/*= 01. Main elements ===========*/ * { box-sizing:border-box; -moz-box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; zoom:1 } html { font-size:16px; min-height:100%; overflow-x:hidden !important } body { color: #666666; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 1.42857; } iframe, img { border:0 } img { border-style:none; height:auto; max-width:100%; vertical-align:top } a { text-decoration:none; color:inherit } a:hover, a:focus { text-decoration:none; color:#3451c6 } a:focus { outline:none } p { color: #666666; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 26px; margin-bottom:20px; } dt { font-weight:normal } ol, ul { list-style:none; margin:0 } blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } img { width:auto; max-width:100% } hr { margin-top:40px; margin-bottom:40px; border-color:#e3e3e3 } small { font-size:0.8333em } table { border-collapse:collapse; border-spacing:0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } .block { margin-bottom:60px } article { margin-bottom:30px } .overflow-hidden { overflow:hidden } h1, h2, h3, h4, h5, h6 { margin:0 0 5px; font-weight: 500; color:#000000; font-family: 'Raleway', sans-serif; line-height: normal; } h1 { font-size: 41px; } h2 { font-size: 20px; } h3 { font-size: 24px; } h4 { font-size: 18px; font-weight: 600; } h5 { font-size: 16px; line-height: 34px; } h6 { font-size: 14px; line-height: 31px; } /*========================================================================= 02. Titles and Text =========================================================================*/ /* ===================================== */ /* TEXT SIZE */ /* ===================================== */ .fontsize-lg { font-size:24px; font-weight:bold; line-height:1.5 } p.fontsize-lg { line-height:1.8 } .skin-color { color:#9ac4f7 !important } /* ===================================== */ /* BIG TEXT STYLE */ /* ===================================== */ .big-title { background: #ffffff none repeat scroll 0 0; border-bottom: 3px solid #333333; border-left: 2px solid #333333; border-Right: 2px solid #333333; border-Top: 2px solid #333333; display: inline-block; margin-bottom: 60px; padding: 16px 30px !important; position: relative; text-align: center; text-transform: uppercase; } .big-title::before { background: #ffffff none repeat scroll 0 0; border-bottom: 3px solid #333333; border-left: 3px solid #333333; bottom: -15px; content: ""; height: 26px; left: 50%; margin-left: -13px; position: absolute; -moz-transform: rotate(316deg); -webkit-transform: rotate(316deg)); -o-transform: rotate(316deg); -ms-transform: rotate(316deg); transform: rotate(316deg); width: 26px; } /* ===================================== */ /* MAIN TITLE */ /* ===================================== */ h2.section-title { background: #3451c6 none repeat scroll 0 0; color: #ffffff; font-size: 32px; font-weight: 600; line-height: 42px; /*margin-bottom: 80px; margin-top: -80px;*/ padding: 30px 0; position: relative; text-align: center; z-index: 100; } @media (max-width: 980px) { h2.section-title { font-size: 23px; line-height: 31px; } } /* ===================================== */ /* TITLE */ /* ===================================== */ .title-center { color:#960000; width: 70%; margin: 0 auto 40px ; overflow: hidden; text-align: center; line-height: 46px; text-transform: capitalize; } .title-center:before, .title-center:after { content: ""; vertical-align: top; display: inline-block; width: 26%; height: 27px; border-bottom: 4px double rgba(0, 0, 0, 0.13); margin: 0 6% 0 -55%; } .title-center:after { margin: 0 -55% 0 6%; } .title { color: #FFFFFF; font-size: 23px; margin: 0 0 36px; overflow: hidden; line-height: 1.2em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } /* ===================================== */ /* HEADING */ /* ===================================== */ .heading-box { text-align:center; float:none; margin:0 auto 20px } .heading-box p { line-height: 40px; margin-top:10px; } .heading-box .box-title { font-size: 31px; } .heading-box [class^="desc-"] { font-weight:300; margin-top:0; } .heading-box .desc-lg { font-size: 21px; } .heading-box .desc-md { font-size:1.3333em } .testimonial.style1 .testimonial-content { font-family:Playfair Display } #header .logo, #nav>ul>li>a, .mobile-nav { } .page-wrapper { overflow:hidden; position:relative; } .box-lg { margin-bottom:40px } /*========================================================================= 03. HOME SLIDER WT TEXT =========================================================================*/ #parallax-backstretch { z-index:-1; position:fixed; width:100%; height: 800px; overflow:hidden; } .boxed #parallax-backstretch { position: absolute !important; } .boxed #parallax-backstretch .backstretch img { height: auto !important; left: 0 !important; overflow: hidden; position: absolute !important; top: 0 !important; width: 100% !important; } #coming-soon { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); width:100%; padding: 150px 0 120px; } #welcome h4 { color: #ffffff; line-height: 35px; margin: 0 0 20px; min-height: 70px; } .welcome-section h2 { color: #ffffff; font-size: 35px; font-weight: 800; padding: 0 0 5px; text-align: center; text-transform: uppercase; } #welcome { text-align:center; top:50%; width:100%; height:auto; z-index:0; } #brand-logo { margin-bottom:0; } .typist { margin:0 0 20px; font-weight: 500; font-family: 'Raleway', sans-serif; color: #ffffff; line-height: 35px; margin: 0 0 20px; min-height: 70px; } a.subscribe-button { border:2px solid rgba(255, 255, 255, .5); border-radius:2.14286em; cursor:pointer; display:inline-block; font-size:.875em; font-weight:600; padding:1em 3.07143em; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; color:#FFF; } a.subscribe-button:hover { background:rgba(255, 255, 255, .1); text-decoration:none; } @media (max-width:360px) { a.subscribe-button { padding: 1em 1.071em; } } #link-box a.subscribe-button:first-child { border:2px solid #3451c6; } @media (min-width:980px) and (max-width:1600px) { #coming-soon { padding:150px 0 120px; } #brand-logo { margin-bottom:10px; } #parallax-backstretch { height:100%; } .welcome-section h4 { font-size:15px; line-height:20px; } } @media (min-width:768px) and (max-width:979px) { #coming-soon { padding:100px 0; } .welcome-section h4 { font-size:17px; line-height:20px; } } @media (max-width:767px) { #coming-soon { padding:130px 0 100px; } #brand-logo { max-width:150px; } .welcome-section h2 { font-size: 15px; margin-top: 21px; } #welcome h4, .typist { font-size: 13px; line-height: 23px; } a.subscribe-button { padding: 1em 2.071em; } #link-box a.subscribe-button:first-child { margin-bottom:10px; } } /*========================================================================= 04. HEADER =========================================================================*/ #header { border-bottom: 1px solid rgba(255, 255, 255, 0.06); color: #000000; left: 0; position: absolute; top: 0; width: 100%; z-index: 101; } #header { color:#fff; background:#fff;box-shadow: 0px 5px 10px #777;} #header .logo a { color:#fff; } #header .header-top-nav { float:right } #header .logo { font-size: 21px; text-transform:uppercase; font-weight:800; float: left; background-repeat:no-repeat; line-height: 53px; margin: 0px 0 0 !important; height:50px; width:300px; } #header .logo img { margin-right: 6px; } /* ===================================== */ /* INNER PAGE MAIN HEADER wt TITLE */ /* ===================================== */ .page-title-container { background: url("../img/aboutbg.jpg") repeat fixed 0 0 #09131d; position:relative; overflow: hidden; z-index: 1; } .page-title-container .entry-title { color: #ffffff; font-size: 41px; font-weight: 800; margin-bottom: 0; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; } .page-title-container .entry-title::before, .page-title-container .entry-title::after { border-bottom: 4px double rgba(255, 255, 255, 0.17); } .page-title-container.cnt { background: rgba(0, 0, 0, 0) url("../img/inner-header-contact.jpg") repeat scroll 50% 50% / cover !important; } .page-title-map { background: rgb(15, 36, 49) none repeat scroll 0 0; min-height: 480px; overflow: hidden; position: relative; z-index: 1; } @media (max-width:640px) { .page-title-map { min-height: 270px; } } .page-title-container .page-title { padding: 150px 0 25px; position: relative; z-index: 3; } .page-title-container .breadcrumbs { padding: 0 20px 20px; text-align: center; position: relative; z-index: 3; } .page-title-container .breadcrumbs li { display:inline-block; line-height:36px; font-size: 14px; font-weight: 600; text-transform:uppercase; margin-left:5px } .page-title-container .breadcrumbs li:first-child { margin-left:0 } .page-title-container .breadcrumbs li a { color: #ffffff; padding-right: 5px; } .page-title-container .breadcrumbs li:after { content:"-" } .page-title-container .breadcrumbs li:last-child:after { content:"" } .page-title-container .breadcrumbs li.active { color:#84a1ff } @media (max-width: 980px) { .page-title-container .page-title { padding: 107px 0 15px; } .page-title-container .entry-title { font-size: 24px; } .page-title-container .breadcrumbs { padding: 0 25px 70px; } } @media (max-width: 440px) { .title-center { width: 100%; } .page-title-container .page-title { padding: 107px 0 15px; } .page-title-container .entry-title { font-size: 16px; } .page-title-container .breadcrumbs { padding: 0 25px 70px; } } /*========================================================================= 05. Rocket Animated =========================================================================*/ .rocket-fly { display: inline-block; width: 144px; height: 281px; margin-left: -72px; position: absolute; left: 50%; top: 0; -moz-animation: float 1000ms infinite ease-in-out; -webkit-animation: float 1000ms infinite ease-in-out; animation: float 1000ms infinite ease-in-out } @-webkit-keyframes float { 0% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } 50% { -webkit-transform: translateY(-5px) translateX(-1px); -moz-transform: translateY(-5px) translateX(-1px); transform: translateY(-5px) translateX(-1px) } 100% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } } @-moz-keyframes float { 0% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } 50% { -webkit-transform: translateY(-5px) translateX(-1px); -moz-transform: translateY(-5px) translateX(-1px); transform: translateY(-5px) translateX(-1px) } 100% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } } @keyframes float { 0% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } 50% { -webkit-transform: translateY(-5px) translateX(-1px); -moz-transform: translateY(-5px) translateX(-1px); transform: translateY(-5px) translateX(-1px) } 100% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } } .rocket-fly .rocket { width: 100%; height: 100%; position: absolute; background: url(../img/illustration/rocket.png) no-repeat; left: 0; top: 0; z-index: 1 } .fuego { width: 40px; height: 71px; position: absolute; background: url(../img/illustration/fego.png) no-repeat; left: 55px; bottom: -7px; -webkit-animation: fire 100ms infinite ease-in-out; -moz-animation: fire 100ms infinite ease-in-out; animation: fire 100ms infinite ease-in-out } @-webkit-keyframes fire { 0% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } 50% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg) } 100% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } } @-moz-keyframes fire { 0% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } 50% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg) } 100% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } } @keyframes fire { 0% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } 50% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg) } 100% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } } /*========================================================================= 06. Super man Animated =========================================================================*/ .super-man { display: inline-block; height: 139px; position: relative; width: 314px; -moz-animation: float 1000ms infinite ease-in-out; -webkit-animation: float 1000ms infinite ease-in-out; animation: float 1000ms infinite ease-in-out; } @-webkit-keyframes float { 0% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } 50% { -webkit-transform: translateY(-5px) translateX(-1px); -moz-transform: translateY(-5px) translateX(-1px); transform: translateY(-5px) translateX(-1px) } 100% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } } @-moz-keyframes float { 0% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } 50% { -webkit-transform: translateY(-5px) translateX(-1px); -moz-transform: translateY(-5px) translateX(-1px); transform: translateY(-5px) translateX(-1px) } 100% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } } @keyframes float { 0% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } 50% { -webkit-transform: translateY(-5px) translateX(-1px); -moz-transform: translateY(-5px) translateX(-1px); transform: translateY(-5px) translateX(-1px) } 100% { -webkit-transform: translateY(5px) translateX(1px); -moz-transform: translateY(5px) translateX(1px); transform: translateY(5px) translateX(1px) } } .super-man .sp-man { background: rgba(0, 0, 0, 0) url("../img/illustration/sp-man.png") no-repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .fly-waves { background: rgba(0, 0, 0, 0) url("../img/illustration/waving.png") no-repeat scroll 0 0; height: 69px; left: 95px; position: absolute; top: 12px; width: 188px; -webkit-animation: fire 100ms infinite ease-in-out; -moz-animation: fire 100ms infinite ease-in-out; animation: fire 100ms infinite ease-in-out } @-webkit-keyframes fire { 0% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } 50% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg) } 100% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } } @-moz-keyframes fire { 0% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } 50% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg) } 100% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } } @keyframes fire { 0% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } 50% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg) } 100% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg) } } /* ===================================== */ /* Callout Box */ /* ===================================== */ .callout-box { position:relative } .callout-box .callout-content { display:table; width:100% } .callout-box .callout-text { display:table-cell; vertical-align:middle } .callout-box .callout-action { display:table-cell; padding-left:40px; vertical-align:middle; white-space:nowrap } .callout-box.style1 .callout-color { background: #2980b9 none repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .callout-box.style1 .callout-content-container:before { content:""; display:inline-block; height:100%; vertical-align:middle } .callout-box.style1 .callout-content { display:inline-block; height:auto; width:98%; vertical-align:middle } .callout-box.style1 .callout-text h2 { border-right: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 32px; line-height: 52px; padding-right: 40px; } .callout-box.style1 .btn { color:#fff; border-color:#fff } .callout-box.style1 .btn:hover { border-color:#333 } .callout-box.style1 .container { position:relative } .callout-box.style1 .callout-image-container { display:table; width:100%; height:100%; table-layout:fixed } .callout-box.style1 .callout-image { position:relative; z-index:1; display:table-cell; vertical-align:bottom } .callout-box.style1 .callout-image img { margin-top:5px } .callout-box.style2 { background: none repeat scroll 0 0 #3451c6; padding: 0; } @media (max-width: 980px) { .callout-box.style1 .callout-content { text-align: center; } .callout-box .callout-text { display: block; text-align: center; } .callout-box.style1 .callout-text h2 { font-size: 34px; line-height: 48px; padding-right: 0; } .callout-box .callout-action { display: block; padding-left: 0; } } /*========================================================================= 07. ROW WRAPPERS =========================================================================*/ .second { /*background: none repeat scroll 0 0 #FFFFFF;*/ background-image:url(../img/need-wesite-bg.jpg); background-position: bottom center; background-repeat:repeat-x; height: auto; margin: 0 auto; padding:20px 0 20px; position: relative; overflow: hidden; } .second::before { background: #eeeeee; content: ""; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .second .bg { background: url("../img/parallax/trainers.png") 50% 0 no-repeat fixed; height: auto; margin: 0 auto; padding: 0; position: absolute; width: 900px; z-index: 200; } .third { background: none repeat scroll 0 0 #f7f7f7; padding:30px 0 30px; position: relative; overflow: hidden; } .third::before { background: #eeeeee; content: ""; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .third .title { background: url("../img/patterns/pattern-stripes.png") repeat scroll 0 50% rgba(0, 0, 0, 0); overflow: hidden; } .third .title span { background: none repeat scroll 0 0 #f7f7f7; float: left; padding: 0 31px 0 0 !important;} .row-half-map { display: inline-block; margin: 0 0 -4px; position: relative; width: 100%; } .row-half-map .map-lft { width: 45%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; } .row-half-map .map-lft #map { height: 100%; width: 100%; } .row-half-map .form-rit { width: 55%; padding: 80px 70px; float: right; background: rgb(255, 255, 255) none repeat scroll 0px 0px; } .row-wrapper { position: relative; } /*========================================================================= 08. Parallax ========================================================================= */ .parallax { background-attachment:fixed; background-position:50% 0; background-repeat:no-repeat; background-size:auto auto; overflow:hidden; position:static } .parallax-wrapper { padding: 30px 0 60px; position: relative; } .parallax h1 { } .parallax p { color: #aeaeae; font-size: 16px; font-weight: 400; line-height: 31px; margin-bottom: 20px; } .features-icon-slider.owl-theme .owl-controls { display: none; } .parallax .container { -webkit-backface-visibility:hidden } .parallax-image1 { background-image:url(../img/parallax1.jpg); background-color: #101010; } .parallax-image2 { background-image:url(../img/parallax1.jpg); } .parallax-image4 { /*background:url(../img/bg2.jpg) repeat-x center fixed; background-color:#2B90BA;*/ border-bottom: 1px solid #eaebeb; background:url(../img/need-wesite-bg.jpg) repeat-x center fixed; border-top: 1px solid #eaebeb; padding: 80px 0 60px; position: relative; } .parallax-image4 h2, .parallax-image4 p { color: #fff; } .parallax-image6 { background-image:url(../img/illustration/cloud.png) } .map-overlay { background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(244, 246, 12, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.7)', endColorstr='rgba(244, 246, 12, 0)', GradientType='1'); /* for IE */ background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%);/* W3C */ display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .img-overlay { background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%) repeat scroll 0 0; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .overlay-light { background:url(../img/bg2.jpg) center repeat top; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .banner-image1 { background: url("../img/about-bg.jpg") no-repeat center top transparent; } .light-overlay1 { background-color: rgba(237, 246, 255, 0.3); border-bottom: 1px solid #e0e9f2; border-top: 1px solid #e0e9f2; padding: 80px 0 60px; } .bg-client-section { background: #222222 url("../img/client-bg.jpg") repeat fixed 0 0; height: auto; margin: 0 auto; overflow: hidden; padding: 25px 0; position: relative; } .bg-client-section h1, .bg-client-section h2, .bg-client-section h3, .bg-client-section h4, .bg-client-section h5, .bg-client-section h6, .bg-client-section p { color: #fff; } /*========================================================================= 09. DEALS BOX ========================================================================= */ .deal-boxed { background: -moz-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #ffffff), color-stop(32%, #f7f7f7));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType='1'); /* for IE */ background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 32%);/* W3C */ border: 1px solid #e3e3e3; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); display: block; margin: 46px 20px 0; padding: 30px; } .deal-boxed .box-content { display: inline-block; } .deal-boxed .icon-tag { background: url("../img/icons/tag.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #f76742; font-family: "Signika", sans-serif; font-size: 22px; font-weight: 700; height: 130px; padding: 32px 0 0; position: absolute; right: 0; text-align: center; top: 0; width: 97px; } .deal-boxed .icon-tag span { color: #ffffff; display: block; font-family: "Roboto", sans-serif; font-size: 12px; font-weight: 700; line-height: 18px; margin-top: 29px; text-transform: uppercase; } .deal-boxed h4.box-title { font-size: 18px; font-weight: 600; margin-right: 20px; margin-top: 0; min-height: 42px; text-transform: uppercase; } .box-content .deal-icons { display: inline-block; margin-bottom: 21px; width: auto; } .box-content .promo-btn { float: none; width: 100%; } .box-content .promo-btn .btn.btn-default { display: block; } @media (max-width: 480px) { .box-content .deal-icons { width: 100%; } } .deal-t1 { border-bottom: 1px dashed #e3e3e3; color: #343844 ; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; margin-bottom: 20px; padding-bottom: 20px; } .deal-p1 { color: #343844 ; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 4px; } .deal-p2 { color: #f76742; font-family: "Roboto", sans-serif; font-size: 24px; font-weight: 500; line-height: 34px; margin-bottom: 7px; } .deal-p2 > em { font-size: 16px; font-style: normal; } .deal-p3 { border-bottom: 1px dashed #e3e3e3; color: #343844 ; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 19px; margin-bottom: 20px; padding-bottom: 20px; } .deal-p3 > em { text-decoration: line-through; } .deal-boxed .promo-btn { padding-left: 0; } .deal-boxed.d-blue .icon-tag { background-position: -153px 0; color: #2785e2; } .deal-boxed.d-blue .deal-p2 { color: #2785e2; } .deal-boxed.d-blue .promo-btn .btn-default { background: none repeat scroll 0 0 #2785e2; } .deal-boxed.d-blue .promo-btn .btn-default { background: none repeat scroll 0 0 #2785e2; } .deal-boxed.d-blue .btn.btn-default:focus, .deal-boxed.d-blue .btn.btn-default:hover { background: none repeat scroll 0 0 #333333; } .deal-boxed.d-green .icon-tag { background-position: -307px 0; color: #39b20d; } .deal-boxed.d-green .deal-p2 { color: #39b20d; } .deal-boxed.d-green .promo-btn .btn-default { background: none repeat scroll 0 0 #39b20d; } .deal-boxed.d-green .promo-btn .btn-default { background: none repeat scroll 0 0 #39b20d; } .deal-boxed.d-green .btn.btn-default:focus, .deal-boxed.d-green .btn.btn-default:hover { background: none repeat scroll 0 0 #333333; } .image-box { margin-bottom:30px } /*========================================================================= 10. Image Container =========================================================================*/ .image-container { position:relative } .image-container img { width:100% } .image-container.fixed img { max-width:100%; width:auto } /*========================================================================= 11. PROCESS HOW IT WORKS ========================================================================= */ .process-builder .process-item { float:left; text-align:center; } .process-builder.style-simple.items-3 .process-item { width:33.3333% } .process-builder.style-simple .process-icon { border: 2px solid #eeeeee; -webkit-border-radius:50% 50% 50% 50%; -moz-border-radius:50% 50% 50% 50%; -ms-border-radius:50% 50% 50% 50%; border-radius:50% 50% 50% 50%; color: #333; display: inline-block; font-size: 26px; height: 56px; line-height: 56px; margin-bottom: 10px; position: relative; width: 56px; } .process-builder.style-simple .process-icon:before, .process-builder.style-simple .process-icon:after { content:""; display:block; position:absolute; border-top:2px solid #eeeeee; width:300%; top:50%; margin-top:-1px } .process-builder.style-simple .process-icon:before { right:100%; margin-right:12px } .process-builder.style-simple .process-icon:after { left:100%; margin-left:12px } .process-item > img.icon-st { display: block; height: 128px; margin: 0 auto 20px; width: 128px; } .process-builder.style-simple .process-item { overflow:hidden } .process-builder.style-simple .process-item:first-child .process-icon:before { display:none } .process-builder.style-simple .process-item:last-child .process-icon:after { display:none } .process-builder.style-simple .process-item.active .process-icon, .process-builder.style-simple .process-item .process-icon:hover { background:#3451c6; border:none; color:#fff } .process-builder.style-simple .process-details { padding:0 25px } @media (max-width: 480px) { .process-builder.style-simple.items-3 .process-item { width:100% } .process-builder.style-simple .process-icon::before, .process-builder.style-simple .process-icon::after { display: none; } } /*========================================================================= 12. Theme Features ========================================================================= */ .theme-features .same-height { margin-top:-2px } .theme-features .same-height>div { border-top:1px solid #f7f7f7; border-right:1px solid #f7f7f7 } .theme-features .same-height.first > div { border-top: 0 none; } .theme-features .image-box { margin-top:30px } .theme-features .image-box .image-container { float: left; margin-right: 15px; } .details { overflow: hidden; } .col-three { border: 1px solid #e2e2e2; float: left; margin-left: -1px; margin-top: -1px; max-height: 197px; min-height: 197px; padding: 40px; width: 33.3333%; -webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease;/* Firefox 4-15 */ -o-transition: all 0.6s ease;/* Opera 10.5-12.00 */ transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */ } .col-three:hover { background: #f0f0f0; } .col-three.lt { border-left: 1px solid rgba(0, 0, 0, 0); } .col-three.tp { border-top: 1px solid rgba(0, 0, 0, 0); } .col-three.bt { border-bottom: 1px solid rgba(0, 0, 0, 0); } .col-three.rt { border-right: 1px solid rgba(0, 0, 0, 0); } .col-three p { margin-bottom: 0; } @media (max-width: 980px) { .col-three { width: 50%; max-height: 224px; } .col-three.lt, .col-three.tp, .col-three.bt, .col-three.rt { border: 1px solid #e2e2e2; } } @media (max-width: 640px) { .col-three { width: 100%; max-height: 100%; } .col-three.lt, .col-three.tp, .col-three.bt, .col-three.rt { border-bottom: 1px solid #e2e2e2; border-top: 1px solid rgba(0, 0, 0, 0); border-right: 1px solid rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); } } /*========================================================================= 13. PRODUCT FEATURE ========================================================================= */ .product-feature h3 { font-size: 31px; font-weight: 700; margin-bottom: 20px; margin-top: 40px; text-transform: uppercase; } .product-feature p.lead { color: #e74c3c; font-size: 27px; font-weight: 400; margin-bottom: 20px; } .product-feature p.lead span { font-size: 16px; } .product-feature strong { color: #555e65; } /*========================================================================= 14. Register ========================================================================= */ .colorgraph { height: 5px; border-top: 0; background: #c4e17f; border-radius: 5px; background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); } /*========================================================================= 15. Hosting Search Domain Form ========================================================================= */ .colorfull-row { background:#3451c6; color:#636363; padding: 40px 0; } .colorfull-row.full-bottom { bottom: 0px; top:600px; height:200px; position:absolute; left: 0; width: 100%; z-index: 99; } .colorfull-row h1, .colorfull-row h2, .colorfull-row h3, .colorfull-row h4, .colorfull-row h5 { color: #1ABC9C; /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);*/ } .colorfull-row p { color: #ffffff; } .colorfull-row a:hover { color: #fff; } .btn strong { font-weight:900 } .btn.btn-default { background:#ebebeb; color:#959595 } .btn.btn-default:focus, .btn.btn-default:hover { background:#000 !important; } .btn.btn-success { background:#1abc9c; } .btn.btn-success:focus, .btn.btn-success:hover { background: #000000 none repeat scroll 0 0 !important; border: 3px solid #000000; } .form-control { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04); border: 1px solid #e3e3e3; color: #777777; font-family: "Roboto",sans-serif; font-size: 15px; font-weight: 300; padding: 9px 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; height: auto; } .form-control:focus { border-color:#ccc; -webkit-box-shadow:inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0); box-shadow:inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0) } .wrapper { width:1100px; margin:0 auto; padding:0; position:relative } section { padding:30px 0 } .domain-search:after, .domain-search:before { display:table; content:" " } .domain-search:after { clear:both } .form-domain { margin:0; padding:0 15px 0 0; width:55%; float:left; display:block } .search-input { margin:0; padding:0 15px 0 0; position:relative; width:77%; float:left; display:block } .form-domain .input-domain { background: #ffffff none repeat scroll 0 0 !important; border: 0 none; color: #333333; font-size: 18px; font-weight: 300; height: 65px; margin: 0; padding-left: 112px; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; } .form-domain .www { border-right: 1px solid rgba(0, 0, 0, 0.03); bottom: 10px; color: #333333; font-size: 18px; font-weight: 700; left: 0; line-height: 30px; padding: 8px 0; position: absolute; text-align: center; top: 10px; width: 91px; } .form-domain .input-domain::-moz-placeholder { color:#c7c7c7; opacity:1 } .form-domain .domain-extension { background: #f4f8fb url("../img/icons/select-caret.png") no-repeat scroll right center; -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; bottom: 8px; height: auto; overflow: hidden; position: absolute; right: 14px; top: 8px; z-index: 1; } .form-domain .domain-extension select { color:#333; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 18px; font-weight:600; width:120px; padding-left:15px; padding-right:15px; z-index:2; height:49px; border:none; position:relative; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); appearance:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none } .form-domain .btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 3px solid rgba(255, 255, 255, 0.3); font-size: 14px; font-weight: 800; width:25%; height:65px; margin:0; -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); text-transform: uppercase; } .promo-btn { float:left; width:45%; position: absolute;right: 0; top:0;} .promo-btn .btn { height:65px; font-weight: 800; line-height: 33px; padding-top:15px } .promo-btn .btn img { margin-right:20px; top: 3px; position:relative } .promo-btn .btn-default { background:#f76742; color:#fff; -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } .promo-btn strong { color: #fffeae; } @media (max-width:1024px) { .wrapper { width:100% } } @media (max-width:800px) { .form-domain { width: 100%; } .promo-btn { display: none; } } @media (max-width:768px) { .form-domain { width:100%; float:none; display:block; margin:0; padding:0 } .form-domain .input-domain { padding-left: 10px; font-size: 13px; font-weight: 300; height: 55px; margin: 0; } .search-input { width: 62%; } .form-domain .domain-extension select { font-size: 13px; height: 39px; padding-left: 5px; padding-right: 15px; width: 120px; } .form-domain .btn { font-size: 12px; font-weight: 700; height: 55px; margin: 0; padding: 0 4px; width: 36%; } .promo-btn { display: none; } .domain-search { margin-top:0 } .form-domain .domain-extension select { width:72px; } .btn-block { margin-bottom:10px } } @media (max-width:768px) { .form-domain .www { display:none } } @media (max-width:640px) { .form-domain .input-domain { padding-left:10px } .form-domain .www { display:none } } /*========================================================================= 16. Hosting Domain Price ========================================================================= */ .row-LightBlue { background: -moz-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #f5ffff), color-stop(30%, #e6efef));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ffff', endColorstr='#e6efef', GradientType='1'); /* for IE */ background: linear-gradient(180deg, #f5ffff 0%, #e6efef 30%);/* W3C */ border-bottom: 1px solid #d4dddd; border-top: 1px solid #d4dddd; padding: 50px 0; } .tld-wrp { display: inline-block; float: left; margin: 8px 0; text-align: center; width: 10%; } .tld { background: none repeat scroll 0 0 #535c6b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; font-family: open sans Condensed; font-size: 18px; font-weight: 600; height: 70px; line-height: 31px; margin: 0 auto 14px; padding: 20px 0; text-align: center; width: 70px; } .currentprice { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; text-align: center; } .WebPrice { display: block; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; margin-top: 7px; } .tld-wrp:hover .tld { -webkit-transition: all 0.3s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ } .tld-wrp:hover .tld { background: none repeat scroll 0px 0px #3451c6; } .tld-wrp:hover .currentprice { color: #3451c6; } @media (max-width: 640px) { .tld-wrp { width: 20%; } } @media (max-width: 360px) { .tld-wrp { width: 33.3333%; } } /*========================================================================= 17. Team ========================================================================= */ .shape { position: relative; margin: 0 auto } .shape .overlay { display: block; width: 310px; height: 310px; position: absolute; top: -5px; left: -5px; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: .6s; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: .6s; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: .6s; z-index: 7; pointer-events: none; background-repeat: no-repeat; outline: 0 } .shape .overlay.hexagon { background: url(../img/team/shape.png) } .shape:hover .overlay { -webkit-transform: scale(1.07, 1.07); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: .3s; -moz-transform: scale(1.07, 1.07); -moz-transition-timing-function: ease-out; -moz-transition-duration: .3s } .shape-inner { height: 300px; overflow: hidden; position: relative; width: 300px; margin: 0 auto; } .shape .base > img { background: -moz-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* FF3.6+ */ background: -webkit-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* Opera 11.10+ */ background: -ms-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* IE10+ */ background: radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* W3C */ left: 0; max-width: 100%; position: absolute; top: 0; } .shape .base > .team-img2 { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .shape:hover .base > .team-img2 { opacity: 1; } .shape h3 { color: #333; font-size: 21px; font-weight: 600; margin: 16px 0 21px; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; } .shape h3:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: -10px; content: ""; height: 3px; left: 50%; margin-left: -15px; position: absolute; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 30px; } .shape:hover h3:after { margin-left: -25px; width: 50px; } .shape a { color: #777777; font-family: 'Roboto', sans-serif; font-size: 14px; } .shape a:hover { color: #FF5533; } /*========================================================================= 18. Clients ========================================================================= */ .client-clr { -webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease;/* Firefox 4-15 */ -o-transition: all 0.6s ease;/* Opera 10.5-12.00 */ transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */ } .client-clr:hover { background: #ffffff none repeat scroll 0 0; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); } .clients p { margin-bottom:48px!important } .client-row { text-align:center; line-height:0 } .client-row .col-sm-3 { min-height:140px; line-height:140px; margin-bottom: 0; padding-top:16px; padding-bottom:16px } .client-row img { max-height:60px; max-width:140px; vertical-align: middle; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; -webkit-backface-visibility:none } .client-row img:hover { opacity:1 } .client-row .row-wrapper { display:inline-block; width:80%; border-bottom:1px solid rgba(0, 0, 0, 0.06) } .client-row:last-child .row-wrapper { border-bottom:none } .row-wrapper .col-sm-3 { border-right:1px solid rgba(0, 0, 0, 0.06) } .row-wrapper .col-sm-3:last-child { border-right:none } .clients-2 { text-align:center; padding:64px 0 } .clients-2 .col-md-2 { height:80px; line-height:80px } .clients-2 img { max-height:60px; max-width:140px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; opacity:.4 } .clients-2 img:hover { opacity:1 } .flip-card { width:100%; height:130px } .flip-front { line-height:140px } .flip-back { background-color:#fff; border:1px solid #f3f3f3; color: #000000; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:13px; font-weight: 600; line-height:20px; padding:15px; overflow:hidden } @media (max-width: 480px) { .row-wrapper .col-sm-3 { border-right: 0 solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } } /*========================================================================= 19. FAQ's =========================================================================*/ .panel-group .panel-title { background: -moz-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType='1'); /* for IE */ background: linear-gradient(180deg, #ffffff 0%, #f1f1f1 100%);/* W3C */ font-size:1.1667em; line-height:20px } .panel-group .panel-title a { white-space:normal; display:block; padding:15px 30px } .panel-group .panel-title a.active .open-sub:after { display:none } .panel-group .panel-title .open-sub { display:block; position:relative } .panel-group .panel-title .open-sub:before, .panel-group .panel-title .open-sub:after { content:""; display:block; position:absolute } .panel-group .panel-title .open-sub:before { height:1px; top:50%; margin-top:-0.5px; left:50% } .panel-group .panel-title .open-sub:after { width:1px; left:50%; margin-left:-0.5px; top:50% } .panel-group h3.panel-title { font-size: 21px; } .panel-group .panel-content { padding:10px 30px 20px } .panel-group .panel-content>*:last-child { margin-bottom:0 } .panel-group .panel { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border:none; margin-bottom: 20px; position:relative; } .panel-group .panel+.panel { margin-top:1px } .faqs { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); padding: 40px; } .faqs .panel+.panel { margin-top:0 } .faqs .panel-title .open-sub { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.01); border: 1px solid #e1e1e1; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; color: #cccccc; float: right; font-family: FontAwesome; font-size: 18px; line-height: 61px; margin-left: 30px; position: absolute; right: 0; text-align: center; text-indent: 1px; top: 0; width: 61px; } .faqs .panel-title .open-sub:before { position:static; display:inline; content:"\f067"; height:auto; margin:0 } .faqs .panel-title a { border: 1px solid #e4e4e4; color: #000; line-height: 1; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .faqs .panel-title a.active { background: none repeat scroll 0 0 #ffffff; border-bottom: 0 none; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .faqs .panel-title a.active .open-sub { background: none repeat scroll 0 0 #ffffff; border-color: #e4e4e4; color: #acacac; } .faqs .panel-title a.active .open-sub:before { content:"\f068" } .faqs .panel-content { background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 30px 40px; } /*========================================================================= 20. Sitemap ========================================================================= */ .site-map { margin: 0 0 40px 0; float: left; width: 100%; } #site-map li { width: 25%; } #site-map li ul li { width: 100% !important; } /* -------- Top Level --------- */ #site-map { margin: 0; float: left; width: 100%; } #site-map #home { display: block; float: none; background: #ffffff url('../img/icons/ST1-left.png') center bottom no-repeat; position: relative; z-index: 2; } #site-map li { float: left; background: url('../img/icons/ST1-center.png') center top no-repeat; padding: 30px 0; margin-top: -30px; } #site-map li a.main { background: none repeat scroll 0 0 #A56AB6; border: 1px solid #854A96; } #site-map li a.main:hover { background: none repeat scroll 0 0 #BA7FCB; border: 1px solid #A56AB6; } #site-map li a { margin: 0 20px 0 0; padding: 10px 0; display: block; font-size: 14px; font-family: 'Roboto', Arial, sans-serif; font-weight: 600; text-align: center; color: #fff; background: none repeat scroll 0 0 #4AAAD3; border: 1px solid #64B2D3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } #site-map li a:hover { background-color: #6ACAF3; border-color: #3A9AC3; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0s); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } #site-map li:last-child { background: url('../img/icons/ST1-right.png') center top no-repeat; } /* -------- Second Level --------- */ #site-map li li { width: 100%; clear: left; margin-top: 0; padding: 10px 0 0 0; background: url('../img/icons/ST-vertical-line.png') center bottom repeat-y; } #site-map li li a { background-color: #4AD3A7; border-color: #36BF93; } #site-map li li a:hover { border-color: #3CC599; background-color: #63ECC0; } #site-map li li:first-child { padding-top: 30px; } #site-map li li:last-child { background: url('../img/icons/ST-vertical-line.png') center bottom repeat-y; } /* -------- Third Level --------- */ #site-map li li ul { margin: 10px 0 0 0; width: 100%; float: right; padding: 9px 0 0 0; background: #ffffff url('../img/icons/ST3-ul-top.png') center top no-repeat; } #site-map li li li { background: url('../img/icons/ST3-center.png') left center no-repeat; padding: 5px 0; } #site-map li li li a { background-color: #E9CE3B; border-color: #CCB11E; width: 80%; float: right; } #site-map li li li a:hover { background-color: #FADF4C; border-color: #CDB21F; } #site-map li li li:first-child { padding: 15px 0 5px 0; background: url('../img/icons/ST3-li-top.png') left center no-repeat; } #site-map li li li:last-child { background: url('../img/icons/ST3-bottom.png') left center no-repeat; } /*========================================================================= 21. Blog ========================================================================= */ .post-holder { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); margin-bottom: 60px; position: relative; } .post-holder .img-responsive { width: 100%; } .post-holder figure { border: 0; margin: 0 0 20px 0; position: relative; } .post-holder .entry-title, .post-holder .entry-title a { color: #222222; font-size: 27px; margin-bottom: 20px; margin-top: 20px; } .post-holder .entry-title a:hover { } .post-meta { color: #777777; display: block; margin-bottom: 23px; padding: 0 0 20px 0; overflow: hidden; } .post-meta a { color: #777; padding: 0 6px 0 0; text-decoration:none; } .post-meta i { font-size: 16px; padding: 0 8px 0 0; } .post-meta a:hover { color: #000; } .post-holder h4 { margin: 0 0 7px; } /* parent post */ .parent { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 1px #CCCCCC; margin-bottom: 30px; padding: 20px; position:relative; } .parent-sub-img { background: url("../img/icons/post-sub.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 70px; left: -22px; position: absolute; top: -30px; width: 19px; } .parent img { float: left; } .parent span { font: italic 12px 'georgia'; } .parent a.reply:link, .parent a.reply:visited { background: none repeat scroll 0 0 #EB4D3A; color: #FFFFFF; font-size: 10px; font-weight: bold; margin-left: 20px; padding: 2px 6px; text-transform: uppercase; } .parent a.reply:hover { background: none repeat scroll 0 0 #333; } .parent p { margin-top: 10px; overflow: hidden; } .child { margin-left: 40px; } .subchild { margin-left: 80px; } .parent a.reply:visited { background: none repeat scroll 0 0 #3498DB; color: #FFFFFF; font-size: 10px; font-weight: bold; margin-left: 20px; padding: 2px 6px; text-transform: uppercase; } .post-holder code { background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #DD1144; display: block; font-size: 13px; padding: 15px 24px; white-space: normal; } /* Blog Video */ .sidebar-blog-video { width: 100%; height: auto; } .sidebar-blog-video iframe { width: 100%; height: 433px; } .post-pad-rt { padding-right: 31px; } code { background-color: #f6f6f6; border: 1px solid #eaeaea; border-radius: 4px; color: #c7254e; display: block; font-size: 90%; padding: 30px; white-space: nowrap; } @media (min-width: 479px), (min-width: 768px) and (max-width: 991px) { .post-pad-rt { padding-right: 0; } } /* Ribbon */ .ribbon { background: #2bb5ca none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 18px; font-style: italic; height: 40px; left: 0; line-height: 39px; padding: 0 10px; position: absolute; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); top: 35px; z-index: 3; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .ribbon::before { background: #1ba5ba none repeat scroll 0 0; content: ""; height: 40px; left: -6px; position: absolute; top: 2px; width: 6px; z-index: 2; } /*-----------------------------------*/ /* Ribbons 2 */ /*-----------------------------------*/ .ribbon2 { background: #2bb5ca none repeat scroll 0 0; font-size: 14px; font-weight: 700; text-transform: uppercase; color:#fff; height: 40px; line-height: 39px; padding: 0 15px; position: absolute; right: 0; top: 35px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .ribbon2::before { background: #1ba5ba none repeat scroll 0 0; content: ""; height: 40px; position: absolute; right: -8px; top: 3px; width: 8px; } .ribbon2 { } .post-pad { padding: 20px 25px; } .cont-pad { padding:20px; } .post-meta-links ul { border-radius: 0px; margin-bottom: 0px; overflow: hidden; } .post-meta-links li { border-left: 1px solid #00859a; color: #7B6D5E; float: left; font-size: 15px; font-weight: 700; line-height: 25px; margin-bottom: 0px; padding-bottom: 0px; text-align: center; text-transform: uppercase; } .post-meta-links li.post-view { width: 21%; } .post-meta-links li.post-comm { width: 21%; } .post-meta-links li.post-author { width: 37%; } .post-meta-links li.post-read { width: 21%; } .post-meta-links li a { background: none repeat scroll 0 0 #0b95aa; color: #ffffff; display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 800; padding: 14px 10px; -webkit-transition: all 0.3s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ } .post-meta-links li a:hover { background: none repeat scroll 0 0 #FFFFFF; color: #E05033; } .post-meta-links li.first { border-left: 0px none; border-radius: 0px 0px 0px 5px; } .post-meta-links li.last { border-radius: 0px 0px 5px; } @media (max-width: 640px) { .post-meta-links li.first { width: 50%; border-left: 0 none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-meta-links li.post-comm { width: 50%; } .post-meta-links li.post-author { border-top: 1px solid #0aac8c; width: 100%; border-left: 0; } .post-meta-links li.last { width: 100%; border-left: 0 none; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-top: 1px solid #0aac8c; } } /*========================================================================= 22. SIDEBAR =========================================================================*/ /* ===================================== */ /* Sidebar left and right container */ /* ===================================== */ .side-br-rt { height: 100%; padding: 0 0 0 80px; position: relative; right: 0; width: 100%; z-index: 99; } .side-br-rt::before { background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0; border-left: 1px solid rgba(0, 0, 0, 0.03); bottom: -1000%; content: ""; left: 30px; position: absolute; top: -1000%; width: 200%; z-index: -1; } .side-br-lt { height: 100%; padding: 0 80px 0 0; position: relative; left: 0; width: 100%; z-index: 99; } .side-br-lt::before { background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0; border-right: 1px solid rgba(0, 0, 0, 0.03); bottom: -1000%; content: ""; right: 30px; position: absolute; top: -1000%; width: 200%; z-index: -1; } @media (max-width: 980px) { .side-br-rt { display: block; float: none; margin-top: 30px; padding: 0 15px; position: relative; right: auto; width: 100%; } .side-br-rt::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-left: 0 solid rgba(0, 0, 0, 0); bottom: 0; content: ""; height: 100%; width: 100%; } .side-br-lt { display: block; float: none; margin-top: 30px; padding: 0; position: relative; left: auto; width: 100%; } .side-br-lt::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-right: 0 solid rgba(0, 0, 0, 0); bottom: 0; content: ""; height: 100%; width: 100%; } } /* ===================================== */ /* Flickr */ /* ===================================== */ .flickr-inner { font-size: 0; } .flickr-image { display: inline-block; margin:1px; } .flickr-image a { display: block; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.30); box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.30); } .flickr-image a img { width: 54px; height: 54px !important; position: relative; z-index: -1; } /* ===================================== */ /* Tag */ /* ===================================== */ .tags a { display: inline-block; margin: 0 4px 12px 0; padding-left: 15px; position: relative; } .tags a span { background-color: rgba(0, 0, 0, 0.047); color: #000 ! important; display: block; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; height: 32px; line-height: 32px; max-width: 100%; overflow: hidden; padding: 0px 12px; text-overflow: ellipsis; transition: all 0.16s ease 0s; white-space: nowrap; } .tags a:hover span { background-color: rgba(0, 0, 0, 0.07); } .tags a:before { border-bottom: 16px solid transparent; border-right: 15px solid rgba(0, 0, 0, 0.047); border-top: 16px solid transparent; content: ""; height: 0px; left: 0px; position: absolute; top: 0px; transition: all 0.16s ease 0s; width: 0px; } .tags a:hover:before { border-right-color: rgba(0, 0, 0, 0.07); } .tags a:after { background-color: #FFFFFF; border-radius: 50%; content: ""; height: 9px; left: 11px; position: absolute; top: 11px; width: 9px; } #footer .tags a:after { background-color: #fff; } .latest-news { overflow: hidden; } .latest-news > li:first-child { border: 0 none; margin-top: 0; padding-top: 10px; } .latest-news > li { border-top: 1px solid rgba(0,0,0,0.06); line-height: 24px; margin-top: 18px; padding-top: 18px; } .latest-news img.fleft { margin-right: 18px; margin-top: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .text2 { color: #000000; display: block; font-size: 18px; font-weight: 400; margin-bottom: 18px; margin-top: 18px; } .latest-news img.fright { margin-left: 18px; margin-top: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* ===================================== */ /* Sidebar List */ /* ===================================== */ ul.list-link { margin-bottom: 9px; } ul.list-link>li { border-top: 1px solid #e9e9e9; font-size: 18px; line-height: 24px; } ul.list-link>li:first-child { border: none; } ul.list-link>li a { color: #777; display: block; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; line-height: 24px; padding: 8px 0; } ul.list-link>li i { float: right; font-size: 18px; padding: 2px 10px 0; } ul.list-link>li a:hover { color: #D53701; text-decoration: none; } .cnt-pg { position: relative; } .cnt-pg .map-wrapper { margin: 110px auto; position: absolute; text-align: center; top: 0; width: 100%; } .cnt-pad-top { margin-top: 320px; position: relative; } /*========================================================================= 23. Popup Contact Form ========================================================================= */ .cd-nav-trigger { position: fixed; bottom: 50px; right: 50px; width: 44px; height: 44px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 2; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; } .is-fixed .cd-nav-trigger { visibility: visible; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-animation: anim-jelly 0.3s linear forwards; -moz-animation: anim-jelly 0.3s linear forwards; animation: anim-jelly 0.3s linear forwards; } .cd-nav-trigger span { color: #FFFFFF; display: block; font-size: 23px; left: 0; line-height: 43px; position: absolute; top: 0; } .cd-nav-trigger span:before { content: '\f00d'; font-family: 'FontAwesome'; height: 100%; left: 14px; opacity: 0; position: absolute; width: 100%; } .cd-nav-trigger span:after { content: '\f003'; font-family: 'FontAwesome'; height: 100%; left: 11px; opacity: 1; position: absolute; width: 100%; } .cd-nav-trigger.menu-is-open { box-shadow: none; } .cd-nav-trigger.menu-is-open span { background: rgba(232, 74, 100, 0); } .cd-nav-trigger.menu-is-open span::before { opacity: 1; } .cd-nav-trigger.menu-is-open span::after { opacity: 0; } #cd-pop-form h3 { background: #000000 none repeat scroll 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 16px; font-weight: 600; margin: 0 0 16px; padding: 16px 18px; text-transform: uppercase; } #cd-pop-form .form1 input, #cd-pop-form .form1 textarea { background: rgba(255, 255, 255, 0.07) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.07); color: #777; font-size: 12px; } #cd-nav .cd-wrap-form { color: #FFFFFF; position: fixed; width: 0; right: 36px; bottom: 30px; padding-bottom: 7px; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: none repeat scroll 0 0 #000; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; } #cd-nav .cd-wrap-form.is-visible { width: 300px; height: auto; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s; -moz-transition: -moz-transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s; -webkit-animation: anim-jelly 0.8s linear forwards; -moz-animation: anim-jelly 0.8s linear forwards; -ms-animation: anim-jelly 0.8s linear forwards; -o-animation: anim-jelly 0.8s linear forwards; animation: anim-jelly 0.8s linear forwards; } #cd-pop-form .flat { margin: 18px 8px 18px 0; } #cd-nav { position: relative; z-index: 999; } @media (min-width: 320px) and (max-width: 991px) { #cd-nav .cd-wrap-form.is-visible { width: 90%; } } @media (max-width: 320px) { #cd-nav .cd-wrap-form.is-visible { width: 80%; } } /* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */ @-webkit-keyframes anim-jelly { 0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes anim-jelly { 0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } /*========================================================================= 24. MAP ========================================================================= */ .page-title-map #map { position: absolute !important; height: 100%; z-index: 1; } #map { width: 100%; height: 560px; } .gm-style > div > a > div > img, .gm-style-cc { opacity: 0.1; } .map-wrapper { position:relative; padding:30px 0 40px; text-align:center } /*** Circle Map Contact Info ***/ .map-center { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); position: absolute; height: 0; padding: 0 !important; float: left; width: 100%; z-index: 4; } .map-center.off { z-index: 2; } .map-center .map-circle { background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6); font-family: "Roboto",sans-serif; font-size: 2em; font-weight: normal !important; height: 326px; left: 50%; margin-left: -163px; margin-top: 110px; opacity: 1; padding: 50px 0 0; position: relative; text-align: center !important; text-transform: uppercase; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; width: 326px; z-index: 1; } .map-center a { color: #ffffff; height: 100%; text-decoration: none; width: 100%; } .map-center a { color: #ffffff; height: 100%; text-decoration: none; width: 100%; } .map-center .map-circle span { float: left; font-size: 14px; width: 100%; } .map-center .map-circle span { float: left; font-size: 16px; font-weight: 600; margin: 4px 0; width: 100%; } .map-center.off .map-circle { opacity: 0; transform: translate(0, -30px); -webkit-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); } .map-center .logo-drk { color: #e74c3c; font-size: 19px; font-weight: 800; line-height: 46px; margin-bottom: 14px; } .logo-drk > img { margin-right: 7px; width: 44px; } .map-circle p { font-size: 14px; margin-bottom: 9px; } .map-center h6 { font-size: 18px; margin-bottom: 16px; text-transform: capitalize; } @media (max-width:320px) { .map-center .map-circle { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } } /*** Map with markers ***/ .map-marker { cursor:crosshair; position:absolute; transform:scale(0.9); -webkit-transition:transform ease-in-out .25s; -moz-transition:transform ease-in-out .25s; transition:transform ease-in-out .25s } .map-marker:hover { position:absolute; transform:scale(1) } .red-marker { top:16%; left: 12%; } .blue-marker { top: 43%; left:19%; } .green-marker { top:13.5%; left:39.5%; } .purple-marker { left: 59%; top: 21%; } .yellow-marker { left: 43%; top: 40%; } .orange-marker { top: 48%; right: 15.56%; } /*========================================================================= 25. Contact form =========================================================================*/ /* ===================================== */ /* box-style */ /* ===================================== */ .box-style { background: #fff; border: 1px solid #dfdcd6; border-radius:8px; -webkit-box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); margin-bottom:0px; position: relative; z-index: 0; } .box-style:after { content: ''; height: 4px; background: #fbfbfb; border: 1px solid #dfdcd6; border-top: none; border-radius:0 0 4px 4px; -webkit-box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); position: absolute; bottom:-6px; left:8px; right: 8px; } .box-style > .inner { padding: 22px 24px 26px; } .box-style > .inner .text2 { margin-top: 0; } .box-style .title { margin-top: 10px; } .box-style .title, .comment-box .title { background: url("../img/patterns/pattern-stripes.png") repeat scroll 0 50% rgba(0, 0, 0, 0); color: #343844 ; font-size: 18px; overflow: hidden; text-shadow: 0 0 0; line-height: 26px; } .box-style .title span, .comment-box .title span { background: none repeat scroll 0 0 #fff; float: left; padding: 0 31px 0 0 !important; } /* ===================================== */ /* Form-style */ /* ===================================== */ .form1 { position:relative; vertical-align:top; z-index:1; font-family: "Roboto",sans-serif; padding-top: 6px; } .form1 fieldset { border:none; padding:0; } .form1 label { display: block; margin-bottom: 23px; position: relative; } .form1 label.message { height: 191px; } .form1 input { background: none repeat scroll 0 0 #FCFCFC; outline: none; border:1px solid #E3E3E3; color: #777; font-family: "Roboto",sans-serif; font-size: 15px; font-weight: 300; height: auto; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; padding:10px 10px; width: 100%; display:inline-block; } #cd-pop-form .form1 input, #cd-pop-form .form1 textarea { padding: 11px 8px; } #cd-pop-form .form1 label.message { height: 91px; } .form1 .area .error { float:none; } .form1 textarea { background: none repeat scroll 0 0 #FCFCFC; height:100%; margin:0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; resize:none; outline: none; border:1px solid #E3E3E3; padding: 10px 10px; overflow:auto; color:#777; font-family:"Roboto",sans-serif; font-size:15px; font-weight: 300; display:block; } .form1 .success { background: none repeat scroll 0 0 #f6f6f5; border: 1px solid #333333; display: none; height: 166px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; position: absolute; width: 301px; z-index: 1; } .p27 { margin-right: 10px; } .form1 .success .success_txt { color: #000; position: relative; text-align: center; top: 34%; } .form1 .error, .form1 .empty { background: none repeat scroll 0 0 #000; color:#FFFFFF; font-size:10px; line-height:1.25em; padding: 3px 6px; display:none; font-family: "Roboto",sans-serif; overflow:hidden; position:absolute; right:16px; top: 0; } .form1 .message .error, .form1 .message .empty { right: 16px; top: 0; } .link-form { float: left; } address { font-size: 14px; font-style: normal; line-height: 32px; margin-bottom: 20px; } address strong { color: #333333; display: inline-block; font-family: raleway; font-size: 18px; font-weight: 400; line-height: 36px; margin-bottom: 24px; } address i { width: 30px; } address span { display: block; margin-bottom: 13px; } @media only screen and (max-width: 995px) { .form1 input, .form1 textarea { width:100%; } .form1 label.message { width: 100%; height:222px; } .form1 label { width: 100%; } .form1 .success { width: 100%; } } @media only screen and (max-width: 767px) { .form1 input, .form1 textarea { width:100%; } .form1 label { width: 100%; } .form1 .success { width: 100%; } } /*========================================================================= 26. Footer ========================================================================= */ /* ===================================== */ /* Social ICONS */ /* ===================================== */ .social-icons { margin-bottom: 0 } .social-icons:after { display:table; content:""; clear:both } .social-icons .social-icon { display: inline-block; float: left; line-height: 0; margin-bottom: 0; margin-left: -1px; width: 25%; } .social-icons .social-icon:last-child i { border-right: 1px solid rgba(255, 255, 255, 0.1); } .social-icons .social-icon i { border-color: rgba(255, 255, 255, 0.1); border-style: none solid solid; border-width: 0 1px 1px; color: #fff; font-size: 21px; height: 90px; line-height: 90px; overflow: hidden; text-align: center; transition: all 0.3s ease 0s; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ } .social-icons .social-icon:hover i { color:#fff; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; border-color: -moz-use-text-color rgba(0, 0, 0, 0.07); border-style: none solid; border-width: 0 1px; } .social-icons .social-icon:hover i:before { -webkit-animation:fadeIn 0.3s ease-in; -moz-animation:fadeIn 0.3s ease-in; animation:fadeIn 0.3s ease-in; display:inline-block } .social-icons .social-icon:last-child { margin-right:0 } .social-icons.size-sm .social-icon { margin-left: 5px; margin-right: 5px; } .social-icons.size-sm .social-icon i { -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; font-size: 17px; height: 2.4em; line-height: 2.35em; width: 2.4em; } .social-icons.style1 .social-icon i { color:#747d85; border:1px solid #d4dde5 } .social-icons.style1 .social-icon:hover i { border-color:transparent; color:#fff } @media (max-width: 800px) { .social-icons .social-icon i { font-size: 16px; line-height: 63px; height: 63px; } } /* ===================================== */ /* Newsletter */ /* ===================================== */ #newsletter_signup { margin-bottom: 20px; margin-top: 20px; position: relative; text-align: right; } #newsletter_signup input[type="email"].form-control { background: url("../img/icons/mail.png") no-repeat scroll 10px 6px #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; height: 50px; padding: 5px 15px 5px 65px; width: 100%; } #newsletter_signup input[type="submit"] { background: none repeat scroll 0 0 #000; border: 0 none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; cursor: pointer; float: right; font-size: 14px; font-weight: 600; height: 44px; margin: 3px; padding: 6px 20px; position: absolute; right: 0; text-transform: uppercase; top: 0; -webkit-transition: all 0.3s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ } #newsletter_signup input[type="submit"]:hover { background: #212429; } #newsletter_signup input[type="email"]:focus { box-shadow: 0 0 0 0 #000; } @media (max-width: 800px) { #newsletter_signup { margin-bottom: 6px; margin-top: 6px; } #newsletter_signup input.form-control[type="email"] { font-size: 12px; } #newsletter_signup input[type="submit"] { font-size: 12px; padding: 6px 10px; text-transform: lowercase; } } /* ===================================== */ /* Recent Post */ /* ===================================== */ .recent-posts>li { width:100%; margin-bottom:1px; background:#edf6ff; padding:8px } .recent-posts>li:last-child { margin-bottom:0 } .recent-posts .post-author-avatar { display:table-cell; padding-right:12px; vertical-align:middle } .recent-posts .post-author-avatar span { border:4px solid rgba(255, 255, 255, 0.1); width:48px; height:48px; -webkit-border-radius:50% 50% 50% 50%; -moz-border-radius:50% 50% 50% 50%; -ms-border-radius:50% 50% 50% 50%; border-radius:50% 50% 50% 50%; display:block } .recent-posts .post-author-avatar img { width:100%; height:auto; -webkit-border-radius:50% 50% 50% 50%; -moz-border-radius:50% 50% 50% 50%; -ms-border-radius:50% 50% 50% 50%; border-radius:50% 50% 50% 50%; -moz-transition:all 0.25s ease 0s; -o-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -ms-transition:all 0.25s ease 0s; transition:all 0.25s ease 0s } .recent-posts .post-author-avatar:hover img { filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 } .recent-posts .post-content { display:table-cell; vertical-align:middle } .recent-posts .post-title { margin-bottom:12px; display:block; font-size:1.1667em; } .recent-posts .post-title:hover { color:#3451c6 } .recent-posts .post-meta { font-size:0.8333em; margin-bottom:0 } /* ===================================== */ /* FOOTER */ /* ===================================== */ #footer.style4 .footer-wrapper .btn.style4:hover { border-color:#3451c6; } #footer { overflow: hidden; position: relative; z-index: 99; } #footer .section-title { font-weight: 600; font-size: 14px; text-transform: uppercase; } #footer .footer-wrapper .container { position:relative } #footer .footer-wrapper .container>.row { margin:0 -20px 0 -30px } #footer .footer-wrapper .container>.row>div { padding:30px 15px 30px 30px } @media (max-width: 980px) { #footer .footer-wrapper .container > .row > div { border-top: 1px solid rgba(0, 0, 0, 0.03); padding: 30px 15px 30px 30px; } } #footer .footer-wrapper .container>.row>div:last-child { position:relative } #footer .footer-wrapper .container:after { content:""; position:absolute; display:block; left:100%; top:0; height:100%; bottom:0; width:2000px } #footer .recent-posts>li { width:100%; margin-bottom:10px; padding:0; background:none } #footer .recent-posts>li:last-child .post-content { border-bottom:none } #footer .recent-posts .post-author-avatar { vertical-align:top } #footer .recent-posts .post-content { border-bottom:1px solid #edf6ff; padding:5px 0 12px } #footer .recent-posts .post-title { font-size: 13px; } #footer .recent-posts .post-title:hover { color:#3451c6 } #footer .useful-links a { font-weight:600 } #footer .useful-links li:hover a { color:#1b4268 } #footer .useful-links li:hover:before { color:#3451c6 } #footer .copyright-area { display:table; width:100%; padding:20px 0; color:#ffffff; } #footer .copyright-area .secondary-menu { display:table-cell; vertical-align:middle } #footer .copyright-area .copyright { display:table-cell; vertical-align:middle; text-align:right } #footer .secondary-menu .nav>li>a { letter-spacing:0.1em; padding:5px 10px; text-transform: uppercase; } #footer .secondary-menu .nav>li>a:hover, #footer .secondary-menu .nav>li>a:focus { background:none; color:#ff5533; } #footer .footer-wrapper { background:#edf6ff } #footer .footer-wrapper .btn { padding:0 20px } #footer.style4 { background: none repeat scroll 0 0 #1c1f24; } #footer.style4 .callout-box.style2 { background: none repeat scroll 0 0 #3451c6; } #footer.style4 .footer-wrapper { /*background: #a3e8ff none repeat scroll 0 0;*/ background:url(../img/need-wesite-bg1.jpg) center bottom;} #footer.style4 .footer-wrapper .post-title, #footer.style4 .footer-wrapper .useful-links li:hover a { } #footer.style4 .footer-wrapper .post-title:hover { color:#000000; } #footer.style4 .footer-wrapper .section-title { } #footer.style4 .footer-wrapper .recent-posts .post-content { border-bottom-color:#e6e6e6; } #footer .post-content > p { margin-bottom: 0; } #footer.style4 .footer-wrapper .useful-links { display:inline-block } #footer.style4 .footer-wrapper .useful-links li { border-bottom:1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 12px; padding-right:30px } #footer.style4 .footer-wrapper .useful-links li:last-child { border-bottom:none } #footer.style4 .footer-wrapper .btn.style4 { border-color:#3451c6; } @media (max-width: 980px) { #footer .nav { display: inline-block;} #footer .secondary-menu { border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 18px; } #footer .secondary-menu, .copyright { display: inline-block !important; margin: 15px 0; text-align: center !important; width: 100%; } } /*AK.css*/ .header-inner{ background-color:#FFFFFF;} .form-control option{ padding:5px 10px;} .ttu{ text-transform:uppercase!important;}.ac{ text-align:center}.al{ text-align:left;}.tr{ text-align:right;} .white{ color:#FFFFFF!important;} .bgwhite{ background-color:#FFFFFF!important} .color1{ color:#CC0000; !important;} .w100{ width:100%!important;} .fl{ float:left!important;}.fr{ float:right!important;} .fs9{font-size:9px}.fs10{font-size:10px}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs17{font-size:17px}.fs18{font-size:18px}.fs19{font-size:19px}.fs20{font-size:20px}.fs21{font-size:21px}.fs22{font-size:22px}.fs23{font-size:23px}.fs24{font-size:24px}.fs25{font-size:25px}.fs26{font-size:26px}.fs27{font-size:27px}.fs28{font-size:28px}.fs29{font-size:29px}.fs30{font-size:30px}.fs31{font-size:31px}.fs33{font-size:33px}.fs36{font-size:36px}.fs50{ font-size:50px!important;} .fsb{ font-weight:bold!important;} .fsn{ font-weight:normal!important;} .ml0{ margin-left:0px!important;}.mr0{ margin-right:0px!important;}.m0{ margin:0px!important;}.mt0{ margin-top:0px!important; margin-bottom:0px!important;} .p0{ padding:0px!important;}.pr0{ padding-right:0px!important;}.pl0{ padding-left:0px!important;}.pt0{ padding-top:0px!important;}.pb0{ padding-bottom:0px!important;} .mauto{margin:auto;} .mt100{ margin-top:100px;} .m2{margin:2px;}.m3{margin:3px;}.m5{margin:5px;}.m6{margin:6px;}.m8{margin:8px;}.m10{margin:10px;}.m3-7{margin:3px 7px;}.mt1{margin-top:1px}.mt2{margin-top:2px}.mt3{margin-top:3px}.mt4{margin-top:4px}.mt5{margin-top:5px}.mt6{margin-top:6px}.mt7{margin-top:7px}.mt8{margin-top:8px}.mt9{margin-top:9px}.mt10{margin-top:10px}.mt11{margin-top:11px}.mt12{margin-top:12px}.mt13{margin-top:13px}.mt14{margin-top:14px}.mt15{margin-top:15px}.mt16{margin-top:16px}.mt17{margin-top:17px}.mt18{margin-top:18px}.mt19{margin-top:19px}.mt20{margin-top:20px}.mt21{margin-top:21px}.mt22{margin-top:22px}.mt23{margin-top:23px}.mt24{margin-top:24px}.mt25{margin-top:25px}.mt26{margin-top:26px}.mt27{margin-top:27px}.mt28{margin-top:28px}.mt29{margin-top:29px}.mt30{margin-top:30px}.mt31{margin-top:31px}.mt32{margin-top:32px}.mt33{margin-top:33px}.mt34{margin-top:34px}.mt35{margin-top:35px}.mt36{margin-top:36px}.mt37{margin-top:37px}.mt38{margin-top:38px}.mt39{margin-top:39px}.mt40{margin-top:40px}.mt41{margin-top:41px}.mt42{margin-top:42px}.mt43{margin-top:43px}.mt44{margin-top:44px}.mt45{margin-top:45px}.mt46{margin-top:46px}.mt47{margin-top:47px}.mt48{margin-top:48px}.mt49{margin-top:49px}.mt50{margin-top:50px}.mt51{margin-top:51px}.mt52{margin-top:52px}.mt53{margin-top:53px}.mt54{margin-top:54px}.mt55{margin-top:55px}.mt56{margin-top:56px}.mt57{margin-top:57px}.mt58{margin-top:58px}.mt59{margin-top:59px}.mt60{margin-top:60px}.mt61{margin-top:61px}.mt62{margin-top:62px}.mt63{margin-top:63px}.mt64{margin-top:64px}.mt65{margin-top:65px}.mt66{margin-top:66px}.mt67{margin-top:67px}.mt68{margin-top:68px}.mt69{margin-top:69px}.mt70{margin-top:70px}.mt71{margin-top:71px}.mt72{margin-top:72px}.mt73{margin-top:73px}.mt74{margin-top:74px}.mt75{margin-top:75px}.mt76{margin-top:76px}.mt77{margin-top:77px}.mt78{margin-top:78px}.mt79{margin-top:79px}.mt80{margin-top:80px}.mt81{margin-top:81px}.mt82{margin-top:82px}.mt83{margin-top:83px}.mt84{margin-top:84px}.mt85{margin-top:85px}.mt86{margin-top:86px}.mt87{margin-top:87px}.mt88{margin-top:88px}.mt89{margin-top:89px}.mt90{margin-top:90px}.mt91{margin-top:91px}.mt92{margin-top:92px}.mt93{margin-top:93px}.mt94{margin-top:94px}.mt95{margin-top:95px}.mt96{margin-top:96px}.mt97{margin-top:97px}.mt98{margin-top:98px}.mt99{margin-top:99px}.mt100{margin-top:100px}.mr1{margin-right:1px}.mr2{margin-right:2px}.mr3{margin-right:3px}.mr4{margin-right:4px}.mr5{margin-right:5px}.mr6{margin-right:6px}.mr7{margin-right:7px}.mr8{margin-right:8px}.mr9{margin-right:9px}.mr10{margin-right:10px}.mr11{margin-right:11px}.mr12{margin-right:12px}.mr13{margin-right:13px}.mr14{margin-right:14px}.mr15{margin-right:15px}.mr16{margin-right:16px}.mr17{margin-right:17px}.mr18{margin-right:18px}.mr19{margin-right:19px}.mr20{margin-right:20px}.mr21{margin-right:21px}.mr22{margin-right:22px}.mr23{margin-right:23px}.mr24{margin-right:24px}.mr25{margin-right:25px}.mr26{margin-right:26px}.mr27{margin-right:27px}.mr28{margin-right:28px}.mr29{margin-right:29px}.mr30{margin-right:30px}.mr31{margin-right:31px}.mr32{margin-right:32px}.mr33{margin-right:33px}.mr34{margin-right:34px}.mr35{margin-right:35px}.mr36{margin-right:36px}.mr37{margin-right:37px}.mr38{margin-right:38px}.mr39{margin-right:39px}.mr40{margin-right:40px}.mr41{margin-right:41px}.mr42{margin-right:42px}.mr43{margin-right:43px}.mr44{margin-right:44px}.mr45{margin-right:45px}.mr46{margin-right:46px}.mr47{margin-right:47px}.mr48{margin-right:48px}.mr49{margin-right:49px}.mr50{margin-right:50px}.mr51{margin-right:51px}.mr52{margin-right:52px}.mr53{margin-right:53px}.mr54{margin-right:54px}.mr55{margin-right:55px}.mr56{margin-right:56px}.mr57{margin-right:57px}.mr58{margin-right:58px}.mr59{margin-right:59px}.mr60{margin-right:60px}.mr61{margin-right:61px}.mr62{margin-right:62px}.mr63{margin-right:63px}.mr64{margin-right:64px}.mr65{margin-right:65px}.mr66{margin-right:66px}.mr67{margin-right:67px}.mr68{margin-right:68px}.mr69{margin-right:69px}.mr70{margin-right:70px}.mr71{margin-right:71px}.mr72{margin-right:72px}.mr73{margin-right:73px}.mr74{margin-right:74px}.mr75{margin-right:75px}.mr76{margin-right:76px}.mr77{margin-right:77px}.mr78{margin-right:78px}.mr79{margin-right:79px}.mr80{margin-right:80px}.mr81{margin-right:81px}.mr82{margin-right:82px}.mr83{margin-right:83px}.mr84{margin-right:84px}.mr85{margin-right:85px}.mr86{margin-right:86px}.mr87{margin-right:87px}.mr88{margin-right:88px}.mr89{margin-right:89px}.mr90{margin-right:90px}.mr91{margin-right:91px}.mr92{margin-right:92px}.mr93{margin-right:93px}.mr94{margin-right:94px}.mr95{margin-right:95px}.mr96{margin-right:96px}.mr97{margin-right:97px}.mr98{margin-right:98px}.mr99{margin-right:99px}.mr100{margin-right:100px}.ml1{margin-left:1px}.ml2{margin-left:2px}.ml3{margin-left:3px}.ml4{margin-left:4px}.ml5{margin-left:5px}.ml6{margin-left:6px}.ml7{margin-left:7px}.ml8{margin-left:8px}.ml9{margin-left:9px}.ml10{margin-left:10px}.ml11{margin-left:11px}.ml12{margin-left:12px}.ml13{margin-left:13px}.ml14{margin-left:14px}.ml15{margin-left:15px}.ml16{margin-left:16px}.ml17{margin-left:17px}.ml18{margin-left:18px}.ml19{margin-left:19px}.ml20{margin-left:20px}.ml21{margin-left:21px}.ml22{margin-left:22px}.ml23{margin-left:23px}.ml24{margin-left:24px}.ml25{margin-left:25px}.ml26{margin-left:26px}.ml27{margin-left:27px}.ml28{margin-left:28px}.ml29{margin-left:29px}.ml30{margin-left:30px}.ml31{margin-left:31px}.ml32{margin-left:32px}.ml33{margin-left:33px}.ml34{margin-left:34px}.ml35{margin-left:35px}.ml36{margin-left:36px}.ml37{margin-left:37px}.ml38{margin-left:38px}.ml39{margin-left:39px}.ml40{margin-left:40px}.ml41{margin-left:41px}.ml42{margin-left:42px}.ml43{margin-left:43px}.ml44{margin-left:44px}.ml45{margin-left:45px}.ml46{margin-left:46px}.ml47{margin-left:47px}.ml48{margin-left:48px}.ml49{margin-left:49px}.ml50{margin-left:50px}.ml51{margin-left:51px}.ml52{margin-left:52px}.ml53{margin-left:53px}.ml54{margin-left:54px}.ml55{margin-left:55px}.ml56{margin-left:56px}.ml57{margin-left:57px}.ml58{margin-left:58px}.ml59{margin-left:59px}.ml60{margin-left:60px}.ml61{margin-left:61px}.ml62{margin-left:62px}.ml63{margin-left:63px}.ml64{margin-left:64px}.ml65{margin-left:65px}.ml66{margin-left:66px}.ml67{margin-left:67px}.ml68{margin-left:68px}.ml69{margin-left:69px}.ml70{margin-left:70px}.ml71{margin-left:71px}.ml72{margin-left:72px}.ml73{margin-left:73px}.ml74{margin-left:74px}.ml75{margin-left:75px}.ml76{margin-left:76px}.ml77{margin-left:77px}.ml78{margin-left:78px}.ml79{margin-left:79px}.ml80{margin-left:80px}.ml81{margin-left:81px}.ml82{margin-left:82px}.ml83{margin-left:83px}.ml84{margin-left:84px}.ml85{margin-left:85px}.ml86{margin-left:86px}.ml87{margin-left:87px}.ml88{margin-left:88px}.ml89{margin-left:89px}.ml90{margin-left:90px}.ml91{margin-left:91px}.ml92{margin-left:92px}.ml93{margin-left:93px}.ml94{margin-left:94px}.ml95{margin-left:95px}.ml96{margin-left:96px}.ml97{margin-left:97px}.ml98{margin-left:98px}.ml99{margin-left:99px}.ml100{margin-left:100px}.ml250{margin-left:250px}.ml158{margin-left:158px}.mb1{margin-bottom:1px}.mb2{margin-bottom:2px}.mb3{margin-bottom:3px}.mb4{margin-bottom:4px}.mb5{margin-bottom:5px}.mb6{margin-bottom:6px}.mb7{margin-bottom:7px}.mb8{margin-bottom:8px}.mb9{margin-bottom:9px}.mb10{margin-bottom:10px}.mb11{margin-bottom:11px}.mb12{margin-bottom:12px}.mb13{margin-bottom:13px}.mb14{margin-bottom:14px}.mb15{margin-bottom:15px}.mb16{margin-bottom:16px}.mb17{margin-bottom:17px}.mb18{margin-bottom:18px}.mb19{margin-bottom:19px}.mb20{margin-bottom:20px}.mb21{margin-bottom:21px}.mb22{margin-bottom:22px}.mb23{margin-bottom:23px}.mb24{margin-bottom:24px}.mb25{margin-bottom:25px}.mb26{margin-bottom:26px}.mb27{margin-bottom:27px}.mb28{margin-bottom:28px}.mb29{margin-bottom:29px}.mb30{margin-bottom:30px}.mb31{margin-bottom:31px}.mb32{margin-bottom:32px}.mb33{margin-bottom:33px}.mb34{margin-bottom:34px}.mb35{margin-bottom:35px}.mb36{margin-bottom:36px}.mb37{margin-bottom:37px}.mb38{margin-bottom:38px}.mb39{margin-bottom:39px}.mb40{margin-bottom:40px}.mb41{margin-bottom:41px}.mb42{margin-bottom:42px}.mb43{margin-bottom:43px}.mb44{margin-bottom:44px}.mb45{margin-bottom:45px}.mb46{margin-bottom:46px}.mb47{margin-bottom:47px}.mb48{margin-bottom:48px}.mb49{margin-bottom:49px}.mb50{margin-bottom:50px}.mb51{margin-bottom:51px}.mb52{margin-bottom:52px}.mb53{margin-bottom:53px}.mb54{margin-bottom:54px}.mb55{margin-bottom:55px}.mb56{margin-bottom:56px}.mb57{margin-bottom:57px}.mb58{margin-bottom:58px}.mb59{margin-bottom:59px}.mb60{margin-bottom:60px}.mb61{margin-bottom:61px}.mb62{margin-bottom:62px}.mb63{margin-bottom:63px}.mb64{margin-bottom:64px}.mb65{margin-bottom:65px}.mb66{margin-bottom:66px}.mb67{margin-bottom:67px}.mb68{margin-bottom:68px}.mb69{margin-bottom:69px}.mb70{margin-bottom:70px}.mb71{margin-bottom:71px}.mb72{margin-bottom:72px}.mb73{margin-bottom:73px}.mb74{margin-bottom:74px}.mb75{margin-bottom:75px}.mb76{margin-bottom:76px}.mb77{margin-bottom:77px}.mb78{margin-bottom:78px}.mb79{margin-bottom:79px}.mb80{margin-bottom:80px}.mb81{margin-bottom:81px}.mb82{margin-bottom:82px}.mb83{margin-bottom:83px}.mb84{margin-bottom:84px}.mb85{margin-bottom:85px}.mb86{margin-bottom:86px}.mb87{margin-bottom:87px}.mb88{margin-bottom:88px}.mb89{margin-bottom:89px}.mb90{margin-bottom:90px}.mb91{margin-bottom:91px}.mb92{margin-bottom:92px}.mb93{margin-bottom:93px}.mb94{margin-bottom:94px}.mb95{margin-bottom:95px}.mb96{margin-bottom:96px}.mb97{margin-bottom:97px}.mb98{margin-bottom:98px}.mb99{margin-bottom:99px}.mb100{margin-bottom:100px} /*padding-style*/ .p1{padding:1px;}.p2{padding:2px;}.p3{padding:3px;}.p4{padding:4px;}.p5{padding:5px;}.p6{padding:6px;}.p7{padding:7px;}.p8{padding:8px;}.p9{padding:9px;}.p10{padding:10px;}.p11{padding:11px;}.p12{padding:12px;}.p13{padding:13px;}.p14{padding:14px;}.p15{padding:15px;}.p17{padding:17px;}.p20{padding:20px;}.p22{padding:22px;}.p23{padding:23px;} .p24{padding:24px;}.p25{padding:25px;}.p0-3{padding:0 3px;}.p0-7{padding:0 7px;}.p0-10{padding:0 10px;}.p7-15{padding:7px 15px;}.p9-6{padding:9px 6px;}.p11-19{padding:11px 19px;}.p12-16{padding:12px 16px;} .pt1{padding-top:1px}.pt2{padding-top:2px}.pt3{padding-top:3px}.pt4{padding-top:4px}.pt5{padding-top:5px}.pt6{padding-top:6px}.pt7{padding-top:7px}.pt8{padding-top:8px}.pt9{padding-top:9px}.pt10{padding-top:10px}.pt11{padding-top:11px}.pt12{padding-top:12px}.pt13{padding-top:13px}.pt14{padding-top:14px}.pt15{padding-top:15px}.pt16{padding-top:16px}.pt17{padding-top:17px}.pt18{padding-top:18px}.pt19{padding-top:19px}.pt20{padding-top:20px}.pt21{padding-top:21px}.pt22{padding-top:22px}.pt23{padding-top:23px}.pt24{padding-top:24px}.pt25{padding-top:25px}.pt26{padding-top:26px}.pt27{padding-top:27px}.pt28{padding-top:28px}.pt29{padding-top:29px}.pt30{padding-top:30px}.pt31{padding-top:31px}.pt32{padding-top:32px}.pt33{padding-top:33px}.pt34{padding-top:34px}.pt35{padding-top:35px}.pt36{padding-top:36px}.pt37{padding-top:37px}.pt38{padding-top:38px}.pt39{padding-top:39px}.pt40{padding-top:40px}.pt41{padding-top:41px}.pt42{padding-top:42px}.pt43{padding-top:43px}.pt44{padding-top:44px}.pt45{padding-top:45px}.pt46{padding-top:46px}.pt47{padding-top:47px}.pt48{padding-top:48px}.pt49{padding-top:49px}.pt50{padding-top:50px}.pr1{padding-right:1px}.pr2{padding-right:2px}.pr3{padding-right:3px}.pr4{padding-right:4px}.pr5{padding-right:5px}.pr6{padding-right:6px}.pr7{padding-right:7px}.pr8{padding-right:8px}.pr9{padding-right:9px}.pr10{padding-right:10px}.pr11{padding-right:11px}.pr12{padding-right:12px}.pr13{padding-right:13px}.pr14{padding-right:14px}.pr15{padding-right:15px}.pr16{padding-right:16px}.pr17{padding-right:17px}.pr18{padding-right:18px}.pr19{padding-right:19px}.pr20{padding-right:20px}.pr21{padding-right:21px}.pr22{padding-right:22px}.pr23{padding-right:23px}.pr24{padding-right:24px}.pr25{padding-right:25px}.pr26{padding-right:26px}.pr27{padding-right:27px}.pr28{padding-right:28px}.pr29{padding-right:29px}.pr30{padding-right:30px}.pr31{padding-right:31px}.pr32{padding-right:32px}.pr33{padding-right:33px}.pr34{padding-right:34px}.pr35{padding-right:35px}.pr36{padding-right:36px}.pr37{padding-right:37px}.pr38{padding-right:38px}.pr39{padding-right:39px}.pr40{padding-right:40px}.pr41{padding-right:41px}.pr42{padding-right:42px}.pr43{padding-right:43px}.pr44{padding-right:44px}.pr45{padding-right:45px}.pr46{padding-right:46px}.pr47{padding-right:47px}.pr48{padding-right:48px}.pr49{padding-right:49px}.pr50{padding-right:50px}.pr80{padding-right:80px}.pl1{padding-left:1px}.pl2{padding-left:2px}.pl3{padding-left:3px}.pl4{padding-left:4px}.pl5{padding-left:5px}.pl6{padding-left:6px}.pl7{padding-left:7px}.pl8{padding-left:8px}.pl9{padding-left:9px}.pl10{padding-left:10px}.pl11{padding-left:11px}.pl12{padding-left:12px}.pl13{padding-left:13px}.pl14{padding-left:14px}.pl15{padding-left:15px}.pl16{padding-left:16px}.pl17{padding-left:17px}.pl18{padding-left:18px}.pl19{padding-left:19px}.pl20{padding-left:20px}.pl21{padding-left:21px}.pl22{padding-left:22px}.pl23{padding-left:23px}.pl24{padding-left:24px}.pl25{padding-left:25px}.pl26{padding-left:26px}.pl27{padding-left:27px}.pl28{padding-left:28px}.pl29{padding-left:29px}.pl30{padding-left:30px}.pl31{padding-left:31px}.pl32{padding-left:32px}.pl33{padding-left:33px}.pl34{padding-left:34px}.pl35{padding-left:35px}.pl36{padding-left:36px}.pl37{padding-left:37px}.pl38{padding-left:38px}.pl39{padding-left:39px}.pl40{padding-left:40px}.pl41{padding-left:41px}.pl42{padding-left:42px}.pl43{padding-left:43px}.pl44{padding-left:44px}.pl45{padding-left:45px}.pl46{padding-left:46px}.pl47{padding-left:47px}.pl48{padding-left:48px}.pl49{padding-left:49px}.pl50{padding-left:50px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pb1{padding-bottom:1px}.pb2{padding-bottom:2px}.pb3{padding-bottom:3px}.pb4{padding-bottom:4px}.pb5{padding-bottom:5px}.pb6{padding-bottom:6px}.pb7{padding-bottom:7px}.pb8{padding-bottom:8px}.pb9{padding-bottom:9px}.pb10{padding-bottom:10px}.pb11{padding-bottom:11px}.pb12{padding-bottom:12px}.pb13{padding-bottom:13px}.pb14{padding-bottom:14px}.pb15{padding-bottom:15px}.pb16{padding-bottom:16px}.pb17{padding-bottom:17px}.pb18{padding-bottom:18px}.pb19{padding-bottom:19px}.pb20{padding-bottom:20px}.pb21{padding-bottom:21px}.pb22{padding-bottom:22px}.pb23{padding-bottom:23px}.pb24{padding-bottom:24px}.pb25{padding-bottom:25px}.pb26{padding-bottom:26px}.pb27{padding-bottom:27px}.pb28{padding-bottom:28px}.pb29{padding-bottom:29px}.pb30{padding-bottom:30px}.pb31{padding-bottom:31px}.pb32{padding-bottom:32px}.pb33{padding-bottom:33px}.pb34{padding-bottom:34px}.pb35{padding-bottom:35px}.pb36{padding-bottom:36px}.pb37{padding-bottom:37px}.pb38{padding-bottom:38px}.pb39{padding-bottom:39px}.pb40{padding-bottom:40px}.pb41{padding-bottom:41px}.pb42{padding-bottom:42px}.pb43{padding-bottom:43px}.pb44{padding-bottom:44px}.pb45{padding-bottom:45px}.pb46{padding-bottom:46px}.pb47{padding-bottom:47px}.pb48{padding-bottom:48px}.pb49{padding-bottom:49px}.pb50{padding-bottom:50px} .mtp200{ margin-top:200px;} .service-column p { color: #000000; font-family: "roboto_slablight"; font-size: 15px; line-height: 32px; margin: 0; padding: 0 30px; } .column .time-and-price p { border-bottom: 1px solid #dedede; line-height: 36px; overflow: hidden; padding: 0 15px; } .time-and-price .net-price { color: #ed2e21; float: right; font-family: "roboto_slabbold",serif; } .time-and-price p .actual-price, .time-and-price .net-price { font-size: 14px; font-weight:bold; } .time-and-price p .actual-price { font-family: "roboto_slablight"; margin-right: 8px; text-decoration: line-through; } .time-and-price p label { float: left; font-family: "roboto_slablight"; font-size: 14px; margin: 0; text-align: left; width: 95px; color:#000000; } .ps{ width:115px; float:right;background-image:url(../img/save-amount-bg.png); background-repeat:no-repeat; background-position:center center; padding:10px; color:#FFFFFF; font-weight:bold;} .borW{ border:3px solid #fff;} .peice-list{box-shadow: 0 0 15px 0 #ccc inset;border-radius: 5px; background-color:#fff!important; color:#AE44AF!important; padding-bottom:20px!important; } .peice-list1 li.activ{ background-image:url(../img/plan-blue-bg.png)!important; background-repeat:no-repeat; background-position:center top; height:250px;} .peice-list2 li.activ{ background-image:url(../img/plan-green-bg.png)!important; background-repeat:no-repeat; background-position:center top; height:250px;} .peice-list3 li.activ{ background-image:url(../img/plan-pink-bg.png)!important; background-repeat:no-repeat; background-position:center top; height:250px;} .peice-list4 li.activ{ background-image:url(../img/plan-yellow-bg.png)!important; background-repeat:no-repeat; background-position:center top; height:250px;} .lh20{ line-height:20px;} .domain-time {background:url(../img/red-shape-icon.png) no-repeat scroll left top;height: 142px; margin: 0 auto;padding: 35px 15px 15px;width: 142px;} .domain-time .amount {color: #fff;float: left;font-family: "roboto_slabbold";font-size: 36px;line-height: 36px;} .domain-time .time {color: #fff;display: block;float: left;font-family: "roboto_slabbold";font-size: 15px; margin-top: 5px;text-align: center;width: 100%;} .domain-time .currency {color: #fff;float: left;font-family: Allerta;font-size: 36px;line-height: 36px; margin-left: 6px;} .domain-box h3 { color: #269a47; font-family: corpid-heavy,"open_sansbold"; font-size: 30px; padding-top: 13px; } .domain-box h4 { color: #257cd7; font-family: corpid-heavy,"open_sansbold"; font-size: 24px; padding-bottom: 8px; } .domain-ex-mob { overflow: hidden;width: 120%; } .domain-ex { float: left; margin-right: 20px; } .domain-ex > p { font-size: 16px; line-height: 20px; margin: 0; color:#000000; } .domain-box h4 { color: #257cd7; font-family: corpid-heavy,"open_sansbold"; font-size: 24px; padding-bottom: 8px; } .icon-new { height: 240px; margin-bottom: 20px; background: #FF6053; padding: 70px 26px 69px 26px; border-radius: 100%; text-align: center; width: 240px; border:5px solid #ccc; } .icon-new:hover{border:5px solid #fff;transition: color 0.5s ease 0s; background-color:#0278C0;} .bg9{background:url(../img/abq-childcare-cloud-footer.jpg); background-attachment:scroll; background-repeat:no-repeat; background-position:center centar;} .why-hostpray .image-box {float: left;text-align: center;width: 265px;} .why-hostpray h3 { color: #000;font-size: 22px;line-height: 28px; padding-bottom: 18px;} .why-hostpray h2 {color: #0462ab; font-size: 48px; padding: 20px 0;} .text-box h3{color: #0462ab; font-size: 16px; font-weight:bold;} .search-domen {top:0px!important; position:relative!important;} .bg10{ background:url(../img/cloud-bg1.png); background-position:center top; padding:50px 0px;} .gallery-section h2 { color: #207dc4;font-size: 40px;padding: 18px 0;} .gallery-section li {border: 1px solid #e5e5e5; box-shadow: 0 0 7px 0 #ccc; box-sizing: border-box;float: left; margin:10px 10px; padding: 7px; width: 340px;} .gallery-tagline { color: #207dc4; font-size: 24px;} .tag-line.static-web {background: #f9f9f9 none repeat scroll 0 0; padding: 35px 0 15px;} .tag-line h4 { color: #000; font-size: 30px; line-height: 44px; } .tag-line h4 { color: #000; font-size: 30px; line-height: 44px; } .blue-color { color: #207dc4 !important; display: inline-block !important; } .online-marketing .imagebox img { border-radius: 50%; } .online-marketing .imagebox { border: 16px solid #f1f0f0; border-radius: 50%; display: inline-block; } .heading-content-box h3 { color: #2682c6; font-size: 26px; line-height: 44px; padding-bottom: 24px; } .heading-content-box { padding: 45px 0; } .online-store .text-box { position: absolute; right: 0; top: 0; padding-left: 30px; width: 370px; } .online-store-benefit .text-box { overflow: hidden; padding-left: 45px; padding-right: 15px; padding-top: 15px; } .requestQuote .quote.book-demo { background: #2682c6 none repeat scroll 0 0; } .requestQuote .quote { background: #4a9f1e none repeat scroll 0 0; border-radius: 8px; color: #fff; cursor: pointer; display: inline-block; font-size: 24px; line-height: 30px; margin-left: 10px; padding: 10px 0; text-align: center; width: 265px; } .requestQuote .quote { background: #4a9f1e none repeat scroll 0 0; border-radius: 8px; color: #fff; cursor: pointer; display: inline-block; font-family: roboto_slablight; font-size: 24px; line-height: 30px; margin-left: 10px; padding: 10px 0; text-align: center; width: 265px; } .online-store-benefit .image-box { float: left; text-align: center; } .online-store-benefit .text-box h3 { color: #2682c6; font-size: 22px; padding-bottom: 10px; } .online-store-benefit .text-box { overflow: hidden; padding-left: 45px; padding-right: 15px; padding-top: 15px; } .stores-offer h2 { color: #2682c6; font-size: 48px; line-height: normal; padding-bottom: 25px; } .stores-offer { background-size: 100% 100%; margin: 80px -10px 0; padding: 65px 0 120px; position: relative; } .list-store li { background-image:url(../img/online-store-bulet.png); background-position: left 10px; background-repeat: no-repeat; color: #fff; font-size: 18px; line-height: 36px; padding-left: 40px; } .offer-smart { background: rgba(16, 82, 131, 0.2) none repeat scroll 0 0; border: 1px solid #453f39; border-radius: 8px; margin: 70px 45px 0; padding: 30px; } .stores-offer .offer-smart h2 { color: #fff; font-size: 36px; line-height: normal; } .online-store-btn { margin-top: 25px; } .online-store-btn li { box-sizing: border-box; display: inline-block; float: none; margin: 0 20px; position: relative; width: 274px; } .online-store-btn > li a { background-color: #4a9f1e; border: 1px solid #fff; border-radius: 6px; color: #fff; display: inline-block; font-size: 26px; height: 54px; line-height: 48px; position: relative; transition: all 0.4s ease-out 0s; width: 100%; z-index: 1; } .font-color { color: #4a9f1e; } .online-store-benefit h2 { color: #2682c6; font-size: 48px; padding-bottom: 10px; } .blog-wrap .mainblogitem { border-radius: 5px; box-shadow: 0 1px 6px #ccc; color: #777777; font-family: 'roboto_slabbold' font-size: 15px; line-height: 22px; margin-bottom: 35px; margin-top: 0; padding: 22px; word-wrap: break-word; } .sidebar { box-shadow: 0 1px 6px #ccc; margin-bottom: 25px; padding:10px 10px 10px; overflow: hidden; } .search-field { border: 1px solid #ccc; border-radius: 5px; color: #000; font-size: 15px; padding: 5px; } .search-submit { background-color: #1ABC9C; -moz-user-select: none; background-image: none; border-radius: 4px; cursor: pointer; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; color: #fff; font-family: "roboto_slabbold"; font-size: 13px; font-weight: normal; padding: 6px 12px 5px; border: 0px; } .search-form label { display: inline-block; font-weight: bold; margin-bottom: 5px; max-width: 78%; } .content-area{box-shadow: 0 1px 6px #ccc; /*margin-bottom: 25px;*/ padding:10px 10px 10px; overflow: hidden; text-align:justify;} .search-form .search-field{width:68%;} .blog-wrap a { color: #1773ba; } .plan-package .caption .choose-plan { padding: 27px 0 28px; background: #f4f4f4; font-size: 36px; color: #000; line-height: normal; font-family: 'corpid-heavy'; margin-top: 110px; } .plan-package ul li p { border-bottom: 1px solid #e6e6e6; margin-bottom: 0px; padding: 10px; line-height: 26px; font-family: 'roboto_slablight'; font-size: 16px; } .plan-package.ssl-pack .caption .choose-plan { margin-top: 121px; padding-top: 27px; padding-right: 0; padding-bottom: 27px; padding-left: 0; } .plan-package.ssl-pack .caption > div h2 { padding: 15px 0; font-size: 36px; font-family: 'roboto_slabbold'; } .plan-package .caption > div h2 { background: #4db1e2; position: relative; padding: 25px 0; color: #fff; font-size: 25px; line-height: 30px; font-family: 'roboto_slabregular'; } .ssl-choose-package h2 { color: #008ed5; font-size: 36px; padding-bottom: 30px; text-align: center; font-family: corpid-heavy, roboto_slabregular; } .plan-package .price { padding-top: 12px; font-size: 70px; font-family: 'corpid-heavy'; color: #f52d28; line-height: normal; } .plan-package .priod { padding: 10px 0; font-size: 18px; color: #000; font-family: 'CorpidOffice-Regular'; } .plan-package .caption > div { float: left; width: 100%; text-align: center; vertical-align: top; } .plan-package .caption { background: #fff; } .plan-package li:first-child { text-align: left; } .plan-package li:first-child { width: 32.55%; } .plan-package ul li { line-height: 26px; } .plan-package ul li { float: left; width: 22.48%; text-align: center; vertical-align: top; } .ssl-choose-package li { float: left; width: 33%; } .plan-package { float: left; padding: 50px 0 80px; width: 100%; } .plan-package .caption > div h2:before { border-top: 10px solid #4db1e2; border-right: 10px solid transparent; border-left: 10px solid transparent; left: 23px; bottom: -10px; position: absolute; content: ''; } .plan-package .caption > div.c-email h2 { background: #00689c; } .plan-package.ssl-pack .caption > div h2 { padding: 15px 0; font-size: 36px; font-family: 'roboto_slabbold'; } .plan-package .caption > div.c-email h2:before { border-top: 10px solid #00689c; } .plan-package .caption > div h2:before { border-top: 10px solid #4db1e2; border-right: 10px solid transparent; border-left: 10px solid transparent; left: 23px; bottom: -10px; position: absolute; content: ''; } .plan-package .c-email { background: #82b440; padding: 0 0 25px; } .plan-package .caption { background: #fff; } .plan-package .c-email .priod { color: #fff; padding-top: 15px; } #add > input { background: #1ABC9C; border: 0 none; border-radius: 5px; color: #fff; font-family: roboto_slabregular; font-size: 20px; height: 55px; min-width: 200px; padding: 0 10px; } #add { padding: 20px 0; text-align: center; }