/* Theme Name: Cring Design ------------------------------------------------------------------------- 1. Browser Reset + Font Face 2. Globally Applied Styles 3. Header + Search Bar Styles 4. Plugin Related Styles 5. Page + Custom Page Layout Styles 6. Nectar Shortcode Styles 7. Footer Styles 8. Sidebar Styles 9. Blog + Pagination Styles 10. Comment Styles 11. General Form 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: 'OpenSansLight'; 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: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; 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: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; 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: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; 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: normal; font-style: normal; } @font-face { font-family:"Androgyne Medium"; src:url("css/fonts/Androgyne_TB.eot?") format("eot"), url("css/fonts/Androgyne_TB.woff") format("woff"),url("Androgyne_TB.ttf") format("truetype"), url("css/fonts/Androgyne_TB.svg#AndrogyneMedium") format("svg");font-weight:normal;font-style:normal; } @font-face { font-family: 'CopperplateGothic-Light'; src: url('css/fonts/CopperplateGothic-Light.eot?#iefix') format('embedded-opentype'), url('css/fonts/CopperplateGothic-Light.woff') format('woff'), url('css/fonts/CopperplateGothic-Light.ttf') format('truetype'), url('css/fonts/CopperplateGothic-Light.svg#CopperplateGothic-Light') format('svg'); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------------------*/ /* 2. Globally Applied Styles /*-------------------------------------------------------------------------*/ body { font-size: 15px; -webkit-font-smoothing: antialiased; font-family: 'OpenSansRegular'; line-height: 19px; } body .ui-widget { font-family: 'OpenSansRegular'; } .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: 'OpenSansSemiBold'; 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: 1000000000!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: -55px; padding-top: 93px; padding-bottom: 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; } body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"], 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; } .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); } } body[data-bg-header="true"] .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 #DDDDDD; 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 linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; } a:hover { color: inherit; } h1 { font-size: 44px; line-height: 42px; margin-bottom: 15px !important; font-family: "OpenSansLight" !important; } h2 { font-size: 22px; line-height: 36px; margin-bottom: 10px; } h3 { font-size: 19px; 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: -0.5px; font-weight: normal; -webkit-font-smoothing: antialiased; font-family: 'OpenSansSemiBold'; } .bold, strong, b { font-family: 'OpenSansSemiBold'; font-weight: normal; } .uppercase { -webkit-font-smoothing: antialiased; font-family: 'OpenSansbold'; 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: 'OpenSansLight'!important; } 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; } 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: 'OpenSansLight'; 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; } /* object, object embed { display: block; height: auto; max-width: 100%!important; }*/ 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: 'OpenSansbold'; } body #error-404 h2 { text-transform: uppercase; font-size: 70px; font-family: 'OpenSansbold'; } #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 #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; } /*body[data-header-color="dark"] #boxed #header-outer { border-bottom: 1px solid #333; }*/ #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 { width: auto!important; min-width: 1200px; left: auto!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; } 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; } body #boxed #featured, #boxed .orbit > div, #boxed #featured article { width: auto!important; left: auto!important; min-width: 1200px; } #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; } /*-------------------------------------------------------------------------*/ /* 3. Header + Search Bar Styles /*-------------------------------------------------------------------------*/ #header-space { height: 90px; } #header-outer { width: 100%; top: 0px; left: 0px; position: fixed; overflow: visible!important; padding: 0px !important; z-index: 9998; 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); } 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 #444; } 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 { 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; } #header-outer[data-using-secondary="1"] { top: 0px; } .admin-bar #header-outer[data-using-secondary="1"], .logged-in.buddypress #header-outer[data-using-secondary="1"] { top: 64px; } header#top #logo { width: auto; max-width: none; display: block; line-height: 22px; font-size: 22px; letter-spacing: -1.5px; color: #444444; font-family: 'OpenSansSemibold'; border-bottom: solid 12px #ec1e3a; padding-bottom: 32px; } 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 */ @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) { header#top #logo .retina-logo { display: block!important; } header#top #logo .default-logo { display: none!important; } #header-outer.transparent.directional-nav-effect header#top #logo img.retina-logo { display: inline!important; } } @media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { header#top #logo .retina-logo { display: block!important; } header#top #logo .default-logo { display: none!important; } #header-outer.transparent.directional-nav-effect header#top #logo img.retina-logo { display: inline!important; } } 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; margin-top: 90px; } 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; } body:not(.ascend) 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; } 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 { 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 { opacity: 0; } /*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; } #header-outer[data-format="centered-menu"] header#top .span_3 { left: 0; } /*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; margin-bottom: 15px; } #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"] header#top #logo img { margin: 0 auto 17px auto; } #header-outer[data-format="centered-menu-under-logo"] header#top #logo { text-align: center; } #header-outer[data-format="centered-menu-under-logo"] header#top #logo .starting-logo { position: relative; margin-top: -47px; margin-bottom: 0; } header#top nav ul li { float: right; } header#top nav > ul > li { float: left; height: 100px; } header#top nav > ul > li.current-menu-item{ background-color: #ec1e3a; } header#top nav > ul > li:hover { background-color: #ec1e3a; border-top: solid 8px #000000; } header#top nav > ul > li > a { padding: 0px 15px; display: block; color: #FFF; font-size: 18px; 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; text-transform: uppercase; padding-top: 42px !important; } html:not(.js) header#top nav > ul > li > a { padding-bottom: 46px; } header#top nav ul li a:hover, header#top nav .sf-menu li.sfHover > a, header#top nav .sf-menu li.current_page_ancestor > a, header#top nav .sf-menu li.current-menu-item > a, header#top nav .sf-menu li.current-menu-ancestor > a, header#top nav .sf-menu li.current_page_item > a { color: #FFF; } header#top nav .sf-menu li.current-menu-ancestor { background-color: #ec1e3a; } 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; background-color: #1C1C1C; } 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; position: relative!important; } header#top nav > ul > li.megamenu > ul > li { border-right: 1px solid rgba(255, 255, 255, 0.08); } header#top nav > ul > li.megamenu ul li a { border-bottom: none!important; padding: 9px 15px; } header#top nav > ul > li.megamenu > ul > li > a { font-family: 'OpenSansbold'; font-size: 12px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 2px; } header#top nav > ul > li.megamenu > ul ul li a:hover, header#top nav > ul > li.megamenu > ul ul li.current-menu-item a { color: #CCCCCC!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; } /*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 .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; } #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 .slide-out-widget-area-toggle a { width: 22px; } 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: 9999; 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-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: #CCCCCC; } #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: absolute; right: 0px; top: 5px; display: none; width: 36px; height: 28px; text-align: right; margin-bottom: 10px; } 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: 5px; width: 36px; height: 28px; text-align: right; margin-bottom: 10px; z-index: 10000; } header#top #toggle-nav i, header#top #mobile-cart-link i, header#top .span_9 > .slide-out-widget-area-toggle i { background-color: transparent!important; color: #a9a9a9; line-height: 34px; font-size: 18px; width: 18px; } @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.40s ease, box-shadow 0.40s ease; -moz-transition: background-color 0.40s ease, box-shadow 0.40s ease; -webkit-transition: background-color 0.40s ease, box-shadow 0.40s 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.40s ease; -moz-transition: border-color 0.40s ease; -webkit-transition: border-color 0.40s 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 { 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; transition: top 0.3s ease-out, margin-top 0.3s ease-out, height 0.3s ease-out, color 0.15s linear; } .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 { border: none; } #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.4s ease 0s, box-shadow 0.4s ease 0s; -webkit-transition: background-color 0.4s ease 0s, box-shadow 0.4s ease 0s; -o-transition: background-color 0.4s ease 0s, box-shadow 0.4s ease 0s; } .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; transition: top 0.3s ease, margin-top 0.3s ease, height 0.3s ease, color 0.15s linear; } 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); } } /*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 { 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 { background-color: #ffffff !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 { 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 { 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 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: 'OpenSansBold'; 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: #CCCCCC; 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; } #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!important; } body .container .portfolio-filters-inline.full-width-content .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; height: 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; } } /*-------------------------------------------------------------------------*/ /* 3. Main Content /*-------------------------------------------------------------------------*/ .row .col.section-title { margin: 0px 0px 0px 0px; padding: 0px 0px 36px 0px; border-bottom: 1px solid #ddd; } #full_width_portfolio .row .col.section-title { border-bottom: 0px; padding-bottom: 0px; } .row .col.section-title.project-title, .row .col.section-title.blog-title { margin-bottom: 14px; } .project-additional { margin-left: 0px!important; color: #999999; font-size: 11px; margin-top: 6px; margin-bottom: 0px!important; } .project-additional li { list-style: none!important; } .home .row .col.section-title { padding: 0px 0px 3em 0px; } .row .col.section-title h1, .row .col.section-title h2 { margin-bottom: 0px; font-family: 'OpenSansSemibold'; letter-spacing: -1px; position: relative; } .row .col.section-title h2 { margin-bottom: 5px; } .page-template-template-portfolio-php .row .col.section-title h1 { margin-bottom: 0px!important; } .row .col.section-title h1 { top: 3px; } .row .col.section-title span { font-size: 20px; line-height: 20px; color: #888; top: 0px; position: relative; text-transform: none; font-family: 'OpenSansLight'; padding-left: 10px; } .row .col.section-title h1 { font-size: 28px; margin-bottom: 0px; } .row .col.section-title p { font-size: 20px; line-height: 28px; padding-bottom: 0px; font-family: 'OpenSansLight'; } .wpb_wrapper > .divider, .wpb_wrapper > .divider-border, .wpb_wrapper > .divider-small-border, .wpb_text_column > .wpb_wrapper > *:last-child { margin-bottom: 0px; } .divider { height: 20px; } .divider-border { margin: 35px 0px 35px 0px; border-bottom: 1px solid #ddd; } .centered-text .divider-small-border { margin: 25px auto; } .divider-small-border { margin: 25px 0px; width: 10%; border-bottom: 2px solid #000; display: inline-block; margin-bottom: 20px !important; } body .wpb_separator, body .vc_text_separator { border-color: rgba(0,0,0,0.06); } body .vc_text_separator div { background-color: #f8f8f8; font-family: 'openSansLight'; font-size: 22px; line-height: 32px; letter-spacing: 0.5px; top: -20px; } .light .divider-small-border { border-bottom: 1px solid rgba(255,255,255,0.6); } .col.boxed, .wpb_column.boxed { -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 15px 15px 15px; position: relative; -webkit-transition: top 0.2s linear, -webkit-box-shadow 0.2s linear; -moz-transition: top 0.2s linear, -moz-box-shadow 0.2s linear; -o-transition: top 0.2s linear, -o-box-shadow 0.2s linear; transition: top 0.2s linear, box-shadow 0.2s linear; } .col.boxed span.bottom-line, .wpb_column.boxed span.bottom-line { height: 1px; width: 100%; display: block; position: absolute; bottom: 2px; left: 0px; background-color: #E8E8E8; } .col.boxed img, .wpb_column.boxed img { padding: 0px 15px; } .col.boxed:hover, .wpb_column.boxed:hover { top: -4px; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3); box-shadow: 0 2px 3px rgba(0,0,0,0.3); } .col.centered-text, .wpb_column.centered-text { text-align: center; } .col.centered-text ul, .wpb_column.centered-text ul { display: inline-block; text-align: center; margin-left: 0!important; } .col.centered-text ul, .wpb_column.centered-text ul { text-align: left; } .wpb_column { transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; background-position: center; } .col.centered-text img, .wpb_column.centered-text img, .col.center img { margin: 0 auto!important; } .col.span_3 .col.span_12 i, .col.span_4 .col.span_12 i { margin-bottom: 0px; } body .wpb_text_column { margin-bottom: 0px; } body .wpb_text_column h2:last-child, body .wpb_text_column h3:last-child { margin-bottom: 10px; } /* Full width content solumn sizing*/ .wpb_row .span_12 > .col.padding-1-percent { padding: 1%; } .wpb_row .span_12 > .col.padding-2-percent { padding: 2%; } .wpb_row .span_12 > .col.padding-3-percent { padding: 3%; } .wpb_row .span_12 > .col.padding-4-percent { padding: 4%; } .wpb_row .span_12 > .col.padding-5-percent { padding: 5%; } .wpb_row .span_12 > .col.padding-6-percent { padding: 6%; } .wpb_row .span_12 > .col.padding-7-percent { padding: 7%; } .wpb_row .span_12 > .col.padding-8-percent { padding: 8%; } .wpb_row .span_12 > .col.padding-9-percent { padding: 9%; } .wpb_row .span_12 > .col.padding-10-percent { padding: 10%; } .wpb_row .span_12 > .col.padding-11-percent { padding: 11%; } .wpb_row .span_12 > .col.padding-12-percent { padding: 12%; } .wpb_row .span_12 > .col.padding-13-percent { padding: 13%; } .wpb_row .span_12 > .col.padding-14-percent { padding: 14%; } .wpb_row .span_12 > .col.padding-15-percent { padding: 15%; } .col[data-padding-pos="right"] { padding-left: 0!important; padding-top: 0!important; padding-bottom: 0!important; } .col[data-padding-pos="left"] { padding-right: 0!important; padding-top: 0!important; padding-bottom: 0!important; } .col[data-padding-pos="bottom"] { padding-right: 0!important; padding-top: 0!important; padding-left: 0!important; } .col[data-padding-pos="top"] { padding-right: 0!important; padding-bottom: 0!important; padding-left: 0!important; } .col[data-padding-pos="top-right"] { padding-bottom: 0!important; padding-left: 0!important; } .col[data-padding-pos="top-left"] { padding-bottom: 0!important; padding-right: 0!important; } .col[data-padding-pos="top-bottom"] { padding-left: 0!important; padding-right: 0!important; } .col[data-padding-pos="bottom-right"] { padding-left: 0!important; padding-top: 0!important; } .col[data-padding-pos="bottom-left"] { padding-right: 0!important; padding-top: 0!important; } /*****************Nectar Button ******************/ .btn { padding: 8px 16px; } .nectar-button { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; color: #FFFFFF; font-family: 'OpenSansbold'; font-size: 12px; letter-spacing: 2px!important; padding: 13px 18px; position: relative; text-transform: uppercase; top: -3px; margin-bottom: 10px; opacity: 1; line-height: 20px; background-color: #27CFC3; display: inline-block; } .nectar-button.small { border-radius: 2px 2px 2px 2px; font-size: 9px; padding: 5px 8px; letter-spacing: 1.3px; color: #FFFFFF; box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; } .nectar-button.medium { border-radius: 3px 3px 3px 3px; padding: 10px 15px; font-size: 12px; letter-spacing: 2px; color: #FFFFFF; box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset; } .nectar-button.large { font-size: 13px; padding: 15px 22px; box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; } .nectar-button i { font-size: 18px; line-height: 18px; width: 18px; position: absolute; top: 50%; right: 30px; margin-top: -9px; opacity: 0; -ms-filter: "alpha(opacity=0)"; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; } .nectar-button i.icon-button-arrow { font-size: 20px; } .nectar-button span { left: 0px; transition: opacity 0.2s ease-out, left 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out, left 0.2s ease-out; position: relative; } .nectar-button.has-icon, .nectar-button.tilt.has-icon { padding-left: 42px; padding-right: 42px; } .nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span { left: -18px; } .nectar-button.has-icon:hover i, .nectar-button.tilt.has-icon i { opacity: 1; -ms-filter: "alpha(opacity=100)"; right: 24px; } .nectar-button:hover, .full-width-section .light .nectar-button:hover { opacity: 0.75; color: #fff; } .full-width-section .light .nectar-button { opacity: 0.9; } .text_on_hover.product .add_to_cart_button, .text_on_hover.product a.added_to_cart { font-family: 'OpenSansbold'; font-size: 12px; line-height: 14px; letter-spacing: 1px!important; position: relative; text-transform: uppercase; } .text_on_hover.product a.added_to_cart { border-radius: 2px; } .nectar-button.see-through, body .nectar-button.see-through, .text_on_hover.product .add_to_cart_button { background-color: transparent!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; opacity: 1!important; transition: all 0.2s linear!important; -moz-transition: all 0.2s linear!important; -webkit-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; border-radius: 2px!important; -webkit-border-radius: 2px!important; -o-border-radius: 2px!important; border: 2px solid rgba(255,255,255,0.75); } .nectar-button.see-through-2 { background-color: transparent; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; opacity: 1; transition: all 0.2s linear!important; -moz-transition: all 0.2s linear!important; -webkit-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; border-radius: 2px!important; -webkit-border-radius: 2px!important; -o-border-radius: 2px!important; border: 2px solid rgba(255,255,255,0.75); } body .nectar-button.see-through:hover { border: 2px solid rgba(255,255,255,1); } .col.light .nectar-button.see-through-2 { color: #fff; } .col.light .nectar-button.see-through { border: 2px solid rgba(255,255,255,0.75); color: #fff; } .col.light .nectar-button.see-through:hover { border: 2px solid rgba(255,255,255,1); } .col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 { border: 2px solid rgba(0,0,0,0.75); color: #444444; } .col.dark .nectar-button.see-through:hover { border: 2px solid rgba(0,0,0,1); } body .nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover { border-color: #27CFC3; background-color: #27CFC3; color: #fff; opacity: 1!important; } h2 .nectar-button { top: -6px; } .nectar-button:not([data-color-override="false"]), .nectar-button:not([data-hover-color-override="false"]) { visibility: hidden; } /*-------------------------------------------------------------------------*/ /* 4. Plugin Related Styles /*-------------------------------------------------------------------------*/ /***************** Superfish ******************/ .sf-menu { line-height: 1; } .sf-menu ul { position: absolute; /* top: 0px !important;*/ width: 10em; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; z-index: 99; } header#top .sf-menu > li:hover > ul, header#top .sf-menu > li.sfHover > ul { top: 92px !important; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10.8em; top: -10px; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; } .sub-menu { z-index: 3; } .sf-menu { float: left; margin-bottom: 30px; } .sf-menu li li a, .sf-menu li li a:visited { padding-left: 1.25em; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0 none; } .sf-menu ul li a { margin: 0; padding: 14px; border-bottom: 1px solid rgba(255,255,255,0.08); } .sf-sub-indicator { display: inline-block; width: 10px; position: relative; left: 8px; height: 10px; } .sf-sub-indicator i { width: 8px; } .sf-sub-indicator [class^="icon-"], .sf-sub-indicator [class*=" icon-"] { color: #888; font-size: 12px; line-height: 16px; height: auto; background-color: transparent!important; } .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active, .sf-menu ul li:hover > a, .sf-menu ul li.sfHover > a { color: #27CFC3; } .sf-shadow ul.sf-shadow-off { background: none repeat scroll 0 0 transparent; } .sf-vertical, .sf-vertical li { width: 100%; } .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; } .sf-menu, .sf-menu * { list-style: none outside none; margin: 0; padding: 0; z-index: 10; } .sf-menu { line-height: 1; margin-top: 3px; } .sf-menu ul { position: absolute; top: -999em; width: 17em; } .sf-menu ul li, .sf-menu ul li li { font-size: 12px; width: 100%; } .sf-menu ul li:last-child a { border-bottom: medium none; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; line-height: 12px!important; font-size: 12px!important; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 33px; z-index: 999; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 15em; top: 0px; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 15em; top: 0; } .sf-menu .sf-with-ul a { min-width: 1px; padding-right: 16px!important; } header#top .sf-menu li ul li a { font-size: 14px; line-height: 16px; border-bottom: 1px #FFF solid; color: #FFF; transition: none; letter-spacing: 0; background-color: #ec1e3a; } .sf-menu li ul li a:hover, .sf-menu li ul li.sfHover > a { color: #27CFC3; background-color: #272727!important; } .sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="icon-"] { color: #27CFC3; } .sf-menu li ul li .sf-sub-indicator { right: 14px; left: auto; top: 14px; display: block; position: absolute; } .sf-menu li ul, .sf-menu li li ul { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } .sf-menu li li ul { left: 17em!important; } .sf-menu { float: right; } .sf-menu a { margin: 0 1px; padding: 0.75em 1em 32px; text-decoration: none; } .sf-menu ul li { font-weight: normal; } .sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a { box-shadow: none; } .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active { border-radius: 0 0 0 0; box-shadow: none; text-shadow: none; } .mejs-overlay-button, .mejs-overlay-loading { display: none!Important; } .home-wrap { padding-top: 3em; margin-bottom: 0px; padding-bottom: 0px; position: relative; z-index: 100; background-color: #FFF; margin-top: -40px; } html:not(.js) .home-wrap { padding-top: 0px; } html.no-overflow-y { overflow-y: hidden!important; } /***************** Nectar Slider ******************/ .swiper-slide { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; } .nectar-slider-wrap[data-transition="fade"] .swiper-slide-active { z-index: 50; } .mobile-video-image { position: absolute; z-index: 10; top: 0px; left: 0px; display: none; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; } .swiper-slide[data-bg-alignment="top"] { background-position: center top; } .swiper-slide[data-bg-alignment="center"] { background-position: center center; } .swiper-slide[data-bg-alignment="bottom"] { background-position: center bottom; } .swiper-slide .content { color: #fff; width: 100%; left: 0px; position: absolute; top: 250px; z-index: 100; font-size: 18px; } .swiper-slide .content ul { margin-top: -25px; } .swiper-slide .content ul li { color: #FFF; font-size: 18px; display: inline !important; margin-left: 15px; margin-right: 15px; list-style: outside none none; background-image: url("img/bullet1.png"); background-repeat: no-repeat; background-position: 0px center; padding-left: 30px; } .no-transform { transform: inherit!important; -webkit-transform: inherit!important; } #boxed .swiper-slide .content, #boxed .slider-prev, #boxed .slider-next { /*opacity: 1!important; -webkit-transform: translate(0, 0)!important; -moz-transform: translate(0, 0)!important; transform: translate(0, 0)!important; -o-transform: translate(0, 0)!important;*/ } .parallax_slider_outer.first-section .swiper-slide .content, .nectar-slider-wrap.first-section .swiper-slide .content { margin-top: 23px; margin-left: -10px; } body[data-header-resize="0"] .parallax_slider_outer.first-section { margin-top: 0 !important; } .parallax_slider_outer.first-section .swiper-slide .content { -webkit-backface-visibility: hidden; } body[data-smooth-scrolling="1"] .parallax_slider_outer.first-section .slider-pagination, body[data-smooth-scrolling="1"] .nectar-slider-wrap.first-section .slider-pagination { padding-right: 13px; } .nectar-slider-wrap { display: none; } html:not(.js) .nectar-slider-wrap { display: block; } .nectar-slider-loading { background-color: #393939; background-position: center; background-repeat: repeat; background-image: url('img/textures/diagonal_line.png'); position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; } .nectar-slider-loading.default-loader .loading-icon, .pp_loaderIcon.default_loader { background-image: none!important; } .nectar-slider-loading.default-loader .loading-icon span { border: 3px solid #666; background-color: #393939; } .pp_loaderIcon span { border: 3px solid #666; } .nectar-slider-loading .loading-icon { background-position: center; background-repeat: no-repeat; background-image: url('img/icons/nectar-loading.gif'); position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; } .nectar-slider-wrap .swiper-container .swiper-wrapper .swiper-slide.not-loaded { background-color: #393939!important; } .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content { margin-top: 0px; } .swiper-slide .content p, .swiper-slide .content h2, .swiper-slide .content .buttons { opacity: 0; padding-top: 25px; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; } .nectar-slider-wrap[data-overall_style="directional"] .swiper-slide .content p, .nectar-slider-wrap[data-overall_style="directional"] .swiper-slide .content h2, .nectar-slider-wrap[data-overall_style="directional"] .swiper-slide .content .buttons { opacity: 1!important; padding-top: 0!important; } .swiper-slide .content p i { border-radius: 0px!important; width: 24px!Important; font-size: 20px!Important; background-color: transparent!important; } .swiper-slide .content iframe { max-width: 1100px; } .swiper-slide .content.centered { text-align: center; } .swiper-slide .content img { margin-bottom: 30px; } .swiper-slide .content h2 { font-size: 53px; line-height: 80px; letter-spacing: -1px; display: block; color: #b8d777; font-family: 'OpenSansBold'; } #boxed .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 { font-size: 50px; line-height: 70px; } .vc_span3 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-3 .nectar-slider-wrap .swiper-slide .content h2, .vc_span4 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-4 .nectar-slider-wrap .swiper-slide .content h2, .vc_span6 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-6 .nectar-slider-wrap .swiper-slide .content h2, .vc_span8 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-8 .nectar-slider-wrap .swiper-slide .content h2, .vc_span9 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-9 .nectar-slider-wrap .swiper-slide .content h2 { font-size: 40px; line-height: 60px!important; } .swiper-slide .content p { font-size: 24px; line-height: 38px; font-family: 'OpenSansLight'; } .swiper-slide .content p.transparent-bg span { padding: 4px 0px; display: inline; position: relative; left: 10px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); line-height: 45px; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p.transparent-bg span { line-height: 40px; } .swiper-slide[data-color-scheme="dark"] .content p.transparent-bg span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4); -moz-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4); -webkit-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4); -o-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4); } .vc_span3 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-3 .nectar-slider-wrap .swiper-slide .content p, .vc_span4 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-4 .nectar-slider-wrap .swiper-slide .content p, .vc_span6 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-6 .nectar-slider-wrap .swiper-slide .content p, .vc_span8 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-8 .nectar-slider-wrap .swiper-slide .content p, .vc_span9 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-9 .nectar-slider-wrap .swiper-slide .content p { font-size: 17px!important; line-height: 28px!important; } .swiper-slide .content p::selection, .swiper-slide .content h2::selection, .swiper-slide .button a::selection, .swiper-container div::selection, .swiper-container span::selection, .swiper-container img::selection { background: transparent!important; color: #fff!important; } .swiper-slide .content p::-moz-selection, .swiper-slide .content h2::-moz-selection, .swiper-slide .button a::-moz-selection, .swiper-container div::-moz-selection, .swiper-container span::-moz-selection, swiper-container img::-moz-selection { background: transparent!important; color:#fff!important; } .swiper-slide[data-color-scheme="dark"] .content p::selection, .swiper-slide[data-color-scheme="dark"] .content h2::selection, .swiper-slide[data-color-scheme="dark"] .button.transparent a::selection, .swiper-slide[data-color-scheme="dark"] img::selection, .swiper-container .swiper-slide[data-color-scheme="dark"] span::selection { background: transparent!important; color: #000!important; } .swiper-slide[data-color-scheme="dark"] .content p::-moz-selection, .swiper-slide[data-color-scheme="dark"] .content h2::-moz-selection, .swiper-slide[data-color-scheme="dark"] .button.transparent a::-moz-selection, .swiper-slide[data-color-scheme="dark"] img::-moz-selection, .swiper-container .swiper-slide[data-color-scheme="dark"] span::-moz-selection { background: transparent!important; color:#000!important; } #header-outer.transparent.dark-slide header#top nav > ul > li > a, #header-outer.transparent.dark-slide:not(.directional-nav-effect) header#top nav ul #search-btn a span, #header-outer.transparent.dark-slide nav > ul > li > a > .sf-sub-indicator [class^="icon-"], #header-outer.transparent.dark-slide nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], #header-outer.transparent.dark-slide:not(.directional-nav-effect) .cart-menu .cart-icon-wrap .icon-salient-cart, body.ascend[data-header-color="custom"] #boxed #header-outer.transparent.dark-slide .cart-outer .cart-menu .cart-icon-wrap i, body.ascend #boxed #header-outer.transparent.dark-slide .cart-outer .cart-menu .cart-icon-wrap i { color: #000!important; } #header-outer.transparent.dark-slide:not(.directional-nav-effect) header#top nav ul .slide-out-widget-area-toggle a .lines-button i, #header-outer.transparent.dark-slide:not(.directional-nav-effect) header#top nav ul .slide-out-widget-area-toggle a .lines-button i:after, #header-outer.transparent.dark-slide:not(.directional-nav-effect) header#top nav ul .slide-out-widget-area-toggle a .lines-button i:before { background-color: #000!important; } #header-outer.transparent.dark-slide header#top nav > ul > li > a:hover, #header-outer.transparent.dark-slide header#top nav .sf-menu > li.sfHover > a, #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current_page_ancestor > a, #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current-menu-item > a, #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current_page_item > a, #header-outer.transparent.dark-slide header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.transparent.dark-slide header#top nav > ul > li.sfHover > a > span > i, #header-outer.transparent.dark-slide header#top nav ul #search-btn a:hover span, #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current-menu-ancestor > a i, #header-outer.transparent.dark-slide .cart-outer:hover .icon-salient-cart, body.ascend[data-header-color="custom"] #boxed #header-outer.transparent.dark-slide .cart-outer:hover .cart-menu .cart-icon-wrap i, #header-outer.transparent.dark-slide header#top #logo { color: #000!important; } body #header-outer.transparent[data-transparent-header="true"].dark-slide, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"].dark-slide header#top nav ul #search-btn a, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"].dark-slide header#top nav ul .slide-out-widget-area-toggle a, html body #header-outer.transparent[data-transparent-header="true"].dark-slide .cart-menu, html .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide .cart-menu:after, body #header-outer.transparent[data-transparent-header="true"].dark-slide header#top nav ul #search-btn > div, body #header-outer.transparent[data-transparent-header="true"].dark-slide header#top nav ul .slide-out-widget-area-toggle > div, #boxed #header-outer.transparent[data-transparent-header="true"].dark-slide, html body.ascend #boxed #header-outer.transparent.dark-slide .cart-menu .cart-icon-wrap i, html body.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide header#top nav ul #search-btn a:after, .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide header#top nav ul .slide-out-widget-area-toggle a:after, html body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"].dark-slide .cart-menu:after { border-color: rgba(0, 0, 0, 0.08) !important; } /* directional nav effect */ #header-outer.directional-nav-effect:not(.transparent) header#top nav > ul > li > a span.light, #header-outer.directional-nav-effect:not(.transparent) header#top nav > ul > li > a span.dark, #header-outer.directional-nav-effect:not(.transparent) header#top nav > ul.buttons > li a span.light, #header-outer.directional-nav-effect:not(.transparent) header#top nav > ul.buttons > li a span.dark, #header-outer.directional-nav-effect:not(.transparent) .cart-menu .cart-icon-wrap span.light, #header-outer.directional-nav-effect:not(.transparent) .cart-menu .cart-icon-wrap span.dark, #header-outer:not(.directional-nav-effect) .cart-menu .cart-icon-wrap span.light, #header-outer:not(.directional-nav-effect) .cart-menu .cart-icon-wrap span.dark, #header-outer.directional-nav-effect:not(.transparent) #logo span.light, #header-outer.directional-nav-effect:not(.transparent) #logo span.dark { display: none!important; } #header-outer.transparent.directional-nav-effect header#top nav > ul > li > a span, #header-outer.transparent.directional-nav-effect header#top nav > ul.buttons > li a span, #header-outer.transparent.directional-nav-effect .cart-icon-wrap > span, #header-outer.transparent.directional-nav-effect .cart-icon-wrap > span span { display: inline-block; } #header-outer.directional-nav-effect header#top nav > ul > li > a span.original, #header-outer.directional-nav-effect header#top nav > ul.buttons span.original, #header-outer.directional-nav-effect header#top nav ul #search-btn a span.original span.icon-salient-search, #header-outer.directional-nav-effect .cart-menu .cart-icon-wrap span.original, #header-outer.directional-nav-effect header#top nav > ul > li > a span.original span, #header-outer.directional-nav-effect header#top nav > ul.buttons span.original span, #header-outer.directional-nav-effect header#top nav ul #search-btn a span.original span.icon-salient-search, #header-outer.directional-nav-effect .cart-menu .cart-icon-wrap span.original span, #header-outer.directional-nav-effect .slide-out-widget-area-toggle span.original { opacity: 1; display: inline; } #header-outer.transparent.directional-nav-effect header#top nav > ul > li > a span.original, #header-outer.transparent.directional-nav-effect header#top nav > ul.buttons span.original, #header-outer.transparent.directional-nav-effect header#top nav ul #search-btn a span.original span.icon-salient-search, #header-outer.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.original, #header-outer.transparent.directional-nav-effect header#top #logo span.original { opacity: 0!important; display: block; } #header-outer.directional-nav-effect header#top nav ul #search-btn a span.original span.icon-salient-search { margin-left: 4px; } #header-outer.directional-nav-effect[data-format="centered-menu"] header#top nav ul #search-btn a span.original span.icon-salient-search { margin-left: 0px; } #header-outer.transparent.directional-nav-effect .sf-sub-indicator { display: inline!important; } /*dark*/ #header-outer.transparent.directional-nav-effect header#top nav > ul > li > a span.dark, #header-outer.transparent.directional-nav-effect header#top nav > ul.buttons > li a span.dark, #header-outer.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.dark .icon-salient-cart, #header-outer.transparent.directional-nav-effect header#top nav ul #search-btn a span.dark span.icon-salient-search, #header-outer.transparent.directional-nav-effect header#top nav ul span.dark .sf-sub-indicator i, #header-outer.transparent.directional-nav-effect header#top #logo span.dark { color: #000!important; } #header-outer.transparent.directional-nav-effect header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i, #header-outer.transparent.directional-nav-effect header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i:after, #header-outer.transparent.directional-nav-effect header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i:before { background-color: #000!important; } #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top nav > ul > li > a span.dark, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top nav > ul.buttons > li a span.dark, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top #logo span.dark, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.dark .icon-salient-cart { opacity: 0!important; } #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top nav > ul > li > a span.light, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top nav > ul > li > a span.light span, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top nav > ul.buttons > li a span.light, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top nav > ul.buttons > li a span.light span, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.light, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.light span, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top #logo span.light, #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect header#top #logo span.light span { margin-left: 0!important; width: auto!important; } /*light*/ #header-outer.transparent.directional-nav-effect header#top nav > ul > li > a span.light, #header-outer.transparent.directional-nav-effect header#top nav > ul.buttons > li a span.light, #header-outer.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.light .icon-salient-cart, #header-outer.transparent.directional-nav-effect header#top nav ul #search-btn a span.light span.icon-salient-search, #header-outer.transparent.directional-nav-effect header#top nav ul span.light .sf-sub-indicator i, #header-outer.transparent.directional-nav-effect header#top #logo span.light { color: #fff!important; } #header-outer.transparent.directional-nav-effect header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before { background-color: #fff!important; } /* rules for both*/ #header-outer.transparent.directional-nav-effect header#top nav > ul > li > a span.light, #header-outer.transparent.directional-nav-effect header#top nav > ul > li > a span.dark, #header-outer.transparent.directional-nav-effect header#top nav > ul.buttons > li a span.light, #header-outer.transparent.directional-nav-effect header#top nav > ul.buttons > li a span.dark, #header-outer.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.dark, #header-outer.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.light, #header-outer.transparent.directional-nav-effect .cart-menu .cart-icon-wrap span.original, #header-outer.transparent.directional-nav-effect header#top #logo span.light, #header-outer.transparent.directional-nav-effect header#top #logo span.dark { position: absolute; overflow: hidden; text-align: left; } #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] header#top #logo span.light, #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] header#top #logo span.dark { position: relative!important; } #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] header#top #logo span.original { display: none!important; } #header-outer.directional-nav-effect[data-format="centered-menu-under-logo"] header#top #logo span.original img { margin-bottom: 0!important; } #header-outer.transparent.directional-nav-effect header#top .span_9 .buttons, #header-outer.transparent.directional-nav-effect header#top nav > ul > li > a { text-align: left; } #header-outer.transparent.directional-nav-effect header#top nav ul #search-btn a span.dark span, #header-outer.transparent.directional-nav-effect header#top nav ul #search-btn a span.light span { width: 24px!important; } .ascend #header-outer.transparent.directional-nav-effect .cart-menu .cart-icon-wrap i, #header-outer.transparent.directional-nav-effect header#top #logo span.original, #header-outer.transparent.directional-nav-effect header#top #logo img { position: relative!important; } #header-outer.transparent.directional-nav-effect header#top #logo img { opacity: 1!important; display: inline; transition: none!important; -webkit-transition: none!important; } .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect header#top nav ul #search-btn .light a:after, .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect header#top nav ul #search-btn .dark a:after, .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect header#top nav ul .slide-out-widget-area-toggle .dark a:after, .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect header#top nav ul .slide-out-widget-area-toggle .light a:after, .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect .dark .cart-menu:after, .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect .light .cart-menu:after { border: none!important; } @media only screen and (min-width: 1001px) { #header-outer[data-transparent-header="true"].transparent #logo img.dark-version, #header-outer[data-transparent-header="true"].light-text #logo img.dark-version { opacity: 0!important; } #header-outer[data-transparent-header="true"].transparent.dark-slide #logo img, #header-outer[data-transparent-header="true"].dark-text #logo img, #header-outer[data-transparent-header="true"].dark-text.side-widget-open #logo img.dark-version { opacity: 0!important; } #header-outer[data-transparent-header="true"].transparent.dark-slide #logo img.dark-version, #header-outer[data-transparent-header="true"].dark-text #logo img.dark-version, #header-outer[data-transparent-header="true"].dark-text.side-widget-open #logo img.starting-logo { opacity: 1!important; } } .swiper-slide img { display: block; margin: 0 auto; max-width: 100%; } .video-texture { height: 3000px; width: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 10; } .active_texture { background-image: url(img/textures/grid.png); } .swiper-slide .button { display: inline-block; padding: 8px; margin: 0px 0px 0px 0px; border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; /*-webkit-transform-style: preserve-3d;*/ -moz-transform-style: preserve-3d;/*transform-style: preserve-3d;*/ } .swiper-slide .buttons > div:last-child { padding-right: 0px!Important; } .swiper-slide .buttons > div:first-child { padding-left: 0px; } .swiper-slide .button.solid_color_2, .tilt-button-wrap { -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; display: inline-block; } .swiper-slide .button.solid_color_2:before { -webkit-font-smoothing: antialiased; } .swiper-slide .button.solid_color_2 a, .nectar-button.tilt { display: block; background: #5cbcf6; outline: 1px solid transparent; /* FF jagged edges fix */ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; outline: none; padding-left: 22px; padding-right: 22px; position: relative; border-bottom: none!important; border-radius: 0!important; opacity: 1!important; -webkit-transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); -moz-transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); } .swiper-slide .button.solid_color_2 a:after, .nectar-button.tilt:after { width: 100%; height: 37%; left: 0; top: -35%; -webkit-transform-origin: 0% 100%; -webkit-transform: rotateX(90deg); -moz-transform-origin: 0% 100%; -moz-transform: rotateX(90deg); transform-origin: 0% 100%; transform: rotateX(90deg); content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); -moz-transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); -webkit-font-smoothing: antialiased; } .swiper-slide .button.solid_color_2 a:before, .nectar-button.tilt:before { width: 100%; height: 30%; left: 0; top: 99%; background: #49a7df; -webkit-transform-origin: 0% 0%; -webkit-transform: rotateX(-90deg); -moz-transform-origin: 0% 0%; -moz-transform: rotateX(-90deg); -ms-transform-origin: 0% 0%; -ms-transform: rotateX(-90deg); transform-origin: 0% 0%; transform: rotateX(-90deg); -webkit-transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); -moz-transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); transition: all 0.45s cubic-bezier(0.68, -0.2, 0.265, 3); -webkit-font-smoothing: antialiased; content: ''; position: absolute; z-index: -1; } .swiper-slide .button.solid_color_2 a:hover, .nectar-button.tilt:hover { -webkit-transform: rotateX(20deg); -moz-transform: rotateX(20deg); -ms-transform: rotateX(20deg); transform: rotateX(20deg); } .swiper-slide .button.solid_color_2 .button-wrap, .tilt-button-inner { overflow: hidden; padding: 3px 0px; display: inline; } .swiper-slide .button a { background-color: #2391a8; color: #fff; border-radius: 2px; padding: 13px 35px; text-decoration: none; /*box-shadow: 0px 1px 0px rgba(255,255,255,0.25) inset, 0px 1px 3px rgba(0,0,0,0.2);*/ text-transform: uppercase; font-family: 'OpenSansRegular'; letter-spacing: 2px; font-size: 20px; display: block; transition: border-color 0.2s linear, background-color 0.2s linear; -moz-transition: border-color 0.2s linear, background-color 0.2s linear; -o-transition: border-color 0.2s linear, background-color 0.2s linear; -webkit-transition: border-color 0.2s linear, background-color 0.2s linear; margin-top: 36px; } div[data-button-sizing="large"] .swiper-slide .button a { font-size: 15px; padding: 18px 40px; } div[data-button-sizing="large"] .swiper-slide .button.transparent a, div[data-button-sizing="large"] .swiper-slide .button.transparent_2 a { padding: 18px 40px!important; } div[data-button-sizing="jumbo"] .swiper-slide .button a { font-size: 18px; padding: 25px 45px; } div[data-button-sizing="jumbo"] .swiper-slide .button.transparent a, div[data-button-sizing="jumbo"] .swiper-slide .button.transparent_2 a { padding: 23px 45px!important; } .nectar-slider-wrap[data-full-width="false"] .swiper-slide .button a { padding: 10px 15px!important; } .nectar-slider-wrap[data-full-width="false"] .swiper-slide .button.transparent a { padding: 8px 15px!important; } .swiper-slide .button.transparent a, .swiper-slide .button.transparent_2 a { box-shadow: none!important; padding: 11px 17px!important; background-color: transparent!important; border: 2px solid rgba(255,255,255,0.7); } .swiper-slide .button.transparent a:hover { border: 2px solid rgba(255,255,255,1); } .swiper-slide .button.transparent_2 a:hover { border-color: transparent!important; background-color: #27CFC3; color: #fff!important; } .swiper-slide[data-color-scheme="dark"] .content h2, .swiper-slide[data-color-scheme="dark"] .content p, .swiper-slide[data-color-scheme="dark"] .content .button.transparent a, .swiper-slide[data-color-scheme="dark"] .content .button.transparent_2 a { color: #111; text-shadow: none!important; } .swiper-wrapper .swiper-slide[data-color-scheme="dark"] .slider-down-arrow i.icon-default-style[class^="icon-"] { color: #111!important; } .swiper-slide[data-color-scheme="dark"] .content .button.transparent a, .swiper-slide[data-color-scheme="dark"] .content .button.transparent_2 a { border: 2px solid rgba(0,0,0,0.4)!important; } .swiper-slide[data-color-scheme="dark"] .content .button.transparent a:hover, .swiper-slide[data-color-scheme="dark"] .content .button.transparent_2 a:hover { border: 2px solid rgba(0,0,0,1)!important; } .swiper-slide[data-x-pos="left"] .content { text-align: left; } .swiper-slide[data-x-pos="left"] .content p { margin: 0px; } .swiper-slide[data-x-pos="centered"] .content { text-align: center; } .swiper-slide[data-x-pos="right"] .content { width: 50%; left: auto; right: 0px; } .swiper-slide[data-x-pos="right"] .content p { margin: 0px; } .swiper-slide[data-x-pos="right"] .content .buttons { clear: both; } .swiper-slide[data-x-pos="right"] .content p:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; /*-moz-transform:translate3d(0px,0,0);*/ -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; /*transform:translate3d(0px,0,0);*/ transition-timing-function: ease; } .swiper-slide { float: left; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* Specify Swiper's Size: */ .swiper-container, .swiper-slide { width: 100%; height: 800px; overflow: hidden; position: relative; } .swiper-slide .video-wrap { position: absolute!important; top: 0; left: 0; padding-bottom: 0px!important; overflow: hidden; } .slider-pagination { position: absolute; z-index: 20; bottom: 25px; display: block; width: 100%; text-align: center; opacity: 0; } .slider-pagination .swiper-pagination-switch { border: 1px solid #fff; background-color: transparent; border-radius: 10px 10px 10px 10px; cursor: pointer; display: inline-block; height: 10px; margin: 0 4px; width: 10px; transition: background-color 0.2s linear, border-color 0.2s linear; -moz-transition: background-color 0.2s linear, border-color 0.2s linear; -webkit-transition: background-color 0.2s linear, border-color 0.2s linear; -o-transition: background-color 0.2s linear, border-color 0.2s linear; } .slider-pagination .swiper-pagination-switch:hover { background-color: #fff; } .swiper-container .slider-pagination .swiper-active-switch { background: none repeat scroll 0 0 #FFFFFF; } .slider-pagination.dark-cs .swiper-pagination-switch { border: 1px solid #000; background-color: transparent; } .slider-pagination.dark-cs .swiper-pagination-switch:hover { background: none repeat scroll 0 0 #000; } .slider-pagination.dark-cs .swiper-active-switch { background: none repeat scroll 0 0 #000; } .swiper-container .slider-prev, .swiper-container .slider-next { position: absolute; z-index: 130; top: 50%; height: 54px; margin-top: -28px; width: 100%; } .swiper-slide .content .buttons { position: relative; } .nectar-slider-wrap.first-section[data-full-width="true"] .swiper-container .slider-prev, .nectar-slider-wrap.first-section[data-full-width="true"] .swiper-container .slider-next { margin-top: 0px; } .parallax_slider_outer.first-section .swiper-container .slider-prev, .parallax_slider_outer.first-section .swiper-container .slider-next { margin-top: 0px; -webkit-backface-visibility: hidden; } .slider-prev.dark-cs, .slider-next.dark-cs { background-color: rgba(255,255,255,0.5)!important; } .slider-prev.dark-cs:hover, .slider-next.dark-cs:hover { background-color: rgba(255,255,255,0.8)!important; } .slider-prev.dark-cs i, .slider-next.dark-cs i, .swiper-container .dark-cs.slider-prev .slide-count span, .swiper-container .dark-cs.slider-next .slide-count span { color: #000; transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear; } .swiper-container .slider-prev, .swiper-container .slider-next { position: absolute; z-index: 130; display: block; color: #fff; height: 60px; width: 50px; background-color: rgba(0,0,0,0.4); border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; } .swiper-container .slider-prev .slide-count span, .swiper-container .slider-next .slide-count span { opacity: 0; -ms-filter: "alpha(opacity=0)"; } .swiper-container .slider-next .slide-count { left: auto; right: 0px; } .swiper-container .slide-count { position: absolute; left: 0px; top: 0px; height: 64px; width: 50px; } .swiper-container .slide-count i { opacity: 0.7; top: 17px; line-height: normal!important; font-size: 26px!important; } .swiper-container .slide-count { font-size: 10px!important; } .swiper-container .slide-count .slide-current { position: absolute; top: 14px; left: 15px; height: 10px; line-height: 10px; } .swiper-container .slide-count .slide-current.double-digits { top: 16px!important; left: 9px!important; } .swiper-container .slide-count .slide-total { position: absolute; top: 35px; left: 31px; height: 10px; line-height: 10px; } .swiper-container .slider-next { border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; } .swiper-container .mejs-poster { background-size: cover!important; -moz-background-size: cover!important; -webkit-background-size: cover!important; -o-background-size: cover!important; } .nectar-slider-wrap { overflow: hidden; position: relative; left: 0px; } .parallax_slider_outer .nectar-slider-wrap[data-full-width="boxed-full-width"] { margin: 0px!important; } .nectar-slider-wrap[data-full-width="boxed-full-width"] { margin: 0px -56px 0px -56px!important; } .full-width-content .wpb_column .nectar-slider-wrap[data-full-width="boxed-full-width"] { margin: 0!important; } body[data-ext-responsive="true"] .vc_span12 .nectar-slider-wrap[data-full-width="boxed-full-width"], body[data-ext-responsive="true"] .vc_col-sm-12 .nectar-slider-wrap[data-full-width="boxed-full-width"] { margin: 0 -4.5%!important; } .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content { padding: 0px 50px!important; } .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content { padding: 0px 100px; } .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide[data-x-pos="right"] .content { padding: 0px 100px 0px 0px!important; } .nectar-slider-wrap[data-full-width="true"].first-section, .nectar-slider-wrap[data-full-width="boxed-full-width"].first-section { margin-top: -70px; } @media only screen and (min-width: 1000px) { body[data-transparent-header="false"][data-bg-header="true"] .wpb_row.first-section { margin-top: -43px!important; } } body[data-transparent-header="false"][data-header-resize="0"] .nectar-slider-wrap[data-full-width="true"].first-section, body[data-transparent-header="false"][data-header-resize="0"] .nectar-slider-wrap[data-full-width="true"].first-section .swiper-slide .content { margin-top: 0px!important; } #post-area.span_9 .nectar-slider-wrap[data-full-width="true"].first-section, #post-area.span_9 .nectar-slider-wrap[data-full-width="boxed-full-width"].first-section { margin-top: 0px!important; } .parallax_slider_outer.first-section { margin-bottom: -2px!important; margin-top: -42px; } .parallax_slider_outer.first-section .nectar-slider-wrap { position: fixed; left: 0px!important; -webkit-backface-visibility: hidden; } .no-left-margin.first-section { height: auto!important; } .no-left-margin.first-section .nectar-slider-wrap { left: 0!important; } body .parallax_slider_outer.first-section .nectar-slider-wrap[data-full-width="boxed-full-width"] { left: auto!important;/*position: relative!important;*/ } .parallax_slider_outer .swiper-container .slider-prev { left: 0px!important; } .parallax_slider_outer .swiper-container .slider-next { right: 0px!important; } .parallax_slider_outer .swiper-container, .parallax_slider_outer.first-section .nectar-slider-wrap { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); -webkit-backface-visibility: hidden; } body[data-smooth-scrolling="1"] .parallax_slider_outer .swiper-container .slider-next { right: 16px!important; } body[data-smooth-scrolling="1"] .parallax_slider_outer .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-container .slider-next, body[data-smooth-scrolling="1"] #boxed .parallax_slider_outer .nectar-slider-wrap .swiper-container .slider-next { right: 0px!important; } .swiper-container .slider-prev:hover, .swiper-container .slider-next:hover { background-color: rgba(0,0,0,0.8); } .swiper-container .slider-prev i, .swiper-container .slider-next i { font-size: 21px; background-color: transparent!important; line-height: 64px; } .swiper-container .slider-prev > i, .swiper-container .slider-next > i { width: 20px!important; } .swiper-container .slider-prev > i { position: absolute; padding-right: 0px; left: 13px; } .swiper-container .slider-next > i { position: absolute; right: 13px; left: auto; } .swiper-container .slider-prev .slide-count { right: 6px!important; left: auto!important; text-align: center; } .swiper-container .slider-next .slide-count { left: 6px!important; text-align: center; } .swiper-container .slider-next { right: 0px; padding-left: 4px; opacity: 0; } .swiper-container .slider-prev { left: 0px; padding-right: 4px; opacity: 0; } body[data-smooth-scrolling="1"] .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-next { right: 8px; } body[data-smooth-scrolling="1"] .nectar-slider-wrap[data-full-width="true"][data-parallax="true"] .swiper-container .slider-next { right: 10px; } body[data-smooth-scrolling="1"] .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-prev { left: 7px; } /* Swiper Styles */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: visible!important; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; /*-moz-transform:translate3d(0px,0,0);*/ -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; /*transform:translate3d(0px,0,0);*/ transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; left: 0px; } .swiper-slide { float: left; margin-top: -80px; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .swiper-container, .swiper-slide { width: 100%; height: 750px; overflow: hidden; position: relative; } .swiper-slide .video-wrap { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } .swiper-slide .video-wrap video { top: 0px; position: relative; -webkit-backface-visibility: hidden!important; } .swiper-container .mejs-container .mejs-controls { display: none!important; } .entire-slide-link { position: absolute; z-index: 100; height: 3000px; width: 100%; opacity: 0; transition: none!important; } /*.nectar-slider-wrap[data-full-width="true"] .swiper-container { opacity: 0; }*/ @keyframes fadebottom { 0% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 25% { opacity: 0; transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); } 30% { opacity: 0; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 45% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 100% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } } @-webkit-keyframes fadebottom { 0% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } 25% { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); } 30% { opacity: 0; transform: translateY(0px); -webkit-transform: translateY(0px); } 45% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } 100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } } .swiper-wrapper .slider-down-arrow { height: 60px; width: 60px; display: block; margin: 0 auto; position: absolute; bottom: 30px; z-index: 100; left: 50%; margin-left: -30px; } body[data-smooth-scrolling="1"] .swiper-wrapper .slider-down-arrow { margin-left: -38px; } .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] { height: 60px!important; width: 60px; font-size: 20px!important; color: #fff!important; line-height: 60px!important; animation: 3.4s ease-in-out infinite fadebottom; -webkit-animation: 3.4s ease-in-out infinite fadebottom; } .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] { } /* next prev navigation styling */ .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev, .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next { background-color: transparent!important; padding: 0!important; width: 60px; line-height: 50px; height: 50px; } .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev, .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next { width: 80px; background-color: transparent!important; padding: 0!important; line-height: 50px; height: 50px; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next { margin-right: -15px; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i, .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next i { border-radius: 100px; width: 50px!important; line-height: 44px!important; height: 50px!important; border: 3px solid #fff; max-width: none!important; transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; } .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i, .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i { width: 80px!important; line-height: 44px!important; height: 50px!important; max-width: none!important; font-size: 60px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; border: none!important; } .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next:hover i { right: 29px!important; } .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev:hover i { left: 29px!important; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev.dark-cs i, .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next.dark-cs i { border: 3px solid #000; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.light-overlay { background-color: rgba(255,255,255,0.8); } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.dark-overlay { background-color: rgba(0,0,0,0.55); } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.half-light-overlay { background-color: rgba(255,255,255,0.4); } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.half-dark-overlay { background-color: rgba(0,0,0,0.35); } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture { transition: background-color 0.4s linear; -webkit-transition: background-color 0.4s linear; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.no-trans { transition: none; -webkit-transition: none; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev.dark-cs-preview i, .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next.dark-cs-preview i { border: 3px solid #000; color: #000; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i, .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i { position: relative; left: 38px!important; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next i, .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i { position: relative; right: 38px!important; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i, .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next i { line-height: 49px; font-size: 34px; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide { transition: transform 0.525s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; -webkit-transition: transform 0.525s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next, .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev { transition: margin 0.525s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; -webkit-transition: margin 0.525s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.high-z-index { z-index: 1000; transform: translate(-161px, 0px); -webkit-transform: translate(-165px, 0px); } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.prev-high-z-index { z-index: 1000; transform: translate(161px, 0px); -webkit-transform: translate(165px, 0px); } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.prev-high-z-index-static { z-index: 1000; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next.next-arrow-move { margin-right: 3px!important; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev.prev-arrow-move { margin-left: 15px!important; } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.next-move { z-index: 100; transform: translate(-40px, 0px); -webkit-transform: translate(-40px, 0px); } .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.prev-move { z-index: 100; transform: translate(40px, 0px); -webkit-transform: translate(40px, 0px); } /***************** Nectar Video BG ******************/ .wpb_row .nectar-video-wrap { position: absolute!important; top: 0; left: 0; padding-bottom: 0px!important; overflow: hidden; opacity: 0; z-index: 1; } .video-color-overlay { width: 100%; height: 100%; opacity: 0; position: absolute!important; -webkit-backface-visibility: hidden; top: 0; left: 0; padding-bottom: 0px!important; z-index: 3; } .wpb_row .nectar-video-wrap .mejs-container .mejs-controls { display: none!important; } .wpb_row > .span_12 { z-index: 10; margin-bottom: 0px!Important; } .wpb_row > .span_12 > .column_container:last-child { margin-bottom: 0px!Important; } /***************** Nectar mouse parallax ******************/ .wpb_row .nectar-parallax-scene { position: absolute!important; top: 0; left: 0; margin: 0!important; padding-bottom: 0px!important; overflow: hidden; width: 100%; height: 100%; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wpb_row .nectar-parallax-scene li { height: 100%; width: 100%; } .wpb_row .nectar-parallax-scene div { margin-left: -10%; top: -10%; min-height: 100%; width: 120%; height: 120%; background-size: cover; margin-bottom: 0!important; max-width: none; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wpb_row .nectar-parallax-scene[data-scene-position="center"] div { background-position: center; } .wpb_row .nectar-parallax-scene[data-scene-position="bottom"] div { background-position: center bottom; } .wpb_row .nectar-parallax-scene[data-scene-position="top"] div { background-position: center top; } /***************** Flexslider ******************/ .flex-gallery { margin: 0; padding: 0; } .flex-gallery .slides > li { display: none; -webkit-backface-visibility: hidden; } .flex-gallery .slides img { width: 99.8%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flex-gallery { margin: 0 0 15px; position: relative; zoom: 1; background-color: transparent; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flex-gallery .slides { zoom: 1; } .flex-gallery ul { position: relative; z-index: 1000; margin: 0px; } .flex-gallery ul.flex-direction-nav { margin: 0 !important; position: absolute !important; top: 8px; } .flex-gallery ul li { list-style: none; } .flex-gallery ul li img { margin-bottom: 0px!important; } .carousel li { margin-right: 0px; margin-left: 0px; } .flex-control-nav { display: none; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { display: block; line-height: 22px; position: relative; background-color: #27CFC3; height: 25px; width: 25px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 1px 1px 1px 1px; -moz-border-radius: 1px 1px 1px 1px; -webkit-border-radius: 1px 1px 1px 1px; -o-border-radius: 1px 1px 1px 1px; } .flex-direction-nav a i { line-height: 29px; background-color: transparent!important; } .flex-direction-nav a.flex-next { padding-left: 2px; } .flex-direction-nav a.flex-prev { padding-right: 2px; } .flex-direction-nav li { float: left; margin-left: 7px!important; } .flex-direction-nav { margin: -32px 0px 0px 0px!important; } .flex-direction-nav a:hover { background-color: #333333!important; } .flex-direction-nav .flex-next span { background-image: url("img/icons/slider-arrows-small.png")!important; background-position: right top; top: 9px; right: 9px; position: absolute; display: block; height: 15px; width: 15px; z-index: 100; } .flex-direction-nav .flex-prev span { background-image: url("img/icons/slider-arrows-small.png")!important; background-position: left top; top: 9px; left: 9px; position: absolute; display: block; height: 15px; width: 15px; z-index: 100; } /* Audio/Video jPlayer Skin ---------------------------------------------*/ .jp-jplayer { height: 30px; background-color: transparent; width: 100%!important; } #post-area .jp-jplayer-video { height: auto; } .jp-video-container, .jp-audio-container { border: 1px solid #000; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.5); position: relative; width: 100%; } .jp-jplayer-video img { margin-bottom: 0px!important; width: 100%!important; height: auto!important; display: block; } .jp-jplayer-video { overflow: hidden; } .jp-jplayer-video video { display: block; width: 100.2%!important; } .jp-video-container { margin-bottom: 15px; } .jp-audio-container { width: 100%; } .jp-interface { position: relative; width: 100%; height: 30px; background: transparent url(img/icons/jplayer.png) repeat-x right top; z-index: 100; } .jp-controls { list-style-type: none; padding: 0; margin: 0!important; } .jp-controls li { display: inline; } .jp-controls a { border-bottom: none; position: absolute; overflow: hidden; text-indent: -9999px; } .jp-controls a:hover { background-color: transparent; } a.jp-play, a.jp-pause { width: 27px; height: 27px; z-index: 1; outline: none; top: 0; left: 0; } a.jp-play { background: url(img/icons/jplayer.png) -16px -68px no-repeat; } a.jp-play:hover { background-position: -16px -100px; } a.jp-pause { background: url(img/icons/jplayer.png) -52px -68px no-repeat; display: none; } a.jp-pause:hover { background-position: -52px -100px; } .jp-progress { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin: 10px 0; padding: 0 100px 0 37px; position: absolute; height: 10px; width: 100%; } .jp-seek-bar { background: url(img/icons/jplayer.png) 0 -49px repeat-x; width: 0px; height: 9px; cursor: pointer; position: relative; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; } .jp-play-bar { width: 0px; height: 7px; top: 1px; position: relative; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; background-color: #27CFC3; } .jp-volume-bar-container { position: absolute; top: 0; right: 10px; width: 45px; height: 10px; margin: 10px 0; } .jp-volume-bar { position: relative; overflow: hidden; background: url(img/icons/jplayer.png) 0 -49px repeat-x; width: 100%; height: 9px; cursor: pointer; top: 0; } .jp-volume-bar-value { width: 0px; height: 7px; margin: 1px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; background-color: #27CFC3; } a.jp-mute, a.jp-unmute { width: 30px; height: 30px; z-index: 1; outline: none; top: 0; right: 62px; } a.jp-mute { background: transparent url(img/icons/jplayer.png) -95px -69px no-repeat; } a.jp-mute:hover { background-position: -95px -101px; } a.jp-unmute { background: url(img/icons/jplayer.png) -138px -69px no-repeat; } a.jp-unmute:hover { background-position: -138px -101px; } .iframe-embed { position: relative; margin-bottom: 15px; line-height: 0; } .iframe-embed iframe, iframe { max-width: 100%; } .main-content iframe[src] { opacity: 0; } html:not(.js) .main-content iframe[src], .main-content #sidebar iframe[src] { opacity: 1; } .iframe-embed-standard iframe { width: 100%!important; } body .wpb_video_widget .wpb_wrapper .wpb_video_wrapper { padding-top: 0px; } body .wpb_video_widget .wpb_wrapper iframe { height: inherit; position: relative; width: inherit; } /* 3.6 Media Element Styles */ .mejs-controls .mejs-button button:focus { outline: none!important; } video, audio { visibility: hidden; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.18)!Important; } .mejs-container { background-color: transparent!important; background-image: none!important; } .wp-video { width: 100%!important; margin-bottom: 20px; } video.wp-video-shortcode, .wp-video-shortcode video { width: auto!important; } .mejs-container .mejs-poster img { max-width: none!important; width: 100%!important; } .mejs-container-fullscreen .mejs-poster img { height: 100%!important; } body .mejs-poster { background-size: cover; } .mejs-controls button { opacity: 0.8; } .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important; } .mejs-controls .mejs-mute button { background: transparent url(img/icons/jplayer.png) -102px -76px no-repeat!important; } .mejs-controls .mejs-unmute button { background: url(img/icons/jplayer.png) -145px -76px no-repeat!important; } .mejs-controls .mejs-play button { background: url(img/icons/jplayer.png) -24px -75px no-repeat!important; } .mejs-controls .mejs-pause button { background: url(img/icons/jplayer.png) -60px -75px no-repeat!important; } .mejs-controls .mejs-fullscreen-button button { background: url(img/icons/jplayer.png) -187px -76px no-repeat!important; } .mejs-container .mejs-controls { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); background: transparent url(img/icons/jplayer.png) repeat-x right top!Important; } .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0 !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent!important; } body .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { top: 5px; } /***************** Isotope ******************/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope { -webkit-transition-property: height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /***************** carouFredSel ******************/ .carousel-heading { z-index: 100; position: relative; margin-bottom: 7px; min-height: 23px; } .carousel-heading h2 { font-family: 'OpenSansbold'; text-transform: uppercase; letter-spacing: 2px!important; font-size: 12px; margin-bottom: 7px!important; } .carousel-wrap[data-full-width="false"] .carousel-heading h2 { font-size: 12px!important; } html:not(.js) .carousel-heading { display: none; } .caroufredsel_wrapper { cursor: grab!important; cursor: -moz-grab!important; cursor: -webkit-grab!important; margin: 0px!important; } .caroufredsel_wrapper.active { cursor: grabbing!important; cursor: -moz-grabbing!important; cursor: -webkit-grabbing!important; } body .carousel-wrap { position: relative; overflow: hidden; margin: 0px -10px 0em -10px; } .full-width-section .carousel-wrap { margin-bottom: 0px!important; } #full_width_portfolio .full-width-section.first-section, #full_width_portfolio .full-width-content.first-section { margin-top: 0px!important; } .carousel-wrap[data-full-width="true"] { padding: 0px 18px; margin-bottom: 0px!important; } .carousel-wrap[data-full-width="true"] .carousel-heading { background-color: #f8f8f8; padding: 43px 0px 40px 0px; margin-bottom: 0px; text-align: center; } body .carousel-wrap[data-full-width="true"] .carousel-heading h2 { font-size: 24px; line-height: 36px; letter-spacing: 0.5px!important; margin: 0 auto!important; max-width: 900px; text-transform: none!important; font-family: 'OpenSansLight'; } .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link { position: absolute; left: 0px; } .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link, .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-prev, .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-next { top: 8px!important; } .carousel-wrap[data-full-width="true"] .carousel-heading a { background-color: transparent!important; } .carousel-wrap[data-full-width="true"] .carousel-heading i { background-color: transparent!important; color: #888888; font-size: 30px; line-height: 28px; transition: color 0.2s linear 0s; } body .carousel-wrap[data-full-width="true"] .carousel-heading .container { min-height: 40px; } #boxed .carousel-wrap[data-full-width="true"] { padding: 0px; } body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"] { padding: 0px; } .carousel-wrap .work-item.style-2 { margin-bottom: 0px!important; } .portfolio-items .col .work-item.style-3 .work-info-bg { background-color: #282b30!important; opacity: 0.45; } .portfolio-items .col .work-item.style-3 h3 { margin-bottom: 5px; } .portfolio-items .col .work-item.style-3 a { background: transparent url('img/transparent.png') repeat 0 0; } /*.portfolio-items .col .work-item.style-3:hover .work-info-bg { opacity: 0!important; }*/ .portfolio-items .col .work-item.style-3 h3, .portfolio-items .work-item.style-3 .work-info { opacity: 1!important; } .portfolio-items .col .work-item.style-3 .vert-center *, .portfolio-items .col .work-item.style-3 i { -ms-filter: "alpha(opacity=100)"!important; } .portfolio-items .auto-height { height: auto!important; } .portfolio-items .work-item.style-3 p { display: block; margin-top: 0!important; opacity: 1!important; position: relative!important; font-size: 12px; color: rgba(255,255,255,0.8); line-height: 12px; } .portfolio-items .work-item.style-3 .vert-center { top: 50%!important; padding-top: 15px!important; position: relative; z-index: 20; } .portfolio-items .work-item.style-4 .bottom-meta { position: absolute; bottom: -120px; left: 0; padding: 20px 20px 16px 20px; width: 100%; } .portfolio-items .work-item.style-4 .bottom-meta h3 { margin-bottom: 0px; } .portfolio-items .work-item.style-4 .bottom-meta p { color: rgba(255,255,255,0.8); } .portfolio-items .work-item.style-4 .work-info { opacity: 1!important; } .portfolio-items .work-item.style-3, .portfolio-items .work-item.style-4 { overflow: hidden!important; } .portfolio-items .elastic-portfolio-item .work-item.style-3, .portfolio-items .elastic-portfolio-item .work-item.style-4 { width: 100.6% !important; } .portfolio-items .elastic-portfolio-item .work-item.style-3 img, .portfolio-items .elastic-portfolio-item .work-item.style-4 img { width: 100.6% !important; } .portfolio-items .work-item.style-3 img, .portfolio-items .work-item.style-4 img { position: relative; } /* .portfolio-items .elastic-portfolio-item[data-project-cat^="installation"] img, .portfolio-items .elastic-portfolio-item[data-project-cat*="installation"] img { height: auto!important; }*/ .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, .woocommerce .products-carousel ul.products li.product a { cursor: grab!important; cursor: -moz-grab!important; cursor: -webkit-grab!important; margin: 0px!important; } .portfolio-items .col .work-item.style-2, .portfolio-items .col .work-item.style-3, .portfolio-items .col .work-item.style-4 { margin-bottom: 0px; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, .portfolio-items .col .work-item.style-2 .work-info a, .portfolio-items .col .work-item.style-3 .work-info a, .portfolio-items .col .work-item.style-4 .work-info a { display: block!important; margin: 0px!important; background-color: transparent!important; position: absolute!important; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 40; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info a.active, .woocommerce .products-carousel ul.products li.product a.active { cursor: -moz-grabbing!important; cursor: -webkit-grabbing!important; } .full-width-content .vc_span12 .carousel-wrap.products-carousel, .full-width-content .vc_col-sm-12 .carousel-wrap.products-carousel { padding: 0 30px; overflow: visible; } .full-width-content .vc_span9 .carousel-wrap.products-carousel, .full-width-content .vc_span8 .carousel-wrap.products-carousel, .full-width-content .vc_span6 .carousel-wrap.products-carousel, .full-width-content .vc_span4 .carousel-wrap.products-carousel, .full-width-content .vc_span3 .carousel-wrap.products-carousel, .full-width-content .vc_span9 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_span8 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_span6 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_span4 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_span3 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_col-sm-9 .carousel-wrap.products-carousel, .full-width-content .vc_col-sm-8 .carousel-wrap.products-carousel, .full-width-content .vc_col-sm-6 .carousel-wrap.products-carousel, .full-width-content .vc_col-sm-4 .carousel-wrap.products-carousel, .full-width-content .vc_col-sm-3 .carousel-wrap.products-carousel, .full-width-content .vc_col-sm-9 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_col-sm-8 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_col-sm-6 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_col-sm-4 .carousel-wrap.products-carousel .caroufredsel_wrapper, .full-width-content .vc_col-sm-3 .carousel-wrap.products-carousel .caroufredsel_wrapper { overflow: hidden!important; } .full-width-content .caroufredsel_wrapper { overflow: visible!important; } .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item h3, .portfolio-items .col .work-item.style-2 h3 { margin-bottom: 0px; } body .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 i, .portfolio-items .col .work-item.style-2 i { position: absolute!important; top: auto!important; bottom: 0px!important; color: #fff!Important; left: 0px!important; line-height: 40px!important; height: 40px!important; width: 40px!Important; padding: 0px!important; background-color: #252525!Important; border-radius: 0px!important; padding: 0px!important; } .carousel-wrap .carousel-heading { padding: 0px; } html:not(.js) .carousel-wrap { display: none; } .carousel-wrap span.left-border, .carousel-wrap span.right-border { width: 10px; display: block; height: 100%; position: absolute; top: 0px; z-index: 100; background-color: #f8f8f8; } .carousel-wrap span.left-border { left: 0px; } .carousel-wrap span.right-border { right: 0px; } .carousel-next, .carousel-prev { background-color: #dadada; cursor: pointer; display: block; height: 17px; margin-left: 5px; line-height: 22px; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; background-repeat: no-repeat!important; position: absolute; top: 0px; height: 20px; width: 20px; border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; -moz-border-radius: 1px; text-align: center; } .carousel-wrap[data-full-width="true"] .carousel-next, .carousel-wrap[data-full-width="true"] .carousel-prev { height: 28px; width: 44px; } .carousel-wrap[data-full-width="true"] .carousel-next { text-align: right; } .carousel-wrap[data-full-width="true"] .carousel-prev { text-align: left; } .carousel-next { right: 0px; padding-left: 1px; } .carousel-prev { right: 25px; padding-right: 1px; } .carousel-next i, .carousel-prev i { background-color: transparent!important; line-height: 24px; font-size: 14px; } .carousel-prev:hover, .carousel-next:hover { background-color: #27CFC3; } .carousel { opacity: 0; } .carousel-wrap[data-full-width="true"] li.span_4.no-margin { margin: 0px!important; } .carousel-wrap[data-full-width="true"] { padding: 0px 0px 0px 0px!important; } .carousel-wrap[data-full-width="true"].default-style { padding: 0px 20px!important; } .carousel-wrap[data-full-width="true"] .work-meta { padding: 0px 15px; } .carousel-wrap[data-full-width="true"].default-style .work-meta { padding: 0px!important; } body .carousel li.span_4, body .portfolio-items.carousel li.span_4 { margin: 0px 10px 0px 10px; } .carousel-wrap[data-full-width="true"].default-style li.span_4 { margin: 0px 15px 0px 15px; } .carousel li.span_4 .clear { padding-bottom: 0px; margin-bottom: 0px; } .home .blog-recent .col .post-header { color: #999; font-size: 11px; margin-bottom: 12px; } .home .blog-recent .col .post-header h3 a { color: #27CFC3; } .blog-recent .mejs-container { margin-bottom: 15px; } .home .blog-recent .col .post-header h3, .blog-recent .col .post-header h3 { margin-bottom: 3px; letter-spacing: -0.2px; font-size: 16px; line-height: 23px; } .home .blog-recent .col .post-header a, .home .blog-recent .col .post-header h3 a:hover { color: inherit!important; } .home .blog-recent .col .post-header a:hover { color: #27CFC3; } .blog-recent .col { margin-bottom: 40px; } .blog-recent .col .video-wrap { position: relative; padding-bottom: 54.25%; padding-top: 5px; height: 0; margin-bottom: 15px; } .blog-recent .col .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog-recent div:last-of-type { margin-right: 0; } .blog-recent.columns-4 div:nth-child(4n+4) { margin-right: 0!important; } .blog-recent.columns-3 div:nth-child(3n+3) { margin-right: 0!important; } .blog-recent.columns-2 div:nth-child(2n+2) { margin-right: 0!important; } .blog-recent.columns-1 div:nth-child(1n+1) { margin-right: 0!important; } .blog-recent.columns-4 div:nth-child(4n+5) { clear: both; } .blog-recent.columns-3 div:nth-child(3n+4) { clear: both; } .blog-recent.columns-2 div:nth-child(2n+3) { clear: both; } .video-wrap iframe { opacity: 0; visibility: hidden; } .blog-recent .col .audio-wrap { margin-bottom: 15px; } .span_9 .carousel-heading { padding-right: 10px; } /***************** Prettyphoto ******************/ div.pp_pic_holder a:focus { outline: none } div.pp_overlay { background: #000!important; left: 0; position: fixed; top: 0; width: 100%; z-index: 95000!important; opacity: 0; transition: opacity 0.32s linear; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 100000!important; -webkit-backface-visibility: hidden; line-height: 22px; } body[data-smooth-scrolling="1"] div.pp_pic_holder { margin-left: -7px; } .pp_content { min-width: 40px; height: auto!important; } * html .pp_content { width: 40px } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px } .pp_content_container .pp_right { padding-right: 20px } .pp_content_container .pp_details { float: left; margin: 0px } .pp_description { display: none; margin: 0; position: absolute; bottom: 15px; left: 15px; margin-bottom: 0!important; background-color: rgba(0,0,0,0.6); color: #fff; padding: 8px 12px; } .pp_social { float: left; margin: 0 } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden } .pp_social .twitter { float: left } .pp_nav { clear: right; float: left; margin: -25px 4px 14px 13px!important; } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px; padding: 0px!important; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px } a.pp_arrow_previous, a.pp_arrow_next { display: block; height: 55px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 49px; text-align: center; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; display: none!important; } .pp_gallery { display: none!important; left: 50%; margin-top: -50px; position: absolute; z-index: 100000 } .pp_gallery div { float: left; overflow: hidden; position: relative } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0 } .pp_gallery ul a { border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden } .pp_gallery ul a img { border: 0 } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0 } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px!important } .ppt { left: 20px; position: relative; opacity: 0!important; } .pp_loaderIcon { background: url(img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; background-color: transparent; display: none; height: 100%!important; width: 100%!important; left: 0; top: 0; position: fixed; z-index: 98000; } div.dark_rounded { padding-top: 17px } div.dark_rounded iframe { overflow-y: hidden; } div.dark_rounded .pp_details { display: none; } a.pp_close { position: absolute; right: 20px; display: block; line-height: 34px; width: 16px; height: 20px; position: absolute; z-index: 1000001; right: 8px; top: 7px; font-size: 12px!important; border: 3px solid rgba(255, 255, 255, 0); border-radius: 100px; height: 37px; width: 37px; 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: 'OpenSansRegular'; } body a.pp_close .icon-default-style[class^="icon-"] { backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; text-shadow: 0px 1px 2px rgba(0,0,0,0.4); left: -2px; 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 a.pp_close:hover .icon-default-style[class^="icon-"] { color: rgba(255, 255, 255, 1)!important; transform: rotate(90deg); -webkit-transform: rotate(90deg); } body a.pp_close:hover { border-color: rgba(255, 255, 255, 0.7); } #pp_full_res { line-height: 1!important } #pp_full_res .pp_inline { text-align: left } #pp_full_res .pp_inline p { display: none; } div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: #fff } div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: #fff } .pp_top, .pp_bottom { height: 20px; position: relative } * html .pp_top, * html .pp_bottom { padding: 0 20px } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px } .pp_fade, .pp_gallery li.default a img { display: none } .pp_fade { position: relative; z-index: 100000; } .pp_left, .pp_right { height: 100%; } .pp_inline iframe { width: 100%; } a.pp_arrow_previous { position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; z-index: 100000; text-indent: 0!important; left: 25px; top: 50%; z-index: 1000001; margin-top: -10px; } a.pp_arrow_next { position: fixed; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); text-indent: 0!important; top: 50%; margin-top: -20px; z-index: 1000001; right: 25px; } body a.pp_arrow_next i.icon-default-style[class^="icon-"], body a.pp_arrow_previous i.icon-default-style[class^="icon-"] { color: #ddd!Important; text-shadow: 0px 1px 2px rgba(0,0,0,0.4); margin-top: 20px; transition: all 0.5s cubic-bezier(0.3, 1.65, 0.3, 0.95) 0s; -webkit-transition: all 0.5s cubic-bezier(0.3, 1.65, 0.3, 0.95) 0s; } body a.pp_arrow_next:hover i.icon-default-style[class^="icon-"], body a.pp_arrow_previous:hover i.icon-default-style[class^="icon-"] { color: #fff!important; } body[data-smooth-scrolling="1"] a.pp_arrow_next { right: 40px; } /***************** Scrollbar ******************/ #ascrail2000 { background-color: #555; width: 16px!important; z-index: 10000000!important; } #ascrail2000.z-index-adj { z-index: 100000000!important; } /* BBPress */ .bbp-author-avatar img { margin-bottom: -3px!important; } body #bbpress-forums fieldset.bbp-form { border: 1px solid #D9D9D9; } #bbpress-forums fieldset.bbp-form p { padding-bottom: 10px; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { font-weight: normal!important; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding-left: 15px; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background-color: #f4f4f4!important; } .bbp-topic-meta { margin-top: 1px!important; } #bbpress-forums li.bbp-header { background-color: #f1f1f1!important; } #bbpress-forums .wp-editor-container, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 1px solid #DDD!important; } .bbp-topic-permalink { font-size: 14px; } .topic .bbp-topic-title { margin-top: 2px!important; } .bbp-template-notice p { padding: 4px!important; } #bbp_search_submit, #members_search_submit { padding: 10px 11px!important; } #bbpress-forums #subscription-toggle { color: #ccc; } body #bbpress-forums fieldset.bbp-form { padding-bottom: 20px; } /* BuddyPress */ #buddypress button, #buddypress a.button, #buddypress input[type="submit"], #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button { background-color: #333333; border: medium none!important; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-size: 12px; padding: 7px 11px; transition: all 0.2s linear 0s; width: auto; } #buddypress form#whats-new-form textarea { width: 100%!important; } #buddypress #members_search { width: auto!important; } #buddypress #activity-stream p { padding-bottom: 0px; margin-top: 0px; } #buddypress form#whats-new-form #whats-new-submit { margin-top: 0px; } #buddypress .avatar-50 { width: 50px!important; height: 50px!important; } #buddypress .activity-list li.mini .activity-avatar img.avatar, #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic { width: 20px!important; height: 20px!important; } #buddypress ul.item-list li, #buddypress ul.item-list { border-color: #e3e3e3; } #buddypress .standard-form textarea, body #buddypress div.activity-comments form textarea, #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form input[type="password"], #buddypress .dir-search input[type="search"], #buddypress .dir-search input[type="text"] { padding: 10px!important; width: 100%; border: 0px; border-bottom: 1px solid #fff; font-family: 'OpenSansRegular'; font-size: 12px; line-height: 22px; color: #555; background-color: #ededed; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } #buddypress div.activity-comments form .ac-textarea { background-color: transparent; padding: 0px; border: none; } #buddypress a.bp-primary-action span, #buddypress #reply-title small a span { background-color: #555; } #buddypress form#whats-new-form p.activity-greeting { padding-bottom: 0px!important; line-height: 14px; } #buddypress .standard-form textarea:focus, #buddypress .standard-form input[type="text"]:focus, #buddypress div.activity-comments form .ac-textarea textarea:focus { background-color: #e8e8e8; } #buddypress div.activity-comments ul li { padding: 20px 0 0!important; } #buddypress .acomment-options { margin-bottom: 15px; margin-left: 60px; } #buddypress #groups_search { width: 200px; } #buddypress .standard-form label, #buddypress .standard-form span.label, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { font-weight: normal!important; } #buddypress form#whats-new-form #whats-new-options select { margin-top: 0px; } #buddypress div#subnav.item-list-tabs { margin: 20px 0px; } #buddypress #whats-new-options { margin-top: 10px; } #buddypress #whats-new-post-in, #buddypress select { padding: 9px!important; } .buddypress h1 { margin-bottom: 30px; } /*-------------------------------------------------------------------------*/ /* 5. Page + Custom Page Layout Styles /*-------------------------------------------------------------------------*/ #page-header-wrap { height: 59px; margin-top: -60px; overflow: hidden; position: relative; background-color: #f8f8f8; transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-font-smoothing: antialiased; } #page-header-bg { width: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; height: 60px; overflow: hidden; transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); -o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); margin-top: -50px; color: #fff; display: block!important; -webkit-font-smoothing: antialiased; } .page-header-no-bg { padding-bottom: 0px; padding-top: 80px; margin-top: -45px; background-color: #f8f8f8; } #page-header-bg[data-parallax="1"] { opacity: 0; overflow: hidden; margin: 0px!important; position: fixed; } #page-header-bg[data-parallax="1"] .span_6 { z-index: 0; } #page-header-bg[data-alignment="center"], .page-header-no-bg[data-alignment="center"] { text-align: center; } #page-header-bg[data-alignment="right"], .page-header-no-bg[data-alignment="right"] { text-align: right; } #page-header-bg .span_6 { width: 100%; } body[data-bg-header="true"].archive .container-wrap, body[data-bg-header="true"].category .container-wrap, body[data-bg-header="true"].blog .container-wrap { padding-top: 3.1em!important; } #page-header-bg .row { visibility: hidden; z-index: 100; position: relative; } html:not(.js) #page-header-bg .row { visibility: visible; } html:not(.js) #page-header-bg .span_6 { margin-top: 120px; } #page-header-bg h1 { font-family: 'OpenSansSemibold'; font-size: 44px; line-height: 44px; margin-bottom: 8px; display: block; color: #fff; z-index: 101; } .single #page-header-bg #single-below-header span { color: rgba(255,255,255,0.8); } #page-header-bg #portfolio-nav a i, #page-header-bg span, #page-header-bg a.pinterest-share i, #page-header-bg a.facebook-share i, #page-header-bg a.linkedin-share i, #page-header-bg .twitter-share i, #page-header-bg .google-plus-share i, #page-header-bg .icon-salient-heart, #page-header-bg .icon-salient-heart-2 { color: #fff; } .single #page-header-bg #single-below-header > span, .single #page-header-bg #single-meta ul li, #page-header-bg .nectar-social > * { border-color: rgba(255,255,255,0.25); } #page-header-bg .subheader { font-size: 28px; line-height: 28px; color: #fff!important; font-family: 'OpenSansLight'; } #page-header-bg[data-text-alignment="center"], .page-header-no-bg[data-text-alignment="center"] { text-align: center; } #page-header-bg[data-text-alignment="right"], .page-header-no-bg[data-text-alignment="right"] { text-align: right; } #page-header-bg[data-text-alignment="center"] .span_6, .page-header-no-bg[data-text-alignment="center"] .span_6 { left: 0px; width: 100%!important; } #page-header-bg[data-text-alignment="center"] h1 { margin-bottom: 12px!important; } #page-header-bg[data-text-alignment="center"] h1, .page-header-bg[data-text-alignment="center"] .subheader { max-width: 900px; margin: 0 auto; display: block; } /* fullscreen header */ #page-header-bg.fullscreen-header, #page-header-wrap.fullscreen-header { width: 100%; position: relative; transition: none; -webkit-transition: none; } #page-header-bg[data-parallax="1"].fullscreen-header { position: fixed; } html .single-post #page-header-bg.fullscreen-header, html .single-post #page-header-wrap.fullscreen-header { height: 1250px; } #page-header-wrap.fullscreen-header { background-color: #2b2b2b; } #page-header-bg.fullscreen-header .span_6 { opacity: 1; } #page-header-bg.fullscreen-header h1 { font-size: 5.5vw !important; line-height: 5.9vw !important; } .single-post #page-header-bg.fullscreen-header, .single-post #single-below-header.fullscreen-header { background-color: #f8f8f8; } .single-post #single-below-header.fullscreen-header { position: relative; z-index: 10; } .single-post #single-below-header.fullscreen-header { border-bottom: 1px solid #DDDDDD; } .single-post #single-below-header.fullscreen-header > span { width: 33.33%; text-align: center; display: block; float: left; transition: color 0.2s linear; -webkit-transition: color 0.2s linear; font-size: 14px!important; position: relative; height: 95px; overflow: hidden; color: #afafaf; line-height: 95px; } .single-post #single-below-header.fullscreen-header .icon-default-style { font-size: 18px!important; position: relative; top: -1px; margin-right: 8px; display: inline; } .single-post #single-below-header.fullscreen-header > span span { float: none!important; display: inline; color: #afafaf; font-size: 14px!important; } .single-post #single-below-header.fullscreen-header { margin-top: 0!important; } .single-post #single-below-header.fullscreen-header .meta-share-count > a span.plural, .single-post #single-below-header.fullscreen-header .meta-share-count > a span.singular { opacity: 0; } .single-post #single-below-header.fullscreen-header .meta-share-count > a span.singular { position: absolute; } .single.single-post .fullscreen-header .blog-title { text-align: center; } .single.single-post .fullscreen-header .blog-title h1 { max-width: none!important; } .single-post #single-below-header.fullscreen-header .nectar-social { position: absolute; width: 100%; top: 0; } .single-post #single-below-header.fullscreen-header .nectar-social.hide-share-count > * { border: none!important; padding: 0 5px!important; opacity: 0; top: 10px; } .default-blog-title.fullscreen-header { background-color: #333!important; } .single-post.ascend .container-wrap.fullscreen-blog-header, body.single-post[data-bg-header="true"].ascend .container-wrap { padding-top: 70px!important; margin-top: 0!important; } .single-post #page-header-bg.fullscreen-header.bottom-shadow:before { background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); bottom: 0; content: " "; display: block; height: 351px; left: 0; position: absolute; transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s; width: 100%; } .single-post #page-header-bg.fullscreen-header.bg-overlay:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); content: " "; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s; width: 100%; } .single-post .container-wrap.fullscreen-blog-header { margin-top: 0!important; } .hidden-social-img { position: absolute; width: 1px; height: 1px; visibility: hidden; opacity: 0; } .default-blog-title.fullscreen-header { position: relative; } #page-header-bg.fullscreen-header .avatar { border-radius: 100%; } #page-header-bg.fullscreen-header .meta-author span { display: block; } #page-header-bg.fullscreen-header .meta-author img { margin-bottom: 0px; height: 50px; width: auto; } #page-header-bg.fullscreen-header .meta-author { font-size: 18px; } #page-header-bg.fullscreen-header .author-section .meta-date { font-size: 12px; color: rgba(255,255,255,0.8); } #page-header-bg.fullscreen-header .author-section .meta-date i { font-size: 12px!important; } #page-header-bg.fullscreen-header .author-section a { color: #fff!important; display: block; margin-bottom: -2px; } #page-header-bg.fullscreen-header .author-section a:hover { color: rgba(255,255,255,0.85)!important; } #page-header-bg.fullscreen-header .author-section { width: 100%; z-index: 10; text-align: center; } #page-header-bg.fullscreen-header .author-section span { padding-left: 0; line-height: 20px!important; font-size: 20px; } #page-header-bg.fullscreen-header .author-section .avatar-post-info { margin-left: 10px; } #page-header-bg.fullscreen-header .author-section .avatar-post-info, #page-header-bg.fullscreen-header .author-section .meta-author { text-align: left; display: inline-block; top: 9px; } .section-down-arrow { position: absolute; bottom: 15px; left: 50%; margin-left: -30px; } .section-down-arrow i.icon-default-style[class^="icon-"] { height: 60px!important; width: 60px; font-size: 20px!important; color: #fff!important; line-height: 60px!important; z-index: 10; animation: 3.4s ease-in-out infinite fadebottom; -webkit-animation: 3.4s ease-in-out infinite fadebottom; } .blog_next_prev_buttons img { position: absolute; left: 0; top: -50%; width: 100%; opacity: 0; max-width: none!important; } .blog_next_prev_buttons .inner { position: absolute; left: 0; top: 0; width: 100%; text-align: center; opacity: 0; } .blog_next_prev_buttons { text-align: center; overflow: hidden; position: relative; background-color: #333; } .blog_next_prev_buttons span.full-link a, .blog_next_prev_buttons span.full-link, .blog_next_prev_buttons span.bg-overlay { display: block; position: absolute; text-indent: -9999px; top: 0; z-index: 10; margin-bottom: 0!important; left: 0; width: 100%; height: 100%; } .blog_next_prev_buttons span.bg-overlay { background-color: #282b30; z-index: 2; opacity: 0.3; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .blog_next_prev_buttons:hover span.bg-overlay { opacity: 0; } .blog_next_prev_buttons.bg-color-only span.bg-overlay { opacity: 0!important; } .blog_next_prev_buttons.bg-color-only:hover span.bg-overlay { opacity: 0.08!important; } .blog_next_prev_buttons span { display: block; color: #fff; margin-bottom: 5px; } .blog_next_prev_buttons .col { height: 250px; border-left: 1px solid #dddddd; } .blog_next_prev_buttons .col h3 { transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; padding: 0 15%; color: #fff; margin: 0; } /* to top */ #to-top { display: block; position: fixed; text-align: center; line-height: 12px!important; right: 17px; bottom: -30px; color: #fff; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; z-index: 10000; height: 29px; width: 29px; background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: center; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; } #to-top i { line-height: 29px!important; width: 29px!important; height: 29px!important; font-size: 14px!important; top: 0px!important; left: 0px!important; text-align: center!important; background-color: transparent!important; } #to-top:hover, #to-top.dark:hover { background-color: #27CFC3; } #to-top.dark { background-color: rgba(0,0,0,0.87); } body[data-smooth-scrolling="1"] #to-top { right: 33px; } .gallery a img { width: 90%; max-width: 90%; height: auto; max-height: 90%; padding: 5px; background-color: #fff; border: 1px solid #e5e5e5!important; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .gallery a:hover img { border-color: #27CFC3!important; } /***************** Social Sharing ******************/ a.pinterest-share i, a.facebook-share i, .twitter-share i, .google-plus-share i, [class^="icon-"].icon-salient-heart, [class^="icon-"].icon-salient-heart-2, .linkedin-share i { background-color: transparent!important; border-radius: 0px!important; font-weight: normal!important; font-size: 20px!Important; height: 20px!important; width: auto!important; line-height: 19px!important; color: #ddd; transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; } .icon-salient-heart, .icon-salient-heart-2 { font-size: 19px!important; } .heart-wrap { display: inline-block; line-height: 0; position: relative; } .icon-salient-heart.loved { position: absolute; top: 0; left: 0; transform: scale(0); -webkit-transform: scale(0); display: none; } .nectar-sharing, .n-shortcode .nectar-love, .nectar-sharing-alt { padding-right: 13px; padding-left: 13px; } .single #single-meta li .n-shortcode, .single #single-meta li .nectar-love { padding-left: 0px!important; } .single #single-meta .nectar-love i, body #project-meta .nectar-love i, .nectar-social .nectar-love i { font-size: 17px!important; top: 0px!important; } .n-shortcode { line-height: 20px; } .n-shortcode .nectar-love { padding-right: 15px; } .n-shortcode .nectar-love .icon-salient-heart, .n-shortcode .nectar-love .icon-salient-heart-2 { margin-right: 5px; top: -1px; } .nectar-sharing i, .nectar-sharing-alt i { padding-right: 4px; } a.facebook-share i { padding-right: 3px; } a.twitter-share i { margin-top: 2px; padding-right: 2px; font-size: 24px!Important; } a.google-plus-share i { padding-right: 2px!important; } a.twitter-share { padding-right: 8px; } a.facebook-share { padding-right: 10px; } a.facebook-share { padding-right: 10px; } a.pinterest-share { padding-right: 7px; } a.pinterest-share i { font-size: 24px!Important; } .n-shortcode { display: inline!important; font-size: 12px!important; height: auto!important; } .nectar-social .nectar-love .nectar-love-count { opacity: 0; line-height: 16px!important; padding-left: 0px!important; font-family: 'OpenSansRegular'!important; font-size: 12px!important; display: none; } .nectar-social > *:last-child { padding-right: 0px!important; } .nectar-social > *:first-child, .nectar-social .nectar-love { padding-left: 0px!important; } .nectar-social > * { border-right: 1px solid #ddd; } .nectar-social > *:last-child { border-right: 0px!important; } .nectar-social.hide-share-count span.count, .nectar-social.hide-share-count .nectar-love-count { width: 1px!important; visibility: hidden; } .nectar-social.hide-share-count a i { padding-right: 0!important; } .nectar-social.hide-share-count.full-width .nectar-love .icon-salient-heart { top: 5px!important; } .nectar-social.hide-share-count .n-shortcode .nectar-love { padding-right: 0!important; } .nectar-social.hide-share-count > * { padding: 0 10px !important; } body.single-portfolio #sidebar #project-meta ul li:first-child, body.single #single-meta ul li:first-child, body.single-portfolio #sidebar div ul .facebook-share, body.single-portfolio #sidebar div ul .twitter-share, body.single-portfolio #sidebar div ul .pinterest-share, body.single-post .blog-title #single-meta ul .facebook-share, body.single-post .blog-title #single-meta ul .twitter-share, body.single-post .blog-title #single-meta ul .pinterest-share, body.single-product #single-meta ul .facebook-share, body.single-product #single-meta ul .twitter-share, body.single-product #single-meta ul .pinterest-share { margin-top: 2px; margin: 0px 16px 0px 0px; padding: 0px 0px 0px 0px!Important; display: block; border-right: 1px solid #DDDDDD; } .single-portfolio .facebook-share a, .single-portfolio .twitter-share a, .single-portfolio .pinterest-share a, .single-post .facebook-share a, .single-post .twitter-share a, .single-post .pinterest-share a, body.single-product .facebook-share a, body.single-product .twitter-share a, body.single-product .pinterest-share a, a.pinterest-share, .facebook-share, .twitter-share, .google-plus-share, .linkedin-share { color: inherit; height: 20px; transition: width 0.2s linear; background-repeat: no-repeat; position: relative; } .single-portfolio .facebook-share span, .single-portfolio .twitter-share span, .single-portfolio .pinterest-share span, .single-portfolio .google-plus-share span, .single-portfolio .linkedin-share span, .single-post .col.section-title .facebook-share span, .single-post .col.section-title .twitter-share span, .single-post .col.section-title .pinterest-share span, .single-post .col.section-title .google-plus-share span, .single-post .col.section-title .linkedin-share span, .pinterest-share span, .facebook-share span, .twitter-share span, .google-plus-share span, .linkedin-share span { display: inline-block; opacity: 0; top: auto; line-height: 16px; padding-left: 0px; font-family: 'OpenSansRegular'; font-size: 12px; height: 13px; line-height: 16px; } /*full width social*/ .nectar-social.full-width > * { text-align: center; display: block!important; float: left; transition: color 0.2s linear!important; -webkit-transition: color 0.2s linear!important; position: relative; } .span_12.light .nectar-social.full-width > * { border-color: rgba(255,255,255,0.1); } .span_12.dark .nectar-social.full-width > * { border-color: rgba(0,0,0,0.07); } .nectar-social.full-width a.nectar-love { position: absolute; width: 100%!important; height: 100%!important; top: 0; left: 0; padding-right: 0!Important; text-align: center!Important; } .nectar-social.full-width i { margin-top: -20px; } .nectar-social.full-width.items_6 > * { width: 16.6%!important; padding: 2%!important; } .full-width-content .nectar-social.full-width.items_6 > * { padding: 4%!important; } .nectar-social.full-width.items_6 i { font-size: 26px!important; } .nectar-social.full-width.items_6 a > span { position: relative; margin-left: 3px; top: -10px; } .full-width-content .nectar-social.full-width.items_6 > * { padding: 5%!important; } .full-width-content .nectar-social.full-width.items_6 i { font-size: 40px!important; } .full-width-content .nectar-social.full-width.items_6 a span { margin-left: 5px; } .nectar-social.full-width.items_5 > * { width: 20%!important; padding: 3%!important; } .full-width-content .nectar-social.full-width.items_5 > * { padding: 5%!important; } .nectar-social.full-width.items_5 i { font-size: 36px!important; } .nectar-social.full-width.items_5 a > span { position: relative; margin-left: 5px; top: -10px; } .nectar-social.full-width.items_4 > * { width: 25%!important; padding: 5%!important; } .nectar-social.full-width.items_4 i { font-size: 45px!important; } .nectar-social.full-width.items_4 a > span { position: relative; margin-left: 5px; top: -10px; } .nectar-social.full-width.items_3 > * { width: 33.3%!important; padding: 5%!important; } .nectar-social.full-width.items_3 i { font-size: 50px!important; } .nectar-social.full-width.items_3 a > span { position: relative; margin-left: 5px; top: -10px; } .nectar-social.full-width.items_2 > * { width: 50%!important; padding: 5%!important; } .nectar-social.full-width.items_2 i { font-size: 60px!important; } .nectar-social.full-width.items_2 a > span { position: relative; margin-left: 5px; top: -10px; } .nectar-social.full-width.items_1 > * { width: 100%!important; padding: 5%!important; } .nectar-social.full-width.items_1 i { font-size: 80px!important; } .nectar-social.full-width.items_1 a > span { position: relative; margin-left: 5px; top: -10px; } .nectar-social.full-width:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .facebook-share:hover i, .facebook-share.hovered i { color: #5c80ca!important; } .twitter-share:hover i, .twitter-share.hovered i { color: #08c7ff!important; } .pinterest-share:hover i, .pinterest-share.hovered i { color: #dc2329!important; } .google-plus-share:hover i, .google-plus-share.hovered i { color : #de4b39!important; } .linkedin-share:hover i, .linkedin-share.hovered i { color : #409ecd!important; } .single-product #single-meta { top: 10px!important; } .single-portfolio #project-meta .sharing li:last-child, body.single-post .blog-title #single-meta ul li:last-child, body.single-product #single-meta ul li:last-child { margin-right: 0px!important; padding-right: 0px!important; border-right: 0px!important; } .single-portfolio .row .col.section-title h1 { width: 900px; margin-bottom: 0!important; } .single-portfolio .row .col.section-title h1 { top: 0; text-align: center; width: 100%; } .single-portfolio #full_width_portfolio #portfolio-nav { margin-right: 0px; } .single-portfolio #full_width_portfolio .span_12 { padding-right: 0px; margin-top: 0px; } .single-portfolio #boxed #full_width_portfolio .parallax_slider_outer.first-section, .single-portfolio #boxed #full_width_portfolio .nectar-slider-wrap[data-full-width="boxed-full-width"] { margin-top: 1px!important; } #full_width_portfolio .project-title.parallax-effect { background-color: #f8f8f8; z-index: 9; position: fixed; padding-top: 88px; padding-bottom: 28px; width: 100%; } #page-header-bg .project-title { padding-top: 0!important; margin: 0!important; background-color: transparent!important; } #boxed #full_width_portfolio .project-title.parallax-effect { position: relative!important; top: 0px!important; padding-right: 0px; } body[data-smooth-scrolling="1"] #full_width_portfolio .project-title.parallax-effect, body[data-smooth-scrolling="1"] #page-header-bg[data-parallax="1"] { padding-right: 16px; } .project-title .hidden-title { opacity: 0; } #full_width_portfolio .project-title.parallax-effect .section-title, #full_width_portfolio .project-title { padding-bottom: 0px!important; } #full_width_portfolio .project-title.parallax-effect .section-title, #page-header-bg .section-title, .single .row .section-title, #full_width_portfolio .project-title .container .title-wrap { border-bottom: none; } .single .heading-title { padding-bottom: 35px; border-bottom: 1px solid #DDDDDD; margin-bottom: 35px; } #full_width_portfolio .project-title.parallax-effect .container { border: none!important; } #page-header-bg .project-title .container, #page-header-bg .heading-title { border: none!important; padding: 0!Important; } .project-title .section-title { padding: 0px 70px 0px 70px!important; } .single .row .section-title { padding: 0; margin: 0!important; } #page-header-bg .section-title { padding-bottom: 0; margin-bottom: 0; } #full_width_portfolio .project-title { padding-bottom: 30px; } .project-additional.clear { clear: both!important; display: block; } .project-additional.clear li { float: none!important; } .single-portfolio #project-meta .clear { padding-bottom: 0px!important; } .single-portfolio #project-meta .sharing li a > span.count { opacity: 0; } .single #single-meta ul li .nectar-love-wrap span { opacity: 1; } /***************** Portfolio ******************/ .portfolio-items .work-info-bg { opacity: 0; filter: alpha(opacity=0); height: 100%; width: 100.2%; top: 0px; left: 0px; background-color: #27CFC3; position: absolute; } .portfolio-items .work-info { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 10; padding: 0px 20px; height: 100%; width: 100%; top: 0px; left: 0px; color: #fff; } .portfolio-items .col { height: 100%; } .portfolio-filters, #portfolio-nav { height: 33px; z-index: 100; right: 0px; top: 0px; position: absolute; display: inline-block; width: 100%; } #portfolio-nav { height: 100%; top: 0!important; } #portfolio-nav ul, html .single-post #single-meta { top: 50%; margin-top: -13px; float: none; z-index: 102; position: absolute; } .single #page-header-bg #single-meta { margin-top: -8px; } #portfolio-nav ul { left: 0; right: auto; } #portfolio-nav ul.controls { right: 0; left: auto; } #page-header-bg #portfolio-nav { z-index: auto; } .page-template-template-portfolio-php .portfolio-filters { position: absolute; margin-top: 0px; top: 5px; } .portfolio-filters { position: relative; margin-top: 30px; } .portfolio-filters ul { margin: 0px; } .portfolio-filter-clear { padding: 0!important; margin: 0px!important; } #portfolio-nav { position: absolute; } .portfolio-filters { height: auto!important; width: 200px; float: right; display: block!important; margin-bottom: 33px; background-color: #27ccc0; } .portfolio-filters li, .portfolio-filters-inline li { list-style: none!important; } .portfolio-filters li li a { padding-left: 25px; } #portfolio-nav ul.controls { float: right; } .no-date #portfolio-nav { top: 10px; } #portfolio-nav { top: 10px; } .portfolio-filters > ul { display: none; width: 100%; position: absolute; z-index: 100; } .portfolio-filters ul li a { color: rgba(255, 255, 255, 0.7) !important; } .portfolio-filters a { display: block; font-size: 12px; line-height: 22px; padding: 9px 15px 10px 15px; color: #fff; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; background-color: #27CFC3; border-top: 1px dotted rgba(255, 255, 255, 0.3); } body .portfolio-filters-inline { margin-top: 0px; z-index: 100; height: auto!important; padding-top: 19px!important; padding-bottom: 19px!important; background-color: #252525; margin-bottom: 0px; -webkit-backface-visibility: hidden; } body .portfolio-filters-inline.first-section { padding-top: 50px!Important; } body .portfolio-filters-inline.nder-page-header.first-section { padding-top: 19px!important; } .portfolio-filters-inline.non-fw { padding-top: 33px!important; padding-bottom: 33px!important; background-color: transparent!important; } body .portfolio-filters-inline.nder-page-header.first-section.non-fw { padding-top: 33px!important; } body .portfolio-filters-inline.non-fw.first-section { padding-top: 70px!important; } .portfolio-filters-inline .clear { padding: 0px; } .portfolio-filters-inline ul li, .portfolio-filters-inline ul ul { display: inline; } .portfolio-filters-inline ul { line-height: 22px; } .portfolio-filters-inline ul { margin: 0px!important; text-align: right; } .portfolio-filters-inline #current-category { width: 25%; } .portfolio-filters-inline .container > ul { max-width: 72%; margin-right: -7px!important; } .portfolio-filters-inline ul ul { margin-left: 0px!important; } .portfolio-filters-inline #current-category { padding-left: 0px; float: left; } .portfolio-filters-inline .container > ul { float: right; } .portfolio-filters-inline .container > ul > li:last-child a { border: none!important; } .portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul li#sort-label { padding: 0px 10px; margin: 7px 0px; font-size: 12px; line-height: 14px; display: inline-block; } .portfolio-filters-inline .container > ul li#sort-label { border: none!important; padding-right: 20px; } .portfolio-filters-inline #current-category { color: #eee; font-family: 'OpenSansLight'; font-size: 20px; letter-spacing: 0; line-height: 20px; position: relative; text-transform: none; top: 4px; } .portfolio-filters-inline .container > ul li#sort-label { color: #eee; } .portfolio-filters-inline ul li a { color: #999; } .portfolio-filters-inline ul li a:hover { color: #eee; } .portfolio-filters-inline.non-fw #current-category, .portfolio-filters-inline.non-fw .container > ul li#sort-label { color: #888!important; } .portfolio-filters-inline.non-fw ul li a:hover { color: #333; } #sort-portfolio { position: relative; border-top: 0px!Important; } #sort-portfolio span { font-family: 'OpenSansRegular'; display: block; font-size: 12px; line-height: 21px; padding-left: 0px!important; color: #fff!important; } #sort-portfolio i { font-size: 12px!Important; position: absolute; right: 5px; top: 13px; height: 14px; line-height: 14px; background-color: transparent!important; } .portfolio-filters #sort-portfolio { background-color: #27CFC3; padding-right: 40px; min-width: 160px; border-radius: 2px; } .portfolio-filters a:hover { color: rgba(255, 255, 255, 1) !important; } .portfolio-filters:hover #sort-portfolio { color: rgba(255, 255, 255, 1) !important; border-radius: 2px 2px 0px 0px; } .page-template-template-portfolio-php .page-header-no-bg .section-title { border-bottom: 0px; z-index: 100; } .page-template-template-portfolio-php[data-bg-header="false"] .container-wrap { padding-top: 0; } .portfolio-items:not(.carousel) { margin: 0px -1.2% 0px -1%; } .portfolio-items .col { background-color: transparent; } .portfolio-items.carousel .col { background-color: transparent; } html:not(.js) .portfolio-items .col.span_3 img, html:not(.js) .portfolio-items .col img { opacity: 1!important; } .portfolio-items .col .work-item, .portfolio-items .col .work-meta, .portfolio-items .col .nectar-love-wrap { opacity: 0; } .carousel.portfolio-items .col img, .carousel.portfolio-items .col .work-meta, .carousel.portfolio-items .col .nectar-love-wrap, .carousel.portfolio-items .work-item { opacity: 1; } body .portfolio-items .col { height: auto; margin-bottom: 25px!important; } .portfolio-items .col.span_4 { width: 31.00%; margin: 0px 1.13%; } .portfolio-items .col.span_3 .work-item .work-info a { padding: 6px 11px; font-size: 11px!important; margin: 3px; } .portfolio-items .col.span_3 .work-meta h4 { font-size: 16px; line-height: 16px!important; letter-spacing: -1px; } .portfolio-items .work-meta h4 { line-height: 22px; position: relative; top: -2px; } .portfolio-items .work-meta p { line-height: 22px; } .portfolio-items .col.span_3 { width: 22.7%; margin: 0px 1.1%; padding: 0px; } .page-template-template-portfolio-php .portfolio-items .col.span_3, .page-template-template-portfolio-php .portfolio-items .col.span_4 { background-color: #f8f8f8; /* safari text fix */ } #portfolio-nav #all-items a { cursor: pointer; display: inline-block; float: left; margin: 0px 10px 0 0; position: relative; background-position: 11px center; background-repeat: no-repeat; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } #portfolio-nav #all-items a i { line-height: 34px; font-size: 30px!important; background-color: transparent!important; } #portfolio-nav li { float: left; list-style: none; } #portfolio-nav #prev-link a, #portfolio-nav #next-link a { color: #888 !important; cursor: pointer; display: inline-block; float: left; margin: 0px 10px 0 0; position: relative; text-transform: capitalize; background-repeat: no-repeat; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; text-align: center; } #portfolio-nav #prev-link a { background-position: 13px center; padding: 1px 0px; } #portfolio-nav #next-link a { padding: 1px 0px; margin-right: 0px; background-position: -20px center; } #portfolio-nav a i, #portfolio-nav a i { background-color: transparent!important; font-size: 30px; line-height: 34px; color: #888; transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; } #portfolio-nav #next-link a i, #portfolio-nav #prev-link a i { font-size: 32px!Important; } #full_width_portfolio #portfolio-nav #prev-link a i, #full_width_portfolio #portfolio-nav #next-link a i { } .parallax-effect #portfolio-nav #next-link a i, .parallax-effect #portfolio-nav #prev-link a i { -webkit-transform: translateZ(0px); } body #portfolio-nav a:hover { background-color: transparent!important; } .portfolio-items .col .work-item .work-info a { background-color: #252525; padding: 9px 15px; color: #fff!important; font-size: 12px!important; margin: 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; } .portfolio-items .col .work-item .work-info a:hover { opacity: 0.8; } .portfolio-items .col h3 { position: relative; top: 0px; color: #fff; margin-bottom: 10px; } .portfolio-items .col img { display: block; margin-bottom: 0px; width: auto; } .portfolio-items[data-col-num="elastic"] .col img, body .masonry.meta_overlaid .post-featured-img img, body .masonry.meta_overlaid .content-inner .whole-link { width: 100.7%!important; max-width: 100.7%!important; } .portfolio-items[data-col-num="elastic"] .work-info-bg { width: 100.7%!important; } .portfolio-items .col .work-info .magnify span { background-image: url(img/stock/icons/magnify.png); } .portfolio-items .col .work-info .view, .portfolio-items .col .work-info .image, .portfolio-items .col .work-info .video { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; text-indent: -9999px; color: #fff; display: block; } .portfolio-items .col .work-info .view span { background-image: url(img/stock/icons/link.png); } .portfolio-items .col .work-info .image span { background-image: url(img/stock/icons/image.png); } .portfolio-items .col .work-info .video span { background-image: url(img/stock/icons/video.png); } .portfolio-items .col .work-info span { top: 0px; left: 0px; position: absolute; display: block; height: 42px; width: 42px; background-repeat: no-repeat; background-position: center; opacity: 0.8; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .portfolio-items .col .work-info .vert-center { text-align: center; margin-top: -15px; position: relative; z-index: 10; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .portfolio-items .col .work-info .vert-center .no-text { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; text-indent: -9999px; background-color: transparent; } .portfolio-items .col .work-info .vert-center.no-text { transform: none!important; -webkit-transform: none!important; top: 0!important; height: 100%; } .portfolio-items .col .work-info .vert-center p { padding-bottom: 0px; } .portfolio-items .col .work-info a:hover span { opacity: 0.8; } .portfolio-items .col .work-info .vert-center *, .portfolio-items .col .work-info i { opacity: 0; -ms-filter: "alpha(opacity=0)"; } .portfolio-items .col .work-item { position: relative; overflow: hidden; width: 100%; } .portfolio-items .col.elastic-portfolio-item .work-item { overflow: visible; } .portfolio-wrap.default-style .portfolio-items .col.elastic-portfolio-item .work-item { overflow: hidden; } .portfolio-items .nectar-love { text-align: left; } .portfolio-items .nectar-love i, .post-meta .nectar-love i, #project-meta .nectar-love i { width: 23px!important; font-size: 14px!important; top: 0px!important; } .portfolio-items .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; line-height: 11px; font-size: 12px!important; display: inline-block; text-align: left; color: #888; } .portfolio-items .work-meta { text-align: left; float: left; width: 100%; font-size: 11px; color: #999; } .light .portfolio-items .work-meta { color: #e8e8e8; } .portfolio-items .work-meta h4 { margin-bottom: -2px; } .portfolio-items .nectar-love span { line-height: 12px; } .portfolio-items .nectar-love-wrap { width: 70px; top: -1px; position: relative; float: right; text-align: right; } .portfolio-items .nectar-love:hover, .portfolio-items .nectar-love.loved { color: #888!important; } .portfolio-items .flex-gallery { margin-bottom: 0px; } .project-attrs { margin-bottom: 0px!important; margin-left: 0px!important; } .project-attrs li { list-style: none!important; } .project-attrs li span { display: inline-block; margin-right: 10px; height: 14px; width: 14px; background-color: #27CFC3; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px; background-repeat: no-repeat; background-position: center center; } .project-attrs li i { font-size: 14px; line-height: 14px; width: 23px; text-align: left; height: auto; background-color: transparent!important; } .portfolio-items .work-item .work-info [id^="video-popup-"] { display: none; } #project-meta .nectar-love { color: #888!important; padding-left: 0px!important; } #project-meta .nectar-love:hover { color: #888!important; } #project-meta ul, #project-meta .nectar-social { height: 23px; margin-bottom: 30px!important; } #project-meta ul li { float: left; padding: 0px!important; border-bottom: 0px!important; } #project-meta ul li .nectar-love-wrap { border-right: 1px solid #ddd; margin-right: 16px; padding-right: 16px; width: auto!important; } #project-meta ul li .nectar-love-wrap.no-border { border: none; } #project-meta ul li .nectar-love-wrap.fadein .nectar-love-count, #single-meta ul li .nectar-love-wrap.fadein .nectar-love-count { opacity: 0; display: block; width: 0px; } #project-meta ul li .nectar-love-wrap.fadein span, #single-meta ul li .nectar-love-wrap.fadein span { line-height: 12px!important; } #project-meta ul li .nectar-love-wrap.fadein, #single-meta ul li .nectar-love-wrap.fadein { padding-top: 4px; padding-bottom: 4px; } .single #single-meta ul li .nectar-love-wrap.fadein { margin-right: 16px; padding-right: 16px; } #project-meta ul li .nectar-love-wrap.fadein .nectar-love, #single-meta ul li .nectar-love-wrap.fadein .nectar-love { display: block; } .portfolio-loading { display: block; height: 31px; width: 31px; z-index: 80; position: absolute; left: 50%; top: 100px; margin-left: -15px; background-image: url(img/icons/loading-white-bg.gif); } .portfolio-loading.default-loader { background-image: none!important; } body[data-bg-header="true"] .portfolio-loading { display: none; } div[data-col-num="cols-4"] .portfolio-loading { top: 85px; } div[data-col-num="cols-3"] .portfolio-loading { top: 111px; } div.portfolio-items[data-col-num="elastic"] { margin-right: 0px!important; margin-top: 0px!important; } .single-portfolio .comments-section #respond { margin-top: 30px; } .single-portfolio #sidebar h3, .single-portfolio #sidebar h4 { margin-bottom: 0px; padding-bottom: 4px; } .single-portfolio #sidebar { margin-bottom: 30px; transition: none 0s!important; } .single-portfolio .gallery-slider .gallery, .single-portfolio .gallery-slider .jetpack-slideshow { display: none; } #portfolio-extra img { display: block; } #portfolio-extra .clear { padding-bottom: 0px; } #full_width_portfolio #portfolio-extra .empty-second .clear { padding-bottom: 65px; } #full_width_portfolio #portfolio-extra .clear { padding-bottom: 24px; } .fixed-sidebar { float: right; transition: 0!important; margin-bottom: 55px!important; } .single-portfolio #post-area { padding-right: 40px; margin-right: 0px!important; margin-top: 4px; width: 76.5%; } .single-portfolio #boxed #post-area { width: 76.49%; } .single-portfolio #post-area.span_12 { width: 100%!important; } .single-portfolio #post-area .video { margin-bottom: 15px; } .portfolio-wrap { position: relative; } body .portfolio-wrap.default-style { padding: 2% 0; } body #boxed .portfolio-wrap.default-style { padding: 2%; } body .default-style .portfolio-items .col.elastic-portfolio-item { /*margin: 1.2%!important;*/ width: 17.50%!important; } body .portfolio-items .col.elastic-portfolio-item { width: 19.98%; margin: 0!important; } body .portfolio-items .col.elastic-portfolio-item.tall, body .portfolio-items .col.elastic-portfolio-item.regular { width: 19.96%; } body .portfolio-items .col.elastic-portfolio-item.wide { width: 39.92%; } body .portfolio-items .col.elastic-portfolio-item.wide_tall { width: 39.92%; } /* constrained cols */ body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item { width: 24.98%; } @media only screen and (min-width: 1000px) { html body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item { width: 22.5%!important; } } @media only screen and (min-width: 1000px) and (max-width: 1300px) { html body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item .work-item .work-info a { margin: 4px 3px; padding: 4px 9px!important; display: inline-block!important; } html body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item .work-meta { width: 68%!important; } } /***************** About ******************/ .team-member { margin-top: 7px; padding-bottom: 7px; } .team-member h4 { font-size: 22px; margin-bottom: 0px!important; } .team-member h4 a { color: #444444; } .team-member p.description { padding: 15px 0px; margin: 15px 0px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .team-member ul.social { margin: 0px; } .team-member ul.social:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .team-member ul.social li { float: left; list-style: none; } .team-member ul.social li a { font-size: 11px; margin: 0px 8px; } .team-member ul.social li:first-child a { margin-left: 0px; } .team-member ul.social li:after { content: ' / '; font-size: 11px!important; } .team-member ul.social li:last-child:after { content: ' '!important; } .full-width-section .team-member img { margin-bottom: 15px!important; } .team-member[data-style="meta_overlaid"] { margin-top: 0; margin-bottom: 0; padding-bottom: 0; line-height: 0; position: relative; } .team-member[data-style="meta_overlaid"] a { display: block; position: absolute; background: transparent url('img/transparent.png') repeat 0 0; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; } .team-member[data-style="meta_overlaid"] img { line-height: 0; max-width: none; max-height: none; width: 100%; margin-bottom: 0!important; } .team-member[data-style="meta_overlaid"] .team-member-overlay { background-color: #282B30; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0.45; transition: opacity 0.3s ease 0s; } .team-member[data-style="meta_overlaid"] .team-member-image { z-index: 2; height: 300px; width: 100%; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .full-width-content .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image { height: 350px; } .full-width-content .vc_span4 .team-member[data-style="meta_overlaid"] .team-member-image, .full-width-content .vc_col-sm-4 .team-member[data-style="meta_overlaid"] .team-member-image { height: 400px; } .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, .wpb_row:not(.full-width-content) .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image { height: 275px; } .team-member[data-style="meta_overlaid"]:hover .team-member-overlay { opacity: 0; } .team-member[data-style="meta_overlaid"] .team-meta { position: absolute; z-index: 10; bottom: 40px; width: 100%; text-align: center; } .team-member[data-style="meta_overlaid"] .team-meta h3 { color: #fff; } .team-member[data-style="meta_overlaid"] .team-meta p { color: rgba(255, 255, 255, 0.8); padding: 7px 0 0 0!important; } .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid"] .team-meta h3, .wpb_row:not(.full-width-content) .col.span_3 .team-member[data-style="meta_overlaid"] .team-meta h3 { font-size: 14px; line-height: 20px; margin-bottom: 2px; } .wpb_row:not(.full-width-content) .vc_span4 .team-member[data-style="meta_overlaid"] .team-meta h3, .wpb_row:not(.full-width-content) .col.span_4 .team-member[data-style="meta_overlaid"] .team-meta h3 { margin-bottom: 2px; } /***************** Contact ******************/ html:not(.js) #contact-map, html:not(.js) .nectar-google-map { display: none; } #contact-map { width: 100%; height: 370px; margin-top: -65px; margin-bottom: 30px; } .gm-style-iw { color: #777; } #contact-map div, .nectar-google-map div { box-sizing: content-box!important; -moz-box-sizing: content-box!important; -webkit-box-sizing: content-box!important; } .nectar-google-map { margin-bottom: 0!important; } .nectar-google-map img { max-width: none!important; } body[data-bg-header="true"] #contact-map { margin-top: -30px!important; } .contact-info { padding-left: 20px; } body.page-template-template-contact-php .page-header-no-bg .col.section-title { border-bottom: 0px; } body.page-template-template-contact-php #page-header-bg { margin-bottom: 0px; } .wpcf7-form p span { color: #27CFC3; } div.wpcf7-validation-errors { color: #666666!important; } span.wpcf7-not-valid-tip { background: none repeat scroll 0 0 #fff; } .wpcf7-form-control-wrap { display: block!important; } .wpcf7-form .wpcf7-not-valid-tip { top: -3px; padding: 2px 6px; border: 0px; 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); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .wpcf7 .wpcf7-response-output { background-color: #fff; margin-left: 0px; margin-top: 10px; } .widget_text textarea { max-height: 100px; } body .gform_wrapper .description, body .gform_wrapper .gfield_description, body .gform_wrapper .gsection_description, body .gform_wrapper .instruction { font-size: 12px; } body .gform_wrapper div.charleft { font-size: 10px; } body .gform_wrapper .top_label .gfield_label { font-weight: normal!important; margin-top: 20px; margin-bottom: 6px; font-family: 'openSansBold'; } .gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div { font-family: arial; letter-spacing: 0; line-height: 20px; } /***************** Masonry Items / Search results ******************/ #post-area.masonry { opacity: 0; width: 1125px; margin-bottom: 60px; margin-top: 0; transition: none!important; overflow: visible!important; } #post-area.masonry.meta_overlaid { margin-bottom: 0; } #post-area.masonry.meta_overlaid .posts-container { overflow: hidden; } body[data-ext-responsive="true"] #post-area.masonry { width: 102.2%; } body[data-ext-responsive="true"] #post-area.masonry.meta_overlaid { width: 100%; } #post-area.masonry.span_9 { width: 834px; margin-right: 5px; } body[data-ext-responsive="true"] #post-area.masonry.span_9 { width: 76.5%; margin-right: 0; } #post-area.masonry #pagination { position: absolute; bottom: -60px; padding-left: 0px; } #post-area.masonry.span_12.meta_overlaid #pagination, .blog-fullwidth-wrap #post-area.masonry.meta_overlaid #pagination { bottom: 0 !important; height: 32px; margin-top: 45px; position: relative !important; text-align: center !important; width: 100%; margin-bottom: 40px; } #post-area.masonry.span_12.meta_overlaid #pagination > div, .blog-fullwidth-wrap #post-area.masonry.meta_overlaid #pagination > div { display: inline; float: none; margin: 0 5px 0 0; } body.blog .meta_overlaid_blog.container-wrap { padding-top: 0!important; } body.blog .meta_overlaid_blog.container-wrap #post-area { margin-top: 0!important; } body.blog #post-area.masonry.meta_overlaid #pagination { margin-bottom: 0px; } #post-area.masonry article.post .post-meta.no-img { top: 0px!important; } #post-area.masonry > article:last-child .content-inner { border-bottom: 1px solid #DDDDDD!important; } #post-area.masonry article.post .post-content { padding-left: 0px!important; } #post-area.masonry article.post .quote-inner, #post-area.masonry article.post .link-inner, #post-area.masonry article.post .status-inner, #post-area.masonry article.post .aside-inner { margin-bottom: 8px; } #search-results { margin-bottom: 30px; overflow: visible!important; visibility: hidden; } #search-results .result img { margin-bottom: 10px; } #post-area.masonry article.post .post-meta { display: block!important; } .search .row .col.section-title h1 { font-size: 28px!important; line-height: 42px!important; margin-bottom: 0px!important; text-transform: none!important; font-family: 'OpenSansSemibold'!important; letter-spacing: -1px!important; } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap { padding: 20px!important; } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap > *:not(.post-header) { display: none; } #post-area.masonry.meta_overlaid article.post .post-meta { margin: -4px 0 3px!important; padding-bottom: 0!important; line-height: 26px; } #post-area.masonry.meta_overlaid article.post.wide_tall .post-meta, #post-area.masonry.meta_overlaid article.post.large_featured .post-meta { margin: 6px 0 6px!important; } #post-area.masonry.meta_overlaid article.post .post-meta .date, #post-area.masonry.meta_overlaid article.post.quote .quote-inner .author, #post-area.masonry.meta_overlaid article.post.link .post-content .destination { float: none!important; font-size: 11px!important; } #post-area.masonry.meta_overlaid article .post-header { font-size: 11px; } .meta_overlaid .masonry-blog-item h2.title { font-size: 18px!important; } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap .meta-category, body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap .meta-comment-count { display: none; } body .masonry.meta_overlaid .masonry-blog-item { margin-bottom: 0!important; } body .masonry.meta_overlaid .masonry-blog-item .post-featured-img:before { background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); bottom: 0; content: " "; display: block; height: 50%; left: 0; position: absolute; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0s; width: 100.7%; opacity: 1; } body .masonry.meta_overlaid .masonry-blog-item .post-featured-img:after { background-color: rgba(0,0,0,0.15); bottom: 0; content: " "; display: block; height: 100%; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0s; left: 0; position: absolute; width: 100.7%; opacity: 1; } body .masonry.meta_overlaid .masonry-blog-item:hover .post-featured-img:before { opacity: 1; } body .masonry.meta_overlaid .masonry-blog-item:hover .post-featured-img:after { opacity: 0; } .masonry.meta_overlaid .masonry-blog-item span.bottom-line, .masonry.meta_overlaid .masonry-blog-item .more-link { display: none; } .masonry.meta_overlaid .masonry-blog-item, .masonry.meta_overlaid .masonry-blog-item .mejs-container .mejs-controls { box-shadow: none!important; } .masonry.meta_overlaid .masonry-blog-item .post-meta { padding: 0 18px 18px 18px!important; } .masonry.meta_overlaid .post .nectar-love-wrap { line-height: 20px; } .masonry.meta_overlaid .masonry-blog-item { padding: 0; } .masonry.meta_overlaid .masonry-blog-item .content-inner .post-featured-img img, .masonry.meta_overlaid .masonry-blog-item .more-link, .masonry.meta_overlaid article.post .quote-inner, .masonry.meta_overlaid article.post .link-inner, .masonry.meta_overlaid article.post .status-inner, .masonry.meta_overlaid article.post .aside-inner { margin-bottom: 0!important; } .masonry.meta_overlaid .masonry-blog-item .content-inner { padding-bottom: 0!important; border: 0!important; margin-bottom: 0!important; } .masonry.meta_overlaid .masonry-blog-item .article-content-wrap { padding: 16px 18px 18px 18px!important; } .masonry.meta_overlaid article.post.quote .post-content .post-meta, .masonry.meta_overlaid article.post.link .post-content .post-meta, .masonry.meta_overlaid article.format-status .post-content .post-meta, .masonry.meta_overlaid article.post.format-aside .post-meta { display: none!important; } .masonry.meta_overlaid article.post .post-header h2 a, .masonry.meta_overlaid article.post .post-header { color: #fff!important; } .masonry.meta_overlaid article.post .post-header h2 a { display: block; } body .masonry.meta_overlaid .content-inner > a, body .masonry.meta_overlaid .content-inner > a > span { display: block; line-height: 1px; } body .masonry.meta_overlaid article.post .post-header .meta-author span { font-size: 13px!important; } body .masonry.meta_overlaid article.post .post-header .meta-author a { margin-left: 4px; color: #fff!important; transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; } body .masonry.meta_overlaid article.post .post-header .meta-author a:hover { opacity: 0.85; } body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap { position: absolute; bottom: 10px; width: 100%; text-align: center; } body #post-area.masonry.meta_overlaid article.masonry-blog-item.wide_tall .post-meta .date, body #post-area.masonry.meta_overlaid article.masonry-blog-item.large_featured .post-meta .date { font-size: 16px!important; } body .masonry.meta_overlaid .masonry-blog-item.wide_tall h2.title, body .masonry.meta_overlaid .masonry-blog-item.large_featured h2.title { font-size: 30px!important; } body .masonry.meta_overlaid article.post .content-inner, body .masonry.meta_overlaid article.post .post-content, body .masonry.meta_overlaid article.post.quote .post-content .quote-inner, body .masonry.meta_overlaid article.post .post-content .link-inner, body .masonry.meta_overlaid article.post.format-link .content-inner a { height: 100.1%!important; width: 100.1%!important; } body .masonry.meta_overlaid .link-inner .link-wrap, body .masonry.meta_overlaid .quote-inner .quote-wrap { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); display: block; z-index: 100000!important; padding: 0 12%; } body .masonry.meta_overlaid .post-content { min-height: 40px; } body #post-area.masonry.meta_overlaid.span_9 { padding-right: 40px; } #post-area.masonry.meta_overlaid article.post .quote-inner, #post-area.masonry.meta_overlaid article.post .link-inner, #post-area.masonry.meta_overlaid article.post .status-inner, #post-area.masonry.meta_overlaid article.post .aside-inner { text-align: center; overflow: hidden; } .masonry-blog-item .post-meta { position: relative!important; } .masonry-blog-item .post-meta .date { border-bottom: 0px!important; line-height: 22px; padding-bottom: 0px!important; float: left; margin-bottom: 0px!important; } .light .masonry-blog-item p { color: #676767; } .masonry-blog-item .post-meta .nectar-love-wrap { float: right; } .masonry-blog-item .content-inner { padding-bottom: 15px!important; margin-bottom: 15px!important; } .masonry-blog-item h2.title { font-size: 20px!important; line-height: 26px!important; } .masonry-blog-item .post-meta .date span { float: left; display: inline!important; text-transform: capitalize!important; font-family: 'OpenSansRegular'!important; font-size: 12px!important; line-height: 12px!important; color: #676767!important; } .masonry-blog-item .more-link { margin-bottom: 10px; } .masonry-blog-item .post-meta .nectar-love-wrap { width: auto!important; } #search-results .result, .masonry-blog-item { width: 31%; display: inline-block; margin-bottom: 2.5%; -o-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); background-color: #fff; padding: 18px; position: relative; } .masonry-blog-item { margin-bottom: 0; } .masonry-blog-item .jp-jplayer-video { height: 179px!important; } #post-area.span_9 .masonry-blog-item .jp-jplayer-video { height: 200px!important; } .masonry-blog-item { width: 31.1%; } /*.masonry-blog-item.ajax-loaded { margin-top: 100px; } body .portfolio-items .col.ajax-loaded { margin-top: 100px; }*/ #post-area.masonry.span_9 .masonry-blog-item { width: 46.8%; } #search-results .result { font-size: 11px; } #search-results .result span.bottom-line, .masonry-blog-item span.bottom-line { height: 1px; width: 100%; display: block; position: absolute; bottom: 2px; left: 0px; background-color: #eaeaea; } #search-results .result .title span { display: block; font-size: 12px; letter-spacing: 0px; font-family: 'OpenSansRegular'; color: #999; margin-top: 3px; } #search-results .result h2 { margin-bottom: 1px; font-size: 17px; line-height: 22px; } #search-results .result p { padding-bottom: 0px; } article.result .title a { color: #27CFC3; } article.result .title a:hover { color: inherit!important; } /*-------------------------------------------------------------------------*/ /* 6. Nectar Shortcode Styles /*-------------------------------------------------------------------------*/ /***************** Icons ******************/ [class^="icon-"], [class*=" icon-"] { background-color: #27CFC3; border-radius: 999px 999px 999px 999px; -moz-border-radius: 999px 999px 999px 999px; -webkit-border-radius: 999px 999px 999px 999px; -o-border-radius: 999px 999px 999px 999px; color: #fff; display: inline-block; font-size: 16px; height: 32px; line-height: 32px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 32px; top: -2px; word-spacing: 1px; } [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x { background-color: #eeedec!Important; } body [class^="icon-"].icon-3x.alt-style, body [class*=" icon-"].icon-3x.alt-style { background-color: #27CFC3!important; color: #fff!important; } .col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.alt-style.hovered, .col:not(#post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered { background-color: rgba(0,0,0,0.035)!important; } .light .col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.alt-style.hovered, .light .col:not(#post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered { background-color: rgba(0,0,0,0.1)!important; } #sidebar .widget:hover [class^="icon-"].icon-3x.alt-style { background-color: rgba(0,0,0,0.035)!important; } .full-width-section [class^="icon-"].icon-3x, .full-width-section [class*=" icon-"].icon-3x { background-color: rgba(0,0,0,0.021)!important; } [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x, .circle-border { background-color: #eeedec; border-radius: 999px 999px 999px 999px; -moz-border-radius: 999px 999px 999px 999px; -webkit-border-radius: 999px 999px 999px 999px; -o-border-radius: 999px 999px 999px 999px; color: #27CFC3; display: inline-block; font-size: 30px; height: 90px; line-height: 90px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 90px; word-spacing: 1px; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; } [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x { margin-bottom: 27px; } body [class^="icon-"].icon-tiny { line-height: 15px!important; height: 13px; width: 15px; margin-right: 5px; font-size: 13px!important; color: #888; background-color: transparent!important; } body [class^="icon-"].icon-default-style { line-height: 34px!important; height: 34px; width: 34px; margin-right: 0px; font-size: 34px!important; color: #27CFC3; background-color: transparent!important; } body .nectar-button i { background-color: transparent!important; } h3 [class^="icon-"], h2 [class^="icon-"], h4 [class^="icon-"], h5 [class^="icon-"] { margin-right: 5px; } .col:not(#post-area):not(.span_12):not(#sidebar):hover .hovered .circle-border, #sidebar .widget:hover .circle-border { border: 1px solid #27CFC3; transform: scale(1.18); -moz-transform: scale(1.18); -o-transform: scale(1.18); transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); } .col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.hovered, .col:not(#post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.hovered, #sidebar .widget:hover [class^="icon-"].icon-3x { color: #fff!important; background-color: #27CFC3; } /*#post-area .span_12:hover [class^="icon-"].icon-3x { color: #fff!important; }*/ .circle-border { background: none repeat scroll 0 0 transparent; border: 1px solid #eeedec; height: 88px; left: 1px; position: absolute; z-index: 1; top: 1px; transition-duration: 225ms; -moz-transition-duration: 225ms; -webkit-duration: 225ms; -o-transition-duration: 225ms; transition-property: all; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -o-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); width: 88px; } .full-width-section .circle-border { background-color: rgba(0,0,0,0.021); border-color: rgba(0,0,0,0.05); } .full-width-section .light .circle-border { background-color: rgba(0,0,0,0.021); border-color: rgba(0,0,0,0.2); } .iwithtext { position: relative; } .iwithtext .iwt-icon { position: absolute; left: 0; top: 0px; } .iwithtext .iwt-icon img { width: 35px; height: auto; padding: 0; } .iwithtext .iwt-text { padding-left: 55px; } .main-content .vc_span2 .iwithtext .iwt-icon, .main-content .vc_col-sm-2 .iwithtext .iwt-icon { top: -2px; } .main-content .vc_span2 .iwithtext .iwt-icon i, .main-content .vc_col-sm-2 .iwithtext .iwt-icon i { font-size: 26px!important; line-height: 26px!important; width: 26px!important; height: 26px!important; } .main-content .vc_span2 .iwithtext .iwt-icon img, .main-content .vc_col-sm-2 .iwithtext .iwt-icon img { width: 26px; } .main-content .vc_span2 .iwithtext .iwt-text, .main-content .vc_col-sm-2 .iwithtext .iwt-text { padding-left: 45px; } /***************** Milestone ******************/ .nectar-milestone { text-align: center; } .nectar-milestone .number { font-size: 62px; line-height: 62px; display: block; font-family: 'openSansSemiBold'; margin-bottom: 5px; } .nectar-milestone .subject { letter-spacing: 0.5px; font-family: 'OpenSansLight'; font-size: 16px!important; } /***************** Milestone ******************/ .nectar-fancy-ul ul li { list-style: none; position: relative; padding-left: 40px; } .nectar-fancy-ul ul { margin-left: 0!important; } .nectar-fancy-ul ul li i { position: absolute; left: 0; top: 0; } .nectar-fancy-ul ul li .icon-default-style[class^="icon-"] { font-size: 16px!important; height: 100%!important; line-height: 22px!important; } .nectar-fancy-ul ul li i.icon-default-style[class^="icon-"].icon-salient-thin-line { font-size: 27px!important; height: 27px!important; line-height: 27px !important; } .nectar-fancy-ul[data-animation="true"] ul li { opacity: 0; left: -20px; } /***************** Bar graph ******************/ .nectar-progress-bar { margin-bottom: 0px!important; } .nectar-progress-bar .bar-wrap { margin-bottom: 13px; background-color: #e4e4e4; border-radius: 300px 300px 300px 300px; -webkit-border-radius: 300px 300px 300px 300px; -o-border-radius: 300px 300px 300px 300px; -moz-border-radius: 300px 300px 300px 300px; background-color: #ebebeb; 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; } .nectar-progress-bar span { height: 15px; width: 0px; display: block; background-color: #27CFC3; border-radius: 300px 300px 300px 300px; -webkit-border-radius: 300px 300px 300px 300px; -o-border-radius: 300px 300px 300px 300px; -moz-border-radius: 300px 300px 300px 300px; } .nectar-progress-bar p { padding-bottom: 2px; } .nectar-progress-bar span { overflow: visible!important; position: relative; } .nectar-progress-bar span strong { position: absolute; right: -0px; top: -25px; padding: 4px 7px!important; background-color: #333; color: #fff; line-height: 12px!important; font-size: 11px!important; opacity: 0; display: block; font-weight: normal!important; font-family: 'OpenSansSemibold'; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; } .nectar-progress-bar span strong i { font-style: normal!important; font-size: 11px!important; line-height: 12px!important; font-family: 'OpenSansSemibold'!important; letter-spacing: 0!important; text-transform: none!important; } .nectar-progress-bar span strong:after { border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 12px; position: absolute; width: 0; } .nectar-progress-bar span strong.full:after { left: 15px; } .nectar-progress-bar span strong.full { width: 43px; text-align: center; } body .vc_pie_chart .vc_pie_chart_value { font-size: 42px; font-family: 'openSansLight'; } body .vc_pie_chart .wpb_pie_chart_heading { font-family: 'OpenSansbold'; text-transform: uppercase; font-size: 12px; margin-top: 12px; margin-bottom: 0px; letter-spacing: 2px; } body .vc_pie_chart_back { border-width: 7px; opacity: 0; } /***************** Testimonial Slider ******************/ .testimonial_slider { float: none; opacity: 0; margin-bottom: 21px; } html:not(.js) .testimonial_slider { opacity: 1; height: auto; } .testimonial_slider blockquote { padding-left: 0px; text-align: center; color: rgba(0,0,0,1); background-image: none; font-size: 22px; width: 100%; margin: 0 auto; opacity: 0; position: absolute; } .testimonial_slider blockquote p { padding-bottom: 15px; font-size: 17px; line-height: 22px; padding-left: 50px; padding-right: 50px; font-style: italic; } .testimonial_slider .controls ul { margin: 0px!important; display: block; text-align: center; width: 100%; } .testimonial_slider .controls ul li { list-style: none!important; cursor: pointer; display: inline; } .testimonial_slider .controls ul li span.pagination-switch { background-color: rgba(0, 0, 0, 0); border: 1px solid #808080; background-color:#808080; border-radius: 10px 10px 10px 10px; cursor: pointer; display: inline-block; height: 10px; margin: 0 4px; transition: background-color 0.2s linear 0s, border-color 0.2s linear 0s; width: 10px; } .testimonial_slider .controls ul li span.pagination-switch:hover, .testimonial_slider .controls ul li span.pagination-switch.active { background-color: #ec1e3a; border: solid 1px #ec1e3a; } .testimonial_slider .controls { position: absolute; bottom: -22px; z-index: 30; width: 100%; text-align: center; } .testimonial_slider .slides { overflow: hidden; position: relative; background-image: url("img/bg-testimonials.png"); background-repeat: no-repeat; } .testimonial_slider blockquote span { font-size: 16px!important; color: rgba(0,0,0,.7); } .light .testimonial_slider blockquote { color: rgba(255,255,255,0.95); } .light .testimonial_slider blockquote span { color: rgba(255,255,255,0.65); } .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p { color: #fff; } .testimonial_slider .controls ul li i { color: #444444; } .light .testimonial_slider .controls ul li span { border-color: #fff; } .light .testimonial_slider .controls ul li span:hover, .light .testimonial_slider .controls ul li span.pagination-switch.active { background-color: #fff!important; } .toggles .testimonial_slider, .full-width-content .testimonial_slider { padding-bottom: 20px!important; } .toggles .testimonial_slider .controls, .full-width-content .testimonial_slider .controls { bottom: 2px!important; } /***************** Tabbed ******************/ .tabbed > ul { margin-left: 0px; margin-bottom: 17px!important; } .tabbed > ul li { float: left; position: relative; list-style: none; margin: 0px!important; } .tabbed > ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .tabbed > ul li a { display: block; color: #888; position: relative; background-color: rgba(0,0,0,0.045); padding: 8px 15px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; border-left: 0px!Important; border-right: 1px solid rgba(0,0,0,0.06)!important; } .tabbed > ul li:hover, .wpb_content_element .wpb_tabs_nav li { background-color: transparent!important; } .tabbed .clear { display: block!important; padding-bottom: 0px; } .tabbed > ul li a:hover { background-color: rgba(0,0,0,0.035); } .tabbed > ul li:last-child a { border-color: transparent!important; } .tabbed > ul li a.active-tab { color: #fff; border-color: #27CFC3!important; background-color: #27CFC3; } .light .tabbed > ul li:last-child a, .light .tabbed > ul li a { border-color: rgba(0,0,0,0.2)!important; } .light .tabbed > ul li a { background-color: rgba(0,0,0,0.15)!important; } .tabbed .wpb_tab { opacity: 0; } body .tabbed div { padding: 0px; margin-bottom: 0px; background-color: transparent; } body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { padding: 0px; background-color: transparent!important; } /***************** Image with animation / Col animation ******************/ img.img-with-animation, .col.has-animation, .wpb_column.has-animation { opacity: 0; position: relative; } img.img-with-animation[data-animation="grow-in"].full-opacity { opacity: 1; } html:not(.js) img.img-with-animation, html:not(.js) .col.has-animation, html:not(.js) .wpb_column.has-animation { opacity: 1; } img.img-with-animation[data-animation="grow-in"], .col.has-animation[data-animation="grow-in"], .wpb_column.has-animation[data-animation="grow-in"] { opacity: 0.1; transform: scale(0.4); -webkit-transform: scale(0.4); -o-transform: scale(0.4); -moz-transform: scale(0.4); transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -o-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -webkit-backface-visibility: hidden; } img.img-with-animation[data-animation="flip-in"], .col.has-animation[data-animation="flip-in"], .wpb_column.has-animation[data-animation="flip-in"] { opacity: 0; transform: rotateY(25deg); -webkit-transform: rotateY(25deg); -o-webkit-transform: rotateY(25deg); -moz-webkit-transform: rotateY(25deg); transition: opacity 1s ease; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; } img.img-with-animation[data-animation="fade-in-from-left"] { left: -40px; padding-right: 30px; } .col.has-animation[data-animation="fade-in-from-left"], .wpb_column.has-animation[data-animation="fade-in-from-left"] { left: -40px; } img.img-with-animation[data-animation="fade-in-from-right"] { right: -40px; padding-left: 30px; } .col.has-animation[data-animation="fade-in-from-right"], .wpb_column.has-animation[data-animation="fade-in-from-right"] { right: -40px; } img.img-with-animation[data-animation="fade-in-from-bottom"] { bottom: -100px; } .col.has-animation[data-animation="fade-in-from-bottom"], .wpb_column.has-animation[data-animation="fade-in-from-bottom"] { bottom: -50px; } img.img-with-animation[data-animation="fade-in-from-left"], img.img-with-animation[data-animation="fade-in-from-right"] { margin: 0 auto; } .img-with-aniamtion-wrap { line-height: 0; margin-bottom: 0!important; } .center img.img-with-animation { margin: 0 auto; display: block; } .right.img-with-aniamtion-wrap { text-align: right; } .right.img-with-aniamtion-wrap img { display: inline-block; } /***************** Toggle ******************/ .toggle { margin-bottom: 15px!important; } .toggle.open h3 a { color: #fff!important; background-color: #27CFC3; } .toggle h3 { position: relative; z-index: 10; font-size: 12px!important; margin-bottom: 0px!important; } .toggle h3 a { display: block; color: #888888; letter-spacing: 0px; font-size: 12px!important; line-height: 14px!important; padding: 14px 14px 16px 43px; font-family: 'OpenSansRegular'; background-color: rgba(0,0,0,0.045); transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .toggle h3 a i { position: absolute; left: 13px; background-color: transparent; color: #888888; top: 13px; width: 18px; height: 16px!important; line-height: 18px!important; font-size: 15px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .toggle.open h3 a i { color: #fff; } .toggle h3 a:hover { background-color: rgba(0,0,0,0.035); } body .toggle > div { padding: 10px 14px; border-top: 0px; display: none; background-color: #fff!important; 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); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .toggle > div .wpb_wrapper { margin: 0!important; } .toggle > div > div:last-child { margin-bottom: 0px!important; } .light .toggle > div { color: #676767!important; } /***************** Full Width Section ******************/ .full-width-section { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; box-sizing: content-box!important; -moz-box-sizing: content-box!important; -webkit-box-sizing: content-box!important; margin-left: -50%; padding-left: 50%; padding-right: 50%; width: 100%; position: relative; z-index: 0; visibility: hidden; } .full-width-content.parallax_section { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .full-width-content.vc_row-fluid .wpb_column { background-position: center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .wpb_row { position: relative; } .wpb_row .row-bg, .full-width-section .row-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .wpb_row[data-using-ctc="true"] h1, .wpb_row[data-using-ctc="true"] h2, .wpb_row[data-using-ctc="true"] h3, .wpb_row[data-using-ctc="true"] h4, .wpb_row[data-using-ctc="true"] h5, .wpb_row[data-using-ctc="true"] h6 { color: inherit; } .wpb_row.full-width-section, .wpb_row.full-width-content { margin-bottom: 0px; } .wpb_row.full-width-content img, .wpb_row.full-width-content .img-with-aniamtion-wrap { margin-bottom: 0; } .full-width-content { visibility: hidden; } .full-width-section.standard_section { /* -webkit-perspective: 1000; -webkit-backface-visibility: hidden; */ } .full-width-section > .span_12 > div:last-child, .full-width-section > .span_12 .col > div:last-child { padding-bottom: 0px; } .full-width-section > .span_12 > div.boxed:last-child, .full-width-section > .span_12 .col > div.boxed:last-child { padding-bottom: 15px!important; } .full-width-section img { display: block; margin-bottom: 0px!important; } html:not(.js) .full-width-section, html:not(.js) .full-width-content { visibility: visible; } .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg { background-attachment: fixed; } .full-width-section.parallax_section .row-bg-wrap, .full-width-content.parallax_section .row-bg-wrap { overflow: hidden; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; } .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg { position: absolute; z-index: 1; top: 0; left: 0; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .full-width-section.no-cover .row-bg, .wpb_row .row-bg.no-cover, .full-width-section .row-bg.no-cover { background-size: auto!important; -moz-background-size: auto!important; -webkit-background-size: auto!important; } .full-width-section > .col.span_12 { float: none!important; } .full-width-section > .col.span_12.light, .full-width-content > .col.span_12.light { color: #fff; } .home-wrap .full-width-section.first-section { margin-top: -37px!important; } .column-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } /***************** Clients ******************/ .clients.two-cols > div { width: 49.4%; } .clients.two-cols > div:nth-child(2n+2) { margin-right: 0px; } .clients.carousel.two-cols > div { margin: 0px 10px; } .clients.three-cols > div { width: 32.6%; } .clients.three-cols > div:nth-child(3n+3) { margin-right: 0px; } .clients.carousel.three-cols > div { margin: 0px 10px; } .clients.four-cols > div { width: 24.2%; } .clients.four-cols > div:nth-child(4n+4) { margin-right: 0px; } .clients.carousel.four-cols > div { margin: 0px 10px; } .clients.five-cols > div { width: 19.2%; } .clients.five-cols > div:nth-child(5n+5) { margin-right: 0px; } .clients.carousel.five-cols > div { margin: 0px 10px; } .clients.six-cols > div { width: 15.8%; } .clients.six-cols > div:nth-child(6n+6) { margin-right: 0px; } .clients.carousel.six-cols > div { margin: 0px 10px; } .clients > div { float: left; transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; margin-right: 1%; margin-bottom: 1%; opacity: 1; } .clients.fade-in-animation > div { opacity: 0; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .clients.fade-in-animation.completed > div { transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -webkit-backface-visibility: hidden; } .clients > div.no-link:hover { opacity: 1!important; } .clients > div:hover { opacity: 0.7!important; } .clients > div img { display: block; max-width: 100%; margin: 0 auto; } .clients.no-carousel:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /***************** Pricing Tables ******************/ .pricing-table { margin-top: 60px; margin-bottom: 30px; } .pricing-table:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .pricing-table > div:first-child .pricing-column-content, .pricing-table > div:first-child h3 { border-left: 1px solid #e4e4e4!important; } .pricing-column { float: left; overflow: hidden; text-align: center; padding: 0px; background-color: #fff; transition: box-shadow 0.2s linear; -moz-transition: box-shadow 0.2s linear; -webkit-transition: box-shadow 0.2s linear; -o-transition: box-shadow 0.2s linear; } .pricing-column .pricing-column-content { border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 0px 0px 20px 0px; } .pricing-column.highlight { position: relative; z-index: 100; margin: -20px -1px 0px -1px; background-color: #FFF; box-shadow: 0px 0px 13px rgba(0,0,0,.09); -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.09); -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.09); -o-box-shadow: 0px 0px 13px rgba(0,0,0,.09); } .pricing-column.highlight .nectar-button { margin: 10px 0px 20px 0px; } .pricing-column.highlight .pricing-column-content, .pricing-column.highlight h3 { border: none; } .pricing-column.highlight h3 .highlight-reason { display: block; font-family: 'OpenSansbold'; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(0,0,0,0.4); } .pricing-column.highlight .pricing-column-content { border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .pricing-column.highlight:hover { box-shadow: 0px 0px 13px rgba(0,0,0,.15); -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.15); -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.15); -o-box-shadow: 0px 0px 13px rgba(0,0,0,.15); } .pricing-column ul li { color: #888!important; padding: 10px 25px; list-style: none; line-height: 18px; border-bottom: 1px solid #efefef; } .pricing-column ul li:first-child { border-top: 1px solid #efefef; } .pricing-column ul li:nth-child(2n+1) { background-color: #fbfbfb; } .pricing-column.highlight h3 { color: #fff!important; background-color: #27CFC3; padding: 15px 0px; margin-bottom: 0px!important; } .toggle .pricing-column h3 { font-size: 26px!important; } .pricing-column h3 { background-color: #fff; color: #27CFC3; margin-bottom: 0px; font-size: 26px; line-height: 28px!important; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #EFEFEF; border-top: 1px solid #e4e4e4; padding: 18px 0px 18px 0px; } .pricing-column h4 { margin-left: -22px; padding: 20px 30px 6px 30px; font-size: 54px!important; line-height: 42px!important; color: #333; margin-bottom: 0px; } .pricing-column h4 .dollar-sign { font-size: 22px; line-height: 22px; top: -14px; right: -6px; font-family: 'OpenSansLight'; position: relative; } .pricing-column .interval { display: block; color: #999; min-height: 38px; display: block; padding-bottom: 17px; } .pricing-column ul { margin-left: 0px; } .pricing-table.six-cols > div { width: 16.5%; } .pricing-table.five-cols > div { width: 20%; } .pricing-table.four-cols > div { width: 25%; } .pricing-table.three-cols > div { width: 33.2%; } .pricing-table.two-cols > div { width: 50%; } .pricing-table .col { padding: 0px 20px; } .col .pricing-table h3 { margin-bottom: 0px; } /*-------------------------------------------------------------------------*/ /* 7. Footer Styles /*-------------------------------------------------------------------------*/ #footer-outer { color: #ccc; position: relative; z-index: 10; background-color: #1e283a; text-align: center; border-top: solid 6px #ec1e3a; } #footer-outer .row { padding: 55px 0px; margin-bottom: 0px; } #footer-outer .widget h4, .text-on-hover-wrap .categories a { color: #777; font-size: 12px; font-family: 'OpenSansbold'; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; } #footer-outer .widget { margin-bottom: 30px; } #footer-outer .widget.widget_categories ul ul, #footer-outer .widget.widget_pages ul ul, #footer-outer .widget.widget_nav_menu ul ul, #slide-out-widget-area .widget.widget_nav_menu ul ul { margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 20px; } #footer-outer .widget.widget_categories li, #footer-outer .widget.widget_pages li, #footer-outer .widget.widget_nav_menu li, #slide-out-widget-area .widget.widget_nav_menu li { border-bottom: 0px!important; padding: 0px!important; } #footer-outer .widget.widget_categories li a, #footer-outer .widget.widget_pages li a, #footer-outer .widget.widget_nav_menu li a { padding: 8px 0px; display: block; border-bottom: 1px solid #444444; } #slide-out-widget-area .widget.widget_nav_menu li a { padding: 6px 0px; display: block; } #footer-outer .widget.widget_categories > ul > li:first-child > a, #footer-outer .widget.widget_pages > ul > li:first-child > a, #footer-outer .widget.widget_nav_menu > ul > li:first-child > a, #slide-out-widget-area .widget.widget_categories > ul > li:first-child > a, #slide-out-widget-area .widget.widget_pages > ul > li:first-child > a { padding-top: 0px; } #footer-outer .span_3 .widget:last-child { margin-bottom: 0px; } #footer-outer a { color: #bbdd55; } #footer-outer a:hover { color: #27CFC3; } #footer-outer .nectar-button:hover { color: #fff!important; } #footer-outer .widget ul li { margin-bottom: 7px; } #footer-outer #copyright { padding: 20px 0px; font-size: 12px; background-color: #494d52; color: #777; } #footer-outer #copyright li { float: left; margin-left: 20px; } #footer-outer #copyright .container div:last-child { margin-bottom: 0px; } #footer-outer #copyright li a, #header-secondary-outer #social li a { display: block; line-height: 22px; height: 24px; position: relative; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; background-position: center top; } #footer-outer #copyright li a i, #header-secondary-outer #social li a i { color: #777; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } #footer-outer .icon-be, #footer-outer .icon-vimeo, #footer-outer .icon-salient-spotify { line-height: 32px!important; } #footer-outer .fa-vine { font-size: 16px!important; } #footer-outer #copyright li a i:hover { color: #27CFC3; } #footer-outer #copyright li a.vimeo, #footer-outer #copyright li a.behance, #header-secondary-outer #social li a.behance, #header-secondary-outer #social li a.vimeo { background-color: #666; } #footer-outer #copyright li a.vimeo:hover, #footer-outer #copyright li a.behance:hover, #header-secondary-outer #social li a.behance:hover, #header-secondary-outer #social li a.vimeo:hover { background-color: #27CFC3; } #footer-outer #copyright p { line-height: 22px; margin-top: 3px; font-size: 13px; color: #fafafa; } #footer-outer #copyright .col ul { float: right; } #footer-outer #copyright li a.facebook { width: 12px; } #footer-outer #copyright li a.twitter { width: 20px; } #footer-outer #copyright li a.dribbble { width: 24px; } #footer-outer #copyright li a.google-plus { width: 20px; } #footer-outer #copyright li a.pinterest { width: 17px; } #footer-outer #copyright li a.rss { width: 18px; } #footer-outer #copyright li a.vimeo { width: 20px; text-indent: -9999px; } #footer-outer #copyright li a.tumblr { width: 21px; } #footer-outer #copyright li a.youtube { width: 21px; } #footer-outer #copyright li a.linkedin { width: 19px; } #footer-outer #copyright li a.behance { width: 27px; text-indent: -9999px; } #footer-outer #copyright li a.instagram { width: 20px; } #footer-outer #copyright #social .icon-soundcloud { font-size: 26px; } #footer-outer i, #header-secondary-outer #social i { font-size: 20px; width: auto; background-color: transparent!important; } #footer-outer #copyright i.icon-be { font-size: 24px; } #header-secondary-outer #social li .icon-be { font-size: 18px!important; } /***************** Slide Out Widget Are ******************/ #slide-out-widget-area { 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: 1000000; background-color: #27cfc3; padding: 33px; overflow: hidden; } .admin-bar #slide-out-widget-area { top: 32px; } #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: 999999; } #slide-out-widget-area .widget h4 { margin-bottom: 8px; } #slide-out-widget-area .inner > div { margin-bottom: 25px; } #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"] #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: 'OpenSansRegular'; } 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; } #boxed .slide_out_area_close { display: block!important; } 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: 19px; top: -3px; position: relative; font-size: 14px; user-select: none; } #header-outer[data-full-width="true"] .lines-button { font-size: 16px; } .lines-button:hover { opacity: 1; } .lines-button:active { transition: 0; } .lines { display: inline-block; width: 1.4rem; height: 3px; background-color: #ecf0f1; transition: 0.3s; position: relative; } .lines:before, .lines:after { display: inline-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; } .lines-button.arrow.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .lines-button.arrow.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .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; } .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .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 ease, 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 ease, opacity 0.2s linear; transition: top 0.4s 0.45s ease, transform 0.3s ease, background-color 0.2s ease, opacity 0.2s linear; } .lines-button.x2.close .lines, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a .lines-button.x2.close .lines, #header-outer header#top nav ul .slide-out-widget-area-toggle a:hover .x2.close i.lines, #header-outer header#top nav ul .slide-out-widget-area-toggle a .x2.close i.lines { transition: background 0.3s 0s ease, opacity 0.9s linear; background: transparent!important; } .lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after { transition: top 0.5s ease, -webkit-transform 0.3s 0.43s ease, background-color 0.2s ease, opacity 0.2s linear; transition: top 0.5s ease, transform 0.3s 0.43s ease, background-color 0.2s ease, opacity 0.2s linear; top: 0; width: 1.4rem; } .lines-button.x2.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .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.35s ease-in; transition: transform 0.33s 0.35s ease-in; -webkit-transform-origin: center; transform-origin: center; display: block; height: 21px; } #header-outer[data-full-width="true"] .slide-out-widget-area-toggle .open > span { -webkit-transform: rotate3d(0, 0, 1, -180deg); transform: rotate3d(0, 0, 1, -180deg); } .slide-out-widget-area-toggle .closed > span { transition: -webkit-transform 0.33s 0s ease; transition: transform 0.33s 0s ease; } /***************** Flickr widget ******************/ #footer-outer .col #flickr > div img { background-color: #444; border-color: #4d4d4d; } #footer-outer .col #flickr > div a:hover img { border-color: #616161; background-color: #616161; } #footer-outer .col .widget_recent_entries span, #footer-outer .col .recent_posts_extra_widget .post-widget-text span, #slide-out-widget-area .widget_recent_entries span, #slide-out-widget-area .recent_posts_extra_widget .post-widget-text span { display: block; line-height: 17px; color: #999; font-size: 11px; margin-bottom: 6px; } #slide-out-widget-area .widget_recent_entries span, #slide-out-widget-area .recent_posts_extra_widget .post-widget-text span { color: inherit; } #slide-out-widget-area .widget_recent_entries span { opacity: 0.8; } #footer-outer #footer-widgets .col ul li { padding: 8px 0px; list-style: none; margin-bottom: 0px; border-bottom: 1px solid #444; } #footer-outer #footer-widgets .col ul li:first-child { padding-top: 0px!important; } #footer-outer #footer-widgets .col ul li:last-child { margin-bottom: 0px; } #footer-outer #footer-widgets .col ul ul li:last-child { border-bottom: 0px!important; } #footer-outer #footer-widgets .col p { padding-bottom: 20px; } #footer-outer #footer-widgets .col p:last-child { padding-bottom: 0px; } /***************** Calendar Widget ******************/ .widget_calendar { position: relative; } .widget_calendar table { width: 100%; border-collapse: collapse; } .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th { text-align: center; } .widget_calendar table tbody td { border: 0px; padding: 4px; font-size: 11px; color: #666; } .widget_calendar table tbody tr td:first-child { border-left: 0px; } .widget_calendar table tbody tr:nth-child(2n+1) { background-color: #f0f0f0; } .widget_calendar table th { font-family: 'OpenSansBold'; border-bottom: 0px; text-align: center!important; padding-bottom: 10px; color: #999999; } .widget_calendar table #prev { text-align: left; position: relative; padding: 10px 0px 0px 0px; z-index: 2; } .widget_calendar table #next { text-align: right; position: relative; padding: 10px 0px 0px 0px; z-index: 2; } .widget_calendar caption { position: absolute; bottom: 0px; z-index: 1; width: 100%; text-align: center; } #footer-outer #footer-widgets .col .widget_calendar table tbody td { border: 0px; color: #666666; padding: 4px; font-size: 11px; } #footer-outer #footer-widgets .col .widget_calendar table { border-collapse: collapse; } #footer-outer #footer-widgets .col .widget_calendar table tbody tr td:first-child { border-left: 0px; } #footer-outer #footer-widgets .col .widget_calendar table tbody tr:nth-child(2n+1) { background-color: #343739; } #footer-outer #footer-widgets .col .widget_calendar table th { border-bottom: 0px; padding-bottom: 10px; font-family: 'OpenSansBold'; color: #666666; } #footer-outer #footer-widgets .col .widget_calendar table tfoot tr { margin-top: 20px; } .widget_search .search-form, .newsletter-widget form { position: relative; overflow: hidden; } .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] { position: absolute; right: 0px; top: 0px; margin: 0!important; line-height: 22px; padding: 10px 11px; } #footer-outer .widget_search .search-form input[type=submit], #footer-outer .newsletter-widget form input[type=submit] { padding: 10px 11px 11px 10px; } #footer-outer #footer-widgets .col .tagcloud a { background-color: #1B1B1B; color: #A0A0A0 !important; cursor: pointer; display: inline-block; float: left; margin: 3px 3px 0px 0px; padding: 5px 7px; position: relative; font-size: 8pt !important; text-transform: capitalize; transition: all 0.2s linear; border-radius: 2px; line-height: 22px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; } #footer-outer #footer-widgets .col .widget_tag_cloud:after { display: block; height: 0; clear: both; content: ""; visibility: hidden; } #slide-out-widget-area .tagcloud a { padding: 2px 11px; border: 1px solid #fff; margin: 0px 8px 8px 0px; font-size: 12px; display: block; float: left; text-transform: uppercase; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } #slide-out-widget-area .tagcloud a:last-child:after, #slide-out-widget-area .tagcloud:after { display: block; content: ' '; clear: both; height: 1px; } #footer-outer #footer-widgets .col .tagcloud a:hover { background-color: #27CFC3; color: #fff!important; } #footer-outer #footer-widgets .col .widget_recent_comments ul li, #slide-out-widget-area .widget_recent_comments ul li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15); border: medium none; display: block; margin-bottom: 18px; padding: 19px !important; position: relative; } #slide-out-widget-area .widget_recent_comments ul li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); } #footer-outer #footer-widgets .col .widget_recent_comments ul li:last-child, #slide-out-widget-area .widget_recent_comments ul li:last-child { margin-bottom: 0px; } #footer-outer #footer-widgets .col input[type=text], #footer-outer #footer-widgets .col input[type=email] { padding: 10px; width: 100%; } #footer-outer #footer-widgets .col input[type=text]:focus, #footer-outer #footer-widgets .col input[type=email]:focus { background-color: #fff; } #footer-outer #footer-widgets .col input[type=submit] { background-color: #27CFC3; opacity: 0.9; transition: opacity 0.2s linear 0s; -moz-transition: opacity 0.2s linear 0s; -webkit-transition: opacity 0.2s linear 0s; -o-transition: opacity 0.2s linear 0s; } #footer-outer #footer-widgets .col input[type=submit]:hover { opacity: 1; } #footer-outer #footer-widgets .col .search-form form, #footer-outer #footer-widgets .col .search-form label, #footer-outer #footer-widgets .col .newsletter-widget form, #footer-outer #footer-widgets .col .search-form { line-height: 12px!important; } #footer-outer .recent_projects_widget img { background-color: #444; border-color: #4d4d4d; } #footer-outer .recent_projects_widget a:hover img { border-color: #616161; background-color: #616161; } #footer-outer .widget.widget_nav_menu li a { border-bottom: 0px!important; } #footer-outer #footer-widgets .col ul li:first-child > a { padding-top: 0px!important; } #footer-outer #footer-widgets .rsswidget img { margin-bottom: -2px!important; margin-right: 2px; } /***************** Call to action ******************/ #call-to-action { font-family: 'OpenSansLight'; position: relative; z-index: 10; background-color: #eeedec; text-align: center; vertical-align: bottom; font-size: 22px; } #call-to-action .container { padding: 42px 0px 36px 0px!important; } #call-to-action .container span { letter-spacing: -1px; display: inline-block; } #call-to-action .container a { background: none repeat scroll 0 0 #27CFC3; position: relative; top: -3px; color: #FFFFFF; margin-bottom: 0px!important; font-size: 12px; box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; text-transform: uppercase; font-family: 'OpenSansbold'; letter-spacing: 2px; margin-left: 20px; line-height: 24px; display: inline-block; border-radius: 5px 5px 5px 5px; padding: 16px 21px; } #call-to-action .triangle { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f8f8f8; height: 10px; width: 10px; left: 440px; margin: -42px auto 33px auto; } #call-to-action a { color: #45484a; opacity: 1; transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } #call-to-action a:hover { opacity: 0.75; } #call-to-action span { color: #4b4f52; font-family: 'OpenSansSemibold'; } /*-------------------------------------------------------------------------*/ /* 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-family: 'OpenSansbold'; 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: #333333; color: #FFFFFF !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 { 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; } /*-------------------------------------------------------------------------*/ /* 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: 'OpenSansbold'; 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: 0px auto; 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: 'OpenSansbold'; 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:last-child .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 #DDDDDD; padding-bottom: 50px; margin-bottom: 50px; } article.post .more-link span, .blog-recent .more-link span { background-color: #333; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; 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: 'OpenSansRegular'; line-height: 11px; } .single #single-below-header { margin-top: 8px; margin-bottom: 0px; } .single #single-below-header span { font-family: inherit!important; font-size: 11px; line-height: 16px; color: #888; padding-left: 0; display: block; float: left; } .single #single-below-header > span { padding: 0 10px 0 10px; border-left: 1px solid #DDDDDD; } .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; } .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 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } article.post.quote .content-inner .quote-inner .whole-link { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .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: #333333!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 { color: #fff; font-size: 26px; line-height: 30px; 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: #333333!important; } article.post .nectar-love-wrap { visibility: hidden; } article.post .post-meta a { color: #888888; } #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: 'OpenSansSemiBold'; } 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: 'OpenSansBold'; 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; } #pagination { position: relative; margin-bottom: 10px; height: 32px; width: 100%; } #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, #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-color: #333333!important; background-repeat: no-repeat; color: #FFFFFF !important; cursor: pointer; display: inline-block; padding: 11px 13px 10px 13px!important; background-position: -21px center; position: relative; text-transform: capitalize; transition: all 0.2s linear 0s; border-radius: 2px 2px 2px 2px; font-family: 'OpenSansSemibold'; } .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; 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 #DDDDDD; 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; } /****************************** 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: 'OpenSansRegular'!important; color: inherit; font-size: 12px!important; line-height: 12px!important; padding-left: 0px!important; display: inline-block!important; } .nectar-love:hover i, .nectar-love.loved i { color: #27CFC3; } /*-------------------------------------------------------------------------*/ /* 10. Comment Styles /*-------------------------------------------------------------------------*/ #respond { background-color: transparent!important; box-shadow: none!important; padding: 0px!important; } #respond > p, #respond p.comment-notes, p.logged-in-as { margin-bottom: 10px; } p.logged-in-as { padding-bottom: 0px; } body .comment-list { margin-bottom: 40px!important; margin-left: 0px; } .comment-list li { list-style: none!important; } .comment-list li.comment > div, .comment-list li.pingback > div { background-color: #ffffff; margin: 0; overflow: hidden; padding: 25px; margin-top: 2em; position: relative; padding-left: 116px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .comment-list .children { margin-left: 0px!important; padding-left: 40px; border-left: 1px solid #ddd; background-repeat: no-repeat; background-position: left 20px; background-image: url(img/icons/comment-children-line.jpg); } .comment-list li.comment > div img.avatar, .comment-list li.pingback > div img.avatar { position: absolute; left: 29px; top: 29px; width: 60px; height: 60px; } .comment-list .reply { position: absolute; top: 29px; right: 29px; } .comment-list .reply a { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; color: #FFFFFF; cursor: pointer; padding: 3px 7px; font-size: 11px; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: auto; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; background-color: #333333; } .comment-list .comment-author { color: #333; font-family: 'OpenSansSemibold'; } .comment-list .comment-meta { font-size: 11px; line-height: 15px; } .comment-list .comment-meta a { color: #888; } .comment-list .comment-meta a:hover { color: #27CFC3; } .comment-list .reply a:hover { background-color: #27CFC3; } .comment-list li.comment > div p, .comment-list li.pingback > div p { padding-bottom: 0px; margin-top: 10px; } #respond h3 .cancel-comment-reply, #respond #cancel-comment-reply-link { display: inline-block; margin-left: 10px; padding-left: 10px; position: relative; border-left: 1px solid #dddddd; } #respond h3, h3#comments { font-family: 'openSansSemiBold'; text-transform: none; letter-spacing: -0.5px; } .comment-author a { color: inherit; } /*-------------------------------------------------------------------------*/ /* 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: 'OpenSansRegular'; 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: #ec1e3a; padding: 10px 40px; border: medium none; color: #FFF; cursor: pointer; transition: all 0.2s linear 0s; width: auto; font-size: 17px; border-radius: 2px; text-transform: uppercase; } input[type=submit]:hover, button[type=submit]:hover, input[type="button"]:hover { background-color: #27CFC3; } select { padding: 10px!important; width: 100%; border: 0px!important; border: none!Important; font-family: 'OpenSansRegular'; 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; } /* table styling */ body:not(.woocommerce-cart) .main-content table { margin: 0 0 20px; padding: 0; width: 100%; border-collapse: collapse; border-spacing: 0; background-color: #fff; border-top: 1px solid #ececec; } body:not(.woocommerce-cart) .main-content tr th:first-child, body:not(.woocommerce-cart) .main-content tr td:first-child { border-left-style: solid; border-left-width: 1px; border-color: #ececec; } body:not(.woocommerce-cart) .main-content tr th:first-child, body:not(.woocommerce-cart) .main-content tr td:first-child { border-left-style: solid; border-left-width: 1px; } body:not(.woocommerce-cart) .main-content th { border-left: medium none; border-style: none solid solid none; border-top: medium none; border-width: medium 1px 1px medium; font-weight: bold; padding: 10px; text-align: left; border-color: #ececec; text-transform: uppercase; } body:not(.woocommerce-cart) .main-content td { border-color: #ececec; border-left: none; border-style: none solid solid none; border-top: medium none; border-width: medium 1px 1px medium; font-size: 13px; padding: 10px; } body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) { background-color: #fcfcfc; } /******** CUSTOM ICONS ********/ @font-face { font-family: 'icomoon'; src: url('css/fonts/icomoon.eot'); src: url('css/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('css/fonts/icomoon.woff') format('woff'), url('css/fonts/icomoon.ttf') format('truetype'), url('css/fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'icomoon'!important; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-salient-x, .icon-salient-search, .icon-salient-right-arrow, .icon-salient-left-arrow, .icon-salient-right-line, .icon-salient-back-to-all, .icon-salient-left-arrow-thin, .icon-salient-right-arrow-thin, .icon-salient-down-arrow-thin, .icon-salient-down-arrow, .icon-salient-google-plus, .icon-salient-facebook, .icon-salient-twitter, .icon-salient-pinterest, .icon-salient-heart, .icon-salient-heart-2, .icon-salient-plus, .icon-salient-cart, .icon-salient-pencil, .icon-be, .icon-vimeo, .icon-soundcloud, .icon-button-arrow, .icon-salient-thin-line, .icon-salient-spotify { font-family: 'icomoon'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-salient-x:before { content: "\e003"; } .icon-salient-search:before { content: "\e002"; } .icon-salient-right-arrow:before { content: "\e000"; } .icon-salient-left-arrow:before { content: "\e001"; } .icon-salient-right-line:before { content: "\e004"; } .icon-salient-back-to-all:before { content: "\e005"; } .icon-salient-right-arrow-thin:before { content: "\e006"; } .icon-salient-left-arrow-thin:before { content: "\e007"; } .icon-salient-down-arrow-thin:before { content: "\e00c"; } .icon-salient-down-arrow:before { content: "\e008"; } .icon-salient-google-plus:before { content: "\e009"; } .icon-salient-facebook:before { content: "\e00a"; } .icon-salient-twitter:before { content: "\e00b"; } .icon-salient-pinterest:before { content: "\e00d"; } .icon-salient-heart:before { content: "\e00e"; } .icon-salient-heart-2:before { content: "\e00f"; } .icon-salient-plus:before { content: "\e010"; } .icon-salient-cart:before { content: "\e012"; } .icon-salient-pencil:before { content: "\e011"; } .icon-be:before { content: "\e013"; } .icon-vimeo:before { content: "\e014"; } .icon-soundcloud:before { content: "\e600"; } .icon-button-arrow:before { content: "\e601"; } .icon-salient-thin-line:before { content: "\e602"; } .icon-salient-spotify:before { content: "\f1bc"; } /* linecons */ @font-face { font-family: linecons; src: url(css/fonts/linecons.eot); src: url(css/fonts/linecons.eot?#iefix) format('embedded-opentype'), url(css/fonts/linecons.ttf) format('truetype'), url(css/fonts/linecons.woff) format('woff'), url(css/fonts/linecons.svg#linecons) format('svg'); font-weight: 400; font-style: normal } [class*=" linecon-icon-"], [class^=linecon-icon-] { font-family:linecons!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .linecon-icon-heart:before { content: "\e600" } .linecon-icon-cloud:before { content: "\e601" } .linecon-icon-star:before { content: "\e602" } .linecon-icon-tv:before { content: "\e603" } .linecon-icon-sound:before { content: "\e604" } .linecon-icon-video:before { content: "\e605" } .linecon-icon-trash:before { content: "\e606" } .linecon-icon-user:before { content: "\e607" } .linecon-icon-key:before { content: "\e608" } .linecon-icon-search:before { content: "\e609" } .linecon-icon-eye:before { content: "\e60a" } .linecon-icon-bubble:before { content: "\e60b" } .linecon-icon-stack:before { content: "\e60c" } .linecon-icon-cup:before { content: "\e60d" } .linecon-icon-phone:before { content: "\e60e" } .linecon-icon-news:before { content: "\e60f" } .linecon-icon-mail:before { content: "\e610" } .linecon-icon-like:before { content: "\e611" } .linecon-icon-photo:before { content: "\e612" } .linecon-icon-note:before { content: "\e613" } .linecon-icon-food:before { content: "\e614" } .linecon-icon-t-shirt:before { content: "\e615" } .linecon-icon-fire:before { content: "\e616" } .linecon-icon-clip:before { content: "\e617" } .linecon-icon-shop:before { content: "\e618" } .linecon-icon-calendar:before { content: "\e619" } .linecon-icon-wallet:before { content: "\e61a" } .linecon-icon-vynil:before { content: "\e61b" } .linecon-icon-truck:before { content: "\e61c" } .linecon-icon-world:before { content: "\e61d" } .linecon-icon-clock:before { content: "\e61e" } .linecon-icon-paperplane:before { content: "\e61f" } .linecon-icon-params:before { content: "\e620" } .linecon-icon-banknote:before { content: "\e621" } .linecon-icon-data:before { content: "\e622" } .linecon-icon-music:before { content: "\e623" } .linecon-icon-megaphone:before { content: "\e624" } .linecon-icon-study:before { content: "\e625" } .linecon-icon-lab:before { content: "\e626" } .linecon-icon-location:before { content: "\e627" } .linecon-icon-display:before { content: "\e628" } .linecon-icon-diamond:before { content: "\e629" } .linecon-icon-pen:before { content: "\e62a" } .linecon-icon-bulb:before { content: "\e62b" } .linecon-icon-lock:before { content: "\e62c" } .linecon-icon-tag:before { content: "\e62d" } .linecon-icon-camera:before { content: "\e62e" } .linecon-icon-settings:before { content: "\e62f" } /* steadysets */ @font-face { font-family: steadysets; src: url(css/fonts/steadysets.eot); src: url(css/fonts/steadysets.eot?#iefix) format('embedded-opentype'), url(css/fonts/steadysets.ttf) format('truetype'), url(css/fonts/steadysets.woff) format('woff'), url(css/fonts/steadysets.svg#icomoon) format('svg'); font-weight: 400; font-style: normal } [class*=" steadysets-icon-"], [class^=steadysets-icon-] { font-family:steadysets!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .steadysets-icon-type:before { content: "\e600" } .steadysets-icon-box:before { content: "\e601" } .steadysets-icon-archive:before { content: "\e602" } .steadysets-icon-envelope:before { content: "\e603" } .steadysets-icon-email:before { content: "\e604" } .steadysets-icon-files:before { content: "\e605" } .steadysets-icon-uniE606:before { content: "\e606" } .steadysets-icon-connection-empty:before { content: "\e607" } .steadysets-icon-connection-25:before { content: "\e608" } .steadysets-icon-connection-50:before { content: "\e609" } .steadysets-icon-connection-75:before { content: "\e60a" } .steadysets-icon-connection-full:before { content: "\e60b" } .steadysets-icon-microphone:before { content: "\e60c" } .steadysets-icon-microphone-off:before { content: "\e60d" } .steadysets-icon-book:before { content: "\e60e" } .steadysets-icon-cloud:before { content: "\e60f" } .steadysets-icon-book2:before { content: "\e610" } .steadysets-icon-star:before { content: "\e611" } .steadysets-icon-phone-portrait:before { content: "\e612" } .steadysets-icon-phone-landscape:before { content: "\e613" } .steadysets-icon-tablet:before { content: "\e614" } .steadysets-icon-tablet-landscape:before { content: "\e615" } .steadysets-icon-laptop:before { content: "\e616" } .steadysets-icon-uniE617:before { content: "\e617" } .steadysets-icon-barbell:before { content: "\e618" } .steadysets-icon-stopwatch:before { content: "\e619" } .steadysets-icon-atom:before { content: "\e61a" } .steadysets-icon-syringe:before { content: "\e61b" } .steadysets-icon-pencil:before { content: "\e61c" } .steadysets-icon-chart:before { content: "\e61d" } .steadysets-icon-bars:before { content: "\e61e" } .steadysets-icon-cube:before { content: "\e61f" } .steadysets-icon-image:before { content: "\e620" } .steadysets-icon-crop:before { content: "\e621" } .steadysets-icon-graph:before { content: "\e622" } .steadysets-icon-select:before { content: "\e623" } .steadysets-icon-bucket:before { content: "\e624" } .steadysets-icon-mug:before { content: "\e625" } .steadysets-icon-clipboard:before { content: "\e626" } .steadysets-icon-lab:before { content: "\e627" } .steadysets-icon-bones:before { content: "\e628" } .steadysets-icon-pill:before { content: "\e629" } .steadysets-icon-bolt:before { content: "\e62a" } .steadysets-icon-health:before { content: "\e62b" } .steadysets-icon-map-marker:before { content: "\e62c" } .steadysets-icon-stack:before { content: "\e62d" } .steadysets-icon-newspaper:before { content: "\e62e" } .steadysets-icon-uniE62F:before { content: "\e62f" } .steadysets-icon-coffee:before { content: "\e630" } .steadysets-icon-bill:before { content: "\e631" } .steadysets-icon-sun:before { content: "\e632" } .steadysets-icon-vcard:before { content: "\e633" } .steadysets-icon-shorts:before { content: "\e634" } .steadysets-icon-drink:before { content: "\e635" } .steadysets-icon-diamond:before { content: "\e636" } .steadysets-icon-bag:before { content: "\e637" } .steadysets-icon-calculator:before { content: "\e638" } .steadysets-icon-credit-cards:before { content: "\e639" } .steadysets-icon-microwave-oven:before { content: "\e63a" } .steadysets-icon-camera:before { content: "\e63b" } .steadysets-icon-share:before { content: "\e63c" } .steadysets-icon-bullhorn:before { content: "\e63d" } .steadysets-icon-user:before { content: "\e63e" } .steadysets-icon-users:before { content: "\e63f" } .steadysets-icon-user2:before { content: "\e640" } .steadysets-icon-users2:before { content: "\e641" } .steadysets-icon-unlocked:before { content: "\e642" } .steadysets-icon-unlocked2:before { content: "\e643" } .steadysets-icon-lock:before { content: "\e644" } .steadysets-icon-forbidden:before { content: "\e645" } .steadysets-icon-switch:before { content: "\e646" } .steadysets-icon-meter:before { content: "\e647" } .steadysets-icon-flag:before { content: "\e648" } .steadysets-icon-home:before { content: "\e649" } .steadysets-icon-printer:before { content: "\e64a" } .steadysets-icon-clock:before { content: "\e64b" } .steadysets-icon-calendar:before { content: "\e64c" } .steadysets-icon-comment:before { content: "\e64d" } .steadysets-icon-chat-3:before { content: "\e64e" } .steadysets-icon-chat-2:before { content: "\e64f" } .steadysets-icon-chat-1:before { content: "\e650" } .steadysets-icon-chat:before { content: "\e651" } .steadysets-icon-zoom-out:before { content: "\e652" } .steadysets-icon-zoom-in:before { content: "\e653" } .steadysets-icon-search:before { content: "\e654" } .steadysets-icon-trashcan:before { content: "\e655" } .steadysets-icon-tag:before { content: "\e656" } .steadysets-icon-download:before { content: "\e657" } .steadysets-icon-paperclip:before { content: "\e658" } .steadysets-icon-checkbox:before { content: "\e659" } .steadysets-icon-checkbox-checked:before { content: "\e65a" } .steadysets-icon-checkmark:before { content: "\e65b" } .steadysets-icon-refresh:before { content: "\e65c" } .steadysets-icon-reload:before { content: "\e65d" } .steadysets-icon-arrow-right:before { content: "\e65e" } .steadysets-icon-arrow-down:before { content: "\e65f" } .steadysets-icon-arrow-up:before { content: "\e660" } .steadysets-icon-arrow-left:before { content: "\e661" } .steadysets-icon-settings:before { content: "\e662" } .steadysets-icon-battery-full:before { content: "\e663" } .steadysets-icon-battery-75:before { content: "\e664" } .steadysets-icon-battery-50:before { content: "\e665" } .steadysets-icon-battery-25:before { content: "\e666" } .steadysets-icon-battery-empty:before { content: "\e667" } .steadysets-icon-battery-charging:before { content: "\e668" } .steadysets-icon-uniE669:before { content: "\e669" } .steadysets-icon-grid:before { content: "\e66a" } .steadysets-icon-list:before { content: "\e66b" } .steadysets-icon-wifi-low:before { content: "\e66c" } .steadysets-icon-folder-check:before { content: "\e66d" } .steadysets-icon-folder-settings:before { content: "\e66e" } .steadysets-icon-folder-add:before { content: "\e66f" } .steadysets-icon-folder:before { content: "\e670" } .steadysets-icon-window:before { content: "\e671" } .steadysets-icon-windows:before { content: "\e672" } .steadysets-icon-browser:before { content: "\e673" } .steadysets-icon-file-broken:before { content: "\e674" } .steadysets-icon-align-justify:before { content: "\e675" } .steadysets-icon-align-center:before { content: "\e676" } .steadysets-icon-align-right:before { content: "\e677" } .steadysets-icon-align-left:before { content: "\e678" } .steadysets-icon-file:before { content: "\e679" } .steadysets-icon-file-add:before { content: "\e67a" } .steadysets-icon-file-settings:before { content: "\e67b" } .steadysets-icon-mute:before { content: "\e67c" } .steadysets-icon-heart:before { content: "\e67d" } .steadysets-icon-enter:before { content: "\e67e" } .steadysets-icon-volume-decrease:before { content: "\e67f" } .steadysets-icon-wifi-mid:before { content: "\e680" } .steadysets-icon-volume:before { content: "\e681" } .steadysets-icon-bookmark:before { content: "\e682" } .steadysets-icon-screen:before { content: "\e683" } .steadysets-icon-map:before { content: "\e684" } .steadysets-icon-measure:before { content: "\e685" } .steadysets-icon-eyedropper:before { content: "\e686" } .steadysets-icon-support:before { content: "\e687" } .steadysets-icon-phone:before { content: "\e688" } .steadysets-icon-email2:before { content: "\e689" } .steadysets-icon-volume-increase:before { content: "\e68a" } .steadysets-icon-wifi-full:before { content: "\e68b" } /* CHAU */ #top .line1 { height: 40px; background-color: #1399bc; } #top .line2 { height: 188px; background-color: rgba(255,255,255,0.96); border-bottom: solid 3px #e1213b; } .slogan { float: right; text-align: left; color: #303030; font-size: 16px; margin-top: 20px; margin-right: 90px; } .slogan strong { font-size: 25px; color: #bbdd55; font-style: italic; } .slogan span { } .sub_slogan { float:right; text-align: left; margin-top: 25px; } .slogan .fa, .sub_slogan .fa{ font-size: 40px; position: absolute; left: -40px; top: 10px; } .my-social{ margin-top: -30px; display: block; clear: both; float: left; } .my-social ul li{ height:auto !important; } .my-social ul li:hover{ background: none !important; border: none !important; } .my-social ul li a{ padding:0px !important; padding-right: 3px!important; } .my-social ul li a:hover{ margin:0px !important; } .my-social ul li i{ background: none !important; color:#7f7f7e; border: solid 2px #7f7f7e; } header#top nav > ul > li.current-menu-item > a, header#top nav > ul > li > a:hover{ margin-top: -8px; } #featured .orbit-slide.centered article .post-title h2 strong{ font-family:"Androgyne Medium"; font-size: 63px; font-style: italic; } #featured .orbit-slide.centered article .post-title h2 span{ display: block; clear:both; font-family: 'CopperplateGothic-Light'; font-size: 42px; line-height: 40px !important; } .h1line h1{ border-bottom: 1px solid #E1E1E1; padding-bottom: 20px; margin-bottom: 30px !important; } .welcome-about img{ padding: 10px; border: solid 1px #E1E1E1; } .readmore a{ font-size: 16px; color:#FFF; padding: 10px 25px; background-color:#ec1e3a; display: inline-block; margin-top: 15px; } .services ul{ list-style-type: none; padding: 0px; margin: 0px; margin-left: 25px; margin-top: 15px; } .services ul li { list-style: none; background-image: url(img/bullet1.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 25px; line-height: 30px; } .portfolio .p{ background-color: #F7F6F6; font-style: italic; font-size: 20px; padding: 30px; line-height: 0px; margin-top: -14px; } .portfolio .p strong{ color: #ec1e3a; } .portfolio .view a{ padding: 6px 20px; color: #FFF; background-color: #EC1E3A; position: relative; top: -7px; left: -120px; } .portfolio .carousel-prev { right: 47px !important; } .portfolio .carousel-next, .portfolio .carousel-prev { background: none; height: 35px; width: 35px; border-radius: 100%; border: solid 1px #ec1e3a; position: absolute; z-index: 10; } .portfolio .carousel-next i, .portfolio .carousel-prev i { font-size: 30px; color: #ec1e3a; } .portfolio .carousel-heading { min-height: 40px; } .portfolio [class^="icon-"], [class*=" icon-"] { top: 3px; } .contacts h1{ margin-bottom: 15px !important; } .contacts .p{ margin-top: 15px; margin-bottom: 15px; } #capcha-form1-code{ width: 65%; float:right; margin-top: -18px; } #capcha-form1-img{ width: 100px; float:left; height: 43px; } .my-footer .title strong{ color:#494d52; font-size: 31px; font-family: "OpenSansLight" !important; border-bottom: solid 1px #bebebe; margin-bottom: 20px !important; padding-bottom: 15px; display: block; } #menu-nav-top-3{ display: none; } #menu-nav-top-2 .sub-menu{ display:none; } .my-footer a{ color:#ec1e3a; } .my-footer ul li{ list-style: none; line-height: 25px; } .my-footer ul{ margin-left: 0px !important; float:left; display: inline-block; } #footer-outer #copyright li a i, #header-secondary-outer #social li a i { color: #a2a4a7; border: solid 2px #a2a4a7; height: 35px; width: 35px; } #footer-outer #copyright li { margin-left: 10px; } #footer-outer #copyright .col ul { margin-bottom: 12px; } .gallery_thumb .portfolio-items .col img{ padding: 4px; border: 1px solid #d9d9d9; } .gallery_thumb .portfolio-items .col.span_3 .work-meta h4{ padding-top: .6em; } .gallery_thumb .portfolio-items .work-meta p{ font-size: 14px; }