/* ========================= */ /* GLOBAL STYLES */ /* ========================= */ html,body { overflow-x:hidden; } #main-content{ background:#fff; } body.b1170 #main-content, body.b960 #main-content{ background:none; } @media(max-width:991px){ body.sticky-footer-on{ padding-bottom:0!important; } body.sticky-footer-on #footer{ position:static!important; } } body { font-family:'Open Sans', Helvetica, Segoe UI, Arial, sans-serif; font-size:13px; line-height:22px; overflow:hidden; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; color:#73848e; } .admin-bar #header { margin-top: 32px; } /* Back to Top */ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(66, 181, 214, 0.8) url('../img/cd-top-arrow.svg') no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #42B5D6; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } /* Page Preloding Screen */ .page-loadingstage{ position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:110000; visibility:hidden; opacity:0; transition-property: opacity, visibility; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; transition-duration: .6s, 0s; -webkit-transition-duration: .6s, 0s; -moz-transition-duration: .6s, 0s; transition-delay: 0s, .6s; -webkit-transition-delay: 0s, .6s; -moz-transition-delay: 0s, .6s; } .page-loadingstage.visible{ visibility:visible; opacity:1; transition-delay: 0s, 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; } .page-loadingstage>div{ display:table; width:100%; height:100%; } .page-loadingstage>div>div{ display:table-cell; vertical-align:middle; text-align:center; } .page-loadingstage .page-loading-icon{ width:100px; height:100px; background:url(../img/page-loading-icon.gif) center center no-repeat; display:inline-block; } /* Page PReloading Spinners */ /* Style 1 */ .spinner.style1 { width: 40px; height: 40px; background-color: #008fd5; margin: 0 auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* Style 2 */ .spinner.style2 { width: 40px; height: 40px; position: relative; margin: 0 auto; } .spinner.style2 .double-bounce1, .spinner.style2 .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #008fd5; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: spinnerbounce 2.0s infinite ease-in-out; animation: spinnerbounce 2.0s infinite ease-in-out; } .spinner.style2 .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes spinnerbounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes spinnerbounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* Style 3 */ .spinner.style3 { margin: 0 auto; width: 50px; height: 30px; text-align: center; font-size: 10px; } .spinner.style3 > div { background-color: #008fd5; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .spinner.style3 .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner.style3 .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner.style3 .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner.style3 .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /* Style 4 */ .spinner.style4 { margin: auto; width: 32px; height: 32px; position: relative; } .spinner.style4 .cube1, .spinner.style4 .cube2 { background-color: #008fd5; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .spinner.style4 .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /* Style 5 */ .spinner.style5 { width: 40px; height: 40px; margin: auto; background-color: #008fd5; border-radius: 100%; -webkit-animation: spinnerscaleout 1.0s infinite ease-in-out; animation: spinnerscaleout 1.0s infinite ease-in-out; } @-webkit-keyframes spinnerscaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes spinnerscaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } /* Style 6 */ .spinner.style6 { margin: 0 auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: spinnerrotate 2.0s infinite linear; animation: spinnerrotate 2.0s infinite linear; } .spinner.style6 .dot1, .spinner.style6 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #008fd5; border-radius: 100%; -webkit-animation: spinnerbouncetwo 2.0s infinite ease-in-out; animation: spinnerbouncetwo 2.0s infinite ease-in-out; } .spinner.style6 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes spinnerrotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes spinnerrotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes spinnerbouncetwo { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes spinnerbouncetwo { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* Style 7 */ .page-loadingstage .spinner.style7 { margin: 0 auto; width: 70px; text-align: center; } .page-loadingstage .spinner.style7 > div { width: 18px; height: 18px; background-color: #008fd5; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-loadingstage .spinner.style7 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .page-loadingstage .spinner.style7 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* Spinner 8 */ .spinner.style8 { margin: 0 auto; width: 50px; height: 50px; position: relative; } .spinner.style8 .container1 > div, .spinner.style8 .container2 > div, .spinner.style8 .container3 > div { width: 12px; height: 12px; background-color: #008fd5; border-radius: 100%; position: absolute; -webkit-animation: bouncedelaytwo 1.2s infinite ease-in-out; animation: bouncedelaytwo 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner.style8 .spinner-container { position: absolute; width: 100%; height: 100%; } .spinner.style8 .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .spinner.style8 .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .spinner.style8 .circle1 { top: 0; left: 0; } .spinner.style8 .circle2 { top: 0; right: 0; } .spinner.style8 .circle3 { right: 0; bottom: 0; } .spinner.style8 .circle4 { left: 0; bottom: 0; } .spinner.style8 .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner.style8 .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner.style8 .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner.style8 .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .spinner.style8 .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .spinner.style8 .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .spinner.style8 .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .spinner.style8 .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .spinner.style8 .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .spinner.style8 .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .spinner.style8 .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes bouncedelaytwo { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelaytwo { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } #control-panel ul{ padding-left:0; } body.b1170, body.b960{ background-color:#000; } #slider>.container{ width:100%; margin:0; padding:0; } #panel-main-color-container + hr{ display:none; } body.b1170 #slider>.container, body.b960 #slider>.container{ margin:0 auto; padding:0!important; } body.b1170 #upper-header>.container, body.b1170 #main-header>.container, body.b1170 #lower-header>.container, body.b1170 #upper-footer>.container, body.b1170 #main-footer>.container, body.b1170 #lower-footer>.container, body.b1170 #main-content>.container, body.b1170 #slider>.container { width:1260px; padding-left:60px; padding-right:60px; } body.b960 #upper-header>.container, body.b960 #main-header>.container, body.b960 #lower-header>.container, body.b960 #upper-footer>.container, body.b960 #main-footer>.container, body.b960 #lower-footer>.container, body.b960 #main-content>.container, body.b960 #slider>.container{ width:1080px; padding-left:60px; padding-right:60px; } body.b1170 .full-width-bg, body.b960 .full-width-bg{ margin-left:-60px; margin-right:-60px; padding-left:60px; padding-right:60px; } body.b1170 .page-heading, body.b960 .page-heading, body.b1170 .full-width-bg, body.b960 .full-width-bg, body.b1170 .full-width, body.b960 .full-width, body.b1170 .sc-map.full, body.b950 .sc-map.full{ margin-left:-60px; margin-right:-60px; } body.b1170 .full-width .full-width-bg, body.b960 .full-width .full-width-bg{ margin-left:0; margin-right:0; padding-left:0; padding-right:0; } body.b1170 .page-heading.style3, body.b960 .page-heading.style3{ margin-left:0px; margin-right:0px; } body.b1170 #header, body.b960 #header{ position:fixed; } body.b1170 #main-content>.container, body.b960 #main-content>.container{ background:#fff; } body.b1170 #upper-header, body.b960 #upper-header{ background:none!important; padding:0!important; opacity:1!important; } body.b1170 #upper-header>.container, body.b960 #upper-header>.container{ background: #f7f7f7; height: 40px; padding-top:5px; } body.b1170.headerstyle2 #upper-header>.container, body.b960.headerstyle2 #upper-header>.container, body.b1170.headerstyle3 #upper-header>.container, body.b960.headerstyle3 #upper-header>.container, body.b1170.headerstyle4 #upper-header>.container, body.b960.headerstyle4 #upper-header>.container, body.b1170.headerstyle7 #upper-header>.container, body.b960.headerstyle7 #upper-header>.container{ background: #1d262b; } body.b1170 #main-header, body.b960 #main-header{ background:none!important; padding-top:0!important; padding-bottom:0!important; height:auto!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; opacity:1!important; } body.b1170 #main-header>.container, body.b960 #main-header>.container{ background: #fff; height:75px; } body.b1170.headerstyle2 #main-header>.container, body.b960.headerstyle2 #main-header>.container{ background: #141d22; } body.b1170.headerstyle3 #main-header>.container, body.b960.headerstyle3 #main-header>.container{ background: #141d22; } body.b1170.headerstyle4 #main-header>.container, body.b960.headerstyle4 #main-header>.container{ background: #141d22; } body.b1170.headerstyle7 #main-header>.container, body.b960.headerstyle7 #main-header>.container{ background: #141d22; } body.b1170.headerstyle9 #main-header>.container, body.b960.headerstyle9 #main-header>.container{ background: #141d22; height:90px; } body.b1170 #lower-header, body.b960 #lower-header{ background:none!important; border:none!important; padding:0!important; opacity:1!important; } body.b1170 #lower-header>.container, body.b960 #lower-header>.container{ height: 55px; padding-top:15px; padding-bottom:15px; background:#fff; } body.b1170.headerstyle2 #lower-header>.container, body.b960.headerstyle2 #lower-header>.container, body.b1170.headerstyle3 #lower-header>.container, body.b960.headerstyle3 #lower-header>.container{ background: #141d22; } body.b1170 #upper-footer, body.b960 #upper-footer{ background:none; padding:0; } body.b1170 #upper-footer>.container, body.b960 #upper-footer>.container{ background: #098ed1; padding:0; } body.b1170 #main-footer, body.b960 #main-footer{ background:none; padding:0; } body.b1170 #main-footer>.container, body.b960 #main-footer>.container{ background: #19242a; color: #7ca1b3; padding-top: 30px; padding-bottom: 30px; } body.b1170 .footer-2 #main-footer>.container, body.b960 .footer-2 #main-footer>.container{ background: #1d2636; } body.b1170 .footer-2 #lower-footer>.container, body.b960 .footer-2 #lower-footer>.container{ background: #1d2636; padding-top: 40px; padding-bottom: 40px; } body.b1170 #lower-footer, body.b960 #lower-footer{ background:none; padding:0; } body.b1170 #lower-footer>.container, body.b960 #lower-footer>.container{ color: #547e93; background: #141d22; padding-top:20px; padding-bottom:20px; } body.w1170.sticky-header-on, body.w960.sticky-header-on { padding-top:40px; } .wp-caption{ width:100%!important; } pre{ width:100%!important; overflow-x:scroll; white-space:pre-wrap; } /* Header Style 1 */ body.headerstyle1{ padding-top:130px; } body.headerstyle1.preheader-on{ padding-top:170px; } body.headerstyle1 .page-heading{ padding-top:55px; margin-top:-55px; } body.headerstyle1 .page-heading.style2{ padding-top:85px; } body.headerstyle1 .page-heading.style2.portfolio-heading{ padding-top:65px; padding-bottom:10px; } body.headerstyle1 #slider, body.headerstyle1 .portfolio-extended-image, body.headerstyle1 .google-map-heading, body.headerstyle1 .google-map-ts{ margin-top:-55px; } /* Header Style 2 */ body.headerstyle2{ padding-top:130px; } body.headerstyle2.preheader-on{ padding-top:170px; } body.headerstyle2 .page-heading{ padding-top:55px; margin-top:-55px; } body.headerstyle2 .page-heading.style2{ padding-top:85px; } body.headerstyle2 .page-heading.style2.portfolio-heading{ padding-top:65px; padding-bottom:10px; } body.headerstyle2 #slider, body.headerstyle2 .portfolio-extended-image, body.headerstyle2 .google-map-heading, body.headerstyle2 .google-map-ts{ margin-top:-55px; } /* Header Style 3 */ body.headerstyle3{ padding-top:130px; } body.headerstyle3.preheader-on{ padding-top:170px; } body.headerstyle3 .page-heading{ padding-top:55px; margin-top:-55px; } body.headerstyle3 .page-heading.style2{ padding-top:85px; } body.headerstyle3 .page-heading.style2.portfolio-heading{ padding-top:65px; padding-bottom:10px; } body.headerstyle3 #slider, body.headerstyle3 .portfolio-extended-image, body.headerstyle3 .google-map-heading, body.headerstyle3 .google-map-ts{ margin-top:-55px; } /* Header Style 4 */ body.headerstyle4{ padding-top:130px; } body.headerstyle4.preheader-on{ padding-top:170px; } body.headerstyle4 .page-heading{ padding-top:55px; margin-top:-55px; } body.headerstyle4 .page-heading.style2{ padding-top:85px; } body.headerstyle4 .page-heading.style2.portfolio-heading{ padding-top:65px; padding-bottom:10px; } body.headerstyle4 #slider, body.headerstyle4 .portfolio-extended-image, body.headerstyle4 .google-map-heading, body.headerstyle4 .google-map-ts{ margin-top:-55px; } /* Header Style 5 */ body.headerstyle5{ padding-top:130px; } body.headerstyle5.preheader-on{ padding-top:170px; } body.headerstyle5 .page-heading{ padding-top:55px; margin-top:-55px; } body.headerstyle5 .page-heading.style2{ padding-top:85px; } body.headerstyle5 .page-heading.style2.portfolio-heading{ padding-top:65px; padding-bottom:10px; } body.headerstyle5 #slider, body.headerstyle5 .portfolio-extended-image, body.headerstyle5 .google-map-heading, body.headerstyle5 .google-map-ts{ margin-top:-55px; } /* Header Style 6 */ body.headerstyle6{ padding-top:75px; } body.headerstyle6.preheader-on{ padding-top:115px; } body.headerstyle6 .page-heading{ padding-top:10px; } body.headerstyle6 .page-heading.style2.portfolio-heading{ padding-top:125px; padding-bottom:10px; } body.headerstyle6 .page-heading.style2{ padding-top:40px; } body.headerstyle6 #slider, body.headerstyle6 .portfolio-extended-image, body.headerstyle6 .google-map-heading, body.headerstyle6 .google-map-ts{ margin-top:0; } /* Header Style 7 */ body.headerstyle7{ padding-top:90px; } body.headerstyle7.preheader-on{ padding-top:130px; } body.headerstyle7 .page-heading{ padding-top:90px; margin-top:-50px; } body.headerstyle7 .page-heading.style2{ padding-top:90px; } body.headerstyle7 .page-heading.style2.portfolio-heading{ padding-top:100px; padding-bottom:10px; } body.headerstyle7 #slider, body.headerstyle7 .portfolio-extended-image, body.headerstyle7 .google-map-heading, body.headerstyle7 .google-map-ts{ margin-top:-90px; } /* Header Style 8 */ body.headerstyle8{ padding-top:90px; } body.headerstyle8.preheader-on{ padding-top:130px; } body.headerstyle8 .page-heading{ padding-top:100px; margin-top:-90px; } body.headerstyle8 .page-heading.style2{ padding-top:130px; } body.headerstyle8 .page-heading.style2.portfolio-heading{ padding-top:100px; padding-bottom:10px; } body.headerstyle8 #slider, body.headerstyle8 .portfolio-extended-image, body.headerstyle8 .google-map-heading, body.headerstyle8 .google-map-ts{ margin-top:-90px; } /* Header Style 9 */ body.headerstyle9{ padding-top:90px; } body.headerstyle9.preheader-on{ padding-top:130px; } body.headerstyle9 .page-heading{ padding-top:100px; margin-top:-90px; } body.headerstyle9 .page-heading.style2{ padding-top:130px; } body.headerstyle9 .page-heading.style2.portfolio-heading{ padding-top:100px; padding-bottom:10px; } body.headerstyle9 #slider, body.headerstyle9 .portfolio-extended-image, body.headerstyle9 .google-map-heading, body.headerstyle9 .google-map-ts{ margin-top:-90px; } .page-heading.portfolio-extended-heading{ padding-top:5px!important; padding-bottom:15px!important; background:#19242a!important; background:rgba(25,36,42,.45)!important; margin-top:-90px!important; z-index: 100; position: relative; height:90px; } .page-heading.portfolio-extended-heading h1{ font-size:30px!important; } img,iframe { max-width:100%; border:none; } img{ height:auto; } .flex-control-thumbs img{ border-color:transparent; } .align-left { text-align:left; } .align-right { text-align:right; } .align-center { text-align:center; } .full-width { zoom:1; } .full-width:before,.full-width:after { content:" "; display:table; } .full-width:after { clear:both; } .full-width-bg { margin-left:-5000px; margin-right:-5000px; padding-left:5000px; padding-right:5000px; } .full-width-bg .aligncenter{ margin-bottom: 0; } .clearfix { clear:both; } .col-one-fifth { width:20%; float:left; } .full-width>.col-lg-1, .full-width>.col-lg-one-fifth, .full-width>.col-lg-2,.full-width>.col-lg-3,.full-width>.col-lg-4,.full-width>.col-lg-5,.full-width>.col-lg-6,.full-width>.col-lg-7,.full-width>.col-lg-8,.full-width>.col-lg-9,.full-width>.col-lg-10,.full-width>.col-lg-11,.full-width>.col-lg-12 { padding:0; } #wpadminbar{ -webkit-transform:translateZ(0px)!important; } .last-page { margin-bottom: -40px; } .wpb_column > .wpb_wrapper > .last-page { margin-bottom: -40px !important; } .first-page { margin-top: -40px; } .wpb_column > .wpb_wrapper > .first-page { margin-top: -40px !important; } /* Typography */ h1, h2, h3, h4, h5, h6{ color:#23323a; } .cursive-style{ font-family:'Nella Sue', serif; } .cursive-style2{ font-family: Great Vibes, serif; } h2.cursive-style2 { font-size: 60px; } h1 { font-size:32px; font-weight:800; line-height:40px; } h1.cursive-style{ font-size:80px; line-height:80px; } h2 { font-size:28px; font-weight:300; line-height:36px; margin:20px 0; } h2.cursive-style{ font-size:60px; line-height:60px; } h3 { font-size:24px; font-weight:400; line-height:32px; margin:20px 0; } h3.cursive-style{ font-size:48px; line-height:48px; } h4 { font-size:20px; line-height:28px; } h5 { font-size:18px; line-height:26px; } h6 { font-size:18px; line-height:24px; } p { font-size:14px; line-height:22px; } p.tour-text { font-size:16px; line-height:24px; } p.tour-text-h3 { font-size:16px; line-height:24px; color:#107aae; } a { color:#064C87; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } a:hover { text-decoration:bold; color:#3CD4C8; } .bold { font-weight:600; } .extra-bold { font-weight:800; } table{ border:1px solid #eee; } td, th{ font-weight:400; padding:8px 10px; } td + td, td + th, th + th, th + td{ border-left:1px solid #eee; } tr + tr{ border-top:1px solid #eee; } thead{ border-bottom:1px solid #eee; } tfoot{ border-top:1px solid #eee; } dd + dt{ margin-top:20px; } span.orange{ color:#cb5010; } /* HEADER */ #header { position:absolute; top:0; left:0; right:0; z-index:5000; -webkit-transform:translateZ(0px); } #header.sticky-header{ position:fixed; } #sticky-header-hover-button{ position:fixed; text-align:right; top:-100%; opacity:0; left:0; right:0; z-index:1000; height:0; transition: opacity .3s, top .4s; -webkit-transition: opacity .3s, top .4s; -moz-transition: opacity .3s, top .4s; } #sticky-header-hover-button>div{ height:0; } #header.sticky-header + #sticky-header-hover-button{ opacity:1; top:0; } #header.sticky-header-visible + #sticky-header-hover-button{ opacity:0; top:-100%; } #sticky-header-hover-button .button-content{ cursor:pointer; text-align:center; display:inline-block; background: #39373d; background: rgba(57,55,61,.6); padding:10px; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } #sticky-header-hover-button .button-content>img{ display:block; } #sticky-header-hover-button .menuicon{ width:40px; height:30px; display:inline-block; margin-top:10px; } #sticky-header-hover-button .menuicon span{ display:block; height:3px; background:#fff; margin:4px 0; } .cssanimations #header.sticky-header{ -webkit-animation: fadeInDown .5s; animation: fadeInDown .5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } body.headerstyle9 #header.sticky-header{ -webkit-animation:none; animation:none; opacity:0; top:-100%; transition: opacity .5s, top .5s; -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; } body.headerstyle9 #header.sticky-header.sticky-header-visible{ opacity:1; top:0; } @-webkit-keyframes stickyHeader { from {opacity:0;} to {opacity:1;} } @keyframes stickyHeader { from {opacity:0;} to {opacity:1;} } .lower-logo { float:left; margin-right:40px; height: 30px; display:none; } #header.sticky-header .lower-logo{ display:block; } .lower-logo img { height: 30px; position: relative; top: -5px; } #header ul { list-style:none; margin:0; padding:0; } #header a { color:#A7A9AC; text-decoration:none; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } /* Main Header */ #main-header { background:#fff; transition: opacity .4s; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; position:relative; -webkit-transform:translateZ(0px); z-index:5300; padding:25px 0 5px; } body.b1170 #header.style2 #main-header>.container, body.b960 #header.style2 #main-header>.container, #header.style2 #main-header { background:#000; background:rgba(0,0,0,.56); } #header.style7 #main-header, body.b1170 #header.style7 #main-header>.container, body.b960 #header.style7 #main-header>.container { } #header.style8 #main-header, body.b1170 #header.style8 #main-header>.container, body.b960 #header.style8 #main-header>.container { } body.b1170 #header.style3 #main-header>.container, body.b1170 #header.style4 #main-header>.container, body.b1170 #header.style5 #main-header>.container, body.b960 #header.style3 #main-header>.container, body.b960 #header.style4 #main-header>.container, body.b960 #header.style5 #main-header>.container, #header.style3 #main-header, #header.style4 #main-header, #header.style5 #main-header { background:#fff; color:#93a6b0; } body.b1170 #header.style8 #main-header>.container, body.b960 #header.style8 #main-header>.container{ background:#fff; background:rgba(255,255,255,.8); } #header.style4 #main-header, #header.style6 #main-header { text-align:center; } #header.style1 #main-header, #header.style6 #main-header, #header.style7 #main-header, #header.style8 #main-header{ box-shadow:0 1px 4px rgba(0, 30, 46, .1); -webkit-box-shadow:0 1px 4px rgba(0, 30, 46, .1); -moz-box-shadow:0 1px 4px rgba(0, 30, 46, .1); z-index:5600; } #header.style9 #main-header{ height:90px; background:#39373d; background:rgba(57,55,61,.12); } #header.style9.sticky-header #main-header{ height:60px; background:rgba(57,55,61,.5); padding:0; } body.b1170.headerstyle9 #header.sticky-header #main-header>.container, body.b960.headerstyle9 #header.sticky-header #main-header>.container{ height:60px; } #header.style9 #main-header #main-nav, #header.style9 #main-header div.menu>ul{ margin-top:20px; } #header.style9.sticky-header #main-header #main-nav, #header.style9.sticky-header #main-header div.menu>ul{ margin-top:20px; } #header.style9 #upper-header{ background:#fcfcfc; color:#12222d; } #header.style9.sticky-header .logo img{ margin-top:5px; height:50px; } #header.style9 #upper-header .social-media li a, #header.style9 #upper-header #search-box-pre i.icons{ color:#4a5258; } #header.style9 #upper-header #search-box-pre i.icons{ font-size:16px; } #header.style9 #main-nav>li.menu-item-has-children>a:after, #header.style9 div.menu>ul>li.menu-item-has-children>a:after, #header.style9 #main-nav>li.page_item_has_children>a:after, #header.style9 div.menu>ul>li.page_item_has_children>a:after{ background-image:url(../img/sprites/menu-arrows2.png); background-position:0 2px; } #nav-button{ position:absolute; right:15px; top:50%; margin-top:-12px; width:25px; height:25px; /*background:url(../img/sprites/nav-icons.png) no-repeat;*/ cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #nav-button span{ display:block; height:4px; background:#fff; margin:4px 0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; transition: transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; } #nav-button span:first-child{ transform-origin:100% 0 0; -webkit-transform-origin:100% 0 0; -moz-transform-origin:100% 0 0; -ms-transform-origin:100% 0 0; -o-transform-origin:100% 0 0; } #nav-button span:last-child{ transform-origin:100% 100% 0; -webkit-transform-origin:100% 100% 0; -moz-transform-origin:100% 100% 0; -ms-transform-origin:100% 100% 0; -o-transform-origin:100% 100% 0; } #nav-button:hover span:first-child{ -webkit-transform:translateY(-2px); } #nav-button:hover span:last-child{ -webkit-transform:translateY(2px); } .navigation-style2.nav-active + #nav-button span:first-child{ transform:rotate(-45deg) translateY(0px); -webkit-transform:rotate(-45deg) translateY(0px); -moz-transform:rotate(-45deg) translateY(0px); -ms-transform:rotate(-45deg) translateY(0px); -o-transform:rotate(-45deg) translateY(0px); } .navigation-style2.nav-active + #nav-button span:last-child{ transform:rotate(45deg) translateY(0px); -webkit-transform:rotate(45deg) translateY(0px); -moz-transform:rotate(45deg) translateY(0px); -ms-transform:rotate(45deg) translateY(0px); -o-transform:rotate(45deg) translateY(0px); } .navigation-style2.nav-active + #nav-button span:nth-child(2){ opacity:0; } .navigation-style2{ padding-right:60px; visibility:hidden; position:relative; right:-20px; opacity:0; transition: opacity .3s, right .3s, visibility 0s; -webkit-transition: opacity .3s, right .3s, visibility 0s; -moz-transition: opacity .3s, right .3s, visibility 0s; transition-delay: 0s, 0s, .3s; -webkit-transition-delay: 0s, 0s, .3s; -moz-transition-delay: 0s, 0s, .3s; } .navigation-style2.nav-active{ visibility:visible; transition-delay: 0s, 0s, 0s; -webkit-transition-delay: 0s, 0s, 0s; -moz-transition-delay: 0s, 0s, 0s; right:0; opacity:1; } .navigation-style2 #main-nav>li>a, .navigation-style2 #header div.menu>ul>li>a{ color:#fff; font-weight:700; font-size:14px; } #main-header .navigation-style2 #main-nav>li, #main-header .navigation-style2 div.menu>ul>li{ margin-left:40px; } #main-header ul,#main-header ul li { display:inline-block; } .logo img { margin-top:-5px; margin-bottom:10px; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; } #main-header .social-media,#main-header .text-list { margin-top:15px; } #main-header ul:after { border-right:none; content:''; display:inline-block; height:12px; position:relative; top:1px; margin:0 12px; } #main-header ul:last-child:after { display:none; border:none; margin:0; } .social-media { list-style:none; margin:0; padding:0; } .social-media li { display:inline-block; -webkit-transform: scale(1) translateZ(0px); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition:color 0.2s, opacity 0.2s; -webkit-transition:color 0.2s, opacity 0.2s; -moz-transition:color 0.2s, opacity 0.2s; } .social-media li:first-child { margin-left:-8px; } .social-media li a { font-size:18px; color:#554e80; } .social-media li:hover { -webkit-transform: scale(1.1) translateZ(0px); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .text-list { font-size: 18px; color:#554e80; text-transform: none; } #main-header #main-nav, #main-header div.menu>ul { margin-top:15px; } #main-header #main-nav>li, #main-header div.menu>ul>li { margin-right:0; margin-left:30px; } #main-header #main-nav li ul, #main-header div.menu>ul li ul { text-align:left; } .style2 #main-header #main-nav a, .style2 #main-header div.menu>ul a { color:#eee; } #header.style8 #main-header { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; padding-bottom:15px; } #header.style8 #main-header:hover { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } #main-header #main-nav:after, #main-header div.menu>ul:after { display:none; } /* Lower Header */ #lower-header { background:#fff; background:rgba(255, 255, 255, .67); -webkit-transform:translateZ(0px); position:relative; z-index:5400; height:55px; padding:15px 0; transition:height .3s, padding .3s, background .4s, opacity 0.3s; -webkit-transition:height .3s, padding .3s, background .4s, opacity 0.3s; -moz-transition:height .3s, padding .3s, background .4s, opacity 0.3s; } body.b1170 #lower-header>.container, body.b960 #lower-header>.container{ background:#fff; background:rgba(255, 255, 255, .67); } #lower-header:hover{ background:rgba(255, 255, 255, .8); } #header.style3 #lower-header, #header.style4 #lower-header { background:#141d22; background:rgba(20,29,34,.56); } body.b1170 #header.style3 #lower-header>.container, body.b960 #header.style3 #lower-header>.container, body.b1170 #header.style4 #lower-header>.container, body.b960 #header.style4 #lower-header>.container{ background:#141d22; background:rgba(20,29,34,.56); } #header.style1 #lower-header, #header.style5 #lower-header, #header.style6 #lower-header{ border-bottom:1px solid rgba(245, 245, 245, 0.5); } #header.style5 #lower-header, #header.style6 #lower-header { background:#fff; background:rgba(255,255,255,.78); } body.b1170 #header.style5 #lower-header>.container, body.b960 #header.style5 #lower-header>.container, body.b1170 #header.style6 #lower-header>.container, body.b960 #header.style6 #lower-header>.container{ background:#fff; background:rgba(255,255,255,.78); } #header.style4 #lower-header, #header.style6 #lower-header { text-align:center; } #header.style4 #lower-header #main-navm, #header.style4 #lower-header div.menu>ul { display:inline-block; } #header.style4 #lower-header #main-nav li:last-child, #header.style6 #lower-header #main-nav li:last-child, #header.style4 #lower-header div.menu>ul li:last-child, #header.style6 #lower-header div.menu>ul li:last-child { margin-right:0; } #header.style4 #lower-header #main-nav li ul, #header.style6 #lower-header #main-nav li ul, #header.style4 #lower-header div.menu>ul li ul, #header.style5 #lower-header div.menu>ul li ul { text-align:left; } #lower-header.light { background:#e1eef1; } #lower-header ul,#lower-header ul li { display:inline-block; } /* Upper Header */ #upper-header { background:#1d262b; -webkit-transform:translateZ(0px); position:relative; z-index:5800; height:40px; color:#ddd; padding:7px 0; transition:opacity .4s; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; overflow:hidden; } #upper-header .item.left { float: left; margin-right: 20px; } #upper-header .item.right { float: right; margin-left: 20px; } #upper-header.light { background:#e1eef1; } #upper-header .item:before { content: "|"; display: inline-blick; margin-right: 15px; margin-bottom: 4px; line-height: 22px; } #upper-header .item.hidden-separator:before { display: none; } #header.style7 #upper-header, #header.style8 #upper-header, #header.style1 #upper-header, #header.style6 #upper-header { background:#f7f7f7; color:#444; } #upper-header ul,#upper-header ul li { display:inline-block; } #upper-header ul:after { border-right:1px solid #ddd; content:''; display:inline-block; height:12px; position:relative; top:1px; margin:0 12px; } #upper-header ul:last-child:after { display:none; border:none; margin:0; } /* Sticky header */ .sticky-header.style1 #main-header, .sticky-header.style3 #main-header, .sticky-header.style4 #main-header, .sticky-header.style5 #main-header, .sticky-header.style6 #main-header, body.b1170 .sticky-header.style1 #main-header, body.b1170 .sticky-header.style3 #main-header, body.b1170 .sticky-header.style4 #main-header, body.b1170 .sticky-header.style5 #main-header, body.b1170 .sticky-header.style6 #main-header, body.b960 .sticky-header.style1 #main-header, body.b960 .sticky-header.style3 #main-header, body.b960 .sticky-header.style4 #main-header, body.b960 .sticky-header.style5 #main-header, body.b960 .sticky-header.style6 #main-header, body.b1170 .sticky-header #upper-header, body.b960 .sticky-header #upper-header, .sticky-header #upper-header { height:0!important; padding:0!important; overflow:hidden!important; } .sticky-header.style1 #lower-header, .sticky-header.style3 #lower-header, .sticky-header.style4 #lower-header, .sticky-header.style5 #lower-header, .sticky-header.style6 #lower-header, body.b1170 .sticky-header.style1 #lower-header, body.b1170 .sticky-header.style3 #lower-header, body.b1170 .sticky-header.style4 #lower-header, body.b1170 .sticky-header.style5 #lower-header, body.b1170 .sticky-header.style6 #lower-header, body.b960 .sticky-header.style1 #lower-header, body.b960 .sticky-header.style3 #lower-header, body.b960 .sticky-header.style4 #lower-header, body.b960 .sticky-header.style5 #lower-header, body.b960 .sticky-header.style6 #lower-header { -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; height:40px; padding:7px 0; } #header.sticky-header #lower-header { background:rgba(255, 255, 255, .80); } #header.sticky-header.style3 #lower-header, #header.sticky-header.style4 #lower-header { background:rgba(20,29,34,.80); } .sticky-header.style2 #main-header, .sticky-header.style7 #main-header, .sticky-header.style8 #main-header { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; height:60px!important; padding-top:0; } body.b1170 .sticky-header.style7 #main-header>.container, body.b960 .sticky-header.style7 #main-header>.container, body.b1170 .sticky-header.style8 #main-header>.container, body.b960 .sticky-header.style8 #main-header>.container{ height:60px!important; padding-top:0; } .sticky-header.style1:hover #lower-header, .sticky-header.style2:hover #lower-header, .sticky-header.style3:hover #lower-header, .sticky-header.style4:hover #lower-header, .sticky-header.style5:hover #lower-header, .sticky-header.style6:hover #lower-header, .sticky-header.style7:hover #lower-header, .sticky-header.style8:hover #lower-header, .sticky-header.style1:hover #main-header, .sticky-header.style2:hover #main-header, .sticky-header.style3:hover #main-header, .sticky-header.style4:hover #main-header, .sticky-header.style5:hover #main-header, .sticky-header.style6:hover #main-header, .sticky-header.style7:hover #main-header, .sticky-header.style8:hover #main-header { -moz-opacity:1; -khtml-opacity:1; opacity:1; } .sticky-header.style2 #main-header #main-nav, .sticky-header.style7 #main-header #main-nav, .sticky-header.style8 #main-header #main-nav, .sticky-header.style2 #main-header div.menu>ul, .sticky-header.style7 #main-header div.menu>ul, .sticky-header.style8 #main-header div.menu>ul { margin-top:15px; } .sticky-header.style2 #main-header .logo img, .sticky-header.style7 #main-header .logo img, .sticky-header.style8 #main-header .logo img { height:40px; margin-top:5px; } .headerstyle8 #main-content .main-flexslider, .headerstyle8 #main-content .head-banner { margin-top:-90px; } #main-content>.container>.row>section.col-lg-12.small-padding{ float:none; } /* Upper Header Menus */ #upper-header { overflow:visible; } #upper-header .menu li { position:relative; } #upper-header .menu li>a { color:#73848e; font-size:11px; text-transform:uppercase; } #upper-header .menu>li:hover>a { color:#008fd5; } #upper-header .menu>li + li { margin-left:15px; } #upper-header .menu li>a:after { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:.2em; margin-left:5px; content:'\e899'; } #upper-header .menu>li>ul { display:none; position:absolute; z-index:6000; left:0; top:100%; padding-top:10px; text-align:left; } .csstransforms #upper-header .menu>li>ul { display:block; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); opacity:0; transition:transform .4s opacity .3s; -webkit-transition:0 .4s opacity .3s; -moz-transition:0 .4s opacity .3s; } #upper-header .menu>li:hover>ul { display:block; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); opacity:1; } #upper-header .menu>li>ul:before { content:''; position:absolute; top:5px; left:10px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #28363d; } #upper-header .menu>li>ul>li { background:#28363d; } #upper-header .menu>li>ul>li>a { display:block; padding:5px 15px; min-width:100px; } #upper-header .menu>li>ul>li>a:hover { color:#fff; } /* Main Navigation */ #lower-header #main-nav, #lower-header div.menu{ float:right; } .headerstyle3 #lower-header #main-nav, .headerstyle3 #lower-header div.menu, .headerstyle5 #lower-header #main-nav, .headerstyle5 #lower-header div.menu{ float:none; } #main-nav, #header div.menu>ul { text-transform:uppercase; font-size:11px; } #main-nav>li>a, #header div.menu>ul>li>a, #main-nav>li>a, #header div.menu>ul>li>a{ display:block; } #main-nav>li + li, #header div.menu>ul>li + li { margin-left:30px; } #main-nav>li>a, #header div.menu>ul>li>a { color:#404041; font-size:16px; } #main-nav>li.menu-item-has-children, #header div.menu>ul>li.menu-item-has-children, #main-nav>li.page_item_has_children, #header div.menu>ul>li.page_item_has_children { margin-right:-11px!important; } #main-nav>li.menu-item-has-children>a:after, #header div.menu>ul>li.menu-item-has-children>a:after, #main-nav>li.page_item_has_children>a:after, #header div.menu>ul>li.page_item_has_children>a:after { content:''; display:inline-block; margin-left:5px; position:relative; top:1px; width:11px; height:11px; background:url(../img/sprites/menu-arrows.png) -11px 0 no-repeat; } #main-nav>li>a:only-child:after, #header div.menu>ul>li>a:only-child:after{ display:none; } #main-nav>li:hover>a, #main-nav>li.current-menu-item>a, #main-nav>li.current-menu-ancestor>a, #header div.menu>ul>li:hover>a, #header div.menu>ul>li.current-menu-item>a, #header div.menu>ul>li.current-menu-ancestor>a { background-position:0px 0px; color:#079B8C; } #main-nav>li:hover>a:after, #main-nav>li.current-menu-item>a:after, #main-nav>li.current-menu-ancestor>a:after, #header div.menu>ul>li:hover>a:after, #header div.menu>ul>li.current-menu-item>a:after, #header div.menu>ul>li.current-menu-ancestor>a:after { background-position:0px 0px; } #main-nav ul:after, div.menu>ul ul:after{ display:none!important; border:none!important; } #main-nav li ul, #header div.menu>ul li ul { display:none; position:absolute; padding-top:17px; min-width:180px; } #main-nav>li>ul, #header div.menu>ul>li>ul{ margin-left:-15px; } .sticky-header #main-nav li ul, .sticky-header #header div.menu>ul li ul{ padding-top:15px; } #main-nav li ul li ul, #header div.menu>ul li ul li ul { padding-top:0!important; left:100%; top:0; } @-webkit-keyframes fadeInUpMenu { 0% { opacity: 0; -webkit-transform: translateY(30px) translateZ(0px); transform: translateY(30px); } 100% { opacity: 1; -webkit-transform: translateY(0) translateZ(0px); transform: translateY(0); } } @keyframes fadeInUpMenu { 0% { opacity: 0; -webkit-transform: translateY(30px) translateZ(0px); -ms-transform: translateY(30px); transform: translateY(30px); } 100% { opacity: 1; -webkit-transform: translateY(0) translateZ(0px); -ms-transform: translateY(0); transform: translateY(0); } } #main-nav>li>ul, #header div.menu>ul>li>ul{ display:block; visibility: hidden; opacity:0; margin-top:40px; -webkit-transition-property: opacity, visibility, margin; -moz-transition-property: opacity, visibility, margin; -o-transition-property: opacity, visibility, margin; transition-property: opacity, visibility, margin; -webkit-transition-duration: .4s, 0s, .4s; -moz-transition-duration: .4s, 0s, .4s; -o-transition-duration: .4s, 0s, .4s; transition-duration: .4s, 0s, .4s; -webkit-transition-delay: 0s, .4s, 0s; -moz-transition-delay: 0s, .4s, 0s; -o-transition-delay: 0s, .4s, 0s; transition-delay: 0s, .4s, 0s; } #main-nav>li:hover>ul, #header div.menu>ul>li:hover>ul{ opacity: 1; visibility: visible; margin-top:0; -webkit-transition-delay: 0s, 0s, 0s; -moz-transition-delay: 0s, 0s, 0s; -o-transition-delay: 0s, 0s, 0s; transition-delay: 0s, 0s, 0s; } .csstransforms #main-nav li ul li ul, .csstransforms #header div.menu>ul li ul li ul{ display:block; left:100%; z-index:7000; transform: rotate3d(0,1,0,90deg); -webkit-transform: rotate3d(0,1,0,90deg); -moz-transform: rotate3d(0,1,0,90deg); -ms-transform: rotate3d(0,1,0,90deg); -o-transform: rotate3d(0,1,0,90deg); -webkit-transform-origin:0 0 0; -moz-transform-origin:0 0 0; transform-origin:0 0 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } #main-nav li:hover>ul, #main-nav li ul li:hover>ul, #header div.menu>ul li:hover>ul, #header div.menu>ul li ul li:hover>ul{ display:block; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: rotate3d(0,0,0,0); -webkit-transform: rotate3d(0,0,0,0); -moz-transform: rotate3d(0,0,0,0); -ms-transform: rotate3d(0,0,0,0); -o-transform: rotate3d(0,0,0,0); } #main-nav li ul li, #header div.menu>ul li ul li { display:block; position:relative; -webkit-perspective: 500px; perspective: 500px; } #main-nav li ul li a, #header div.menu>ul li ul li a { display:block; color:#cee2ec; white-space:nowrap; background:#19242a; background: rgba(25,36,42,.89); padding:13px 20px; font-size:11px; transition:background .3s, color .3s; -webkit-transition:background .3s, color .3s; -moz-transition:background .3s, color .3s; } #main-nav li ul li.current-menu-item>a, #main-nav li ul li.current-menu-ancestor>a, #header div.menu>ul li ul li.current-menu-item>a, #header div.menu>ul li ul li.current-menu-ancestor>a { color:#008fd5; background:#10191d; background: rgba(25,36,42,.95); } #main-nav li ul li:hover>a, #header div.menu>ul li ul li:hover>a{ background:#10191d; background: rgba(25,36,42,.95); } .headerstyle1 #main-nav li ul li + li>a, .headerstyle1 #header div.menu>ul li ul li + li>a, .headerstyle5 #main-nav li ul li + li>a, .headerstyle5 #header div.menu>ul li ul li + li>a, .headerstyle8 #main-nav li ul li + li>a, .headerstyle8 #header div.menu>ul li ul li + li>a{ border-top:1px solid #dde5e9; } .headerstyle1 #main-nav li ul li a, .headerstyle1 #header div.menu>ul li ul li a, .headerstyle5 #main-nav li ul li a, .headerstyle5 #header div.menu>ul li ul li a, .headerstyle8 #main-nav li ul li a, .headerstyle8 #header div.menu>ul li ul li a { color:#73848e; background:#fff; } .headerstyle1 #main-nav li ul li.current-menu-item>a, .headerstyle1 #main-nav li ul li.current-menu-ancestor>a, .headerstyle1 #header div.menu>ul li ul li.current-menu-item>a, .headerstyle1 #header div.menu>ul li ul li.current-menu-ancestor>a, .headerstyle1 #main-nav li ul li:hover>a, .headerstyle1 #header div.menu>ul li ul li:hover>a, .headerstyle5 #main-nav li ul li.current-menu-item>a, .headerstyle5 #main-nav li ul li.current-menu-ancestor>a, .headerstyle5 #header div.menu>ul li ul li.current-menu-item>a, .headerstyle5 #header div.menu>ul li ul li.current-menu-ancestor>a, .headerstyle5 #main-nav li ul li:hover>a, .headerstyle5 #header div.menu>ul li ul li:hover>a, .headerstyle8 #main-nav li ul li.current-menu-item>a, .headerstyle8 #main-nav li ul li.current-menu-ancestor>a, .headerstyle8 #header div.menu>ul li ul li.current-menu-item>a, .headerstyle8 #header div.menu>ul li ul li.current-menu-ancestor>a, .headerstyle8 #main-nav li ul li:hover>a, .headerstyle8 #header div.menu>ul li ul li:hover>a{ color:#008fd5; background:#fff; } #header.style3 #lower-header #main-nav a, #header.style4 #lower-header #main-nav a, #header.style3 #lower-header div.menu>ul a, #header.style4 #lower-header div.menu>ul a { color:#fff; } #header.style3 #lower-header #main-nav li ul li.current-menu-item>a, #header.style3 #lower-header #main-nav li ul li.current-menu-ancestor>a, #header.style4 #lower-header #main-nav li ul li.current-menu-item>a, #header.style4 #lower-header #main-nav li ul li.current-menu-ancestor>a, #header.style3 #lower-header div.menu>ul li ul li.current-menu-item>a, #header.style3 #lower-header div.menu>ul li ul li.current-menu-ancestor>a, #header.style4 #lower-header div.menu>ul li ul li.current-menu-item>a, #header.style4 #lower-header div.menu>ul li ul li.current-menu-ancestor>a { color:#008fd5; background:#10191d; background: rgba(25,36,42,.95); } #header.style3 #lower-header #main-nav li ul li:hover>a, #header.style4 #lower-header #main-nav li ul li:hover>a { background:#10191d; background: rgba(25,36,42,.95); } /* Mega Menu */ #main-nav .mega-menu{ position:absolute; color:#ffffff; padding-top:18px; line-height: 18px; display:block; margin-left:-150px; text-align:left; visibility: hidden; opacity:0; margin-top:40px; -webkit-transition-property: opacity, visibility, margin; -moz-transition-property: opacity, visibility, margin; -o-transition-property: opacity, visibility, margin; transition-property: opacity, visibility, margin; -webkit-transition-duration: .4s, 0s, .4s; -moz-transition-duration: .4s, 0s, .4s; -o-transition-duration: .4s, 0s, .4s; transition-duration: .4s, 0s, .4s; -webkit-transition-delay: 0s, .4s, 0s; -moz-transition-delay: 0s, .4s, 0s; -o-transition-delay: 0s, .4s, 0s; transition-delay: 0s, .4s, 0s; } #main-nav li:first-child .mega-menu{ /*margin-left: 0;*/ } #main-nav li:hover>.mega-menu{ opacity: 1; visibility: visible; margin-top:0; -webkit-transition-delay: 0s, 0s, 0s; -moz-transition-delay: 0s, 0s, 0s; -o-transition-delay: 0s, 0s, 0s; transition-delay: 0s, 0s, 0s; } #main-nav .mega-menu-too-big{ left:0; right:0; margin-left:0; width:100%; } #main-nav .mega-menu-too-big ul li a{ white-space:normal; } #main-nav>li:hover>.mega-menu{ display:block; } #header.sticky-header #main-nav .mega-menu{ padding-top:15px; } .headerstyle1 #header.sticky-header #main-nav .mega-menu, .headerstyle1 #header.sticky-header #main-nav>li>ul, .headerstyle1 #header.sticky-header div.nav>ul>li>ul, .headerstyle2 #header.sticky-header #main-nav .mega-menu, .headerstyle2 #header.sticky-header #main-nav>li>ul, .headerstyle2 #header.sticky-header div.nav>ul>li>ul, .headerstyle3 #header.sticky-header #main-nav .mega-menu, .headerstyle3 #header.sticky-header #main-nav>li>ul, .headerstyle3 #header.sticky-header div.nav>ul>li>ul, .headerstyle4 #header.sticky-header #main-nav .mega-menu, .headerstyle4 #header.sticky-header #main-nav>li>ul, .headerstyle4 #header.sticky-header div.nav>ul>li>ul, .headerstyle5 #header.sticky-header #main-nav .mega-menu, .headerstyle5 #header.sticky-header #main-nav>li>ul, .headerstyle5 #header.sticky-header div.nav>ul>li>ul{ padding-top:11px; } #main-nav .mega-menu>ul{ display:table!important; table-layout:fixed; transform:none!important; -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; -khtml-opacity: 1!important; -moz-opacity: 1!important; opacity: 1!important; position:relative!important; background:#19242a url(../img/mega-menu-bg.png) right bottom no-repeat; padding-top:0; left:0; border: 1px solid rgba(0, 0, 0, 0.12); } #main-nav .mega-menu ul{ margin-left:0!important; opacity:1!important; margin-top:0!important; } #main-nav .mega-menu>ul>li{ display:table-cell; position:relative; } #main-nav .mega-menu>ul>li + li:before{ content:''; top:20px; bottom:20px; left:0; border-left:1px solid rgba(0, 0, 0, 0.9); position:absolute; } #main-nav .mega-menu>ul>li ul{ display:block; transform:none!important; -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; -khtml-opacity: 1!important; -moz-opacity: 1!important; opacity: 1!important; left:0!important; position:relative!important; } #main-nav .mega-menu li a{ background:none!important; } #main-nav .mega-menu li a:before{ content:''; width:9px; height:9px; display:inline-block; margin-right:5px; background:url(../img/sprites/mega-menu-arrow.png) no-repeat; } #main-nav .mega-menu li:hover>a{ color:#6e6cb7!important; } #main-nav .mega-menu li:hover>a:before{ background-position:-9px 0; } #main-nav .mega-menu li span{ padding: 15px 15px 5px 20px; display:block; font-size:16px; font-weight:400; text-transform:none; white-space:nowrap; } #main-nav .mega-menu-footer{ padding:8px 15px; background:#162025; color:#fff; vertical-align:top; } #main-nav .mega-menu-footer span{ color:#86969e; text-transform:none; font-size:12px; display:inline-block; margin-top:9px; } #main-nav .mega-menu-footer span strong{ color:#cad4d9; font-weight:700; } .headerstyle5 #main-nav .mega-menu>ul{ background:rgba(245,245,245, 0.9); } .headerstyle1 #main-nav .mega-menu>ul, .headerstyle4 #main-nav .mega-menu>ul, .headerstyle8 #main-nav .mega-menu>ul{ background:#fff url(../img/mega-menu-bg-light.png) right bottom no-repeat; } .headerstyle1 #main-nav .mega-menu li span, .headerstyle4 #main-nav .mega-menu li span, .headerstyle5 #main-nav .mega-menu li span, .headerstyle8 #main-nav .mega-menu li span{ color:#393783; } .headerstyle1 #main-nav .mega-menu li a, .headerstyle4 #main-nav .mega-menu li a, .headerstyle5 #main-nav .mega-menu li a, .headerstyle8 #main-nav .mega-menu li a{ color:#393783; } .headerstyle1 #main-nav .mega-menu>ul>li + li:before, .headerstyle4 #main-nav .mega-menu>ul>li + li:before, .headerstyle5 #main-nav .mega-menu>ul>li + li:before, .headerstyle8 #main-nav .mega-menu>ul>li + li:before{ border-color:rgba(245,245,245, 0.9); } .headerstyle1 #main-nav .mega-menu-footer, .headerstyle4 #main-nav .mega-menu-footer, .headerstyle5 #main-nav .mega-menu-footer, .headerstyle8 #main-nav .mega-menu-footer{ background:#e8eef1; } .headerstyle1 #main-nav .mega-menu-footer span, .headerstyle1 #main-nav .mega-menu-footer span strong, .headerstyle4 #main-nav .mega-menu-footer span, .headerstyle4 #main-nav .mega-menu-footer span strong, .headerstyle5 #main-nav .mega-menu-footer span, .headerstyle5 #main-nav .mega-menu-footer span strong, .headerstyle8 #main-nav .mega-menu-footer span, .headerstyle8 #main-nav .mega-menu-footer span strong{ color:#73848e; } /* Services */ .huge-padding{ padding-top:120px; padding-bottom:120px; } .big-padding{ padding-top:60px; padding-bottom:60px; } .normal-padding { padding-top:40px; padding-bottom:40px; } .small-padding { padding-top:40px; padding-bottom:40px; } .smallest-padding { padding-top:30px; padding-bottom:30px; } .blue-gradient-bg { background:#22afc7; /* Old browsers */ background:0; /* FF3.6+ */ background:0; /* Chrome,Safari4+ */ background:0; /* Chrome10+,Safari5.1+ */ background:0; /* Opera 11.10+ */ background:0; /* IE10+ */ background:linear-gradient(tobottom,#22afc70%,#0191d3100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#22afc7',endColorstr='#0191d3',GradientType=0); /* IE6-9 */ color:#fff; } .service { text-align:center; } .service h3{ font-weight:300; } /* Contact list */ .serif-style{ font-family: 'Palatino Linotype', serif; } h2.serif-style{ margin-bottom:30px; } ul.contact-list{ display:block; list-style:none; margin:0; padding:0; } ul.contact-list li{ display:block; margin-bottom:30px; position:relative; padding-left:60px; } ul.contact-list li .cicon{ position:absolute; left:0; top:0; width:60px; height:60px; background:url(../img/sprites/contact-icons.png) no-repeat; } ul.contact-list li .cicon.cicon-phone{ background-position:-10px -5px; } ul.contact-list li .cicon.cicon-marker{ background-position:-70px 0; } ul.contact-list span.phone{ font-size:36px; display:block; font-style:normal; color:#23292c; line-height:40px; margin-bottom:5px; } ul.contact-list li>span{ font-size:16px; font-style:italic; color:#9da7ac; } ul.contact-list p{ font-size:16px; line-height:30px; } .service-icon{ width:75px; height:75px; background-color:#29a8d1; text-align:center; display:inline-block; padding-top:25px; -webkit-transform: translateZ(0px); } .dark-gray-bg .service-icon{ background-color:#39444a; color:#97e1ee; } .service-icon .icons { font-size:30px; color:#a1f1ff; } .service h3 { margin-bottom:0; } .service .content_box { text-transform:uppercase; margin:0; font-size:12px; color:#8cd9ff; } .iconic-service { position:relative; padding-left:80px; } .iconic-service h4 { font-weight:400; color:#fff; font-size:18px; } .iconic-service .icons { position:absolute; top:0; left:0; font-size:36px; color:#61cbff; } .service.style2 .service-icon { width:auto; height:auto; background:none; padding-top:0; } .service.style2 .icons { font-size:48px; color:#eb6b65; } .green-bg .service.style2 h3{ color:#fff; } .green-bg .service.style2 .content_box { color:#c3fbff; } .service.style2 h3{ font-size:20px; color:#008fd5; margin-top:5px; } .service.style2 .content_box { font-size:13px; text-transform:none; color:#73848e; } /* Info Box */ .light-gray-bg { background:#fcfcfc; border-bottom:1px solid #eee; border-top:1px solid #eee; } .light-gray-bg.transparent { background: transparent; border-bottom-width: 0; border-top-width: 0; } .medium-gray-bg { background:#eee; } h2.big { font-size:30px; font-weight:300; } .light-blue { color:#008fd5; } a.button, button { background:#008fd5; color:#fff; font-size:14px; padding:10px 20px; display:inline-block; text-transform:uppercase; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; margin:5px 0; border:none; letter-spacing: 1px; } a.button.round{ height:62px; border:3px solid #fff; background:none; font-size:18px; padding:15px 50px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -webkit-transform:translateZ(0px); } a.button.round:hover .button-icon{ opacity:1; left:0; } a.button.round .button-label{ position:relative; transition: left .3s; -webkit-transition: left .3s; -moz-transition: left .3s; left:0; } a.button.round:hover .button-label{ left:10px; } a.button.round:hover{ background:none; } a.button .button-icon{ position:relative; margin-left:10px; left:5px; opacity:0; transition: opacity .3s, left .3s; -webkit-transition: opacity .3s, left .3s; -moz-transition: opacity .3s, left .3s; } a.button .button-icon i{ position:absolute; left:-35px; font-size:20px; } a.button.orange, button.orange{ background:#cb5010; } a.button.orange:hover, button.orange:hover{ background:#c04c0f; } a.icon-button.sc-open-video{ opacity:.6; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } a.icon-button.sc-open-video:hover{ opacity:1; } a.button.medium { padding:8px 10px; } a.button:hover { background:#107aae; } a.button.big { padding:15px 25px; } a.button.biggest { padding:20px 60px; margin-top:40px; font-size:16px; } a.button.medium.variant2 { font-weight: bold; border-radius: 3px; font-size: 12px; line-height: 20px; } a.button.medium.variant2 i { font-size: 20px; float: left; margin-right: 10px; } a.button.biggest.variant2 { font-weight: bold; border-radius: 3px; font-size: 14px; line-height: 26px; } a.button.biggest.variant2 i { font-size: 26px; float: left; margin-right: 10px; } a.button.gray { background:#d3ebf7; color:#444; } a.button.light { background:#ebeaea; color:#444; } a.button.dark { background:#23323a; } .dark-gray-bg a.button.dark { background:#445157; } .dark-gray-bg a.button.dark:hover { background:#2d3c43; } a.button.gray:hover { background:#b8d4e2; } a.button.light:hover { background:#ddd; } a.button.dark:hover { background:#101c23; } a.button.gray .icons { color:#444; } a.button.button-load-more:after{ content:''; width:30px; height:30px; display:inline-block; background:url(../img/sprites/load-more-icon.png) no-repeat; vertical-align: middle; margin-left: 5px; margin-right: -5px; margin-top: -9px; margin-bottom: -7px; } /* Accordions */ .accordion-header { border:1px solid #ddd; border-left-color:transparent; border-right-color:transparent; cursor:pointer; position:relative; padding-left:40px; } .accordion + .accordion .accordion-header { border-top-color:transparent; } .accordion.mix{ width:100%; } .accordion.accordion-active + .accordion .accordion-header { border-top:1px solid #ddd; } .accordion-active .accordion-header { border:1px solid #ddd; } .accordion-header h5 { font-size:14px; padding:5px 10px; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; border-left:1px solid #ddd; } .accordion-active .accordion-header h5{ color:#008fd5; } .accordion-icon { background:url(../img/accordion-icons.png) no-repeat; width:38px; height:38px; margin-top:7px; position:absolute; left:0; top:0; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } .accordion-active .accordion-icon { background-position:0 -38px; } .accordion-header:hover,.accordion-active .accordion-header { color:#008fd5; } .accordion-header>* { margin:0; } .accordion-content { padding:0 10px; margin:10px 0 } .accordion-content p { margin:0; } .accordion-content p + p { margin:10px 0 0; } /* Blue Box Section */ .blue-bg { background:#098ed1; color:#fff; } .blue-bg.transparent { background: transparent; } .green-bg { background:#00aab4; color:#fff; } .dirty-green-bg { background:#3a8698; color:#fff; } .bottom-image { padding-bottom:0!important; } .darker-blue-bg { background:#008fd5; color:#fff; } .blue-bg span.light-blue,.darker-blue-bg span.light-blue { color:#fff; } .blue-bg .icons,.darker-blue-bg p,.darker-blue-bg .icons { color:#8cd9ff; } .blue-bg .icons { margin-right: 9px; } .services-list { list-style:none; margin:0; padding:0; } .services-list li { position:relative; padding:15px 0; padding-left:80px; border-bottom:1px solid #00a2de; } .services-list li:first-child { padding-top:0; } .services-list li:last-child { border-bottom:none; padding-bottom:0; } .services-list li h3 { margin-top:0; margin-bottom:10px; font-weight:300; } .services-list .icons { position:absolute; left:0; top:5px; font-size:48px; } .services-list img.icons { top: 20px; } #header.style8 #main-header #search-box, #header.style8 #main-header #search-box-pre { margin-top: 13px; } /* Icon */ .sc-icon { position:relative; padding:15px 0; padding-left:95px; font-size: 18px; font-weight: 300; } .sc-icon p { font-size: 16px; font-weight: 400; color: #73848E; line-height: 28px; } .sc-icon h3 { font-family: Lato; margin-top:0; margin-bottom:10px; font-weight: 400; font-size: 30px; } .sc-icon .icons { position:absolute; left:0; top:15px; font-size:60px; } /* Get In Touch */ .get-in-touch { text-align:center; margin-bottom:40px; } .get-in-touch.light { text-align:left; } .get-in-touch input[type="text"], .get-in-touch input[type="password"], .get-in-touch input[type="search"], .get-in-touch textarea{ color:#19242a; } .get-in-touch.light input[type="text"], .get-in-touch.light input[type="password"], .get-in-touch.light input[type="search"], .get-in-touch.light textarea{ background:#fcfcfc; border:1px solid #eceded; } .get-in-touch input[type="text"], .get-in-touch input[type="password"], .get-in-touch textarea { background:#fff; background:rgba(255,255,255,0.67); width:100%; font-size:14px; border:1px solid #eceded; padding:10px 15px; margin-bottom:10px; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } .get-in-touch input[type="text"]:focus, .get-in-touch input[type="password"]:focus, .get-in-touch textarea:focus { outline:none; background:rgba(255,255,255,0.75); } .get-in-touch input[type="text"]::-webkit-input-placeholder, .get-in-touch input[type="password"]::-webkit-input-placeholder, .get-in-touch textarea::-webkit-input-placeholder { color: #19242a; } .get-in-touch input[type="text"]:-moz-placeholder, .get-in-touch input[type="password"]:-moz-placeholder, .get-in-touch textarea:-moz-placeholder{ color: #19242a; } .get-in-touch input[type="text"]::-moz-placeholder, .get-in-touch input[type="password"]::-moz-placeholder, .get-in-touch textarea::-moz-placeholder { color: #19242a; } .get-in-touch input[type="text"]:-ms-input-placeholder, .get-in-touch input[type="password"]:-ms-input-placeholder, .get-in-touch textarea:-ms-input-placeholder { color: #19242a; } .get-in-touch textarea { height:100px; } ::-webkit-input-placeholder { color:#333; } :-moz-placeholder { color:#333; } ::-moz-placeholder { color:#333; } :-ms-input-placeholder { color:#333; } .iconic-input { position:relative; } .iconic-input .icons { position:absolute; top:10px; right:10px; color:#008fd5; font-size:18px; } .get-in-touch input[type="submit"], .get-in-touch input[type="reset"] { background:#64737f; background:rgba(255,255,255,.15); border:1px solid #707e89; color:#fff; padding:12px 25px; text-align:center; text-transform:uppercase; display:inline-block; font-size:14px; letter-spacing: 1px; position:relative; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; margin-bottom: 10px; } .get-in-touch input[type="submit"]:hover, .get-in-touch input[type="reset"]:hover { background:#535e67; background:rgba(255,255,255,.2); } .iconic-button { display:inline-block; position:relative; } .iconic-button input[type="submit"], .iconic-button input[type="reset"] { padding-right:40px; } .get-in-touch .iconic-button .icons { position:absolute; top:12px; right:18px; font-size:16px; color:#fff; } .get-in-touch.light input[type="reset"] { background:#008fd5; border:none; } .get-in-touch.light input[type="reset"]:hover { background:#107aae; } .get-in-touch.light input[type="submit"] { background:#F95C32; border:none; } .get-in-touch.light input[type="submit"]:hover { background:#df3002; } .get-in-touch.light .iconic-button .icons { color:#fff; } /* Contact */ .get-in-touch-overlay { position:absolute; height:430px; background:#5FA6C9; background:rgba(16,122,174,0.67); text-align:center; left:0; right:0; bottom:0; } .get-in-touch-overlay .get-in-touch.light{ text-align:center; } .get-in-touch-overlay h2, .get-in-touch-overlay h3{ color:#fff; font-size: 30px; margin-bottom: 40px; } @keyframes animatedBackground { from{ background-position:0 0; } to { background-position:100% 0; } } @-webkit-keyframes animatedBackground { from{ background-position:0 0; } to { background-position:100% 0; } } #upper-footer{ position:relative; z-index:10; } #footer{ font-size:12px; } body.sticky-footer-on #footer{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; -webkit-transform: translateZ(0px); -webkit-backface-visibility:hidden; backface-visibility:hidden; } #footer h4{ color:#232323; } #main-footer span.post-date { text-transform:uppercase; text-align:left; font-size:10px; } #main-footer .widget li a { color:#fff; font-size:14px; font-style:bold; text-transform:none; } #main-footer .widget_recent_entries li { padding-bottom:5px; } #main-footer .widget_recent_entries li + li { padding-top:5px; border-top:1px solid #23323a; } #main-footer .widget li a:hover { color:#d9ecf5; } /* Team Member Page */ .dark-blue-bg { background:#0b4771; color:#fff; } .page-heading { padding-top:10px; padding-bottom:10px; } .page-heading h1 { font-weight:800; font-size:36px; letter-spacing:2px; text-transform:uppercase; color:#fff; } .page-heading.style3 h1{ letter-spacing:0; color:#2d363c; } .breadcrumbs { display:block; margin-top:25px; text-align:right; color:#fff; } .breadcrumbs .delimiter{ margin: 0 8px 0 6px; } .breadcrumbs a { color:#fff; } .breadcrumbs a:hover{ color: #008fd5; } .page-heading.style2 { text-align:center; padding-top:40px; padding-bottom:40px; } .page-heading.style3 { border-bottom:1px solid #ddd; overflow:hidden; padding-top:20px; padding-bottom:0; } .page-heading.style3 h1 { text-transform:none; font-size:24px; font-weight:400; color:#2d363c; } .page-heading.style3 .breadcrumbs a { color:#666; } .page-heading.style3 .breadcrumbs .current { color:#008fd5; } .page-heading .icons { font-size:72px; color:#e5eff4; } .page-heading.style2 h1 { margin:20px 0; font-size:48px; color:#e5eff4; } .page-heading.style2.portfolio-heading h1{ font-size:26px; letter-spacing:0; } .page-heading.style2 .breadcrumbs { display:block; text-align:center; } .page-heading.style3 .breadcrumbs { color:#73848e; font-size:11px; } .page-heading.position-left-top { background-position: left top; } .page-heading.position-left-center { background-position: left center; } .page-heading.position-left-bottom { background-position: left bottom; } .page-heading.position-right-top { background-position: right top; } .page-heading.position-right-center { background-position: right center; } .page-heading.position-right-bottom { background-position: right bottom; } .page-heading.position-center-top { background-position: center top; } .page-heading.position-center-center { background-position: center center; } .page-heading.position-center-bottom { background-position: center bottom; } .page-heading.size-cover { background-size: cover; } .page-heading.size-original { -webkit-background-size: auto; -moz-background-size: auto; background-size: auto; } h2.big { font-size:36px; } h2:first-child { margin-top:0; } .overlay-heading { position:relative; height:100px; padding-top:10px!important; padding-bottom:10px!important; top:-100px; margin-bottom:-100px; background:rgba(35,50,58,.6); } .overlay-heading h1 { font-size:34px!important; } /* Lists */ .list { list-style:none; margin:10px 0; padding:0; } .list li { position:relative; margin:10px 0; font-size: 16px; } .list.border-list li { border-bottom:1px solid #ddd; padding:5px 0; } .list.border-list li:last-child { border-bottom:none; } .list li:before { content:''; width:20px; height:20px; position: relative; top: 5px; display: inline-block; margin: 0 5px 0 0; background:url(../img/sprites/list-icons.png) no-repeat; } .list.blue-icon li:before,li.blue-icon:before { color:#008fd5; } .list.check-style li:before,li.icon-ok-squared:before { background-position:0 0; } .list.arrow-style li:before,li.icons-arrows-cw:before { background-position:-20px 0; } .list.square-style li:before,li.square-style:before { background-position:-40px 0; } .list.star-style li:before,li.icon-star:before { background-position:-60px 0; } .list.plus-style li:before,li.icon-plus:before { background-position:-80px 0; } .list.dash-style li:before,li.icon-minus:before { background-position:-100px 0; } /* Drop Quotes */ span.dropquote { font-size: 32px; float: left; line-height: 0.9; margin-right: 10px; } span.dropquote.style2{ font-size:35px; color:#23292c; width:45px; height:45px; text-align:center; line-height:40px; background:#eae5d6; position:relative; top:7px; } /* Alert Boxes */ .alert-box { display:block; margin:10px 0; padding:10px 40px; background:#ddd; position:relative; } .alert-box p { margin:0; } .alert-box .icons { position:absolute; left:10px; top:50%; margin-top:-10px; } .alert-box .close-button { position:absolute; top:50%; right:10px; margin-top:-10px; cursor:pointer; } .alert-box.error { background:#facfcf; } .alert-box.error .icons,.alert-box.error .close-button { color:#d35858; } .alert-box.success { background:#e9f5d5; } .alert-box.success .icons,.alert-box.success .close-button { color:#809533; } .alert-box.info { background:#cce6f7; } .alert-box.info .icons,.alert-box.info .close-button { color:#5694b1; } .alert-box.notice { background:#fcf7d9; } .alert-box.notice .icons,.alert-box.notice .close-button { color:#dbb835; } /* Info Boxes */ .info-box { background:#fcfcfc; border:none; text-align:left; padding:0px; } .info-box h4 { font-size:18px; margin-bottom:10px; color:#107aae; } .info-box h4.bold { font-size:20px; font-weight:600; margin-right:50px; text-align:left; margin-top:0; } .info-box a.button { min-width:100px; } .info-box a.button.unfilled { font-size:14px; } .info-box h4 { margin-bottom:10px; } .info-box p { margin-top:0; margin-bottom:10px; font-size:16px; } /* Blockquotes */ blockquote { background:#23323a url(../img/blockquote.png) right top no-repeat; color:#d2f0ff; padding:20px; border:none; } blockquote.link { background-image:url(../img/blockquote-link.png); } blockquote p { font-weight:700; font-size:20px; line-height:28px; margin:0; } blockquote span,blockquote span a { font-size:12px; color:#6dcfff; } blockquote span a:hover { color:#d2f0ff; } /* Pricing Tables */ .pricing-table { width:100%; margin-bottom:40px; vertical-align:top; table-layout:fixed; border:none; } .pricing-table td{ padding:0; } .pricing-table h3{ color:#fff; font-size:20px; } .pricing-table-item { text-align:center; border:1px solid #eee; } .table-header { background:#2f424d; color:#fff; padding:10px; position:relative; } .table-header:after { content:''; display:block; position:absolute; left:50%; bottom:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #2f424d; margin-left:-10px; } .featured .table-header { background:#089bd5; padding:15px 10px; margin-top:-10px; } .featured .table-header:after { border-top-color:#089bd5; } .table-header h3 { margin:0; } .small .table-header { padding:6px; } .small .featured .table-header { padding:11px; } .small .table-header h3 { font-size:18px; } .table-price { vertical-align:top; padding:30px 20px; display:block; background:#fcfcfc; } .table-price span { display:inline-block; } .table-price .currency { font-size:18px; vertical-align:top; } .table-price .price-main { font-size:60px; font-weight:600; color:#089bd5; line-height:40px; } .table-price .price-secondary { font-size:18px; font-weight:600; text-align:left; color:#089bd5; vertical-align:top; line-height:18px; } .table-price .price-secondary .period { font-weight:400; color:#444; line-height:12px; font-size:12px; } .table-content { border-top:1px solid #eee; border-bottom:1px solid #eee; } .table-content span.value { display:block; padding:8px; } .table-content span.checked span { background-image: url(../img/sprites/pricing-table.png); background-position: 13px 0; display: inline-block; width: 13px; height: 13px; } .table-content span.not-checked span { background-image: url(../img/sprites/pricing-table.png); display: inline-block; width: 13px; height: 13px; } .table-content span.value:nth-child(even) { background:#fcfcfc; } .table-footer { background:#fcfcfc; padding:20px; position:relative; } .featured .table-footer { padding:25px 20px; margin-bottom:-10px; border-bottom:1px solid #eee; } .pricing-table-legend { padding-top:68px; } .pricing-table-legend .table-content { border:none; text-align:left; } .pricing-table-legend .table-content span { padding:8px 20px; } /* Inputs */ /* Thumb Gallery */ .thumb-gallery { list-style:none; margin:0; padding:15px 6px 6px 15px; border:1px solid #eee; overflow:hidden; } .thumb-gallery li { float:left; position:relative; cursor:pointer; width:70px; margin-right:9px; margin-bottom:9px; } .thumb-gallery .carousel-item-hover { position:absolute; z-index:10; top:5px; bottom:5px; left:5px; right:5px; background:#23323a url(../img/sprites/hover-icons.png) no-repeat; background:rgba(35,50,58,0.38) url(../img/sprites/hover-icons.png) no-repeat; border: 4px solid #eee; border: 4px solid rgba(238,238,238,0.12); color:#fff; text-align:center; font-size:24px; padding-top:17px; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:transform .3s, opacity .6s; -webkit-transition: -webkit-transform .3s, opacity .6s; -moz-transition:-moz-transform .3s, opacity .6s; } .thumb-gallery li:hover .carousel-item-hover { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } /* FAQ */ .sidebar .info-box h2{ margin-bottom:0; } .sidebar .info-box h4{ margin-top:0; } .faq-filters ul{ list-style:none; margin:0; padding:10px 0; border-bottom:1px solid #e5e8ea; } .faq-filters li{ display:inline-block; color:#0b2b33; font-size:11px; text-transform:uppercase; cursor:pointer; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .faq-filters li.active, .faq-filters li:hover{ color:#008fd5; } .faq-filters li + li{ margin-left:10px; } .faq-accordions .mix{ display:none; } .section{ background-size:cover!important; } .section .row + .row{ margin-top:20px; } a.icon-button{ font-size:42px; text-align:center; display:inline-block; border:2px solid #fff; width:80px; height:80px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding-top:23px; color:#fff; margin-top:20px; } /* Main 4 */ /* Footer 2 */ .footer-2 #main-footer, .footer-2 #lower-footer{ background:#079B8C; position:relative; } .footer-2 #lower-footer{ z-index:-1; } .footer-contact-form > form{ position:absolute; z-index:1000; background:#fff; top:-260px; left:15px; right:15px; padding:30px; text-align:center; border:1px solid #eceded; } #footer .footer-contact-form > form h3{ color:#1d2636; } .footer-contact-form > form .iconic-input + .iconic-input, .footer-contact-form > form .iconic-input + textarea, .footer-contact-form > form textarea + input{ margin-top:20px; } .footer-contact-form > form input[type="submit"]{ height:60px; padding:16px 35px; } .footer-contact-form .message { color: #008FD5; } .footer-contact-form .error { color: #FF0000; } .footer-2 #main-footer input[type="text"], .footer-2 #main-footer input[type="password"], .footer-2 #main-footer textarea{ background:#fcfcfc; width:100%; border:1px solid #eceded; font-size:14px; padding:8px 10px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .footer-2 #main-footer input[type="text"]:focus, .footer-2 #main-footer input[type="password"]:focus, .footer-2 #main-footer textarea:focus{ outline:none; background:#eee; } #main-footer p + .social-media{ margin-top:20px; } .footer-2 #lower-footer{ text-align:center; padding-top:0px; padding-bottom:20px; } .footer-2 #main-footer .social-media li a{ font-size: 22px; color: #7ca1b3; } .footer-2 .iconic-list li{ padding-left:35px; } .footer-2 .iconic-list li .icons{ font-size:22px; padding-left:0px; padding-right:0px; } .footer-2 #main-footer .social-media .tooltip-inner{ white-space:nowrap; } .wpgmappity_container{ height:100%!important; } /* Main Footer */ #main-footer { background:#fff; color:#999999; } #main-footer img { margin-bottom:12px; } #main-footer a { color:#fff; } #main-footer h4 { margin-bottom:30px; } #main-footer p { margin:10px 0 30px 0; font-size:14px; color:#fff; } #main-footer li { word-break:break-all; } /* Footer Blog Posts */ #main-footer .blog-post { border-bottom:1px solid #23323a; margin-top:10px; margin-bottom:0; } #main-footer .blog-post:last-child { border:none; } #main-footer .blog-post .post-meta { display:block; text-transform:uppercase; text-align:left; font-size:10px; } #main-footer .blog-post .post-title { color:#bdd2dc; font-size:13px; font-style:italic; } #main-footer .blog-post .post-title:hover { color:#d9ecf5; } #main-footer .blog-post p { margin:0 0 10px; } .iconic-list { margin:0; padding:0; list-style:none; font-size:22px; line-height: 24px; color:#079B8C; } #main-footer .iconic-list { margin-top:-5px; padding-top:0; list-style:none; font-size:16px; color:#fff; } /* Footer Contact List */ .iconic-list li { position:relative; padding-left:25px; margin-bottom:10px; } .iconic-list .icons { position:absolute; top:0; left:0; font-size:22px; color: #F95C32; } /* Footer Newsletter */ #main-footer input[type="text"],#main-footer input[type="password"],#main-footer textarea { background:#23323a; width:100%; border:none; padding:8px 10px; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } #main-footer input[type="text"]:focus,#main-footer input[type="password"]:focus,#main-footer textarea:focus { outline:none; background:#364852; } .iconic-submit { position:relative; } .iconic-submit input[type="submit"] { position:absolute; top:0; right:0; width:40px; height:100%; bottom:0; background:transparent; border:none; opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); z-index:10; } .iconic-submit input[type="submit"]:hover + .icons { color:#fff; } .iconic-submit .icons { position:absolute; top:10px; right:10px; z-index:9; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } #main-footer form { margin-bottom:20px; } #main-footer .social-media { list-style:none; margin:10px 0 0 70px; padding:0; } #main-footer .social-media li { display:inline-block; -webkit-transform:translateZ(0px); transition:color 0.2s, opacity 0.2s; -webkit-transition:color 0.2s, opacity 0.2s; -moz-transition:color 0.2s, opacity 0.2s; } #main-footer .social-media li a { font-size:18px; color:#93a6b0; } #main-footer .social-media li:hover { -webkit-transform: scale(1.1) translateZ(0px); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } /* Lower Footer */ #lower-footer { color:#999999; background:#fff; padding:20px 0; } .alternate-slider-bg { position: relative; z-index:100; background: #23acc1; background: -moz-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23acc1), color-stop(100%,#0191d3)); background: -webkit-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%,rgba(1, 145, 211, 0.8) 100%); background: -o-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%); background: -ms-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%); background: linear-gradient(to bottom, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23acc1', endColorstr='#0191d3',GradientType=0 ); } .ts-map { width: 100%; } .ts-map #ts-map-ci { width: 100%; } .admin-bar #header{ margin-top: 32px; } .gallery-caption { } .bypostauthor { } .alignnone { } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Get In Touch */ .get-in-touch { text-align: left; margin-bottom: 25px; margin-top: -15px; color: #fff; } /* Get In Touch */ .footer-contact { text-align: center; margin-bottom: 25px; margin-top: -15px; color: #fff; } .get-in-touch.light { text-align: left; } .get-in-touch input[type="text"], .get-in-touch input[type="password"], .get-in-touch textarea { background: #fff; background: rgba(255, 255, 255, 0.6); width: 100%; border: none; padding: 10px 15px; margin-bottom: 10px; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .get-in-touch input[type="text"]:focus, .get-in-touch input[type="password"]:focus, .get-in-touch textarea:focus { outline: none; background: rgba(255, 255, 255, 0.9); } .get-in-touch textarea { height: 100px; } ::-webkit-input-placeholder { color: #333; } :-moz-placeholder { color: #333; } ::-moz-placeholder { color: #333; } :-ms-input-placeholder { color: #333; } .iconic-input { position: relative; } .iconic-input .icons { position: absolute; top: 10px; right: 10px; color: #008fd5; font-size: 18px; } h2.big p{ margin: 0; padding: 0; font-size: inherit; } .comment-form input[type="submit"], .comment-form input[type="reset"] { background: #64737f; color: #fff; border: none; padding: 12px 25px; text-align: center; text-transform: uppercase; display: inline-block; font-size: 11px; position: relative; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .comment-form input[type="submit"]:hover, .comment-form input[type="reset"]:hover { background: #535e67; } .iconic-button { display: inline-block; position: relative; } .iconic-button input[type="submit"], .iconic-button input[type="reset"] { padding-right: 40px; } .iconic-button .icons { position: absolute; top: 11px; right: 15px; } .comment-form input[type="reset"] { background: #23323a; } .comment-form input[type="reset"]:hover { background: #101c23; } .comment-form input[type="submit"] { background: #008fd5; } .comment-form input[type="submit"]:hover { background: #107aae; } .comment-form .iconic-button .icons { color: #fff; } .comment-form input[type="text"], .comment-form input[type="password"], .comment-form textarea { border: 1px solid #EEEEEE !important; } .comment-form input[type="text"], .comment-form input[type="password"], .comment-form textarea { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6); border: medium none; margin-bottom: 10px; padding: 10px 15px; transition: background 0.3s ease 0s; width: 100%; } #reply-title{ font-weight: bold; font-size: 20px; } .comment-form .form-submit { display: none; } .first-page{ margin-top: -40px;} .last-page{ margin-bottom: -40px; } /*##################### NEW STYLES #################################*/ .sc-call-to-action h2{ margin-top:25px; } .marine-full-bg{ background-image: url(http://placehold.it/1920x962); background-attachment: scroll; background-position: center center; margin-top: -40px; padding-top: 100px; } .marine-special-text{ font-size: 48px; font-weight: bolder; text-align: left } .marine-special-text-h6{ color: #0b2b33; font-size: 18px; text-align: left } .marine-special-text-h6-1{ color: #73848e; font-size: 16px; margin-bottom: 30px; text-align: left } .marine-special-text-span{ color: #e66864; } .marine-full_bg{ background-color: #0b2b33; background-attachment: scroll; background-position: left top; background-size: 100% 100%; padding-top: 80px; } .marine-special-projects-h2{ color: #ffffff; font-size: 48px; font-weight: bolder; text-align: center } .marine-special-projects-h4{ color: #aab8d6; font-size: 16px; text-align: center } .marine-full_bg-services{ background-color: #e9edf1; background-attachment: scroll; background-position: left top; background-size: 100% 100%; padding-top: 70px; padding-bottom: 130px; } .marine-special-services-h2{ color: #0b2b33; font-size: 48px; font-weight: bolder; text-align: center } .marine-special-services-h4{ color: #73848e; font-size: 16px; margin-bottom: 100px; text-align: center } .marine-special-services-h3{ color: #0b2b33; font-size: 30px; font-weight: 300; margin-top: 30px; text-align: center } .marine-special-services-h3-1{ color: #73848e; font-size: 16px; font-weight: 300; text-align: center } .marine-full_bg-testimonials{ background-image: url(http://placehold.it/1920x610); background-attachment: scroll; background-position: center center; padding-top: 100px; padding-bottom: 65px; } .marine-testimonials-h2{ color: #ffffff; font-size: 48px; font-weight: bolder; text-align: center } .marine-sc-map{ height: 455px; margin-top: -100px } .marine-special-text-fonts{ color: #008fd5; font-size: 30px; margin-bottom: 35px; text-align: left } .special-fonts-text{ color: #23333b; font-size: 18px; text-align: left } .clearfix-height0{ height: 0px; } .clearfix-height10{ height: 10px; } .clearfix-height20{ height: 20px; } .clearfix-height30{ height: 30px } .clearfix-height35{ height: 35px; } .clearfix-height40{ height: 40px } .clearfix-height45{ height: 45px } .clearfix-height50{ height: 150px } .clearfix-height50p{ height: 50px } .clearfix-height60{ height: 60px } .clearfix-height80{ height: 80px } .clearfix-height160{ height: 160px } .clearfix-height65{ height: 65px; } .marine-header2-full_bg{ background-image: url(http://placehold.it/2856x434); background-attachment: scroll; background-position: center center; margin-top: -40px; padding-top: 20px; padding-bottom: 60px; } .marine-header2-h3{ color: #ffffff; font-size: 30px; font-weight: 300; text-align: center } .marine-header2-h6{ color:#c3fbff } .marine-header2-special-text{ color: #c3fbff; font-size: 13px; font-weight: normal; text-align: center } .marine-header2-special-text1{ color: #ffffff; font-size: 14px; text-align: center } .marine-header2-special-text2{ color: #ffffff; font-size: 14px; margin-bottom: 45px; text-align: center } .marine-header2-special-text-h3{ color: #ffffff; font-size: 20px; font-weight: 300; margin-top: 20px; margin-bottom: 5px; text-align: center } .marine-header2-section-style{ background: #fcfcfc; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb } .marine-header2-h2-color{ color: #23323a } .marine-header2-span-color{ color: #404041; } .marine-header2-full_bg1{ background-color: #e4e6e7; background-attachment: scroll; background-position: left top; background-size: 100% 100%; padding-top: 60px; padding-bottom: 60px; margin-bottom: 40px; } .marine-header2-map-height{ height:295px } .marine-header2-map4-height{ width:270px; height:300px; } .marine-header2-form-alignment{ text-align: left; } .marine-header2-clearfix60{ height: 60px } .marine-header2-full_bg2{ background-color: #fcfcfc; border: 1px solid #eceded; background-attachment: scroll; background-position: left top; background-size: 100% 100%; padding-top: 60px; padding-bottom: 60px; } .marine-header2-full_bg3{ background-image: url(http://placehold.it/2856x472); background-attachment: scroll; background-position: center center; padding-top: 10px; margin-bottom: -41px; } .marine-header4-h2{ color: #FFF; font-size: 60px; font-weight: normal; font-family: Nella Sue; text-align: center; } .marine-header4-h3{ color: #107aae; font-size: 24px; font-weight: 400; text-align: center; } .marine-header4-h5{ color: #F95C32; font-size: 22px; font-weight: 400; text-align: center; } .marine-header4-h6{ color:#73848e; text-align: left; } .marine-header4-h3-style1{ color: #008fd5; font-size: 20px; font-weight: 400; margin-top: 20px; margin-bottom: 5px; text-align: center } .marine-header4-h4{ color: #f8f8f8; font-size: 18px; font-weight: bold; text-align: center; } .marine-header4-special1{ color: #73848e; font-size: 13px; font-weight: normal; text-align: center } .marine-header4-clearfix90{ height: 90px; } .marine-header4-clearfix50{ height: 50px; } .marine-header4-clearfix20{ height: 20px; } .marine-header4-creative-full_bg{ background-image: url(../img/rs-images/Layer-49011.jpg); background-attachment: scroll; min-height: 400px; background-position: center center; padding-top: 110px; } .marine-header4-projects-full_bg{ background-color: #fff; background-attachment: scroll; min-height: 400px; background-position: left top; padding-top: 55px; padding-bottom: 60px; margin-bottom: 40px; } .marine-header4-projects-h2{ color: #f9fbfc; } .marine-header4-projects-p{ color: #aab8d6; } .marine-header4-projects-h3{ color: #0b2b33; font-size: 36px; font-weight: 300; text-align: center } .marine-header4-testimonial-bg{ background-image: url(../img/rs-images/Layer-49011.jpg); background-attachment: scroll; min-height: 400px; background-position: left top; padding-top: 80px; padding-bottom: 40px; } .marine-header4-testimonial-h3{ color: #ffffff; font-size: 60px; font-weight: normal; font-family: Nella Sue; text-align: center } .marine-header4-map-container{ height: 550px; margin-top: -150px } .marine-header4-map-height{ height:400px; } .marine-food-map-container{ width:1000px; height:400px; } .marine-header5-special-h3{ color: #0b2b33; font-size: 30px; font-weight: 300; text-align: center } .clearfix-height90{ height: 90px; } .marine-creative-full_bg{ background-color: #F7F7F7; background-attachment: scroll; min-height: 400px; background-position: left top; padding-top: 55px; padding-bottom: 60px; margin-bottom: 40px; } .marine-header6-sc-style{ background: #fcfcfc; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; } .marine-header6-services-full_bg{ background-image: url(http://placehold.it/1600x453); background-attachment: scroll; background-position: center center; padding-top: 40px; padding-bottom: 40px; margin-bottom: 50px; } .marine-header6-h2{ color: #ffffff; font-size: 30px; font-weight: 300; margin-bottom: 55px; text-align: center } .marine-header6-h3-color{ color:#ffffff; } .marine-header6-p-color{ color:#86949d; } .marine-header6-serviceslist-li{ border-color:#eaeaea !important; } .marine-header6-services-h3{ color:#107aae; font-size: 24px; } .marine-header6-clients-full_bg{ background-color: #fcfcfc; border: 1px solid #eceded; background-attachment: scroll; background-position: left top; background-size: 100% 100%; padding-top: 60px; padding-bottom: 60px; } .marine-header6-flexslider-bg{ background-color: #23323a; border: 1px solid #a9a9a9; background-attachment: scroll; background-position: left top; background-size: 100% 100%; padding-top: 50px; padding-bottom: 50px; } .marine-header6-gallery-h3{ color: #ffffff; font-size: 36px; font-weight: 300; text-align: left; } .marine-header6-special-text { color:#73848e; font-size:13px; font-weight:normal; margin-bottom:20px; text-align:left } .marine-header7-page-bg { background-color:#FCFCFC; border:1px solid #EEEEEE; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:40px; padding-bottom:20px; } .form-map-bg { background-image:url(http://placehold.it/1920x442); background-attachment:scroll; background-position:center center; padding-top:20px; padding-bottom:10px; margin-bottom:-41px; } .form-map-h3 { color:#ffffff; font-size:30px; font-weight:300; margin-bottom:40px; text-align:center } .display-block { display:block; } .marine-main-bg { background-color:#23323a; background-attachment:scroll; background-position:left top; background-size:100% 100%; margin-top:-40px; padding-top:20px; } .marine-main-special-h3 { color:#c4d3de; font-size:30px; font-weight:300; text-align:center } .marine-main-special { olor:#658190; font-size:14px; font-weight:normal; text-align:center } .marine-main-special1 { color:#658190; font-size:14px; font-weight:normal; margin-bottom:35px; text-align:center } .marine-main-call-action { background:#fcfcfc; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE } .marine-main-bg1 { background-image:url(http://placehold.it/1920x866); background-attachment:fixed; background-position:center center; padding-top:60px; padding-bottom:60px; } .marine-main-p-col { color:#8cd9ff } .marine-main-p-color { color:#8ad8fe } .marine-main-h4 { color:#ffffff } .marine-main-h4-span { color:#2691ac } .marine-text-content { color:#ccd2da !important; } .marine-aboutus-page-altenate-slider{ background-image: -webkit-gradient( linear, right top, left top, from(rgba(36,156,213, 0.7)), to(rgba(36,156,213, 0.7)) ); background-image: -moz-linear-gradient( right center, rgba(36,156,213, 0.7) 20%, rgba(36,156,213, 0.7) 95% ); filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1, startColor=#249cd5, endColorStr=#249cd5 ); -ms-filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1, startColor=#249cd5, endColorStr=#249cd5 ); } .marine-contents-container{ padding-top: 0; } .marine-page-aboutus-title{ padding-top: 60px; margin-bottom: 20px; font-size: 36px; } .marine-aboutus-team-bg{ margin-bottom: 0 !important; } .marine-contactus-page-title{ font-size: 36px; } .marine-contactus-page-team-bg{ margin-bottom: 0 !important; } .marine-team-border-top { border-top-color:#ccd2da !important; } .marine-main-team-bg { background-image: url(http://placehold.it/1920x847); background-attachment:fixed; background-position:center center; padding-top:20px; padding-bottom:60px; margin-bottom:30px; } .marine-map-bg { background-image: url(http://placehold.it/1920x442); background-attachment:scroll; background-position:center center; padding-top:20px; padding-bottom:10px; margin-bottom:-41px; } .marine-seo-bg { background-color:#f5fdff; background-attachment:scroll; background-position:left top; background-size:100% 100%; margin-top:-40px; padding-top:35px; padding-bottom:100px; margin-bottom:-41px; } .marine-seo-bg1 { background-color:#52c0de; background-attachment:fixed; background-position:center center; padding-top:60px; padding-bottom:60px; } .marine-seo-h3-color { color:#F95C32; font-weight: 600; } .marine-seo-p-color { color:#8a9eae } .marine-li-border { border-color:#71d3ee } .marine-seo-bg2 { background-color:#153f5d; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:70px; padding-bottom:70px; margin-bottom:60px; } .marine-seo-h2 { color:#f9fbfc; font-size:36px; font-weight:300; font-style:left; text-align:center } .marine-seo-h2-1 { color:#F95C32; font-size:32px; font-weight:400; margin-bottom:15px; text-align:center } .marine-seo-h4 { color:#aab8d6; font-size:16px; font-weight:normal; text-align:center } .marine-seo-bg3 { background-color:#f5fdff; background-attachment:scroll; background-position:center center; padding-top:40px; padding-bottom:80px; } .marine-seo-vectors-h3 { font-size:18px !important; font-weight:normal !important; color:#283233 } .marine-seo-testimonial-bg { background-image:url(http://placehold.it/1629x356); background-attachment:scroll; background-position:left top; padding-top:80px; padding-bottom:70px; } .marine-seo-map-height { height:355px } .marine-seo-map-container { height:510px; margin-top:-155px } .showmedia-seo-map-container { height:510px; margin-top:0px } .marine-seo-google { height:510px; margin-top:-155px } .marine-seo-contact-h3 { font-family:Open Sans; font-size:36px !important; color:#1d2636 } .marine-seo-span { font-weight:300; } .marine-container-bg { background-image:url(http://placehold.it/1920x566/000000/ffffff); background-attachment:fixed; background-position:center center; margin-top:-40px; padding-top:60px; padding-bottom:60px; } .marine-team-h4 { color:#f5f5f5 } .marine-icon-color { color:#61cbff } .marine-progress-bg { background-image:url(http://placehold.it/1920x280); background-attachment:scroll; background-position:center center; padding-top:30px; padding-bottom:45px; } .marine-features-bg { background-image:url(http://placehold.it/1600x453); background-attachment:scroll; background-position:center center; padding-top:10px; padding-bottom:80px; } .marine-special-text { color:#008fd5; font-size:14px; font-weight:normal; text-align:left } .column-h1 { color:#444444; font-size:26px; font-weight:300; font-style:left; text-align:left } .column-h1-special { color:#107AAE; font-size:18px; font-weight:300; font-style:left; text-align:left } .sc-column-section { background-color:#f2f2f2; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:20px; padding-bottom:30px; } .sc-column-section-bg { background-color:#fff; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:20px; padding-bottom:30px; } .sc-column-divider { border-color:#f9f9f9 } .full-width-p-col { color:#b5b5b5 } .full-width-special { color:#ffffff; font-size:32px; font-weight:300; font-style:left; margin-bottom:30px; text-align:center } .portfolio-page-items .project{ border-right: 1px solid #23323A !important; } .marine-sections-page-contents{ padding-right: 0; padding-left: 0; } .line-seprator{ display: inline-block; width: 100%; height: 1px; margin-bottom: 35px; background: #ebebeb; } .margin-bottom-50{ margin-bottom: 50px; } .margin-top-60{ margin-top: 60px; } .margin-bottom-35{ margin-bottom: 35px; } .margin-bottom-45{ margin-bottom: 45px; } .services-special-h3 { font-size:24px; font-weight:normal; margin-top:1px; text-align:left; color:#107aae; } .services-special-daintree-h3 { font-size:24px; font-weight:normal; margin-top:1px; text-align:left; color:#7AB845; } .services-full-bg { background-image:url(http://placehold.it/1600x453); background-attachment:scroll; background-position:center center; padding-top:40px; padding-bottom:80px; margin-bottom:50px; } .services-full-bg-solid { background-color:#fcfcfc; border:1px solid #eceded; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:60px; padding-bottom:60px; margin-bottom:-41px; } .contactv2-map-container { height:940px; margin-top:-150px } .tp-caption.big_light_60_dark{ background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: #23332a; font-family: "Open Sans"; font-size: 60px; font-weight: 300; line-height: 67px; text-decoration: none; } .tp-caption.black_description_18_italic{ background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(35, 51, 59); font-size: 18px; font-style: italic; font-weight: 500; line-height: 31px; text-align: left; text-decoration: none; text-shadow: none; } .tp-caption.big_heavy_60_red{ background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(234, 111, 94); font-family: "Open Sans"; font-size: 60px; font-weight: 900; line-height: 60px; text-decoration: none; } .tp-caption.big_extraheavy_60{ background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: "Open Sans"; font-size: 82px; font-weight: 900; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_light_60{ background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: #ffffff; font-family: "Open Sans"; font-size: 60px; font-weight: 300; line-height: 67px; text-decoration: none; text-shadow: 1px 2px 7px rgba(8, 13, 16, 1); } .tp-caption.black_description_18{ background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(35, 51, 59); font-size: 18px; font-weight: 500; line-height: 31px; text-align: left; text-decoration: none; text-shadow: none; } .tp-caption.normal_nelle{ background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: "Nella Sue"; font-size: 120px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_intro_inline{ color: rgb(255, 255, 255); font-family: intro_inlineregular; font-size: 106px; font-weight: 600; line-height: 60px; text-shadow: 1px 2px 7px rgb(8, 13, 16) } .tp-caption.arrowicon { border-color: rgb(34, 34, 34); border-style: none; border-width: 0; line-height: 1px; } .tp-caption.extrabold_littlesub { background-color: transparent; border-color: rgb(34, 34, 34); border-style: none; border-width: 0; color: rgb(248, 248, 248); font-family: intro_regular; font-size: 18px; font-weight: 300; line-height: 22px; text-decoration: none; } .tp-caption.big_nelle { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: "Nella Sue"; font-size: 147px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_intro_inline { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: intro_inlineregular; font-size: 106px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_sweety_broken { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: #ffffff; font-family: sweetly_brokenregular; font-size: 182px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .arrowicon { border-color: rgb(34, 34, 34); border-style: none; border-width: 0; line-height: 1px; } .extrabold_littlesub { background-color: transparent; border-color: rgb(34, 34, 34); border-style: none; border-width: 0; color: rgb(248, 248, 248); font-family: intro_regular; font-size: 18px; font-weight: 300; line-height: 22px; text-decoration: none; } .big_nelle { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: "Nella Sue"; font-size: 147px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .big_intro_inline { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: intro_inlineregular; font-size: 106px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .big_sweety_broken { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: #ffffff; font-family: sweetly_brokenregular; font-size: 182px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_code_light{ color: rgb(255, 255, 255); font-family: code_lightregular; font-size: 132px; font-weight: 300; line-height: 60px; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.arrowicon{ line-height:1px; border-width:0px; border-color:rgb(34,34,34); border-style:none } .tp-caption.big_extraheavy_170{ font-size:150px; line-height:60px; font-weight:900; font-family:"Open Sans Extrabold"; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .tp-caption.semibold_bigsub{ font-size:40px; line-height:22px; font-weight:600; font-family:"Open Sans"; color:rgb(248,248,248); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(34,34,34); border-style:none } .tp-caption.big_extraheavy_54{ font-size:54px; line-height:60px; font-weight:900; letter-spacing:-4px; font-family:"Open Sans Extrabold"; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .arrowicon{ line-height:1px; border-width:0px; border-color:rgb(34,34,34); border-style:none } .big_extraheavy_170{ font-size:150px; line-height:60px; font-weight:900; font-family:"Open Sans Extrabold"; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .semibold_bigsub{ font-size:40px; line-height:22px; font-weight:600; font-family:"Open Sans"; color:rgb(248,248,248); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(34,34,34); border-style:none } .big_extraheavy_54{ font-size:54px; line-height:60px; font-weight:900; letter-spacing:-4px; font-family:"Open Sans Extrabold"; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .tp-caption.arrowicon{ line-height:1px; border-width:0px; border-color:rgb(34,34,34); border-style:none } .tp-caption.big_telegraficoregular{ color:rgb(255,255,255); font-size:140px; line-height:64px; font-weight:600; font-family:telegraficoregular; text-decoration:none; text-shadow:rgb(8,13,16) 1px 2px 7px; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .tp-caption.medium_telegraficoregular{ font-size:72px; line-height:69px; font-weight:600; font-family:telegraficoregular; color:rgb(255,255,255); text-decoration:none; text-shadow:rgb(8,13,16) 1px 2px 7px; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .tp-caption.italic_littlesub{ font-size:18px; line-height:22px; font-weight:300; font-family:"Open Sans"; color:#ffffff; font-style:italic; text-align:center; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(34,34,34); border-style:none } .big_telegraficoregular{ color:rgb(255,255,255); font-size:140px; line-height:64px; font-weight:600; font-family:telegraficoregular; text-decoration:none; text-shadow:rgb(8,13,16) 1px 2px 7px; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .medium_telegraficoregular{ font-size:72px; line-height:69px; font-weight:600; font-family:telegraficoregular; color:rgb(255,255,255); text-decoration:none; text-shadow:rgb(8,13,16) 1px 2px 7px; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .italic_littlesub{ font-size:18px; line-height:22px; font-weight:300; font-family:"Open Sans"; color:#ffffff; font-style:italic; text-align:center; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(34,34,34); border-style:none } .tp-caption.big_light_60_lato{ color:#ffffff; font-size:48px; line-height:67px; font-weight:400; font-family:"Carme"; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .tp-caption.big_light_35_lato{ font-size:36px; line-height:90px; font-weight:400; font-family:Lato; color:#fff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .tp-caption.NORMAL{ font-size:28px; line-height:42px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255,255,255); border-style:none } .tp-caption.SMALL{ font-size:18px; line-height:28px; font-weight:400; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255,255,255); border-style:none } .big_light_60_lato{ color:#ffffff; font-size:68px; line-height:67px; font-weight:100; font-family:Lato; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .big_light_35_lato{ font-size:35px; line-height:67px; font-weight:300; font-family:Lato; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .NORMAL{ font-size:16px; line-height:28px; font-weight:400; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255,255,255); border-style:none } .tp-caption.extrabold_littlesub_open{ font-size:14px; line-height:22px; font-weight:900; font-family:"Open Sans"; color:#f8f8f8; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(34,34,34); border-style:none } .tp-caption.big_extraheavy_110{ font-size:110px; line-height:60px; font-weight:900; font-family:"Open Sans"; color:rgb(255,255,255); text-decoration:none; text-shadow:rgb(8,13,16) 1px 2px 7px; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } .big_extraheavy_110{ font-size:110px; line-height:60px; font-weight:900; font-family:"Open Sans"; color:rgb(255,255,255); text-decoration:none; text-shadow:rgb(8,13,16) 1px 2px 7px; background-color:transparent; border-width:0px; border-color:rgb(0,0,0); border-style:none } #rev_slider_8_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_21_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_9_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_28_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_13_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_11_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_27_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_1_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_22_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_4_1_wrapper .tp-loader.spinner4 div { background-color: #b5b5b5 !important; } #rev_slider_26_1_wrapper .tp-loader.spinner4 div { background-color: #fff !important; } #rev_slider_25_1_wrapper .tp-loader.spinner4 div { background-color: #b5b5b5 !important; } .statusMessage{ color: white; text-align: center; display: none; color: #b0babf; } .subscribe-form-result{ display: none; margin-top: 10px; } .marine-typo-page-title{ font-size: 36px; } .marine-main-top-iconbox h3{ color:#ffffff; } .page-top-calltoaction h2{ color: white; } .page-top-calltoaction a{ background-color: white; color: black; } .light-border{ border-color: #e8e8e8 !important; } .orange-border{ border-color:rgba(221,99,86,0.25) !important; } .parallax-window { min-height: 1000px; background: transparent; } .dark-title{ color: #23323a; } .padding-top10{ padding-top: 10px; } .padding-top20{ padding-top: 20px; } .padding-top25{ padding-top: 25px; } .padding-top30{ padding-top: 30px; } .padding-top35{ padding-top: 35px; } .padding-top40{ padding-top: 40px; } .padding-top45{ padding-top: 45px; } .padding-top50{ padding-top: 50px; } .padding-top60{ padding-top: 60px; } .padding-top70{ padding-top: 70px; } .padding-top75{ padding-top: 75px; } .padding-top80{ padding-top: 80px; } .padding-top90{ padding-top: 90px; } .padding-top100{ padding-top: 100px; } .padding-top120{ padding-top: 120px; } .padding-top140{ padding-top: 140px; } .padding-top150{ padding-top: 150px; } .padding-top200{ padding-top: 200px; } .padding-bottom0{ padding-bottom: 0 !important; } .padding-bottom20{ padding-bottom: 20px; } .padding-bottom30{ padding-bottom: 30px; } .padding-bottom35{ padding-bottom: 35px; } .padding-bottom40{ padding-bottom: 40px; } .padding-bottom45{ padding-bottom: 45px; } .padding-bottom50{ padding-bottom: 50px; } .padding-bottom60{ padding-bottom: 60px; } .padding-bottom70{ padding-bottom: 70px; } .padding-bottom80{ padding-bottom: 80px; } .padding-bottom90{ padding-bottom: 90px; } .padding-bottom100{ padding-bottom: 100px; } .padding-bottom140{ padding-bottom: 140px; } .padding-bottom200{ padding-bottom: 200px; } .margin-top1{ margin-top: 1px; } .margin-top0{ margin-top: 0 !important; } .margin-top80{ margin-top: 80px; } .margin-top20{ margin-top: 20px !important; } .margin-bottom0{ margin-bottom: 0 !important; } .margin-bottom5{ margin-bottom: 5px; } .margin-bottom20{ margin-bottom: 20px; } .margin-bottom30{ margin-bottom: 30px; } .margin-bottom35{ margin-bottom: 35px; } .margin-bottom40{ margin-bottom: 40px; } .margin-bottom120{ margin-bottom: 120px; } .pull-up41{ margin-bottom: -41px; } .black-background{ background: black !important; color: white; } .white-color{ color: white !important; } .fade-white{ color: #aaaaaa !important; color: rgba(255, 255, 255, 0.701961) !important; } .white-bg{ background: white; } .light-blue-bg{ background-color: #34b4e4; } .small-padding-first-child{ margin-top: -40px; } .small-padding-last-child{ margin-bottom: -40px; } .special-text-title{ color: #23323a; font-size: 48px; font-weight: bolder; text-align: center; } .special-text-title span{ color: #008fd5; } .special-text-subtitle{ color: #141d22; font-size: 18px; font-weight: normal; text-align: center; } .special-h3{ font-family: Open Sans; font-size: 36px; color: #0b2b33 } .special-h3 span{ color:#e66864; } .red-button{ background-color: #e66864 !important; } .orange-button{ color: #ffffff !important; background-color: #dd6356 !important; } .freelancer-tetimonials-slider{ background-image: url(../img/Layer-519.png); } .services-span-color{ color: #008fd5; } .marine-chefs-slider{ margin-top: -40px; } .marine-seo-li-border{ border-bottom-color: #71d3ee !important; } .marine-seo-pricing-table-header{ font-size: 36px; } .widget_call_to_action h2{ font-size: 36px; } .red{ color: #e66864 !important; } .red-orange{ color: #d05342; } .gray{ color: #999; } .light-gray{ color: #a8a8a8; } .orange-color{ color: #dd6356; } .orange-bg{ background-color: #dd6356; } .dark-blue-bg{ background-color: #202939; } .dark-bg{ background-color: #0a0a0a; } .black-border{ border-color: black !important; } .black-bg-call-to-action h1{ font-family: Lato; font-size: 35px; font-weight: normal; text-align: left; } .black-bg-call-to-action .button{ color: #0a0a0a; background-color: #ffffff; } .transparent-border{ border-color: rgba(0, 0, 0, 0) !important; } .special-text-h1{ color: #202b31; font-size: 24px; font-weight: 300; font-family: Open Sans; margin-bottom: 20px; text-align: left; } .section-header{ text-align: center; } .section-header h1{ color: #232323; font-size: 34px; font-weight: 300; font-family: Lato; margin-top: 40px; text-align: center; } .section-header h2{ color: #757575; font-size: 16px; font-weight: 300; font-style: italic; font-family: Lato; margin-top: -15px; text-align: center; } .section-header-style1 h1{ color: #232323; font-size: 42px; font-weight: 300; font-family: Open Sans; margin-top: 50px; } .section-header-style1 h1 strong{ font-weight: 700; } .section-header-style1 h3{ color: #aaaaaa; font-size: 18px; font-weight: 300; font-family: Open Sans; margin-bottom: 20px; } .section-header-style2 h1{ color: rgb(35, 35, 35); font-size: 34px; font-weight: 300; font-family: 'Open Sans'; text-align: left; } .section-header-style2 h3{ color: rgb(170, 170, 170); font-size: 20px; font-weight: 300; text-align: left; } .section-header-style3 h1{ color: rgba(0,0,0,0.8); font-size: 44px; font-weight: 300; font-family: Open Sans; text-align: center; } .section-header-style3 h1 span{ color: #d95147; } .section-header-style4 h1{ color: rgba(10,10,10,0.8); font-size: 34px; font-weight: 300; font-family: Open Sans; text-align: left } .section-header-style4 h2{ color: rgba(10,10,10,0.5); font-size: 22px; font-weight: 300; font-family: Open Sans; text-align: left; } .section-header-style4 .button{ color: #ffffff !important; background-color: rgba(208,83,66,0.9) !important; } .big-button{ padding: 10px 16px; font-size: 18px; line-height: 1.33; margin-top: 5px; margin-bottom: 5px; border: 1px solid transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .round-button{ border-radius: 25px; } .dark-button{ background-color: #2a2a2a; color: #f7f7f7; border: 1px solid transparent; cursor: pointer; display: inline-block; text-decoration: none !important; } .dark-button:hover{ background-color: #1b1b1b; color: #f7f7f7; } .chino-button{ background-color: #cec2ab; color: #ffffff !important; } .round-corner8{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .features-style1 h1{ color: #0a0a0a; font-size: 33px; font-weight: 300; font-family: Lato; text-align: left; } .features-style1 h3{ color: rgba(10,10,10,0.75); font-size: 20px; font-weight: 300; font-family: Lato; margin-top: 20px; text-align: left; } .features-style1 .button{ color: #ffffff !important; background-color: #0a0a0a !important; margin-bottom: 0; } .features-style2 h1{ color: #232323; font-size: 34px; font-weight: 300; font-family: Lato; margin-top: 40px; text-align: left; } .features-style2 h2{ color: #757575; font-size: 16px; font-weight: 300; font-family: Lato; text-align: left; } .features-style2 .img-wrap{ text-align: center; } .features-style3 h1{ color: rgba(10, 10, 10, 0.74902); font-size: 24px; font-weight: 300; font-family: Lato; margin-top: 15px; } .services-list-style1{ background-color: #faf5f0; } .services-list-style2 .service .service-icon{ color: #dd6356; border: 2px solid #dd6356; background: none; font-size: 35px; line-height: 100px; height: 150px; width: 150px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.5s ease-in-out, 0.5s; -webkit-transition-delay: 0s, 0s; -moz-transition: all 0.5s ease-in-out 0s, 0.5s; -o-transition: all 0.5s ease-in-out 0s, 0.5s; transition: all 0.5s ease-in-out 0s, 0.5s; } .services-list-style2 .service .service-icon:hover{ background: #dd6356; color: white; } .services-list-style2 .service .service-description{ margin-top: 30px; } .services-list-style2 .service .service-description h4{ color: #000; font-family: "Montserrat", Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 22px; font-size: 16px; } .services-list-style2 .service .service-description p{ color: #808080; font-size: 15px; line-height: 1.8; } .min-height600{ min-height: 600px; } .min-height400{ min-height: 400px; } .min-height300{ min-height: 300px; } /* Responsive Layout */ @media (min-width:1200px) { body.w960 .container, body.b960 .container{ width:990px; } .col-lg-one-fifth{ width:20%; } } @media (min-width:992px) and (max-width:1199px) { body.b1170 #upper-header>.container, body.b1170 #main-header>.container, body.b1170 #lower-header>.container, body.b1170 #upper-footer>.container, body.b1170 #main-footer>.container, body.b1170 #lower-footer>.container, body.b1170 #main-content>.container, body.b1170 #slider>.container { width:1080px; } } @media (min-width:768px) and (max-width:991px) { body.b1170 #upper-header>.container, body.b1170 #main-header>.container, body.b1170 #lower-header>.container, body.b1170 #upper-footer>.container, body.b1170 #main-footer>.container, body.b1170 #lower-footer>.container, body.b1170 #main-content>.container, body.b1170 #slider>.container { width:760px; padding-left:20px; padding-right:20px; } body.b960 #upper-header>.container, body.b960 #main-header>.container, body.b960 #lower-header>.container, body.b960 #upper-footer>.container, body.b960 #main-footer>.container, body.b960 #lower-footer>.container, body.b960 #main-content>.container, body.b960 #slider>.container{ width:760px; padding-left:20px; padding-right:20px; } body.b1170 .full-width-bg, body.b960 .full-width-bg{ margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; } body.b1170 .page-heading, body.b960 .page-heading, body.b1170 .full-width-bg, body.b960 .full-width-bg, body.b1170 .full-width, body.b960 .full-width, body.b1170 .sc-map.full, body.b950 .sc-map.full{ margin-left:-20px; margin-right:-20px; } #main-header #main-nav>li + li, #main-header div.menu>ul>li + li { margin-left:10px; } .service,.team-member { margin-bottom:40px; } .projects-section .col-one-fifth { width:33.333333%; } #main-nav>li, div.menu>ul>li { margin-right:12px; } } @media (max-width:767px) { table, thead, tbody, tfoot, tr, td, th { display: block; } body.b1170 #upper-header>.container, body.b1170 #main-header>.container, body.b1170 #lower-header>.container, body.b1170 #upper-footer>.container, body.b1170 #main-footer>.container, body.b1170 #lower-footer>.container, body.b1170 #main-content>.container { width:100%; padding-left:15px; padding-right:15px; } body.b960 #upper-header>.container, body.b960 #main-header>.container, body.b960 #lower-header>.container, body.b960 #upper-footer>.container, body.b960 #main-footer>.container, body.b960 #lower-footer>.container, body.b960 #main-content>.container{ width:100%; padding-left:15px; padding-right:15px; } body.b1170 .full-width-bg, body.b960 .full-width-bg{ margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; } body.b1170 .page-heading, body.b960 .page-heading, body.b1170 .full-width-bg, body.b960 .full-width-bg, body.b1170 .full-width, body.b960 .full-width, body.b1170 .sc-map.full, body.b950 .sc-map.full{ margin-left:-15px; margin-right:-15px; } .col-one-fifth{ width:100%; } .service,.team-member { margin-bottom:40px; } .post-thumbnail img { width:100%; margin:10px 0; } .post-image { text-align:center; } span.post-day { font-size:30px; } span.post-date,span.post-format { display:inline-block; margin:0 10px; } .projects-section .col-one-fifth { width:50%; } .client-logo { width:50%; margin:20px 0; } .services-list { margin:20px 0; } #main-footer h4 { margin-top:40px; } .head-banner h1 { font-size:40px; letter-spacing:0; line-height:50px; } .footer-contact-form > form{ position:relative; top:0; left:0; right:0; margin:30px 0; } #main-content #slider, body .portfolio-extended-image, body .google-map-heading{ margin-top:0!important; } .team-member img { width: 100%; } a.portfolio-button{ float:none; } .portfolio-arrows{ text-align:center; } .page-heading.portfolio-heading.style2 h1{ margin:20px 0 0; } #upper-header{ padding:10px 0; } #upper-header .item.left, #upper-header .item.right{ float:none; } #header .text-list{ display:inline-block; } #header .social-media, #upper-header .menu{ display:none; } .col-one-fifth>img{ margin-left:auto; margin-right:auto; } .page-heading, .page-heading .breadcrumbs{ text-align:center; } span.post-date, span.post-format{ display:block; } #header .logo img{ height:auto; padding-left:80px; padding-bottom:10px; min-height:0; } #header .logo{ padding-right:70px; min-height:60px; } } @media (max-width:500px) { .projects-section .col-one-fifth { width:100%; } .client-logo { width:100%; } .tabs.style2>div{ display:block; width:100%!important; } .tab-header ul li{ display:block; } } @media (max-width:320px){ .blog-post-list .blog-post-meta, .blog-post-alternate .blog-post-meta{ display:none; } } @media (max-width:320px) { .row h1{ font-size:20px; line-height:22px; margin-bottom: 15px; } #header .logo img{ padding-bottom: 5px; padding-left: 30px; padding-right: 0px; } }