/* ---------------------------------------------------------------- IMPREZA basic styles Copyright 2015 UpSolution http://us-themes.com/ NOTE: DO NOT EDIT THIS FILE! THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. ---------------------------------------------------------------- */ a { text-decoration: none; transition-property: background-color, box-shadow, border, color, opacity; transition-duration: 0.3s; } ::-moz-selection { background-color: rgba(0,0,0,0.66); color: #fff; } ::selection { background-color: rgba(0,0,0,0.66); color: #fff; } /* Typography ========================================================================== */ h1 { font: 38px/1.4 sans-serif; } h2 { font: 32px/1.4 sans-serif; } h3 { font: 26px/1.4 sans-serif; } h4 { font: 22px/1.5 sans-serif; } h5 { font: 20px/1.6 sans-serif; } h6 { font: 18px/1.6 sans-serif; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; } .l-content h2, .l-content h3, .l-content h4, .l-content h5, .l-content h6 { padding-top: 10px; } .l-content h2:first-child, .l-content h3:first-child, .l-content h4:first-child, .l-content h5:first-child, .l-content h6:first-child, .l-content h1 + h2, .l-content h1 + h3, .l-content h1 + h4, .l-content h1 + h5, .l-content h1 + h6, .l-content h2 + h3, .l-content h2 + h4, .l-content h2 + h5, .l-content h2 + h6, .l-content h3 + h4, .l-content h3 + h5, .l-content h3 + h6, .l-content h4 + h6, .l-content h4 + h5, .l-content h5 + h6 { padding-top: 0; } /* Improvements for color sections */ .l-section.color_primary h1, .l-section.color_primary h2, .l-section.color_primary h3, .l-section.color_primary h4, .l-section.color_primary h5, .l-section.color_primary h6, .l-section.color_secondary h1, .l-section.color_secondary h2, .l-section.color_secondary h3, .l-section.color_secondary h4, .l-section.color_secondary h5, .l-section.color_secondary h6, .l-section[style~="color:"] h1, .l-section[style~="color:"] h2, .l-section[style~="color:"] h3, .l-section[style~="color:"] h4, .l-section[style~="color:"] h5, .l-section[style~="color:"] h6, .g-cols > .color_custom h1, .g-cols > .color_custom h2, .g-cols > .color_custom h3, .g-cols > .color_custom h4, .g-cols > .color_custom h5, .g-cols > .color_custom h6 { color: inherit; } /* Paragraph */ .l-content p { margin: 0 0 1.5em; } .l-content .w-gallery + p { margin-top: 1.5em; } /* Lists */ .l-content ul, .l-content ol { margin: 0 0 1.5em 35px; } .l-content ul { list-style-type: disc; } .l-content ol { list-style-type: decimal; } .l-content ul li, .l-content ol li { margin: 0 0 6px; } .l-content ul > li ul, .l-content ul > li ol, .l-content ol > li ul, .l-content ol > li ol { margin-bottom: 6px; margin-top: 6px; } /* Address */ .l-content address { margin: 0 0 1.5em; } /* Blockquote */ .l-content blockquote { font-size: 1.2em; line-height: 1.56; font-style: italic; padding: 0 0 0 32px; margin: 0 0 1.5rem; border-left: 5px solid; } .l-content blockquote q, .l-content blockquote p { font: inherit; margin: 0; } .l-content blockquote cite { display: block; font-size: 80%; margin-top: 10px; } /* Preformat */ .l-content pre { display: block; font-family: Consolas, Lucida Console, monospace; font-size: 12px; line-height: 20px; padding: 10px 15px; margin: 0 0 20px; width: 100%; background-color: #faf6e1; color: #333; } .l-content code { display: inline-block; vertical-align: top; font-family: Consolas, Lucida Console, monospace; padding: 0 5px; background-color: #faf6e1; color: #333; } .l-content pre code { display: block; padding: 0; overflow-wrap: normal; } .l-content .l-section-h > p:last-child, .l-content .l-section-h > ul:last-child, .l-content .l-section-h > ol:last-child, .l-content .l-section-h > blockquote:last-child, .l-content .l-section-h > pre:last-child { margin-bottom: 0; } /* Image */ .l-content img + h1, .l-content img + h2, .l-content img + h3, .l-content img + h4, .l-content img + ul, .l-content img + ol, .l-content img + p, .l-content div[class^="animate"] { margin-bottom: 20px; } .l-content img.alignleft { float: left; margin: 0 40px 40px 0; } .l-content img.alignright { float: right; margin: 0 0 40px 40px; } .l-content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Highlight */ .highlight_white { color: #fff; } .highlight_black { color: #000; } .highlight_primary_bg, .highlight_secondary_bg, .highlight_faded_bg { display: inline-block; padding: 0 0.3em; color: #fff; } .highlight_dark_bg { display: inline-block; padding: 0 0.3em; background-color: rgba(0,0,0,0.5); color: #fff; } .highlight_light_bg { display: inline-block; padding: 0 0.3em; background-color: rgba(255,255,255,0.5); color: #111; } /* Input Elements ========================================================================== */ input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], textarea, select { padding: 8px 12px; border-radius: 5px; box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset; transition: all 0.3s; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], input[type=range], select { height: 40px; } select > option { padding: 4px 8px; } input[type="checkbox"], input[type="radio"] { margin-right: 5px; box-shadow: none !important; } /* Fix input placeholders */ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: inherit; position: static; opacity: 0.5; } /* Edge fix. Remove when https://connect.microsoft.com/IE/feedback/details/1627778/microsoft-edge-placeholder-bug is fixed */ _:-ms-lang(x), _:-webkit-full-screen, ::-webkit-input-placeholder { opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity: 0.5; color: inherit; } /* Preloader Screen ========================================================================== */ .l-preloader { position: fixed; top: 0; left: 0; right: 0; height: 100%; z-index: 11111; overflow: hidden; transition: height 0.45s; } .l-preloader.done { height: 0; } .l-preloader-spinner { position: absolute; top: 50%; left: 50%; text-align: center; height: 60px; width: 60px; margin: -30px 0 0 -30px; background-color: inherit; color: inherit; opacity: 1; transition: opacity 0.3s; } .l-preloader.done .l-preloader-spinner { opacity: 0; } /* Header ========================================================================== */ .l-subheader { font-size: 0; padding-left: 40px; padding-right: 40px; } .l-header.pos_fixed .l-subheader { transition-property: background-color, box-shadow, line-height, height; transition-duration: 0.3s; } /* Styles for the header until smooth scroll is working */ .l-header.notransition .l-subheader, .l-header.notransition .l-subheader .w-logo-img { transition-property: none !important; transition-duration: 0s !important; } .l-subheader.at_top { line-height: 36px; /* predefined fixed value */ } .l-subheader.at_top .l-subheader-h { display: table; /* alternative way to avoid 'overflow:hidden' */ width: 100%; } .l-subheader.at_middle { text-align: right; line-height: 80px; /* predefined fixed value */ } .l-subheader.at_bottom { clear: both; line-height: 50px; /* predefined fixed value */ } /* SHOW: onscroll */ .l-header.pos_fixed.show_onscroll { overflow: hidden; transition: transform 0.3s; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .l-header.pos_fixed.show_onscroll.sticky { overflow: visible; -webkit-transform: none; transform: none; } /* LAYOUT: standard & extended */ .l-header.layout_standard .l-subheader.at_middle, .l-header.layout_extended .l-subheader.at_middle { box-shadow: 0 2px 0 -1px rgba(0,0,0,0.08); } /* LAYOUT: advanced */ .l-header.layout_advanced .l-subheader.at_bottom { box-shadow: 0 2px 0 -1px rgba(0,0,0,0.08); } .l-header.layout_advanced .l-subheader.at_middle .l-subheader-h { display: table; /* alternative way to avoid 'overflow:hidden' */ width: 100%; } /* LAYOUT: centered */ .l-header.layout_centered.pos_fixed .l-subheader.at_middle { overflow: hidden; } .l-header.layout_centered .l-subheader.at_middle, .l-header.layout_centered .l-subheader.at_bottom { text-align: center !important; } .l-header.layout_centered .l-subheader.at_bottom { box-shadow: 0 2px 0 -1px rgba(0,0,0,0.08); } .l-header.layout_centered .w-logo-img { max-width: none; } .l-header.layout_centered .w-cart, .l-header.layout_centered .w-search { float: none; } .l-header.layout_centered .w-nav.type_mobile ~ .w-search { display: block; margin: 0; } .l-header.layout_centered .w-nav.type_mobile ~ .w-search:not(.layout_fullwidth) { position: absolute; top: 0; right: 0; } .l-header.layout_centered .w-nav.type_mobile ~ .w-search.layout_fullwidth .w-search-open { position: absolute; top: 0; right: 0; line-height: inherit; } .l-header.layout_centered .w-nav.type_mobile ~ .w-cart.has_items { display: block; position: absolute; top: 0; right: 0; } .l-header.layout_centered .w-nav.type_mobile ~ .w-search ~ .w-cart.has_items { right: 40px; } /* LAYOUT: sided */ .l-header.layout_sided { top: 0; left: 0; bottom: 0; min-width: 0 !important; overflow: visible !important; -webkit-transform: none !important; transform: none !important; } .l-header.layout_sided.pos_static { position: absolute; } .l-header.layout_sided .l-subheader.at_middle { text-align: center !important; line-height: 40px; min-height: 100%; padding: 0; box-shadow: 4px 0 5px -2px rgba(0,0,0,0.1), 2px 0 1px -1px rgba(0,0,0,0.05); } .l-header.layout_sided .l-subheader-h { position: static; } .l-header.layout_sided .w-logo { float: none !important; margin: 30px 0; } .l-header.layout_sided .w-logo-img { display: block; max-width: none; height: auto; } .l-header.layout_sided .w-logo img { height: auto; margin: 0 auto !important; } .l-header.layout_sided .w-logo.with_transparent img.for_transparent, .l-header.layout_sided.transparent .w-logo.with_transparent img.for_default { display: none; } .l-header.layout_sided.transparent .w-logo.with_transparent img.for_transparent { display: block; } .l-header.layout_sided .w-nav { display: block; margin-bottom: 30px; } .l-header.layout_sided .w-nav-control { display: none !important; } .l-header.layout_sided .w-nav.type_mobile .w-nav-list.level_1 { margin: 0; padding: 0; } .l-header.layout_sided .w-nav.type_mobile .w-nav-item { line-height: 30px; } .l-header.layout_sided .w-nav-item.level_1 { text-align: center; margin: 0 !important; } .l-header.layout_sided .w-nav-anchor.level_1 { box-shadow: none !important; } .l-header.layout_sided .w-nav-anchor.level_1 .w-nav-title { padding-right: 0 !important; } .l-header.layout_sided .w-nav-anchor.level_1 .w-nav-arrow { position: static; line-height: inherit !important; width: auto !important; padding-left: 6px; } .l-header.layout_sided .w-search { float: none !important; margin: 0 5px 30px !important; } .l-header.layout_sided .w-search-open { padding: 0 10px; line-height: 40px; } .l-header.layout_sided .w-search.layout_fullwidth .w-form { left: 0; right: 0; } .l-header.layout_sided .w-cart { float: none !important; margin: 0 5px 30px !important; } .l-header.layout_sided .w-cart-h { line-height: 40px; } .l-header.layout_sided .w-cart-link { padding-left: 0; } .l-header.layout_sided .w-cart-dropdown { display: none !important; } .l-header.layout_sided .w-contacts { display: block; float: none !important; line-height: 30px; margin: 0 30px 10px; } .l-header.layout_sided .w-contacts-list { margin: 0; } .l-header.layout_sided .w-socials { display: block; float: none !important; margin: 0 30px 10px; } .l-header.layout_sided .w-socials-list { margin: 0; } .l-header.layout_sided.pos_fixed .w-lang.layout_dropdown .w-lang-list { bottom: 0; padding: 3px 0 35px; } /* LOGOPOS: right */ .l-header.logopos_right .l-subheader.at_middle { text-align: left; } .l-header.logopos_right .w-logo, .l-header.logopos_right .w-logo img { float: right; } .l-header.logopos_right .l-subheader.at_middle .w-search { float: left; } .l-header.logopos_right .l-subheader.at_middle .w-search-open { padding-left: 1px; padding-right: 15px; } .l-header.logopos_right .l-subheader.at_middle .w-cart.has_items + .w-search .w-search-open { padding-left: 15px; } .l-header.logopos_right .l-subheader.at_middle .w-cart.has_items + .w-search.layout_modern .w-search-open { padding-right: 1px; } .l-header.logopos_right .l-subheader.at_middle .w-search.layout_modern .w-form input { margin-left: 0; width: 240px; } .l-header.logopos_right .l-subheader.at_middle .w-cart { float: left; } .l-header.logopos_right .l-subheader.at_middle .w-cart-link { padding-left: 0; padding-right: 10px; } .l-header.logopos_right .l-subheader.at_middle .w-cart-notification, .l-header.logopos_right .l-subheader.at_middle .w-cart-dropdown { left: 0; right: auto; } .l-header.logopos_right .l-subheader.at_middle .w-nav-control { float: left; text-align: left; } .l-header.logopos_right .l-subheader.at_middle .w-cart + .w-nav .w-nav-control, .l-header.logopos_right .l-subheader.at_middle .w-search + .w-nav .w-nav-control { margin-left: 10px; margin-right: 0; } /* Transparent */ .l-header.transparent .l-subheader { box-shadow: none !important; background-color: transparent; } .l-header.layout_standard.transparent .l-subheader.at_top, .l-header.layout_extended.transparent .l-subheader.at_top { background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,0.66); } .l-header.layout_advanced.transparent .l-subheader.at_middle .l-subheader-h { box-shadow: 0 1px 0 rgba(255,255,255,0.22); } .l-header.layout_sided.transparent .w-nav-list.level_1, .l-header.transparent .w-nav-anchor.level_1 { background-color: transparent !important; } .l-header.transparent .w-nav-anchor.level_1 .ripple { background-color: #fff !important; } .l-header.bg_transparent ~ .l-main .l-section.height_auto:first-child { padding-top: 0 !important; } /* Title Bar ========================================================================== */ .l-titlebar { padding-left: 40px; padding-right: 40px; box-shadow: 0 -2px 0 -1px rgba(0,0,0,0.08) inset; transition: padding 0.3s; } .l-titlebar.color_alternate, .l-titlebar.color_primary, .l-titlebar.color_secondary { box-shadow: none; } .l-titlebar h1 { margin: 0; } .l-titlebar p { margin: 8px 0 0; opacity: 0.7; } .l-titlebar .g-breadcrumbs { font-size: 13px; line-height: 22px; margin: 12px 0 4px; } .g-breadcrumbs-separator { margin: 0 10px; } .g-breadcrumbs-separator:before { content: '\f105'; font-family: fontawesome; vertical-align: top; } .l-titlebar .g-nav-item { display: block; position: absolute; top: 50%; margin-top: -25px; text-align: center; font-size: 30px; font-family: fontawesome; line-height: 46px; height: 50px; width: 50px; border-radius: 50%; border: 2px solid transparent; color: inherit; transition: color 0.2s, border 0.2s; } .l-titlebar .g-nav-item.to_next { left: 0; padding-right: 3px; } .l-titlebar .g-nav-item.to_next:before { content: '\f104'; vertical-align: top; } .l-titlebar .g-nav-item.to_prev { right: 0; padding-left: 3px; } .l-titlebar .g-nav-item.to_prev:before { content: '\f105'; vertical-align: top; } /* SIZE small & medium */ .l-titlebar.size_small .l-titlebar-h, .l-titlebar.size_medium .l-titlebar-h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 13px 0; } .l-titlebar.size_medium .l-titlebar-h { padding: 27px 0 29px; } .l-titlebar.size_small .l-titlebar-content, .l-titlebar.size_medium .l-titlebar-content { } .l-titlebar.size_small h1, .l-titlebar.size_medium h1 { display: inline-block; font-size: 24px; line-height: 34px; margin: 5px 20px 5px 0; } .l-titlebar.size_small p, .l-titlebar.size_medium p { display: inline-block; margin: 5px 20px 5px 0; } .l-titlebar.size_small .g-breadcrumbs, .l-titlebar.size_medium .g-breadcrumbs { margin: 5px 0; } .l-titlebar.size_small .g-nav, .l-titlebar.size_medium .g-nav { font-size: 0; margin: -4px 0; } .l-titlebar.size_small .g-nav-item, .l-titlebar.size_medium .g-nav-item { display: inline-block; vertical-align: top; position: static; margin: 0; } /* SIZE large & huge */ .l-titlebar.size_large, .l-titlebar.size_huge { text-align: center; } .l-header.bg_transparent ~ .l-titlebar.size_large, .l-header.bg_transparent ~ .l-titlebar.size_huge { padding-bottom: 30px; } .l-header.bg_transparent.layout_sided ~ .l-titlebar.size_large, .l-header.bg_transparent.layout_sided ~ .l-titlebar.size_huge { padding-bottom: 0; } .single-us_portfolio .l-titlebar.size_large .l-titlebar-h, .single-us_portfolio .l-titlebar.size_huge .l-titlebar-h { padding-left: 80px; padding-right: 80px; } .l-titlebar.size_large .l-titlebar-h { padding-top: 50px; padding-bottom: 50px; } .l-titlebar.size_huge .l-titlebar-h { padding-top: 80px; padding-bottom: 80px; } @media (min-width: 768px) { .l-titlebar.size_huge h1 { font-size: 44px; line-height: 54px; letter-spacing: 2px; font-weight: 300; } } .l-titlebar.size_huge h1, .l-titlebar.size_huge p { text-transform: uppercase; } /* COLOR primary & secondary */ .l-titlebar.color_primary, .l-titlebar.color_secondary { color: #fff; } .l-titlebar.color_primary h1, .l-titlebar.color_primary a, .l-titlebar.color_secondary h1, .l-titlebar.color_secondary a, .no-touch .l-titlebar.color_secondary a:hover { color: inherit; } .no-touch .l-titlebar.color_primary .g-nav-item:hover, .no-touch .l-titlebar.color_secondary .g-nav-item:hover { border-color: #fff; color: #fff; } /* Main, Content, Sidebar ========================================================================== */ .l-canvas.sidebar_left .l-main, .l-canvas.sidebar_right .l-main { padding-left: 40px; padding-right: 40px; } .l-sidebar { padding: 0px 0; } /* Section ========================================================================== */ .l-canvas.sidebar_none .l-section { padding: 0 40px; } .l-section-h { padding: 50px 0; } /* HEIGHT small */ .l-section.height_small .l-section-h { padding: 30px 0; } /* HEIGHT large */ .l-section.height_large .l-section-h { padding: 80px 0; } /* HEIGHT huge */ .l-section.height_huge .l-section-h { padding: 120px 0; } /* COLOR primary & secondary */ .l-section.color_primary, .l-section.color_secondary { color: #fff; } .l-section.color_primary a, .l-section.color_secondary a { color: inherit; } /* FOR blogpost */ .l-section.for_blogpost ~ .l-section:last-child { margin-bottom: 50px; } /* PREVIEW basic */ .l-section.preview_basic .l-section-h { padding-bottom: 0; } .l-section.preview_basic + .l-section .l-section-h { padding-top: 0; } .l-section.preview_basic .w-blog-post-preview { margin-bottom: 30px; } .l-section.preview_basic .w-blog-post-meta { padding: 5px 0 20px; } /* PREVIEW none */ .l-section.preview_none .l-section-h { padding-bottom: 0; } .l-section.preview_none + .l-section .l-section-h { padding-top: 0; } .l-section.preview_none .w-blog-post-preview { display: none; } .l-section.preview_none .w-blog-post-meta { padding: 5px 0 20px; } /* PREVIEW modern */ .l-section.preview_modern .l-section-h { padding-bottom: 0; } .l-section.preview_modern .w-blog { position: relative; padding: 40% 40px 30px; } .l-section.preview_modern .w-blog:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient(to top, rgba(0,0,0,0.66) 0, transparent 100% ) repeat-x; } .l-section.preview_modern .w-blog-post-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .l-section.preview_modern .w-blog-post-body { margin: 0 auto; position: relative; z-index: 1; } .l-section.preview_modern .w-blog-post-title { color: #fff; } .l-section.preview_modern .w-blog-post-meta > * { color: rgba(255,255,255,0.5); } .sidebar_left .l-section.preview_modern + .l-section .l-section-h, .sidebar_right .l-section.preview_modern + .l-section .l-section-h { padding-top: 40px; } .sidebar_none .l-section.preview_modern .l-section-h, .sidebar_none .l-section.preview_modern .w-blog { position: static; } .sidebar_none .l-section.preview_modern .w-blog { padding-top: 20%; padding-left: 0; padding-right: 0; } /* PREVIEW trendy */ .l-section.preview_trendy { overflow: hidden; } .l-section.preview_trendy .w-blog { position: relative; text-align: center; padding: 24% 40px; } .l-section.preview_trendy .w-blog:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); } .l-section.preview_trendy .w-blog-post-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .l-section.preview_trendy .w-blog-post-body { position: relative; padding-top: 35px; z-index: 1; } .l-section.preview_trendy .w-blog-post-title { font-weight: bold; color: #fff; } .l-section.preview_trendy .w-blog-post-meta > * { color: rgba(255,255,255,0.5); } .l-section.preview_trendy .w-blog-post-meta-category { position: absolute; top: 0; left: 0; right: 0; font-size: 0; margin: 0; } .l-section.preview_trendy .w-blog-post-meta-category:before { display: none; } .l-section.preview_trendy .w-blog-post-meta-category a { display: inline-block; vertical-align: top; font-size: 11px; line-height: 18px; font-weight: bold; text-transform: uppercase; margin: 2px; padding: 4px 12px; border-radius: 50px; background-color: rgba(0,0,0,0.3); color: #fff; } .sidebar_left .l-section.preview_trendy + .l-section .l-section-h, .sidebar_right .l-section.preview_trendy + .l-section .l-section-h { padding-top: 0; } .sidebar_none .l-section.preview_trendy .l-section-h, .sidebar_none .l-section.preview_trendy .w-blog { position: static; } .sidebar_none .l-section.preview_trendy .w-blog { padding: 10% 0; } .sidebar_none .l-header.bg_transparent + .l-main .l-section.preview_trendy .w-blog { padding-top: 5%; } /* FOR pagination */ .l-section.for_pagination .l-section-h { padding: 0 0 20px; } /* FOR tags */ .l-section.for_tags .l-section-h { padding: 35px 0; } .l-section.for_blogpost + .l-section + .l-section.for_tags .l-section-h { padding-top: 0; } /* FOR sharing */ .l-section.for_sharing .l-section-h { padding: 0 0 35px; } /* FOR author */ .l-section.for_author .l-section-h { padding: 0; } /* FOR blognav */ .l-section.for_blognav .l-section-h { padding: 30px 0; border-top: 1px solid; border-color: inherit; } .l-section.for_author + .l-section.for_blognav .l-section-h { border-top: none; } /* FOR related */ .l-section.for_related .l-section-h { padding: 30px 0; border-top: 1px solid; border-color: inherit; } /* FOR comments */ .l-section.for_comments .l-section-h { border-top: 1px solid; border-color: inherit; } .l-section.for_blogpost ~ .l-section.for_comments .l-section-h { padding: 35px 0 0; } /* Navigation (for Portfolio Items) ========================================================================== */ .l-navigation-item { display: block; position: fixed; z-index: 99; top: 50%; width: 240px; margin-top: -60px; transition: right 0.3s cubic-bezier(.78,.13,.15,.86), left 0.3s cubic-bezier(.78,.13,.15,.86); } .l-navigation-item.to_prev { right: -200px; text-align: right; } .l-navigation-item.to_next { left: -200px; text-align: left; } .no-touch .l-navigation-item.to_prev:hover { right: 0; } .no-touch .l-navigation-item.to_next:hover { left: 0; } .l-navigation-item-arrow { float: right; text-align: center; padding: 40px 0; width: 120px; background-color: rgba(0,0,0,0.3); color: #fff; transition: background-color 0.3s cubic-bezier(.78,.13,.15,.86); } .l-navigation-item.to_prev .l-navigation-item-arrow { float: left; } .l-navigation-item-arrow:before { display: inline-block; vertical-align: top; content: '\f104'; font-family: fontawesome; font-size: 30px; line-height: 40px; width: 40px; transform: translate(38px,0); transition: transform 0.3s cubic-bezier(.78,.13,.15,.86); } .l-navigation-item.to_prev .l-navigation-item-arrow:before { content: '\f105'; transform: translate(-38px,0); } .no-touch .l-navigation-item:hover .l-navigation-item-arrow:before { transform: translateX(0); } .l-navigation-item-preview { float: left; width: 120px; } .l-navigation-item-preview img { display: block; width: 100%; } .l-navigation-item-title { clear: both; overflow: hidden; } .l-navigation-item-title span { display: block; font-size: 13px; line-height: 20px; padding: 12px 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: rgba(30,30,30,0.9); color: #fff; opacity: 0; transform: translate(0,-44px); transition: transform 0.3s cubic-bezier(.78,.13,.15,.86), opacity 0.3s cubic-bezier(.78,.13,.15,.86); } .no-touch .l-navigation-item:hover .l-navigation-item-title span { opacity: 1; transform: translate(0,0); transition-delay: 0.2s; } /* Footer ========================================================================== */ .l-subfooter { padding-left: 40px; padding-right: 40px; } .l-subfooter.at_top p { margin: 0 0 20px; } .l-subfooter.at_top p:last-child { margin-bottom: 0; } /* LAYOUT compact */ .l-footer.layout_compact .l-subfooter.at_top { font-size: 0.9em; line-height: 1.6; padding-top: 50px; padding-bottom: 20px; } .l-footer.layout_compact .l-subfooter.at_bottom { font-size: 0.9em; line-height: 20px; text-align: center; padding-top: 30px; padding-bottom: 30px; } .l-footer.layout_compact .l-subfooter.at_bottom .w-nav-anchor.level_1 { margin-left: 20px; } /* LAYOUT modern */ .l-footer.layout_modern .l-subfooter.at_top { padding-top: 80px; padding-bottom: 50px; } .l-footer.layout_modern .l-subfooter.at_bottom { text-align: center; padding-top: 50px; padding-bottom: 50px; } .l-footer.layout_modern .l-subfooter.at_bottom .w-nav-anchor.level_1 { margin-left: 40px; } /* Responsive Columns ========================================================================== */ .g-cols.offset_none { display: table; width: 100%; table-layout: fixed; } .g-cols.offset_none > div { float: none; display: table-cell; vertical-align: middle; padding: 5%; background-position: center center !important; background-size: cover !important; } /* ActionBox ========================================================================== */ .w-actionbox { padding: 35px 40px; border-radius: 5px; } .w-actionbox-text > *:first-child { margin: 0 !important; } .w-actionbox-text p { margin: 12px 0 0; } .w-actionbox.controls_bottom .w-actionbox-controls { margin-top: 20px; } .w-actionbox.controls_bottom .w-btn { margin-left: 5px; margin-right: 5px; } .w-actionbox.controls_right .w-actionbox-controls { padding-left: 30px; } .w-actionbox.controls_right .w-btn { margin-left: 15px; } /* COLORS */ .w-actionbox.color_primary, .w-actionbox.color_secondary { color: #fff; } .l-section.color_custom .w-actionbox.color_custom, .l-section.color_primary .w-actionbox.color_primary, .l-section.color_alternate .w-actionbox.color_light, .l-section.color_secondary .w-actionbox.color_secondary { padding: 0; background-color: transparent; } .w-actionbox.color_primary h2, .w-actionbox.color_secondary h2 { color: #fff; } .w-actionbox.color_primary .w-actionbox-text a, .w-actionbox.color_secondary .w-actionbox-text a { color: #111; } .no-touch .w-actionbox.color_primary .w-actionbox-text a:hover, .no-touch .w-actionbox.color_secondary .w-actionbox-text a:hover, .no-touch .w-actionbox.color_primary a.w-btn.color_transparent, .no-touch .w-actionbox.color_secondary a.w-btn.color_transparent { color: #fff; } /* Author Box ========================================================================== */ .w-author { overflow: hidden; padding: 35px; border-radius: 5px; border: 2px solid; } .w-author-img { float: left; } .w-author-img img { display: inline-block; vertical-align: top; width: 90px; border-radius: 50%; } .w-author-name { font-size: 18px; line-height: 28px; margin-left: 120px; margin-bottom: 10px; } .w-author-bio { font-size: 13px; line-height: 22px; margin-left: 120px; } /* Blog ========================================================================== */ .w-blog-post-preview-icon { display: none; height: 0; width: 100%; color: #fff; } .w-blog-post-preview-icon:before { content: '\f040'; display: block; position: absolute; top: 50%; left: 50%; text-align: center; font-family: fontawesome; font-size: 40px; line-height: 80px; width: 80px; margin: -40px 0 0 -40px; } .format-video.has-post-thumbnail .w-blog-post-preview-icon { display: block; } .w-blog-post.format-video .w-blog-post-preview-icon:before { content: '\f04b'; font-size: 24px; line-height: 50px; width: 46px; padding-left: 4px; margin: -25px 0 0 -25px; border-radius: 50%; background-color: rgba(0,0,0,0.5); } .w-blog-post.format-quote .w-blog-post-preview-icon:before { content: '\f10d'; } .w-blog-post.format-audio .w-blog-post-preview-icon:before { content: '\f001'; } .w-blog-post.format-link .w-blog-post-preview-icon:before { content: '\f0c1'; } .w-blog-post.type-page .w-blog-post-preview-icon:before { content: '\f016'; } .w-blog-post.post-password-required .w-blog-post-preview-icon:before { content: '\f023'; } .w-blog-list .w-blog-post-title { margin-bottom: 15px; } .w-blog-post.sticky .w-blog-post-title { font-weight: bold; } .w-blog-post-meta a, .color_alternate .w-blog-post-meta a { color: inherit; } .w-blog-post-meta > * { font-size: 0.9em; line-height: 18px; margin: 0 18px 8px 0; } .w-blog-post-meta > *:before { font-size: 14px; font-family: fontawesome; vertical-align: top; margin-right: 5px; } .w-blog-post-meta-date:before { content: '\f017'; } .w-blog-post-meta-author:before { content: '\f007'; } .w-blog-post-meta-tags:before { content: '\f02c'; } .w-blog-post-meta-category:before { content: '\f07c'; } .w-blog-post-meta-comments:before { content: '\f086'; } .w-blog-post-content { word-wrap: break-word; margin-top: 5px; } .w-blog-post-more.w-btn { margin: 20px 0 0; } /* Preloader */ .w-blog-preloader { position: relative; height: 0; width: 100%; overflow: hidden; } .w-blog-preloader .g-preloader { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; } .w-blog-preloader.active { height: 400px; } .w-blog-preloader.active ~ .g-loadmore, .w-blog-preloader.active ~ .g-pagination { display: none; } /* Columns */ .w-blog:not(.cols_1) .w-blog-list { font-size: 0; } .w-blog:not(.cols_1) .w-blog-post { display: inline-block; vertical-align: top; } .w-blog.cols_2 .w-blog-post { width: 50%; } .w-blog.cols_3 .w-blog-post { width: 33.3333%; } .w-blog.cols_3.layout_masonry .w-blog-post { width: 33.34%; /* fix for isotope alignment */ } .w-blog.cols_4 .w-blog-post { width: 25%; } .w-blog.cols_5 .w-blog-post { width: 20%; } .w-blog:not(.cols_1) .g-pagination { text-align: center; } /* LAYOUT classic */ .w-blog.layout_classic:not(.cols_1) .w-blog-list { margin-left: -25px; margin-right: -25px; } .l-section.width_full .g-cols:not(.offset_none) .w-blog.layout_classic .w-blog-list { margin-left: 25px; margin-right: 25px; } .w-blog.layout_classic .g-filters:not(.style_2) ~ .w-blog-list, .l-section.height_auto .g-cols:not(.offset_none) .w-blog.layout_classic:not(.with_filters) .w-blog-list { margin-top: 50px; } .w-blog.layout_classic:not(.cols_1) .w-blog-post { padding: 0 25px; margin-bottom: 50px; } .w-blog.layout_classic.cols_1 .w-blog-post { margin-bottom: 70px; } .w-blog.layout_classic .format-video .w-blog-post-preview-icon { display: none; } .w-blog.layout_classic.cols_2 .w-blog-post-preview .w-video-h, .w-blog.layout_classic.cols_3 .w-blog-post-preview .w-video-h, .w-blog.layout_classic.cols_4 .w-blog-post-preview .w-video-h, .w-blog.layout_classic.cols_5 .w-blog-post-preview .w-video-h { padding-bottom: 66.6667%; } .w-blog.layout_classic .format-audio .w-blog-post-title, .w-blog.layout_classic .format-video .w-blog-post-title, .w-blog.layout_classic .format-gallery .w-blog-post-title, .w-blog.layout_classic .has-post-thumbnail .w-blog-post-title { padding-top: 20px; } .w-blog.layout_classic .w-blog-post-title a { color: inherit; } /* LAYOUT small */ .w-blog.layout_smallcircle:not(.cols_1) .w-blog-list, .w-blog.layout_smallsquare:not(.cols_1) .w-blog-list { margin-left: -25px; margin-right: -25px; } .l-section.width_full .g-cols:not(.offset_none) .w-blog.layout_smallcircle .w-blog-list, .l-section.width_full .g-cols:not(.offset_none) .w-blog.layout_smallsquare .w-blog-list { margin-left: 25px; margin-right: 25px; } .w-blog.layout_smallcircle .g-filters:not(.style_2) ~ .w-blog-list, .w-blog.layout_smallsquare .g-filters:not(.style_2) ~ .w-blog-list, .l-section.height_auto .g-cols:not(.offset_none) .w-blog.layout_smallcircle:not(.with_filters) .w-blog-list, .l-section.height_auto .g-cols:not(.offset_none) .w-blog.layout_smallsquare:not(.with_filters) .w-blog-list { margin-top: 50px; } .w-blog.layout_smallcircle:not(.cols_1) .w-blog-post, .w-blog.layout_smallsquare:not(.cols_1) .w-blog-post { padding: 0 25px; margin-bottom: 50px; } .w-blog.layout_smallcircle.cols_1 .w-blog-post, .w-blog.layout_smallsquare.cols_1 .w-blog-post { margin-bottom: 70px; } .w-blog.layout_smallcircle .w-blog-post-preview, .w-blog.layout_smallsquare .w-blog-post-preview { float: left; width: 30%; max-width: 350px; } .w-blog.layout_smallcircle .w-blog-post-preview { border-radius: 50%; overflow: hidden; } .w-blog.layout_smallcircle .w-blog-post:not(.has-post-thumbnail) .w-blog-post-preview-icon, .w-blog.layout_smallsquare .w-blog-post:not(.has-post-thumbnail) .w-blog-post-preview-icon { display: block; padding-bottom: 100%; } .w-blog.layout_smallcircle .w-blog-post-body, .w-blog.layout_smallsquare .w-blog-post-body { margin-left: 35%; } .w-blog.layout_smallcircle .w-blog-post-title a, .w-blog.layout_smallsquare .w-blog-post-title a { color: inherit; } /* LAYOUT masonry */ .w-blog.layout_masonry .w-blog-post { float: left; text-align: center; box-shadow: 0 1px 1px rgba(0,0,0,0); transition: box-shadow 0.3s; } .no-touch .w-blog.layout_masonry .w-blog-post:hover { box-shadow: 0 2px 15px rgba(0,0,0,0.17); z-index: 3; } .w-blog.layout_masonry .format-video .w-blog-post-preview-icon { display: none; } .w-blog.layout_masonry .w-blog-post-body { padding: 40px; } .w-blog.layout_masonry .format-audio .w-blog-post-body, .w-blog.layout_masonry .format-video .w-blog-post-body, .w-blog.layout_masonry .format-gallery .w-blog-post-body, .w-blog.layout_masonry .has-post-thumbnail .w-blog-post-body { padding-top: 30px; } .w-blog.layout_masonry .w-blog-post-title a { color: inherit; } .w-blog.layout_masonry .w-blog-post-meta > * { margin: 4px 8px; } .w-blog.layout_masonry .w-blog-post-content { margin-top: 10px; } .w-blog.layout_masonry .g-pagination { margin-top: 30px; } /* LAYOUT tiles */ .w-blog.layout_tiles .w-blog-list { margin: -2px -2px 2px; } .l-section.width_full .g-cols:not(.offset_none) .w-blog.layout_tiles .w-blog-list { margin-left: 2px; margin-right: 2px; } .w-blog.layout_tiles .g-filters:not(.style_2) ~ .w-blog-list, .l-section.height_auto .g-cols:not(.offset_none) .w-blog.layout_tiles:not(.with_filters) .w-blog-list { margin-top: 2px; } .w-blog.layout_tiles .w-blog-post { padding: 2px; } .w-blog.layout_tiles .w-blog-post-h { overflow: hidden; } .w-blog.layout_tiles .has-post-thumbnail .w-blog-post-preview:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); } .w-blog.layout_tiles .w-blog-post-preview img { transition: transform 0.3s; } .no-touch .w-blog.layout_tiles .w-blog-post-h:hover .w-blog-post-preview img { transform: scale(1.2); } .w-blog.layout_tiles .w-blog-post:not(.has-post-thumbnail) .w-blog-post-preview-icon { display: block; padding-bottom: 66.6666%; } .w-blog.layout_tiles .w-blog-post-preview-icon:before { display: none; } .w-blog.layout_tiles .w-blog-post-body { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 30px 15px; pointer-events: none; color: #fff; } .w-blog.layout_tiles .w-blog-post-title { font-weight: bold; } .w-blog.layout_tiles .w-blog-post-title a, .no-touch .w-blog.layout_tiles .w-blog-post-meta a:hover { color: #fff !important; } .w-blog.layout_tiles .w-blog-post-meta > * { line-height: 16px; color: rgba(255,255,255,0.5); pointer-events: auto; } .w-blog.layout_tiles .w-blog-post-meta-category { position: absolute; left: 30px; bottom: 100%; font-size: 0; margin: 0 -2px 10px; } .w-blog.layout_tiles .w-blog-post-meta-category:before { display: none; } .w-blog.layout_tiles .w-blog-post-meta-category a { display: inline-block; vertical-align: top; font-size: 11px; line-height: 18px; text-transform: uppercase; font-weight: bold; padding: 2px 8px; margin: 2px; border: none !important; background-color: rgba(0,0,0,0.3); color: #fff !important; } .w-blog.layout_tiles .w-blog-post-content, .w-blog.layout_tiles .w-blog-post-more { display: none; } .w-blog.layout_masonry .g-pagination { margin-top: 30px; } /* LAYOUT cards */ .w-blog.layout_cards .w-blog-list { margin: -5px -5px 5px; } .l-section.width_full .g-cols:not(.offset_none) .w-blog.layout_cards .w-blog-list { margin-left: 5px; margin-right: 5px; } .w-blog.layout_cards .g-filters:not(.style_2) ~ .w-blog-list, .l-section.height_auto .g-cols:not(.offset_none) .w-blog.layout_cards:not(.with_filters) .w-blog-list { margin-top: 5px; } .w-blog.layout_cards .w-blog-post { float: left; padding: 5px; } .w-blog.layout_cards .w-blog-post-h { border-radius: 5px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.08), 0 1px 5px rgba(0,0,0,0.06); transition: box-shadow 0.3s; } .w-blog.layout_cards .w-blog-post-h:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 2px 12px rgba(0,0,0,0.16); } .w-blog.layout_cards .w-blog-post-body { padding: 45px; } .w-blog.layout_cards .w-blog-post-title { font-weight: bold; } .w-blog.layout_cards.with_categories .w-blog-post:not(.has-post-thumbnail) .w-blog-post-title { margin-top: 36px; } .w-blog.layout_cards .w-blog-post-title a { color: inherit; } .w-blog.layout_cards .w-blog-post-meta-category { position: absolute; top: 45px; left: 45px; font-size: 0; margin: -2px; } .w-blog.layout_cards .has-post-thumbnail .w-blog-post-meta-category { top: 20px; left: 20px; } .w-blog.layout_cards .w-blog-post-meta-category:before { display: none; } .w-blog.layout_cards .w-blog-post-meta-category a { display: inline-block; vertical-align: top; font-size: 11px; line-height: 18px; text-transform: uppercase; font-weight: bold; padding: 4px 12px; margin: 2px; border-radius: 50px; border: none !important; background-color: rgba(0,0,0,0.3); color: #fff !important; } .w-blog.layout_cards .g-pagination { margin-top: 30px; } /* LAYOUT latest */ .w-blog.layout_latest:not(.cols_1) .w-blog-list { margin-left: -25px; margin-right: -25px; } .l-section.width_full .g-cols:not(.offset_none) .w-blog.layout_latest .w-blog-list { margin-left: 25px; margin-right: 25px; } .w-blog.layout_latest .g-filters:not(.style_2) ~ .w-blog-list, .l-section.height_auto .g-cols:not(.offset_none) .w-blog.layout_latest:not(.with_filters) .w-blog-list { margin-top: 50px; } .w-blog.layout_latest .w-blog-post { min-height: 80px; margin-bottom: 50px; } .w-blog.layout_latest:not(.cols_1) .w-blog-post { padding: 0 25px; } .w-blog.layout_latest .w-blog-post-body { margin-left: 105px; } .w-blog.layout_latest .w-blog-post-meta-date { position: absolute; left: 0; top: 0; text-align: center; height: 80px; width: 80px; padding: 16px 0 0; border-radius: 50%; border: 2px solid; color: inherit; } .w-blog-post-meta-date-day { display: block; font-size: 26px; line-height: 32px; } .w-blog-post-meta-date-month { display: block; font-size: 14px; line-height: 14px; text-transform: uppercase; } .w-blog.layout_latest .w-blog-post-meta-date:before, .w-blog-post-meta-date-year { display: none; } /* LAYOUT compact */ .w-blog.layout_compact:not(.cols_1) .w-blog-list { margin-left: -25px; margin-right: -25px; } .l-section.width_full .g-cols:not(.offset_none) .w-blog.layout_compact .w-blog-list { margin-left: 25px; margin-right: 25px; } .w-blog.layout_compact .g-filters:not(.style_2) ~ .w-blog-list, .l-section.height_auto .g-cols:not(.offset_none) .w-blog.layout_compact:not(.with_filters) .w-blog-list { margin-top: 50px; } .w-blog.layout_compact:not(.cols_1) .w-blog-post { padding: 0 25px; } .w-blog.layout_compact .w-blog-post { margin-bottom: 30px; } .l-section.for_related .w-blog.layout_compact .w-blog-post { margin-bottom: 8px; } .l-section.for_related .w-blog.layout_compact .w-blog-post:last-child { margin-bottom: 4px; } .w-blog.layout_compact .w-blog-post-title { display: inline-block; vertical-align: baseline; font-family: inherit; margin: 0 10px 0 0; } .w-blog.layout_compact[class*="cols"] .w-blog-post-title { font-size: inherit; } .w-blog.layout_compact .w-blog-post-meta { display: inline-block; vertical-align: baseline; } .w-blog.layout_compact .w-blog-post-meta > * { margin: 0 16px 0 0; vertical-align: baseline; } .w-blog.layout_compact .w-blog-post-meta > *:before, .w-blog.layout_compact .w-blog-post-content, .w-blog.layout_compact .w-blog-post-more { display: none; } /* LAYOUT related */ .w-blog.layout_related .w-blog-list { margin: 0 -15px; } .w-blog.layout_related .w-blog-post { float: left; padding: 0 15px; width: 33.3333%; } .w-blog.layout_related .w-blog-post:not(.has-post-thumbnail) .w-blog-post-preview-icon { display: block; padding-bottom: 66.6666%; } .w-blog.layout_related .w-blog-post-title { font-size: 16px; font-family: inherit; margin: 12px 0 10px; color: inherit; } /* POST FORMAT link */ .w-blog-post.format-link .w-blog-post-title a:after { content: '\f08e'; font-family: fontawesome; font-weight: normal; line-height: 1; font-size: 0.8em; margin-left: 0.6em; } .w-blog-post.format-link .w-blog-post-content, .w-blog-post.format-link .w-blog-post-meta-comments { display: none; } /* POST FORMAT quote */ .w-blog-post.format-quote blockquote { font-size: 20px; line-height: 30px; font-style: normal; padding: 0; margin: 0; border: none; } .w-blog-post.format-quote blockquote cite { font-size: 14px; line-height: 24px; opacity: 0.5; } .w-blog.layout_classic .format-quote.has-post-thumbnail blockquote { padding-top: 20px; } .w-blog.layout_tiles .format-quote blockquote { margin-bottom: 8px; } .w-blog.layout_cards .format-quote .w-blog-post-h { color: #fff; } /* Blog Navigation (next/prev posts) ========================================================================== */ .w-blognav { overflow: hidden; } .w-blognav-prev { float: left; padding: 0 35px; width: 50%; position: relative; color: inherit !important; transition: none; } .w-blognav-prev:before { content: '\f104'; font: 36px/1 fontawesome; position: absolute; top: 6px; left: 0; opacity: 0.3; } .w-blognav-next { float: right; text-align: right; padding: 0 35px; width: 50%; position: relative; color: inherit !important; transition: none; } .w-blognav-next:before { content: '\f105'; font: 36px/1 fontawesome; position: absolute; top: 6px; right: 0; opacity: 0.3; } .w-blognav-meta { display: block; font-size: 13px; line-height: 20px; text-transform: uppercase; margin-bottom: 4px; opacity: 0.5; } .w-blognav-title { display: inline-block; vertical-align: top; line-height: 1.5; transition: color 0.3s; } /* Buttons ========================================================================== */ .w-btn, button, input[type="submit"] { font-size: 15px; line-height: 20px; font-weight: bold; text-transform: uppercase; padding: 11px 28px; margin: 5px 0; border: none; border-radius: 5px; overflow: hidden; z-index: 0; transition: background-color 0.3s, box-shadow 0.3s, color 0.3s; -webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */ } input[type="submit"]:focus { box-shadow: none; } .no-touch .w-btn:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: rgba(0,0,0,0.1); transition: height 0.3s; } .no-touch .w-btn:hover:before { height: 100%; } .w-btn-label { position: relative; } .w-btn i { position: absolute; line-height: inherit; vertical-align: top; } /* ICON atleft */ .w-btn.icon_atleft i { left: 28px; } .w-btn.icon_atleft i + .w-btn-label { padding-left: 25px; } /* ICON atright */ .w-btn.icon_atright i { right: 28px; } .w-btn.icon_atright i + .w-btn-label { padding-right: 25px; } /* SIZE small */ .w-btn.size_small, input.w-btn.size_small, button.w-btn.size_small { font-size: 13px; padding: 7px 22px; border-radius: 4px; } .w-btn.size_small.icon_atleft i { left: 20px; } .w-btn.size_small.icon_atleft i + .w-btn-label { padding-left: 22px; } .w-btn.size_small.icon_atright i { right: 20px; } .w-btn.size_small.icon_atright i + .w-btn-label { padding-right: 22px; } /* SIZE large */ .w-btn.size_large, input.w-btn.size_large, button.w-btn.size_large { font-size: 18px; padding: 16px 42px; } .w-btn.size_large.icon_atleft i { left: 40px; } .w-btn.size_large.icon_atleft i + .w-btn-label { padding-left: 28px; } .w-btn.size_large.icon_atright i { right: 40px; } .w-btn.size_large.icon_atright i + .w-btn-label { padding-right: 28px; } /* STYLE outlined */ .w-btn.style_outlined { background-color: transparent !important; } /* COLOR: transparent */ .w-btn.color_transparent { font-weight: normal; text-transform: none; overflow: visible; margin: 0 4px; padding: 0 !important; } .no-touch .w-btn.color_transparent:before { display: none; } .w-btn.color_transparent.icon_atleft i { left: 0 !important; } .w-btn.color_transparent.icon_atright i { right: 0 !important; } /* COLOR: primary & secondary */ button, input[type="submit"], a.w-btn.color_primary, .w-btn.color_primary, a.w-btn.color_secondary, .w-btn.color_secondary, .no-touch button:hover, .no-touch input[type="submit"]:hover, .no-touch a.w-btn.color_primary:hover, .no-touch .w-btn.color_primary:hover, .no-touch a.w-btn.color_secondary:hover, .no-touch .w-btn.color_secondary:hover, .no-touch a.w-btn.color_primary.style_outlined:hover, .no-touch .w-btn.color_primary.style_outlined:hover, .no-touch a.w-btn.color_secondary.style_outlined:hover, .no-touch .w-btn.color_secondary.style_outlined:hover { color: #fff; } /* COLOR: light & contrast */ .w-btn.color_light:before, .w-btn.color_contrast:before { background-color: rgba(0,0,0,0.06); } /* COLOR: white */ .w-btn.color_white, a.w-btn.color_white { background-color: #fff; color: #444; } .no-touch .w-btn.color_white:hover, .no-touch a.w-btn.color_white:hover { color: #444; } .no-touch .w-btn.color_white:before { background-color: rgba(0,0,0,0.06); } .w-btn.color_white.style_outlined, a.w-btn.color_white.style_outlined { box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .w-btn.color_white.style_outlined:hover, .no-touch a.w-btn.color_white.style_outlined:hover { color: #444; } .w-btn.color_white.style_outlined:before { background-color: #fff; } /* COLOR: black */ .w-btn.color_black { background-color: #000; color: #fff; } .no-touch .w-btn.color_black:hover { color: #fff; } .no-touch .w-btn.color_black:before { background-color: rgba(255,255,255,0.05); } .w-btn.color_black.style_outlined { box-shadow: 0 0 0 2px #000 inset; color: #000; } .no-touch .w-btn.color_black.style_outlined:hover { color: #fff; } .w-btn.color_black.style_outlined:before { background-color: #000; } /* COLOR: red */ .w-btn.color_red { background-color: #f40; color: #fff; } .no-touch .w-btn.color_red:hover { color: #fff; } .w-btn.color_red.style_outlined { box-shadow: 0 0 0 2px #f40 inset; color: #f40; } .no-touch .w-btn.color_red.style_outlined:hover { color: #fff; } .w-btn.color_red.style_outlined:before { background-color: #f40; } /* COLOR: pink */ .w-btn.color_pink { background-color: #ff6b6b; color: #fff; } .no-touch .w-btn.color_pink:hover { color: #fff; } .w-btn.color_pink.style_outlined { box-shadow: 0 0 0 2px #ff6b6b inset; color: #ff6b6b; } .no-touch .w-btn.color_pink.style_outlined:hover { color: #fff; } .w-btn.color_pink.style_outlined:before { background-color: #ff6b6b; } /* COLOR: blue */ .w-btn.color_blue { background-color: #5ac8ed; color: #fff; } .no-touch .w-btn.color_blue:hover { color: #fff; } .w-btn.color_blue.style_outlined { box-shadow: 0 0 0 2px #5ac8ed inset; color: #5ac8ed; } .no-touch .w-btn.color_blue.style_outlined:hover { color: #fff; } .w-btn.color_blue.style_outlined:before { background-color: #5ac8ed; } /* COLOR: green */ .w-btn.color_green { background-color: #59ba41; color: #fff; } .no-touch .w-btn.color_green:hover { color: #fff; } .w-btn.color_green.style_outlined { box-shadow: 0 0 0 2px #59ba41 inset; color: #59ba41; } .no-touch .w-btn.color_green.style_outlined:hover { color: #fff; } .w-btn.color_green.style_outlined:before { background-color: #59ba41; } /* COLOR: yellow */ .w-btn.color_yellow { background-color: #fac000; color: #fff; } .no-touch .w-btn.color_yellow:hover { color: #fff; } .w-btn.color_yellow:before { background-color: rgba(0,0,0,0.06); } .w-btn.color_yellow.style_outlined { box-shadow: 0 0 0 2px #fac000 inset; color: #fac000; } .no-touch .w-btn.color_yellow.style_outlined:hover { color: #fff; } .w-btn.color_yellow.style_outlined:before { background-color: #fac000; } /* COLOR: midnight */ .w-btn.color_midnight { background-color: #2c3e50; color: #fff; } .no-touch .w-btn.color_midnight:hover { color: #fff; } .w-btn.color_midnight.style_outlined { box-shadow: 0 0 0 2px #2c3e50 inset; color: #2c3e50; } .no-touch .w-btn.color_midnight.style_outlined:hover { color: #fff; } .w-btn.color_midnight.style_outlined:before { background-color: #2c3e50; } /* COLOR: purple */ .w-btn.color_purple { background-color: #8560a8; color: #fff; } .no-touch .w-btn.color_purple:hover { color: #fff; } .w-btn.color_purple.style_outlined { box-shadow: 0 0 0 2px #8560a8 inset; color: #8560a8; } .no-touch .w-btn.color_purple.style_outlined:hover { color: #fff; } .w-btn.color_purple.style_outlined:before { background-color: #8560a8; } /* COLOR: navy */ .w-btn.color_navy { background-color: #1265a8; color: #fff; } .no-touch .w-btn.color_navy:hover { color: #fff; } .w-btn.color_navy.style_outlined { box-shadow: 0 0 0 2px #1265a8 inset; color: #1265a8; } .no-touch .w-btn.color_navy.style_outlined:hover { color: #fff; } .w-btn.color_navy.style_outlined:before { background-color: #1265a8; } /* COLOR: teal */ .w-btn.color_teal { background-color: #008b83; color: #fff; } .no-touch .w-btn.color_teal:hover { color: #fff; } .w-btn.color_teal.style_outlined { box-shadow: 0 0 0 2px #008b83 inset; color: #008b83; } .no-touch .w-btn.color_teal.style_outlined:hover { color: #fff; } .w-btn.color_teal.style_outlined:before { background-color: #008b83; } /* COLOR: brown */ .w-btn.color_brown { background-color: #6a4530; color: #fff; } .no-touch .w-btn.color_brown:hover { color: #fff; } .w-btn.color_brown.style_outlined { box-shadow: 0 0 0 2px #6a4530 inset; color: #6a4530; } .no-touch .w-btn.color_brown.style_outlined:hover { color: #fff; } .w-btn.color_brown.style_outlined:before { background-color: #6a4530; } /* COLOR: cream */ .w-btn.color_cream { background-color: #f5ddbf; color: #605c57; } .no-touch .w-btn.color_cream:hover { color: #605c57; } .w-btn.color_cream:before { background-color: rgba(0,0,0,0.06); } .w-btn.color_cream.style_outlined { box-shadow: 0 0 0 2px #f5ddbf inset; color: #f5ddbf; } .no-touch .w-btn.color_cream.style_outlined:hover { color: #605c57; } .w-btn.color_cream.style_outlined:before { background-color: #f5ddbf; } /* COLOR: lime */ .w-btn.color_lime { background-color: #baeb59; color: #656c57; } .no-touch .w-btn.color_lime:hover { color: #656c57; } .w-btn.color_lime:before { background-color: rgba(0,0,0,0.06); } .w-btn.color_lime.style_outlined { box-shadow: 0 0 0 2px #baeb59 inset; color: #baeb59; } .no-touch .w-btn.color_lime.style_outlined:hover { color: #656c57; } .w-btn.color_lime.style_outlined:before { background-color: #baeb59; } /* ALIGN left */ .w-btn-wrapper.align_left { display: inline-block; vertical-align: top; margin-right: 6px; } .align_center > .w-btn-wrapper.align_left { margin-left: 10px; margin-right: 10px; } /* ALIGN center */ .w-btn-wrapper.align_center { text-align: center; } /* ALIGN right */ .w-btn-wrapper.align_right { float: right; margin-left: 10px; } /* Cart ========================================================================== */ .w-cart { display: none; float: right; vertical-align: top; } .w-cart.has_items { display: inline-block; } .w-nav.type_desktop ~ .w-search ~ .w-cart.has_items { margin-left: 10px; } .w-cart-h { display: inline-block; vertical-align: middle; line-height: 50px; } .l-subheader.at_bottom .w-cart-h { line-height: 40px; } .w-cart-link { display: block; font-size: 20px; padding-left: 10px; position: relative; color: inherit; } .w-cart-link:before { content: '\f07a'; font-family: fontawesome; vertical-align: top; } .w-cart-quantity { font-size: 18px; font-weight: bold; margin-left: 2px; vertical-align: top; transition: color 0.3s; } /* Notification */ .w-cart-notification { display: none; position: absolute; right: 0; font-size: 13px; text-align: center; line-height: 20px; padding: 18px 20px; width: 285px; z-index: 11; border-radius: 3px; background-color: rgba(0,0,0,0.85); color: #ccc; } .w-cart-notification .product-name { color: #fff; } /* Dropdown */ .w-cart-dropdown { display: none; position: absolute; z-index: 11; right: 0; font-size: 14px; text-align: left; padding: 30px 30px 25px; width: 285px; box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .woocommerce-cart .w-cart-dropdown, .woocommerce-checkout .w-cart-dropdown { display: none !important; } .w-cart-dropdown .widget_shopping_cart { padding: 0; margin: 0; background-color: transparent; } .w-cart-dropdown .widgettitle { display: none; } .w-cart-dropdown ul.product_list_widget { max-height: 280px; overflow-y: auto; } .w-cart-dropdown .widget_shopping_cart p.total { text-align: center; line-height: 24px; } /* Comments ========================================================================== */ .w-comments-title { margin-bottom: 10px; } .w-comments-title:before { display: inline-block; vertical-align: top; content: '\f086'; font-family: fontawesome; margin-right: 5px; opacity: 0.33; } .w-comments-title > span { display: inline-block; vertical-align: top; } .w-comments-list { margin-bottom: 30px; border-bottom: 1px solid; } .w-comments-item { padding-top: 30px; margin-bottom: 30px; border-top: 1px solid; border-color: inherit; } .w-comments-list > .w-comments-item:first-child { border-top: none; } .w-comments-childlist { margin-left: 30px; border-color: inherit; } .w-comments-item-meta, .w-comments-item-text, .w-comments-item-answer { margin-left: 70px; } .w-comments-item-meta { margin-bottom: 15px; } .w-comments-item-icon { top: 30px; width: 50px; border-radius: 50%; overflow: hidden; } .w-comments-item-author { font-weight: bold; margin-right: 20px; } .w-comments-item-date { font-size: 13px; color: inherit; opacity: 0.5; } .w-comments-item-text > *:last-child { margin-bottom: 0; } .w-comments-item-answer { font-size: 13px; margin-top: 15px; } .w-comments-pagination { font-size: 13px; text-align: center; } .w-comments-pagination a { margin: 0 10px; } .no-touch .w-comments-item-meta a:hover, .no-touch .w-comments-item-text a:hover, .no-touch .w-comments-item-answer a:hover, .no-touch .w-comments-pagination a:hover, .no-touch .comment-reply-title a:hover { opacity: 1; } .comment-reply-title small { font-size: 13px; margin-left: 5px; } /* Contacts ========================================================================== */ .w-contacts-item.for_address:before { content: '\f041'; font-family: fontawesome; } .w-contacts-item.for_phone:before { content: '\f095'; font-family: fontawesome; } .w-contacts-item.for_email:before { content: '\f0e0'; font-family: fontawesome; } .w-contacts-item.for_fax:before { content: '\f02f'; font-family: fontawesome; } /* w-contacts in header */ .l-subheader .w-contacts { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 36px; } .l-subheader .w-contacts-list { margin: 0 -10px; } .l-subheader .w-contacts-item { display: inline-block; vertical-align: top; margin: 0 10px; white-space: nowrap; } .l-subheader .w-contacts-item:before { font-size: 15px; vertical-align: top; opacity: 0.5; } .l-subheader .w-contacts-item i { font-size: 15px; vertical-align: top; line-height: inherit; opacity: 0.5; } .l-subheader .w-contacts-item-value { display: inline-block; vertical-align: top; margin: 0 0 0 5px; } .l-subheader .w-contacts-item i, .l-subheader .w-contacts-item.for_phone .w-contacts-item-value { transition: color 0.3s; } .l-subheader .w-contacts-item-value a { color: inherit; } /* w-contacts in main */ .l-main .w-contacts-list { font-size: 0; margin: 0 -20px -20px; } .l-main .w-contacts-item { display: inline-block; vertical-align: middle; padding: 0 20px 20px; white-space: nowrap; } .l-main .w-contacts-item:before { display: inline-block; vertical-align: inherit; text-align: center; font-size: 20px; line-height: 50px; height: 50px; width: 50px; margin-right: 15px; border-radius: 50%; } .l-section.color_primary .w-contacts-item:before, .l-section.color_secondary .w-contacts-item:before { box-shadow: 0 0 0 2px #fff inset; color: #fff; } .l-main .w-contacts-item-value { display: inline-block; vertical-align: inherit; font-size: 16px; line-height: 26px; } .l-main .w-contacts-item.for_address .w-contacts-item-value { white-space: normal; max-width: calc(100% - 65px); } /* w-contacts in footer */ .l-subfooter .w-contacts-item { position: relative; } .l-subfooter .w-contacts-item:before { display: block; position: absolute; top: 0; left: 0; text-align: center; font-size: 18px; line-height: 21px; height: 21px; width: 21px; } .l-subfooter .w-contacts-item-value { display: block; margin: 0 0 12px 36px; } /* Copyright ========================================================================== */ .w-nav + .w-copyright { float: left; } /* Counter ========================================================================== */ .w-counter { text-align: center; margin: 0 auto; max-width: 300px; } .w-counter-number { line-height: 1; } .l-section.color_primary .w-counter-number, .l-section.color_secondary .w-counter-number, .l-section.color_custom .w-counter-number { color: inherit; } .w-counter h6.w-counter-title { padding: 10px 0 8px; margin: 0; } /* SIZE: small */ .w-counter.size_small .w-counter-number { font-size: 4em; } /* SIZE: medium */ .w-counter.size_medium .w-counter-number { font-size: 5em; } /* SIZE: large */ .w-counter.size_large .w-counter-number { font-size: 6em; } /* Filters ========================================================================== */ .g-filters { text-align: center; } .g-filters-item { display: inline-block; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.2s; } .g-filters-item.active { cursor: default; } /* STYLE: 1 */ .l-section.color_primary .g-filters.style_1, .l-section.color_secondary .g-filters.style_1, .l-section.color_custom .g-filters.style_1 { background-color: transparent; } .g-filters.style_1 .g-filters-item { font-size: 14px; line-height: 50px; padding: 0 18px; } .no-touch .g-filters.style_1 .g-filters-item:hover { color: #fff; } /* STYLE: 2 */ .g-filters.style_2 { padding: 0 18px 18px; } .w-portfolio.with_indents .g-filters.style_2 { padding-bottom: 10px; } .l-section.height_auto .g-filters.style_2 { padding-top: 18px; } .g-filters.style_2 .g-filters-item { line-height: 42px; padding: 0 20px; margin: 2px; border-radius: 3px; } .no-touch .g-filters.style_2 .g-filters-item:hover { color: #fff; } .l-section.color_primary .g-filters.style_2 .g-filters-item.active, .l-section.color_secondary .g-filters.style_2 .g-filters-item.active, .l-section.color_custom .g-filters.style_2 .g-filters-item.active { background-color: rgba(255,255,255,0.12); color: #fff; } /* STYLE: 3 */ .g-filters.style_3 .g-filters-item { font-size: 16px; line-height: 24px; padding: 15px 20px 12px; background-color: transparent !important; border-bottom: 3px solid transparent; opacity: 0.66; } .no-touch .g-filters.style_3 .g-filters-item:hover, .g-filters.style_3 .g-filters-item.active { opacity: 1; } .l-section.color_primary .g-filters.style_3 .g-filters-item.active, .l-section.color_secondary .g-filters.style_3 .g-filters-item.active, .l-section.color_custom .g-filters.style_3 .g-filters-item.active { border-color: #fff; color: #fff; } /* Form ========================================================================== */ .w-form-row { margin-bottom: 16px; } .w-form-row.for_submit { margin-bottom: 0; } .w-form-row-label { display: none; margin-bottom: 5px; } .w-form-row.for_captcha .w-form-row-label { display: block; } .w-form-row-field { position: relative; } .w-form-row-field > input[type="text"], .w-form-row-field > input[type="password"], .w-form-row-field > input[type="email"], .w-form-row-field > textarea, .w-form-row-field > select { padding-left: 48px; } .w-form-row-field:before { display: block; position: absolute; top: 0; left: 0; font-size: 20px; font-family: fontawesome; text-align: center; line-height: 40px; width: 50px; opacity: 0.33; pointer-events: none; transition: opacity 0.3s, color 0.3s; } .w-form-row.for_log .w-form-row-field:before, .w-form-row.for_name .w-form-row-field:before, .w-form-row.for_author .w-form-row-field:before { content: '\f007'; } .w-form-row.for_email .w-form-row-field:before { content: '\f0e0'; } .w-form-row.for_phone .w-form-row-field:before { content: '\f095'; } .w-form-row.for_comment .w-form-row-field:before, .w-form-row.for_message .w-form-row-field:before { content: '\f040'; } .w-form-row.for_url .w-form-row-field:before { content: '\f0c1'; } .w-form-row.for_captcha .w-form-row-field:before { content: '\f059'; } .w-form-row.for_pwd .w-form-row-field:before, .w-form-row.for_post_password .w-form-row-field:before { content: '\f023'; } .w-form-row.focused .w-form-row-field:before { opacity: 1; } .w-form-row-field-bar { display: none; } .w-form .w-btn { margin: 0; } .w-form .w-btn-label { display: block; transform: translateY(0); transition: transform 0.3s, opacity 0.3s; } .w-form .w-btn.loading .w-btn-label { opacity: 0; transform: translateY(100%); } .w-form .w-btn .g-preloader { position: absolute; top: 50%; left: 50%; height: 26px; width: 26px; margin: -13px 0 0 -13px; opacity: 0; transform: translateY(-100%); transition: transform 0.3s, opacity 0.3s; } .w-form .w-btn.loading .g-preloader { opacity: 1; transform: translateY(0); } .w-form-row-state { font-size: 13px; line-height: 18px; height: 0; opacity: 0; transition-property: height, padding, opacity; transition-duration: 0.3s; } .w-form-message { font-size: 18px; line-height: 26px; opacity: 0; transition-property: padding, opacity; transition-duration: 0.3s; } .w-form-message.type_success { padding: 8px 0; opacity: 1; color: #4c0; } .w-form-message.type_error { padding: 8px 0; opacity: 1; color: red; } /* ALIGN left */ .w-form.align_left .w-form-row.for_submit { display: inline-block; vertical-align: middle; margin-right: 15px; } .w-form.align_left .w-form-message.type_success { display: inline-block; vertical-align: middle; } /* ALIGN right */ .w-form.align_right { text-align: left; } .w-form.align_right .w-form-row.for_submit { float: right; display: inline-block; vertical-align: middle; margin-left: 15px; } .w-form.align_right .w-form-message.type_success { display: inline-block; vertical-align: middle; } /* CHECK wrong */ .w-form-row.check_wrong input, .w-form-row.check_wrong textarea, .w-form-row.check_wrong select { box-shadow: 0 0 0 2px red; } .w-form-row.check_wrong .w-form-row-state { height: 20px; padding-top: 4px; opacity: 1; color: red; } /* FOR comments */ .w-form.for_comments .form-submit input { margin: 0; } /* FOR protected post */ .w-form.for_protectedpost:after { display: block; content: ''; clear: both; } .w-form.for_protectedpost .w-form-row.for_post_password, .w-form.for_protectedpost .w-form-row.for_submit { float: left; margin-right: 10px; } /* FOR login */ .w-form.for_login .w-form-row.for_submit { float: left; margin-right: 15px; } .w-form.for_login .w-form-row.for_submit ~ label { display: inline-block; vertical-align: top; font-size: 13px; margin-top: 8px; white-space: nowrap; } .w-form.for_login .w-form-row.for_submit ~ label input[type="checkbox"] { margin-top: -3px; vertical-align: middle; } .w-form-row.for_links { clear: both; margin: 0; padding-top: 10px; } .w-form-row-link { font-size: 13px; margin-right: 10px; } /* Gallery ========================================================================== */ .w-gallery.link_media .w-gallery-item { cursor: zoom-in; } .no-touch a.w-gallery-item .w-gallery-item-hover { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: box-shadow 0.3s; box-shadow: 0 0 0 1px transparent inset; } .no-touch a.w-gallery-item:hover .w-gallery-item-hover { box-shadow: 0 0 0 8px #fff inset; } /* WITH indents */ .w-gallery.with_indents .w-gallery-list { margin: -4px; } .l-section.width_full .full-width .w-gallery.with_indents .w-gallery-list { margin-left: 4px; margin-right: 4px; } .l-section.height_auto .full-width .w-gallery.with_indents .w-gallery-list { margin-top: 4px; margin-bottom: 4px; } .w-gallery.with_indents .w-gallery-item { padding: 4px; } .w-gallery.with_indents a.w-gallery-item .w-gallery-item-hover { top: 4px; left: 4px; right: 4px; bottom: 4px; } /* IconBox ========================================================================== */ .w-iconbox-link { color: inherit; transition: none; -webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */ } .w-iconbox-icon { line-height: 1; position: relative; transition: background-color 0.3s, color 0.3s, box-shadow 0.1s; } .no-touch .l-footer .w-iconbox-link:hover .w-iconbox-icon { color: inherit; } .w-iconbox-title { transition: color 0.3s; } .w-iconbox-text p, .w-iconbox-text ul, .w-iconbox-text ol { margin-bottom: 12px !important; } /* ICONPOS: top */ .w-iconbox.iconpos_top { max-width: 350px; } .w-iconbox.iconpos_top .w-iconbox-title { padding: 15px 0; } /* ICONPOS: left */ .w-iconbox.iconpos_left .w-iconbox-title { padding: 0 0 15px; } /* STYLE: default */ .w-iconbox.style_default .w-iconbox-icon { background-color: transparent !important; box-shadow: none !important; color: inherit; } /* STYLE: circle & outlined */ .w-iconbox.style_circle .w-iconbox-icon, .w-iconbox.style_outlined .w-iconbox-icon { overflow: hidden; border-radius: 50%; } .w-iconbox.style_outlined .w-iconbox-icon { background-color: transparent !important; } .no-touch .w-iconbox.style_circle .w-iconbox-link:hover .w-iconbox-icon { color: #fff !important; } .no-touch .w-iconbox.style_outlined .w-iconbox-link:hover .w-iconbox-icon { color: #fff !important; box-shadow: 0 0 0 2px transparent inset; transition: color 0.3s, box-shadow 0.1s 0.3s; } .no-touch .w-iconbox.style_circle .w-iconbox-icon:before, .no-touch .w-iconbox.style_outlined .w-iconbox-icon:before { display: block; content: ''; position: absolute; top: -2px; left: 0; height: 0; width: 100%; border: 1px solid transparent; /* fix for Chrome */ transition: height 0.3s; } .no-touch .w-iconbox.style_circle .w-iconbox-link:hover .w-iconbox-icon:before, .no-touch .w-iconbox.style_outlined .w-iconbox-link:hover .w-iconbox-icon:before { height: 100%; } .w-iconbox.style_circle .w-iconbox-icon i, .w-iconbox.style_outlined .w-iconbox-icon i { position: relative; } .w-iconbox.cont_img .w-iconbox-icon:before { display: none !important; } /* COLOR */ .w-iconbox.color_primary.style_circle .w-iconbox-icon, .w-iconbox.color_secondary.style_circle .w-iconbox-icon, .no-touch .l-section.color_primary .w-iconbox-link:hover .w-iconbox-title { color: #fff; } /* SIZE: tiny */ .w-iconbox.no_text.size_tiny { max-width: 50px; } .w-iconbox.size_tiny .w-iconbox-icon { font-size: 24px; line-height: 28px; } .w-iconbox.style_default.size_tiny .w-iconbox-icon img { max-width: 24px; } .w-iconbox.size_tiny .w-iconbox-title { font-size: 20px; line-height: 28px; padding: 10px 0; } .w-iconbox.size_tiny.iconpos_left .w-iconbox-title { margin-left: 38px; padding-top: 0; } .w-iconbox.style_circle.size_tiny .w-iconbox-icon, .w-iconbox.style_outlined.size_tiny .w-iconbox-icon { font-size: 20px; line-height: 50px; height: 50px; width: 50px; } .w-iconbox.style_circle.size_tiny .w-iconbox-icon img, .w-iconbox.style_outlined.size_tiny .w-iconbox-icon img { max-width: 20px; } .w-iconbox.style_circle.size_tiny.iconpos_left .w-iconbox-title, .w-iconbox.style_circle.size_tiny.iconpos_left .w-iconbox-text, .w-iconbox.style_outlined.size_tiny.iconpos_left .w-iconbox-title, .w-iconbox.style_outlined.size_tiny.iconpos_left .w-iconbox-text { margin-left: 70px; } /* SIZE: small */ .w-iconbox.no_text.size_small { max-width: 70px; } .w-iconbox.size_small .w-iconbox-icon { font-size: 36px; } .w-iconbox.style_default.size_small .w-iconbox-icon img { max-width: 36px; } .w-iconbox.size_small.iconpos_left .w-iconbox-title, .w-iconbox.size_small.iconpos_left .w-iconbox-text { margin-left: 55px; } .w-iconbox.style_circle.size_small .w-iconbox-icon, .w-iconbox.style_outlined.size_small .w-iconbox-icon { font-size: 28px; line-height: 70px; height: 70px; width: 70px; } .w-iconbox.style_circle.size_small .w-iconbox-icon img, .w-iconbox.style_outlined.size_small .w-iconbox-icon img { max-width: 28px; } .w-iconbox.style_circle.size_small.iconpos_left .w-iconbox-title, .w-iconbox.style_circle.size_small.iconpos_left .w-iconbox-text, .w-iconbox.style_outlined.size_small.iconpos_left .w-iconbox-title, .w-iconbox.style_outlined.size_small.iconpos_left .w-iconbox-text { margin-left: 95px; } /* SIZE: medium */ .w-iconbox.no_text.size_medium { max-width: 90px; } .w-iconbox.size_medium .w-iconbox-icon { font-size: 48px; } .w-iconbox.style_default.size_medium .w-iconbox-icon img { max-width: 48px; } .w-iconbox.size_medium.iconpos_left .w-iconbox-title, .w-iconbox.size_medium.iconpos_left .w-iconbox-text { margin-left: 70px; } .w-iconbox.style_circle.size_medium .w-iconbox-icon, .w-iconbox.style_outlined.size_medium .w-iconbox-icon { font-size: 36px; line-height: 90px; height: 90px; width: 90px; } .w-iconbox.style_circle.size_medium .w-iconbox-icon img, .w-iconbox.style_outlined.size_medium .w-iconbox-icon img { max-width: 36px; } .w-iconbox.style_circle.size_medium.iconpos_left .w-iconbox-title, .w-iconbox.style_circle.size_medium.iconpos_left .w-iconbox-text, .w-iconbox.style_outlined.size_medium.iconpos_left .w-iconbox-title, .w-iconbox.style_outlined.size_medium.iconpos_left .w-iconbox-text { margin-left: 115px; } /* SIZE: large */ .w-iconbox.no_text.size_large { max-width: 110px; } .w-iconbox.size_large .w-iconbox-icon { font-size: 70px; } .w-iconbox.style_default.size_large .w-iconbox-icon img { max-width: 70px; } .w-iconbox.size_large.iconpos_left .w-iconbox-title, .w-iconbox.size_large.iconpos_left .w-iconbox-text { margin-left: 95px; } .w-iconbox.style_circle.size_large .w-iconbox-icon, .w-iconbox.style_outlined.size_large .w-iconbox-icon { font-size: 46px; line-height: 110px; height: 110px; width: 110px; } .w-iconbox.style_circle.size_large .w-iconbox-icon img, .w-iconbox.style_outlined.size_large .w-iconbox-icon img { max-width: 46px; } .w-iconbox.style_circle.size_large.iconpos_left .w-iconbox-title, .w-iconbox.style_circle.size_large.iconpos_left .w-iconbox-text, .w-iconbox.style_outlined.size_large.iconpos_left .w-iconbox-title, .w-iconbox.style_outlined.size_large.iconpos_left .w-iconbox-text { margin-left: 135px; } /* SIZE: huge */ .w-iconbox.no_text.size_huge { max-width: 130px; } .w-iconbox.size_huge .w-iconbox-icon { font-size: 90px; line-height: 100px; } .w-iconbox.style_default.size_huge .w-iconbox-icon img { max-width: 90px; } .w-iconbox.size_huge.iconpos_left .w-iconbox-title, .w-iconbox.size_huge.iconpos_left .w-iconbox-text { margin-left: 115px; } .w-iconbox.style_circle.size_huge .w-iconbox-icon, .w-iconbox.style_outlined.size_huge .w-iconbox-icon { font-size: 56px; line-height: 130px; height: 130px; width: 130px; } .w-iconbox.style_circle.size_huge .w-iconbox-icon img, .w-iconbox.style_outlined.size_huge .w-iconbox-icon img { max-width: 56px; } .w-iconbox.style_circle.size_huge.iconpos_left .w-iconbox-title, .w-iconbox.style_circle.size_huge.iconpos_left .w-iconbox-text, .w-iconbox.style_outlined.size_huge.iconpos_left .w-iconbox-title, .w-iconbox.style_outlined.size_huge.iconpos_left .w-iconbox-text { margin-left: 160px; } /* Single Image ========================================================================== */ .w-image { line-height: 0; margin-bottom: 20px; } .w-image.align_left { float: left; margin-right: 20px; } .w-image.align_right { float: right; margin-left: 20px; } .w-image.align_center { clear: both; text-align: center; } .one-half .w-image, .one-third .w-image, .two-thirds .w-image, .one-quarter .w-image, .three-quarters .w-image { margin-bottom: 20px; } .w-image:last-child, .l-section.width_full .g-cols > .full-width > .w-image { margin-bottom: 0 !important; } /* Lang ========================================================================== */ .w-lang { display: inline-block; vertical-align: middle; line-height: 36px; margin-left: 15px; } .w-lang.layout_dropdown .w-lang-list { padding-top: 32px; padding-bottom: 4px; min-width: 100%; box-sizing: content-box; box-shadow: 0 0 0 0 rgba(0,0,0,0); transition: box-shadow 0.3s; } .w-lang.layout_dropdown.active .w-lang-list { box-shadow: 0 0 1px 1px rgba(0,0,0,0.08); } .w-lang-item { padding: 0 30px 0 12px; transition: color 0.3s; } .w-lang-list .w-lang-item { line-height: 28px; padding-right: 12px; color: inherit; opacity: 0; } .w-lang.active .w-lang-list .w-lang-item { opacity: 1; } .w-lang-item-title { font-size: 13px; } .w-lang-item-icon { margin-right: 6px; } .w-lang-current { position: relative; cursor: pointer; } .w-lang-current .w-lang-item:before { display: block; content: "\f107"; position: absolute; top: 0; right: 10px; font-size: 20px; font-family: fontawesome; cursor: pointer; } .w-lang.layout_dropdown.active .w-lang-current, .w-lang.layout_dropdown.active .w-lang-list { z-index: 1; } /* Load More ========================================================================== */ .g-loadmore { text-align: center; position: relative; } .g-loadmore.done { display: none; } .g-loadmore-btn { font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 20px; cursor: pointer; position: relative; z-index: 1; transition: background-color 0.3s, opacity 0.3s; } .l-section.height_auto.width_full .g-loadmore-btn { padding: 30px; } .g-loadmore.loading .g-loadmore-btn { opacity: 0; } .l-section.color_primary .g-loadmore-btn, .l-section.color_secondary .g-loadmore-btn, .l-section.color_custom .g-loadmore-btn { background-color: rgba(255,255,255,0.12); } .no-touch .l-section.color_primary .g-loadmore-btn:hover, .no-touch .l-section.color_secondary .g-loadmore-btn:hover, .no-touch .l-section.color_custom .g-loadmore-btn:hover { background-color: rgba(255,255,255,0.2); } .g-loadmore .g-preloader { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; opacity: 0; transition: opacity 0.3s; } .g-loadmore.loading .g-preloader { opacity: 1; } /* Logo ========================================================================== */ .w-logo { float: left; } .l-header.layout_centered .w-logo { float: none !important; } .w-logo-link { color: inherit; } .w-logo-img { max-width: 200px; transition: height 0.3s; } .w-logo img { display: block; height: inherit; min-height: 20px; max-width: none; width: auto; transition: margin 0.3s, opacity 0.3s; } .w-logo img.for_tablets { display: none; max-height: 80px; } .w-logo img.for_mobiles { display: none; max-height: 50px; } /* Enable additional logo image for transparent header */ .w-logo.with_transparent img.for_transparent, .l-header.transparent .w-logo.with_transparent img.for_default { opacity: 0; } .l-header.transparent .w-logo.with_transparent img.for_transparent { opacity: 1; } /* Enable additional logo image for tablets */ @media (max-width: 900px) and (min-width: 601px) { .w-logo.with_tablets img.for_default, .w-logo.with_tablets img.for_transparent { display: none; } .w-logo.with_tablets img.for_tablets { display: block; } } /* Enable additional logo image for mobiles */ @media (max-width: 600px) { .w-logo.with_mobiles img.for_default, .w-logo.with_mobiles img.for_transparent { display: none; } .w-logo.with_mobiles img.for_mobiles { display: block; } } /* Logos ========================================================================== */ .w-logos-item { display: block; border-radius: 5px; } .w-logos.with_indents .w-logos-item { padding: 30px; } .w-logos-item img { display: block; margin: 0 auto; } /* STYLE: 1 */ .w-logos.style_1 .w-logos-item { border: 2px solid transparent; opacity: 0.66; transition: border-color 0.3s, opacity 0.3s; } .no-touch .w-logos.style_1 .w-logos-item:hover { opacity: 1; } /* STYLE: 2 */ .w-logos.style_2 .w-logos-item { opacity: 0.66; transition: opacity 0.3s; } .no-touch .w-logos.style_2 .w-logos-item:hover { opacity: 1; } /* TYPE: carousel */ .w-logos-list.owl-carousel .owl-stage { display: flex; align-items: center; } .w-logos-list.owl-carousel .owl-item { -webkit-backface-visibility: initial; /* fix for hover effect on Chrome */ } .w-logos.type_carousel .w-logos-item { opacity: 0; height: 0; } .w-logos.type_carousel .owl-loaded .w-logos-item { opacity: 0.66; height: auto; } .w-logos.style_3.type_carousel .owl-loaded .w-logos-item { opacity: 1; } .owl-carousel .owl-item .w-logos-item img { width: auto; } @media (max-width: 1280px) { .w-logos.nav_arrows { padding: 0 50px; } } .sidebar_left .w-logos.nav_arrows, .sidebar_right .w-logos.nav_arrows { padding: 0 50px; } .l-section.width_full .w-logos.nav_arrows { padding: 0 70px; } /* TYPE: grid */ .w-logos.type_grid .w-logos-item { display: inline-block; vertical-align: middle; width: 100%; } .w-logos.type_grid.cols_2 .w-logos-item { width: 50%; } .w-logos.type_grid.cols_3 .w-logos-item { width: 33.3333%; } .w-logos.type_grid.cols_4 .w-logos-item { width: 25%; } .w-logos.type_grid.cols_5 .w-logos-item { width: 20%; } .w-logos.type_grid.cols_6 .w-logos-item { width: 16.6666%; } .w-logos.type_grid.cols_7 .w-logos-item { width: 14.2857%; } .w-logos.type_grid.cols_7.with_indents .w-logos-item { padding: 25px; } .w-logos.type_grid.cols_8 .w-logos-item { width: 12.5%; } .w-logos.type_grid.cols_8.with_indents .w-logos-item { padding: 20px; } /* Arrows */ .w-logos .owl-prev, .w-logos .owl-next { position: absolute; top: 50%; font-size: 0; font-family: fontawesome; text-align: center; line-height: 46px; height: 50px; width: 50px; margin-top: -25px; border-radius: 50%; border: 2px solid transparent; transition: border-color 0.3s, color 0.3s; } .w-logos .owl-prev { left: -50px; } .w-logos .owl-prev:before { content: '\f104'; font-size: 30px; vertical-align: top; padding-right: 3px; } .w-logos .owl-next { right: -50px; } .w-logos .owl-next:before { content: '\f105'; font-size: 30px; vertical-align: top; padding-left: 3px; } .no-touch .color_primary .w-logos .owl-prev:hover, .no-touch .color_primary .w-logos .owl-next:hover, .no-touch .color_secondary .w-logos .owl-prev:hover, .no-touch .color_secondary .w-logos .owl-next:hover, .no-touch .color_custom .w-logos .owl-prev:hover, .no-touch .color_custom .w-logos .owl-next:hover { border-color: #fff; color: #fff; } /* Map ========================================================================== */ .w-map img { max-width: none !important; } .w-map label { display: inline; width: auto; } .gm-style .gm-style-iw > div { width: auto !important; } .gm-style-iw { color: #333; } .gm-style-iw h1, .gm-style-iw h2, .gm-style-iw h3, .gm-style-iw h4, .gm-style-iw h5, .gm-style-iw h6, .gm-style-iw p, .gm-style-iw ul, .gm-style-iw ol { margin: 0; padding: 8px 10px 4px !important; color: inherit !important; } /* Message Box ========================================================================== */ .w-message { margin-bottom: 24px; } .w-message-icon { font-size: 30px; width: 80px; opacity: 0.5; } .w-message-body { padding: 20px 25px; } .w-message.with_close .w-message-body { padding-right: 60px; } .w-message.with_icon .w-message-body { padding-left: 0; } .w-message-close { font-size: 22px; padding: 20px; opacity: 0.3; transition: opacity 0.3s; -webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */ } .no-touch .w-message-close:hover { opacity: 1; } /* Navigation (Main Menu) ========================================================================== */ .l-header .w-nav { display: inline-block; vertical-align: middle; line-height: 50px; } .l-subheader.at_bottom .w-nav.type_desktop { line-height: 40px; } .w-nav.type_desktop.height_full, .l-subheader.at_bottom .w-nav.type_desktop.height_full { line-height: inherit; } .w-nav-control { float: right; text-align: right; font-size: 21px; width: 40px; cursor: pointer; transition: color 0.3s; -webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */ } .l-subheader.at_bottom .w-nav-control { float: left; text-align: left; } .l-subheader.at_middle .w-cart + .w-nav .w-nav-control, .l-subheader.at_middle .w-search + .w-nav .w-nav-control { margin-right: 10px; } .w-nav-control:before { content: '\f0c9'; font-family: fontawesome; vertical-align: top; line-height: inherit; } .l-header .w-nav-anchor.level_1 { padding: 0 20px; color: inherit; } .w-nav-anchor.level_2, .w-nav-anchor.level_3, .w-nav-anchor.level_4 { padding: 10px 20px; } .w-nav-title i { width: 20px; } /* menu sublevel arrow */ .w-nav-arrow { display: none; position: absolute; top: 0; right: 0; font-family: fontawesome; font-size: 20px; font-weight: normal; line-height: inherit; text-align: center; width: 20px; } .w-nav-arrow:before { content: '\f107'; } .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow, .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-arrow { display: block; line-height: 40px; width: 30px; } .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow:before, .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-arrow:before { content: '\f105'; } .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-title, .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-title { padding-right: 20px; } /* menu underline hover effect */ .w-nav.type_desktop .hover_underline .w-nav-title { position: relative; } .no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after { display: block; content: ''; position: absolute; left: 0; bottom: -6px; margin: 0 auto -2px; height: 2px; width: 100%; opacity: 0; transition: all 0.3s; } .no-touch .w-nav.type_desktop .hover_underline .w-nav-item.level_1:hover .w-nav-title:after { bottom: -2px; opacity: 1; } /* menu dropdown lists */ .l-header .w-nav-list.level_2, .l-header .w-nav-list.level_3, .l-header .w-nav-list.level_4 { box-shadow: 0 8px 15px rgba(0,0,0,0.1); min-width: 200px; } .l-header .w-nav-anchor.level_2, .l-header .w-nav-anchor.level_3, .l-header .w-nav-anchor.level_4 { line-height: 20px; white-space: nowrap; transition: color 0.1s, background-color 0.1s; } /* menu dropdown columns list */ .w-nav.type_desktop [class*="columns"] .w-nav-list.level_2 { padding: 15px 0; min-width: 0; } .w-nav.type_desktop [class*="columns"] .w-nav-item.level_2 { padding: 0 15px; } .type_desktop [class*="columns"] .w-nav-list.level_3 { box-shadow: none; min-width: 0; } .type_desktop [class*="columns"] .w-nav-anchor.level_2, .type_desktop [class*="columns"] .w-nav-anchor.level_3 { white-space: normal; } .type_desktop [class*="columns"] .menu-item-has-children .w-nav-anchor.level_2 { font-weight: bold; min-height: 65px; border-bottom: 2px dotted #36b66e; margin: 0 0 8px; background-color: transparent !important; } .type_desktop [class*="columns"] .menu-item-has-children .w-nav-arrow { display: none !important; } /* menu button */ .w-logo + .w-nav.type_desktop .btn.w-nav-item.level_1:last-child { margin-right: 0; } .btn.w-nav-item .w-nav-anchor.level_1 { display: inline-block; vertical-align: middle; line-height: 40px; border-radius: 5px; border: none !important; } .no-touch .btn.w-nav-item .w-nav-anchor.level_1:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: rgba(0,0,0,0.1); transition: height 0.3s; } .no-touch .btn.w-nav-item .w-nav-anchor.level_1:hover:before { height: 100%; } .btn.w-nav-item .w-nav-anchor.level_1 .w-nav-title { position: relative; } .btn.w-nav-item .w-nav-title:after { display: none !important; } .w-nav.type_mobile .btn.w-nav-item.level_1.menu-item-has-children .w-nav-anchor.level_1 .w-nav-arrow { line-height: 40px; } .w-nav.type_mobile .btn.w-nav-item.level_1.menu-item-has-children .w-nav-anchor.level_1 .w-nav-title { padding-right: 25px; } /* TYPE: mobile */ .w-nav.type_mobile, .w-nav.type_mobile .w-nav-control { display: block; line-height: inherit; } .w-nav.type_mobile .w-nav-list.level_1 { clear: both; overflow-y: auto; padding-left: 30px; padding-right: 30px; margin-left: -40px; margin-right: -40px; } .w-nav.type_mobile .w-nav-item { float: none !important; width: 100%; line-height: 26px; text-align: left; } .w-nav.type_mobile .btn.w-nav-item { text-align: center; } .w-nav.type_mobile .w-nav-item.level_1.menu-item-has-children .w-nav-anchor.level_1 .w-nav-arrow, .w-nav.type_mobile .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow, .w-nav.type_mobile .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-arrow { display: inline-block; vertical-align: top; font-size: 26px; text-align: center; line-height: 46px; width: 50px; } .w-nav.type_mobile .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow:before, .w-nav.type_mobile .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-arrow:before { content: '\f107'; } .w-nav.type_mobile .w-nav-item.level_1.menu-item-has-children .w-nav-anchor.level_1 .w-nav-title, .w-nav.type_mobile .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-title, .w-nav.type_mobile .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-title { padding-right: 50px; } .w-nav.type_mobile .w-nav-item.level_1.open .w-nav-anchor.level_1 .w-nav-arrow, .w-nav.type_mobile .w-nav-item.level_2.open .w-nav-anchor.level_2 .w-nav-arrow, .w-nav.type_mobile .w-nav-item.level_3.open .w-nav-anchor.level_3 .w-nav-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .w-nav.type_mobile .w-nav-list.level_2, .w-nav.type_mobile .w-nav-list.level_3, .w-nav.type_mobile .w-nav-list.level_4 { display: block; position: static; box-shadow: none; } .w-nav.type_mobile .w-nav-anchor.level_1 { margin: 0; padding: 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .w-nav.type_mobile .btn.w-nav-item .w-nav-anchor.level_1 { margin: 10px 0; padding: 0 20px; } .w-nav.type_mobile .w-nav-anchor.level_2 { line-height: 26px; margin: 0; padding: 10px 0 10px 20px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .w-nav.type_mobile .w-nav-anchor.level_3 { line-height: 26px; margin: 0; padding: 10px 0 10px 30px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .w-nav.type_mobile .w-nav-anchor.level_4 { line-height: 26px; margin: 0; padding: 10px 0 10px 40px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } /* Navigation in Footer ========================================================================== */ .l-subfooter.at_bottom .w-nav { float: right; } .l-subfooter.at_bottom .w-nav-anchor.level_1 { display: inline; vertical-align: top; } .l-subfooter.at_bottom .btn.w-nav-item .w-nav-anchor.level_1 { display: inline-block; line-height: 32px; padding: 0 15px; margin-top: -6px; margin-bottom: -6px; border-radius: 3px; } .l-footer.layout_modern .l-subfooter.at_bottom .btn.w-nav-item .w-nav-anchor.level_1 { line-height: 40px; padding: 0 20px; } .l-subfooter.at_bottom .w-nav-list.level_2 { display: none !important; } /* Person ========================================================================== */ .w-person { max-width: 350px; } .w-person-content { padding-bottom: 10px; } .w-person-name { margin-bottom: 6px; } .w-person-link .w-person-name { color: inherit; transition: color 0.3s; } .w-person-role { font-size: 0.9em; margin-bottom: 10px; opacity: 0.5; } .w-person-description p { margin: 0; } .w-person-links-item { font-size: 18px; line-height: 42px; width: 42px; margin: 2px; position: relative; overflow: hidden; border-radius: 50%; color: inherit; } .l-section.color_primary .w-person-links-item, .l-section.color_secondary .w-person-links-item { box-shadow: 0 0 0 2px #fff inset; } /* LAYOUT toplinks */ .no-touch .w-person.layout_toplinks .w-person-image { overflow: hidden; border-radius: 50%; z-index: 0; } .w-person.layout_toplinks .w-person-image img { border-radius: 50%; } .w-person.layout_toplinks .w-person-links { text-align: center; height: 100%; z-index: 10; } .no-touch .w-person.layout_toplinks .w-person-links { position: absolute; top: -100%; left: 0; transition: top 0.3s; } .no-touch .w-person.layout_toplinks:hover .w-person-links { top: 0; } .no-touch .w-person.layout_toplinks .w-person-links:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .w-person.layout_toplinks .w-person-links-list { display: inline-block; vertical-align: middle; line-height: 0; padding: 10px; } .no-touch .w-person.layout_toplinks .w-person-links-list { padding: 20px; } .no-touch .w-person.layout_toplinks .w-person-links-item { font-size: 20px; line-height: 50px; width: 50px; box-shadow: 0 0 0 2px #fff inset; color: #fff !important; } .no-touch .w-person.layout_toplinks .w-person-links-item:hover { color: #333 !important; } .no-touch .w-person.layout_toplinks .w-person-links-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; transition: height 0.3s; background-color: #fff; } .no-touch .w-person.layout_toplinks .w-person-links-item:hover:before { height: 100%; } .w-person.layout_toplinks .w-person-links-item i { position: relative; vertical-align: top; line-height: inherit; } .no-touch .w-person.layout_toplinks .w-person-content { padding-top: 15px; } /* Portfolio ========================================================================== */ .w-portfolio-item-anchor { background-color: #fff; } .w-portfolio-item-meta { padding: 8%; } .w-portfolio-item-title { font-size: 20px; position: relative; z-index: 1; color: inherit !important; } .w-portfolio-item-text { font-size: 13px; line-height: 1.5; margin-top: 8px; opacity: 0.66; } .w-portfolio-item-arrow { display: block; position: absolute; top: -10px; left: 50%; margin-left: -15px; height: 24px; width: 24px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: inherit; transition: top 0.3s; } .w-portfolio-item .g-preloader { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; opacity: 0; transition: opacity 0.3s; } .w-portfolio-item.loading .g-preloader { opacity: 1; } .w-portfolio .g-pagination { margin-top: 30px; } .w-portfolio .g-pagination .prev.page-numbers, .w-portfolio .g-pagination .next.page-numbers { display: none; } /* INDENTS */ .w-portfolio.with_indents .w-portfolio-list { margin: 4px -4px; } .l-section.width_full .w-portfolio.with_indents .w-portfolio-list { margin: 4px; } .w-portfolio.with_indents .w-portfolio-item { padding: 4px; } @media (min-width: 481px) { .w-portfolio.with_indents.ratio_1x1 .w-portfolio-item.size_1x2 .w-portfolio-item-anchor:before { padding-bottom: calc(200% + 8px); } .w-portfolio.with_indents.ratio_1x1 .w-portfolio-item.size_2x1 .w-portfolio-item-anchor:before { padding-bottom: calc(50% - 4px); } .w-portfolio.with_indents.ratio_16x9 .w-portfolio-item.size_1x2 .w-portfolio-item-anchor:before { padding-bottom: calc(112.5% + 8px); } .w-portfolio.with_indents.ratio_16x9 .w-portfolio-item.size_2x1 .w-portfolio-item-anchor:before { padding-bottom: calc(28.125% - 3px); } .w-portfolio.with_indents.ratio_3x2 .w-portfolio-item.size_1x2 .w-portfolio-item-anchor:before { padding-bottom: calc(133.3333% + 8px); } .w-portfolio.with_indents.ratio_3x2 .w-portfolio-item.size_2x1 .w-portfolio-item-anchor:before { padding-bottom: calc(33.33333% - 3px); } .w-portfolio.with_indents.ratio_4x3 .w-portfolio-item.size_1x2 .w-portfolio-item-anchor:before { padding-bottom: calc(150% + 8px); } .w-portfolio.with_indents.ratio_4x3 .w-portfolio-item.size_2x1 .w-portfolio-item-anchor:before { padding-bottom: calc(37.5% - 3px); } .w-portfolio.with_indents.ratio_2x3 .w-portfolio-item.size_1x2 .w-portfolio-item-anchor:before { padding-bottom: calc(300% + 8px); } .w-portfolio.with_indents.ratio_2x3 .w-portfolio-item.size_2x1 .w-portfolio-item-anchor:before { padding-bottom: calc(75% - 4px); } .w-portfolio.with_indents.ratio_3x4 .w-portfolio-item.size_1x2 .w-portfolio-item-anchor:before { padding-bottom: calc(266.6666% + 8px); } .w-portfolio.with_indents.ratio_3x4 .w-portfolio-item.size_2x1 .w-portfolio-item-anchor:before { padding-bottom: calc(66.6666% - 4px); } } /* Widget */ .widget_us_portfolio .w-portfolio-list { margin: 0 -1px !important; } .widget_us_portfolio .w-portfolio-item { padding: 1px; } .widget_us_portfolio .w-portfolio-item-image { z-index: 0; } .widget_us_portfolio .w-portfolio-item-meta { position: absolute; left: 0; right: 0; bottom: -26px; padding: 4px 8px; text-align: center; background-color: rgba(0,0,0,0.8); color: #fff; opacity: 0; transition: bottom 0.3s 0.15s, opacity 0.3s 0.15s; } .no-touch .widget_us_portfolio .w-portfolio-item-anchor:hover .w-portfolio-item-meta { opacity: 1; bottom: 0; } .widget_us_portfolio .w-portfolio-item-meta-h { background: none; } .widget_us_portfolio .w-portfolio-item-title { font-size: 13px !important; line-height: 18px; font-weight: normal; } .widget_us_portfolio .w-portfolio-item-arrow { display: none; } /* STYLE 1 */ .w-portfolio.style_1 .w-portfolio-item-image { bottom: 60px; } .no-touch .w-portfolio.style_1 .w-portfolio-item-image { bottom: 0; transition: transform 0.35s; } .no-touch .w-portfolio.style_1 .w-portfolio-item-anchor:hover .w-portfolio-item-image { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .no-touch .w-portfolio.style_1 .w-portfolio-item-image.second { display: block; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition: transform 0.35s; } .no-touch .w-portfolio.style_1 .w-portfolio-item-anchor:hover .w-portfolio-item-image.second { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .w-portfolio.style_1 .w-portfolio-item-meta { padding: 18px 25px; } .no-touch .w-portfolio.style_1 .w-portfolio-item-meta { position: absolute; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); transition: transform 0.35s; } .no-touch .w-portfolio.style_1 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .w-portfolio.style_1 .w-portfolio-item-arrow { top: 4px; } .no-touch .w-portfolio.style_1 .w-portfolio-item-anchor:hover .w-portfolio-item-arrow { top: -10px; } /* STYLE 2 */ .no-touch .w-portfolio.style_2 .w-portfolio-item-image { transition: transform 0.35s; } .no-touch .w-portfolio.style_2 .w-portfolio-item-anchor:hover .w-portfolio-item-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .no-touch .w-portfolio.style_2 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity 0.4s; background-color: inherit; } .no-touch .w-portfolio.style_2 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.9; } .w-portfolio.style_2 .w-portfolio-item-meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 25px; background: none; transition: color 0.4s; color: #fff; } .no-touch .w-portfolio.style_2 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { color: inherit; } .w-portfolio.style_2 .w-portfolio-item-meta:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(30,30,30,0.8) 0, transparent 100%) repeat-x; transition: opacity 0.4s; } .no-touch .w-portfolio.style_2 .w-portfolio-item-anchor:hover .w-portfolio-item-meta:before { opacity: 0; } .w-portfolio.style_2 .w-portfolio-item-arrow { display: none; } /* STYLE 3 */ .w-portfolio.style_3 .w-portfolio-item-image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.66; background-color: inherit; transition: opacity 0.4s; } .no-touch .w-portfolio.style_3 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0; } .w-portfolio.style_3 .w-portfolio-item-meta { position: absolute; top: 50%; left: 0; right: 0; background: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .no-touch .w-portfolio.style_3 .w-portfolio-item-title { opacity: 1; transition: transform 0.3s, opacity 0.3s; } .no-touch .w-portfolio.style_3 .w-portfolio-item-anchor:hover .w-portfolio-item-title { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } .no-touch .w-portfolio.style_3 .w-portfolio-item-text { opacity: 0.66; transition: transform 0.3s, opacity 0.3s; } .no-touch .w-portfolio.style_3 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } .w-portfolio.style_3 .w-portfolio-item-arrow { display: none; } /* STYLE 4 */ .w-portfolio.style_4 .w-portfolio-item-image { bottom: 60px; } .no-touch .w-portfolio.style_4 .w-portfolio-item-image { bottom: 0; } .no-touch .w-portfolio.style_4 .w-portfolio-item-image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-color: inherit; transition: opacity 0.35s; } .no-touch .w-portfolio.style_4 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.8; } .no-touch .w-portfolio.style_4 .w-portfolio-item-meta { position: absolute; left: 0; right: 0; bottom: 16px; background: none; } .no-touch .w-portfolio.style_4 .w-portfolio-item-title { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); transition: transform 0.35s, opacity 0.35s; } .no-touch .w-portfolio.style_4 .w-portfolio-item-anchor:hover .w-portfolio-item-title { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .w-portfolio.style_4 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); transition: transform 0.35s, opacity 0.35s; } .no-touch .w-portfolio.style_4 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .w-portfolio.style_4 .w-portfolio-item-arrow { display: none; } /* STYLE 5 */ .w-portfolio.style_5 .w-portfolio-item-image { bottom: 60px; } .no-touch .w-portfolio.style_5 .w-portfolio-item-image { bottom: 0; transition: transform 0.4s; } .no-touch .w-portfolio.style_5 .w-portfolio-item-anchor:hover .w-portfolio-item-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .no-touch .w-portfolio.style_5 .w-portfolio-item-meta { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: transform 0.3s, opacity 0.3s; } .no-touch .w-portfolio.style_5 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { opacity: 0.9; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .w-portfolio.style_5 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .no-touch .w-portfolio.style_5 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .w-portfolio.style_5 .w-portfolio-item-arrow { display: none; } /* STYLE 6 */ .w-portfolio.style_6 .w-portfolio-item-image { bottom: 60px; } .no-touch .w-portfolio.style_6 .w-portfolio-item-image { bottom: 0; } .no-touch .style_6 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity 0.35s; } .no-touch .style_6 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { opacity: 0.9; } .no-touch .style_6 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .no-touch .style_6 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; background: none; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); transition: transform 0.35s; } .no-touch .style_6 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .style_6 .w-portfolio-item-arrow { display: none; } /* STYLE 7 */ .style_7 .w-portfolio-item-image { opacity: 0.66; } .no-touch .style_7 .w-portfolio-item-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition: transform 0.4s, opacity 0.4s; } .no-touch .style_7 .w-portfolio-item-anchor:hover .w-portfolio-item-image { opacity: 0.3; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .style_7 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 40px 44px 30px; background: none; } .style_7 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .style_7 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .style_7 .w-portfolio-item-meta:after { content: ''; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 2px solid #fff; opacity: 0; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition: transform 0.4s, opacity 0.4s; } .no-touch .style_7 .w-portfolio-item-anchor:hover .w-portfolio-item-meta:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .style_7 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); transition: transform 0.4s, opacity 0.4s; } .no-touch .style_7 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .style_7 .w-portfolio-item-arrow { display: none; } /* STYLE 8 */ .style_8 .w-portfolio-item-image { bottom: 60px; } .no-touch .style_8 .w-portfolio-item-image { bottom: 0; max-width: none; width: calc(100% + 21px); -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); transition: transform 0.4s, opacity 0.4s; } .no-touch .style_8 .w-portfolio-item-anchor:hover .w-portfolio-item-image { opacity: 0.12; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .no-touch .style_8 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: none; } .no-touch .style_8 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .no-touch .style_8 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .style_8 .w-portfolio-item-title { opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); transition: transform 0.3s, opacity 0.3s; } .no-touch .style_8 .w-portfolio-item-anchor:hover .w-portfolio-item-title { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .no-touch .style_8 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); transition: transform 0.3s, opacity 0.3s; } .no-touch .style_8 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .no-touch .style_8 .w-portfolio-item-arrow { display: none; } /* STYLE 9 */ .style_9 .w-portfolio-item-image { bottom: 60px; } .no-touch .style_9 .w-portfolio-item-image { bottom: 0; transition: transform 0.4s, opacity 0.4s; } .no-touch .style_9 .w-portfolio-item-anchor:hover .w-portfolio-item-image { opacity: 0; -webkit-transform: scale(4); -ms-transform: scale(4); transform: scale(4); } .no-touch .style_9 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: transform 0.5s, opacity 0.5s; } .no-touch .style_9 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .style_9 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .no-touch .style_9 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } /* STYLE 10 */ .style_10 .w-portfolio-item-meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 80px 30px 25px; background: none; color: #fff; } .style_10 .w-portfolio-item-meta:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(30,30,30,0.8) 0, transparent 100%) repeat-x; } .no-touch .style_10 .w-portfolio-item-meta:before { opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition: transform 0.3s, opacity 0.45s; } .no-touch .style_10 .w-portfolio-item-anchor:hover .w-portfolio-item-meta:before { opacity: 1; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .no-touch .style_10 .w-portfolio-item-title { position: relative; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); transition: transform 0.35s, opacity 0.35s; } .no-touch .style_10 .w-portfolio-item-anchor:hover .w-portfolio-item-title { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .style_10 .w-portfolio-item-text { position: relative; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); transition: transform 0.35s, opacity 0.35s; } .no-touch .style_10 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* STYLE 11 */ .style_11 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.11; transition: opacity 0.35s; background-color: inherit; } .no-touch .style_11 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.8; } .style_11 .w-portfolio-item-meta { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 30px 55px; background: none; color: #fff; transition: padding 0.35s, color 0.35s; } .no-touch .style_11 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { color: inherit; padding-bottom: 35px; } .no-touch .style_11 .w-portfolio-item-title { display: inline; margin-right: 10px; } .no-touch .style_11 .w-portfolio-item-text { display: inline; opacity: 0; transition: opacity 0.35s; } .no-touch .style_11 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; } .no-touch .style_11 .w-portfolio-item-arrow { top: auto; left: 0; right: 0; bottom: 0; height: 10px; width: auto; margin-left: 0; background-color: #fff; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); transition: transform 0.35s; } .no-touch .style_11 .w-portfolio-item-anchor:hover .w-portfolio-item-arrow { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* STYLE 12 */ .style_12 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.33; transition: opacity 0.35s; background-color: inherit; } .no-touch .style_12 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.66; } .style_12 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 60px; background: none; } .style_12 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .style_12 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .style_12 .w-portfolio-item-meta-h:before, .no-touch .style_12 .w-portfolio-item-meta-h:after { content: ''; position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; opacity: 0; transition: transform 0.35s, opacity 0.35s; } .no-touch .style_12 .w-portfolio-item-meta-h:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); } .no-touch .style_12 .w-portfolio-item-meta-h:after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); } .no-touch .style_12 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h:before, .no-touch .style_12 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h:after { opacity: 1; transform: scale(1); } .no-touch .style_12 .w-portfolio-item-title { transform: translateY(-20px); transition: transform 0.35s; } .no-touch .style_12 .w-portfolio-item-anchor:hover .w-portfolio-item-title { transform: translateY(0); } .no-touch .style_12 .w-portfolio-item-text { opacity: 0; transform: translateY(20px); transition: transform 0.35s, opacity 0.35s; } .no-touch .style_12 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; transform: translateY(0); } .style_12 .w-portfolio-item-arrow { display: none; } /* STYLE 13 */ .style_13 .w-portfolio-item-image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.33; background-color: inherit; } .style_13 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background: none; } .style_13 .w-portfolio-item-title { text-transform: uppercase; } .no-touch .style_13 .w-portfolio-item-title { padding-bottom: 15px; transform: translateY(20px); transition: transform 0.35s; } .no-touch .style_13 .w-portfolio-item-anchor:hover .w-portfolio-item-title { transform: translateY(0); } .no-touch .style_13 .w-portfolio-item-title:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 4px; opacity: 0; background-color: #fff; transform: translateY(40px); transition: transform 0.35s, opacity 0.35s; } .no-touch .style_13 .w-portfolio-item-anchor:hover .w-portfolio-item-title:after { opacity: 1; transform: translateY(0); } .style_13 .w-portfolio-item-text { margin-top: 20px; text-transform: uppercase; position: absolute; left: 30px; right: 30px; bottom: 30px; opacity: 1; } .no-touch .style_13 .w-portfolio-item-text { opacity: 0; transform: translateY(60px); transition: transform 0.35s, opacity 0.35s; } .no-touch .style_13 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 1; transform: translateY(0); } .style_13 .w-portfolio-item-arrow { display: none; } /* STYLE 14 */ .no-touch .style_14 .w-portfolio-item-image { transform: translateX(-20px) scale(1.15); transition: transform 0.35s; } .no-touch .style_14 .w-portfolio-item-anchor:hover .w-portfolio-item-image { transform: translateX(0) scale(1); } .style_14 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.33; transition: opacity 0.35s; background-color: inherit; } .no-touch .style_14 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.66; } .style_14 .w-portfolio-item-meta { background: none; position: static; padding: 0; } .style_14 .w-portfolio-item-title { text-transform: uppercase; position: absolute; left: 30px; right: 30px; bottom: 30px; } .style_14 .w-portfolio-item-text { position: absolute; z-index: 2; top: 30px; left: 30px; right: 30px; font-size: 14px; margin: 0 0 20px; text-transform: uppercase; opacity: 1; } .no-touch .style_14 .w-portfolio-item-text { opacity: 0; transform: translateX(-40px); transition: transform 0.35s, opacity 0.35s; } .no-touch .style_14 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 1; transform: translateX(0); } .style_14 .w-portfolio-item-arrow { display: none; } /* STYLE 15 */ .style_15 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.1; transition: opacity 0.35s; background-color: inherit; } .no-touch .style_15 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.8; } .style_15 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 40px; background: none; } .no-touch .style_15 .w-portfolio-item-meta-h:before, .no-touch .style_15 .w-portfolio-item-meta-h:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: transform 0.35s, opacity 0.35s; } .no-touch .style_15 .w-portfolio-item-meta-h:before { border-top: 8px solid #fff; border-bottom: 8px solid #fff; transform: scale(0, 1); } .no-touch .style_15 .w-portfolio-item-meta-h:after { border-left: 8px solid #fff; border-right: 8px solid #fff; transform: scale(1, 0); } .no-touch .style_15 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h:before, .no-touch .style_15 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h:after { opacity: 1; transform: scale(1); } .style_15 .w-portfolio-item-title { text-transform: uppercase; } .no-touch .style_15 .w-portfolio-item-title { transform: translateY(30px); transition: transform 0.35s; } .no-touch .style_15 .w-portfolio-item-anchor:hover .w-portfolio-item-title { transform: translateY(0); } .style_15 .w-portfolio-item-text { margin-top: 10px; } .no-touch .style_15 .w-portfolio-item-text { opacity: 0; transition: opacity 0.35s; } .no-touch .style_15 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; } .style_15 .w-portfolio-item-arrow { display: none; } /* STYLE 16 */ .style_16 .w-portfolio-item-image { border-radius: 50%; transform: scale(0.3); transition: transform 0.4s, border-radius 0.4s; } .style_16.ratio_initial .w-portfolio-item-image { overflow: hidden; transform-origin: 90% 90%; } .style_16.ratio_3x2 .w-portfolio-item-image { top: -25%; bottom: -25%; transform-origin: 90% 66%; } .style_16.ratio_4x3 .w-portfolio-item-image { top: -16.67%; bottom: -16.67%; transform-origin: 90% 72%; } .style_16.ratio_1x1 .w-portfolio-item-image { transform-origin: 90% 90%; } .style_16.ratio_3x4 .w-portfolio-item-image { left: -12.5%; right: -12.5%; transform: scale(0.24); transform-origin: 79.5% 92.5%; } .style_16.ratio_2x3 .w-portfolio-item-image { left: -25%; right: -25%; transform: scale(0.2); transform-origin: 73.5% 94%; } @media (min-width: 481px) { .style_16.ratio_3x2 .w-portfolio-item.size_2x1 .w-portfolio-item-image { top: -100%; bottom: -100%; transform: scale(0.15); transform-origin: 96% 56.5%; } .style_16.ratio_3x2 .w-portfolio-item.size_1x2 .w-portfolio-item-image { top: 0; bottom: 0; left: -16.67%; right: -16.67%; transform: scale(0.225); transform-origin: 77% 93.2%; } .style_16.ratio_3x2 .w-portfolio-item.size_2x2 .w-portfolio-item-image { transform: scale(0.15); transform-origin: 95.7% 76.3%; } .style_16.ratio_4x3 .w-portfolio-item.size_2x1 .w-portfolio-item-image { top: -83.3333%; bottom: -83.3333%; transform: scale(0.15); transform-origin: 95.7% 59.2%; } .style_16.ratio_4x3 .w-portfolio-item.size_1x2 .w-portfolio-item-image { top: 0; bottom: 0; left: -25%; right: -25%; transform: scale(0.2); transform-origin: 73.2% 94.3%; } .style_16.ratio_4x3 .w-portfolio-item.size_2x2 .w-portfolio-item-image { transform: scale(0.15); transform-origin: 95.8% 81.2%; } .style_16.ratio_1x1 .w-portfolio-item.size_2x1 .w-portfolio-item-image { top: -50%; bottom: -50%; transform: scale(0.15); transform-origin: 96% 66.2%; } .style_16.ratio_1x1 .w-portfolio-item.size_1x2 .w-portfolio-item-image { left: -50%; right: -50%; transform: scale(0.15); transform-origin: 66.4% 95.7%; } .style_16.ratio_1x1 .w-portfolio-item.size_2x2 .w-portfolio-item-image { transform: scale(0.15); transform-origin: 95.7% 95.7%; } } .no-touch .style_16 .w-portfolio-item-anchor:hover .w-portfolio-item-image { border-radius: 0; transform: scale(1.01); } .style_16 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 33%; background: none; transition: transform 0.4s, opacity 0.3s; } .no-touch .style_16 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { opacity: 0; transform: translate3d(-100px, -100px, 0) scale(2); } .style_16 .w-portfolio-item-title { font-weight: bold; } .style_16 .w-portfolio-item-text { margin-top: 15px; } .style_16 .w-portfolio-item-arrow { display: none; } /* STYLE 17 */ .no-touch .style_17 .w-portfolio-item-image { transform-origin: 100% 100%; transition: transform 1s, opacity 1s; } .no-touch .style_17 .w-portfolio-item-anchor:hover .w-portfolio-item-image { opacity: 0.1; transform: scale(1.3); } .style_17 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 40px; background: none; } .no-touch .style_17 .w-portfolio-item-title { transform: translateY(30px); transition: transform 0.4s; } .no-touch .style_17 .w-portfolio-item-anchor:hover .w-portfolio-item-title { transform: translateY(0); } .style_17 .w-portfolio-item-text { margin-top: 15px; opacity: 0; } .no-touch .style_17 .w-portfolio-item-text { transform: scale(0.75); transform-origin: 100% 100%; transition: transform 0.4s, opacity 0.4s; } .no-touch .style_17 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 1; transform: scale(1); } .style_17 .w-portfolio-item-arrow { display: none; } /* Preloader ========================================================================== */ .g-preloader { display: inline-block; vertical-align: top; position: relative; width: 40px; height: 40px; } .l-preloader .g-preloader { width: 60px; height: 60px; } /* TYPE 1 */ .g-preloader.type_1:before, .g-preloader.type_1:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border: 2px solid; } .g-preloader.type_1:before { opacity: 0.2; } .g-preloader.type_1:after { border-top-color: transparent; -webkit-animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6); animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6); } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* TYPE 2 */ .g-preloader.type_2:before, .g-preloader.type_2:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border: 2px solid; } .g-preloader.type_2:before { opacity: 0.2; } .g-preloader.type_2:after { border-color: transparent; border-top-color: inherit; -webkit-animation: rotation 0.8s infinite linear; animation: rotation 0.8s infinite linear; } /* TYPE 3 */ .g-preloader.type_3 .g-preloader-h { width: 60px; height: 60px; border: 30px solid; border-radius: 50%; -webkit-animation: scale 1s infinite cubic-bezier(.6,.3,.3,.6); animation: scale 1s infinite cubic-bezier(.6,.3,.3,.6); } @-webkit-keyframes scale { 0% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0); } } @keyframes scale { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } /* TYPE 4 */ .g-preloader.type_4 .g-preloader-h { width: 60px; height: 60px; border: 1px solid; border-radius: 50%; -webkit-animation: scale2 1.5s infinite ease; animation: scale2 1.5s infinite ease; } @-webkit-keyframes scale2 { 0% { -webkit-transform: scale(0.05); border-width: 30px; } 50% { -webkit-transform: scale(1); border-width: 1px; } 100% { -webkit-transform: scale(0.05); border-width: 30px; } } @keyframes scale2 { 0% { transform: scale(0.05); border-width: 30px; } 50% { transform: scale(1); border-width: 1px; } 100% { transform: scale(0.05); border-width: 30px; } } /* TYPE 5 */ .g-preloader.type_5, .g-preloader.type_5 { transform: rotate(45deg); } .g-preloader.type_5:before, .g-preloader.type_5:after, .g-preloader.type_5 .g-preloader-h:before, .g-preloader.type_5 .g-preloader-h:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: 10px solid; } .g-preloader.type_5:before { top: 0; left: 0; -webkit-animation: cubes-tl 1.2s infinite ease; animation: cubes-tl 1.2s infinite ease; } .g-preloader.type_5:after { top: 19px; left: 19px; -webkit-animation: cubes-tr 1.2s infinite ease; animation: cubes-tr 1.2s infinite ease; } .g-preloader.type_5 .g-preloader-h:before { top: 0; left: 19px; -webkit-animation: cubes-br 1.2s infinite ease; animation: cubes-br 1.2s infinite ease; } .g-preloader.type_5 .g-preloader-h:after { top: 19px; left: 0; -webkit-animation: cubes-bl 1.2s infinite ease; animation: cubes-bl 1.2s infinite ease; } @keyframes cubes-tl { 0%{ transform: translate(0px, 0px); } 20%{ transform: translate(0px, 0px); } 60%{ transform: translate(-12px, -12px) rotate(90deg); } 100%{ transform: translate(0px, 0px) rotate(180deg); } } @keyframes cubes-tr { 0%{ transform: translate(0px, 0px); } 20%{ transform: translate(0px, 0px); } 60%{ transform: translate(12px, 12px) rotate(90deg); } 100%{ transform: translate(0px, 0px) rotate(180deg); } } @keyframes cubes-br { 0%{ transform: translate(0px, 0px); } 20%{ transform: translate(0px, 0px); } 60%{ transform: translate(12px, -12px) rotate(90deg); } 100%{ transform: translate(0px, 0px) rotate(180deg); } } @keyframes cubes-bl { 0%{ transform: translate(0px, 0px); } 20%{ transform: translate(0px, 0px); } 60%{ transform: translate(-12px, 12px) rotate(90deg); } 100%{ transform: translate(0px, 0px) rotate(180deg); } } /* Pricing Table ========================================================================== */ .w-pricing { margin-bottom: 10px; } .w-pricing-item-h { margin: 10px 0; border-bottom: 1px solid; box-shadow: 1px 0 0 rgba(0,0,0,0.08) inset; } .l-submain.color_primary .w-pricing-item-h, .l-submain.color_secondary .w-pricing-item-h { border-color: rgba(255,255,255,0.33); } .w-pricing-item:first-child .w-pricing-item-h { border-radius: 8px 0 0 8px; } .w-pricing-item:last-child .w-pricing-item-h { border-radius: 0 8px 8px 0; } .w-pricing-item:first-child .w-pricing-item-h, .w-pricing-item:first-child .w-pricing-item-title, .w-pricing-item:first-child .w-pricing-item-price { box-shadow: none; } .w-pricing-item-header { margin-bottom: 20px; padding: 30px 20px; box-shadow: 1px 0 0 rgba(0,0,0,0.05) inset; } .w-pricing-item:first-child .w-pricing-item-header { border-radius: 8px 0 0 0; } .w-pricing-item:last-child .w-pricing-item-header { border-radius: 0 8px 0 0; } .w-pricing-item-title { line-height: 1; } .w-pricing-item-price { font-size: 50px; line-height: 1; font-weight: 300; } .w-pricing-item-price small { display: block; font-size: 13px; line-height: 22px; font-weight: normal; margin-top: 4px; } .w-pricing-item .w-pricing-item-features { list-style-type: none; margin: 0; } .w-pricing-item .w-pricing-item-features li { padding: 8px 20px; margin: 0; } .w-pricing-item-footer { padding: 30px 0; } /* TYPE featured */ .w-pricing-item.type_featured .w-pricing-item-h { margin: 0; position: relative; box-shadow: 0 1px 10px rgba(0,0,0,0.15); border-radius: 8px; } .w-pricing-item.type_featured .w-pricing-item-header { padding-top: 35px; border-radius: 8px 8px 0 0; box-shadow: none; color: #fff; } .w-pricing-item.type_featured .w-pricing-item-header h5 { padding-bottom: 5px; color: inherit; } .w-pricing-item.type_featured .w-pricing-item-footer { padding-bottom: 40px; } .w-pricing-item.type_featured + .w-pricing-item .w-pricing-item-h, .w-pricing-item.type_featured + .w-pricing-item .w-pricing-item-title, .w-pricing-item.type_featured + .w-pricing-item .w-pricing-item-price { box-shadow: none; } /* Profile Box ========================================================================== */ .w-profile { padding: 30px 30px 22px; text-align: center; border-radius: 5px; border: 2px solid; } .w-profile-avatar img { display: block; max-width: 100px; border-radius: 50%; margin: 0 auto 5px; } .w-profile-name { font-size: 16px; line-height: 24px; } .w-profile-link.for_user { display: block; margin-bottom: 3px; } .w-profile-link.for_logout { font-size: 13px; line-height: 20px; vertical-align: top; } /* Progress Bar ========================================================================== */ .w-progbar-bar-h { height: 100%; border-radius: inherit; transition: width 0.8s cubic-bezier(.6,.3,.3,.6); } .w-progbar.initial .w-progbar-bar-h { width: 0 !important; } .w-progbar.hide_count .w-progbar-title-count, .w-progbar.hide_count .w-progbar-bar-count { display: none !important; } /* STYLE 1 */ .w-progbar.style_1 { padding: 10px 0 15px; } .w-progbar.style_1 .w-progbar-title { display: table; width: 100%; margin-bottom: 10px !important; } .w-progbar.style_1 .w-progbar-title-text { display: table-cell; vertical-align: top; } .w-progbar.style_1 .w-progbar-title-count { display: table-cell; vertical-align: top; text-align: right; font-weight: bold; } .w-progbar.style_1 .w-progbar-bar { height: 10px; width: 100%; border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.04) inset; } .w-progbar.style_1.size_small .w-progbar-bar { height: 5px; border-radius: 3px; } .w-progbar.style_1.size_large .w-progbar-bar { height: 15px; border-radius: 8px; } .w-progbar.style_1 .w-progbar-bar-count { display: none; } /* STYLE 2 */ .w-progbar.style_2 { padding: 5px 0; position: relative; line-height: 42px; height: 42px; } .w-progbar.style_2.size_small { line-height: 34px; height: 34px; } .w-progbar.style_2.size_large { line-height: 50px; height: 50px; } .w-progbar.style_2 .w-progbar-title { position: absolute; top: 0; left: 0; right: 0; text-align: center; line-height: inherit; font-size: 14px; color: #fff !important; } .w-progbar.style_2 .w-progbar-title-text { margin-right: 5px; } .w-progbar.style_2 .w-progbar-title-count { font-weight: bold; } .w-progbar.style_2 .w-progbar-bar { height: 100%; width: 100%; border-radius: 5px; overflow: hidden; background-color: rgba(0,0,0,0.25); } .w-progbar.style_2 .w-progbar-bar-h { border-radius: 0; } .w-progbar.style_2 .w-progbar-bar-count { display: none; } /* STYLE 3 */ .w-progbar.style_3 { font-size: 0; padding: 16px 0; } .w-progbar.style_3 .w-progbar-title { display: inline-block; vertical-align: middle; font-size: 15px; padding-right: 20px; margin-bottom: 0; width: 33%; } .w-progbar.style_3 .w-progbar-title-count { display: none; } .w-progbar.style_3 .w-progbar-bar { display: inline-block; vertical-align: middle; width: 67%; height: 6px; border-radius: 3px; background-color: transparent; } .w-progbar.style_3 .w-progbar-bar:before { display: block; content: ''; width: 100%; height: inherit; margin-bottom: -6px; border-radius: inherit; box-shadow: 0 1px 0 rgba(0,0,0,0.04) inset; } .w-progbar.style_3 .w-progbar-bar-h { position: relative; } .w-progbar.style_3 .w-progbar-bar-count { display: block; position: absolute; right: -25px; top: -23px; font-size: 15px; text-align: center; line-height: 50px; height: 50px; width: 50px; border-radius: 50%; box-shadow: 0 1px 1px rgba(0,0,0,0.2); } .w-progbar.style_3.size_small .w-progbar-bar { height: 4px; border-radius: 2px; } .w-progbar.style_3.size_small .w-progbar-bar:before { margin-bottom: -4px; } .w-progbar.style_3.size_small .w-progbar-bar-count { top: -24px; } .w-progbar.style_3.size_large .w-progbar-bar { height: 8px; border-radius: 4px; } .w-progbar.style_3.size_large .w-progbar-bar:before { margin-bottom: -8px; } .w-progbar.style_3.size_large .w-progbar-bar-count { top: -22px; } /* STYLE 4 */ .w-progbar.style_4 { padding: 15px 0; } .w-progbar.style_4 .w-progbar-title { font-size: 16px; margin-bottom: 10px !important; } .w-progbar.style_4 .w-progbar-title-count { display: none; } .w-progbar.style_4 .w-progbar-bar { height: 6px; width: 100%; } .w-progbar.style_4.size_small .w-progbar-bar { height: 4px; } .w-progbar.style_4.size_large .w-progbar-bar { height: 8px; } .w-progbar.style_4 .w-progbar-bar-h { position: relative; } .w-progbar.style_4 .w-progbar-bar-count { display: block; position: absolute; right: -23px; bottom: 14px; font-size: 13px; text-align: center; line-height: 28px; height: 28px; width: 46px; border-radius: 3px; background-color: rgba(15,15,15,0.9); color: #fff; opacity: 1; transition: opacity 0.8s cubic-bezier(.6,.3,.3,.6); } .w-progbar.style_4.size_small .w-progbar-bar-count { bottom: 12px; } .w-progbar.style_4.size_large .w-progbar-bar-count { bottom: 16px; } .w-progbar.style_4 .w-progbar-bar-count:after { content: ''; position: absolute; left: 18px; bottom: -5px; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(15,15,15,0.9); } .w-progbar.style_4.initial .w-progbar-bar-count { opacity: 0; } /* STYLE 5 */ .w-progbar.style_5 { padding: 10px 0 20px; } .w-progbar.style_5 .w-progbar-title { display: table; width: 100%; margin-bottom: 15px !important; } .w-progbar.style_5 .w-progbar-title-text { display: table-cell; vertical-align: bottom; padding-right: 20px; } .w-progbar.style_5 .w-progbar-title-count { display: table-cell; vertical-align: bottom; text-align: right; font-size: 60px; font-weight: 300; line-height: 1; opacity: 0.33; } .w-progbar.style_5 .w-progbar-bar { height: 4px; width: 100%; } .w-progbar.style_5.size_small .w-progbar-bar { height: 2px; } .w-progbar.style_5.size_small .w-progbar-title-count { font-size: 50px; } .w-progbar.style_5.size_large .w-progbar-bar { height: 6px; } .w-progbar.style_5.size_large .w-progbar-title-count { font-size: 70px; } .w-progbar.style_5 .w-progbar-bar-count { display: none; } /* Search in Header ========================================================================== */ .l-subheader .w-search { display: inline-block; vertical-align: top; float: right; } .w-search-background, .w-search .w-form-message, .w-search .w-form-row-state { display: none; } .w-search .w-form-row { margin-bottom: 0; } .w-search-open { display: inline-block; vertical-align: middle; line-height: 50px; font-size: 17px; padding-left: 15px; padding-right: 1px; cursor: pointer; transition: color 0.3s, opacity 0.2s, transform 0.3s; -webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */ } .l-subheader.at_bottom .w-search-open { line-height: 40px; } .w-cart.has_items + .w-search .w-search-open { padding-right: 15px; } .w-cart.has_items + .w-search.layout_modern .w-search-open { padding-right: 1px; } .w-search-open:before { content: '\f002'; font-family: fontawesome; vertical-align: top; } .w-search-close { position: absolute; top: 0; right: 0; text-align: center; font-size: 22px; font-weight: bold; width: 40px; cursor: pointer; opacity: 0.5; transition: color 0.3s, opacity 0.2s, transform 0.3s; } .w-search-close:before { content: '\2715'; } .no-touch .w-search-close:hover { opacity: 1; } /* LAYOUT simple */ .w-search.layout_simple .w-search-open, .w-search.layout_simple .w-search-close { display: none; } .w-cart.has_items + .w-search.layout_simple { margin-right: 15px; } .w-search.layout_simple .w-form { position: relative; width: 240px; } .l-subheader.at_middle .w-search.layout_simple .w-form { margin-left: 20px; } .l-header.layout_sided .w-search.layout_simple .w-form { margin: 0 20px !important; } .l-header.transparent .w-search.layout_simple .w-form { color: inherit; } .w-search.layout_simple .w-form-row-field { position: static; } .w-search.layout_simple .w-form-row-field input { display: block; position: absolute; top: 50%; left: 0; font-size: 15px; margin-top: -20px; padding-left: 12px; padding-right: 44px; box-shadow: none !important; color: inherit; } .l-header.transparent .w-search.layout_simple .w-form-row input { background-color: rgba(0,0,0,0.2); } .w-search.layout_simple .w-form-row.for_submit { text-align: right; } .w-search.layout_simple .w-form .w-btn { padding: 0; height: 40px; width: 44px; background-color: transparent; color: inherit; opacity: 0.5; transition: opacity 0.3s, color 0.3s; } .no-touch .w-search.layout_simple .w-form .w-btn:hover { opacity: 1; } .w-search.layout_simple .w-form .w-btn:after { content: '\f002'; font-size: 18px; font-family: fontawesome; font-weight: normal; } .w-search.layout_simple .w-form .w-btn:before, .w-search.layout_simple .w-form .w-btn .g-preloader, .w-search.layout_simple .w-form .w-btn-label { display: none; } /* LAYOUT modern */ .w-search.layout_modern { position: relative; overflow: hidden; width: 32px; transition: width 0.3s; } .w-search.layout_modern.active { width: 240px; } .w-cart.has_items + .w-search.layout_modern { margin-right: 15px; } .w-search.layout_modern .w-form-row-field { position: static; } .w-search.layout_modern .w-form-row.for_submit { display: none; } .w-search.layout_modern .w-form input { display: block; position: absolute; top: 50%; left: 0; right: 0; font-size: 15px; padding-left: 12px; padding-right: 40px; margin-top: -20px; margin-left: 20px; width: 220px; box-shadow: none !important; color: inherit; opacity: 0; } .w-search.layout_modern.active .w-form input { opacity: 1; } .w-search.layout_modern .w-search-open { position: relative; z-index: 1; opacity: 1; transform: translateX(0); } .w-search.layout_modern.active .w-search-open { opacity: 0; transform: translateX(-20px); } .w-search.layout_modern .w-search-close { opacity: 0; transform: translateX(20px); } .w-search.layout_modern.active .w-search-close { z-index: 1; opacity: 0.5; transform: translateX(0); } @media (min-width: 601px) { .l-header.transparent .w-search.layout_modern .w-form { color: inherit; } .l-header.transparent .w-search.layout_modern .w-form-row input { background-color: rgba(0,0,0,0.2); } } /* LAYOUT fullwidth */ .w-search.layout_fullwidth .w-form { position: absolute; top: 0; left: -25px; right: -25px; height: 0; overflow: hidden; z-index: 100; transition: height 0.3s; } .w-search.layout_fullwidth.active .w-form { height: 100%; } .w-search.layout_fullwidth .w-form-row-label, .w-search.layout_fullwidth .w-form-row.for_submit { display: none; } .w-search.layout_fullwidth .w-form-row-field { position: static; } .w-search.layout_fullwidth .w-form-row-field input { display: block; position: absolute; top: 50%; left: 25px; font-size: 26px; line-height: 50px; height: 50px; margin-top: -25px; padding: 0; width: calc(100% - 80px); border: none; border-radius: 0; box-shadow: none !important; background-color: transparent; color: inherit; } .w-search.layout_fullwidth .w-search-close { top: 50%; right: 25px; text-align: right; line-height: 40px; margin-top: -20px; } /* LAYOUT fullscreen */ .w-search.layout_fullscreen .w-form { position: fixed; top: -100%; left: 0; right: 0; height: 100%; z-index: 100; transition: top 0.3s; } .w-search.layout_fullscreen.active .w-form { top: 0; } .w-search.layout_fullscreen .w-form:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0.95; } .w-search.layout_fullscreen .w-form-h { display: table; height: 100%; width: 100%; } .w-search.layout_fullscreen .w-form-row { display: table-cell; vertical-align: middle; text-align: center; width: 100%; } .w-search.layout_fullscreen .w-form-row-label { display: block; font-size: 24px; line-height: 1.6; } .w-search.layout_fullscreen .w-form-row-field input { font-size: 50px; line-height: 1.6; text-align: center; height: auto; width: 85%; padding: 0; border: none; border-radius: 0; box-shadow: none !important; background-color: transparent; color: inherit; } .w-search.layout_fullscreen ::-webkit-input-placeholder { opacity: 0; } .w-search.layout_fullscreen ::-moz-placeholder { opacity: 0; } .w-search.layout_fullscreen :-ms-input-placeholder { opacity: 0; } .w-search.layout_fullscreen .w-form-row.for_submit { display: none; } .w-search.layout_fullscreen .w-search-close { font-size: 40px; line-height: 100px; width: 100px; } /* Separator ========================================================================== */ .w-separator { line-height: 18px; height: 20px; padding: 2px 0; } .w-separator-h:before, .w-separator-h:after { top: 8px; } .w-separator-h i { font-size: 16px; line-height: 16px; height: 16px; width: 20px; } /* STYLE */ .w-separator.style_dashed .w-separator-h:before, .w-separator.style_dashed .w-separator-h:after { border-top-style: dashed; } .w-separator.style_dotted .w-separator-h:before, .w-separator.style_dotted .w-separator-h:after { border-top-style: dotted; } .w-separator.style_double .w-separator-h:before, .w-separator.style_double .w-separator-h:after { border-top-style: double; } /* THICK */ .w-separator.thick_2 .w-separator-h:before, .w-separator.thick_2 .w-separator-h:after { top: 7px; border-top-width: 2px; } .w-separator.thick_3 .w-separator-h:before, .w-separator.thick_3 .w-separator-h:after { top: 7px; border-top-width: 3px; } .w-separator.thick_4 .w-separator-h:before, .w-separator.thick_4 .w-separator-h:after { top: 6px; border-top-width: 4px; } .w-separator.thick_5 .w-separator-h:before, .w-separator.thick_5 .w-separator-h:after { top: 6px; border-top-width: 5px; } /* CONT text */ .w-separator.cont_text { padding: 0; } .w-separator.cont_text.thick_1 .w-separator-h:before, .w-separator.cont_text.thick_1 .w-separator-h:after { top: 10px; } .w-separator.cont_text.thick_2 .w-separator-h:before, .w-separator.cont_text.thick_2 .w-separator-h:after, .w-separator.cont_text.thick_3 .w-separator-h:before, .w-separator.cont_text.thick_3 .w-separator-h:after { top: 9px; } .w-separator.cont_text.thick_4 .w-separator-h:before, .w-separator.cont_text.thick_4 .w-separator-h:after, .w-separator.cont_text.thick_5 .w-separator-h:before, .w-separator.cont_text.thick_5 .w-separator-h:after { top: 8px; } /* TYPE invisible */ .w-separator.type_invisible { height: 0; } /* SIZE small */ .w-separator.size_small { margin: 25px 0; } .w-separator.type_invisible.size_small { margin: 10px 0; } /* SIZE medium */ .w-separator.size_medium { margin: 35px 0; } .w-separator.type_invisible.size_medium { margin: 20px 0; } /* SIZE large */ .w-separator.size_large { margin: 45px 0; } .w-separator.type_invisible.size_large { margin: 30px 0; } /* SIZE huge */ .w-separator.size_huge { margin: 65px 0; } .w-separator.type_invisible.size_huge { margin: 50px 0; } /* Improvements for color sections */ .l-section.color_primary .w-separator.color_border, .l-section.color_secondary .w-separator.color_border { border-color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.5); } /* Sharing ========================================================================== */ .w-sharing { font-size: 0; } .w-sharing-item { display: inline-block; vertical-align: top; position: relative; text-align: center; line-height: 24px; color: inherit; } .no-touch .w-sharing-item:hover { color: inherit; } .w-sharing-icon { display: inline-block; vertical-align: top; position: relative; min-width: 16px; } .w-sharing-icon:before { font-family: fontawesome; vertical-align: top; line-height: inherit; } .w-sharing-item.facebook .w-sharing-icon:before { content: '\f09a'; } .w-sharing-item.twitter .w-sharing-icon:before { content: '\f099'; } .w-sharing-item.gplus .w-sharing-icon:before { content: '\f0d5'; } .w-sharing-item.linkedin .w-sharing-icon:before { content: '\f0e1'; } .w-sharing-item.pinterest .w-sharing-icon:before { content: '\f0d2'; } .w-sharing-count { display: inline-block; vertical-align: top; position: relative; font-size: 14px; margin-left: 8px; } .w-sharing.counters_hide .w-sharing-count { display: none; } /* TYPE simple */ .w-sharing.type_simple .w-sharing-item { padding: 2px 14px 2px 16px; border-width: 0 2px 0 0; border-style: solid; transition: none; } .w-sharing.type_simple .w-sharing-item:first-child { padding-left: 0; } .w-sharing.type_simple .w-sharing-item:last-child { padding-right: 0; border: none; } .w-sharing.type_simple .w-sharing-icon { font-size: 20px; opacity: 0.33; width: 26px; transition: opacity 0.3s, color 0.3s; } .no-touch .w-sharing.type_simple .w-sharing-item:hover .w-sharing-icon { opacity: 1; } /* TYPE solid & outlined */ .w-sharing.type_solid .w-sharing-item, .w-sharing.type_outlined .w-sharing-item { padding: 4px 12px; margin-right: 4px; border-radius: 5px; overflow: hidden; min-width: 50px; } .w-sharing.type_solid .w-sharing-item:last-child, .w-sharing.type_outlined .w-sharing-item:last-child { margin-right: 0; } .w-sharing.type_solid .w-sharing-icon, .w-sharing.type_outlined .w-sharing-icon { font-size: 17px; } .no-touch .w-sharing.type_solid .w-sharing-item:before, .no-touch .w-sharing.type_outlined .w-sharing-item:before, .no-touch .w-sharing.type_fixed .w-sharing-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: rgba(0,0,0,0.1); transition: height 0.3s; } .no-touch .w-sharing.type_solid .w-sharing-item:hover:before, .no-touch .w-sharing.type_outlined .w-sharing-item:hover:before, .no-touch .w-sharing.type_fixed .w-sharing-item:hover:before { height: 100%; } .w-sharing.type_solid .w-sharing-item, .no-touch .w-sharing.type_outlined .w-sharing-item:hover { color: #fff; } /* TYPE fixed */ .w-sharing.type_fixed { position: fixed; top: 50%; margin-top: -100px; z-index: 111; } .w-sharing.type_fixed.align_left { left: 0; } .w-sharing.type_fixed.align_right { right: 0; } .w-sharing.type_fixed.align_center { top: auto; left: 50%; bottom: 0; margin-top: 0; margin-left: -100px; } .w-sharing.type_fixed .w-sharing-item { font-size: 18px; line-height: 40px; padding: 0 15px; margin: 0; color: #fff; } .w-sharing.type_fixed.align_left .w-sharing-item, .w-sharing.type_fixed.align_right .w-sharing-item { display: block; padding: 0; width: 40px; } .w-sharing.type_fixed.align_left .w-sharing-count, .w-sharing.type_fixed.align_right .w-sharing-count { display: block; font-size: 12px; line-height: 12px; margin: -2px 0 0; padding-bottom: 8px; } /* Facebook */ .w-sharing.type_solid .w-sharing-item.facebook, .w-sharing.type_fixed .w-sharing-item.facebook, .w-sharing.type_outlined .w-sharing-item.facebook:before { background-color: #42599e; } .w-sharing.type_outlined .w-sharing-item.facebook { box-shadow: 0 0 0 2px #42599e inset; color: #42599e; } .no-touch .w-sharing.type_simple .w-sharing-item.facebook:hover .w-sharing-icon { color: #42599e; } /* Twitter */ .w-sharing.type_solid .w-sharing-item.twitter, .w-sharing.type_fixed .w-sharing-item.twitter, .w-sharing.type_outlined .w-sharing-item.twitter:before { background-color: #55acee; } .w-sharing.type_outlined .w-sharing-item.twitter { box-shadow: 0 0 0 2px #55acee inset; color: #55acee; } .no-touch .w-sharing.type_simple .w-sharing-item.twitter:hover .w-sharing-icon { color: #55acee; } /* Google+ */ .w-sharing.type_solid .w-sharing-item.gplus, .w-sharing.type_fixed .w-sharing-item.gplus, .w-sharing.type_outlined .w-sharing-item.gplus:before { background-color: #db4437; } .w-sharing.type_outlined .w-sharing-item.gplus { box-shadow: 0 0 0 2px #db4437 inset; color: #db4437; } .no-touch .w-sharing.type_simple .w-sharing-item.gplus:hover .w-sharing-icon { color: #db4437; } /* LinkedIn */ .w-sharing.type_solid .w-sharing-item.linkedin, .w-sharing.type_fixed .w-sharing-item.linkedin, .w-sharing.type_outlined .w-sharing-item.linkedin:before { background-color: #0077b5; } .w-sharing.type_outlined .w-sharing-item.linkedin { box-shadow: 0 0 0 2px #0077b5 inset; color: #0077b5; } .no-touch .w-sharing.type_simple .w-sharing-item.linkedin:hover .w-sharing-icon { color: #0077b5; } /* Pinterest */ .w-sharing.type_solid .w-sharing-item.pinterest, .w-sharing.type_fixed .w-sharing-item.pinterest, .w-sharing.type_outlined .w-sharing-item.pinterest:before { background-color: #cb2027; } .w-sharing.type_outlined .w-sharing-item.pinterest { box-shadow: 0 0 0 2px #cb2027 inset; color: #cb2027; } .no-touch .w-sharing.type_simple .w-sharing-item.pinterest:hover .w-sharing-icon { color: #cb2027; } /* Social Links ========================================================================== */ .w-socials-item { margin: 2px 4px 2px 0; } .w-socials.align_center .w-socials-item { margin: 2px; } .w-socials.align_right .w-socials-item { margin: 2px 0 4px 2px; } .w-socials-item-link { font-size: 17px; line-height: 36px; height: 36px; width: 36px; border-radius: 5px; color: inherit; } .l-subfooter.at_top .w-socials-item-link { color: inherit; } .w-socials-item-link:hover { border: none !important; color: #fff !important; } .w-socials-item-link-hover { bottom: auto; height: 0; transition: height 0.3s; } .w-socials-item-link:hover .w-socials-item-link-hover { height: 100%; } .w-socials-item-link:after { font-family: fontawesome; } .w-socials-item-popup { font-size: 13px; line-height: 20px; padding: 3px 10px 4px; bottom: 42px; border-radius: 3px; transition: opacity 0.3s cubic-bezier(.78,.13,.15,.86) 0.3s, transform 0.3s cubic-bezier(.78,.13,.15,.86) 0.3s; } .w-socials-item-popup:after { left: 10px; } /* SIZE medium */ .w-socials.size_medium .w-socials-item-link { font-size: 20px; line-height: 46px; height: 46px; width: 46px; } .w-socials.size_medium .w-socials-item-popup { bottom: 52px; } /* SIZE large */ .w-socials.size_large .w-socials-item-link { font-size: 24px; line-height: 54px; height: 54px; width: 54px; } .w-socials.size_large .w-socials-item-popup { bottom: 62px; } /* Email */ .w-socials.style_colored .w-socials-item.email .w-socials-item-link { color: #697277; } .w-socials-item.email .w-socials-item-link-hover { background-color: #697277; } .w-socials-item.email .w-socials-item-link:after { content: '\f0e0'; } /* RSS */ .w-socials.style_colored .w-socials-item.rss .w-socials-item-link { color: #ff9702; } .w-socials-item.rss .w-socials-item-link-hover { background-color: #ff9702; } .w-socials-item.rss .w-socials-item-link:after { content: '\f09e'; } /* Facebook */ .w-socials.style_colored .w-socials-item.facebook .w-socials-item-link { color: #42599e; } .w-socials-item.facebook .w-socials-item-link-hover { background-color: #42599e; } .w-socials-item.facebook .w-socials-item-link:after { content: '\f09a'; } /* Twitter */ .w-socials.style_colored .w-socials-item.twitter .w-socials-item-link { color: #55acee; } .w-socials-item.twitter .w-socials-item-link-hover { background-color: #55acee; color: #fff; } .w-socials-item.twitter .w-socials-item-link:after { content: '\f099'; } /* Google+ */ .w-socials.style_colored .w-socials-item.google .w-socials-item-link { color: #db4437; } .w-socials-item.google .w-socials-item-link-hover { background-color: #db4437; } .w-socials-item.google .w-socials-item-link:after { content: '\f0d5'; } /* LinkedIn */ .w-socials.style_colored .w-socials-item.linkedin .w-socials-item-link { color: #117eb9; } .w-socials-item.linkedin .w-socials-item-link-hover { background-color: #117eb9; } .w-socials-item.linkedin .w-socials-item-link:after { content: '\f0e1'; } /* YouTube */ .w-socials.style_colored .w-socials-item.youtube .w-socials-item-link { color: #cd201f; } .w-socials-item.youtube .w-socials-item-link-hover { background-color: #cd201f; } .w-socials-item.youtube .w-socials-item-link:after { content: '\f16a'; } /* Vimeo */ .w-socials.style_colored .w-socials-item.vimeo .w-socials-item-link { color: #1ab7ea; } .w-socials-item.vimeo .w-socials-item-link-hover { background-color: #1ab7ea; } .w-socials-item.vimeo .w-socials-item-link:after { content: '\f27d'; } /* Skype */ .w-socials.style_colored .w-socials-item.skype .w-socials-item-link { color: #00aff0; } .w-socials-item.skype .w-socials-item-link-hover { background-color: #00aff0; } .w-socials-item.skype .w-socials-item-link:after { content: '\f17e'; } /* Flickr */ .w-socials.style_colored .w-socials-item.flickr .w-socials-item-link { color: #ff0084; } .w-socials-item.flickr .w-socials-item-link-hover { background-color: #ff0084; } .w-socials-item.flickr .w-socials-item-link:after { content: '\f16e'; } /* Pinterest */ .w-socials.style_colored .w-socials-item.pinterest .w-socials-item-link { color: #cb2027; } .w-socials-item.pinterest .w-socials-item-link-hover { background-color: #cb2027; } .w-socials-item.pinterest .w-socials-item-link:after { content: '\f0d2'; } /* Tumblr */ .w-socials.style_colored .w-socials-item.tumblr .w-socials-item-link { color: #37465d; } .w-socials-item.tumblr .w-socials-item-link-hover { background-color: #37465d; } .w-socials-item.tumblr .w-socials-item-link:after { content: '\f173'; } /* Dribbble */ .w-socials.style_colored .w-socials-item.dribbble .w-socials-item-link { color: #ea4c89; } .w-socials-item.dribbble .w-socials-item-link-hover { background-color: #ea4c89; } .w-socials-item.dribbble .w-socials-item-link:after { content: '\f17d'; } /* Vkontakte */ .w-socials.style_colored .w-socials-item.vk .w-socials-item-link { color: #4c75a3; } .w-socials-item.vk .w-socials-item-link-hover { background-color: #4c75a3; } .w-socials-item.vk .w-socials-item-link:after { content: '\f189'; } /* Instagram */ .w-socials.style_colored .w-socials-item.instagram .w-socials-item-link { color: #a17357; } .w-socials-item.instagram .w-socials-item-link-hover { background-color: #a17357; } .w-socials-item.instagram .w-socials-item-link:after { content: '\f16d'; } /* Behance */ .w-socials.style_colored .w-socials-item.behance .w-socials-item-link { color: #1769ff; } .w-socials-item.behance .w-socials-item-link-hover { background-color: #1769ff; } .w-socials-item.behance .w-socials-item-link:after { content: '\f1b4'; } /* Xing */ .w-socials.style_colored .w-socials-item.xing .w-socials-item-link { color: #006464; } .w-socials-item.xing .w-socials-item-link-hover { background-color: #006464; } .w-socials-item.xing .w-socials-item-link:after { content: '\f168'; } /* Yelp */ .w-socials.style_colored .w-socials-item.yelp .w-socials-item-link { color: #c41200; } .w-socials-item.yelp .w-socials-item-link-hover { background-color: #c41200; } .w-socials-item.yelp .w-socials-item-link:after { content: '\f1e9'; } /* Twitch */ .w-socials.style_colored .w-socials-item.twitch .w-socials-item-link { color: #6441a5; } .w-socials-item.twitch .w-socials-item-link-hover { background-color: #6441a5; } .w-socials-item.twitch .w-socials-item-link:after { content: '\f1e8'; } /* SoundCloud */ .w-socials.style_colored .w-socials-item.soundcloud .w-socials-item-link { color: #ff5600; } .w-socials-item.soundcloud .w-socials-item-link-hover { background-color: #ff5600; } .w-socials-item.soundcloud .w-socials-item-link:after { content: '\f1be'; } /* DeviantArt */ .w-socials.style_colored .w-socials-item.deviantart .w-socials-item-link { color: #05cc47; } .w-socials-item.deviantart .w-socials-item-link-hover { background-color: #637768; } .w-socials-item.deviantart .w-socials-item-link:after { content: '\f1bd'; } /* Foursquare */ .w-socials.style_colored .w-socials-item.foursquare .w-socials-item-link { color: #fa4b7a; } .w-socials-item.foursquare .w-socials-item-link-hover { background-color: #fa4b7a; } .w-socials-item.foursquare .w-socials-item-link:after { content: '\f180'; } /* Github */ .w-socials.style_colored .w-socials-item.github .w-socials-item-link { color: #333; } .w-socials-item.github .w-socials-item-link-hover { background-color: #333; } .w-socials-item.github .w-socials-item-link:after { content: '\f09b'; } /* Odnoklassniki */ .w-socials.style_colored .w-socials-item.odnoklassniki .w-socials-item-link { color: #f58220; } .w-socials-item.odnoklassniki .w-socials-item-link-hover { background-color: #f58220; } .w-socials-item.odnoklassniki .w-socials-item-link:after { content: '\f263'; } /* 500px */ .w-socials.style_colored .w-socials-item.s500px .w-socials-item-link { color: #222; } .w-socials-item.s500px .w-socials-item-link-hover { background-color: #222; } .w-socials-item.s500px .w-socials-item-link:after { content: '\f26e'; } /* Houzz */ .w-socials.style_colored .w-socials-item.houzz .w-socials-item-link { color: #7ac142; } .w-socials-item.houzz .w-socials-item-link-hover { background-color: #7ac142; } .w-socials-item.houzz .w-socials-item-link:after { content: '\f27c'; } /* w-socials in header */ .l-subheader .w-socials { display: inline-block; vertical-align: top; margin-left: 15px; } .l-subheader.at_top .w-socials { float: right; } .l-subheader .w-socials-item { vertical-align: middle; margin: 0; } .l-subheader .w-socials-item .w-socials-item-link { font-size: 17px; line-height: 36px; height: 36px; width: 36px; border-radius: 0; box-shadow: none !important; background: none !important; color: inherit; } .l-subheader .w-socials-item-popup { display: none !important; } /* Tabs (w-tabs layout_default) ========================================================================== */ .w-tabs-list { overflow: hidden; } .w-tabs.layout_default .w-tabs-item { float: left; line-height: 26px; padding: 15px 25px; border-top: 2px solid transparent; transition: background-color 0.3s, border-color 0.3s, color 0.3s; } .no-touch .w-tabs.layout_default .w-tabs-item:hover { background-color: rgba(0,0,0,0.025); } .w-tabs.layout_default .w-tabs-item i, .w-tabs.layout_default .w-tabs-item-title { font-size: 18px; line-height: inherit; } .w-tabs.layout_default .w-tabs-item.with_icon i + .w-tabs-item-title, .w-tabs.layout_default .w-tabs-item.with_icon .w-tabs-item-title + i { margin-left: 10px; } .w-tabs.layout_default .w-tabs-section-content-h { margin-top: 30px; } /* Accordion */ .w-tabs.accordion .w-tabs-section { border-style: solid; border-width: 1px 0 0 0; } .w-tabs.accordion .w-tabs-section:last-child { border-bottom-width: 1px; } .w-tabs.accordion .w-tabs-section.color_custom { border-color: transparent; } .w-tabs-section-header { text-align: left; padding: 15px 20px; transition: background-color 0.3s, color 0.3s; } .no-touch .w-tabs.accordion .w-tabs-section-header:hover { background-color: rgba(0,0,0,0.04); } .no-touch .w-tabs.accordion .active .w-tabs-section-header:hover { background-color: rgba(0,0,0,0.0); } .no-touch .w-tabs.accordion.type_togglable .active .w-tabs-section-header:hover { background-color: rgba(0,0,0,0.04); } .w-tabs-section.active .w-tabs-section-header { background-color: transparent; } .w-tabs-section.color_custom.active .w-tabs-section-header { color: inherit !important; } .w-tabs-section-header i { font-size: 20px; line-height: 30px; } .w-tabs-section-title { line-height: 30px; padding: 0 !important; margin-bottom: 0 !important; color: inherit; max-width: calc(100% - 40px); } .w-tabs-section.with_icon i + .w-tabs-section-title, .w-tabs-section.with_icon .w-tabs-section-title + i { margin-left: 15px; } .w-tabs-section-control { top: 50%; font-family: fontawesome; line-height: 30px; height: 30px; width: 30px; margin-top: -15px; text-align: center; transition: transform 0.3s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .w-tabs-section.active .w-tabs-section-control { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .w-tabs.accordion .w-tabs-section-content-h { padding: 20px 20px 30px; margin-top: 0 !important; margin-bottom: 0 !important; } /* ICON chevron */ .w-tabs.icon_chevron .w-tabs-section-control:before { content: '\f107'; font-size: 24px; vertical-align: top; } /* ICON plus */ .w-tabs.icon_plus .w-tabs-section-control:before { content: '\f067'; font-size: 18px; vertical-align: top; } /* ICON triangle */ .w-tabs.icon_triangle .w-tabs-section-control:before { content: '\f0d7'; font-size: 20px; vertical-align: top; } /* ICON none */ .w-tabs.icon_none .w-tabs-section-control { display: none; } /* ICONPOS right */ .w-tabs.iconpos_right .w-tabs-section-control { right: 15px; } .w-tabs.iconpos_right .w-tabs-section-header-h { padding-right: 40px; } /* ICONPOS left */ .w-tabs.iconpos_left .w-tabs-section-control { left: 15px; } .w-tabs.iconpos_left .w-tabs-section-header-h { padding-left: 40px; } /* TITLE center */ .w-tabs.accordion.title_center .w-tabs-section-header { text-align: center; } .w-tabs.accordion.title_center .w-tabs-section-header-h { padding: 0; } .w-tabs.accordion.title_center .with_icon .w-tabs-section-title { max-width: calc(100% - 70px); } .w-tabs.accordion.title_center .w-tabs-section-control { display: inline-block; vertical-align: top; position: static; margin: 0 0 0 10px; } /* TITLE right */ .w-tabs.accordion.title_right .w-tabs-section-header { text-align: right; } /* Size improvements */ .w-tabs.title_left, .w-tabs.title_right { padding: 0 !important; } .one-half .w-tabs.layout_default .w-tabs-section-title, .one-third .w-tabs.layout_default .w-tabs-section-title, .one-quarter .w-tabs.layout_default .w-tabs-section-title, .two-thirds .w-tabs.layout_default .w-tabs-section-title, .sidebar_left .w-tabs.layout_default .w-tabs-section-title, .sidebar_right .w-tabs.layout_default .w-tabs-section-title { font-size: 18px; } .l-section.width_full .full-width > .w-tabs.layout_default .w-tabs-section-content-h { margin-top: 60px; margin-bottom: 60px; } @media (min-width: 1280px) { .l-section.width_full .full-width > .w-tabs.layout_default .w-tabs-item-h { padding: 25px 35px; } .l-section.width_full .full-width > .w-tabs.layout_default .w-tabs-item-title { font-size: 20px; line-height: 30px; } .l-section.width_full .full-width > .w-tabs.layout_default .w-tabs-item i, .l-section.width_full .full-width > .w-tabs.layout_default .w-tabs-section-header i { font-size: 24px; line-height: 30px; } .l-section.width_full .full-width > .w-tabs.layout_default .w-tabs-section-header { padding: 30px 35px; } .l-section.width_full .full-width > .w-tabs.layout_default.accordion .w-tabs-section-content-h { padding-top: 30px; } } /* Tour (w-tabs layout_ver) ========================================================================== */ .w-tabs.layout_ver { display: table; width: 100%; direction: ltr; } .w-tabs.layout_ver .w-tabs-list { display: table-cell; vertical-align: top; } .w-tabs.layout_ver .w-tabs-item { line-height: 26px; padding: 15px 25px; border-width: 0 0 0 2px; border-style: solid; border-color: transparent; transition: background-color 0.3s, border-color 0.3s, color 0.3s; } .no-touch .w-tabs.layout_ver .w-tabs-item:hover { background-color: rgba(0,0,0,0.025); } .w-tabs.layout_ver .w-tabs-item i, .w-tabs.layout_ver .w-tabs-item-title { font-size: 17px; line-height: inherit; } .w-tabs.layout_ver .w-tabs-item.with_icon i + .w-tabs-item-title, .w-tabs.layout_ver .w-tabs-item.with_icon .w-tabs-item-title + i { margin-left: 10px; } .w-tabs.layout_ver .w-tabs-sections { display: table-cell; vertical-align: top; } .w-tabs.layout_ver .w-tabs-section { float: none; padding-left: 40px; } .w-tabs.layout_ver .w-tabs-section.no_indents { padding: 0 !important; } /* Fix for correct image sizing in Firefox */ .w-tabs.layout_ver .w-image img.size-full, .w-tabs.layout_ver .w-image img.size-large { width: 100%; } /* NAVPOS right */ .w-tabs.layout_ver.navpos_right { direction: rtl; } .w-tabs.layout_ver.navpos_right .w-tabs-list { direction: ltr; } .w-tabs.layout_ver.navpos_right .w-tabs-item { border-width: 0 2px 0 0; } .w-tabs.layout_ver.navpos_right .w-tabs-section { direction: ltr; padding-left: 0; padding-right: 40px; } /* TITLE */ .w-tabs.layout_ver.title_left .w-tabs-item { text-align: left; } .w-tabs.layout_ver.title_right .w-tabs-item { text-align: right; } /* NAVWIDTH */ .w-tabs.layout_ver.navwidth_auto .w-tabs-list { width: 0; } .w-tabs.layout_ver.navwidth_auto .w-tabs-item { white-space: nowrap; } .w-tabs.layout_ver.navwidth_auto .w-tabs-sections { width: 100%; } .w-tabs.layout_ver.navwidth_10 .w-tabs-list { width: 10%; } .w-tabs.layout_ver.navwidth_10 .w-tabs-sections { width: 90%; } .w-tabs.layout_ver.navwidth_20 .w-tabs-list { width: 20%; } .w-tabs.layout_ver.navwidth_20 .w-tabs-sections { width: 80%; } .w-tabs.layout_ver.navwidth_30 .w-tabs-list { width: 30%; } .w-tabs.layout_ver.navwidth_30 .w-tabs-sections { width: 70%; } .w-tabs.layout_ver.navwidth_40 .w-tabs-list { width: 40%; } .w-tabs.layout_ver.navwidth_40 .w-tabs-sections { width: 60%; } .w-tabs.layout_ver.navwidth_50 .w-tabs-list, .w-tabs.layout_ver.navwidth_50 .w-tabs-sections { width: 50%; } /* We need to measure the minimum content width */ .w-tabs.layout_ver.measure > .w-tabs-list { width: 100% !important; } .w-tabs.layout_ver.measure > .w-tabs-sections { width: 0 !important; } .w-tabs.layout_ver.measure .w-tabs-section-content { display: block !important; height: 1px; margin-bottom: -1px; overflow: hidden; min-width: 200px; } .w-tabs.layout_ver.measure .w-tabs-section.active .w-tabs-section-content { height: auto; margin-bottom: 0; } /* Accordion */ .w-tabs.layout_ver.accordion { display: block; } .w-tabs.layout_ver.accordion .w-tabs-sections { display: block; width: 100% !important; } .w-tabs.layout_ver.accordion .w-tabs-section { padding: 0 !important; } /* Timeline (w-tabs layout_timeline) ========================================================================== */ .w-tabs.layout_timeline .w-tabs-list { margin-bottom: 40px; background: none; } .w-tabs.layout_timeline .w-tabs-list:before { display: block; content: ''; position: absolute; top: 50%; left: 1px; right: 1px; height: 1px; border-top-width: 2px; border-top-style: solid; } .w-tabs.layout_timeline .w-tabs-item { line-height: 80px; height: 80px; width: 80px; min-width: 80px; overflow: hidden; z-index: 1; white-space: nowrap; border-radius: 50%; transition: color 0.3s; } .no-touch .w-tabs.layout_timeline .w-tabs-item:hover, .w-tabs.layout_timeline .w-tabs-item.active { color: #fff; } .w-tabs.layout_timeline .w-tabs-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; transition: height 0.3s; } .no-touch .w-tabs.layout_timeline .w-tabs-item:hover:before, .w-tabs.layout_timeline .w-tabs-item.active:before { height: 100%; } .w-tabs.layout_timeline .w-tabs-item-title { font-size: 17px; position: relative; } .w-tabs.layout_timeline .w-tabs-item.with_icon .w-tabs-item-title { display: none; } .w-tabs.layout_timeline .w-tabs-item.with_icon i { font-size: 24px; position: relative; } /* Accordion */ .w-tabs.layout_timeline.accordion .w-tabs-section { border: none; } .w-tabs.layout_timeline.accordion .w-tabs-section-header { margin: 0 auto; padding: 20px 0 0; width: 80px; background-color: transparent !important; } .w-tabs.layout_timeline .w-tabs-section:first-child .w-tabs-section-header { padding-top: 0; } .w-tabs.layout_timeline .w-tabs-section-header:before { display: block; content: ''; position: absolute; top: 0; left: 50%; height: 100%; width: 1px; border-left-width: 2px; border-left-style: solid; } .w-tabs.layout_timeline .w-tabs-section-header-h { text-align: center; line-height: 80px; height: 80px; width: 80px; padding: 0; overflow: hidden; position: relative; z-index: 1; border-radius: 50%; transition: color 0.3s; } .no-touch .w-tabs.layout_timeline .w-tabs-section-header-h:hover, .w-tabs.layout_timeline .w-tabs-section.active .w-tabs-section-header-h { color: #fff; } .w-tabs.layout_timeline .w-tabs-section-header-h:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; transition: height 0.3s; } .no-touch .w-tabs.layout_timeline .w-tabs-section-header-h:hover:before, .w-tabs.layout_timeline .w-tabs-section.active .w-tabs-section-header-h:before { height: 100%; } .w-tabs.layout_timeline .w-tabs-section-header i { font-size: 24px; line-height: inherit; position: relative; } .w-tabs.layout_timeline .w-tabs-section-title { font-size: 17px; line-height: inherit; white-space: inherit; position: relative; color: inherit; max-width: none; } .w-tabs.layout_timeline.accordion .w-tabs-section-content { padding: 60px 40px 40px; margin-top: -40px; border-radius: 5px; border: 2px solid; } .w-tabs.layout_timeline.accordion .w-tabs-section-content-h { padding: 0; } /* Improvements for color sections */ .l-section.color_primary .w-tabs-list, .l-section.color_primary .w-tabs-section, .l-section.color_primary .w-tabs-section-header:before, .l-section.color_secondary .w-tabs-list, .l-section.color_secondary .w-tabs-section, .l-section.color_secondary .w-tabs-section-header:before, .l-section.color_custom .w-tabs-list, .l-section.color_custom .w-tabs-section, .l-section.color_custom .w-tabs-section-header:before { border-color: rgba(255,255,255,0.5); } .l-section.color_primary .w-tabs-item .ripple, .l-section.color_secondary .w-tabs-item .ripple, .l-section.color_custom .w-tabs-item .ripple { background-color: rgba(255,255,255,0.15); } /* Tags ========================================================================== */ .g-tags { font-size: 0; } .g-tags-title { display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; margin: 5px 10px 0 0; } .g-tags > a { display: inline-block; vertical-align: top; margin: 0 3px 3px 0; padding: 3px 8px 4px; font-size: 13px; line-height: 20px; border-radius: 3px; border: 2px solid; color: inherit; } /* Testimonial ========================================================================== */ .w-testimonial blockquote { margin: 0 !important; padding: 0 !important; border: none !important; font: inherit; } .w-testimonial .w-testimonial-text { display: block; font-size: 1.2em; line-height: 1.56; font-style: italic; } .w-testimonial .w-testimonial-text p { display: inline; } .w-testimonial-person { line-height: 24px; overflow: hidden; padding-top: 15px; } .w-testimonial-person img { display: block; float: left; margin-right: 15px; height: 60px; width: 60px; border-radius: 50%; } .w-testimonial-person-name { font-weight: 600; } .w-testimonial-person-meta { font-size: 0.9em; margin-left: 8px; } /* STYLE 1 */ .w-testimonial.style_1 { padding: 30px; border-radius: 5px; transition: border-color 0.3s; border: 2px solid; } .w-testimonial.style_1 img ~ .w-testimonial-person-name { display: block; margin-top: 5px; } .w-testimonial.style_1 img ~ .w-testimonial-person-meta { margin: 0; } /* STYLE 2 */ .w-testimonial.style_2 { padding-top: 70px; position: relative; } .w-testimonial.style_2:before { content: '\201C'; position: absolute; top: 0; left: -40px; font-size: 11em; font-style: italic; font-weight: normal; line-height: 140px; } .w-testimonial.style_2 .w-testimonial-text { quotes: none; } .w-testimonial.style_2 img ~ .w-testimonial-person-name { display: block; margin-top: 5px; } .w-testimonial.style_2 img ~ .w-testimonial-person-meta { margin: 0; } /* STYLE 3 */ .w-testimonial.style_3 { padding-left: 26px; } .w-testimonial.style_3 .w-testimonial-text { font-style: normal; quotes: none; position: relative; } .w-testimonial.style_3 .w-testimonial-text:before { content: '\f10d'; font-family: fontawesome; font-size: 18px; position: absolute; top: 0; left: -25px; } .w-testimonial.style_3 .w-testimonial-text:after { content: '\f10e'; font-family: fontawesome; font-size: 18px; margin-left: 7px; } .w-testimonial.style_3 .w-testimonial-person { padding-top: 10px; } .w-testimonial.style_3 img ~ .w-testimonial-person-name { display: block; margin-top: 5px; } .w-testimonial.style_3 img ~ .w-testimonial-person-meta { margin: 0; } /* STYLE 4 */ .w-testimonial.style_4 { padding-left: 100px; position: relative; } .w-testimonial.style_4:before { content: '\f10d'; position: absolute; top: 0; left: 0; font-size: 30px; font-family: fontawesome; text-align: center; line-height: 80px; width: 80px; border-radius: 50%; } .w-testimonial.style_4 .w-testimonial-person img { float: none; position: absolute; top: 0; left: 0; height: 80px; width: 80px; margin: 0; } /* Toplink ========================================================================== */ .w-toplink { display: block; position: fixed; bottom: -52px; right: 15px; text-align: center; font-size: 30px; line-height: 48px; height: 50px; width: 50px; border-radius: 5px; z-index: 100; outline: none !important; transition: background-color 0.3s, bottom 0.3s; background-color: rgba(0,0,0,0.3); color: #fff !important; } .w-toplink.active { bottom: 15px; } .w-toplink:before { content: '\f106'; font-family: fontawesome; vertical-align: top; } /* Video ========================================================================== */ .w-video { background-color: #111; } /* Pagination ========================================================================== */ .navigation.pagination { font-size: 0; } .pagination h2 { display: none; } .pagination .page-numbers { display: inline-block; vertical-align: top; text-align: center; font-size: 17px; line-height: 50px; height: 50px; width: 50px; margin: 3px; position: relative; overflow: hidden; z-index: 1; border-radius: 50%; color: inherit; } .pagination span.page-numbers { cursor: default; } .pagination a.page-numbers { color: inherit; } .pagination .page-numbers:first-child { margin-left: 0; } .no-touch .pagination .page-numbers:hover { color: #fff; } .no-touch .pagination .page-numbers:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; transition: height 0.3s; } .no-touch .pagination .page-numbers:hover:before { height: 100%; } .pagination .page-numbers span { position: relative; } .pagination .page-numbers.current { box-shadow: none !important; color: #fff !important; } .pagination .page-numbers.dots { box-shadow: none !important; color: inherit !important; } .pagination .page-numbers.dots:before { display: none; } .pagination .page-numbers.prev, .pagination .page-numbers.next { font-size: 0; } .pagination .page-numbers.prev:after { content: '\f104'; font-family: fontawesome; font-size: 24px; padding-right: 3px; vertical-align: top; position: relative; } .pagination .page-numbers.next:after { content: '\f105'; font-family: fontawesome; font-size: 24px; padding-left: 3px; vertical-align: top; position: relative; } /* 404 page ========================================================================== */ .page-404 { text-align: center; } .page-404:before { display: inline-block; vertical-align: top; content: '\f14e'; font: 200px/1 fontawesome; margin-bottom: 5px; opacity: 0.1; } /* WordPress widgets ========================================================================== */ .widget { margin-bottom: 45px; } .widget:last-child { margin-bottom: 0; } .l-subfooter .widget { margin-bottom: 30px; } .l-content .widget ul { list-style-type: none; margin: 0; } .gallery-caption, .bypostauthor { font-size: inherit; } img#wpstats { display: none !important; } /* Archives */ .widget_archive ul li { line-height: 1.5em; padding: 7px 0 7px 18px; margin: 0; position: relative; } .widget_archive ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-family: fontawesome; font-size: 18px; opacity: 0.5; } /* Calendar */ .widget_calendar #calendar_wrap { padding: 20px; border: 2px solid; } #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 1.2em; padding: 4px 20px 14px; } #wp-calendar thead th, #wp-calendar tbody td, #wp-calendar tfoot td { padding: 0; border: none; text-align: center; line-height: 32px; } #wp-calendar thead th { font-size: 10px; font-weight: normal; border-top: none; opacity: 0.5; } #wp-calendar tbody td a { display: block; font-size: 1.2em; font-weight: bold; } #wp-calendar tbody td#today { font-size: 1.2em; font-weight: bold; } #wp-calendar td#prev { text-align: left; padding-left: 10px; } #wp-calendar td#next { text-align: right; padding-right: 10px; } /* Categories */ .widget_categories ul li { line-height: 1.5em; padding: 7px 0 7px 18px; margin: 0; position: relative; } .widget.widget_categories .children { margin: 7px 0 -7px; } .widget_categories ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-family: fontawesome; font-size: 18px; opacity: 0.5; } /* Custom Menu */ .l-main .widget_nav_menu > div { border-bottom: 1px solid; } .l-main .widget_nav_menu ul li { margin: 0; } .l-main .widget_nav_menu .menu-item a { display: block; line-height: 1.5em; position: relative; padding: 12px 20px 12px 35px; transition: color 0.1s, background-color 0.1s, border-color 0.1s; border-top: 1px solid; color: inherit; } .no-touch .l-main .widget_nav_menu a:hover { border-bottom: none; } .l-main .widget_nav_menu .menu-item.current-menu-item > a { color: #fff; } .widget_nav_menu .menu-item.current-menu-item + .menu-item > a { border-color: transparent; } .l-main .widget_nav_menu .menu-item a:before { position: absolute; top: 12px; left: 16px; content: '\f105'; font-size: 18px; font-family: fontawesome; opacity: 0.5; } .l-main .widget_nav_menu .sub-menu > .menu-item a { border: none; padding-left: 55px; } .l-main .widget_nav_menu .sub-menu > .menu-item a:before { left: 36px; } .l-main .widget_nav_menu .sub-menu .sub-menu > .menu-item a { border: none; padding-left: 75px; } .l-main .widget_nav_menu .sub-menu .sub-menu > .menu-item a:before { left: 56px; } .l-main .widget_nav_menu .menu-item a i { width: 20px; } .l-footer .widget_nav_menu ul li { line-height: 1.5em; text-align: left; padding: 7px 0 7px 18px; margin: 0; position: relative; } .l-footer .widget_nav_menu .sub-menu { margin: 7px 0 -7px; } .l-footer .widget_nav_menu .menu-item:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-size: 18px; font-family: fontawesome; opacity: 0.5; } .l-footer .widget_nav_menu .menu-item.current-menu-item > a { font-weight: bold; } /* Meta */ .widget_meta ul li { line-height: 1.5em; padding: 7px 0 7px 18px; margin: 0; position: relative; } .widget_meta ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-family: fontawesome; font-size: 18px; opacity: 0.5; } /* Pages */ .widget_pages ul li { line-height: 1.5em; padding: 7px 0 7px 18px; margin: 0; position: relative; } .widget.widget_pages ul.children { margin: 7px 0 -7px; } .widget_pages ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-family: fontawesome; font-size: 18px; opacity: 0.5; } /* Recent Comments */ .widget_recent_comments .recentcomments { line-height: 1.5em; padding: 7px 0 7px 18px; margin: 0; position: relative; } .widget_recent_comments .recentcomments:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-family: fontawesome; font-size: 18px; opacity: 0.5; } /* Recent Posts */ .widget_recent_entries ul li { line-height: 1.5em; padding: 7px 0 7px 18px; margin: 0; position: relative; } .widget_recent_entries ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-family: fontawesome; font-size: 18px; opacity: 0.5; } .widget_recent_entries ul li span { display: block; font-size: 0.9em; padding-top: 3px; opacity: 0.5; } /* RSS */ .widget_rss .widgettitle a { padding-left: 28px; position: relative; } .widget_rss .widgettitle a:first-child { display: none; } .widget_rss .widgettitle a:before { position: absolute; top: 0; left: 0; content: '\f143'; font-family: fontawesome; opacity: 0.5; } .widget_rss ul li { line-height: 1.5em; margin-bottom: 20px; } .widget_rss ul li span { display: block; padding-top: 3px; opacity: 0.5; } .widget_rss ul li cite { font-size: 0.9em; font-style: normal; opacity: 0.5; } .widget_rss ul li div { display: block; font-size: 0.9em; padding: 3px 0; } /* Search */ .widget_search .w-form-message, .widget_search .w-form-row-state, .widget_search .w-btn-label, .widget_search .w-btn:before { display: none; } .widget_search .w-form { position: relative; } .widget_search .w-form input[type="text"] { padding-right: 46px; padding-left: 12px; min-width: 100px; } .widget_search .w-form-row.for_submit { position: absolute; top: 0; right: 0; } .widget_search .w-btn { padding: 0; line-height: 38px; width: 44px; background: none !important; color: inherit !important; opacity: 0.5; transition: opacity 0.3s; } .widget_search .w-btn:hover { opacity: 1; } .widget_search .w-btn:after { content: '\f002'; font-size: 18px; font-family: fontawesome; font-weight: normal; } /* Tags */ .l-footer .widget_tag_cloud { line-height: 28px; } .l-footer .widget_tag_cloud a { color: inherit; } /* WP-captions */ .l-content .wp-caption { line-height: 0; margin: 0 0 30px; max-width: 100%; position: relative; } .l-content .wp-caption-text { display: block; font-size: 0.9em; line-height: 1.6; margin: 0; padding: 12px 16px; } .l-content .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } .l-content .wp-caption.alignleft { float: left; margin-right: 30px; } .l-content .wp-caption.alignright { float: right; margin-left: 40px; margin-right: -10px; } .l-content .wp-caption.alignleft .wp-caption-text, .l-content .wp-caption.alignright .wp-caption-text { width: calc(100% - 10px); } /* Fix for vertical centering in desktop Safari */ .no-touch .w-cart-h, .no-touch .w-contacts, .no-touch .w-iconbox-icon img, .no-touch .w-lang, .no-touch .w-lang-item-icon, .no-touch .w-lang-item-title, .no-touch .w-logo-img, .no-touch .w-search-open { vertical-align: -webkit-baseline-middle; } /* Rounded Corners ========================================================================== */ .rounded_none .w-btn, .rounded_none button, .rounded_none input, .rounded_none textarea, .rounded_none select, .rounded_none .w-actionbox, .rounded_none .w-blog-post-h, .rounded_none .w-blog-post-meta-category a, .rounded_none .w-cart-notification, .rounded_none .g-filters.style_2 .g-filters-item, .rounded_none .w-logos-item, .rounded_none .btn.w-nav-item .w-nav-anchor.level_1, .rounded_none .w-pricing-item-h, .rounded_none .w-pricing-item-header, .rounded_none .w-profile, .rounded_none .w-progbar-bar, .rounded_none .w-progbar.style_4 .w-progbar-bar-count, .rounded_none .w-sharing-item, .rounded_none .w-socials-item-link, .rounded_none .w-socials-item-popup, .rounded_none .w-tabs-section-content, .rounded_none .g-tags > a, .rounded_none .w-testimonial, .rounded_none .w-toplink, .rounded_none #lang_sel a.lang_sel_sel, .rounded_none #lang_sel_click a.lang_sel_sel, .rounded_none div.wpcf7-response-output, .rounded_none .ultimate-call-to-action, .rounded_none .flip-box-wrap .flip-box .ifb-face, .rounded_none .flip-box-wrap .flip-box .flip_link a, .rounded_none .smile-icon-timeline-wrap .timeline-wrapper .timeline-block, .rounded_none .smile-icon-timeline-wrap .timeline-feature-item.feat-item, .rounded_none .aio-icon-box, .rounded_none .ult-modal-input-wrapper .btn-modal { border-radius: 0 !important; } /* Links Hover Underline ========================================================================== */ .no-touch .links_underline .l-subfooter.at_bottom a:hover, .no-touch .links_underline .l-subfooter.at_top p a:hover, .no-touch .links_underline .l-subfooter.at_top li a:hover, .no-touch .links_underline .l-content p a:hover, .no-touch .links_underline .l-content li a:hover, .no-touch .links_underline .g-breadcrumbs a:hover, .no-touch .links_underline .w-author-name a:hover, .no-touch .links_underline .w-author-bio a:hover, .no-touch .links_underline .w-blog-post-meta a:hover, .no-touch .links_underline .w-blog.layout_related .w-blog-post-title a:hover, .no-touch .links_underline .w-blog.layout_compact .w-blog-post-title a:hover, .no-touch .links_underline .w-blog.layout_latest .w-blog-post-title a:hover, .no-touch .links_underline .w-blognav a:hover .w-blognav-title, .no-touch .links_underline .w-btn.color_transparent:hover .w-btn-label, .no-touch .links_underline .w-comments-item-meta a:hover, .no-touch .links_underline .w-comments-item-text a:hover, .no-touch .links_underline .w-comments-item-answer a:hover, .no-touch .links_underline .w-comments-pagination a:hover, .no-touch .links_underline .comment-reply-title a:hover, .no-touch .links_underline .w-contacts a:hover, .no-touch .links_underline .w-form-row-link:hover, .no-touch .links_underline .w-person-link:hover .w-person-name span, .no-touch .links_underline .w-profile-link.for_user:hover .w-profile-name, .no-touch .links_underline .w-profile-link.for_logout:hover, .no-touch .links_underline a:hover > .w-testimonial-person-name span, .no-touch .links_underline .widget li a:hover, .no-touch .links_underline #wp-calendar td a:hover, .no-touch .links_underline .l-main .widget_tag_cloud a:hover, .no-touch .links_underline #lang_sel_footer a:hover > span { border-bottom: 1px solid; } /* Global animation & effects ========================================================================== */ .animate_start { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Fade */ @keyframes fade { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade { from { opacity: 0; } to { opacity: 1; } } .animate_fade { opacity: 0; } .animate_fade.animate_start { -webkit-animation-name: fade; animation-name: fade; opacity: 1; } /* Appear From Center */ @keyframes afc { from { opacity: 0; transform: scale(0.2); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes afc { from { opacity: 0; -webkit-transform: scale(0.2); } to { opacity: 1; -webkit-transform: scale(1); } } .animate_afc { opacity: 0; } .animate_afc.animate_start { -webkit-animation-name: afc; animation-name: afc; opacity: 1; } /* Appear From Left */ @keyframes afl { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @-webkit-keyframes afl { from { opacity: 0; -webkit-transform: translateX(-50px); } to { opacity: 1; -webkit-transform: translateX(0); } } .animate_afl { opacity: 0; } .animate_afl.animate_start { -webkit-animation-name: afl; animation-name: afl; opacity: 1; } /* Appear From Right */ @keyframes afr { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } @-webkit-keyframes afr { from { opacity: 0; -webkit-transform: translateX(50px); } to { opacity: 1; -webkit-transform: translateX(0); } } .animate_afr { opacity: 0; } .animate_afr.animate_start { -webkit-animation-name: afr; animation-name: afr; opacity: 1; } /* Appear From Top */ @keyframes aft { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes aft { from { opacity: 0; -webkit-transform: translateY(-50px); } to { opacity: 1; -webkit-transform: translateY(0); } } .animate_aft { opacity: 0; } .animate_aft.animate_start { -webkit-animation-name: aft; animation-name: aft; opacity: 1; } /* Appear From Bottom */ @keyframes afb { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes afb { from { opacity: 0; -webkit-transform: translateY(50px); } to { opacity: 1; -webkit-transform: translateY(0); } } .animate_afb { opacity: 0; } .animate_afb.animate_start { -webkit-animation-name: afb; animation-name: afb; opacity: 1; } /* Width From Center */ @keyframes wfc { from { opacity: 0; transform: scaleX(0.01); } to { opacity: 1; transform: scaleX(1); } } @-webkit-keyframes wfc { from { opacity: 0; -webkit-transform: scaleX(0.01); } to { opacity: 1; -webkit-transform: scaleX(1); } } .animate_wfc { opacity: 0; } .animate_wfc.animate_start { -webkit-animation-name: wfc; animation-name: wfc; opacity: 1; } /* Height From Center */ @keyframes hfc { from { opacity: 0; transform: scaleY(0.01); } to { opacity: 1; transform: scaleY(1); } } @-webkit-keyframes hfc { from { opacity: 0; -webkit-transform: scaleY(0.01); } to { opacity: 1; -webkit-transform: scaleY(1); } } .animate_hfc { opacity: 0; } .animate_hfc.animate_start { -webkit-animation-name: hfc; animation-name: hfc; opacity: 1; } /* Animation Delays */ .d1.animate_start { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .d2.animate_start { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .d3.animate_start { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .d4.animate_start { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .d5.animate_start { -webkit-animation-delay: 1s; animation-delay: 1s; } /* Animation Speed */ .s1.animate_start { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .s2.animate_start { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .s3.animate_start { -webkit-animation-duration: 1s; animation-duration: 1s; } .s4.animate_start { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .s5.animate_start { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } /* Disable effects */ .disable_effects .animate_afc, .disable_effects .animate_aft, .disable_effects .animate_afb, .disable_effects .animate_afl, .disable_effects .animate_afr, .disable_effects .animate_wfc, .disable_effects .animate_hfc, .disable_effects .animate_rfl, .disable_effects .animate_rfr, .disable_effects .animate_rfc, .disable_effects .animate_revealgrid .animate_reveal, .vc_editor.compose-mode .animate_afc, .vc_editor.compose-mode .animate_aft, .vc_editor.compose-mode .animate_afb, .vc_editor.compose-mode .animate_afl, .vc_editor.compose-mode .animate_afr, .vc_editor.compose-mode .animate_wfc, .vc_editor.compose-mode .animate_hfc, .vc_editor.compose-mode .animate_rfl, .vc_editor.compose-mode .animate_rfr, .vc_editor.compose-mode .animate_rfc, .vc_editor.compose-mode .animate_revealgrid .animate_reveal { opacity: 1; -webkit-animation: none !important; animation: none !important; } /* Print Styles ========================================================================== */ @media print { .l-header, .l-footer { display: none; } .l-main, .l-section { padding: 0 !important; } .l-sidebar, .l-section-h { padding: 20px 0 !important; } .animate_afc, .animate_aft, .animate_afb, .animate_afl, .animate_afr, .animate_wfc, .animate_hfc, .animate_rfl, .animate_rfr, .animate_rfc, .animate_revealgrid .animate_reveal { opacity: 1 !important; -webkit-animation: none !important; animation: none !important; } } /* Magnific Popup (lightbox) ========================================================================== */ .mfp-container:after { content: '\00D7'; position: absolute; z-index: 1047; top: 0; right: 0; font-family: Arial, sans-serif; font-size: 54px; text-align: center; line-height: 80px; width: 80px; color: #fff; } .admin-bar .mfp-container:after { top: 32px; } .mfp-close, .mfp-arrow:after { display: none !important; } .mfp-arrow:before { content: '\f104'; font-family: fontawesome; font-size: 50px; width: 100%; margin-top: 45px; margin-left: 0; border: none; color: #fff; } .mfp-arrow.mfp-arrow-right:before { content: '\f105'; } .mfp-figure:after { box-shadow: 0 3px 3px rgba(0,0,0,0.1), 0 5px 8px rgba(0,0,0,0.16), 0 9px 20px rgba(0,0,0,0.16); } .mfp-preloader { font-size: 0; left: 50%; right: auto; margin: -20px 0 0 -20px; height: 40px; width: 40px; color: #fff; transition: opacity 0.2s ease 0.1s; } .mfp-s-ready .mfp-preloader { display: block; opacity: 0; } .mfp-preloader:before, .mfp-preloader:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border: 2px solid; } .mfp-preloader:before { opacity: 0.2; } .mfp-preloader:after { border-top-color: transparent; -webkit-animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6); animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6); } .mfp-title { font-size: 13px; } /* Animation */ .mfp-fade.mfp-bg { opacity: 0; transition: opacity 0.2s; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform: scale(0.5); transition: transform 0.2s, opacity 0.2s; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; transform: scale(1); } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; transform: scale(0.5); } .mfp-fade.mfp-wrap .mfp-container:after, .mfp-fade.mfp-wrap .mfp-arrow { opacity: 0 !important; transition: opacity 0.2s; } .mfp-fade.mfp-wrap.mfp-ready .mfp-container:after, .mfp-fade.mfp-wrap.mfp-ready .mfp-arrow { opacity: 0.6 !important; } .no-touch .mfp-fade.mfp-wrap.mfp-ready .mfp-arrow:hover { opacity: 1 !important; } .mfp-fade.mfp-wrap.mfp-removing .mfp-container:after, .mfp-fade.mfp-wrap.mfp-removing .mfp-arrow { opacity: 0 !important; } /* Royal Slider ========================================================================== */ .rsDefault.royalSlider { width: 100%; } .rsDefault.royalSlider.rsFullscreen { background-color: #111; color: #fff; } /* Arrows */ .rsDefault .rsArrow { display: block; position: absolute; top: 50%; cursor: pointer; z-index: 21; font-size: 50px; text-align: center; line-height: 60px; height: 60px; width: 60px; margin-top: -30px; text-shadow: 0 1px 3px rgba(0,0,0,0.3); color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .rsDefault .rsArrowLeft { left: 0; } .rsDefault .rsArrowRight { right: 0; } .rsDefault .rsArrow:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: '\f104'; font-family: fontawesome; } .rsDefault .rsArrow.rsArrowRight:after { content: '\f105'; } .rsDefault .rsArrowDisabled:after { display: none; } /* Bullets */ .rsDefault .rsBullets { float: none; clear: both; text-align: center; } .rsDefault .rsBullet { display: inline-block; vertical-align: top; width: 18px; height: 30px; box-sizing: content-box; cursor: pointer; } .rsDefault .rsBullet span { display: block; width: 4px; height: 4px; margin: 12px auto 0; opacity: 0.5; border-radius: 50%; border: 1px solid; box-sizing: content-box; } .rsDefault .rsBullet.rsNavSelected span { width: 0; height: 0; border-width: 3px; } /* Thumbnails */ .rsDefault .rsThumbsHor { width: 100%; padding-top: 4px; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 64px; height: 64px; } .rsDefault .rsThumb img { display: block; width: 100%; height: 100%; } .rsDefault .rsThumb.rsNavSelected img { opacity: 0.3; } .rsDefault .rsThumbsArrow { display: none; } /* Fullscreen button */ .rsDefault .rsFullscreenBtn { display: block; position: absolute; right: 0; top: 0; z-index: 22; cursor: pointer; font-size: 26px; text-align: center; line-height: 60px; height: 60px; width: 60px; right: 0; top: 0; text-shadow: 0 1px 3px rgba(0,0,0,0.3); color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; transition: opacity 0.3s; } .no-touch .rsDefault .rsFullscreenBtn { opacity: 0; } .no-touch .rsDefault:hover .rsFullscreenBtn { opacity: 1; } .rsDefault .rsFullscreenBtn:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: '\f0b2'; font-family: fontawesome; } .rsDefault.rsFullscreen .rsFullscreenBtn:after { content: '\00D7'; font-family: Arial, sans-serif; font-size: 46px; } /* Preloader */ .rsDefault .rsPreloader { top: 50%; left: 50%; margin: -20px 0 0 -20px; height: 40px; width: 40px; } .rsDefault .rsPreloader:before, .rsDefault .rsPreloader:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border: 2px solid; } .rsDefault .rsPreloader:before { opacity: 0.2; } .rsDefault .rsPreloader:after { border-top-color: transparent; -webkit-animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6); animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6); } /* WPML ========================================================================== */ /* Language menu item */ .l-header .menu-item-language { float: left; text-align: left; position: relative; } .l-header .menu-item-language > a { display: block; padding: 0 20px; color: inherit; transition: background-color 0.1s, color 0.1s; } .type_desktop .submenu-languages { display: none; position: absolute; z-index: 2; min-width: 100%; box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .l-header.transparent .type_desktop .w-nav-list > .menu-item-language > a { background-color: transparent !important; } .type_desktop .menu-item-language:hover .submenu-languages { display: block; } .l-header .submenu-languages .menu-item-language { float: none; line-height: 40px; white-space: nowrap; } .menu-item-language > a img.iclflag { margin-right: 7px; } .type_mobile .menu-item-language { float: none; display: inline-block; line-height: 40px; } .type_mobile .w-nav-list.level_1 > .menu-item-language { display: block; padding: 10px 0; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .type_mobile .submenu-languages { display: inline; } .type_mobile .menu-item-language > a { display: inline-block; vertical-align: top; padding: 0 10px; } /* Languages switcher */ .lang_sel_list_horizontal ul { overflow: hidden; } .lang_sel_list_horizontal li { float: left; margin: 0 15px 5px 0 !important; padding: 0 !important; } .lang_sel_list_vertical li { margin: 0 0 5px !important; padding: 0 !important; } .lang_sel_list_vertical li a, .lang_sel_list_horizontal li a { border: none !important; } #lang_sel li, #lang_sel_click li { padding: 0; margin: 0; position: relative; } #lang_sel a, #lang_sel_click a { display: block; font-size: 13px; line-height: 40px; padding: 0 40px 0 15px; border: none !important; color: inherit !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset; } #lang_sel a img.iclflag, #lang_sel_click a img.iclflag { margin-right: 5px; } #lang_sel a.lang_sel_sel, #lang_sel_click a.lang_sel_sel { border-radius: 5px; } #lang_sel a.lang_sel_sel img.iclflag { margin-right: 2px; } #lang_sel_click a.lang_sel_sel img.iclflag { margin-right: 8px; } #lang_sel a.lang_sel_sel:before, #lang_sel_click a.lang_sel_sel:before { display: block; content: "\f107"; position: absolute; top: 0; right: 15px; font-size: 20px; font-family: fontawesome; cursor: pointer; } #lang_sel ul ul, #lang_sel_click ul ul { visibility: hidden; position: absolute; top: 40px; width: 100%; z-index: 1; box-shadow: 0 8px 15px rgba(0,0,0,0.1); } #lang_sel ul li:hover ul { visibility: visible; } #lang_sel ul ul a, #lang_sel_click ul ul a { box-shadow: none; } /* Footer languages list */ #lang_sel_footer { clear: both; text-align: center; font: 11px/15px Verdana, sans-serif; padding: 8px; } #lang_sel_footer ul li { display: inline-block; white-space: nowrap; } #lang_sel_footer ul li a { display: block; padding: 5px 8px; } img.iclflag { position: relative; top: 1px; } /* Slider Revolution ========================================================================== */ .tp-leftarrow.tparrows.custom, .tp-rightarrow.tparrows.custom { font-size: 34px; text-align: center; line-height: 48px; height: 50px; width: 50px; border-radius: 50%; overflow: hidden; background: none !important; transition: opacity 0.3s, box-shadow 0.3s; box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .tp-leftarrow.tparrows.custom:hover, .no-touch .tp-rightarrow.tparrows.custom:hover { box-shadow: 0 0 0 2px transparent inset; } .tp-leftarrow.tparrows.custom:before, .tp-rightarrow.tparrows.custom:before { display: none; } .no-touch .tp-leftarrow.tparrows.custom:before, .no-touch .tp-rightarrow.tparrows.custom:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; transition: height 0.3s; } .no-touch .tp-leftarrow.tparrows.custom:hover:before, .no-touch .tp-rightarrow.tparrows.custom:hover:before { height: 100%; } .tp-rightarrow.tparrows.custom:after { content: '\f105'; font-family: fontawesome; vertical-align: top; margin-left: 3px; position: relative; } .tp-leftarrow.tparrows.custom:after { content: '\f104'; font-family: fontawesome; vertical-align: top; margin-right: 3px; position: relative; } /* Contact Form 7 ========================================================================== */ span.wpcf7-form-control-wrap { display: inline-block; vertical-align: top; width: 100%; } .wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form textarea, .wpcf7-form select { margin-top: 5px; } .wpcf7-form-control.wpcf7-radio, .wpcf7-form-control.wpcf7-checkbox { display: inline-block; vertical-align: top; padding: 10px 0; } span.wpcf7-list-item { display: inline-block; vertical-align: top; margin: 0 20px 0 0; } span.wpcf7-list-item input[type="checkbox"], span.wpcf7-list-item input[type="radio"] { margin-right: 2px; } div.wpcf7 img.ajax-loader { margin-left: 10px; } div.wpcf7-response-output { text-align: center; margin: 0; padding: 8px 16px; border-radius: 5px; } span.wpcf7-not-valid-tip { font-size: 0.9em; } .l-subfooter.at_top .wpcf7-form p:last-child { margin-bottom: 20px; } /* Visual Composer ========================================================================== */ /* Compatibility fixes */ .g-cols.wpb_row, .wpb_revslider_element.wpb_content_element, .wpb_widgetised_column.wpb_content_element { margin-bottom: 0; } .l-content .wpb_text_column h1:last-child, .l-content .wpb_text_column h2:last-child, .l-content .wpb_text_column h3:last-child, .l-content .wpb_text_column h4:last-child, .l-content .wpb_text_column h5:last-child, .l-content .wpb_text_column h6:last-child, .l-content .wpb_text_column p:last-child, .l-content .wpb_text_column ul:last-child, .l-content .wpb_text_column ol:last-child { margin-bottom: 20px; } .wpb_text_column:last-child h1:last-child, .wpb_text_column:last-child h2:last-child, .wpb_text_column:last-child h3:last-child, .wpb_text_column:last-child h4:last-child, .wpb_text_column:last-child h5:last-child, .wpb_text_column:last-child h6:last-child, .wpb_text_column:last-child p:last-child, .wpb_text_column:last-child ul:last-child, .wpb_text_column:last-child ol:last-child { margin-bottom: 0; } /* Icon */ .vc_icon_element-icon { -webkit-transform: translate(-50%, -50%); } .vc_icon_element-align-left { display: inline-block; vertical-align: top; } /* Columns */ @media (max-width: 767px) { .vc_hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 900px) { .vc_hidden-sm { display: none !important; } } @media (min-width: 901px) and (max-width: 1279px) { .vc_hidden-md { display: none !important; } } @media (min-width: 1280px) { .vc_hidden-lg { display: none !important; } } /* Flickr */ .flickr_badge_image { float: left; width: 75px; height: 75px; } .flickr_badge_image a { border: none; } .flickr_badge_image img { overflow: hidden; position: relative; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .wpb_flickr_widget p.flickr_stream_wrap { clear: both; font-size: 80%; margin: 0; padding-top: 6px; } /* Chart */ .vc_chart ul.vc_chart-legend { font-size: inherit; margin: 0; padding: 0; } .vc_chart ul.vc_chart-legend li { list-style: none; margin: 0 0 5px; padding: 0; line-height: 20px; } .vc_chart .vc_chart-legend span { display: inline-block; vertical-align: top; height: 16px; width: 16px; margin: 2px 5px 2px 0; } @media (min-width: 768px) { .vc_chart .vc_chart-with-legend { display: inline-block; vertical-align: middle; width: 60%; } .vc_chart .vc_chart-legend { display: inline-block; vertical-align: middle; width: 40%; } .vc_chart ul.vc_chart-legend li { margin-left: 30px; } .vc_line-chart .vc_chart-with-legend { width: 75%; } .vc_line-chart .vc_chart-legend { width: 25%; } } /* Ultimate Addons for VC ========================================================================== */ .l-section .ult-vc-seperator { z-index: 2; } .g-cols > .upb_row_bg, .g-cols > .upb_video-wrapper { display: none !important; } ul.slick-dots { margin: 0 !important; } .aio-icon.circle { line-height: 2.5em; height: 2.5em; width: 2.5em; } .aio-icon.circle i, .aio-icon.square i, .icon_list_icon i, .info-circle-icons i { line-height: inherit !important; vertical-align: top; } /* Advanced Button */ a.ubtn-link { margin-top: 5px !important; margin-bottom: 5px !important; vertical-align: top; } a.ubtn-link.ubtn-left { margin-right: 10px !important; } a.ubtn-link.ubtn-right { margin-left: 10px !important; } a.ubtn-link .ubtn { font-family: inherit; line-height: 20px; } .ubtn.ubtn-mini { padding: 5px 18px; } .ubtn.ubtn-small { font-size: 13px; padding: 8px 26px; } .ubtn.ubtn-normal { font-size: 15px; padding: 10px 36px; } .ubtn.ubtn-large { font-size: 18px; padding: 16px 50px; } /* Highlight Box */ .ultimate-call-to-action { border-radius: 5px; } .ultimate-call-to-action .uvc-ctaction-data { padding: 0 20px; line-height: 1.4; } /* Advanced Carousel */ .ult-carousel-wrapper .slick-prev { padding-right: 2px; } .ult-carousel-wrapper .slick-next { padding-left: 2px; } .ult-carousel-wrapper button.circle-border, .ult-carousel-wrapper button.circle-bg { line-height: 1.72em !important; height: 1.72em !important; width: 1.72em !important; } /* Dual Button */ .ult_dual_button .ult_ivan_button { text-transform: uppercase; padding: 10px; } /* Flip Box */ .flip-box-wrap .flip-box .ifb-face { padding: 30px; border-radius: 5px; } .flip-box-wrap .flip-box .ifb-face h3 { font-size: 22px; margin: 10px 0; } .flip-box-wrap .flip-box p { line-height: inherit; margin-bottom: 5px; } .flip-box-wrap .flip-box .flip_link a { font-size: 15px; font-weight: bold; text-transform: uppercase; line-height: 20px; border-radius: 5px; padding: 10px 36px; margin-top: 20px; white-space: nowrap; } /* Timeline */ .smile-icon-timeline-wrap > a, .smile-icon-timeline-wrap .timeline-wrapper > a { color: inherit !important; } .smile-icon-timeline-wrap .timeline-separator-text .sep-text { font-size: 13px; line-height: 18px; padding: 4px 10px; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-dot, .smile-icon-timeline-wrap .timeline-feature-item .timeline-dot { padding: 4px; } .feat-item .timeline-dot { left: -7px !important; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-block, .smile-icon-timeline-wrap .timeline-feature-item.feat-item { border-radius: 5px; border: none; } .timeline-wrapper .timeline-post-left .ult-timeline-arrow l, .timeline-wrapper .timeline-post-right .ult-timeline-arrow l { border-top-color: transparent !important; border-bottom-color: transparent !important; } .timeline-feature-item.feat-item .ult-timeline-arrow l { border-left-color: transparent !important; border-right-color: transparent !important; } .timeline-wrapper .ult-timeline-arrow s, .feat-item .ult-timeline-arrow s { border-color: transparent !important; } .timeline-feature-item.feat-item .ult-timeline-icon .aio-icon, .timeline-feature-item.feat-item .ult-timeline-icon .aio-icon-img { margin: 30px 0 -10px !important; } .smile-icon-timeline-wrap .timeline-block .timeline-header-block .timeline-header, .smile-icon-timeline-wrap .timeline-feature-item .timeline-header-block .timeline-header { font-size: inherit; padding: 30px; } .smile-icon-timeline-wrap .timeline-block.timeline-post-left .timeline-header-block .timeline-header { padding-left: 15px; } .smile-icon-timeline-wrap .timeline-block.timeline-post-right .timeline-header-block .timeline-header { padding-right: 15px; } .smile-icon-timeline-wrap .timeline-header-block .timeline-header h3, .smile-icon-timeline-wrap .timeline-block .timeline-header h3 { font-size: 22px; line-height: 1.4; margin: 0 0 15px; } .smile-icon-timeline-wrap .timeline-block .timeline-header-block .timeline-header p, .smile-icon-timeline-wrap .timeline-feature-item .timeline-header-block .timeline-header p { margin-bottom: 15px; } .smile-icon-timeline-wrap .timeline-block .timeline-header-block .timeline-header p:last-child, .smile-icon-timeline-wrap .timeline-feature-item .timeline-header-block .timeline-header p:last-child { margin-bottom: 0; } .timeline-wrapper .timeline-block .timeline-header a { display: inline; margin-top: 0; } /* Info Banner */ .ultb3-box .ultb3-info { padding: 30px; color: #fff; } .ultb3-box .ultb3-title { line-height: 1.4; margin-bottom: 20px; color: inherit; } .ultb3-box .ultb3-desc { font-size: inherit; line-height: inherit; margin-bottom: 20px; } .ultb3-box a.ultb3-btn { font-size: 15px; text-transform: uppercase; line-height: 20px; padding: 10px 36px; } /* Info Box */ a.aio-icon-box-link { color: inherit !important; } .aio-icon-box { border-radius: 5px; } .aio-icon-box.square_box-icon .aio-icon-header { padding: 0 10%; } .aio-icon-box.square_box-icon .aio-icon-description { padding: 0 10% 10%; } .aio-icon-box.default-icon .aio-icon-default .aio-icon, .aio-icon-box.default-icon .aio-icon-default .aio-icon-img { margin-right: 20px; } .aio-icon-box.heading-right-icon .aio-icon-heading-right .aio-icon, .aio-icon-box.heading-right-icon .aio-icon-heading-right .aio-icon-img { margin-left: 20px; } .aio-icon-box.left-icon .aio-icon-left .aio-icon, .aio-icon-box.left-icon .aio-icon-left .aio-icon-img { margin-right: 25px; } .aio-icon-box.right-icon .aio-icon-right .aio-icon, .aio-icon-box.right-icon .aio-icon-right .aio-icon-img { margin-left: 25px; } .aio-icon-box .aio-icon-header h3.aio-icon-title { font-size: 22px; line-height: 1.4; } .aio-icon-box.top-icon .aio-icon-header h3.aio-icon-title { margin-top: 18px; } .aio-icon-header + .aio-icon-description { margin-top: 15px !important; } .aio-icon-box .aio-icon-read { padding: 15px 0 0; } /* Info Circle */ .info-c-full-br .icon-circle-list .info-circle-icons { line-height: 2.5em !important; height: 2.5em !important; width: 2.5em !important; } /* Info List */ .ulimate-info-list-link { border: none !important; } .smile_icon_list_wrap .smile_icon_list.top.hexagon .icon_list_icon { margin-bottom: 2.5em; } .smile_icon_list_wrap .smile_icon_list li .icon_description h3 { font-weight: normal; margin-bottom: 10px; } /* Info Table & Price Box */ .ult_pricing_table_wrap:after { content: ''; display: table; clear: both; } .ult_pricing_table_wrap .ult_pricing_table .ult_pricing_heading h3 { font-size: 22px; line-height: 1.4; } .ult_pricing_table_wrap .ult_pricing_table .ult_pricing_heading h5 { margin: 4px 20px; } .ult_design_1 .ult_pricing_table .ult_price_body { margin: 0 auto; } .ult_pricing_table_wrap .ult_pricing_table .ult_price_features { padding: 20px 20px 10px; } .ult_pricing_table .ult_price_features ul li { line-height: 1.5em !important; } .ult_design_5 .ult_pricing_table, .ult_design_2 .ult_pricing_table .ult_price_features ul li, .ult_design_4 .ult_pricing_table .ult_price_features ul li, .ult_design_5 .ult_pricing_table .ult_price_features ul li { border: none !important; } .ult_pricing_table_wrap .ult_pricing_table .ult_price_link { padding: 0 0 35px; } .ult_pricing_table_wrap.ult_design_1 .ult_pricing_table .ult_price_link { padding: 20px; } .ult_pricing_table .ult_price_link .ult_price_action_button { font-size: 15px; text-transform: uppercase; font-weight: bold !important; line-height: 20px !important; padding: 10px 36px !important; border-radius: 5px !important; } .ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button { border-radius: 3px !important; line-height: 1 !important; padding: 7px !important; } .ult_info_table .ult_pricing_table .ult_price_link .ult_price_action_button { font-size: 15px; line-height: 20px; text-transform: uppercase; padding: 10px 36px !important; border-radius: 5px !important; } .ult_info_table.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button { font-size: inherit; line-height: 1; text-transform: none; padding: 8px !important; border-radius: 3px !important; z-index: 3; } .ult_design_6 .ult_pricing_table .ult_price_body { border: none !important; box-shadow: 0 1px 0 rgba(0,0,0,0.1) !important; } /* Modal Box */ .ult-overlay { z-index: 501 !important; } .ult-modal-input-wrapper .btn-modal { font-size: 15px; line-height: 20px; padding: 10px 36px; border-radius: 5px; } .ult-modal-input-wrapper .btn-modal.btn-modal-sm { font-size: 13px; padding: 8px 26px; border-radius: 4px; } .ult-modal-input-wrapper .btn-modal.btn-modal-lg { font-size: 18px; padding: 16px 50px; } .ult_modal .ult_modal-content { border-radius: 0; box-shadow: 0 0 10px rgba(0,0,0,0.5); } .ult_modal .ult_modal-header > .modal-icon { font-size: 1.3em; } .ult_modal .ult_modal-body { line-height: inherit; padding: 30px; } .ult_modal .ult_modal-body p:last-child { margin-bottom: 0; } /* Image Separator */ .ult-easy-separator-wrapper { float: none !important; margin: 0 !important; } @media (max-width: 600px) { div.product-5-rows { width:50% !important; min-height: 240px !important; } product-5-rows-clear { clear:both; } } div.product-5-rows { width:20%; text-align:center; float:left; padding-right:4px; min-height: 280px; } .l-subheader.at_top { display: none; } aside.l-sidebar .widgettitle, .wpb_widgetised_column .widgettitle { background-color: #36B66E; margin-left: 6px !important; font-size:17px !important; margin-bottom: 0px; padding: 3% !important; color: #fff; border-bottom: 1px dotted #fff; } .widget_product_categories ul.product-categories > li:not(.cat-parent) { display:none !important; } .widget_product_categories ul li { font-size: 13px !important; } div.widget_product_categories a { color: #5c5c5c !important } div.widget_product_categories ul.product-categories { background-color: #f6f6f6; margin-left: 6px; padding-left: 2%; } .widget_product_categories ul.product-categories ul ul.children li { border-bottom: 1px dotted #000; } .widget_product_search input[type="search"] , .wpb_widgetised_column input[type="search"] { margin-left: 2%; padding-right: 0px !important; width: 260px; background-color: #f6f6f6; } .w-nav.type_desktop [class*="columns"] .w-nav-item.level_2 { padding: 0 0px; width: 16%; } .w-nav.type_desktop [class*="columns"] a.level_2 .w-nav-title { padding-bottom: 7px; font-size: 13px; } .w-nav-anchor.level_3 { padding: 5px 10px; } .l-header .type_desktop .w-nav-anchor.level_3 { font-size: 13px !important; } } .l-body { background-color: #f2f2f2 !important } div.l-footer .one-quarter { text-align: left;} div.woocommerce-tabs table img { display: none !important; } div.woocommerce-tabs table tr { border: 1px dotted #f3f3f3 !important; } div.woocommerce-tabs table td { border-top: none !important; } div.home-box-1 h3 { background-color: #36b66e; color: #FFF; padding: 3%;} div.home-box-2 h3 { background-color: #36b66e; color: #FFF; padding: 3%;} div.home-box-3 h3 { background-color: #36b66e; color: #FFF; padding: 3%;} div.home-box-1 .g-cols.offset_small > div { margin-left: 0 !important} div.home-box-1 .g-cols.offset_small > .one-third { width: 33.3%; !important} div.home-box-1,div.home-box-2,div.home-box-3 { background-color: #f0f0f0; border: 1px solid #fff; min-height: 687px;} .l-subfooter.at_top input, .l-subfooter.at_top textarea, .l-subfooter.at_top select, .no-touch .l-subfooter.at_top #lang_sel a, .no-touch .l-subfooter.at_top #lang_sel_click a { background-color: #fff !important; color: #000 !important; } .woocommerce .products .product img { width: 85% !important; } .woocommerce .products .product h3 { font-size: 14px !important; line-height: 20px; } .product-meta { min-height: 90px; } .product_meta .wb-single-img-cnt { display:none; } #dsloc-wrap.dsloc-wrap .dsloc-store-list__item-name { font-size: 21px !important; } #dsloc-wrap.dsloc-wrap .dsloc-store-list__item-text { color: #222 !important; font-size: 13px !important; } div.wpgmp_location_meta {display: none !important; }