/*------------------------------------------------------------------ [Table of contents] 01. Main elements 02. Title and Test 03. Home Slider 04. Header 05. Rocket Animation 06. Flying Man Animation 07. Row Wrapper 08. Parallax 09. Deals Box 10. Image Container 11. Process ( how it works ) 12. Theme Feature 13. Product Feature 14. Register 15. Hosting Search Domain Form 16. Hosting Domain Price 17. Team 18. Clients 19. FAQ 20. Sitemap 21. Blog 22. Sidebar 23. Popup Contact Form 24. Map 25. Contact Form 26. Footer -------------------------------------------------------------------*/ /*========================================================================= 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: "Verdana", 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 20px; font-weight: 500; color:#000000; font-family: 'Quicksand', sans-serif; line-height: normal; } h1 { font-size: 41px; } h2 { font-size: 31px; } 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:1.3333em; 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: 40px 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: #000; 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 40px } .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:Quicksand } #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.5); 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: 'Quicksand', 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 } #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: 13px 0 0 !important; } #header .logo img { margin-right: 6px; } /* ===================================== */ /* INNER PAGE MAIN HEADER wt TITLE */ /* ===================================== */ .page-title-container { background: url("../img/inner-header.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: 170px 0 25px; position: relative; z-index: 3; } .page-title-container .breadcrumbs { padding: 0 25px 90px; 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; height: auto; margin: 0 auto; padding: 80px 0 60px; 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: 80px 0 60px; 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: 80px 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-image:url(../img/bg2.jpg); background-color: #101010; border-bottom: 1px solid #eaebeb; 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: none repeat scroll 0 0 rgba(40, 47, 57, 0.8); 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: 80px 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: "Verdana", 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: "Verdana", sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; margin-bottom: 20px; padding-bottom: 20px; } .deal-p1 { color: #343844 ; font-family: "Verdana", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 4px; } .deal-p2 { color: #f76742; font-family: "Verdana", 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: "Verdana", 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: 20px; 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: 0; 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: #ffffff; 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: "Verdana",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:1030px; 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:70%; float:left; display:block } .search-input { margin:0; padding:0 15px 0 0; position:relative; width:75%; 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:30% } .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 54px; } .cont-pad { padding: 40px 40px 80px; } .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: "Verdana", 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: "Verdana",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:50px; 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: "Verdana",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: "Verdana",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: 21px 18px; 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: 21px 18px; overflow:auto; color:#777; font-family:"Verdana",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: "Verdana",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: Quicksand; 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: 112px; line-height: 112px; 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: 31px; margin-top: 31px; 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:60px 15px 60px 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:center; } #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: #f7f7f7 none repeat scroll 0 0; } #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%; } }