/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */ /* ========================= */ /* FONT FACE */ /* ========================= */ .dede_pages { clear: both; height: 40px; margin: 0 auto; text-align: center; } .dede_pages li { float: left; padding: 7px 10px; border: 1px solid #CCCCCC; margin-right: 10px; color: #666; font-size: 12px; list-style: none; } .dede_pages li:hover { border: 1px solid #008fd5; } .dede_pages li:hover a { color: #008fd5 } .dede_pages li a { color: #666 } .dede_pages li.thisclass { border: 1px solid #008fd5; background-color: #008fd5; color: #FFFFFF } .dede_pages li.thisclass a { color: #fff } @font-face { font-family: 'Nella Sue'; src: url('../font/nellasuedemo-webfont.eot'); src: url('../font/nellasuedemo-webfont.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.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro Inline'; src: url('../font/Intro-Inline.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'intro_regular'; src: url('../font/intro-webfont.eot'); src: url('../font/intro-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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: 13px; line-height: 22px; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; color: #73848e; } .admin-bar #header { margin-top: 32px; } #back-to-top { 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: 130px; } body.headerstyle7 .page-heading { padding-top: 90px; margin-top: -50px; } body.headerstyle7 .page-heading.style2 { padding-top: 90px; } body.headerstyle7 .page-heading.style2.portfolio-heading { padding-top: 100px; padding-bottom: 10px; } body.headerstyle7 #slider, body.headerstyle7 .portfolio-extended-image, body.headerstyle7 .google-map-heading, body.headerstyle7 .google-map-ts { margin-top: -90px; } /* Header Style 8 */ body.headerstyle8 { padding-top: 90px; } body.headerstyle8.preheader-on { padding-top: 130px; } body.headerstyle8 .page-heading { padding-top: 100px; margin-top: -90px; } body.headerstyle8 .page-heading.style2 { padding-top: 130px; } body.headerstyle8 .page-heading.style2.portfolio-heading { padding-top: 100px; padding-bottom: 10px; } body.headerstyle8 #slider, body.headerstyle8 .portfolio-extended-image, body.headerstyle8 .google-map-heading, body.headerstyle8 .google-map-ts { margin-top: -90px; } /* Header Style 9 */ body.headerstyle9 { padding-top: 90px; } body.headerstyle9.preheader-on { padding-top: 130px; } body.headerstyle9 .page-heading { padding-top: 100px; margin-top: -90px; } body.headerstyle9 .page-heading.style2 { padding-top: 130px; } body.headerstyle9 .page-heading.style2.portfolio-heading { padding-top: 100px; padding-bottom: 10px; } body.headerstyle9 #slider, body.headerstyle9 .portfolio-extended-image, body.headerstyle9 .google-map-heading, body.headerstyle9 .google-map-ts { margin-top: -90px; } .page-heading.portfolio-extended-heading { padding-top: 5px!important; padding-bottom: 15px!important; background: #19242a!important; background: rgba(25,36,42,.45)!important; margin-top: -90px!important; z-index: 100; position: relative; height: 90px; } .page-heading.portfolio-extended-heading h1 { font-size: 30px!important; } img, iframe { max-width: 100%; border: none; } img { height: auto; } .flex-control-thumbs img { border-color: transparent; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .full-width { zoom: 1; } .full-width:before, .full-width:after { content: " "; display: table; } .full-width:after { clear: both; } .full-width-bg { margin-left: -5000px; margin-right: -5000px; padding-left: 5000px; padding-right: 5000px; } .full-width-bg .aligncenter { margin-bottom: 0; } .clearfix { clear: both; } .col-one-fifth { width: 20%; float: left; } .full-width>.col-lg-1, .full-width>.col-lg-one-fifth, .full-width>.col-lg-2, .full-width>.col-lg-3, .full-width>.col-lg-4, .full-width>.col-lg-5, .full-width>.col-lg-6, .full-width>.col-lg-7, .full-width>.col-lg-8, .full-width>.col-lg-9, .full-width>.col-lg-10, .full-width>.col-lg-11, .full-width>.col-lg-12 { padding: 0; } #wpadminbar { -webkit-transform: translateZ(0px)!important; } .last-page { margin-bottom: -40px; } .wpb_column > .wpb_wrapper > .last-page { margin-bottom: -40px !important; } .first-page { margin-top: -40px; } .wpb_column > .wpb_wrapper > .first-page { margin-top: -40px !important; } /* Typography */ h1, h2, h3, h4, h5, h6 { color: #23323a; } .cursive-style { font-family: 'Nella Sue', serif; } .cursive-style2 { font-family: Great Vibes, serif; } h2.cursive-style2 { font-size: 60px; } h1 { font-size: 32px; font-weight: 800; line-height: 40px; } h1.cursive-style { font-size: 80px; line-height: 80px; } h2 { font-size: 28px; font-weight: 300; line-height: 36px; margin: 20px 0; } h2.cursive-style { font-size: 60px; line-height: 60px; } h3 { font-size: 22px; font-weight: 400; line-height: 32px; margin: 20px 0; } h3.cursive-style { font-size: 48px; line-height: 48px; } h4 { font-size: 20px; line-height: 28px; } h5 { font-size: 18px; line-height: 26px; } h6 { font-size: 16px; line-height: 24px; } p { font-size: 13px; line-height: 22px; } 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: 12px 0 13px; } body.b1170 #header.style2 #main-header>.container, body.b960 #header.style2 #main-header>.container, #header.style2 #main-header { background: #000; background: rgba(0,0,0,.56); } #header.style7 #main-header, body.b1170 #header.style7 #main-header>.container, body.b960 #header.style7 #main-header>.container { } #header.style8 #main-header, body.b1170 #header.style8 #main-header>.container, body.b960 #header.style8 #main-header>.container { } body.b1170 #header.style3 #main-header>.container, body.b1170 #header.style4 #main-header>.container, body.b1170 #header.style5 #main-header>.container, body.b960 #header.style3 #main-header>.container, body.b960 #header.style4 #main-header>.container, body.b960 #header.style5 #main-header>.container, #header.style3 #main-header, #header.style4 #main-header, #header.style5 #main-header { background: #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 img { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } #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: #eee; } #header.style8 #main-header { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; padding-bottom: 15px; } #header.style8 #main-header:hover { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #main-header #main-nav:after, #main-header div.menu>ul:after { display: none; } /* Lower Header */ #lower-header { background: #fff; background: rgba(255, 255, 255, .67); -webkit-transform: translateZ(0px); position: relative; z-index: 5400; height: 55px; padding: 15px 0; transition: height .3s, padding .3s, background .4s, opacity 0.3s; -webkit-transition: height .3s, padding .3s, background .4s, opacity 0.3s; -moz-transition: height .3s, padding .3s, background .4s, opacity 0.3s; } body.b1170 #lower-header>.container, body.b960 #lower-header>.container { background: #fff; background: rgba(255, 255, 255, .67); } #lower-header:hover { background: rgba(255, 255, 255, .8); } #header.style3 #lower-header, #header.style4 #lower-header { background: #141d22; background: rgba(20,29,34,.56); } body.b1170 #header.style3 #lower-header>.container, body.b960 #header.style3 #lower-header>.container, body.b1170 #header.style4 #lower-header>.container, body.b960 #header.style4 #lower-header>.container { background: #141d22; background: rgba(20,29,34,.56); } #header.style1 #lower-header, #header.style5 #lower-header, #header.style6 #lower-header { border-bottom: 1px solid rgba(245, 245, 245, 0.5); } #header.style5 #lower-header, #header.style6 #lower-header { background: #fff; background: rgba(255,255,255,.78); } body.b1170 #header.style5 #lower-header>.container, body.b960 #header.style5 #lower-header>.container, body.b1170 #header.style6 #lower-header>.container, body.b960 #header.style6 #lower-header>.container { background: #fff; background: rgba(255,255,255,.78); } #header.style4 #lower-header, #header.style6 #lower-header { text-align: center; } #header.style4 #lower-header #main-navm, #header.style4 #lower-header div.menu>ul { display: inline-block; } #header.style4 #lower-header #main-nav li:last-child, #header.style6 #lower-header #main-nav li:last-child, #header.style4 #lower-header div.menu>ul li:last-child, #header.style6 #lower-header div.menu>ul li:last-child { margin-right: 0; } #header.style4 #lower-header #main-nav li ul, #header.style6 #lower-header #main-nav li ul, #header.style4 #lower-header div.menu>ul li ul, #header.style5 #lower-header div.menu>ul li ul { text-align: left; } #lower-header.light { background: #e1eef1; } #lower-header ul, #lower-header ul li { display: inline-block; } /* Upper Header */ #upper-header { background: #1d262b; -webkit-transform: translateZ(0px); position: relative; z-index: 5800; height: 40px; color: #ddd; padding: 7px 0; transition: opacity .4s; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; overflow: hidden; } #upper-header .item.left { float: left; margin-right: 20px; } #upper-header .item.right { float: right; margin-left: 20px; } #upper-header.light { background: #e1eef1; } #upper-header .item:before { content: "|"; display: inline-blick; margin-right: 15px; margin-bottom: 4px; line-height: 22px; } #upper-header .item.hidden-separator:before { display: none; } #header.style7 #upper-header, #header.style8 #upper-header, #header.style1 #upper-header, #header.style6 #upper-header { background: #f7f7f7; color: #444; } #upper-header ul, #upper-header ul li { display: inline-block; } #upper-header ul:after { border-right: 1px solid #ddd; content: ''; display: inline-block; height: 12px; position: relative; top: 1px; margin: 0 12px; } #upper-header ul:last-child:after { display: none; border: none; margin: 0; } /* Sticky header */ .sticky-header.style1 #main-header, .sticky-header.style3 #main-header, .sticky-header.style4 #main-header, .sticky-header.style5 #main-header, .sticky-header.style6 #main-header, body.b1170 .sticky-header.style1 #main-header, body.b1170 .sticky-header.style3 #main-header, body.b1170 .sticky-header.style4 #main-header, body.b1170 .sticky-header.style5 #main-header, body.b1170 .sticky-header.style6 #main-header, body.b960 .sticky-header.style1 #main-header, body.b960 .sticky-header.style3 #main-header, body.b960 .sticky-header.style4 #main-header, body.b960 .sticky-header.style5 #main-header, body.b960 .sticky-header.style6 #main-header, body.b1170 .sticky-header #upper-header, body.b960 .sticky-header #upper-header, .sticky-header #upper-header { height: 0!important; padding: 0!important; overflow: hidden!important; } .sticky-header.style1 #lower-header, .sticky-header.style3 #lower-header, .sticky-header.style4 #lower-header, .sticky-header.style5 #lower-header, .sticky-header.style6 #lower-header, body.b1170 .sticky-header.style1 #lower-header, body.b1170 .sticky-header.style3 #lower-header, body.b1170 .sticky-header.style4 #lower-header, body.b1170 .sticky-header.style5 #lower-header, body.b1170 .sticky-header.style6 #lower-header, body.b960 .sticky-header.style1 #lower-header, body.b960 .sticky-header.style3 #lower-header, body.b960 .sticky-header.style4 #lower-header, body.b960 .sticky-header.style5 #lower-header, body.b960 .sticky-header.style6 #lower-header { -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; height: 40px; padding: 7px 0; } #header.sticky-header #lower-header { background: rgba(255, 255, 255, .80); } #header.sticky-header.style3 #lower-header, #header.sticky-header.style4 #lower-header { background: rgba(20,29,34,.80); } .sticky-header.style2 #main-header, .sticky-header.style7 #main-header, .sticky-header.style8 #main-header { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; height: 60px!important; padding-top: 0; } body.b1170 .sticky-header.style7 #main-header>.container, body.b960 .sticky-header.style7 #main-header>.container, body.b1170 .sticky-header.style8 #main-header>.container, body.b960 .sticky-header.style8 #main-header>.container { height: 60px!important; padding-top: 0; } .sticky-header.style1:hover #lower-header, .sticky-header.style2:hover #lower-header, .sticky-header.style3:hover #lower-header, .sticky-header.style4:hover #lower-header, .sticky-header.style5:hover #lower-header, .sticky-header.style6:hover #lower-header, .sticky-header.style7:hover #lower-header, .sticky-header.style8:hover #lower-header, .sticky-header.style1:hover #main-header, .sticky-header.style2:hover #main-header, .sticky-header.style3:hover #main-header, .sticky-header.style4:hover #main-header, .sticky-header.style5:hover #main-header, .sticky-header.style6:hover #main-header, .sticky-header.style7:hover #main-header, .sticky-header.style8:hover #main-header { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .sticky-header.style2 #main-header #main-nav, .sticky-header.style7 #main-header #main-nav, .sticky-header.style8 #main-header #main-nav, .sticky-header.style2 #main-header div.menu>ul, .sticky-header.style7 #main-header div.menu>ul, .sticky-header.style8 #main-header div.menu>ul { margin-top: 15px; } .sticky-header.style2 #main-header .logo img, .sticky-header.style7 #main-header .logo img, .sticky-header.style8 #main-header .logo img { height: 40px; margin-top: 5px; } .headerstyle8 #main-content .main-flexslider, .headerstyle8 #main-content .head-banner { margin-top: -90px; } #main-content>.container>.row>section.col-lg-12.small-padding { float: none; } /* Upper Header Menus */ #upper-header { overflow: visible; } #upper-header .menu li { position: relative; } #upper-header .menu li>a { color: #73848e; font-size: 11px; text-transform: uppercase; } #upper-header .menu>li:hover>a { color: #008fd5; } #upper-header .menu>li + li { margin-left: 15px; } #upper-header .menu li>a:after { font-family: fontello; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; margin-left: 5px; content: '\e899'; } #upper-header .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 { 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="button"], #search-box-pre form input[type="button"] { 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: 40px; padding-bottom: 40px; } .smallest-padding { padding-top: 30px; padding-bottom: 30px; } .blue-gradient-bg { background: #22afc7; /* Old browsers */ background: 0; /* FF3.6+ */ background: 0; /* Chrome,Safari4+ */ background: 0; /* Chrome10+,Safari5.1+ */ background: 0; /* Opera 11.10+ */ background: 0; /* IE10+ */ background:linear-gradient(tobottom, #22afc70%, #0191d3100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#22afc7', endColorstr='#0191d3', GradientType=0); /* IE6-9 */ color: #fff; } .service { text-align: center; } .service h3 { font-weight: 300; } /* 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.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .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; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } .project:hover .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: #2a3b45; 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: #2f424d; } .project-meta h4 { margin-bottom: 0; color: #fff; font-size: 18px; font-weight: 300; } .project-meta h4 a { color: #fff; } .project-meta span.project-category { font-size: 11px; margin: 0; text-transform: uppercase; color: #97a4ad; } .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="button"], .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="button"]: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="button"], .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="button"] { background: #008fd5; border: none; } .get-in-touch.light input[type="button"]: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="button"]: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: 36px; letter-spacing: 2px; text-transform: uppercase; color: #fff; } .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: #fff; } .breadcrumbs .delimiter { margin: 0 8px 0 6px; } .breadcrumbs a { color: #fff; } .breadcrumbs a:hover { color: #008fd5; } .page-heading.style2 { text-align: center; padding-top: 40px; padding-bottom: 40px; } .page-heading.style3 { border-bottom: 1px solid #ddd; overflow: hidden; padding-top: 20px; padding-bottom: 0; } .page-heading.style3 h1 { text-transform: none; font-size: 24px; font-weight: 400; color: #2d363c; } .page-heading.style3 .breadcrumbs a { color: #666; } .page-heading.style3 .breadcrumbs .current { color: #008fd5; } .page-heading .icons { font-size: 72px; color: #e5eff4; } .page-heading.style2 h1 { margin: 20px 0; font-size: 48px; color: #e5eff4; } .page-heading.style2.portfolio-heading h1 { font-size: 26px; letter-spacing: 0; } .page-heading.style2 .breadcrumbs { display: block; text-align: center; } .page-heading.style3 .breadcrumbs { color: #73848e; font-size: 11px; } .page-heading.position-left-top { background-position: left top; } .page-heading.position-left-center { background-position: left center; } .page-heading.position-left-bottom { background-position: left bottom; } .page-heading.position-right-top { background-position: right top; } .page-heading.position-right-center { background-position: right center; } .page-heading.position-right-bottom { background-position: right bottom; } .page-heading.position-center-top { background-position: center top; } .page-heading.position-center-center { background-position: center center; } .page-heading.position-center-bottom { background-position: center bottom; } .page-heading.size-cover { background-size: cover; } .page-heading.size-original { -webkit-background-size: auto; -moz-background-size: auto; background-size: auto; } h2.big { font-size: 36px; } h2:first-child { margin-top: 0; } .overlay-heading { position: relative; height: 100px; padding-top: 10px!important; padding-bottom: 10px!important; top: -100px; margin-bottom: -100px; background: rgba(35,50,58,.6); } .overlay-heading h1 { font-size: 34px!important; } 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="button"].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="button"].unfilled.big { padding: 14px 35px!important; } a.button.unfilled.small, input[type="button"].unfilled.small, button.unfilled.small { padding: 6px 15px!important; font-size: 12px; } a.button.unfilled.white, input[type="button"].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="button"].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="button"].unfilled.rounded { border-radius: 10px; } a.button.unfilled:hover, input[type="button"].unfilled:hover { color: #fff!important; } a.button.unfilled.white:hover, input[type="button"].unfilled.white:hover { color: #000!important; } input[type="button"].unfilled:hover { background: #000!important; } input[type="button"].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="button"], .update-totals button[type="button"] { 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="button"].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="button"].blue:hover { background: #107aae; } input[type="button"].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="button"] + .icons { color: #999!important; } .search-form input[type="button"]: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: #93a6b0; font-size: 11px; 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="button"], .widget_product_search input[type="button"] { 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 15px; } .projects-style3 .mix { padding: 0; } .project.style2 { border: none!important; } .project.style2 .project-hover { background: #e66864; background: rgba(230,104,100,.9); top: 0; left: 0; right: 0; bottom: 0; margin-top: 0; } .projects-style3 .project.style2 .project-hover { background: #26cb9e; background: rgba(38, 203, 158, .9); } .project.style2 .project-hover .project-description { display: table; width: 100%; height: 100%; } .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: 300; } .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="button"] { 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="button"] { 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="button"]: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: 10px; color: #008fd5; font-size: 18px; } h2.big p { margin: 0; padding: 0; font-size: inherit; } .comment-form input[type="button"], .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="button"]:hover, .comment-form input[type="reset"]:hover { background: #535e67; } .iconic-button { display: inline-block; position: relative; } .iconic-button input[type="button"], .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="button"] { background: #008fd5; } .comment-form input[type="button"]: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="button"], 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 } .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: #fcfcfc; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb } .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: 36px; } .marine-contactus-page-team-bg { margin-bottom: 0 !important; } .marine-team-border-top { border-top-color: #ccd2da !important; } .marine-main-team-bg { background-image: url(../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-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-45 { margin-bottom: 45px; } .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; font-family: "Open Sans"; font-size: 60px; font-weight: 300; line-height: 67px; text-decoration: none; text-shadow: 1px 2px 7px rgba(8, 13, 16, 1); } .tp-caption.black_description_18 { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(35, 51, 59); font-size: 18px; font-weight: 500; line-height: 31px; text-align: left; text-decoration: none; text-shadow: none; } .tp-caption.normal_nelle { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: "Nella Sue"; font-size: 120px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_intro_inline { color: rgb(255, 255, 255); font-family: intro_inlineregular; font-size: 106px; font-weight: 600; line-height: 60px; text-shadow: 1px 2px 7px rgb(8, 13, 16) } .tp-caption.arrowicon { border-color: rgb(34, 34, 34); border-style: none; border-width: 0; line-height: 1px; } .tp-caption.extrabold_littlesub { background-color: transparent; border-color: rgb(34, 34, 34); border-style: none; border-width: 0; color: rgb(248, 248, 248); font-family: intro_regular; font-size: 18px; font-weight: 300; line-height: 22px; text-decoration: none; } .tp-caption.big_nelle { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: "Nella Sue"; font-size: 147px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_intro_inline { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: intro_inlineregular; font-size: 106px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_sweety_broken { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: #ffffff; font-family: sweetly_brokenregular; font-size: 182px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .arrowicon { border-color: rgb(34, 34, 34); border-style: none; border-width: 0; line-height: 1px; } .extrabold_littlesub { background-color: transparent; border-color: rgb(34, 34, 34); border-style: none; border-width: 0; color: rgb(248, 248, 248); font-family: intro_regular; font-size: 18px; font-weight: 300; line-height: 22px; text-decoration: none; } .big_nelle { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: "Nella Sue"; font-size: 147px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .big_intro_inline { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: rgb(255, 255, 255); font-family: intro_inlineregular; font-size: 106px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .big_sweety_broken { background-color: transparent; border-color: rgb(0, 0, 0); border-style: none; border-width: 0; color: #ffffff; font-family: sweetly_brokenregular; font-size: 182px; font-weight: 600; line-height: 60px; text-decoration: none; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.big_code_light { color: rgb(255, 255, 255); font-family: code_lightregular; font-size: 132px; font-weight: 300; line-height: 60px; text-shadow: 1px 2px 7px rgb(8, 13, 16); } .tp-caption.arrowicon { line-height: 1px; border-width: 0px; border-color: rgb(34,34,34); border-style: none } .tp-caption.big_extraheavy_170 { font-size: 150px; line-height: 60px; font-weight: 900; font-family: "Open Sans Extrabold"; color: #ffffff; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none } .tp-caption.semibold_bigsub { font-size: 40px; line-height: 22px; font-weight: 600; font-family: "Open Sans"; color: rgb(248,248,248); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(34,34,34); border-style: none } .tp-caption.big_extraheavy_54 { font-size: 54px; line-height: 60px; font-weight: 900; letter-spacing: -4px; font-family: "Open Sans Extrabold"; color: #ffffff; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none } .arrowicon { line-height: 1px; border-width: 0px; border-color: rgb(34,34,34); border-style: none } .big_extraheavy_170 { font-size: 150px; line-height: 60px; font-weight: 900; font-family: "Open Sans Extrabold"; color: #ffffff; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none } .semibold_bigsub { font-size: 40px; line-height: 22px; font-weight: 600; font-family: "Open Sans"; color: rgb(248,248,248); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(34,34,34); border-style: none } .big_extraheavy_54 { font-size: 54px; line-height: 60px; font-weight: 900; letter-spacing: -4px; font-family: "Open Sans Extrabold"; color: #ffffff; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none } .tp-caption.arrowicon { line-height: 1px; border-width: 0px; border-color: rgb(34,34,34); border-style: none } .tp-caption.big_telegraficoregular { color: rgb(255,255,255); font-size: 140px; line-height: 64px; font-weight: 600; font-family: telegraficoregular; text-decoration: none; text-shadow: rgb(8,13,16) 1px 2px 7px; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none } .tp-caption.medium_telegraficoregular { font-size: 72px; line-height: 69px; font-weight: 600; font-family: telegraficoregular; color: rgb(255,255,255); text-decoration: none; text-shadow: rgb(8,13,16) 1px 2px 7px; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none } .tp-caption.italic_littlesub { font-size: 18px; line-height: 22px; font-weight: 300; font-family: "Open Sans"; color: #ffffff; font-style: italic; text-align: center; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(34,34,34); border-style: none } .big_telegraficoregular { color: rgb(255,255,255); font-size: 140px; line-height: 64px; font-weight: 600; font-family: telegraficoregular; text-decoration: none; text-shadow: rgb(8,13,16) 1px 2px 7px; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none } .medium_telegraficoregular { font-size: 72px; line-height: 69px; font-weight: 600; font-family: telegraficoregular; color: rgb(255,255,255); text-decoration: none; text-shadow: rgb(8,13,16) 1px 2px 7px; background-color: transparent; border-width: 0px; border-color: rgb(0,0,0); border-style: none } .italic_littlesub { font-size: 18px; line-height: 22px; font-weight: 300; font-family: "Open Sans"; color: #ffffff; font-style: italic; text-align: center; text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(34,34,34); border-style: none } .tp-caption.big_light_60_lato { color: #ffffff; font-size: 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-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; } .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: url(../img/cars-bg-031.jpg); } .motors-parallax-sec { background: url(../img/cars-bg-05.jpg); } .motors-call-to-action { background: url(../img/cars-bg-02.jpg); } .corporation-call-to-action, .corporation-services { background: url(../img/stripe-long-2.jpg); } .corporation-skills, .corporation-testimonials, .corporation-portfolio { background: url(../img/rs-images/Layer-49011.jpg); } .architetti-testimonials { background: url(../img/architetti-bg9.jpg); } .architetti-circular-counter { background: url(../img/architetti-bg6.jpg); } .fashion-services { background: url(../img/fashion-bg.jpg); } .fashion-features1 { background: url(../img/fashion-bg2.jpg); } .fashion-features2 { background: url(../img/phone-fashion.png); } .medical-image-box, .medical-call-to-action { background: url(../img/medical-bg.jpg); } .medical-accordion { background: url(../img/med-stripe.jpg); }