/* ========================= */ /* FONT FACE */ /* ========================= */ @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; } .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; } #main-content>.container>.row>.col-lg-12{ position:static; } 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:-90px; } body.headerstyle7 .page-heading.style2{ padding-top:90px; } body.headerstyle7 .page-heading.style2.portfolio-heading{ padding-top:100px; padding-bottom:10px; } body.headerstyle7 #slider, body.headerstyle7 .portfolio-extended-image, body.headerstyle7 .google-map-heading, body.headerstyle7 .google-map-ts{ margin-top:-90px; } /* Header Style 8 */ body.headerstyle8{ padding-top:90px; } body.headerstyle8.preheader-on{ padding-top:130px; } body.headerstyle8 .page-heading{ padding-top:100px; margin-top:-90px; } body.headerstyle8 .page-heading.style2{ padding-top:130px; } body.headerstyle8 .page-heading.style2.portfolio-heading{ padding-top:100px; padding-bottom:10px; } body.headerstyle8 #slider, body.headerstyle8 .portfolio-extended-image, body.headerstyle8 .google-map-heading, body.headerstyle8 .google-map-ts{ margin-top:-90px; } /* Header Style 9 */ body.headerstyle9{ padding-top:90px; } body.headerstyle9.preheader-on{ padding-top:130px; } body.headerstyle9 .page-heading{ padding-top:100px; margin-top:-90px; } body.headerstyle9 .page-heading.style2{ padding-top:130px; } body.headerstyle9 .page-heading.style2.portfolio-heading{ padding-top:100px; padding-bottom:10px; } body.headerstyle9 #slider, body.headerstyle9 .portfolio-extended-image, body.headerstyle9 .google-map-heading, body.headerstyle9 .google-map-ts{ margin-top:-90px; } .page-heading.portfolio-extended-heading{ padding-top:5px!important; padding-bottom:15px!important; background:#19242a!important; background:rgba(25,36,42,.45)!important; margin-top:-90px!important; z-index: 100; position: relative; height:90px; } .page-heading.portfolio-extended-heading h1{ font-size:30px!important; } img,iframe { max-width:100%; border:none; } img{ height:auto; } .flex-control-thumbs img{ border-color:transparent; } .align-left { text-align:left; } .align-right { text-align:right; } .align-center { text-align:center; } .full-width { zoom:1; } .full-width:before,.full-width:after { content:" "; display:table; } .full-width:after { clear:both; } .full-width-bg { margin-left:-5000px; margin-right:-5000px; padding-left:5000px; padding-right:5000px; } .full-width-bg .aligncenter{ margin-bottom: 0; } .clearfix { clear:both; } .col-one-fifth { width:20%; float:left; } .full-width>.col-lg-1, .full-width>.col-lg-one-fifth, .full-width>.col-lg-2,.full-width>.col-lg-3,.full-width>.col-lg-4,.full-width>.col-lg-5,.full-width>.col-lg-6,.full-width>.col-lg-7,.full-width>.col-lg-8,.full-width>.col-lg-9,.full-width>.col-lg-10,.full-width>.col-lg-11,.full-width>.col-lg-12 { padding:0; } #wpadminbar{ -webkit-transform:translateZ(0px)!important; } .last-page { margin-bottom: -40px; } .wpb_column > .wpb_wrapper > .last-page { margin-bottom: -40px !important; } .first-page { margin-top: -40px; } .wpb_column > .wpb_wrapper > .first-page { margin-top: -40px !important; } /* Typography */ h1, h2, h3, h4, h5, h6{ color:#23323a; } .cursive-style{ font-family:'Nella Sue', serif; } .cursive-style2{ font-family: Great Vibes, serif; } h2.cursive-style2 { font-size: 60px; } h1 { font-size:32px; font-weight:800; line-height:40px; } h1.cursive-style{ font-size:80px; line-height:80px; } h2 { font-size:28px; font-weight:300; line-height:36px; margin:20px 0; } h2.cursive-style{ font-size:60px; line-height:60px; } h3 { font-size:24px; font-weight:400; line-height:32px; margin:20px 0; } h3.cursive-style{ font-size:48px; line-height:48px; } h4 { font-size:20px; line-height:28px; } h5 { font-size:18px; line-height:26px; } h6 { font-size: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 #eceded; } #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:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:.2em; color:#008fd5; margin-right:5px; 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:11px; } #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:10px; 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 > .menu-item:first-child .mega-menu{ margin-left: 0 !important; } #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; } #header.style8 #main-header #search-box, #header.style8 #main-header #search-box-pre{ margin-top:13px; } .sticky-header #main-header #search-box, .sticky-header #main-header #search-box-pre { margin-top:13px; } #search-box i.icons { color:#93a6b0; cursor:pointer; font-size:16px; } #search-box-pre i.icons { color:#93a6b0; cursor:pointer; } #search-box form, #search-box-pre form { position:absolute; display:none; top:100%; margin-top:17px; right:0; vertical-align:top; box-shadow:0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd; -moz-box-shadow:0 0 5px #ddd; padding-right:50px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #search-box.search-box-opened form, #search-box-pre.search-box-opened form { display:block; animation: fadeInUp .4s; -webkit-animation: fadeInUp .4s; animation-iteration: forwards; -webkit-animation-iteration: forwards; } #header.style3 #search-box form, #header.style3 #search-box-pre form { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } #search-box form:before, #search-box-pre form:before { position:absolute; display:block; content:''; top:-12px; right:15px; border-style:solid; border-width:0 0 15px 20px; border-color:transparent transparent #23323a; } #search-box .iconic-submit, #search-box-pre .iconic-submit { display:inline-block; vertical-align:top; margin-left:-3px; position:absolute; right:0; top:0; } #search-box input[type="text"], #search-box-pre input[type="text"] { height:50px; border:none; padding:10px; width:200px; } #search-box input[type="text"]:focus, #search-box-pre input[type="text"]:focus { outline:none; } #search-box .iconic-submit input, #search-box-pre .iconic-submit input { position:absolute; } #search-box .iconic-submit .icon, #search-box-pre .iconic-submit .icon { position:relative; top:0; left:0; width:50px; height:50px; background:#23323a; color:#fff; text-align:center; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } #search-box .iconic-submit:hover .icon, #search-box-pre .iconic-submit:hover .icon { background:#008fd5; } #search-box .iconic-submit .icons, #search-box-pre .iconic-submit .icons { color:#fff; text-align:center; position:relative; left:0; top:12px; } #search-box form input[type="submit"], #search-box-pre form input[type="submit"] { background:red; width:50px; height:50px; z-index:99999; } /************************* SIDEMENU *************************/ .tparrows{ -webkit-transform:none; } body.admin-bar #sidemenu-wrapper{ top:30px; } body.admin-bar #sidemenu-button{ top:95px; } body.sidemenu-fixed{ padding-left:230px; } body.sidemenu-fixed .full-width{ padding-left:230px!important; } body.sidemenu-fixed.boxed-layout2 .full-width{ padding-left:260px!important; } body.sidemenu-fixed.b1170 .full-width, body.sidemenu-fixed.b960 .full-width{ padding-left:0!important; } #sidemenu.hidden-menu #sidemenu-button{ display:block; } #sidemenu-button{ display:none; position:fixed; top:65px; left:65px; color:#fff; z-index:5000; cursor:pointer; transition: opacity .3s, left .4s; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; } #sidemenu-button:hover{ opacity:.8; } #sidemenu-button>span{ text-transform:uppercase; font-size:12px; } #sidemenu-button>div{ width:45px; height:45px; background:url(../img/sprites/menu_hidden.png) no-repeat; display:inline-block; vertical-align: middle; margin-right: 20px; } #sidemenu-button>div>span+span{ margin-top:6px; } #sidemenu-wrapper{ position:fixed; -webkit-transform:translateZ(0px); top:0; left:0; bottom:0; background:#fff; background:rgba(255,255,255,.95); z-index:5000; width:230px; padding:30px; text-align:center; box-shadow: 1px 0 10px rgba(0,0,0,.1); -webkit-box-shadow: 1px 0 10px rgba(0,0,0,.1); transition: margin .3s; -webkit-transition: margin .3s; -moz-transition: margin .3s; } #sidemenu-inner{ position: absolute; top: 0; left: 0; right: 0; bottom: 30px; padding: 30px 30px 0; overflow-x:visible; overflow-y:hidden; } #sidemenu.dark .ps-container .ps-scrollbar-y-rail{ background-color: #333; } #sidemenu.dark .ps-container .ps-scrollbar-y{ background-color:#93a6b0!important; } #sidemenu.dark #sidemenu-wrapper{ background:#141d22; background:rgba(20, 29, 34, .90); color:#8a9eae; box-shadow: none; -webkit-box-shadow: none; } #sidemenu.hidden-menu #sidemenu-wrapper{ left:-230px; transition: left .4s; -webkit-transition: left .4s; -moz-transition: left .4s; } #sidemenu.hidden-menu.menu-opened #sidemenu-wrapper{ left:0; } #sidemenu.hidden-menu.menu-opened #sidemenu-button{ left:-500px; } #sidemenu-wrapper .logo img{ margin-top:0; height:auto; } .sidemenu-tweets { padding:60px 0 30px; border-top:1px solid #cfd2d5; font-size:13px; line-height:24px; color:#73848e; } .sidemenu-tweets .date{ font-size:10px; text-transform:uppercase; line-height:18px; } .sidemenu-tweets .icon{ font-size:32px; color:#55acee; margin-bottom:10px; } .sidemenu-tweets p{ margin-bottom:0; } .sidemenu-tweets a{ word-break: break-word; } #side-nav{ border-top:1px solid #cfd2d5; margin:30px 0 0; padding:30px 0; } #sidemenu.dark .sidemenu-tweets{ border-color:#2c353a; } #sidemenu.dark #side-nav{ border-color:#2c353a; } #side-nav>ul{ list-style:none; display:block; text-align:left; padding:0; } #side-nav li a{ display:block; padding:20px 0; color:#23323a; font-size:12px; text-transform:uppercase; } #sidemenu.dark #side-nav li a{ color:#8a9eae; } #side-nav li:hover>a, #side-nav li.current-menu-item>a, #side-nav li.current-menu-ancestor>a{ color:#008fd5; } #sidemenu.dark #side-nav li:hover>a, #sidemenu.dark #side-nav li.current-menu-item>a, #sidemenu.dark #side-nav li.current-menu-ancestor>a{ color:#fff; } #side-nav>ul>li>a:before{ content:''; width:9px; height:9px; display:inline-block; margin-right:10px; background:url(../img/sprites/menu-arrows.png) -9px 0 no-repeat; } #sidemenu-wrapper .sidemenu-footer{ position:absolute; left:30px; right:30px; bottom:30px; padding-top:30px; border-top:1px solid #cfd2d5; } #sidemenu.dark .sidemenu-footer{ border-color:#2c353a; } #sidemenu-wrapper .sidemenu-footer p{ color:#73848e; font-size:11px; white-space:nowrap; } @media (max-height: 1060px){ #side-nav li a{ padding:15px 0; } .sidemenu-tweets { padding:40px 0 40px; } } @media (max-height: 900px){ #side-nav li a{ padding:10px 0; } } #side-nav>ul>li>ul, #side-nav>ul>li>ul ul{ padding-left:20px; display:none; } #side-nav>ul>li>ul ul{ padding-left:0; } #side-nav li ul li{ position:relative; } #side-nav li ul li>a{ padding:5px 0; display:block; font-size:11px; color:#73848e; } #sidemenu.dark #side-nav li ul a{ color:#fff; } #side-nav li ul li:hover>a, #sidemenu.dark #side-nav li ul li:hover>a{ color:#008fd5; } #side-nav li:hover>.mega-menu{ display:block; opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } #side-nav ul{ list-style:none; padding:0; } #side-nav>ul>li{ position:relative; } #side-nav .mega-menu{ position:absolute; color:#b9cbd4; left:100%; text-align:left; padding:0; top:0; padding-left:30px; opacity:0; visibility:hidden; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .3s, 0s; -moz-transition-duration: .3s, 0s; -o-transition-duration: .3s, 0s; transition-duration: .3s, 0s; -webkit-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; transition-delay: 0s, .3s; } #side-nav .mega-menu-too-big{ left:0; right:0; margin-left:0; width:100%; } #side-nav .mega-menu ul li ul a{ white-space:nowrap; padding:15px 20px; } #side-nav .mega-menu-too-big ul li a{ white-space:normal; } #side-nav>li:hover>.mega-menu{ display:block; -webkit-animation: fadeInUpMenu .4s; animation: fadeInUpMenu .4s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } #side-nav .mega-menu>ul{ display:table!important; table-layout:fixed; transform:none!important; -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; -khtml-opacity: 1!important; -moz-opacity: 1!important; opacity: 1!important; position:relative!important; background:#19242a url(../img/mega-menu-bg.png) right bottom no-repeat; padding-top:0; left:0; } #side-nav .mega-menu ul{ margin-left:0!important; } #side-nav .mega-menu>ul>li{ display:table-cell; position:relative; } #side-nav .mega-menu>ul>li + li:before{ content:''; top:20px; bottom:20px; left:0; border-left:1px solid #273137; position:absolute; } #side-nav .mega-menu>ul>li ul{ display:block; transform:none!important; -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; -khtml-opacity: 1!important; -moz-opacity: 1!important; opacity: 1!important; left:0!important; position:relative!important; } #side-nav .mega-menu li a{ background:none!important; padding-left:20px; padding-right:20px; } #side-nav .mega-menu li a:before{ content:''; width:9px; height:9px; display:inline-block; margin-right:5px; background:url(../img/sprites/mega-menu-arrow.png) no-repeat; } #side-nav .mega-menu li:hover>a{ color:#008fd5!important; } #side-nav .mega-menu li:hover>a:before{ background-position:-9px 0; } #side-nav .mega-menu li span{ padding: 15px 20px; display:block; font-size:14px; font-weight:700; text-transform:uppercase; white-space:nowrap; } #side-nav .mega-menu-footer{ padding:8px 15px; background:#162025; color:#fff; vertical-align:top; } #side-nav .mega-menu-footer span{ color:#86969e; text-transform:none; font-size:12px; display:inline-block; margin-top:9px; } #side-nav .mega-menu-footer span strong{ color:#cad4d9; font-weight:700; } #sidemenu.light .mega-menu>ul{ background:#fff url(../img/mega-menu-bg-light.png) right bottom no-repeat; } #sidemenu.light .mega-menu li span{ color:#23323a; } #sidemenu.light .mega-menu li a{ color:#73848e; } #sidemenu.light .mega-menu>ul>li + li:before{ border-color:#eaeef1; } #sidemenu.light .mega-menu-footer{ background:#e8eef1; } #sidemenu.light .mega-menu-footer span{ color:#73848e; } @media (min-width:1400px){ body.sidemenu-fixed .container{ width:1170px; } } @media (min-width:1180px) and (max-width:1399px){ body.sidemenu-fixed .container{ width:980px; } } @media (min-width:960px) and (max-width:1179px){ body.sidemenu-fixed .container{ width:740px; } } @media (max-width:959px){ body.sidemenu-fixed .container{ width:100%; } } /* FLEXSLIDERS */ .flexslider { border:none; margin:0; } .flexslider .slides li.dark { color:#fff; } .flexslider .slides li.light { color:#444; } .main-flexslider .slides li img { width:auto; display:inline-block; } .main-flexslider .slides li { padding:0 0; background-size:cover!important; } .main-flexslider .flex-direction-nav a, .portfolio-flexslider .flex-direction-nav a, .tp-leftarrow.default, .tp-rightarrow.default { text-align:center; width:60px; height:65px; top:50%!important; background:url(../img/main-slider-arrows.png) 0 2px no-repeat; border:1px solid #fff; border:1px solid rgba(255,255,255,.4); transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; } .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; } .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 color-stop(100%,#0191d3)); /* 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 a.content-box-link { transition:opacity .3s; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; } .service a.content-box-link:hover { opacity: .7; } .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 a.content-box-link { transition:opacity .3s; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; } .iconic-service a.content-box-link:hover { opacity: .7; } .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 #23323a;*/ 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 { 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:15px; font-size:38px; } /* 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:10px 0 0; padding:0; } .team-member .social-media li { display:inline-block; padding:0 1px; } /* Our Clients */ .client-logo { text-align:center; } /* Get In Touch */ .get-in-touch { text-align:center; margin-bottom:40px; } .get-in-touch.light { text-align:left; } .get-in-touch input[type="text"], .get-in-touch input[type="password"], .get-in-touch input[type="search"], .get-in-touch textarea{ color:#19242a; } .get-in-touch.light input[type="text"], .get-in-touch.light input[type="password"], .get-in-touch.light input[type="search"], .get-in-touch.light textarea{ background:#fcfcfc; border:1px solid #eceded; } .get-in-touch input[type="text"], .get-in-touch input[type="password"], .get-in-touch textarea { background:#fff; background:rgba(255,255,255,0.67); width:100%; font-size:14px; border:1px solid #eceded; padding:10px 15px; margin-bottom:10px; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } .get-in-touch input[type="text"]:focus, .get-in-touch input[type="password"]:focus, .get-in-touch textarea:focus { outline:none; background:rgba(255,255,255,0.75); } .get-in-touch input[type="text"]::-webkit-input-placeholder, .get-in-touch input[type="password"]::-webkit-input-placeholder, .get-in-touch textarea::-webkit-input-placeholder { color: #19242a; } .get-in-touch input[type="text"]:-moz-placeholder, .get-in-touch input[type="password"]:-moz-placeholder, .get-in-touch textarea:-moz-placeholder{ color: #19242a; } .get-in-touch input[type="text"]::-moz-placeholder, .get-in-touch input[type="password"]::-moz-placeholder, .get-in-touch textarea::-moz-placeholder { color: #19242a; } .get-in-touch input[type="text"]:-ms-input-placeholder, .get-in-touch input[type="password"]:-ms-input-placeholder, .get-in-touch textarea:-ms-input-placeholder { color: #19242a; } .get-in-touch textarea { height:100px; } ::-webkit-input-placeholder { color:#333; } :-moz-placeholder { color:#333; } ::-moz-placeholder { color:#333; } :-ms-input-placeholder { color:#333; } .iconic-input { position:relative; } .iconic-input .icons { position:absolute; top:10px; right:10px; color:#008fd5; font-size:18px; } .get-in-touch input[type="submit"], .get-in-touch input[type="reset"] { background:#64737f; background:rgba(255,255,255,.15); border:1px solid #707e89; color:#fff; padding:12px 25px; text-align:center; text-transform:uppercase; display:inline-block; font-size:11px; position:relative; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } .get-in-touch input[type="submit"]:hover, .get-in-touch input[type="reset"]:hover { background:#535e67; background:rgba(255,255,255,.2); } .iconic-button { display:inline-block; position:relative; } .iconic-button input[type="submit"], .iconic-button input[type="reset"] { padding-right:40px; } .get-in-touch .iconic-button .icons { position:absolute; top:12px; right:18px; font-size:16px; color:#fff; } .get-in-touch.light input[type="reset"] { background:#23323a; border:none; } .get-in-touch.light input[type="reset"]:hover { background:#101c23; } .get-in-touch.light input[type="submit"] { background:#008fd5; border:none; } .get-in-touch.light input[type="submit"]:hover { background:#107aae; } .get-in-touch.light .iconic-button .icons { color:#fff; } /* Contact */ .google-map-ts { display: block; height: 400px; overflow:hidden; position:relative; margin-top: -63px; } .google-map-ts>p { margin: 0; } .google-map-ts.ext { height: 800px; } .google-map { display: block; height: 400px; overflow:hidden; } .google-map.ext { height: 800px; position:relative; } .google-map > p { display: none; } .google-map > div { height: 400px; position: relative; width: 100% !important; margin: 0; } .google-map.ext > div { height: 800px; } .google-map .wpgmappity_container { height: 400px !important; } .google-map.ext .wpgmappity_container { height: 1100px!important; margin-top: -300px; } .google-map .wpgmappity_container { width: 100% !important; } .get-in-touch-overlay { position:absolute; height:430px; background:#082338; background:rgba(8,35,56,0.67); text-align:center; left:0; right:0; bottom:0; } .get-in-touch-overlay .get-in-touch.light{ text-align:center; } .get-in-touch-overlay h2, .get-in-touch-overlay h3{ color:#fff; font-size: 30px; margin-bottom: 40px; } /* Progress Bars */ .progressbar { width:100%; height:15px; background:transparent; padding:3px; border-radius:1px; -moz-border-radius:1px; border:1px solid #DDE0E4; position:relative; margin:10px 0 15px; } .progressbar .progress-width { height:100%; width:0; background-image:url(../img/progress-bar.jpg); background-position:0 0; background-repeat:repeat-x; animation:animatedBackground 6s linear infinite; -webkit-animation:animatedBackground 6s linear infinite; } .progressbar .progress-percent { width:35px; height:35px; display:none; background:url(../img/progressbar-percent.png) no-repeat; color:#fff; font-size:10px; padding-right:4px; padding-top:2px; text-align:center; position:absolute; top:-36px; margin-left:-17px; } .style1 p { color:#474a4c; } .style2 p { color:#b9c3ca; } .style2 .progressbar { outline: 1px solid rgba(179, 182, 185, 0.54); } .gray-bg .progressbar { background:transparent; border-color:transparent; outline:1px solid #666; } @keyframes animatedBackground { frombackground-position:0 0; } to { background-position:100% 0; } } @-webkit-keyframes animatedBackground { frombackground-position:0 0; } to { background-position:100% 0; } } /* Circular Progress Bar */ .circular-counter { position:relative!important; text-align:center; margin:20px 0; } p.knob-percent { position:absolute; font-size:12px; text-transform:uppercase; font-weight:300; color:#fff; top:50%; margin-top:-50px; left:0; right:0; text-align:center; } p.knob-percent span { font-size:60px; line-height:70px; display:block; text-align:center; } /* Tabs */ .tab-header { display:block; width:100%; } .tab-header ul { display:table; list-style:none; margin:0; padding:0; width:100%; table-layout:fixed; } .tab-header ul li { display:table-cell; text-align:center; border:1px solid #ddd; padding:10px 0; cursor:pointer; background:#f4f4f4; transition:background .3s border .3s; -webkit-transition:background .3s border .3s; -moz-transition:background .3s border .3s; } .tab-header ul li.active-tab { border-top-color:#089bd5; border-bottom:none; background:#fff; } .tab-header ul li:hover { background:#fff; } .tab-header ul li a { color:#999; text-transform:uppercase; font-size:11px; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } .tab-header ul li.active-tab a { color:#089bd5; display:block; } .tab-content { border:1px solid #ddd; border-top:none; padding:10px; } .tab>:first-child { margin-top:0; } /* Style 2 */ .tabs.style2 { display:table; width:100%; vertical-align:top; } .tabs.style2>div { display:table-cell; } .tabs.style2 .tab-header { width:35%; vertical-align:top; } .style2 .tab-header ul { display:block; width:auto; } .style2 .tab-header ul li { display:block; text-align:left; border:none; border-bottom:1px solid #394d58; padding:25px 10px 25px 70px; background:#23323a; position:relative; } .style2 .tab-header ul li:hover { background:#2d3b43; } .style2 .tab-header ul li.active-tab { background:#008fd5; } .style2 .tab-header ul li:after { position:absolute; top:50%; margin-top:-4px; right:0; content:''; transition:border .3s; -webkit-transition:border .3s; -moz-transition:border .3s; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid transparent; } .style2 .tab-header ul li.active-tab:after { border-right:8px solid #fff; } .style2 .tab-header ul li.active-tab .icons { color:#afe4fe; } .style2 .tab-header ul li a { color:#f5f5f5; } .style2 .tab-header ul li .icons { position:absolute; top:21px; left:10px; color:#8797a0; font-size:30px; } .style2 .tab-content { border:none; background:#fcfcfc; padding:20px; } /* Sidebar */ .sidebar { padding-top:40px; padding-bottom:40px; } .sidebar h3 { font-size:20px; font-weight:400; margin:0 0 10px; } .sidebar .widget_area,.sidebar .widget { margin-bottom:30px; } .sidebar input[type="text"], .sidebar input[type="password"], .sidebar input[type="search"] { width:100%; padding:10px; border:1px solid #ddd; background:#f7f7f7; } .sidebar select{ width:100%; border:1px solid #ddd; white-space: pre-wrap; } .sidebar .iconic-submit input[type="submit"]:hover + .icons { color:#333; } .sidebar .iconic-submit .icons { font-size:16px; color:#999; } .sidebar .social { display:block; overflow:hidden; } .sidebar .social-item { display:block; width:50%; float:left; } .sidebar .social-item img { float:left; margin-right:10px; } .sidebar .social-item span { line-height:18px; display:inline-block; color:#999; } .sidebar .social-item span.bold { color:#444; } .sidebar table { width:100%; text-align:center; } .sidebar table th { text-align:center; } #calendar_wrap{ position:relative; background:#fff; } .widget_calendar > div { padding:10px; border:1px solid #ddd; } .widget_calendar table{ width:100%; text-align:center; border:none; } .widget_calendar caption{ color:#45484a; font-size:11px; text-transform:uppercase; } .widget_calendar tr, .widget_calendar thead, .widget_calendar tfoot{ border:none; } .widget_calendar th{ color:#7f8e97; font-size:10px; font-weight:400; text-align:center; border:none; } .widget_calendar td { padding:5px 0; color:#45484a; border:none; } .widget_calendar tfoot .pad{ display:none; } .widget_calendar #prev{ text-align:left; display: block; position: absolute; top: 15px; left: 20px; width: 10px; height: 10px; cursor:pointer; background: url(../img/sprites/calendar-arrows.png) 0 0 no-repeat; } .widget_calendar #next{ text-align:right; display: block; position: absolute; top: 15px; right: 20px; width: 10px; height: 10px; cursor:pointer; background: url(../img/sprites/calendar-arrows.png) -10px 0 no-repeat; } .widget_calendar #next>a, .widget_calendar #prev>a{ text-indent:-9999px; display:block; width:10px; height:10px; } .widget_calendar #prev:hover{ background-position:0 -10px; } .widget_calendar #next:hover{ background-position:-10px -10px; } .widget_calendar #today { background:#008fd5; color:#fff; } .sidebar .categories,.widget ul { padding:0; margin:0; list-style:none; } .sidebar .categories li,.sidebar .widget>ul li { border-bottom:1px solid #ddd; padding:5px 0; background:url(../img/post-meta-square.png) left 10px no-repeat; padding-left:15px; } .sidebar .categories li:last-child,.widget>ul li:last-child { border:none; } .sidebar .categories a, .widget>ul li a { color:#73848e; text-transform:uppercase; font-size:11px; display:block; transition: color 0.3s, padding 0.3s; -webkit-transition: color 0.3s, padding 0.3s; -moz-transition: color 0.3s, padding 0.3s; } .sidebar .categories a:hover, .widget>ul li a:hover { color:#008fd5; } .sidebar .widget>ul li a:hover{ padding-left:5px; } .sidebar .widget_recent_works ul li a:hover{ padding-left:0; } .sidebar .contact-info { padding:20px; border:1px solid #ddd; } .sidebar .contact-info p { font-size:13px; } .sidebar .contact-info p span.light-blue { font-size:14px; } .sidebar .social-media { margin:10px 0; padding:0; list-style:none; } .sidebar .social-media li { display:inline-block; } .widget_recent_works ul{ padding:15px; border:1px solid #e7eaec; zoom:1; } .widget_recent_works ul:after, .widget_recent_works ul:before{ content:''; display:table; } .widget_recent_works ul:after{ clear:both; } .sidebar .widget_recent_works>ul li{ border:none; background:none; padding:0; float:left; width:33.333%; padding:5px; } .sidebar .widget_recent_works>ul li img{ width:100%; height:auto; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transform:translateZ(0px); } .sidebar .widget_recent_works>ul li:hover img{ opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .widget_recent_works>ul li .cloud{ display:none; } .widget_recent_works>ul li a:hover { padding-left:0; } #upper-footer{ position:relative; z-index:10; } #footer{ font-size:12px; } body.sticky-footer-on #footer{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; -webkit-transform: translateZ(0px); -webkit-backface-visibility:hidden; backface-visibility:hidden; } #footer h4{ color:#7ca1b3; } #main-footer span.post-date { text-transform:uppercase; text-align:left; font-size:10px; } #main-footer .widget li a { color:#bdd2dc; font-size:13px; font-style:italic; text-transform:none; } #main-footer .widget_recent_entries li { padding-bottom:5px; } #main-footer .widget_recent_entries li + li { padding-top:5px; border-top:1px solid #23323a; } #main-footer .widget li a:hover { color:#d9ecf5; } /* Team Member Page */ .dark-blue-bg { background:#0b4771; color:#fff; } .page-heading { padding-top:10px; padding-bottom:10px; } .page-heading h1 { font-weight:800; font-size: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 5px 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.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; } /* 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 { fromtransform:rotate(0deg); } to { transform:rotate(360deg); } } a.button.unfilled, input[type="submit"].unfilled, button.unfilled { background:transparent!important; border:2px solid #000!important; text-transform:uppercase; color:#000; font-weight:700; font-size:14px; padding:10px 25px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } a.button.unfilled:after{ content:''; position:absolute; left:0; top:0; bottom:0; right:100%; z-index:-1; transition:right 0.3s; -webkit-transition:right 0.3s; -moz-transition:right 0.3s; } a.button.unfilled.big, input[type="submit"].unfilled.big{ padding:14px 35px!important; } a.button.unfilled.small, input[type="submit"].unfilled.small, button.unfilled.small { padding:6px 15px!important; font-size:12px; } a.button.unfilled.white, input[type="submit"].unfilled.white{ color:#fff!important; background:transparent!important; border:2px solid #fff!important; font-weight:700; font-size:14px; padding:10px 25px; text-transform:uppercase; position:relative!important; z-index:10; transition: color 0.3s, background 0.3s; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; } a.button.unfilled.black, input[type="submit"].unfilled.black{ background:transparent!important; border:2px solid #000!important; color:#000!important; font-weight:700; font-size:14px; padding:10px 25px; text-transform:uppercase; position:relative!important; z-index:10; transition: color 0.3s, background 0.3s; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; } input[type="submit"].unfilled.rounded { border-radius: 10px; } a.button.unfilled:hover, input[type="submit"].unfilled:hover{ color:#fff!important; } a.button.unfilled.white:hover, input[type="submit"].unfilled.white:hover{ color:#000!important; } input[type="submit"].unfilled:hover{ background:#000!important; } input[type="submit"].unfilled.white:hover{ color:#fff!important; } a.button.unfilled.white:after{ background:#fff; } a.button.unfilled.black:after{ background:#000; } a.button.unfilled.white:hover:after{ right:0; } a.button.unfilled.black:hover:after{ right:0; } a.button.unfilled strong{ font-weight:800; } a.button.unfilled.view-more, a.button.view-more, button.view-more{ height:60px; padding:17px 30px 15px 70px; position:relative; font-size:14px; font-weight:700; margin-top:20px; } a.button.view-more, button.view-more{ padding-top:27px; padding-left:95px; padding-right:50px; height:75px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } button.view-more{ padding-top:15px; } a.button.unfilled.view-more:before, a.button.view-more:before, button.view-more:before{ content:''; display:inline-block; width:50px; height:50px; position: absolute; left: 20px; top: 2px; background:url(../img/sprites/hover-icons.png) -150px 0 no-repeat; } a.button.view-more:before, button.view-more:before{ top:12px; left:40px; } a.button.unfilled.view-more:hover:before{ background-position:-200px 0; } a.button.unfilled.black.view-more:before{ background-position:-200px 0; } a.button.unfilled.black.view-more:hover:before{ background-position:-150px 0; } .shop-banner { margin-bottom:30px; overflow:hidden; position:relative; } .shop-banner img { width:100%; -webkit-transform:translateZ(0px); } .banner-content-wrapper { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; } .banner-content { display:table; height:100%; width:100%; } .banner-content-inner { display:table-cell; height:100%; width:100%; text-align:center; vertical-align:middle; } .banner-content-inner .overlay { display:inline-block; padding:40px 20px; background:#000; background:rgba(0,0,0,.4); color:#fff; width:80%; max-width:400px; max-height:100%; transition:background .4s; -webkit-transition:background .4s; -moz-transition:background .4s; } .banner-content-inner .overlay h1, .banner-content-inner .overlay h2, .banner-content-inner .overlay h3, .banner-content-inner .overlay h4, .banner-content-inner .overlay h5, .banner-content-inner .overlay h6{ color:#fff; } .shop-banner:hover .banner-content-inner .overlay { background:rgba(0,0,0,.6); } .shop-banner img { transition:opacity .3s; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; } .shop-banner:hover img { opacity:0.8; } .shop-banner h2 { font-size:42px; font-weight:800; margin:0; text-transform:uppercase; } .shop-banner h3 { font-size:30px; margin: 0; font-weight:800; text-transform:uppercase; } .shop-banner h4 { margin:0 0 15px; font-size:18px; font-weight:800; display:inline-block; text-transform:uppercase; position:relative; } .shop-banner h4:before { content:''; position:absolute; width:30px; height:4px; top:50%; margin-top:-2px; left:-40px; border-top:1px solid #fff; border-bottom:1px solid #fff; } .shop-banner h4:after { content:''; position:absolute; width:30px; height:4px; top:50%; margin-top:-2px; right:-40px; border-top:1px solid #fff; border-bottom:1px solid #fff; } .shop-banner h4 + a.button:before { display:table; content:''; clear:both; float:left; } .shop-banner p { font-size:14px; font-weight:300; margin-top:15px; text-transform:uppercase; } /* Shop Logos */ .shop-logos { display:table; width:100%; list-style:none; margin:0; padding:0; } .shop-logos img { padding:5px 10px; } .shop-logos li { display:table-cell; } /* Shop Products */ .shop-main-padding { padding-top: 40px; padding-bottom: 40px; } .shop-filters { text-align:center; margin-bottom:30px; } .shop-filters span { display:inline-block; color:#0b2b33; font-size:16px; font-weight:700; text-transform:uppercase; cursor:pointer; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } .shop-filters span.active,.shop-filters span:hover { color:#1f95d5; } .shop-filters span + span { margin-left:15px; } .shop-product { margin-bottom:30px; } .shop-product .featured-image { position:relative; overflow:hidden; } .shop-product .featured-image img { width:100%; height:auto; transition:transform .6s; -webkit-transition:-webkit-transform .6s; -moz-transition:-moz-transform .6s; } .shop-product:hover .featured-image img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); } .ribbon { display:inline-block; padding:5px 15px; font-size:14px; font-weight:700; text-transform:uppercase; position:absolute; top:10px; left:0; z-index:10; text-align:center; } .ribbon.onsale { color:#fff; background:#7dc962; border-left:3px solid #6eb156; } .ribbon.new { color:#fff; background:#fa6d61; border-left:3px solid #db6155; } .ribbon.stock { color:#fff; background:#b5b5b6; border-left:3px solid #9e9e9f; } .ribbon.top { color:#fff; background:#fe9b65; border-left:3px solid #dc8657; } .shop-product .product-buttons { position:absolute; bottom:-50px; padding:0 10px; display:block; width:100%; table-layout:fixed; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; } .shop-product:hover .product-buttons { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); opacity:1; bottom:5px; } .shop-product .product-buttons a.button { display:block; padding:9px 0; text-align:center; font-size:14px; font-weight:700; border-right:none; float:left; width:49%; height:40px; } .shop-product .product-buttons a.button.details-button, .shop-product-slider .product-buttons a.button{ background:#15333b; background:rgba(21,51,59,.45); } .shop-product .product-buttons a.button.details-button:hover, .shop-product-slider .product-buttons a.button:hover{ background:#0b1f24; background:rgba(21,51,59,.70); } .shop-product .product-buttons a.added_to_cart{ display:none; } .shop-product .product-buttons a.button + a.button { margin-left:2%; } .shop-product .product-info { margin-top:10px; height:45px; overflow:hidden; } .shop-product .product-info>span { display:block; font-size:13px; color:#19242a; } .shop-product .product-info .price { float:right; font-weight:700; } .shop-product .product-info .price.blue { color:#3b9dd8; text-decoration: none; text-transform: uppercase; } .shop-product .product-info .price del { text-decoration: none; display: block; text-align: right; } /* Recently Viewed Products */ .recent-products-header { overflow:hidden; } .recent-products-header h5 { float:left; margin-top:0; } .recent-products-header .clear-recent-products { float:right; color:#000; } .recently-viewed-product { margin-top:30px; } .recently-viewed-product .featured-image { position:relative; overflow:hidden; } .recently-viewed-product .featured-image img { width:100%; } .recently-viewed-product .remove-product-button { position:absolute; top:5px; left:-15px; color:#000; font-size:14px; z-index:10; opacity:0; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; } .recently-viewed-product .remove-product-button:hover,.recent-products-header .clear-recent-products:hover { color:#098ed1; } .recently-viewed-product .product-buttons { position:absolute; bottom:-50px; left:0; right:0; z-index:10; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; } .recently-viewed-product:hover .remove-product-button { left:5px; opacity:1; } .recently-viewed-product:hover .product-buttons { bottom:0; } .recently-viewed-product .product-buttons a.button { margin:0; width:100%; display:block; text-align:center; background:#000; background:rgba(0,0,0,.4); } .recently-viewed-product .product-buttons a.button:hover { background:rgba(0,0,0,.6); } .recently-viewed-product .product-info { margin-top:10px; } .recently-viewed-product .product-info > span { display:block; font-size:12px; color:#73848e; line-height:18px; } .recently-viewed-product .product-info ins, .recently-viewed-product .product-info .amount { font-weight: 700; color: #0B2B33; } .recently-viewed-product .product-info ins, .recently-viewed-product .product-info del { display: block; font-size:12px; } .recently-viewed-product .product-info ins { color:#3b9dd8; text-decoration: none; text-transform: uppercase; font-weight: bold; } .recently-viewed-product .product-info span.price { font-weight:700; color:#0b2b33; } ul.arrow-list, .shop-footer .shop-widget ul { list-style:none; margin:0; padding:0; font-size:14px; } ul.arrow-list li + li, .shop-footer .shop-widget ul li + li { margin-top:15px; } ul.arrow-list a, .shop-footer .shop-widget ul a { color:#73848e; border-bottom:1px solid transparent; transition:color .3s border .3s; -webkit-transition:color .3s border .3s; -moz-transition:color .3s border .3s; } ul.arrow-list a:hover, .shop-footer .shop-widget ul a:hover { color:#008fd5; border-bottom:1px solid #008fd5; } ul.arrow-list li:before, .shop-footer .shop-widget ul li:before { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:.2em; font-size:18px; color:#73848e; content:'\e897'; } /* Shop Page Header */ .shop-page-header { padding-left:5000px; padding-right:5000px; margin-left:-5000px; margin-right:-5000px; padding-top:10px; padding-bottom:10px; border-top:1px solid #eceded; border-bottom:1px solid #eceded; } .shop-page-header .breadcrumbs { text-align:left; margin:0; color:#73848e; } .shop-page-header .breadcrumbs a { color:#0b2b33; } .shop-page-header .breadcrumbs a:hover { color:#008fd5; } .shop-page-header .breadcrumbs .separator:before { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; content:'\e897'; } .shop-page-header .shop-header-links { list-style:none; margin:0; padding:0; text-align:right; } .shop-page-header .shop-header-links li { display:inline-block; } .shop-page-header .shop-header-links li+li:before { content:'| '; margin:0 3px; } .shop-page-header .shop-header-links li a { color:#0b2b33; font-size:11px; text-transform:uppercase; } .shop-page-header .shop-header-links li a:hover { color:#008fd5; } /* Shopping Cart */ .shopping-cart { width:100%; } .shopping-cart tr { border:1px solid #e6e7e7; } .shopping-cart tr + tr { border-top:none; } .shopping-cart>tbody>tr>th { padding:10px 20px; background:#fcfcfc; color:#0b2b33; font-size:14px; text-transform:uppercase; font-weight:700; } .shopping-cart tfoot tr { background:#fcfcfc; } .shopping-cart td { padding:20px; vertical-align:top; } .shopping-cart td + td { border-left:1px solid #e6e7e7; } .shopping-cart .featured-image { width:40%; display:block; float:left; margin-right:20px; } .shopping-cart .product-info a.title { color:#19242a; font-size:16px; } .shopping-cart .product-info a.title:hover { color:#1f95d5; } .shopping-cart .product-meta { list-style:none; margin:10px 0 0; padding:0; color:#73848e; font-size:14px; } .shopping-cart-dropdown .price{ color:#0b2b33; } .shopping-cart-dropdown .product-meta{ color:#73848e; } .shopping-cart-dropdown .product-meta li p{ display:inline-block; margin:0; } .shopping-cart .remove-product { color:#000; font-size:16px; display:block; text-align:center; } .shopping-cart .remove-product:hover { color:#1f95d5; } .shopping-cart span.price { font-size:14px; font-weight:700; color:#0b2b33; display:block; text-align:center; } .shopping-cart span.price del { color:#73848e; } .shopping-cart span.product-code { font-size:14px; text-transform:uppercase; display:block; text-align:center; } .shopping-cart .coupon { float: left; } .shopping-cart .update-cart { float: right; } .shopping-cart #shipping_method { list-style: none; } .cart-subtotal,.update-totals { display:inline-block; width:auto; text-align:left; vertical-align:top; } .cart-subtotal h4,.update-totals h4 { color:#0b2b33; font-size:14px; font-weight:700; text-transform:uppercase; } .update-totals { margin-right:30px; } .update-totals select { width:100%; border:1px solid #eaeaea; padding:5px; } .update-totals input, .update-totals button { border:1px solid #eaeaea; padding:5px; } .update-totals select + select,.update-totals select + input,.update-totals input + input,.update-totals input + select { margin-top:10px; } .update-totals input[type="submit"], .update-totals button[type="submit"] { margin-top:20px; } .cart-subtotal table { width:100%; } .cart-subtotal th,.cart-subtotal td { padding:15px 20px; text-transform:uppercase; background:#fff; } .cart-subtotal th { color:#73848e; } .cart-subtotal th.black { color:#0b2b33; } .cart-subtotal .price.blue { color:#008fd5; } .shopping-cart-button { display:block; margin-top:20px; } .shopping-cart-button a.button { font-size:14px; } /* Numeric Input */ .numeric-input-holder { position:relative; padding:0 30px; display:inline-block; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .numeric-input-wrapper input, .numeric-input { width:40px; height:40px; border:2px solid #19242a; text-align:center; font-weight:700; color:#19242a; } .numeric-input-holder .increase-button,.numeric-input-holder .decrease-button { position:absolute; width:30px; height:40px; left:0; top:10px; text-align:center; cursor:pointer; color:#19242a; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } .numeric-input-holder .increase-button { left:auto; right:0; } .numeric-input-holder .increase-button:hover,.numeric-input-holder .decrease-button:hover { color:#1f95d5; } .numeric-input-holder .decrease-button:before,.numeric-input-holder .increase-button:before { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:.2em; font-size:12px; content:'\e823'; } .numeric-input-holder .increase-button:before { content:'\e81f'; } .coupon input[type="text"]{ height:42px; border: 1px solid #ddd; padding: 5px 10px; margin: 0 10px; } /* Product Category Page */ .head-banner { background-size:cover; color:#fff; padding-top:180px; padding-bottom:80px; } .head-banner h1 { font-size:142px; font-weight:800; line-height:120px; letter-spacing:-10px; text-transform:uppercase; margin-bottom:20px; color:#cf6a5f; } .head-banner p { font-size:18px; font-style:italic; color:#23323a; } .shop-options form { background:#fcfcfc; border:1px solid #eceded; padding:7px 20px; zoom:1; } .shop-options form:after,.shop-options form:before { content:''; display:table; } .shop-options form:after { clear:both; } .shop-options ul { list-style:none; margin:0; padding:0; display:inline-block; float:right; } .shop-options ul li { display:inline-block; padding:5px 0; } .shop-options ul li + li { margin-left:10px; } .shop-options ul li + li:before { content:'| '; position:relative; left:-5px; top:-1px; } .shop-options ul li a { color:#0b2b33; font-size:12px; text-transform:uppercase; } .shop-options ul li a:hover { color:#73848e; } .shop-options label { color:#73848e; font-size:12px; text-transform:uppercase; font-weight:400; margin-right:5px; } .shop-options select + label { margin-left:15px; } .shop-options select { border:1px solid #eaeaea; padding:5px; } .shop-options .item-count { margin:15px 0; color:#73848e; } /* Shop Refine */ .sidebar .shop-widget { border:1px solid #e6eaec; padding:12px 20px; } .sidebar .shop-widget + .shop-widget{ border-top:none; } .shop-refine-header + .refine-type, .refine-type + .shop-refine-header, .shop-refine-header + .shop-refine-header, .refine-type + .refine-type { border-top:1px solid #e6eaec; } .sidebar .shop-widget h3 { color:#0b2b33; font-size:16px; text-transform:uppercase; font-weight:700; margin:0; } .sidebar .shop-widget h4 { color:#0b2b33; font-size:14px; text-transform:uppercase; font-weight:700; margin:0; } .sidebar .shop-widget ul{ list-style:none; margin:0; padding:0; } .sidebar .shop-widget ul a{ font-size:11px; color:#23323a; text-transform:uppercase; position:relative; display:inline-block; padding-left:15px; } .sidebar .shop-widget ul a:before{ content:''; width:8px; height:8px; border:1px solid #a8b1b7; display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; } .sidebar .shop-widget ul a:hover:after, .sidebar .shop-widget ul li.chosen a:after{ content:''; width:4px; height:4px; background:#a8b1b7; display:inline-block; position:absolute; left:2px; top:50%; margin-top:-2px; } .sidebar .shop-widget { position:relative; } .sidebar .shop-widget .arrow { cursor:pointer; } .sidebar .shop-widget .arrow:before { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:.2em; font-size:18px; position:absolute; top:17px; right:10px; color:#686b6d; content:'\e899'; } .sidebar .price_slider{ margin: 20px 0 15px; } .sidebar .shop-widget.opened .arrow:before { content:'\e898'; } .refine-type-content { padding-top:10px; position:relative; height:250px; overflow:hidden; } .refine-type.product-price-range .refine-type-content { height:auto; } .price-range-min { float:left; } .price-range-max { float:right; } .refine-type input[type="checkbox"] { display:none; } .refine-type input[type="checkbox"] + label { display:block; font-weight:400; font-size:11px; color:#23323a; text-transform:uppercase; position:relative; padding-left:15px; cursor:pointer; } .refine-type input[type="checkbox"] + label:before { content:''; width:8px; height:8px; border:1px solid #a8b1b7; display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; } .refine-type input[type="checkbox"]:checked + label:after { content:''; width:4px; height:4px; background:#a8b1b7; display:inline-block; position:absolute; left:2px; top:50%; margin-top:-2px; } /* Checkout */ form.checkout{ max-width:500px; } form.checkout ul{ list-style:none; margin:0; padding:0; } form.checkout ul.payment_methods.methods{ margin:40px 0; } form.checkout input[type="text"], form.checkout input[type="password"], form.checkout input[type="search"], form.checkout textarea{ width:100%; border:1px solid #ddd; display:block; padding:5px 10px; } form.checkout textarea{ min-height:200px; } .checkbox { display: initial; min-height: auto; margin-top: 0; margin-bottom: 0; padding-left: 0; } form.checkout table { width:100%; border:1px solid #ddd; } form.checkout tr{ display:table-row!important; width:100%!important; } form.checkout tr + tr{ border-top:1px solid #ddd; } form.checkout thead{ border-bottom:1px solid #ddd; } form.checkout tfoot{ border-top:1px solid #ddd; } form.checkout td + td, form.checkout th + th, form.checkout td + th, form.checkout th + td{ border-left:1px solid #ddd; } form.checkout th,form.checkout td { padding:15px 20px; text-transform:uppercase; background:#fff; } form.checkout th { color:#73848e; } /* Shop Details */ .product-single{ overflow:hidden; display:table; width:100%; vertical-align:top; } .product-single-image{ width:390px; padding-right:30px; display:table-cell; vertical-align:top; } .product-single-details{ display:table-cell; vertical-align:top; } .shop-product-slider { margin-left:-5px; margin-right:-5px; overflow:hidden; } .shop-product-slider .ribbon{ left:5px; top:15px; } .shop-product-slider .slides li { position:relative; } .shop-product-slider .product-buttons { position:absolute; bottom:5px; display:table; table-layout:fixed; width:100%; list-style:none; margin:0; padding:0; } .shop-product-slider .product-buttons li { display:table-cell; padding:0 5px; } .shop-product-slider .product-buttons li:first-child { padding-left:15px; } .shop-product-slider .product-buttons li:last-child { padding-right:15px; } .shop-product-slider .product-buttons a.button { display:block; text-align:center; font-size:12px; } .shop-product-slider .slides li img { padding:5px; } .shop-product-slider .flex-control-thumbs { display:table; table-layout:fixed; } .shop-product-slider .flex-control-thumbs li { display:table-cell; width:auto; float:none; } .shop-product-slider .flex-control-thumbs li img { width:100%; border-width:5px; } .shop-product-slider .flex-prev,.shop-product-slider .flex-next { top:38%; } .shop-product-slider .flex-prev:before,.shop-product-slider .flex-next:before { font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; content:'\e896'; } .shop-product-slider .flex-next:before { content:'\e897'; } .shop-product-details h3 { color:#19242a; font-size:18px; font-weight:400; margin:0; } .shop-product-details h4 { color:#19242a; font-size:14px; font-weight:700; margin:10px 0 5px; } .shop-product-details .price { font-size:18px; color:#1f95d5; font-weight:700; text-decoration: none; } .shop-product-details .price>del { font-size:14px; color:#73848e; display:block; font-weight:400; } .shop-product-details ul { list-style:none; margin:0; padding:0; } .shop-product-details select { border:1px solid #eaeaea; padding:5px; display:block; margin-bottom: 10px; min-width:120px; } .shop-product-submit .shop-item-count { width:40px; height:40px; border:2px solid #000; font-weight:700; text-align:center; } .shop-product-submit input { margin-right:8px; } .shop-product-submit { margin-bottom:30px; } input[type="submit"].blue { background:#008fd5; color:#fff; border:none; font-size:14px; height:40px; padding:8px 20px; display:inline-block; text-transform:uppercase; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; margin:5px 0; } input[type="submit"].blue:hover { background:#107aae; } input[type="submit"].empty { background:none; border:none; } .shop-we-recommend { border:1px solid #eceded; padding:20px 20px 20px 50px; } .shop-we-recommend h4 { color:#0b2b33; font-size:16px; font-weight:700; text-transform:uppercase; } .shop-products-recommend { height:840px; overflow:hidden; position:relative; padding-right:30px; } .shop-products-recommend .item + .item { margin-top:30px; } .shop-products-recommend .item a.title { display:block; color:#73848e; font-size:12px; line-height:18px; margin-top:10px; } .shop-products-recommend .item a.title:hover { color:#1f95d5; } .shop-products-recommend .item .price { font-weight:700; color:#0b2b33; font-size:12px; line-height:18px; } .shop-products-recommend .item .price ins, .shop-products-recommend .item .price del{ display:block; } .shop-products-recommend .item .price ins{ text-decoration:none; color:#1f95d5; } .shop-products-recommend img { width: 100%; height: auto; } .shop-product-slider .slides img, .cart_item .featured-image img{ height:auto; } ol.commentlist { list-style: none; margin: 0 0 15px; padding: 0; } .shop-product-details .tab-content{ padding:15px; } .comment_container{ position:relative; padding-left:65px; } .comment_container .avatar { margin:0; left:0; top:0; width:50px; position:absolute; } .commentlist .comment{ overflow:hidden; } .commentlist .comment + .comment{ padding-top:30px; margin-top:30px; border-top:1px solid #e0e4e6; } .comment-text .star-rating, .comment-text .meta{ display:inline-block; margin-bottom:0; font-size:11px; } .comment-text .star-rating{ display:block; text-indent:-9999px; margin-left:-3px; height:15px; width:90px; background:url(../img/sprites/rating-rated.png) no-repeat; } .comment-text .star-rating.start-1{ background-position:0 0; } .comment-text .star-rating.start-2{ background-position:-90px 0; } .comment-text .star-rating.start-3{ background-position:-180px 0; } .comment-text .star-rating.start-4{ background-position:-270px 0; } .comment-text .star-rating.start-5{ background-position:-360px 0; } .comment-text .meta{ color:#96a3ad; font-size:10px; text-transform:uppercase; display:block; } .comment-text .description p{ color:#1f3845; font-size:11px; } .pp_content_container iframe{ width:100%; height:300px; } .tab h2{ font-size:18px; font-weight:400; } .comment-form-rating .stars a + a { margin-left: 10px; } .comment-form-rating .stars a{ text-indent:-9999px; display:inline-block; height:15px; background:url(../img/sprites/rating.png) no-repeat; } .comment-form-rating .stars a:hover, .comment-form-rating .stars a.active{ background-position:0 -16px; } #reviews{ display: block; position:relative; height: 300px; overflow: hidden; padding-right:20px; } .comment-form-rating .stars a.star-1{ width:18px; } .comment-form-rating .stars a.star-2{ width:36px; } .comment-form-rating .stars a.star-3{ width:54px; } .comment-form-rating .stars a.star-4{ width:72px; } .comment-form-rating .stars a.star-5{ width:90px; } span.posted_in{ margin-bottom:20px; color:#8a979f; font-size:13px; display:block; } span.posted_in a{ color:#0b2b33; font-weight:600; } div.woocommerce-message a.button { float: right; } div.woocommerce-message { background: #eee; padding: 10px 20px; margin: 20px 0; overflow: auto; } nav.woocommerce-breadcrumb { margin-top: 10px; padding-bottom: 10px; margin-left: -5000px; margin-right: -5000px; padding-left: 5000px; padding-right: 5000px; border-bottom: 1px solid #ececec; } nav.woocommerce-breadcrumb .back-to { float: right; } nav.woocommerce-breadcrumb .back-to a { color: #19242A; } nav.woocommerce-breadcrumb .back-to a:hover { color: #008FD5; } #added_items { position: fixed; top: 100px; right: 20px; z-index: 1000; } .added_item { position: relative; top: 0; padding: 10px; background: #fff; width: 260px; box-shadow: 0 0 6px 2px rgba(0,0,0,0.1); z-index: 1000; vertical-align: middle; opacity: 0; margin-bottom: 10px; } .added_item img { float: left; width: 47px; margin-right: -60px; } .added_item p { display: inline-block; margin: 10px 0 5px 0; padding-left: 70px; clear: none; } .add_to_cart_button { position: relative; } #fountainG{ position:relative; width:60px; height:7px; display: inline-block; margin-top: 11px; margin-left: -30px; } .loader-container { background: #008FD5; position: absolute; left: 0; right: 0; height: 100%; top: 0; padding-top: 5px; padding-left: 22px; text-align: center; } .fountainG{ position:absolute; top:0; background-color:#FFFFFF; width:8px; height:8px; -moz-animation-name:bounce_fountainG; -moz-animation-duration:1.3s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -moz-transform:scale(.3); -moz-border-radius:5px; -webkit-animation-name:bounce_fountainG; -webkit-animation-duration:1.3s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -webkit-transform:scale(.3); -webkit-border-radius:5px; -ms-animation-name:bounce_fountainG; -ms-animation-duration:1.3s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -ms-transform:scale(.3); -ms-border-radius:5px; -o-animation-name:bounce_fountainG; -o-animation-duration:1.3s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; -o-transform:scale(.3); -o-border-radius:5px; animation-name:bounce_fountainG; animation-duration:1.3s; animation-iteration-count:infinite; animation-direction:linear; transform:scale(.3); border-radius:5px; } #fountainG_1{ left:0; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -ms-animation-delay:0.52s; -o-animation-delay:0.52s; animation-delay:0.52s; } #fountainG_2{ left:8px; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -ms-animation-delay:0.65s; -o-animation-delay:0.65s; animation-delay:0.65s; } #fountainG_3{ left:15px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -ms-animation-delay:0.78s; -o-animation-delay:0.78s; animation-delay:0.78s; } #fountainG_4{ left:23px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -ms-animation-delay:0.91s; -o-animation-delay:0.91s; animation-delay:0.91s; } #fountainG_5{ left:30px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -ms-animation-delay:1.04s; -o-animation-delay:1.04s; animation-delay:1.04s; } #fountainG_6{ left:38px; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -ms-animation-delay:1.17s; -o-animation-delay:1.17s; animation-delay:1.17s; } #fountainG_7{ left:45px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s; } #fountainG_8{ left:53px; -moz-animation-delay:1.43s; -webkit-animation-delay:1.43s; -ms-animation-delay:1.43s; -o-animation-delay:1.43s; animation-delay:1.43s; } @-moz-keyframes bounce_fountainG{ 0%{ -moz-transform:scale(1); background-color:#FFFFFF; } 100%{ -moz-transform:scale(.3); background-color:#FFFFFF; } } @-webkit-keyframes bounce_fountainG{ 0%{ -webkit-transform:scale(1); background-color:#FFFFFF; } 100%{ -webkit-transform:scale(.3); background-color:#FFFFFF; } } @-ms-keyframes bounce_fountainG{ 0%{ -ms-transform:scale(1); background-color:#FFFFFF; } 100%{ -ms-transform:scale(.3); background-color:#FFFFFF; } } @-o-keyframes bounce_fountainG{ 0%{ -o-transform:scale(1); background-color:#FFFFFF; } 100%{ -o-transform:scale(.3); background-color:#FFFFFF; } } @keyframes bounce_fountainG{ 0%{ transform:scale(1); background-color:#FFFFFF; } 100%{ transform:scale(.3); background-color:#FFFFFF; } } /* 404 */ .page-heading.white-bg{ border-bottom:1px solid #e5e8ea; padding-top:0; padding-bottom:0; } .page-heading.white-bg .breadcrumbs{ font-size:11px; color:#008fd5; } .page-heading.white-bg .breadcrumbs a{ color:#73848e; } .error404-section { text-align:center; border-bottom:1px solid #e5e8ea; padding:40px 0; } .error404-section h1{ font-size:220px; color:#c3ddf1; line-height:200px; } .error404-section h2{ font-size:18px; } .error404-section a.button.big{ padding:20px 45px; margin-bottom:40px; } .search-form input[type="text"]{ width: 100%; padding: 10px; border: 1px solid #ddd; background: #f7f7f7; } .search-form input[type="submit"] + .icons { color: #999!important; } .search-form input[type="submit"]:hover + .icons { color: #333!important; } .search-form p{ color:#73848e; } /* FAQ */ .sidebar .info-box h2{ margin-bottom:0; } .sidebar .info-box h4{ margin-top:0; } .faq-filters ul{ list-style:none; margin:0; padding:10px 0; border-bottom:1px solid #e5e8ea; } .faq-filters li{ display:inline-block; color:#0b2b33; font-size:11px; text-transform:uppercase; cursor:pointer; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .faq-filters li.active, .faq-filters li:hover{ color:#008fd5; } .faq-filters li + li{ margin-left:10px; } .faq-accordions .mix{ display:none; } /* Posts List Widget */ .posts-list{ margin:0; padding:0; list-style:none; } .tab>.posts-list{ margin:5px; } .posts-list .post-item{ display:table; vertical-align:top; } .posts-list .post-item + .post-item{ border-top:1px solid #ebedee; padding-top:10px; margin-top:10px; } .posts-list .post-item .featured-image, .posts-list .post-item .post-content{ display:table-cell; vertical-align:top; } .posts-list .post-item .featured-image, .posts-list .post-item .featured-image img{ width:50px; } .posts-list .post-item .post-content{ padding-left:20px; } .posts-list .post-item .post-content .post-meta{ margin:0; padding:0; border:none; color:#96a3ad; } .posts-list .post-item .post-content .post-meta li + li{ background:none; padding:0; } .posts-list .post-item .post-content .post-meta li + li:before{ content:'| '; } .posts-list .post-item .post-content .post-title{ font-style:italic; } .posts-list .post-item .post-content p{ margin:0; } /* Sidenav */ ul.sidenav, .sidebar .widget_nav_menu ul{ list-style:none; margin:0; padding:0; position:relative; } ul.sidenav:after, .sidebar .widget_nav_menu ul:after{ content:''; position:absolute; top:0; bottom:0; right:0; width:1px; background: #dedede; background: -moz-linear-gradient(top, #ffffff 0%, #dedede 19%, #dedede 79%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(19%,#dedede), color-stop(79%,#dedede), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 19%,#dedede 79%,#ffffff 100%); background: -o-linear-gradient(top, #ffffff 0%,#dedede 19%,#dedede 79%,#ffffff 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dedede 19%,#dedede 79%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#dedede 19%,#dedede 79%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); } ul.sidenav li, .sidebar .widget_nav_menu ul li{ position:relative; } ul.sidenav li:after, .sidebar .widget_nav_menu ul li:after{ content:''; position:absolute; top:0; bottom:0; right:0; border-right:3px solid transparent; transition: border 0.3s; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; } ul.sidenav a, .sidebar .widget_nav_menu ul a{ color:#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="submit"], .widget_product_search input[type="submit"]{ width:40px; height:40px; text-indent:-9999px; background:url(../img/sprites/search.png) center center no-repeat; float:right; position:relative; top:-40px; margin-bottom:-40px; border:none; } a.icon-button{ font-size:42px; text-align:center; display:inline-block; border:2px solid #fff; width:80px; height:80px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding-top:23px; color:#fff; margin-top:20px; } /* Main 4 */ .project.light{ margin-bottom:30px; } .project.light .project-meta{ background:#ffffff; } .project.light .project-hover>a{ border:3px solid rgba(255,255,255,.4); padding-top:12px; } .project.light .project-meta:before{ border-bottom-color:#fff; } .project.light .project-meta h4, .project.light .project-meta h4 a{ color:#45484a; } .project.light .project-like .icons{ color:#95a1a8; } .project.light .project-like span.like-count{ color:#95a1a8; } .project.light .project-like:hover .icons{ color:#ec7064; } .project.light:hover .project-meta h4, .project.light:hover .project-meta h4 a{ color:#008fd5; } /* project style2 */ .projects-style3{ padding:0 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; } .project.style2 .project-hover a.style2-link { color: #FFF; } .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="submit"]{ height:60px; padding:16px 35px; } .footer-contact-form .message { color: #008FD5; } .footer-contact-form .error { color: #FF0000; } .footer-2 #main-footer input[type="text"], .footer-2 #main-footer input[type="password"], .footer-2 #main-footer textarea{ background:#fcfcfc; width:100%; border:1px solid #eceded; font-size:14px; padding:8px 10px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .footer-2 #main-footer input[type="text"]:focus, .footer-2 #main-footer input[type="password"]:focus, .footer-2 #main-footer textarea:focus{ outline:none; background:#eee; } #main-footer p + .social-media{ margin-top:20px; } .footer-2 #lower-footer{ text-align:center; padding-top:40px; padding-bottom:40px; } .footer-2 #main-footer .social-media li a{ font-size: 22px; color: #7ca1b3; } .footer-2 .iconic-list li{ padding-left:40px; } .footer-2 .iconic-list li .icons{ font-size:24px; } .footer-2 #main-footer .social-media .tooltip-inner{ white-space:nowrap; } .wpgmappity_container{ height:100%!important; } /* Main Footer */ #main-footer { background:#19242a; color:#7ca1b3; } #main-footer img { margin-bottom:12px; } #main-footer h4 { margin-bottom:30px; } #main-footer p { margin:10px 0; font-size:12px; } #main-footer li { word-break:break-all; } /* Footer Blog Posts */ #main-footer .blog-post { border-bottom:1px solid #23323a; margin-top:10px; margin-bottom:0; } #main-footer .blog-post:last-child { border:none; } #main-footer .blog-post .post-meta { display:block; text-transform:uppercase; text-align:left; font-size:10px; } #main-footer .blog-post .post-title { color:#bdd2dc; font-size:13px; font-style:italic; } #main-footer .blog-post .post-title:hover { color:#d9ecf5; } #main-footer .blog-post p { margin:0 0 10px; } /* Footer Contact List */ .iconic-list { margin:0; padding:0; list-style:none; } .iconic-list li { position:relative; padding-left:35px; margin-bottom:10px; } .iconic-list .icons { position:absolute; top:0; left:0; font-size:18px; } /* Footer Newsletter */ #main-footer input[type="text"],#main-footer input[type="password"],#main-footer textarea { background:#23323a; width:100%; border:none; padding:8px 10px; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; } #main-footer input[type="text"]:focus,#main-footer input[type="password"]:focus,#main-footer textarea:focus { outline:none; background:#364852; } .iconic-submit { position:relative; } .iconic-submit input[type="submit"] { position:absolute; top:0; right:0; width:40px; height:100%; bottom:0; background:transparent; border:none; opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); z-index:10; } .iconic-submit input[type="submit"]:hover + .icons { color:#fff; } .iconic-submit .icons { position:absolute; top:10px; right:10px; z-index:9; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; } #main-footer form { margin-bottom:20px; } #main-footer .social-media { list-style:none; margin:-15px 0 0; padding:0; } #main-footer .social-media li { display:inline-block; -webkit-transform:translateZ(0px); transition:color 0.2s, opacity 0.2s; -webkit-transition:color 0.2s, opacity 0.2s; -moz-transition:color 0.2s, opacity 0.2s; } #main-footer .social-media li a { font-size:18px; color:#93a6b0; } #main-footer .social-media li:hover { -webkit-transform: scale(1.1) translateZ(0px); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } /* Lower Footer */ #lower-footer { color:#547e93; background:#141d22; padding:20px 0; } .alternate-slider-bg { position: relative; z-index:100; background: #23acc1; background: -moz-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23acc1), color-stop(100%,#0191d3)); / background: -webkit-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%,rgba(1, 145, 211, 0.8) 100%); background: -o-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%); background: -ms-linear-gradient(top, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%); background: linear-gradient(to bottom, rgba(35, 172, 193, 0.8) 0%, rgba(1, 145, 211, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23acc1', endColorstr='#0191d3',GradientType=0 ); } /* Responsive Layout */ @media (min-width:1200px) { body.w960 .container, body.b960 .container{ width:990px; } .col-lg-one-fifth{ width:20%; } } @media (min-width:992px) and (max-width:1199px) { body.b1170 #upper-header>.container, body.b1170 #main-header>.container, body.b1170 #lower-header>.container, body.b1170 #upper-footer>.container, body.b1170 #main-footer>.container, body.b1170 #lower-footer>.container, body.b1170 #main-content>.container, body.b1170 #slider>.container { width:1080px; } } @media (min-width:768px) and (max-width:991px) { body.b1170 #upper-header>.container, body.b1170 #main-header>.container, body.b1170 #lower-header>.container, body.b1170 #upper-footer>.container, body.b1170 #main-footer>.container, body.b1170 #lower-footer>.container, body.b1170 #main-content>.container, body.b1170 #slider>.container { width:760px; padding-left:20px; padding-right:20px; } body.b960 #upper-header>.container, body.b960 #main-header>.container, body.b960 #lower-header>.container, body.b960 #upper-footer>.container, body.b960 #main-footer>.container, body.b960 #lower-footer>.container, body.b960 #main-content>.container, body.b960 #slider>.container{ width:760px; padding-left:20px; padding-right:20px; } body.b1170 .full-width-bg, body.b960 .full-width-bg{ margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; } body.b1170 .page-heading, body.b960 .page-heading, body.b1170 .full-width-bg, body.b960 .full-width-bg, body.b1170 .full-width, body.b960 .full-width, body.b1170 .sc-map.full, body.b950 .sc-map.full{ margin-left:-20px; margin-right:-20px; } #main-header #main-nav>li + li, #main-header div.menu>ul>li + li { margin-left:10px; } .service,.team-member { margin-bottom:40px; } .projects-section .col-one-fifth { width:33.333333%; } .shop-banner h2 { font-size:24px; } .shop-banner h3 { font-size:20px; margin:15px 0 0; } .shop-banner h4 { margin:0 0 15px; font-size:16px; } .shop-banner h4:before { display:none; } .shop-banner h4:after { display:none; } .shop-banner p { font-size:14px; font-weight:300; margin-top:15px; text-transform:none; } .banner-content-inner { padding:0; vertical-align:middle; } .banner-content-inner a.button { font-size:12px; } .banner-content-inner .overlay { padding-top:10px; padding-bottom:10px; } .team-member img { width: 140px; } #main-nav>li, div.menu>ul>li { margin-right:12px; } .lower-logo{ display:none; } .circular-counter canvas { width: 150px; text-align: center; } .product-single, .product-single-image, .shop-product-details{ display:block; width:100%; padding:0; } .product-single-image{ margin-bottom:20px; } .shopping-cart>tbody>tr>th{ font-size:10px; line-height:18px; padding:5px; } .shopping-cart td{ padding:5px; } .cart-subtotal th, .cart-subtotal td { padding:10px; } .shopping-cart .coupon{ float:none; } .shopping-cart .update-cart{ margin:10px 0; float:none; } .blog-post.recent-post ul.post-meta{ display:inline-block; } .blog-post.recent-post .post-image{ overflow:hidden; float:none; margin:0 auto 20px; } .blog-post.recent-post .post-content{ text-align:center; } } @media (max-width:767px) { table, thead, tbody, tfoot, tr, td, th { display: block; } body.b1170 #upper-header>.container, body.b1170 #main-header>.container, body.b1170 #lower-header>.container, body.b1170 #upper-footer>.container, body.b1170 #main-footer>.container, body.b1170 #lower-footer>.container, body.b1170 #main-content>.container { width:100%; padding-left:15px; padding-right:15px; } body.b960 #upper-header>.container, body.b960 #main-header>.container, body.b960 #lower-header>.container, body.b960 #upper-footer>.container, body.b960 #main-footer>.container, body.b960 #lower-footer>.container, body.b960 #main-content>.container{ width:100%; padding-left:15px; padding-right:15px; } body.b1170 .full-width-bg, body.b960 .full-width-bg{ margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; } body.b1170 .page-heading, body.b960 .page-heading, body.b1170 .full-width-bg, body.b960 .full-width-bg, body.b1170 .full-width, body.b960 .full-width, body.b1170 .sc-map.full, body.b950 .sc-map.full{ margin-left:-15px; margin-right:-15px; } .col-one-fifth{ width:100%; } .service,.team-member { margin-bottom:40px; } .post-thumbnail img { width:100%; margin:10px 0; } .post-image { text-align:center; } span.post-day { font-size:30px; } span.post-date,span.post-format { display:inline-block; margin:0 10px; } .projects-section .col-one-fifth { width:50%; } .client-logo { width:50%; margin:20px 0; } .services-list { margin:20px 0; } .latest-tweets { display:block; padding:20px 0; text-align:center; } .tweet-icon { display:inline-block; margin-bottom:40px; padding-top:15px; } .tweet-icon:after { border-width:0 17px 17px 0; border-color:transparent #1f9cda transparent transparent; top:auto; right:20px; bottom:-17px; } .tweet-carousel { display:block; padding:0 0 30px; } .tweets-flexslider { padding-right:40px; } .tweet-slider-arrows { position:absolute; bottom:-30px; right:auto; left:50%; margin-left:-30px; color:#fff; font-size:20px; } #main-footer h4 { margin-top:40px; } .pricing-table-item { display:block; } .pricing-table-legend { padding:20px 0; } .pricing-table-legend .table-content { text-align:center; } .project { border-right-color:transparent; } .project,.project-item { width:100%; } .timeline-line { display:none; } .left-timeline-item { padding-right:15px; position:relative; } .right-timeline-item { padding-left:15px; position:relative; } .left-timeline-item:after,.left-timeline-item:before,.right-timeline-item:after,.right-timeline-item:before { display:none; } .shop-banner h2 { font-size:24px; } .shop-banner h3 { font-size:20px; margin:15px 0 0; } .shop-banner h4 { margin:0 0 15px; font-size:16px; } .shop-banner h4:before { display:none; } .shop-banner h4:after { display:none; } .shop-banner p { font-size:14px; font-weight:300; margin-top:15px; text-transform:none; } .banner-content-inner { padding:0; vertical-align:middle; } .banner-content-inner a.button { font-size:12px; } .banner-content-inner .overlay { padding-top:10px; padding-bottom:10px; } .shop-logos { display:block; text-align:center; } .shop-logos img { padding:5px 10px; } .shop-logos li { display:block; } .shop-page-header .shop-header-links,.shop-page-header .breadcrumbs { text-align:center; } .shopping-cart,.shopping-cart tbody,.shopping-cart tfoot { width:100%; display:block; text-align:center; } .shopping-cart tr { display:block; } .shopping-cart th { display:none; } .shopping-cart td { display:block; } .shopping-cart td + td { border:none; } .shopping-cart .featured-image { width:100%; display:block; float:none; margin-right:0; margin-bottom:10px; } .cart-subtotal,.update-totals { display:block; width:auto; max-width:270px; } .update-totals { margin-right:0; } .cart-subtotal table { width:100%; } .cart-subtotal th,.cart-subtotal td { padding:5px; text-transform:uppercase; background:#fff; display:table-cell; } .cart-subtotal .price.blue { color:#008fd5; } .shopping-cart-button { display:block; margin-top:20px; } .shopping-cart-button a.button { font-size:14px; } .head-banner h1 { font-size:40px; letter-spacing:0; line-height:50px; } .error404-section h1{ font-size:32px; line-height:36px; } .error404-section a.button.big{ padding:10px 20px; } .footer-contact-form > form{ position:relative; top:0; left:0; right:0; margin:30px 0; } #main-content #slider, body .portfolio-extended-image, body .google-map-heading{ margin-top:0!important; } .team-member img { width: 100%; } .col-lg-3 .team-member img{ width:100%; max-width:190px; } .tweets-flexslider { padding-right: 0; } .tweets-flexslider .slides li{ height:auto; } a.portfolio-button{ float:none; } .portfolio-arrows{ text-align:center; } .page-heading.portfolio-heading.style2 h1{ margin:20px 0 0; } #upper-header{ padding:10px 0; } #upper-header .item.left, #upper-header .item.right{ float:none; } #upper-header .cart-menu-item{ display:inline-block; } #upper-header .shopping-cart-dropdown{ right:50%; margin-right:-150px; } #upper-header .shopping-cart-dropdown:after{ right: 50%; margin-right: -10px; } #header .text-list, #header .social-media, #upper-header .menu{ display:none; } .col-one-fifth>img{ margin-left:auto; margin-right:auto; } .sc-call-to-action, .sc-call-to-action .align-right{ text-align:center; } .blog-post.recent-post ul.post-meta{ display:inline-block; } .blog-post.recent-post .post-image{ overflow:hidden; float:none; margin:0 auto 20px; } .blog-post.recent-post .post-content{ text-align:center; } .shopping-cart .actions{ overflow:hidden; } .shopping-cart .coupon{ float:none; } .shopping-cart .update-cart{ float:none; margin-top:10px; } .product-single, .product-single-image, .shop-product-details{ display:block; width:100%; padding:0; } .product-single-image{ margin-bottom:20px; } .shop-we-recommend { padding: 20px 15px 20px 15px; margin-top:30px; } .shop-products-recommend{ padding-right:20px; } nav.woocommerce-breadcrumb{ text-align:center; } nav.woocommerce-breadcrumb .back-to { float: none; } .portfolio-1column-ext .project-item + .project-item{ margin-top:30px; } .page-heading, .page-heading .breadcrumbs{ text-align:center; } span.post-date, span.post-format{ display:block; } #header .logo img{ height:auto; padding-right:0; min-height:0; } #header .logo{ padding-right:70px; min-height:60px; } } @media (max-width:500px) { .projects-section .col-one-fifth { width:100%; } .client-logo { width:100%; } .tabs.style2>div{ display:block; width:100%!important; } .tab-header ul li{ display:block; } } @media (max-width:320px){ .blog-post-list .blog-post-meta, .blog-post-alternate .blog-post-meta{ display:none; } } .ts-map { width: 100%; } .ts-map #ts-map-ci { width: 100%; }