/* ========================= */ /* FONT FACE */ /* ========================= */ @font-face { font-family: 'Nella Sue'; src: url('../font/nellasuedemo-webfont.eot'); src: url('../font/nellasuedemo-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../font/nellasuedemo-webfont.woff') format('woff'), url('../font/nellasuedemo-webfont.ttf') format('truetype'), url('../font/nellasuedemo-webfont.svg#nella_sue_demoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sweetly Broken'; src: url('../font/Sweetly-Broken.html') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro Inline'; src: url('../font/Intro-Inline.html') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'intro_regular'; src: url('../font/intro-webfont.eot'); src: url('../font/intro-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../font/intro-webfont.woff') format('woff'), url('../font/intro-webfont.ttf') format('truetype'), url('../font/intro-webfont.svg#intro_regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'intro_inlineregular'; src: url('../font/intro_inline-webfont.eot'); src: url('../font/intro_inline-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../font/intro_inline-webfont.woff') format('woff'), url('../font/intro_inline-webfont.ttf') format('truetype'), url('../font/intro_inline-webfont.svg#intro_inlineregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sweetly_brokenregular'; src: url('../font/sweetly_broken-webfont.eot'); src: url('../font/sweetly_broken-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../font/sweetly_broken-webfont.woff') format('woff'), url('../font/sweetly_broken-webfont.ttf') format('truetype'), url('../font/sweetly_broken-webfont.svg#sweetly_brokenregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'code_lightregular'; src: url('../font/code_light-webfont.eot'); src: url('../font/code_light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../font/code_light-webfont.woff') format('woff'), url('../font/code_light-webfont.ttf') format('truetype'), url('../font/code_light-webfont.svg#code_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'telegraficoregular'; src: url('../font/telegrafico-webfont.eot'); src: url('../font/telegrafico-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../font/telegrafico-webfont.woff') format('woff'), url('../font/telegrafico-webfont.ttf') format('truetype'), url('../font/telegrafico-webfont.svg#telegraficoregular') format('svg'); font-weight: normal; font-style: normal; } /* ========================= */ /* GLOBAL STYLES */ /* ========================= */ html, body { overflow-x:hidden; } body.boxed-layout2 { margin:30px!important; overflow:hidden!important; } .no-fouc { display:none; } .boxed-layout-container div { position:fixed; background:#ddd; z-index:10000; } .boxed-layout-container .bl-top { top:0; left:0; right:0; height:30px; } .boxed-layout-container .bl-left { top:0; left:0; bottom:0; width:30px; } .boxed-layout-container .bl-bottom { bottom:0; left:0; right:0; height:30px; } .boxed-layout-container .bl-right { top:0; right:0; bottom:0; width:30px; } body.boxed-layout2 #header { top:30px; left:30px; right:30px; } body.boxed-layout2 #sidemenu-wrapper { left:30px; top:30px; bottom:30px; } body.boxed-layout2 #sidemenu.hidden-menu.menu-opened #sidemenu-wrapper { top:30px; left:30px; bottom:30px; } body.boxed-layout2 .full-width { padding-left:30px!important; padding-right:30px!important; } body.boxed-layout2 #back-to-top a { right:60px; bottom:60px; } .master-slider { margin:0!important; } .master-slider-parent { overflow: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:16px; line-height:22px; overflow:hidden; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; color:#19211F; } .admin-bar #header { margin-top: 32px; } #back-to-top { display:none; } #back-to-top a { position:fixed; width:50px; height:50px; bottom:20px; right:20px; opacity:.8; z-index:1000; background:#0996d2 url(../img/sprites/back-to-top.png) center center no-repeat; cursor:pointer; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } #back-to-top a:hover { opacity:1; } /* Page Prealoding 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:259px; } 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:40px; } 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:22px; } h6 { font-size:16px; line-height:24px; } p { font-size:16px; } a { color:#008fd5; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } a:hover { text-decoration:none; } .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; } /* 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:8px 0 8px; } body.b1170 #header.style2 #main-header>.container, body.b960 #header.style2 #main-header>.container, #header.style2 #main-header { background:#ffffff; background:ffffff; } #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:#141d22; 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 p { line-height:20px; margin:0; padding:0; color:#008fd5} .logo img { transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; } .logo img { margin-bottom:10px;} #main-header .social-media, #main-header .text-list { margin-top:25px; } #main-header ul:after { border-right:1px solid #666; 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:#93a6b0; } .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:11px; text-transform:uppercase; } #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:#000; } #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 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 { 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:#ffffff; 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 .cart-menu-item>a { color: #73848E; font-size: 11px; text-transform: uppercase; } #upper-header .cart-menu-item>a:after, #upper-header .menu li>a:only-child:after { content:''; display:none; } #upper-header .cart-menu-item:before { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:0.9em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:.2em; color:#008fd5; content:'\edac'; } #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; } .shopping-cart-dropdown { width:300px; z-index:19999; overflow:hidden; position:absolute; text-align:left; top:100%; right:0; padding-top:20px; display:none; } .cart-menu-item { perspective:500px; -webkit-perspective:500px; } .csstransforms .shopping-cart-dropdown { display:block; transform: rotate3d(1, 0, 0, -90deg); -webkit-transform: rotate3d(1, 0, 0, -90deg); -moz-transform: rotate3d(1, 0, 0, -90deg); -ms-transform: rotate3d(1, 0, 0, -90deg); -o-transform: rotate3d(1, 0, 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; transition: transform 0.5s, opacity 0.3s; -webkit-transition: -webkit-transform 0.5s, opacity 0.3s; -moz-transition: -moz-transform 0.5s, opacity 0.3s; } .cart-menu-item:hover>.shopping-cart-dropdown { display:block; 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); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .shopping-cart-dropdown:after { content:''; display:block; position:absolute; top:1px; right:20px; width:0; height:0; border-style:solid; border-width:0 0 20px 20px; border-color:transparent transparent #fcfcfc; } .shopping-cart-dropdown h4 { font-size:14px; color:#0b2b33; text-transform:uppercase; font-weight:700; margin:0; } .shopping-cart-dropdown .sc-header { padding:20px; background:#fcfcfc; border:1px solid #dae2e7; overflow:hidden; } .shopping-cart-dropdown .sc-header h4 { float:left; } .shopping-cart-dropdown .sc-header a.sc-remove-button { float:right; font-size:14px!important; color:#000; } .shopping-cart-dropdown h4 span { color:#73848e; } .shopping-cart-dropdown .sc-item { display:table; vertical-align:top; border-right:1px solid #dae2e7; border-left:1px solid #dae2e7; width:100%; background:#fff; } .shopping-cart-dropdown .sc-item + .sc-item { border-top:1px solid #dae2e7; } .shopping-cart-dropdown .sc-item .featured-image { display:table-cell; vertical-align:top; width:100px; padding:10px; } .shopping-cart-dropdown .sc-item .featured-image img { width:80px; border:1px solid #dae2e7; } .shopping-cart-dropdown .sc-item .item-info { display:table-cell; vertical-align:top; padding:10px 10px 10px 5px; } .shopping-cart-dropdown .sc-item a.title, .shopping-cart-dropdown .sc-item span.price { display:block; } .shopping-cart-dropdown .sc-item a.title { text-transform:none; font-size:12px; color:#73848e; } .shopping-cart-dropdown .sc-item a.title:hover { color:#008fd5!important; } .shopping-cart-dropdown .sc-item span.price { font-weight:700; margin-bottom:5px; } .shopping-cart-dropdown .sc-item .item-meta li { float:none!important; display:block!important; margin:0!important; color:#73848e; } .shopping-cart-dropdown .sc-footer a.button { font-size:14px; font-weight:700; padding-left:25px; padding-right:25px; } .shopping-cart-dropdown .sc-footer a.button + a.button { margin-left:10px; } .shopping-cart-dropdown .sc-footer { padding:10px; background:#fcfcfc; border:1px solid #dae2e7; } .shopping-cart th { color: #73848E; } /* Main Navigation */ #lower-header #main-nav, #lower-header div.menu { float:left; } .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 { font-weight:bold; color:#23323a; font-size:14px; } #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; } #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, #header.style3 #lower-header div.menu>ul li ul li:hover>a, #header.style4 #lower-header div.menu>ul li ul li:hover> { background:#10191d; background: rgba(25, 36, 42, .95); } /* Mega Menu */ #main-nav .mega-menu { position:absolute; color:#b9cbd4; padding-top:17px; 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; } #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 #273137; 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:#008fd5!important; } #main-nav .mega-menu li:hover>a:before { background-position:-9px 0; } #main-nav .mega-menu li span { padding: 15px 20px; display:block; font-size:14px; font-weight:700; text-transform:uppercase; 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; } .headerstyle1 #main-nav .mega-menu>ul, .headerstyle4 #main-nav .mega-menu>ul, .headerstyle5 #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:#23323a; } .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:#73848e; } .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:#eaeef1; } .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; } /* Search Box */ #search-box, #search-box-pre { position: relative; float:right; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #search-box-pre { float: none; display: inline-block; } #main-header #search-box, #main-header #search-box-pre { margin-top: 28px; margin-left: 30px; } .sticky-header #main-header #search-box, .sticky-header #main-header #search-box-pre { margin-top:13px; } #search-box i.icons { color:#93a6b0; cursor:pointer; font-size:16px; } #search-box-pre i.icons { color:#93a6b0; cursor:pointer; } #search-box form, #search-box-pre form { position:absolute; display:none; top:100%; margin-top:17px; right:0; vertical-align:top; box-shadow:0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd; -moz-box-shadow:0 0 5px #ddd; padding-right:50px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #search-box.search-box-opened form, #search-box-pre.search-box-opened form { display:block; animation: fadeInUp .4s; -webkit-animation: fadeInUp .4s; animation-iteration: forwards; -webkit-animation-iteration: forwards; } #header.style3 #search-box form, #header.style3 #search-box-pre form { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } #search-box form:before, #search-box-pre form:before { position:absolute; display:block; content:''; top:-12px; right:15px; border-style:solid; border-width:0 0 15px 20px; border-color:transparent transparent #23323a; } #search-box .iconic-submit, #search-box-pre .iconic-submit { display:inline-block; vertical-align:top; margin-left:-3px; position:absolute; right:0; top:0; } #search-box input[type="text"], #search-box-pre input[type="text"] { height:50px; border:none; padding:10px; width:200px; } #search-box input[type="text"]:focus, #search-box-pre input[type="text"]:focus { outline:none; } #search-box .iconic-submit input, #search-box-pre .iconic-submit input { position:absolute; } #search-box .iconic-submit .icon, #search-box-pre .iconic-submit .icon { position:relative; top:0; left:0; width:50px; height:50px; background:#23323a; color:#fff; text-align:center; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } #search-box .iconic-submit:hover .icon, #search-box-pre .iconic-submit:hover .icon { background:#008fd5; } #search-box .iconic-submit .icons, #search-box-pre .iconic-submit .icons { color:#fff; text-align:center; position:relative; left:0; top:12px; } #search-box form input[type="submit"], #search-box-pre form input[type="submit"] { background:red; width:50px; height:50px; z-index:99999; } /************************* SIDEMENU *************************/ .tparrows { -webkit-transform:none; } body.admin-bar #sidemenu-wrapper { top:30px; } body.admin-bar #sidemenu-button { top:95px; } body.sidemenu-fixed { padding-left:230px; } body.sidemenu-fixed .full-width { padding-left:230px!important; } body.sidemenu-fixed.boxed-layout2 .full-width { padding-left:260px!important; } body.sidemenu-fixed.b1170 .full-width, body.sidemenu-fixed.b960 .full-width { padding-left:0!important; } #sidemenu.hidden-menu #sidemenu-button { display:block; } #sidemenu-button { display:none; position:fixed; top:65px; left:65px; color:#fff; z-index:5000; cursor:pointer; transition: opacity .3s, left .4s; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; } #sidemenu-button:hover { opacity:.8; } #sidemenu-button>span { text-transform:uppercase; font-size:12px; } #sidemenu-button>div { width:45px; height:45px; background:url(../img/sprites/menu_hidden.png) no-repeat; display:inline-block; vertical-align: middle; margin-right: 20px; } #sidemenu-button>div>span+span { margin-top:6px; } #sidemenu-wrapper { position:fixed; -webkit-transform:translateZ(0px); top:0; left:0; bottom:0; background:#fff; background:rgba(255, 255, 255, .95); z-index:5000; width:230px; padding:30px; text-align:center; box-shadow: 1px 0 10px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, .1); transition: margin .3s; -webkit-transition: margin .3s; -moz-transition: margin .3s; } #sidemenu-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 30px; padding: 30px 30px 0; overflow-x:visible; overflow-y:hidden; } #sidemenu.dark .ps-container .ps-scrollbar-y-rail { background-color: #333; } #sidemenu.dark .ps-container .ps-scrollbar-y { background-color:#93a6b0!important; } #sidemenu.dark #sidemenu-wrapper { background:#141d22; background:rgba(20, 29, 34, .90); color:#8a9eae; box-shadow: none; -webkit-box-shadow: none; } #sidemenu.hidden-menu #sidemenu-wrapper { left:-230px; transition: left .4s; -webkit-transition: left .4s; -moz-transition: left .4s; } #sidemenu.hidden-menu.menu-opened #sidemenu-wrapper { left:0; } #sidemenu.hidden-menu.menu-opened #sidemenu-button { left:-500px; } #sidemenu-wrapper .logo img { margin-top:0; height:auto; } .sidemenu-tweets { padding:60px 0 30px; border-top:1px solid #cfd2d5; font-size:13px; line-height:24px; color:#73848e; } .sidemenu-tweets .date { font-size:10px; text-transform:uppercase; line-height:18px; } .sidemenu-tweets .icon { font-size:32px; color:#55acee; margin-bottom:10px; } .sidemenu-tweets p { margin-bottom:0; } .sidemenu-tweets a { word-break: break-word; } #side-nav { border-top:1px solid #cfd2d5; margin:30px 0 0; padding:30px 0; } #sidemenu.dark .sidemenu-tweets { border-color:#2c353a; } #sidemenu.dark #side-nav { border-color:#2c353a; } #side-nav>ul { list-style:none; display:block; text-align:left; padding:0; } #side-nav li a { display:block; padding:20px 0; color:#23323a; font-size:12px; text-transform:uppercase; } #sidemenu.dark #side-nav li a { color:#8a9eae; } #side-nav li:hover>a, #side-nav li.current-menu-item>a, #side-nav li.current-menu-ancestor>a { color:#008fd5; } #sidemenu.dark #side-nav li:hover>a, #sidemenu.dark #side-nav li.current-menu-item>a, #sidemenu.dark #side-nav li.current-menu-ancestor>a { color:#fff; } #side-nav>ul>li>a:before { content:''; width:9px; height:9px; display:inline-block; margin-right:10px; background:url(../img/sprites/menu-arrows.png) -9px 0 no-repeat; } #sidemenu-wrapper .sidemenu-footer { position:absolute; left:30px; right:30px; bottom:30px; padding-top:30px; border-top:1px solid #cfd2d5; } #sidemenu.dark .sidemenu-footer { border-color:#2c353a; } #sidemenu-wrapper .sidemenu-footer p { color:#73848e; font-size:11px; white-space:nowrap; } @media (max-height: 1060px) { #side-nav li a { padding:15px 0; } .sidemenu-tweets { padding:40px 0 40px; } } @media (max-height: 900px) { #side-nav li a { padding:10px 0; } } #side-nav>ul>li>ul, #side-nav>ul>li>ul ul { padding-left:20px; display:none; } #side-nav>ul>li>ul ul { padding-left:0; } #side-nav li ul li { position:relative; } #side-nav li ul li>a { padding:5px 0; display:block; font-size:11px; color:#73848e; } #sidemenu.dark #side-nav li ul a { color:#fff; } #side-nav li ul li:hover>a, #sidemenu.dark #side-nav li ul li:hover>a { color:#008fd5; } #side-nav li:hover>.mega-menu { display:block; opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } #side-nav ul { list-style:none; padding:0; } #side-nav>ul>li { position:relative; } #side-nav .mega-menu { position:absolute; color:#b9cbd4; left:100%; text-align:left; padding:0; top:0; padding-left:30px; opacity:0; visibility:hidden; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .3s, 0s; -moz-transition-duration: .3s, 0s; -o-transition-duration: .3s, 0s; transition-duration: .3s, 0s; -webkit-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; transition-delay: 0s, .3s; } #side-nav .mega-menu-too-big { left:0; right:0; margin-left:0; width:100%; } #side-nav .mega-menu ul li ul a { white-space:nowrap; padding:15px 20px; } #side-nav .mega-menu-too-big ul li a { white-space:normal; } #side-nav>li:hover>.mega-menu { display:block; -webkit-animation: fadeInUpMenu .4s; animation: fadeInUpMenu .4s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } #side-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; } #side-nav .mega-menu ul { margin-left:0!important; } #side-nav .mega-menu>ul>li { display:table-cell; position:relative; } #side-nav .mega-menu>ul>li + li:before { content:''; top:20px; bottom:20px; left:0; border-left:1px solid #273137; position:absolute; } #side-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; } #side-nav .mega-menu li a { background:none!important; padding-left:20px; padding-right:20px; } #side-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; } #side-nav .mega-menu li:hover>a { color:#008fd5!important; } #side-nav .mega-menu li:hover>a:before { background-position:-9px 0; } #side-nav .mega-menu li span { padding: 15px 20px; display:block; font-size:14px; font-weight:700; text-transform:uppercase; white-space:nowrap; } #side-nav .mega-menu-footer { padding:8px 15px; background:#162025; color:#fff; vertical-align:top; } #side-nav .mega-menu-footer span { color:#86969e; text-transform:none; font-size:12px; display:inline-block; margin-top:9px; } #side-nav .mega-menu-footer span strong { color:#cad4d9; font-weight:700; } #sidemenu.light .mega-menu>ul { background:#fff url(../img/mega-menu-bg-light.png) right bottom no-repeat; } #sidemenu.light .mega-menu li span { color:#23323a; } #sidemenu.light .mega-menu li a { color:#73848e; } #sidemenu.light .mega-menu>ul>li + li:before { border-color:#eaeef1; } #sidemenu.light .mega-menu-footer { background:#e8eef1; } #sidemenu.light .mega-menu-footer span { color:#73848e; } @media (min-width:1400px) { body.sidemenu-fixed .container { width:1170px; } } @media (min-width:1180px) and (max-width:1399px) { body.sidemenu-fixed .container { width:980px; } } @media (min-width:960px) and (max-width:1179px) { body.sidemenu-fixed .container { width:740px; } } @media (max-width:959px) { body.sidemenu-fixed .container { width:100%; } } /* FLEXSLIDERS */ .flexslider { border:none; margin:0; } .flexslider .slides li.dark { color:#fff; } .flexslider .slides li.light { color:#444; } .main-flexslider .slides li img { width:auto; display:inline-block; } .main-flexslider .slides li { padding:0 0; background-size:cover!important; } .main-flexslider .flex-direction-nav a, .portfolio-flexslider .flex-direction-nav a, .tp-leftarrow.default, .tp-rightarrow.default { text-align:center !important; width:60px !important; height:65px !important; top:50% !important; background:url(../img/main-slider-arrows.png) 0 2px no-repeat !important; border:1px solid #fff !important; border:1px solid rgba(255, 255, 255, .4) !important; transition:all .3s !important; -webkit-transition:all .3s !important; -moz-transition:all .3s !important; } .ms-skin-metro .ms-nav-next, .ms-skin-metro .ms-nav-prev { background:url(../img/main-slider-arrows.png) 0 2px no-repeat!important; border:1px solid #fff; border:1px solid rgba(255, 255, 255, .4); text-align:center; width:60px!important; height:65px!important; left:0!important; transition: border .3s; -webkit-transition: border .3s; -moz-transition: border .3s; } .ms-skin-metro .ms-nav-next:hover, .ms-skin-metro .ms-nav-prev:hover { border:1px solid rgba(255, 255, 255, .8); } .ms-skin-metro .ms-nav-next { left:auto!important; right:0!important; background-position:-60px 2px !important; } .tp-leftarrow.preview4:after { display:none; } .tp-leftarrow.preview4 .tp-arr-allwrapper { left:-1px; } .tparrows.tp-rightarrow.preview4:after { left:auto; right:0; display:none; } .tparrows.preview4 .tp-arr-allwrapper { top:-20px; } .tparrows.tp-rightarrow.preview4 .tp-arr-allwrapper { left:-120px; } .tp-rightarrow.default { background-position:-62px 2px !important; } .main-flexslider .flex-direction-nav a:hover, .portfolio-flexslider .flex-direction-nav a:hover .tp-leftarrow.default:hover, .tp-rightarrow.default:hover { border-color:#fff; background-color:rgba(0, 0, 0, .1); } .main-flexslider .flex-direction-nav a.flex-prev, .portfolio-flexslider .flex-direction-nav a.flex-prev { left:0; background-position:0 2px; border-left:none; } .portfolio-flexslider img { height:auto; } .main-flexslider .flex-direction-nav a.flex-next, .portfolio-flexslider .flex-direction-nav a.flex-next { right:0; background-position:-60px 2px; border-right:none; } .main-flexslider .slides li h2 { font-size:82px; line-height:92px; font-weight:800; text-transform:uppercase; text-shadow:0 0 30px #555; } .main-flexslider .slides li h2.cursive-style { font-size:147px; line-height:110px; font-weight:400; text-transform:none; text-shadow:none; margin:0; } .main-flexslider .slides li h2.big { text-shadow:none; font-size:172px; line-height:90px; text-shadow:0 0 5px #ccc; margin-top:80px; } .main-flexslider .slides li h3.big { font-size:56px; line-height:66px; font-weight:800; text-transform:uppercase; } .main-flexslider.light .slides li h2 { text-shadow:0 0 5px #555; } h2.cursive-style + .slider-quote { margin-top:40px; } .main-flexslider .slides li .slider-quote + a.button.unfilled { margin-top:40px; } .slider-top-image { margin-bottom:40px; } .slider-quote { font-size:14px; line-height:28px; text-shadow:0 0 10px #555; font-weight:800; text-transform:uppercase; margin-top:60px; display:block; } .slider-quote.big { font-size:43px; font-weight:400; text-shadow:none; line-height:53px; } .main-flexslider.light .slides li .slider-quote { text-shadow:0 0 1px #555; } .slider-quote>span, .slider-quote>span>span { border-top:1px solid #fff; border-bottom:1px solid #fff; border-color:rgba(255, 255, 255, 0.6); padding:1px 0; display:inline-block; } .flexslider-thumbnail-gallery .slides>li { position:relative; } .flexslider-thumbnail-gallery .project-hover { z-index:100; } .flexslider-thumbnail-gallery .slides>li:hover .project-hover { display:block; } .flexslider-thumbnail-gallery .flex-control-thumbs { position:relative; bottom:0; overflow:visible; } @-webkit-keyframes fadeInDownTooltip { 0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes fadeInDownTooltip { 0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } } .flexslider-thumbnail-gallery .tooltip { margin-left: -40px; margin-top: -10px; -webkit-animation: fadeInDownTooltip .5s; animation: fadeInDownTooltip .5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .flexslider-thumbnail-gallery .tooltip.top .tooltip-arrow { margin-left:20px; border-width: 13px 18px 0 0; bottom:-8px; background:#2d363c transparent transparent transparent; } .flexslider-thumbnail-gallery .tooltip.top .tooltip-inner { margin-left:50%; max-width:300px; width:100%; padding: 12px 20px; text-align: left; background:#2d363c; } .flexslider-thumbnail-gallery .slides>li:hover .project-hover, .flexslider-thumbnail-gallery .slides>li:hover .project-hover>a { 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; } /* 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:20px; padding-bottom:30px; } .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; } /* Chef SLider */ .team-members-slider { position:relative; background:#eae5d6; } .team-members-inner { position:relative; overflow:hidden; padding:100px 0; } .chef-header { display:table; width:100%; margin-bottom:30px; } .chef-header>div { display:table-cell; vertical-align:top; } .chef-header .chef-avatar, .chef-header .chef-avatar img { width:100px; } .chef-header .chef-heading { padding-left:20px; } .chef-header .chef-heading h4 { font-size:30px; margin:20px 0 5px; font-family:'Palatino Linotype', serif; } .chef-header .chef-heading span { font-size:14px; color:#e1560e; } .chefs-slider em { font-size:16px; line-height:30px; font-style:italic; color:#0b2b33; margin:20px 0; display:block; } .chefs-slider p { font-size:14px; color:#73848e; line-height:30px; } .chefs-slider .flex-direction-nav .flex-prev { position:relative; width:30px; height:30px; opacity:1; bottom:-45px; top:auto; left:-5px; float:left; background:url(../img/slider-arrows.png) 0 0 no-repeat; } .chefs-slider .flex-direction-nav .flex-next { position:relative; width:30px; height:30px; opacity:1; bottom:-45px; top:auto; left:25px; float:left; background:url(../img/slider-arrows.png) -30px 0 no-repeat; } .chefs-slider .flex-direction-nav .flex-prev:hover { background-position: 0 -30px; } .chefs-slider .flex-direction-nav .flex-next:hover { background-position: -30px -30px; } .chefs-slider, .chefs-slider .slides>li, .chefs-slider .row, .chefs-slider .chef-image { position:static!important; } .chefs-slider .chef-image img { position:absolute; top:0; right:0; width:50%; opacity:0; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition-delay:.2s; -webkit-transition-delay:.2s; -moz-transition-delay:.2s; transform:translateX(-25px); -webkit-transform:translateX(-25px); -moz-transform:translateX(-25px); -ms-transform:translateX(-25px); -o-transform:translateX(-25px); } .chefs-slider .flex-active-slide .chef-image img { transform:translateX(15px); -webkit-transform:translateX(15px); -moz-transform:translateX(15px); -ms-transform:translateX(15px); -o-transform:translateX(15px); opacity:1; } .chefs-slider .chef-item { position:relative; left:-40px; opacity:0; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; } .chefs-slider .flex-active-slide .chef-item { left:0; opacity:1; } @media(max-width:768px) { .chefs-slider .chef-image img { display:none; } } /* Food MEnu Slider */ .food-menu-slider { text-align:center; margin-bottom:80px; } .food-menu-slider-item { position:relative; left:-40px; opacity:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } .flex-active-slide .food-menu-slider-item { left:0; opacity:1; } .food-menu-slider .flex-direction-nav .flex-prev { width:30px; height:30px; opacity:1; top:0; margin-top:0; right:50px; left:auto; bottom:auto; background:url(../img/slider-arrows.png) -60px 0 no-repeat; } .food-menu-slider .flex-direction-nav .flex-next { width:30px; height:30px; opacity:1; top:0; margin-top:0; right:-10px; left:auto; bottom:auto; background:url(../img/slider-arrows.png) -90px 0 no-repeat; } .food-menu-slider .flex-direction-nav .flex-prev:hover { background-position: -60px -30px; } .food-menu-slider .flex-direction-nav .flex-next:hover { background-position: -90px -30px; } .food-menu-slider .food-menu, .food-menu-slider .food-menu h6 { color:#fff; } .food-menu-slider .food-menu .dots { background: url(../img/food-item-dots.png) left 14px repeat-x; } .food-menu { text-align:left; color:#23292c; margin-top:40px; } .food-menu-item + .food-menu-item { margin-top:30px; } .food-menu-slider-item h2 { color: #eae5d6; line-height: 1.4; } .food-menu h6 { font-size:22px; color:#23292c; font-weight:700; margin:0 0 10px; font-family: 'Palatino Linotype', serif; } .food-menu .details span, .food-menu .price span { font-size:18px; font-style:italic; line-height:18px; } .food-menu .food-description { display:table; width:100%; } .food-menu .food-description>div { display:table-cell; } .food-menu .dots { background: url(../img/food-item-dots-black.png) left 14px repeat-x; } .food-menu .details, .food-menu .price { width:1%; white-space:nowrap; } /* Food Menu Full */ .food-menu-full { position:relative; overflow:hidden; background:#eae5d6; padding:80px 0 130px; } .food-menu-full-slider { padding-bottom:50px; } .food-menu-nav { padding-left:60px; position:relative; z-index:10; } .food-menu-nav:before { content:''; position:absolute; left:0; top:-5000px; right:-5000px; bottom:-5000px; background:#fff; z-index:-1; } .food-menu-nav-item { display:table; width:100%; position:relative; padding-bottom:30px; cursor:pointer; } .food-menu-nav-item + .food-menu-nav-item { padding-top:30px; border-top:1px solid #e5e5e5; } .food-menu-nav-item>div { display:table-cell; vertical-align:middle; } .food-menu-nav-item img { width:60px; margin-right:20px; } .food-menu-nav-item h5 { margin:0; color:#23292c; font-family: 'Palatino Linotype', serif; font-size:24px; } .food-menu-nav-item span { font-size:14px; color:#73848e; font-style:italic; } .food-menu-nav-item.flex-active h5 { color:#e36630; } .food-menu-nav-item.flex-active:after { content:''; position:absolute; left:-70px; top:50%; margin-top:-10px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #fff; z-index:100; } .food-menu-full .flex-direction-nav .flex-prev { width:30px; height:30px; opacity:1; bottom:-45px; top:auto; left:-5px; background:url(../img/slider-arrows.png) 0 0 no-repeat; } .food-menu-full .flex-direction-nav .flex-next { width:30px; height:30px; opacity:1; bottom:-45px; top:auto; left:50px; background:url(../img/slider-arrows.png) -30px 0 no-repeat; } .food-menu-full .flex-direction-nav .flex-prev:hover { background-position: 0 -30px; } .food-menu-full .flex-direction-nav .flex-next:hover { background-position: -30px -30px; } .food-menu-full .food-menu-content { position:relative; left:-40px; opacity:0; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; } .food-menu-full .flex-active-slide .food-menu-content { left:0; opacity:1; } @media(max-width:768px) { .food-menu-nav { padding-bottom:80px; margin-bottom:80px; } .food-menu-nav:before { left:-5000px; top:-5000px; bottom:0; } .food-menu-nav-item { padding-top:30px; padding-bottom:30px; } } /* Reservations */ .reservation-form input, .reservation-form select, .reservation-form textarea { height:52px; border:1px solid #eceded; padding:9px 15px; color:#3e464b; font-size:14px; margin:10px 0; display:block; width:100%; } .reservation-form textarea { height:auto; } .reservation-form label { font-size:14px; color:#3e464b; font-weight:400; margin-top:15px; } .reservation-form label span { font-size:12px; color:#8a98a0; text-transform:uppercase; } .inline-inputs { display:block; margin:0 -5px; overflow:hidden; } .inline-inputs>div { padding:0 5px; } .date-picker>span, .time-picker>span { width:30px; display:inline-block; text-align:center; } .date-picker input, .time-picker input, .date-picker select, .time-picker select { display:inline-block; width:65px; padding:10px 0; text-align:center; } .date-picker select, .time-picker select { padding-left:15px; } .date-picker .year { width:100px; } span.datepicker-button { overflow:visible; position:relative; display:inline-block; margin-left:10px; vertical-align: middle; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } span.datepicker-button .datepicker-icon { width:30px; height:30px; display:block; background:url(../img/sprites/datepicker.png) no-repeat; cursor:pointer; } span.datepicker-button>.datepicker-el { display:none; position:absolute; top:30px; left:0; } /* 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; } /* Projects */ .dark-gray-bg { background:#23323a; color:#c4d3de; } .dark-gray-bg h1, .dark-gray-bg h2, .dark-gray-bg h3, .dark-gray-bg h4, .dark-gray-bg h5, .dark-gray-bg h6 { color:#fff; } .dark-gray-bg hr { border-color:#3a4e58; margin:40px 0; display:block; } .projects-section { padding:10px 0 0; } h2.section-heading { font-size:30px; margin-bottom:20px; } .sc-call-to-action h2 { margin-top: 15px; letter-spacing: -2px; } .sc-call-to-action h2, .sc-call-to-action h2 p { line-height: 36px; } .dark-gray-bg p { color:#658190; } .project { border-right: 1px solid rgba(0, 0, 0, 0); color:#fff; overflow:hidden; } .portfolio-1column .project { border:none; } .project-image { position:relative; } .project-image img { width:100%; transition: transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; } .project:hover .project-image img { transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); } .portfolio-2column .project-hover { right:50%; } .project-hover { position:absolute; top:50%; margin-top:-27px; left:0; right:0; bottom:0; text-align:center; color:#fff; } .project-hover { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .project-hover>a { width:58px; height:58px; margin:0 5px; display:inline-block; background-color:#2a3b45; background-color:rgba(0, 0, 0, 0.4); background-image:url(../img/sprites/hover-icons.png); border:4px solid #eee; border:4px solid rgba(238, 238, 238, 0.12); color:#fff; text-align:center; font-size:24px; padding-top:15px; 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, background .3s; -webkit-transition:-webkit-transform .3s, opacity .6s, background .3s; -moz-transition:-moz-transform .3s, opacity .6s, background .3s; } .project:hover .project-hover>a { 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; } .project-hover>a:hover { background-color:rgba(0, 0, 0, 0.8); } .project-hover>a.search-icon { background-position: 0 0; } .project-hover>a.link-icon { background-position: -50px 0; } .project-meta { padding: 12px 20px 27px; position:relative; height:100px; background:#E30000; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } .project-meta:before { content:''; display:block; position:absolute; top:-10px; left:20px; width:10px; height:10px; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:8px solid #2a3b45; } .project:hover .project-meta { background:#008FD5; } .project-meta h4 { margin-bottom:0; color:#fff; font-size:18px; font-weight:500; } .project-meta h4 a { color:#fff; } .project-meta span.project-category { font-size:11px; margin:0; text-transform:uppercase; color:#ffffff; } /*PROJECT META 1*/ .project-meta1 { padding: 12px 20px 27px; position:relative; height:100px; background:#20D6A5; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } .project-meta1:before { content:''; display:block; position:absolute; top:-10px; left:20px; width:10px; height:10px; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:8px solid #2a3b45; } .project:hover .project-meta1 { background:#008FD5; } .project-meta1 h4 { margin-bottom:0; color:#fff; font-size:18px; font-weight:500; } .project-meta1 h4 a { color:#fff; } .project-meta1 span.project-category { font-size:11px; margin:0; text-transform:uppercase; color:#ffffff; } /*CLOSE PROJECT META*/ .project-like { position:absolute; right:20px; top:35px; vertical-align:top; } .project-like .icons { font-size:24px; color:#3c525e; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; cursor:pointer; } .project-like:hover .icons, .project-like.post-liked .icons { color:#dd6c62; } .project-like span.like-count { font-size:11px; font-weight:300; vertical-align:top; color:#97a4ad; } .project-grid { padding:0; } .single-portfolio .project-description h6 { font-size:14px; margin: 25px 0; } .single-portfolio .project-description+h3 { font-size:18px; font-weight:400; margin-top:50px; } .project-description .social-media { list-style:none; margin:0; padding:10px 0; border-bottom:1px solid #ddd; } .project-description .social-media li { display:inline-block; margin-right:10px; } .project-description .social-media li a { font-size:11px; vertical-align:middle; } .project-description .social-media li a i { font-size:18px; } /* Project Slider Carousel */ .projects-slider-carousel { padding:20px; border:1px solid #eee; } .slides .project { border:none; } .slides .project-meta { padding:5px 15px; } .slides .project-hover { margin-top:-20px; } .slides .project-hover>a { width:58px; height:58px; font-size:18px; padding-top:8px; } .products-carousel { margin-top:10px; } .products-carousel .slides li { margin-right:6px; cursor:pointer; position:relative; } .products-carousel .slides li:last-child { margin-right:0; } .products-carousel .slides .carousel-item-hover { position:absolute; z-index:10; top:5px; bottom:5px; left:5px; right:5px; background:#000; background:rgba(0, 0, 0, 0.4); 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:0 .3s opacity .6s; -moz-transition:0 .3s 0 .6s; -o-transition:0 .3s opacity .6s; } .products-carousel .slides 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; } ul.carousel-arrows { list-style:none; margin:0; padding:0; } ul.carousel-arrows li { width:15px; height:15px; display:block; background:url(../img/project-carousel-arrows.png) no-repeat; cursor:pointer; position:absolute; bottom:27px; left:-17px; } ul.carousel-arrows li.arrow-right { left:auto; right:-17px; background-position:-15px 0; } /* 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:11px; 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; } 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:10px; font-size:13px; } 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; } /* Blog */ .main-content .blog-post { margin:0 0 60px; } .main-content .blog-post:last-child { margin:0; } .blog-post { margin-bottom:35px; margin-top:20px; overflow:hidden; } .post-image { padding-left:0; padding-right:5px; text-align:center; } .post-image>div { padding:0; } .post-thumbnail img { width:100%; } .timeline-container .post-thumbnail img { padding: 10px 10px 0; } .post-meta { padding:0; text-align:center; } span.post-date { display:block; font-size:12px; font-weight:300; text-align:center; text-transform:uppercase; } span.post-day { font-size:48px; line-height:42px; display:inline-block; margin:0 0 10px; color:#008fd5; } span.post-format { display:block; text-align:center; margin:8px 0 0; color:#a5b0b6; font-size:16px; } span.post-format span { display:inline-block; width:30px; height:30px; background:url(../img/sprites/post-format-icons.png) no-repeat; } span.post-format span.photo-icon { background-position:0 0; } span.post-format span.document-icon { background-position:-60px 0; } span.post-format span.video-icon { background-position:-30px 0; } span.post-format span.link-icon { background-position:-90px 0; } span.post-format span.audio-icon { background-position:-120px 0; } .post-image .post-thumbnail { padding-left:10px; } ul.post-meta { list-style:none; padding:0 0 10px; margin:0; border-bottom:1px solid #E5E8EA; overflow:hidden; } .timeline-container .blog-post ul.post-meta { border-bottom:none; } ul.post-meta li { float:left; margin-right:5px; color: #23323A; font-size:10px; text-transform:uppercase; background:url(../img/post-meta-square.png) left center no-repeat; padding-left:15px; } ul.post-meta li:first-child { background:none; padding-left:0; } ul.post-meta li .icons { font-size:14px; position:relative; top:1px; } ul.post-meta .read-more:after { content: ''; display: inline-block; width: 11px; height: 11px; margin-left: 5px; background: url(../img/sprites/read-more-arrow.png) no-repeat; position:relative; top:2px; } .post-content { /*position: relative;*/ background:#fff; } .post-content.social-media-wrapper { position: relative; } .post-content .social-media { position: absolute; top: 0; right: 10px; } .post-content .social-media i { font-size: 15px; } .post-content h4 { margin:11px 0; line-height:24px; font-size:18px; } .post-content h4 .icons { color:#777; } .avatar { padding:5px; margin:10px 0 0; } span.author { text-transform:uppercase; font-size:11px; } .post-thumbnail { position:relative; background:#fff; } .post-hover { position:absolute; text-align:center; width:100%; left:0; right:0; top:50%; z-index:100; margin-top:-25px; } .post-hover a { width:58px; height:58px; margin:0 5px; display:inline-block; background-color:#2a3b45; background-color:rgba(0, 0, 0, 0.4); background-image:url(../img/sprites/hover-icons.png); border:4px solid #eee; border:4px solid rgba(238, 238, 238, 0.12); color:#fff; text-align:center; font-size:24px; padding-top:15px; 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, background .3s; -webkit-transition:-webkit-transform .3s, opacity .6s, background .3s; -moz-transition:-moz-transform .3s, opacity .6s, background .3s; } .post-hover a.link-icon { background-position:-50px 0; } .post-hover a.search-icon { background-position:0 0; } .post-hover a.video-icon { background-position:-100px 0; } .post-hover a:hover { background-color:rgba(0, 0, 0, .8); } .post-image-gallery .slides li { position:relative; } .post-image-gallery img { height:auto; } .post-thumbnail:hover .post-hover a, .post.format-gallery .post-image-gallery .slides li:hover .post-hover a { 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; } .post.format-gallery .post-thumbnail:hover .post-hover a { 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; } .post-image-gallery a.flex-prev, .post-image-gallery a.flex-next { top:10px; left:10px; margin:0; background:#23323a url(../img/sprites/post-gallery-arrows.png) 0 0 no-repeat; background:rgba(35, 50, 58, .45) url(../img/sprites/post-gallery-arrows.png) 0 0 no-repeat; width:30px; height:30px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .post-image-gallery a.flex-next { left:41px; background-position:-30px 0; } .post-image-gallery a.flex-prev:hover, .post-image-gallery a.flex-next:hover { background-color:#008fd5; } .blog-post.masonry { border:1px solid #ddd; padding:0; position:relative; } .blog-post.masonry>div { padding:0; } .timeline-container .post-video iframe { width:100%; } .blog-post.masonry .post-content { padding:20px; } .blog-post.masonry h4 { line-height:32px; vertical-align:middle; font-weight:400; } .blog-post h4 .icons { margin-right:10px; } .post-footer { background:#f7f7f7; overflow:hidden; padding:10px 20px!important; } .post-footer .avatar { width:60px; float:left; margin:0; margin-right:10px; } .post-footer .post-date { display:block; text-align:left; } .post-footer span.post-day { font-size:12px; line-height:18px; font-weight:400; margin:5px 0 0; } .blog-post blockquote { margin:0; width:100%; } .blog-post .post-content blockquote { margin:20px 0; } .post-author { display:block; position:relative; padding:30px; background:#19242a url(../img/post-author.png) right top no-repeat; color:#73848e; padding-left:120px; } .post-author img { position:absolute; top:30px; left:30px; width:70px; } .post-author h3 { color:#d2f0ff; margin-top:0; } .post-comments ul { list-style:none; margin:0; padding:0; } .post-comments li ul { padding-left:30px; } .post-comments>ul>li .comment { padding:30px 20px; background:#fcfcfc; border:1px solid #eee; position:relative; overflow:hidden; margin:20px 0; } .post-comments .comment-author { float: left; margin-right: 20px; width:50px; text-align:center; } .post-comments .comment-author img { margin-top:0; padding:0; } .post-comments .comment-author span.author { display: block; line-height: 16px; font-size:10px; color:#23323a; margin-top:5px; } .post-comments .date { text-transform:uppercase; font-size:11px; display:block; margin-bottom:10px; } /* Recent Posts */ .recent-post .post-date { color:#23323a; } .recent-post { zoom:1; } .recent-post:after, .recent-post:before { content:''; display:table; } .recent-post:after { clear:both; } .recent-post .post-image { width: 200px; float: left; margin-right: 30px; padding:0; } .recent-post .recent-post-meta { float: left; width: 60px; padding: 0; margin: 0; margin-right:10px; } .recent-post .post-thumbnail { float: left; width: 130px; padding: 0; margin: 0; } /* Timeline */ .timeline-container { position:rleative; } .timeline-line { position:absolute; left:50%; top:20px; bottom:20px; height:100%; border:1px solid #fff; margin-left:-1px; } .timeline-line:after { content:''; position:absolute; display:block; left:50%; bottom:0; width:10px; height:10px; background:#fff; margin-left:-5px; border-radius:50%; -moz-border-radius:50%; } .left-timeline-item { padding-right:40px; position:relative; } .right-timeline-item { padding-left:40px; position:relative; } .left-timeline-item:after { content:''; display:block; position:absolute; right:26px; top:43px; width:15px; height:15px; background:url(../img/timeline-arrow-right.png) no-repeat; } .left-timeline-item:before { width:20px; height:20px; content:''; display:block; position:absolute; background:#000; top:40px; right:-10px; background:#73848e; border:5px solid #fff; border-radius:50%; -moz-border-radius:50%; z-index:100; } .right-timeline-item:after { content:''; display:block; position:absolute; left:26px; top:43px; width:15px; height:15px; background:url(../img/timeline-arrow-left.png) no-repeat; } .right-timeline-item:before { width:20px; height:20px; content:''; display:block; position:absolute; background:#000; top:40px; left:-10px; background:#73848e; border:5px solid #fff; border-radius:50%; z-index:100; } .timeline-date-tooltip { text-align:center; } .timeline-date-tooltip-top { margin-top: 60px; } .timeline-date-tooltip span { display:inline-block; background:#23323a; color:#fff; padding:10px 35px; position:relative; margin-bottom:40px; } .timeline-date-tooltip span:after { border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #23323a; content:''; display:block; position:absolute; bottom:-10px; left:50%; margin-left:-5px; } .timeline-container .blog-post.masonry .post-footer { background:#f9fbfc; border-bottom:1px solid #e7eaec; border-top:none; } .timeline-container .blog-post.masonry .post-footer .avatar { width:50px; } .timeline-container .blog-post.masonry .post-date { margin: -3px 0; } .blog-post.masonry .post-content h4 { margin-top:0; } .blog-post.masonry .read-more { margin-top:20px; display:block; } .blog-post.masonry .post-footer ul.post-meta { border-bottom:none; } .blog-post.masonry .post-content h4 { font-size:22px; font-weight:400; } .blog-post-alternate .post-content h4 { font-size:24px; font-weight:400; } .blog-post-meta span.post-day { font-weight:300; } .timeline-container .post-video { padding:10px 10px 0; background:#fff; } .blog-post.masonry span.post-format { display: inline-block; text-align: left; margin: -5px 3px 0 0; position: relative; top: 7px; } .blog-post.masonry .read-more { font-size:14px; font-weight:400; } .blog-post-classic.sticky { background:#fffffd; padding-top:30px; padding-bottom:30px; box-shadow:0 0 5px rgba(0, 0, 0, .12); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .12); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .12); } .blog-post-list, .blog-post-alternate { display:table; width:100%; vertical-align:top; } .blog-post-list .blog-post-meta, .blog-post-alternate .blog-post-meta { display: table-cell; width: 80px; padding-right: 20px; vertical-align: top; color:#23323a; } .blog-post-list .blog-post-content, .blog-post-alternate .blog-post-content { display:table-cell; vertical-align:top; } .blog-post-list .blog-post-meta span.post-date, .blog-post-alternate .blog-post-meta span.post-date { font-size:11px; font-weight:400; } .blog-post-list .blog-post-meta .avatar, .blog-post-alternate .blog-post-meta .avatar { padding:0 5px; } .blog-post-alternate .blog-post-content .post-content, .blog-post-alternate .blog-post-content .post-thumbnail { padding:0; } .blog-post-alternate .blog-post-content .post-content { padding-left:30px; } .blog-post-alternate .blog-post-content .post-content.col-lg-pull-6 { padding-right:30px; padding-left:0; } .blog-post.alternate-style { margin:0; } .blog-post.alternate-style + .blog-post.alternate-style { margin-top:70px; } .blog-post-list .post-meta { margin-top:10px; } .blog-post-list.post-single .post-meta { margin-bottom:10px; } .blog-post-list.post-single + .post-author { margin-top:20px; } .blog-post-list .post-content h4 { font-size:24px; font-weight:400; } .blog-post-list .read-more, .blog-post-alternate .read-more { display:block; margin-top:20px; font-weight: 400; font-size: 14px; } .post-comments .comment-reply-link { display:inline-block; font-weight: 400; font-size: 14px; } .blog-post.masonry .read-more:after, .blog-post-list .read-more:after, .blog-post-alternate .read-more:after, .post-comments .comment-reply-link:after { content:''; width:14px; height:14px; display:inline-block; background:url(../img/sprites/read-more-arrow-big.png) no-repeat; margin: 0 0 0 10px; position: relative; top: 1px; } .blog-post.masonry .blog-format-audio>.audio-player { margin:20px 20px 0!important; width:auto!important; } .timeline-container .blog-post.masonry .blog-format-audio>.audio-player { margin:0!important; } .blog-post-meta span.author { display: block; text-align: center; } .blog-post-alternate .blog-post-content .post-content.full-width-alternate { padding:0; } .blog-post.masonry .post-footer { border-top:1px solid #e5e8ea; } .blog-post.masonry .post-date { font-size:11px; color:#23323a; font-weight:400; } .blog-post.masonry .post-footer span.post-day { font-size:11px; } /* 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; } /* Testimonial */ .testimonial-header { background:#23323a; color:#fff; display:table; width:100%; position:relative; margin-bottom:30px; } .testimonial-header:after { content:''; width:0; height:0; border-style:solid; border-width:17px 20px 0 0; border-color:#23323a transparent transparent; position:absolute; bottom:-17px; right:20px; } .testimonial-image { display:table-cell; width:81px; } .testimonial-meta { display:table-cell; padding:0 20px; vertical-align:middle; text-align:left; } span.testimonial-author { font-size:18px; display:block; font-weight:300; } span.testimonial-job { color:#8cd9ff; font-size:10px; text-transform:uppercase; display:block; } .testimonial-quote { padding:0; display:block; margin:10px 0; padding-left:55px; background:url(../img/testimonial-blockquote.jpg) left top no-repeat; border:none; font-size:14px; font-weight:400; color:#008fd5; } .testimonial p { padding-left:55px; color:#73848e; } .testimonial .testimonial-desc p { padding-left: 0px; color:#73848e; } /* 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:70px; 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:38px; } .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: 16px; font-weight: 300; } .sc-icon p { font-size: 16px; font-weight: 300; } .sc-icon h3 { font-family: Lato; margin-top:0; margin-bottom:10px; font-weight:300; font-size: 30px; } .sc-icon .icons { position:absolute; left:0; top:15px; font-size:70px; } /* Team Member */ .gray-bg { background:#353f4b; color:#fff; } .team-member { text-align:center; } .team-member img { border:5px solid #fff; border:5px solid rgba(255, 255, 255, .05); box-shadow:0 0 2px rgba(0, 0, 0, .6); -webkit-box-shadow:0 0 2px rgba(0, 0, 0, .6); -moz-box-shadow:0 0 2px rgba(0, 0, 0, .6); display: inline-block; transition:border .4s; -webkit-transition:border .4s; -moz-transition:border .4s; } .team-member:hover img { border:5px solid rgba(255, 255, 255, .2); } .col-lg-3 .team-member img { width:190px; } .team-member.big img { margin-bottom:20px; } .team-member h4 { margin:20px 0 0; font-size: 18px; } .team-member .job-title { font-size:11px; text-transform:uppercase; color:#2691ac; display:block; font-weight:900; margin-top:-5px; margin-bottom: 10px; } .team-member div.text-content { color:#ccd2da; } span.small-line { display:inline-block; width:80px; border-top:1px solid #646b75; } .team-member .social-media { list-style:none; margin:30px 0 0; padding:0; } .team-member .social-media li { display:inline-block; padding:0 1px; } /* Our Clients */ .client-logo { text-align:center; } /* 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:11px; position:relative; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } .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:#23323a; border:none; } .get-in-touch.light input[type="reset"]:hover { background:#101c23; } .get-in-touch.light input[type="submit"] { background:#008fd5; border:none; } .get-in-touch.light input[type="submit"]:hover { background:#107aae; } .get-in-touch.light .iconic-button .icons { color:#fff; } /* Contact */ .google-map-ts { display: block; height: 400px; overflow:hidden; position:relative; margin-top: -63px; } .google-map-ts>p { margin: 0; } .google-map-ts.ext { height: 800px; } .google-map { display: block; height: 400px; overflow:hidden; } .google-map.ext { height: 800px; position:relative; } .google-map > p { display: none; } .google-map > div { height: 400px; position: relative; width: 100% !important; margin: 0; } .google-map.ext > div { height: 800px; } .google-map .wpgmappity_container { height: 400px !important; } .google-map.ext .wpgmappity_container { height: 1100px!important; margin-top: -300px; } .google-map .wpgmappity_container { width: 100% !important; } .get-in-touch-overlay { position:absolute; height:430px; background:#082338; background:rgba(8, 35, 56, 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; } /* Progress Bars */ .progressbar { width:100%; height:15px; background:transparent; padding:3px; border-radius:1px; -moz-border-radius:1px; border:1px solid #DDE0E4; position:relative; margin:10px 0 15px; } .progressbar .progress-width { height:100%; width:0; background-image:url(../img/progress-bar.jpg); background-position:0 0; background-repeat:repeat-x; animation:animatedBackground 6s linear infinite; -webkit-animation:animatedBackground 6s linear infinite; } .progressbar .progress-percent { width:35px; height:35px; display:none; background:url(../img/progressbar-percent.png) no-repeat; color:#fff; font-size:10px; padding-right:4px; padding-top:2px; text-align:center; position:absolute; top:-36px; margin-left:-17px; } .style1 p { color:#474a4c; } .style2 p { /*color:#b9c3ca;*/ } .style2 .progressbar { outline: 1px solid rgba(179, 182, 185, 0.54); } .gray-bg .progressbar { background:transparent; border-color:transparent; outline:1px solid #666; } @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; } } /* Circular Progress Bar */ .circular-counter { position:relative; text-align:center; margin:20px 0; } p.knob-percent { position:absolute; font-size:12px; text-transform:uppercase; font-weight:300; color:#fff; top:50%; margin-top:-50px; left:0; right:0; text-align:center; } p.knob-percent span { font-size:60px; line-height:70px; display:block; text-align:center; } /* Tabs */ .tab-header { display:block; width:100%; } .tab-header ul { display:table; list-style:none; margin:0; padding:0; width:100%; table-layout:fixed; } .tab-header ul li { display:table-cell; text-align:center; border:1px solid #ddd; padding:10px 0; cursor:pointer; background:#f4f4f4; transition:background .3s border .3s; -webkit-transition:background .3s border .3s; -moz-transition:background .3s border .3s; } .tab-header ul li.active-tab { border-top-color:#089bd5; border-bottom:none; background:#fff; } .tab-header ul li:hover { background:#fff; } .tab-header ul li a { color:#999; text-transform:uppercase; font-size:11px; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } .tab-header ul li.active-tab a { color:#089bd5; display:block; } .tab-content { border:1px solid #ddd; border-top:none; padding:10px; } .tab>:first-child { margin-top:0; } /* Style 2 */ .tabs.style2 { display:table; width:100%; vertical-align:top; } .tabs.style2>div { display:table-cell; } .tabs.style2 .tab-header { width:35%; vertical-align:top; } .style2 .tab-header ul { display:block; width:auto; } .style2 .tab-header ul li { display:block; text-align:left; border:none; border-bottom:1px solid #394d58; padding:25px 10px 25px 70px; background:#23323a; position:relative; } .style2 .tab-header ul li:hover { background:#2d3b43; } .style2 .tab-header ul li.active-tab { background:#008fd5; } .style2 .tab-header ul li:after { position:absolute; top:50%; margin-top:-4px; right:0; content:''; transition:border .3s; -webkit-transition:border .3s; -moz-transition:border .3s; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid transparent; } .style2 .tab-header ul li.active-tab:after { border-right:8px solid #fff; } .style2 .tab-header ul li.active-tab .icons { color:#afe4fe; } .style2 .tab-header ul li a { color:#f5f5f5; } .style2 .tab-header ul li .icons { position:absolute; top:21px; left:10px; color:#8797a0; font-size:30px; } .style2 .tab-content { border:none; background:#fcfcfc; padding:20px; } /* Sidebar */ .sidebar { padding-top:40px; padding-bottom:40px; } .sidebar h3 { font-size:20px; font-weight:400; margin:0 0 10px; } .sidebar .widget_area, .sidebar .widget { margin-bottom:30px; } .sidebar input[type="text"], .sidebar input[type="password"], .sidebar input[type="search"] { width:100%; padding:10px; border:1px solid #ddd; background:#f7f7f7; } .sidebar select { width:100%; border:1px solid #ddd; white-space: pre-wrap; } .sidebar .iconic-submit input[type="submit"]:hover + .icons { color:#333; } .sidebar .iconic-submit .icons { font-size:16px; color:#999; } .sidebar .social { display:block; overflow:hidden; } .sidebar .social-item { display:block; width:50%; float:left; } .sidebar .social-item img { float:left; margin-right:10px; } .sidebar .social-item span { line-height:18px; display:inline-block; color:#999; } .sidebar .social-item span.bold { color:#444; } .sidebar table { width:100%; text-align:center; } .sidebar table th { text-align:center; } #calendar_wrap { position:relative; background:#fff; } .widget_calendar > div { padding:10px; border:1px solid #ddd; } .widget_calendar table { width:100%; text-align:center; border:none; } .widget_calendar caption { color:#45484a; font-size:11px; text-transform:uppercase; } .widget_calendar tr, .widget_calendar thead, .widget_calendar tfoot { border:none; } .widget_calendar th { color:#7f8e97; font-size:10px; font-weight:400; text-align:center; border:none; } .widget_calendar td { padding:5px 0; color:#45484a; border:none; } .widget_calendar tfoot .pad { display:none; } .widget_calendar #prev { text-align:left; display: block; position: absolute; top: 15px; left: 20px; width: 10px; height: 10px; cursor:pointer; background: url(../img/sprites/calendar-arrows.png) 0 0 no-repeat; } .widget_calendar #next { text-align:right; display: block; position: absolute; top: 15px; right: 20px; width: 10px; height: 10px; cursor:pointer; background: url(../img/sprites/calendar-arrows.png) -10px 0 no-repeat; } .widget_calendar #next>a, .widget_calendar #prev>a { text-indent:-9999px; display:block; width:10px; height:10px; } .widget_calendar #prev:hover { background-position:0 -10px; } .widget_calendar #next:hover { background-position:-10px -10px; } .widget_calendar #today { background:#008fd5; color:#fff; } .sidebar .categories, .widget ul { padding:0; margin:0; list-style:none; } .sidebar .categories li, .sidebar .widget>ul li { border-bottom:1px solid #ddd; padding:5px 0; background:url(../img/post-meta-square.png) left 10px no-repeat; padding-left:15px; } .sidebar .categories li:last-child, .widget>ul li:last-child { border:none; } .sidebar .categories a, .widget>ul li a { color:#73848e; text-transform:uppercase; font-size:11px; display:block; transition: color 0.3s, padding 0.3s; -webkit-transition: color 0.3s, padding 0.3s; -moz-transition: color 0.3s, padding 0.3s; } .sidebar .categories a:hover, .widget>ul li a:hover { color:#008fd5; } .sidebar .widget>ul li a:hover { padding-left:5px; } .sidebar .widget_recent_works ul li a:hover { padding-left:0; } .sidebar .contact-info { padding:20px; border:1px solid #ddd; } .sidebar .contact-info p { font-size:13px; } .sidebar .contact-info p span.light-blue { font-size:14px; } .sidebar .social-media { margin:10px 0; padding:0; list-style:none; } .sidebar .social-media li { display:inline-block; } .widget_recent_works ul { padding:15px; border:1px solid #e7eaec; zoom:1; } .widget_recent_works ul:after, .widget_recent_works ul:before { content:''; display:table; } .widget_recent_works ul:after { clear:both; } .sidebar .widget_recent_works>ul li { border:none; background:none; padding:0; float:left; width:33.333%; padding:5px; } .sidebar .widget_recent_works>ul li img { width:100%; height:auto; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transform:translateZ(0px); } .sidebar .widget_recent_works>ul li:hover img { opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .widget_recent_works>ul li .cloud { display:none; } .widget_recent_works>ul li a:hover { padding-left: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:#7ca1b3; } #main-footer span.post-date { text-transform:uppercase; text-align:left; font-size:10px; } #main-footer .widget li a { color:#bdd2dc; font-size:13px; font-style:italic; 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:65px; letter-spacing:1px; text-transform:uppercase; color:#0557A4; margin:0; padding:35px 0 30px 0; } .page-heading.style3 h1 { letter-spacing:0; color:#2d363c; } .blog-post-single .post-content .post-meta { margin-bottom:20px; } .blog-post-single .post-author h3 { margin-bottom:5px; font-size:18px; line-height:26px; } .breadcrumbs { display:block; margin-top:25px; text-align:right; color:#000000; } .breadcrumbs .delimiter { margin: 0 8px 0 6px; } .breadcrumbs a { color:#000000; } .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:30px; } 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; } a.portfolio-button { display:inline-block; width:40px; height:40px; margin:20px 0 0; background:url(../img/portfolio-button.png) no-repeat; float:left; } .portfolio-arrows { text-align:right; } a.portfolio-prev, a.portfolio-next { width:30px; height:60px; display:inline-block; background:url(../img/main-slider-arrows.png) no-repeat; margin-top:10px; } a.portfolio-prev { background-position:-15px 0; } a.portfolio-next { background-position:-75px 0; margin-left:-10px; } /* Portfolio Page */ .projects { overflow:hidden; } #projects-container, #sortable-shop-products, .projects-container { overflow:hidden; } #projects-container .mix, #sortable-shop-products .mix, .projects-container .mix { display:none; } #projects-container #post-items { overflow: hidden; } .portfolio-1column .project-item.mix { width:100%; } #projects-container.full-width-portfolio .mix { padding-left:0; padding-right:0; } #projects-container .sidebar { padding-top: 0; padding-bottom: 0; } .full-width-portfolio>div>div { padding: 0; } .project-item { padding:0; } .portfolio-2column .project-item:nth-child(even) .project, .portfolio-3column .project-item:nth-child(3n + 1) .project, .portfolio-4column .project-item:nth-child(4n) .project { border-right-color:transparent; } .portfolio-1column .sorting-tags, .portfolio-2column .sorting-tags, .portfolio-3column .sorting-tags, .portfolio-4column .sorting-tags { margin-bottom:20px; } .sorting-tags { display:block; margin-bottom:40px; text-align:center; } .sorting-tags.light { text-align:left; } .sorting-tags div { display:inline-block; padding:5px 15px; background:#2a3b45; color:#97a4ad; font-size:11px; text-transform:uppercase; cursor:pointer; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } .sorting-tags.light div { padding:0; background:none; padding:10px 5px; } .sorting-tags.light div:first-child { padding-left: 0; } .sorting-tags.light div.filter { background:none; padding:10px 5px; color:#444; } .sorting-tags div.filter.active, .sorting-tags div.filter:hover { color:#8cd9ff; } .load-more { margin-top:60px; } /* Footer */ .latest-tweets { display:table; width:100%; } .tweet-icon { display:table-cell; height:120px; width:120px; vertical-align:middle; text-align:center; background:#1f9cda; position:relative; } .tweet-icon:after { content:''; display:block; position:absolute; width:0; height:0; border-style:solid; border-width:17px 17px 0 0; border-color:#1f9cda transparent transparent; top:20px; right:-17px; } .tweet-carousel { display:table-cell; padding:0 0 0 40px; vertical-align:middle; } .tweets-flexslider { padding-right:80px; } .tweets-flexslider .slides li { height:70px; } .tweets-flexslider .tweet-wrapper { display:table; height:100%; } .tweets-flexslider .tweet-wrapper-inner { height:100%; display:table-cell; vertical-align:middle; } .tweet-slider-arrows { position:absolute; bottom: 50%; margin-bottom: -11px; right:0; color:#fff; font-size:20px; } .tweet-slider-arrows .icons { color:#fff!important; cursor:pointer; } .tweet-slider-arrows .icons + .icons { position:relative; left:-6px; } p.tweet-content { font-size:16px; margin:0; color:#fff; } p.tweet-content a { color:#bbdbef; } span.tweet-date { font-size:12px; color:#bbdbef; font-style:italic; display: block; } /* Elements */ /* Lists */ .list { list-style:none; margin:20px 0; padding:0; } .list li { position:relative; margin:5px 0; } .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:1px solid #eee; text-align:center; padding:30px; } .info-box h4.bold { font-size:18px; font-weight:700; margin-bottom:10px; } .info-box a.button { min-width:100px; } .info-box a.button.unfilled { font-size:14px; } .info-box h4 { margin-bottom:0; } .info-box p { margin-top:0; margin-bottom:20px; font-size:16px; font-weight:300; } /* 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; } /* Audio Player */ .audio-player { width:100%; display:block; height:30px; background:#23323a; position:relative; padding:11px 10px 11px 40px; } .audio-player.volume-on { padding-right:120px; } .audio-play-button { position:absolute; left:0; top:0; bottom:0; width:30px; height:30px; background:#008fd5 url(../img/audio-buttons.png) no-repeat; cursor:pointer; transition:background .2s; -webkit-transition:background .2s; -moz-transition:background .2s; } .audio-play-button.pause { background-position:0 -30px; } .audio-progress, .audio-volume { height:8px; background:#1b282e; position:absolute; left:40px; top:11px; cursor:pointer; right:10px; } .audio-volume { left:auto; width:70px; right:10px; } .volume-on .audio-progress { right:100px; } .audio-progress-bar, .audio-volume-bar { background:#96a5ac; width:0; height:8px; } /* =============================== */ /* SHOP PAGES */ /* =============================== */ a.load-more-button:hover .icons:before { -webkit-animation:spinit 2.5s linear infinite; -moz-animation:spinit 2.5s linear infinite; animation:spinit 2.5s linear infinite; } @-moz-keyframes spinit { from { -moz-transform:rotate(0deg); } to { -moz-transform:rotate(360deg); } } @-webkit-keyframes spinit { from { -webkit-transform:rotate(0deg); } to { -webkit-transform:rotate(360deg); } } @keyframes spinit { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } a.button.unfilled, input[type="submit"].unfilled, button.unfilled { background:transparent!important; border:2px solid #000!important; text-transform:uppercase; color:#000; font-weight:700; font-size:14px; padding:10px 25px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } a.button.unfilled:after { content:''; position:absolute; left:0; top:0; bottom:0; right:100%; z-index:-1; transition:right 0.3s; -webkit-transition:right 0.3s; -moz-transition:right 0.3s; } a.button.unfilled.big, input[type="submit"].unfilled.big { padding:14px 35px!important; } a.button.unfilled.small, input[type="submit"].unfilled.small, button.unfilled.small { padding:6px 15px!important; font-size:12px; } a.button.unfilled.white, input[type="submit"].unfilled.white { color:#fff!important; background:transparent!important; border:2px solid #fff!important; font-weight:700; font-size:14px; padding:10px 25px; text-transform:uppercase; position:relative!important; z-index:10; transition: color 0.3s, background 0.3s; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; } a.button.unfilled.black, input[type="submit"].unfilled.black { background:transparent!important; border:2px solid #000!important; color:#000!important; font-weight:700; font-size:14px; padding:10px 25px; text-transform:uppercase; position:relative!important; z-index:10; transition: color 0.3s, background 0.3s; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; } input[type="submit"].unfilled.rounded { border-radius: 10px; } a.button.unfilled:hover, input[type="submit"].unfilled:hover { color:#fff!important; } a.button.unfilled.white:hover, input[type="submit"].unfilled.white:hover { color:#000!important; } input[type="submit"].unfilled:hover { background:#000!important; } input[type="submit"].unfilled.white:hover { color:#fff!important; } a.button.unfilled.white:after { background:#fff; } a.button.unfilled.black:after { background:#000; } a.button.unfilled.white:hover:after { right:0; } a.button.unfilled.black:hover:after { right:0; } a.button.unfilled strong { font-weight:800; } a.button.unfilled.view-more, a.button.view-more, button.view-more { height:60px; padding:17px 30px 15px 70px; position:relative; font-size:14px; font-weight:700; margin-top:20px; } a.button.view-more, button.view-more { padding-top:27px; padding-left:95px; padding-right:50px; height:75px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } button.view-more { padding-top:15px; } a.button.unfilled.view-more:before, a.button.view-more:before, button.view-more:before { content:''; display:inline-block; width:50px; height:50px; position: absolute; left: 20px; top: 2px; background:url(../img/sprites/hover-icons.png) -150px 0 no-repeat; } a.button.view-more:before, button.view-more:before { top:12px; left:40px; } a.button.unfilled.view-more:hover:before { background-position:-200px 0; } a.button.unfilled.black.view-more:before { background-position:-200px 0; } a.button.unfilled.black.view-more:hover:before { background-position:-150px 0; } .shop-banner { margin-bottom:30px; overflow:hidden; position:relative; } .shop-banner img { width:100%; -webkit-transform:translateZ(0px); } .banner-content-wrapper { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; } .banner-content { display:table; height:100%; width:100%; } .banner-content-inner { display:table-cell; height:100%; width:100%; text-align:center; vertical-align:middle; } .banner-content-inner .overlay { display:inline-block; padding:40px 20px; background:#000; background:rgba(0, 0, 0, .4); color:#fff; width:80%; max-width:400px; max-height:100%; transition:background .4s; -webkit-transition:background .4s; -moz-transition:background .4s; } .banner-content-inner .overlay h1, .banner-content-inner .overlay h2, .banner-content-inner .overlay h3, .banner-content-inner .overlay h4, .banner-content-inner .overlay h5, .banner-content-inner .overlay h6 { color:#fff; } .shop-banner:hover .banner-content-inner .overlay { background:rgba(0, 0, 0, .6); } .shop-banner img { transition:opacity .3s; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; } .shop-banner:hover img { opacity:0.8; } .shop-banner h2 { font-size:42px; font-weight:800; margin:0; text-transform:uppercase; } .shop-banner h3 { font-size:30px; margin: 0; font-weight:800; text-transform:uppercase; } .shop-banner h4 { margin:0 0 15px; font-size:18px; font-weight:800; display:inline-block; text-transform:uppercase; position:relative; } .shop-banner h4:before { content:''; position:absolute; width:30px; height:4px; top:50%; margin-top:-2px; left:-40px; border-top:1px solid #fff; border-bottom:1px solid #fff; } .shop-banner h4:after { content:''; position:absolute; width:30px; height:4px; top:50%; margin-top:-2px; right:-40px; border-top:1px solid #fff; border-bottom:1px solid #fff; } .shop-banner h4 + a.button:before { display:table; content:''; clear:both; float:left; } .shop-banner p { font-size:14px; font-weight:300; margin-top:15px; text-transform:uppercase; } /* Shop Logos */ .shop-logos { display:table; width:100%; list-style:none; margin:0; padding:0; } .shop-logos img { padding:5px 10px; } .shop-logos li { display:table-cell; } /* Shop Products */ .shop-main-padding { padding-top: 40px; padding-bottom: 40px; } .shop-filters { text-align:center; margin-bottom:30px; } .shop-filters span { display:inline-block; color:#0b2b33; font-size:16px; font-weight:700; text-transform:uppercase; cursor:pointer; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } .shop-filters span.active, .shop-filters span:hover { color:#1f95d5; } .shop-filters span + span { margin-left:15px; } .shop-product { margin-bottom:30px; } .shop-product .featured-image { position:relative; overflow:hidden; } .shop-product .featured-image img { width:100%; height:auto; transition:transform .6s; -webkit-transition:-webkit-transform .6s; -moz-transition:-moz-transform .6s; } .shop-product:hover .featured-image img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); } .ribbon { display:inline-block; padding:5px 15px; font-size:14px; font-weight:700; text-transform:uppercase; position:absolute; top:10px; left:0; z-index:10; text-align:center; } .ribbon.onsale { color:#fff; background:#7dc962; border-left:3px solid #6eb156; } .ribbon.new { color:#fff; background:#fa6d61; border-left:3px solid #db6155; } .ribbon.stock { color:#fff; background:#b5b5b6; border-left:3px solid #9e9e9f; } .ribbon.top { color:#fff; background:#fe9b65; border-left:3px solid #dc8657; } .shop-product .product-buttons { position:absolute; bottom:-50px; padding:0 10px; display:block; width:100%; table-layout:fixed; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; } .shop-product:hover .product-buttons { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); opacity:1; bottom:5px; } .shop-product .product-buttons a.button { display:block; padding:9px 0; text-align:center; font-size:14px; font-weight:700; border-right:none; float:left; width:49%; height:40px; } .shop-product .product-buttons a.button.details-button, .shop-product-slider .product-buttons a.button { background:#15333b; background:rgba(21, 51, 59, .45); } .shop-product .product-buttons a.button.details-button:hover, .shop-product-slider .product-buttons a.button:hover { background:#0b1f24; background:rgba(21, 51, 59, .70); } .shop-product .product-buttons a.added_to_cart { display:none; } .shop-product .product-buttons a.button + a.button { margin-left:2%; } .shop-product .product-info { margin-top:10px; height:45px; overflow:hidden; } .shop-product .product-info>div { display:block; font-size:13px; color:#19242a; } .shop-product .product-info .price { float:right; font-weight:700; } .shop-product .product-info .price.blue { color:#3b9dd8; text-decoration: none; text-transform: uppercase; } .shop-product .product-info .price del { text-decoration: none; display: block; text-align: right; } /* Recently Viewed Products */ .recent-products-header { overflow:hidden; } .recent-products-header h5 { float:left; margin-top:0; } .recent-products-header .clear-recent-products { float:right; color:#000; } .recently-viewed-product { margin-top:30px; } .recently-viewed-product .featured-image { position:relative; overflow:hidden; } .recently-viewed-product .featured-image img { width:100%; } .recently-viewed-product .remove-product-button { position:absolute; top:5px; left:-15px; color:#000; font-size:14px; z-index:10; opacity:0; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; } .recently-viewed-product .remove-product-button:hover, .recent-products-header .clear-recent-products:hover { color:#098ed1; } .recently-viewed-product .product-buttons { position:absolute; bottom:-50px; left:0; right:0; z-index:10; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; } .recently-viewed-product:hover .remove-product-button { left:5px; opacity:1; } .recently-viewed-product:hover .product-buttons { bottom:0; } .recently-viewed-product .product-buttons a.button { margin:0; width:100%; display:block; text-align:center; background:#000; background:rgba(0, 0, 0, .4); } .recently-viewed-product .product-buttons a.button:hover { background:rgba(0, 0, 0, .6); } .recently-viewed-product .product-info { margin-top:10px; } .recently-viewed-product .product-info > span { display:block; font-size:12px; color:#73848e; line-height:18px; } .recently-viewed-product .product-info ins, .recently-viewed-product .product-info .amount { font-weight: 700; color: #0B2B33; } .recently-viewed-product .product-info ins, .recently-viewed-product .product-info del { display: block; font-size:12px; } .recently-viewed-product .product-info ins { color:#3b9dd8; text-decoration: none; text-transform: uppercase; font-weight: bold; } .recently-viewed-product .product-info span.price { font-weight:700; color:#0b2b33; } ul.arrow-list, .shop-footer .shop-widget ul { list-style:none; margin:0; padding:0; font-size:14px; } ul.arrow-list li + li, .shop-footer .shop-widget ul li + li { margin-top:15px; } ul.arrow-list a, .shop-footer .shop-widget ul a { color:#73848e; border-bottom:1px solid transparent; transition:color .3s border .3s; -webkit-transition:color .3s border .3s; -moz-transition:color .3s border .3s; } ul.arrow-list a:hover, .shop-footer .shop-widget ul a:hover { color:#008fd5; border-bottom:1px solid #008fd5; } ul.arrow-list li:before, .shop-footer .shop-widget ul li:before { 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; font-size:18px; color:#73848e; content:'\e897'; } /* Shop Page Header */ .shop-page-header { padding-left:5000px; padding-right:5000px; margin-left:-5000px; margin-right:-5000px; padding-top:10px; padding-bottom:10px; border-top:1px solid #eceded; border-bottom:1px solid #eceded; } .shop-page-header .breadcrumbs { text-align:left; margin:0; color:#73848e; } .shop-page-header .breadcrumbs a { color:#0b2b33; } .shop-page-header .breadcrumbs a:hover { color:#008fd5; } .shop-page-header .breadcrumbs .separator:before { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; content:'\e897'; } .shop-page-header .shop-header-links { list-style:none; margin:0; padding:0; text-align:right; } .shop-page-header .shop-header-links li { display:inline-block; } .shop-page-header .shop-header-links li+li:before { content:'| '; margin:0 3px; } .shop-page-header .shop-header-links li a { color:#0b2b33; font-size:11px; text-transform:uppercase; } .shop-page-header .shop-header-links li a:hover { color:#008fd5; } /* Shopping Cart */ .shopping-cart { width:100%; } .shopping-cart tr { border:1px solid #e6e7e7; } .shopping-cart tr + tr { border-top:none; } .shopping-cart>tbody>tr>th { padding:10px 20px; background:#fcfcfc; color:#0b2b33; font-size:14px; text-transform:uppercase; font-weight:700; } .shopping-cart tfoot tr { background:#fcfcfc; } .shopping-cart td { padding:20px; vertical-align:top; } .shopping-cart td + td { border-left:1px solid #e6e7e7; } .shopping-cart .featured-image { width:40%; display:block; float:left; margin-right:20px; } .shopping-cart .product-info a.title { color:#19242a; font-size:16px; } .shopping-cart .product-info a.title:hover { color:#1f95d5; } .shopping-cart .product-meta { list-style:none; margin:10px 0 0; padding:0; color:#73848e; font-size:14px; } .shopping-cart-dropdown .price { color:#0b2b33; } .shopping-cart-dropdown .product-meta { color:#73848e; } .shopping-cart-dropdown .product-meta li p { display:inline-block; margin:0; } .shopping-cart .remove-product { color:#000; font-size:16px; display:block; text-align:center; } .shopping-cart .remove-product:hover { color:#1f95d5; } .shopping-cart span.price { font-size:14px; font-weight:700; color:#0b2b33; display:block; text-align:center; } .shopping-cart span.price del { color:#73848e; } .shopping-cart span.product-code { font-size:14px; text-transform:uppercase; display:block; text-align:center; } .shopping-cart .coupon { float: left; } .shopping-cart .update-cart { float: right; } .shopping-cart #shipping_method { list-style: none; } .cart-subtotal, .update-totals { display:inline-block; width:auto; text-align:left; vertical-align:top; } .cart-subtotal h4, .update-totals h4 { color:#0b2b33; font-size:14px; font-weight:700; text-transform:uppercase; } .update-totals { margin-right:30px; } .update-totals select { width:100%; border:1px solid #eaeaea; padding:5px; } .update-totals input, .update-totals button { border:1px solid #eaeaea; padding:5px; } .update-totals select + select, .update-totals select + input, .update-totals input + input, .update-totals input + select { margin-top:10px; } .update-totals input[type="submit"], .update-totals button[type="submit"] { margin-top:20px; } .cart-subtotal table { width:100%; } .cart-subtotal th, .cart-subtotal td { padding:15px 20px; text-transform:uppercase; background:#fff; } .cart-subtotal th { color:#73848e; } .cart-subtotal th.black { color:#0b2b33; } .cart-subtotal .price.blue { color:#008fd5; } .shopping-cart-button { display:block; margin-top:20px; } .shopping-cart-button a.button { font-size:14px; } /* Numeric Input */ .numeric-input-holder { position:relative; padding:0 30px; display:inline-block; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .numeric-input-wrapper input, .numeric-input { width:40px; height:40px; border:2px solid #19242a; text-align:center; font-weight:700; color:#19242a; } .numeric-input-holder .increase-button, .numeric-input-holder .decrease-button { position:absolute; width:30px; height:40px; left:0; top:10px; text-align:center; cursor:pointer; color:#19242a; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } .numeric-input-holder .increase-button { left:auto; right:0; } .numeric-input-holder .increase-button:hover, .numeric-input-holder .decrease-button:hover { color:#1f95d5; } .numeric-input-holder .decrease-button:before, .numeric-input-holder .increase-button:before { 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; font-size:12px; content:'\e823'; } .numeric-input-holder .increase-button:before { content:'\e81f'; } .coupon input[type="text"] { height:42px; border: 1px solid #ddd; padding: 5px 10px; margin: 0 10px; } /* Product Category Page */ .head-banner { background-size:cover; color:#fff; padding-top:180px; padding-bottom:80px; } .head-banner h1 { font-size:142px; font-weight:800; line-height:120px; letter-spacing:-10px; text-transform:uppercase; margin-bottom:20px; color:#cf6a5f; } .head-banner p { font-size:18px; font-style:italic; color:#23323a; } .shop-options form { background:#fcfcfc; border:1px solid #eceded; padding:7px 20px; zoom:1; } .shop-options form:after, .shop-options form:before { content:''; display:table; } .shop-options form:after { clear:both; } .shop-options ul { list-style:none; margin:0; padding:0; display:inline-block; float:right; } .shop-options ul li { display:inline-block; padding:5px 0; } .shop-options ul li + li { margin-left:10px; } .shop-options ul li + li:before { content:'| '; position:relative; left:-5px; top:-1px; } .shop-options ul li a { color:#0b2b33; font-size:12px; text-transform:uppercase; } .shop-options ul li a:hover { color:#73848e; } .shop-options label { color:#73848e; font-size:12px; text-transform:uppercase; font-weight:400; margin-right:5px; } .shop-options select + label { margin-left:15px; } .shop-options select { border:1px solid #eaeaea; padding:5px; } .shop-options .item-count { margin:15px 0; color:#73848e; } /* Shop Refine */ .sidebar .shop-widget { border:1px solid #e6eaec; padding:12px 20px; } .sidebar .shop-widget + .shop-widget { border-top:none; } .shop-refine-header + .refine-type, .refine-type + .shop-refine-header, .shop-refine-header + .shop-refine-header, .refine-type + .refine-type { border-top:1px solid #e6eaec; } .sidebar .shop-widget h3 { color:#0b2b33; font-size:16px; text-transform:uppercase; font-weight:700; margin:0; } .sidebar .shop-widget h4 { color:#0b2b33; font-size:14px; text-transform:uppercase; font-weight:700; margin:0; } .sidebar .shop-widget ul { list-style:none; margin:0; padding:0; } .sidebar .shop-widget ul a { font-size:11px; color:#23323a; text-transform:uppercase; position:relative; display:inline-block; padding-left:15px; } .sidebar .shop-widget ul a:before { content:''; width:8px; height:8px; border:1px solid #a8b1b7; display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; } .sidebar .shop-widget ul a:hover:after, .sidebar .shop-widget ul li.chosen a:after { content:''; width:4px; height:4px; background:#a8b1b7; display:inline-block; position:absolute; left:2px; top:50%; margin-top:-2px; } .sidebar .shop-widget { position:relative; } .sidebar .shop-widget .arrow { cursor:pointer; } .sidebar .shop-widget .arrow:before { 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; font-size:18px; position:absolute; top:17px; right:10px; color:#686b6d; content:'\e899'; } .sidebar .price_slider { margin: 20px 0 15px; } .sidebar .shop-widget.opened .arrow:before { content:'\e898'; } .refine-type-content { padding-top:10px; position:relative; height:250px; overflow:hidden; } .refine-type.product-price-range .refine-type-content { height:auto; } .price-range-min { float:left; } .price-range-max { float:right; } .refine-type input[type="checkbox"] { display:none; } .refine-type input[type="checkbox"] + label { display:block; font-weight:400; font-size:11px; color:#23323a; text-transform:uppercase; position:relative; padding-left:15px; cursor:pointer; } .refine-type input[type="checkbox"] + label:before { content:''; width:8px; height:8px; border:1px solid #a8b1b7; display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; } .refine-type input[type="checkbox"]:checked + label:after { content:''; width:4px; height:4px; background:#a8b1b7; display:inline-block; position:absolute; left:2px; top:50%; margin-top:-2px; } /* Checkout */ form.checkout { max-width:500px; } form.checkout ul { list-style:none; margin:0; padding:0; } form.checkout ul.payment_methods.methods { margin:40px 0; } form.checkout input[type="text"], form.checkout input[type="password"], form.checkout input[type="search"], form.checkout textarea { width:100%; border:1px solid #ddd; display:block; padding:5px 10px; } form.checkout textarea { min-height:200px; } .checkbox { display: initial; min-height: auto; margin-top: 0; margin-bottom: 0; padding-left: 0; } form.checkout table { width:100%; border:1px solid #ddd; } form.checkout tr { display:table-row!important; width:100%!important; } form.checkout tr + tr { border-top:1px solid #ddd; } form.checkout thead { border-bottom:1px solid #ddd; } form.checkout tfoot { border-top:1px solid #ddd; } form.checkout td + td, form.checkout th + th, form.checkout td + th, form.checkout th + td { border-left:1px solid #ddd; } form.checkout th, form.checkout td { padding:15px 20px; text-transform:uppercase; background:#fff; } form.checkout th { color:#73848e; } /* Shop Details */ .product-single { overflow:hidden; display:table; width:100%; vertical-align:top; } .product-single-image { width:390px; padding-right:30px; display:table-cell; vertical-align:top; } .product-single-details { display:table-cell; vertical-align:top; } .shop-product-slider { margin-left:-5px; margin-right:-5px; overflow:hidden; } .shop-product-slider .ribbon { left:5px; top:15px; } .shop-product-slider .slides li { position:relative; } .shop-product-slider .product-buttons { position:absolute; bottom:5px; display:table; table-layout:fixed; width:100%; list-style:none; margin:0; padding:0; } .shop-product-slider .product-buttons li { display:table-cell; padding:0 5px; } .shop-product-slider .product-buttons li:first-child { padding-left:15px; } .shop-product-slider .product-buttons li:last-child { padding-right:15px; } .shop-product-slider .product-buttons a.button { display:block; text-align:center; font-size:12px; } .shop-product-slider .slides li img { padding:5px; } .shop-product-slider .flex-control-thumbs { display:table; table-layout:fixed; } .shop-product-slider .flex-control-thumbs li { display:table-cell; width:auto; float:none; } .shop-product-slider .flex-control-thumbs li img { width:100%; border-width:5px; } .shop-product-slider .flex-prev, .shop-product-slider .flex-next { top:38%; } .shop-product-slider .flex-prev:before, .shop-product-slider .flex-next:before { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; content:'\e896'; } .shop-product-slider .flex-next:before { content:'\e897'; } .shop-product-details h3 { color:#19242a; font-size:18px; font-weight:400; margin:0; } .shop-product-details h4 { color:#19242a; font-size:14px; font-weight:700; margin:10px 0 5px; } .shop-product-details .price { font-size:18px; color:#1f95d5; font-weight:700; text-decoration: none; } .shop-product-details .price>del { font-size:14px; color:#73848e; display:block; font-weight:400; } .shop-product-details ul { list-style:none; margin:0; padding:0; } .shop-product-details select { border:1px solid #eaeaea; padding:5px; display:block; margin-bottom: 10px; min-width:120px; } .shop-product-submit .shop-item-count { width:40px; height:40px; border:2px solid #000; font-weight:700; text-align:center; } .shop-product-submit input { margin-right:8px; } .shop-product-submit { margin-bottom:30px; } input[type="submit"].blue { background:#008fd5; color:#fff; border:none; font-size:14px; height:40px; padding:8px 20px; display:inline-block; text-transform:uppercase; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; margin:5px 0; } input[type="submit"].blue:hover { background:#107aae; } input[type="submit"].empty { background:none; border:none; } .shop-we-recommend { border:1px solid #eceded; padding:20px 20px 20px 50px; } .shop-we-recommend h4 { color:#0b2b33; font-size:16px; font-weight:700; text-transform:uppercase; } .shop-products-recommend { height:840px; overflow:hidden; position:relative; padding-right:30px; } .shop-products-recommend .item + .item { margin-top:30px; } .shop-products-recommend .item a.title { display:block; color:#73848e; font-size:12px; line-height:18px; margin-top:10px; } .shop-products-recommend .item a.title:hover { color:#1f95d5; } .shop-products-recommend .item .price { font-weight:700; color:#0b2b33; font-size:12px; line-height:18px; } .shop-products-recommend .item .price ins, .shop-products-recommend .item .price del { display:block; } .shop-products-recommend .item .price ins { text-decoration:none; color:#1f95d5; } .shop-products-recommend img { width: 100%; height: auto; } .shop-product-slider .slides img, .cart_item .featured-image img { height:auto; } ol.commentlist { list-style: none; margin: 0 0 15px; padding: 0; } .shop-product-details .tab-content { padding:15px; } .comment_container { position:relative; padding-left:65px; } .comment_container .avatar { margin:0; left:0; top:0; width:50px; position:absolute; } .commentlist .comment { overflow:hidden; } .commentlist .comment + .comment { padding-top:30px; margin-top:30px; border-top:1px solid #e0e4e6; } .comment-text .star-rating, .comment-text .meta { display:inline-block; margin-bottom:0; font-size:11px; } .comment-text .star-rating { display:block; text-indent:-9999px; margin-left:-3px; height:15px; width:90px; background:url(../img/sprites/rating-rated.png) no-repeat; } .comment-text .star-rating.start-1 { background-position:0 0; } .comment-text .star-rating.start-2 { background-position:-90px 0; } .comment-text .star-rating.start-3 { background-position:-180px 0; } .comment-text .star-rating.start-4 { background-position:-270px 0; } .comment-text .star-rating.start-5 { background-position:-360px 0; } .comment-text .meta { color:#96a3ad; font-size:10px; text-transform:uppercase; display:block; } .comment-text .description p { color:#1f3845; font-size:11px; } .pp_content_container iframe { width:100%; height:300px; } .tab h2 { font-size:18px; font-weight:400; } .comment-form-rating .stars a + a { margin-left: 10px; } .comment-form-rating .stars a { text-indent:-9999px; display:inline-block; height:15px; background:url(../img/sprites/rating.png) no-repeat; } .comment-form-rating .stars a:hover, .comment-form-rating .stars a.active { background-position:0 -16px; } #reviews { display: block; position:relative; height: 300px; overflow: hidden; padding-right:20px; } .comment-form-rating .stars a.star-1 { width:18px; } .comment-form-rating .stars a.star-2 { width:36px; } .comment-form-rating .stars a.star-3 { width:54px; } .comment-form-rating .stars a.star-4 { width:72px; } .comment-form-rating .stars a.star-5 { width:90px; } span.posted_in { margin-bottom:20px; color:#8a979f; font-size:13px; display:block; } span.posted_in a { color:#0b2b33; font-weight:600; } div.woocommerce-message a.button { float: right; } div.woocommerce-message { background: #eee; padding: 10px 20px; margin: 20px 0; overflow: auto; } nav.woocommerce-breadcrumb { margin-top: 10px; padding-bottom: 10px; margin-left: -5000px; margin-right: -5000px; padding-left: 5000px; padding-right: 5000px; border-bottom: 1px solid #ececec; } nav.woocommerce-breadcrumb .back-to { float: right; } nav.woocommerce-breadcrumb .back-to a { color: #19242A; } nav.woocommerce-breadcrumb .back-to a:hover { color: #008FD5; } #added_items { position: fixed; top: 100px; right: 20px; z-index: 1000; } .added_item { position: relative; top: 0; padding: 10px; background: #fff; width: 260px; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); z-index: 1000; vertical-align: middle; opacity: 0; margin-bottom: 10px; } .added_item img { float: left; width: 47px; margin-right: -60px; } .added_item p { display: inline-block; margin: 10px 0 5px 0; padding-left: 70px; clear: none; } .add_to_cart_button { position: relative; } #fountainG { position:relative; width:60px; height:7px; display: inline-block; margin-top: 11px; margin-left: -30px; } .loader-container { background: #008FD5; position: absolute; left: 0; right: 0; height: 100%; top: 0; padding-top: 5px; padding-left: 22px; text-align: center; } .fountainG { position:absolute; top:0; background-color:#FFFFFF; width:8px; height:8px; -moz-animation-name:bounce_fountainG; -moz-animation-duration:1.3s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -moz-transform:scale(.3); -moz-border-radius:5px; -webkit-animation-name:bounce_fountainG; -webkit-animation-duration:1.3s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -webkit-transform:scale(.3); -webkit-border-radius:5px; -ms-animation-name:bounce_fountainG; -ms-animation-duration:1.3s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -ms-transform:scale(.3); -ms-border-radius:5px; -o-animation-name:bounce_fountainG; -o-animation-duration:1.3s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; -o-transform:scale(.3); -o-border-radius:5px; animation-name:bounce_fountainG; animation-duration:1.3s; animation-iteration-count:infinite; animation-direction:linear; transform:scale(.3); border-radius:5px; } #fountainG_1 { left:0; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -ms-animation-delay:0.52s; -o-animation-delay:0.52s; animation-delay:0.52s; } #fountainG_2 { left:8px; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -ms-animation-delay:0.65s; -o-animation-delay:0.65s; animation-delay:0.65s; } #fountainG_3 { left:15px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -ms-animation-delay:0.78s; -o-animation-delay:0.78s; animation-delay:0.78s; } #fountainG_4 { left:23px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -ms-animation-delay:0.91s; -o-animation-delay:0.91s; animation-delay:0.91s; } #fountainG_5 { left:30px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -ms-animation-delay:1.04s; -o-animation-delay:1.04s; animation-delay:1.04s; } #fountainG_6 { left:38px; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -ms-animation-delay:1.17s; -o-animation-delay:1.17s; animation-delay:1.17s; } #fountainG_7 { left:45px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s; } #fountainG_8 { left:53px; -moz-animation-delay:1.43s; -webkit-animation-delay:1.43s; -ms-animation-delay:1.43s; -o-animation-delay:1.43s; animation-delay:1.43s; } @-moz-keyframes bounce_fountainG { 0% { -moz-transform:scale(1); background-color:#FFFFFF; } 100% { -moz-transform:scale(.3); background-color:#FFFFFF; } } @-webkit-keyframes bounce_fountainG { 0% { -webkit-transform:scale(1); background-color:#FFFFFF; } 100% { -webkit-transform:scale(.3); background-color:#FFFFFF; } } @-ms-keyframes bounce_fountainG { 0% { -ms-transform:scale(1); background-color:#FFFFFF; } 100% { -ms-transform:scale(.3); background-color:#FFFFFF; } } @-o-keyframes bounce_fountainG { 0% { -o-transform:scale(1); background-color:#FFFFFF; } 100% { -o-transform:scale(.3); background-color:#FFFFFF; } } @keyframes bounce_fountainG { 0% { transform:scale(1); background-color:#FFFFFF; } 100% { transform:scale(.3); background-color:#FFFFFF; } } /* 404 */ .page-heading.white-bg { border-bottom:1px solid #e5e8ea; padding-top:0; padding-bottom:0; } .page-heading.white-bg .breadcrumbs { font-size:11px; color:#008fd5; } .page-heading.white-bg .breadcrumbs a { color:#73848e; } .error404-section { text-align:center; border-bottom:1px solid #e5e8ea; padding:40px 0; } .error404-section h1 { font-size:220px; color:#c3ddf1; line-height:200px; } .error404-section h2 { font-size:18px; } .error404-section a.button.big { padding:20px 45px; margin-bottom:40px; } .search-form input[type="text"] { width: 100%; padding: 10px; border: 1px solid #ddd; background: #f7f7f7; } .search-form input[type="submit"] + .icons { color: #999!important; } .search-form input[type="submit"]:hover + .icons { color: #333!important; } .search-form p { color:#73848e; } /* 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; } /* Posts List Widget */ .posts-list { margin:0; padding:0; list-style:none; } .tab>.posts-list { margin:5px; } .posts-list .post-item { display:table; vertical-align:top; } .posts-list .post-item + .post-item { border-top:1px solid #ebedee; padding-top:10px; margin-top:10px; } .posts-list .post-item .featured-image, .posts-list .post-item .post-content { display:table-cell; vertical-align:top; } .posts-list .post-item .featured-image, .posts-list .post-item .featured-image img { width:50px; } .posts-list .post-item .post-content { padding-left:20px; } .posts-list .post-item .post-content .post-meta { margin:0; padding:0; border:none; color:#96a3ad; } .posts-list .post-item .post-content .post-meta li + li { background:none; padding:0; } .posts-list .post-item .post-content .post-meta li + li:before { content:'| '; } .posts-list .post-item .post-content .post-title { font-style:italic; } .posts-list .post-item .post-content p { margin:0; } /* Sidenav */ ul.sidenav, .sidebar .widget_nav_menu ul { list-style:none; margin:0; padding:0; position:relative; } ul.sidenav:after, .sidebar .widget_nav_menu ul:after { content:''; position:absolute; top:0; bottom:0; right:0; width:1px; background: #dedede; background: -moz-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(19%, #dedede), color-stop(79%, #dedede), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%); background: -o-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%); background: -ms-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); } ul.sidenav li, .sidebar .widget_nav_menu ul li { position:relative; } ul.sidenav li:after, .sidebar .widget_nav_menu ul li:after { content:''; position:absolute; top:0; bottom:0; right:0; border-right:3px solid transparent; transition: border 0.3s; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; } ul.sidenav a, .sidebar .widget_nav_menu ul a { color:#68828F; font-size:13px; font-weight:bold; text-transform:uppercase; display:block; padding:7px 0; } ul.sidenav a:before, .sidebar .widget_nav_menu ul a:before { content: '• '; font-size:14px; margin-right:5px; position:relative; top:2px; } ul.sidenav li:hover a, ul.sidenav li.current-menu-item a, .sidebar .widget_nav_menu ul li:hover a, .sidebar .widget_nav_menu ul li.current-menu-item a { color:#008fd5; } ul.sidenav li:hover:after, ul.sidenav li.current-menu-item:after, .sidebar .widget_nav_menu ul li:hover:after, .sidebar .widget_nav_menu ul li.current-menu-item:after { border-right-color:#008fd5; } ul.sidenav li + li:before, .sidebar .widget_nav_menu ul li + li:before { content:''; position:absolute; left:0; right:0; top:0; height:1px; background: #dedede; background: -moz-linear-gradient(left, #ffffff 16%, #dedede 100%); background: -webkit-gradient(linear, left top, right top, color-stop(16%, #ffffff), color-stop(100%, #dedede)); background: -webkit-linear-gradient(left, #ffffff 16%, #dedede 100%); background: -o-linear-gradient(left, #ffffff 16%, #dedede 100%); background: -ms-linear-gradient(left, #ffffff 16%, #dedede 100%); background: linear-gradient(to right, #ffffff 16%, #dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=1 ); } .section { background-size:cover!important; } .section .row + .row { margin-top:20px; } .widget_search input[type="text"], .widget_product_search input[type="text"] { padding:5px 10px; height:40px; } .widget_search input[type="text"]:focus, .widget_product_search input[type="text"]:focus { outline:none; } .widget_search input[type="submit"], .widget_product_search input[type="submit"] { width:40px; height:40px; text-indent:-9999px; background:url(../img/sprites/search.png) center center no-repeat; float:right; position:relative; top:-40px; margin-bottom:-40px; border:none; } 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 */ .project.light { margin-bottom:30px; } .project.light .project-meta { background:#ffffff; } .project.light .project-hover>a { border:3px solid rgba(255, 255, 255, .4); padding-top:12px; } .project.light .project-meta:before { border-bottom-color:#fff; } .project.light .project-meta h4, .project.light .project-meta h4 a { color:#45484a; } .project.light .project-like .icons { color:#95a1a8; } .project.light .project-like span.like-count { color:#95a1a8; } .project.light .project-like:hover .icons { color:#ec7064; } .project.light:hover .project-meta h4, .project.light:hover .project-meta h4 a { color:#008fd5; } /* project style2 */ .projects-style3 { padding:0 0px; } .projects-style3 .mix { padding:0; } .project.style2 { border:none!important; } .project.style2 .project-hover { background:#000; background:rgba(0, 0, 0, .4); top:0; left:0; right:0; bottom:0; margin-top:0; } .project.style2 .project-hover .project-description { display:table; width:100%; height:100%; } .project-description:hover { background:#26cb9e; background: rgba(38, 203, 158, .7); } .project-description:hover .project-hover { background:#000; background:rgba(0, 0, 0, 0); } .project.style2 .project-hover .project-description>div { display:table-cell; vertical-align:middle; } .project.style2 .project-hover .project-description h4 { color:#fff; font-size:22px; font-weight:700; margin:0; } .project.style2 .project-hover .project-description span { color:#fff; font-size:11px; font-weight:400; text-transform:uppercase; } .projects-style3 .project.style2 .project-hover .project-description h4 { font-weight:500; } .projects-style3 .project.style2 .project-hover .project-description span { font-weight:700; } .project.style2 .project-hover .project-buttons { position:absolute; left:0; bottom:0; z-index:10; } .project.style2 .project-hover .project-buttons a { width:55px; height:55px; border:none; display:block; float:left; margin:0; margin-right:1px; background:#fff url(../img/sprites/hover-icons2.png) 7px 7px no-repeat; transition: background .3s, bottom .3s, opacity .3s ease-out; -webkit-transition: background .3s, bottom .3s, opacity .3s ease-out; -moz-transition: background .3s, bottom .3s, opacity .3s ease-out; transition-delay:0s, 0s, 0s; -webkit-transition-delay:0s, 0s, 0s; -moz-transition-delay:0s, 0s, 0s; position:relative; opacity:0; bottom:-60px; } .project.style2 .project-hover:hover .project-buttons a { bottom:0; opacity:1; transition-delay:0s, .2s, .2s; -webkit-transition-delay:0s, .2s, .2s; -moz-transition-delay:0s, .2s, .2s; } .project.style2 .project-hover:hover .project-buttons a + a { transition-delay:0s, .4s, .4s; -webkit-transition-delay:0s, .4s, .4s; -moz-transition-delay:0s, .4s, .4s; } .project.style2 .project-hover .project-buttons a:hover { background-color:#eee; background-color:rgba(255, 255, 255, .8); } .project.style2 .project-hover .project-buttons a.link-icon { background-position: 7px 7px; } .project.style2 .project-hover .project-buttons a.search-icon { background-position: -33px 7px; } .project.style2 .project-hover>a+a { left:56px; } .sorting-tags.style2 { background:transparent; background:rgba(255, 255, 255, .05); display:inline-block; padding:5px 20px; border:1px solid #374254; margin-top: 20px; margin-bottom: 60px; } .sorting-tags.style2 > div { background:none; padding:0; color:# } .sorting-tags.style2 > div:hover, .sorting-tags.style2 > div.active { color:#f9fbfc; } .sorting-tags.style2 > div + div:before { margin-left:10px; content:'|'; margin-right:10px; position:relative; top:-2px; color:#455161; } .sorting-tags.style2 div { /*color: inherit;*/ } .dark-portfolio-bg { color:#aab8d6; background: #313d56; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #313d56), color-stop(100%, #131a26)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #313d56 0%, #131a26 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #313d56 0%, #131a26 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d56', endColorstr='#131a26', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .dark-portfolio-bg h2 { color:#fff; margin-bottom:10px; } .page-template-template-portfolio-1-col-php .project-item + .project-item { margin-top:-6px; } .page-template-template-portfolio-1-col-php .project-description { padding-top: 20px; border-top: 1px solid #e5e8ea; } /* Testimonial Slider Item */ .testimonial-slider { margin-bottom:80px; } .testimonial-slider .flex-control-nav { z-index:100; bottom:-80px; } .testimonial-slider .flex-control-nav a { width:10px; height:10px; background:transparent; border:1px solid #fff; border-radius:0; position:relative; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin:0 3px; } .testimonial-slider.style2 .flex-control-nav a { border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:3px solid #fff; width:14px; height:14px; margin:0 1px; } .testimonial-slider.style2 .flex-control-nav a.flex-active:before, .testimonial-slider.style2 .flex-control-nav a:hover:before { border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .testimonial-slider .flex-control-nav a.flex-active:before, .testimonial-slider .flex-control-nav a:hover:before { background:#fff; width:6px; height:6px; content:''; position:absolute; left:1px; top:1px; } .testimonial-slider.nav-dark .flex-control-nav a { border:1px solid #000; } .testimonial-slider.nav-dark .flex-control-nav a.flex-active:before, .testimonial-slider.nav-dark .flex-control-nav a:hover:before { background:#000; } .testimonial-slider.nav-dark .flex-control-paging li a.flex-active { background: #FFF; background: rgba(255, 255, 255, 0.9); cursor: default; } .testimonial-slider.style2 .testimonial-slide { display:table; width:100%; left:0; opacity:1; transition: none; -webkit-transition: none; -moz-transition: none; } .testimonial-slider.style2 .testimonial-slide>div { display:table-cell; vertical-align:top; } .testimonial-slide .testimonial-author { width:33%; text-align:left; position:relative; opacity:0; left:-40px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; transition-duration:0s; -webkit-transition-duration:0s; -moz-transition-duration:0s; } .testimonial-slide .testimonial-author>div { display:block; float:left; padding-top:40px; } .testimonial-slide .testimonial-author img { display:inline-block; margin-right:30px; width:auto; height:auto; float:left; } .testimonial-slide .testimonial-author .author { font-weight:700; margin-top:0; text-transform:uppercase; } .testimonial-slide .testimonial-author .job { color:#a1b4c3; } .testimonial-slide .testimonial-content { position:relative; opacity:0; left:-40px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; transition-delay:.3s; -webkit-transition-delay:.3s; -moz-transition-delay:.3s; transition-duration:0s; -webkit-transition-duration:0s; -moz-transition-duration:0s; } .testimonial-slide .testimonial-content p { color:#fff; text-align:left; font-size:18px; padding-top:20px; } .testimonial-slide { text-align:center; position:relative; left:-40px; opacity:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition-duration:0s; -webkit-transition-duration:0s; -moz-transition-duration:0s; } .flex-active-slide .testimonial-slide, .flex-active-slide .testimonial-author, .flex-active-slide .testimonial-content { left:0; opacity:1; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; } .testimonial-slide .icons { font-size:48px; color:#fff; margin-bottom:20px; display:block; } .testimonial-slide p { font-size:18px; font-style:italic; color:#fff; line-height:28px; } .testimonial-slide span.author { display:block; color:#fff; font-size:18px; text-transform:none; margin-top:40px; } .testimonial-slide span.job { color:#008fd5; font-size:10px; text-transform:uppercase; } .contact-map-section iframe { width:100%; height:400px; margin-bottom:-5px; } .sc-call-to-action h2 { margin-top:15px; } /* Video player */ .sc-videp-popup-wrapper.left { float: left; } .sc-videp-popup-wrapper.right { float: right; } .sc-videp-popup-wrapper.center { width: 80px; margin-left: auto; margin-right: auto; } .sc-video-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; overflow: hidden; z-index: 999999; } .sc-video-popup iframe { float: left; width: 100%; height: 100%; } .sc-video-popup .sc-close-video { position: absolute; top: 17px; left: 17px; font-size: 30px; color: #DDD; cursor: pointer; overflow: hidden; z-index: 9999999; } /** * Map container */ .sc-map { overflow: hidden; } .sc-map.full { margin-left: -5000px; margin-right: -5000px; } .sc-map-container { display:block; height: 400px; } .sc-map-container > p { display: none; } .sc-map-container>div { height: 100%; position: relative; width: 100% !important; margin: 0; } .sc-map-container .wpgmappity_container { width: 100% !important; } /* Footer 2 */ .footer-2 #main-footer, .footer-2 #lower-footer { background:#1d2636; 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; } #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:40px; padding-bottom:40px; } .footer-2 #main-footer .social-media li a { font-size: 22px; color: #7ca1b3; } .footer-2 .iconic-list li { padding-left:40px; } .footer-2 .iconic-list li .icons { font-size:24px; } .footer-2 #main-footer .social-media .tooltip-inner { white-space:nowrap; } .wpgmappity_container { height:100%!important; } /* Main Footer */ #main-footer { background:#19242a; color:#7ca1b3; } #main-footer img { margin-bottom:12px; } #main-footer h4 { margin-bottom:30px; } #main-footer p { margin:10px 0; font-size:12px; } #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; } /* Footer Contact List */ .iconic-list { margin:0; padding:0; list-style:none; } .iconic-list li { position:relative; padding-left:35px; margin-bottom:10px; } .iconic-list .icons { position:absolute; top:0; left:0; font-size:18px; } /* 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:-15px 0 0; 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.7; -khtml-opacity: 0.7; opacity: 0.7; } /* Lower Footer */ #lower-footer { color:#547e93; background:#141d22; 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 ); } /* 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%; } .shop-banner h2 { font-size:24px; } .shop-banner h3 { font-size:20px; margin:15px 0 0; } .shop-banner h4 { margin:0 0 15px; font-size:16px; } .shop-banner h4:before { display:none; } .shop-banner h4:after { display:none; } .shop-banner p { font-size:14px; font-weight:300; margin-top:15px; text-transform:none; } .banner-content-inner { padding:0; vertical-align:middle; } .banner-content-inner a.button { font-size:12px; } .banner-content-inner .overlay { padding-top:10px; padding-bottom:10px; } .team-member img { width: 140px; } #main-nav>li, div.menu>ul>li { margin-right:12px; } .lower-logo { display:none; } .circular-counter canvas { width: 150px; text-align: center; } .product-single, .product-single-image, .shop-product-details { display:block; width:100%; padding:0; } .product-single-image { margin-bottom:20px; } .shopping-cart>tbody>tr>th { font-size:10px; line-height:18px; padding:5px; } .shopping-cart td { padding:5px; } .cart-subtotal th, .cart-subtotal td { padding:10px; } .shopping-cart .coupon { float:none; } .shopping-cart .update-cart { margin:10px 0; float:none; } .blog-post.recent-post ul.post-meta { display:inline-block; } .blog-post.recent-post .post-image { overflow:hidden; float:none; margin:0 auto 20px; } .blog-post.recent-post .post-content { text-align:center; } } @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; } .latest-tweets { display:block; padding:20px 0; text-align:center; } .tweet-icon { display:inline-block; margin-bottom:40px; padding-top:15px; } .tweet-icon:after { border-width:0 17px 17px 0; border-color:transparent #1f9cda transparent transparent; top:auto; right:20px; bottom:-17px; } .tweet-carousel { display:block; padding:0 0 30px; } .tweets-flexslider { padding-right:40px; } .tweet-slider-arrows { position:absolute; bottom:-30px; right:auto; left:50%; margin-left:-30px; color:#fff; font-size:20px; } #main-footer h4 { margin-top:40px; } .pricing-table-item { display:block; } .pricing-table-legend { padding:20px 0; } .pricing-table-legend .table-content { text-align:center; } .project { border-right-color:transparent; } .project, .project-item { width:100%; } .timeline-line { display:none; } .left-timeline-item { padding-right:15px; position:relative; } .right-timeline-item { padding-left:15px; position:relative; } .left-timeline-item:after, .left-timeline-item:before, .right-timeline-item:after, .right-timeline-item:before { display:none; } .shop-banner h2 { font-size:24px; } .shop-banner h3 { font-size:20px; margin:15px 0 0; } .shop-banner h4 { margin:0 0 15px; font-size:16px; } .shop-banner h4:before { display:none; } .shop-banner h4:after { display:none; } .shop-banner p { font-size:14px; font-weight:300; margin-top:15px; text-transform:none; } .banner-content-inner { padding:0; vertical-align:middle; } .banner-content-inner a.button { font-size:12px; } .banner-content-inner .overlay { padding-top:10px; padding-bottom:10px; } .shop-logos { display:block; text-align:center; } .shop-logos img { padding:5px 10px; } .shop-logos li { display:block; } .shop-page-header .shop-header-links, .shop-page-header .breadcrumbs { text-align:center; } .shopping-cart, .shopping-cart tbody, .shopping-cart tfoot { width:100%; display:block; text-align:center; } .shopping-cart tr { display:block; } .shopping-cart th { display:none; } .shopping-cart td { display:block; } .shopping-cart td + td { border:none; } .shopping-cart .featured-image { width:100%; display:block; float:none; margin-right:0; margin-bottom:10px; } .cart-subtotal, .update-totals { display:block; width:auto; max-width:270px; } .update-totals { margin-right:0; } .cart-subtotal table { width:100%; } .cart-subtotal th, .cart-subtotal td { padding:5px; text-transform:uppercase; background:#fff; display:table-cell; } .cart-subtotal .price.blue { color:#008fd5; } .shopping-cart-button { display:block; margin-top:20px; } .shopping-cart-button a.button { font-size:14px; } .head-banner h1 { font-size:40px; letter-spacing:0; line-height:50px; } .error404-section h1 { font-size:32px; line-height:36px; } .error404-section a.button.big { padding:10px 20px; } .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%; } .col-lg-3 .team-member img { width:100%; max-width:190px; } .tweets-flexslider { padding-right: 0; } .tweets-flexslider .slides li { height:auto; } 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; } #upper-header .cart-menu-item { display:inline-block; } #upper-header .shopping-cart-dropdown { right:50%; margin-right:-150px; } #upper-header .shopping-cart-dropdown:after { right: 50%; margin-right: -10px; } #header .text-list, #header .social-media, #upper-header .menu { display:none; } .col-one-fifth>img { margin-left:auto; margin-right:auto; } .sc-call-to-action, .sc-call-to-action .align-right { text-align:center; } .blog-post.recent-post ul.post-meta { display:inline-block; } .blog-post.recent-post .post-image { overflow:hidden; float:none; margin:0 auto 20px; } .blog-post.recent-post .post-content { text-align:center; } .shopping-cart .actions { overflow:hidden; } .shopping-cart .coupon { float:none; } .shopping-cart .update-cart { float:none; margin-top:10px; } .product-single, .product-single-image, .shop-product-details { display:block; width:100%; padding:0; } .product-single-image { margin-bottom:20px; } .shop-we-recommend { padding: 20px 15px 20px 15px; margin-top:30px; } .shop-products-recommend { padding-right:20px; } nav.woocommerce-breadcrumb { text-align:center; } nav.woocommerce-breadcrumb .back-to { float: none; } .portfolio-1column-ext .project-item + .project-item { margin-top:30px; } .page-heading, .page-heading .breadcrumbs { text-align:center; } span.post-date, span.post-format { display:block; } #header .logo img { height:auto; padding-right:0; 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; } } .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: 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 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: 20px; 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; } .widget_wysija_cont input.wysija-submit { background: #fff url(../img/tick.png) center center no-repeat; ; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.07); color: #B1B6B9; float: right; font-size: 0px; height: 29px; margin-right: 6px; margin-top: -30px; position: relative; background-color: transparent; border: 0 solid #000; width: 29px; } .widget_wysija p label { display: none; } .circular-counter { position:relative!important; text-align:center; margin:20px 0; } .shop-product-details .price ins .amount { color: #1F95D5; } input.blue[type="submit"], button.blue { background: none repeat scroll 0 0 #008FD5; border: medium none; color: #FFFFFF; display: inline-block; font-size: 14px; height: 40px; margin: 0 0; padding: 8px 20px; text-transform: uppercase; transition: background 0.3s ease 0s; } .minus, .plus { display: none !important; } .woocommerce-tabs { clear: both; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } .shop-product-submit .qty { border: 2px solid #000000; font-weight: 700; height: 40px; text-align: center; width: 40px; } .shop-product-submit input { float: left; } .variations label { display: none; } .first-page { margin-top: -40px; } .last-page { margin-bottom: -40px; } /*##################### NEW STYLES #################################*/ .marine-full-bg { background-image: url(../img/gradientbg.jpg); 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(../img/manwalker.jpg); 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-menu-bg { background-image: url(../img/header-bg2.jpg); } .marine-page-heading { background-image: url(../img/header-bg.jpg); } .marine-blog-left-top { background-image: url(../img/header-bg1.jpg) } .marine-blog-right-top { background-image: url(../img/header-bg.jpg) } .marine-special-text-fonts { color: #008fd5; font-size: 30px; margin-bottom: 35px; text-align: left } .marine-special-text-font { color: #008fd5; font-size: 20px; margin-bottom: 30px; 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-height25 { height: 25px; } .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; } .clearfix-height200 { height: 200px; } .marine-header2-full_bg { background-image: url(../img/bg1.jpg); 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: #D2EBFF; border-top:1px solid #BFE3FF; border-bottom:1px solid #BFE3FF } .marine-header2-h2-color { color: #23323a } .marine-header2-span-color { color: #008fd5; } .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(../img/bg2.jpg); 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: #0b2b33; font-size: 30px; font-weight: 300; text-align: center; } .marine-header4-h6 { color:#73848e; } .marine-header4-h3-style1 { color: #008fd5; font-size: 20px; font-weight: 300; 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-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: #202939; 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(../img/03_about_us_02.jpg); 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:#23323a; } .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; } .rating-width20 { width:20%; } .rating-width40 { width:40%; } .rating-width60 { width:60%; } .rating-width80 { width:80% } .rating-width90 { width:90%; } .rating-width100 { width:100%; } .form-map-bg { background-image:url(../img/map.jpg); 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(../img/bg1a.jpg); 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: 26px; } .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(../img/bg2a.jpg); background-attachment:fixed; background-position:center center; padding-top:20px; padding-bottom:60px; margin-bottom:30px; } .marine-map-bg { background-image: url(../img/map.jpg); background-attachment:scroll; background-position:center center; padding-top:20px; padding-bottom:10px; margin-bottom:-41px; } .marine-food-h3 { color:#23292c; font-size:60px; font-weight:normal; font-family:Great Vibes; margin-bottom:30px; text-align:center } .marine-food-h3-2 { color:#73848e; font-size:16px; font-weight:normal; margin-bottom:1px; text-align:center } .marine-food-h3-span { color:#e1560e; } .marine-food-special { color:#73848e; font-size:16px; font-weight:normal; margin-bottom:50px; text-align:center } .marine-food-h4 { color:#e36630; font-size:30px; font-weight:normal; font-family:Times New Roman; margin-top:50px; margin-bottom:35px; text-align:center } .marine-food-h4-2 { color:#73848e; font-size:16px; font-weight:normal; text-align:center } .marine-food-team { color:#23292c; font-family:Great Vibes; } .marine-food-tspan-color { color:#cc5600 } .marine-food-main-bg { background-color:#23292c; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:80px; margin-bottom:-41px; } .marine-food-h2 { color:#eae5d6; font-size:60px; font-weight:normal; font-family:Great Vibes; text-align:center; } .marine-food-chef-h4 { color:#eae5d6; font-size:16px; text-align:center; } .marine-food-tag { color:#eae5d6; background-color:#292e31; border-color:#73848e !important; } .marine-food-tag div { color: #eae5d6; } .marine-food-contact-h3 { font-family:Great Vibes; font-size:60px !important; color:#0b2b33; } .marine-food-bg { background-color:#; background-image:url(../img/menubg.jpg); background-attachment:fixed; min-height:200px; background-position:center center; padding-top:80px; padding-bottom:80px; } .marine-seo-bg { background-color:#f5fdff; background-attachment:scroll; background-position:left top; background-size:100% 100%; margin-top:-40px; padding-top:100px; 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:#283233 } .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:#23323a; font-size:30px; font-weight:300; margin-bottom:55px; 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(../img/Layer-519.png); 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 } .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(../img/bg41.jpg); background-attachment:scroll; background-position:center center; padding-top:30px; padding-bottom:45px; } .marine-features-bg { background-image:url(../img/03_about_us_02.jpg); background-attachment:scroll; background-position:center center; padding-top:40px; 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:#d4f0ff; 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:60px; padding-bottom:90px; } .sc-column-section-bg { background-color:#24323b; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:60px; padding-bottom:80px; } .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-fullwidth-bg { background-color:#2b3b46; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:80px; padding-bottom:100px; } .portfolio-project-hover { background-color:rgba(224, 86, 35, 0.9) } .portfolio-sorting-tags { color:#686868; background-color:#ffffff; border-color:#e8e8e8 } .testimonial-job-span { color:#5dbdf4 } .marine-parallax-bg { pointer-events:none; } .team-page-heading { background-image:url('../img/2a1.jpg') } .team-page-heading1 { background-image:url('../img/2a2.jpg') } .team-page-heading2 { background-image:url('../img/2a3.jpg') } .team-section-bg { background-image:url(../img/bg2a.jpg); background-attachment:fixed; background-position:center center; margin-top:-40px; padding-top:70px; padding-bottom:40px; } .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-40 { margin-bottom: 45px; } .margin-bottom-45 { margin-bottom: 95px; } .margin-left-45 { margin-left: 45px; } .margin-left-10 { margin-left: 10px; } .margin-left-25 { margin-left: 25px; } .margin-right-10 { margin-right: 10px; } .team-special-h3 { color:#f5f5f5; font-size:36px; font-weight:300; margin-top:1px; text-align:left } .team-special-h4 { color:#008fd5; font-size:14px; font-weight:bolder; text-align:left } .team-special { color:#b9c3ca; font-size:13px; font-weight:normal; margin-bottom:20px; text-align:left } .team-client-bg { background-color:#FCFCFC; border:1px solid #eceded; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:40px; padding-bottom:40px; } .team-progress-bg { background-image:url(../img/bg41.jpg); background-attachment:scroll; background-position:center center; padding-top:30px; padding-bottom:45px; margin-bottom:-41px; } .services-special-h3 { font-size:24px; font-weight:normal; margin-top:1px; text-align:left } .services-full-bg { background-image:url(../img/03_about_us_02.jpg); 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 } .business-special-h3 { color:#ffffff; font-size:30px; font-weight:300; text-align:center } .business-special { color:#ffffff; font-size:14px; text-align:center } .business-special1 { color:#ffffff; font-size:14px; margin-bottom:45px; text-align:center } .business-h6 { color:#c3fbff } .business-specialh3 { color:#ffffff; font-size:20px; font-weight:300; margin-top:20px; margin-bottom:5px; text-align:center } .business-special-2 { color:#c3fbff; font-size:13px; font-weight:normal; text-align:center } .business-call-action-bg { background:#fcfcfc; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb } .business-call-action-span { color:#008fd5; } .business-services-bg { background-image:url(http://placehold.it/1920x555); background-attachment:scroll; background-position:center center; padding-top:10px; margin-bottom:-41px; } .business-full-bg { background-image:url(http://placehold.it/1920x555); background-attachment:scroll; background-position:center center; margin-top:-40px; padding-top:20px; padding-bottom:60px; } .business-posts-bg { background-color:#e4e6e7; background-attachment:scroll; background-position:left top; background-size:100% 100%; padding-top:60px; padding-bottom:60px; margin-bottom:40px; } .business-map-height { height: 295px } .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; /* [disabled]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.big_light_40 { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: #ffffff; /* [disabled]font-family: "Open Sans"; */ font-size: 40px; 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: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 } .tp-caption.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 } .tp-caption.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 } .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; } .testimonials-page-slider { background-image: url(../img/rs-images/bg2.jpg); margin-bottom: -40px !important; padding-top: 140px !important; padding-right: 100px !important; padding-bottom: 200px !important; padding-left: 100px !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed; } .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-top40 { margin-top: 40px !important; } .margin-top75 { margin-top: 75px; } .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; } .margin-bottom140 { margin-bottom: 140px; } .margin-bottom150 { margin-bottom: 150px; } .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; } .aqua-blue-bg { background-color: #99caff !important; } .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; } .red-button2 { background-color: #dd3333 !important; } .blue-button { background-color: #1e73be !important; } .blue-button2 { background-color: #f99e27 !important; } .orange-button { color: #ffffff !important; background-color: #dd6356 !important; } .orange-button2 { background-color: #dd9933 !important; } .purple-button { background-color: #8224e3 !important; } .black-button { background-color: #000000 !important; } .sky-blue-button { background-color: #20b8c9 !important; } .green-button { background-color: #1aaf35 !important; } .green-button2 { background-color: #81d742 !important; } .dark-blue-button { background-color: #075a91 !important; } .pink-button { background-color: #dc24f4 !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 !important; background-color: #ffffff !important; } .gray-bg-call-to-action { position: relative; background-color: #f7f7f7; padding: 35px; border: 1px solid #f0f0f0; } .gray-bg-call-to-action h2 { margin: 0; padding: 0; font-size: 36px; } .gray-bg-call-to-action .button { font-size: 15px; text-transform: none; float: right; max-width: 27.5%; margin: 0; } .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; } .section-header-style5 h2 { font-size: 34px; font-weight: 300; margin-bottom: 10px; text-align: center; margin-bottom: 20px; } .section-header-style5 h3 { color: #aaaaaa; font-size: 15px; font-weight: 300; margin-bottom: 60px; text-align: center } .small-h1 { font-size: 18px; font-weight: 300; text-align: left } .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; } .image-box { border: 1px solid rgba(0, 0, 0, 0.12); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .image-box:hover { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); transform: translateY(-6px); } .image-box img { width: 100%; } .image-box .text-wrap { padding: 26px 36px; text-align: center; position: relative; } .image-box .icon-circ-wrap { position: absolute; left: 50%; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; -o-border-radius: 50em; border-radius: 50em; display: block; width: 64px; height: 64px; top: 0; text-align: center; margin-left: -32px; margin-top: -32px; } .image-box .icon-circ-wrap i { line-height: 64px; font-size: 18px; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15); } .image-box .overlay-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .image-box .text-wrap h4 { font-weight: 400; font-size: 13px; color: gray; line-height: 1.5; margin: 0; font-family: "Montserrat", Helvetica, sans-serif; text-transform: uppercase; } .image-box .text-wrap h3 { color: #cf6e6e; font-size: 28px; line-height: 1.3; padding: 0 0 24px; font-weight: 400; margin: 0; font-family: "Montserrat", Helvetica, sans-serif; text-transform: uppercase; } .image-box .text-wrap p { padding-top: 30px; color: #999999; font-size: 14px; line-height: 1.9; } .image-box-style1 .img-wrap { border-bottom: 4px solid black; } .image-box-style2 { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); } .image-box-style2 .img-wrap { border-bottom: 9px solid #eddccc; } .image-box-style2 .text-wrap h4 { font-family: Montserrat; font-weight: 400; font-size: 13px; color: gray; line-height: 1.5; margin: 0; } .image-box-style2 .text-wrap h3 { font-family: Montserrat; font-size: 28px; color: #eddccc; line-height: 1.3; margin: 0; padding: 0 0 24px; font-weight: 400; border-bottom: 1px solid rgba(0, 0, 0, 0.12) } .image-box-style3 { background: white; } .image-box-style3 .text-wrap { text-align: left; } .image-box-style3 .text-wrap h2 { font-size: 18px; font-weight: 300; line-height: 1.3; margin: 25px 0 13px; text-transform: none; color: #000; font-family: "Montserrat", Helvetica, sans-serif; } .image-box-style3 .text-wrap p { color: #999; font-size: 14px; line-height: 1.9; padding: 0; } .image-box-style3 .text-wrap .image-box-link a { color: #34b4e4; border-bottom: 1px dotted #34b4e4; } .image-box-style4 .img-wrap { border-bottom: 8px solid #d05342; } .image-box-style4 .text-wrap { padding: 26px 36px; } .image-box-style4 .text-wrap h3 { color: #d05342; } .image-box-style4 .text-wrap h3 { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .image-box-style4 .text-wrap p { color: #5f5f5f; } .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; } .facts-style1 .fact { text-align: center; } .facts-style1 .fact h3 { font-size: 70px; font-weight: 500; font-family: "Montserrat", sans-serif; } .facts-style1 .fact h4 { text-transform: uppercase; font-weight: 700; font-family: "Montserrat", sans-serif; } .facts-style1 .vision-counter { font-size: 70px; font-weight: 500; font-family: "Montserrat", sans-serif; } .facts-style1 .fact h3:after { content: ''; background: white; display: block; width: 66px; height: 2px; margin: 15px auto 22px; } .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; } .accordion-style2 .accordion-header { border: 1px solid #e1e1e1; position: relative; background-color: #FFF; background-image: linear-gradient(to bottom, #FFF, #EFEFEF); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EFEFEF)); background-image: -webkit-linear-gradient(top, #FFF, #EFEFEF); background-image: -moz-linear-gradient(top, #FFF, #EFEFEF); background-image: -webkit-linear-gradient(top, #FFF, #EFEFEF); background-image: -o-linear-gradient(top, #FFF, #EFEFEF); background-image: ms-linear-gradient(to bottom, #FFF, #EFEFEF); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#efefef'); border: 1px solid #e1e1e1; border-radius: 5px; color: #666; cursor: pointer; margin-bottom: 4px; text-indent: 50px; font-weight: 500; font-size: 13px; line-height: 18.5714282989502px; position: relative; padding: 20px 0; width: 100%; } .accordion-style2 .accordion-active .accordion-header:before { content: "\f068"; } .accordion-style2 .accordion-header:before { content: "\f067"; font-family: FontAwesome; position: absolute; left: -30px; top: 37%; font-size: 14px; } .accordion-style2 .accordion-header, .accordion-style2 .accordion-header:before { color: #666666; } .accordion-style2 .accordion-active .accordion-header, .accordion-style2 .accordion-active .accordion-header:before { color: #88bbc8; } .accordion-style2 .accordion-content { display: none; line-height: 1.8; padding: 20px; margin: 0 !important; } .accordion-style2 .accordion-content p { margin-bottom: 10px; } .call-to-action-blue h1 { color: #ffffff; font-size: 38px; font-weight: normal; font-family: Open Sans; text-align: left; } .call-to-action-blue .button { color: #34b4e4 !important; background-color: #ffffff !important; } .call-to-action-orange h1 { color: #ffffff; font-size: 52px; font-weight: 300; font-family: Open Sans; text-align: center; margin-bottom: 0; } .call-to-action-orange a.button { color: #ffffff !important; background-color: #e47e72 !important; margin-bottom: 0; text-align: center; padding: 20px 60px; margin-top: 10px; font-size: 13px; -webkit-transform: translateZ(0px); } .call-to-action-red-orange h1 { color: #ffffff; font-size: 38px; font-weight: bold; font-family: Open Sans; text-align: left; } .call-to-action-red-orange .button { color: rgba(10, 10, 10, 0.8) !important; background-color: rgba(255, 255, 255, 0.9) !important; } .skills-circular1 .vision-circle-loader { text-align: center; } .skills-circular1 .vision-circle-loader .easyPieChart { position: relative; width: 174px; height: 174px; line-height: 174px; margin: 0 auto 35px; } .skills-circular1 .vision-circle-loader .vision-circle-number-wrap { font-size: 35px; font-weight: 400; font-family: "Montserrat", Helvetica, sans-serif; text-transform: uppercase; } .skills-circular1 .vision-circle-loader canvas { position: absolute; left: 0; top: 0; } .skills-circular1 .loader-details h3 { color: #000; font-family: "Montserrat", Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; } .skills-circular2 .vision-circle-loader { text-align: center; } .skills-circular2 .vision-circle-loader .easyPieChart { position: relative; width: 174px; height: 174px; line-height: 174px; margin: 0 auto 35px; } .skills-circular2 .vision-circle-loader .vision-circle-number-wrap { font-size: 35px; font-weight: 400; font-family: "Montserrat", Helvetica, sans-serif; text-transform: uppercase; color: black; } .skills-circular2 .vision-circle-loader canvas { position: absolute; left: 0; top: 0; } .skills-circular2 .loader-details h3 { color: #000; font-family: "Montserrat", Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; } .skills-circular2 .loader-details p { color: #808080; font-size: 15px; line-height: 1.8; } .socials-style1 { list-style: none; margin: 0; padding: 0; } .socials-style1 li { margin-right: 20px; margin-bottom: 10px; float: left; } .socials-style1 li a { color: #fff; background: rgba(0, 0, 0, 0.4); font-size: 20px; width: 30px; height: 30px; line-height: 30px; padding: 1px; -moz-border-radius: 20em; -webkit-border-radius: 20em; border-radius: 20em; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .socials-style1 li a:hover { background: black; } #tabs-style3 { border: 1px solid #e4e4e4; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; background: #fff; color: #666; overflow: hidden; } #tabs-style3 .nav-stacked { font-weight: bold; position: absolute; left: 0; top: 0; bottom: 0; background: #f6f6f6; width: 257px; margin: 0; padding-left: 0; list-style: none; } #tabs-style3 .nav-stacked>li { display: block; } #tabs-style3 .nav-stacked li { border-bottom: 1px solid #e1e1e1; margin: 0; padding: 0; position: relative; } #tabs-style3 .nav-stacked li:first-child { margin-top: 22px; } #tabs-style3 .nav-stacked > li.active:after { content: ''; display: block; position: absolute; z-index: 9; right: 0; top: 50%; margin-top: -17px; width: 18px; height: 34px; background: url(../img/tabs-3-active.png) no-repeat; } #tabs-style3 .nav-stacked > li > a { display: block; padding: 18px 55px; line-height: 20px; text-decoration: none; color: #666; border-radius: 4px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #tabs-style3 .nav-stacked > li.active > a { color: #dd6356 !important; background: #fff; border-radius: 0; } #tabs-style3 .nav-stacked > li > a > .fa { font-size: 20px; height: 20px; line-height: 20px; position: absolute; left: 22px; top: 50%; margin-top: -10px; z-index: 1; } #tabs-style3 .tab-content { border: 1px solid #ddd; border-top: none; padding: 10px; margin-left: 257px; padding: 40px; } #tabs-style3 .tab-content > .tab-pane { display: none; } #tabs-style3 .tab-content > .active { display: block; } #tabs-style3 .tab-content > .tab-pane h2 { font-size: 36px; font-weight: normal; } #tabs-style3 .tab-content > .tab-pane h3 { font-size: 20px; font-weight: 300; color: #757575; } .tabs-style4 .tab-toggle { font-size: 14px !important; } .gallery_slides-style1 { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); box-shadow: 0 1px 4px rgba(0, 0, 0, .2); zoom: 1; } .gallery_slides-style1 .flex-prev, .gallery_slides-style1 .flex-next { opacity: 0; visibility: hidden; } .gallery_slides-style1 .flex-prev:before, .gallery_slides-style1 .flex-next:before { line-height: 1; } .gallery_slides-style1:hover .flex-prev { opacity: 1; visibility: visible; } .gallery_slides-style1:hover .flex-next { opacity: 1; visibility: visible; } .gallery_slides-style1 .flex-prev:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .gallery_slides-style1 .flex-next:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f002'; } .parallax-area { background-attachment: fixed; background-position: center center; } .min-height600 { min-height: 600px; } .min-height400 { min-height: 400px; } .min-height300 { min-height: 300px; } .parallax-bg { background-position: top center; -webkit-transition: 0.1s all ease !important; -moz-transition: 0.1s all ease !important; transition: 0.1s all ease !important; } .circular-progress-bg { background-color: rgba(10, 10, 10, 0.98); background-image: url(../img/slide3.jpg); background-position: center bottom; } .parallax-area1 { background-image: url(../img/img_par_22.jpg); } .parallax-area2 { background-image: url(../img/img_par_3.jpg); } .parallax-area3 { background-image: url(../img/img_par_4.jpg); } .parallax-area3 { background-image: url(../img/img_par_4.jpg); } .parallax-area4 { background-image: url(../img/img_par_5.jpg); } .motors-skills { background-image: url(../img/cars-bg-031.jpg); } .motors-parallax-sec { background-image: url(../img/cars-bg-05.jpg); } .motors-call-to-action { background-image: url(../img/cars-bg-02.jpg); } .corporation-call-to-action, .corporation-services { background-image: url(../img/stripe-long-2.jpg); } .corporation-skills, .corporation-testimonials, .corporation-portfolio { background-image: url(../img/rs-images/Layer-49011.jpg); } .architetti-testimonials { background-image: url(../img/architetti-bg9.jpg); } .architetti-circular-counter { background-image: url(../img/architetti-bg6.jpg); } .fashion-services { background-image: url(../img/fashion-bg.jpg); } .fashion-features1 { background-image: url(../img/fashion-bg2.jpg); } .fashion-features2 { background-image: url(../img/phone-fashion.png); } .medical-image-box, .medical-call-to-action { background-image: url(../img/medical-bg.jpg); } .medical-accordion { background-image: url(../img/med-stripe.jpg); } .selectpicker { color:#19242a; background: #fcfcfc; background: rgba(255, 255, 255, 0.6); width: 100%; padding: 10px 15px; margin-bottom: 10px; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; font-size: 14px; border: 1px solid #eceded; } .get-in-touch input[type="button"] { background: #008fd5; border: none; color: #fff; padding: 12px 25px; text-align: center; text-transform: uppercase; display: inline-block; font-size: 11px; position: relative; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; } .get-in-touch input[type="button"]:hover { background: #107AAE; } .btn-css { margin:200px 0 0 0!important } .project-image { position: relative; min-height: 180px; } @media (max-width:414px) { .project-description h2 { font-size:20px!important; line-height: 20px!important; } .project-description h5 { font-size:14px!important; } .mt2 { margin-top:10px; } .btn-css { margin:20px 0 0 0!important } } .title-css { font-size:15px; font-weight:500; color:#008fd5; line-height:20px } .read-more { background:#008fd5; padding:8px 15px; color:#fff; text-transform:uppercase; border-radius:5px; display:inline-block; font-size:14px; margin-bottom:30px; text-decoration:none!important } .read-more:hover { background:#454545; color:#fff; text-decoration:none!important } .read-2 { background:#454545; padding:8px 15px; color:#fff; text-transform:uppercase; border-radius:5px; display:inline-block; font-size:14px; margin-bottom:30px } .read-2:hover { background:#008fd5; color:#fff; } .read-2:focus { background:#008fd5; color:#fff; } .text-css { font-size:12px; padding:10px 0; line-height:20px; } .box-css { box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1); background:#fff; padding:30px 10px 10px 10px; margin-bottom:10px; min-height:380px } .box-css p { font-size:14px; } @media (max-width:767px) { .page-heading h1 {line-height:35px; font-size:35px;} }