qsdklsqkdmqskdmlqskd azoepqikdomlqskdjmlqs qpfklqjsfmklqsjdmqlsjdsqd @charset "UTF-8"; /************************* * A. Main Theme styles * * 01. Extended style rules * 02. Reset styles * 03. Base theme styles * 03.01 body & html * 03.02 Basic elements (a, p, b, blockquote etc) * 03.03 Headings h1-h6 * 03.04 Tables * * 04. Icons * 04.01 Ion icons * 04.02 Loading spinner * * 05. Base elements * 05.01 Responsive headings * 05.02 Dropdown arrow/caret * 05.03 Modals * 05.04 Screen reader text * 05.05 Scroll to top button * 05.06 Social Icons * 05.07 Media Elements * * 06. Site Header styles * 06.01 Base nav li elements * 06.02 site-header & site-navigation * 06.03 Dropdowns * 06.04 Header icons * 06.05 Navbar + children * 06.06 Mobile & auto-collapse * 06.07 Header's main color schemes * 06.08 Transparent header * 06.10 Sticky header * 06.11 Mega menu * 06.11.1 Full width mega menu * 06.11.2 Auto width mega menu * 06.12 Top bar * 06.13 Side panels * * 07. Page header styles * 07.01 Page cover * 07.02 Page header * * 08. Widgets styles * 08.01 Global widget styles * 08.02 Widget titles * 08.03 Horizontal menu in widget * 08.04 Widgets * 08.04.1 Tag Cloud * 08.04.2 Calendar * 08.04.3 Categories & Archive * 08.04.4 RSS Feed * 08.04.5 Recent Posts * 08.04.6 Recent Comments * 08.04.7 Product search * 08.04.8 Product rating * 08.04.9 Flickr images * 08.04.10 Text widget (HTML) * 08.04.11 Image widget * 08.04.12 Video widget * * 09. Sidebars styles * 10. Footer styling * 11. Page sections * 11.01 Sections layout * 11.02 Sections default colors * 11.03 Sections shadows * 11.04 Sections child elements * 11.05 Section via shortcode * * 12. Containers structure * 12.01 Container widths and LR padding * 12.02 Wrapper margins * 12.03 Small screens (stacked) tweaks * *************************/ /** * * 01. Extended style rules * */ .navbar .nav > li > a, .widget ul, .widget ol, .widget ul li, .widget ol li, .widget_rating_filter .wc-layered-nav-rating a, .section .section-edit-link, .woocommerce.single-product div.product .thumbnails #slider-prev:before, .woocommerce.single-product div.product .thumbnails #slider-next:before, article .more-link, article .post-edit-link { transition: all 0.1s ease; } .widget_product_search input[type="submit"], input[type="submit"], input[type="button"], button[type="submit"], .button, .btn-primary, .woocommerce .widget_wishlist_content .cart_list li .add_to_cart_button, .woocommerce table.wishlist_table a.button, .wpb_button.vc_btn3-style-theme-style, .vc_general.vc_btn3.vc_btn3-style-theme-style, .wpb_button.vc_btn3-color-theme-color, .vc_general.vc_btn3.vc_btn3-color-theme-color, .wpb_button.vc_btn3-color-theme-color-secondary, .vc_general.vc_btn3.vc_btn3-color-theme-color-secondary, .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce div.product.product-type-variable .single_variation_wrap .button, .woocommerce div.product .form-cart-wrapper .button, .woocommerce div.product.product-type-variable .single_variation_wrap .share-button, .woocommerce div.product .form-cart-wrapper .share-button, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce input.button[name="update_cart"], .woocommerce-cart table.cart .coupon .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, header .cart-dropdown .button { transition: all 0.2s cubic-bezier(0, 0, 0.26, 1); } .shrk-banner.style-1 .banner-target .banner-heading, .shrk-banner.style-2 .banner-target .banner-heading, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title a:before, .vc_toggle.vc_toggle_default .vc_toggle_title:before { transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); } body *:focus, input:focus, a:focus, textarea:focus, select:focus, .select2-container .select2-choice:focus, .select2-container .select2-selection:focus, .select2-container .select2-selection.select2-selection--multiple:focus { outline: 0; } .overlay-10:after, .overlay-20:after, .overlay-30:after, .overlay-40:after, .overlay-50:after, .overlay-60:after, .overlay-70:after, .overlay-80:after, .overlay-90:after, .overlay-100:after, .shrk-swiper-container .slide-inner-image, .shrk-banner.style-1 .banner-target, .shrk-banner.style-1 .banner-target:after, .shrk-banner.style-2 .banner-target, .shrk-banner.style-2 .banner-target:after, .shrk-banner:after, .xy-slider.products .category-cover:after, .xy-slider.products .slide-background:before, .xy-slider.products .swiper-nav-outer .nav-thumb .thumb-bg, .xy-slider.products .swiper-nav-outer .nav-thumb:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget_product_search input[type="submit"], input[type="submit"], input[type="button"], button[type="submit"], .button, .btn-primary, .woocommerce .widget_wishlist_content .cart_list li .add_to_cart_button, .woocommerce table.wishlist_table a.button, .wpb_button, .vc_general.vc_btn3, .wpb_button.vc_btn3-style-theme-style, .vc_general.vc_btn3.vc_btn3-style-theme-style, .wpb_button.vc_btn3-color-theme-color, .vc_general.vc_btn3.vc_btn3-color-theme-color, .wpb_button.vc_btn3-color-theme-color-secondary, .vc_general.vc_btn3.vc_btn3-color-theme-color-secondary, .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce div.product.product-type-variable .single_variation_wrap .button, .woocommerce div.product .form-cart-wrapper .button, .woocommerce div.product.product-type-variable .single_variation_wrap .share-button, .woocommerce div.product .form-cart-wrapper .share-button, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce input.button[name="update_cart"], .woocommerce-cart table.cart .coupon .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, header .cart-dropdown .button, .section-title, .woocommerce .upsells > h2, .woocommerce .related > h2, .page-cover .term-description, .page-cover .taxonomy-description, .page-header ul.categories li a, .page-header ul.nav li a, .widget ul li, .widget ol li, .widget ul.sub-menu li, .widget ul.children li, .widget ol.sub-menu li, .widget ol.children li, .widget .tagcloud > a, .widget_calendar .table, .section .section-edit-link, .comment-navigation a, .txt-slab-wrapper .slabtext, #lang_sel_footer, body .wcapf-active-filters a, .wcapf-price-filter-widget .slider-values, .gallery .gallery-caption, .shrk-banner.style-1 .banner-target .banner-heading, .shrk-banner.style-2 .banner-target .banner-heading, .xy-slider.products .swiper-nav-outer .nav-thumb span.cat-name, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style .vc_tta-tabs-list .vc_tta-title-text, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style .vc_tta-panel-heading .vc_tta-title-text, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.wpb_tour .wpb_prev_slide a, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.wpb_tour .wpb_next_slide a, .vc_progress_bar.wpb_content_element .vc_single_bar .vc_label, .vc_toggle .vc_toggle_title, .vc_pie_chart .vc_pie_chart_value, .wpb_posts_slider .post-title, .vc_grid-container .vc_gitem-post-data-source-post_title, .wpb_wrapper .vc_grid-filter > .vc_grid-filter-item > span, article .entry-content .page-links, article .more-link, article .post-edit-link, .woocommerce .addresses .title h3, .woocommerce div.product p.stock, .woocommerce span.onsale, .woocommerce span.wc-new-badge, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce table.shop_table th.product-name, .woocommerce table.shop_table td.product-name, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce ul.cart_list li .product-title, .woocommerce ul.product_list_widget li .product-title, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .woocommerce .widget_layered_nav ul li, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce-account .woocommerce-MyAccount-navigation a, .woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content h3, .woocommerce-account .woocommerce-MyAccount-content fieldset legend, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title a.edit, .woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received { font-weight: 900; } .widget_product_search input[type="submit"], input[type="submit"], input[type="button"], button[type="submit"], .button, .btn-primary, .woocommerce .widget_wishlist_content .cart_list li .add_to_cart_button, .woocommerce table.wishlist_table a.button, .wpb_button, .vc_general.vc_btn3, .wpb_button.vc_btn3-style-theme-style, .vc_general.vc_btn3.vc_btn3-style-theme-style, .wpb_button.vc_btn3-color-theme-color, .vc_general.vc_btn3.vc_btn3-color-theme-color, .wpb_button.vc_btn3-color-theme-color-secondary, .vc_general.vc_btn3.vc_btn3-color-theme-color-secondary, .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce div.product.product-type-variable .single_variation_wrap .button, .woocommerce div.product .form-cart-wrapper .button, .woocommerce div.product.product-type-variable .single_variation_wrap .share-button, .woocommerce div.product .form-cart-wrapper .share-button, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce input.button[name="update_cart"], .woocommerce-cart table.cart .coupon .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, header .cart-dropdown .button, .section-title, .woocommerce .upsells > h2, .woocommerce .related > h2, .page-cover .term-description, .page-cover .taxonomy-description, .page-header ul.categories li a, .page-header ul.nav li a, .widget ul li, .widget ol li, .widget ul.sub-menu li, .widget ul.children li, .widget ol.sub-menu li, .widget ol.children li, .widget .tagcloud > a, .widget_calendar .table, .section .section-edit-link, .comment-navigation a, .txt-slab-wrapper .slabtext, #lang_sel_footer, body .wcapf-active-filters a, .wcapf-price-filter-widget .slider-values, .gallery .gallery-caption, .shrk-banner.style-1 .banner-target .banner-heading, .shrk-banner.style-2 .banner-target .banner-heading, .xy-slider.products .swiper-nav-outer .nav-thumb span.cat-name, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style .vc_tta-tabs-list .vc_tta-title-text, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style .vc_tta-panel-heading .vc_tta-title-text, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.wpb_tour .wpb_prev_slide a, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.wpb_tour .wpb_next_slide a, .vc_progress_bar.wpb_content_element .vc_single_bar .vc_label, .vc_toggle .vc_toggle_title, .vc_pie_chart .vc_pie_chart_value, .wpb_posts_slider .post-title, .vc_grid-container .vc_gitem-post-data-source-post_title, .wpb_wrapper .vc_grid-filter > .vc_grid-filter-item > span, article .entry-content .page-links, article .more-link, article .post-edit-link, .woocommerce .addresses .title h3, .woocommerce div.product p.stock, .woocommerce span.onsale, .woocommerce span.wc-new-badge, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce table.shop_table th.product-name, .woocommerce table.shop_table td.product-name, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce ul.cart_list li .product-title, .woocommerce ul.product_list_widget li .product-title, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .woocommerce .widget_layered_nav ul li, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce-account .woocommerce-MyAccount-navigation a, .woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content h3, .woocommerce-account .woocommerce-MyAccount-content fieldset legend, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title a.edit, .woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received, .tooltip, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist .action-label, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist .action-label, .navbar a, .navbar ul li a, .top-bar, .side-panel-menu.left .main-menu, .side-panel-menu.left .navbar-brand, .page-cover header .page-title, .widget-title, .widgettitle, .pswp__share-tooltip a, .comments-area .comment-reply-title, .comments-area .comments-title, #yith-wcwl-popup-message, .yith-wcwl-share .yith-wcwl-share-title, .woocommerce .wishlist-title h2, .woocommerce.single-product div.product .yith_magnifier_loading, .xy-slider.products .category-cover .cover-inner .cover-title, .xy-slider.products .slide-content-wrap .slide-content > h3, .xy-slider.products .slide-content-wrap .slide-content .woocommerce-loop-product__title, article .content-header .page-title a, .main-content-bottom-holder, .woocommerce .woocommerce-breadcrumb, .woocommerce div.product .product_title, .woocommerce div.product .product_meta, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce ul.products li.product a.added_to_cart, .woocommerce ul.products li.product.product-category h3, .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title, .woocommerce ul.products li.product .price .from, .woocommerce .woocommerce-result-count, .woocommerce #reviews h3, .woocommerce #reviews .comment-reply-title, .woocommerce table.shop_table th, .woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .cart_list li a, .woocommerce .widget_shopping_cart .cart_list li a, .woocommerce .order_details li, .woocommerce .widget_price_filter .price_slider_amount .price_label, .woocommerce-checkout .checkout h3, .woocommerce-order-received .woocommerce h2, .woocommerce .woocommerce-ordering select, .woocommerce .woocommerce-ordering .select2-container .select2-choice, .woocommerce .woocommerce-ordering .select2-container .select2-selection, .woocommerce-page .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering .select2-container .select2-choice, .woocommerce-page .woocommerce-ordering .select2-container .select2-selection, .woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals h2, header .cart-dropdown span.loading, header .cart-dropdown span.empty { text-transform: uppercase; } .no-theme-caps .widget_product_search input[type="submit"], .widget_product_search .no-theme-caps input[type="submit"], .no-theme-caps input[type="submit"], .no-theme-caps input[type="button"], .no-theme-caps button[type="submit"], .no-theme-caps .button, .no-theme-caps .btn-primary, .no-theme-caps .woocommerce .widget_wishlist_content .cart_list li .add_to_cart_button, .woocommerce .widget_wishlist_content .cart_list li .no-theme-caps .add_to_cart_button, .no-theme-caps .woocommerce table.wishlist_table a.button, .woocommerce table.wishlist_table .no-theme-caps a.button, .no-theme-caps .wpb_button, .no-theme-caps .vc_general.vc_btn3, .no-theme-caps .wpb_button.vc_btn3-style-theme-style, .no-theme-caps .vc_general.vc_btn3.vc_btn3-style-theme-style, .no-theme-caps .wpb_button.vc_btn3-color-theme-color, .no-theme-caps .vc_general.vc_btn3.vc_btn3-color-theme-color, .no-theme-caps .wpb_button.vc_btn3-color-theme-color-secondary, .no-theme-caps .vc_general.vc_btn3.vc_btn3-color-theme-color-secondary, .no-theme-caps .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-message .no-theme-caps .button, .no-theme-caps .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-error .no-theme-caps .button, .no-theme-caps .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-info .no-theme-caps .button, .no-theme-caps .woocommerce div.product.product-type-variable .single_variation_wrap .button, .woocommerce div.product.product-type-variable .single_variation_wrap .no-theme-caps .button, .no-theme-caps .woocommerce div.product .form-cart-wrapper .button, .woocommerce div.product .form-cart-wrapper .no-theme-caps .button, .no-theme-caps .woocommerce div.product.product-type-variable .single_variation_wrap .share-button, .woocommerce div.product.product-type-variable .single_variation_wrap .no-theme-caps .share-button, .no-theme-caps .woocommerce div.product .form-cart-wrapper .share-button, .woocommerce div.product .form-cart-wrapper .no-theme-caps .share-button, .no-theme-caps .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist, .woocommerce div.product.product-type-variable .single_variation_wrap .no-theme-caps .yith-wcwl-add-to-wishlist, .no-theme-caps .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist, .woocommerce div.product .form-cart-wrapper .no-theme-caps .yith-wcwl-add-to-wishlist, .no-theme-caps .woocommerce a.button, .woocommerce .no-theme-caps a.button, .no-theme-caps .woocommerce button.button, .woocommerce .no-theme-caps button.button, .no-theme-caps .woocommerce input.button, .woocommerce .no-theme-caps input.button, .no-theme-caps .woocommerce #respond input#submit, .woocommerce #respond .no-theme-caps input#submit, .no-theme-caps .woocommerce a.button.alt, .woocommerce .no-theme-caps a.button.alt, .no-theme-caps .woocommerce button.button.alt, .woocommerce .no-theme-caps button.button.alt, .no-theme-caps .woocommerce input.button.alt, .woocommerce .no-theme-caps input.button.alt, .no-theme-caps .woocommerce #respond input#submit.alt, .woocommerce #respond .no-theme-caps input#submit.alt, .no-theme-caps .woocommerce input.button[name="update_cart"], .woocommerce .no-theme-caps input.button[name="update_cart"], .no-theme-caps .woocommerce-cart table.cart .coupon .button, .woocommerce-cart table.cart .coupon .no-theme-caps .button, .no-theme-caps .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .no-theme-caps a.checkout-button, .no-theme-caps header .cart-dropdown .button, header .cart-dropdown .no-theme-caps .button, .no-theme-caps .section-title, .no-theme-caps .woocommerce .upsells > h2, .woocommerce .no-theme-caps .upsells > h2, .no-theme-caps .woocommerce .related > h2, .woocommerce .no-theme-caps .related > h2, .no-theme-caps .page-cover .term-description, .page-cover .no-theme-caps .term-description, .no-theme-caps .page-cover .taxonomy-description, .page-cover .no-theme-caps .taxonomy-description, .no-theme-caps .page-header ul.categories li a, .page-header ul.categories li .no-theme-caps a, .no-theme-caps .page-header ul.nav li a, .page-header ul.nav li .no-theme-caps a, .no-theme-caps .widget ul li, .widget ul .no-theme-caps li, .no-theme-caps .widget ol li, .widget ol .no-theme-caps li, .no-theme-caps .widget ul.sub-menu li, .widget ul.sub-menu .no-theme-caps li, .no-theme-caps .widget ul.children li, .widget ul.children .no-theme-caps li, .no-theme-caps .widget ol.sub-menu li, .widget ol.sub-menu .no-theme-caps li, .no-theme-caps .widget ol.children li, .widget ol.children .no-theme-caps li, .no-theme-caps .widget .tagcloud > a, .widget .no-theme-caps .tagcloud > a, .no-theme-caps .widget_calendar .table, .widget_calendar .no-theme-caps .table, .no-theme-caps .section .section-edit-link, .section .no-theme-caps .section-edit-link, .no-theme-caps .comment-navigation a, .comment-navigation .no-theme-caps a, .no-theme-caps .txt-slab-wrapper .slabtext, .txt-slab-wrapper .no-theme-caps .slabtext, .no-theme-caps #lang_sel_footer, .no-theme-caps body .wcapf-active-filters a, body .wcapf-active-filters .no-theme-caps a, .no-theme-caps .wcapf-price-filter-widget .slider-values, .wcapf-price-filter-widget .no-theme-caps .slider-values, .no-theme-caps .gallery .gallery-caption, .gallery .no-theme-caps .gallery-caption, .no-theme-caps .shrk-banner.style-1 .banner-target .banner-heading, .shrk-banner.style-1 .banner-target .no-theme-caps .banner-heading, .no-theme-caps .shrk-banner.style-2 .banner-target .banner-heading, .shrk-banner.style-2 .banner-target .no-theme-caps .banner-heading, .no-theme-caps .xy-slider.products .swiper-nav-outer .nav-thumb span.cat-name, .xy-slider.products .swiper-nav-outer .nav-thumb .no-theme-caps span.cat-name, .no-theme-caps .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style .vc_tta-tabs-list .vc_tta-title-text, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style .vc_tta-tabs-list .no-theme-caps .vc_tta-title-text, .no-theme-caps .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style .vc_tta-panel-heading .vc_tta-title-text, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style .vc_tta-panel-heading .no-theme-caps .vc_tta-title-text, .no-theme-caps .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.wpb_tour .wpb_prev_slide a, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.wpb_tour .wpb_prev_slide .no-theme-caps a, .no-theme-caps .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.wpb_tour .wpb_next_slide a, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.wpb_tour .wpb_next_slide .no-theme-caps a, .no-theme-caps .vc_progress_bar.wpb_content_element .vc_single_bar .vc_label, .vc_progress_bar.wpb_content_element .vc_single_bar .no-theme-caps .vc_label, .no-theme-caps .vc_toggle .vc_toggle_title, .vc_toggle .no-theme-caps .vc_toggle_title, .no-theme-caps .vc_pie_chart .vc_pie_chart_value, .vc_pie_chart .no-theme-caps .vc_pie_chart_value, .no-theme-caps .wpb_posts_slider .post-title, .wpb_posts_slider .no-theme-caps .post-title, .no-theme-caps .vc_grid-container .vc_gitem-post-data-source-post_title, .vc_grid-container .no-theme-caps .vc_gitem-post-data-source-post_title, .no-theme-caps .wpb_wrapper .vc_grid-filter > .vc_grid-filter-item > span, .wpb_wrapper .no-theme-caps .vc_grid-filter > .vc_grid-filter-item > span, .no-theme-caps article .entry-content .page-links, article .entry-content .no-theme-caps .page-links, .no-theme-caps article .more-link, article .no-theme-caps .more-link, .no-theme-caps article .post-edit-link, article .no-theme-caps .post-edit-link, .no-theme-caps .woocommerce .addresses .title h3, .woocommerce .addresses .title .no-theme-caps h3, .no-theme-caps .woocommerce div.product p.stock, .woocommerce div.product .no-theme-caps p.stock, .no-theme-caps .woocommerce span.onsale, .woocommerce .no-theme-caps span.onsale, .no-theme-caps .woocommerce span.wc-new-badge, .woocommerce .no-theme-caps span.wc-new-badge, .no-theme-caps .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .no-theme-caps h3, .no-theme-caps .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .no-theme-caps .woocommerce-loop-product__title, .no-theme-caps .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .no-theme-caps .woocommerce-loop-category__title, .no-theme-caps .woocommerce table.shop_table th.product-name, .woocommerce table.shop_table .no-theme-caps th.product-name, .no-theme-caps .woocommerce table.shop_table td.product-name, .woocommerce table.shop_table .no-theme-caps td.product-name, .no-theme-caps .woocommerce ul.cart_list li a, .woocommerce ul.cart_list li .no-theme-caps a, .no-theme-caps .woocommerce ul.product_list_widget li a, .woocommerce ul.product_list_widget li .no-theme-caps a, .no-theme-caps .woocommerce ul.cart_list li .product-title, .woocommerce ul.cart_list li .no-theme-caps .product-title, .no-theme-caps .woocommerce ul.product_list_widget li .product-title, .woocommerce ul.product_list_widget li .no-theme-caps .product-title, .no-theme-caps .woocommerce ul.cart_list li .amount, .woocommerce ul.cart_list li .no-theme-caps .amount, .no-theme-caps .woocommerce ul.product_list_widget li .amount, .woocommerce ul.product_list_widget li .no-theme-caps .amount, .no-theme-caps .woocommerce .widget_layered_nav ul li, .woocommerce .widget_layered_nav ul .no-theme-caps li, .no-theme-caps .woocommerce .widget_layered_nav_filters ul li a, .woocommerce .widget_layered_nav_filters ul li .no-theme-caps a, .no-theme-caps .woocommerce-account .woocommerce-MyAccount-navigation a, .woocommerce-account .woocommerce-MyAccount-navigation .no-theme-caps a, .no-theme-caps .woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content .no-theme-caps h2, .no-theme-caps .woocommerce-account .woocommerce-MyAccount-content h3, .woocommerce-account .woocommerce-MyAccount-content .no-theme-caps h3, .no-theme-caps .woocommerce-account .woocommerce-MyAccount-content fieldset legend, .woocommerce-account .woocommerce-MyAccount-content fieldset .no-theme-caps legend, .no-theme-caps .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title a.edit, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title .no-theme-caps a.edit, .no-theme-caps .woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received, .woocommerce-order-received .woocommerce .no-theme-caps .woocommerce-thankyou-order-received, .no-theme-caps .tooltip, .no-theme-caps .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist .action-label, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist .no-theme-caps .action-label, .no-theme-caps .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist .action-label, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist .no-theme-caps .action-label, .no-theme-caps .navbar a, .navbar .no-theme-caps a, .no-theme-caps .navbar ul li a, .navbar ul li .no-theme-caps a, .no-theme-caps .top-bar, .no-theme-caps .side-panel-menu.left .main-menu, .side-panel-menu.left .no-theme-caps .main-menu, .no-theme-caps .side-panel-menu.left .navbar-brand, .side-panel-menu.left .no-theme-caps .navbar-brand, .no-theme-caps .page-cover header .page-title, .page-cover header .no-theme-caps .page-title, .no-theme-caps .widget-title, .no-theme-caps .widgettitle, .no-theme-caps .pswp__share-tooltip a, .pswp__share-tooltip .no-theme-caps a, .no-theme-caps .comments-area .comment-reply-title, .comments-area .no-theme-caps .comment-reply-title, .no-theme-caps .comments-area .comments-title, .comments-area .no-theme-caps .comments-title, .no-theme-caps #yith-wcwl-popup-message, .no-theme-caps .yith-wcwl-share .yith-wcwl-share-title, .yith-wcwl-share .no-theme-caps .yith-wcwl-share-title, .no-theme-caps .woocommerce .wishlist-title h2, .woocommerce .wishlist-title .no-theme-caps h2, .no-theme-caps .woocommerce.single-product div.product .yith_magnifier_loading, .woocommerce.single-product div.product .no-theme-caps .yith_magnifier_loading, .no-theme-caps .xy-slider.products .category-cover .cover-inner .cover-title, .xy-slider.products .category-cover .cover-inner .no-theme-caps .cover-title, .no-theme-caps .xy-slider.products .slide-content-wrap .slide-content > h3, .xy-slider.products .slide-content-wrap .no-theme-caps .slide-content > h3, .no-theme-caps .xy-slider.products .slide-content-wrap .slide-content .woocommerce-loop-product__title, .xy-slider.products .slide-content-wrap .slide-content .no-theme-caps .woocommerce-loop-product__title, .no-theme-caps article .content-header .page-title a, article .content-header .page-title .no-theme-caps a, .no-theme-caps .main-content-bottom-holder, .no-theme-caps .woocommerce .woocommerce-breadcrumb, .woocommerce .no-theme-caps .woocommerce-breadcrumb, .no-theme-caps .woocommerce div.product .product_title, .woocommerce div.product .no-theme-caps .product_title, .no-theme-caps .woocommerce div.product .product_meta, .woocommerce div.product .no-theme-caps .product_meta, .no-theme-caps .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs .no-theme-caps li, .no-theme-caps .woocommerce ul.products li.product a.added_to_cart, .woocommerce ul.products li.product .no-theme-caps a.added_to_cart, .no-theme-caps .woocommerce ul.products li.product.product-category h3, .woocommerce ul.products li.product.product-category .no-theme-caps h3, .no-theme-caps .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title, .woocommerce ul.products li.product.product-category .no-theme-caps .woocommerce-loop-category__title, .no-theme-caps .woocommerce ul.products li.product .price .from, .woocommerce ul.products li.product .price .no-theme-caps .from, .no-theme-caps .woocommerce .woocommerce-result-count, .woocommerce .no-theme-caps .woocommerce-result-count, .no-theme-caps .woocommerce #reviews h3, .woocommerce #reviews .no-theme-caps h3, .no-theme-caps .woocommerce #reviews .comment-reply-title, .woocommerce #reviews .no-theme-caps .comment-reply-title, .no-theme-caps .woocommerce table.shop_table th, .woocommerce table.shop_table .no-theme-caps th, .no-theme-caps .woocommerce.widget_shopping_cart .total, .woocommerce.widget_shopping_cart .no-theme-caps .total, .no-theme-caps .woocommerce .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .no-theme-caps .total, .no-theme-caps .woocommerce.widget_shopping_cart .cart_list li a, .woocommerce.widget_shopping_cart .cart_list li .no-theme-caps a, .no-theme-caps .woocommerce .widget_shopping_cart .cart_list li a, .woocommerce .widget_shopping_cart .cart_list li .no-theme-caps a, .no-theme-caps .woocommerce .order_details li, .woocommerce .order_details .no-theme-caps li, .no-theme-caps .woocommerce .widget_price_filter .price_slider_amount .price_label, .woocommerce .widget_price_filter .price_slider_amount .no-theme-caps .price_label, .no-theme-caps .woocommerce-checkout .checkout h3, .woocommerce-checkout .checkout .no-theme-caps h3, .no-theme-caps .woocommerce-order-received .woocommerce h2, .woocommerce-order-received .woocommerce .no-theme-caps h2, .no-theme-caps .woocommerce .woocommerce-ordering select, .woocommerce .woocommerce-ordering .no-theme-caps select, .no-theme-caps .woocommerce .woocommerce-ordering .select2-container .select2-choice, .woocommerce .woocommerce-ordering .select2-container .no-theme-caps .select2-choice, .no-theme-caps .woocommerce .woocommerce-ordering .select2-container .select2-selection, .woocommerce .woocommerce-ordering .select2-container .no-theme-caps .select2-selection, .no-theme-caps .woocommerce-page .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering .no-theme-caps select, .no-theme-caps .woocommerce-page .woocommerce-ordering .select2-container .select2-choice, .woocommerce-page .woocommerce-ordering .select2-container .no-theme-caps .select2-choice, .no-theme-caps .woocommerce-page .woocommerce-ordering .select2-container .select2-selection, .woocommerce-page .woocommerce-ordering .select2-container .no-theme-caps .select2-selection, .no-theme-caps .woocommerce .cart-collaterals h2, .woocommerce .cart-collaterals .no-theme-caps h2, .no-theme-caps .woocommerce-page .cart-collaterals h2, .woocommerce-page .cart-collaterals .no-theme-caps h2, .no-theme-caps header .cart-dropdown span.loading, header .cart-dropdown .no-theme-caps span.loading, .no-theme-caps header .cart-dropdown span.empty, header .cart-dropdown .no-theme-caps span.empty { text-transform: none; } .woocommerce table.shop_table a.yith-wcqv-button:hover .tooltip, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist:hover .action-label, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist:hover .action-label, .woocommerce ul.products li.product .add_to_cart_button:hover .tooltip, .woocommerce ul.products li.product .product_type_variable:hover .tooltip, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist:hover .tooltip, .woocommerce.woocommerce.products-transparent.products-meta-bg ul.products.list li.product .yith-wcqv-button:hover .tooltip, .woocommerce ul.products.list li.product .yith-wcqv-button:hover .tooltip { visibility: visible; opacity: 1; transition-delay: 0s; } ul.sub-menu, div.sub-menu, .top-bar .sub-menu, .top-bar ul li.menu-item.menu-item-has-children:before, .widget_icl_lang_sel_widget #lang_sel ul ul, .woocommerce div.product.product-type-variable .single_variation_wrap .share-button .social-icons, .woocommerce div.product .form-cart-wrapper .share-button .social-icons, header .cart-dropdown { visibility: hidden; opacity: 0; display: block; transition: opacity 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s, -webkit-transform 0.2s ease; } header.site-header .header-icon.header-search.force-show .sub-menu, header.site-header .header-icon > ul > li:hover .sub-menu, .navbar .navbar-nav > .menu-item:hover .sub-menu, .top-bar ul li.menu-item.menu-item-has-children:hover:before, .top-bar ul li.menu-item:hover .sub-menu, .page-header ul.categories li:hover .sub-menu, .page-header ul.nav li:hover .sub-menu, .widget_icl_lang_sel_widget #lang_sel li:hover ul, .woocommerce div.product.product-type-variable .single_variation_wrap .share-button:hover .social-icons, .woocommerce div.product .form-cart-wrapper .share-button:hover .social-icons, header .cart-dropdown.force-show, .woo-cart-menu-item:hover .cart-dropdown { visibility: visible; opacity: 1; transition-delay: 0s; } .woocommerce ul.products li.product.product-category .cat-thumb-wrapper img, .woocommerce ul.products li.product a img { transition: opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .woocommerce ul.products li.product.product-category:hover .cat-thumb-wrapper img, .woocommerce ul.products li.product:hover a img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .overlay-10:after, .overlay-20:after, .overlay-30:after, .overlay-40:after, .overlay-50:after, .overlay-60:after, .overlay-70:after, .overlay-80:after, .overlay-90:after, .overlay-100:after { content: ''; background-color: #000; z-index: -1; } .invisible { visibility: hidden; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } .text-left-mobile-center { text-align: left; } @media screen and (max-width: 767px) { .text-left-mobile-center { text-align: center; } } .text-right-mobile-center { text-align: right; } @media screen and (max-width: 767px) { .text-right-mobile-center { text-align: center; } } .clear { clear: both; } body { /* font-stack-body */ font-family: "Open Sans", Verdana, Geneva, sans-serif; } .color-primary-ext-fg, ul.sub-menu > .active > a, ul.sub-menu > .active > a:hover, div.sub-menu > .active > a, div.sub-menu > .active > a:hover, .top-bar .sub-menu > .active > a, .top-bar .sub-menu > .active > a:hover, .navbar .navbar-nav > li.current_page_item > a, .navbar .navbar-nav > li:hover > a { /* redux[color: main_theme_color] */ color: #FAAD09; } .color-primary-ext-bg, .side-panel-menu .nav .sub-menu a:active, .side-panel-menu .nav .sub-menu a:focus, .woocommerce ul.products li.product .add_to_cart_button.added, .woocommerce ul.products li.product .product_type_variable.added, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { /* redux[background-color: main_theme_color] */ background-color: #FAAD09; } .color-primary-ext-border { /* redux[border-color: main_theme_color] */ border-color: #FAAD09; } .color-secondary-ext-fg, .side-panel-menu .nav .sub-menu a:active, .side-panel-menu .nav .sub-menu a:focus { /* redux[color: secondary_theme_color] */ color: #454545; } .color-secondary-ext-bg { /* redux[background-color: secondary_theme_color] */ background-color: #454545; } .color-link-ext-fg, a, a:visited { /* redux[color: main_theme_color] */ color: #FAAD09; } .color-link-hover-ext-fg, a:focus, a:hover, a:hover:visited { /* color-link-hover-ext-fg */ color: #454545; } .widget_product_search input[type="submit"], input[type="submit"], input[type="button"], button[type="submit"], .button, .btn-primary, .woocommerce .widget_wishlist_content .cart_list li .add_to_cart_button, .woocommerce table.wishlist_table a.button, .wpb_button, .vc_general.vc_btn3, .wpb_button.vc_btn3-style-theme-style, .vc_general.vc_btn3.vc_btn3-style-theme-style, .wpb_button.vc_btn3-color-theme-color, .vc_general.vc_btn3.vc_btn3-color-theme-color, .wpb_button.vc_btn3-color-theme-color-secondary, .vc_general.vc_btn3.vc_btn3-color-theme-color-secondary, .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce div.product.product-type-variable .single_variation_wrap .button, .woocommerce div.product .form-cart-wrapper .button, .woocommerce div.product.product-type-variable .single_variation_wrap .share-button, .woocommerce div.product .form-cart-wrapper .share-button, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce input.button[name="update_cart"], .woocommerce-cart table.cart .coupon .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, header .cart-dropdown .button, input, textarea, select, .select2-container .select2-choice, .select2-container .select2-selection, .select2-container .select2-selection.select2-selection--multiple { border-color: #B5B1AF; border-width: 0; border-style: solid; border-radius: 0; text-shadow: none; box-shadow: none; -webkit-font-smoothing: antialiased; } input, textarea, select, .select2-container .select2-choice, .select2-container .select2-selection, .select2-container .select2-selection.select2-selection--multiple { padding: 1.65em 1em; font-size: 14px; background-color: #eaeaea; } .dark input, .dark textarea, .dark select, .dark .select2-container .select2-choice, .select2-container .dark .select2-choice, .dark .select2-container .select2-selection, .select2-container .dark .select2-selection { background-color: #383838; } .dark input:focus, .dark textarea:focus, .dark select:focus, .dark .select2-container .select2-choice:focus, .select2-container .dark .select2-choice:focus, .dark .select2-container .select2-selection:focus, .select2-container .dark .select2-selection:focus { background-color: #525252; } .widget_product_search input[type="submit"], input[type="submit"], input[type="button"], button[type="submit"], .button, .btn-primary, .woocommerce .widget_wishlist_content .cart_list li .add_to_cart_button, .woocommerce table.wishlist_table a.button, .wpb_button, .vc_general.vc_btn3, .wpb_button.vc_btn3-style-theme-style, .vc_general.vc_btn3.vc_btn3-style-theme-style, .wpb_button.vc_btn3-color-theme-color, .vc_general.vc_btn3.vc_btn3-color-theme-color, .wpb_button.vc_btn3-color-theme-color-secondary, .vc_general.vc_btn3.vc_btn3-color-theme-color-secondary, .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce div.product.product-type-variable .single_variation_wrap .button, .woocommerce div.product .form-cart-wrapper .button, .woocommerce div.product.product-type-variable .single_variation_wrap .share-button, .woocommerce div.product .form-cart-wrapper .share-button, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce input.button[name="update_cart"], .woocommerce-cart table.cart .coupon .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, header .cart-dropdown .button { text-decoration: none; } .tooltip, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist .action-label, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist .action-label { display: inline-block; position: absolute; background-color: #454545; color: #fff; font-weight: 800; padding: 6px 11px; white-space: nowrap; font-size: 80%; text-align: right; line-height: 16px; z-index: 90; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); } .tooltip { visibility: hidden; opacity: 0; display: block; transition: opacity 0.2s linear, visibility 0s linear 0.2s; top: 50%; bottom: auto; left: auto; right: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 10px 0 0; } .tooltip:after { content: ''; position: absolute; background: transparent; border: 6px solid transparent; } .tooltip:after { top: 50%; bottom: auto; left: 100%; right: auto; margin: -6px 0 0 0; border-color: transparent; border-left-color: #454545; } .section-title, .woocommerce .upsells > h2, .woocommerce .related > h2 { display: inline-block; font-size: 20px; text-align: center; letter-spacing: 1.5px; margin: 1em auto 4em auto; padding: 0 0 1em 0; position: relative; color: #454545; border-bottom: 2px solid #454545; } .theme-sep { display: inline-block; } .theme-sep path { fill: #FAAD09; } .no-forced-uppercase { text-transform: initial; } .overlay-10:after { opacity: 0.1; } .overlay-20:after { opacity: 0.2; } .overlay-30:after { opacity: 0.3; } .overlay-40:after { opacity: 0.4; } .overlay-50:after { opacity: 0.5; } .overlay-60:after { opacity: 0.6; } .overlay-70:after { opacity: 0.7; } .overlay-80:after { opacity: 0.8; } .overlay-90:after { opacity: 0.9; } .overlay-100:after { opacity: 1; } /** * * 02. Reset styles * */ /* Images and wp-captions should always fit and be responsive */ img { display: inline-block; height: auto; max-width: 100%; } img[class*="wp-image-"] { margin-top: 10px; margin-bottom: 10px; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* remove paddings & margins */ .main-content-inner { padding-bottom: 0; } .main-content-inner { min-height: 0px; } .main-content-inner > *:first-child { margin-top: 0; } .main-content-inner .wpb_wrapper .wpb_content_element:last-child .wpb_wrapper > *:last-child, .main-content-inner > *:last-child { margin-bottom: 0; } table, thead, tr { border: 0; } /* reset BS border radius */ .wp-caption, .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus, .main-content .wpb_button, .main-content .wpb_button:hover, .btn, .alert, .form-control, code, pre, .input-group-addon, .sub-menu, .panel, .well, .navbar, .navbar-nav > li > a, .navbar-toggle, .breadcrumb, .pagination, .pager li > a, .pager li > span, .tooltip-inner, .thumbnail, .img-thumbnail, .label, .progress, .accordion-group, .section .section-edit-link, .section .section-edit-link a, .img-rounded, .form-control.input-large, .btn-large, .input-group-addon.input-large .well-large, .modal-content, .popover, .badge, .carousel-indicators li, .jumbotron, .input-group-addon.input-small, .form-control.input-small, .btn-small, .well-small, .nav-tabs > li > a, .nav-pills > li > a, .navbar-toggle .icon-bar, .popover-title, .section .twitter-slider .flexslider, .wishlist_table .add_to_cart.button, .yith-wcwl-add-button a.add_to_wishlist, .yith-wcwl-popup-button a.add_to_wishlist, .wishlist_table a.ask-an-estimate-button, .wishlist-title a.show-title-form, .hidden-title-form a.hide-title-form, .woocommerce .yith-wcwl-wishlist-new button, .wishlist_manage_table a.create-new-wishlist, .wishlist_manage_table button.submit-wishlist-changes, .yith-wcwl-wishlist-search-form button.wishlist-search-button { border-radius: 0px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #fff; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-color: #B5B1AF; } .media-list ul.children { list-style: outside none none; } /** * * 03. Base theme styles * */ /** 03.01 & **/ body { font-size: 14px; letter-spacing: 0px; line-height: 1.9em; color: #454545; background-color: #F5F5F5; transition: opacity 0.1s ease-in-out, -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), opacity 0.1s ease-in-out; transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), opacity 0.1s ease-in-out, -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); } body > * { transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); } html.hide-until-fonts { opacity: 0; transition: opacity 0.1s ease-in-out; } html.hide-until-fonts.wf-active, html.hide-until-fonts.wf-inactive { opacity: 1; } .dark { color: #fff; } .dark .main-content, article.dark { background-color: #2B2B2B; } /** 03.02 a, p, strong & ::selection etc **/ a { transition: all 0.2s cubic-bezier(0, 0, 0.26, 1); text-decoration: none; } a:focus { text-decoration: underline; } a:hover { text-decoration: none; } .dark a { color: #B5B1AF; } .dark a:visited { color: #B5B1AF; } .dark a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } p { letter-spacing: 0.2px; } b, strong { font-weight: 900; } ul { list-style: disc; } dd { margin-bottom: 24px; } blockquote { border-left: 5px solid; border-color: #FAAD09; /* redux[border-color: main_theme_color] */ font-weight: 900; } cite { color: #8D8D8D; font-weight: 700; } ::-moz-selection { /* no extend */ color: #454545; background-color: #FAAD09; } ::selection { /* no extend */ color: #454545; background-color: #FAAD09; } ::-moz-selection { /* no extend */ color: #454545; background-color: #FAAD09; } /** 03.03 Headings h1-h6 **/ h1, h2, h3, h4, h5, h6 { font-weight: 900; letter-spacing: 0; -webkit-font-smoothing: antialiased; } h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong { color: #FAAD09; /* redux[color: main_theme_color] */ } h1 { font-size: 30px; } h2 { font-size: 28px; } h3 { font-size: 23px; } h4 { font-size: 19px; } h5 { font-size: 16px; } h6 { font-size: 14px; } h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, p.lead.center { text-align: center; } h1.left, h2.left, h3.left, h4.left, h5.left, h6.left, p.lead.left { text-align: left; } h1.right, h2.right, h3.right, h4.right, h5.right, h6.right, p.lead.right { text-align: right; } /** 03.04 Tables **/ table { border-collapse: separate; border-spacing: 0; border: 2px solid rgba(0, 0, 0, 0.1); border-width: 2px 0 0 2px; margin-bottom: 24px; width: 100%; } table td, table th { border: 2px solid rgba(0, 0, 0, 0.1); border-width: 0 2px 2px 0; padding: 9px 10px; text-align: left; } table th { font-weight: 700; } /** * * 04. Icons * */ /** 04.01 Ion icons **/ .icon-ws-arrow-left:before, .icon-ws-arrow-right:before, .caret:before, .social-icons .icon.facebook:before, .yith-wcwl-share li a.facebook:before, .social-icons .icon.twitter:before, .yith-wcwl-share li a.twitter:before, .social-icons .icon.pinterest:before, .yith-wcwl-share li a.pinterest:before, .social-icons .icon.googleplus:before, .yith-wcwl-share li a.googleplus:before, .social-icons .icon.linkedin:before, .yith-wcwl-share li a.linkedin:before, .social-icons .icon.email:before, .yith-wcwl-share li a.email:before, .nav .menu-item-has-children > a:after, .widget_rating_filter .wc-layered-nav-rating.chosen a:after, .pswp__button:before, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before, .select2.select2-container--default .select2-selection--multiple .select2-selection__rendered:before, .woocommerce .widget_wishlist_content .cart_list li .add_to_cart_button.added:before, .woocommerce.single-product div.product .thumbnails #slider-prev:before, .woocommerce.single-product div.product .thumbnails #slider-next:before, #yith-quick-view-modal #yith-quick-view-close:before, #yith-quick-view-modal.open #yith-quick-view-close:before, .woocommerce table.shop_table a.yith-wcqv-button:before, .wpb_content_element.theme-style .flexslider .flex-direction-nav .flex-prev:before, .wpb_content_element.theme-style .flexslider .flex-direction-nav .flex-next:before, .xy-slider.products a.add_to_cart_button:before, .xy-slider.products .button.to-product:before, .xy-slider.products .swiper-nav-wrapper .toggle-button:before, .shrk-video-popup-wrapper .close:before, .wpb_wrapper .vc_tta-container .vc_general.vc_tta-style-theme-style.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title a:before, .vc_toggle.vc_toggle_default .vc_toggle_title:before, article .more-link:after, article .post-edit-link:after, .woocommerce .woocommerce-message .close:before, .woocommerce .woocommerce-error .close:before, .woocommerce .woocommerce-info .close:before, .woocommerce div.product div.images div.thumbnails .shrk-video-popup .thumbnail-bg:after, .woocommerce div.product.product-type-variable .single_variation_wrap .share-button:before, .woocommerce div.product .form-cart-wrapper .share-button:before, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:before, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce div.product.product-type-variable .single_variation_wrap .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:before, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce div.product .form-cart-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before, .woocommerce ul.products li.product .add_to_cart_button:before, .woocommerce ul.products li.product .product_type_variable:before, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a:before, .woocommerce.woocommerce.products-transparent.products-meta-bg ul.products.list li.product .yith-wcqv-button:before, .woocommerce ul.products.list li.product .yith-wcqv-button:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li span.prev:before, .woocommerce nav.woocommerce-pagination ul li span.next:before, .woocommerce .widget_layered_nav ul li.chosen a:before, .woocommerce .widget_layered_nav_filters ul li a:before, .woocommerce-account .woocommerce-MyAccount-navigation li:before, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title a.edit:after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ws-arrow-left, .icon-ws-arrow-right { width: 100%; display: inline-block; text-align: center; color: #8D8D8D; } .dark-controls .icon-ws-arrow-left, .dark-controls .icon-ws-arrow-right { color: #B5B1AF; } .icon-ws-arrow-left:before { content: ""; } .icon-ws-arrow-right:before { content: ""; } /** 04.02 Loading spinners **/ .shrk-swiper-container .swiper-slide:before, .shrk-swiper-container .next_swipe.loading:after, .shrk-swiper-container .prev_swipe.loading:after, .search-form .wrap-search:after, .yith-ajaxsearchform-container > form .wrap-search:after, .yith-wcwl-add-to-wishlist .ajax-loading:after, .woocommerce.single-product div.product .yith_magnifier_loading:before, #yith-quick-view-modal div.product .entry-summary:after, #yith-quick-view-modal.open div.product .entry-summary:after, .woocommerce table.shop_table a.yith-wcqv-button:after, body .wcapf-before-update:after, .xy-slider.products .slide-background:after, .shrk-video-popup-wrapper .loader:after, .woocommerce .blockUI.blockOverlay:before, .woocommerce a.button:after, .woocommerce button.button:after, .woocommerce input.button:after, .woocommerce #respond input#submit:after { -webkit-animation: rotate-shrk 0.7s linear 0s infinite; animation: rotate-shrk 0.7s linear 0s infinite; width: 20px; height: 20px; border: 3px solid #fff; border-right-color: transparent !important; border-radius: 50%; display: inline-block; } .shrk-loader { display: none; } .shrk-loader:after { content: ""; position: relative; display: block; border-top-color: rgba(255, 255, 255, 0) !important; border-bottom-color: rgba(255, 255, 255, 0) !important; border-color: #1A1A1A; border-style: solid; border-width: 3px; width: 80px; height: 80px; border-radius: 80px; -webkit-animation: rotate-shrk 0.25s linear infinite; animation: rotate-shrk 0.25s linear infinite; } .shrk-loader.small:after { width: 20px; height: 20px; border-radius: 20px; } #shrk-full-page-spinner { height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 999999; display: none; transition: opacity 0.2s cubic-bezier(0, 0, 0.26, 1); } #shrk-full-page-spinner .shrk-loader { display: table-cell; vertical-align: middle; text-align: center; text-align: -webkit-center; text-align: -moz-center; } @-webkit-keyframes rotate-shrk { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-shrk { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** * * 05. Base elements * */ /** 05.01 Responsive headings **/ .responsive-heading { font-size: 83px; line-height: 0.85em; letter-spacing: -5px; } @media screen and (max-width: 1399px) { .responsive-heading { font-size: 72px; } } @media screen and (max-width: 1199px) { .responsive-heading { font-size: 72px; font-size: 6vw; } } @media screen and (max-width: 991px) { .responsive-heading { font-size: 68px; font-size: 5.5vw; } } @media screen and (max-width: 767px) { .responsive-heading { font-size: 70px; font-size: 9.1vw; } } @media screen and (max-width: 479px) { .responsive-heading { font-size: 42px; font-size: 12vw; letter-spacing: 0; } } @media screen and (max-height: 600px) and (orientation: landscape) { .responsive-heading { font-size: 40px; font-size: 10vh; } } .responsive-heading.medium { font-size: 56px; letter-spacing: 0; } @media screen and (max-width: 991px) { .responsive-heading.medium { font-size: 40px; font-size: 4vw; } } @media screen and (max-width: 767px) { .responsive-heading.medium { font-size: 52px; font-size: 7vw; } } @media screen and (max-width: 479px) { .responsive-heading.medium { font-size: 36px; font-size: 8vw; } } .responsive-heading.small { font-size: 38px; letter-spacing: 0; } @media screen and (max-width: 991px) { .responsive-heading.small { font-size: 30px; font-size: 3vw; } } @media screen and (max-width: 767px) { .responsive-heading.small { font-size: 36px; font-size: 4.5vw; } } @media screen and (max-width: 479px) { .responsive-heading.small { font-size: 26px; font-size: 6vw; } } /** 05.02 Dropdown arrow/caret **/ .caret { display: inline-block; height: 100%; margin-left: 2px; border: 0; } .caret:before { content: ""; display: inline-block; line-height: 1em; font-weight: bold; } /** 05.03 Modals **/ .modal-dialog, .modal.fade .modal-dialog, .modal.fade .modal-dialog { position: absolute; width: auto; margin: 0; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } @media (min-width: 768px) { .modal-dialog { width: auto; } } /** 05.04 Screen reader text **/ .screen-reader-text { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /** 05.05 Scroll to top button **/ #scroll-to-top { background-color: #454545; color: #F7F7F7; font-size: 22px; position: fixed; bottom: 0; right: 30px; width: 30px; height: 30px; text-align: center; line-height: 30px; z-index: 10; visibility: hidden; opacity: 0; transition: opacity 0.2s linear, visibility 0s linear 0.2s, color 0.2s; } #scroll-to-top.round { bottom: 28px; border-radius: 20px; width: 40px; height: 40px; line-height: 40px; } #scroll-to-top.show { visibility: visible; opacity: 0.7; transition-delay: 0s; } #scroll-to-top:hover { color: #FAAD09; /* redux[color: main_theme_color] */ opacity: 1; } /** 05.06 Social Icons **/ .social-icons { margin-bottom: 2em; } .social-icons .icon, .yith-wcwl-share li a { color: #454545; font-size: 24px; display: inline-block; margin-right: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; opacity: 0.5; } .social-icons .icon:hover, .yith-wcwl-share li a:hover { opacity: 1; } .social-icons .icon.facebook, .yith-wcwl-share li a.facebook { background-image: none; } .social-icons .icon.facebook:before, .yith-wcwl-share li a.facebook:before { content: ""; } .social-icons .icon.twitter, .yith-wcwl-share li a.twitter { background-image: none; } .social-icons .icon.twitter:before, .yith-wcwl-share li a.twitter:before { content: ""; } .social-icons .icon.pinterest, .yith-wcwl-share li a.pinterest { background-image: none; } .social-icons .icon.pinterest:before, .yith-wcwl-share li a.pinterest:before { content: ""; } .social-icons .icon.googleplus, .yith-wcwl-share li a.googleplus { background-image: none; } .social-icons .icon.googleplus:before, .yith-wcwl-share li a.googleplus:before { content: ""; } .social-icons .icon.linkedin, .yith-wcwl-share li a.linkedin { background-image: none; } .social-icons .icon.linkedin:before, .yith-wcwl-share li a.linkedin:before { content: ""; } .social-icons .icon.email, .yith-wcwl-share li a.email { background-image: none; } .social-icons .icon.email:before, .yith-wcwl-share li a.email:before { content: ""; } /** 05.07 Media elements **/ .widget .mejs-mediaelement, .widget .mejs-container .mejs-controls, .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #454545; } .widget .mejs-mediaelement .mejs-time-rail .mejs-time-loaded, .widget .mejs-mediaelement .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .widget .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded, .widget .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .hentry .mejs-mediaelement .mejs-time-rail .mejs-time-loaded, .hentry .mejs-mediaelement .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .hentry .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #F7F7F7; } .widget .mejs-mediaelement .mejs-time-rail .mejs-time-current, .widget .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, .hentry .mejs-mediaelement .mejs-time-rail .mejs-time-current, .hentry .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background-color: #FAAD09; /* redux[background-color: main_theme_color] */ } .widget .mejs-mediaelement .mejs-time-rail .mejs-time-total, .widget .mejs-mediaelement .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .widget .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .widget .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-mediaelement .mejs-time-rail .mejs-time-total, .hentry .mejs-mediaelement .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #8D8D8D; } .widget .mejs-mediaelement .mejs-time-rail span, .widget .mejs-mediaelement .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .widget .mejs-mediaelement .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .widget .mejs-container .mejs-controls .mejs-time-rail span, .widget .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .widget .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .hentry .mejs-mediaelement .mejs-time-rail span, .hentry .mejs-mediaelement .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-mediaelement .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .hentry .mejs-container .mejs-controls .mejs-time-rail span, .hentry .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 2px; } /** * * 06. Site Header styles * */ /** 06.01 Base nav li elements **/ .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent; } .nav li .children > li:last-child { border-bottom: 0; } .nav .menu-item-has-children > a:after { content: ""; text-align: center; width: 1.1em; opacity: 0.5; font-size: 1.1em; line-height: 1em; margin-left: 3px; transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.2s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.2s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.26, 1); } .nav .menu-item-has-children:hover > a:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .nav .menu-item span.new-label { background-color: #FAAD09; /* redux[background-color: main_theme_color] */ color: #fff; padding: 1px 2px; font-size: 10px; position: relative; top: -1px; margin-left: 3px; border-radius: 1px; } /** 06.02 site-header & site-navigation **/ .site-header { position: absolute; width: 100%; z-index: 1001; border-bottom-color: transparent; transition: border-color 0.2s cubic-bezier(0, 0, 0.26, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), border-color 0.2s cubic-bezier(0, 0, 0.26, 1) 0.1s; transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), border-color 0.2s cubic-bezier(0, 0, 0.26, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); } .site-header.full-width-menu .container { width: 100%; max-width: 100%; } .site-header.mm-fw-visible { overflow: hidden; } .site-header.mm-fw-visible .site-navigation { transition-delay: 0s; } .site-navigation { position: relative; border-bottom: 0; font-size: 12px; opacity: 0; transition: background-color 0.2s cubic-bezier(0, 0, 0.26, 1) 0.1s, opacity 0.1s ease-in-out; } .height-transition .site-navigation { transition: height 0.3s cubic-bezier(0, 0, 0.26, 1), background-color 0.2s cubic-bezier(0, 0, 0.26, 1) 0.1s, opacity 0.1s ease-in-out; } .site-navigation a { transition: color 0.2s cubic-bezier(0, 0, 0.26, 1), padding 0.2s cubic-bezier(0, 0, 0.26, 1); color: #B5B1AF; } .site-navigation > .container > .row { margin-left: 0; margin-right: 0; } .site-navigation .container { padding-bottom: 0px; box-sizing: padding-box; } .site-navigation .container .col-12 { padding: 0px; } .site-navigation.sticky-navigation { z-index: 10; } .site-navigation.sticky-navigation .navbar-nav > li > a { padding-bottom: 40px; padding-top: 40px; } .caret { display: none; } .no-header .main-content { padding-top: 0; } /** 06.03 Dropdowns **/ ul.sub-menu, div.sub-menu, .top-bar .sub-menu { width: auto; max-width: 280px; padding: 2px 0px; border: 0; } ul.sub-menu a, ul.sub-menu a:visited, div.sub-menu a, div.sub-menu a:visited, .top-bar .sub-menu a, .top-bar .sub-menu a:visited { color: #454545; background-color: transparent; } ul.sub-menu a:hover, ul.sub-menu a:visited:hover, div.sub-menu a:hover, div.sub-menu a:visited:hover, .top-bar .sub-menu a:hover, .top-bar .sub-menu a:visited:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } ul.sub-menu ul, div.sub-menu ul, .top-bar .sub-menu ul { width: auto; list-style: none; padding-left: 20px; } ul.sub-menu li, div.sub-menu li, .top-bar .sub-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-weight: normal; line-height: 1.428571429; } ul.sub-menu li a, div.sub-menu li a, .top-bar .sub-menu li a { display: block; padding: 4px 12px; clear: both; white-space: nowrap; } ul.sub-menu li a:hover, ul.sub-menu li a:focus, div.sub-menu li a:hover, div.sub-menu li a:focus, .top-bar .sub-menu li a:hover, .top-bar .sub-menu li a:focus { text-decoration: none; background-image: none; } ul.sub-menu li a.wraptext, div.sub-menu li a.wraptext, .top-bar .sub-menu li a.wraptext { white-space: normal; } ul.sub-menu li:last-child, div.sub-menu li:last-child, .top-bar .sub-menu li:last-child { border-bottom: 0; } ul.sub-menu > .active > a, ul.sub-menu > .active > a:hover, div.sub-menu > .active > a, div.sub-menu > .active > a:hover, .top-bar .sub-menu > .active > a, .top-bar .sub-menu > .active > a:hover { background-color: initial; } ul.sub-menu .dropdown-submenu li, div.sub-menu .dropdown-submenu li, .top-bar .sub-menu .dropdown-submenu li { position: relative; } ul.sub-menu .dropdown-submenu li:after, div.sub-menu .dropdown-submenu li:after, .top-bar .sub-menu .dropdown-submenu li:after { content: ''; position: absolute; width: 8px; height: 8px; border-left: 3px solid #F7F7F7; border-bottom: 3px solid #F7F7F7; left: -5px; top: 5px; } ul.sub-menu .dropdown-submenu li:before, div.sub-menu .dropdown-submenu li:before, .top-bar .sub-menu .dropdown-submenu li:before { content: ''; position: absolute; width: 8px; height: 105%; border-left: 3px solid #F7F7F7; left: -5px; top: 5px; } ul.sub-menu .dropdown-submenu li:last-child:after, div.sub-menu .dropdown-submenu li:last-child:after, .top-bar .sub-menu .dropdown-submenu li:last-child:after { border-bottom-left-radius: 1px; } ul.sub-menu .dropdown-submenu li:last-child:before, div.sub-menu .dropdown-submenu li:last-child:before, .top-bar .sub-menu .dropdown-submenu li:last-child:before { display: none; } .dark ul.sub-menu .dropdown-submenu li:before, .dark ul.sub-menu .dropdown-submenu li:after, .dark div.sub-menu .dropdown-submenu li:before, .dark div.sub-menu .dropdown-submenu li:after, .dark .top-bar .sub-menu .dropdown-submenu li:before, .dark .top-bar .sub-menu .dropdown-submenu li:after { border-color: #F7F7F7; } ul.sub-menu .menu-item-has-children > a:after, div.sub-menu .menu-item-has-children > a:after, .top-bar .sub-menu .menu-item-has-children > a:after { display: none; } /** 06.04 Header icons **/ header.site-header .header-icon { min-width: 40px; width: 1%; } header.site-header .header-icon .navbar-nav { float: left; margin: 0; } header.site-header .header-icon .sub-menu { padding: 0; } header.site-header .header-icon > ul { display: inline-block; width: 100%; } header.site-header .header-icon > ul > li { width: 100%; text-align: center; } header.site-header .header-icon > ul > li > a { padding-left: 5px; padding-right: 5px; } header.site-header .header-icon > ul > li i { font-size: 20px; line-height: 30px; vertical-align: middle; transition: color 0.2s cubic-bezier(0, 0, 0.26, 1); } header.site-header .header-icon > ul > li svg { transition: fill 0.2s cubic-bezier(0, 0, 0.26, 1); } header.site-header .header-icon > ul > li:hover > a > i, header.site-header .header-icon > ul > li:focus > a > i, header.site-header .header-icon > ul > li:active > a > i, header.site-header .header-icon > ul > li:hover > a > div > i { color: #FAAD09; /* redux[color: main_theme_color] */ } header.site-header .header-icon > ul > li:hover > a > svg, header.site-header .header-icon > ul > li:focus > a > svg, header.site-header .header-icon > ul > li:active > a > svg, header.site-header .header-icon > ul > li:hover > a > div > svg { fill: #FAAD09; /* redux[fill: main_theme_color] */ } header.site-header .header-icon.navbar-sep { padding-left: 8px; padding-right: 8px; text-align: center; } header.site-header .header-icon.navbar-sep:after { content: ''; position: absolute; top: 50%; margin-top: -15px; height: 30px; width: 2px; background-color: #F7F7F7; opacity: 0.1; } header.site-header .header-icon .product-count, header.site-header .header-icon .icon-counter { font-size: 80%; letter-spacing: 0; line-height: 18px; width: 18px; background-color: #FAAD09; /* redux[background-color: main_theme_color] */ color: #fff; border-radius: 100%; margin: 0; position: absolute; right: -2px; top: 50%; opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); transition: all 0.2s ease-in-out; } header.site-header .header-icon .has-items .product-count { opacity: 1; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } header.site-header .header-icon.header-search .search-dropdown { position: absolute; top: 100%; background-color: #fff; right: 0; left: auto; width: auto; max-width: initial; } header.site-header .header-icon.header-search .search-dropdown form { min-width: 380px; } header.site-header .header-icon.header-search .search-dropdown form .wrap-search input { background-color: transparent; } header.site-header .header-icon.header-search .search-dropdown form .wrap-submit { padding-left: 0; } @media screen and (max-width: 991px) { header.site-header .header-icon.header-search > .nav > li { position: static; } header.site-header .header-icon.header-search .search-dropdown { width: 100%; left: 0; } } @media screen and (max-width: 479px) { header.site-header .header-icon.header-search, header.site-header .header-icon.header-wishlist { display: none; } } /** 06.05 Navbar + children **/ .navbar { position: relative; border: 0; border-radius: 0px; width: 100%; height: 120px; min-height: 25px; margin-bottom: 0px; display: table; } .navbar a, .navbar ul li a { font-weight: 900; letter-spacing: 1px; } .navbar .navbar-header { width: 1%; text-align: left; } @media screen and (max-width: 767px) { .navbar .navbar-header { width: auto; } } .navbar .navbar-collapse { float: right; } .navbar .navbar-toggle { border: 0; margin: 0; float: none; display: block; } .navbar .navbar-toggle i.ion { display: none; } .navbar .navbar-toggle svg { width: 19px; height: 19px; display: block; height: 30px; } .navbar .navbar-toggle svg rect { will-change: transform; transition: opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); } .navbar .navbar-toggle svg rect:nth-child(1) { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .navbar .navbar-toggle svg rect:nth-child(3) { -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .navbar .navbar-toggle.open svg > rect:first-child { -webkit-transform: translateX(100px) rotate(45deg); -ms-transform: translateX(100px) rotate(45deg); transform: translateX(100px) rotate(45deg); } .navbar .navbar-toggle.open svg > rect:nth-child(2) { opacity: 0; } .navbar .navbar-toggle.open svg > rect:nth-child(3) { -webkit-transform: translateX(100px) rotate(-45deg); -ms-transform: translateX(100px) rotate(-45deg); transform: translateX(100px) rotate(-45deg); } .navbar .navbar-header, .navbar .navbar-collapse, .navbar .navbar-elem, .navbar .header-icon { display: table-cell; vertical-align: middle; float: none; height: 100%; } .navbar .navbar-nav { height: 100%; } .navbar .navbar-nav > .menu-item > a:before { content: ''; display: block; position: absolute; height: 2px; background-color: #FAAD09; /* redux[background-color: main_theme_color] */ width: 20px; left: 50%; bottom: 0; opacity: 0; -webkit-transform: translate3d(-50%, 20px, 0); transform: translate3d(-50%, 20px, 0); transition: opacity 0.2s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.2s cubic-bezier(0, 0, 0.26, 1), opacity 0.2s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.2s cubic-bezier(0, 0, 0.26, 1), opacity 0.2s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.26, 1); } .navbar .navbar-nav > .menu-item:hover > a:before, .navbar .navbar-nav > .menu-item.current-menu-item > a:before { opacity: 1; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } .navbar .navbar-nav > .menu-item.featured > a { border-radius: 3px; background-color: #FAAD09; /* redux[background-color: main_theme_color] */ margin-left: 15px; margin-right: 15px; transition: all 0.2s cubic-bezier(0, 0, 0.26, 1); } .navbar .navbar-nav > .menu-item.featured > a:before { visibility: hidden; } .navbar .navbar-nav > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .navbar .navbar-nav > li > a { padding: 5px 15px; line-height: initial; float: none; transition: color 0.2s; } .navbar .navbar-brand { transition: padding 0.2s, max-width 0.2s; display: inline-block; float: none; padding: 7px 0; font-size: 28px; line-height: 26px; font-weight: 900; letter-spacing: -1px; height: auto; max-width: 300px; vertical-align: middle; } @media screen and (max-width: 767px) { .navbar .navbar-brand { max-width: 100%; } } .navbar .navbar-brand .main-logo { display: block; max-height: 150px; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: opacity 0.1s cubic-bezier(0, 0, 0.26, 1); } .navbar .navbar-brand .main-logo.transp-logo { opacity: 0; } .navbar .navbar-width-fix { display: none; } /** 06.06 Mobile & auto-collapse **/ @media screen and (min-width: 768px) { .site-navigation .menu-mobile { display: none; } } .site-navigation.menu-collapsed .navbar-responsive-collapse { visibility: hidden; position: absolute; overflow: hidden; } .site-navigation.menu-collapsed .menu-mobile { display: table-cell; } .site-navigation.menu-collapsed .navbar-width-fix { display: table-cell; vertical-align: middle; float: none; height: 100%; width: 100%; } /** 06.07 Header's main color schemes **/ .site-header .site-navigation, .site-header.solid-color .site-navigation, .transparent-header .site-header.solid-color .site-navigation { background-color: #FFF; } .site-header .site-navigation .navbar .navbar-nav > li > a, .site-header.solid-color .site-navigation .navbar .navbar-nav > li > a, .transparent-header .site-header.solid-color .site-navigation .navbar .navbar-nav > li > a { color: #454545; /* header color (front) */ fill: #454545; /* header color (front) */ } .site-header .site-navigation .navbar .navbar-brand, .site-header.solid-color .site-navigation .navbar .navbar-brand, .transparent-header .site-header.solid-color .site-navigation .navbar .navbar-brand { color: #454545; /* header color (front) */ } .site-header .site-navigation .navbar .navbar-toggle .icon-bar, .site-header.solid-color .site-navigation .navbar .navbar-toggle .icon-bar, .transparent-header .site-header.solid-color .site-navigation .navbar .navbar-toggle .icon-bar { background-color: #454545; /* header color (front) */ } .site-header .site-navigation .navbar .solid-logo, .site-header.solid-color .site-navigation .navbar .solid-logo, .transparent-header .site-header.solid-color .site-navigation .navbar .solid-logo { opacity: 1; } .site-header .site-navigation .navbar .transp-logo, .site-header.solid-color .site-navigation .navbar .transp-logo, .transparent-header .site-header.solid-color .site-navigation .navbar .transp-logo { opacity: 0; } .site-header .site-navigation .navbar .cart-icon.custom > img, .site-header.solid-color .site-navigation .navbar .cart-icon.custom > img, .transparent-header .site-header.solid-color .site-navigation .navbar .cart-icon.custom > img { display: block; } .site-header .site-navigation .navbar .cart-icon.custom > img.transparent-cart-icon, .site-header.solid-color .site-navigation .navbar .cart-icon.custom > img.transparent-cart-icon, .transparent-header .site-header.solid-color .site-navigation .navbar .cart-icon.custom > img.transparent-cart-icon { display: none; } /** 06.08 Transparent header **/ .transparent-header .site-header { border-bottom-color: transparent; } .transparent-header .site-header .site-navigation { background-color: transparent; border-bottom: none; box-shadow: none; } .transparent-header .site-header .site-navigation .navbar .navbar-nav > li > a { color: #FFF; /* transp color (front) */ fill: #FFF; /* header color (front) */ } .transparent-header .site-header .site-navigation .navbar .navbar-brand { color: #FFF; /* transp color (front) */ } .transparent-header .site-header .site-navigation .navbar .navbar-toggle .icon-bar { background-color: #FFF; /* transp color (front) */ } .transparent-header .site-header .site-navigation .navbar .solid-logo { opacity: 0; } .transparent-header .site-header .site-navigation .navbar .transp-logo { opacity: 1; } .transparent-header .site-header .site-navigation .navbar .cart-icon.custom > img { display: none; } .transparent-header .site-header .site-navigation .navbar .cart-icon.custom > img.transparent-cart-icon { display: block; } .header-over-content.has-sections .container-sections section:first-child > .container { padding-top: 152px; } /** 06.10 Sticky header **/ .head-type-sticky .header-scrolled { -webkit-transform: translate3d(0, -152px, 0); transform: translate3d(0, -152px, 0); } .head-type-sticky .header-scrolled .top-bar { display: none; } @media screen and (max-width: 767px) { .head-type-sticky .header-scrolled .navbar-header .navbar-toggle { margin: 0; } .head-type-sticky .header-scrolled .nav > li > a:before { display: none; } } .head-type-sticky .small-head-ready { transition: border-color 0.2s cubic-bezier(0, 0, 0.26, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), border-color 0.2s cubic-bezier(0, 0, 0.26, 1) 0.1s; transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), border-color 0.2s cubic-bezier(0, 0, 0.26, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); } .head-type-sticky .head-sticky { position: fixed !important; width: 100%; } .head-type-sticky .head-sticky .navbar { height: 30px; } .head-type-sticky .head-sticky-visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /** 06.11 Mega menu **/ .site-navigation .megamenu { /* 06.11.1 Full width mega menu */ /* 06.11.2 Auto width mega menu */ } .site-navigation .megamenu > .sub-menu { left: 0; max-width: 100%; } .site-navigation .megamenu > .sub-menu a { white-space: normal; } .site-navigation .megamenu > .sub-menu > li.menu-item { float: none; display: inline-block; border-bottom: 0; width: auto; } .site-navigation .megamenu > .sub-menu li.menu-item { border: 0; } .site-navigation .megamenu > .sub-menu li.menu-item.current-menu-item a { color: #FAAD09; /* redux[color: main_theme_color] */ } .site-navigation .megamenu > .sub-menu > .dropdown-submenu > ul { position: relative; } .site-navigation .megamenu > .sub-menu > .dropdown-submenu > ul:after { content: ''; position: absolute; right: 0; margin-right: -4%; top: 0; height: 100%; width: 2px; background-color: rgba(255, 255, 255, 0.1); } .site-navigation .megamenu > .sub-menu > .dropdown-submenu:last-child ul:after { display: none; } .site-navigation .megamenu.fullwidth ul.columns-1 > li, .site-navigation .megamenu.submenu-too-big ul.columns-1 > li { width: 100%; } .site-navigation .megamenu.fullwidth ul.columns-2 > li, .site-navigation .megamenu.submenu-too-big ul.columns-2 > li { width: 48%; margin-right: 4%; } .site-navigation .megamenu.fullwidth ul.columns-3 > li, .site-navigation .megamenu.submenu-too-big ul.columns-3 > li { width: 32%; margin-right: 2%; } .site-navigation .megamenu.fullwidth ul.columns-4 > li, .site-navigation .megamenu.submenu-too-big ul.columns-4 > li { width: 23.5%; margin-right: 2%; } .site-navigation .megamenu.fullwidth ul.columns-5 > li, .site-navigation .megamenu.submenu-too-big ul.columns-5 > li { width: 18.4%; margin-right: 2%; } .site-navigation .megamenu.fullwidth ul.columns-6 > li, .site-navigation .megamenu.submenu-too-big ul.columns-6 > li { width: 15%; margin-right: 2%; } .site-navigation .megamenu.fullwidth ul.columns-7 > li, .site-navigation .megamenu.submenu-too-big ul.columns-7 > li { width: 13%; margin-right: 1.5%; } .site-navigation .megamenu.fullwidth ul.columns-8 > li, .site-navigation .megamenu.submenu-too-big ul.columns-8 > li { width: 11.625%; margin-right: 1%; } .site-navigation .megamenu.fullwidth ul.columns-9 > li, .site-navigation .megamenu.submenu-too-big ul.columns-9 > li { width: 10.111%; margin-right: 1%; } .site-navigation .megamenu.fullwidth ul.columns-10 > li, .site-navigation .megamenu.submenu-too-big ul.columns-10 > li { width: 9.1%; margin-right: 1%; } .site-navigation .megamenu.fullwidth ul li:last-child, .site-navigation .megamenu.submenu-too-big ul li:last-child { margin-right: 0; } .site-navigation .megamenu.fullwidth { position: static; } .site-navigation .megamenu.fullwidth > .sub-menu { width: 100%; padding: 1em 0 2em 0; box-shadow: none; background-color: transparent; } .site-navigation .megamenu.fullwidth > .sub-menu > li { display: block; float: left; } .site-navigation .megamenu.fullwidth:hover > ul.sub-menu { transition-delay: 0.1s; } .site-navigation .megamenu.fullwidth.only-js-hover:hover .sub-menu { visibility: hidden; } .site-navigation .megamenu.autowidth > .sub-menu { white-space: nowrap; padding: 1em; width: auto; max-width: none; } .site-navigation .megamenu.autowidth > .sub-menu > li { width: 180px; max-width: 180px; } .site-navigation .megamenu.autowidth > .sub-menu li.menu-item { vertical-align: top; } .site-navigation .megamenu > ul.sub-menu .dropdown-submenu li:before, .site-navigation .megamenu > ul.sub-menu .dropdown-submenu li:after { display: none; } .site-navigation .megamenu > ul.sub-menu .dropdown-submenu li a:hover { color: #FAAD09; } .site-navigation .megamenu > ul.sub-menu ul { padding: 0; } .site-navigation .megamenu > ul.sub-menu ul li:last-child { padding-right: 0; } .site-navigation .megamenu > ul.sub-menu > li > a { font-weight: 900; font-size: 90%; opacity: 0.3; color: #8D8D8D; cursor: default; } .site-navigation .megamenu > ul.sub-menu > li > a:hover { color: #8D8D8D !important; background-color: initial; } .site-navigation .megamenu > ul.sub-menu > li:last-child ul { padding-right: 0; } .site-navigation .megamenu.submenu-too-big { position: static; } .site-navigation .megamenu.submenu-too-big > .sub-menu { width: 100%; } .site-navigation .navbar-left .megamenu.autowidth > .sub-menu { left: 0; right: auto; } .site-navigation .navbar-right .megamenu.autowidth > .sub-menu { left: auto; right: 0; } .site-navigation .navbar-center .megamenu.autowidth > .sub-menu { right: 50%; left: auto; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } /** 06.12 Top bar **/ .top-bar { font-size: 11px; font-weight: 900; color: #FFF; background-color: #454545; height: auto; line-height: 32px; } .top-bar > .container > .row { margin-left: 0; margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .top-bar > .container > .row > * { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .top-bar > .container > .row .nav { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .top-bar.reverse > .container > .row { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .top-bar.reverse .infolinks { text-align: right; } .top-bar .navbar-right { margin-right: 0; text-align: right; } .top-bar .navbar-left { margin-left: 0; } .top-bar .navbar-left #topbar-menu { padding-left: 0; padding-right: 1em; } .top-bar .navbar-left ul li:first-child { margin-left: 0; padding-left: 0; } .top-bar a { color: #FFF; font-weight: 900; } .top-bar #topbar-menu { margin-bottom: 0; } .top-bar ul li { list-style: none; position: relative; display: inline-block; padding-left: 10px; margin-left: 10px; } .top-bar ul li.menu-item.menu-item-has-children:before { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -3px; width: 0; border: 6px solid transparent; border-bottom: 6px solid #fff; } .top-bar ul li:hover > a { color: #FAAD09; /* redux[color: main_theme_color] */ } .top-bar.reverse .nav ul li { padding-left: 0; margin-left: 0; padding-right: 10px; margin-right: 10px; } .top-bar .sub-menu { margin-top: 0; } .top-bar .sub-menu a { color: #454545; } .top-bar .sub-menu li { display: block; padding-left: 0; margin-left: 0; } .top-bar ul.sub-menu { width: auto; /* fix for megamenu width */ } .transparent-header .top-bar { background-color: rgba(0, 0, 0, 0.32); } .transparent-header .top-bar ul.sub-menu li:hover > a { color: #454545; } .transparent-header .top-bar ul.sub-menu li:hover a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .transparent-header .top-bar ul.sub-menu a { color: #454545; } .transparent-header .top-bar ul.sub-menu a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .top-bar.temp-fix-block { display: block !important; position: absolute; width: 100%; visibility: hidden; } /** 06.13 Side panels **/ .side-panel-menu { transition: opacity 0s 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s linear; transition: transform 0.2s linear, opacity 0s 0.2s, visibility 0s 0.2s; transition: transform 0.2s linear, opacity 0s 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s linear; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); position: fixed; top: 0; left: 0; height: 100%; width: 300px; max-width: 100%; z-index: 1020; overflow-x: auto; overflow-y: scroll; opacity: 0; padding-bottom: 3em; visibility: hidden; background-color: #EEE; box-shadow: 0 0 20px rgba(85, 85, 85, 0.5); will-change: transform, opacity; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } .side-panel-menu > * { will-change: transform; } .side-panel-menu.left { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); left: 0; right: auto; } .side-panel-menu.right { -webkit-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0); left: auto; right: 0; } .side-panel-menu.open { opacity: 1; visibility: visible; transition-delay: 0s; } .side-panel-menu .side-panel-widgets { padding: 2em 3em; } @media screen and (max-width: 479px) { .side-panel-menu .side-panel-widgets { padding: 2em; } } .side-panel-menu::-webkit-scrollbar { width: 0 !important; height: 0 !important; } .side-panel-menu .search-form.ajax-search > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .side-panel-menu .search-form.ajax-search .wrap-submit { display: none; } .side-panel-menu .search-form.ajax-search .wrap-results { position: relative; } #left-side-panel { overflow: hidden; padding-bottom: 0; } #left-side-panel .side-panel-widgets { overflow: auto; height: 100%; padding: 0 0 3em 0; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } #left-side-panel .side-panel-widgets > * { will-change: transform; } #left-side-panel .side-panel-widgets::-webkit-scrollbar { width: 0 !important; height: 0 !important; } #right-side-panel { width: 100%; max-width: 400px; } .cart-sidepanel { padding: 2em 1.5em; line-height: 22px; } .cart-sidepanel .row { margin-bottom: 0.5em; border-bottom: 1px solid #ddd; } .cart-sidepanel .row:last-child { border-bottom: 0; } .cart-sidepanel .row > div { padding-left: 10px; padding-right: 10px; } .side-panel-menu.left ul.nav { list-style: none; margin: 0 0 2em 0; padding: 0; font-size: 14px; } .side-panel-menu.left ul.nav li:before, .side-panel-menu.left ul.nav li:after { display: none; } .side-panel-menu.left ul.nav a { display: block; padding: 0.9em 1.5em; font-weight: 900; color: #454545; } .side-panel-menu.left ul.nav a:visited { color: #454545; } .side-panel-menu.left ul.nav a:hover, .side-panel-menu.left ul.nav a:focus, .side-panel-menu.left ul.nav a:active { text-decoration: none; color: #fff; background-color: #FAAD09; /* redux[background-color: main_theme_color] */ } .side-panel-menu.left ul.nav .active a { border-color: #FAAD09; /* redux[border-color: main_theme_color] */ border-right-width: 2px; border-right-style: solid; background-color: #e1e1e1; color: #454545; } .side-panel-menu.left ul.nav .menu-item-has-children > a:after { display: none; } .side-panel-menu.left .megamenu > ul > li > a { opacity: 0.5; font-size: 95%; padding-top: 0; padding-bottom: 0; margin-top: 1em; } .side-panel-menu.left .secondary-menu .nav li a { padding: 0.5em 1.5em; opacity: 0.7; } .side-panel-menu.left .navbar-brand { width: 100%; height: auto; font-weight: 900; margin: 2em 0; padding: 0 1.1em; color: #454545; } .side-panel-menu.left .caret { display: inline-block; opacity: 0.5; } .side-panel-menu.left .caret:before { transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .side-panel-menu.left .dropdown-backdrop { display: none; } .side-panel-menu.left li.menu-item-has-children .sub-menu { display: none; opacity: 1; visibility: visible; } .side-panel-menu.left li.menu-item-has-children.dropdown-open .caret:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .side-panel-menu.left .yith-ajaxsearchform-container .wrap-submit { display: none; padding-left: 0; } .side-panel-menu.left .yith-ajaxsearchform-container .wrap-search:after { right: 20px; } .side-panel-menu.left input, .side-panel-menu.left .autocomplete-suggestion { padding-left: 1.5em; } .side-panel-menu .nav .sub-menu { position: relative; width: initial; max-width: 100%; top: initial; left: 0; z-index: 0; float: none; min-width: initial; padding: 0; margin: 0; list-style: none; background-clip: padding-box; border: 0; border-radius: 0; box-shadow: inset 0px 15px 21px -15px rgba(0, 0, 0, 0.1), inset 0px -15px 21px -15px rgba(0, 0, 0, 0.1); background-color: #D7D7D7; } .side-panel-menu .nav .sub-menu li { border: 0; } .side-panel-menu .nav .sub-menu ul { padding-left: 1em; margin-bottom: 0; } .side-panel-menu .nav .sub-menu a { display: block; padding: 0.9em 2em; white-space: normal; } .side-panel-menu .close-side-panel { position: absolute; top: 1em; right: 1.25em; font-size: 26px; width: 35px; height: 35px; line-height: 35px; text-align: center; cursor: pointer; z-index: 10; display: none; } .side-panel-menu .close-side-panel:hover, .side-panel-menu .close-side-panel:focus, .side-panel-menu .close-side-panel:active { color: #FAAD09; /* redux[color: main_theme_color] */ } @media screen and (max-width: 479px) { .side-panel-menu .close-side-panel { right: 0.8em; } } @media screen and (max-width: 767px) { .side-panel-menu .close-side-panel { display: block; } } .content-dim-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1010; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0s 0.2s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s, visibility 0s 0.2s; transition: transform 0.3s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s, visibility 0s 0.2s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1); } .side-menu-open .content-dim-overlay { opacity: 1; visibility: visible; transition-delay: 0s; } .side-menu-open .side-panel-menu.open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (max-width: 599px) { .admin-bar header.head-sticky { top: 0; } } .admin-bar .side-panel-menu { margin-top: 32px; } @media screen and (max-width: 599px) { .admin-bar .side-panel-menu { margin-top: 0; } } /** * * 07. Page header styles * */ /** 07.01 Page cover **/ .page-cover { position: relative; padding: 7em 50px 7em 50px; overflow: hidden; transition: opacity 0.2s cubic-bezier(0, 0, 0.26, 1); } .page-cover .woocommerce-breadcrumb { text-align: center; } .page-cover p { line-height: 1em; } .page-cover p:last-child { margin-bottom: 0; } .page-cover.has-cover-image { padding: 5em 2em 5em 2em; text-align: center; } .page-cover.has-cover-image .page-cover-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: scroll; z-index: -1; transition: opacity 0.2s cubic-bezier(0, 0, 0.26, 1); } .page-cover.has-cover-image .page-cover-bg.parallax-bg { height: 200%; } .page-cover.has-cover-image .page-cover-bg.lazyload-bg, .page-cover.has-cover-image .page-cover-bg.lazyloading-bg { opacity: 0; } .page-cover.has-cover-image .woocommerce-breadcrumb { color: #F7F7F7; position: relative; z-index: 10; opacity: 0.7; } .page-cover.has-cover-image .woocommerce-breadcrumb a { color: #F7F7F7; } .page-cover.has-cover-image.shadow-bottom.page-cover-ready { box-shadow: inset 0px -30px 70px -10px rgba(0, 0, 0, 0.5); } .transparent-header .page-cover.has-cover-image { padding-top: 150px; } .page-cover header, .page-cover .term-description, .page-cover .taxonomy-description { position: relative; z-index: 6; max-width: 1000px; margin: 0 auto; } .page-cover header:last-child { margin-bottom: 0; padding-bottom: 0; } .page-cover .theme-sep { display: block; width: 100%; text-align: center; margin-bottom: 1em; position: relative; z-index: 5; } .page-cover .cover-overlay { position: absolute; opacity: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; transition: none; } .page-cover.windowheight, .page-cover.customheight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-cover.no-page-header header { display: none; } .page-cover.no-forced-uppercase header .page-title { text-transform: initial !important; } .page-cover.has-cover-image + .container-main-content > .row:first-child { margin-top: 70px; } /** 07.02 Page header **/ .page-header { margin-top: 0px; border-bottom: 0; text-align: center; } .page-header h1 { margin-top: 0px; margin-bottom: 12px; text-align: center; font-size: 72px; line-height: 0.9em; font-weight: 900; letter-spacing: 5px; word-break: break-word; } .page-header h1:last-child { margin-bottom: 0; } @media screen and (max-width: 991px) { .page-header h1 { font-size: 56px; letter-spacing: 0.02em; } } @media screen and (max-width: 767px) { .page-header h1 { font-size: 48px; } } @media screen and (max-width: 479px) { .page-header h1 { font-size: 10vw; } } .page-header .entry-meta { font-weight: 700; } .page-header span { color: #8D8D8D; } .page-header ul.categories, .page-header ul.nav { position: relative; } .page-header ul.categories li, .page-header ul.nav li { display: inline-block; font-size: 12px; } .page-header ul.categories li a, .page-header ul.nav li a { padding: 0 12px; color: #454545; } .page-header ul.categories li a:visited, .page-header ul.nav li a:visited { color: #454545; } .page-header ul.categories li a:hover, .page-header ul.nav li a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .dark .page-header ul.categories li a, .dark .page-header ul.nav li a { color: #F7F7F7; } .dark .page-header ul.categories li a:visited, .dark .page-header ul.nav li a:visited { color: #F7F7F7; } .dark .page-header ul.categories li a:hover, .dark .page-header ul.nav li a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .dark .page-header ul.categories li a, .dark .page-header ul.nav li a { color: #fff; } .dark .page-header ul.categories li a:visited, .dark .page-header ul.nav li a:visited { color: #fff; } .dark .page-header ul.categories li a:hover, .dark .page-header ul.nav li a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .page-header ul.categories li .sub-menu a, .page-header ul.categories li .sub-menu a:visited, .page-header ul.nav li .sub-menu a, .page-header ul.nav li .sub-menu a:visited { color: #454545; background-color: transparent; } .page-header ul.categories li .sub-menu a:hover, .page-header ul.categories li .sub-menu a:visited:hover, .page-header ul.nav li .sub-menu a:hover, .page-header ul.nav li .sub-menu a:visited:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .page-header ul.categories li mark, .page-header ul.nav li mark { background-color: transparent; color: #B5B1AF; } @media screen and (max-width: 479px) { .page-header ul.categories > li, .page-header ul.nav > li { position: static; } .page-header ul.categories > li .sub-menu, .page-header ul.nav > li .sub-menu { width: 100%; max-width: 100%; } .page-header ul.categories > li .sub-menu li, .page-header ul.nav > li .sub-menu li { width: 100%; } } .page-header ul.categories:after, .page-header ul.nav:after { content: ''; position: absolute; top: -6px; width: 100%; height: 2px; background-color: #fff; left: 0; opacity: 0.1; } .page-cover.bottom-nav .page-header { position: static; padding-bottom: 0; } .page-cover.bottom-nav .page-header .page-title { position: relative; margin-bottom: 0; } .page-cover.bottom-nav .page-header .page-title, .page-cover.bottom-nav .page-header ul.categories, .page-cover.bottom-nav .page-header ul.nav { z-index: 1; } .page-cover.bottom-nav ul.categories, .page-cover.bottom-nav ul.nav { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.5em; } .page-cover.bottom-nav ul.categories:after, .page-cover.bottom-nav ul.nav:after { display: none; } .pre-header-lead { margin-bottom: 0; font-size: 14px; letter-spacing: 9px; } .section .page-header { margin-bottom: 0; padding-bottom: 0; } .section .page-header h1 { font-size: 52px; padding: 0; background-color: transparent; } .no-inner-header .page-header { display: none; } .no-inner-header .page-header.content-header { display: block; } /** * * 08. Widgets styles * */ /** 08.01 Global widget styles **/ .widget { margin-bottom: 4em; position: relative; } .widget select { width: 100%; } .widget form label { width: 100%; } .widget a { color: #454545; } .widget a:visited { color: #454545; } .widget a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .dark .widget a { color: #F7F7F7; } .dark .widget a:visited { color: #F7F7F7; } .dark .widget a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .dark .widget a { color: #B5B1AF; } .dark .widget a:visited { color: #B5B1AF; } .dark .widget a:hover { color: #FAAD09; /* redux[color: main_theme_color] */ } .widget ul, .widget ol { padding: 0; } .widget ul li, .widget ol li { list-style: none; font-size: 12px; padding: 0; line-height: 1.9em; word-wrap: break-word; } .widget ul li a, .widget ol li a { padding: 0; } .widget ul li ul, .widget ol li ul { display: block; } .widget ul li ul.sub-menu li, .widget ul li ul.children li, .widget ol li ul.sub-menu li, .widget ol li ul.children li { padding-left: 20px; } .widget ul li span.count, .widget ol li span.count { color: #B5B1AF; } .dark .widget ul li span.count, .dark .widget ol li span.count { color: #8D8D8D; } .widget ul li:last-child, .widget ol li:last-child { padding-bottom: 0; } .widget ul.nav li > *, .widget ol.nav li > * { display: inline; width: 100%; } .widget ul.nav li > .sub-menu, .widget ol.nav li > .sub-menu { display: block; } .widget ul.media-list li, .widget ol.media-list li { margin-bottom: 1em; } .widget ul li.current-cat > a, .widget ol li.current-cat > a { position: relative; } .widget ul li.current-cat > a:after, .widget ol li.current-cat > a:after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #FAAD09; /* redux[background-color: main_theme_color] */ } .widget ul li:last-child, .widget ol li:last-child { margin-bottom: 0; padding-bottom: 0; } .widget ul.sub-menu, .widget ul.children, .widget ol.sub-menu, .widget ol.children { padding: 0; visibility: visible; opacity: 1; max-width: initial; float: none; top: auto; background-color: transparent; box-shadow: none; position: relative; } .widget ul.sub-menu li, .widget ul.children li, .widget ol.sub-menu li, .widget ol.children li { padding-left: 18px; border: 0; position: relative; } .widget ul.sub-menu li:after, .widget ul.children li:after, .widget ol.sub-menu li:after, .widget ol.children li:after { content: ''; position: absolute; width: 8px; height: 8px; border-left: 3px solid #e6e5e4; border-bottom: 3px solid #e6e5e4; left: 2px; top: 7px; } .widget ul.sub-menu li:before, .widget ul.children li:before, .widget ol.sub-menu li:before, .widget ol.children li:before { content: ''; position: absolute; width: 8px; height: 105%; border-left: 3px solid #e6e5e4; left: 2px; top: 7px; } .widget ul.sub-menu li:last-child:after, .widget ul.children li:last-child:after, .widget ol.sub-menu li:last-child:after, .widget ol.children li:last-child:after { border-bottom-left-radius: 1px; } .widget ul.sub-menu li:last-child:before, .widget ul.children li:last-child:before, .widget ol.sub-menu li:last-child:before, .widget ol.children li:last-child:before { display: none; } .dark .widget ul.sub-menu li:before, .dark .widget ul.sub-menu li:after, .dark .widget ul.children li:before, .dark .widget ul.children li:after, .dark .widget ol.sub-menu li:before, .dark .widget ol.sub-menu li:after, .dark .widget ol.children li:before, .dark .widget ol.children li:after { border-color: #4f4b49; } .widget input[type="submit"], .widget input[type="button"], .widget button[type="submit"], .widget a.button, .widget button.button, .widget a.btn-primary { padding: 3px 10px; line-height: 1.5em; } .widget:last-child { margin-bottom: 0; } .widget_search .search-form .wrap-submit, .widget_search .search-form input[type="submit"], .widget_product_search .woocommerce-product-search input[type="submit"], .widget_product_search .woocommerce-product-search button[type="submit"] { display: none; } /** 08.02 Widget titles **/ .widget-title, .widgettitle { font-size: 16px; font-weight: 700; position: relative; margin: 0 0 1.5em 0; padding: 0 0 2em 0; box-sizing: border-box; } .widget-title:after, .widgettitle:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: #454545; } .dark .widget-title:after, .dark .widgettitle:after { background-color: rgba(255, 255, 255, 0.2); } /** 08.03 Horizontal menu in widget **/ .horizontal-menu .widget .nav > li { display: inline-block; position: static; margin-right: 1.5em; padding: 0; } .horizontal-menu .widget .nav > li.menu-item-has-children { transition: padding 0.3s ease-in-out; } .horizontal-menu .widget .nav > li.menu-item-has-children.submenu-open { padding-bottom: 2.5em; } .horizontal-menu .widget .nav > li ul { display: block; } .horizontal-menu .widget .nav > li:last-child { margin-right: 0; } .horizontal-menu .widget .nav > li .sub-menu { position: absolute; width: 100%; left: 0; z-index: 10; } .horizontal-menu .widget .nav > li:before, .horizontal-menu .widget .nav > li:after { display: none; } /** 08.04 Widgets **/ /* 08.04.1 Tag Cloud */ .widget .tagcloud { overflow: hidden; } .widget .tagcloud > a { font-size: 90%; line-height: 1.5em; background-color: #454545; color: #fff; padding: 2px 5px; margin: 0 4px 4px 0; display: block; float: left; } .widget .tagcloud > a .tag-count { opacity: 0.7; margin-left: 2px; } .widget .tagcloud > a.current-tag { background-color: #FAAD09; /* redux[background-color: main_theme_color] */ } .widget .tagcloud > a.current-tag:hover { color: #fff; } /* 08.04.2 Calendar */ .widget_calendar .table > thead > tr > th { border-bottom-width: 2px; } .widget_calendar .table td { color: #B5B1AF; } /* 08.04.3 Categories & Archive */ .widget_categories ul li, .widget_archive ul li { color: #B5B1AF; } .dark .widget_categories ul li, .dark .widget_archive ul li { color: #8D8D8D; } .widget_archive ul li > * { display: inline-block; } /* 08.04.4 RSS Feed */ .widget_rss .widget-title > a.rsswidget:first-child { display: none; } .widget_rss ul li .rssSummary { line-height: 1.5em; text-transform: initial; } .widget_rss ul li .rss-date { opacity: 0.7; } .widget_rss ul li cite { font-size: 90%; opacity: 0.7; } .widget_rss ul li cite:before { content: "by "; } /* 08.04.5 Recent Posts */ .widget_recent_entries ul.nav li { line-height: 1.5em; margin-bottom: 1em; } .widget_recent_entries ul.nav li > a { display: block; clear: right; } .widget_recent_entries ul.nav li span { font-size: 12px; } /* 08.04.6 Recent Comments */ .widget_recent_comments ul li { line-height: 1.5em; margin-bottom: 1em; } /* 08.04.7 Product search */ .widget_product_search input[type="submit"] { background-color: #FAAD09; /* redux[background-color: main_theme_color] */ display: inline-block; color: #fff; margin-top: 0.5em; } .dark .widget_product_search input[type="submit"] { background-color: #FAAD09; /* redux[background-color: main_theme_color] */ } .widget_product_search input[type="submit"]:visited { color: #fff; } .widget_product_search input[type="submit"]:active, .widget_product_search input[type="submit"]:focus, .widget_product_search input[type="submit"]:active:hover, .widget_product_search input[type="submit"]:focus:hover { color: #fff; background-color: #454545; /* redux[background-color: secondary_theme_color] */ text-shadow: none; } .widget_product_search input[type="submit"]:hover { color: #fff; background-color: #FAAD09; /* redux[background-color: main_theme_color] */ box-shadow: inset 0px 150px 20px 50px rgba(255, 255, 255, 0.15); text-shadow: none; } .dark .widget_product_search input[type="submit"]:hover { color: #fff; } .widget_product_search input[type="submit"]:after { border-color: #fff; } .no-search-submit .widget_product_search input[type="submit"] { display: none; } /* 08.04.8 Product rating */ .widget_rating_filter .wc-layered-nav-rating { margin-bottom: 4px; } .widget_rating_filter .wc-layered-nav-rating a { opacity: 0.7; } .widget_rating_filter .wc-layered-nav-rating .star-rating { display: inline-block; height: 1em; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .widget_rating_filter .wc-layered-nav-rating.chosen a:after { content: ""; margin-left: 8px; } .widget_rating_filter .wc-layered-nav-rating.chosen a, .widget_rating_filter .wc-layered-nav-rating a:hover { opacity: 1; } /* 08.04.9 Flickr images */ .flickr_badge_image { margin: 0 12px 12px 0px; width: 75px; height: 75px; float: left; background: none; padding: 0; } .flickr_badge_image img { border-radius: 5px; } /* 08.04.10 Text widget (HTML) */ .widget_text ul, .widget_text ol { padding-left: 20px; margin-bottom: 16px; } .widget_text ul { list-style: disc; } .widget_text ul li { list-style: disc; } .widget_text ol { list-style: decimal; } .widget_text ol li { list-style: decimal; } .widget_text li:last-child { padding-bottom: 0; } .widget_text li > ul, .widget_text li > ol { margin-bottom: 0; } /* 08.04.11 Image widget */ .widget_media_image .image { margin: 0; } /* 08.04.12 Video widget */ .widget_media_video .wp-video.external-provider.youtube .mejs-layers .mejs-overlay-button { display: none; } .widget_media_video .wp-video.external-provider.vimeo .mejs-layers .mejs-overlay-button { display: none; } .widget_media_video .wp-video.external-provider.vimeo .mejs-controls { visibility: hidden; } /** * * 09. Sidebars styles * */ .sidebar aside:first-child { border-top: none; } .sidebar aside .widget-title { margin-top: 0; } /** * * 10. Footer styling * */ footer { /* fix for 6-col footer */ } footer .site-footer-widgets { padding: 4em 0; width: 100%; } footer .site-footer-widgets.nopadding { padding: 0; } @media screen and (max-width: 767px) { footer .site-footer-widgets .row .row > * { margin-bottom: 4em; } footer .site-footer-widgets .row .row > *:last-child { margin-bottom: 0; } } footer .site-footer-socket { padding: 1em 0; width: 100%; font-size: 12px; } footer .site-footer-socket .shrk-social-icons li a { font-size: 18px; width: 25px; } footer .site-info p:last-child { margin-bottom: 0; } footer .row > * { min-height: 0; /* reset BS min height */ } footer .col-sm-2 .table > thead > tr > th, footer .col-sm-2 .table > tbody > tr > th, footer .col-sm-2 .table > tfoot > tr > th, footer .col-sm-2 .table > thead > tr > td, footer .col-sm-2 .table > tbody > tr > td, footer .col-sm-2 .table > tfoot > tr > td { padding: 3px; } footer .default-site-info { text-align: center; } footer .default-site-info .sep { margin: 0 10px; opacity: 0.3; } footer .dark.site-footer-widgets { background-color: #454545; } footer .dark.site-footer-socket { background-color: #2c2c2c; } footer .shadow { box-shadow: inset 0 13px 40px -7px rgba(0, 0, 0, 0.4); } /** * * 11. Page sections * */ /** 11.01 Sections layout **/ .row.sections { margin-left: 0; margin-right: 0; } .container-sections { background-color: transparent; } .section .main-content-inner .wpb_wrapper .wpb_content_element:last-child { margin-bottom: 0; } .section .main-content-inner .wpb_wrapper .wpb_content_element:first-child .wpb_wrapper > *:first-child { margin-top: 0; } .section { position: relative; overflow: hidden; box-sizing: border-box; } .section.section-v-top > .container, .section.section-v-middle > .container, .section.section-v-bottom > .container { display: table; table-layout: fixed; width: 100%; height: 100%; padding-top: 5em; padding-bottom: 5em; } .section.section-v-top > .container > .row { display: table-cell; width: 100%; vertical-align: top; } .section.section-v-middle > .container > .row { display: table-cell; width: 100%; vertical-align: middle; } .section.section-v-bottom > .container > .row { display: table-cell; width: 100%; vertical-align: bottom; } .section.no-padding > .container { padding: 0; } .section.no-y-padding > .container { padding-top: 0; padding-bottom: 0; } .container-wrapper .container { z-index: 1; position: relative; } .section.small-padding > .container { padding-top: 20px; padding-bottom: 20px; } .section.medium-padding > .container { padding-top: 60px; padding-bottom: 60px; } .section.large-padding > .container { padding-top: 100px; padding-bottom: 100px; } /** 11.02 Sections default colors **/ .section.dark { color: #fff; } .section.dark .section-title span { border-color: #fff; } .section.light { color: #454545; } .section.light .section-title span { border-color: #454545; } /** 11.03 Sections shadows **/ .section.shadow-upper-lower .section-background-wrapper:after { box-shadow: inset 0 50px 55px -55px black, inset 0px -50px 55px -55px black; } .section.shadow-upper .section-background-wrapper:after { box-shadow: inset 0 50px 55px -55px black, inset 0px -50px 55px -55px transparent; } .section.shadow-lower .section-background-wrapper:after { box-shadow: inset 0 50px 55px -55px transparent, inset 0px -50px 55px -55px black; } .section.shadow-upper-lower .section-background-wrapper:after, .section.shadow-upper .section-background-wrapper:after, .section.shadow-lower .section-background-wrapper:after { content: ""; width: 100%; height: 100%; position: absolute; overflow: hidden; box-sizing: border-box; z-index: 6; } .section.shadow-upper-lower .section-background-wrapper:after { box-shadow: inset 0 80px 55px -55px rgba(0, 0, 0, 0.72), inset 0px -80px 55px -55px rgba(0, 0, 0, 0.72); } .section.shadow-upper .section-background-wrapper:after { box-shadow: inset 0 80px 55px -55px rgba(0, 0, 0, 0.72), inset 0px -80px 55px -55px transparent; } .section.shadow-lower .section-background-wrapper:after { box-shadow: inset 0 80px 55px -55px transparent, inset 0px -80px 55px -55px rgba(0, 0, 0, 0.72); } /** 11.04 Sections child elements **/ .section .section-title { font-size: 50px; line-height: 53px; margin-bottom: 25px; font-weight: 900; font-style: normal; letter-spacing: -1px; } .section-background-wrapper { width: 100%; height: 100%; z-index: 0; position: absolute; } .section-background { position: absolute; overflow: hidden; width: 100%; height: 100%; box-sizing: border-box; transition: opacity 0.2s cubic-bezier(0, 0, 0.26, 1); } .section-background.color { z-index: 5; } .section-background.gradient { z-index: 4; } .section-background.pattern-overlay { z-index: 3; } .section-background.revslider { z-index: 2; } .section-background.revslider.nomouse { pointer-events: none; } .section-background.image { z-index: 1; } .section-background.video { z-index: 0; } .section-background.video video { position: absolute; } .section-background.lazyload-bg, .section-background.lazyloading-bg { opacity: 0; } /** 11.05 Section via shortcode **/ .wpb_wrapper .sections .section > .container { padding-left: 0; padding-right: 0; width: 100%; } .wpb_wrapper .sections .section > .container > .row { margin-left: 0; margin-right: 0; } .section .section-edit-link { display: block; font-size: 12px; position: absolute; bottom: 10%; margin-top: -10px; left: -5px; display: block; opacity: 0; z-index: 8; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .section .section-edit-link a { background-color: #5F5F5F; padding: 3px 3px 3px 15px; color: #FFF; } .section:hover .section-edit-link { display: block; opacity: 0.8; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .single-pagesections header.site-header, .single-pagesections > footer, .single-pagesections .page-cover, .single-pagesections > section.section, .single-pagesections .main-content .container-main-content, .single-pagesections .main-content-bottom-holder { display: none; } /** * * 12. Containers structure * */ /** 12.01 Container widths and LR padding **/ .container { width: 100%; max-width: 1200px; } .container, .container-fluid { padding-left: 50px; padding-right: 50px; } @media screen and (max-width: 479px) { .container, .container-fluid { padding-left: 30px; padding-right: 30px; } } /** 12.02 Wrapper margins & paddings **/ .main-content { padding-top: 120px; } .container-main-content { background-color: transparent; } .container-main-content > .row:first-child { margin-top: 70px; } .container-main-content > .row:last-child { margin-bottom: 100px; } .transparent-header .container-main-content:first-child > .row:first-child { margin-top: 0; } .container-main-content.no-content-padding > .row:first-child { margin-top: 0; } .container-main-content.no-content-padding > .row:last-child { margin-bottom: 0; } .container-main-content.no-content-padding .main-content-inner article .entry-content { margin-bottom: 0; padding-bottom: 0; } .container-main-content.no-content-padding .main-content-inner footer.entry-meta { display: none; } .page-cover + .container-main-content > .row:first-child { margin-top: 0px; } body.visibility-sections .container-main-content .row:first-child, body.single-pagesections .container-main-content .row:first-child { margin-top: 0; } body.visibility-sections .container-main-content .row:last-child, body.single-pagesections .container-main-content .row:last-child { margin-bottom: 0; } /** 12.03 Small screens (stacked) tweaks **/ @media (max-width: 1199px) { .container-main-content > .row > .main-content-inner { width: 100%; } .main-content-inner.col-lg-9.pull-right { float: none !important; } .sidebar { margin-top: 80px; } } .container-full .container-wrapper { width: 100%; } .container-wrapper.full-width-content > .container { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; box-sizing: border-box; } .container-wrapper.full-width-content > .container > .row { margin-left: 0; margin-right: 0; width: 100%; overflow-x: hidden; } .container-wrapper.full-width-content > .container > .row > .main-content-inner { padding-left: 0; padding-right: 0; } body.boxed-layout .container-sections, body.boxed-layout .container-main-content, body.boxed-layout #primary-navigation-sticky-wrapper, body.boxed-layout footer { margin-left: auto; margin-right: auto; } /************************* * B. Vendor styles *************************/ /** * Swiper 3.3.0 --shrk-modified * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: January 10, 2016 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; } .shrk-swiper-container:not(.swiper-multi-cols) .swiper-slide { width: 100%; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 1; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 10100; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 200ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FBFBFC; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 200ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 200ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 200ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #fff; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*