/* ------------------------------------------------------------------------- 1. Browser Reset + Font Face 2. Globally Applied Styles 3. Header + Search Bar Styles -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 1. Browser Reset + Font Face /*-------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0 } :focus { outline: 0 } input[type=submit] { -webkit-appearance: none } html { overflow-x: hidden; overflow-y: scroll; max-width: 100% } body { max-width: 100%; overflow-x: hidden; background: white; font-family: 'Open Sans', sans-serif; color: #676767; position: relative } ol, ul { list-style: none } input[type=text]::-ms-clear { display: none } sup { font-size: 10px; vertical-align: super } sub { font-size: 10px; vertical-align: sub } p:empty { display: none } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } @font-face { font-family: 'Open Sans'; src: url('css/fonts/OpenSans-Light-webfont.eot'); src: url('css/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/OpenSans-Light-webfont.woff') format('woff'), url('css/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('css/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: 300; font-style: normal } @font-face { font-family: 'Open Sans'; src: url('css/fonts/OpenSans-Regular-webfont.eot'); src: url('css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('css/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: 'Open Sans'; src: url('css/fonts/OpenSans-Semibold-webfont.eot'); src: url('css/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('css/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('css/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: 600; font-style: normal } @font-face { font-family: 'Open Sans'; src: url('css/fonts/OpenSansBold-webfont.eot'); src: url('css/fonts/OpenSansBold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/OpenSansBold-webfont.woff') format('woff'), url('css/fonts/OpenSansBold-webfont.ttf') format('truetype'), url('css/fonts/OpenSansBold-webfont.svg#OpenSansBold') format('svg'); font-weight: 700; font-style: normal } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*-------------------------------------------------------------------------*/ /* 2. Globally Applied Styles /*-------------------------------------------------------------------------*/ body { font-size: 14px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans'; font-weight: 400; background-color: #1C1C1C; line-height: 26px } p { -webkit-font-smoothing: subpixel-antialiased } body .ui-widget { font-family: 'Open Sans'; font-weight: 400 } .overflow-x-hidden { overflow-x: hidden } .alignleft { float: left; margin-right: 15px } .alignright { float: right; margin-left: 15px } .aligncenter { display: block; margin: 15px auto } .no-bottom-padding { padding-bottom: 0px } .col.center { text-align: center } .col.right { text-align: right } .wp-smiley { margin-bottom: 0px !important } dt { font-family: 'Open Sans'; font-weight: 600; color: #333 } dd { padding-left: 20px } .gallery-caption { margin-left: 0; margin-bottom: 10px; padding: 0px 10px } .bypostauthor { } #wpstats { display: none } .sticky { margin-bottom: 50px } .sticky .content-inner { margin-bottom: 0px !important; padding-bottom: 0px !important; border-bottom: 0px !important; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background-color: #fff; padding: 25px !important; position: relative } .side-box { padding: 10px 0; margin-bottom: 10px; border: 1px solid #CCC; background-color: #E6E6E6; text-align: center } .side-box a:link, .side-box a:visited { font-weight: normal; color: #06c55b; font-size: 12px } #wpadminbar { z-index: 1000000 !important } table { font-size: 12px; margin-bottom: 20px } .wp-caption { max-width: 100%; border: 1px solid #ccc; background: #eee; padding: 5px } .wp-caption .wp-caption-text { text-align: center; margin-top: 5px; margin-bottom: 5px } .wp-caption img { margin-bottom: 10px !important; display: block } em { font-style: italic } caption, th, td { font-weight: normal; text-align: left } .container-wrap, .project-title { background-color: #f8f8f8; position: relative; z-index: 10; margin-top: 0px; padding-top: 93px; padding-bottom: 40px } body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title { margin-top: 0px; padding-top: 40px } body[data-smooth-scrolling="0"] { overflow: hidden } #ajax-loading-screen { background-color: #fff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 1000000000 } #ajax-loading-screen .reveal-1, #ajax-loading-screen .reveal-2 { position: absolute; left: 100%; top: 0; width: 100%; height: 100% } #ajax-loading-screen[data-effect="horizontal_swipe"] { background-color: transparent !important; left: -100% } body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"][data-effect="horizontal_swipe"] { display: block } #ajax-loading-screen.in-from-right { left: 0% } .no-cssanimations #ajax-loading-screen.loaded .reveal-1, .no-cssanimations #ajax-loading-screen.loaded .reveal-2 { display: none } #ajax-loading-screen.loaded .reveal-1 { backface-visibility: hidden; -webkit-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards } #ajax-loading-screen.loaded .reveal-2 { backface-visibility: hidden; -webkit-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards } #ajax-loading-screen.loaded.in-from-right .reveal-1 { -webkit-animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: anim-effect-2-1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards } #ajax-loading-screen.loaded.in-from-right .reveal-2 { -webkit-animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards; animation: anim-effect-2-2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="horizontal_swipe"].hidden { display: none } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="horizontal_swipe"].hidden.loaded.in-from-right { display: block; } #page-header-bg .nectar-particles .span_6 .inner-wrap, #page-header-bg .span_6 { transform: none; } @-webkit-keyframes anim-effect-2-1 { 0% { -ms-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 30%, 100% { -ms-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1) } } @keyframes anim-effect-2-1 { 0% { -ms-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 30%, 100% { -ms-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1) } } @-webkit-keyframes anim-effect-2-2 { 0%, 14.5% { -ms-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 34.5%, 100% { -ms-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1) } } @keyframes anim-effect-2-2 { 0%, 14.5% { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 34.5%, 100% { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1) } } body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"], body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="horizontal_swipe"][data-method="ajax"], body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"] .loading-icon { display: block; opacity: 1 } #ajax-loading-screen .loading-icon { background-repeat: no-repeat; background-position: center center; display: block; position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100% } .default-loading-icon { top: 50%; border-radius: 100%; height: 40px; width: 40px; margin: 0 auto; display: block; position: relative; border: 3px solid #e5e5e5; margin-top: -20px } .loading-icon .material-icon .spinner { width: 60px; height: 60px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .loading-icon .material-icon .spinner { -webkit-animation: material-rotate-all 1s linear infinite; animation: material-rotate-all 1s linear infinite } .loading-icon .material-icon .spinner .right-side, .loading-icon .material-icon .spinner .left-side { -webkit-animation: material-fade-in-first 1.2s linear infinite alternate; animation: material-fade-in-first 1.2s linear infinite alternate } .loading-icon .material-icon .spinner.color-2 .right-side, .loading-icon .material-icon .spinner.color-2 .left-side { -webkit-animation: material-fade-in-second 1.2s linear infinite alternate; animation: material-fade-in-second 1.2s linear infinite alternate } .loading-icon .material-icon .right-side, .loading-icon .material-icon .left-side { width: 50%; height: 100%; position: absolute; top: 0; overflow: hidden } .loading-icon .material-icon .left-side { left: 0 } .loading-icon .material-icon .right-side { right: 0 } .loading-icon .material-icon .bar { width: 100%; height: 100%; -moz-border-radius: 200px 0 0 200px; -webkit-border-radius: 200px; border-radius: 200px 0 0 200px; border: 6px solid #666; position: relative } .loading-icon .material-icon .bar:after { content: ""; width: 6px; height: 6px; display: block; background: #666; position: absolute; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px } .loading-icon .material-icon .right-side .bar { -moz-border-radius: 0 200px 200px 0; -webkit-border-radius: 0; border-radius: 0 200px 200px 0; border-left: none; -webkit-transform: rotate(-10deg); -webkit-transform-origin: left center; transform: rotate(-10deg); transform-origin: left center; -webkit-animation: material-rotate-right 0.75s linear infinite alternate; animation: material-rotate-right 0.75s linear infinite alternate } .loading-icon .material-icon .right-side .bar:after { bottom: -6px; left: -3px } .loading-icon .material-icon .left-side .bar { border-right: none; -webkit-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform-origin: right center; transform-origin: right center; -webkit-animation: material-rotate-left 0.75s linear infinite alternate; animation: material-rotate-left 0.75s linear infinite alternate } .loading-icon .material-icon .left-side .bar:after { bottom: -6px; right: -3px } @keyframes material-rotate-left { to { transform: rotate(30deg) } from { transform: rotate(175deg) } } @keyframes material-rotate-right { from { transform: rotate(-175deg) } to { transform: rotate(-30deg) } } @keyframes material-rotate-all { from { transform: rotate(0deg) } to { transform: rotate(-360deg) } } @keyframes material-fade-in-first { from { opacity: 1 } to { opacity: 0 } } @keyframes material-fade-in-second { from { opacity: 0 } to { opacity: 1 } } .loading-icon .material-icon { top: 50%; height: 65px; width: 65px; position: relative; margin: -32px auto 0 auto; display: block } .default-loading-icon:before { position: absolute; content: ""; border-color: rgba(0, 0, 0, 1) transparent transparent; border-radius: 100%; border-style: solid; border-width: 3px; display: block; height: 100%; width: 100%; top: -3px; left: -3px } .loading-icon.spin, .portfolio-loading.spin, .pp_loaderIcon.spin, .default-loading-icon.spin { animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation; -webkit-animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation } .default-skin-loading-icon { width: 100%; height: 100%; background-position: center; display: block; background-repeat: no-repeat; background-image: url("img/icons/loading-white-bg.gif") } @keyframes spinning_animation { 0% { transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg) } 50% { transform: scale(0.8) rotate(360deg); -o-transform: scale(0.8) rotate(360deg) } 100% { transform: scale(1) rotate(720deg); -o-transform: scale(1) rotate(720deg) } } @-webkit-keyframes spinning_animation { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(0.8) rotate(360deg) } 100% { -webkit-transform: scale(1) rotate(720deg) } } @keyframes bounce_in_animation { 0% { transform: scale(0, 0); -o-transform: scale(0, 0) } 20% { transform: scale(1.4, 1.4); -o-transform: scale(1.4, 1.4) } 50% { transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8) } 85% { transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1) } 100% { transform: scale(1, 1); -o-transform: scale(1, 1) } } @-webkit-keyframes bounce_in_animation { 0% { -webkit-transform: scale(0, 0) } 20% { -webkit-transform: scale(1.4, 1.4) } 50% { -webkit-transform: scale(0.8, 0.8) } 85% { -webkit-transform: scale(1.1, 1.1) } 100% { -webkit-transform: scale(1, 1) } } @keyframes grow_in_animation { 0% { transform: scale(0, 0); -o-transform: scale(0, 0) } 100% { transform: scale(1, 1); -o-transform: scale(1, 1) } } @-webkit-keyframes grow_in_animation { 0% { -webkit-transform: scale(0, 0) } 100% { -webkit-transform: scale(1, 1) } } #ajax-loading-screen[data-effect="center_mask_reveal"] { background-color: transparent !important } body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="center_mask_reveal"].hidden { display: none } #ajax-loading-screen[data-effect="center_mask_reveal"] span { position: absolute; background: #fff; z-index: 100; -webkit-transition: 0.8s cubic-bezier(0.12, 0.75, 0.4, 1) !important; transition: 0.8s cubic-bezier(0.12, 0.75, 0.4, 1) !important } #ajax-loading-screen[data-effect="center_mask_reveal"].set-to-fade span { width: 100%; height: 100%; top: 0; left: 0; transform: none !important; -webkit-transform: none !important } #ajax-loading-screen .mask-top { top: 0%; left: 0; height: 50%; width: 100% } #ajax-loading-screen.loaded .mask-top { -webkit-transform: translateY(-100%) translateZ(0); -ms-transform: translateY(-100%) translateZ(0); transform: translateY(-100%) translateZ(0) } #ajax-loading-screen .mask-right { top: 0; right: 0; height: 100%; width: 50% } #ajax-loading-screen.loaded .mask-right { -webkit-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0) } #ajax-loading-screen .mask-bottom { bottom: 0%; right: 0; height: 50%; width: 100% } #ajax-loading-screen.loaded .mask-bottom { -webkit-transform: translateY(100%) translateZ(0); -ms-transform: translateY(100%) translateZ(0); transform: translateY(100%) translateZ(0) } #ajax-loading-screen .mask-left { top: 0; left: 0; height: 100%; width: 50% } #ajax-loading-screen.loaded .mask-left { -webkit-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0) } body[data-bg-header="true"] .container-wrap, html.fp-enabled .container-wrap { margin-top: 0 !important; padding-top: 0 !important } body.page-template-page-sidebar-php .main-content >.row >#post-area, body.page-template-page-sidebar-php .main-content >.row >#sidebar, body.page-template-page-left-sidebar-php .main-content >.row >#post-area, body.page-template-page-left-sidebar-php .main-content >.row >#sidebar { margin-top: 30px } .project-title { padding-top: 85px; padding-bottom: 36px } .single-portfolio .row .col.section-title { padding-bottom: 30px; border: none !important } .single-portfolio .row.project-title .container .title-wrap { border-bottom: 1px solid #DDD; position: relative; padding-bottom: 30px } .single-portfolio .row.project-title .title-wrap:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0 } .container-wrap .row >.wpb_row:last-child, .home-wrap .row >.wpb_row:last-child, #portfolio-extra >.wpb_row:last-child { margin-bottom: 0px !important } body[data-bg-header="true"] .container-wrap, body.single-portfolio .container-wrap, body.page-template-template-portfolio-php .container-wrap, body.tax-project-type .container-wrap { padding-top: 25px; margin-top: 0px !important; padding-bottom: 40px } body.single-portfolio .container-wrap { padding-top: 0px !important } body.single-post[data-bg-header="true"] .container-wrap { padding-top: 40px !important } body.single-portfolio div[data-project-header-bg="true"] .container-wrap { padding-top: 40px !important } body.single-portfolio #full-width-portfolio div[data-project-header-bg="true"] .container-wrap { padding-top: 0 !important } body.search-results .container-wrap { margin-top: -55px !important; padding-top: 80px !important } .clear { clear: both } .subheader { color: #6F6F6F; margin-bottom: 15px } a { color: #27CFC3; text-decoration: none; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s } a:hover { color: inherit } h1 { font-size: 54px; line-height: 62px; margin-bottom: 7px } h2 { font-size: 34px; line-height: 44px; margin-bottom: 7px } h3 { font-size: 22px; line-height: 34px; margin-bottom: 7px } h4 { font-size: 18px; line-height: 32px; margin-bottom: 7px } h5 { font-size: 16px; line-height: 26px; margin-bottom: 7px } h6 { font-size: 14px; line-height: 24px; margin-bottom: 7px } h1, h2, h3, h4, h5, h6 { color: #444; letter-spacing: 0px; font-weight: normal; -webkit-font-smoothing: antialiased; font-family: 'Open Sans'; font-weight: 600 } .bold, strong, b { font-family: 'Open Sans'; font-weight: 600 } .uppercase { -webkit-font-smoothing: antialiased; font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase } .tiny { font-size: 14px !important; line-height: 22px !important } body h1.light, body h2.light, body h3.light, body h4.light, body h5.light, body h6.light, p.light { text-transform: none; -webkit-font-smoothing: antialiased; font-family: 'Open Sans'; font-weight: 300 } body h1.jumbo, body h2.jumbo, body h3.jumbo, body h4.jumbo, body h5.jumbo, body h6.jumbo, p.jumbo { font-size: 100px !important; line-height: 110px !important } h1.light { font-size: 34px; margin-bottom: 30px } h2.light { font-size: 28px; margin-bottom: 30px; letter-spacing: 0.5px } h3.light { font-size: 24px; margin-bottom: 15px; letter-spacing: 0.5px } h4.light { font-size: 18px; margin-bottom: 7px; letter-spacing: 0.5px } h5.light { font-size: 16px; margin-bottom: 7px; letter-spacing: 0.5px } h6.light { font-size: 14px; margin-bottom: 7px; letter-spacing: 0.5px } body h1 em, body h2 em, body h3 em, body h4 em { font-size: inherit } h1.uppercase { letter-spacing: 3px } h2.uppercase { letter-spacing: 2.5px } h3.uppercase { letter-spacing: 2px } h4.uppercase { letter-spacing: 2px } h5.uppercase { letter-spacing: 1.3px } h6.uppercase { letter-spacing: 1.3px } h1 .nectar-button, h2 .nectar-button, h3 .nectar-button, h4 .nectar-button { margin-left: 13px } .text-align-center { text-align: center } p { padding-bottom: 27px } .row .col p:last-child { padding-bottom: 0px } .container .row:last-child, .wpb_wrapper .clear { padding-bottom: 0px } .wpb_wrapper >div { margin-bottom: 24px } .wpb_wrapper >div:last-child, .row .wpb_wrapper >img:last-child, .row .wpb_wrapper >.img-with-aniamtion-wrap:last-child img { margin-bottom: 0px } blockquote { font-family: 'Open Sans'; font-weight: 300; line-height: 40px; font-size: 22px; padding-left: 0px; letter-spacing: 0.5px; margin-bottom: 30px } .main-content ul, .main-content ol { margin-left: 30px; margin-bottom: 30px } .main-content ul li { list-style: disc; list-style-position: outside } .main-content ol li { list-style: decimal; list-style-position: outside } .main-content img { max-width: 100%; height: auto } .main-content .col.span_4 .col.span_2 img, .main-content .col.span_3 .col.span_2 img, .main-content .col.span_2 .col.span_2 img, .main-content .col.span_6 .col.span_2 img, .main-content .col.span_4 .col.span_2 i, .main-content .col.span_3 .col.span_2 i, .main-content .col.span_2 .col.span_2 i, .main-content .col.span_6 .col.span_2 i { top: -4px } code { display: block; clear: both; overflow: auto; padding: 10px 20px 20px 20px; white-space: pre; background-color: #f0f0f0; font: 12px "Andale Mono", Courier, "Courier New", monospace } #error-404 { text-align: center; margin-bottom: 45px } body #error-404 h1 { font-size: 250px !important; line-height: 250px !important; font-family: 'Open Sans'; font-weight: 700 } body #error-404 h2 { text-transform: uppercase; font-size: 70px; font-family: 'Open Sans'; font-weight: 700 } #boxed { margin: 0 auto; width: 1200px; position: relative; padding: 0px; z-index: 10000; background-color: #f8f8f8; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15) } #boxed .home-wrap, #boxed .container-wrap { overflow: hidden } #boxed .page-header-no-bg+div { margin-top: 0; padding-top: 40px } body[data-footer-reveal="1"][data-footer-reveal-shadow="large_2"] #boxed .container-wrap { box-shadow: none !important } #boxed #header-outer { box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; -moz-box-shadow: none !important; padding-right: 0px !important } #boxed #footer-outer #footer-widgets, #boxed #footer-outer #copyright { padding-left: 50px; padding-right: 50px } #boxed #header-outer, #boxed #header-secondary-outer, #boxed #page-header-bg, #boxed #slide-out-widget-area-bg.fullscreen { width: auto !important; min-width: 1200px; left: auto !important; right: auto !important } #boxed #page-header-bg { background-color: #000; overflow: hidden !important } #boxed #header-secondary-outer { padding-right: 0px !important } #boxed #header-secondary-outer ul#social >li:first-child a { border-left: 0px !important; padding-left: 0px !important } #boxed #header-secondary-outer ul.sf-menu >li:last-child a, #boxed #header-secondary-outer ul.sf-menu >li:last-child { border-right: 0px !important; padding-right: 0px !important } #boxed #header-outer .cart-menu-wrap { position: fixed } #header-outer[data-format="centered-logo-between-menu"] .cart-menu-wrap { z-index: 10000 } @media only screen and (min-width:1000px) { #header-outer[data-format="centered-logo-between-menu"] nav { visibility: hidden } } body:not(.ascend) #boxed #header-outer .widget_shopping_cart, body:not(.ascend).woocommerce #boxed .cart-notification { position: fixed !important; right: 0px !important; top: 77px !important } body:not(.ascend).admin-bar #boxed #header-outer .widget_shopping_cart, body:not(.ascend).woocommerce.admin-bar #boxed .cart-notification { top: 103px !important } #boxed #featured, #boxed .orbit >div, #boxed #featured article { width: auto !important; left: auto !important; min-width: 1200px } @media only screen and (max-width:1300px) and (min-width:1000px) { body[data-ext-responsive="false"] #boxed #featured, body[data-ext-responsive="false"] #boxed .orbit >div, body[data-ext-responsive="false"] #boxed #featured article { min-width: 980px } } #boxed #featured article .post-title >a { left: 0px } #boxed #featured article .post-title h2 { left: 0px } #boxed #featured .orbit-slide.has-video .post-title >a { left: 22px } .admin-bar #boxed .cart-menu-wrap { top: 38px !important } #boxed .cart-menu-wrap { top: 11px !important } #boxed .cart-menu { border-radius: 2px 0px 0px 2px !important; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15) } body:not(.ascend) #boxed .cart-menu { padding-bottom: 22px !important; padding-top: 22px !important; padding-left: 11px !important; padding-right: 10px !important } .span_10.iwt h2 { line-height: 20px } .span_10.iwt h3 { line-height: 18px } .body-border-bottom { height: 20px; width: 100%; bottom: 0; left: 0; position: fixed; z-index: 10000; background-color: #fff } .body-border-top { height: 20px; width: 100%; top: 0; left: 0; z-index: 10000; position: fixed; background-color: #fff } .admin-bar .body-border-top { top: 32px } .body-border-right { height: 100%; width: 20px; top: 0; right: 0; z-index: 10000; position: fixed; background-color: #fff } .body-border-left { height: 100%; width: 20px; top: 0; left: 0; z-index: 10000; position: fixed; background-color: #fff } /*-------------------------------------------------------------------------*/ /* 3. Header + Search Bar Styles /*-------------------------------------------------------------------------*/ #header-space { height: 90px } #header-outer { width: 100%; top: 0px; left: 0px; position: fixed; padding: 28px 0px 0px 0px; background-color: #fff; z-index: 9999 } #header-outer[data-box-shadow="small"] { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22) } #header-outer[data-box-shadow="large"] { box-shadow: 0 3px 45px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 45px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 3px 45px rgba(0, 0, 0, 0.15) } body[data-slide-out-widget-area-style="slide-out-from-right-hover"] #header-outer { z-index: 9995 } #header-outer[data-permanent-transparent="false"] { overflow: visible !important } body[data-transparent-nav="1"][data-header-color="light"] #header-outer { background-color: rgba(255, 255, 255, 0.965) } body[data-header-color="dark"] #header-outer, body[data-header-color="dark"] #search-outer { background-color: #1F1F1F; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important } html body[data-header-color="dark"] header#top nav ul #search-btn >div, html body[data-header-color="dark"].ascend #header-outer[data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a:after, html body[data-header-color="dark"].ascend #header-outer[data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a:after, html body[data-header-color="dark"].ascend #header-outer[data-remove-border="true"] .cart-menu:after, html body[data-header-color="dark"].ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu:after { border-left: 1px solid rgba(255, 255, 255, 0.15) } .ascend[data-header-search="false"] #header-outer[data-full-width="true"][data-format="centered-logo-between-menu"][data-cart="false"] header#top nav ul .slide-out-widget-area-toggle a { border: none } body[data-header-color="dark"] #header-secondary-outer { background-color: #111; border-bottom: 1px solid #444 } body[data-header-color="dark"] #header-outer .cart-menu { background-color: #111 } body[data-header-color="dark"] #header-secondary-outer nav >ul >li >a { border-left: 1px solid #222 } body[data-header-color="dark"] #header-secondary-outer nav >ul >li:last-child { border-right: 1px solid #272727 } body[data-header-color="dark"] header#top nav ul li a, body[data-header-color="dark"] #search-outer input, body[data-header-color="dark"] #header-secondary-outer nav >ul >li >a, body[data-header-color="dark"] #header-secondary-outer nav >ul >li >a span.sf-sub-indicator i, body[data-header-color="dark"] header#top #logo, body[data-header-color="dark"] header#top nav ul #search-btn a span, .ascend[data-header-color="dark"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { color: #A0A0A0 } body[data-header-color="dark"] header#top nav ul .slide-out-widget-area-toggle a i.lines, body[data-header-color="dark"] header#top nav ul .slide-out-widget-area-toggle a i.lines:after, body[data-header-color="dark"] header#top nav ul .slide-out-widget-area-toggle a i.lines:before, body[data-header-color="dark"] header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { background-color: #A0A0A0 } body[data-header-color="dark"] #header-secondary-outer nav >ul >li >a span.sf-sub-indicator i, .ascend[data-header-color="dark"] #boxed #header-outer .cart-menu .cart-icon-wrap i { color: #A0A0A0 !important } body[data-header-color="dark"] #header-secondary-outer nav >ul >li a:hover, body[data-header-color="dark"] #header-secondary-outer nav >ul >li a:hover span.sf-sub-indicator i { color: #fff !important } #header-secondary-outer ul ul li a { font-size: 11px; transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important } body[data-header-color="dark"] #header-secondary-outer ul ul li a { background-color: #111; font-size: 11px; color: #A0A0A0 } body[data-header-color="dark"] #header-secondary-outer #social .vimeo, body[data-header-color="dark"] #header-secondary-outer #social .vimeo span { background-image: url("img/icons/social/vimeo-header-black.png") !important } body[data-header-color="dark"] #header-secondary-outer #social .behance, body[data-header-color="dark"] #header-secondary-outer #social .behance span { background-image: url("img/icons/social/behance-header-black.png") !important } body[data-header-color="dark"] #header-secondary-outer li.current-menu-ancestor >a, body[data-header-color="dark"] #header-secondary-outer li.current-menu-item >a, body[data-header-color="dark"] #header-secondary-outer li.sfHover >a, body[data-header-color="dark"] #header-secondary-outer li.sfHover >a i { color: #fff !important } .admin-bar #header-outer, .logged-in.buddypress #header-outer { top: 32px } .admin-bar #header-outer[data-permanent-transparent="1"], .logged-in.buddypress #header-outer[data-permanent-transparent="1"] { top: 32px } #header-outer[data-using-secondary="1"] { top: 32px } body #header-outer[data-using-secondary="1"][data-permanent-transparent="1"] { top: 33px } .admin-bar #header-outer[data-using-secondary="1"], .logged-in.buddypress #header-outer[data-using-secondary="1"] { top: 64px } html .admin-bar #header-outer[data-using-secondary="1"][data-permanent-transparent="1"], .logged-in.buddypress #header-outer[data-using-secondary="1"][data-permanent-transparent="1"] { top: 64px } header#top #logo { width: auto; max-width: none; display: block; line-height: 22px; font-size: 22px; letter-spacing: -1.5px; color: #444; font-family: 'Open Sans'; font-weight: 600 } header#top #logo.no-image { margin-top: 4px } header#top #logo .retina-logo { display: none !important } header#top #logo .starting-logo { position: absolute; top: 0; opacity: 0; left: 0 } /* retina logo */ /* removed in 8.0 */ header#top #logo:hover { color: #27CFC3 } header#top #logo img { /*max-height:30px; */ text-indent: -9999px; max-width: none; width: auto; margin-bottom: 0px; display: block; transition: opacity 0.4s ease } #header-outer[data-transparent-header="true"] header#top #logo img.stnd { position: relative; } header#top { position: relative; z-index: 9998; width: 100% } header#top .container .row { padding-bottom: 0px } header#top nav >ul { float: right; overflow: visible !important; transition: padding 0.8s ease, margin 0.25s ease; min-height: 1px; line-height: 1px } header#top nav .no-menu-assigned { visibility: hidden } body:not(.ascend) header#top nav >ul.buttons,body.ascend #header-outer[data-full-width="false"] header#top nav >ul.buttons,#header-outer[data-format="centered-menu-under-logo"] header#top nav >ul.buttons { margin-left: 15px } body.ascend #header-outer[data-full-width="true"] header#top nav >ul.buttons { margin-left: 0px } body:not(.ascend) #header-outer[data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn { margin-left: 22px } header#top nav >ul.buttons { transition: padding 0.8s ease } header#top nav >ul .slide-out-widget-area-toggle { transition: margin 0.25s ease } .side-widget-open header#top nav >ul .slide-out-widget-area-toggle { transition: margin 0.75s ease } #header-outer[data-transparency-option="1"][data-full-width="true"].side-widget-open { box-shadow: none } #header-outer[data-format="centered-menu"] header#top nav >ul.sf-menu li, #header-outer.side-widget-open.hidden-menu header#top nav >ul.sf-menu li, #header-outer.hidden-menu-items header#top nav >ul.sf-menu li:not(#social-in-menu) { transition: opacity 0.75s ease } #header-outer[data-format="centered-menu"].side-widget-open header#top nav >ul.sf-menu li, #header-outer.side-widget-open.hidden-menu header#top nav >ul.sf-menu li, #header-outer.side-widget-open.hidden-menu-items header#top nav >ul.sf-menu li:not(#social-in-menu) { opacity: 0 } .side-widget-open.no-bg-color { border-color: transparent !important } /*centered menu */ #header-outer[data-format="centered-menu"] header#top .span_9, #header-outer[data-format="centered-menu"] header#top .span_9 .sf-menu { left: 0; position: relative; text-align: center !important; width: 100%; z-index: 1 } #header-outer[data-format="centered-menu"][data-full-width="false"] header#top .span_9 #search-btn >div, body:not(.ascend) #header-outer[data-format="centered-menu"] header#top .span_9 #search-btn >div { border: none } #header-outer[data-format="centered-menu"] header#top nav >ul.sf-menu >li { float: none; display: inline-block } #header-outer[data-format="centered-menu"] header#top nav >ul.sf-menu >li.megamenu { position: static !important } #header-outer[data-format="centered-menu"] header#top nav >ul.sf-menu >li ul { text-align: left } #header-outer[data-format="centered-menu"] header#top nav >ul.buttons, #header-outer[data-format="centered-menu"] header#top .span_3 { z-index: 10; position: absolute } #header-outer header#top nav >ul.buttons { right: 0; height: 100%; overflow: hidden !important } /* body[data-header-search="false"] #header-outer[data-full-width="false"][data-cart="false"] header#top nav >ul.buttons[data-user-set-ocm="off"]{display:none}*/ body #header-outer[data-using-pr-menu="true"] header#top nav >ul.buttons { display: block !important; overflow: visible !important } #header-outer[data-format="centered-menu"] header#top .span_3 { left: 0 } /*left aligned menu*/ #header-outer[data-format="menu-left-aligned"] .row .col.span_3 { margin-right: 25px } #header-outer[data-format="menu-left-aligned"] .row .col.span_9 { float: left } #header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items { float: right } /*left header*/ @media only screen and (min-width:1001px) { #header-outer[data-format="left-header"] { width: 275px; left: 0; height: 100%; box-shadow: none; -webkit-box-shadow: none; border-right: 1px solid rgba(0, 0, 0, 0.07) } #header-outer[data-format="left-header"] .sf-menu li { float: none; display: block !important; padding: 0 !important; width: 100% !important } #header-outer[data-format="left-header"] header#top .span_9 { width: 100% } #header-outer[data-format="left-header"] header#top nav >ul { float: none; width: 100% } body[data-header-format="left-header"] #header-space { display: none } body[data-footer-reveal="1"][data-header-format="left-header"] #footer-outer { left: 0; padding-left: 275px } body[data-footer-reveal="1"][data-header-format="left-header"] #nectar_fullscreen_rows #footer-outer { padding-left: 0 } body[data-header-format="left-header"] #ajax-content-wrap { margin-left: 275px } body[data-header-format="left-header"] .page-submenu.stuck { left: 275px } body[data-header-format="left-header"] #search-outer { padding-left: 275px !important } body[data-header-format="left-header"].ascend #search-outer { height: 100% !important } body[data-header-format="left-header"] .parallax_slider_outer.first-section .nectar-slider-wrap { right: 0 !important; left: auto !important } #header-outer[data-full-width="true"] header#top nav >ul.buttons { margin-left: 0 !important } body[data-header-format="left-header"] #header-outer .cart-menu { padding-top: 25px; padding-bottom: 25px } body[data-header-format="left-header"] #header-outer .cart-menu-wrap, html body[data-header-format="left-header"].ascend[data-slide-out-widget-area="true"] #header-outer[data-full-width="true"] .cart-menu-wrap, html body[data-header-format="left-header"].ascend #header-outer .cart-menu-wrap { right: 0 !important } html body[data-header-format="left-header"].ascend #header-outer .cart-outer, html body[data-header-format="left-header"] #header-outer .cart-outer { position: fixed; right: 0 !important; top: 0; width: 90px; height: 75px } html body[data-header-format="left-header"].ascend.admin-bar #header-outer .cart-outer, html body[data-header-format="left-header"].admin-bar #header-outer .cart-outer { height: 107px } html body[data-header-format="left-header"] #header-outer .cart-menu, html body[data-header-format="left-header"].ascend #header-outer .cart-menu { top: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); background-color: #fff !important } html body[data-header-format="left-header"].admin-bar #header-outer .cart-menu, html body[data-header-format="left-header"].admin-bar.ascend #header-outer .cart-menu { top: 32px } body[data-is="minimal"][data-header-format="left-header"].ascend[data-header-color="light"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart, body[data-is="minimal"][data-header-format="left-header"][data-header-color="light"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart, body[data-header-format="left-header"] #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { font-size: 20px !important } html body[data-header-format="left-header"] #header-outer .cart-menu-wrap { overflow: visible } body[data-header-format="left-header"][data-is="minimal"].ascend #header-outer .cart-wrap, body[data-header-format="left-header"] #header-outer .cart-wrap { top: -14px !important; margin-right: 15px !important } body[data-header-format="left-header"]:not(.ascend):not([data-is="minimal"]) #header-outer .cart-menu .cart-icon-wrap i { top: 1px; width: 24px } body[data-header-format="left-header"]:not(.ascend) #header-outer .cart-menu .cart-wrap { margin-right: 25px !important } body[data-header-format="left-header"]:not(.ascend) #header-outer .cart-menu .cart-wrap span { border-radius: 100px; height: 20px; width: 20px; text-align: center; line-height: 20px } body[data-header-format="left-header"]:not(.ascend) #header-outer .cart-menu .cart-wrap span:before { display: none !important } html body[data-header-format="left-header"] #header-outer .cart-menu-wrap .cart-menu { border-radius: 100px; height: 50px !important; width: 50px !important; right: 25px; margin-top: 25px; padding-top: 15px; padding-left: 14px !important; box-shadow: 0 4px 9px 0 rgba(43, 43, 49, .06), 0 7px 14px 0 rgba(43, 43, 49, .08) } html body[data-header-format="left-header"] #header-outer .cart-outer .cart-notification { margin-top: 25px !important; margin-right: 25px !important; border-radius: 6px; background-color: #fff; color: #999; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09) } html body[data-header-format="left-header"].woocommerce #header-outer .cart-notification .item-name, html body[data-header-format="left-header"] #header-outer .woocommerce-page .cart-notification .item-name, html body[data-dropdown-style="minimal"].woocommerce #header-outer .cart-notification .item-name, html body[data-dropdown-style="minimal"] #header-outer .woocommerce-page .cart-notification .item-name { color: #999 } html body[data-header-format="left-header"] #header-outer .cart-outer .cart-notification:after { content: ""; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #FFF transparent; top: -17px; right: 15px } body[data-header-format="left-header"] #header-outer .widget_shopping_cart_content { margin-top: 25px } body[data-header-format="left-header"] #header-outer .widget_shopping_cart, body[data-header-format="left-header"].woocommerce .cart-notification, body[data-header-format="left-header"] #header-outer .cart-notification { top: 75px } body[data-header-format="left-header"].admin-bar #header-outer .widget_shopping_cart, body[data-header-format="left-header"].woocommerce.admin-bar .cart-notification, body[data-header-format="left-header"].admin-bar #header-outer .cart-notification { top: 107px } body[data-header-format="left-header"] header#top .sf-menu li ul li a { color: #999 } body[data-header-color="dark"][data-header-format="left-header"] header#top .sf-menu li ul li a { color: #A0A0A0 } body[data-header-format="left-header"] #header-outer nav #search-btn { visibility: visible !important } body[data-header-format="left-header"] #header-outer nav { padding: 30px } body[data-header-format="left-header"] #header-outer nav ul li a { padding: 7px 0px !important; display: inline-block } body[data-header-format="left-header"] #header-outer nav ul li[class*="button_solid_color"] a, body[data-header-format="left-header"] #header-outer nav ul li[class*="button_bordered"] a { padding: 5px 15px !important } body[data-header-format="left-header"] #header-outer nav ul li ul li a { padding: 3px 0px !important } body[data-header-format="left-header"] .cart-menu-wrap:not(.has_products) { opacity: 0; pointer-events: none } html body[data-header-format="left-header"]:not(.ascend) #header-outer .cart-menu { border-bottom: 0 } body[data-header-format="left-header"] #header-outer .button_social_group { position: absolute; bottom: 45px; left: 30px; max-width: 240px } body[data-header-format="left-header"] #header-outer .row .col.span_9 { position: absolute !important; top: 80px; bottom: 110px; overflow: auto; left: 0 } body[data-header-format="left-header"] #header-outer .span_3 { margin-top: 30px } body[data-header-format="left-header"] #header-outer { padding-top: 0 } body[data-header-format="left-header"] #header-outer nav ul #search-btn a, body[data-header-format="left-header"].ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn a, body[data-header-format="left-header"] header#top nav ul #search-btn >div { padding-left: 0 !important; border-left: 0 !important; margin-left: 0 !important } body[data-header-format="left-header"] header#top { height: 100% } body[data-header-format="left-header"] header#top .container .row, body[data-header-format="left-header"] header#top .container { position: static } body[data-header-format="left-header"] header#top .container { padding: 0px 30px } body[data-header-format="left-header"] #header-outer .nav-outer { display: table; height: 100% } body[data-header-format="left-header"] #header-outer nav { display: table-cell; vertical-align: middle } body[data-header-format="left-header"] #header-outer nav .buttons { height: auto !important } body[data-header-format="left-header"] header#top nav >ul >li >a { margin: 0 !important } body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a { -ms-transition: color .2s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: color .2s cubic-bezier(0.12, 0.75, 0.4, 1); transition: color .2s cubic-bezier(0.12, 0.75, 0.4, 1) } body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a >span { position: relative; display: block; padding: 4px 10px } body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a >span:after { height: 100%; border: none; background-color: #000; left: 0; position: absolute; top: 0; content: ' '; z-index: -1; width: 100%; display: block; -ms-transition: transform .35s cubic-bezier(0.12, 0.75, 0.4, 1) !important; -webkit-transition: -webkit-transform .35s cubic-bezier(0.12, 0.75, 0.4, 1) !important; transition: transform .35s cubic-bezier(0.12, 0.75, 0.4, 1) !important; -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform: scale(0, 1); -webkit-transform-origin: left; transform-origin: left } body[data-header-format="left-header"] header#top nav >ul >li[class*="button_"] { margin: 10px 0 } body[data-header-format="left-header"][data-dropdown-style="minimal"] #header-outer header#top nav >ul >li:not(.megamenu) ul a:hover, body[data-header-format="left-header"] #header-outer header#top nav >ul >li:not(.megamenu) ul a:hover, body[data-header-format="left-header"][data-dropdown-style="minimal"] #header-outer header#top nav >ul >li:not(.megamenu) li.sfHover >a,body[data-header-format="left-header"][data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul ul li a:hover { background-color: transparent !important } body[data-header-format="left-header"][data-header-resize="0"] .container-wrap { padding-top: 80px; padding-bottom: 60px } body[data-header-format="left-header"].woocommerce .container-wrap { padding-top: 80px !important } body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:hover >span:after, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]).open-submenu >a >span:after, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]).current_page_item >a >span:after, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]).current-menu-item >a >span:after, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]).current-menu-ancestor >a >span:after { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1) } body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav ul li:not([class*="button_"]) >a:after { display: none } body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:hover, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]).open-submenu >a, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]).current_page_item >a, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]).current-menu-item >a, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]).current-menu-ancestor >a { color: #fff !important } body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu >li >ul, body[data-header-format="left-header"] .sf-menu li >ul, body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu >li.sfHover >ul, body[data-header-format="left-header"] .sf-menu li.sfHover >ul, body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu li li ul { position: relative !important; max-height: 0; top: 0 !important; box-sizing: content-box; margin-left: 25px; padding-top: 0 !important; padding-bottom: 0 !important; left: 0 !important; pointer-events: auto !important; width: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition: max-height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) !important; transition: max-height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; border: none !important; overflow: hidden; opacity: 1 !important } body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu >li >ul, body[data-header-format="left-header"] .sf-menu li >ul { position: relative } body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu >li.sfHover >ul, body[data-header-format="left-header"] .sf-menu li.sfHover >ul, body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu li li ul { position: relative !important } body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu >li.current-menu-ancestor >ul, body[data-header-format="left-header"] .sf-menu li.current-menu-ancestor >ul, body[data-header-format="left-header"] .sf-menu li.current-menu-ancestor >ul li.current-menu-ancestor >ul, body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu >li.current-menu-ancestor.sfHover >ul, body[data-header-format="left-header"] .sf-menu li.sfHover.current-menu-ancestor >ul, body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu li.current-menu-ancestor >li li.current-menu-ancestor >ul { max-height: none } body[data-header-format="left-header"] header#top .sf-menu li ul li a { -webkit-transition: color .25s cubic-bezier(0.12, 0.75, 0.4, 1); transition: color .25s cubic-bezier(0.12, 0.75, 0.4, 1) } body[data-header-format="left-header"] .sf-menu li >ul.no-trans { transition: none !important; -webkit-transition: none !important } body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu li.open-submenu >ul { padding: 5px 0px } body[data-header-format="left-header"] .sf-menu li.open-submenu >ul, body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu li.open-submenu >ul, body[data-header-format="left-header"] .sf-menu li.open-submenu.sfHover >ul, body[data-header-format="left-header"][data-dropdown-style="minimal"] .sf-menu li.open-submenu.sfHover >ul { opacity: 1 !important } body[data-header-format="left-header"] #social-in-menu a { color: #888 } body[data-header-format="left-header"][data-dropdown-style="minimal"] header#top .sf-menu li ul li a, body[data-header-format="left-header"][data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul.sub-menu, body[data-header-format="left-header"] header#top .sf-menu li ul li a, body[data-header-format="left-header"] header#top nav >ul >li.megamenu >ul.sub-menu { background-color: transparent !important } body[data-header-format="left-header"] #header-outer #social-in-menu i { height: 26px; font-size: 18px !important; margin-right: 10px; width: 30px; line-height: 28px } body[data-header-format="left-header"] #header-outer #social-in-menu i.icon-facebook { width: 20px } } @media only screen and (min-width:1001px) and (max-width:1300px) { body[data-header-format="left-header"] #post-area.span_9.col_last { padding-left: 35px } body[data-header-format="left-header"] #post-area.span_9:not(.col_last) { padding-right: 35px } } @media only screen and (max-width:1450px) and (min-width:1001px) { body[data-header-format="left-header"].single .blog-title .meta-comment-count { display: none !important } } @media only screen and (max-width:1150px) and (min-width:1001px) { body[data-header-format="left-header"].single .section-title h1 { max-width: 400px !important } } @media only screen and (max-width:1001px) { body[data-header-format="left-header"] #header-outer #social-in-menu { display: none } } body[data-header-format="left-header"] #search-outer { background-color: rgba(255, 255, 255, 0.96) !important; height: 100% !important; position: fixed; transform: rotateX(90deg); padding: 0; z-index: 1010 !important } body[data-header-format="left-header"] #search-outer .container { height: auto !important; float: none !important; width: 100% !important; padding: 0 40px; position: static } body[data-header-format="left-header"] #header-outer #search { position: static !important } body[data-header-format="left-header"] #search-outer #search input[type="text"] { color: #000 !important; height: auto !important; font-size: 80px !important; text-align: center !important } body[data-header-format="left-header"] #search-outer >#search form { width: 100% !important; float: none !important } body[data-header-format="left-header"] #search-outer >#search form, body[data-header-format="left-header"] #search-outer #search .span_12 span { opacity: 0; position: relative } body[data-header-format="left-header"] #search-outer #search #close { position: absolute; top: 25px; right: 25px } body[data-header-format="left-header"] #search-outer #search #close a { right: 0 !important; top: 0 !important; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s } body[data-header-format="left-header"] #search-outer #search #close a:hover { transform: rotate(90deg) translateZ(0); -webkit-transform: rotate(90deg) translateZ(0) } body[data-header-format="left-header"] #search-outer #search .span_12 span { text-align: center; display: block; color: rgba(0, 0, 0, 0.4); margin-top: 15px } body[data-header-format="left-header"] #search-outer #search #close a span { color: #000 } body[data-header-format="left-header"] #search-outer .ui-widget-content { top: 90px !important } /*centered menu under logo */ #header-outer[data-format="centered-menu-under-logo"] header#top nav { display: inline-block } #header-outer[data-format="centered-menu-under-logo"] .span_9 { text-align: center; line-height: 1px } #header-outer[data-format="centered-menu-under-logo"] .span_9, body #header-outer[data-format="centered-menu-under-logo"] .span_3 { display: block !important; float: none !important; width: 100% !important } body #header-outer[data-format="centered-menu-under-logo"] .span_3 { text-align: center } #header-outer[data-format="centered-menu-under-logo"] header#top nav >ul.sf-menu >li ul { text-align: left } #header-outer[data-format="centered-menu-under-logo"] header#top .span_9 { position: relative !important } #header-outer[data-format="centered-menu-under-logo"] .cart-menu { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% } #header-outer[data-format="centered-menu-under-logo"] header#top .span_9 nav >ul >li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle) >a { padding-top: 0px !important; padding-bottom: 20px !important } #header-outer[data-format="centered-menu-under-logo"] header#top .span_9 ul li#search-btn, #header-outer[data-format="centered-menu-under-logo"] header#top nav >ul li.slide-out-widget-area-toggle { padding-top: 0 !important; padding-bottom: 0 !important } #header-outer[data-format="centered-menu-under-logo"] header#top .span_9 ul li#social-in-menu a { margin-top: 0px !important; margin-bottom: 20px !important } #header-outer[data-format="centered-menu-under-logo"] header#top #logo img { margin: 0 auto 0px auto } #header-outer[data-format="centered-menu-under-logo"] header#top #logo { text-align: center; position: relative } #header-outer[data-format="centered-menu-under-logo"] header#top #logo .starting-logo { position: absolute; margin-bottom: 0; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%) } /* centered logo between menu */ #header-outer[data-format="centered-logo-between-menu"] .span_3 { position: absolute; left: 50%; margin-right: 0 } #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo.no-image { -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%) } #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img { -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%) } #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9, #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 .sf-menu { left: 0; position: relative; text-align: center !important; width: 100%; z-index: 1 } body #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 .sf-menu { position: static } #header-outer[data-format="centered-logo-between-menu"] header#top nav >ul.buttons, #header-outer[data-format="centered-logo-between-menu"] header#top .span_3 { z-index: 10; position: absolute } #header-outer[data-format="centered-logo-between-menu"] header#top nav >ul.sf-menu >li ul { text-align: left } #header-outer[data-format="centered-logo-between-menu"] nav >ul.sf-menu >li { float: none; display: inline-block } #header-outer[data-format="centered-logo-between-menu"] header#top nav >ul.sf-menu >li.megamenu { position: static !important } #header-outer[data-format="centered-logo-between-menu"] nav #social-in-menu { position: absolute; left: 0 } header#top nav ul li { float: right } header#top nav >ul >li { float: left } header#top nav >ul >li >a { padding: 0px 10px 0px 10px; display: block; color: #676767; font-size: 12px; line-height: 20px; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear } #header-outer[data-lhe="animated_underline"] header#top nav >ul >li >a { -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear } header#top nav >ul >li[class*="button_solid_color"] >a:before, #header-outer.transparent header#top nav >ul >li[class*="button_solid_color"] >a:before { background-color: #27CFC3; display: block; position: absolute; left: 0; padding-bottom: 10px; transform: translateY(-7px); -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); width: 100%; height: 24px; content: ' '; z-index: -1; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear } header#top nav >ul >li[class*="button_solid_color"] >a:hover:before, #header-outer.transparent header#top nav >ul >li[class*="button_solid_color"] >a:hover:before { opacity: 0.85 !important } header#top nav >ul >li[class*="button_bordered"] >a:before, #header-outer.transparent header#top nav >ul >li[class*="button_bordered"] >a:before { border: 2px solid #fff; display: block; position: absolute; left: 0; padding-bottom: 10px; transform: translateY(-7px); -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); width: 100%; height: 34px; content: ' '; z-index: -1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: border-color 0.2s linear; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear } header#top nav >ul >li[class*="button_bordered"] >a:before { border-color: rgba(0, 0, 0, 0.4) } .light-text header#top nav >ul >li[class*="button_bordered"] >a:before { border-color: #fff } .dark-slide.transparent header#top nav >ul >li[class*="button_bordered"] >a:before { border-color: #000 !important } header#top nav >ul >li[class*="button_solid_color"] >a, body #header-outer.transparent header#top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="animated_underline"] header#top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="animated_underline"].transparent.dark-slide header#top nav >ul >li[class*="button_solid_color"] >a:hover, #header-outer:not([data-lhe="animated_underline"]).transparent.dark-slide header#top nav >ul >li[class*="button_solid_color"] >a:hover, #header-outer:not([data-lhe="animated_underline"]) header#top nav ul li[class*="button_solid_color"] a:hover, #header-outer.dark-text header#top nav >ul >li[class*="button_solid_color"] >a, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item[class*="button_solid_color"] >a,#header-outer.transparent.dark-slide >header#top nav >ul >li[class*="button_solid_color"] >a:hover { color: #fff !important; opacity: 1 !important; padding-left: 20px; padding-right: 20px; margin-right: 10px; margin-left: 10px } #header-outer:not([data-lhe="animated_underline"]) header#top nav ul li[class*="button_solid_color"] a, #header-outer:not([data-lhe="animated_underline"]) header#top nav ul li[class*="button_bordered"] a { padding-left: 20px; padding-right: 20px } header#top nav >ul >li[class*="button_bordered"] >a, body #header-outer.transparent header#top nav >ul >li[class*="button_bordered"] >a, #header-outer[data-lhe="animated_underline"] header#top nav >ul >li[class*="button_bordered"] >a, #header-outer:not([data-lhe="animated_underline"]) header#top nav ul li[class*="button_bordered"] a:hover { padding-left: 20px; padding-right: 20px; margin-right: 10px; margin-left: 10px } body[data-header-search="false"][data-full-width-header="false"] #header-outer[data-lhe="animated_underline"][data-format="default"][data-cart="false"] header#top nav >ul >li:last-child >a, body[data-header-search="false"][data-user-set-ocm="off"] #header-outer[data-lhe="animated_underline"][data-format="centered-menu"][data-cart="false"] header#top nav >ul.buttons >li:last-child >a, body[data-header-search="false"][data-user-set-ocm="off"] #header-outer[data-lhe="animated_underline"][data-format="menu-left-aligned"][data-cart="false"] header#top nav >ul.buttons >li:last-child >a { margin-right: 0 !important } #header-outer:not([data-lhe="animated_underline"]) header#top nav ul li a:hover, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.sfHover >a, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_ancestor >a, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-item >a, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-ancestor >a, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item >a { color: #27CFC3 } #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:after { -ms-transition: -webkit-transform .3s ease-out, border-color .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out, border-color .3s ease-out; transition: transform .3s ease-out, border-color .3s ease-out; position: absolute; display: block; bottom: -6px; left: 0; width: 100%; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); border-top: 2px solid #000; content: ''; padding-bottom: inherit } #header-outer[data-lhe="animated_underline"] header#top nav >ul >li >a:hover:after, #header-outer[data-lhe="animated_underline"] header#top nav >ul >li.sfHover >a:after, #header-outer[data-lhe="animated_underline"] header#top nav .sf-menu li.current_page_ancestor >a:after, #header-outer[data-lhe="animated_underline"] header#top nav .sf-menu li.current-menu-item >a:after, #header-outer[data-lhe="animated_underline"] header#top nav .sf-menu li.current-menu-ancestor >a:after, #header-outer[data-lhe="animated_underline"] header#top nav .sf-menu li.current_page_item >a:after { -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1) } #header-outer[data-lhe="animated_underline"] header#top nav >ul >li >a { padding-left: 0; padding-right: 0; margin-right: 10px; margin-left: 10px } header#top nav .sf-menu li.current_page_item >a .sf-sub-indicator [class^="icon-"], header#top nav .sf-menu li.current_page_ancestor >a .sf-sub-indicator [class^="icon-"] { color: #27CFC3 } header#top nav ul li a { color: #888 } .sf-menu >li.current_page_ancestor >a >.sf-sub-indicator [class^="icon-"], .sf-menu >li.current-menu-ancestor >a >.sf-sub-indicator [class^="icon-"], .sf-menu >li.current_page_item >a >.sf-sub-indicator [class^="icon-"] { color: #27CFC3 } .sf-menu ul li.current_page_item >a, .sf-menu ul li.current-menu-ancestor >a, .sf-menu ul li.current_page_ancestor >a { color: #27CFC3 } body header#top nav >ul >li >ul.temp-hidden-display, body #header-secondary-outer nav >ul >li >ul.temp-hidden-display { display: block !important; opacity: 0; left: 0 !important; right: auto !important } body header#top nav >ul >li.edge >ul, body #header-secondary-outer nav >ul >li.edge >ul { left: auto; right: 0 } body header#top nav >ul >li li.edge >ul, body #header-secondary-outer nav >ul >li li.edge >ul { left: auto; right: 0 } header#top .span_9 { position: static !important } header#top nav >ul >li.megamenu { position: inherit !important } header#top nav >ul >li.megamenu >ul.sub-menu { width: 100%; left: 0px; padding: 15px 0px; display: table; background-color: #1C1C1C } body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition a, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition img, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition .icon-salient-search, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition .icon-salient-cart, body[data-dropdown-style="minimal"].ascend #header-outer[data-megamenu-rt="1"].no-transition .has_products .cart-menu .cart-icon-wrap .icon-salient-cart, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition header#top nav ul .slide-out-widget-area-toggle a i.lines, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition header#top nav ul .slide-out-widget-area-toggle a i.lines:before, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition header#top nav ul .slide-out-widget-area-toggle a i.lines:after, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition .lines-button:after, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition header#top nav ul #search-btn a:after, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition header#top nav ul .slide-out-widget-area-toggle a:after, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition .cart-menu:after, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition header#top nav >ul >li[class*="button_bordered"] >a:not(:hover):before, body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition.transparent header#top nav >ul >li[class*="button_bordered"] >a:not(:hover):before { -ms-transition: none !important; -webkit-transition: none !important; transition: none !important } body[data-dropdown-style="minimal"] #header-outer[data-megamenu-rt="1"].no-transition li[class*="button_"] a:hover { -webkit-transition: opacity 0.2s linear, color 0.2s linear !important; transition: opacity 0.2s linear, color 0.2s linear !important } body[data-dropdown-style="minimal"] #header-outer[data-lhe="animated_underline"][data-megamenu-rt="1"].no-transition header#top nav >ul >li:not([class*="button_"]) >a:after { -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out } body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul.sub-menu { display: table !important } body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul.sub-menu { padding: 30px 0 } body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul >li { padding: 0 0 0 30px; border: none } body[data-dropdown-style="minimal"] header#top nav >ul >li >ul >li, body[data-dropdown-style="minimal"] #header-outer[data-format="centered-menu"] header#top nav >ul >li >ul >li, body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart .cart_list, body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart .total, body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart .buttons { opacity: 0; -ms-transform: translateY(13px); -webkit-transform: translateY(13px); transform: translateY(13px); -ms-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1); transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1); -webkit-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1) } body[data-dropdown-style="minimal"] header#top nav >ul >li.sfHover >ul >li, body[data-dropdown-style="minimal"] #header-outer[data-format="centered-menu"] header#top nav >ul >li.sfHover >ul >li, body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart.open .cart_list, body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart.open .total, body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart.open .buttons { opacity: 1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px) } body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart .cart_list { display: block !important } body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul >li:last-child { padding-right: 30px } body[data-dropdown-style="minimal"][data-megamenu-width="full-width"] header#top nav >ul >li.megamenu >ul >li { padding: 0 30px 0 0 } body[data-dropdown-style="minimal"][data-megamenu-width="full-width"] header#top nav >ul >li.megamenu >ul >li:last-child { padding: 0 } body[data-dropdown-style="classic"][data-megamenu-width="full-width"] header#top nav >ul >li.megamenu >ul >li:first-child { padding-left: 0 } body[data-dropdown-style="classic"][data-megamenu-width="full-width"] header#top nav >ul >li.megamenu >ul >li:last-child { padding-right: 0 } body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul >li >ul { margin: 0; padding: 0 } header#top nav >ul >li.megamenu >ul >li { display: table-cell !important; float: none !important; padding: 0px 15px; width: 33.33% } header#top nav >ul >li.megamenu >ul >li:last-child { border-right: none !important } header#top nav >ul >li.megamenu.columns-3 >ul >li { width: 33.33% } header#top nav >ul >li.megamenu.columns-4 >ul >li { width: 25% } header#top nav >ul >li.megamenu.columns-5 >ul >li { width: 20% } header#top nav >ul >li.megamenu.columns-6 >ul >li { width: 16.66% } header#top nav >ul >li.megamenu >ul >li ul { display: block !important; top: 0px !important; width: 100%; opacity: 1!Important; left: 0px !important; box-shadow: none; position: relative !important } header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul >ul { margin-left: 0; padding-right: 0; padding-left: 0 } header#top nav >ul >li.megamenu >ul >li { border-right: 1px solid rgba(255, 255, 255, 0.08) } body[data-dropdown-style="minimal"] .sf-menu >li.no-trans >ul { transition: none !important; -webkit-transition: none !important } header#top nav >ul >li.megamenu ul li { float: none } header#top nav >ul >li.megamenu ul li a { border-bottom: none !important; padding: 9px 15px } body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >a, body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul >a { font-family: 'Open Sans'; font-weight: 700; font-size: 12px; text-transform: uppercase; margin-bottom: 7px; letter-spacing: 2px; background-color: transparent !important } body[data-dropdown-style="minimal"]:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >a, body[data-dropdown-style="minimal"]:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul >a { color: #444 } body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >a, body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul >a { color: #fff } body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul >ul { padding-bottom: 15px } body[data-dropdown-style="minimal"]:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul >ul { padding-bottom: 20px } body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul:last-child >ul { padding-bottom: 0px } body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul.sub-menu >li a, body header#top nav >ul >li.megamenu >ul.sub-menu >li a, body #header-outer header#top nav >ul >li.megamenu >ul.sub-menu >li >a, body[data-dropdown-style="minimal"] header#top .sf-menu li ul li a, body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul.current-menu-item >a { background-color: transparent !important } body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul ul li a:hover, body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul ul li.current-menu-item a { color: #CCC !important; background-color: #272727 !important } header#top nav >ul >li.megamenu >ul >li >a:hover, header#top nav >ul >li.megamenu >ul >li.sfHover >a { background-color: transparent !important } header#top .menu-item-language .iclflag, #header-secondary-outer .menu-item-language .iclflag { top: 1px; position: relative; margin-right: 4px } #header-secondary-outer .menu-item-language .iclflag { top: 2px } body[data-dropdown-style="minimal"] .sf-menu >li >ul { opacity: 0 !important; pointer-events: none; -ms-transition: none; -webkit-transition: none; transition: none; display: block !important; width: 20em; box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11) } body[data-dropdown-style="minimal"] .sf-menu >li ul { padding: 20px; width: 20em } body[data-dropdown-style="minimal"] .sf-menu >li ul a, body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu ul li a { padding: 6px 6px } body[data-dropdown-style="minimal"] .sf-menu li ul li .sf-sub-indicator { top: 6px; right: 6px } body[data-dropdown-style="minimal"][data-header-color="light"] #header-outer:not(.transparent) .sf-menu >li ul { border-top: 1px solid #e9e9e9 } body[data-dropdown-style="minimal"] #header-outer .open.widget_shopping_cart { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 !important; pointer-events: auto } body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart { -ms-transition: none; -webkit-transition: none !important; transition: none !important; display: block !important; opacity: 0 !important; pointer-events: none } body[data-dropdown-style="minimal"] .sf-men { z-index: auto } body[data-dropdown-style="minimal"] .sf-menu >li.sfHover { z-index: 500 } body[data-dropdown-style="minimal"] header#top .sf-menu li ul li a, body[data-dropdown-style="minimal"]:not([data-header-format="left-header"]) header#top .sf-menu li ul,body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul.sub-menu,body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart .cart_list li,body[data-dropdown-style="minimal"] #header-outer .cart-notification,body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart_content,body[data-dropdown-style="minimal"] #header-secondary-outer ul ul li a { background-color: #fff } body[data-dropdown-style="minimal"] #header-outer header#top nav ul li li.sfHover >a .sf-sub-indicator [class^="icon-"], body[data-dropdown-style="minimal"] #header-outer header#top nav ul li li:hover >a .sf-sub-indicator [class^="icon-"], body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav >ul >li:not(.megamenu) ul li.current-menu-ancestor >a .sf-sub-indicator [class^="icon-"] { color: #fff !important } body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart, body[data-dropdown-style="minimal"] .woocommerce .cart-notification, body[data-dropdown-style="minimal"] #header-outer .cart-notification { box-shadow: 0 3px 20px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.09) } body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart a.button:hover, .nectar-slide-in-cart .widget_shopping_cart a.button:hover { background-color: #333 !important } body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav >ul >li:not(.megamenu) ul a:hover, body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav >ul >li:not(.megamenu) li.sfHover >a, body[data-dropdown-style="minimal"] #header-secondary-outer ul >li:not(.megamenu) li.sfHover >a, body[data-dropdown-style="minimal"] #header-secondary-outer ul >li:not(.megamenu) ul a:hover, body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav >ul >li:not(.megamenu) ul li.current-menu-item >a, body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav >ul >li:not(.megamenu) ul li.current-menu-ancestor >a { color: #fff !important; background-color: #27CCC0 !important } body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav >ul >li.megamenu ul ul li.current-menu-item >a, body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav >ul >li.megamenu ul ul li.current-menu-ancestor >a,body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul ul li.sfHover >a { color: #fff !important } body[data-dropdown-style="minimal"] header#top .sf-menu li ul li a, body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart .quantity, body[data-dropdown-style="minimal"] #header-outer .widget_shopping_cart .cart_list li, body[data-dropdown-style="minimal"] #header-outer .cart-notification, body[data-dropdown-style="minimal"] #header-outer .total, body[data-dropdown-style="minimal"] #header-outer .total strong, body[data-dropdown-style="minimal"] #header-outer ul.product_list_widget li dl dd { color: #999 } body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul ul li a:hover, body[data-dropdown-style="minimal"]:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul ul li.current-menu-item a { color: #fff !important } body[data-dropdown-style="minimal"] #header-outer header#top nav >ul >li.megamenu:hover ul li { pointer-events: auto !important } body[data-dropdown-style="minimal"] .sf-menu li.megamenu li ul, body[data-dropdown-style="minimal"] header#top .sf-menu li.megamenu ul .sub-menu { background-color: transparent !important } body[data-dropdown-style="minimal"] .sf-menu li.megamenu li ul { -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; border-top: 0 !important; -webkit-box-shadow: none; box-shadow: none } body[data-dropdown-style="minimal"] .sf-menu li li ul { display: block !important; visibility: visible !important; top: 0 !important; z-index: auto; left: 20em !important; margin-left: -20px; margin-top: -20px; -ms-transition: transform 0.25s, opacity 0.25s; -webkit-transition: transform 0.25s, opacity 0.25s; transition: transform 0.25s, opacity 0.25s; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.09); opacity: 0 !important; pointer-events: none; -ms-transform: translateX(25px); transform: translateX(25px); -webkit-transform: translateX(25px) } body[data-dropdown-style="minimal"] .sf-menu li li ul.on-left-side { -ms-transform: translateX(-25px); transform: translateX(-25px); -webkit-transform: translateX(-25px); right: 20em !important; left: auto !important; margin-right: -20px; margin-left: 0 !important; } body[data-dropdown-style="minimal"] .sf-menu li.sfHover >ul.on-left-side { -ms-transform: translateY(0px) translateX(0px); -webkit-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); } body[data-dropdown-style="minimal"][data-header-color="light"] .sf-menu li li ul { margin-top: -21px } body[data-dropdown-style="minimal"] .sf-menu ul li a { border-bottom: 0 !important } body[data-dropdown-style="minimal"] .sf-menu li.sfHover >ul { pointer-events: auto; opacity: 1 !important; -ms-transform: translateY(0px) translateX(0px); -webkit-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px) } /*header#top nav ul #search-btn{margin-left:15px!important} */ header#top nav ul.buttons li { line-height: 12px; position: relative } header#top nav ul.buttons li.menu-item a { position: relative } header#top nav ul .slide-out-widget-area-toggle { margin-left: 15px; margin-right: 5px } header#top nav ul #search-btn >div { border-left: 1px solid #e7e7e7; padding-left: 19px } .ascend #header-outer[data-remove-border="true"][data-full-width="true"] header#top nav ul #search-btn >div { padding-left: 0 } body:not([data-is="minimal"]) #header-outer[data-remove-border="true"][data-full-width="true"] header#top nav .lines-button { top: -2px } body[data-header-color="custom"] header#top nav ul #search-btn >div { border-left: 1px solid rgba(0, 0, 0, 0.15) } header#top nav ul #search-btn a, header#top nav ul .slide-out-widget-area-toggle a { padding-left: 23px; padding: 0px 0px 0px 0px; width: 24px; height: 24px; display: block; background-position: right top; background-repeat: no-repeat; box-sizing: content-box !important; -moz-box-sizing: content-box !important } header#top nav ul[data-user-set-ocm="off"] .slide-out-widget-area-toggle { display: none } header#top nav ul #search-btn a span { color: rgba(0, 0, 0, 0.4); font-size: 16px; line-height: 24px !important; height: 24px !important; background-color: transparent !important; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear } header#top nav ul #search-btn a span:hover { color: #27CCC0 !important } #header-secondary-outer { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10000; background-color: #F8F8F8; border-bottom: 1px solid #ddd } body[data-header-color="custom"] #header-secondary-outer { border-bottom: 1px solid rgba(0, 0, 0, 0.1) } .admin-bar #header-secondary-outer, .logged-in.buddypress #header-secondary-outer { top: 31px } #header-secondary-outer #social { float: left } #header-secondary-outer #social li { float: left } #header-secondary-outer #social a { line-height: 20px !important } #header-secondary-outer #social i { height: 14px !important; line-height: 14px !important; font-size: 14px !important; color: #a6a6a6 !important } #header-outer[data-format="centered-menu"] header#top nav >ul.sf-menu >li#social-in-menu { position: absolute; right: 0 } body[data-header-search="true"][data-user-set-ocm="off"] #header-outer[data-format="centered-menu"][data-cart="false"] header#top nav >ul.sf-menu >li#social-in-menu, body[data-header-search="false"][data-user-set-ocm="1"] #header-outer[data-format="centered-menu"][data-cart="false"] header#top nav >ul.sf-menu >li#social-in-menu { right: 65px } body[data-header-search="false"][data-user-set-ocm="off"] #header-outer[data-format="centered-menu"][data-cart="true"] header#top nav >ul.sf-menu >li#social-in-menu { right: 75px } body[data-header-search="false"][data-user-set-ocm="1"] #header-outer[data-format="centered-menu"][data-cart="true"] header#top nav >ul.sf-menu >li#social-in-menu, body[data-header-search="true"][data-user-set-ocm="off"] #header-outer[data-format="centered-menu"][data-cart="true"] header#top nav >ul.sf-menu >li#social-in-menu { right: 152px } body[data-header-search="true"][data-user-set-ocm="1"] #header-outer[data-format="centered-menu"][data-cart="false"] header#top nav >ul.sf-menu >li#social-in-menu { right: 145px } body[data-header-search="true"][data-user-set-ocm="1"] #header-outer[data-format="centered-menu"][data-cart="true"] header#top nav >ul.sf-menu >li#social-in-menu { right: 226px } #header-outer #social-in-menu i { font-size: 16px !important; color: inherit !important; background-color: transparent; transition: transform 0.25s ease, opacity 0.2s linear; -webkit-transition: -webkit-transform 0.25s ease, opacity 0.2s linear; text-align: center; line-height: 24px; height: 21px; width: 34px } body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] #social-in-menu i { font-size: 20px !important; width: 38px; line-height: 26px; height: 26px; margin-bottom: -3px } #header-outer #social-in-menu a { display: inline-block; margin-right: 0; margin-left: 0; overflow: hidden } #header-outer #social-in-menu a:hover i { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%) } #header-outer #social-in-menu a i:after { position: absolute; top: 100%; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100% } #header-outer #social-in-menu a i:before { width: 100% } #header-outer #social-in-menu [class^="fa-"]:after, #header-outer #social-in-menu [class*="fa-"]:after, #header-outer #social-in-menu .fa-vine:before, #header-outer #social-in-menu .fa-vine:after { text-decoration: inherit; display: block; speak: none } #header-outer #social-in-menu .fa-vine { display: block; text-align: center } #header-outer #social-in-menu i.fa-facebook { width: 28px } #header-outer #social-in-menu .fa-instagram:after { content: "\f16d" } #header-outer #social-in-menu .fa-behance:after { content: "\f1b4" } #header-outer #social-in-menu .fa-vine:after { content: "\f1ca" } #header-outer #social-in-menu .fa-vk:after { content: "\f189" } #header-outer #social-in-menu .icon-salient-spotify:after { content: "\f1bc" } #header-outer #social-in-menu .fa-flickr:after { content: "\f16e" } #header-outer #social-in-menu .fa-soundcloud:after { content: "\f1be" } #header-outer #social-in-menu .fa-stackexchange:after { content: "\f16c" } #header-outer #social-in-menu .fa-google-plus:after { content: "\f0d5" } #header-outer #social-in-menu .fa-github-alt:after { content: "\f113" } #header-outer #social-in-menu .fa-dribbble:after { content: "\f17d" } #header-outer #social-in-menu .fa-tumblr:after { content: "\f173" } #header-outer #social-in-menu .fa-youtube-play:after { content: "\f16a" } #header-outer #social-in-menu .fa-linkedin:after { content: "\f0e1" } #header-outer #social-in-menu .fa-pinterest:after { content: "\f0d2" } #header-outer #social-in-menu .fa-vimeo:after { content: "\f27d" } #header-outer #social-in-menu .fa-facebook:after { content: "\f09a" } #header-outer #social-in-menu .fa-twitter:after { content: "\f099" } #header-outer[data-format="default"] #social-in-menu { margin: 0 0 0 30px } #header-outer[data-lhe="animated_underline"] header#top nav >ul >li#social-in-menu >a, #header-outer[data-lhe="default"] header#top nav >ul >li#social-in-menu >a { margin-left: 0 !important; margin-right: 0 !important; padding-right: 0 !important; padding-left: 0 !important } #header-secondary-outer #social i.icon-soundcloud { font-size: 18px !important } #header-secondary-outer #social li a { position: relative; padding: 8px 10px 8px 10px !important; height: 16px !important; box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -o-box-sizing: content-box !important } #header-secondary-outer #social a:hover i { color: #27CCC0 !important } #header-secondary-outer ul { height: 32px; z-index: 1000 } #header-secondary-outer nav >ul >li >a { color: rgba(0, 0, 0, 0.55); border-left: 1px solid #ddd; line-height: 13px !important; font-size: 11px !important; padding: 10px!Important } body[data-header-color="custom"] #header-secondary-outer nav >ul >li >a { border-left: 1px solid rgba(0, 0, 0, 0.1) } #header-secondary-outer nav >ul >li >a:hover, #header-secondary-outer nav >ul >li.current-menu-item >a, #header-secondary-outer nav >ul >li.current-menu-ancestor >a { color: rgba(0, 0, 0, 0.8) } #header-secondary-outer nav >ul >li >a .sf-sub-indicator { margin-right: 5px; height: 11px !important } #header-secondary-outer nav >ul >li:last-child { border-right: 1px solid #ddd } body[data-header-color="custom"] #header-secondary-outer nav >ul >li:last-child { border-right: 1px solid rgba(0, 0, 0, 0.1) } #header-secondary-outer nav >ul >li >a span.sf-sub-indicator [class^="icon-"], #header-secondary-outer nav >ul >li >a span.sf-sub-indicator [class*=" icon-"] { color: rgba(0, 0, 0, 0.45) !important } #header-secondary-outer ul ul li a { background-color: #1F1F1F; color: #CCC } #header-secondary-outer ul >li.menu-item-language-current >a { height: 32px !important; padding-top: 8px !important } #header-secondary-outer #social li a.behance, #header-secondary-outer #social li a.vimeo { background-color: #a6a6a6 !important; background-position: center; background-repeat: no-repeat; text-indent: -9999px } #header-secondary-outer #social li a.behance:hover, #header-secondary-outer #social li a.vimeo:hover { background-color: #27CCC0 !important } #header-secondary-outer #social li a.vimeo { width: 15px } #header-secondary-outer #social li a.behance { width: 17px } header#top nav ul #search-btn a:hover, header#top nav ul li.sfHover #search-btn a:focus { } header#top nav ul #search-btn:hover span, header#top nav ul li.sfHover #search-btn:focus span { opacity: 1 } header#top #toggle-nav { position: relative; right: 0 } body[data-slide-out-widget-area="true"] #header-outer[data-has-menu="true"] header#top #toggle-nav { right: auto } header#top #mobile-cart-link { position: absolute; right: 32px; top: 4px; display: none; width: 36px; height: 28px; text-align: right; margin-bottom: 10px; z-index: 10000 } header#top .span_9 >.slide-out-widget-area-toggle { display: none; position: absolute; right: 0px; top: 50%; margin-bottom: 10px; margin-top: -5px; z-index: 10000; transform: translateY(-50%); -webkit-transform: translateY(-50%) } header#top #toggle-nav i, header#top #mobile-cart-link i { background-color: transparent !important; color: #a9a9a9; line-height: 34px; font-size: 18px; width: 18px; transition: color 0.3s linear; -webkit-transition: color 0.3s linear } header#top #toggle-nav i { font-size: 16px } @media only screen and (min-width:1001px) { body #header-outer[data-transparent-header="true"], body #header-outer[data-transparent-header="true"] .cart-menu { transition: background-color 0.30s ease, box-shadow 0.30s ease, margin 0.25s ease; -moz-transition: background-color 0.30s ease, box-shadow 0.30s ease, margin 0.25s ease; -webkit-transition: background-color 0.30s ease, box-shadow 0.30s ease, margin 0.25s ease } body #header-outer[data-transparent-header="true"].transparent, body #header-outer[data-transparent-header="true"].transparent .cart-menu, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul #search-btn a, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a { transition: border-color 0.30s ease; -moz-transition: border-color 0.30s ease; -webkit-transition: border-color 0.30s ease } body #header-outer[data-transparent-header="true"].transparent .cart-menu, body #header-outer[data-transparent-header="true"].transparent.light-text .cart-menu, body #header-outer[data-transparent-header="true"].transparent.dark-text .cart-menu { background-color: transparent; border-left: 1px solid rgba(255, 255, 255, 0.25) } body:not(.ascend) #boxed #header-outer[data-transparent-header="true"].transparent .cart-menu { border: none !important } body #header-outer[data-transparent-header="true"] .cart-outer .cart-notification, body #header-outer[data-transparent-header="true"] .cart-outer .widget_shopping_cart { margin-top: 1px } html body #header-outer[data-transparent-header="true"].transparent { background-color: transparent !important; box-shadow: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important } #boxed #header-outer[data-transparent-header="true"].transparent { border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important } body #header-outer[data-transparent-header="true"].transparent.side-widget-open { border: rgba(255, 255, 255, 0) } body #header-outer[data-transparent-header="true"].side-widget-closed { border: rgba(255, 255, 255, 0) !important } body #header-outer[data-transparent-header="true"].transparent nav >ul >li >a { margin-bottom: -1px } body #header-outer[data-transparent-header="true"][data-format="centered-menu"].transparent.side-widget-open.small-nav nav >ul >li >a { margin-bottom: 0px } body #header-outer[data-transparent-header="true"] header#top nav ul #search-btn >div { border-left: 1px solid rgba(0, 0, 0, 0.1) } body #header-outer[data-transparent-header="true"].transparent header#top nav ul #search-btn >div { border-left: 1px solid rgba(255, 255, 255, 0.25) } body #header-outer[data-transparent-header="true"] .ns-loading-cover { background-color: #393939; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none } #header-outer[data-transparent-header="true"].transparent #logo img, #header-outer[data-transparent-header="true"] #logo .starting-logo, #header-outer[data-transparent-header="true"].light-text #logo img { opacity: 0; -ms-filter: 'alpha(opacity=0)' } #header-outer[data-transparent-header="true"].transparent #logo .starting-logo, #header-outer[data-transparent-header="true"].light-text #logo .starting-logo { opacity: 1; -ms-filter: 'alpha(opacity=100)' } html body #header-outer[data-transparent-header="true"][data-remove-border="true"], .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a, .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a, #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu, #header-outer[data-transparent-header="true"][data-full-width="false"][data-remove-border="true"].transparent .cart-menu, html body #boxed #header-outer[data-transparent-header="true"][data-remove-border="true"] { border: none !important } .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a:after, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a:after, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu:after { border-left: 1px solid rgba(255, 255, 255, 0.25) !important; display: inline-block; content: ""; width: 11px; height: 20px; position: absolute; left: -1px; opacity: 1; top: 50%; margin-top: -10px; -webkit-transition: top 0.3s ease-out, margin-top 0.3s ease-out, height 0.3s ease-out, border-color 0.25s ease; transition: top 0.3s ease-out, margin-top 0.3s ease-out, height 0.3s ease-out, border-color 0.25s ease } .ascend[data-header-search="false"] #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"][data-cart="false"] header#top nav ul .slide-out-widget-area-toggle a:after { display: none } .ascend[data-header-search="false"] #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"][data-cart="false"][data-has-menu="false"] header#top nav ul .slide-out-widget-area-toggle a:after { border: none !important } #header-outer.transparent[data-remove-border="true"] .ns-loading-cover { display: none !important } body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"] { transition: background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, margin 0.25s ease; -webkit-transition: background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, margin 0.25s ease; -o-transition: background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, margin 0.25s ease } .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a:after, .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a:after, .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu:after { height: 100%; color: #000; top: 0; border-left: 1px solid rgba(0, 0, 0, 0.07); display: inline-block; content: ""; width: 11px; position: absolute; left: -1px; -webkit-transition: top 0.3s ease, margin-top 0.3s ease, height 0.3s ease, border-color 0.25s ease; transition: top 0.3s ease, margin-top 0.3s ease, height 0.3s ease, border-color 0.25s ease } body:not(.ascend) #header-outer[data-transparent-header="true"][data-remove-border="true"]:not(.transparent) .cart-menu:after { border-left: 1px solid rgba(0, 0, 0, 0) } .ascend[data-header-search="false"] #header-outer[data-full-width="true"][data-format="centered-logo-between-menu"][data-cart="false"] header#top nav ul .slide-out-widget-area-toggle a:after { border: none } } body .no-transition, body #slide-out-widget-area-bg.fullscreen-alt.open.no-transition, body #slide-out-widget-area-bg.fullscreen-alt.no-transition { transition: none !important; -webkit-transition: none !important } body #header-outer.no-bg-color { box-shadow: none !important; background-color: transparent !important } html body #header-outer[data-transparent-header="true"][data-remove-border="true"].transparent.pseudo-data-transparent, .ascend #header-outer[data-remove-border="true"].transparent[data-transparent-header="true"][data-full-width="true"].transparent.pseudo-data-transparent header#top nav ul #search-btn a, .ascend #header-outer[data-remove-border="true"].transparent[data-transparent-header="true"][data-full-width="true"].transparent.pseudo-data-transparent .cart-menu, .ascend #header-outer[data-remove-border="true"].transparent[data-transparent-header="true"][data-full-width="true"].transparent.pseudo-data-transparent header#top nav ul .slide-out-widget-area-toggle a { border-color: transparent !important } #header-outer.slide-out-hover { -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; transition: background-color .3s ease } #header-outer.slide-out-hover header, #header-outer.slide-out-hover >.cart-outer { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease } #header-outer.pseudo-data-transparent.transparent header#top nav >ul >li >a, #header-outer.pseudo-data-transparent.transparent header#top nav ul #search-btn a span.icon-salient-search, #header-outer.pseudo-data-transparent.transparent nav >ul >li >a >.sf-sub-indicator [class^="icon-"], #header-outer.pseudo-data-transparent.transparent nav >ul >li >a >.sf-sub-indicator [class*=" icon-"], #header-outer.pseudo-data-transparent.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.pseudo-data-transparent.transparent .cart-menu .cart-icon-wrap .icon-salient-cart { color: #fff !important; opacity: 0.75 !important; transition: opacity 0.2s linear, color 0.2s linear } #header-outer.pseudo-data-transparent.transparent:not(.directional-nav-effect) >header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.pseudo-data-transparent.transparent:not(.directional-nav-effect) >header#top nav ul .slide-out-widget-area-toggle a i.lines:after { background-color: #fff !important } #header-outer.pseudo-data-transparent.transparent header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a:hover i.lines-button:after, #header-outer.pseudo-data-transparent.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines, #header-outer.pseudo-data-transparent.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:before, #header-outer.pseudo-data-transparent.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:after { opacity: 1 !important } #header-outer.slide-out-hover header#top.all-hidden, #header-outer >.cart-outer.all-hidden { opacity: 0 } body #header-outer-bg-only { display: block; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; content: ' '; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -webkit-transition: opacity .7s cubic-bezier(0.2, 1, .2, 1), transform .7s cubic-bezier(0.2, 1, .2, 1); -moz-transition: opacity .7s cubic-bezier(0.2, 1, .2, 1), transform .7s cubic-bezier(0.2, 1, .2, 1); -ms-transition: opacity .7s cubic-bezier(0.2, 1, .2, 1), transform .7s cubic-bezier(0.2, 1, .2, 1); transition: opacity .7s cubic-bezier(0.2, 1, .2, 1), transform .7s cubic-bezier(0.2, 1, .2, 1) } body.admin-bar #header-outer-bg-only { top: 32px } /*light/dark text color */ #header-outer.light-text header#top nav >ul >li >a, #header-outer.light-text header#top nav ul #search-btn a span, #header-outer.light-text nav >ul >li >a >.sf-sub-indicator [class^="icon-"], #header-outer.light-text .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.light-text .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer:not([data-lhe="animated_underline"]).light-text header#top nav .sf-menu li.current-menu-item >a, #header-outer:not([data-lhe="animated_underline"]).light-text header#top nav >ul >li >a:hover, #header-outer:not([data-lhe="animated_underline"]).light-text header#top nav .sf-menu >li.sfHover >a { color: #fff !important; opacity: 0.7 } #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { background-color: #fff !important } #header-outer.dark-text header#top nav >ul >li >a, #header-outer.dark-text header#top nav ul #search-btn a span, #header-outer.dark-text nav >ul >li >a >.sf-sub-indicator [class^="icon-"], #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer:not([data-lhe="animated_underline"]).dark-text header#top nav .sf-menu li.current-menu-item >a { color: #444 !important; opacity: 0.7 } #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines:after { background-color: #444 !important } #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a i.lines-button:after { opacity: 0.7 } #header-outer.light-text header#top nav >ul >li >a:hover, #header-outer.light-text header#top nav .sf-menu >li.sfHover >a, #header-outer.light-text header#top nav .sf-menu >li.current_page_ancestor >a, #header-outer.light-text header#top nav .sf-menu >li.current-menu-item >a, #header-outer.light-text header#top nav .sf-menu >li.current-menu-ancestor >a, #header-outer.light-text header#top nav .sf-menu >li.current_page_item >a, #header-outer.light-text header#top nav >ul >li >a:hover >.sf-sub-indicator >i, #header-outer.light-text header#top nav >ul >li.sfHover >a >span >i, #header-outer.light-text header#top nav ul #search-btn a:hover span, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.light-text header#top nav .sf-menu >li.current-menu-item >a i, #header-outer.light-text header#top nav .sf-menu >li.current-menu-ancestor >a i, #header-outer.light-text .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.light-text .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer.dark-text header#top nav >ul >li >a:hover, #header-outer.dark-text header#top nav .sf-menu >li.sfHover >a, #header-outer.dark-text header#top nav .sf-menu >li.current_page_ancestor >a, #header-outer.dark-text header#top nav .sf-menu >li.current-menu-item >a, #header-outer.dark-text header#top nav .sf-menu >li.current-menu-ancestor >a, #header-outer.dark-text header#top nav .sf-menu >li.current_page_item >a, #header-outer.dark-text header#top nav >ul >li >a:hover >.sf-sub-indicator >i, #header-outer.dark-text header#top nav >ul >li.sfHover >a >span >i, #header-outer.dark-text header#top nav ul #search-btn a:hover span, #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.dark-text header#top nav .sf-menu >li.current-menu-item >a i, #header-outer.dark-text header#top nav .sf-menu >li.current-menu-ancestor >a i, #header-outer.dark-text .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart { opacity: 1 !important } #header-outer.light-text.side-widget-open header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a:hover i.lines-button:after, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:before, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:after, #header-outer.dark-text.side-widget-open header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines, #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:before, #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:after { opacity: 1 !important } #header-outer.light-text header#top nav >ul >li >a, #header-outer.light-text header#top nav >ul >li *, body.ascend #header-outer.light-text .cart-menu, #header-outer.dark-text header#top nav >ul >li >a, #header-outer.dark-text header#top nav >ul >li *, .ascend #header-outer[data-full-width="true"].dark-text header#top nav ul #search-btn a, .ascend #header-outer[data-full-width="true"].dark-text header#top nav ul .slide-out-widget-area-toggle a, .ascend #header-outer[data-full-width="true"].light-text header#top nav ul #search-btn a, .ascend #header-outer[data-full-width="true"].light-text header#top nav ul .slide-out-widget-area-toggle a, body.ascend #header-outer.dark-text .cart-menu { border-color: rgba(0, 0, 0, 0.1) } #header-outer[data-full-width="true"][data-cart="true"] header#top nav ul .slide-out-widget-area-toggle { position: relative } #search-outer { top: 0px; left: 0px; width: 100%; height: 75px; position: absolute; z-index: 10000; overflow: visible !important; display: none; background-color: #fff } #boxed #search-outer, #boxed #header-outer, #boxed #header-secondary-outer { padding-right: 0 !important } #search-box { position: relative } #search-outer .container { overflow: visible !important } #search-outer #search input[type=text] { width: 100%; color: #888; font-size: 43px; line-height: 43px; position: relative; padding: 0px !important; background-color: transparent; border: 0px; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase; letter-spacing: 1px } #search-outer .ui-widget-content { background-color: #1F1F1F; border: none !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important; background-image: none !important } #search-outer .ui-widget-content li:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color: #272727; cursor: pointer } #search-outer .ui-widget-content li:hover a { background-image: none !important } #search-outer .ui-widget-content li:last-child a { border: none!Important } #search-outer .ui-widget-content li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1) } .ui-helper-hidden-accessible { display: none } #search-outer .ui-helper-hidden-accessible { display: none !important } #search-outer .ui-widget-content img, #search-outer .ui-widget-content i { width: 40px !important; height: auto !important; float: left; margin-right: 15px } #search-outer .ui-widget-content i { height: 40px; line-height: 40px; font-size: 22px; background-color: rgba(255, 255, 255, 0.1); border-radius: 0 !important } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em } .ui-menu { display: block; float: left; list-style: none outside none; margin: 0; padding: 2px } .ui-autocomplete { cursor: default; position: absolute } .ui-menu .ui-menu-item a { display: block; line-height: 1.5; padding: 0.2em 0.4em; text-decoration: none } #search-outer .ui-widget-content { width: 100% !important; left: 0 !important } #search-outer .ui-widget-content li { line-height: 14px; clear: left; width: 100%; display: block; float: left; margin: 0px !important } #search-outer .ui-widget-content li span.desc { position: relative; line-height: 14px; font-size: 11px } #search-outer .ui-widget-content li a { color: #CCC; line-height: 1.4em !important; transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; padding: 15px 15px } #search-outer >#search form { width: 92%; float: left } #search-outer #search #close { list-style: none } #search-outer #search #close a { position: absolute; right: 0px; top: 24px; display: block; width: 24px; height: 17px; line-height: 22px; z-index: 10 } #search-outer #search #close a span { color: #a0a0a0; font-size: 18px !important; height: 20px !important; line-height: 19px !important; background-color: transparent !important; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear } #search-outer >#search #close a:hover span { color: #27CFC3 } #header-outer #search { position: relative } #header-outer .row .col.span_3, #header-outer .row .col.span_9 { width: auto } #header-outer .row .col.span_9 { float: right } #header-outer[data-full-width="true"] header >.container, #header-secondary-outer[data-full-width="true"] >.container { width: 100%; max-width: 100%; padding: 0 28px } body .container .portfolio-filters-inline.full-width-content .container, body .container .portfolio-filters-inline.full-width-content .container:not(.tab-container):not(.recent-post-container) { width: 100%; max-width: 100%; padding: 0 31px !important } #header-secondary-outer[data-full-width="true"] >.container nav >ul >li:last-child, #header-secondary-outer[data-full-width="true"] nav >ul#social >li:first-child >a { border: none } .row .col h3, .row .col h4 { margin-bottom: 8px } .row .col img { margin-bottom: 15px; max-width: 100%; height: auto } .row .col img:not([srcset]) { width: auto; } #mobile-menu { position: relative; top: 0px; display: none; background-color: #1F1F1F; padding: 0px; z-index: 100000 } #mobile-menu .container >ul >li:first-child { padding-top: 10px } #mobile-menu .container >ul >li:last-child { padding-bottom: 10px } #mobile-menu .container >ul >li:last-child a { border-bottom: 0px } #mobile-menu ul li a { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); font-size: 12px; display: block; position: relative; padding: 16px 0 !important } #mobile-menu ul li a .sf-sub-indicator i { color: #888 !important } #mobile-menu ul li ul { display: none; margin-left: 20px } #mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="icon-"], #mobile-menu li.open >a, #mobile-menu ul li.current-menu-item >a, #mobile-menu ul li.current-menu-ancestor >a { color: #fff } body #mobile-menu li.open >a [class^="icon-"] { color: #27CFC3 } #mobile-menu #mobile-search { margin: 10px 0px 0px 0px } #mobile-menu input[type=text] { margin-top: 15px; margin-bottom: 15px; background-color: #171717; color: rgba(255, 255, 255, 0.7); padding: 15px 15px 15px 40px !important; border: 0px !important; border-bottom: 1px solid #2e2e2e !important; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset; -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset; background-image: url(img/icons/mag-glass-mobile.png); background-repeat: no-repeat; background-position: 15px center } @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { #mobile-menu input[type=text] { background-size: 14px 14px; background-image: url(img/icons/mag-glass-mobile@2x.png) !important } } #header-outer.highzI { z-index: 9999 } /*hhun*/ body[data-hhun="1"] #header-outer:not(.parallax-contained) { position: absolute } @media only screen and (min-width:1000px) { body[data-hhun="1"]:not(.no-scroll) #header-outer[data-permanent-transparent="false"]:not(.detached):not(.parallax-contained):not(.at-top-before-box), body[data-hhun="1"]:not(.no-scroll) #header-outer[data-permanent-transparent="false"][data-using-secondary="1"].detached:not(.parallax-contained):not(.at-top-before-box) { top: 0 !important } body[data-hhun="1"].admin-bar:not(.no-scroll) #header-outer[data-permanent-transparent="false"][data-using-secondary="1"].detached:not(.parallax-contained):not(.at-top-before-box) { top: 32px !important } body[data-hhun="1"]:not(.no-scroll) #header-outer[data-permanent-transparent="false"][data-using-secondary="1"]:not(.detached):not(.parallax-contained):not(.at-top-before-box) { top: 33px !important } } body[data-hhun="1"] #header-secondary-outer { position: absolute; top: 0 } body[data-hhun="1"] #header-outer.detached:not(.side-widget-open) { -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; border-color: rgba(255, 255, 255, 0) } /* when hidden it goes up */ body[data-hhun="1"] #header-outer.invisible:not(.side-widget-open) { -webkit-transform: translateY(-100%) !important; -moz-transform: translateY(-100%) !important; -o-transform: translateY(-100%) !important; transform: translateY(-100%) !important; -webkit-transition: -webkit-transform .2s !important; -moz-transition: -moz-transform .2s !important; -o-transition: -o-transform .2s !important; transition: transform .2s !important; z-index: 9998 !important; pointer-events: none !important } /* when shown &detached position is fixed */ body[data-hhun="1"] #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"][data-permanent-transparent="1"].detached, body[data-hhun="1"] #header-outer.detached { position: fixed !important; z-index: 9998 !important; -webkit-transition: -webkit-transform .3s, height .3s, background .3s, opacity .3s, border-color 0.3s; -moz-transition: -moz-transform .3s, height .3s, background .3s, opacity .3s, border-color 0.3s; -o-transition: -o-transform .3s, height .3s, background .3s, opacity .3s, border-color 0.3s; transition: transform .3s, height .3s, background .3s, opacity .3s, border-color 0.3s } body[data-hhun="1"] #header-outer.transparent.at-top { transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease } /***************** Slide Out Widget Are ******************/ #slide-out-widget-area.slide-out-from-right { position: fixed; transform: translate(301px, 0px); -webkit-transform: translate(301px, 0px); -o-transform: translate(301px, 0px); -ms-transform: translate(301px, 0px); top: 0; right: 0; width: 300px; height: 100%; z-index: 10000; background-color: #27cfc3; padding: 33px; overflow: hidden } #slide-out-widget-area.slide-out-from-right-hover { position: fixed; transform: translate3d(341px, 0, 0); -webkit-transform: translate3d(341px, 0, 0); -o-transform: translate3d(341px, 0, 0); -ms-transform: translate3d(341px, 0, 0); top: 0; right: 0; width: 340px; height: 100%; z-index: 9995; background-color: #27cfc3; padding: 62px; padding-top: 80px; overflow: hidden; -webkit-transition: all .7s cubic-bezier(0.25, 1, .2, 1); -moz-transition: all .7s cubic-bezier(0.25, 1, .2, 1); -ms-transition: all .7s cubic-bezier(0.25, 1, .2, 1); transition: all .7s cubic-bezier(0.25, 1, .2, 1) } /* text fade in */ #slide-out-widget-area.slide-out-from-right-hover .inner { opacity: 0; margin-bottom: 30px; transform: translateX(50px); -webkit-transition: -webkit-transform .45s cubic-bezier(.2, .75, .3, 1) 0.22s, opacity .45s cubic-bezier(.2, .75, .3, 1) 0.22s; -moz-transition: transform .45s cubic-bezier(.2, .75, .3, 1) 0.22s, opacity .45s cubic-bezier(.2, .75, .3, 1) 0.22s; -ms-transition: transform .45s cubic-bezier(.2, .75, .3, 1) 0.22s, opacity .45s cubic-bezier(.2, .75, .3, 1) 0.22s; transition: transform .45s cubic-bezier(.2, .75, .3, 1) 0.22s, opacity .45s cubic-bezier(.2, .75, .3, 1) 0.22s } #slide-out-widget-area.slide-out-from-right-hover.open .inner { opacity: 1; transform: translateX(0px) } #slide-out-widget-area.slide-out-from-right-hover .bottom-meta-wrap { opacity: 0; transform: translateX(50px); -webkit-transition: -webkit-transform .45s cubic-bezier(.2, .75, .3, 1) 0.35s, opacity .45s cubic-bezier(.2, .75, .3, 1) 0.35s; -moz-transition: transform .45s cubic-bezier(.2, .75, .3, 1) 0.35s, opacity .45s cubic-bezier(.2, .75, .3, 1) 0.35s; -ms-transition: transform .45s cubic-bezier(.2, .75, .3, 1) 0.35s, opacity .45s cubic-bezier(.2, .75, .3, 1) 0.35s; transition: transform .45s cubic-bezier(.2, .75, .3, 1) 0.35s, opacity .45s cubic-bezier(.2, .75, .3, 1) 0.35s; margin-top: 50px } #slide-out-widget-area.slide-out-from-right-hover.open .bottom-meta-wrap { opacity: 1; transform: translateX(0px) } #slide-out-widget-area.slide-out-from-right-hover .inner { position: relative } #slide-out-widget-area.slide-out-from-right-hover .bottom-text { margin-top: 30px } #slide-out-widget-area.slide-out-from-right-hover .off-canvas-menu-container { position: absolute; top: 50%; width: 100% } #slide-out-widget-area.slide-out-from-right-hover .off-canvas-social-links { margin-top: 30px } .admin-bar .slide-out-hover-icon-effect { top: 32px } .slide-out-hover-icon-effect .lines { background-color: transparent } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { top: 0px; -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform-origin: left; transform-origin: left; -webkit-transform-origin: left; border-radius: 2px; background-color: #fff; opacity: 1; transition: transform .4s cubic-bezier(.2, .01, .16, 1) 0.07s, opacity .4s cubic-bezier(.2, .01, .16, 1) 0.07s !important; -webkit-transition: -webkit-transform .4s cubic-bezier(.2, .01, .16, 1) 0.07s, opacity .4s cubic-bezier(.2, .01, .16, 1) 0.07s !important } .slide-out-hover-icon-effect.slide-out-widget-area-toggle:not(.small) .lines-button:after { top: 0px } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines { width: 2em } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before { -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform-origin: left; transform-origin: left; -webkit-transform-origin: left; border-radius: 2px; transition: transform .4s cubic-bezier(.2, .01, .16, 1) 0.12s, opacity .4s cubic-bezier(.2, .01, .16, 1) 0.12s !important; -webkit-transition: -webkit-transform .4s cubic-bezier(.2, .01, .16, 1) 0.12s, opacity .4s cubic-bezier(.2, .01, .16, 1) 0.12s !important } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:after { -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform-origin: left; transform-origin: left; -webkit-transform-origin: left; border-radius: 2px; transition: transform .4s cubic-bezier(.2, .01, .16, 1) 0.02s, opacity .4s cubic-bezier(.2, .01, .16, 1) 0.02s !important; -webkit-transition: -webkit-transform .4s cubic-bezier(.2, .01, .16, 1) 0.02s, opacity .4s cubic-bezier(.2, .01, .16, 1) 0.02s !important } body[data-is="minimal"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines:after, body[data-is="minimal"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines:before, body[data-is="minimal"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines-button:after { height: 2px !important } /*non minimal style*/ @media only screen and (min-width:1000px) { body[data-is="inherit"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after, body[data-is="inherit"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before, body[data-is="inherit"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:after, body[data-is="inherit"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after, body[data-is="minimal"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines-button:after, body[data-is="minimal"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines:before, body[data-is="minimal"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.small) .lines:after { height: 3px !important } body[data-is="inherit"][data-slide-out-widget-area-style="slide-out-from-right-hover"][data-has-menu="false"][data-header-search="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { top: 13px } body[data-is="inherit"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle:not(.small) .lines:before { top: 9px } body[data-is="inherit"] .slide-out-hover-icon-effect:not(.small) .lines:after { top: -9px } } body[data-is="inherit"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { top: 0px } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .no-delay.lines-button:after { transition: transform .4s cubic-bezier(.2, .01, .16, 1) 0.05s !important; -webkit-transition: -webkit-transform .4s cubic-bezier(.2, .01, .16, 1) 0.05s !important } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .no-delay .lines:before { transition: transform .4s cubic-bezier(.2, .01, .16, 1) !important; -webkit-transition: -webkit-transform .4s cubic-bezier(.2, .01, .16, 1) !important } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .no-delay .lines:after { transition: transform .4s cubic-bezier(.2, .01, .16, 1) 0.1s !important; -webkit-transition: -webkit-transform .4s cubic-bezier(.2, .01, .16, 1) 0.1s !important } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:after, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { width: 2rem; background-color: #fff } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line .lines:before, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line .lines:after, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line.lines-button:after { -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform: scale(1, 1); background-color: #fff } .slide-out-hover-icon-effect .lines:after { top: -8px } .slide-out-hover-icon-effect:not(.small) .lines:after { top: -9px } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before { top: 8px } .slide-out-hover-icon-effect.slide-out-widget-area-toggle:not(.small) .lines:before { top: 9px } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines:before, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines:after, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines-button:after { width: 1.4rem } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .unhidden-line .lines:before, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .unhidden-line .lines:after, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .unhidden-line.lines-button:after { width: 1.4rem; height: 2px; -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform: scale(1, 1) } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines { width: 1.4rem } .slide-out-hover-icon-effect.small .lines:after { top: -6px } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].small .lines:before { top: 6px } body[data-is="inherit"] .slide-out-hover-icon-effect.small { top: 0px; right: 27px } .admin-bar .slide-out-hover-icon-effect.small { top: 32px } body[data-is="inherit"].admin-bar .slide-out-hover-icon-effect.small { top: 32px } @media only screen and (max-width:1000px) { .slide-out-hover-icon-effect a { width: auto } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:after, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { width: 1.4rem } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line .lines:before, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line .lines:after, .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .unhidden-line.lines-button:after { width: 1.4rem; height: 2px; -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform: scale(1, 1) } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { top: 0px } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines { width: 1.4rem } .slide-out-hover-icon-effect .lines:after, .slide-out-hover-icon-effect.small .lines:after, .slide-out-hover-icon-effect:not(.small) .lines:after { top: -6px } .slide-out-hover-icon-effect.slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before { top: 6px } .admin-bar .slide-out-hover-icon-effect { top: 32px } .slide-out-hover-icon-effect { top: 0px; right: 28px } body[data-is="inherit"] .lines, body[data-is="inherit"] .lines:before, body[data-is="inherit"] .lines:after { height: 2px } } .slide-out-hover-icon-effect { position: fixed; right: 30px; top: 0px; z-index: 10000; pointer-events: none } .slide-out-hover-icon-effect.small { right: 27px } .slide-out-hover-icon-effect a { display: block; pointer-events: none } #slide-out-widget-area.fullscreen, #slide-out-widget-area.fullscreen-alt { position: fixed; width: 100%; height: 100%; right: auto; left: 0; top: 0; z-index: 9997; background-color: transparent !important; text-align: center; display: none; overflow-y: scroll; overflow-x: hidden; padding-right: 20px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box } #slide-out-widget-area.fullscreen .inner, #slide-out-widget-area.fullscreen-alt .inner { width: 100%; position: relative; top: 50%; left: 0; height: auto } #slide-out-widget-area.fullscreen .inner.overflow-state, #slide-out-widget-area.fullscreen-alt .inner.overflow-state { top: 0; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; margin: 50px 0 120px 0 } #slide-out-widget-area.fullscreen .inner-wrap, #slide-out-widget-area.fullscreen-alt .inner-wrap { height: 100%; margin-right: -20px } .using-mobile-browser #slide-out-widget-area.fullscreen .inner-wrap, .using-mobile-browser #slide-out-widget-area.fullscreen-alt .inner-wrap { margin-right: 0 } .using-mobile-browser #slide-out-widget-area.fullscreen-alt { overflow: auto; padding-top: 0 !important } .using-mobile-browser #slide-out-widget-area.fullscreen-alt .inner-wrap { overflow-y: scroll } #slide-out-widget-area.fullscreen .inner .widget, #slide-out-widget-area.fullscreen-alt .inner .widget { opacity: 0; transform: translateY(110px); -webkit-transform: translateY(110px); -moz-transform: translateY(110px) } #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container { transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; opacity: 1 !important; margin: 0 } #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu >li { opacity: 0; transform: translateY(110px); -webkit-transform: translateY(110px); -moz-transform: translateY(110px) } #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu >li { opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px) } #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen .menuwrapper li, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen-alt .menuwrapper li { margin: 0 0 8px 0 !important } #slide-out-widget-area .inner .off-canvas-menu-container li a { font-size: 36px; line-height: 36px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: -1px } #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a { font-size: 26px; line-height: 30px } #slide-out-widget-area.fullscreen .inner .widget.widget_nav_menu li a, #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, #slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a { font-size: 60px; line-height: 60px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: -1px } #slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a, body #slide-out-widget-area.slide-out-from-right-hover .inner .widget.widget_nav_menu li a, body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a { display: inline-block; position: relative; color: rgba(255, 255, 255, 0.7); opacity: 1; padding-left: 0; padding-right: 0 } body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a { word-break: break-word } #slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li.no-pointer-events, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.no-pointer-events, #slide-out-widget-area.slide-out-from-right-hover .inner .widget.widget_nav_menu li.no-pointer-events, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.no-pointer-events { pointer-events: none } #slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a .clip-wrap, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a .clip-wrap, #slide-out-widget-area.slide-out-from-right-hover .inner .widget.widget_nav_menu li a .clip-wrap, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a .clip-wrap { left: 0; position: absolute; top: 0; color: #FFF; display: block; zoom: 1; -webkit-transition: width .45s cubic-bezier(0.2, .7, .3, 1), -webkit-transform .45s cubic-bezier(0.2, .7, .3, 1); transition: width .45s cubic-bezier(0.2, .7, .3, 1), transform .45s cubic-bezier(0.2, .7, .3, 1); width: 0%; padding: 6px 0px; opacity: 1; overflow: hidden; pointer-events: none; backface-visibility: hidden } #slide-out-widget-area.slide-out-from-right-hover.no-text-effect .inner .off-canvas-menu-container li { margin: 5px 0; } #slide-out-widget-area.slide-out-from-right-hover.no-text-effect .inner .off-canvas-menu-container li a { -webkit-transition: color .2s; transition: color .2s; } #slide-out-widget-area.slide-out-from-right-hover.no-text-effect .inner .off-canvas-menu-container li a .clip-wrap { display: none; } #slide-out-widget-area.slide-out-from-right-hover.no-text-effect .inner .off-canvas-menu-container li a:hover { color: #fff; } #slide-out-widget-area.slide-out-from-right-hover .inner .widget.widget_nav_menu li a .clip-wrap, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a .clip-wrap { padding: 0; -webkit-transition: width .42s cubic-bezier(.52, .01, .16, 1); transition: width .42s cubic-bezier(.52, .01, .16, 1) } #slide-out-widget-area.slide-out-from-right-hover .inner .widget.widget_nav_menu li a:hover .clip-wrap, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover .clip-wrap { width: 101% } #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a .clip-wrap span, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a .clip-wrap span { transition: transform .45s cubic-bezier(0.2, .7, .3, 1); display: block; position: relative; word-break: normal; backface-visibility: hidden } #slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, #slide-out-widget-area .menuwrapper li small { opacity: 0.7; transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease } #slide-out-widget-area.fullscreen .inner li a:hover, #slide-out-widget-area .off-canvas-social-links li a:hover, #slide-out-widget-area .off-canvas-social-links li a:hover, #slide-out-widget-area .inner li.current_page_ancestor >a, #slide-out-widget-area .inner li.current-menu-item >a, #slide-out-widget-area .inner li.current-menu-ancestor >a, #slide-out-widget-area .inner li.current_page_item >a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover, #slide-out-widget-area .inner .off-canvas-menu-container .menuwrapper li >a.hovered { opacity: 1 } #slide-out-widget-area.fullscreen .inner .widget, #slide-out-widget-area.fullscreen-alt .inner .widget { max-width: 1425px; width: 100%; margin: 0 auto 60px auto; padding: 0 90px } @media only screen and (min-width:690px) { #slide-out-widget-area.fullscreen .recent_projects_widget div a #slide-out-widget-area.fullscreen-alt .recent_projects_widget div a { width: 10.5% !important } #slide-out-widget-area.fullscreen .recent_projects_widget div a:nth-child(3n+3), #slide-out-widget-area.fullscreen-alt .recent_projects_widget div a:nth-child(3n+3) { margin: 2% 2% 0 0 !important } #slide-out-widget-area.fullscreen .recent_projects_widget div a:nth-child(8n+8), #slide-out-widget-area.fullscreen-alt .recent_projects_widget div a:nth-child(8n+8) { margin-right: 0 !important } } #slide-out-widget-area.fullscreen .widget_recent_comments ul li, #slide-out-widget-area.fullscreen-alt .widget_recent_comments ul li { background: transparent; margin-bottom: 0px; padding: 0px !important } #slide-out-widget-area.fullscreen .tagcloud a, #slide-out-widget-area.fullscreen-alt .tagcloud a { float: none; display: inline-block } #slide-out-widget-area.fullscreen .widget_calendar table tbody td, #slide-out-widget-area.fullscreen-alt .widget_calendar table tbody td { padding: 20px } #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links, .admin-bar #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links, #boxed #slide-out-widget-area.fullscreen-alt .off-canvas-social-links, .admin-bar #boxed #slide-out-widget-area.fullscreen-alt .off-canvas-social-links { position: relative; bottom: 0 !important; right: 0; margin-top: 70px } #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links:after, #boxed #slide-out-widget-area.fullscreen-alt .off-canvas-social-links:after { display: block; height: 1px; width: 0px; background-color: rgba(255, 255, 255, 0.6); content: ' '; margin: 0 auto; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) } #boxed #slide-out-widget-area .mobile-only { display: block } #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links.line-shown:after, #boxed #slide-out-widget-area.fullscreen-alt .off-canvas-social-links.line-shown:after { width: 100px } #boxed #slide-out-widget-area.fullscreen .bottom-text, .admin-bar #boxed #slide-out-widget-area.fullscreen .bottom-text, #boxed #slide-out-widget-area.fullscreen-alt .bottom-text, .admin-bar #boxed #slide-out-widget-area.fullscreen-alt .bottom-text { position: relative; bottom: 0 !important; left: 0; margin-bottom: 30px; margin-top: 15px } .admin-bar #slide-out-widget-area { padding-top: 33px } .admin-bar #slide-out-widget-area.slide-out-from-right { padding-top: 53px } .admin-bar #slide-out-widget-area.slide-out-from-right-hover { padding-top: 100px } #slide-out-widget-area.mobile { overflow-y: scroll; overflow-x: hidden } #slide-out-widget-area-bg { -webkit-backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.8); position: fixed; height: 1px; width: 1px; opacity: 0; left: 0; top: 0; z-index: 9996 } #slide-out-widget-area-bg.fullscreen-alt { padding: 20px; background-color: transparent; transform: none !important; -webkit-transform: none !important; will-change: opacity, padding } body[data-slide-out-widget-area-style="fullscreen-alt"] #header-outer { border-bottom-color: transparent } body #slide-out-widget-area-bg.fullscreen-alt { transition: padding 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s ease !important; -webkit-transition: padding 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s ease !important } body #slide-out-widget-area-bg.fullscreen-alt.open { transition: padding 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s ease !important; -webkit-transition: padding 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s ease !important } html body #slide-out-widget-area-bg.fullscreen-alt.solid, html body #slide-out-widget-area-bg.fullscreen-alt.dark, html body #slide-out-widget-area-bg.fullscreen-alt.medium, html body #slide-out-widget-area-bg.fullscreen-alt.light { opacity: 0 } #slide-out-widget-area-bg.fullscreen-alt.padding-removed { padding: 0 !important } .admin-bar #slide-out-widget-area-bg.fullscreen-alt.padding-removed { padding-top: 32px !important } .admin-bar #slide-out-widget-area-bg.fullscreen-alt { padding-top: 52px } #slide-out-widget-area-bg .bg-inner { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8) } #boxed #slide-out-widget-area-bg.fullscreen, #boxed #slide-out-widget-area-bg.fullscreen-alt { left: auto; will-change: transform, opacity } #slide-out-widget-area-bg.fullscreen, #slide-out-widget-area-bg.fullscreen-alt { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); opacity: 1; display: none } #slide-out-widget-area-bg.fullscreen-alt { display: block; left: -100% } #slide-out-widget-area-bg.fullscreen.solid, #slide-out-widget-area-bg.fullscreen-alt.solid { opacity: 1 } #slide-out-widget-area-bg.fullscreen.dark, #slide-out-widget-area-bg.fullscreen-alt.dark { opacity: 0.93 } #slide-out-widget-area-bg.fullscreen.medium, #slide-out-widget-area-bg.fullscreen-alt.medium { opacity: 0.6 } #slide-out-widget-area-bg.fullscreen.light, #slide-out-widget-area-bg.fullscreen-alt.light { opacity: 0.4 } #slide-out-widget-area.fullscreen .off-canvas-social-links, #slide-out-widget-area.fullscreen-alt .off-canvas-social-links { position: fixed; bottom: 18px; right: 18px } #slide-out-widget-area.fullscreen .bottom-text, #slide-out-widget-area.fullscreen-alt .bottom-text { position: fixed; bottom: 28px; left: 28px; opacity: 0; padding-bottom: 0 } #slide-out-widget-area.fullscreen-alt .bottom-text { color: #fff !important } @media only screen and (min-width:1000px) { #slide-out-widget-area.fullscreen .bottom-text[data-has-desktop-social="false"], #slide-out-widget-area.fullscreen-alt .bottom-text[data-has-desktop-social="false"] { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%) } } #slide-out-widget-area .bottom-text { padding-bottom: 0; font-size: 12px } #slide-out-widget-area:not(.fullscreen) .off-canvas-social-links li { display: inline-block; padding: 0 6px 6px 0 } #slide-out-widget-area.fullscreen .off-canvas-social-links li { display: inline-block; margin: 0 8px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0) } #slide-out-widget-area.fullscreen-alt .off-canvas-social-links li { display: inline-block; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0) } #slide-out-widget-area .off-canvas-social-links li i { background-color: transparent !important; font-size: 18px; line-height: 22px } .blurred-wrap { transition: filter 0.45s linear; -webkit-transition: -webkit-filter 0.45s linear; -moz-transition: filter 0.45s cubic-bezier(.32, 0, 1, 1) } .blurred-wrap.blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px) } .msie .blurred-wrap.blurred { -ms-filter: none; filter: none } #slide-out-widget-area .widget h4 { margin-bottom: 8px } #slide-out-widget-area .inner >div { margin-bottom: 25px } #slide-out-widget-area.fullscreen .inner >div, #slide-out-widget-area.fullscreen-alt .inner >div { margin: 13px 0px } #slide-out-widget-area .inner >div:first-of-type { margin-top: -7px } #slide-out-widget-area .inner { width: 100%; height: 100% } #slide-out-widget-area a, #slide-out-widget-area, #slide-out-widget-area h4, #slide-out-widget-area h3 { color: #fff } body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close { position: absolute; right: 22px; top: 22px } body[data-full-width-header="false"].admin-bar #slide-out-widget-area a.slide_out_area_close { top: 47px } body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close { display: block; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; font-family: 'Open Sans'; font-weight: 400 } body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close { backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 34px !important; height: 34px !important; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; color: #ddd!Important; font-size: 18px !important; max-width: none !important; line-height: 32px !important } body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close:hover .icon-default-style[class^="icon-"] { transform: rotate(90deg); -webkit-transform: rotate(90deg) } body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close:hover { border-color: rgba(255, 255, 255, 0.7) } body #slide-out-widget-area a.slide_out_area_close .icon-default-style[class^="icon-"] { -webkit-backface-visibility: hidden; color: #fff !important; font-size: 18px !important; height: 34px !important; left: -2px; line-height: 32px !important; max-width: none !important; transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; -moz-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; width: 34px !important } body[data-full-width-header="true"] .slide_out_area_close { display: none } body #slide-out-widget-area.fullscreen .slide_out_area_close, body #slide-out-widget-area.fullscreen-alt .slide_out_area_close { display: none !important } #boxed #slide-out-widget-area:not(.slide-out-from-right-hover) .slide_out_area_close { display: block !important } #boxed .slide_out_area_close { position: absolute; right: 20px; z-index: 100 } header#top nav ul .slide-out-widget-area-toggle a i.lines, header#top nav ul .slide-out-widget-area-toggle a i.lines:before, header#top nav ul .slide-out-widget-area-toggle a i.lines:after { background-color: rgba(0, 0, 0, 0.4) } .lines-button { transition: .3s; cursor: pointer; line-height: 0px !important; top: 9px; position: relative; font-size: 0px !important; user-select: none; display: block } .lines-button:hover { opacity: 1 } /* .lines-button:active{ transition:0} */ .lines { display: block; width: 1.4rem; height: 3px; background-color: #ecf0f1; transition: 0.3s; position: relative } .lines:before, .lines:after { display: block; width: 1.4rem; height: 3px; background: #ecf0f1; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.142rem center; transform-origin: 0.142rem center } .lines:before { top: 6px } .lines:after { top: -6px } .lines-button.close { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8) } .lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after { top: 0; width: 1.11111rem } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.arrow.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg) } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.arrow.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg) } #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a .lines-button .lines, #header-outer header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a .lines-button .lines, #header-outer.transparent.dark-slide:not(.directional-nav-effect) >header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a .lines-button i,#header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a i.lines,#header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a i.lines,#header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a i.lines,#header-outer.transparent.directional-nav-effect >header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a span.light .lines-button i,#header-outer.transparent.directional-nav-effect >header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a span.dark .lines-button i { background-color: transparent !important } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.close .lines:before { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg) } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.close .lines:after { -webkit-transform: translateY(6px) rotateZ(45deg); -moz-transform: translateY(6px) rotateZ(45deg); -ms-transform: translateY(6px) rotateZ(45deg); -o-transform: translateY(6px) rotateZ(45deg); transform: translateY(6px) rotateZ(45deg) } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { height: 2px; background-color: rgba(0, 0, 0, 0.4); display: inline-block; width: 1.4rem; height: 2px; transition: transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear; -webkit-transition: -webkit-transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear; position: absolute; left: 0; top: 0px; content: ''; transform: scale(1, 1); -webkit-transform: scale(1, 1) } /*mobile icon*/ .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines { background-color: #999 } .midnightHeader.light header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.light header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .midnightHeader.light header#top .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, .midnightHeader.light header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines, .side-widget-open.transparent .midnightHeader header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .side-widget-open.transparent .midnightHeader header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .side-widget-open.transparent .midnightHeader header#top .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, .side-widget-open.transparent .midnightHeader header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines { background-color: #fff !important } #header-outer.side-widget-open.transparent .midnightHeader.default .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { background-color: #fff !important } .midnightHeader.dark .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.dark .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .midnightHeader.dark .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, .midnightHeader.dark header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines, .midnightHeader.default .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.default .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .midnightHeader.default .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, .midnightHeader.default header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines { background-color: #000 } .midnightHeader.dark header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.dark header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .midnightHeader.default header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.default header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after { background-color: #000 !important } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines:before { top: 6px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines:before { top: 6px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines:after { top: -6px } body #header-outer .lines-button { top: 9px !important } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon a >span { height: 31px; line-height: 28px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2.close .lines:before { top: 0px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2.close .lines:after { top: 0px } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after { top: 0px !important } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button.close .lines:before { -webkit-transform: translateY(-6px) rotateZ(-45deg) !important; -moz-transform: translateY(-6px) rotateZ(-45deg) !important; -ms-transform: translateY(-6px) rotateZ(-45deg) !important; -o-transform: translateY(-6px) rotateZ(-45deg) !important; transform: translateY(-6px) rotateZ(-45deg) !important } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button.close .lines:after { -webkit-transform: translateY(6px) rotateZ(45deg) !important; -moz-transform: translateY(6px) rotateZ(45deg) !important; -ms-transform: translateY(6px) rotateZ(45deg) !important; -o-transform: translateY(6px) rotateZ(45deg) !important; transform: translateY(6px) rotateZ(45deg) !important } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.x2 .lines:before, .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.x2 .lines:after { transition: -webkit-transform 0.45s ease, background-color 0.2s linear, opacity 0.2s linear; transition: transform 0.45s ease, background-color 0.2s linear, opacity 0.2s linear } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines { background-color: transparent !important } .slide-out-widget-area-toggle.mobile-icon .lines-button:after, .slide-out-widget-area-toggle.mobile-icon .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines:after, header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines { height: 2px !important; width: 22px !important } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { height: 3px; top: 0px; width: 2rem; border-radius: 2px } body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines, body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before, body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:after { height: 3px; width: 2rem; border-radius: 2px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines:before { top: 9px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .close .lines:before { top: 10px } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.close .lines:before { -webkit-transform: translateY(-9px) rotateZ(-45deg); -moz-transform: translateY(-9px) rotateZ(-45deg); -ms-transform: translateY(-9px) rotateZ(-45deg); -o-transform: translateY(-9px) rotateZ(-45deg); transform: translateY(-9px) rotateZ(-45deg) } body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.close .lines:after { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button.close:after { transform: scale(0, 1); -webkit-transform: scale(0, 1) } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.arrow-up.close { -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg); transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg) } .lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after { -webkit-transform: none; transform: none; top: 0; width: 1.4rem } .lines-button.x.close .lines { background: transparent !important } .lines-button.x.close .lines:before, .lines-button.x.close .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 1.4rem } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } .lines-button.x2 .lines { transition: background 0.2s linear, opacity 0.2s linear } .lines-button.x2 .lines:before, .lines-button.x2 .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top 0.4s 0.45s ease, -webkit-transform 0.3s ease, background-color 0.2s linear, opacity 0.2s linear; transition: top 0.4s 0.45s ease, transform 0.3s ease, background-color 0.2s linear, opacity 0.2s linear } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] a .lines-button.x2.close .lines, #header-outer header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] a:hover .x2.close i.lines, #header-outer header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] a .x2.close i.lines, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] a span.light .lines-button.close i { transition: background 0.3s 0s ease, opacity 0.9s linear; background: transparent !important } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines:before, .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines:after { transition: top 0.5s ease, -webkit-transform 0.3s 0.4s ease, background-color 0.2s ease, opacity 0.2s linear; transition: top 0.5s ease, transform 0.3s 0.4s ease, background-color 0.2s ease, opacity 0.2s linear; top: 0; width: 1.4rem } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } .slide-out-widget-area-toggle a >span { transition: -webkit-transform 0.33s 0.3s ease-in; transition: transform 0.33s 0.3s ease-in; -webkit-transform-origin: center; transform-origin: center; display: block; height: 21px } .slide-out-widget-area-toggle.mobile-icon a >span { height: 20px } #header-outer.transparent.directional-nav-effect >header#top nav >ul.buttons .slide-out-widget-area-toggle a >span >span >span { height: 21px } #header-outer .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .open >span { -webkit-transform: rotate3d(0, 0, 1, -180deg); transform: rotate3d(0, 0, 1, -180deg) } #boxed #header-outer[data-full-width="true"] .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .open >span, body[data-slide-out-widget-area-style="slide-out-from-right"] #header-outer:not([data-full-width="true"]) .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"] .open >span { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } .slide-out-widget-area-toggle .closed >span { transition: -webkit-transform 0.33s 0s ease; transition: transform 0.33s 0s ease } #slide-out-widget-area .menuwrapper { position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: center; perspective-origin: center; margin-right: 0 !important; display: block } #slide-out-widget-area .menuwrapper:first-child { margin-right: 100px } #slide-out-widget-area .menuwrapper button { background: #ccc; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none } #slide-out-widget-area .menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff } #slide-out-widget-area .menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } #slide-out-widget-area .menuwrapper li { position: relative } #slide-out-widget-area.fullscreen .menuwrapper li a, #slide-out-widget-area.fullscreen-alt .menuwrapper li a { display: block; position: relative; padding: 6px 20px; color: #fff; outline: none } #slide-out-widget-area.fullscreen-alt .menuwrapper li a { overflow: hidden } #slide-out-widget-area .menuwrapper li small { display: inline-block; text-transform: uppercase; font-size: 15px; font-family: 'Open Sans'; font-weight: 600; letter-spacing: 2px; position: relative; top: -4px; opacity: 0.6 } #slide-out-widget-area:not(.fullscreen):not(.fullscreen-alt) .menuwrapper li small { font-size: 10px; display: block; font-family: 'Open Sans'; font-weight: 700 } #slide-out-widget-area.fullscreen-alt .menuwrapper li small { display: block } #slide-out-widget-area .no-touch .menuwrapper li a:hover { background: rgba(255, 248, 213, 0.1) } #slide-out-widget-area .menuwrapper li.back >a { background: rgba(0, 0, 0, 0.13) } #slide-out-widget-area:not(.fullscreen) .menuwrapper li.back >a { padding-left: 10px; padding-right: 10px; margin-left: -10px } #slide-out-widget-area.fullscreen-alt .menuwrapper li.back >a { padding: 6px 0; transform: scale(0.7); -webkit-transform: scale(0.7); background-color: transparent !important } #slide-out-widget-area .menuwrapper li.back, #slide-out-widget-area .menu.subview li.subviewopen >.sub-menu >li.back { display: inline-block; margin-bottom: 20px !important } #slide-out-widget-area .menuwrapper .menu { margin: 0; position: relative; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden } #slide-out-widget-area .menuwrapper .menu.menu-toggle { transition: all 0.25s ease } #slide-out-widget-area .menuwrapper .menu.menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px) } /* Hide the inner submenus */ #slide-out-widget-area .menuwrapper li .sub-menu { display: none; margin: 0 !important; padding: 0 !important } #slide-out-widget-area .menu.subview li, #slide-out-widget-area .menu.subview li.subviewopen >a, #slide-out-widget-area .menu.subview li.subview >a, #slide-out-widget-area .menu.subview li.subviewopen >small, #slide-out-widget-area .menu.subview li.subview >small, #slide-out-widget-area .mobile-only, body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.subviewopen >a { display: none } #slide-out-widget-area .menu.subview li.subview, #slide-out-widget-area .menu.subview li.subview .sub-menu, #slide-out-widget-area .menu.subview li.subviewopen, #slide-out-widget-area .menu.subview li.subviewopen >.sub-menu, #slide-out-widget-area .menu.subview li.subviewopen >.sub-menu >li { display: block } /* Dynamically added submenu outside of the menu context */ #slide-out-widget-area .menuwrapper >.sub-menu { position: absolute; width: 100%; top: 0; left: 0; margin: 0 !important; padding: 0 !important } .menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease-in-out; animation: MenuAnimOut5 0.4s ease-in-out } .menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease-in-out; animation: MenuAnimIn5 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease-in-out; animation: SubMenuAnimIn5 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease-in-out; animation: SubMenuAnimOut5 0.4s ease-in-out } @-webkit-keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: rotateY(-25deg) translateX(-300px); opacity: 0 } } @keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: rotateY(-25deg) translateX(-300px); transform: rotateY(-25deg) translateX(-300px); opacity: 0 } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: rotateY(-25deg) translateX(-300px); opacity: 0 } 100% { -webkit-transform: rotateY(0deg) translateX(0px); opacity: 1 } } @keyframes MenuAnimIn5 { 0% { -webkit-transform: rotateY(-25deg) translateX(-300px); transform: rotateY(-25deg) translateX(-300px); opacity: 0 } 100% { -webkit-transform: rotateY(0deg) translateX(0px); transform: rotateY(0deg) translateX(0px); opacity: 1 } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: rotateY(25deg) translateX(300px); opacity: 0 } 100% { -webkit-transform: rotateY(0deg) translateX(0px); opacity: 1 } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform: rotateY(25deg) translateX(300px); transform: rotateY(25deg) translateX(300px); opacity: 0 } 100% { -webkit-transform: rotateY(0deg) translateX(0px); transform: rotateY(0deg) translateX(0px); opacity: 1 } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: rotateY(0deg) translateX(0px); opacity: 1 } 100% { -webkit-transform: rotateY(25deg) translateX(300px); opacity: 0 } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform: rotateY(0deg) translateX(0px); transform: rotateY(0deg) translateX(0px); opacity: 1 } 100% { -webkit-transform: rotateY(25deg) translateX(300px); transform: rotateY(25deg) translateX(300px); opacity: 0 } } .menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease-in-out; animation: MenuAnimOut4 0.4s ease-in-out } .menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease-in-out; animation: MenuAnimIn4 0.4s ease-in-out } .menuwrapper >.sub-menu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease } .menuwrapper >.sub-menu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease } @-webkit-keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: scale(1.2); opacity: 0 } } @keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: scale(1.2); opacity: 0 } 100% { -webkit-transform: scale(1); opacity: 1 } } @keyframes MenuAnimIn4 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: scale(0.8); opacity: 0 } 100% { -webkit-transform: scale(1); opacity: 1 } } @keyframes SubMenuAnimIn4 { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(0.8); opacity: 0 } } @keyframes SubMenuAnimOut4 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0 } } /*-------------------------------------------------------------------------*/ /*8. Sidebar Styles /*-------------------------------------------------------------------------*/ #sidebar div ul { margin-left: 0px } #sidebar div ul li { padding: 8px 0px; list-style: none; border-bottom: 1px solid #e6e6e6 } #sidebar >div { margin-bottom: 50px } #sidebar >div:last-child { margin-bottom: 0px } #sidebar #sidebar-inner { margin-bottom: 0px !important } #sidebar .widget_recent_entries span, .recent_posts_extra_widget span { display: block; line-height: 13px; font-size: 11px; margin-bottom: 6px } #sidebar .widget_recent_entries span { color: #999 } #sidebar h4 { margin-bottom: 10px; color: #999; font-weight: 700; font-size: 12px; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase } #sidebar .widget_recent_comments h4, #sidebar .Simple_Flickr_Photos h4 { margin-bottom: 16px } #sidebar .widget li.recentcomments { padding: 15px !important; margin-bottom: 22px; border: none; position: relative; display: block; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02) } #sidebar .widget li:first-child { padding-top: 0px } #sidebar .widget .tagcloud a, .post-tags a { background-color: #333; color: #FFF !important; cursor: pointer; display: inline-block; float: left; line-height: 22px; margin: 3px 3px 0px 0px; font-size: 8pt !important; padding: 5px 7px; position: relative; text-transform: capitalize; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px } #sidebar .widget_tag_cloud:after { display: block; height: 0; clear: both; content: ""; visibility: hidden } #sidebar .widget .tagcloud a:hover, .post-tags a:hover { background-color: #27CFC3 } #sidebar .widget input[type=text], #sidebar .widget input[type=email] { padding: 10px; width: 100% } #sidebar .widget form p { padding-bottom: 15px } #sidebar .widget.widget_categories ul ul, #sidebar .widget.widget_pages ul ul, #sidebar .widget.widget_nav_menu ul ul { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 20px } #sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li { border-bottom: 0px !important; padding: 0px !important } #sidebar .widget.widget_categories li a, #sidebar .widget.widget_pages li a, #sidebar .widget.widget_nav_menu li a { padding: 8px 0px; display: block; border-bottom: 1px solid #E6E6E6 } #sidebar .widget.widget_categories >ul >li:first-child >a, #sidebar .widget.widget_pages >ul >li:first-child >a, #sidebar .widget.widget_nav_menu >ul >li:first-child >a { padding-top: 0px } #sidebar.left-sidebar { float: left } #post-area.col_last { float: right } body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar #post-area, body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .comment-list >li, body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1, body[data-ext-responsive="true"].single-post .heading-title[data-header-style="default_minimal"] .entry-title { max-width: 1000px; margin: 0 auto !important } .recent_projects_widget img, #sidebar #flickr img, #footer-outer #flickr img { margin-bottom: 0px !important; display: block; padding: 5px; background-color: #fff; margin-top: 0px; margin-left: 0px; border: 1px solid #e5e5e5; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear } .recent_projects_widget a:hover img, #sidebar #flickr a:hover img, #footer-outer #flickr a:hover img { border-color: #27CFC3 } .recent_projects_widget div a, #sidebar #flickr div a, #footer-outer #flickr div a { float: left; margin: 2% 2% 0 0; width: 32% !important } .recent_projects_widget div a:nth-child(3n+3), #sidebar #flickr div:nth-child(3n+3) a, #footer-outer #flickr div:nth-child(3n+3) a { margin-right: 0px !important } #slide-out-widget-area .recent_projects_widget img { height: auto; width: 100% } .recent_posts_extra_widget ul li:first-child { padding-top: 0px !important } .recent_posts_extra_widget .post-widget-image { float: left; position: relative; z-index: 50; margin-right: 10px } .recent_posts_extra_widget .post-widget-image img { margin: 3px 0px; display: block } .recent_posts_extra_widget .clear { padding-bottom: 0px } .recent_posts_extra_widget .post-widget-text { line-height: 17px } .recent_posts_extra_widget .post-widget-text span { margin-top: 2px; margin-bottom: 4px } #sidebar select { max-width: 100% } #footer-outer #flickr:after, #sidebar #flickr:after, .recent_projects_widget >div:after { clear: both; content: ''; display: block } .widget_pages ul ul { margin-top: 20px; margin-bottom: 30px; margin-left: 20px !important } .widget_search .search-form, .newsletter-widget form { position: relative; overflow: hidden } body[data-button-style="rounded"].ascend .container-wrap .search-form input[type="submit"] { border-radius: 0px !important; -webkit-border-radius: 0px !important; -o-border-radius: 0px !important } .widget_search .search-form input[type=text], .newsletter-widget form input[type=email] { padding-right: 75px !important; border-radius: 0px 2px 2px 0px; margin: 0 !important } .widget_search .search-form input[type=submit], .newsletter-widget form input[type=submit], body[data-form-style="minimal"] .main-content .post-password-form input[type=submit] { position: absolute; right: 0px; top: 0px; margin: 0 !important; line-height: 22px; padding: 10px 11px } .container-wrap input[type="text"], .container-wrap textarea, .container-wrap input[type="email"], .container-wrap input[type="password"], .container-wrap input[type="tel"], .container-wrap input[type="url"], .container-wrap input[type="search"], .container-wrap input[type="date"] { background-color: transparent !important; border: 1px solid #ccc !important; box-shadow: none !important; -webkit-box-shadow: none !important; font-size: 16px !important; -o-box-shadow: none !important; padding: 16px !important; } .widget_search .search-form button[type=submit] { position: absolute; right: 0px; top: 0px; margin: 0 !important; line-height: 22px; padding: 10px 11px; height: 100%; border-width: 0; background: #333; color: #fff; transition: 0.3s ease; } body .widget.widget_search .search-form button[type=submit]:hover { transform: none !important; background: #299fd8 !important; } .widget_search .search-form button[type=submit] .icon-salient-search { display: none; } body .wpb_wrapper .widget_search .search-form button[type=submit]:hover { transform: none !important; background: #299fd8 !important; } #nectar-ocm-ht-line-check { position: absolute; visibility: hidden; pointer-events: none; width: 100%; font-size: 36px; line-height: 36px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: -1px; } .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p { color: #fff } .full-width-section >.col.span_12.light, .full-width-content >.col.span_12.light, .col.span_12.light .wpb_text_column >.wpb_wrapper >ul { color: #fff } .wpb_wrapper >.divider, .wpb_wrapper >.divider-border, .wpb_wrapper >.divider-small-border, .wpb_text_column >.wpb_wrapper >*:last-child, .wpb_wrapper >.divider-wrap { margin-bottom: 0px; } .wpb_alert p:last-child, #content .wpb_alert p:last-child, .wpb_text_column p:last-child, .wpb_text_column *:last-child, #content .wpb_text_column p:last-child, #content .wpb_text_column *:last-child, .wpb_toggle_content p:last-child { margin-bottom: 0; } body .wpb_text_column { margin-bottom: 0px; } .blog-recent .excerpt { padding-bottom: 27px; } .post-header, #single-below-header { margin-bottom: 12px; font-size: 11px; color: #888; } .post-header .meta a { display: inline-block; background-color: #299fd8; padding: 0 5px !important; color: #fff !important; } .single #page-header-wrap { height: auto !important; } .single #page-header-wrap #page-header-bg .span_6 { margin: 0; padding-top: 80px; padding-bottom: 35px; } .single-post #page-header-bg h1 { color: #444 !important; } .single-post #single-below-header .meta-date { color: #444 !important; } .single-post #single-below-header .meta-date.rich-snippet-hidden { display: none !important; } .single-post .inner-wrap .icbs-news { border: 2px solid #000 !important; padding: 4px 8px !important; margin: 5px 6px 15px 5px !important; color: #000 !important; } .single-post #page-header-bg h1 { color: #444 !important; } .single-post #single-below-header .meta-date { color: #444 !important; } .single-post #single-below-header .meta-date.rich-snippet-hidden { display: none !important; } .single-post .inner-wrap .icbs-news { border: 2px solid #000 !important; padding: 4px 8px !important; margin: 5px 6px 15px 5px !important; color: #000 !important; } @media only screen and (min-width:1000px) { .single .main-content .post-area.span_9 { position: relative; z-index: 10; display: block; float: left; width: 74.5%; } .single .main-content #sidebar { width: 23.5%; float: left; } .single .main-content .row:after { content: ""; clear: both; display: table; } } @media only screen and (max-width:999px) { #header-secondary-outer { top: 0px !important; } } /*-------------------------------------------------------------------------*/ /*11.General Form Styles /*-------------------------------------------------------------------------*/ input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] { padding: 10px !important; width: 100%; border: 0px; border-bottom: 1px solid #fff; font-family: 'Open Sans'; font-weight: 400; font-size: 12px; line-height: 22px; color: #555; background-color: #efefef; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear } input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus { background-color: #ebebeb } input[type=submit], button[type=submit], input[type="button"] { background-color: #333; padding: 7px 11px; border: none; color: #fff; cursor: pointer; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); width: auto; font-size: 12px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px } input[type=submit]:hover, button[type=submit]:hover, input[type="button"]:hover { background-color: #27CFC3 } body[data-form-submit="regular"] .container-wrap input[type=submit], body[data-form-submit="regular"] .container-wrap button[type=submit], body[data-form-submit="see-through"] .container-wrap input[type=submit], body[data-form-submit="see-through"] .container-wrap button[type=submit] { padding: 15px 22px !important } body[data-form-submit="regular"] input[type=submit]:hover, body[data-form-submit="regular"] button[type=submit]:hover { opacity: 0.85 } body[data-form-submit="see-through"] input[type=submit], body[data-form-submit="see-through"] button[type=submit] { background-color: transparent !important; border: 2px solid #000 } body[data-form-submit="see-through"] input[type=submit]:hover, body[data-form-submit="see-through"] button[type=submit]:hover { color: #fff !important } select { padding: 10px !important; width: 100%; border: 0px !important; border: none!Important; font-family: 'Open Sans'; font-weight: 400; font-size: 12px; line-height: 22px; color: #555; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear } textarea { max-width: 100% } label span { color: #27CFC3 } /*minimal style*/ body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] input[type=password], body[data-form-style="minimal"] input[type=tel], body[data-form-style="minimal"] input[type=url], body[data-form-style="minimal"] input[type=search], body[data-form-style="minimal"] input[type=date] { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; border: none !important; position: relative; margin: 0; font-size: 14px; padding-top: 13px !important; padding-bottom: 13px !important; padding-left: 0 !important; padding-right: 0 !important } body[data-form-style="minimal"] .container-wrap .span_12.light input[type="text"], body[data-form-style="minimal"] .container-wrap .span_12.light textarea, body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=password], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=tel], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=url], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=search], body[data-form-style="minimal"] .container-wrap .span_12.light input[type=date] { border: none !important; color: #fff } body[data-form-style="minimal"] textarea, body[data-form-style="minimal"].woocommerce #review_form #respond textarea { resize: none; min-height: 45px; height: 45px; box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; overflow-y: hidden; padding-top: 26px !important; padding-bottom: 26px !important } body[data-form-style="minimal"] .textareahiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; padding-top: 1.2rem } body[data-form-style="minimal"] .minimal-form-input label:before, body[data-form-style="minimal"] .minimal-form-input label:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; display: block; height: 3px; border-bottom: 1px solid #e0e0e0 } body[data-form-style="minimal"] .span_12.light .minimal-form-input label:before, body[data-form-style="minimal"] .span_12.light .minimal-form-input label:after { border-bottom: 1px solid rgba(255, 255, 255, 0.3) } body[data-form-style="minimal"] .span_12.light .minimal-form-input label span.text .text-inner { color: rgba(255, 255, 255, 0.6) !important } body[data-form-style="minimal"] .minimal-form-input label:after { display: block; border-bottom: 2px solid #27CFC3; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39, .71, .56, .98); transition: transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39, .71, .56, .98); bottom: 0px } body[data-form-style="minimal"] .minimal-form-input.filled label:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } body[data-form-style="minimal"] .woocommerce-invalid-required-field:not(.woocommerce-validated) .minimal-form-input label:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-color: #ff2929 !important } body[data-form-style="minimal"].woocommerce form .form-row.woocommerce-invalid-required-field:not(.woocommerce-validated) label:not([for*="_state"]) .required, body[data-form-style="minimal"].woocommerce-page form .form-row.woocommerce-invalid-required-field:not(.woocommerce-validated) label:not([for*="_state"]) .required { color: #ff2929 !important } body[data-form-style="minimal"].woocommerce form .required { -webkit-transition: color 0.2s cubic-bezier(.39, .71, .56, .98); transition: color 0.2s cubic-bezier(.39, .71, .56, .98) } body[data-form-style="minimal"] .minimal-form-input label .text-inner { -webkit-transition: all 0.25s cubic-bezier(.39, .71, .56, .98); transition: all 0.25s cubic-bezier(.39, .71, .56, .98) } body[data-form-style="minimal"] .minimal-form-input.filled label .text-inner, body[data-form-style="minimal"] .minimal-form-input.has-text label .text-inner { -webkit-animation: text-in-from-left 0.25s cubic-bezier(.39, .71, .56, .98) forwards; animation: text-in-from-left 0.25s cubic-bezier(.39, .71, .56, .98) forwards } body[data-form-style="minimal"] .minimal-form-input.no-text label .text-inner { -webkit-animation: text-out-from-left 0.25s cubic-bezier(.39, .71, .56, .98) forwards; animation: text-out-from-left 0.25s cubic-bezier(.39, .71, .56, .98) forwards } body[data-form-style="minimal"] .minimal-form-input { position: relative; padding-top: 35px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; display: inline-block; width: 100% } body[data-form-style="minimal"] .minimal-form-input.filled input, body[data-form-style="minimal"] .minimal-form-input.has-text input, body[data-form-style="minimal"] .minimal-form-input.filled textarea, body[data-form-style="minimal"] .minimal-form-input.has-text textarea { color: #000 } body[data-form-style="minimal"] .minimal-form-input label, body[data-form-style="minimal"].woocommerce table.cart td.actions .coupon label, body[data-form-style="minimal"].woocommerce-page table.cart td.actions .coupon label { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; display: inline-block; margin: 0 !important } body[data-form-style="minimal"] .minimal-form-input label span.text { position: absolute; top: 50%; left: 0; font-size: 14px; margin-top: 17px; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #acacac !important } body[data-form-style="minimal"] .minimal-form-input label span.text .text-inner { color: #acacac !important; display: inline-block } body[data-form-style="minimal"] .minimal-form-input.textarea label span.text { top: 40px; transform: none; -webkit-transform: none } body[data-form-style="minimal"] .minimal-form-input br { display: none } body[data-form-style="minimal"] .widget_search .search-form .search-submit { top: 30px } @-webkit-keyframes text-in-from-left { 50% { opacity: 0; -webkit-transform: translateX(15px) translateY(0px); font-size: 14px } 51% { opacity: 0; -webkit-transform: translateX(-10px) translateY(-26px); font-size: 12px; line-height: 12px } 100% { opacity: 1; -webkit-transform: translateX(0px) translateY(-26px); font-size: 12px; line-height: 12px } } @keyframes text-in-from-left { 50% { opacity: 0; transform: translateX(15px) translateY(0px); font-size: 14px } 51% { opacity: 0; transform: translateX(-10px) translateY(-26px); font-size: 12px; line-height: 12px } 100% { opacity: 1; transform: translateX(0px) translateY(-26px); font-size: 12px; line-height: 12px } } @-webkit-keyframes text-out-from-left { 0% { -webkit-transform: translateY(-26px) translateX(0px); font-size: 12px; line-height: 12px } 50% { opacity: 0; -webkit-transform: translateX(-10px) translateY(-26px); font-size: 12px; line-height: 12px } 51% { opacity: 0; -webkit-transform: translateX(15px) translateY(0px); font-size: 14px } 100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px) } } @keyframes text-out-from-left { 0% { transform: translateY(-27px) translateX(0px); font-size: 12px; line-height: 12px } 50% { opacity: 0; transform: translateX(-10px) translateY(-27px); font-size: 12px; line-height: 12px } 51% { opacity: 0; transform: translateX(15px) translateY(0px); font-size: 14px } 100% { opacity: 1; transform: translateX(0px) translateY(0px) } } /* hide default placeholders */ body[data-form-style="minimal"] input::-webkit-input-placeholder { color: transparent } body[data-form-style="minimal"] input::-moz-placeholder { color: transparent } body[data-form-style="minimal"] input:-moz-placeholder { /* Older versions of Firefox */ color: transparent } body[data-form-style="minimal"] input:-ms-input-placeholder { color: transparent } /*checkboxes &radios */ body[data-fancy-form-rcs="1"] [type="radio"]:not(:checked)+label,body[data-fancy-form-rcs="1"] [type="radio"]:checked+label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; height: 20px; line-height: 20px; font-size: 14px; -webkit-transition: 0.25s cubic-bezier(.39, .71, .56, .98); -moz-transition: 0.25s cubic-bezier(.39, .71, .56, .98); -o-transition: 0.25s cubic-bezier(.39, .71, .56, .98); -ms-transition: 0.25s cubic-bezier(.39, .71, .56, .98); transition: 0.25s cubic-bezier(.39, .71, .56, .98); -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; margin-right: 15px; color: #acacac !important } body[data-fancy-form-rcs="1"] [type="radio"]:checked+label { color: #000 !important } body[data-fancy-form-rcs="1"] [type="radio"]:not(:checked),body[data-fancy-form-rcs="1"] [type="radio"]:checked { position: absolute; left: -9999px; visibility: hidden } body[data-fancy-form-rcs="1"] [type="radio"]+label:before, body[data-fancy-form-rcs="1"] [type="radio"]+label:after { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; z-index: 0; -webkit-transition: 0.25s cubic-bezier(.39, .71, .56, .98); -moz-transition: 0.25s cubic-bezier(.39, .71, .56, .98); -o-transition: 0.25s cubic-bezier(.39, .71, .56, .98); -ms-transition: 0.25s cubic-bezier(.39, .71, .56, .98); transition: 0.25s cubic-bezier(.39, .71, .56, .98) } body[data-fancy-form-rcs="1"] .woocommerce-checkout-payment .payment_method_paypal [type="radio"]+label:before, body[data-fancy-form-rcs="1"] .woocommerce-checkout-payment .payment_method_paypal [type="radio"]+label:after { top: 13px } body[data-fancy-form-rcs="1"] [type="radio"]:not(:checked)+label:before { border-radius: 50%; border: 2px solid #d6d6d6 } body[data-fancy-form-rcs="1"] [type="radio"]:not(:checked)+label:after { border-radius: 50%; border: 2px solid #d6d6d6; z-index: -1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } body[data-fancy-form-rcs="1"] [type="radio"]:checked+label:before { border-radius: 50%; border: 2px solid #27CFC3 } body[data-fancy-form-rcs="1"] [type="radio"]:checked+label:after { border-radius: 50%; border: 2px solid #27CFC3; background-color: #27CFC3; z-index: 0; -webkit-transform: scale(.53); -moz-transform: scale(.53); -ms-transform: scale(.53); -o-transform: scale(.53); transform: scale(.53) } body[data-fancy-form-rcs="1"] input[type='checkbox'] { height: 0; width: 0; position: absolute; left: -9999px } body[data-fancy-form-rcs="1"] input[type='checkbox']+label { position: relative; align-items: center; color: #acacac !important; font-size: 14px; height: 20px; line-height: 20px; padding-left: 30px; margin-right: 15px; cursor: pointer; display: inline-block; transition: color 250ms cubic-bezier(.4, .0, .23, 1) } body[data-fancy-form-rcs="1"] input[type='checkbox']:checked+label { color: #000 !important } body[data-fancy-form-rcs="1"] input[type='checkbox']+label:after, body[data-fancy-form-rcs="1"] input[type='checkbox']+label:before { display: none } body[data-fancy-form-rcs="1"] input[type='checkbox']+label >span { justify-content: center; align-items: center; display: inline-block; position: absolute; left: 0; top: 0; margin-right: 12px; width: 20px; height: 20px; background: transparent; border: 2px solid #d6d6d6; cursor: pointer; transition: all 200ms cubic-bezier(.4, .0, .23, 1) } body[data-fancy-form-rcs="1"] input[type='checkbox']+label:hover, body[data-fancy-form-rcs="1"] input[type='checkbox']:focus+label { color: #fff } body[data-fancy-form-rcs="1"] input[type='checkbox']+label:hover >span, body[data-fancy-form-rcs="1"] input[type='checkbox']:focus+label >span { background: rgba(255, 255, 255, .1) } body[data-fancy-form-rcs="1"] input[type='checkbox']:checked+label >span { border: 10px solid #27CFC3; animation: shrink-bounce 200ms cubic-bezier(.4, .0, .23, 1) } body[data-fancy-form-rcs="1"] input[type='checkbox']:checked+label >span:before { content: ""; position: absolute; left: -6px; top: -2px; border-right: 3px solid transparent; border-bottom: 3px solid transparent; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 220ms cubic-bezier(.4, .0, .23, 1) forwards } @keyframes shrink-bounce { 0% { transform: scale(1) } 33% { transform: scale(.85) } 100% { transform: scale(1) } } @keyframes checkbox-check { 0% { width: 0; height: 0; border-color: #fff; transform: translate3d(0, 0, 0) rotate(45deg) } 33% { width: .2em; height: 0; transform: translate3d(0, 0, 0) rotate(45deg) } 100% { width: .2em; height: .6em; border-color: #fff; transform: translate3d(0, -.6em, 0) rotate(45deg) } } /*selects*/ body[data-fancy-form-rcs="1"] .select2-container .select2-choice { background-color: transparent; border-color: #e0e0e0; padding-top: 5px; padding-bottom: 5px; webkit-transition: background-color 0.15s cubic-bezier(.39, .71, .56, .98), color 0.15s cubic-bezier(.39, .71, .56, .98); transition: background-color 0.15s cubic-bezier(.39, .71, .56, .98), color 0.15s cubic-bezier(.39, .71, .56, .98) } body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover .select2-arrow b:after { webkit-transition: border-color 0.15s cubic-bezier(.39, .71, .56, .98); transition: border-color 0.15s cubic-bezier(.39, .71, .56, .98) } body[data-fancy-form-rcs="1"] .select2-drop { border: none; background-color: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) } body[data-fancy-form-rcs="1"] .select2-container, body[data-fancy-form-rcs="1"] .select2-drop, body[data-fancy-form-rcs="1"] .select2-search, .select2-search input { font-size: 14px } body[data-fancy-form-rcs="1"] .select2-container:not(.select2-dropdown-open) .select2-choice:hover .select2-arrow b:after { border-top-color: #fff } body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice .select2-arrow b:after { border-bottom-color: #fff } body[data-fancy-form-rcs="1"] .select2-drop.select2-drop-above .select2-search input, body[data-fancy-form-rcs="1"] .select2-drop.select2-drop-below .select2-search input, body[data-fancy-form-rcs="1"] .select2-drop .select2-search input[type="text"] { padding: 0 4px !important; margin-top: 7px !important } body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover, body[data-fancy-form-rcs="1"] .select2-container .select2-choice:hover >.select2-chosen, body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice, body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice >.select2-chosen { color: #fff !important; box-shadow: none; -webkit-box-shadow: none } body[data-fancy-form-rcs="1"].admin-bar .select2-drop.select2-drop-above.select2-drop-active { margin-top: -33px } .select2-container .select2-choice>.select2-chosen { color: #000 !important; line-height: 30px; padding-left: 3px } body[data-fancy-form-rcs="1"] .fancy-select-wrap { padding-top: 12px } body[data-fancy-form-rcs="1"] .fancy-select-wrap label { padding-bottom: 0px; font-size: 12px; display: inline-block; color: #acacac !important } .connectIcon .nectar_icon { display: inline-block; } .connectIcon .nectar_icon:before { opacity: 1 !important; } .connectIcon .nectar_icon i { color: #fff !important; } .connectIcon .nectar_icon a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .wpcf7-form-control-wrap { margin-bottom: 30px; display: block !important; } .column-bg-overlay { position: absolute; left: 0; right: 0; top: 0; height: 100%; z-index: -1; } .nectar-button.medium { border-radius: 0 !important; opacity: 0.9; } .harken-column .vc_column-inner { position: relative; } .harken-section .img-with-aniamtion-wrap img, .harken-section .img-with-aniamtion-wrap { margin: 0 !important; } .sharing-default-minimal .nectar-social .facebook-share { border-color: #6a75c8 !important; color: #6a75c8 !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .twitter-share { border-color: #6abaf7 !important; color: #6abaf7 !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .google-plus-share { border-color: #f05660 !important; color: #f05660 !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .linkedin-share { border-color: #2e82d9 !important; color: #2e82d9 !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .pinterest-share { border-color: #f00 !important; color: #f00 !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .facebook-share i { height: 15px !important; font-size: 15px !important; line-height: 19px !important; color: #6a75c8 !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .twitter-share i { height: 15px !important; font-size: 16px !important; line-height: 18px !important; color: #6abaf7 !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .google-plus-share i { height: 15px !important; font-size: 14px !important; line-height: 19px !important; color: #f05660 !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .linkedin-share i { height: 15px !important; font-size: 14px !important; color: #2e82d9 !important; line-height: 16px !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .pinterest-share i { height: 15px !important; font-size: 16px !important; color: #f00 !important; line-height: 18px !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-social .facebook-share:hover { background-color: #6a75c8 !important; color: #fff !important } .sharing-default-minimal .nectar-social .twitter-share:hover { background-color: #6abaf7 !important; color: #fff !important } .sharing-default-minimal .nectar-social .google-plus-share:hover { background-color: #f05660 !important; color: #fff !important } .sharing-default-minimal .nectar-social .linkedin-share:hover { background-color: #2e82d9 !important; color: #fff !important } .sharing-default-minimal .nectar-social .pinterest-share:hover { background-color: #f00 !important; color: #fff !important } .sharing-default-minimal .nectar-social .facebook-share:hover i { color: #fff !important } .sharing-default-minimal .nectar-social .twitter-share:hover i { color: #fff !important } .sharing-default-minimal .nectar-social .google-plus-share:hover i { color: #fff !important } .sharing-default-minimal .nectar-social .linkedin-share:hover i { color: #fff !important } .sharing-default-minimal .nectar-social .pinterest-share:hover i { color: #fff !important } .ascend .post .content-inner { padding-bottom: 50px; } .icon-salient-x-twitter:before { content: "\f099"; } body .sharing-default-minimal .nectar-love { border: 2px solid rgba(0, 0, 0, 0.2) !important; padding: 7px 9px 7px 30px !important; color: #000 !important; margin-top: 50px; height: auto !important; font-size: 12px; margin-right: 10px; line-height: 20px; position: relative; transition: all 0.2s ease } body .sharing-default-minimal .nectar-love.loved { border-color: transparent } body .sharing-default-minimal .nectar-love i { font-size: 14px !important; margin-right: 8px !important; line-height: 20px !important; transition: all 0.2s ease } .sharing-default-minimal .nectar-love i, body .sharing-default-minimal .hovered .nectar-love i { color: rgba(0, 0, 0, 0.2) !important; transform: scale(1) !important; opacity: 1 !important; position: relative !important } .sharing-default-minimal .total_loves { background-color: rgba(0, 0, 0, 0.2); border-radius: 100px; padding: 2px 8px !important; margin-left: 28px; float: right; line-height: 12px; transition: all 0.2s ease } .sharing-default-minimal .nectar-love .total_loves .nectar-love-count { font-size: 10px !important; opacity: 1 } .sharing-default-minimal .nectar-love:hover { background-color: #000 !important } .sharing-default-minimal .nectar-love:hover .total_loves, .sharing-default-minimal .nectar-love.loved .total_loves { background-color: rgba(255, 255, 255, 0.25) } .sharing-default-minimal .nectar-love .icon-salient-heart-2:before { content: "\e00e" !important } .sharing-default-minimal .nectar-love:hover i, .sharing-default-minimal .nectar-love:hover, .sharing-default-minimal .nectar-love.loved i, .sharing-default-minimal .nectar-love.loved, body .sharing-default-minimal .hovered .nectar-love.loved i { color: #fff !important } .sharing-default-minimal .total_loves { display: block } .sharing-default-minimal .total_loves { color: #fff } .span_12.light .wpb_text_column a:not(:hover) { opacity: 1 !important; } @media only screen and (min-width:1px) and (max-width:999px) { :root { --mobile-container-width: 78% !important; } } @media only screen and (max-width:1300px) and (min-width:1000px), (max-width:690px) { /*#homeAboutICBS table.dataTable tbody tr, .supsystic-tables-wrap table.dataTable tbody tr { border-width: 0; } #homeAboutICBS .supsystic-tables-wrap, .supsystic-tables-wrap { overflow: initial !important; }*/ .supsystic-table h3 { font-size: 23.1px !important; margin-top: 10px; line-height: 26.6px !important; } .supsystic-tables-wrap table.supsystic-table td { width: 100% !important; box-sizing: border-box; } .supsystic-tables-wrap table.supsystic-table td a { display: block !important; width: 100% !important; left: 0 !important; padding-left: 27px !important; } .supsystic-tables-wrap table.supsystic-table td a:before { left: 0 !important; } } @media only screen and (min-width:1px) and (max-width:1000px) { .wpb_row .row-bg, .full-width-section .row-bg { margin-top: 0 !important; height: 100% !important; transform: none !important; -webkit-transform: none !important; background-attachment: scroll !important; background-position: 50% !important; } } /*-------------------------------------------------------------------------*/ /*9. Blog+Pagination Styles /*-------------------------------------------------------------------------*/ #post-area #pagination { padding-left: 95px } #post-area.infinite_scroll #pagination { display: none } #infscr-loading { position: relative; z-index: 10000000; background-image: url("img/icons/loading-white-bg.gif"); background-repeat: no-repeat; background-position: center; height: 60px; border-radius: 2px; color: #555; font-size: 12px; display: inline-block; margin: 0px auto; text-align: center; width: 60px; font-family: 'Open Sans'; font-weight: 700; font-size: 12px; letter-spacing: 2px; border-color: #555; border-style: solid; border-width: 0; box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -o-box-sizing: content-box !important; -moz-box-sizing: content-box !important } #infscr-loading.default_loader { background-image: none } .infscr-loading-wrap { margin: 20px auto; clear: both; padding: 0; text-align: center; height: 0; opacity: 0; transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -o-box-sizing: content-box !important; -moz-box-sizing: content-box !important } #infscr-loading div { opacity: 0; color: #555; font-size: 12px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: 2px; text-transform: uppercase } #infscr-loading img { margin-bottom: 0; display: none !important } #post-area { padding-right: 20px; margin-top: 4px } #post-area.col_last { padding-left: 20px; padding-right: 0px !important } #post-area.col_last.span_12 { padding-left: 0px; float: none !important } #post-area >article .content-inner { margin-bottom: 0px; border-bottom: 0px } article.post .more-link, .blog-recent .more-link { display: block; margin-top: 25px; cursor: default; color: #fff } article.post .content-inner { border-bottom: 1px solid #DDD; padding-bottom: 50px; margin-bottom: 50px } article.post .more-link span, .blog-recent .more-link span { background-color: #333; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1); width: auto; cursor: pointer; padding: 6px 10px; font-size: 11px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px } article.post .more-link span:hover, .blog-recent .more-link span:hover { background-color: #27CFC3 } article.post .post-meta { position: absolute; left: 0px; top: 0px } article.post.masonry-blog-item .post-meta { border-right: 0 !important } .recent-posts article.post .post-header a { color: #999 } .recent-posts-title { font-size: 12px !important; letter-spacing: 1.5px !important; margin-bottom: 7px !important } .post-header, #single-below-header { margin-bottom: 12px; font-size: 11px; color: #888 } .recent-posts .post-header a { color: #888 } .recent-posts .post-header a:hover { color: #27CFC3 } .recent-posts .post-header .title { margin-bottom: 1px } .recent-posts .post-header .title a { color: #27CFC3 } .recent-posts .post-header .title a:hover { color: inherit } article.post .post-header h1, article.post .post-header h2 { font-size: 26px; line-height: 30px } article.post .post-header h2 a { color: #27CFC3 } article.post .post-header h2 a:hover { color: inherit !important } article.post .post-header a, article.result a, #single-below-header a { color: inherit !important } #single-below-header a:hover { color: #27CFC3 } article.post .post-content { position: relative; min-height: 98px } .post-tags h4 { float: left; margin-top: 8px; margin-bottom: 15px; margin-right: 25px } .post-tags .clear { padding-bottom: 0px } .single .post-content { padding-left: 0px } .single #single-meta { right: 0px; height: 21px } .single #single-meta ul { margin-bottom: 0px } .single #single-meta { margin-top: 4px } .single #single-meta ul li { float: left; list-style: none; padding: 0px !important; border-bottom: 0px !important } .single #single-meta ul li .nectar-love-wrap { border-right: 1px solid #ddd; margin-right: 20px; padding-right: 20px; width: auto !important } .single #single-meta ul li .nectar-love-wrap span { font-size: 12px; height: 13px; display: block; width: auto; padding-left: 0px; font-family: 'Open Sans'; font-weight: 400; line-height: 11px } .single #single-below-header { margin-top: 8px; margin-bottom: 0px } .single #single-below-header span { font-family: inherit; font-size: 12px; line-height: 16px; color: #888; padding-left: 0; display: block; float: left } .single [data-post-hs="default_minimal"] #single-below-header span, .single .heading-title[data-header-style="default_minimal"] #single-below-header span { font-size: 14px } .single #single-below-header >span { padding: 0 10px 0 10px; border-left: 1px solid #DDD } .single #single-below-header span:first-child { padding-left: 0; border: none } .single #single-below-header:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden } .single.single-post .section-title h1 { max-width: 800px } .single.single-post [data-post-hs="default_minimal"] .section-title h1 { max-width: none } .single .heading-title[data-header-style="default_minimal"] h1, body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1 { padding: 16px 0 16px 0 } .single .heading-title[data-header-style="default_minimal"] .meta-category a { border: 2px solid #000; padding: 4px 8px; margin: 5px 6px 15px 5px; display: inline; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; font-size: 12px; color: #000; letter-spacing: 1px; text-transform: uppercase } body[data-button-style="rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a { border-radius: 100px } .single .heading-title[data-header-style="default_minimal"] .meta-category a:hover { border-color: transparent; color: #fff } .single .heading-title[data-header-style="default_minimal"] { border-bottom: 0; text-align: center; padding-top: 60px } .single .heading-title[data-header-style="default_minimal"] #single-below-header span { float: none; display: inline-block } .post-content { padding-left: 95px } article.post .content-inner { position: relative } article.post.quote .post-content .quote-inner, article.post.link .post-content .link-inner, article.format-status .post-content .status-inner, article.post.format-aside .aside-inner { background-color: #27CFC3; position: relative; padding: 15px; color: #fff; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -moz-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1) } .single-post article.post.quote .post-content .quote-inner { padding: 45px } article.post.quote .content-inner .quote-inner .whole-link { transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -moz-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1) } .single-post .quote-below-content { margin-top: 70px } article.post.format-aside .aside-inner p { margin-bottom: 15px } article.post.format-aside .aside-inner .post-header { margin-bottom: 0px } article.post.format-chat .content-inner dt { margin-top: 15px } article.post.quote .quote-inner a, article.post.format-aside .aside-inner a, article.post.format-aside .aside-inner a:hover { color: #fff !important } article.post.format-aside .aside-inner p, article.post.format-aside .aside-inner .post-header { color: #fff !important } article.post.quote .quote-inner .title, article.post.quote .quote-inner .author, article.post.quote .quote-inner .title, article.post.quote .quote-inner .icon { position: relative; z-index: 100 } article.post.quote .content-inner .whole-link { position: absolute; z-index: 10; display: block; background-color: #27CFC3; height: 100%; width: 100%; top: 0px; left: 0px } article.post.quote .content-inner .quote-inner:hover .whole-link { background-color: #333 !important } article.post.quote figure { margin: 0 auto !important } article.post.quote blockquote { background-image: none !important; padding: 0px !important; color: #fff !important; font-family: inherit !important; margin: 0 auto !important } article.post.quote .post-content .quote-inner span.icon { bottom: 17px; height: 17px; width: 19px; display: block; background-image: url(img/icons/quote.png); position: absolute; right: 20px } article.post.link .post-content .link-inner span.icon { bottom: 17px; height: 20px; width: 18px; display: block; background-image: url(img/icons/link.png); position: absolute; right: 20px } article.post.link .post-content .destination { word-wrap: break-word } article.post.format-status .post-content .status-inner span.icon { bottom: 17px; height: 16px; width: 18px; display: block; background-image: url(img/icons/status.png); position: absolute; right: 20px } article.post.format-aside .post-content .aside-inner span.icon { bottom: 17px; height: 16px; width: 18px; display: block; background-image: url(img/icons/aside.png); position: absolute; right: 20px } @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { article.post.quote .post-content .quote-inner span.icon { background-size: 19px 17px; background-image: url(img/icons/quote@2x.png) !important } article.post.link .post-content .link-inner span.icon { background-size: 18px 20px; background-image: url(img/icons/link@2x.png) !important } article.post.format-status .post-content .status-inner span.icon { background-size: 19px 17px; background-image: url(img/icons/status@2x.png) !important } article.post.format-aside .post-content .aside-inner span.icon { background-size: 19px 17px; background-image: url(img/icons/aside@2x.png) !important } } article.post .post-content.quote a, article.post .post-content.link a { display: block; z-index: 10 } article.post.quote .post-content h2, article.post.link .post-content h2, article.post.format-status .post-content h2, .masonry.classic_enhanced article.post.quote.masonry-blog-item h3.title, .masonry.classic_enhanced article.post.link.masonry-blog-item h3.title { color: #fff; font-size: 26px; line-height: 34px; display: block; margin-bottom: 15px } article.format-status .post-content h2 a { color: #fff !important } article.post.quote .post-content a:hover .quote-inner, article.post.link .post-content a:hover .link-inner, article.format-status .post-content:hover .status-inner { background-color: #333 !important } article.post .post-meta a { color: #888 } #post-area:not(.masonry) article.post .post-content .post-meta a.nectar-love { left: -2px; position: relative } article.post .post-meta a:hover { color: #27CFC3 } article.post h2.title { margin-bottom: 2px } article.post .post-meta { display: block; margin-bottom: 20px; border-right: 1px solid #E6E6E6 } article.post .post-meta.no-img { top: 6px } article.post .content-inner .post-featured-img img { max-width: none; margin-bottom: 15px !important; width: 100% } .single article.post .content-inner .post-featured-img img { margin-bottom: 25px !important } article.post .post-meta .date { font-size: 12px; padding-bottom: 2px; margin-bottom: 12px; position: relative; transition: all 0.2s linear 0s } article.post .post-meta .month, article.post .post-meta .year { display: block; font-size: 17px; line-height: 10px; text-align: center; text-transform: uppercase; margin-bottom: 4px; padding: 0px; font-family: 'Open Sans'; font-weight: 600 } article.post .post-meta .year { margin-top: 5px } article.post .post-meta .day { display: block; font-size: 30px; line-height: 29px; text-align: center; padding: 0px 12px 0px 12px; font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase } article.post .post-meta .date { padding-bottom: 17px; border-bottom: 1px solid #E6E6E6 } article.post.video .video-wrap, .single-portfolio .video-wrap { position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 15px } article.post.video .video-wrap iframe, .single-portfolio .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } article.post.video .mejs-container { margin-bottom: 15px } .single article.post.video .mejs-container { margin-bottom: 25px } article.post.audio .audio-wrap, .main-content .audio-wrap { margin-bottom: 15px } article.post .gallery-slider .gallery, article.post .gallery-slider .jetpack-slideshow { display: none } article.post table { width: 100% } article.post table td, article.post table th { text-align: center } article.post table tbody td { padding: 5px; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; color: #676767 } article.post table tbody tr td:first-child { border-left: 1px solid #E6E6E6 } article.post table th { border-bottom: 1px solid #E6E6E6; color: #676767 } article.post table #prev { text-align: left; position: relative; z-index: 2 } article.post table #next { text-align: right; position: relative; z-index: 2 } .article.post caption { position: absolute; bottom: 0px; z-index: 1; width: 100%; text-align: center } p >a >i.icon-3x { margin-bottom: 0px !important } #post-area.standard-minimal .post-author { position: absolute; left: 0; top: 0; text-align: center; width: 100px; font-size: 12px; line-height: 22px } #post-area.standard-minimal.full-width-content article.post { border-bottom: 1px solid #e6e6e6; padding-top: 70px } #post-area.standard-minimal.full-width-content .posts-container >article:last-child { border: none } #post-area.standard-minimal.full-width-content article.post .content-inner { padding-bottom: 0; margin-bottom: 70px } #post-area.standard-minimal.full-width-content article.post .more-link { margin-top: 25px } #post-area.standard-minimal.full-width-content #pagination { text-align: center } #post-area.standard-minimal.full-width-content #pagination >div { float: none; display: inline-block } #post-area.standard-minimal article.post .more-link span { background-color: transparent !important; padding: 0; color: #333 !important } #post-area.standard-minimal article.post .post-header, #post-area.standard-minimal article.post .content-inner .post-featured-img img, #post-area.standard-minimal article.post .content-inner .article-content-wrap >.video >.wp-video, #post-area.standard-minimal article.post .content-inner .article-content-wrap >.video >.iframe-embed, #post-area.standard-minimal article.post .content-inner .article-content-wrap .audio-wrap, #post-area.standard-minimal article.post .content-inner .quote-inner { margin-bottom: 30px !important } #post-area.standard-minimal article.post .content-inner .quote-inner h4 { color: #fff; margin-bottom: 20px } #post-area.standard-minimal article.post .content-inner .quote-inner, #post-area.standard-minimal article.post .content-inner .link-inner { padding: 10% } #post-area.standard-minimal article.post.quote .post-content .quote-inner span.icon, #post-area.standard-minimal article.post.link .post-content .link-inner span.icon { right: 30px; bottom: 30px } #post-area.standard-minimal article.post .content-inner .quote-inner .author { position: relative; padding-left: 30px } #post-area.standard-minimal article.post .content-inner .quote-inner .author:before { position: absolute; display: block; top: 50%; left: 0; width: 20px; height: 2px; content: ' '; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff } #post-area.standard-minimal article.post.has-post-thumbnail .content-inner .quote-inner:after { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; content: ' '; background-color: rgba(0, 0, 0, 0.6) } #post-area.standard-minimal article.post .more-link { display: inline-block; cursor: pointer; height: 50px; position: relative; line-height: 50px; padding-right: 25px } #post-area.standard-minimal article.post .more-link span { transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1) } #post-area.standard-minimal article.post .more-link span:after, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end { display: inline-block; font-family: 'FontAwesome' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 50px; height: 50px; -webkit-font-smoothing: antialiased; letter-spacing: 0; content: "\f105"; margin-left: 15px; position: absolute; right: 0; top: 53%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); font-size: 25px; transition: opacity 0.25s cubic-bezier(0.12, 0.75, 0.4, 1), transform 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: opacity 0.25s cubic-bezier(0.12, 0.75, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.12, 0.75, 0.4, 1) } #post-area.standard-minimal article.post .more-link:hover span:after { transform: translateX(12px) translateY(-50%); -webkit-transform: translateX(12px) translateY(-50%) } #post-area.standard-minimal article.post .more-link:hover span:before { opacity: 1; transform: translateY(-50%) translateX(0px); -webkit-transform: translateY(-50%) translateX(0px) } #post-area.standard-minimal article.post .more-link span:before, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line { backface-visibility: hidden; letter-spacing: 0; display: block; content: ' '; z-index: 100; position: absolute; width: 22px; height: 2px; background-color: #000; top: 53%; opacity: 0; right: -10px; cursor: pointer; transform: translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform: translateY(-50%) translateX(-20px) translateZ(0); transition: opacity 0.25s cubic-bezier(0.12, 0.75, 0.4, 1), transform 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: opacity 0.25s cubic-bezier(0.12, 0.75, 0.4, 1), -webkit-transform 0.25s cubic-bezier(0.12, 0.75, 0.4, 1) } .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line { top: 53% } #post-area.standard-minimal article.post .post-meta .date, #post-area.standard-minimal article.post .more-link span { font-family: 'Open Sans'; font-weight: 700; margin-bottom: 5px; font-size: 14px } #post-area.standard-minimal article.post .post-meta .date a { display: block } #post-area.standard-minimal article.post .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.post .article-content-wrap .meta-comment-count a span, #post-area.standard-minimal article.post .article-content-wrap .nectar-love, #post-area.standard-minimal article.post .article-content-wrap .nectar-love >span, #post-area.standard-minimal article.post .article-content-wrap .meta-comment-count i, #post-area.standard-minimal article.post .article-content-wrap .nectar-love i, #post-area.standard-minimal article.post .article-content-wrap .meta-comment-count, #post-area.standard-minimal article.post .article-content-wrap .nectar-love-wrap, #post-area.standard-minimal article.post .article-content-wrap .nectar-love-wrap >span, #post-area.standard-minimal article.post .article-content-wrap .meta-category i { line-height: 34px !important; height: 34px !important; width: auto; display: inline-block } #post-area.standard-minimal article.post .more-link { margin-top: 15px } #post-area.standard-minimal article.post .article-content-wrap .meta-category i { font-size: 20px !important } #post-area.standard-minimal article.post .article-content-wrap .nectar-love >span { font-size: 14px; color: #aaa } #post-area.standard-minimal article.post .article-content-wrap .meta-comment-count { margin-left: 15px } #post-area.standard-minimal article.post .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.post .article-content-wrap .meta-category a { font-size: 14px } #post-area.standard-minimal article.post .article-content-wrap .meta-comment-count a:not(:hover), #post-area.standard-minimal article.post .article-content-wrap .meta-category a:not(:hover) { color: #aaa } #post-area.standard-minimal article.post .article-content-wrap a i, #post-area.standard-minimal article.post .article-content-wrap .meta-category i { font-size: 20px !important; width: 22px; margin-right: 5px; transition: color 0.2s linear; -webkit-transition: color 0.2s linear } #post-area.standard-minimal article.post .article-content-wrap a:not(:hover) i:not(.loved), #post-area.standard-minimal article.post .article-content-wrap .meta-category:not(:hover) i { color: #c1c1c1 !important } #post-area.standard-minimal article.post .post-meta { margin-bottom: 0 } #post-area.standard-minimal #pagination { padding-left: 0 } #post-area.standard-minimal article.post .post-meta, #post-area.standard-minimal article.post .post-meta .date { position: relative; padding-bottom: 0; border: none } #post-area.standard-minimal .post-content { padding-left: 175px } .single #post-area.standard-minimal .post-content { padding-left: 0 } #post-area.standard-minimal .post-author .grav-wrap { border-radius: 100px; overflow: hidden; margin-bottom: 10px; width: 90px; height: 90px; margin: 0 auto 25px auto } #pagination { position: relative; margin-bottom: 10px; height: 32px; width: 100% } #post-area.standard-minimal article.post .post-meta.no-img { top: 0 } #pagination.fw-pagination { text-align: center; height: auto; padding: 10px 0px 50px 0px; margin-bottom: 0px !important } #pagination.fw-pagination.alt-style-padding { padding: 50px 0px } #pagination.fw-pagination >div { float: none; display: inline-block } .page-template-template-portfolio-php #pagination { margin-bottom: 30px } #pagination.infinite_scroll { display: none } #pagination span:not(.page-numbers), #pagination a:not(.page-numbers) { background-color: #333 } #pagination span, #pagination a, #pagination .next.inactive, #pagination .prev.inactive, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span { background-repeat: no-repeat; cursor: pointer; display: inline-block; padding: 11px 13px 10px 13px !important; background-position: -21px center; position: relative; text-transform: capitalize; color: #FFF !important; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1); border-radius: 2px 2px 2px 2px; font-family: 'Open Sans'; font-weight: 700 } .woocommerce nav.woocommerce-pagination ul li { overflow: visible } html body #pagination span.page-numbers.dots, html body #pagination >a, html .woocommerce nav.woocommerce-pagination ul li a, html body nav.woocommerce-pagination ul li span.page-numbers.dots { background-color: transparent !important; color: inherit !important; font-size: 12px !important; line-height: 14px } html body #pagination >span.page-numbers.current, html body nav.woocommerce-pagination span.page-numbers.current { -webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.16); box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.16); margin: 0 8px; height: 35px; width: 35px; text-align: center; line-height: 14px; font-size: 12px !important } html body #pagination .page-numbers.prev, html body #pagination .page-numbers.next, html body nav.woocommerce-pagination .page-numbers.prev, html body nav.woocommerce-pagination .page-numbers.next { width: auto; background-color: transparent !important; color: inherit !important; background-image: none; text-indent: 0 !important; border: 0 } html body nav.woocommerce-pagination .page-numbers.prev, html body nav.woocommerce-pagination .page-numbers.next { width: auto !important } html body #pagination >span:first-child.page-numbers { margin-left: 0 !important } html body #pagination >a:first-child.page-numbers { padding-left: 0 !important } html body #pagination >a:hover, html body #pagination >a.page-numbers:hover, html body nav.woocommerce-pagination li a:hover { background-color: transparent !important } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span { line-height: 11px !important } #pagination >div { float: left; margin: 0px 5px 0px 0px } #pagination >div:first-child { margin-left: 0px } #pagination .next a:hover, #pagination .prev a:hover, #pagination a.page-numbers:hover, #pagination span.page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span, .woocommerce nav.woocommerce-pagination ul li a:active { background-color: #27CFC3 } .woocommerce nav.woocommerce-pagination ul { border-bottom: 0px !important } #pagination span { cursor: default } #pagination a, #pagination span { display: inline-block } #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next { text-indent: -9999px; height: 32px; width: 32px; background-repeat: no-repeat !important } #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { text-indent: -9999px; height: 32px; width: 32px; background-repeat: no-repeat !important } #pagination a.page-numbers, #pagination span.page-numbers { font-size: 12px; line-height: 11px } #pagination .next.inactive, #pagination .prev.inactive { background-color: #eae8e5; cursor: default !important; height: 32px; width: 32px; margin: 0px 5px 0px 0px } #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next { background-image: url("img/icons/portfolio-arrows.png"); background-position: -20px 12px } #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { background-image: url("img/icons/portfolio-arrows.png"); background-position: 13px 12px } @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next { background-image: url("img/icons/portfolio-arrows@2x.png") !important; background-size: 40px 9px !important } #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { background-image: url("img/icons/portfolio-arrows@2x.png") !important; background-size: 40px 9px !important } } #author-bio { padding-bottom: 50px; margin-bottom: 50px; margin-top: 0 !important; min-height: 80px; box-sizing: content-box !important; -moz-box-sizing: content-box !important; -o-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; border-bottom: 1px solid #DDD; position: relative } #author-bio #author-info { width: 100%; padding-left: 105px } #author-bio img { width: 80px; height: 80px; margin-bottom: 0px; position: absolute; left: 0; top: 0 } #author-bio .clear { padding-bottom: 0px } .single #post-area.span_12 #author-info { width: 992px } body.author #page-header-wrap, body.category #page-header-wrap, body.tag #page-header-wrap, body.date #page-header-wrap body.author #page-header-wrap #page-header-bg, body.category #page-header-wrap #page-header-bg, body.tag #page-header-wrap #page-header-bg, body.date #page-header-wrap #page-header-bg { height: 350px !important; padding: 0 !important; } body.author #page-header-wrap .span_6, body.category #page-header-wrap .span_6, body.tag #page-header-wrap .span_6, body.date #page-header-wrap .span_6 { top: 0 !important; position: static !important; } body.author #page-header-wrap .subheader, body.category #page-header-wrap .subheader, body.tag #page-header-wrap .subheader, body.date #page-header-wrap .subheader { font-size: 28px; line-height: 28px; color: #fff !important; font-family: 'Open Sans'; font-weight: 300; } @media only screen and (min-width: 1px) and (max-width: 1000px) { body.author #page-header-wrap, body.category #page-header-wrap, body.tag #page-header-wrap, body.date #page-header-wrap body.author #page-header-wrap #page-header-bg, body.category #page-header-wrap #page-header-bg, body.tag #page-header-wrap #page-header-bg, body.date #page-header-wrap #page-header-bg { height: 218.75px !important; padding: 0 !important; } body.author #page-header-wrap .subheader, body.category #page-header-wrap .subheader, body.tag #page-header-wrap .subheader, body.date #page-header-wrap .subheader { font-size: 22px !important; } body.author #page-header-wrap .span_6, body.category #page-header-wrap .span_6, body.tag #page-header-wrap .span_6, body.date #page-header-wrap .span_6 { margin-top: 20px !important; } body.author #page-header-wrap .span_6 h1, body.category #page-header-wrap .span_6 h1, body.tag #page-header-wrap .span_6 h1, body.date #page-header-wrap .span_6 h1 { font-size: 32px !important; line-height: 38px !important; } } @media only screen and (max-width:690px) { body.author #page-header-wrap, body.category #page-header-wrap, body.tag #page-header-wrap, body.date #page-header-wrap body.author #page-header-wrap #page-header-bg, body.category #page-header-wrap #page-header-bg, body.tag #page-header-wrap #page-header-bg, body.date #page-header-wrap #page-header-bg { height: 140px !important; padding: 0 !important; } body.author #page-header-wrap .subheader, body.category #page-header-wrap .subheader, body.tag #page-header-wrap .subheader, body.date #page-header-wrap .subheader { font-size: 15px !important; } body.author #page-header-wrap .span_6, body.category #page-header-wrap .span_6, body.tag #page-header-wrap .span_6, body.date #page-header-wrap .span_6 { margin-top: 0px !important; } body.author #page-header-wrap .span_6 h1, body.category #page-header-wrap .span_6 h1, body.tag #page-header-wrap .span_6 h1, body.date #page-header-wrap .span_6 h1 { font-size: 24px !important; line-height: 30px !important; } } body.author .container, body.author #post-area.standard-minimal.full-width-content article.post .inner-wrap, body.category .container, body.category #post-area.standard-minimal.full-width-content article.post .inner-wrap, body.tag .container, body.tag #post-area.standard-minimal.full-width-content article.post .inner-wrap, body.date .container, body.date #post-area.standard-minimal.full-width-content article.post .inner-wrap { margin: 0 auto; position: relative; } body.author .row, body.category .row, body.tag .row, body.date .row { position: relative; } body.author .row:after, body.author .col:after, body.author .clr:after, body.author .group:after, body.category .row:after, body.category .col:after, body.category .clr:after, body.category .group:after, body.tag .row:after, body.tag .col:after, body.tag .clr:after, body.tag .group:after, body.date .row:after, body.date .col:after, body.date .clr:after, body.date .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } body.author .row, body.author div.clear, body.category .row, body.category div.clear, body.tag .row, body.tag div.clear, body.date .row, body.date div.clear { padding-bottom: 24px; } body.author .col, body.category .col, body.tag .col, body.date .col { position: relative; z-index: 10; display: block; float: left; width: 100%; } @media (min-width:690px) { body.author .col, body.category .col, body.tag .col, body.date .col { margin-right: 2%; } body.author .wpb_column, body.category .wpb_column, body.tag .wpb_column, body.date .wpb_column { margin-right: 0px; } } body.author .col.col_last, body.category .col.col_last, body.tag .col.col_last, body.date .col.col_last { margin-right: 0; } body.author .col:last-child, body.category .col:last-child, body.tag .col:last-child, body.date .col:last-child { margin-right: 0; } @media (min-width:690px) { body.author .span_1, body.category .span_1, body.tag .span_1, body.date .span_1 { width: 6.5%; } body.author .span_2, body.category .span_2, body.tag .span_2, body.date .span_2 { width: 15.0%; } body.author .span_3, body.category .span_3, body.tag .span_3, body.date .span_3 { width: 23.5%; } body.author .span_4, body.category .span_4, body.tag .span_4, body.date .span_4 { width: 32.0%; } body.author .span_5, body.category .span_5, body.tag .span_5, body.date .span_5 { width: 40.5%; } body.author .span_6, body.category .span_6, body.tag .span_6, body.date .span_6 { width: 49.0%; } body.author .span_7, body.category .span_7, body.tag .span_7, body.date .span_7 { width: 57.5%; } body.author .span_8, body.category .span_8, body.tag .span_8, body.date .span_8 { width: 66.0%; } body.author .span_9, body.category .span_9, body.tag .span_9, body.date .span_9 { width: 74.5%; } body.author .span_10, body.category .span_10, body.tag .span_10, body.date .span_10 { width: 83.0%; } body.author .span_11, body.category .span_11, body.tag .span_11, body.date .span_11 { width: 91.5%; } body.author .span_12, body.category .span_12, body.tag .span_12, body.date .span_12 { width: 100%; } body.author .full-width-content.vc_row-fluid .vc_span1, body.author .full-width-content.vc_row-fluid .vc_col-sm-1, body.author .vc_row-fluid[data-column-margin="none"] .vc_span1, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-1, body.category .full-width-content.vc_row-fluid .vc_span1, body.category .full-width-content.vc_row-fluid .vc_col-sm-1, body.category .vc_row-fluid[data-column-margin="none"] .vc_span1, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-1, body.tag .full-width-content.vc_row-fluid .vc_span1, body.tag .full-width-content.vc_row-fluid .vc_col-sm-1, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span1, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-1, body.date .full-width-content.vc_row-fluid .vc_span1, body.date .full-width-content.vc_row-fluid .vc_col-sm-1, body.date .vc_row-fluid[data-column-margin="none"] .vc_span1, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-1 { width: 8.33%; } body.author .full-width-content.vc_row-fluid .vc_span2, body.author .full-width-content.vc_row-fluid .vc_col-sm-2, body.author .vc_row-fluid[data-column-margin="none"] .vc_span2, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-2, body.category .full-width-content.vc_row-fluid .vc_span2, body.category .full-width-content.vc_row-fluid .vc_col-sm-2, body.category .vc_row-fluid[data-column-margin="none"] .vc_span2, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-2, body.tag .full-width-content.vc_row-fluid .vc_span2, body.tag .full-width-content.vc_row-fluid .vc_col-sm-2, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span2, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-2, body.date .full-width-content.vc_row-fluid .vc_span2, body.date .full-width-content.vc_row-fluid .vc_col-sm-2, body.date .vc_row-fluid[data-column-margin="none"] .vc_span2, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-2 { width: 16.66%; } body.author .full-width-content.vc_row-fluid .vc_span3, body.author .full-width-content.vc_row-fluid .vc_col-sm-3, body.author .vc_row-fluid[data-column-margin="none"] .vc_span3, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-3, body.category .full-width-content.vc_row-fluid .vc_span3, body.category .full-width-content.vc_row-fluid .vc_col-sm-3, body.category .vc_row-fluid[data-column-margin="none"] .vc_span3, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-3, body.tag .full-width-content.vc_row-fluid .vc_span3, body.tag .full-width-content.vc_row-fluid .vc_col-sm-3, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span3, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-3, body.date .full-width-content.vc_row-fluid .vc_span3, body.date .full-width-content.vc_row-fluid .vc_col-sm-3, body.date .vc_row-fluid[data-column-margin="none"] .vc_span3, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-3 { width: 25%; } body.author .full-width-content.vc_row-fluid .vc_span4, body.author .full-width-content.vc_row-fluid .vc_col-sm-4, body.author .vc_row-fluid[data-column-margin="none"] .vc_span4, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-4, body.category .full-width-content.vc_row-fluid .vc_span4, body.category .full-width-content.vc_row-fluid .vc_col-sm-4, body.category .vc_row-fluid[data-column-margin="none"] .vc_span4, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-4, body.tag .full-width-content.vc_row-fluid .vc_span4, body.tag .full-width-content.vc_row-fluid .vc_col-sm-4, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span4, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-4, body.date .full-width-content.vc_row-fluid .vc_span4, body.date .full-width-content.vc_row-fluid .vc_col-sm-4, body.date .vc_row-fluid[data-column-margin="none"] .vc_span4, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-4 { width: 33.33%; } body.author .full-width-content.vc_row-fluid .vc_span5, body.author .full-width-content.vc_row-fluid .vc_col-sm-5, body.author .vc_row-fluid[data-column-margin="none"] .vc_span5, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-5, body.category .full-width-content.vc_row-fluid .vc_span5, body.category .full-width-content.vc_row-fluid .vc_col-sm-5, body.category .vc_row-fluid[data-column-margin="none"] .vc_span5, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-5, body.tag .full-width-content.vc_row-fluid .vc_span5, body.tag .full-width-content.vc_row-fluid .vc_col-sm-5, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span5, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-5, body.date .full-width-content.vc_row-fluid .vc_span5, body.date .full-width-content.vc_row-fluid .vc_col-sm-5, body.date .vc_row-fluid[data-column-margin="none"] .vc_span5, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-5 { width: 41.5%; } body.author .full-width-content.vc_row-fluid .vc_span6, body.author .full-width-content.vc_row-fluid .vc_col-sm-6, body.author .vc_row-fluid[data-column-margin="none"] .vc_span6, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-6, body.category .full-width-content.vc_row-fluid .vc_span6, body.category .full-width-content.vc_row-fluid .vc_col-sm-6, body.category .vc_row-fluid[data-column-margin="none"] .vc_span6, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-6, body.tag .full-width-content.vc_row-fluid .vc_span6, body.tag .full-width-content.vc_row-fluid .vc_col-sm-6, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span6, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-6, body.date .full-width-content.vc_row-fluid .vc_span6, body.date .full-width-content.vc_row-fluid .vc_col-sm-6, body.date .vc_row-fluid[data-column-margin="none"] .vc_span6, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-6 { width: 50%; } body.author .full-width-content.vc_row-fluid .vc_span7, body.author .full-width-content.vc_row-fluid .vc_col-sm-7, body.author .vc_row-fluid[data-column-margin="none"] .vc_span7, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-7, body.category .full-width-content.vc_row-fluid .vc_span7, body.category .full-width-content.vc_row-fluid .vc_col-sm-7, body.category .vc_row-fluid[data-column-margin="none"] .vc_span7, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-7, body.tag .full-width-content.vc_row-fluid .vc_span7, body.tag .full-width-content.vc_row-fluid .vc_col-sm-7, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span7, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-7, body.date .full-width-content.vc_row-fluid .vc_span7, body.date .full-width-content.vc_row-fluid .vc_col-sm-7, body.date .vc_row-fluid[data-column-margin="none"] .vc_span7, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-7 { width: 58.3%; } body.author .full-width-content.vc_row-fluid .vc_span8, body.author .full-width-content.vc_row-fluid .vc_col-sm-8, body.author .vc_row-fluid[data-column-margin="none"] .vc_span8, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-8, body.category .full-width-content.vc_row-fluid .vc_span8, body.category .full-width-content.vc_row-fluid .vc_col-sm-8, body.category .vc_row-fluid[data-column-margin="none"] .vc_span8, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-8, body.tag .full-width-content.vc_row-fluid .vc_span8, body.tag .full-width-content.vc_row-fluid .vc_col-sm-8, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span8, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-8, body.date .full-width-content.vc_row-fluid .vc_span8, body.date .full-width-content.vc_row-fluid .vc_col-sm-8, body.date .vc_row-fluid[data-column-margin="none"] .vc_span8, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-8 { width: 66.66%; } body.author .full-width-content.vc_row-fluid .vc_span9, body.author .full-width-content.vc_row-fluid .vc_col-sm-9, body.author .vc_row-fluid[data-column-margin="none"] .vc_span9, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-9, body.category .full-width-content.vc_row-fluid .vc_span9, body.category .full-width-content.vc_row-fluid .vc_col-sm-9, body.category .vc_row-fluid[data-column-margin="none"] .vc_span9, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-9, body.tag .full-width-content.vc_row-fluid .vc_span9, body.tag .full-width-content.vc_row-fluid .vc_col-sm-9, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span9, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-9, body.date .full-width-content.vc_row-fluid .vc_span9, body.date .full-width-content.vc_row-fluid .vc_col-sm-9, body.date .vc_row-fluid[data-column-margin="none"] .vc_span9, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-9 { width: 75%; } body.author .full-width-content.vc_row-fluid .vc_span10, body.author .full-width-content.vc_row-fluid .vc_col-sm-10, body.author .vc_row-fluid[data-column-margin="none"] .vc_span10, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-10, body.category .full-width-content.vc_row-fluid .vc_span10, body.category .full-width-content.vc_row-fluid .vc_col-sm-10, body.category .vc_row-fluid[data-column-margin="none"] .vc_span10, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-10, body.tag .full-width-content.vc_row-fluid .vc_span10, body.tag .full-width-content.vc_row-fluid .vc_col-sm-10, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span10, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-10, body.date .full-width-content.vc_row-fluid .vc_span10, body.date .full-width-content.vc_row-fluid .vc_col-sm-10, body.date .vc_row-fluid[data-column-margin="none"] .vc_span10, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-10 { width: 83.0%; } body.author .full-width-content.vc_row-fluid .vc_span11, body.author .full-width-content.vc_row-fluid .vc_col-sm-11, body.author .vc_row-fluid[data-column-margin="none"] .vc_span11, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-11, body.category .full-width-content.vc_row-fluid .vc_span11, body.category .full-width-content.vc_row-fluid .vc_col-sm-11, body.category .vc_row-fluid[data-column-margin="none"] .vc_span11, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-11, body.tag .full-width-content.vc_row-fluid .vc_span11, body.tag .full-width-content.vc_row-fluid .vc_col-sm-11, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span11, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-11, body.date .full-width-content.vc_row-fluid .vc_span11, body.date .full-width-content.vc_row-fluid .vc_col-sm-11, body.date .vc_row-fluid[data-column-margin="none"] .vc_span11, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-11 { width: 91.5%; } body.author .full-width-content.vc_row-fluid .vc_span12, body.author .full-width-content.vc_row-fluid .vc_col-sm-12, body.author .vc_row-fluid[data-column-margin="none"] .vc_span12, body.author .vc_row-fluid[data-column-margin="none"] .vc_col-sm-12, body.category .full-width-content.vc_row-fluid .vc_span12, body.category .full-width-content.vc_row-fluid .vc_col-sm-12, body.category .vc_row-fluid[data-column-margin="none"] .vc_span12, body.category .vc_row-fluid[data-column-margin="none"] .vc_col-sm-12, body.tag .full-width-content.vc_row-fluid .vc_span12, body.tag .full-width-content.vc_row-fluid .vc_col-sm-12, body.tag .vc_row-fluid[data-column-margin="none"] .vc_span12, body.tag .vc_row-fluid[data-column-margin="none"] .vc_col-sm-12, body.date .full-width-content.vc_row-fluid .vc_span12, body.date .full-width-content.vc_row-fluid .vc_col-sm-12, body.date .vc_row-fluid[data-column-margin="none"] .vc_span12, body.date .vc_row-fluid[data-column-margin="none"] .vc_col-sm-12 { width: 100%; } body.author .full-width-content.vc_row-fluid .wpb_column, body.author .vc_row-fluid[data-column-margin="none"] .wpb_column, body.category .full-width-content.vc_row-fluid .wpb_column, body.category .vc_row-fluid[data-column-margin="none"] .wpb_column, body.tag .full-width-content.vc_row-fluid .wpb_column, body.tag .vc_row-fluid[data-column-margin="none"] .wpb_column, body.date .full-width-content.vc_row-fluid .wpb_column, body.date .vc_row-fluid[data-column-margin="none"] .wpb_column { margin-left: 0 !important; } body.author .full-width-content.vc_row-fluid .wpb_column .wpb_row, body.author .full-width-content.vc_row-fluid .wpb_column .wpb_wrapper, body.category .full-width-content.vc_row-fluid .wpb_column .wpb_row, body.category .full-width-content.vc_row-fluid .wpb_column .wpb_wrapper, body.tag .full-width-content.vc_row-fluid .wpb_column .wpb_row, body.tag .full-width-content.vc_row-fluid .wpb_column .wpb_wrapper, body.date .full-width-content.vc_row-fluid .wpb_column .wpb_row, body.date .full-width-content.vc_row-fluid .wpb_column .wpb_wrapper { margin: 0; } } body.author .vc_row-fluid[data-column-margin="none"], body.category .vc_row-fluid[data-column-margin="none"], body.tag .vc_row-fluid[data-column-margin="none"], body.date .vc_row-fluid[data-column-margin="none"] { margin-bottom: 0; } /*# sourceMappingURL=style.css.map */ article.post .post-header h2 a { color: #299fd8!important; } body .post-header .meta-category a { display: inline-block; background-color: #299fd8; padding: 0 5px !important; color: #fff !important; } /****************************** NECTAR LOVE **************************/ .nectar-love-wrap { width: 72px; line-height: 19px } .nectar-love { -moz-transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; height: 13px; width: auto; color: inherit!Important; line-height: 11px; font-size: 14px; display: inline-block } .nectar-love span { font-family: 'Open Sans' !important; font-weight: 400; color: inherit; font-size: 12px; line-height: 12px; padding-left: 0px !important; display: inline-block !important } html body .nectar-love span { font-size: 12px; line-height: 12px } .row .col.section-title .nectar-love span { font-size: 12px } .nectar-love:hover i, .nectar-love.loved i { color: #27CFC3 } html body .post .nectar-love-wrap .nectar-love span.love-text { display: none !important; } body[data-bg-header="true"].category #ajax-content-wrap .container-wrap, body[data-bg-header="true"].author #ajax-content-wrap .container-wrap, body[data-bg-header="true"].date #ajax-content-wrap .container-wrap, body[data-bg-header="true"].blog #ajax-content-wrap .container-wrap { padding-top: 3.1em !important; }