/* Author URI: http://webthemez.com/ */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600); @import url(http://fonts.googleapis.com/css?family=Raleway:400,700); * { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; } body { height: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7; color: #666666; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; background: #fff; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; } ::selection { color: #fff; background: #FF5200; } ::-moz-selection { color: #fff; background: #FF5200; } p { color: #7B7B7B; margin: 0 0 1em !important; } h1, h2, h3, h4, h5, h6, #home .heading strong { font-family: 'Raleway', sans-serif; color: #FFF; } .fitImage { max-width: 100%; vertical-align: middle; display: inline-block; } .animated { /* -webkit-animation-duration: 1s; */ animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; } .mcbook { opacity: 0; } .show { opacity: 1; } .pDark p { color: #6D6D6D; } .pDark h3 { color: #BEBEBE; } .btn { background: #FF5200; } .btn:hover { /* background: #145AC4; */ color: #145AC4; } .btn, .form-control, .team-socials i { border-radius: 5px !important; } .form-group { margin: 0 auto; margin-bottom: 15px; width: 75%; } .form-control { border: none; padding: 22px 4px; outline: none; color: #969696; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: rgba(245, 242, 237, 0); font-size: inherit; border-radius: 0px !important; width: 99%; border: 1px solid rgba(255, 255, 255, 0.41); } .button-outline { -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle; zoom: 1; color: #fff; padding: 10px 25px; border: 2px solid #fff; border-radius: 0px; font-size: 16px; font-weight: 400; background: rgba(255,255,255,0.15); } .button-outline:hover { color: #fff; background: rgba(255,255,255,0.35); } a { color: #fff; text-decoration: none; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } a:hover { color: #145AC4; text-decoration: none; } .btn { border: 0px; border-radius: 0px; } .btn-primary { background: #fff; border: 1px solid #fff !important; color: #414141 !important; } .btn-secondary { background: transparent; border: 1px solid #fff !important; color: #fff; } .btn-primary:hover { background: #fff; } .btn-secondary:hover { background: transparent; color: #fff; } .btn { color: #fff; font-size: 18px; min-height: 50px; border-radius: 40px; text-decoration: none; display: inline-block; line-height: 24px; padding: 16px 30px 20px; z-index: 1; position: relative; border: none; margin-bottom: 15px; } .form-control { border-radius: 0px; } .mrgn30 { margin: 30px 0; } .copyright { color: #DBDBDB; padding: 0; font-size: 13px; } #top { position: relative; } .topHome { position: fixed; bottom: 20px; right: 20px; z-index: 5; } .topHome:hover { color: #F89F9F; } #Header { margin-bottom: 52px; position: relative; width: 100%; height: 119px; line-height: 118px; z-index: 1; padding-top: 30px } .logo { width: auto; margin: 0 auto; padding: 16px; height: 125px; width: 128px; } .wrapper { margin: 0 auto; position: relative; width: 100%; z-index: 1; } #socialIcons { display: block; } #socialIcons ul { margin: 0px; padding: 0px; text-align: center; } #socialIcons ul li { margin-right: 5px; height: 35px; line-height: 40px; list-style-type: none; display: inline-block; background: rgba(224, 224, 224, 1); border-radius: 47px; padding: 5px; } #socialIcons ul li a { width: 34px; height: 34px; display: inline-block; } .twitterIcon, .facebookIcon, .linkedInIcon, .pintrestIcon { background: url('../images/social-icons.png') -74px 0px; } .facebookIcon { background-position: 10px 0px; } .linkedInIcon { background-position: -245px 0px; } .pintrestIcon { background-position: -331px 0px; } .tempBy { display: block; text-align: center; margin-top: 40px; color: #8A8A8A; } #subscribe p { text-align: center; } #subscribe input { background: rgba(255, 255, 255, 0.52); color: #7a7a7a; font: bold 19px; vertical-align: middle; width: 293px; border: 1px solid #000; padding: 10px; } #subscribe input[type="button"] { background: rgba(255, 255, 255, 1); width: auto; padding: 10px 25px; cursor: pointer; margin-left: -5px; font-weight: bold; font-size: 13px; color: #000; } .callback, .simple { font-size: 20px; background: #27ae60; padding: 0.5em 0.7em; color: #ecf0f1; margin-bottom: 50px; -webkit-transition: background 0.5s ease-out; transition: background 0.5s ease-out; } .callback { cursor: pointer; } .ended { background: #c0392b; } .countdown { text-align: center; margin-top: 0px; margin-bottom: 50px; } .styled { margin-bottom: 80px; } .styled div { display: inline-block; margin-left: 10px; font-size: 70px; font-weight: normal; text-align: center; margin: 0 25px; height: 100px; text-shadow: none; vertical-align: middle; color: #fff; } #overlay { background: rgba(0, 0, 0, 0.56) url(../images/overlays/01.png) top left repeat; position: fixed; top: 0px; width: 100%; bottom: 0px; opacity: 0.8; } /* IE7 inline-block hack */ *+html .styled div { display: inline; zoom: 1; } .styled div:first-child { /* margin-left: 0; */ } .styled div span { display: block; font-size: 22px; margin-top: -29px; font-weight: normal; text-align: center; } .banner-container { background-repeat: repeat; } /* wtMenu ----------------------------------------------*/ #mainNav { position: fixed; right: -200px; width: 200px; height: 100%; top: 0; z-index: 10; text-align: left; } /*home*/ .heading h2 { color: #fff; font-size: 54px; } .heading h3 { font-size: 36px; margin-top: 67px; } .heading strong { color: #fff; font-size: 27px; font-weight: normal; } .sub{ margin-top:60px; } .sub strong{ font-size: 20px; } .header { position: fixed; width: 100%; background: rgba(27, 27, 27, 0.31); z-index: 50; border-radius: 0; top: 0px; border-bottom: 1px solid rgba(214, 214, 214, 0.26); } .addBg { background: rgba(5, 5, 5, 0.94); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; } /*.carousel-inner*/ .actionPanel { padding: 25px 0; background: #FF5200; } .actionPanel h3 { margin: 0px; } .logo { font-size: 2.2em; text-shadow: none; margin: 8px 0 0 0; } .logo:hover { color: #5A5A5A; } .page-section { width: 100%; height: auto; padding: 35px 0; } .page-section h1 { font-size: 3.5em; margin: 90px 0 30px; line-height: 1.2em; } .page-section h1 span { font-weight: 200; } .page-section h2 { color: #FF5200; } .page-section p { font-size: 14px; line-height: 24px; } .darkBg { background: #000; } .darkBg .fa { color: #FF5200; } #logo { margin-top: 6.875rem; text-align: center; } .hero-text p { font-size: 1.6em; color: #fff; font-style: normal; text-shadow: 1px 1px 1px #8F8F8F; } .arrow-link { display: inline-block; font-size: 32px; margin-top: 20px; height: 60px; line-height: 60px; overflow: hidden; text-align: center; vertical-align: top; width: 60px; } a.arrow-link { color: #FF5200; } a.arrow-link:hover { color: #fff; } .colord { background: rgba(0, 0, 0, 0.72); } .colord p { color: rgba(255, 255, 255, 0.76); } .colord h3 { color: #fff; } .hero-button { text-align: center; background: rgba(255, 255, 255, 0.36); border: 1px solid #fff; padding: 20px; display: inline-block; margin: 0 auto; clear: left; width: auto; } .hero-img { text-align: center; margin: 124px auto 24px auto; } .da-slider { margin: 0 auto !important; } .heading h2 { color: #FFF; } .heading { padding: 3px 10px; padding-bottom: 15px; margin-bottom: 12px; display: block; } .pdingBtm30 { padding-bottom: 30px; } img, video, iframe, embed, object { max-width: 100%; height: auto; } form.newsLetter { max-width: 550px; margin: 0 auto 20px; height: 60px; margin-top: 13px; position: relative; } form.newsLetter .form-control { height: 60px; padding-right: 75px; } .form-control, .form-control:focus { border-color: #fff; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .form-control, .btn { background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .form-control { padding: 6px 30px; } form.newsLetter .btn { width: 90px; height: 60px; border-left: 1px solid #fff; position: absolute; top: 0; font-size: 25px; border-radius: 0px !important; right: 0; } .form-control, .btn { background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .pageSection { min-height: 600px; padding: 20px; background: #dddddd; } .pageSection:nth-child(odd) { background: #eeeeee; } .socialIcons li { list-style: none; display: inline; margin-right: 6px; } footer { padding: 0; margin-top: 30px; } .social a:hover { color: #145AC4; } .social a { font-size: 24px; margin: 0 10px; color: #fff; } .contact ul li { margin-bottom: 10px; } .contact ul li i { margin-right: 15px; } .portfolio-item img:hover { width: 110%; height: 110%; } .styled div{ width: 150px; height: 150px; position: relative; padding: 62px 0 0 0; } .styled div:after { content:''; width: 150px; height: 150px; display: table; border: 1px solid #fff; margin: 50px auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position:absolute; top:0px; } @media (max-width:780px){ .styled div { margin-top: 20px; margin-bottom: 28px } }