@charset "UTF-8";
/*
Theme Name: Varse
Theme URI: http://wp.jmstheme.com/varse
Author: JoomMasters
Author URI: http://www.joommasters.com
Description: Varse is simple and clean looking WordPress Theme suitable for fashion stores websites or any kind of shopping website with better usability. Flexible settings, fast loading, premium modules, fast support and much more. All these amazing features are blended together in Varse – your powerful, stylish and attractive responsive WordPress Theme. Make your business with our theme. We are sure that it will satisfy all your needs.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: varse
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments
*/
/* -------------------------------------------
[Table of contents]
1. BASE
1.1 LIST
1.2 LINK
1.3 HEADING
1.4 TABLE
1.5 FORM
1.6 BUTTON
1.7 CLEARING
1.8 HELPER
1.9 GLOBAL
1.10 LAYOUT
2. WORDPRESS DEFAULT CLASS
3. HEADER
3.1 HEADER 1
3.2 HEADER 2
3.3 HEADER 3
3.4 HEADER 4
3.5 HEADER 5
3.6 HEADER 6
3.7 HEADER 7
3.8 HEADER 8
4. MENU
4.1 PRIMARY MENU
4.2 MOBILE MENU
4.3 VERTICAL MENU
4.4 FOOTER MENU
5. FOOTER
6. HOME
7. PAGE
7.1 MAINTENANCE
7.2 404
7.3 CONTACT
7.4 SEARCH
7.5 PAGE HEADING
8. POST
8.1 SINGLE POST
8.2 POST PAGINATION
8.3 POST COMMENT
8.4 POST LAYOUT
8.5 POST NAVIGATION
9. WIDGET
10. WOOCOMMERCE
10.1 TOOLTIP
10.2 MESSAGE
10.3 RATING
10.4 SHOP ACTION
10.5 SHOP FILTER
10.6 QUICK VIEW
10.7 SHIPPING POPUP
10.8 ONSALE
10.9 PRODUCT BOX
10.10 PRODUCT CATEGORY
10.11 SHOP LAYOUT
10.12 SHOP PAGINATION
10.13 SINGLE PRODUCT
10.14 WOOCOMMERCE TABS
10.15 OTHER PRODUCTS
10.16 PAGE WISHLIST
10.17 MY ACCOUNT
10.18 CART
10.19 CHECKOUT
10.20 CART STYLE
11. ELEMENTS
11.1 BANNER
11.2 PROMO BAR
11.3 PORTFOLIO
11.4 INSTAGRAM
11.5 SERVICE
11.6 BRAND
11.7 PRODUCTS
11.8 TESTIMONIAL
11.9 TEAM MEMBER
11.10 SOCIAL ICONS
11.11 MEGAMENU WIDGET
11.12 GOOGLE MAPS
11.13 INFORMATION BOX
11.14 GALLERY
11.15 VIDEO
12. LOADING
13. ANIMATION
14. RESPONSIVE
14.1 MEDIUM
14.2 TABLET
14.3 MOBILE
------------------------------------------- */
.background-primary-color, .button_hover:after, .background-hover-button a:after, .page-template-landing-page .tab_landing .vc_tta-tab > a:after, .widget_shopping_cart_content .buttons a:after, .product-list-info .addtocart .button-cart:after, .single_add_to_cart_button:after, .btn.btn-color-primary, .button.btn-color-primary, button.btn-color-primary, .added_to_cart.btn-color-primary, input.btn-color-primary[type="submit"], input.btn-color-primary[type="button"], input.btn-color-primary[type="reset"], .btn-transparent:hover, .checkout-button, .coupon .button, .checkout_coupon .button, .actions .update-cart, #place_order, #customer_login .button, .icon_box_arrow .owl-theme .owl-nav [class*="owl-"]:hover, .header-wishlist a span, .header-cart .cart-count, .varse-mobile-menu .menu-title, .varse-popup-menu .menu-title, .header-7 .menu-popup-button:hover .icon-menu, .header-7 .menu-popup-button:hover .icon-menu:before, .header-7 .menu-popup-button:hover .icon-menu:after, .header-12 .topbar, .contact-form-default .wpcf7-submit, .varse-single-bottom .tags-list a:hover:after, .varse-single-bottom .tags-list a:focus:after, .post-password-form input[type="submit"], .varse-pagination .page-numbers li span:hover, .varse-pagination .page-numbers li a:hover, .varse-pagination .page-numbers li .current, .varse-ajax-loadmore a:hover, .varse-ajax-loadmore a:focus, .comment-form .submit, .page-links > span:not(.page-links-title), .varse-entry-content .page-links > a, .varse-entry-content .page-links > span:not(.page-links-title), .widget .widgettitle:after, .widget .widget-title:after, .widget_calendar #wp-calendar tbody a, .tagcloud a:hover, .tagcloud a:focus, .widget_price_filter .price_slider_amount .button, .widget_price_filter .ui-slider .ui-slider-handle, .badge, .product-list-info .product-btn li .button:hover, .product-list-info .product-btn .button-cart, .product-list-info-box .addtocart .button-cart:hover, nav.woocommerce-pagination ul li a:focus, nav.woocommerce-pagination ul li a:hover, nav.woocommerce-pagination ul li span.current, .wc-single-video a:before, .woocommerce table.wishlist_table a.button, .woocommerce-MyAccount-content .button.view, input.dokan-btn[type="submit"], a.dokan-btn, .dokan-btn, input.dokan-btn[type="submit"]:hover, input.dokan-btn[type="submit"]:focus, a.dokan-btn:hover, a.dokan-btn:focus, .dokan-btn:hover, .dokan-btn:focus, .reset_variations:hover, .addon-title.line-bottom-big h3:before, .addon-title.line-bottom-small h3:before, .addon-title.line-bottom-right h3:before, .title-color-primary .title.style-background, .title-color-primary .subtitle.style-background, .button-type-buton a, .button-type-border a, .varse-button-wrapper a:hover, .varse-button-wrapper a:focus, .background-color-primary a, .background-color-hover-primary a:hover, .portfolio-filter > a:before, .jmsproduct-tab .nav-tabs > li > a:after, .jmsproduct-tab.design-tab-2 .nav-tabs > li.active > a:after, .megamenu-widget-wrapper h3:before, .countdown-style-primary .varse-countdown > span, .varse-price-table .varse-plan-footer > a, .jms-tabs-title ul li:before, .mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"]:hover, .spinner1 .bounce11, .spinner1 .bounce22, .spinner4 .bounce11, .spinner4 .bounce22, .spinner4 .bounce33, .spinner5, .spinner6 .dot11, .spinner6 .dot22 {
background-color: #ff8969;
}
.border-primary-color, .button_hover:hover, .background-hover-button a:hover, .page-template-landing-page .tab_landing .vc_tta-tab > a:hover, .widget_shopping_cart_content .buttons a:hover, .product-list-info .addtocart .button-cart:hover, .single_add_to_cart_button:hover, .button_hover:focus, .background-hover-button a:focus, .page-template-landing-page .tab_landing .vc_tta-tab > a:focus, .widget_shopping_cart_content .buttons a:focus, .product-list-info .addtocart .button-cart:focus, .single_add_to_cart_button:focus, .loadmore_product_btn a:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .btn-transparent:hover, .owl-theme .owl-nav [class*="owl-"]:hover:before, .icon_box_arrow .owl-theme .owl-nav [class*="owl-"], .icon_box_arrow .owl-theme .owl-nav [class*="owl-"]:hover, .varse-menu.primary-menu > li:hover > a, .newsletter-form input[type="email"]:focus, #newsletter-bottom .newsletter-form input[type="email"]:focus, .custom-banner .btn-transparent-color, .newletter_nobg .mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"]:hover, .block-deal-day6 .varse-button-wrapper a:hover, .varse-single-bottom .tags-list a:hover, .varse-single-bottom .tags-list a:focus, .varse-ajax-loadmore a:hover, .varse-ajax-loadmore a:focus, .tagcloud a:hover, .tagcloud a:focus, .product-list-info .product-btn li .button:hover, .product-list-info .product-btn .button-cart, .product-list-info .product-btn .yith-wcwl-add-to-wishlist:hover, .product-list-info-box .addtocart .button-cart:hover, .entry-summary .attribute-wrap .imageswatch-variation.selected, .single_add_to_cart_button, .tabs-layout-tabs .wc-tabs > li:hover, .tabs-layout-tabs .wc-tabs > li.active, .variation-attr .variation-attr_color .p-attr-color.active, .variation-attr .variation-attr_image .p-attr-image.active, .banner-box .button-banner-wrapper a:hover, .testimonial-box .testimonial-avatar img, .varse .tp-bullet.selected, .varse .tp-bullet:hover {
border-color: #ff8969;
}
.color-primary-color, a:hover, a:focus, a:active, p a, .color, .owl-theme .owl-nav [class*="owl-"]:hover:before, .header-action .header-block:hover i, .result-wrapper .content-price ins, .topbar .topbar-menu a:hover, .topbar.color-scheme-dark .topbar-menu li a:hover, .topbar.color-scheme-dark .topbar-menu li a:focus, .topbar.color-scheme-dark .dropdown-toggle:hover, .topbar a:hover, .language-dropdown:hover, .currency-dropdown:hover, .varse-menu.primary-menu > li > a:hover, .menu-popup .close-menu-popup:hover:before, .popup-menu > li:hover > a, .popup-menu ul li:hover > a, .varse-menu .dropdown-menu .column-heading:hover, .varse-menu li a:hover, .varse-menu li.current-menu-item > a, .varse-menu li ul:not(.mega-nav) a:hover, #footer-wrapper a:hover, #footer-wrapper p a, #footer-wrapper .footer-top .widget_nav_menu li:hover a, #footer-wrapper .footer-bottom .copyright a, #footer-wrapper .copyright_footer a, .custom-banner h3 span, .custom-banner .btn-transparent-color, .home .header-wrapper.header-2 .primary-menu > li > a:hover, .page-template-page-demo .header-wrapper.header-2 .primary-menu > li > a:hover, .home .header-wrapper.header-2 .header-action i:hover, .page-template-page-demo .header-wrapper.header-2 .header-action i:hover, .block-deal-day .varse-button-wrapper a:hover, .header-8 .varse-menu > li:hover > .menu-item-link, .header-8 .varse-menu > li.menu-item-has-children:hover:before, .page-template-landing-page .menu-landing ul li a:hover, .error-404 .sub-title a, .not-found .entry-header:before, .icon-close:hover, .page-heading a:hover, .entry-meta-list li a:hover, .read-more-section a:hover, .comments-area #cancel-comment-reply-link, .comments-area .reply a, .widget a:hover, .widget_ranged_price_filter .ranged-price-filter li.current, .widget_order_by_filter li.current, .widget_ranged_price_filter .ranged-price-filter li.current a, .widget_order_by_filter li.current a, .widget_categories ul li.current_page_item > a, .widget_pages ul li.current_page_item > a, .widget_archive ul li.current_page_item > a, .widget_nav_menu ul li.current_page_item > a, .widget_product_categories ul li.current_page_item > a, .varse-recent-posts-list .entry-title a:hover, .widget_shopping_cart_content .total .amount, .product_list_widget > li ins, .special-filter .product-categories > li > a:hover, .special-filter .product-categories > li > a:focus, .special-filter .product-categories > li .count, .special-filter .product-categories > li.active > a, .product-box .product-cat a:hover, .product-box .product-info > a:hover, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist:hover a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist:focus a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistaddedbrowse.show a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist:focus .yith-wcwl-wishlistaddedbrowse.show a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show a:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show a:hover:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show a:hover:before, .product-btn li .button:hover:before, .product-btn li .button:focus:before, .addtocart .button-cart, .addtocart .button-cart:hover, .addtocart .button-cart:focus, .product-style-2 .product-box .addtocart .tooltip:hover, .list-product .product-info .price, .product-style-list-box .addtocart .button-cart:hover, .woocommerce-product-rating .woocommerce-review-link:hover, .product_meta li:before, .product_meta a:hover, .entry-summary .compare.button:hover, .shop_table .woocommerce-Price-amount ins, body.woocommerce-checkout .woocommerce > .woocommerce-info a, .cartSidebarWrap .cart-sidebar-header .close-cart i:hover:before, .title-color-primary .title, .title-color-primary .subtitle, .varse-button-wrapper a:hover, .varse-button-wrapper a:focus, .button-color-primary a, .button-color-hover-primary a:hover, .portfolio-filter > a.selected, .image-carousel-box .title-image a:hover, .product-filter a.active, .jmsproduct-tab .nav-tabs > li.active > a, .jmsproduct-tab.design-tab-2 .nav-tabs > li.active > a, .team-member .member-social .varse-social-icon a:hover, .varse-social-icons.icon-color-default .varse-social-icon a:hover, .varse-social-icons.icon-color-black .varse-social-icon a:hover, .varse-social-icons.icon-color-white .varse-social-icon a:hover, .varse-social-icons.icon-color-primary .varse-social-icon a, .varse-price-table.price-style-alt .varse-price-currency, .varse-price-table.price-style-alt .varse-price-value, .jms-tabs-title ul li.active, .jms-tabs-title ul li:hover, .mc4wp-form .mc4wp-form-fields .newletter-text .title-newletter span {
color: #ff8969;
}
.background-body-color {
background-color: #000;
}
.border-body-color {
border-color: #000;
}
.color-body-color {
color: #000;
}
.font-icon, .icon-search:before, .header-action .icon-basket:before, .header-action .icon-heart:before, .header-action .icon-user:before, .product-box .btn-wishlist .yith-wcwl-add-to-wishlist a:before, .product-btn li .button.button-cart:before, .btn-quickview:before, .compare-button a:before, .product-list-info .addtocart .button-cart.added:before, .product-list-info .addtocart .button-cart:before, .entry-summary .compare.button:before, .entry-summary .yith-wcwl-add-to-wishlist a:before {
display: inline-block;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-icon2, .owl-theme .owl-nav [class*="owl-"]:before, .icon_box_arrow .owl-theme .owl-nav [class*="owl-"]:before {
font-family: "simple-line-icons";
}
.primary-font, .addon-title.subtitle .title, .entry-summary .compare.button, .entry-summary .yith-wcwl-add-to-wishlist a, .addon-title.primary-font h3, .banner-box .primary-font p, .varse-countdown > span span {
font-family: "Libre Franklin", sans-serif;
}
.second-font, h1, h2, h3, h4, h5, h6, .btn, .button, button, .added_to_cart, input[type="submit"], input[type="button"], input[type="reset"], .varse-menu .dropdown-menu .column-heading, .title-social, .block-deal-day6 .varse-countdown-timer .varse-countdown > span span, .page-template-landing-page .tab_landing .vc_tta-tab > a, .read-more-section a, .product-list-info .addtocart .button-cart .tooltip, .product-list-info-box .addtocart .button-cart .tooltip, .product-category .hover-mask a, .addon-title.second-font h3, .banner-box p, .banner-box .button-banner-wrapper a, .banner-box .second-font p, .image-carousel-box .title-image, .loadmore_product_btn a, .testimonial-box .testimonials-title .name, .varse-countdown > span, .jms-tabs-title ul li, .mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"], .rev-btn, .rev-btn:visited, .slider-font-custom {
font-family: "Neue Einstellung";
}
.button_hover, .background-hover-button a, .page-template-landing-page .tab_landing .vc_tta-tab > a, .widget_shopping_cart_content .buttons a, .product-list-info .addtocart .button-cart, .single_add_to_cart_button, .loadmore_product_btn a {
position: relative;
display: inline-block;
overflow: hidden;
}
.button_hover:after, .background-hover-button a:after, .page-template-landing-page .tab_landing .vc_tta-tab > a:after, .widget_shopping_cart_content .buttons a:after, .product-list-info .addtocart .button-cart:after, .single_add_to_cart_button:after, .loadmore_product_btn a:after {
content: "";
position: absolute;
z-index: -1;
opacity: 0;
border-radius: 50%;
height: 0;
width: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width 0.65s, height 0.65s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
-moz-transition: width 0.65s, height 0.65s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
-o-transition: width 0.65s, height 0.65s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
transition: width 0.65s, height 0.65s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
}
.button_hover:hover, .background-hover-button a:hover, .page-template-landing-page .tab_landing .vc_tta-tab > a:hover, .widget_shopping_cart_content .buttons a:hover, .product-list-info .addtocart .button-cart:hover, .single_add_to_cart_button:hover, .button_hover:focus, .background-hover-button a:focus, .page-template-landing-page .tab_landing .vc_tta-tab > a:focus, .widget_shopping_cart_content .buttons a:focus, .product-list-info .addtocart .button-cart:focus, .single_add_to_cart_button:focus {
color: #fff;
background: none !important;
}
.button_hover:hover:after, .background-hover-button a:hover:after, .page-template-landing-page .tab_landing .vc_tta-tab > a:hover:after, .widget_shopping_cart_content .buttons a:hover:after, .product-list-info .addtocart .button-cart:hover:after, .single_add_to_cart_button:hover:after, .loadmore_product_btn a:hover:after, .button_hover:focus:after, .background-hover-button a:focus:after, .page-template-landing-page .tab_landing .vc_tta-tab > a:focus:after, .widget_shopping_cart_content .buttons a:focus:after, .product-list-info .addtocart .button-cart:focus:after, .single_add_to_cart_button:focus:after, .loadmore_product_btn a:focus:after {
opacity: 1;
height: 300px;
width: 500px;
-webkit-transition: width 0.85s, height 0.85s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
-moz-transition: width 0.85s, height 0.85s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
-o-transition: width 0.85s, height 0.85s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
transition: width 0.85s, height 0.85s, opacity 0.4s cubic-bezier(0.15, 0.7, 0.54, 0.99);
}
/* Class Extend */
.transition1 {
-webkit-transition: all 100ms ease-in-out 0s;
-moz-transition: all 100ms ease-in-out 0s;
-o-transition: all 100ms ease-in-out 0s;
transition: all 100ms ease-in-out 0s;
}
.transition2, .owl-theme .owl-dots .owl-dot, .owl-theme .owl-dots .owl-dot.active, .owl-theme .owl-dots .owl-dot:hover, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .varse-mobile-menu .close-menu-mobile span:before, .varse-mobile-menu .close-menu-mobile span:after {
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
}
.transition3, .wrap-header .dropdown-menu, #footer-wrapper .footer-top .widget_nav_menu li, #footer-wrapper .footer-top .widget_nav_menu li:hover, .slider-opacity .owl-item, .slider-opacity .owl-item.centerActiveItem, .jms-tabs-title ul li:before, .jms-tabs-title ul li.active:before, .jms-tabs-title ul li:hover:before {
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.transition4, .owl-theme .owl-nav [class*="owl-"], .owl-theme:hover .owl-nav [class*="owl-"], .image-effect-1 .item-effect:before, .image-effect-2 .item-effect:before, .image-effect-3 .item-effect:before, .image-effect-3 .item-effect:after, .image-effect-4 .item-effect:before, .image-effect-4 .item-effect:after, .image-effect-5 .item-effect:before, .image-effect-6 .item-effect:before, .image-effect-7 .item-effect:before, .image-effect-8 .item-effect:before, .image-effect-8 .item-effect:after, .image-effect-9 .item-effect:before, .image-effect-9:hover .item-effect:before, .image-effect-10 .item-effect:before, .image-effect-10:hover .item-effect:before, .image-effect-11 .item-effect:before, .image-effect-12 .item-effect:before, .image-effect-13 .item-effect:before, .image-effect-14 .item-effect:before, .image-effect-14 .item-effect:after, .image-effect-15 .item-effect:before, .image-effect-16 .item-effect:before, .image-effect-16:hover .item-effect:before, .image-effect-17 .item-effect:before, .image-effect-17 .item-effect:after, .image-effect-17:hover .item-effect:before, .image-effect-17:hover .item-effect:after, .menu-popup, .menu-popup .close-menu-popup:before, .menu-popup .close-menu-popup:hover:before, .show-menu-popup .menu-popup, .search-popup, .search-popup .search-box .search-box-content .close-search-popup, .search-popup .search-box .search-box-content .close-search-popup:hover, .show-search-popup .search-popup, .product-box:hover .varse-countdown, .product-box:hover .product-btn.in-thumb, .product-box:hover .primary-img, .product-box img, .product-box .varse-countdown, .product-btn.in-thumb, .product-style-2 .product-box .product-info, .product-style-2 .product-box .varse-countdown, .product-style-2 .product-box:hover .product-info, .product-style-2 .product-box:hover .varse-countdown, .product-style-4 .varse-countdown, .product-style-4:hover .varse-countdown, .effect-thumb-2 .product-box .hover-image, .effect-thumb-2 .product-box:hover .hover-image, .effect-thumb-3 .product-box .hover-image, .effect-thumb-3 .product-box:hover .hover-image, .effect-thumb-4 .product-box .hover-image, .effect-thumb-4 .product-box:hover .hover-image, .effect-thumb-5 .product-box .hover-image, .effect-thumb-5 .product-box:hover .hover-image, .effect-thumb-6 .product-box .hover-image, .effect-thumb-6 .product-box:hover .hover-image, .effect-thumb-7 .product-box .hover-image, .effect-thumb-7 .product-box:hover .hover-image, .effect-thumb-8 .product-box .hover-image, .effect-thumb-8 .product-box:hover .hover-image, .effect-thumb-9 .product-box .hover-image, .effect-thumb-9 .product-box:hover .hover-image, .effect-thumb-10 .product-box:hover .hover-image, .effect-thumb-11 .product-box:hover .hover-image, .effect-thumb-12 .product-box:hover .hover-image, .effect-thumb-13 .product-box:hover .hover-image, .effect-thumb-14 .product-box .hover-image, .effect-thumb-14 .product-box:hover .hover-image, .effect-thumb-15 .product-box .hover-image, .effect-thumb-15 .product-box:hover .hover-image, .list-product .product-thumb .hover-image, .list-product:hover .hover-image, .banner-box.box-content-hidden .title, .banner-box.box-content-hidden .subtitle, .banner-box.box-content-hidden .subsubtitle, .banner-box.box-content-hidden .button-banner-wrapper, .banner-box.box-content-hidden:hover .title, .banner-box.box-content-hidden:hover .subtitle, .banner-box.box-content-hidden:hover .subsubtitle, .banner-box.box-content-hidden:hover .button-banner-wrapper, .button-type-buton a, .button-type-buton a:hover, .button-type-border a, .button-type-border a:hover, .image-carousel-box a img, .image-carousel-box a:hover img, .varse-price-table, .varse-price-table:hover {
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
transition: all 400ms ease-in-out 0s;
}
.transition5, .product-box:hover .addtocart, .addtocart {
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;
}
.transition6 {
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
transition: all 600ms ease-in-out 0s;
}
.transition7 {
-webkit-transition: all 700ms ease-in-out 0s;
-moz-transition: all 700ms ease-in-out 0s;
-o-transition: all 700ms ease-in-out 0s;
transition: all 700ms ease-in-out 0s;
}
.transition8, .image-effect-17 .item-effect img {
-webkit-transition: all 800ms ease-in-out 0s;
-moz-transition: all 800ms ease-in-out 0s;
-o-transition: all 800ms ease-in-out 0s;
transition: all 800ms ease-in-out 0s;
}
.transition9 {
-webkit-transition: all 900ms ease-in-out 0s;
-moz-transition: all 900ms ease-in-out 0s;
-o-transition: all 900ms ease-in-out 0s;
transition: all 900ms ease-in-out 0s;
}
.transition10 {
-webkit-transition: all 1000ms ease-in-out 0s;
-moz-transition: all 1000ms ease-in-out 0s;
-o-transition: all 1000ms ease-in-out 0s;
transition: all 1000ms ease-in-out 0s;
}
.aligned_ver {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.aligned_hoz, .text-center .title:before, .tab-design-center .addon-title .title:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.btn-size-default, .btn, .button, button, .added_to_cart, input[type="submit"], input[type="button"], input[type="reset"] {
font-size: 11px;
line-height: 16px;
padding: 6px 10px;
}
.btn-size-extra-small {
font-size: 12px;
line-height: 16px;
padding: 10px 14px;
}
.btn-size-small {
font-size: inherit;
line-height: 18px;
padding: 12px 20px;
}
.btn-size-large {
font-size: 13px;
line-height: 20px;
padding: 14px 40px;
}
.btn-size-extra-large {
font-size: 16px;
line-height: 22px;
padding: 17px 40px;
}
.btn.btn-style-radius {
border-radius: 40px;
}
.cubic-bezier, .image-effect-1 img, .image-effect-2:hover img, .image-effect-5 img, .image-effect-6 img, .image-effect-11 img, .image-effect-12 img, .image-effect-13 img, .effect-thumb-1 .product-box .hover-image {
-webkit-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
-moz-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}
/* --------------------------------------------- 1. BASE ------------------------------------------- */
html {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
font-family: "Libre Franklin", sans-serif;
color: #000;
background: #fff;
font-size: 15px;
font-weight: normal;
line-height: 1.75;
font-weight: 400;
}
p {
margin-bottom: 20px;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
b, strong {
font-weight: 600;
}
#woo_pp_ec_button img {
content: url("https://www.paypalobjects.com/webstatic/i/buttons/checkout-logo-medium.png");
}
/* ========================================================================== 1.1 LIST ========================================================================== */
ul, ol {
padding-left: 15px;
line-height: 1.45;
}
ul li, ol li {
margin-bottom: 12px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul, li > ol {
margin-top: 12px;
margin-bottom: 0;
}
/* ========================================================================== 1.3 LINK ========================================================================== */
a {
color: #000000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a, a:hover, a:focus, a:active {
text-decoration: none;
outline: 0;
}
/* ========================================================================== 1.4 HEADING ========================================================================== */
h1, h2, h3, h4, h5, h6 {
color: black;
line-height: 1.4;
font-weight: 600;
margin-top: 0;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 21px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
/* ========================================================================== 1.5 TABLE ========================================================================== */
table {
width: 100%;
margin-bottom: 35px;
line-height: 1.4;
}
table th {
padding: 15px 10px;
text-align: left;
font-weight: 600;
text-transform: uppercase;
color: #000000;
vertical-align: middle;
border: none;
border-bottom: 1px solid #EFEFEF;
}
table td {
padding: 15px 12px;
border: none;
text-align: left;
border-bottom: 1px solid #E6E6E6;
}
table tbody th, table tfoot th {
border-bottom: 1px solid #E6E6E6;
text-transform: none;
}
/** ------------------------------------------------------------------------------------------------ * FORMS * ------------------------------------------------------------------------------------------------ */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="email"], input[type="search"], input[type="number"], input[type="url"], input[type="tel"], input[type="text"], input[type="password"], textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
/* Removing the inner shadow on iOS inputs */
}
input[type="email"], input[type="date"], input[type="search"], input[type="number"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
width: 100%;
max-width: 100%;
border: 1px solid #E6E6E6;
background-color: transparent;
box-shadow: none;
vertical-align: middle;
padding: 0 15px;
height: 45px;
transition: all .5s ease;
}
input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
outline: none;
}
input[type="search"] {
height: 50px;
}
input[type="radio"], input[type="checkbox"] {
margin-top: 0px;
margin-right: 5px;
vertical-align: middle;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: inherit;
margin-left: 0;
}
textarea {
line-height: 1.4;
padding: 10px 15px;
min-height: 190px;
}
input[type="button"]:focus {
outline: none;
}
select {
padding: 0 25px 0 10px;
background-image: url("assets/images/icons/icon-down-shop-action.png");
background-repeat: no-repeat;
background-position: calc(100% - 15px) 50%;
}
/** ------------------------------------------------------------------------------------------------ * BUTTONS * ------------------------------------------------------------------------------------------------ */
.btn, .button, button, .added_to_cart, input[type="submit"], input[type="button"], input[type="reset"] {
position: relative;
display: inline-block;
text-align: center;
text-transform: uppercase;
outline: 0;
font-weight: 700;
border: 0;
vertical-align: middle;
cursor: pointer;
background-color: #f3f3f3;
color: #888;
line-height: 45px;
border-radius: 0;
padding: 0 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn.font-size-17, .button.font-size-17, button.font-size-17, .added_to_cart.font-size-17, input[type="submit"].font-size-17, input[type="button"].font-size-17, input[type="reset"].font-size-17 {
font-size: 17px;
}
.btn.font-size-20, .button.font-size-20, button.font-size-20, .added_to_cart.font-size-20, input[type="submit"].font-size-20, input[type="button"].font-size-20, input[type="reset"].font-size-20 {
font-size: 20px;
}
.btn.fw-400, .button.fw-400, button.fw-400, .added_to_cart.fw-400, input[type="submit"].fw-400, input[type="button"].fw-400, input[type="reset"].fw-400 {
font-weight: 400;
}
.btn i, .button i, button i, .added_to_cart i, input[type="submit"] i, input[type="button"] i, input[type="reset"] i {
margin-left: 3px;
}
.btn:hover, .btn:focus, .button:hover, .button:focus, button:hover, button:focus, .added_to_cart:hover, .added_to_cart:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus {
outline: 0;
}
.btn.disabled, .button.disabled, button.disabled, .added_to_cart.disabled, input[type="submit"].disabled, input[type="button"].disabled, input[type="reset"].disabled {
opacity: 0.6 !important;
}
.btn.btn-color-default, .button.btn-color-default, button.btn-color-default, .added_to_cart.btn-color-default, input[type="submit"].btn-color-default, input[type="button"].btn-color-default, input[type="reset"].btn-color-default {
background-color: #f3f3f3;
color: #888;
}
.btn.btn-color-primary, .button.btn-color-primary, button.btn-color-primary, .added_to_cart.btn-color-primary, input[type="submit"].btn-color-primary, input[type="button"].btn-color-primary, input[type="reset"].btn-color-primary {
color: white;
}
.btn.btn-color-primary:hover, .button.btn-color-primary:hover, button.btn-color-primary:hover, .added_to_cart.btn-color-primary:hover, input[type="submit"].btn-color-primary:hover, input[type="button"].btn-color-primary:hover, input[type="reset"].btn-color-primary:hover {
color: black !important;
}
.btn.btn-color-alt, .button.btn-color-alt, button.btn-color-alt, .added_to_cart.btn-color-alt, input[type="submit"].btn-color-alt, input[type="button"].btn-color-alt, input[type="reset"].btn-color-alt {
background-color: #fbbc34;
color: white;
}
.btn.btn-color-black, .button.btn-color-black, button.btn-color-black, .added_to_cart.btn-color-black, input[type="submit"].btn-color-black, input[type="button"].btn-color-black, input[type="reset"].btn-color-black {
background-color: #212121;
color: white;
}
.btn.btn-color-black:hover, .btn.btn-color-black:focus, .button.btn-color-black:hover, .button.btn-color-black:focus, button.btn-color-black:hover, button.btn-color-black:focus, .added_to_cart.btn-color-black:hover, .added_to_cart.btn-color-black:focus, input[type="submit"].btn-color-black:hover, input[type="submit"].btn-color-black:focus, input[type="button"].btn-color-black:hover, input[type="button"].btn-color-black:focus, input[type="reset"].btn-color-black:hover, input[type="reset"].btn-color-black:focus {
background-color: #888;
color: white;
box-shadow: none;
}
.btn.btn-color-white, .button.btn-color-white, button.btn-color-white, .added_to_cart.btn-color-white, input[type="submit"].btn-color-white, input[type="button"].btn-color-white, input[type="reset"].btn-color-white {
background-color: white;
}
.btn.btn-color-white:hover, .btn.btn-color-white:focus, .button.btn-color-white:hover, .button.btn-color-white:focus, button.btn-color-white:hover, button.btn-color-white:focus, .added_to_cart.btn-color-white:hover, .added_to_cart.btn-color-white:focus, input[type="submit"].btn-color-white:hover, input[type="submit"].btn-color-white:focus, input[type="button"].btn-color-white:hover, input[type="button"].btn-color-white:focus, input[type="reset"].btn-color-white:hover, input[type="reset"].btn-color-white:focus {
background-color: white;
box-shadow: none;
border-color: transparent;
}
.btn.btn-style-bordered, .button.btn-style-bordered, button.btn-style-bordered, .added_to_cart.btn-style-bordered, input[type="submit"].btn-style-bordered, input[type="button"].btn-style-bordered, input[type="reset"].btn-style-bordered {
background-color: transparent;
border: 2px solid #888;
}
.btn.btn-style-bordered:hover, .btn.btn-style-bordered:focus, .button.btn-style-bordered:hover, .button.btn-style-bordered:focus, button.btn-style-bordered:hover, button.btn-style-bordered:focus, .added_to_cart.btn-style-bordered:hover, .added_to_cart.btn-style-bordered:focus, input[type="submit"].btn-style-bordered:hover, input[type="submit"].btn-style-bordered:focus, input[type="button"].btn-style-bordered:hover, input[type="button"].btn-style-bordered:focus, input[type="reset"].btn-style-bordered:hover, input[type="reset"].btn-style-bordered:focus {
background-color: #888;
border-color: #888;
color: white;
box-shadow: none;
}
.btn.btn-style-bordered.btn-color-alt, .button.btn-style-bordered.btn-color-alt, button.btn-style-bordered.btn-color-alt, .added_to_cart.btn-style-bordered.btn-color-alt, input[type="submit"].btn-style-bordered.btn-color-alt, input[type="button"].btn-style-bordered.btn-color-alt, input[type="reset"].btn-style-bordered.btn-color-alt {
color: #fbbc34;
border-color: #fbbc34;
}
.btn.btn-style-bordered.btn-color-alt:hover, .btn.btn-style-bordered.btn-color-alt:focus, .button.btn-style-bordered.btn-color-alt:hover, .button.btn-style-bordered.btn-color-alt:focus, button.btn-style-bordered.btn-color-alt:hover, button.btn-style-bordered.btn-color-alt:focus, .added_to_cart.btn-style-bordered.btn-color-alt:hover, .added_to_cart.btn-style-bordered.btn-color-alt:focus, input[type="submit"].btn-style-bordered.btn-color-alt:hover, input[type="submit"].btn-style-bordered.btn-color-alt:focus, input[type="button"].btn-style-bordered.btn-color-alt:hover, input[type="button"].btn-style-bordered.btn-color-alt:focus, input[type="reset"].btn-style-bordered.btn-color-alt:hover, input[type="reset"].btn-style-bordered.btn-color-alt:focus {
background-color: #fbbc34;
color: white;
border-color: #fbbc34;
}
.btn.btn-style-bordered.btn-color-black, .button.btn-style-bordered.btn-color-black, button.btn-style-bordered.btn-color-black, .added_to_cart.btn-style-bordered.btn-color-black, input[type="submit"].btn-style-bordered.btn-color-black, input[type="button"].btn-style-bordered.btn-color-black, input[type="reset"].btn-style-bordered.btn-color-black {
color: #000;
border-color: #888;
}
.btn.btn-style-bordered.btn-color-black:hover, .btn.btn-style-bordered.btn-color-black:focus, .button.btn-style-bordered.btn-color-black:hover, .button.btn-style-bordered.btn-color-black:focus, button.btn-style-bordered.btn-color-black:hover, button.btn-style-bordered.btn-color-black:focus, .added_to_cart.btn-style-bordered.btn-color-black:hover, .added_to_cart.btn-style-bordered.btn-color-black:focus, input[type="submit"].btn-style-bordered.btn-color-black:hover, input[type="submit"].btn-style-bordered.btn-color-black:focus, input[type="button"].btn-style-bordered.btn-color-black:hover, input[type="button"].btn-style-bordered.btn-color-black:focus, input[type="reset"].btn-style-bordered.btn-color-black:hover, input[type="reset"].btn-style-bordered.btn-color-black:focus {
background-color: #888;
color: white;
border-color: #888;
}
.btn.btn-style-bordered.btn-color-white, .button.btn-style-bordered.btn-color-white, button.btn-style-bordered.btn-color-white, .added_to_cart.btn-style-bordered.btn-color-white, input[type="submit"].btn-style-bordered.btn-color-white, input[type="button"].btn-style-bordered.btn-color-white, input[type="reset"].btn-style-bordered.btn-color-white {
color: white;
border-color: white;
}
.btn.btn-style-bordered.btn-color-white:hover, .btn.btn-style-bordered.btn-color-white:focus, .button.btn-style-bordered.btn-color-white:hover, .button.btn-style-bordered.btn-color-white:focus, button.btn-style-bordered.btn-color-white:hover, button.btn-style-bordered.btn-color-white:focus, .added_to_cart.btn-style-bordered.btn-color-white:hover, .added_to_cart.btn-style-bordered.btn-color-white:focus, input[type="submit"].btn-style-bordered.btn-color-white:hover, input[type="submit"].btn-style-bordered.btn-color-white:focus, input[type="button"].btn-style-bordered.btn-color-white:hover, input[type="button"].btn-style-bordered.btn-color-white:focus, input[type="reset"].btn-style-bordered.btn-color-white:hover, input[type="reset"].btn-style-bordered.btn-color-white:focus {
background-color: white;
color: #3E3E3E;
border-color: white;
}
.btn.btn-style-rounded, .button.btn-style-rounded, button.btn-style-rounded, .added_to_cart.btn-style-rounded, input[type="submit"].btn-style-rounded, input[type="button"].btn-style-rounded, input[type="reset"].btn-style-rounded {
border-radius: 35px;
}
.btn.btn-style-rounded:hover, .btn.btn-style-rounded:focus, .button.btn-style-rounded:hover, .button.btn-style-rounded:focus, button.btn-style-rounded:hover, button.btn-style-rounded:focus, .added_to_cart.btn-style-rounded:hover, .added_to_cart.btn-style-rounded:focus, input[type="submit"].btn-style-rounded:hover, input[type="submit"].btn-style-rounded:focus, input[type="button"].btn-style-rounded:hover, input[type="button"].btn-style-rounded:focus, input[type="reset"].btn-style-rounded:hover, input[type="reset"].btn-style-rounded:focus {
opacity: 0.8;
}
.btn.btn-style-3d, .button.btn-style-3d, button.btn-style-3d, .added_to_cart.btn-style-3d, input[type="submit"].btn-style-3d, input[type="button"].btn-style-3d, input[type="reset"].btn-style-3d {
border: none;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.15);
}
.btn.btn-style-3d:hover, .btn.btn-style-3d:focus, .button.btn-style-3d:hover, .button.btn-style-3d:focus, button.btn-style-3d:hover, button.btn-style-3d:focus, .added_to_cart.btn-style-3d:hover, .added_to_cart.btn-style-3d:focus, input[type="submit"].btn-style-3d:hover, input[type="submit"].btn-style-3d:focus, input[type="button"].btn-style-3d:hover, input[type="button"].btn-style-3d:focus, input[type="reset"].btn-style-3d:hover, input[type="reset"].btn-style-3d:focus {
opacity: 0.8;
box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.15);
}
.btn.active, .btn:active {
box-shadow: none !important;
}
.btn-transparent {
border: 2px solid #888;
background-color: transparent !important;
}
.btn-transparent:hover {
color: white;
}
#place_order {
width: 100%;
}
.checkout-button, .coupon .button, .checkout_coupon .button, .actions .update-cart, #place_order, #customer_login .button {
color: white;
}
.checkout-button:hover, .checkout-button:focus, .coupon .button:hover, .coupon .button:focus, .checkout_coupon .button:hover, .checkout_coupon .button:focus, .actions .update-cart:hover, .actions .update-cart:focus, #place_order:hover, #place_order:focus, #customer_login .button:hover, #customer_login .button:focus {
opacity: 0.8;
color: white;
}
.btn-full-width {
width: 100%;
}
/* ========================================================================== 1.7 CLEARING ========================================================================== */
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
content: ' ';
display: table;
}
.clearfix:after {
clear: both;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* ========================================================================== 1.8 HELPER CLASS ========================================================================== */
.width-0 {
width: 0;
}
.color_64 {
color: #646464;
}
.light {
color: white;
}
.dark {
color: black;
}
.fl {
float: left;
}
.fr {
float: right;
}
.fw300 {
font-weight: 300;
}
.fw400 {
font-weight: 400;
}
.fw500 {
font-weight: 500;
}
.fw600 {
font-weight: 600;
}
.fw700 {
font-weight: 700;
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.middle-xs {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.center-xs {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.left-xs {
-webkit-justify-content: left;
-ms-flex-pack: left;
-webkit-box-pack: left;
justify-content: left;
text-align: left;
}
.right-xs {
-webkit-justify-content: right;
-ms-flex-pack: right;
-webkit-box-pack: right;
justify-content: right;
text-align: right;
}
.between-xs {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.start-sm {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
}
.pd_0 {
padding: 0;
}
.pl_0 {
padding-left: 0;
}
.pr_0 {
padding-right: 0;
}
.mg_0 {
margin: 0;
}
.ml_0 {
margin-left: 0;
}
.mr_0 {
margin-right: 0;
}
.pt_1 {
padding-top: 1px;
}
.pb_1 {
padding-bottom: 1px;
}
.pl_1 {
padding-left: 1px;
}
.pr_1 {
padding-right: 1px;
}
.mt_1 {
margin-top: 1px;
}
.mb_1 {
margin-bottom: 1px;
}
.ml_1 {
margin-left: 1px;
}
.mr_1 {
margin-right: 1px;
}
.pt_2 {
padding-top: 2px;
}
.pb_2 {
padding-bottom: 2px;
}
.pl_2 {
padding-left: 2px;
}
.pr_2 {
padding-right: 2px;
}
.mt_2 {
margin-top: 2px;
}
.mb_2 {
margin-bottom: 2px;
}
.ml_2 {
margin-left: 2px;
}
.mr_2 {
margin-right: 2px;
}
.pt_3 {
padding-top: 3px;
}
.pb_3 {
padding-bottom: 3px;
}
.pl_3 {
padding-left: 3px;
}
.pr_3 {
padding-right: 3px;
}
.mt_3 {
margin-top: 3px;
}
.mb_3 {
margin-bottom: 3px;
}
.ml_3 {
margin-left: 3px;
}
.mr_3 {
margin-right: 3px;
}
.pt_4 {
padding-top: 4px;
}
.pb_4 {
padding-bottom: 4px;
}
.pl_4 {
padding-left: 4px;
}
.pr_4 {
padding-right: 4px;
}
.mt_4 {
margin-top: 4px;
}
.mb_4 {
margin-bottom: 4px;
}
.ml_4 {
margin-left: 4px;
}
.mr_4 {
margin-right: 4px;
}
.pt_5 {
padding-top: 5px;
}
.pb_5 {
padding-bottom: 5px;
}
.pl_5 {
padding-left: 5px;
}
.pr_5 {
padding-right: 5px;
}
.mt_5 {
margin-top: 5px;
}
.mb_5 {
margin-bottom: 5px;
}
.ml_5 {
margin-left: 5px;
}
.mr_5 {
margin-right: 5px;
}
.pt_6 {
padding-top: 6px;
}
.pb_6 {
padding-bottom: 6px;
}
.pl_6 {
padding-left: 6px;
}
.pr_6 {
padding-right: 6px;
}
.mt_6 {
margin-top: 6px;
}
.mb_6 {
margin-bottom: 6px;
}
.ml_6 {
margin-left: 6px;
}
.mr_6 {
margin-right: 6px;
}
.pt_7 {
padding-top: 7px;
}
.pb_7 {
padding-bottom: 7px;
}
.pl_7 {
padding-left: 7px;
}
.pr_7 {
padding-right: 7px;
}
.mt_7 {
margin-top: 7px;
}
.mb_7 {
margin-bottom: 7px;
}
.ml_7 {
margin-left: 7px;
}
.mr_7 {
margin-right: 7px;
}
.pt_8 {
padding-top: 8px;
}
.pb_8 {
padding-bottom: 8px;
}
.pl_8 {
padding-left: 8px;
}
.pr_8 {
padding-right: 8px;
}
.mt_8 {
margin-top: 8px;
}
.mb_8 {
margin-bottom: 8px;
}
.ml_8 {
margin-left: 8px;
}
.mr_8 {
margin-right: 8px;
}
.pt_9 {
padding-top: 9px;
}
.pb_9 {
padding-bottom: 9px;
}
.pl_9 {
padding-left: 9px;
}
.pr_9 {
padding-right: 9px;
}
.mt_9 {
margin-top: 9px;
}
.mb_9 {
margin-bottom: 9px;
}
.ml_9 {
margin-left: 9px;
}
.mr_9 {
margin-right: 9px;
}
.pt_10 {
padding-top: 10px;
}
.pb_10 {
padding-bottom: 10px;
}
.pl_10 {
padding-left: 10px;
}
.pr_10 {
padding-right: 10px;
}
.mt_10 {
margin-top: 10px;
}
.mb_10 {
margin-bottom: 10px;
}
.ml_10 {
margin-left: 10px;
}
.mr_10 {
margin-right: 10px;
}
.pt_11 {
padding-top: 11px;
}
.pb_11 {
padding-bottom: 11px;
}
.pl_11 {
padding-left: 11px;
}
.pr_11 {
padding-right: 11px;
}
.mt_11 {
margin-top: 11px;
}
.mb_11 {
margin-bottom: 11px;
}
.ml_11 {
margin-left: 11px;
}
.mr_11 {
margin-right: 11px;
}
.pt_12 {
padding-top: 12px;
}
.pb_12 {
padding-bottom: 12px;
}
.pl_12 {
padding-left: 12px;
}
.pr_12 {
padding-right: 12px;
}
.mt_12 {
margin-top: 12px;
}
.mb_12 {
margin-bottom: 12px;
}
.ml_12 {
margin-left: 12px;
}
.mr_12 {
margin-right: 12px;
}
.pt_13 {
padding-top: 13px;
}
.pb_13 {
padding-bottom: 13px;
}
.pl_13 {
padding-left: 13px;
}
.pr_13 {
padding-right: 13px;
}
.mt_13 {
margin-top: 13px;
}
.mb_13 {
margin-bottom: 13px;
}
.ml_13 {
margin-left: 13px;
}
.mr_13 {
margin-right: 13px;
}
.pt_14 {
padding-top: 14px;
}
.pb_14 {
padding-bottom: 14px;
}
.pl_14 {
padding-left: 14px;
}
.pr_14 {
padding-right: 14px;
}
.mt_14 {
margin-top: 14px;
}
.mb_14 {
margin-bottom: 14px;
}
.ml_14 {
margin-left: 14px;
}
.mr_14 {
margin-right: 14px;
}
.pt_15 {
padding-top: 15px;
}
.pb_15 {
padding-bottom: 15px;
}
.pl_15 {
padding-left: 15px;
}
.pr_15 {
padding-right: 15px;
}
.mt_15 {
margin-top: 15px;
}
.mb_15 {
margin-bottom: 15px;
}
.ml_15 {
margin-left: 15px;
}
.mr_15 {
margin-right: 15px;
}
.pt_16 {
padding-top: 16px;
}
.pb_16 {
padding-bottom: 16px;
}
.pl_16 {
padding-left: 16px;
}
.pr_16 {
padding-right: 16px;
}
.mt_16 {
margin-top: 16px;
}
.mb_16 {
margin-bottom: 16px;
}
.ml_16 {
margin-left: 16px;
}
.mr_16 {
margin-right: 16px;
}
.pt_17 {
padding-top: 17px;
}
.pb_17 {
padding-bottom: 17px;
}
.pl_17 {
padding-left: 17px;
}
.pr_17 {
padding-right: 17px;
}
.mt_17 {
margin-top: 17px;
}
.mb_17 {
margin-bottom: 17px;
}
.ml_17 {
margin-left: 17px;
}
.mr_17 {
margin-right: 17px;
}
.pt_18 {
padding-top: 18px;
}
.pb_18 {
padding-bottom: 18px;
}
.pl_18 {
padding-left: 18px;
}
.pr_18 {
padding-right: 18px;
}
.mt_18 {
margin-top: 18px;
}
.mb_18 {
margin-bottom: 18px;
}
.ml_18 {
margin-left: 18px;
}
.mr_18 {
margin-right: 18px;
}
.pt_19 {
padding-top: 19px;
}
.pb_19 {
padding-bottom: 19px;
}
.pl_19 {
padding-left: 19px;
}
.pr_19 {
padding-right: 19px;
}
.mt_19 {
margin-top: 19px;
}
.mb_19 {
margin-bottom: 19px;
}
.ml_19 {
margin-left: 19px;
}
.mr_19 {
margin-right: 19px;
}
.pt_20 {
padding-top: 20px;
}
.pb_20 {
padding-bottom: 20px;
}
.pl_20 {
padding-left: 20px;
}
.pr_20 {
padding-right: 20px;
}
.mt_20 {
margin-top: 20px;
}
.mb_20 {
margin-bottom: 20px;
}
.ml_20 {
margin-left: 20px;
}
.mr_20 {
margin-right: 20px;
}
.pt_21 {
padding-top: 21px;
}
.pb_21 {
padding-bottom: 21px;
}
.pl_21 {
padding-left: 21px;
}
.pr_21 {
padding-right: 21px;
}
.mt_21 {
margin-top: 21px;
}
.mb_21 {
margin-bottom: 21px;
}
.ml_21 {
margin-left: 21px;
}
.mr_21 {
margin-right: 21px;
}
.pt_22 {
padding-top: 22px;
}
.pb_22 {
padding-bottom: 22px;
}
.pl_22 {
padding-left: 22px;
}
.pr_22 {
padding-right: 22px;
}
.mt_22 {
margin-top: 22px;
}
.mb_22 {
margin-bottom: 22px;
}
.ml_22 {
margin-left: 22px;
}
.mr_22 {
margin-right: 22px;
}
.pt_23 {
padding-top: 23px;
}
.pb_23 {
padding-bottom: 23px;
}
.pl_23 {
padding-left: 23px;
}
.pr_23 {
padding-right: 23px;
}
.mt_23 {
margin-top: 23px;
}
.mb_23 {
margin-bottom: 23px;
}
.ml_23 {
margin-left: 23px;
}
.mr_23 {
margin-right: 23px;
}
.pt_24 {
padding-top: 24px;
}
.pb_24 {
padding-bottom: 24px;
}
.pl_24 {
padding-left: 24px;
}
.pr_24 {
padding-right: 24px;
}
.mt_24 {
margin-top: 24px;
}
.mb_24 {
margin-bottom: 24px;
}
.ml_24 {
margin-left: 24px;
}
.mr_24 {
margin-right: 24px;
}
.pt_25 {
padding-top: 25px;
}
.pb_25 {
padding-bottom: 25px;
}
.pl_25 {
padding-left: 25px;
}
.pr_25 {
padding-right: 25px;
}
.mt_25 {
margin-top: 25px;
}
.mb_25 {
margin-bottom: 25px;
}
.ml_25 {
margin-left: 25px;
}
.mr_25 {
margin-right: 25px;
}
.pt_26 {
padding-top: 26px;
}
.pb_26 {
padding-bottom: 26px;
}
.pl_26 {
padding-left: 26px;
}
.pr_26 {
padding-right: 26px;
}
.mt_26 {
margin-top: 26px;
}
.mb_26 {
margin-bottom: 26px;
}
.ml_26 {
margin-left: 26px;
}
.mr_26 {
margin-right: 26px;
}
.pt_27 {
padding-top: 27px;
}
.pb_27 {
padding-bottom: 27px;
}
.pl_27 {
padding-left: 27px;
}
.pr_27 {
padding-right: 27px;
}
.mt_27 {
margin-top: 27px;
}
.mb_27 {
margin-bottom: 27px;
}
.ml_27 {
margin-left: 27px;
}
.mr_27 {
margin-right: 27px;
}
.pt_28 {
padding-top: 28px;
}
.pb_28 {
padding-bottom: 28px;
}
.pl_28 {
padding-left: 28px;
}
.pr_28 {
padding-right: 28px;
}
.mt_28 {
margin-top: 28px;
}
.mb_28 {
margin-bottom: 28px;
}
.ml_28 {
margin-left: 28px;
}
.mr_28 {
margin-right: 28px;
}
.pt_29 {
padding-top: 29px;
}
.pb_29 {
padding-bottom: 29px;
}
.pl_29 {
padding-left: 29px;
}
.pr_29 {
padding-right: 29px;
}
.mt_29 {
margin-top: 29px;
}
.mb_29 {
margin-bottom: 29px;
}
.ml_29 {
margin-left: 29px;
}
.mr_29 {
margin-right: 29px;
}
.pt_30 {
padding-top: 30px;
}
.pb_30 {
padding-bottom: 30px;
}
.pl_30 {
padding-left: 30px;
}
.pr_30 {
padding-right: 30px;
}
.mt_30 {
margin-top: 30px;
}
.mb_30 {
margin-bottom: 30px;
}
.ml_30 {
margin-left: 30px;
}
.mr_30 {
margin-right: 30px;
}
.pt_31 {
padding-top: 31px;
}
.pb_31 {
padding-bottom: 31px;
}
.pl_31 {
padding-left: 31px;
}
.pr_31 {
padding-right: 31px;
}
.mt_31 {
margin-top: 31px;
}
.mb_31 {
margin-bottom: 31px;
}
.ml_31 {
margin-left: 31px;
}
.mr_31 {
margin-right: 31px;
}
.pt_32 {
padding-top: 32px;
}
.pb_32 {
padding-bottom: 32px;
}
.pl_32 {
padding-left: 32px;
}
.pr_32 {
padding-right: 32px;
}
.mt_32 {
margin-top: 32px;
}
.mb_32 {
margin-bottom: 32px;
}
.ml_32 {
margin-left: 32px;
}
.mr_32 {
margin-right: 32px;
}
.pt_33 {
padding-top: 33px;
}
.pb_33 {
padding-bottom: 33px;
}
.pl_33 {
padding-left: 33px;
}
.pr_33 {
padding-right: 33px;
}
.mt_33 {
margin-top: 33px;
}
.mb_33 {
margin-bottom: 33px;
}
.ml_33 {
margin-left: 33px;
}
.mr_33 {
margin-right: 33px;
}
.pt_34 {
padding-top: 34px;
}
.pb_34 {
padding-bottom: 34px;
}
.pl_34 {
padding-left: 34px;
}
.pr_34 {
padding-right: 34px;
}
.mt_34 {
margin-top: 34px;
}
.mb_34 {
margin-bottom: 34px;
}
.ml_34 {
margin-left: 34px;
}
.mr_34 {
margin-right: 34px;
}
.pt_35 {
padding-top: 35px;
}
.pb_35 {
padding-bottom: 35px;
}
.pl_35 {
padding-left: 35px;
}
.pr_35 {
padding-right: 35px;
}
.mt_35 {
margin-top: 35px;
}
.mb_35 {
margin-bottom: 35px;
}
.ml_35 {
margin-left: 35px;
}
.mr_35 {
margin-right: 35px;
}
.pt_36 {
padding-top: 36px;
}
.pb_36 {
padding-bottom: 36px;
}
.pl_36 {
padding-left: 36px;
}
.pr_36 {
padding-right: 36px;
}
.mt_36 {
margin-top: 36px;
}
.mb_36 {
margin-bottom: 36px;
}
.ml_36 {
margin-left: 36px;
}
.mr_36 {
margin-right: 36px;
}
.pt_37 {
padding-top: 37px;
}
.pb_37 {
padding-bottom: 37px;
}
.pl_37 {
padding-left: 37px;
}
.pr_37 {
padding-right: 37px;
}
.mt_37 {
margin-top: 37px;
}
.mb_37 {
margin-bottom: 37px;
}
.ml_37 {
margin-left: 37px;
}
.mr_37 {
margin-right: 37px;
}
.pt_38 {
padding-top: 38px;
}
.pb_38 {
padding-bottom: 38px;
}
.pl_38 {
padding-left: 38px;
}
.pr_38 {
padding-right: 38px;
}
.mt_38 {
margin-top: 38px;
}
.mb_38 {
margin-bottom: 38px;
}
.ml_38 {
margin-left: 38px;
}
.mr_38 {
margin-right: 38px;
}
.pt_39 {
padding-top: 39px;
}
.pb_39 {
padding-bottom: 39px;
}
.pl_39 {
padding-left: 39px;
}
.pr_39 {
padding-right: 39px;
}
.mt_39 {
margin-top: 39px;
}
.mb_39 {
margin-bottom: 39px;
}
.ml_39 {
margin-left: 39px;
}
.mr_39 {
margin-right: 39px;
}
.pt_40 {
padding-top: 40px;
}
.pb_40 {
padding-bottom: 40px;
}
.pl_40 {
padding-left: 40px;
}
.pr_40 {
padding-right: 40px;
}
.mt_40 {
margin-top: 40px;
}
.mb_40 {
margin-bottom: 40px;
}
.ml_40 {
margin-left: 40px;
}
.mr_40 {
margin-right: 40px;
}
.pt_41 {
padding-top: 41px;
}
.pb_41 {
padding-bottom: 41px;
}
.pl_41 {
padding-left: 41px;
}
.pr_41 {
padding-right: 41px;
}
.mt_41 {
margin-top: 41px;
}
.mb_41 {
margin-bottom: 41px;
}
.ml_41 {
margin-left: 41px;
}
.mr_41 {
margin-right: 41px;
}
.pt_42 {
padding-top: 42px;
}
.pb_42 {
padding-bottom: 42px;
}
.pl_42 {
padding-left: 42px;
}
.pr_42 {
padding-right: 42px;
}
.mt_42 {
margin-top: 42px;
}
.mb_42 {
margin-bottom: 42px;
}
.ml_42 {
margin-left: 42px;
}
.mr_42 {
margin-right: 42px;
}
.pt_43 {
padding-top: 43px;
}
.pb_43 {
padding-bottom: 43px;
}
.pl_43 {
padding-left: 43px;
}
.pr_43 {
padding-right: 43px;
}
.mt_43 {
margin-top: 43px;
}
.mb_43 {
margin-bottom: 43px;
}
.ml_43 {
margin-left: 43px;
}
.mr_43 {
margin-right: 43px;
}
.pt_44 {
padding-top: 44px;
}
.pb_44 {
padding-bottom: 44px;
}
.pl_44 {
padding-left: 44px;
}
.pr_44 {
padding-right: 44px;
}
.mt_44 {
margin-top: 44px;
}
.mb_44 {
margin-bottom: 44px;
}
.ml_44 {
margin-left: 44px;
}
.mr_44 {
margin-right: 44px;
}
.pt_45 {
padding-top: 45px;
}
.pb_45 {
padding-bottom: 45px;
}
.pl_45 {
padding-left: 45px;
}
.pr_45 {
padding-right: 45px;
}
.mt_45 {
margin-top: 45px;
}
.mb_45 {
margin-bottom: 45px;
}
.ml_45 {
margin-left: 45px;
}
.mr_45 {
margin-right: 45px;
}
.pt_46 {
padding-top: 46px;
}
.pb_46 {
padding-bottom: 46px;
}
.pl_46 {
padding-left: 46px;
}
.pr_46 {
padding-right: 46px;
}
.mt_46 {
margin-top: 46px;
}
.mb_46 {
margin-bottom: 46px;
}
.ml_46 {
margin-left: 46px;
}
.mr_46 {
margin-right: 46px;
}
.pt_47 {
padding-top: 47px;
}
.pb_47 {
padding-bottom: 47px;
}
.pl_47 {
padding-left: 47px;
}
.pr_47 {
padding-right: 47px;
}
.mt_47 {
margin-top: 47px;
}
.mb_47 {
margin-bottom: 47px;
}
.ml_47 {
margin-left: 47px;
}
.mr_47 {
margin-right: 47px;
}
.pt_48 {
padding-top: 48px;
}
.pb_48 {
padding-bottom: 48px;
}
.pl_48 {
padding-left: 48px;
}
.pr_48 {
padding-right: 48px;
}
.mt_48 {
margin-top: 48px;
}
.mb_48 {
margin-bottom: 48px;
}
.ml_48 {
margin-left: 48px;
}
.mr_48 {
margin-right: 48px;
}
.pt_49 {
padding-top: 49px;
}
.pb_49 {
padding-bottom: 49px;
}
.pl_49 {
padding-left: 49px;
}
.pr_49 {
padding-right: 49px;
}
.mt_49 {
margin-top: 49px;
}
.mb_49 {
margin-bottom: 49px;
}
.ml_49 {
margin-left: 49px;
}
.mr_49 {
margin-right: 49px;
}
.pt_50 {
padding-top: 50px;
}
.pb_50 {
padding-bottom: 50px;
}
.pl_50 {
padding-left: 50px;
}
.pr_50 {
padding-right: 50px;
}
.mt_50 {
margin-top: 50px;
}
.mb_50 {
margin-bottom: 50px;
}
.ml_50 {
margin-left: 50px;
}
.mr_50 {
margin-right: 50px;
}
.pt_51 {
padding-top: 51px;
}
.pb_51 {
padding-bottom: 51px;
}
.pl_51 {
padding-left: 51px;
}
.pr_51 {
padding-right: 51px;
}
.mt_51 {
margin-top: 51px;
}
.mb_51 {
margin-bottom: 51px;
}
.ml_51 {
margin-left: 51px;
}
.mr_51 {
margin-right: 51px;
}
.pt_52 {
padding-top: 52px;
}
.pb_52 {
padding-bottom: 52px;
}
.pl_52 {
padding-left: 52px;
}
.pr_52 {
padding-right: 52px;
}
.mt_52 {
margin-top: 52px;
}
.mb_52 {
margin-bottom: 52px;
}
.ml_52 {
margin-left: 52px;
}
.mr_52 {
margin-right: 52px;
}
.pt_53 {
padding-top: 53px;
}
.pb_53 {
padding-bottom: 53px;
}
.pl_53 {
padding-left: 53px;
}
.pr_53 {
padding-right: 53px;
}
.mt_53 {
margin-top: 53px;
}
.mb_53 {
margin-bottom: 53px;
}
.ml_53 {
margin-left: 53px;
}
.mr_53 {
margin-right: 53px;
}
.pt_54 {
padding-top: 54px;
}
.pb_54 {
padding-bottom: 54px;
}
.pl_54 {
padding-left: 54px;
}
.pr_54 {
padding-right: 54px;
}
.mt_54 {
margin-top: 54px;
}
.mb_54 {
margin-bottom: 54px;
}
.ml_54 {
margin-left: 54px;
}
.mr_54 {
margin-right: 54px;
}
.pt_55 {
padding-top: 55px;
}
.pb_55 {
padding-bottom: 55px;
}
.pl_55 {
padding-left: 55px;
}
.pr_55 {
padding-right: 55px;
}
.mt_55 {
margin-top: 55px;
}
.mb_55 {
margin-bottom: 55px;
}
.ml_55 {
margin-left: 55px;
}
.mr_55 {
margin-right: 55px;
}
.pt_56 {
padding-top: 56px;
}
.pb_56 {
padding-bottom: 56px;
}
.pl_56 {
padding-left: 56px;
}
.pr_56 {
padding-right: 56px;
}
.mt_56 {
margin-top: 56px;
}
.mb_56 {
margin-bottom: 56px;
}
.ml_56 {
margin-left: 56px;
}
.mr_56 {
margin-right: 56px;
}
.pt_57 {
padding-top: 57px;
}
.pb_57 {
padding-bottom: 57px;
}
.pl_57 {
padding-left: 57px;
}
.pr_57 {
padding-right: 57px;
}
.mt_57 {
margin-top: 57px;
}
.mb_57 {
margin-bottom: 57px;
}
.ml_57 {
margin-left: 57px;
}
.mr_57 {
margin-right: 57px;
}
.pt_58 {
padding-top: 58px;
}
.pb_58 {
padding-bottom: 58px;
}
.pl_58 {
padding-left: 58px;
}
.pr_58 {
padding-right: 58px;
}
.mt_58 {
margin-top: 58px;
}
.mb_58 {
margin-bottom: 58px;
}
.ml_58 {
margin-left: 58px;
}
.mr_58 {
margin-right: 58px;
}
.pt_59 {
padding-top: 59px;
}
.pb_59 {
padding-bottom: 59px;
}
.pl_59 {
padding-left: 59px;
}
.pr_59 {
padding-right: 59px;
}
.mt_59 {
margin-top: 59px;
}
.mb_59 {
margin-bottom: 59px;
}
.ml_59 {
margin-left: 59px;
}
.mr_59 {
margin-right: 59px;
}
.pt_60 {
padding-top: 60px;
}
.pb_60 {
padding-bottom: 60px;
}
.pl_60 {
padding-left: 60px;
}
.pr_60 {
padding-right: 60px;
}
.mt_60 {
margin-top: 60px;
}
.mb_60 {
margin-bottom: 60px;
}
.ml_60 {
margin-left: 60px;
}
.mr_60 {
margin-right: 60px;
}
.pt_61 {
padding-top: 61px;
}
.pb_61 {
padding-bottom: 61px;
}
.pl_61 {
padding-left: 61px;
}
.pr_61 {
padding-right: 61px;
}
.mt_61 {
margin-top: 61px;
}
.mb_61 {
margin-bottom: 61px;
}
.ml_61 {
margin-left: 61px;
}
.mr_61 {
margin-right: 61px;
}
.pt_62 {
padding-top: 62px;
}
.pb_62 {
padding-bottom: 62px;
}
.pl_62 {
padding-left: 62px;
}
.pr_62 {
padding-right: 62px;
}
.mt_62 {
margin-top: 62px;
}
.mb_62 {
margin-bottom: 62px;
}
.ml_62 {
margin-left: 62px;
}
.mr_62 {
margin-right: 62px;
}
.pt_63 {
padding-top: 63px;
}
.pb_63 {
padding-bottom: 63px;
}
.pl_63 {
padding-left: 63px;
}
.pr_63 {
padding-right: 63px;
}
.mt_63 {
margin-top: 63px;
}
.mb_63 {
margin-bottom: 63px;
}
.ml_63 {
margin-left: 63px;
}
.mr_63 {
margin-right: 63px;
}
.pt_64 {
padding-top: 64px;
}
.pb_64 {
padding-bottom: 64px;
}
.pl_64 {
padding-left: 64px;
}
.pr_64 {
padding-right: 64px;
}
.mt_64 {
margin-top: 64px;
}
.mb_64 {
margin-bottom: 64px;
}
.ml_64 {
margin-left: 64px;
}
.mr_64 {
margin-right: 64px;
}
.pt_65 {
padding-top: 65px;
}
.pb_65 {
padding-bottom: 65px;
}
.pl_65 {
padding-left: 65px;
}
.pr_65 {
padding-right: 65px;
}
.mt_65 {
margin-top: 65px;
}
.mb_65 {
margin-bottom: 65px;
}
.ml_65 {
margin-left: 65px;
}
.mr_65 {
margin-right: 65px;
}
.pt_66 {
padding-top: 66px;
}
.pb_66 {
padding-bottom: 66px;
}
.pl_66 {
padding-left: 66px;
}
.pr_66 {
padding-right: 66px;
}
.mt_66 {
margin-top: 66px;
}
.mb_66 {
margin-bottom: 66px;
}
.ml_66 {
margin-left: 66px;
}
.mr_66 {
margin-right: 66px;
}
.pt_67 {
padding-top: 67px;
}
.pb_67 {
padding-bottom: 67px;
}
.pl_67 {
padding-left: 67px;
}
.pr_67 {
padding-right: 67px;
}
.mt_67 {
margin-top: 67px;
}
.mb_67 {
margin-bottom: 67px;
}
.ml_67 {
margin-left: 67px;
}
.mr_67 {
margin-right: 67px;
}
.pt_68 {
padding-top: 68px;
}
.pb_68 {
padding-bottom: 68px;
}
.pl_68 {
padding-left: 68px;
}
.pr_68 {
padding-right: 68px;
}
.mt_68 {
margin-top: 68px;
}
.mb_68 {
margin-bottom: 68px;
}
.ml_68 {
margin-left: 68px;
}
.mr_68 {
margin-right: 68px;
}
.pt_69 {
padding-top: 69px;
}
.pb_69 {
padding-bottom: 69px;
}
.pl_69 {
padding-left: 69px;
}
.pr_69 {
padding-right: 69px;
}
.mt_69 {
margin-top: 69px;
}
.mb_69 {
margin-bottom: 69px;
}
.ml_69 {
margin-left: 69px;
}
.mr_69 {
margin-right: 69px;
}
.pt_70 {
padding-top: 70px;
}
.pb_70 {
padding-bottom: 70px;
}
.pl_70 {
padding-left: 70px;
}
.pr_70 {
padding-right: 70px;
}
.mt_70 {
margin-top: 70px;
}
.mb_70 {
margin-bottom: 70px;
}
.ml_70 {
margin-left: 70px;
}
.mr_70 {
margin-right: 70px;
}
.pt_71 {
padding-top: 71px;
}
.pb_71 {
padding-bottom: 71px;
}
.pl_71 {
padding-left: 71px;
}
.pr_71 {
padding-right: 71px;
}
.mt_71 {
margin-top: 71px;
}
.mb_71 {
margin-bottom: 71px;
}
.ml_71 {
margin-left: 71px;
}
.mr_71 {
margin-right: 71px;
}
.pt_72 {
padding-top: 72px;
}
.pb_72 {
padding-bottom: 72px;
}
.pl_72 {
padding-left: 72px;
}
.pr_72 {
padding-right: 72px;
}
.mt_72 {
margin-top: 72px;
}
.mb_72 {
margin-bottom: 72px;
}
.ml_72 {
margin-left: 72px;
}
.mr_72 {
margin-right: 72px;
}
.pt_73 {
padding-top: 73px;
}
.pb_73 {
padding-bottom: 73px;
}
.pl_73 {
padding-left: 73px;
}
.pr_73 {
padding-right: 73px;
}
.mt_73 {
margin-top: 73px;
}
.mb_73 {
margin-bottom: 73px;
}
.ml_73 {
margin-left: 73px;
}
.mr_73 {
margin-right: 73px;
}
.pt_74 {
padding-top: 74px;
}
.pb_74 {
padding-bottom: 74px;
}
.pl_74 {
padding-left: 74px;
}
.pr_74 {
padding-right: 74px;
}
.mt_74 {
margin-top: 74px;
}
.mb_74 {
margin-bottom: 74px;
}
.ml_74 {
margin-left: 74px;
}
.mr_74 {
margin-right: 74px;
}
.pt_75 {
padding-top: 75px;
}
.pb_75 {
padding-bottom: 75px;
}
.pl_75 {
padding-left: 75px;
}
.pr_75 {
padding-right: 75px;
}
.mt_75 {
margin-top: 75px;
}
.mb_75 {
margin-bottom: 75px;
}
.ml_75 {
margin-left: 75px;
}
.mr_75 {
margin-right: 75px;
}
.pt_76 {
padding-top: 76px;
}
.pb_76 {
padding-bottom: 76px;
}
.pl_76 {
padding-left: 76px;
}
.pr_76 {
padding-right: 76px;
}
.mt_76 {
margin-top: 76px;
}
.mb_76 {
margin-bottom: 76px;
}
.ml_76 {
margin-left: 76px;
}
.mr_76 {
margin-right: 76px;
}
.pt_77 {
padding-top: 77px;
}
.pb_77 {
padding-bottom: 77px;
}
.pl_77 {
padding-left: 77px;
}
.pr_77 {
padding-right: 77px;
}
.mt_77 {
margin-top: 77px;
}
.mb_77 {
margin-bottom: 77px;
}
.ml_77 {
margin-left: 77px;
}
.mr_77 {
margin-right: 77px;
}
.pt_78 {
padding-top: 78px;
}
.pb_78 {
padding-bottom: 78px;
}
.pl_78 {
padding-left: 78px;
}
.pr_78 {
padding-right: 78px;
}
.mt_78 {
margin-top: 78px;
}
.mb_78 {
margin-bottom: 78px;
}
.ml_78 {
margin-left: 78px;
}
.mr_78 {
margin-right: 78px;
}
.pt_79 {
padding-top: 79px;
}
.pb_79 {
padding-bottom: 79px;
}
.pl_79 {
padding-left: 79px;
}
.pr_79 {
padding-right: 79px;
}
.mt_79 {
margin-top: 79px;
}
.mb_79 {
margin-bottom: 79px;
}
.ml_79 {
margin-left: 79px;
}
.mr_79 {
margin-right: 79px;
}
.pt_80 {
padding-top: 80px;
}
.pb_80 {
padding-bottom: 80px;
}
.pl_80 {
padding-left: 80px;
}
.pr_80 {
padding-right: 80px;
}
.mt_80 {
margin-top: 80px;
}
.mb_80 {
margin-bottom: 80px;
}
.ml_80 {
margin-left: 80px;
}
.mr_80 {
margin-right: 80px;
}
.pt_81 {
padding-top: 81px;
}
.pb_81 {
padding-bottom: 81px;
}
.pl_81 {
padding-left: 81px;
}
.pr_81 {
padding-right: 81px;
}
.mt_81 {
margin-top: 81px;
}
.mb_81 {
margin-bottom: 81px;
}
.ml_81 {
margin-left: 81px;
}
.mr_81 {
margin-right: 81px;
}
.pt_82 {
padding-top: 82px;
}
.pb_82 {
padding-bottom: 82px;
}
.pl_82 {
padding-left: 82px;
}
.pr_82 {
padding-right: 82px;
}
.mt_82 {
margin-top: 82px;
}
.mb_82 {
margin-bottom: 82px;
}
.ml_82 {
margin-left: 82px;
}
.mr_82 {
margin-right: 82px;
}
.pt_83 {
padding-top: 83px;
}
.pb_83 {
padding-bottom: 83px;
}
.pl_83 {
padding-left: 83px;
}
.pr_83 {
padding-right: 83px;
}
.mt_83 {
margin-top: 83px;
}
.mb_83 {
margin-bottom: 83px;
}
.ml_83 {
margin-left: 83px;
}
.mr_83 {
margin-right: 83px;
}
.pt_84 {
padding-top: 84px;
}
.pb_84 {
padding-bottom: 84px;
}
.pl_84 {
padding-left: 84px;
}
.pr_84 {
padding-right: 84px;
}
.mt_84 {
margin-top: 84px;
}
.mb_84 {
margin-bottom: 84px;
}
.ml_84 {
margin-left: 84px;
}
.mr_84 {
margin-right: 84px;
}
.pt_85 {
padding-top: 85px;
}
.pb_85 {
padding-bottom: 85px;
}
.pl_85 {
padding-left: 85px;
}
.pr_85 {
padding-right: 85px;
}
.mt_85 {
margin-top: 85px;
}
.mb_85 {
margin-bottom: 85px;
}
.ml_85 {
margin-left: 85px;
}
.mr_85 {
margin-right: 85px;
}
.pt_86 {
padding-top: 86px;
}
.pb_86 {
padding-bottom: 86px;
}
.pl_86 {
padding-left: 86px;
}
.pr_86 {
padding-right: 86px;
}
.mt_86 {
margin-top: 86px;
}
.mb_86 {
margin-bottom: 86px;
}
.ml_86 {
margin-left: 86px;
}
.mr_86 {
margin-right: 86px;
}
.pt_87 {
padding-top: 87px;
}
.pb_87 {
padding-bottom: 87px;
}
.pl_87 {
padding-left: 87px;
}
.pr_87 {
padding-right: 87px;
}
.mt_87 {
margin-top: 87px;
}
.mb_87 {
margin-bottom: 87px;
}
.ml_87 {
margin-left: 87px;
}
.mr_87 {
margin-right: 87px;
}
.pt_88 {
padding-top: 88px;
}
.pb_88 {
padding-bottom: 88px;
}
.pl_88 {
padding-left: 88px;
}
.pr_88 {
padding-right: 88px;
}
.mt_88 {
margin-top: 88px;
}
.mb_88 {
margin-bottom: 88px;
}
.ml_88 {
margin-left: 88px;
}
.mr_88 {
margin-right: 88px;
}
.pt_89 {
padding-top: 89px;
}
.pb_89 {
padding-bottom: 89px;
}
.pl_89 {
padding-left: 89px;
}
.pr_89 {
padding-right: 89px;
}
.mt_89 {
margin-top: 89px;
}
.mb_89 {
margin-bottom: 89px;
}
.ml_89 {
margin-left: 89px;
}
.mr_89 {
margin-right: 89px;
}
.pt_90 {
padding-top: 90px;
}
.pb_90 {
padding-bottom: 90px;
}
.pl_90 {
padding-left: 90px;
}
.pr_90 {
padding-right: 90px;
}
.mt_90 {
margin-top: 90px;
}
.mb_90 {
margin-bottom: 90px;
}
.ml_90 {
margin-left: 90px;
}
.mr_90 {
margin-right: 90px;
}
.pt_91 {
padding-top: 91px;
}
.pb_91 {
padding-bottom: 91px;
}
.pl_91 {
padding-left: 91px;
}
.pr_91 {
padding-right: 91px;
}
.mt_91 {
margin-top: 91px;
}
.mb_91 {
margin-bottom: 91px;
}
.ml_91 {
margin-left: 91px;
}
.mr_91 {
margin-right: 91px;
}
.pt_92 {
padding-top: 92px;
}
.pb_92 {
padding-bottom: 92px;
}
.pl_92 {
padding-left: 92px;
}
.pr_92 {
padding-right: 92px;
}
.mt_92 {
margin-top: 92px;
}
.mb_92 {
margin-bottom: 92px;
}
.ml_92 {
margin-left: 92px;
}
.mr_92 {
margin-right: 92px;
}
.pt_93 {
padding-top: 93px;
}
.pb_93 {
padding-bottom: 93px;
}
.pl_93 {
padding-left: 93px;
}
.pr_93 {
padding-right: 93px;
}
.mt_93 {
margin-top: 93px;
}
.mb_93 {
margin-bottom: 93px;
}
.ml_93 {
margin-left: 93px;
}
.mr_93 {
margin-right: 93px;
}
.pt_94 {
padding-top: 94px;
}
.pb_94 {
padding-bottom: 94px;
}
.pl_94 {
padding-left: 94px;
}
.pr_94 {
padding-right: 94px;
}
.mt_94 {
margin-top: 94px;
}
.mb_94 {
margin-bottom: 94px;
}
.ml_94 {
margin-left: 94px;
}
.mr_94 {
margin-right: 94px;
}
.pt_95 {
padding-top: 95px;
}
.pb_95 {
padding-bottom: 95px;
}
.pl_95 {
padding-left: 95px;
}
.pr_95 {
padding-right: 95px;
}
.mt_95 {
margin-top: 95px;
}
.mb_95 {
margin-bottom: 95px;
}
.ml_95 {
margin-left: 95px;
}
.mr_95 {
margin-right: 95px;
}
.pt_96 {
padding-top: 96px;
}
.pb_96 {
padding-bottom: 96px;
}
.pl_96 {
padding-left: 96px;
}
.pr_96 {
padding-right: 96px;
}
.mt_96 {
margin-top: 96px;
}
.mb_96 {
margin-bottom: 96px;
}
.ml_96 {
margin-left: 96px;
}
.mr_96 {
margin-right: 96px;
}
.pt_97 {
padding-top: 97px;
}
.pb_97 {
padding-bottom: 97px;
}
.pl_97 {
padding-left: 97px;
}
.pr_97 {
padding-right: 97px;
}
.mt_97 {
margin-top: 97px;
}
.mb_97 {
margin-bottom: 97px;
}
.ml_97 {
margin-left: 97px;
}
.mr_97 {
margin-right: 97px;
}
.pt_98 {
padding-top: 98px;
}
.pb_98 {
padding-bottom: 98px;
}
.pl_98 {
padding-left: 98px;
}
.pr_98 {
padding-right: 98px;
}
.mt_98 {
margin-top: 98px;
}
.mb_98 {
margin-bottom: 98px;
}
.ml_98 {
margin-left: 98px;
}
.mr_98 {
margin-right: 98px;
}
.pt_99 {
padding-top: 99px;
}
.pb_99 {
padding-bottom: 99px;
}
.pl_99 {
padding-left: 99px;
}
.pr_99 {
padding-right: 99px;
}
.mt_99 {
margin-top: 99px;
}
.mb_99 {
margin-bottom: 99px;
}
.ml_99 {
margin-left: 99px;
}
.mr_99 {
margin-right: 99px;
}
.pt_100 {
padding-top: 100px;
}
.pb_100 {
padding-bottom: 100px;
}
.pl_100 {
padding-left: 100px;
}
.pr_100 {
padding-right: 100px;
}
.mt_100 {
margin-top: 100px;
}
.mb_100 {
margin-bottom: 100px;
}
.ml_100 {
margin-left: 100px;
}
.mr_100 {
margin-right: 100px;
}
.ml_1 {
margin-left: 1px;
}
.mr_1 {
margin-right: 1px;
}
.ml_0 {
margin-left: 0px;
}
.mr_0 {
margin-right: 0px;
}
.ml_-1 {
margin-left: -1px;
}
.mr_-1 {
margin-right: -1px;
}
.ml_-2 {
margin-left: -2px;
}
.mr_-2 {
margin-right: -2px;
}
.ml_-3 {
margin-left: -3px;
}
.mr_-3 {
margin-right: -3px;
}
.ml_-4 {
margin-left: -4px;
}
.mr_-4 {
margin-right: -4px;
}
.ml_-5 {
margin-left: -5px;
}
.mr_-5 {
margin-right: -5px;
}
.ml_-6 {
margin-left: -6px;
}
.mr_-6 {
margin-right: -6px;
}
.ml_-7 {
margin-left: -7px;
}
.mr_-7 {
margin-right: -7px;
}
.ml_-8 {
margin-left: -8px;
}
.mr_-8 {
margin-right: -8px;
}
.ml_-9 {
margin-left: -9px;
}
.mr_-9 {
margin-right: -9px;
}
.ml_-10 {
margin-left: -10px;
}
.mr_-10 {
margin-right: -10px;
}
.ml_-11 {
margin-left: -11px;
}
.mr_-11 {
margin-right: -11px;
}
.ml_-12 {
margin-left: -12px;
}
.mr_-12 {
margin-right: -12px;
}
.ml_-13 {
margin-left: -13px;
}
.mr_-13 {
margin-right: -13px;
}
.ml_-14 {
margin-left: -14px;
}
.mr_-14 {
margin-right: -14px;
}
.ml_-15 {
margin-left: -15px;
}
.mr_-15 {
margin-right: -15px;
}
.ml_-16 {
margin-left: -16px;
}
.mr_-16 {
margin-right: -16px;
}
.ml_-17 {
margin-left: -17px;
}
.mr_-17 {
margin-right: -17px;
}
.ml_-18 {
margin-left: -18px;
}
.mr_-18 {
margin-right: -18px;
}
.ml_-19 {
margin-left: -19px;
}
.mr_-19 {
margin-right: -19px;
}
.ml_-20 {
margin-left: -20px;
}
.mr_-20 {
margin-right: -20px;
}
.ml_-21 {
margin-left: -21px;
}
.mr_-21 {
margin-right: -21px;
}
.ml_-22 {
margin-left: -22px;
}
.mr_-22 {
margin-right: -22px;
}
.ml_-23 {
margin-left: -23px;
}
.mr_-23 {
margin-right: -23px;
}
.ml_-24 {
margin-left: -24px;
}
.mr_-24 {
margin-right: -24px;
}
.ml_-25 {
margin-left: -25px;
}
.mr_-25 {
margin-right: -25px;
}
.ml_-26 {
margin-left: -26px;
}
.mr_-26 {
margin-right: -26px;
}
.ml_-27 {
margin-left: -27px;
}
.mr_-27 {
margin-right: -27px;
}
.ml_-28 {
margin-left: -28px;
}
.mr_-28 {
margin-right: -28px;
}
.ml_-29 {
margin-left: -29px;
}
.mr_-29 {
margin-right: -29px;
}
.ml_-30 {
margin-left: -30px;
}
.mr_-30 {
margin-right: -30px;
}
.ml_-31 {
margin-left: -31px;
}
.mr_-31 {
margin-right: -31px;
}
.ml_-32 {
margin-left: -32px;
}
.mr_-32 {
margin-right: -32px;
}
.ml_-33 {
margin-left: -33px;
}
.mr_-33 {
margin-right: -33px;
}
.ml_-34 {
margin-left: -34px;
}
.mr_-34 {
margin-right: -34px;
}
.ml_-35 {
margin-left: -35px;
}
.mr_-35 {
margin-right: -35px;
}
.ml_-36 {
margin-left: -36px;
}
.mr_-36 {
margin-right: -36px;
}
.ml_-37 {
margin-left: -37px;
}
.mr_-37 {
margin-right: -37px;
}
.ml_-38 {
margin-left: -38px;
}
.mr_-38 {
margin-right: -38px;
}
.ml_-39 {
margin-left: -39px;
}
.mr_-39 {
margin-right: -39px;
}
.ml_-40 {
margin-left: -40px;
}
.mr_-40 {
margin-right: -40px;
}
.ml_-41 {
margin-left: -41px;
}
.mr_-41 {
margin-right: -41px;
}
.ml_-42 {
margin-left: -42px;
}
.mr_-42 {
margin-right: -42px;
}
.ml_-43 {
margin-left: -43px;
}
.mr_-43 {
margin-right: -43px;
}
.ml_-44 {
margin-left: -44px;
}
.mr_-44 {
margin-right: -44px;
}
.ml_-45 {
margin-left: -45px;
}
.mr_-45 {
margin-right: -45px;
}
.ml_-46 {
margin-left: -46px;
}
.mr_-46 {
margin-right: -46px;
}
.ml_-47 {
margin-left: -47px;
}
.mr_-47 {
margin-right: -47px;
}
.ml_-48 {
margin-left: -48px;
}
.mr_-48 {
margin-right: -48px;
}
.ml_-49 {
margin-left: -49px;
}
.mr_-49 {
margin-right: -49px;
}
.ml_-50 {
margin-left: -50px;
}
.mr_-50 {
margin-right: -50px;
}
.ml_-51 {
margin-left: -51px;
}
.mr_-51 {
margin-right: -51px;
}
.ml_-52 {
margin-left: -52px;
}
.mr_-52 {
margin-right: -52px;
}
.ml_-53 {
margin-left: -53px;
}
.mr_-53 {
margin-right: -53px;
}
.ml_-54 {
margin-left: -54px;
}
.mr_-54 {
margin-right: -54px;
}
.ml_-55 {
margin-left: -55px;
}
.mr_-55 {
margin-right: -55px;
}
.ml_-56 {
margin-left: -56px;
}
.mr_-56 {
margin-right: -56px;
}
.ml_-57 {
margin-left: -57px;
}
.mr_-57 {
margin-right: -57px;
}
.ml_-58 {
margin-left: -58px;
}
.mr_-58 {
margin-right: -58px;
}
.ml_-59 {
margin-left: -59px;
}
.mr_-59 {
margin-right: -59px;
}
.ml_-60 {
margin-left: -60px;
}
.mr_-60 {
margin-right: -60px;
}
.fs_1 {
font-size: 1px;
}
.fs_2 {
font-size: 2px;
}
.fs_3 {
font-size: 3px;
}
.fs_4 {
font-size: 4px;
}
.fs_5 {
font-size: 5px;
}
.fs_6 {
font-size: 6px;
}
.fs_7 {
font-size: 7px;
}
.fs_8 {
font-size: 8px;
}
.fs_9 {
font-size: 9px;
}
.fs_10 {
font-size: 10px;
}
.fs_11 {
font-size: 11px;
}
.fs_12 {
font-size: 12px;
}
.fs_13 {
font-size: 13px;
}
.fs_14 {
font-size: 14px;
}
.fs_15 {
font-size: 15px;
}
.fs_16 {
font-size: 16px;
}
.fs_17 {
font-size: 17px;
}
.fs_18 {
font-size: 18px;
}
.fs_19 {
font-size: 19px;
}
.fs_20 {
font-size: 20px;
}
.fs_21 {
font-size: 21px;
}
.fs_22 {
font-size: 22px;
}
.fs_23 {
font-size: 23px;
}
.fs_24 {
font-size: 24px;
}
.fs_25 {
font-size: 25px;
}
.fs_26 {
font-size: 26px;
}
.fs_27 {
font-size: 27px;
}
.fs_28 {
font-size: 28px;
}
.fs_29 {
font-size: 29px;
}
.fs_30 {
font-size: 30px;
}
.fs_31 {
font-size: 31px;
}
.fs_32 {
font-size: 32px;
}
.fs_33 {
font-size: 33px;
}
.fs_34 {
font-size: 34px;
}
.fs_35 {
font-size: 35px;
}
.fs_36 {
font-size: 36px;
}
.fs_37 {
font-size: 37px;
}
.fs_38 {
font-size: 38px;
}
.fs_39 {
font-size: 39px;
}
.fs_40 {
font-size: 40px;
}
.fs_41 {
font-size: 41px;
}
.fs_42 {
font-size: 42px;
}
.fs_43 {
font-size: 43px;
}
.fs_44 {
font-size: 44px;
}
.fs_45 {
font-size: 45px;
}
.fs_46 {
font-size: 46px;
}
.fs_47 {
font-size: 47px;
}
.fs_48 {
font-size: 48px;
}
.fs_49 {
font-size: 49px;
}
.fs_50 {
font-size: 50px;
}
.fs_51 {
font-size: 51px;
}
.fs_52 {
font-size: 52px;
}
.fs_53 {
font-size: 53px;
}
.fs_54 {
font-size: 54px;
}
.fs_55 {
font-size: 55px;
}
.fs_56 {
font-size: 56px;
}
.fs_57 {
font-size: 57px;
}
.fs_58 {
font-size: 58px;
}
.fs_59 {
font-size: 59px;
}
.fs_60 {
font-size: 60px;
}
.fs_61 {
font-size: 61px;
}
.fs_62 {
font-size: 62px;
}
.fs_63 {
font-size: 63px;
}
.fs_64 {
font-size: 64px;
}
.fs_65 {
font-size: 65px;
}
.fs_66 {
font-size: 66px;
}
.fs_67 {
font-size: 67px;
}
.fs_68 {
font-size: 68px;
}
.fs_69 {
font-size: 69px;
}
.fs_70 {
font-size: 70px;
}
.fs_71 {
font-size: 71px;
}
.fs_72 {
font-size: 72px;
}
.fs_73 {
font-size: 73px;
}
.fs_74 {
font-size: 74px;
}
.fs_75 {
font-size: 75px;
}
.fs_76 {
font-size: 76px;
}
.fs_77 {
font-size: 77px;
}
.fs_78 {
font-size: 78px;
}
.fs_79 {
font-size: 79px;
}
.fs_80 {
font-size: 80px;
}
.fs_81 {
font-size: 81px;
}
.fs_82 {
font-size: 82px;
}
.fs_83 {
font-size: 83px;
}
.fs_84 {
font-size: 84px;
}
.fs_85 {
font-size: 85px;
}
.fs_86 {
font-size: 86px;
}
.fs_87 {
font-size: 87px;
}
.fs_88 {
font-size: 88px;
}
.fs_89 {
font-size: 89px;
}
.fs_90 {
font-size: 90px;
}
.fs_91 {
font-size: 91px;
}
.fs_92 {
font-size: 92px;
}
.fs_93 {
font-size: 93px;
}
.fs_94 {
font-size: 94px;
}
.fs_95 {
font-size: 95px;
}
.fs_96 {
font-size: 96px;
}
.fs_97 {
font-size: 97px;
}
.fs_98 {
font-size: 98px;
}
.fs_99 {
font-size: 99px;
}
.fs_100 {
font-size: 100px;
}
.db {
display: block;
}
.dn {
display: none;
}
.dib {
display: inline-block;
}
.oh {
overflow: hidden;
}
.oi {
overflow: inherit;
}
.tc {
text-align: center;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.pa {
position: absolute;
}
.pr {
position: relative;
}
.pf {
position: fixed;
}
.pa-center {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3D(-50%, -50%, 0);
-moz-transform: translate3D(-50%, -50%, 0);
-o-transform: translate3D(-50%, -50%, 0);
transform: translate3D(-50%, -50%, 0);
}
.ypop-wrapper a.close {
width: 12px;
height: 13px;
background: url("assets/images/icons/close.png") no-repeat center center !important;
top: 20px !important;
right: 20px !important;
}
.vc_tta-panel-title {
font-size: inherit;
}
.page-content-inner > .row {
margin-left: 0;
margin-right: 0;
}
.page-content-inner > .row > #main-content {
padding-left: 0;
padding-right: 0;
}
.container-fluid {
padding-left: 80px;
padding-right: 80px;
}
.btn-group.open .dropdown-toggle {
box-shadow: none;
}
.dropdown-menu {
border: none;
border-radius: 0;
padding: 0;
margin: 0;
}
.bypostauthor {
padding: 0;
}
.owl-theme .owl-dots .owl-dot {
border-radius: 50%;
transition: box-shadow 0.3s ease;
background: transparent;
width: 15px;
height: 15px;
border: 2px solid transparent;
position: relative;
margin: 0 2px;
}
.owl-theme .owl-dots .owl-dot span {
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border-radius: 50%;
background: #ccc;
text-indent: -999em;
cursor: pointer;
position: absolute;
margin: 0;
opacity: 1;
}
.owl-theme .owl-dots .owl-dot.active, .owl-theme .owl-dots .owl-dot:hover {
border-radius: 50%;
background: transparent;
border-color: #ff8969 !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.owl-theme .owl-nav .disabled {
opacity: 1;
cursor: not-allowed;
}
.owl-theme .owl-nav .disabled[class*="owl-"]:before {
opacity: 0.4;
}
.owl-theme .owl-nav [class*="owl-"] {
font-size: 0;
padding: 0;
width: 40px;
height: 40px;
background: none;
opacity: 0;
position: absolute;
top: 50%;
margin-top: -13px;
}
.owl-theme .owl-nav [class*="owl-"]:before {
position: static;
margin: 0;
content: "\e605";
display: inline-block;
width: 40px;
height: 40px;
line-height: 33px;
font-size: 30px;
color: #9f9f9f;
border: 0;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: none;
}
.owl-theme .owl-nav [class*="owl-"].owl-prev {
left: -50px;
}
.owl-theme .owl-nav [class*="owl-"].owl-next {
right: -50px;
}
.owl-theme .owl-nav [class*="owl-"].owl-next:before {
content: "\e606";
}
.icon_box_arrow .owl-theme .owl-nav .disabled {
opacity: 1;
cursor: not-allowed;
}
.icon_box_arrow .owl-theme .owl-nav .disabled[class*="owl-"]:before {
opacity: 0.4;
}
.icon_box_arrow .owl-theme .owl-nav [class*="owl-"] {
font-size: 0;
padding: 0;
width: 40px;
height: 40px;
border: 1px solid;
border-radius: 0;
position: absolute;
top: 50%;
margin-top: -13px;
opacity: 1;
}
.icon_box_arrow .owl-theme .owl-nav [class*="owl-"]:before {
position: static;
margin: 0;
content: "\e605";
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
color: #000;
border: 0;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon_box_arrow .owl-theme .owl-nav [class*="owl-"]:hover:before {
color: #fff;
}
.icon_box_arrow .owl-theme .owl-nav [class*="owl-"].owl-prev {
left: -55px;
}
.icon_box_arrow .owl-theme .owl-nav [class*="owl-"].owl-next {
right: -55px;
}
.icon_box_arrow .owl-theme .owl-nav [class*="owl-"].owl-next:before {
content: "\e606";
}
.owl-theme:hover .owl-nav [class*="owl-"] {
opacity: 1;
}
@media screen and (max-width: 991px) {
.owl-theme .owl-nav [class*="owl-"] {
display: none;
}
}
#main-sidebar, #main-content {
position: relative;
}
.left-sidebar #main-content {
left: 25%;
}
.left-sidebar #main-sidebar {
right: calc(100% - 25%);
}
[class*="layout-columns-"] .item {
float: left;
}
.layout-columns-1 .item {
width: 100%;
}
.layout-columns-2 .item {
width: 50%;
}
.layout-columns-2 .item.item-metro {
width: 100%;
}
.layout-columns-2 .item:nth-child(2n + 1) {
clear: both;
}
.layout-columns-3 .item {
width: 33.33%;
}
.layout-columns-3 .item.item-metro {
width: 66.66%;
}
.layout-columns-3 .item:nth-child(3n + 1) {
clear: both;
}
.layout-columns-4 .item {
width: 25%;
}
.layout-columns-4 .item.item-metro {
width: 50%;
}
.layout-columns-4 .item:nth-child(4n + 1) {
clear: both;
}
.layout-columns-5 .item {
width: 20%;
}
.layout-columns-5 .item.item-metro {
width: 40%;
}
.layout-columns-5 .item:nth-child(5n + 1) {
clear: both;
}
.layout-columns-6 .item {
width: 16.6666666%;
}
.layout-columns-6 .item.item-metro {
width: 33.33%;
}
.layout-columns-6 .item:nth-child(6n + 1) {
clear: both;
}
.layout-columns-7 .item {
width: 14.285%;
}
.layout-columns-7 .item:nth-child(7n + 1) {
clear: both;
}
.layout-columns-8 .item {
width: 12.5%;
}
.layout-columns-8 .item:nth-child(8n + 1) {
clear: both;
}
.layout-columns-9 .item {
width: 11.111111111%;
}
.layout-columns-9 .item:nth-child(9n + 1) {
clear: both;
}
.layout-spacing-40 {
margin-left: -20px;
margin-right: -20px;
}
.layout-spacing-40 .item {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 15px;
}
.layout-spacing-40 .item.product-style-2 {
margin-bottom: 40px;
}
.layout-spacing-30 {
margin-left: -15px;
margin-right: -15px;
}
.layout-spacing-30 .item {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}
.layout-spacing-30 .item.product-style-2 {
margin-bottom: 30px;
}
.layout-spacing-20 {
margin-left: -10px;
margin-right: -10px;
}
.layout-spacing-20 .item {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px;
}
.layout-spacing-20 .item.product-style-2 {
margin-bottom: 20px;
}
.layout-spacing-10 {
margin-left: -5px;
margin-right: -5px;
}
.layout-spacing-10 .item {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 15px;
}
.layout-spacing-10 .item.product-style-2 {
margin-bottom: 10px;
}
.portfolio-layout.layout-spacing-40 .item {
margin-bottom: 40px;
}
.portfolio-layout.layout-spacing-30 .item {
margin-bottom: 30px;
}
.portfolio-layout.layout-spacing-20 .item {
margin-bottom: 20px;
}
.portfolio-layout.layout-spacing-10 .item {
margin-bottom: 10px;
}
@media screen and (max-width: 1199px) {
.layout-columns-4 .item, .layout-columns-5 .item, .layout-columns-6 .item, .layout-columns-7 .item, .layout-columns-8 .item, .layout-columns-9 .item {
width: 25%;
}
.layout-columns-4 .item:nth-child(5n + 1), .layout-columns-4 .item:nth-child(6n + 1), .layout-columns-4 .item:nth-child(7n + 1), .layout-columns-4 .item:nth-child(8n + 1), .layout-columns-4 .item:nth-child(9n + 1), .layout-columns-5 .item:nth-child(5n + 1), .layout-columns-5 .item:nth-child(6n + 1), .layout-columns-5 .item:nth-child(7n + 1), .layout-columns-5 .item:nth-child(8n + 1), .layout-columns-5 .item:nth-child(9n + 1), .layout-columns-6 .item:nth-child(5n + 1), .layout-columns-6 .item:nth-child(6n + 1), .layout-columns-6 .item:nth-child(7n + 1), .layout-columns-6 .item:nth-child(8n + 1), .layout-columns-6 .item:nth-child(9n + 1), .layout-columns-7 .item:nth-child(5n + 1), .layout-columns-7 .item:nth-child(6n + 1), .layout-columns-7 .item:nth-child(7n + 1), .layout-columns-7 .item:nth-child(8n + 1), .layout-columns-7 .item:nth-child(9n + 1), .layout-columns-8 .item:nth-child(5n + 1), .layout-columns-8 .item:nth-child(6n + 1), .layout-columns-8 .item:nth-child(7n + 1), .layout-columns-8 .item:nth-child(8n + 1), .layout-columns-8 .item:nth-child(9n + 1), .layout-columns-9 .item:nth-child(5n + 1), .layout-columns-9 .item:nth-child(6n + 1), .layout-columns-9 .item:nth-child(7n + 1), .layout-columns-9 .item:nth-child(8n + 1), .layout-columns-9 .item:nth-child(9n + 1) {
clear: none;
}
.layout-columns-4 .item:nth-child(4n + 1), .layout-columns-5 .item:nth-child(4n + 1), .layout-columns-6 .item:nth-child(4n + 1), .layout-columns-7 .item:nth-child(4n + 1), .layout-columns-8 .item:nth-child(4n + 1), .layout-columns-9 .item:nth-child(4n + 1) {
clear: both;
}
}
@media screen and (max-width: 991px) {
.left-sidebar #main-content {
left: auto;
margin-bottom: 70px;
}
.left-sidebar #main-sidebar {
right: auto;
}
.layout-columns-4 .item, .layout-columns-5 .item, .layout-columns-6 .item, .layout-columns-7 .item, .layout-columns-8 .item, .layout-columns-9 .item {
width: 33.3333333333333%;
}
.layout-columns-4 .item:nth-child(4n + 1), .layout-columns-4 .item:nth-child(5n + 1), .layout-columns-4 .item:nth-child(6n + 1), .layout-columns-4 .item:nth-child(7n + 1), .layout-columns-4 .item:nth-child(8n + 1), .layout-columns-4 .item:nth-child(9n + 1), .layout-columns-5 .item:nth-child(4n + 1), .layout-columns-5 .item:nth-child(5n + 1), .layout-columns-5 .item:nth-child(6n + 1), .layout-columns-5 .item:nth-child(7n + 1), .layout-columns-5 .item:nth-child(8n + 1), .layout-columns-5 .item:nth-child(9n + 1), .layout-columns-6 .item:nth-child(4n + 1), .layout-columns-6 .item:nth-child(5n + 1), .layout-columns-6 .item:nth-child(6n + 1), .layout-columns-6 .item:nth-child(7n + 1), .layout-columns-6 .item:nth-child(8n + 1), .layout-columns-6 .item:nth-child(9n + 1), .layout-columns-7 .item:nth-child(4n + 1), .layout-columns-7 .item:nth-child(5n + 1), .layout-columns-7 .item:nth-child(6n + 1), .layout-columns-7 .item:nth-child(7n + 1), .layout-columns-7 .item:nth-child(8n + 1), .layout-columns-7 .item:nth-child(9n + 1), .layout-columns-8 .item:nth-child(4n + 1), .layout-columns-8 .item:nth-child(5n + 1), .layout-columns-8 .item:nth-child(6n + 1), .layout-columns-8 .item:nth-child(7n + 1), .layout-columns-8 .item:nth-child(8n + 1), .layout-columns-8 .item:nth-child(9n + 1), .layout-columns-9 .item:nth-child(4n + 1), .layout-columns-9 .item:nth-child(5n + 1), .layout-columns-9 .item:nth-child(6n + 1), .layout-columns-9 .item:nth-child(7n + 1), .layout-columns-9 .item:nth-child(8n + 1), .layout-columns-9 .item:nth-child(9n + 1) {
clear: none;
}
.layout-columns-4 .item:nth-child(3n + 1), .layout-columns-5 .item:nth-child(3n + 1), .layout-columns-6 .item:nth-child(3n + 1), .layout-columns-7 .item:nth-child(3n + 1), .layout-columns-8 .item:nth-child(3n + 1), .layout-columns-9 .item:nth-child(3n + 1) {
clear: both;
}
}
@media screen and (max-width: 767px) {
.layout-columns-3 .item, .layout-columns-4 .item, .layout-columns-5 .item, .layout-columns-6 .item, .layout-columns-7 .item, .layout-columns-8 .item, .layout-columns-9 .item {
width: 50%;
}
.layout-columns-3 .item:nth-child(3n + 1), .layout-columns-3 .item:nth-child(4n + 1), .layout-columns-3 .item:nth-child(5n + 1), .layout-columns-3 .item:nth-child(6n + 1), .layout-columns-3 .item:nth-child(7n + 1), .layout-columns-3 .item:nth-child(8n + 1), .layout-columns-3 .item:nth-child(9n + 1), .layout-columns-4 .item:nth-child(3n + 1), .layout-columns-4 .item:nth-child(4n + 1), .layout-columns-4 .item:nth-child(5n + 1), .layout-columns-4 .item:nth-child(6n + 1), .layout-columns-4 .item:nth-child(7n + 1), .layout-columns-4 .item:nth-child(8n + 1), .layout-columns-4 .item:nth-child(9n + 1), .layout-columns-5 .item:nth-child(3n + 1), .layout-columns-5 .item:nth-child(4n + 1), .layout-columns-5 .item:nth-child(5n + 1), .layout-columns-5 .item:nth-child(6n + 1), .layout-columns-5 .item:nth-child(7n + 1), .layout-columns-5 .item:nth-child(8n + 1), .layout-columns-5 .item:nth-child(9n + 1), .layout-columns-6 .item:nth-child(3n + 1), .layout-columns-6 .item:nth-child(4n + 1), .layout-columns-6 .item:nth-child(5n + 1), .layout-columns-6 .item:nth-child(6n + 1), .layout-columns-6 .item:nth-child(7n + 1), .layout-columns-6 .item:nth-child(8n + 1), .layout-columns-6 .item:nth-child(9n + 1), .layout-columns-7 .item:nth-child(3n + 1), .layout-columns-7 .item:nth-child(4n + 1), .layout-columns-7 .item:nth-child(5n + 1), .layout-columns-7 .item:nth-child(6n + 1), .layout-columns-7 .item:nth-child(7n + 1), .layout-columns-7 .item:nth-child(8n + 1), .layout-columns-7 .item:nth-child(9n + 1), .layout-columns-8 .item:nth-child(3n + 1), .layout-columns-8 .item:nth-child(4n + 1), .layout-columns-8 .item:nth-child(5n + 1), .layout-columns-8 .item:nth-child(6n + 1), .layout-columns-8 .item:nth-child(7n + 1), .layout-columns-8 .item:nth-child(8n + 1), .layout-columns-8 .item:nth-child(9n + 1), .layout-columns-9 .item:nth-child(3n + 1), .layout-columns-9 .item:nth-child(4n + 1), .layout-columns-9 .item:nth-child(5n + 1), .layout-columns-9 .item:nth-child(6n + 1), .layout-columns-9 .item:nth-child(7n + 1), .layout-columns-9 .item:nth-child(8n + 1), .layout-columns-9 .item:nth-child(9n + 1) {
clear: none;
}
.layout-columns-3 .item:nth-child(2n + 1), .layout-columns-4 .item:nth-child(2n + 1), .layout-columns-5 .item:nth-child(2n + 1), .layout-columns-6 .item:nth-child(2n + 1), .layout-columns-7 .item:nth-child(2n + 1), .layout-columns-8 .item:nth-child(2n + 1), .layout-columns-9 .item:nth-child(2n + 1) {
clear: both;
}
}
@media screen and (max-width: 480px) {
.layout-columns-2 .item, .layout-columns-3 .item, .layout-columns-4 .item, .layout-columns-5 .item, .layout-columns-6 .item, .layout-columns-7 .item, .layout-columns-8 .item, .layout-columns-9 .item {
width: 100%;
}
.layout-columns-2 .item:nth-child(2n + 1), .layout-columns-2 .item:nth-child(3n + 1), .layout-columns-2 .item:nth-child(4n + 1), .layout-columns-2 .item:nth-child(5n + 1), .layout-columns-2 .item:nth-child(6n + 1), .layout-columns-2 .item:nth-child(7n + 1), .layout-columns-2 .item:nth-child(8n + 1), .layout-columns-2 .item:nth-child(9n + 1), .layout-columns-3 .item:nth-child(2n + 1), .layout-columns-3 .item:nth-child(3n + 1), .layout-columns-3 .item:nth-child(4n + 1), .layout-columns-3 .item:nth-child(5n + 1), .layout-columns-3 .item:nth-child(6n + 1), .layout-columns-3 .item:nth-child(7n + 1), .layout-columns-3 .item:nth-child(8n + 1), .layout-columns-3 .item:nth-child(9n + 1), .layout-columns-4 .item:nth-child(2n + 1), .layout-columns-4 .item:nth-child(3n + 1), .layout-columns-4 .item:nth-child(4n + 1), .layout-columns-4 .item:nth-child(5n + 1), .layout-columns-4 .item:nth-child(6n + 1), .layout-columns-4 .item:nth-child(7n + 1), .layout-columns-4 .item:nth-child(8n + 1), .layout-columns-4 .item:nth-child(9n + 1), .layout-columns-5 .item:nth-child(2n + 1), .layout-columns-5 .item:nth-child(3n + 1), .layout-columns-5 .item:nth-child(4n + 1), .layout-columns-5 .item:nth-child(5n + 1), .layout-columns-5 .item:nth-child(6n + 1), .layout-columns-5 .item:nth-child(7n + 1), .layout-columns-5 .item:nth-child(8n + 1), .layout-columns-5 .item:nth-child(9n + 1), .layout-columns-6 .item:nth-child(2n + 1), .layout-columns-6 .item:nth-child(3n + 1), .layout-columns-6 .item:nth-child(4n + 1), .layout-columns-6 .item:nth-child(5n + 1), .layout-columns-6 .item:nth-child(6n + 1), .layout-columns-6 .item:nth-child(7n + 1), .layout-columns-6 .item:nth-child(8n + 1), .layout-columns-6 .item:nth-child(9n + 1), .layout-columns-7 .item:nth-child(2n + 1), .layout-columns-7 .item:nth-child(3n + 1), .layout-columns-7 .item:nth-child(4n + 1), .layout-columns-7 .item:nth-child(5n + 1), .layout-columns-7 .item:nth-child(6n + 1), .layout-columns-7 .item:nth-child(7n + 1), .layout-columns-7 .item:nth-child(8n + 1), .layout-columns-7 .item:nth-child(9n + 1), .layout-columns-8 .item:nth-child(2n + 1), .layout-columns-8 .item:nth-child(3n + 1), .layout-columns-8 .item:nth-child(4n + 1), .layout-columns-8 .item:nth-child(5n + 1), .layout-columns-8 .item:nth-child(6n + 1), .layout-columns-8 .item:nth-child(7n + 1), .layout-columns-8 .item:nth-child(8n + 1), .layout-columns-8 .item:nth-child(9n + 1), .layout-columns-9 .item:nth-child(2n + 1), .layout-columns-9 .item:nth-child(3n + 1), .layout-columns-9 .item:nth-child(4n + 1), .layout-columns-9 .item:nth-child(5n + 1), .layout-columns-9 .item:nth-child(6n + 1), .layout-columns-9 .item:nth-child(7n + 1), .layout-columns-9 .item:nth-child(8n + 1), .layout-columns-9 .item:nth-child(9n + 1) {
clear: none;
}
.layout-columns-2 .item:nth-child(n + 1), .layout-columns-3 .item:nth-child(n + 1), .layout-columns-4 .item:nth-child(n + 1), .layout-columns-5 .item:nth-child(n + 1), .layout-columns-6 .item:nth-child(n + 1), .layout-columns-7 .item:nth-child(n + 1), .layout-columns-8 .item:nth-child(n + 1), .layout-columns-9 .item:nth-child(n + 1) {
clear: both;
}
}
.spacing-carousel-0 .owl-stage-outer {
margin: 0;
padding: 0;
}
.spacing-carousel-10 .owl-stage-outer {
margin: -10px;
padding: 10px;
margin-right: -9px;
}
.spacing-carousel-20 .owl-stage-outer {
margin: -20px;
padding: 20px;
margin-right: -19px;
}
.spacing-carousel-30 .owl-stage-outer {
margin: -30px;
padding: 30px;
margin-right: -29px;
}
.spacing-carousel-40 .owl-stage-outer {
margin: -40px;
padding: 40px;
margin-right: -39px;
}
.stretch_row_wide {
margin-right: auto;
margin-left: auto;
position: static !important;
padding: 0 !important;
max-width: 1650px;
}
.wrapper-boxed .stretch_row_wide {
width: 100% !important;
}
@media screen and (min-width: 1400px) {
.stretch_row_wide {
width: calc(100% - 120px) !important;
}
}
.item-effect {
overflow: hidden;
position: relative;
}
.image-effect-1 .item-effect:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
content: '';
width: 100%;
height: 100%;
opacity: 0;
}
.image-effect-1 img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image-effect-1:hover .item-effect:before {
opacity: 1;
}
.image-effect-1:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.image-effect-2 .item-effect:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
content: '';
width: 100%;
height: 100%;
opacity: 0;
}
.image-effect-2 img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.image-effect-2:hover .item-effect:before {
opacity: 1;
}
.image-effect-2:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image-effect-3 {
z-index: 8;
}
.image-effect-3 .item-effect:before, .image-effect-3 .item-effect:after {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
content: '';
opacity: 0;
}
.image-effect-3 .item-effect:before {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 3;
}
.image-effect-3 .item-effect:after {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.image-effect-3:hover .item-effect:before, .image-effect-3:hover .item-effect:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image-effect-4 {
z-index: 8;
}
.image-effect-4 .item-effect:before, .image-effect-4 .item-effect:after {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
content: '';
opacity: 0;
}
.image-effect-4 .item-effect:before {
border-left: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 3;
}
.image-effect-4 .item-effect:after {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.image-effect-4:hover .item-effect:before, .image-effect-4:hover .item-effect:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image-effect-5 .item-effect:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
}
.image-effect-5 img {
width: 100%;
}
.image-effect-5:hover .item-effect:before {
opacity: 1;
}
.image-effect-5:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.image-effect-6 .item-effect:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
display: block;
content: '';
width: auto;
height: auto;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transform: rotate3d(0, 1, 1, 100deg);
-moz-transform: rotate3d(0, 1, 1, 100deg);
-o-transform: rotate3d(0, 1, 1, 100deg);
transform: rotate3d(0, 1, 1, 100deg);
}
.image-effect-6 img {
width: 100%;
}
.image-effect-6:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
}
.image-effect-6:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.image-effect-7 .item-effect:before {
background-color: rgba(0, 0, 0, 0.1);
content: "";
bottom: 10px;
left: 10px;
right: 10px;
top: 10px;
opacity: 0;
position: absolute;
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
border-radius: 4px;
}
.image-effect-7:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
}
.image-effect-8 .item-effect:before, .image-effect-8 .item-effect:after {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
content: '';
background: rgba(0, 0, 0, 0.2);
opacity: 0;
}
.image-effect-8 .item-effect:before {
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 3;
}
.image-effect-8 .item-effect:after {
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.image-effect-8:hover .item-effect:before, .image-effect-8:hover .item-effect:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image-effect-9 .item-effect:before {
content: "";
left: 0;
top: -100%;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.3);
position: absolute;
border-radius: 4px;
}
.image-effect-9:hover .item-effect:before {
opacity: 1;
top: 0;
}
.image-effect-10 .item-effect:before {
content: "";
left: -100%;
top: -100%;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
position: absolute;
border-radius: 4px;
}
.image-effect-10:hover .item-effect:before {
opacity: 1;
top: 0;
left: 0;
}
.image-effect-11 .item-effect:before {
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
z-index: 2;
display: block;
content: '';
width: auto;
height: auto;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.image-effect-11 img {
width: 100%;
}
.image-effect-11:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
}
.image-effect-11:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.image-effect-12 .item-effect:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
}
.image-effect-12 img {
width: 100%;
}
.image-effect-12:hover .item-effect:before {
opacity: 1;
}
.image-effect-12:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.image-effect-13 .item-effect:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
display: block;
content: '';
width: auto;
height: auto;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transform: rotate3d(0, 1, 1, 100deg);
-moz-transform: rotate3d(0, 1, 1, 100deg);
-o-transform: rotate3d(0, 1, 1, 100deg);
transform: rotate3d(0, 1, 1, 100deg);
}
.image-effect-13 img {
width: 100%;
}
.image-effect-13:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
}
.image-effect-13:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.image-effect-14 .item-effect:before, .image-effect-14 .item-effect:after {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 2;
content: '';
background: rgba(255, 255, 255, 0.5);
opacity: 0;
}
.image-effect-14 .item-effect:before {
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
z-index: 3;
}
.image-effect-14 .item-effect:after {
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
.image-effect-14:hover .item-effect:before, .image-effect-14:hover .item-effect:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image-effect-15 .item-effect:before {
background: rgba(255, 255, 255, 0.5);
content: "";
bottom: 10px;
left: 10px;
right: 10px;
top: 10px;
opacity: 0;
position: absolute;
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
border-radius: 4px;
}
.image-effect-15:hover .item-effect:before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
}
.image-effect-16 .item-effect:before {
content: "";
left: 0;
top: -100%;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
position: absolute;
border-radius: 4px;
}
.image-effect-16:hover .item-effect:before {
opacity: 1;
top: 0;
}
.image-effect-17 .item-effect:before, .image-effect-17 .item-effect:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
}
.image-effect-17:hover .item-effect:before {
right: 50%;
left: 50%;
background-color: rgba(255, 255, 255, 0.5);
}
.image-effect-17:hover .item-effect:after {
top: 50%;
bottom: 50%;
background-color: rgba(255, 255, 255, 0.5);
}
/* --------------------------------------------- 2. WORDPRESS DEFAULT CLASS ------------------------------------------- */
.alignleft {
float: left;
margin: 10px 25px 25px 0;
}
.alignright {
float: right;
margin: 10px 0 25px 25px;
}
.aligncenter {
clear: both;
display: block;
margin: 15px auto 25px;
}
.wp-caption {
margin-bottom: 5px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text {
color: #7e7e7e;
padding: 0.5em 0;
font-size: 13px;
}
.gallery {
margin: 0 -1.1666667% 0;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66666667%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #7e7e7e;
padding: 0.5em 0;
font-size: 13px;
display: block;
line-height: 1.6;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}
/* ========================================================================== 1.2 TYPOGRAPHY ========================================================================== */
/* Regular */
@font-face {
font-family: 'Neue Einstellung';
src: url("assets/fonts/NeueEinstellung-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
/* Medium */
@font-face {
font-family: 'Neue Einstellung';
src: url("assets/fonts/NeueEinstellung-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
/* SemiBold */
@font-face {
font-family: 'Neue Einstellung';
src: url("assets/fonts/NeueEinstellung-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
/* Bold */
@font-face {
font-family: 'Neue Einstellung';
src: url("assets/fonts/NeueEinstellung-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Neue Einstellung';
src: url("assets/fonts/NeueEinstellung-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
/* ------------------------------------------- 3. HEADER ------------------------------------------- */
.header-wrapper {
position: relative;
z-index: 66;
}
.header-wrapper .dropdown-menu ul li {
list-style: none;
}
.header-wrapper .dropdown-menu ul li:last-child {
margin: 0;
}
.dokan-store .header-wrapper {
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.12);
}
.header-bg {
background-color: rgba(255, 255, 255, 0.5);
}
.logo_image img {
max-height: 50px;
}
.header-overlap > .container {
position: relative;
}
.header-overlap .wrap-header {
position: absolute;
top: 0;
width: 100%;
left: 0;
right: 0;
}
.header-logo img {
display: inherit;
}
.header-action .header-block {
line-height: 30px;
display: inline-block;
margin-left: 25px;
}
.header-action .header-block:first-child {
margin-left: 0;
}
.header-action i {
position: relative;
top: 4px;
font-size: 28px;
}
.topbar .dropdown-toggle.language-dropdown, .topbar .dropdown-toggle.currency-dropdown {
padding-right: 20px;
position: relative;
}
.topbar .dropdown-toggle.language-dropdown i, .topbar .dropdown-toggle.currency-dropdown i {
position: absolute;
right: 0;
font-size: 8px;
line-height: 20px;
margin-left: 10px;
top: 50%;
margin-top: -10px;
}
.header-position .dropdown-menu {
padding: 10px 20px;
}
.wrap-header {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 25px;
padding-bottom: 25px;
margin-left: -15px;
margin-right: -15px;
}
.wrap-header .header-position {
padding-left: 15px;
padding-right: 15px;
}
.wrap-header .header-position.header-left {
display: flex;
}
.wrap-header .header-position.header-left .header-block {
padding-right: 30px;
}
.wrap-header .header-position.header-left .header-block:last-child {
padding: 0;
}
.wrap-header .header-position.header-left .header-block .topbar-menu li a {
line-height: 60px;
}
.wrap-header .header-position.header-action .header-block {
padding: 0;
}
.wrap-header .dropdown-menu {
top: 110%;
margin-top: 0;
display: block;
opacity: 0;
visibility: hidden;
z-index: 90;
box-shadow: 0 0px 15px rgba(14, 14, 14, 0.15);
}
.wrap-header .dropdown-menu:after {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
position: absolute;
top: -8px;
left: 5px;
}
.wrap-header .btn-group > a {
display: inline-block;
line-height: 60px;
}
.wrap-header .btn-group:hover .dropdown-menu {
top: 100%;
opacity: 1;
visibility: visible;
}
.wrap-header .search-no-popup .search-form input[type="search"] {
padding-left: 40px;
border: 0;
border-bottom: 1px solid #ebebeb;
width: 280px;
}
.wrap-header .search-no-popup .search-form .search-submit {
left: 0;
right: auto;
padding: 0;
}
.wrap-header .search-no-popup .search-form .search-submit i {
position: static;
}
.menu-toggle {
text-transform: uppercase;
font-size: 16px;
line-height: 30px;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.menu-toggle span {
color: black;
margin-left: 5px;
font-weight: 500;
}
.menu-toggle .menu-button {
padding-top: 8px;
}
.menu-toggle .icon-menu {
position: relative;
display: inline-block;
width: 20px;
height: 2px;
top: 0;
background: #6f6f6f;
vertical-align: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.menu-toggle .icon-menu:before, .menu-toggle .icon-menu:after {
content: '';
width: 20px;
height: 2px;
background-color: #6f6f6f;
display: inline-block;
position: absolute;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
left: 0;
right: 0;
}
.menu-toggle .icon-menu:before {
top: -8px;
}
.menu-toggle .icon-menu:after {
bottom: -8px;
}
.menu-toggle.actived .icon-menu {
height: 0;
}
.menu-toggle.actived .icon-menu:before {
top: -1px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-toggle.actived .icon-menu:after {
top: -1px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-search .dropdown-menu {
right: -57px;
left: auto;
background-color: transparent;
box-shadow: none;
padding: 0 !important;
box-shadow: 0 0px 15px rgba(14, 14, 14, 0.15);
}
.header-search .dropdown-menu:after {
right: 57px;
left: auto;
}
.header-search .search-form .search-field {
border-radius: 0;
height: 50px;
padding: 0 50px 0 15px;
min-width: 250px;
background-color: white;
}
.header-search .search-form .search-submit {
width: 55px;
height: 50px;
padding: 0;
}
.header-search .search-form .search-submit i {
font-size: 22px;
font-weight: 600;
top: auto;
}
.header-right .dropdown-menu {
right: 0;
left: auto;
}
.header-right .header-search .dropdown-menu {
right: -57px;
}
.header-left .dropdown-menu {
left: 0;
}
.icon-search:before {
content: "\e618";
}
.header-action .icon-basket:before {
content: "\e615";
}
.header-action .icon-heart:before {
content: "\e642";
}
.header-action .icon-user:before {
content: "\e605";
}
.header-account a > i {
display: none;
}
#search_result {
border-radius: 0;
}
#search_result #result {
padding: 25px;
}
#search_result h4 {
display: none;
}
.result-wrapper .content-price {
display: block;
font-weight: 600;
color: black;
line-height: 1.45;
font-size: 15px;
margin-top: 5px;
}
.result-wrapper .content-price del {
font-weight: 400;
font-size: 14px;
margin-right: 10px;
color: rgba(0, 0, 0, 0.5);
}
.result-wrapper .content-price ins {
text-decoration: none;
}
.jms_ajax_search_content {
display: flex;
border: 1px solid #ddd;
}
.jms_ajax_search_content .searchbox .select-box {
float: left;
width: 200px;
position: relative;
}
.jms_ajax_search_content .searchbox .select-box:before {
content: "";
position: absolute;
height: 46px;
top: 2px;
right: 0;
width: 1px;
background: #ddd;
}
.jms_ajax_search_content .searchbox .select-box select {
border: 0;
height: 50px;
line-height: 50px;
}
.jms_ajax_search_content .searchbox .input-wrapper {
position: relative;
float: left;
}
.jms_ajax_search_content .searchbox .input-wrapper .search-field {
height: 50px;
border: 0;
min-width: 350px;
padding: 0 50px 0 20px;
}
.jms_ajax_search_content .searchbox .input-wrapper .search-submit {
position: absolute;
height: 50px;
width: 64px;
top: 0;
right: 0;
left: auto;
color: #999;
text-align: center;
}
.header-account .dropdown-menu {
font-size: 13px;
left: auto;
right: -43px;
display: block;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.header-account .dropdown-menu:after {
right: 45px;
left: auto;
}
.header-account .dropdown-menu ul {
padding: 15px 20px;
margin: 0;
list-style: none;
}
.header-account .dropdown-menu ul li a {
display: block;
}
.header-account .dropdown-menu ul li:last-child {
margin-bottom: 0;
}
.header-wishlist a span {
position: absolute;
font-size: 11px;
color: white;
display: none;
width: 18px;
height: 18px;
text-align: center;
line-height: 17px;
border-radius: 50%;
right: -10px;
top: 9px;
}
.header-cart.alert {
padding: 0;
margin: 0;
border: none;
border-radius: 0;
}
.header-cart .cart-count {
font-family: inherit;
font-size: 11px;
color: #ffffff !important;
min-width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
padding: 0 5px;
border-radius: 50%;
right: -10px;
bottom: 14px;
}
.header-cart .widget_shopping_cart_content {
position: absolute;
padding: 30px;
top: 110%;
width: 350px;
right: -43px;
left: auto;
z-index: 4000;
box-shadow: 0 0px 15px rgba(14, 14, 14, 0.15);
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
background-color: #000;
text-align: left;
}
.header-cart .widget_shopping_cart_content:after {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #000;
position: absolute;
top: -8px;
right: 45px;
}
.header-cart .widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
margin: 0;
}
.header-cart.cart-opened .cart-count {
-webkit-animation: bounceIconUp 1s ease-in-out 2 forwards;
-moz-animation: bounceIconUp 1s ease-in-out 2 forwards;
-o-animation: bounceIconUp 1s ease-in-out 2 forwards;
animation: bounceIconUp 1s ease-in-out 2 forwards;
}
.header-cart:hover .widget_shopping_cart_content {
top: 100%;
opacity: 1;
visibility: visible;
}
#sidebar-open-overlay {
z-index: 9998;
position: fixed;
top: 0;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: opacity 0.8s ease, visibility 0.9s ease,-moz-transform .4s eas;
-o-transition: opacity 0.8s ease, visibility 0.9s ease,-o-transform .4s eas;
-webkit-transition: opacity 0.8s ease, visibility 0.9s ease,-webkit-transform .4s eas;
transition: opacity 0.8s ease, visibility 0.9s ease,transform .4s ease;
}
.toggle-sidebar-widget {
position: fixed;
background: #fff;
right: 0;
top: 0;
width: 300px;
height: 100%;
z-index: 9999;
overflow-y: auto;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
padding: 45px 30px;
}
.toggle-sidebar-widget .widget {
margin-bottom: 35px;
padding-bottom: 30px;
border-bottom: none;
}
.toggle-sidebar-widget .widget .widgettitle {
font-size: 20px;
margin-bottom: 25px;
}
.admin-bar .toggle-sidebar-widget {
top: 32px;
}
.has-toggle-sidebar #sidebar-open-overlay {
opacity: 1;
visibility: visible;
}
.has-toggle-sidebar .toggle-sidebar-widget {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.header-wrapper.color-scheme-light {
color: white;
}
.header-wrapper.color-scheme-light .primary-menu > li > a {
color: white;
}
.header-wrapper.color-scheme-light .wrap-header .dropdown-toggle {
color: white;
}
.header-wrapper.color-scheme-light .menu-toggle .icon-menu {
background-color: white;
}
.header-wrapper.color-scheme-light .menu-toggle .icon-menu:before, .header-wrapper.color-scheme-light .menu-toggle .icon-menu:after {
background-color: white;
}
.header-mobile .header-action i {
color: #000;
}
@media screen and (max-width: 1199px) {
#jms_ajax_search_content #searchbox .input-wrapper .search-field {
min-width: 200px;
}
}
.topbar {
font-size: 13px;
font-weight: 400;
border-bottom: 1px solid #ebebeb;
color: #666;
}
.topbar .topbar-menu a {
color: #bababa;
}
.topbar.color-scheme-dark {
color: #000;
}
.topbar.color-scheme-dark .topbar-menu li a {
color: #000;
border-color: #e7e7e7;
}
.topbar.color-scheme-dark .dropdown-toggle {
color: #000;
}
.topbar .contact-email {
margin-right: 10px;
margin-left: 20px;
position: relative;
padding-left: 22px !important;
background: url(assets/images/contact-email.png) no-repeat left center;
}
.topbar p {
margin-bottom: 0;
line-height: 50px;
}
.topbar a {
color: #666;
}
.topbar .header-block {
display: inline-block;
}
.topbar .dropdown-toggle {
height: 50px;
line-height: 50px;
display: inline-block;
}
.topbar .dropdown-toggle i {
margin-left: 5px;
font-size: 11px;
}
.topbar .dropdown-menu {
font-size: 13px;
min-width: 130px;
top: 110%;
left: 50%;
display: block;
opacity: 0;
visibility: hidden;
z-index: 90;
margin: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.topbar .dropdown-menu ul {
text-align: center;
padding: 15px 10px;
margin: 0;
list-style: none;
}
.topbar .dropdown-menu ul li a {
display: block;
}
.topbar .dropdown-menu ul li:last-child {
margin-bottom: 0;
}
.topbar .box-hover:hover .dropdown-menu {
top: 100%;
opacity: 1;
visibility: visible;
}
.language-dropdown, .currency-dropdown {
color: #666;
}
.topbar-menu {
list-style: none;
margin: 0;
padding: 0;
}
.topbar-menu li {
display: inline-block;
margin-bottom: 0;
}
.topbar-menu li:first-child a {
padding-left: 0;
border-left: none;
}
.topbar-menu li:last-child a {
padding-right: 0;
}
.topbar-menu li a {
display: inline-block;
line-height: 50px;
padding-left: 15px;
padding-right: 15px;
}
.topbar-menu li a i {
margin-right: 6px;
}
.wrap-topbar {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.topbar-position {
display: flex;
align-items: stretch;
flex: 1 1 auto;
}
.topbar-position .header-block {
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.topbar-position.topbar-right .header-block {
border-left: 1px solid #efefef;
}
.topbar-position.topbar-right .header-block:last-child {
padding-right: 0;
}
.topbar-position.topbar-right .header-block:first-child {
border: 0;
}
.topbar-position.topbar-left .header-block {
border-right: 1px solid #efefef;
}
.topbar-position.topbar-left .header-block:first-child {
padding-left: 0;
}
.topbar-position.topbar-left .header-block:last-child {
border: 0;
}
.topbar-right {
justify-content: flex-end;
}
.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 390;
opacity: 0;
visibility: hidden;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-color: white;
-webkit-transform: translateY(-80%);
-moz-transform: translateY(-80%);
-o-transform: translateY(-80%);
transform: translateY(-80%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.header-sticky.show {
opacity: 1;
visibility: visible;
pointer-events: inherit;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header-sticky .wrap-header {
padding-top: 10px;
padding-bottom: 10px;
}
.header-sticky .varse-menu.primary-menu .dropdown-menu {
padding: 17px 0 0;
}
.admin-bar .header-sticky {
top: 32px;
}
/* --------------------------------------------- 4. MENU ------------------------------------------ */
.varse-menu.primary-menu {
display: flex;
flex-wrap: wrap;
}
.varse-menu.primary-menu .dropdown-menu {
padding: 30px 0 0;
}
.varse-menu.primary-menu.menu-center {
justify-content: center;
}
.varse-menu.primary-menu.menu-left {
justify-content: flex-start;
}
.varse-menu.primary-menu.menu-right {
justify-content: flex-end;
}
.varse-menu.primary-menu > li {
padding: 0 25px;
}
.varse-menu.primary-menu > li:last-child {
padding-right: 0;
}
.varse-menu.primary-menu > li:first-child {
padding-left: 0;
}
.varse-menu.primary-menu > li > a {
text-transform: uppercase;
font-size: 13px;
line-height: 60px;
display: inline-block;
font-weight: 500;
letter-spacing: 0.6px;
color: #222222;
-webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}
.varse-menu.primary-menu > li > a:hover {
padding: 0;
}
.varse-menu.primary-menu > li > ul:not(.mega-nav) {
top: 110%;
left: -10px;
}
.varse-menu.primary-menu > li:hover > ul:not(.mega-nav) {
top: calc(100% + 1px);
}
.varse-menu.primary-menu > li.menu-align-center .dropdown-menu {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.varse-menu.primary-menu > li.menu-align-right .dropdown-menu {
left: auto;
right: 0;
}
.varse-menu.primary-menu > li.menu-align-justify {
position: inherit;
}
.varse-menu.primary-menu > li.mega-full {
position: inherit;
}
.varse-menu .content-element p {
margin-bottom: 5px;
}
.varse-menu.menu-center .dropdown-menu {
-webkit-transform: translateX(-45%);
-moz-transform: translateX(-45%);
-o-transform: translateX(-45%);
transform: translateX(-45%);
}
.varse-menu.menu-right .dropdown-menu {
right: 0;
left: auto;
-webkit-transform: translateX(45%);
-moz-transform: translateX(45%);
-o-transform: translateX(45%);
transform: translateX(45%);
}
@media screen and (max-width: 1480px) {
.menu-left .dropdown-menu {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-o-transform: translateX(-10%);
transform: translateX(-10%);
}
}
.varse-mobile-menu {
background: white;
opacity: 0.98;
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
visibility: hidden;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.varse-mobile-menu .banner-disable {
display: none;
}
.varse-mobile-menu .hidden-desktop {
display: block;
}
.varse-mobile-menu .language-mobile {
padding: 0 15px;
}
.varse-mobile-menu .language-mobile > .btn-group {
line-height: 50px;
display: block;
font-weight: 400;
text-transform: uppercase;
color: #333;
}
.varse-mobile-menu .language-mobile ul {
padding: 10px 0 0 20px;
}
.varse-mobile-menu .language-mobile ul li {
list-style: none;
}
.varse-mobile-menu .menu-title {
line-height: 50px;
padding: 0 20px;
color: white;
font-weight: 600;
}
.varse-mobile-menu .close-menu-mobile {
width: 20px;
height: 20px;
cursor: pointer;
}
.varse-mobile-menu .close-menu-mobile span {
position: relative;
display: inline-block;
width: 20px;
height: 2px;
background: none;
vertical-align: 5px;
font-size: 0;
}
.varse-mobile-menu .close-menu-mobile span:before, .varse-mobile-menu .close-menu-mobile span:after {
content: '';
width: 20px;
height: 2px;
background: #fff;
display: inline-block;
position: absolute;
left: 0;
right: 0;
}
.varse-mobile-menu .close-menu-mobile span:before {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.varse-mobile-menu .close-menu-mobile span:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.varse-mobile-menu .search-block-wrapper {
border-top: 1px solid #f1f1f1;
}
.varse-mobile-menu .search-block-wrapper .search-field {
height: 50px;
line-height: 50px;
border: none;
}
.varse-mobile-menu .search-block-wrapper .search-submit i {
line-height: 50px;
}
.admin-bar .varse-mobile-menu {
padding-top: 30px;
}
.menu-mobile-open-menu .varse-mobile-menu {
overflow-y: scroll;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu-mobile-open-menu #sidebar-open-overlay {
opacity: 1;
visibility: visible;
}
.mobile-menu-wrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
.bottom-mobile-wrapper .btn-group {
display: block;
}
.bottom-mobile-wrapper .dropdown-toggle {
line-height: 50px;
padding: 0 20px;
display: block;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid rgba(129, 129, 129, 0.11);
}
.bottom-mobile-wrapper .dropdown-toggle i {
margin-right: 5px;
}
.bottom-mobile-wrapper .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
padding: 15px 20px;
left: -20px;
top: 120%;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.bottom-mobile-wrapper .dropdown-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.bottom-mobile-wrapper .open .dropdown-menu {
opacity: 1;
visibility: visible;
top: 100%;
}
.mobile-menu li {
position: relative;
margin: 0;
}
.mobile-menu li.open > .holder:before {
content: "\e604";
}
.mobile-menu > li > a {
line-height: 50px;
padding: 0 20px;
display: block;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid rgba(129, 129, 129, 0.11);
}
.mobile-menu ul {
display: none;
font-size: 14px;
}
.mobile-menu ul li a {
padding: 0 20px;
line-height: 50px;
display: block;
border-bottom: 1px solid rgba(129, 129, 129, 0.11);
}
.mobile-menu ul ul li a {
padding: 0 30px;
}
.mobile-menu .holder {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: black;
border-left: 1px solid rgba(129, 129, 129, 0.11);
}
.mobile-menu .holder:before {
content: "\e606";
font-family: 'simple-line-icons';
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
text-align: center;
line-height: 50px;
font-size: 12px;
}
@media screen and (max-width: 767px) {
.admin-bar .varse-mobile-menu {
padding-top: 46px;
}
}
.varse-menu.vertical-menu .dropdown-menu {
top: 20%;
left: 100%;
padding: 0 0 0 100px;
margin-left: -65px;
}
.varse-menu.vertical-menu .dropdown-menu .simple-menu {
margin: 0;
padding: 0 0 0 30px;
}
.varse-menu.vertical-menu > li {
display: block;
}
.varse-menu.vertical-menu > li:last-child {
border-bottom: none;
}
.varse-menu.vertical-menu > li > a {
line-height: 40px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.6px;
font-size: 13px;
}
.varse-menu.vertical-menu > li > a:hover {
padding-left: 0;
}
.varse-menu.vertical-menu > li > ul:not(.mega-nav) {
top: 10px;
left: 100%;
}
.varse-menu.vertical-menu > li.mega-full .dropdown-menu {
width: 1170px !important;
}
.varse-menu.vertical-menu li:hover > ul:not(.mega-nav) {
top: 0;
opacity: 1;
visibility: visible;
}
.varse-menu.vertical-menu li:hover > .dropdown-menu {
pointer-events: inherit;
visibility: visible;
opacity: 1;
top: 0;
}
.menu-popup-button {
text-transform: uppercase;
font-size: 16px;
line-height: 30px;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
display: inline-block;
z-index: 999;
}
.menu-popup-button .icon-menu {
position: relative;
display: inline-block;
width: 20px;
height: 2px;
background: #6f6f6f;
vertical-align: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-size: 0;
}
.menu-popup-button .icon-menu:before, .menu-popup-button .icon-menu:after {
content: '';
width: 20px;
height: 2px;
background-color: #6f6f6f;
display: inline-block;
position: absolute;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
left: 0;
right: 0;
}
.menu-popup-button .icon-menu:before {
content: '';
top: -7px;
}
.menu-popup-button .icon-menu::after {
bottom: -7px;
}
.menu-popup {
position: fixed;
top: 0;
left: 0;
background: #282828;
z-index: 9999;
opacity: 0;
visibility: hidden;
width: 310px;
height: 100%;
padding-top: 100px;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.menu-popup .menu-popup-box {
position: relative;
}
.menu-popup .close-menu-popup {
cursor: pointer;
position: absolute;
top: 16px;
right: 21px;
color: #fff;
padding: 5px;
background: #353535;
font-size: 13px;
width: 40px;
height: 40px;
text-align: center;
}
.menu-popup .close-menu-popup:before {
content: '+';
color: #fff;
font-size: 46px;
font-weight: 100;
display: inline-block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-popup .close-menu-popup:hover:before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.menu-popup .vertical-menu {
padding: 0 30px;
}
.menu-popup .vertical-menu .dropdown-menu {
padding: 0 0 0 90px;
}
.menu-popup .vertical-menu > li {
text-align: center;
border-bottom: 1px solid #333;
}
.menu-popup .menu-title {
color: #fff;
margin-bottom: 40px;
padding: 20px 0;
background: #353535;
font-size: 13px;
text-align: center;
}
.show-menu-popup .menu-popup {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
.varse-popup-menu {
background: white;
opacity: 0.98;
position: fixed;
z-index: 9999;
width: 300px;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
visibility: hidden;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.varse-popup-menu .menu-title {
line-height: 50px;
padding: 0 20px;
color: white;
font-weight: 600;
}
.varse-popup-menu .close-menu {
line-height: 50px;
font-size: 17px;
}
.admin-bar .varse-popup-menu {
top: 32px;
}
.menu-popup-open-menu .varse-popup-menu {
overflow-y: scroll;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu-popup-open-menu #sidebar-open-overlay {
opacity: 1;
visibility: visible;
}
.popup-menu-wrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
.search-block-wrapper .search-field {
height: 50px;
line-height: 50px;
border: none;
}
.search-block-wrapper .search-submit i {
line-height: 50px;
}
.bottom-popup-wrapper .btn-group {
display: block;
}
.bottom-popup-wrapper .dropdown-toggle {
line-height: 50px;
padding: 0 20px;
display: block;
font-weight: 400;
text-transform: uppercase;
border-bottom: 1px solid rgba(129, 129, 129, 0.11);
}
.bottom-popup-wrapper .dropdown-toggle i {
margin-right: 5px;
}
.bottom-popup-wrapper .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
padding: 15px 20px;
left: -20px;
top: 120%;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.bottom-popup-wrapper .dropdown-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.bottom-popup-wrapper .open .dropdown-menu {
opacity: 1;
visibility: visible;
top: 100%;
}
.popup-menu li {
position: relative;
margin: 0;
}
.popup-menu li.open > .holders:before {
content: "-";
}
.popup-menu > li > a {
line-height: 50px;
padding: 0 20px;
display: block;
font-weight: 400;
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid rgba(129, 129, 129, 0.11);
}
.popup-menu ul {
display: none;
font-size: 14px;
}
.popup-menu ul li a {
padding: 0 20px;
line-height: 50px;
display: block;
color: #fff;
border-bottom: 1px solid rgba(129, 129, 129, 0.11);
}
.popup-menu ul ul li a {
padding: 0 30px;
}
.popup-menu .holders {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
border-left: 1px solid rgba(129, 129, 129, 0.11);
}
.popup-menu .holders:before {
content: "+";
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
text-align: center;
line-height: 50px;
font-size: 30px;
font-weight: 100;
}
.popup-menu .menu-item-has-children .menu-item-has-children .holders {
right: 50px;
}
.hidden-desktop {
display: none;
}
.primary-menu-wrapper ul, .vertical-menu-wrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
.varse-menu .content-element .container.container-row {
width: auto !important;
padding: 0 !important;
}
.varse-menu .content-element .container.container-row .image-carousel-box a {
color: #aaa;
}
.varse-menu .content-element .container.container-row .image-carousel-box .owl-carousel .owl-stage {
transition: all 2s ease 0s !important;
}
.varse-menu .dropdown-menu {
pointer-events: none;
margin-top: -1px;
right: auto;
border-radius: 0;
border: none;
top: 110%;
left: 0;
right: auto;
display: block;
opacity: 0;
background: none;
box-shadow: none;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.varse-menu .dropdown-menu:after {
content: none;
}
.varse-menu .dropdown-menu.simple-menu {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.varse-menu .dropdown-menu.simple-menu .mega-dropdown-inner {
min-width: 200px;
}
.varse-menu .dropdown-menu.simple-menu li.menu-item-has-children:before {
content: "\f105";
font-family: 'FontAwesome';
position: absolute;
right: 0;
line-height: 30px;
top: 0;
}
.varse-menu .dropdown-menu.simple-menu .simple-menu {
left: 100%;
padding: 0 0 0 30px;
top: -25px;
}
.varse-menu .dropdown-menu .sub-menu {
padding: 0;
min-width: auto;
width: auto;
box-shadow: none;
position: initial;
display: block;
opacity: 1;
visibility: visible;
}
.varse-menu .dropdown-menu .mega-nav {
padding-left: 10px;
padding-right: 10px;
}
.varse-menu .dropdown-menu .mega-nav li {
padding: 5px 0;
}
.varse-menu .dropdown-menu .column-heading {
font-weight: 500;
display: inline-block;
width: 100%;
margin-bottom: 15px;
color: #fff;
padding-bottom: 5px;
font-size: 18px;
position: relative;
}
.varse-menu .dropdown-menu .column-heading i {
display: none;
}
.varse-menu .dropdown-menu .mega-dropdown-inner {
background: #000;
display: inline-block;
width: 100%;
min-width: 150px;
padding: 30px;
}
.varse-menu .dropdown-menu .mega-dropdown-inner .title-brand {
color: #fff;
font-weight: normal;
font-size: 15px;
margin-top: 20px;
text-transform: capitalize;
}
.varse-menu .menu_row2 {
margin-top: 25px !important;
}
.varse-menu .menu-icon {
margin-right: 7px;
}
.varse-menu .menu-item-link {
color: #aaa;
font-weight: normal;
}
.varse-menu li {
list-style: none;
position: relative;
margin: 0;
padding: 5px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.varse-menu li ul:not(.mega-nav) {
position: absolute;
top: 30px;
right: -100%;
min-width: 200px;
max-width: 220px;
padding: 20px 0 20px 20px;
text-align: left;
background: #000;
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.varse-menu li ul:not(.mega-nav) a {
color: #aaa;
font-weight: normal;
}
.varse-menu li ul:not(.mega-nav) li.menu-item-has-children {
position: relative;
color: #aaa;
}
.varse-menu li ul:not(.mega-nav) li.menu-item-has-children:before {
content: "\f105";
font-family: 'FontAwesome';
position: absolute;
right: 15px;
line-height: 18px;
}
.varse-menu li.wide ul {
min-width: 275px;
}
.varse-menu li.narrow ul {
min-width: 100px;
}
.varse-menu li:hover > ul:not(.mega-nav) {
top: 0;
opacity: 1;
visibility: visible;
}
.varse-menu li:hover > .dropdown-menu {
pointer-events: inherit;
visibility: visible;
opacity: 1;
top: calc(100% - 3px);
}
.varse-menu ul > li.menu-item-has-children.menu-align-right .sub-menu {
left: auto !important;
right: 100% !important;
}
.varse-menu ul:not(.mega-nav) li.menu-item-has-children.menu-align-right .dropdown-menu {
left: auto !important;
right: 100% !important;
}
.mask-overlay {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
z-index: 400;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/* --------------------------------------------- 5. FOOTER ------------------------------------------ */
#footer-wrapper {
color: #777;
}
#footer-wrapper .wpb_content_element {
margin-bottom: 0;
}
#footer-wrapper a {
color: #8f8f8f;
}
#footer-wrapper .widgettitle {
font-size: 18px;
font-weight: 600;
padding-bottom: 0;
margin-bottom: 25px;
text-transform: capitalize;
color: #444;
}
#footer-wrapper .widgettitle:after {
content: none;
}
#footer-wrapper .footer-top:last-child {
margin-bottom: 0;
}
#footer-wrapper .footer-top .widget_nav_menu li a {
position: relative;
color: #777;
}
#footer-wrapper .widget_recent_post_with_image .widgettitle {
margin-bottom: 30px;
}
#footer-wrapper .footer-bottom {
font-size: 13px;
}
#footer-wrapper .footer-bottom .menu li {
display: inline-block;
margin: 0;
line-height: 25px;
padding-right: 30px;
}
#footer-wrapper .footer-bottom .copyright {
line-height: 29px;
}
#footer-wrapper .copyright_footer {
color: #8f8f8f;
font-size: 12px;
}
#footer-wrapper .copyright_footer a:hover {
text-decoration: underline;
}
#footer-wrapper .instagram-picture:hover .hover-mask {
display: none;
}
#footer-wrapper .mc4wp-form .title-newletter, #footer-wrapper .mc4wp-form .des-newletter {
display: none;
}
#footer-wrapper .mc4wp-form .mc4wp-form-fields {
width: 100%;
display: flex;
}
#footer-wrapper .mc4wp-form .mc4wp-form-fields .newletter-text {
margin: 0;
line-height: 44px;
margin-right: 30px;
}
#footer-wrapper .mc4wp-form .mc4wp-form-fields .newletter-text .primary-title-newletter {
font-size: 16px;
color: #fff;
}
#footer-wrapper .mc4wp-form .mc4wp-form-fields .form-newletter {
flex: 1 1 auto;
border: 1px solid #ebebeb;
}
#footer-wrapper .mc4wp-form .mc4wp-form-fields .form-newletter input[type="email"] {
background: none;
height: 44px;
line-height: 44px;
border-radius: 0;
padding-left: 45px;
border: 0;
padding: 0 50px 0 15px;
}
#footer-wrapper .mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"] {
position: absolute;
top: 0;
right: 0;
height: 44px;
line-height: 44px;
padding: 0;
border-radius: 0;
font-size: 0;
width: 44px;
border-left: 1px solid #ebebeb;
background: url(assets/images/icons/button_newletter.png) no-repeat center center;
}
#footer-wrapper .vc-left {
text-align: left;
}
#footer-wrapper .vc-right {
text-align: right;
}
#footer-wrapper .vc-center {
text-align: center;
}
#footer-wrapper .menu-hoz-left {
text-align: left;
}
#footer-wrapper .menu-hoz-left .widget_nav_menu li {
display: inline-block;
margin: 0 20px;
}
#footer-wrapper .menu-hoz-left .widget_nav_menu li:first-child {
margin-left: 0;
}
#footer-wrapper .menu-hoz-right {
text-align: right;
}
#footer-wrapper .menu-hoz-right .widget_nav_menu li {
display: inline-block;
margin: 0 20px;
}
#footer-wrapper .menu-hoz-right .widget_nav_menu li:last-child {
margin-right: 0;
}
#footer-wrapper .menu-hoz-center {
text-align: center;
}
#footer-wrapper .menu-hoz-center .widget_nav_menu li {
display: inline-block;
margin: 0 20px;
}
#footer-wrapper .menu-hoz-center .widget_nav_menu li:hover, #footer-wrapper .menu-hoz-right .widget_nav_menu li:hover, #footer-wrapper .menu-hoz-left .widget_nav_menu li:hover {
padding: 0;
}
#footer-wrapper .menu-hoz-center .widget_nav_menu li a:before, #footer-wrapper .menu-hoz-right .widget_nav_menu li a:before, #footer-wrapper .menu-hoz-left .widget_nav_menu li a:before {
display: none;
}
#footer-wrapper .image-inline-block {
display: inline-block;
}
#backtop {
border: none;
width: 45px;
height: 45px;
border-radius: 50%;
background-color: white;
color: #000000;
text-align: center;
position: fixed;
bottom: 80px;
right: 10px;
z-index: 99;
display: none;
padding: 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
#backtop i {
font-size: 18px;
line-height: 45px;
margin: 0;
}
@media screen and (max-width: 991px) {
.footer .vc_row {
margin: 0;
}
}
@media screen and (max-width: 767px) {
.footer-top > .wpb_column {
margin-bottom: 30px;
}
.footer-top > .wpb_column:last-child {
margin-bottom: 0;
}
.footer-top > .wpb_column .wpb_column {
margin-bottom: 10px;
}
.footer-top > .wpb_column .wpb_column:last-child {
margin-bottom: 0;
}
.col-footer {
margin-bottom: 40px;
}
.col-footer:last-child {
margin-bottom: 0;
}
#footer-wrapper .footer-bottom {
text-align: center;
}
#footer-wrapper .footer-bottom p {
text-align: center !important;
}
#footer-wrapper .footer-bottom .menu li {
padding: 0 15px;
}
#footer-wrapper .varse-social-icons.icon-align-right {
justify-content: center;
}
#footer-wrapper .mc4wp-form .mc4wp-form-fields .newletter-text, #footer-wrapper .mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"] {
margin: 0;
}
}
@media screen and (max-width: 767px) {
.footer-top {
background-position: left top;
}
}
/* --------------------------------------------- 6. HOME ------------------------------------------ */
#page {
overflow: hidden;
position: relative;
}
.vc_row.container {
padding: 0;
margin-right: auto !important;
margin-left: auto !important;
}
.home .header-wrapper.header-absolute, .page-template-page-demo .header-wrapper.header-absolute {
position: absolute;
width: 100%;
}
.border-inner {
position: relative;
}
.border-inner:after {
content: '';
width: calc(100% - 20px);
height: calc(100% - 20px);
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 2px solid #fff;
}
.account-icon .header-account a > span {
display: none;
}
.account-icon .header-account a > i {
display: inline-block;
}
.newsletter-form {
position: relative;
}
.newsletter-form input[type="email"] {
background-color: white;
height: 55px;
line-height: 55px;
border: 1px solid #ebebeb;
padding-left: 20px;
padding-right: 20px;
}
.newsletter-form button {
position: absolute;
right: 0;
bottom: 0;
background-color: transparent;
background-image: url("assets/images/icons/icon-right.png");
background-position: center center;
background-repeat: no-repeat;
font-size: 0;
width: 55px;
height: 55px;
line-height: 55px;
border: none;
padding: 0;
}
#newsletter-bottom .newsletter-form {
position: relative;
}
#newsletter-bottom .newsletter-form input[type="email"] {
background-color: transparent;
border: none;
border-bottom: 1px solid;
border-color: #c1c1c1;
height: 40px;
line-height: 40px;
padding: 0;
}
#newsletter-bottom .newsletter-form button {
height: 40px;
line-height: 40px;
}
.has-left-fixed-menu .page-content, .has-left-fixed-menu .page-heading, .has-left-fixed-menu #footer-wrapper {
padding-left: 340px;
}
.has-left-fixed-menu .container {
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.has-left-fixed-menu .vc_row-no-padding {
max-width: 100%;
left: auto !important;
margin-left: 0;
margin-right: 0;
}
.has-left-fixed-menu #prev-product, .has-left-fixed-menu #next-product {
display: none;
}
.has-left-fixed-menu .bg-container {
background-color: #F0EEEE;
margin-left: 0;
margin-right: 0;
}
.custom-banner {
display: inline-block;
background-color: #eadada;
padding: 50px 30px;
text-align: center;
}
.custom-banner h3 {
background: white;
width: 143px;
height: 143px;
border-radius: 50%;
font-size: 17px;
font-weight: 700;
padding: 33px 0;
margin: 0 auto;
}
.custom-banner h3 span {
font-size: 48px;
font-weight: 700;
display: block;
}
.custom-banner p {
font-size: 17px;
line-height: 30px;
font-weight: 400;
text-transform: capitalize;
margin: 20px auto 30px;
}
.custom-banner .btn-transparent-color {
border: 2px solid;
background-color: transparent;
}
@media screen and (max-width: 1480px) {
.vc_row.none-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (max-width: 1199px) {
.has-left-fixed-menu .page-content, .has-left-fixed-menu .page-heading, .has-left-fixed-menu #footer-wrapper {
padding-left: 300px;
}
.box-icon {
width: 50%;
}
}
@media screen and (max-width: 991px) {
.has-left-fixed-menu .page-content, .has-left-fixed-menu .page-heading, .has-left-fixed-menu #footer-wrapper {
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.box-icon {
width: 100%;
max-width: 270px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.box-icon:last-child {
margin-bottom: 0;
}
.none-title .content {
display: none;
}
#woorebought-popup {
display: none !important;
}
}
@media screen and (max-width: 991px) {
.none-space-xs {
display: none;
}
}
.home .header-wrapper.header-2, .page-template-page-demo .header-wrapper.header-2 {
position: absolute;
width: 100%;
}
.home .header-wrapper.header-2 .primary-menu > li > a, .page-template-page-demo .header-wrapper.header-2 .primary-menu > li > a {
color: #fff;
}
.home .header-wrapper.header-2 .header-action i, .page-template-page-demo .header-wrapper.header-2 .header-action i {
color: #fff;
}
@media (max-width: 1199px) {
.home .header-wrapper.header-2, .page-template-page-demo .header-wrapper.header-2 {
position: static;
}
.home .header-wrapper.header-2 .header-action i, .page-template-page-demo .header-wrapper.header-2 .header-action i {
color: #000;
}
}
.header-wrapper.header-3 .language-dropdown, .header-wrapper.header-3 .currency-dropdown {
padding: 1px 10px;
border: 1px solid #ddd;
margin-top: 10px;
line-height: 24px !important;
position: relative;
padding-right: 25px;
}
.header-wrapper.header-3 .language-dropdown i, .header-wrapper.header-3 .currency-dropdown i {
position: absolute;
right: 7px;
font-size: 8px;
line-height: 20px;
top: 50%;
margin-top: -10px;
}
.header-wrapper.header-3 .header-left .dropdown-menu:after {
display: none;
}
.banner_space14 .vc_column_container .vc_column-inner {
padding: 0 7px;
}
.banner_space14 .vc_column_container:first-child .vc_column-inner {
padding-left: 15px;
}
.banner_space14 .vc_column_container:last-child .vc_column-inner {
padding-right: 15px;
}
.banner_space14 .banner-box {
margin-bottom: 14px;
}
.block-banner4-1 .block-1 {
width: 42%;
}
.block-banner4-1 .block-2 {
width: 25.332%;
}
.block-banner4-1 .block-3 {
width: 32.667%;
}
.block-deal-day > div > .vc_column-inner {
padding-top: 0 !important;
}
.block-deal-day .varse-countdown > span {
margin-left: 10px;
}
.block-deal-day .varse-countdown > span:first-child {
margin: 0;
}
.block-deal-day .addon-title {
margin-bottom: 20px;
}
.block-deal-day .wpb_text_column {
margin-bottom: 30px;
}
.block-deal-day .varse-button-wrapper {
margin-top: 25px;
}
.block-deal-day .varse-button-wrapper a {
border-color: #acacac !important;
font-weight: 600;
line-height: 1.3;
color: #444;
}
.block-deal-day .varse-button-wrapper a:hover {
border-color: #ff8969 !important;
background: none;
}
@media screen and (max-width: 767px) {
.block-banner4-1 .block-1, .block-banner4-1 .block-2, .block-banner4-1 .block-3 {
width: 100%;
}
}
.block-social {
padding: 20px 0 35px;
}
.block-social .vc_column-inner {
padding-top: 15px !important;
}
.title-social {
color: #fff;
font-size: 23px;
text-align: center;
margin: 0;
}
.newletter_nobg .mc4wp-form .mc4wp-form-fields .form-newletter input[type="email"] {
background: #f2f2f2;
border: 0;
}
.newletter_nobg .mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"] {
border: 2px solid #888;
}
#footer-wrapper.footer-4 {
color: #aaa;
}
#footer-wrapper.footer-4 a {
color: #aaa;
}
#footer-wrapper.footer-4 .footer-top .widget_nav_menu li a {
color: #aaa;
}
.header-6 .header-position.header-center {
flex: 1 1 auto;
}
.block-deal-day6 > div > .vc_column-inner {
padding-top: 0 !important;
}
.block-deal-day6 .wpb_text_column {
margin-bottom: 20px;
}
.block-deal-day6 .varse-button-wrapper {
margin-top: 25px;
}
.block-deal-day6 .varse-button-wrapper a {
border: 2px solid #acacac;
font-weight: 600;
}
.block-deal-day6 .varse-button-wrapper a:hover {
color: #fff;
}
.block-deal-day6 .varse-countdown-timer .varse-countdown > span {
border: 0;
position: relative;
font-size: 43px;
padding: 0 37px 0 26px;
}
.block-deal-day6 .varse-countdown-timer .varse-countdown > span:last-child {
padding-right: 0;
}
.block-deal-day6 .varse-countdown-timer .varse-countdown > span:last-child:after {
display: none;
}
.block-deal-day6 .varse-countdown-timer .varse-countdown > span span {
color: #888 !important;
font-size: 15px;
margin-top: 20px;
min-width: 60px;
}
.block-deal-day6 .varse-countdown-timer .varse-countdown > span:after {
content: ":";
position: absolute;
right: 0;
top: 3px;
color: #222;
}
.tab_special .layout-columns-2 .item:nth-child(2n + 3) {
margin-top: -50px;
}
.tab_special .product-item.item:nth-child(2) {
margin-top: 50px;
}
.tab_special .jms-tabs-title {
margin-bottom: 80px;
}
.tab_special .product-style-2.item {
margin-bottom: 100px;
}
.tab_special .loadmore_product_btn {
margin-top: 0;
}
.header-7 .menu-popup-button .icon-menu {
vertical-align: 9px;
background: #929292;
}
.header-7 .menu-popup-button .icon-menu:before {
top: -8px;
background: #929292;
}
.header-7 .menu-popup-button .icon-menu:after {
bottom: -8px;
background: #929292;
}
.header-8 {
position: fixed;
left: 0;
top: 0;
width: 320px;
height: 100%;
padding: 75px 35px;
z-index: 9;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.06);
}
.header-8 .container {
width: auto;
}
.header-8 .header-position {
padding: 0;
}
.header-8 .wrap-header {
display: inherit;
padding: 0;
margin: 0;
}
.header-8 .varse-menu > li {
position: relative;
}
.header-8 .varse-menu > li.menu-item-has-children:before {
content: "\f054";
font-family: FontAwesome;
display: inline-block;
color: #9f9f9f;
position: absolute;
right: 0;
font-size: 11px;
line-height: 20px;
margin-left: 10px;
top: 50%;
margin-top: -10px;
}
.header-8 .varse-menu > li > .menu-item-link {
color: #444;
font-weight: 500;
}
.header-8 .header-logo {
margin-bottom: 50px;
}
.header-8 .header-bottom {
position: absolute;
bottom: 75px;
left: 0;
right: 0;
padding: 0 35px;
}
.header-8 .header-bottom .widget {
margin-bottom: 30px;
padding-top: 30px;
border-top: 1px solid #ebebeb;
}
.header-8 .header-action {
display: flex;
align-items: center;
justify-content: left;
margin-bottom: 115px;
}
.header-8 .header-action .header-block {
padding: 0 17px;
}
.header-8 .header-center {
margin-top: 50px;
}
.header-8 .header-right {
margin-top: 50px;
}
.header-8 #header-search .sub-menu-dropdown {
right: auto;
left: -60px;
}
.header-8 #header-search .sub-menu-dropdown:after {
right: auto;
left: 60px;
}
.header-8 .social-list-icons {
text-align: left;
}
.header-8 .social-list-icons li {
display: inline-block;
padding-left: 7px;
padding-right: 7px;
}
.header-8 .social-list-icons li:first-child {
padding-left: 0;
}
.header-8 .social-list-icons li a {
font-size: 20px;
}
.header-8 .social-list-icons li .social-facebook {
color: #365493;
}
.header-8 .social-list-icons li .social-twitter {
color: #1DA1F2;
}
.header-8 .social-list-icons li .social-google-plus {
color: #d44132;
}
.header-8 .social-list-icons li .social-linkedin {
color: #0274B3;
}
.header-8 .social-list-icons li .social-instagram {
color: #774430;
}
.header-8 .social-list-icons li .social-pinterest {
color: #CB2027;
}
.header-8 .social-list-icons li .social-tumblr {
color: #36465d;
}
.header-8 .social-list-icons li .social-flickr {
color: #fe0072;
}
.header-8 .social-list-icons li .social-youtube {
color: #CB2027;
}
.menu-fix-left #page {
padding-left: 320px;
}
.menu-fix-left #page .vc_row[data-vc-full-width] {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 30px !important;
padding-right: 30px !important;
position: static !important;
}
@media screen and (min-width: 1199px) {
.menu-fix-left #page .container {
width: 850px;
}
}
@media screen and (min-width: 1480px) {
.menu-fix-left #page .container {
width: calc(1480px - 120px);
}
}
@media screen and (max-width: 1199px) {
.block-banner8 > div {
width: 100%;
}
.menu-fix-left #page .container {
width: 700px;
}
}
@media screen and (max-width: 991px) {
.menu-fix-left #page {
width: 100%;
padding: 0;
}
.menu-fix-left #page .container {
width: auto;
}
.header-8 {
position: static;
box-shadow: none;
width: 100%;
height: auto;
padding: 0 15px;
}
.header-8 .wrap-header {
display: flex;
}
.header-8 .wrap-header > div {
padding: 0 !important;
margin: 0 !important;
}
.header-8 .wrap-header .header-left {
flex: 1 1 auto;
justify-content: center;
}
}
.block_bg_fixed {
background-attachment: fixed;
background-size: cover;
padding-top: 360px;
padding-bottom: 360px;
}
.header-9 .menu-item.hidden {
display: block !important;
visibility: visible !important;
}
.header-9 .wrap-header .search-no-popup .search-form input[type="search"] {
border: 1px solid #2a2e31;
width: 250px;
padding-left: 50px;
}
.header-9 .wrap-header .search-no-popup .search-form .search-submit {
padding: 0 10px;
}
@media (max-width: 1199px) {
.block_bg_fixed {
padding-top: 250px;
padding-bottom: 250px;
}
.block_bg_fixed .wpb_column {
width: 100%;
}
}
@media (max-width: 991px) {
.block-banner10-hidden {
display: none;
}
.block-banner10-prime {
width: 100%;
}
}
.header-11 .header-position.header-center {
flex: 1 1 auto;
}
.header-12 .topbar {
color: #fff;
}
.header-12 .topbar .contact-email {
background: url(assets/images/contact-email-white.png) no-repeat left center;
}
.header-12 .topbar .topbar-position.topbar-left .header-block, .header-12 .topbar .topbar-position.topbar-right .header-block {
border-color: #f9a790;
}
.header-12 .topbar .header-block > a {
color: #fff;
}
.header-12 .topbar .header-block > a:before {
color: #fff;
}
.header-12 .topbar .header-block div > a {
color: #fff;
}
.header-12 .topbar .header-block div > a:before {
color: #fff;
}
.banner12 .content {
background: rgba(0, 0, 0, 0.6);
padding: 10px;
}
.banner12 .content .title p {
padding-bottom: 5px;
position: relative;
}
.banner12 .content .title p:before {
content: "";
height: 1px;
width: 80%;
background: #737373;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.block-absolute {
position: relative;
z-index: 9;
}
.block-padding {
padding: 0 50px;
}
@media screen and (max-width: 1199px) {
.block-absolute.vc_row {
margin-top: 220px !important;
}
}
@media screen and (max-width: 991px) {
.block-absolute.vc_row {
margin-top: 70px !important;
}
.block-absolute.vc_row .addon-title .title {
color: #444 !important;
}
.block-absolute.vc_row .jmsproductcategories-elements {
padding: 0 0 50px !important;
}
.block-padding {
padding: 0;
}
}
.page-template-landing-page .main-header {
padding: 30px 0 0;
position: absolute;
top: 0;
left: 15px;
z-index: 99999;
width: 100%;
}
.page-template-landing-page .main-header .varse-button-wrapper {
display: inline-block;
}
.page-template-landing-page .main-header.landing-fixed-top {
position: fixed !important;
top: 0;
left: 15px !important;
width: 100% !important;
background: #fff;
padding: 15px 0 0;
z-index: 999;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
animation-name: ShortDown;
animation-duration: 600ms;
animation-timing-function: linear;
}
.page-template-landing-page.admin-bar .main-header {
margin-top: 32px !important;
}
.page-template-landing-page .menu-landing {
margin: 0;
padding: 2px 0 0;
text-align: center;
}
.page-template-landing-page .menu-landing ul {
margin: 10px 0 0;
}
.page-template-landing-page .menu-landing ul li {
display: inline-block;
padding: 0 20px;
margin: 0;
}
.page-template-landing-page .menu-landing ul li a {
font-size: 15px;
font-weight: 500;
color: #222;
text-transform: uppercase;
padding-bottom: 15px;
display: inline-block;
}
.page-template-landing-page .demo_box.vc_row {
margin-left: -30px;
margin-right: -30px;
}
.page-template-landing-page .demo_box.vc_row .wpb_column > .vc_column-inner {
padding: 0 15px;
}
.page-template-landing-page .demo_box .banner-box {
border: 2px solid #b2b2b2;
margin-bottom: 18px;
}
.page-template-landing-page .box-padding .container > div > .vc_column-inner {
padding: 0;
}
.page-template-landing-page .tab_landing .vc_tta-tabs-container {
margin-bottom: 50px !important;
}
.page-template-landing-page .tab_landing .vc_tta-tab > a {
border: 1px solid #e1e1e1 !important;
border-radius: 0 !important;
margin: 10px;
font-size: 22px;
padding: 9px 30px !important;
min-width: 220px;
background: #fff !important;
color: #444 !important;
}
.page-template-landing-page .tab_landing .vc_tta-tab.vc_active > a, .page-template-landing-page .tab_landing .vc_tta-tab:hover > a {
color: #fff !important;
background: #ff8969 !important;
border: 1px solid #ff8969 !important;
}
.page-template-landing-page .tab_landing .vc_tta-panels {
border: 0 !important;
background: none !important;
}
.page-template-landing-page .tab_landing .vc_tta-panel-body {
padding: 0 !important;
}
.page-template-landing-page .jmsbrand-box .owl-carousel .owl-item img {
opacity: 1;
}
.page-template-landing-page .image_border .item > a {
border: 1px solid #ebebeb;
}
.page-template-landing-page .image_border .image-carousel-box .title-image {
margin-top: 10px;
font-size: 17px;
}
.page-template-landing-page .box-feature > .wpb_column > .vc_column-inner > .wpb_wrapper {
background: #fff;
padding-top: 50px;
border: 1px solid #ebebeb;
}
.page-template-landing-page .box-feature > .wpb_column > .vc_column-inner > .wpb_wrapper p {
padding: 0 20px;
min-height: 75px;
}
.page-template-landing-page .box-feature > .wpb_column > .vc_column-inner > .wpb_wrapper .banner-box {
margin-bottom: 0;
}
.page-template-landing-page .owl-theme .owl-dots .owl-dot {
background: #cccccc;
width: 12px;
height: 12px;
}
.page-template-landing-page .owl-theme .owl-dots .owl-dot.active, .page-template-landing-page .owl-theme .owl-dots .owl-dot:hover {
background: #ff8969;
border-color: transparent !important;
}
@keyframes ShortDown {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@media (min-width: 1300px) {
.page-template-landing-page .container {
width: 1300px;
max-width: none;
}
}
@media (min-width: 1706px) {
.page-template-landing-page .container {
width: 1706px;
max-width: none;
}
}
@media (max-width: 1200px) {
.landing-page .main-header {
padding: 20px 0;
}
.landing-page .logo {
text-align: center;
padding: 0 0 10px;
}
.landing-page .button-header {
text-align: center;
padding: 0;
}
}
@media (max-width: 767px) {
.landing-page .main-header.landing-fixed-top {
display: none !important;
}
.page-template-landing-page .main-header.landing-fixed-top {
display: none;
}
}
/* --------------------------------------------- 7. PAGE ------------------------------------------ */
html {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
@media screen and (min-width: 1720px) {
.container-fluid {
width: 1720px;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media screen and (max-width: 1619px) {
.container-fluid {
width: 1300px;
}
}
@media screen and (max-width: 1300px) {
.container-fluid {
width: 1200px;
}
}
body.offline {
background-image: url("assets/images/maintenance.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
}
.maintenance-content {
height: 100vh;
flex-direction: column;
background: rgba(0, 0, 0, 0.5);
color: white;
padding: 30px;
}
.maintenance-content h1 {
color: white;
font-size: 40px;
}
.maintenance-content .varse-countdown {
margin-top: 15px;
display: block;
font-size: 0;
line-height: 1;
}
.maintenance-content .varse-countdown > span {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 10px;
margin-bottom: 10px;
min-width: 65px;
min-height: 65px;
font-size: 21px;
line-height: 20px;
background: rgba(0, 0, 0, 0.3);
font-weight: 600;
}
.maintenance-content .varse-countdown > span:last-child {
margin-right: 0;
}
.maintenance-content .varse-countdown > span span {
padding-top: 3px;
font-weight: 400;
font-size: 12px;
line-height: 10px;
display: block;
margin-top: 5px;
}
.error-404 {
padding-top: 100px;
padding-bottom: 100px;
height: 100%;
}
.error-404 .image-404 {
margin-bottom: 30px;
}
.error-404 .warning-404 {
color: white;
margin-bottom: 40px;
}
.error-404 .sub-title {
font-size: 16px;
color: #bababa;
margin-bottom: 0;
}
.error-404 .sub-title a:hover {
text-decoration: underline;
}
.error-404 .search-form {
max-width: 767px;
margin: 0 auto;
}
.error-404 .search-form .search-field {
height: 55px;
line-height: 55px;
}
.error-404 .search-form .search-submit {
height: 55px;
line-height: 54px;
}
.error-404 .return-home {
margin-top: 30px;
}
.error404 .page-content {
background: url("assets/images/404.jpg") no-repeat 0 0;
background-attachment: fixed;
background-size: cover;
}
.contact-form-default label {
font-weight: 400;
}
.contact-form-default .form-group {
margin-bottom: 20px;
}
.contact-form-default .wpcf7-form-control {
width: 100%;
height: 45px;
}
.contact-form-default .wpcf7-textarea {
min-height: 200px;
}
.contact-form-default .wpcf7-submit {
width: auto;
color: white;
}
.contact-form-default .wpcf7-submit:hover {
color: white;
}
.not-found .entry-header {
text-align: center;
}
.not-found .entry-header:before {
content: "\e090";
font-family: 'simple-line-icons';
display: inline-block;
font-size: 100px;
line-height: 1;
margin-bottom: 25px;
}
.not-found .entry-header .entry-title {
text-transform: capitalize;
font-size: 48px;
font-weight: 900;
margin-bottom: 15px;
}
.not-found .entry-content {
text-align: center;
}
.not-found .entry-content > p {
font-size: 16px;
margin-bottom: 30px;
}
.not-found .search-form {
max-width: 350px;
margin: 0 auto;
}
.search-icon-popup {
line-height: 60px;
cursor: pointer;
}
.search-popup {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.95);
z-index: 9999;
opacity: 0;
transform: scale(0.8);
visibility: hidden;
}
.search-popup .jms_ajax_search_content .search-wrapper {
width: 100%;
background: #fff;
}
.search-popup .jms_ajax_search_content .searchbox {
width: 100%;
}
.search-popup .jms_ajax_search_content .searchbox .select-box {
float: left;
width: 200px;
position: relative;
}
.search-popup .jms_ajax_search_content .searchbox .input-wrapper {
position: relative;
float: left;
width: calc(100% - 200px);
}
.search-popup #search_result {
margin-top: 1px;
}
.search-popup #search_result .content-preview {
width: 50%;
}
.search-popup .search-box {
position: absolute;
top: 48%;
left: 0;
width: 100%;
text-align: center;
}
.search-popup .search-box .search-box-content {
width: 60%;
display: inline-block;
position: relative;
}
.search-popup .search-box .search-box-content .search-form input[type="search"] {
background: #fff;
}
.search-popup .search-box .search-box-content .search-submit {
height: 50px;
width: 70px;
}
.search-popup .search-box .search-box-content .close-search-popup {
position: absolute;
top: -60px;
right: -60px;
cursor: pointer;
transform: rotate(45deg);
}
.search-popup .search-box .search-box-content .close-search-popup:before {
content: "+";
font-weight: 100;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 60px;
color: #fff;
display: block;
}
.search-popup .search-box .search-box-content .close-search-popup:hover {
transform: rotate(135deg);
}
.show-search-popup .search-popup {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.icon-close {
cursor: pointer;
}
.icon-close:before {
content: "+";
font-weight: 100;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 40px;
color: #fff;
display: block;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.search-wrapper {
z-index: 9;
}
.search_result {
position: absolute;
top: calc(100% + 1px);
width: 100%;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.search_result.loading_search {
width: 100%;
height: 100%;
}
.search_result.loading_search:after {
content: " " !important;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #fff;
z-index: 1;
}
.search_result.loading_search:before {
content: " " !important;
width: 18px;
height: 18px;
margin: 0 auto;
left: 0;
right: 0;
display: inline-block;
vertical-align: middle;
border: 1px solid #e5e5e5;
border-left-color: #000;
border-radius: 100%;
position: absolute;
top: calc(50% - 9px);
z-index: 2;
-webkit-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-moz-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-o-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-ms-transition: right .2s ease-in-out,opacity .25s ease-in-out;
transition: right .2s ease-in-out,opacity .25s ease-in-out;
-webkit-animation: load-spin 350ms infinite linear;
animation: load-spin 350ms infinite linear;
z-index: 2;
}
.search_result .result-wrapper > h4 {
margin: 0;
}
.search_result #result {
padding: 20px;
display: inline-block;
width: 100%;
text-align: left;
overflow: auto;
max-height: 400px;
}
.search_result #result.disabled {
display: none;
}
.search_result .content-preview {
display: inline-block;
width: 100%;
float: left;
margin-top: 10px;
}
.search_result .content-preview .featured-image {
width: 70px;
float: left;
}
.search_result .content-preview .item-desc {
width: calc(100% - 70px);
float: left;
padding: 0 10px;
}
.page-heading {
background-color: #f9f9f9;
margin: 0 !important;
}
.page-heading .entry-header {
position: relative;
}
.page-heading .subtitle-page {
margin-bottom: 20px;
font-weight: 500;
color: #000;
}
.page-heading.title-size-default {
padding-top: 60px;
padding-bottom: 60px;
}
.page-heading.title-size-small {
padding-top: 20px;
padding-bottom: 20px;
}
.page-heading.title-size-small h1 {
font-size: 27px;
}
.page-heading.title-size-medium {
padding-top: 40px;
padding-bottom: 40px;
}
.page-heading.title-size-large {
padding-top: 40px;
padding-bottom: 40px;
}
.page-heading.title-size-large h1 {
font-size: 50px;
}
.page-heading.title-align-left {
text-align: left;
}
.page-heading.title-align-centered {
text-align: center;
}
.page-heading.title-align-right {
text-align: right;
}
.page-heading.title-align-vertical .breadcrumb, .page-heading.title-align-vertical .woocommerce-breadcrumb {
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
}
.page-heading.title-align-vertical .subtitle-page {
margin-bottom: 0;
}
.page-heading h1 {
margin: 0;
line-height: 1.4;
font-weight: 600;
font-size: 42px;
}
.page-heading a {
color: #b9b9b9;
}
.breadcrumb, .woocommerce-breadcrumb {
font-size: 14px;
padding: 0;
background-color: transparent;
margin-bottom: 0;
color: #b9b9b9;
font-weight: 500;
}
.breadcrumb span:before, .woocommerce-breadcrumb span:before {
content: "/";
margin: 0 5px;
}
.varse-checkout-steps ul {
list-style: none;
margin: 0;
padding: 0;
}
.varse-checkout-steps ul li {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.2;
}
.varse-checkout-steps ul li a, .varse-checkout-steps ul li span {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
.varse-checkout-steps ul li a {
display: inline-block;
color: inherit;
opacity: 0.7;
}
.varse-checkout-steps ul li a:hover, .varse-checkout-steps ul li a:focus {
color: inherit;
opacity: 1;
}
.varse-checkout-steps ul li > span {
opacity: 0.7;
}
.varse-checkout-steps ul li:after {
content: '\f178';
font-family: 'FontAweSome';
opacity: 0.7;
font-weight: bold;
font-size: 85%;
margin: 0 15px;
position: relative;
top: -2px;
}
.varse-checkout-steps ul li:last-child:after {
content: none;
}
.varse-checkout-steps ul .step-active a, .varse-checkout-steps ul .step-active > span {
opacity: 1;
}
@media screen and (max-width: 767px) {
.page-heading.title-align-vertical, .page-heading.title-align-vertical {
text-align: center;
}
.page-heading.title-align-vertical .breadcrumb, .page-heading.title-align-vertical .woocommerce-breadcrumb, .page-heading.title-align-vertical .breadcrumb, .page-heading.title-align-vertical .woocommerce-breadcrumb {
position: static;
margin-top: 10px;
}
}
/* --------------------------------------------- 8. POST ------------------------------------------ */
/** ------------------------------------------------------------------------------------------------ * BLOG * ------------------------------------------------------------------------------------------------ */
.blog-container {
margin-top: 100px;
margin-bottom: 30px;
}
.blog-container.fullwidth {
width: 94%;
margin-left: auto;
margin-right: auto;
}
.blog-type-default .blog-post-loop {
width: 100%;
margin-bottom: 65px;
}
.blog-type-default .blog-post-loop .article-body-container {
padding-top: 28px;
}
.blog-post-loop {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 55px;
}
.blog-post-loop .article-body-container {
padding: 17px 0 0;
z-index: 1;
position: relative;
}
.blog-post-loop.blog-design-default .entry-title {
font-size: 28px;
}
.blog-post-loop:hover .post-img-wrap a:after {
opacity: 1;
}
.blog-post-loop:hover .post-img-wrap img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.blog-post-loop.sticky .article-inner {
background-color: #f9f9f9;
}
.blog-post-loop.sticky .article-body-container {
padding: 20px;
background-color: #f9f9f9;
}
.blog-categories {
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 20px;
}
.blog-categories a {
color: #8f8f8f;
}
.varse-recent-posts-list .entry-title {
margin-top: 0;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.entry-meta-list {
padding: 0;
margin: 0 0 15px;
font-size: 13px;
}
.entry-meta-list .meta-featured-post:before {
font-size: 14px;
}
.entry-meta-list li {
color: #9e9e9e;
display: inline-block;
margin-bottom: 0;
font-style: italic;
}
.entry-meta-list li a {
color: #9e9e9e;
}
.entry-meta-list li:after {
content: "-";
margin: 0 5px;
}
.entry-meta-list li:last-child:after {
display: none;
}
/** ------------------------------------------ * BLOG STYLE SHADOW * ------------------------------------------ */
.blog-style-shadow .article-body-container {
padding: 20px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.blog-style-shadow:hover .article-body-container {
box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}
/** ------------------------------------------ * POST IMAGE WRAP * ------------------------------------------ */
.post-img-wrap {
overflow: hidden;
display: inline-block;
}
.post-img-wrap a {
display: block;
position: relative;
}
.post-img-wrap a:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.post-img-wrap img {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
/** ------------------------------------------ * READ MORE BUTTON * ------------------------------------------ */
.read-more-section {
line-height: 1;
margin-bottom: 0;
margin-top: 25px;
}
.read-more-section a {
font-size: 12px;
position: relative;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
color: #777777;
padding-left: 35px;
}
.read-more-section a:before {
content: "";
width: 25px;
height: 1px;
position: absolute;
top: 50%;
left: 0;
background: #a7a7a7;
}
/** ------------------------------------------ * POST DATE * ------------------------------------------ */
.entry-header .post-date {
position: absolute;
left: 15px;
top: 15px;
display: inline-block;
background-color: white;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
z-index: 2;
min-width: 53px;
line-height: 1;
text-align: center;
}
.entry-header .post-date > span {
display: block;
}
.entry-header .post-date .post-date-day {
padding-top: 6px;
padding-bottom: 4px;
font-size: 24px;
}
.entry-header .post-date .post-date-month {
padding-bottom: 8px;
padding-top: 2px;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
}
.blog-design-slider {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.blog-design-slider:not(:first-child) {
margin-top: 40px;
}
.blog-design-slider .entry-header {
margin-bottom: 20px;
}
.blog-design-slider .article-body-container {
text-align: left;
padding: 0;
}
.blog-design-slider .blog-title {
font-size: 18px;
}
.varse-loop-blog.masonry-container {
margin-left: -20px;
margin-right: -20px;
}
.blog-design-masonry.blog-style-flat .article-body-container {
background-color: transparent;
}
.blog-design-masonry.has-post-thumbnail.blog-style-shadow .article-body-container {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}
.blog-design-default.has-post-thumbnail.blog-style-shadow .article-body-container {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}
.blog-design-default.no-post-thumbnail .article-body-container {
padding-top: 0;
}
.blog-design-default.no-post-thumbnail.sticky .article-body-container {
padding: 25px 30px 25px;
box-shadow: 0px 3px 8px #999;
}
.blog-design-small-images.has-post-thumbnail .article-inner {
display: flex;
flex-direction: row;
}
.blog-design-small-images.has-post-thumbnail .entry-header {
flex: 1 0 40%;
max-width: 40%;
}
.blog-design-small-images.has-post-thumbnail .article-body-container {
flex: 1 0 60%;
max-width: 60%;
padding: 0 0 20px 20px;
}
.blog-design-small-images.has-post-thumbnail.blog-style-flat .article-body-container {
background-color: transparent;
}
.blog-design-small-images.has-post-thumbnail.blog-style-shadow .article-body-container {
padding: 20px;
}
.blog-design-chess:nth-child(even).has-post-thumbnail .article-inner {
flex-direction: row-reverse;
}
.blog-design-chess:nth-child(even).blog-style-flat.has-post-thumbnail .article-body-container {
padding: 0 20px 20px 0;
}
@media screen and (max-width: 767px) {
#main-content {
margin-bottom: 60px;
}
}
.post-single-page {
margin-bottom: 30px;
}
.post-single-page.has-post-thumbnail .entry-header {
margin: 20px 0 30px;
}
.post-single-page .entry-title {
font-size: 32px;
line-height: 1.3;
margin-bottom: 12px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
blockquote {
font-size: 20px;
margin: 20px 0;
display: block;
border-left: none;
color: black;
}
blockquote p {
line-height: 1.65;
font-weight: 400;
word-wrap: break-word;
}
blockquote p:before {
content: "\f10d";
font-family: 'FontAweSome';
margin-right: 10px;
}
.entry-author .author-info {
margin-bottom: 25px;
margin-top: 80px;
}
.author-info {
position: relative;
text-align: center;
background-color: #f9f9f9;
padding: 50px 25px 25px 25px;
}
.author-info .avatar {
display: inline-block;
border-radius: 50%;
border: 3px solid #ffffff;
max-width: 74px;
}
.author-info .author-avatar {
position: absolute;
top: 0;
left: 50%;
margin-left: -37px;
margin-top: -37px;
}
.author-info .author-description {
min-height: 74px;
}
.author-info .author-title {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.author-info .author-bio {
margin-bottom: 0px;
}
.author-info .author-link {
font-weight: 600;
display: block;
margin-top: 10px;
}
.author-info .author-link span {
display: none;
}
.varse-single-bottom {
margin-top: 40px;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid rgba(199, 199, 199, 0.25);
}
.varse-single-bottom .tags-list {
font-size: 0;
}
.varse-single-bottom .tags-list a {
border: 1px solid #f1f1f1;
line-height: 28px;
font-size: 14px;
padding-right: 15px;
padding-left: 25px;
text-align: center;
min-width: 70px;
color: #212121;
text-transform: capitalize;
text-decoration: none;
position: relative;
margin-right: 15px;
margin-bottom: 5px;
margin-top: 5px;
display: inline-block;
}
.varse-single-bottom .tags-list a:after {
content: '';
position: absolute;
left: 10px;
top: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
background-color: #f1f1f1;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.varse-related-posts .addon-title h3 {
font-size: 22px;
position: relative;
text-transform: uppercase;
margin: 0 0 40px;
padding-bottom: 10px;
letter-spacing: 1px;
}
.varse-related-posts .addon-title h3:after {
content: '';
width: 40px;
height: 2px;
background-color: #d7d7d7;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
}
.post-password-form label {
text-align: left;
font-weight: 600;
display: inline-block;
vertical-align: bottom;
margin-bottom: 10px;
}
.post-password-form input[type="submit"] {
vertical-align: bottom;
margin-bottom: 10px;
height: 45px;
line-height: 45px;
padding: 0 20px;
color: white;
}
.varse-pagination {
text-align: center;
}
.varse-pagination .page-numbers {
padding: 0;
margin-bottom: 0;
}
.varse-pagination .page-numbers li {
display: inline-block;
margin-right: 4px;
margin-bottom: 0;
}
.varse-pagination .page-numbers li:last-child {
margin-right: 0;
}
.varse-pagination .page-numbers li span, .varse-pagination .page-numbers li a {
display: inline-block;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
font-weight: 600;
font-weight: inherit;
padding: 0;
}
.varse-pagination .page-numbers li span:hover, .varse-pagination .page-numbers li a:hover {
color: white;
}
.varse-pagination .page-numbers li .current {
color: white;
}
.varse-ajax-loadmore a {
color: #000000;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
border: 2px solid #e1e1e1;
padding: 6px 22px;
}
.varse-ajax-loadmore a:hover, .varse-ajax-loadmore a:focus {
color: white;
}
.varse-ajax-loadmore a i {
margin-right: 7px;
}
.varse-ajax-loadmore a.disabled {
pointer-events: none;
opacity: 0.3;
}
.comments-area {
margin-top: 70px;
}
.single-product {
text-align: left;
}
.single-product .comment-form .form-submit {
text-align: left;
}
.single-product #reviews .comment-respond {
margin-top: 50px;
}
.single-product .commentlist li {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.single-product .commentlist li:last-child {
margin-bottom: 0;
}
.single-product #review_form_wrapper .comment-notes, .single-product #review_form_wrapper .comment-form-rating {
margin-bottom: 5px;
margin-top: 10px;
}
.single-product #review_form_wrapper .woocommerce-noreviews p {
margin: 0;
}
.single-product .product #review_form_wrapper .comment-form .stars {
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
line-height: 0;
margin-bottom: 0;
margin-top: 0;
}
.single-product #review_form_wrapper #reply-title {
font-size: 18px;
font-weight: 400;
}
.single-product #review_form_wrapper .stars span {
display: inline-block;
line-height: 0px;
}
.comment-form > p, .comment-form .comment-form-rating {
flex: 1 1 220px;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 15px;
}
.comment-form .comment-notes, .comment-form .comment-form-comment, .comment-form .form-submit, .comment-form .comment-form-rating {
width: 100%;
flex-basis: 100%;
max-width: 100%;
}
.comment-form .form-submit {
text-align: left;
padding-left: 0;
padding-right: 0;
margin-top: 0;
}
.comment-form .comment-form-rating label {
display: inline-block;
margin-bottom: 0;
margin-right: 15px;
}
.comment-form .comment-form-rating label:after {
content: ":";
margin-left: 2px;
}
.comment-form .comment-notes, .comment-form .comment-form-rating {
margin-bottom: 20px;
margin-top: 20px;
}
.comment-form .submit {
color: white;
min-height: 45px;
}
.comment-form .submit:hover {
color: white;
}
.comment-form-cookies-consent input, .comment-form-cookies-consent label {
display: inline-block !important;
width: auto !important;
}
.comments-area .comments-title, .comments-area .comment-reply-title {
font-size: 22px;
position: relative;
text-transform: uppercase;
margin: 0 0 40px;
padding-bottom: 10px;
letter-spacing: 1px;
}
.comments-area .comments-title:after, .comments-area .comment-reply-title:after {
content: '';
width: 40px;
height: 2px;
background-color: #d7d7d7;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
}
.comments-area .comment-reply-title {
margin-bottom: 25px;
}
.comments-area .comment-reply-title small {
vertical-align: middle;
display: inline-block;
}
.comments-area .comment-list {
margin-bottom: 60px;
list-style: none;
padding-left: 0;
}
.comments-area .comment-content {
font-style: italic;
}
.comments-area .comment-form .form-submit {
margin-bottom: 0;
}
.comments-area .comment {
padding: 30px 0px;
border-bottom: 1px solid #ebebeb;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0;
}
.comments-area .comment .comment_container {
display: inline-block;
width: 100%;
vertical-align: top;
}
.comments-area .comment .comment_container img {
float: left;
margin: 0px 5px 0px 0px;
}
.comments-area .comment:last-child {
border: 0;
}
.comments-area .comment .comment-respond {
margin-top: 20px;
}
.comments-area .comment .comment-respond .comment-reply-title {
margin-bottom: 20px;
}
.comments-area .comment .comment-respond .logged-in-as {
margin-bottom: 20px;
}
.comments-area .comment .comment-respond .comment-form-comment {
margin: 20px 0 25px;
}
.comments-area .comment-list > li:first-child {
padding-top: 0;
}
.comments-area .pingback {
margin-bottom: 15px;
}
.comments-area .pingback .comment-body {
padding-left: 0;
}
.comments-area .pingback a {
color: #000000;
margin-left: 5px;
}
.comments-area .children {
padding-left: 0;
margin-left: 30px;
margin-top: 30px;
margin-bottom: 0;
list-style: none;
border-top: 1px solid #ebebeb;
}
.comments-area .children .comment:last-child {
border-bottom: none;
padding-bottom: 0;
}
.comments-area #cancel-comment-reply-link {
display: inline-block;
font-size: 10px;
margin-left: 10px;
font-weight: 600;
}
.comments-area .comment-body {
position: relative;
padding-left: 105px;
}
.comments-area .comment-awaiting-moderation {
position: absolute;
top: -24px;
left: 105px;
}
.comments-area .comment-awaiting-moderation + br {
display: none;
}
.comments-area .comment-edit-link {
font-size: 0;
margin-left: 5px;
display: inline-block;
}
.comments-area .comment-edit-link:after {
font-size: 12px;
vertical-align: middle;
}
.comments-area .comment-author {
line-height: 14px;
font-size: 14px;
margin-bottom: 10px;
}
.comments-area .comment-author:first-letter {
text-transform: uppercase;
}
.comments-area .comment-author .fn {
color: #000000;
font-weight: 600;
font-style: normal;
vertical-align: top;
}
.comments-area .comment-author .says {
margin-left: 3px;
vertical-align: top;
}
.comments-area .comment-author img {
position: absolute;
left: 0px;
top: 0px;
border-radius: 50%;
}
.comments-area .comment-meta {
line-height: 20px;
margin-bottom: 15px;
font-size: 14px;
}
.comments-area .comment-meta a {
color: #555;
vertical-align: middle;
}
.comments-area .reply {
margin-top: 15px;
}
.comments-area .reply a {
font-weight: 600;
text-transform: uppercase;
}
.comments-area .reply a:hover {
opacity: 0.7;
}
.comments-area .comment-respond {
margin-top: 30px;
}
.comments-area .logged-in-as {
font-size: 0;
margin-bottom: 20px;
padding: 0;
}
.comments-area .logged-in-as > a {
color: #000;
font-size: 14px;
}
.comments-area .logged-in-as > a:not(:last-child) {
margin-right: 12px;
}
.comments-area .logged-in-as > a:last-child {
font-weight: 600;
}
.comments-area .no-comments {
font-weight: 600;
}
.commentlist {
list-style: none;
padding-left: 0;
padding-right: 0;
line-height: inherit;
}
.commentlist li.comment {
list-style: none;
margin-top: 45px;
}
.commentlist .pingback {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dashed #ebebeb;
}
.commentlist .pingback:first-child {
padding-top: 15px;
}
.commentlist .pingback p {
margin-bottom: 0;
}
.commentlist .comment-text li {
margin-top: 10px;
}
.commentlist .children {
padding-left: 30px;
}
.comment_container > img {
float: left;
}
.comment_container .comment-text {
padding-left: 20px;
}
.comment-text {
overflow: hidden;
}
.comment-text .comment-author {
text-transform: uppercase;
margin-top: 0;
}
.comment-text .flex time {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-box-flex: 1;
flex: 1 1 auto;
font-size: 12px;
color: #999;
}
.comment-text .flex a {
text-transform: uppercase;
font-size: 12px;
margin-left: 10px;
}
.comment-text .star-rating {
float: right;
margin: 0;
}
.comment-text .meta {
line-height: 1;
margin-bottom: 15px;
}
.comment-text .meta strong {
font-weight: 600;
text-transform: uppercase;
}
.comment-text .woocommerce-review__published-date {
font-size: 13px;
text-transform: uppercase;
color: #999;
}
.comment-text p {
margin-bottom: 5px;
}
.comment-form-rating p.stars {
margin-top: 10px;
display: inline-block;
}
.comment-respond {
margin-top: 50px;
}
.comment-respond label {
display: block;
}
.comment-respond .comment-form-comment label {
margin-bottom: 15px;
}
.comment-respond input:not([type="submit"]), .comment-respond textarea {
background: transparent;
width: 100%;
}
.page-links {
margin-top: 10px;
}
.page-links .page-links-title {
vertical-align: middle;
margin-right: 15px;
}
.page-links > a, .page-links > span:not(.page-links-title) {
display: inline-block;
min-width: 32px;
height: 34px;
line-height: 34px;
text-align: center;
vertical-align: middle;
margin-right: 2px;
box-sizing: content-box;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.page-links > a:last-child, .page-links > span:not(.page-links-title):last-child {
margin-right: 0;
}
.page-links > span:not(.page-links-title) {
color: white;
}
.varse-entry-content .page-links > a, .varse-entry-content .page-links > span:not(.page-links-title) {
color: white;
}
.post-navigation {
border-top: 1px solid rgba(199, 199, 199, 0.25);
border-bottom: 1px solid rgba(199, 199, 199, 0.25);
padding-top: 30px;
padding-bottom: 25px;
}
.post-navigation .label-text {
display: block;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
color: #bbb;
line-height: 1;
}
.post-navigation a:before {
font-family: 'simple-line-icons';
font-size: 30px;
position: absolute;
top: 0;
line-height: 1.4;
}
.post-navigation .post-prev-post {
flex: 0 1 50%;
max-width: 50%;
}
.post-navigation .post-prev-post .post-next-prev-content a:before {
left: 0;
content: "\e07a";
}
.post-navigation .post-next-post {
flex: 0 1 50%;
max-width: 50%;
}
.post-navigation .post-next-post .post-next-prev-content a:before {
right: 0;
content: "\e079";
}
.post-navigation .back-to-archive a {
display: block;
width: 19px;
height: 19px;
background-image: url("assets/images/icons/view-2.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-navigation .back-to-archive a:hover {
background-image: url("assets/images/icons/view-2-hover.png");
}
/* --------------------------------------------- 9. WIDGETS ------------------------------------------ */
.widget {
margin-bottom: 60px;
}
.widget:last-child {
margin-bottom: 0;
}
.widget .widgettitle, .widget .widget-title {
position: relative;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 7px;
margin: 0 0 30px;
display: inline-block;
width: 100%;
border-bottom: 1px solid #ebebeb;
}
.widget .widgettitle:after, .widget .widget-title:after {
content: '';
width: 30px;
height: 2px;
position: absolute;
left: 0;
bottom: -1px;
}
.widget .count {
float: right;
font-size: 14px;
position: relative;
top: 3px;
}
.widget a {
color: #777;
}
.widget ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget ul.children {
padding-left: 15px;
}
/** ------------------------------------------ * WIDGET CATEGORIES * ------------------------------------------ */
.widget_categories .screen-reader-text, .widget_pages .screen-reader-text, .widget_archive .screen-reader-text, .widget_nav_menu .screen-reader-text, .widget_product_categories .screen-reader-text {
display: none;
}
.widget_categories ul li, .widget_pages ul li, .widget_archive ul li, .widget_nav_menu ul li, .widget_product_categories ul li {
color: #333333;
display: block;
}
.widget_categories ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_nav_menu ul li a, .widget_product_categories ul li a {
padding-right: 2px;
display: inline-block;
}
.widget_categories li ul, .widget_pages li ul, .widget_archive li ul, .widget_nav_menu li ul, .widget_product_categories li ul {
margin-top: 10px;
padding-left: 15px;
}
/** ------------------------------------------ * WIDGET RECENT POST * ------------------------------------------ */
.varse-recent-posts-list li {
display: inline-block;
width: 100%;
margin-bottom: 15px;
padding-bottom: 15px;
}
.varse-recent-posts-list li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.varse-recent-posts-list .recent-posts-thumbnail {
float: left;
padding-right: 15px;
max-width: 30%;
}
.varse-recent-posts-list .recent-posts-info {
float: left;
width: 70%;
}
.varse-recent-posts-list .attachment-thumbnail {
max-width: 60px;
}
.varse-recent-posts-list .entry-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
position: relative;
top: -3px;
}
.varse-recent-posts-list .entry-title a {
color: #555;
}
.varse-recent-posts-list .recent-posts-time, .varse-recent-posts-list .recent-posts-comment {
font-size: 13px;
color: #8f8f8f;
font-weight: 500;
display: block;
}
.varse-recent-posts-list .recent-posts-time {
margin-right: 5px;
margin-bottom: 7px;
}
/** ------------------------------------------ * WIDGET RECENT COMMENTS * ------------------------------------------ */
.widget_recent_comments ul li:before {
content: '\f0e5';
font-family: 'FontAweSome';
margin-right: 7px;
}
.widget_recent_comments .recentcomments {
color: #b9b9b9;
}
.widget_recent_comments .recentcomments span {
color: #777;
}
/** ------------------------------------------ * WIDGET RSS * ------------------------------------------ */
.widget_rss .widgettitle a {
color: #000000;
vertical-align: middle;
}
.widget_rss .widgettitle a img {
vertical-align: initial;
}
.widget_rss ul li {
line-height: 1.5;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ebebeb;
}
.widget_rss ul li > a {
margin-bottom: 8px;
display: block;
color: #000000;
font-weight: 600;
}
.widget_rss ul li cite {
margin-top: 5px;
display: inline-block;
}
.widget_rss ul li:last-child {
border-bottom: none;
margin-bottom: 0px;
}
.widget_rss .rss-date {
font-size: 13px;
margin-bottom: 8px;
display: block;
}
.widget_rss .rss-date:before {
content: '\f073';
font-family: "FontAwesome";
display: inline-block;
margin-right: 5px;
}
/** ------------------------------------------ * CALENDAR * ------------------------------------------ */
.widget_calendar #wp-calendar {
margin-bottom: 0;
}
.widget_calendar #wp-calendar > caption {
text-align: center;
color: #000000;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.widget_calendar #wp-calendar th {
text-align: center;
padding: 5px;
font-size: 16px;
border-bottom: none;
}
.widget_calendar #wp-calendar td {
text-align: center;
padding: 8px;
border-bottom: none;
}
.widget_calendar #wp-calendar tbody a {
color: white;
display: block;
font-weight: 700;
}
.widget_calendar #wp-calendar #prev {
text-align: left;
}
.widget_calendar #wp-calendar #next {
text-align: right;
}
.widget_calendar #wp-calendar thead th {
border-bottom: 2px solid rgba(129, 129, 129, 0.1);
}
.widget_calendar #wp-calendar tfoot td {
border-top: 2px solid rgba(129, 129, 129, 0.1);
}
/** ------------------------------------------ * WIDGET PRODUCT * ------------------------------------------ */
.widget_products .product_list_widget li a:hover .product-title, .widget_top_rated_products .product_list_widget li a:hover .product-title {
color: #000000;
opacity: 0.8;
}
.widget_products .product_list_widget li .product-title, .widget_top_rated_products .product_list_widget li .product-title {
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
/** ------------------------------------------ * WIDGET SEARCH * ------------------------------------------ */
.search-form {
display: block;
}
.search-form .search-submit {
position: absolute;
right: 0;
top: 0;
color: black;
height: 50px;
padding: 0 15px;
font-size: 25px;
background-color: transparent;
border: none;
}
/** ------------------------------------------ * WIDGET TAG * ------------------------------------------ */
.tagcloud {
overflow: hidden;
}
.tagcloud a {
display: inline-block;
float: left;
line-height: 35px;
padding: 0 22px;
font-size: 13px !important;
border-radius: 0;
margin: 0 5px 5px 0;
border: 1px solid #f2f2f2;
color: #777;
font-weight: 500;
}
.tagcloud a:hover, .tagcloud a:focus {
color: white !important;
}
/** ------------------------------------------ * WIDGET SHOPPING CART * ------------------------------------------ */
.cart_list {
list-style: none;
padding: 0;
margin: 0;
}
.cart_list dl.variation {
display: none;
}
.cart_list li {
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
}
.cart_list li.empty {
margin: 0;
}
.cart_list li:last-child {
border-bottom: none;
}
.cart_list li .wc-loading {
left: calc(40px - 10px);
top: calc(50% - 17.5px);
z-index: 99;
opacity: 1;
}
.cart_list li.loading {
opacity: 0.5;
}
.cart_list li.empty {
padding-bottom: 0;
}
.cart_list li a {
padding: 0;
}
.cart_list li .preview-image {
padding: 0;
width: 70px;
float: left;
}
.cart_list li .desc {
width: calc(100% - 80px);
padding-left: 20px;
float: left;
position: relative;
}
.cart_list li .desc .product_name {
font-weight: 400;
display: block;
margin-bottom: 7px;
white-space: nowrap;
overflow: hidden;
color: #aaa;
text-overflow: ellipsis;
}
.cart_list li .desc .cart-price {
display: block;
margin-bottom: 9px;
}
.cart_list li .desc .amount {
font-size: 14px;
font-weight: 500;
color: black;
color: #aaa;
}
.cart_list li .desc .remove {
margin-left: 28px;
}
.cart_list li .desc .remove i {
top: 0;
line-height: 1;
color: #aaa;
font-size: 17px;
}
.cart_list li .quantity {
font-weight: 500;
width: auto;
color: #aaa;
}
.cart_list li .variation {
margin-bottom: 5px;
}
.cart_list li .variation .variation-Vendor {
display: inline-block;
}
.widget_shopping_cart_content .total {
font-size: 15px;
border-top: 1px solid #3d3d3d;
padding-top: 15px;
margin-bottom: 20px;
font-weight: 500;
color: #aaa;
}
.widget_shopping_cart_content .total .amount {
float: right;
}
.widget_shopping_cart_content .buttons {
margin-bottom: 0;
}
.widget_shopping_cart_content .buttons a {
height: 45px;
line-height: 43px;
border: 2px solid #ccc;
display: block;
margin-bottom: 10px;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
background-color: transparent;
color: #fff;
font-size: 13px;
font-weight: 500;
width: 100%;
z-index: 2;
}
.widget_recent_entries ul li span {
padding-left: 18px;
position: relative;
display: block;
color: #b9b9b9;
}
.widget_recent_entries ul li span:before {
content: "\f073";
position: absolute;
left: 0;
line-height: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -2px;
display: inline-block;
font-family: FontAwesome;
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/** ------------------------------------------ * WIDGET FILTER PRICE * ------------------------------------------ */
.widget_price_filter .price_slider {
margin-bottom: 35px;
}
.widget_price_filter .price_slider_amount {
text-align: right;
}
.widget_price_filter .price_slider_amount .price_label {
display: inline-block;
line-height: 36px;
}
.widget_price_filter .price_slider_amount .button {
float: left;
line-height: 36px;
padding: 0 20px;
color: #fff;
font-size: 13px;
letter-spacing: 1.2px;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
cursor: ew-resize;
outline: none;
top: -6px;
margin-left: -0.5em;
border-radius: 0;
height: 16px;
width: 16px;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background: #ccc;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #ebebeb;
border: 0;
}
.widget_price_filter .ui-slider-horizontal {
height: 4px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
/** ------------------------------------------ * WIDGET RATING FILTER * ------------------------------------------ */
.widget_rating_filter .star-rating {
vertical-align: top;
display: inline-block;
margin: 0;
line-height: 19px;
}
/** ------------------------------------------ * WIDGET INSTAGRAM * ------------------------------------------ */
.jms-instagram .instagram {
margin-top: 15px;
margin-left: -5px;
margin-right: -5px;
}
.jms-instagram .cols-1 .item {
width: 100%;
}
.jms-instagram .cols-2 .item {
width: 50%;
}
.jms-instagram .cols-3 .item {
width: 33.333333%;
}
.jms-instagram .cols-4 .item {
width: 25%;
}
.jms-instagram .cols-5 .item {
width: 20%;
}
.jms-instagram .item {
float: left;
padding: 5px;
}
.jms-instagram .item a {
display: block;
overflow: hidden;
position: relative;
}
.jms-instagram .item a:before {
content: '';
width: 94%;
height: 94%;
border: 1px solid #fff;
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.jms-instagram .item a:after {
content: '';
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
left: 0;
background-color: #000;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.jms-instagram .item img {
width: 100%;
}
.jms-instagram .item:hover a:before {
opacity: 0.4;
}
.jms-instagram .item:hover a:after {
opacity: 0.1;
}
.social-network {
margin: 0;
padding: 0;
list-style: none;
}
.social-network li {
margin-right: 25px;
float: left;
}
.social-network li:last-child {
margin-right: 0;
}
.social-network li a {
font-size: 20px;
}
.flickr-container {
margin-left: -5px;
}
.flickr-container:after {
clear: both;
content: '';
display: table;
}
.flickr-container .flickr_badge_image {
float: left;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
position: relative;
width: 33.33%;
}
.flickr-container .flickr_badge_image img {
width: 100%;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.flickr-container .flickr_badge_image img:hover {
opacity: .8;
}
.product_list_widget > li {
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid #eeeeee;
}
.product_list_widget > li:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.product_list_widget > li:after {
content: "";
clear: both;
display: block;
}
.product_list_widget > li a {
margin-bottom: 8px;
display: block;
}
.product_list_widget > li .product-title {
font-size: inherit;
}
.product_list_widget > li img {
float: left;
margin-right: 15px;
max-width: 80px;
}
.product_list_widget > li .star-rating {
display: block;
margin-left: 80px;
margin-bottom: 8px;
font-size: 12px;
width: 70px;
}
.product_list_widget > li .star-rating span:before {
font-size: 12px;
}
.product_list_widget > li .reviewer {
font-size: 13px;
}
.product_list_widget > li del {
font-weight: 400;
color: rgba(0, 0, 0, 0.5);
}
.product_list_widget > li ins {
text-decoration: none;
margin-left: 5px;
}
.product_list_widget > li .woocommerce-Price-amount {
font-weight: 600;
}
/* --------------------------------------------- 10. WOOCOMMERCE ------------------------------------------ */
.wc-tooltip {
opacity: 1;
visibility: visible;
position: absolute;
top: -33px;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
font-size: 12px;
line-height: 25px;
height: 25px;
text-align: center;
padding: 0 8px;
border-radius: 3px;
color: #fff;
white-space: nowrap;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
font-size: 14px;
}
.wc-tooltip:after {
content: '';
border-left: 5px solid rgba(0, 0, 0, 0.8);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
position: absolute;
bottom: -5px;
}
/* [ Notice wishlist ] - - - - - - - - - - - - - - - - - - - - */
#yith-wcwl-popup-message {
display: none !important;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.notice-cart-wrapper {
position: fixed;
z-index: 9999999;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
top: 32px;
right: 10px;
}
.notice-cart-wrapper.active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.notice-cart {
background: #f0f0f0;
width: 320px;
position: relative;
}
.notice-cart .close-notice {
width: 30px;
height: 30px;
line-height: 30px;
position: absolute;
top: 0;
right: 10px;
cursor: pointer;
text-align: center;
font-size: 13px;
color: white;
}
.notice-cart .close-notice:before {
line-height: 23px;
font-size: 23px;
}
.notice-cart .icon-notice {
background-color: #63c58d;
color: white;
padding: 0 20px;
}
.notice-cart .text-notice {
padding: 15px 20px;
color: #363636;
line-height: 26px;
}
.notice-cart .text-notice a {
padding: 0 20px;
margin-top: 10px;
text-align: center;
height: 40px;
line-height: 40px;
text-transform: uppercase;
font-weight: 600;
border: 1px solid #63c58d;
color: #63c58d;
}
.woocommerce-message, .woocommerce-error, .woocommerce-info {
padding: 15px 20px;
margin: 0 0 35px;
position: relative;
list-style: none outside;
}
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button {
float: right;
padding: 0;
background: none;
line-height: 30px;
font-size: 14px;
height: auto;
}
.woocommerce-message li, .woocommerce-error li, .woocommerce-info li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.woocommerce-message {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.woocommerce-message .button {
color: #3c763d;
}
.woocommerce-error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.woocommerce-error .button {
color: #a94442;
}
.woocommerce-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.woocommerce-info .button {
color: #31708f;
}
.woocommerce-thankyou-order-received {
border: 2px dashed #7a9c59;
color: #7a9c59;
width: 100%;
text-align: center;
font-size: 22px;
padding: 3%;
margin-bottom: 30px;
line-height: 1.4;
}
.star-rating {
font-family: 'FontAwesome';
font-size: 14px;
height: 25px;
line-height: 27px;
overflow: hidden;
position: relative;
text-align: left;
width: 5.8em;
letter-spacing: 3px;
margin-top: 5px;
}
.star-rating:before, .star-rating span:before {
content: '\f006\f006\f006\f006\f006';
left: 0;
top: 0;
position: absolute;
}
.star-rating:before {
color: #c1c1c1;
}
.star-rating span {
overflow: hidden;
position: absolute;
text-indent: -999em;
}
.star-rating span:before {
color: #FB981B;
text-indent: 0;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: 'FontAwesome';
content: '\f006';
text-indent: 0;
color: #999;
}
p.stars a:hover ~ a::before {
color: #999;
}
p.stars:hover a::before {
color: #dc9814;
}
p.stars.selected a.active::before {
color: #dc9814;
}
p.stars.selected a.active ~ a::before {
color: #999;
}
p.stars.selected a:not(.active)::before {
color: #dc9814;
}
.woocommerce-Reviews-title {
margin-top: 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
}
.term-description {
margin-bottom: 30px;
}
.shop-action .shop-action-inner {
color: #686868;
margin-bottom: 30px;
padding-bottom: 8px;
border-bottom: 1px solid #ececec;
}
.shop-action .wc-switch {
padding-top: 5px;
}
.shop-action .wc-switch span {
line-height: 19px;
display: inline-block;
vertical-align: top;
}
.shop-action-bottom {
border-top: 1px solid #E6E6E6;
font-size: 14px;
color: #000000;
clear: both;
margin-top: 30px;
}
.shop-action-bottom.container {
max-width: 1400px;
padding-left: 0;
padding-right: 0;
}
.shop-action-bottom .woocommerce-result-count {
float: left;
margin-bottom: 0;
}
.action-right form {
float: left;
margin-right: 35px;
font-size: 14px;
}
.action-right form:last-child {
margin-right: 0;
}
.action-right select {
color: black;
display: inline-block;
border: none;
border-bottom: 1px solid #ebebeb;
width: auto;
background-position: 100% 40%;
padding-left: 2px;
padding-right: 20px;
padding-bottom: 4px;
height: auto;
font-size: 14px;
line-height: 24px;
cursor: pointer;
vertical-align: middle;
}
.action-right .show-products-number select {
padding-bottom: 1px;
}
.woocommerce-ordering select {
max-width: 200px;
}
.woocommerce-ordering span {
position: relative;
top: -2px;
font-weight: 500;
}
.wc-switch > a {
display: inline-block;
width: 19px;
height: 19px;
margin-right: 10px;
}
.wc-switch > a .icon-view {
width: 100%;
height: 100%;
display: inline-block;
background-size: auto;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
.wc-switch .per-row-1 .icon-view {
background-image: url("assets/images/icons/view-list.png");
}
.wc-switch .per-row-1.active .icon-view {
background-image: url("assets/images/icons/view-list-hover.png");
}
.wc-switch .per-row-2 .icon-view {
background-image: url("assets/images/icons/view-2.png");
}
.wc-switch .per-row-2.active .icon-view {
background-image: url("assets/images/icons/view-2-hover.png");
}
.wc-switch .per-row-3 .icon-view {
background-image: url("assets/images/icons/view-3.png");
}
.wc-switch .per-row-3.active .icon-view {
background-image: url("assets/images/icons/view-3-hover.png");
}
.wc-switch .per-row-4 .icon-view, .wc-switch .per-row-5 .icon-view, .wc-switch .per-row-6 .icon-view {
background-image: url("assets/images/icons/view-4.png");
}
.wc-switch .per-row-4.active .icon-view, .wc-switch .per-row-5.active .icon-view, .wc-switch .per-row-6.active .icon-view {
background-image: url("assets/images/icons/view-4-hover.png");
}
.special-filter .product-categories > li {
position: relative;
display: inline-block;
float: none;
padding: 0 25px;
margin-bottom: 0;
}
.special-filter .product-categories > li:before {
position: absolute;
top: -3px;
left: -6px;
content: '|';
}
.special-filter .product-categories > li:first-child {
padding-left: 0;
}
.special-filter .product-categories > li:first-child:before {
content: none;
}
.special-filter .product-categories > li > a {
display: inline-block;
line-height: 25px;
color: #000000;
position: relative;
font-size: 17px;
text-transform: uppercase;
border-radius: 0;
}
.special-filter .product-categories > li .count {
float: none;
font-size: 12px;
top: -10px;
position: absolute;
}
.shop-filter-toggle span.filter-text {
color: black;
font-size: 13px;
padding-right: 10px;
cursor: pointer;
text-transform: capitalize;
font-weight: 600;
line-height: 32px;
}
.shop-filter-toggle .hamburger-box {
width: 17px;
display: inline-block;
}
.shop-filter-toggle .hamburger-inner {
cursor: pointer;
position: absolute;
top: 15px;
width: 17px;
height: 2px;
background: #000;
-webkit-transition: background 0.01s ease 0.2s;
-moz-transition: background 0.01s ease 0.2s;
-o-transition: background 0.01s ease 0.2s;
transition: background 0.01s ease 0.2s;
}
.shop-filter-toggle .hamburger-inner:before, .shop-filter-toggle .hamburger-inner:after {
content: "";
width: 17px;
height: 2px;
background: #000000;
position: absolute;
top: -5px;
-moz-transition: top .2s ease .2s,transform .2s ease 0s,width .01s ease .2s;
-o-transition: top .2s ease .2s,transform .2s ease 0s,width .01s ease .2s;
-webkit-transition: top .2s ease .2s,transform .2s ease 0s,width .01s ease .2s;
transition: top .2s ease .2s,transform .2s ease 0s,width .01s ease .2s;
}
.shop-filter-toggle .hamburger-inner:after {
top: 5px;
}
.shop-filter-toggle.open .hamburger-inner {
background: transparent;
}
.shop-filter-toggle.open .hamburger-inner:before, .shop-filter-toggle.open .hamburger-inner:after {
-moz-transition: top .2s ease,transform .2s ease .2s,width .01s ease .2s;
-o-transition: top .2s ease,transform .2s ease .2s,width .01s ease .2s;
-webkit-transition: top .2s ease,transform .2s ease .2s,width .01s ease .2s;
transition: top .2s ease,transform .2s ease .2s,width .01s ease .2s;
}
.shop-filter-toggle.open .hamburger-inner:before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.shop-filter-toggle.open .hamburger-inner:after {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.shop-filter {
display: none;
background-color: #F5F5F5;
margin-top: 40px;
margin-bottom: 40px;
}
.shop-filter.open {
display: block;
}
.shop-filter .filter-toggle-box {
padding: 40px 40px 10px;
margin-left: -20px;
margin-right: -20px;
}
.shop-filter .widget {
float: left;
width: 25%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.shop-filter .widget:nth-child(4n+1) {
clear: both;
}
.shop-filter .widget .widgettitle {
font-size: 18px;
margin-bottom: 20px;
}
.product-quickview {
background: #fff;
max-width: 990px;
margin: auto;
}
.product-quickview .wc-single-product {
padding-bottom: 0;
}
.product-quickview .summary {
padding: 30px 30px 0 0;
}
.product-quickview .column-right {
overflow-x: auto;
}
.loader {
position: fixed;
background: rgba(0, 0, 0, 0.65);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.loader-inner {
background: url("assets/images/icons/three-dots.svg") no-repeat 0 0;
background-size: 100%;
width: 50px;
height: 50px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.wc-shipping-return {
background: #fff;
max-width: 990px;
margin: auto;
padding: 40px 30px;
}
.badge {
top: 15px;
left: 0;
font-size: 13px;
line-height: 1;
padding: 5px;
border-radius: 0;
font-weight: 500;
z-index: 1;
color: #fff;
min-width: 50px;
}
.badge.new {
right: 0;
left: auto;
padding: 5px 10px;
background: #5bbcdc;
}
.badge.image_label {
top: 0;
right: 0;
left: auto;
padding: 0;
background: none;
min-width: 28px;
max-width: 40px;
}
.item-wrap .product-item {
margin-bottom: 10px;
}
.product-box {
text-align: left;
overflow: hidden;
position: relative;
background: #fff;
}
.product-box:hover .varse-countdown {
color: #000;
}
.product-box:hover .addtocart {
opacity: 1;
}
.product-box:hover .product-thumb > a:after {
opacity: 1;
}
.product-box:hover .varse-countdown {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.product-box:hover .product-btn.in-thumb {
opacity: 1;
-webkit-transform: translateX(-50%) rotateX(0deg);
-moz-transform: translateX(-50%) rotateX(0deg);
-o-transform: translateX(-50%) rotateX(0deg);
transform: translateX(-50%) rotateX(0deg);
-webkit-box-shadow: 0px 1px 2px 0px rgba(212, 212, 212, 0.75);
-moz-box-shadow: 0px 1px 2px 0px rgba(212, 212, 212, 0.75);
-o-box-shadow: 0px 1px 2px 0px rgba(212, 212, 212, 0.75);
box-shadow: 0px 1px 2px 0px rgba(212, 212, 212, 0.75);
}
.product-box:hover .primary-img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.product-box img {
width: 100%;
}
.product-box .varse-countdown {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 10px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.product-box .varse-countdown > span:last-child {
margin-right: 0;
}
.product-box .varse-countdown > span:first-child {
margin-left: 0;
}
.product-box .varse-countdown > span span {
font-size: 13px;
}
.product-box .product-cat {
line-height: 1.3;
margin-top: 5px;
}
.product-box .product-cat a {
font-size: 12px;
color: #595959;
font-weight: 600;
}
.product-box .price {
display: block;
font-weight: 500;
line-height: 1.45;
font-size: 14px;
margin-top: 10px;
min-height: 22px;
color: #333333;
}
.product-box .price del {
font-weight: 400;
font-size: 13px;
margin-right: 10px;
color: #888;
}
.product-box .price ins {
text-decoration: none;
}
.product-box .product-info {
padding-top: 14px;
margin-bottom: 10px;
position: relative;
}
.product-box .product-info > a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
line-height: 1.4;
font-weight: 400;
color: #666;
}
.product-box .star-rating {
margin: 0;
bottom: 0;
margin: 0;
min-height: 25px;
}
.product-box .btn-wishlist {
position: absolute;
top: 10px;
right: 0;
}
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist {
width: 23px;
height: 23px;
text-align: center;
border: 0;
font-size: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist a {
display: block;
position: relative;
border-radius: 50%;
width: 23px;
height: 23px;
}
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist a:before {
content: "\e642";
font-size: 22px;
line-height: 23px;
display: inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product-box .btn-wishlist .yith-wcwl-add-to-wishlist .loading a:before {
content: " " !important;
width: 22px;
height: 22px;
}
.product-thumb > a:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.product-thumb .imageswatch-list-variations {
position: absolute;
left: 0;
right: 0;
bottom: 7px;
}
.imageswatch-list-variations {
margin-top: 10px;
}
.imageswatch-list-variations ul {
padding: 0;
margin: 0;
}
.imageswatch-list-variations ul li {
margin: 0;
margin-right: 5px;
}
.imageswatch-list-variations ul li:last-child {
margin-right: 0;
}
.imageswatch-list-variations a {
width: 16px;
height: 16px;
display: inline-block;
overflow: hidden;
margin: 0;
}
.product-btn {
list-style: none;
margin: 0;
padding: 0;
}
.product-btn .tooltip {
font-size: 12px !important;
position: absolute;
background: #111111;
padding: 3px 8px;
top: -31px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
color: white;
border-radius: 4px;
display: inline-block;
text-transform: capitalize;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-btn .tooltip:after {
content: '';
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #111111;
position: absolute;
left: 50%;
bottom: -5px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-btn li {
margin-bottom: 0;
display: inline-block;
margin: 0 12px 0 0;
text-align: center;
}
.product-btn li a {
font-size: 0;
}
.product-btn li .button {
width: 42px;
height: 42px;
border-radius: 100%;
background: none;
color: black;
border: 1px solid #DADADA;
font-weight: 400;
}
.product-btn li .button:before {
line-height: 42px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product-btn li .button:hover .tooltip, .product-btn li .button:focus .tooltip {
opacity: 1;
}
.product-btn li .button.button-cart {
padding: 0;
}
.product-btn li .button.button-cart:before {
content: "\e615";
font-size: 25px;
padding-left: 2px;
line-height: 41px;
}
.product-btn li .added_to_cart {
display: none;
}
.product-btn.in-thumb {
position: absolute;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%) rotateX(90deg);
-moz-transform: translateX(-50%) rotateX(90deg);
-o-transform: translateX(-50%) rotateX(90deg);
transform: translateX(-50%) rotateX(90deg);
padding: 0;
margin: 0;
list-style: none;
justify-content: center;
z-index: 99;
background: #fff;
padding: 0 10px;
opacity: 0;
}
.product-btn.in-thumb li {
margin-right: 7px;
display: inline-flex;
}
.product-btn.in-thumb li:last-child {
margin: 0;
}
.product-btn.in-thumb li .button {
border: none;
}
.product-btn.in-thumb .yith-wcwl-add-to-wishlist {
border: none;
}
.added_to_cart {
display: none;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.hide, .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.hide {
display: none;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show, .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
display: block;
}
.btn-quickview {
padding: 0;
}
.btn-quickview:before {
content: "\e657";
padding-left: 5px;
font-size: 17px;
}
.compare-button.product {
padding: 0 !important;
}
.compare-button a {
padding: 0;
}
.compare-button a:before {
content: "\e665";
padding-left: 3px;
font-size: 18px;
}
.product-btn li .yith-wcwl-add-to-wishlist a:before, .btn-quickview:before, .compare-button a:before, .product-style-8 .child-cart .yith-wcwl-add-to-wishlist a:before, .product-style-9 .child-cart .yith-wcwl-add-to-wishlist a:before, .product-style-10 .yith-wcwl-add-to-wishlist a:before, .entry-summary .compare.button:before, .entry-summary .yith-wcwl-add-to-wishlist a:before {
font-size: 25px;
}
.addtocart {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
}
.addtocart .button-cart {
padding: 5px 15px 5px 25px;
font-size: 12px;
background: #fff;
position: relative;
}
.addtocart .button-cart:before {
content: "\f067";
font-family: FontAwesome;
font-size: 10px;
height: 16px;
line-height: 16px;
position: absolute;
top: calc(50% - 9px);
left: 10px;
}
.addtocart .button-cart.loading:before {
width: 12px;
height: 12px;
left: 5px;
top: calc(50% - 8px);
right: auto;
border-right-color: red !important;
border-left-color: red !important;
}
.addtocart .button-cart.added:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 14px;
width: 16px;
height: 16px;
font-weight: 100;
line-height: 16px;
top: calc(50% - 10px);
left: 5px;
right: auto;
border-right-color: red !important;
border-left-color: red !important;
}
.slider-opacity .owl-item {
opacity: 0.4;
}
.slider-opacity .owl-item.centerActiveItem {
opacity: 1;
}
@media screen and (max-width: 1199px) {
.slider-opacity .owl-item {
opacity: 1;
}
.product-box .star-rating {
display: none;
}
}
.product-style-2 .product-box .product-info {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 20px 30px;
margin: 0;
text-align: center;
-webkit-transform: translateY(-60%);
-moz-transform: translateY(-60%);
-o-transform: translateY(-60%);
transform: translateY(-60%);
opacity: 0;
}
.product-style-2 .product-box .varse-countdown {
bottom: 50%;
-webkit-transform: translateY(50%) rotateX(0deg);
-moz-transform: translateY(50%) rotateX(0deg);
-o-transform: translateY(50%) rotateX(0deg);
transform: translateY(50%) rotateX(0deg);
}
.product-style-2 .product-box .addtocart {
position: static;
opacity: 1;
}
.product-style-2 .product-box .addtocart a {
padding: 0;
background: none;
}
.product-style-2 .product-box .addtocart a:before {
display: none;
}
.product-style-2 .product-box .addtocart .tooltip {
position: inherit;
font-size: 14px !important;
opacity: 1;
background: transparent;
width: auto;
height: auto;
top: auto;
left: auto;
right: auto;
line-height: 40px;
padding: 0;
border-radius: 0;
text-transform: capitalize;
color: #5e5e5e;
font-weight: 600;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.product-style-2 .product-box .product-thumb > a:after {
top: 5%;
right: 5%;
bottom: 5%;
left: 5%;
width: auto;
height: auto;
}
.product-style-2 .product-box:hover .product-thumb > a:after {
background: rgba(255, 255, 255, 0.9) !important;
}
.product-style-2 .product-box:hover .product-info {
opacity: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-style-2 .product-box:hover .varse-countdown {
opacity: 0;
-webkit-transform: translateY(50%) rotateX(90deg);
-moz-transform: translateY(50%) rotateX(90deg);
-o-transform: translateY(50%) rotateX(90deg);
transform: translateY(50%) rotateX(90deg);
}
.product-style-2 .variation-attr {
left: 5px;
width: 30px;
bottom: 50%;
line-height: 20px;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%);
}
.product-style-3 .product-box .btn-wishlist .yith-wcwl-add-to-wishlist {
right: 10px;
}
.product-style-3 .product-box .badge.new {
left: 0;
right: auto;
top: 15px;
}
.product-style-3 .product-info {
text-align: center;
}
.product-style-3 .product-btn.in-thumb {
bottom: 50%;
margin-bottom: -21px;
}
.product-style-3 .product-list-info .btn-wishlist {
display: none;
}
.product-style-3 .variation-attr {
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
.product-style-4 .product-box {
padding: 10px;
border: 1px solid #ebebeb;
}
.product-style-4 .product-box .btn-wishlist {
position: static;
}
.product-style-4 .product-box .btn-wishlist .yith-wcwl-add-to-wishlist {
width: 42px;
height: 42px;
}
.product-style-4 .product-box .btn-wishlist .yith-wcwl-add-to-wishlist a {
width: 42px;
height: 42px;
}
.product-style-4 .product-box .btn-wishlist .yith-wcwl-add-to-wishlist a:before {
font-size: 25px;
line-height: 42px;
padding-left: 9px;
}
.product-style-4 .product-box .product-info {
text-align: center;
}
.product-style-4 .varse-countdown {
margin: 0;
bottom: 50%;
-webkit-transform: translateY(50%) rotateX(0deg);
-moz-transform: translateY(50%) rotateX(0deg);
-o-transform: translateY(50%) rotateX(0deg);
transform: translateY(50%) rotateX(0deg);
}
.product-style-4 .product-btn.in-thumb {
bottom: 50%;
margin-bottom: -21px;
}
.product-style-4 .variation-attr {
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
.product-style-4:hover .varse-countdown {
opacity: 0;
-webkit-transform: translateY(50%) rotateX(90deg);
-moz-transform: translateY(50%) rotateX(90deg);
-o-transform: translateY(50%) rotateX(90deg);
transform: translateY(50%) rotateX(90deg);
}
.product-box {
position: relative;
}
.product-box .hover-image {
position: absolute;
}
.effect-thumb-1 .product-box .hover-image {
top: 0;
left: 0;
right: 0;
opacity: 0;
}
.effect-thumb-1 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.effect-thumb-2 .product-box .hover-image {
left: 0;
top: -100%;
}
.effect-thumb-2 .product-box:hover .hover-image {
top: 0;
}
.effect-thumb-3 .product-box .hover-image {
left: 0;
bottom: -100%;
}
.effect-thumb-3 .product-box:hover .hover-image {
bottom: 0;
}
.effect-thumb-4 .product-box .hover-image {
right: -100%;
top: 0;
}
.effect-thumb-4 .product-box:hover .hover-image {
right: 0;
}
.effect-thumb-5 .product-box .hover-image {
left: -100%;
top: 0;
}
.effect-thumb-5 .product-box:hover .hover-image {
left: 0;
}
.effect-thumb-6 .product-box .hover-image {
top: -100%;
left: -100%;
}
.effect-thumb-6 .product-box:hover .hover-image {
top: 0;
left: 0;
}
.effect-thumb-7 .product-box .hover-image {
top: -100%;
right: -100%;
}
.effect-thumb-7 .product-box:hover .hover-image {
top: 0;
right: 0;
}
.effect-thumb-8 .product-box .hover-image {
right: -100%;
bottom: -100%;
}
.effect-thumb-8 .product-box:hover .hover-image {
bottom: 0;
right: 0;
}
.effect-thumb-9 .product-box .hover-image {
left: -100%;
bottom: -100%;
}
.effect-thumb-9 .product-box:hover .hover-image {
bottom: 0;
left: 0;
}
.effect-thumb-10 .product-box .hover-image {
top: 0;
right: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.effect-thumb-10 .product-box:hover .hover-image {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.effect-thumb-11 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.effect-thumb-11 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.effect-thumb-12 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: skewY(20deg);
-moz-transform: skewY(20deg);
-o-transform: skewY(20deg);
transform: skewY(20deg);
}
.effect-thumb-12 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: skewY(0deg);
-moz-transform: skewY(0deg);
-o-transform: skewY(0deg);
transform: skewY(0deg);
}
.effect-thumb-13 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: skewX(20deg);
-moz-transform: skewX(20deg);
-o-transform: skewX(20deg);
transform: skewX(20deg);
}
.effect-thumb-13 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
.effect-thumb-14 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.effect-thumb-14 .product-box:hover .hover-image {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.effect-thumb-15 .product-box .hover-image {
top: 0;
right: 0;
opacity: 0;
}
.effect-thumb-15 .product-box:hover .hover-image {
opacity: 1;
}
.product-preset-ecf0f1 .product-thumb > a:after {
background-color: rgba(219, 229, 231, 0.8);
}
.product-preset-1abc9c .product-thumb > a:after {
background: rgba(0, 0, 0, 0.45);
}
.product-preset-2e2e2e .product-thumb > a:after {
background-color: rgba(0, 0, 0, 0.1);
}
.product-preset-2ecc71 .product-thumb > a:after {
background-color: rgba(46, 204, 113, 0.85);
}
.product-preset-7f8c8d .product-thumb > a:after {
background-color: rgba(127, 140, 141, 0.85);
}
.product-preset-9b59b6 .product-thumb > a:after {
background-color: rgba(155, 89, 182, 0.85);
}
.product-preset-95a5a6 .product-thumb > a:after {
background-color: rgba(149, 165, 166, 0.85);
}
.product-preset-01558f .product-thumb > a:after {
background-color: rgba(1, 85, 143, 0.85);
}
.product-preset-3498db .product-thumb > a:after {
background-color: rgba(52, 152, 219, 0.85);
}
.product-preset-bdc3c7 .product-thumb > a:after {
background-color: rgba(189, 195, 199, 0.85);
}
.product-preset-c0392b .product-thumb > a:after {
background-color: rgba(192, 57, 43, 0.85);
}
.product-preset-d35400 .product-thumb > a:after {
background-color: rgba(211, 84, 0, 0.85);
}
.product-preset-e67e22 .product-thumb > a:after {
background-color: rgba(230, 126, 34, 0.85);
}
.product-preset-e74c3c .product-thumb > a:after {
background-color: rgba(231, 76, 60, 0.85);
}
.product-preset-f39c12 .product-thumb > a:after {
background-color: rgba(243, 156, 18, 0.85);
}
.product-preset-none .product-thumb > a:after {
background: none;
}
#small-product .product-item {
width: 100% !important;
}
#small-product .title_2 {
margin-bottom: 30px;
}
#small-product .title_2:after {
margin: 0;
}
#small-product .varse-countdown {
display: none;
}
#small-product .product-box .product-thumb {
width: 90px;
float: left;
}
#small-product .product-box .product-thumb .imageswatch-list-variations {
display: none;
}
#small-product .product-box .star-rating {
margin-left: 0;
}
#small-product .product-box .product-info {
text-align: left;
width: calc(100% - 90px);
float: left;
padding: 8px 0 0 20px;
}
#small-product .product-box .product-info > a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#small-product .product-box .badge, #small-product .product-box .product-btn {
display: none;
}
.product-list-info {
text-align: left;
}
.product-list-info .woocommerce-product-details__short-description {
margin-bottom: 30px;
}
.product-list-info .star-rating {
margin: 0px 0 7px;
}
.product-list-info .addtocart {
position: static;
float: left;
margin-right: 10px;
display: inline-block;
opacity: 1;
}
.product-list-info .addtocart .button-cart {
padding: 0 15px 0 45px;
line-height: 40px;
background: #363636;
color: #fff;
}
.product-list-info .addtocart .button-cart.added:before, .product-list-info .addtocart .button-cart:before {
z-index: 2;
content: "\e615";
font-size: 25px;
padding-left: 5px;
line-height: 45px;
width: 42px;
height: 42px;
top: 0;
left: 0;
color: #fff;
}
.product-list-info .addtocart .button-cart.loading:before {
line-height: 20px;
width: 20px;
top: calc(50% - 11px);
left: 10px;
height: 20px;
}
.product-list-info .addtocart .button-cart:after {
z-index: 1;
}
.product-list-info .addtocart .button-cart .tooltip {
position: inherit;
font-size: 14px !important;
opacity: 1;
background: transparent;
width: auto;
height: auto;
top: auto;
left: auto;
right: auto;
line-height: 45px;
padding: 0;
border-radius: 0;
text-transform: uppercase;
font-weight: 400;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.product-list-info .addtocart .button-cart:hover .tooltip {
color: #fff;
}
.product-list-info .addtocart .button-cart:hover:before {
color: #fff;
}
.product-list-info .product-btn li .button {
border-radius: 0;
border: 1px solid #707070;
width: 44px;
height: 44px;
}
.product-list-info .product-btn li .button:before {
line-height: 44px;
padding: 0;
}
.product-list-info .product-btn li .button:hover:before {
color: #fff;
}
.product-list-info .product-btn .button-cart:before {
color: white;
}
.product-list-info .product-btn .button-cart .tooltip {
position: inherit;
font-size: inherit !important;
opacity: 1;
background: transparent;
width: auto;
height: auto;
top: auto;
left: auto;
right: auto;
padding: 0;
border-radius: 0;
line-height: 50px;
text-transform: uppercase;
font-weight: 500;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.product-list-info .product-btn .button-cart .tooltip:after {
content: none;
}
.product-list-info .product-list-info-top {
border-bottom: 1px solid #E6E6E6;
padding-bottom: 26px;
margin-bottom: 23px;
}
.product-list-info .product-list-info-top > a {
display: inline-block;
line-height: 1.6;
font-size: 16px;
margin-bottom: 5px;
}
.product-list-info .product-btn {
display: inline-block;
float: left;
}
.product-list-info .product-btn li {
float: left;
}
.product-list-info .star-rating {
position: relative;
bottom: auto;
right: auto;
}
.product-list-info .product.compare-button {
padding: 0;
}
.list-product {
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.list-product .product-thumb {
width: 35%;
float: left;
position: relative;
}
.list-product .product-thumb .hover-image {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.list-product:hover .hover-image {
opacity: 1;
}
.list-product .product-info {
width: 65%;
float: left;
padding-left: 15px;
}
.list-product .product-info .woocommerce-loop-product__link, .list-product .product-info .product-cat {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
font-weight: 600;
}
.list-product .product-info .product-cat {
opacity: 0.5;
margin-bottom: 10px;
}
.list-product .product-info .price {
font-weight: 600;
}
.list-product .product-info .price del {
font-weight: 400;
color: #000;
}
.list-product .product-info .price ins {
text-decoration: none;
}
.list-product .product-info .star-rating {
margin-top: 10px;
}
.product-style-list-box .product-thumb {
float: left;
width: 30%;
}
.product-style-list-box .product-list-info-box {
float: left;
width: 70%;
padding-left: 15px;
}
.product-style-list-box .addtocart {
position: static;
opacity: 1;
}
.product-style-list-box .addtocart .button-cart {
color: #222;
}
.product-list-info-box .addtocart {
margin-top: 10px;
}
.product-list-info-box .addtocart .button-cart {
border: 1px solid #ccc;
border-radius: 5px;
}
.product-list-info-box .addtocart .button-cart .tooltip {
position: inherit;
font-size: 13px !important;
opacity: 1;
background: transparent;
width: auto;
height: auto;
top: auto;
left: auto;
right: auto;
padding: 0;
border-radius: 0;
text-transform: uppercase;
font-weight: 500;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.product-list-info-box .addtocart .button-cart:hover .tooltip {
color: #fff;
}
.product-list-info-box .addtocart .button-cart:hover:before {
color: #fff;
}
.category-item {
text-align: center;
}
.product-category {
position: relative;
text-align: center;
}
.product-category .hover-mask {
position: absolute;
bottom: 40px;
left: 0;
margin: 0;
padding: 8px 0;
display: inline-block;
background: rgba(255, 255, 255, 0.8);
width: 100%;
text-align: center;
text-transform: capitalize;
z-index: 9;
}
.product-category .hover-mask a {
font-size: 18px;
font-weight: 600;
}
.product-category .hover-mask p {
font-size: 14px;
margin: 0;
}
.grid-view .product-list-info {
display: none;
}
.list-view .product-thumb .product-btn {
display: none;
}
.list-view .product-info {
display: none;
}
.list-view .product-layout {
margin: 0;
}
.list-view .product-layout .product-item {
padding: 0;
width: 100%;
display: inline-block;
margin-bottom: 30px;
}
.list-view .product-layout .product-item .product-thumb {
display: inline-block;
width: 25%;
float: left;
}
.list-view .product-layout .product-item .product-list-info {
display: inline-block;
width: 75%;
float: left;
padding-left: 30px;
}
.shop-loading .product-layout {
opacity: 0;
}
.shop-loading .product-layout-wrapper > .wc-loading {
opacity: 1;
}
.product-layout-wrapper {
position: relative;
}
.product-layout-wrapper > .wc-loading {
opacity: 0;
top: 0 !important;
}
.shop-container.fullwidth {
width: 94%;
margin: 0 auto;
}
.product-list-item .product-thumb {
width: 30%;
float: left;
margin-bottom: 0;
}
.product-list-item .product-list-info {
text-align: left;
width: calc(100% - 30%);
padding-left: 40px;
float: left;
}
nav.woocommerce-pagination {
text-align: right;
float: right;
}
nav.woocommerce-pagination ul {
list-style: none;
padding: 0;
border: none;
margin: 0;
}
nav.woocommerce-pagination ul li {
display: inline-block;
border: none;
margin-right: 4px;
margin-bottom: 0;
}
nav.woocommerce-pagination ul li:last-child {
margin-right: 0;
}
nav.woocommerce-pagination ul li span, nav.woocommerce-pagination ul li a {
display: inline-block;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
}
nav.woocommerce-pagination ul li a:focus, nav.woocommerce-pagination ul li a:hover, nav.woocommerce-pagination ul li span.current {
color: white;
}
nav.woocommerce-pagination ul li .next, nav.woocommerce-pagination ul li .prev {
font-size: 0;
}
nav.woocommerce-pagination ul li .next:before, nav.woocommerce-pagination ul li .prev:before {
font-family: 'FontAweSome';
font-size: 14px;
}
nav.woocommerce-pagination ul li .next:before {
content: "\f0da";
}
nav.woocommerce-pagination ul li .prev:before {
content: "\f0d9";
}
@media screen and (max-width: 767px) {
.shop-action-bottom .woocommerce-result-count {
display: none;
}
nav.woocommerce-pagination {
text-align: center;
float: none;
}
}
#next-product a, #prev-product a {
background-color: #000000;
position: fixed;
top: 50%;
margin-top: -37px;
width: 90px;
height: 65px;
overflow: hidden;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
#next-product span, #prev-product span {
position: absolute;
top: 29px;
left: 7px;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#next-product img, #prev-product img {
max-width: 65px;
position: absolute;
right: 0;
}
#prev-product a {
left: -65px;
}
#prev-product span {
right: 10px;
left: auto;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#prev-product img {
right: auto;
left: 0;
}
#prev-product:hover a {
left: 0;
}
#next-product a {
right: -65px;
}
#next-product:hover a {
right: 0;
}
.entry-summary .varse-countdown {
display: block;
font-size: 0;
line-height: 1;
margin-bottom: 30px;
}
.entry-summary .varse-countdown > span {
margin-right: 10px;
}
.wc-single-product .badge {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
min-width: 50px;
}
.column-center .badge {
right: 35px;
left: auto;
z-index: 9;
}
.column-left .badge {
top: 20px;
right: 40px;
left: auto;
font-size: 13px;
padding: 7px 14px;
z-index: 9;
}
.column-left .badge.position-left {
right: 40px;
left: auto;
}
.column-left .badge.position-right {
left: 40px;
right: auto;
}
.extra-link {
font-weight: 600;
}
.single-product-thumbnail img {
width: 100%;
}
.single-product-thumbnail .slick-prev, .single-product-thumbnail .slick-next {
width: 35px;
height: 35px;
top: calc(50% - 18px);
bottom: auto;
border: none;
font-size: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.single-product-thumbnail .slick-prev:before, .single-product-thumbnail .slick-next:before {
font-family: 'Simple-Line-Icons';
font-size: 20px;
color: #000;
line-height: 35px;
}
.single-product-thumbnail .slick-prev::before {
content: "\e605";
}
.single-product-thumbnail .slick-next::before {
content: "\e606";
}
.single-product-thumbnail .p-thumb .slick-prev {
left: -10px;
}
.single-product-thumbnail .p-thumb .slick-next {
right: -10px;
}
.single-product-thumbnail .p-thumb:hover .slick-prev {
left: 10px;
}
.single-product-thumbnail .p-thumb:hover .slick-next {
right: 10px;
}
.single-product-thumbnail .p-nav .slick-slide img {
opacity: 0.5;
}
.single-product-thumbnail .p-nav .slick-slide.slick-current img {
opacity: 1;
}
.single-product-thumbnail.left .p-nav, .single-product-thumbnail.right .p-nav {
position: absolute;
top: 0;
width: 100px;
}
.single-product-thumbnail.left .p-nav .slick-slide:not(:last-child), .single-product-thumbnail.right .p-nav .slick-slide:not(:last-child) {
margin-bottom: 10px;
}
.single-product-thumbnail.left:not(.no-nav) .p-thumb {
margin-left: 110px;
}
.single-product-thumbnail.left .p-nav {
left: 0;
}
.single-product-thumbnail.right:not(.no-nav) .p-thumb {
margin-right: 110px;
}
.single-product-thumbnail.right .p-nav {
right: 0;
}
.single-product-thumbnail.bottom .p-nav {
margin-right: -10px;
margin-top: 10px;
}
.single-product-thumbnail.bottom .p-nav .slick-slide:not(:last-child) {
margin-right: 10px;
}
.single-product-thumbnail.bottom .p-nav .slick-prev {
left: -10px;
}
.single-product-thumbnail.bottom .p-nav .slick-next {
right: 10px;
}
.single-product-thumbnail.bottom .p-nav:hover .slick-prev {
left: 0;
}
.single-product-thumbnail.bottom .p-nav:hover .slick-next {
right: 20px;
}
.single-product-thumbnail.outside .slick-prev {
left: 10px;
}
.single-product-thumbnail.outside .slick-next {
right: 10px;
}
.single-product-thumbnail.outside:hover .slick-prev {
left: 15px;
}
.single-product-thumbnail.outside:hover .slick-next {
right: 15px;
}
.wc-single-product {
padding-bottom: 80px;
}
.wc-single-product-1.product-detail-bg {
background-color: #F0EEEF;
margin-bottom: 100px;
}
.wc-single-product-1.product-detail-bg .entry-summary {
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 30px 40px;
}
.wc-single-product-2 .p-thumb {
overflow: hidden;
}
.wc-single-product-2 .p-thumb .p-item {
float: left;
margin-bottom: 6px;
margin-right: 6px;
}
.wc-single-product-2 .p-thumb:not(.columns-full) .p-item {
width: calc(50% - 6px);
}
.product-gallery-style-1 .p-thumb .p-item {
width: calc(50% - 6px);
}
.product-gallery-style-1 .p-thumb .p-item:nth-child(2n) {
margin-right: 0;
}
.product-gallery-style-2 .p-thumb .p-item:first-child, .product-gallery-style-2 .p-thumb .p-item:nth-child(3n+1) {
width: calc(100% - 6px);
margin-right: 0;
}
.product-gallery-style-2 .p-thumb .p-item:nth-child(2n) {
margin-right: 6px;
}
.product-gallery-style-2 .p-thumb .p-item:nth-child(3n) {
margin-right: 0;
}
.product-gallery-style-3 .p-thumb .p-item:first-child {
width: calc(100% - 6px);
margin-right: 0;
}
.product-gallery-style-3 .p-thumb .p-item:nth-child(3n) {
margin-right: 0;
}
.wc-single-product-3 .p-thumb .p-item:not(:last-child) {
margin-bottom: 6px;
}
.wc-single-product-4 .p-thumb .p-item:not(:last-child) {
margin-bottom: 6px;
}
.wc-single-product-4 .woocommerce-product-rating .woocommerce-review-link:last-child {
display: none;
}
.left-sidebar .wc-single-product-4 .product_title {
font-size: 23px;
}
.wc-single-video {
position: absolute;
top: 52px;
right: 20px;
z-index: 9;
}
.wc-single-video a {
display: inline-block;
}
.wc-single-video a:before {
display: inline-block;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding-left: 5px;
color: white;
vertical-align: middle;
margin-right: 10px;
border-radius: 50%;
font-family: 'simple-line-icons';
content: "\e071";
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.product_title {
margin: 0 0 18px;
font-size: 32px;
}
.woocommerce-product-rating {
margin-bottom: 20px;
}
.woocommerce-product-rating .star-rating {
font-size: 15px;
margin: 0;
}
.woocommerce-product-rating .woocommerce-review-link {
position: relative;
font-size: 14px;
color: #666666;
line-height: 25px;
margin-left: 42px;
}
.product_meta {
padding-top: 28px;
padding-left: 0;
border-top: 1px solid #e7e7e7;
font-size: 13px;
color: #777777;
list-style: none;
}
.product_meta li {
position: relative;
padding-left: 15px;
}
.product_meta li:before {
content: "\f111";
font-family: 'FontAweSome';
position: absolute;
left: 0;
top: calc(50% - 5px);
font-size: 6px;
margin-right: 10px;
}
.product_meta a {
color: #777777;
}
.entry-summary .price {
font-size: 25px;
font-weight: 600;
color: black;
margin-bottom: 30px;
}
.entry-summary .price del {
font-weight: 400;
font-size: 20px;
color: #bbbbbb;
}
.entry-summary .price ins {
text-decoration: none;
margin-left: 20px;
}
.entry-summary .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount, .entry-summary .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price ins {
text-decoration: none;
font-weight: 600;
color: #000;
}
.entry-summary .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount {
font-weight: 400;
}
.entry-summary .product_meta > span {
width: 100%;
display: block;
}
.entry-summary .woocommerce-product-details__short-description {
padding-top: 20px;
margin-bottom: 30px;
}
.entry-summary p.stock {
font-weight: 600;
margin: 0 0 35px;
}
.entry-summary p.stock.in-stock {
color: #27ae60;
}
.entry-summary p.stock.in-stock:before {
content: '';
background: url("assets/images/icons/icon-stock.png") no-repeat center center;
width: 13px;
height: 13px;
margin-right: 10px;
display: inline-block;
}
.entry-summary p.stock.out-of-stock {
color: #ff0000;
}
.entry-summary p.stock.out-of-stock:before {
content: "\e617";
font-family: 'simple-line-icons';
position: relative;
top: 2px;
margin-right: 10px;
}
.entry-summary table.variations {
border: none;
margin-bottom: 25px;
}
.entry-summary table.variations tr {
margin-bottom: 20px;
}
.entry-summary table.variations td {
border: none;
vertical-align: middle;
padding: 0;
padding-bottom: 0px;
padding-bottom: 20px;
}
.entry-summary table.variations td:first-child {
padding-left: 0;
}
.entry-summary table.variations .label {
font-size: 100%;
margin-bottom: 0;
}
.entry-summary table.variations .label label {
margin: 0;
line-height: 45px;
display: inline-block;
font-weight: 600;
color: #000;
padding: 0;
}
.entry-summary table.variations select {
width: auto;
border: 1px solid #ebebeb;
line-height: 40px;
height: 40px;
padding: 0 35px 0 15px;
background: url("assets/images/icons/icon-down-shop-action.png") no-repeat calc(100% - 15px) center;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
float: left;
margin-right: 10px;
}
.entry-summary table.group_table {
margin-top: 0;
border: none;
border-collapse: collapse;
}
.entry-summary table.group_table tr {
border: 1px solid #ebebeb;
border-left: none;
border-right: none;
}
.entry-summary table.group_table td {
border: none;
padding: 15px;
}
.entry-summary table.group_table td:first-child {
padding-left: 0;
}
.entry-summary table.group_table label {
margin-bottom: 0;
}
.entry-summary table.group_table .price {
font-size: 17px;
margin-bottom: 0;
}
.entry-summary table.group_table .quantity {
margin: 0;
}
.entry-summary .attribute-wrap {
display: flex;
flex-wrap: wrap;
clear: both;
align-items: center;
margin-bottom: 30px;
}
.entry-summary .attribute-wrap .attribute-name {
margin: 0 20px 0 0;
font-size: inherit;
font-weight: 600;
line-height: 20px;
}
.entry-summary .attribute-wrap .imageswatch-variation {
min-width: 25px;
height: 25px;
border: 2px solid;
border-color: #cccccc;
margin-right: 10px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.entry-summary .attribute-wrap .imageswatch-variation:last-child {
margin-right: 0;
}
.entry-summary .attribute-wrap .imageswatch-variation span {
display: block;
width: 100%;
height: 100%;
border-radius: 0;
border: none;
background-position: center center;
}
.entry-summary .woocommerce-variation-price {
margin-bottom: 20px;
}
.entry-summary .quantity {
float: left;
margin: 5px 20px 0 0;
display: inline-block;
border: 1px solid #ddd;
padding: 0;
}
.entry-summary .compare.button {
color: black;
background-color: transparent !important;
background-image: none !important;
opacity: 1 !important;
font-weight: inherit;
padding: 0;
text-transform: capitalize;
padding-left: 28px;
font-size: 14px;
height: 31px;
line-height: 31px;
font-weight: 500;
}
.entry-summary .compare.button .blockOverlay {
display: none !important;
}
.entry-summary .compare.button:before {
content: "\e665";
font-size: 18px;
margin-right: 10px;
line-height: 30px;
position: absolute;
left: 0;
font-weight: 700;
}
.entry-summary .compare.button:after {
opacity: 0;
content: " " !important;
width: 16px;
height: 16px;
left: 0;
right: auto;
margin: 0;
display: inline-block;
vertical-align: middle;
border: 1px solid #000000;
border-right-color: white;
border-left-color: white;
border-radius: 50%;
position: absolute;
top: calc(50% - 8px);
border-left-color: transparent !important;
border-right-color: transparent !important;
-webkit-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-moz-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-o-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-ms-transition: right .2s ease-in-out,opacity .25s ease-in-out;
transition: right .2s ease-in-out,opacity .25s ease-in-out;
-webkit-animation: load-spin 450ms infinite linear;
animation: load-spin 450ms infinite linear;
}
.entry-summary .compare.button.loading:before {
opacity: 0;
}
.entry-summary .compare.button.loading:after {
opacity: 1;
}
.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show .text-hidden.hidden {
display: inline-block !important;
}
.entry-summary .yith-wcwl-add-to-wishlist a {
padding-left: 28px;
font-weight: 500;
}
.entry-summary .yith-wcwl-add-to-wishlist a:before {
content: "\e642";
font-size: 18px;
margin-right: 5px;
display: inline-block;
position: absolute;
left: 0;
line-height: 24px;
font-weight: 700;
}
.entry-summary .yith-wcwl-add-to-wishlist a .tooltip {
position: inherit;
opacity: 1;
font-family: inherit;
display: inline-block;
font-size: inherit;
font-weight: inherit;
}
.entry-summary .yith-wcwl-add-to-wishlist .loading a:before {
content: " " !important;
width: 16px;
height: 16px;
left: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
border: 1px solid #000000;
border-right-color: white;
border-left-color: white;
border-radius: 50%;
position: absolute;
top: calc(50% - 8px);
border-left-color: transparent !important;
border-right-color: transparent !important;
-webkit-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-moz-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-o-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-ms-transition: right .2s ease-in-out,opacity .25s ease-in-out;
transition: right .2s ease-in-out,opacity .25s ease-in-out;
-webkit-animation: load-spin 450ms infinite linear;
animation: load-spin 450ms infinite linear;
}
.cart {
margin-bottom: 30px;
}
.cart .button .fa {
margin-left: 7px;
}
.single_add_to_cart_button {
margin-top: 5px;
border: 0;
padding: 0 15px 0 45px;
line-height: 45px;
background: #363636;
color: #fff;
}
.single_add_to_cart_button:before {
position: absolute;
content: "\e615";
font-size: 25px;
padding-left: 5px;
line-height: 45px !important;
width: 45px;
height: 45px;
top: 0;
left: 0;
color: #fff;
display: inline-block;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.single_add_to_cart_button.loading:before {
width: 16px;
height: 16px;
left: 10px;
top: calc(50% - 10px);
right: auto;
border-right-color: red !important;
border-left-color: red !important;
}
.quantity input[type="number"] {
-moz-appearance: textfield;
border: none;
width: 60px;
height: 43px;
line-height: 43px;
background: none;
margin: 0 10px;
float: left;
padding: 0 5px;
margin: 0;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.quantity .qty a {
float: left;
width: 30px;
height: 43px;
background: none;
}
.quantity i {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
}
.quantity .icon-quantity-plus {
background-image: url("assets/images/icons/plus.png");
}
.quantity .icon-quantity-minus {
background-image: url("assets/images/icons/minus.png");
}
.product-detail-information {
margin-bottom: 85px;
max-width: 100% !important;
padding: 100px 0;
background: #f7f7f7;
}
.woocommerce-Tabs-panel > h2 {
display: none;
}
.woocommerce-Tabs-panel .woocommerce-Reviews-title {
display: none;
}
.tabs-layout-tabs .wc-tabs {
padding: 0;
list-style: none;
margin: 0px;
text-align: center;
}
.tabs-layout-tabs .wc-tabs > li {
display: inline-block;
position: relative;
padding: 0 25px;
margin-bottom: 0px;
border-bottom: none;
margin: 0px 10px;
margin-bottom: -2px;
z-index: 99;
border-bottom: 2px solid transparent;
}
.tabs-layout-tabs .wc-tabs > li > a {
display: inline-block;
padding: 16px 0;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #777777;
}
.tabs-layout-tabs .wc-accordion-content, .tabs-layout-tabs .tab-content {
position: relative;
border-top: 2px solid #ebebeb;
padding-top: 30px;
}
.tabs-layout-tabs .yikes-custom-woo-tab-title, .tabs-layout-tabs .woocommerce-Reviews-title {
display: none;
}
.tabs-layout-tabs .woocommerce-Reviews, .tabs-layout-tabs #tab-additional_information .shop_attributes {
width: 60%;
margin: 0 auto;
}
.tabs-layout-accordion .varse-tab-wrapper {
border-bottom: 1px solid #EBEBEB;
}
.varse-accordion-title {
font-size: 19px;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
padding: 14px 0;
}
.varse-accordion-title:after {
content: "\e604";
font-family: 'simple-line-icons';
margin-left: 8px;
font-size: 11px;
position: relative;
top: -1px;
}
#tab-additional_information .shop_attributes th, #tab-additional_information .shop_attributes td {
padding: 15px 0;
}
#tab-additional_information .shop_attributes th {
text-align: left;
}
#tab-additional_information .shop_attributes td {
text-align: right;
}
#tab-additional_information .shop_attributes tr:last-child td, #tab-additional_information .shop_attributes tr:last-child th {
border-bottom: none;
}
#tab-additional_information .shop_attributes p {
margin-bottom: 0;
}
.upsell-products {
margin-bottom: 40px;
}
.related-product .product-style-1 {
margin-bottom: 0;
}
/** ------------------------------------------------------------------------------------------------ * WISHLIST * ------------------------------------------------------------------------------------------------ */
.yith-wcwl-add-to-wishlist {
position: relative;
margin-top: 0;
padding: 0;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
display: none !important;
height: 0 !important;
width: 0 !important;
}
.yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.yith-wcwl-add-to-wishlist .clear, .yith-wcwl-add-to-wishlist + .clear {
display: none;
}
.woocommerce table.wishlist_table {
font-size: 100%;
}
.woocommerce table.wishlist_table.cart {
margin: 0;
}
.woocommerce table.wishlist_table {
font-size: 100%;
}
.woocommerce table.wishlist_table td, .woocommerce table.wishlist_table th {
text-align: center;
}
.woocommerce table.wishlist_table .product-name a {
font-weight: 400;
}
.woocommerce table.wishlist_table a.button {
height: 40px;
line-height: 40px;
font-weight: 500;
padding: 0 20px;
color: white;
}
.woocommerce table.wishlist_table a.button:hover, .woocommerce table.wishlist_table a.button:focus {
color: white !important;
}
.woocommerce table.wishlist_table a.button.loading {
font-size: 0;
}
.woocommerce table.wishlist_table a.button.loading:before {
border-color: white;
}
.woocommerce table.wishlist_table a.button:before {
content: none;
}
.wishlist_table tr td.product-thumbnail a {
display: inherit;
max-width: 100%;
}
.wishlist_table tr td.product-thumbnail a img {
max-width: 85px;
margin: 0 auto;
}
.wishlist-title h2 {
margin-top: 0;
padding: 0;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 20px;
}
.login-hidden {
display: none;
}
#customer_login h2 {
text-transform: uppercase;
font-size: 23px;
margin-bottom: 15px;
}
.shop_table tr td:last-child, .shop_table tr th:last-child {
text-align: right;
}
.woocommerce-my-account-wrapper {
display: flex;
flex-direction: row;
align-items: stretch;
}
.woocommerce-MyAccount-navigation {
flex: 1 0 20%;
max-width: 20%;
width: 20%;
border-right: 1px solid rgba(129, 129, 129, 0.2);
padding-right: 30px;
padding-top: 20px;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-content {
flex: 1 0 80%;
max-width: 80%;
width: 80%;
padding-left: 30px;
padding-right: 30px;
}
.woocommerce-MyAccount-content .button.view {
color: white;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table {
margin-top: 0;
}
.shop_table th {
text-transform: uppercase;
}
.shop_table .product-thumbnail img {
max-width: 90px;
}
.shop_table .product-remove {
font-size: 30px;
}
.shop_table .product-quantity .quantity {
display: inline-block;
float: none;
margin-right: 0;
}
.shop_table .woocommerce-Price-amount {
font-weight: 600;
color: black;
}
.shop_table .woocommerce-Price-amount del {
font-weight: 400;
font-size: 14px;
margin-right: 10px;
color: rgba(0, 0, 0, 0.5);
}
.shop_table .woocommerce-Price-amount ins {
text-decoration: none;
}
.cart-actions {
text-align: right;
display: flex;
flex-direction: row;
align-items: stretch;
}
.cart-actions:after, .cart-actions:before {
content: none;
}
.cart-actions > div {
flex: 1 1 auto;
width: auto;
}
.cart-actions .coupon {
display: flex;
align-items: center;
flex-direction: row;
}
.cart-actions .coupon label {
display: none;
}
.cart-actions .coupon .input-text {
max-width: 230px;
margin-right: 10px;
}
.cart-content-wrapper .cart-totals-section {
margin-top: 40px;
width: 100%;
}
.cart-totals-inner {
border: 2px solid #EFEFEF;
padding: 25px;
}
.cart-totals-inner h2 {
font-size: 22px;
margin-bottom: 5px;
padding-left: 6px;
text-transform: uppercase;
}
.cart-totals-inner table {
margin-bottom: 10px;
}
.cart-totals-inner table tr:last-child th, .cart-totals-inner table tr:last-child td {
border-bottom: none;
}
.cart-totals-inner table .cart-subtotal .amount {
font-weight: normal;
}
.cart-totals-inner .woocommerce-shipping-calculator {
margin-top: 10px;
}
.cart-totals-inner .woocommerce-shipping-calculator > p {
margin-bottom: 0;
}
.cart-totals-inner .shipping-calculator-form {
margin-top: 20px;
text-align: left;
}
.cross-sells {
clear: both;
padding-top: 25px;
}
.cross-sells .addon-title .title {
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
table.shop_table_responsive tr td, table.wishlist_table tr td {
display: block;
clear: both;
overflow: hidden;
}
table.shop_table_responsive tbody th, table.shop_table_responsive thead, table.shop_table_responsive tr td.product-thumbnail::before, table.wishlist_table tbody th, table.wishlist_table thead, table.wishlist_table tr td.product-thumbnail::before {
display: none;
}
table.shop_table_responsive tr td:before {
content: attr(data-title) ": ";
font-weight: 600;
float: left;
color: #222;
}
table.shop_table_responsive tr td:not(.product-quantity) {
text-align: right;
}
table.shop_table_responsive tr td.product-remove:before, table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.product-thumbnail:before, table.wishlist_table tr td.product-remove:before, table.wishlist_table tr td.actions:before {
content: '';
}
table.shop_table_responsive tr td.product-thumbnail, table.wishlist_table tr td.product-thumbnail {
text-align: center;
}
table.shop_table_responsive .product-quantity .quantity {
float: right;
}
.woocommerce-cart-form .actions .coupon, .woocommerce-cart-form .actions .button {
float: none;
display: inherit;
}
.woocommerce-cart-form .actions .coupon label {
text-align: center;
width: 100%;
display: inline-block;
}
.woocommerce-cart-form .actions .coupon input {
width: 100%;
display: block;
margin: 10px 0 0;
}
.woocommerce-cart-form .actions input.button {
width: 100%;
margin-top: 10px;
}
.cart-collaterals .cross-sells, .cart-collaterals .cart_totals {
width: 100%;
}
}
.checkout-order-review {
position: relative;
background-color: #f8f8f8;
padding: 30px;
margin-bottom: 40px;
}
.checkout-order-review table {
background: white;
}
.wc_payment_methods .payment_box {
position: relative;
margin-top: 10px;
margin-bottom: 20px;
padding: 15px 15px;
background-color: white;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}
.wc_payment_methods .payment_box:before {
content: '\f0d8';
font-family: 'FontAweSome';
position: absolute;
top: -4px;
line-height: 0;
left: 25px;
color: white;
font-size: 32px;
}
.woocommerce-invalid .select2-container--default .select2-selection--single, .woocommerce-invalid input:not(:focus) {
border-color: #ca1919;
}
.payment_methods .payment_method_paypal a {
margin-left: 15px;
text-decoration: underline;
font-weight: 400;
}
.wc-terms-and-conditions {
padding-top: 20px;
border-top: 1px solid rgba(129, 129, 129, 0.2);
margin-bottom: 40px !important;
}
.wc-terms-and-conditions .checkbox input[type="checkbox"] {
position: inherit;
margin-left: 0;
}
.wc-terms-and-conditions label {
font-weight: 400;
margin: 0;
line-height: 1.2;
}
.woocommerce-checkout h3 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 30px;
}
.woocommerce-checkout ul.wc_payment_methods {
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.woocommerce-checkout ul.wc_payment_methods label {
font-weight: 400;
}
.woocommerce-checkout .checkout_coupon {
margin-bottom: 40px;
}
.woocommerce-checkout .checkout_coupon .form-row {
margin-bottom: 20px;
}
.woocommerce-additional-fields {
margin-top: 40px;
}
.select2-container--default .select2-selection--single {
border-radius: 0;
background-color: transparent;
border: 1px solid #E6E6E6;
padding: 0 15px;
height: 45px;
line-height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
display: inline;
padding-left: 0;
padding-right: 0;
color: #777;
line-height: 1.4;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 9px;
right: 10px;
}
.form-row {
margin-bottom: 20px;
}
.required {
color: #E01020;
}
body.woocommerce-checkout .woocommerce > .woocommerce-info {
background-color: transparent;
padding: 0;
color: #2d2a2a;
}
body.woocommerce-checkout .woocommerce > .woocommerce-info a {
text-decoration: underline;
}
.checkout_coupon {
padding: 30px 25px 10px 25px;
text-align: center;
border: 2px dashed #ddd;
max-width: 450px;
}
.checkout_coupon .form-row-first, .checkout_coupon .form-row-last {
float: none;
width: auto;
display: inline-block;
}
.woocommerce-order {
text-align: center;
}
.wc-bacs-bank-details-heading, .woocommerce-order-details__title, .woocommerce-customer-details > h2 {
font-size: 20px;
text-transform: uppercase;
}
.woocommerce-order-details {
margin-top: 50px;
}
.woocommerce-order-details .responsive-table {
margin-bottom: 50px;
}
.woocommerce-order-details address, .woocommerce-order-details .woocommerce-column__title {
text-align: left;
}
.woocommerce-thankyou-order-details, .wc-bacs-bank-details {
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}
.woocommerce-thankyou-order-details li, .wc-bacs-bank-details li {
flex: 1 0 auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
border-right: 1px solid rgba(129, 129, 129, 0.2);
text-align: center;
}
.woocommerce-thankyou-order-details li:last-child, .wc-bacs-bank-details li:last-child {
border-right: none;
}
.woocommerce-thankyou-order-details strong, .wc-bacs-bank-details strong {
display: block;
margin-top: 10px;
color: #000000;
}
.woocommerce-thankyou-order-details .amount, .wc-bacs-bank-details .amount {
color: #000000;
}
.woocommerce-bacs-bank-details {
margin-top: 40px;
margin-bottom: 40px;
}
ul#shipping_method {
list-style: none;
}
ul#shipping_method li {
display: flex;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active::after {
right: 0;
left: auto;
border-width: 7px 7px 7px 0;
margin-top: -7px;
}
.dokan-dashboard-wrap .dokan-dash-sidebar {
background-color: transparent;
}
.dokan-dashboard-wrap input, .dokan-dashboard-wrap select.dokan-form-control {
border: 1px solid #ededed;
padding: 0 15px;
background-image: none;
height: 35px;
}
.dokan-dashboard-wrap ins {
background-color: inherit;
}
.dokan-form-group {
margin-bottom: 15px !important;
}
.seller-rating .star-rating {
display: block;
margin-bottom: 10px;
}
.dokan-seller-listing .dokan-seller-search-form {
width: 447px;
}
.dokan-seller-listing .dokan-seller-search-form input#search {
border-color: rgba(129, 129, 129, 0.2) !important;
border-radius: 0 !important;
width: 100%;
}
.pagination-wrap ul.pagination > li > a {
color: #000;
}
.pagination-wrap ul.pagination > li > span, .pagination-wrap ul.pagination > li > a, .pagination-wrap ul.pagination > li > span.page-numbers {
border-radius: 0;
}
.dokan-product-listing .dokan-product-listing-area table.product-listing-table td {
vertical-align: middle;
}
.dokan-single-store .dokan-store-tabs ul li {
margin-bottom: 0;
}
.dokan-message, .dokan-info, .dokan-error {
color: white;
border-radius: 0;
border: none;
}
input[type="submit"].dokan-btn, a.dokan-btn, .dokan-btn {
border: none;
border-radius: 0;
color: white;
height: 35px;
line-height: 35px;
padding: 0 15px;
}
input[type="submit"].dokan-btn:hover, input[type="submit"].dokan-btn:focus, a.dokan-btn:hover, a.dokan-btn:focus, .dokan-btn:hover, .dokan-btn:focus {
opacity: 0.8;
color: white;
}
.dokan-store-info {
margin-bottom: 0;
}
.dokan-store-info > li {
margin-bottom: 0;
}
.dokan-category-menu {
border: none;
}
.dokan-category-menu h3.widget-title {
background: none;
padding: 0 0 7px 0;
color: #000000;
border: none;
}
.dokan-store-sidebar #dokan-store-location {
width: 100%;
height: 200px;
}
.dokan-single-store .profile-frame-no-banner .store-name {
margin-bottom: 10px;
}
.dokan-single-store .profile-frame-no-banner .profile-info-summery {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.dokan-single-store .profile-frame-no-banner .profile-info-head {
margin-left: 10px;
margin-top: 10px;
}
.dokan-single-store .profile-frame-no-banner .profile-info {
flex-basis: 600px;
}
.dokan-single-store .profile-frame-no-banner .profile-layout-layout3 .profile-img img {
width: auto !important;
height: auto !important;
max-width: 150px !important;
}
.dokan-single-store .profile-frame-no-banner .dokan-store-info > li.dokan-store-rating {
float: left !important;
}
.dokan-single-store .profile-frame-no-banner .dokan-store-info > li:before {
display: none;
}
.dokan-single-store .profile-frame-no-banner .dokan-store-info:after {
content: "";
display: block;
clear: both;
width: 100%;
}
.dokan-single-store .profile-frame-no-banner .store-social-wrapper {
margin-top: 10px;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper, .dokan-single-store .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper {
height: auto !important;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .dokan-store-info li:last-child, .dokan-single-store .profile-info-box.profile-layout-layout2 .dokan-store-info li:last-child {
padding-bottom: 0 !important;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
height: auto !important;
position: relative !important;
top: auto !important;
margin-top: -55px;
margin-bottom: 20px;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery > div {
float: none !important;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-head {
margin-left: 5px;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info {
flex-basis: 450px;
}
.dokan-single-store .profile-info-box.profile-layout-layout2 .profile-img {
margin-top: -75px;
}
.dokan-single-store .profile-info-box.profile-layout-layout2 .profile-info {
margin-bottom: 20px;
}
.dokan-single-store .profile-info-box.profile-layout-layout2 .profile-info-head, .dokan-single-store .profile-info-box.profile-layout-layout2 .profile-info, .dokan-single-store .profile-info-box.profile-layout-layout2 .store-name, .dokan-single-store .profile-info-box.profile-layout-layout2 .dokan-store-info, .dokan-single-store .profile-info-box.profile-layout-layout2 .store-social-wrapper {
position: static !important;
}
.admin-bar .cartSidebarWrap {
top: 32px;
}
.cartSidebarWrap {
position: fixed;
background-color: white;
right: 0;
top: 0;
width: 320px;
height: 100%;
z-index: 9999;
box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.cartSidebarWrap .cart_wrap_content {
position: relative;
width: 100%;
height: 100%;
background-color: #000;
overflow: auto;
}
.cartSidebarWrap .cart-sidebar-header {
border-bottom: 1px solid #3d3d3d;
padding: 0 20px;
}
.cartSidebarWrap .cart-sidebar-header .cart-sidebar-title {
text-transform: uppercase;
font-weight: 600;
line-height: 55px;
font-size: 15px;
color: #aaa;
}
.cartSidebarWrap .cart-sidebar-header .close-cart {
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
margin-right: 15px;
}
.cartSidebarWrap .cart-sidebar-header .close-cart i {
font-size: 18px;
line-height: 18px;
margin-top: 20px;
display: inline-block;
}
.cartSidebarWrap .cart-sidebar-header .close-cart i:before {
line-height: 0;
color: #aaa;
font-size: 30px;
display: inline-block;
}
.cartSidebarWrap .widget_shopping_cart_content {
padding: 30px 20px 50px;
height: calc(100% - 56px);
}
.cartSidebarWrap .cart-bottom-box {
padding-bottom: 50px;
}
.cartSidebarWrap .cart-bottom-box .total {
font-weight: 500;
font-size: 17px;
display: block;
padding: 25px 0;
border-top: 1px solid #3d3d3d;
margin: 0;
font-size: 16px;
}
.has-toggle-cart-sidebar #sidebar-open-overlay {
opacity: 1;
visibility: visible;
}
.has-toggle-cart-sidebar .cartSidebarWrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.header-cart.toggle-sidebar .dropdown-menu {
display: none;
}
.variation-attr {
position: absolute;
bottom: 0;
right: 0;
z-index: 99;
line-height: 30px;
}
.variation-attr .variation-attr_color .p-attr-color {
cursor: pointer;
width: 14px;
height: 14px;
display: inline-block;
margin: 0 2px;
border-radius: 100%;
vertical-align: middle;
line-height: 16px;
}
.variation-attr .variation-attr_image .p-attr-image {
cursor: pointer;
max-width: 25px;
display: block;
margin: 5px 0 0;
vertical-align: top;
}
.tawcvs-swatches {
float: left;
}
.reset_variations {
float: left;
line-height: 30px;
padding: 0 20px;
margin-top: 5px;
background: #363636;
color: #fff;
}
.reset_variations:hover {
color: #fff;
}
.tawcvs-swatches span {
border-radius: 0 !important;
}
.tawcvs-swatches span.swatch-label {
width: auto !important;
min-width: 30px;
padding: 0 5px;
}
/* --------------------------------------------- 11. ELEMENTS ------------------------------------------ */
.addon-title {
font-size: 16px;
}
.addon-title .description {
margin-bottom: 35px;
}
.addon-title .title {
display: inline-block;
position: relative;
margin-bottom: 10px;
font-size: 30px;
}
.addon-title .subtitle {
font-weight: 600;
}
.addon-title .subtitle.style-background {
line-height: 1.2;
padding: 6px 10px;
display: inline-block;
}
.addon-title .line-wrap {
display: block;
position: relative;
}
.addon-title .left-line, .addon-title .right-line {
display: none;
}
.addon-title.line-bottom-big h3:before, .addon-title.line-bottom-small h3:before {
content: "";
width: 40px;
height: 4px;
position: absolute;
bottom: 0;
}
.addon-title.line-bottom-right h3:before {
content: "";
width: 40px;
height: 4px;
position: absolute;
bottom: 10px;
right: -50px;
left: auto !important;
}
.addon-title.line-bottom-right.text-center h3:before {
display: none;
}
.addon-title.line-bottom-right.text-right h3:before {
left: -50px !important;
right: auto !important;
}
.addon-title.line-bottom-small h3:before {
height: 2px;
width: 50%;
}
.addon-title.line-bottom-none .title, .addon-title.line-bottom-right .title {
padding-bottom: 0 !important;
}
.title-size-smallest {
margin-bottom: 25px;
}
.title-size-smallest .title {
font-size: 18px;
}
.title-size-smallest .title:before {
display: none;
}
.title-size-smallest .subtitle {
font-size: 12px;
}
.title-size-smallest .description {
font-size: 13px;
margin-top: 5px;
}
.title-size-small {
margin-bottom: 40px;
}
.title-size-small .title {
font-size: 24px;
padding-bottom: 20px;
letter-spacing: 6px;
text-transform: uppercase;
}
.title-size-small .title:before {
background-color: #000 !important;
}
.title-size-small .subtitle {
font-size: 12px;
}
.title-size-small .description {
font-size: 13px;
margin-top: 5px;
}
.title-size-medium {
margin-bottom: 35px;
}
.title-size-medium .title {
font-size: 32px;
padding-bottom: 15px;
}
.title-size-medium .subtitle {
font-size: 14px;
}
.title-size-medium .description {
margin-top: 12px;
}
.title-size-large {
margin-bottom: 40px;
}
.title-size-large .title {
font-size: 48px;
padding-bottom: 40px;
}
.title-size-large .subtitle {
font-size: 16px;
}
.title-size-large .description {
margin-top: 20px;
}
.title-size-extra-large {
margin-bottom: 50px;
}
.title-size-extra-large .title {
font-size: 60px;
letter-spacing: -1.5px;
padding-bottom: 23px;
}
.title-size-extra-large .subtitle {
font-size: 18px;
}
.title-size-extra-large .description {
margin-top: 25px;
}
.title-color-default .subtitle.style-background {
color: #333;
background-color: #f4f4f4;
}
.title-color-primary .title.style-background, .title-color-primary .subtitle.style-background {
color: white;
}
.title-color-primary .description {
color: #989898;
}
.title-color-black .subtitle {
color: #000000;
}
.title-color-black .subtitle.style-background {
color: white;
background-color: #333333;
}
.title-color-black .description {
color: #000000;
}
.title-color-white .subtitle {
color: rgba(255, 255, 255, 0.8);
}
.title-color-white .subtitle.style-background {
color: #212121;
background-color: rgba(255, 255, 255, 0.8);
}
.title-color-white .description {
color: rgba(255, 255, 255, 0.8);
}
.title-color-white .title {
color: white;
}
.text-left .title:before {
left: 0;
}
.text-right .title:before {
right: 0;
}
@media screen and (max-width: 767px) {
.title-size-large .title {
font-size: 30px;
}
.title-size-extra-large .title {
font-size: 45px;
}
.addon-title .title {
width: 100% !important;
}
#footer-wrapper .addon-title {
font-size: 16px;
}
}
.banner-box {
cursor: pointer;
overflow: hidden;
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.banner-box img {
width: 100%;
-webkit-transition: transform 1s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1s cubic-bezier(0, 0, 0.44, 1.18);
-moz-transition: transform 1s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1s cubic-bezier(0, 0, 0.44, 1.18);
transition: transform 1s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1s cubic-bezier(0, 0, 0.44, 1.18);
}
.banner-box .banner-text {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 9;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 30px;
font-size: 16px;
}
.banner-box .banner-inner {
width: 100%;
}
.banner-box p {
font-size: 1em;
line-height: 1.4;
display: inline-block;
margin: 0;
}
.banner-box.bg-bottom .banner-text {
top: auto;
bottom: 30px;
height: auto;
background: rgba(255, 255, 255, 0.85);
padding: 15px 20px;
}
.banner-box.bottom .banner-text {
top: auto;
bottom: 60px;
height: auto;
}
.banner-box.bottom .content {
display: inherit;
}
.banner-box.bottom .banner-inner {
display: inherit;
}
.banner-box.pa-bg .title p {
background: white;
padding: 8px 30px;
display: inline-block;
}
.banner-box .button-banner-wrapper {
margin: 30px 0 0;
}
.banner-box .button-banner-wrapper a {
border-bottom: 2px solid #333;
font-weight: 600;
padding-bottom: 5px;
}
.banner-box.box-content-hidden .title {
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
.banner-box.box-content-hidden .subtitle {
opacity: 0;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
}
.banner-box.box-content-hidden .subsubtitle {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
.banner-box.box-content-hidden .button-banner-wrapper {
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
.banner-box.box-content-hidden:hover .title, .banner-box.box-content-hidden:hover .subtitle, .banner-box.box-content-hidden:hover .subsubtitle, .banner-box.box-content-hidden:hover .button-banner-wrapper {
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
.content-width-10 {
max-width: 10%;
}
.content-width-20 {
max-width: 20%;
}
.content-width-30 {
max-width: 30%;
}
.content-width-40 {
max-width: 40%;
}
.content-width-50 {
max-width: 50%;
}
.content-width-60 {
max-width: 60%;
}
.content-width-70 {
max-width: 70%;
}
.content-width-80 {
max-width: 80%;
}
.content-width-90 {
max-width: 90%;
}
.content-width-100 {
max-width: 100%;
}
.banner-vertical-middle .banner-text {
justify-content: center;
}
.banner-vertical-bottom .banner-text {
justify-content: flex-end;
}
.type-title-1 p {
padding: 10px 20px;
background: rgba(255, 255, 255, 0.9);
}
.type-title-2 p {
padding: 10px 20px;
background: rgba(0, 0, 0, 0.9);
}
.type-title-3 p {
border-bottom: 2px solid #000;
}
.button-type-buton a {
padding: 10px 30px;
border-radius: 20px;
}
.button-type-buton a:hover {
border-radius: 0;
}
.button-type-border a {
color: #fff;
padding: 10px 30px;
border-radius: 20px;
}
.button-type-border a:hover {
border-radius: 0;
}
@media screen and (max-width: 767px) {
.banner-box .banner-text {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
.banner-box .banner-text {
font-size: 12px;
}
}
.varse-button-wrapper {
position: relative;
z-index: 9;
}
.varse-button-wrapper a {
display: inline-block;
border-color: #888;
color: #444;
}
.varse-button-wrapper a:hover, .varse-button-wrapper a:focus {
color: #fff;
}
.button-color-blue a, .button-color-hover-blue a:hover {
color: #5472d2 !important;
}
.button-color-turquoise a, .button-color-hover-turquoise a:hover {
color: #00c1cf !important;
}
.button-color-pink a, .button-color-hover-pink a:hover {
color: #fe6c61 !important;
}
.button-color-violet a, .button-color-hover-violet a:hover {
color: #8d6dc4 !important;
}
.button-color-peacoc a, .button-color-hover-peacoc a:hover {
color: #4cadc9 !important;
}
.button-color-chino a, .button-color-hover-chino a:hover {
color: #cec2ab !important;
}
.button-color-mulled-wine a, .button-color-hover-mulled-wine a:hover {
color: #50485b !important;
}
.button-color-vista-blue a, .button-color-hover-vista-blue a:hover {
color: #75d69c !important;
}
.button-color-black a, .button-color-hover-black a:hover {
color: #2a2a2a !important;
}
.button-color-grey a, .button-color-hover-grey a:hover {
color: #ebebeb !important;
}
.button-color-orange a, .button-color-hover-orange a:hover {
color: #f7be68 !important;
}
.button-color-sky a, .button-color-hover-sky a:hover {
color: #5aa1e3 !important;
}
.button-color-green a, .button-color-hover-green a:hover {
color: #6dab3c !important;
}
.button-color-juicy-pink a, .button-color-hover-juicy-pink a:hover {
color: #f4524d !important;
}
.button-color-sandy-brown a, .button-color-hover-sandy-brown a:hover {
color: #f79468 !important;
}
.button-color-purple a, .button-color-hover-purple a:hover {
color: #b97ebb !important;
}
.button-color-white a, .button-color-hover-white a:hover {
color: #fff !important;
}
.button-color-text-body a, .button-color-hover-text-body a:hover {
color: #888 !important;
}
.background-color-blue a, .background-color-hover-blue a:hover {
background: #5472d2 !important;
}
.background-color-turquoise a, .background-color-hover-turquoise a:hover {
background: #00c1cf !important;
}
.background-color-pink a, .background-color-hover-pink a:hover {
background: #fe6c61 !important;
}
.background-color-violet a, .background-color-hover-violet a:hover {
background: #8d6dc4 !important;
}
.background-color-peacoc a, .background-color-hover-peacoc a:hover {
background: #4cadc9 !important;
}
.background-color-chino a, .background-color-hover-chino a:hover {
background: #cec2ab !important;
}
.background-color-mulled-wine a, .background-color-hover-mulled-wine a:hover {
background: #50485b !important;
}
.background-color-vista-blue a, .background-color-hover-vista-blue a:hover {
background: #75d69c !important;
}
.background-color-black a, .background-color-hover-black a:hover {
background: #2a2a2a !important;
}
.background-color-grey a, .background-color-hover-grey a:hover {
background: #ebebeb !important;
}
.background-color-orange a, .background-color-hover-orange a:hover {
background: #f7be68 !important;
}
.background-color-sky a, .background-color-hover-sky a:hover {
background: #5aa1e3 !important;
}
.background-color-green a, .background-color-hover-green a:hover {
background: #6dab3c !important;
}
.background-color-juicy-pink a, .background-color-hover-juicy-pink a:hover {
background: #f4524d !important;
}
.background-color-sandy-brown a, .background-color-hover-sandy-brown a:hover {
background: #f79468 !important;
}
.background-color-purple a, .background-color-hover-purple a:hover {
background: #b97ebb !important;
}
.background-color-white a, .background-color-hover-white a:hover {
background: #fff !important;
}
.background-color-text-body a, .background-color-hover-text-body a:hover {
background: #888 !important;
}
.border-color-blue a, .border-color-hover-blue a:hover {
border-color: #5472d2 !important;
}
.border-color-turquoise a, .border-color-hover-turquoise a:hover {
border-color: #00c1cf !important;
}
.border-color-pink a, .border-color-hover-pink a:hover {
border-color: #fe6c61 !important;
}
.border-color-violet a, .border-color-hover-violet a:hover {
border-color: #8d6dc4 !important;
}
.border-color-peacoc a, .border-color-hover-peacoc a:hover {
border-color: #4cadc9 !important;
}
.border-color-chino a, .border-color-hover-chino a:hover {
border-color: #cec2ab !important;
}
.border-color-mulled-wine a, .border-color-hover-mulled-wine a:hover {
border-color: #50485b !important;
}
.border-color-vista-blue a, .border-color-hover-vista-blue a:hover {
border-color: #75d69c !important;
}
.border-color-black a, .border-color-hover-black a:hover {
border-color: #2a2a2a !important;
}
.border-color-grey a, .border-color-hover-grey a:hover {
border-color: #ebebeb !important;
}
.border-color-orange a, .border-color-hover-orange a:hover {
border-color: #f7be68 !important;
}
.border-color-sky a, .border-color-hover-sky a:hover {
border-color: #5aa1e3 !important;
}
.border-color-green a, .border-color-hover-green a:hover {
border-color: #6dab3c !important;
}
.border-color-juicy-pink a, .border-color-hover-juicy-pink a:hover {
border-color: #f4524d !important;
}
.border-color-sandy-brown a, .border-color-hover-sandy-brown a:hover {
border-color: #f79468 !important;
}
.border-color-purple a, .border-color-hover-purple a:hover {
border-color: #b97ebb !important;
}
.border-color-white a, .border-color-hover-white a:hover {
border-color: #fff !important;
}
.border-color-text-body a, .border-color-hover-text-body a:hover {
border-color: #888 !important;
}
.border-color-primary a, .border-color-hover-primary a:hover {
border-color: #ff8969 !important;
}
.varse-promo-bar {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.3;
}
.varse-promo-bar p {
margin-bottom: 0;
}
.portfolio-container {
margin-top: 93px;
margin-bottom: 100px;
}
.portfolio-container.fullwidth {
width: 94%;
margin: 50px auto;
}
.portfolio-container .varse-pagination {
margin-top: 30px;
}
.portfolio-filter > a {
color: #777;
position: relative;
margin: 0 20px;
border: none;
font-size: 17px;
font-weight: 600;
text-transform: uppercase;
}
.portfolio-filter > a:before {
content: '';
width: 0;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.portfolio-filter > a.selected:before {
width: 100%;
}
.portfolio-thumbnail a:not(.enlarge):after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.portfolio-thumbnail img {
width: 100%;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.portfolio-thumbnail .enlarge {
position: absolute;
right: 0;
top: 0;
color: white;
width: 35px;
height: 35px;
text-align: center;
opacity: 0;
z-index: 9;
}
.portfolio-thumbnail .enlarge i {
line-height: 35px;
}
.portfolio-category {
overflow: hidden;
-webkit-transition: all 650ms;
-moz-transition: all 650ms;
-o-transition: all 650ms;
transition: all 650ms;
line-height: 1.6;
}
.portfolio-title {
font-size: 18px;
margin: 0;
line-height: 30px;
overflow: hidden;
font-weight: 500;
-webkit-transition: all 650ms;
-moz-transition: all 650ms;
-o-transition: all 650ms;
transition: all 650ms;
}
.portfolio-item:hover .portfolio-thumbnail img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.portfolio-item:hover .portfolio-thumbnail a:after {
opacity: 1;
}
.portfolio-item:hover .portfolio-thumbnail .enlarge {
opacity: 1;
}
.portfolio-default .portfolio-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 2;
display: flex;
flex-direction: column;
align-items: stretch;
padding: 30px;
justify-content: center;
text-align: center;
}
.portfolio-default .portfolio-category {
color: white;
opacity: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.portfolio-default .portfolio-category a {
color: white;
}
.portfolio-default .portfolio-title {
opacity: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
.portfolio-default .portfolio-title a {
color: white;
}
.portfolio-default:hover .portfolio-thumbnail img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.portfolio-default:hover .portfolio-thumbnail a:after {
opacity: 1;
}
.portfolio-default:hover .portfolio-category {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.portfolio-default:hover .portfolio-title {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.portfolio-hover-inverse {
overflow: hidden;
}
.portfolio-hover-inverse .portfolio-content {
text-align: center;
padding: 10px 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: black;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms;
}
.portfolio-hover-inverse .portfolio-category {
color: white;
}
.portfolio-hover-inverse .portfolio-category a {
color: white;
}
.portfolio-hover-inverse .portfolio-title a {
color: white;
}
.portfolio-hover-inverse:hover .portfolio-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.portfolio-hover-inverse:hover .portfolio-thumbnail img {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
.portfolio-text-under-image .portfolio-content {
padding: 15px 0;
}
.portfolio-text-under-image-shadow .portfolio-content {
text-align: center;
padding: 15px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}
.vc_row-no-padding .instagram-pic-wrapper .owl-theme .owl-nav .owl-prev {
left: -22px;
}
.vc_row-no-padding .instagram-pic-wrapper .owl-theme .owl-nav .owl-next {
right: -22px;
}
.vc_row-no-padding .instagram-pic-wrapper .owl-theme:hover .owl-nav .owl-prev {
left: 0;
}
.vc_row-no-padding .instagram-pic-wrapper .owl-theme:hover .owl-nav .owl-next {
right: 0;
}
.instagram-pic-wrapper .instagram-content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin-bottom: 10px;
display: flexbox;
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
}
.instagram-pic-wrapper .instagram-content-inner {
z-index: 5;
background: none;
max-width: 300px;
width: 100%;
width: 11.111%;
height: 100%;
padding: 0 5px;
overflow: hidden;
}
.instagram-pic-wrapper .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 30px;
}
.instagram-pic-wrapper .item {
float: left;
}
.instagram-pic-wrapper .instagram-carousel .item {
float: none;
}
.instagram-picture:before {
content: "\f16d";
font-family: 'FontAweSome';
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
opacity: 0;
color: white;
font-size: 30px;
-webkit-transform: translate3D(-50%, -50%, 0);
-moz-transform: translate3D(-50%, -50%, 0);
-o-transform: translate3D(-50%, -50%, 0);
transform: translate3D(-50%, -50%, 0);
margin-top: -20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.instagram-picture:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.instagram-picture > a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
}
.instagram-picture .hover-mask {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
padding: 15px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.instagram-picture .instagram-like, .instagram-picture .instagram-comment {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
color: white;
font-weight: normal;
font-size: 17px;
vertical-align: middle;
line-height: 1;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.instagram-picture .instagram-like:before, .instagram-picture .instagram-like span, .instagram-picture .instagram-comment:before, .instagram-picture .instagram-comment span {
vertical-align: middle;
}
.instagram-picture .instagram-like:before, .instagram-picture .instagram-comment:before {
margin-right: 5px;
display: inline-block;
font-weight: 400;
font-size: 20px;
}
.instagram-picture .instagram-like {
text-align: left;
}
.instagram-picture .instagram-comment {
text-align: right;
}
.instagram-picture:hover .hover-mask {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.instagram-picture:hover:before {
margin-top: 0;
}
.instagram-picture:hover:before, .instagram-picture:hover:after {
opacity: 1;
}
.instagram-rounded .instagram-picture {
border-radius: 50%;
}
.instagram-rounded .hover-mask {
top: 0;
display: none;
}
.instagram-rounded .instagram-like, .instagram-rounded .instagram-comment {
max-width: 50%;
width: auto;
padding-left: 15px;
padding-right: 15px;
}
.instagram-rounded .instagram-like {
text-align: right;
}
.instagram-rounded .instagram-comment {
text-align: left;
}
@media screen and (max-width: 1199px) {
.instagram-pic-wrapper .instagram-content {
display: none;
}
}
.service-elements {
display: flex;
flex-direction: column;
align-items: stretch;
text-align: center;
}
.service-elements .service-box-icon {
color: #646464;
line-height: 1;
}
.service-elements .service-box-content .service-title {
margin-top: 7px;
margin-bottom: 3px;
}
.size-icon-default .vc_icon_element-icon {
font-size: 50px;
}
.size-icon-small .vc_icon_element-icon {
font-size: 20px;
}
.size-icon-large .vc_icon_element-icon {
font-size: 30px;
}
.size-icon-extra-large .vc_icon_element-icon {
font-size: 60px;
}
.size-title-default .service-title {
font-size: 18px;
}
.size-title-default .service-subtitle {
font-size: 14px;
}
.size-title-small .service-title {
font-size: 16px;
}
.size-title-small .service-subtitle {
font-size: 13px;
}
.size-title-large .service-title {
font-size: 20px;
}
.size-title-large .service-subtitle {
font-size: 16px;
}
.size-title-extra-large .service-title {
font-size: 22px;
}
.size-title-extra-large .service-subtitle {
font-size: 14px;
}
.service-box-content {
flex: 1 1 auto;
}
.service-align-left {
flex-direction: row;
align-items: center;
text-align: left;
}
.service-align-left .service-box-icon {
max-width: 50%;
margin-right: 20px;
}
.service-align-left .service-box-content p {
margin-bottom: 0;
}
.service-align-right {
align-items: center;
flex-direction: row-reverse;
text-align: right;
}
.service-align-right .service-box-icon {
max-width: 50%;
margin-left: 20px;
}
.service-align-right .service-box-content p {
margin-bottom: 0;
}
.service-align-top .service-box-icon {
margin-bottom: 15px;
}
.jmsbrand-box .owl-carousel .owl-item img {
display: inline-block;
max-width: 100%;
width: auto;
opacity: 0.7;
}
.jmsbrand-box .owl-carousel .owl-item:hover img {
scale: 1.2;
opacity: 1;
}
.image-carousel-box .title-image {
font-size: 15px;
margin-top: 5px;
}
.image-carousel-box a {
display: inline-block;
overflow: hidden;
}
.image-carousel-box a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.product-filter {
margin-bottom: 35px;
}
.product-filter a {
display: inline-block;
line-height: 25px;
color: #000000;
position: relative;
font-size: 17px;
padding: 0 20px;
text-transform: uppercase;
border-radius: 0;
font-weight: 400;
}
.product-filter a.active:after {
width: 100%;
}
.jmsproduct-tab .nav-tabs {
text-align: center;
border: none;
margin-bottom: 44px;
}
.jmsproduct-tab .nav-tabs > li {
position: relative;
display: inline-block;
float: none;
padding: 0 25px;
}
.jmsproduct-tab .nav-tabs > li:before {
position: absolute;
top: 0px;
left: -6px;
content: '|';
color: rgba(0, 0, 0, 0.25);
}
.jmsproduct-tab .nav-tabs > li:first-child:before {
content: none;
}
.jmsproduct-tab .nav-tabs > li > a {
color: black;
font-weight: 400;
position: relative;
border: none;
font-size: 17px;
text-transform: uppercase;
border-radius: 0;
padding: 0 0 3px;
margin: 0;
}
.jmsproduct-tab .nav-tabs > li > a:hover, .jmsproduct-tab .nav-tabs > li > a:focus {
border: none;
background-color: transparent;
}
.jmsproduct-tab .nav-tabs > li > a:after {
content: '';
width: 0;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.jmsproduct-tab .nav-tabs > li.active > a:after {
width: 100%;
}
.jmsproduct-tab.design-tab-2 .nav-tabs {
margin-bottom: 25px;
}
.jmsproduct-tab.design-tab-2 .nav-tabs > li {
padding: 0 22px 15px;
}
.jmsproduct-tab.design-tab-2 .nav-tabs > li:before {
content: none;
}
.jmsproduct-tab.design-tab-2 .nav-tabs > li > a {
color: rgba(0, 0, 0, 0.4);
font-size: 19px;
letter-spacing: 0;
padding-bottom: 5px;
font-weight: 400;
}
.jmsproduct-tab.design-tab-2 .nav-tabs > li > a:after {
content: '';
width: 0;
height: 2px;
margin: 0 auto;
background-color: #d7d7d7;
position: absolute;
right: 0;
left: 0;
bottom: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.jmsproduct-tab.design-tab-2 .nav-tabs > li.active > a:after {
width: 40px;
}
.jmsproduct-tab .tab-content {
position: relative;
}
.jmsproduct-tab .tab-pane {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jmsproduct-tab .tab-pane.active {
visibility: inherit;
position: inherit;
opacity: 1;
-webkit-transition: all ease-out 0.3s 0.3s;
-moz-transition: all ease-out 0.3s 0.3s;
-o-transition: all ease-out 0.3s 0.3s;
transition: all ease-out 0.3s 0.3s;
}
/*Load more Product*/
.loadmore_product_btn {
text-align: center;
margin-bottom: 30px;
margin-top: 20px;
}
.loadmore_product_btn a {
position: relative;
font-size: 15px;
text-transform: capitalize;
background: transparent;
border-bottom: 2px solid #444;
color: #444;
letter-spacing: 1.2px;
font-weight: 500;
}
.loadmore_product_btn span {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
color: #444;
}
.show-loading .loadmore_product_btn span {
opacity: 1;
}
.loadmore_product_btn .disabled {
display: none;
}
/** ------------------------------------------------------------------------------------------------ * TESTIMONIAL * ------------------------------------------------------------------------------------------------ */
.jmstestimonial-box .addon-title {
margin-bottom: 10px;
}
.jmstestimonial-box .addon-title h3 {
position: relative;
font-size: 27px;
padding-bottom: 16px;
margin: 0;
}
.jmstestimonial-box .addon-title h3:after {
content: '';
width: 43px;
height: 2px;
background-color: #d7d7d7;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.jmstestimonial-box .owl-theme .owl-nav [class*="owl-"].owl-prev {
left: 0;
}
.jmstestimonial-box .owl-theme .owl-nav [class*="owl-"].owl-next {
right: 0;
}
.testimonial-box {
padding-left: 20px;
padding-right: 20px;
}
.testimonial-box .testimonials-avatar-box {
display: flex;
justify-content: center;
}
.testimonial-box .testimonial-avatar img {
max-width: 75px;
display: inline-block;
border-radius: 50%;
border: 2px solid;
}
.testimonial-box .testimonials-title {
margin-top: 15px;
font-weight: 600;
padding-left: 15px;
text-align: left;
}
.testimonial-box .testimonials-title.no_image {
padding: 0;
text-align: center;
}
.testimonial-box .testimonials-title .name {
line-height: 1.4;
font-size: 17px;
font-weight: 600;
margin-bottom: 3px;
color: #444;
}
.testimonial-box .testimonials-title .office {
font-weight: 500;
font-size: 12px;
}
.testimonial-box .testimonials-title span {
display: block;
}
.testimonial-box .testimonial-content {
margin: 20px 0 15px;
width: 60%;
display: inline-block;
letter-spacing:0.3px;
}
.testimonial-box .testimonial-content.testimonial-content-top {
margin: 10px 0 20px;
}
.testimonial-box .testimonial-content p {
margin: 0;
}
.testimonials-color-light .addon-title h3 {
color: white;
}
.testimonials-color-light .addon-title h3:after {
background-color: white;
}
.testimonials-color-light .testimonial-content {
color: rgba(255, 255, 255, 0.75);
}
.testimonials-color-light .testimonial-content footer {
color: white;
}
.testimonials-color-light .testimonial-content footer .office {
color: rgba(255, 255, 255, 0.75);
}
.testimonials-color-light .testimonial-content footer > span {
color: rgba(255, 255, 255, 0.75);
}
.testimonials-align-center .addon-title {
text-align: center;
}
.testimonials-align-center .testimonials {
text-align: center;
}
.testimonials-align-center .testimonials .testimonial-avatar {
margin-bottom: 15px;
}
.testimonials-align-left .testimonial-inner, .testimonials-align-right .testimonial-inner {
display: flex;
align-items: stretch;
}
.testimonials-align-left .testimonial-avatar, .testimonials-align-right .testimonial-avatar {
flex: 0 0 auto;
}
.testimonials-align-left .testimonial-content, .testimonials-align-right .testimonial-content {
flex: 1 1 auto;
}
.testimonials-align-left .addon-title {
text-align: left;
}
.testimonials-align-left .testimonials {
text-align: left;
}
.testimonials-align-left .testimonial-inner {
flex-direction: row;
}
.testimonials-align-left .testimonial-avatar {
margin-right: 20px;
}
.testimonials-align-right .addon-title {
text-align: right;
}
.testimonials-align-right .testimonials {
text-align: right;
}
.testimonials-align-right .testimonial-inner {
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
}
.testimonials-align-right .testimonial-avatar {
margin-left: 20px;
}
.testimonials-grid .testimonials {
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.testimonials-grid .testimonial-box {
margin-bottom: 30px;
}
.testimonials-grid.testimonials-columns-1 .testimonial-box {
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.testimonials-grid.testimonials-columns-2 .testimonial-box {
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
.testimonials-grid.testimonials-columns-3 .testimonial-box {
flex-basis: 33.33333333%;
max-width: 33.33333333%;
width: 33.33333333%;
}
.testimonials-grid.testimonials-columns-4 .testimonial-box {
flex-basis: 25%;
max-width: 25%;
width: 25%;
}
.testimonials-grid.testimonials-columns-5 .testimonial-box {
flex-basis: 20%;
max-width: 20%;
width: 20%;
}
.testimonials-grid.testimonials-columns-6 .testimonial-box {
flex-basis: 16.66666666%;
max-width: 16.66666666%;
width: 16.66666666%;
}
.testimonials-style-boxed .testimonial-box:hover .testimonial-inner {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.testimonials-style-boxed .testimonial-inner {
padding: 30px;
background-color: white;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.testimonials-slider .testimonial-box {
padding: 15px 0;
}
@media screen and (max-width: 450px) {
.testimonial-inner {
display: inline-block !important;
}
}
/** ------------------------------------------------------------------------------------------------ * TEAM MEMBERS * ------------------------------------------------------------------------------------------------ */
.team-member {
margin-bottom: 40px;
}
.team-member .member-image {
margin-bottom: 15px;
text-align: center;
}
.team-member .member-name, .team-member .member-position {
margin-bottom: 0;
}
.team-member .member-name {
font-size: 20px;
font-weight: 600;
}
.team-member .member-position {
display: block;
margin-top: 5px;
color: #9e9e9e;
font-size: 14px;
}
.team-member .member-bio {
margin-top: 10px;
}
.team-member .member-bio:empty {
display: none;
}
.team-member .member-social {
margin-top: 10px;
}
.team-member .member-social .varse-social-icon {
margin: 0 5px;
}
.team-member .member-social .varse-social-icon a {
color: rgba(255, 255, 255, 0.6);
}
.team-member .varse-social-icons {
margin-left: -4px;
margin-right: -4px;
}
.team-member.text-center .varse-social-icons {
justify-content: center;
}
.team-member.text-right .varse-social-icons {
justify-content: flex-end;
}
.team-member.color-scheme-light .member-name {
color: white;
}
.team-member.color-scheme-light .member-position {
color: rgba(255, 255, 255, 0.6);
}
.team-member.color-scheme-light .member-email {
color: rgba(255, 255, 255, 0.8);
}
.member-layout-hover {
position: relative;
}
.member-layout-hover .member-image-wrapper {
overflow: hidden;
perspective: 800px;
-webkit-perspective: 800px;
}
.member-layout-hover .member-image {
margin-bottom: 0;
transition: transform .5s ease;
-webkit-transition: transform .5s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.member-layout-hover .member-details {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 20px 20px 20px;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.61) 100%);
background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.61) 100%);
background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.61) 100%);
}
.member-layout-hover .member-social {
margin-top: 5px;
}
.member-layout-hover.color-scheme-light .member-details {
background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.member-layout-hover.color-scheme-light .member-name {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.member-layout-hover:hover .member-image {
transform: scale3D(1.09, 1.09, 1.09);
}
/** ------------------------------------------------------------------------------------------------ * SOCIAL ICONS * ------------------------------------------------------------------------------------------------ */
.social-list-icons {
list-style: none;
padding: 0;
margin: 0;
}
.social-list-icons li {
display: inline-block;
}
.social-list-icons li a {
border-radius: 50%;
padding: 6px;
color: #828282;
}
.varse-social-icons .varse-social-icon a {
display: inline-block;
}
.varse-social-icons.icon-align-left {
justify-content: flex-start;
}
.varse-social-icons.icon-align-center {
justify-content: center;
}
.varse-social-icons.icon-align-right {
justify-content: flex-end;
}
.varse-social-icons.icon-style-default .varse-social-icon a, .varse-social-icons.icon-style-icon .varse-social-icon a {
text-align: center;
line-height: 25px;
padding: 0 5px;
margin: 0 5px;
}
.varse-social-icons.icon-style-default .varse-social-icon:first-child a, .varse-social-icons.icon-style-icon .varse-social-icon:first-child a {
padding-left: 0;
margin-left: 0;
}
.varse-social-icons.icon-style-default .varse-social-icon:last-child a, .varse-social-icons.icon-style-icon .varse-social-icon:last-child a {
padding-right: 0;
margin-right: 0;
}
.varse-social-icons.icon-style-icon-background .varse-social-icon a {
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
background: #f6f6f6;
margin: 0 5px;
}
.varse-social-icons.icon-style-icon-background .varse-social-icon:first-child a {
padding-left: 0;
margin-left: 0;
}
.varse-social-icons.icon-style-icon-background .varse-social-icon:last-child a {
padding-right: 0;
margin-right: 0;
}
.varse-social-icons.icon-style-icon-background-circle .varse-social-icon a {
text-align: center;
width: 40px;
height: 40px;
line-height: 42px;
background: #f6f6f6;
border-radius: 100%;
margin: 0 5px;
}
.varse-social-icons.icon-style-icon-background-circle .varse-social-icon:first-child a {
padding-left: 0;
margin-left: 0;
}
.varse-social-icons.icon-style-icon-background-circle .varse-social-icon:last-child a {
padding-right: 0;
margin-right: 0;
}
.varse-social-icons.icon-style-icon-background-border .varse-social-icon a {
text-align: center;
width: 40px;
height: 40px;
line-height: 42px;
border: 1px solid #f6f6f6;
margin: 0 5px;
}
.varse-social-icons.icon-style-icon-background-border .varse-social-icon:first-child a {
padding-left: 0;
margin-left: 0;
}
.varse-social-icons.icon-style-icon-background-border .varse-social-icon:last-child a {
padding-right: 0;
margin-right: 0;
}
.varse-social-icons.icon-size-default i, .varse-social-icons.icon-size-small i {
font-size: 15px;
}
.varse-social-icons.icon-size-medium i {
font-size: 17px;
}
.varse-social-icons.icon-size-large i {
font-size: 19px;
}
.varse-social-icons.icon-color-default .varse-social-icon a, .varse-social-icons.icon-color-black .varse-social-icon a {
color: black;
}
.varse-social-icons.icon-color-white .varse-social-icon a {
color: white;
}
.megamenu-widget-wrapper {
border: 1px solid #f0eeee;
margin-bottom: 55px;
padding: 20px 0;
background: #e9efef;
}
.megamenu-widget-wrapper h3 {
color: #000;
padding: 15px 20px 30px;
text-transform: uppercase;
font-size: 18px;
line-height: initial;
letter-spacing: 2px;
margin-bottom: 40px;
position: relative;
}
.megamenu-widget-wrapper h3:before {
content: "";
position: absolute;
bottom: 0;
height: 2px;
width: 70px;
}
.megamenu-widget-wrapper ul.menu {
list-style: none;
padding: 0 20px;
margin-bottom: 0;
}
.megamenu-widget-wrapper ul.menu > li {
border-bottom: 1px solid #f0eeee;
padding: 13px 0;
margin-bottom: 0;
}
.megamenu-widget-wrapper ul.menu > li:last-child {
border-bottom: none;
}
/** ------------------------------------------------------------------------------------------------ * GOOGLE MAPS * ------------------------------------------------------------------------------------------------ */
.google-map-container {
position: relative;
}
.google-map-container .varse-google-map-wrapper {
z-index: 4;
}
.google-map-container .varse-google-map-wrapper, .google-map-container .varse-google-map {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.google-map-container img {
max-width: none;
}
.map-container-with-content.content-vertical-top .varse-google-map-content-wrap {
justify-content: flex-start;
}
.map-container-with-content.content-vertical-middle .varse-google-map-content-wrap {
justify-content: center;
}
.map-container-with-content.content-vertical-bottom .varse-google-map-content-wrap {
justify-content: flex-end;
}
.map-container-with-content.content-horizontal-left .varse-google-map-content-wrap {
align-items: flex-start;
}
.map-container-with-content.content-horizontal-center .varse-google-map-content-wrap {
align-items: center;
}
.map-container-with-content.content-horizontal-right .varse-google-map-content-wrap {
align-items: flex-end;
}
.varse-google-map-content-wrap {
display: flex;
flex-direction: column;
align-items: stretch;
position: relative;
height: 100%;
width: 90%;
padding: 50px 15px;
margin: 0 auto;
}
.varse-google-map-content-wrap > .varse-google-map-content {
padding: 30px;
margin-bottom: 0;
background-color: white;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.22);
max-width: 300px;
width: 100%;
z-index: 6;
}
.varse-dark .varse-google-map-content-wrap > .varse-google-map-content {
background-color: #333;
}
.information-box-wrapper .info-box-subtitle {
color: #999;
}
.information-box-wrapper .info-box-description {
color: #999;
}
.gallery-design-grid .item, .gallery-design-masonry .item {
float: left;
}
/** ------------------------------------------------------------------------------------------------ * COUNTDOWN TIMER * ------------------------------------------------------------------------------------------------ */
.varse-countdown {
display: block;
font-size: 0;
line-height: 1;
}
.varse-countdown > span {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px;
margin: 0 2px 5px 2px;
min-width: 55px;
min-height: 55px;
font-size: 20px;
line-height: 20px;
background-color: white;
font-weight: 600;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.varse-countdown > span span {
font-weight: 400;
font-size: 10px;
line-height: 10px;
display: block;
margin-top: 5px;
text-transform: capitalize;
}
.countdown-size-medium .varse-countdown > span {
min-width: 65px;
min-height: 65px;
font-size: 24px;
line-height: 24px;
}
.countdown-size-medium .varse-countdown > span span {
font-size: 12px;
line-height: 12px;
}
.countdown-size-large .varse-countdown > span {
min-width: 80px;
min-height: 80px;
font-size: 28px;
line-height: 28px;
}
.countdown-size-large .varse-countdown > span span {
font-size: 14px;
line-height: 14px;
}
.countdown-size-xlarge .varse-countdown > span {
min-width: 100px;
min-height: 100px;
font-size: 42px;
line-height: 42px;
}
.countdown-size-xlarge .varse-countdown > span span {
font-size: 16px;
line-height: 16px;
}
.countdown-style-transparent .varse-countdown > span {
background: none;
box-shadow: none;
border: 3px solid #dadada;
}
.countdown-style-primary .varse-countdown > span {
color: white;
}
.color-scheme-light.varse-countdown-timer .varse-countdown > span {
color: white;
}
.color-scheme-light.varse-countdown-timer .varse-countdown > span span {
color: white;
}
.color-scheme-light.countdown-style-transparent .varse-countdown > span {
background-color: rgba(0, 0, 0, 0.2);
}
.color-scheme-dark.varse-countdown-timer .varse-countdown > span {
color: black;
}
.color-scheme-dark.varse-countdown-timer .varse-countdown > span span {
color: black;
}
/** ------------------------------------------------------------------------------------------------ * PRICING TABLE * ------------------------------------------------------------------------------------------------ */
.pricing-tables-wrapper .pricing-tables {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.varse-price-table {
position: relative;
flex: 1 1 230px;
margin-bottom: 35px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
perspective: 800px;
backface-visibility: hidden;
-webkit-perspective: 800px;
-webkit-backface-visibility: hidden;
}
.varse-price-table .varse-plan-name {
padding: 40px 15px 100px;
background: #222;
}
.varse-price-table .varse-plan-title {
font-weight: 600;
font-size: 24px;
color: white;
}
.varse-price-table .varse-plan-inner {
position: relative;
background-color: white;
border: 1px solid;
border-color: rgba(129, 129, 129, 0.2);
transition: box-shadow .3s ease;
-webkit-transition: box-shadow .3s ease;
}
.varse-price-table .price-label {
position: absolute;
top: -1px;
right: -1px;
overflow: hidden;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
line-height: 22px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
color: white;
white-space: nowrap;
width: 80px;
height: 80px;
}
.varse-price-table .price-label > span {
transform: rotate(45deg);
display: block;
background: red;
margin-top: 15px;
margin-left: -15px;
width: 115px;
}
.varse-price-table .varse-plan-price {
line-height: 1;
position: absolute;
min-width: 140px;
min-height: 140px;
text-align: center;
padding-top: 35px;
border: 5px solid #393939;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
}
.varse-price-table .varse-price-currency {
vertical-align: top;
font-size: 28px;
}
.varse-price-table .varse-price-value {
font-size: 36px;
vertical-align: middle;
font-weight: 700;
}
.varse-price-table .varse-price-suffix {
display: block;
color: #bbb;
font-size: 12px;
margin-top: 5px;
font-weight: 500;
}
.varse-price-table .varse-plan-features {
padding: 100px 25px 50px;
}
.varse-price-table .varse-plan-feature {
padding-bottom: 15px;
margin-bottom: 15px;
line-height: 35px;
}
.varse-price-table .varse-plan-feature:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.varse-price-table .varse-plan-footer {
padding: 20px 15px;
}
.varse-price-table .varse-plan-footer > a {
color: white;
}
.varse-price-table.label-color-red .price-label > span {
background-color: #EF4836;
}
.varse-price-table.label-color-green .price-label > span {
background-color: #0fa34c;
}
.varse-price-table.label-color-blue .price-label > span {
background-color: #2a7ce4;
}
.varse-price-table.label-color-yellow .price-label > span {
background-color: #F7CA18;
}
.varse-price-table.price-style-default .varse-plan-price {
background: #f6f6f6 !important;
margin-top: -1px;
margin-left: -1px;
margin-right: -1px;
}
.varse-price-table.price-style-default .varse-plan-price > span {
color: black;
}
.varse-price-table.price-style-alt .varse-plan-price {
border-bottom: 1px solid;
border-color: rgba(129, 129, 129, 0.2);
}
.varse-price-table.actived .price-label {
top: -2px;
right: -2px;
}
.varse-price-table:hover {
-webkit-box-shadow: 0px 1px 51px 0px #d9d6d9;
-moz-box-shadow: 0px 1px 51px 0px #d9d6d9;
-o-box-shadow: 0px 1px 51px 0px #d9d6d9;
box-shadow: 0px 1px 51px 0px #d9d6d9;
}
.varse-price-table.price-style-no-background .varse-plan-price {
background: white;
}
/** ------------------------------------------------------------------------------------------------ * SECTION-DIVIDER * ------------------------------------------------------------------------------------------------ */
.varse-row-divider {
margin-left: -15px;
margin-right: -15px;
margin-top: -1px;
margin-bottom: -1px;
}
.varse-row-divider svg {
display: block;
}
.divider-style-waves-small svg, .divider-style-waves-wide svg, .divider-style-triangle svg {
height: 3vw;
}
.divider-style-clouds svg {
height: 6vw;
}
.divider-overlap {
position: relative;
}
.divider-overlap svg {
position: absolute;
left: 0;
right: 0;
}
.divider-overlap.divider-position-top svg {
top: 0;
}
.divider-overlap.divider-position-bottom svg {
bottom: 0;
}
.jmsproducttabs-elements {
position: relative;
}
.jmsproducttabs-elements .product-tab-content {
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.jmsproducttabs-elements > .varse-products-tab-loader {
opacity: 0;
visibility: hidden;
text-align: center;
pointer-events: none;
position: absolute;
top: 160px;
left: calc(50% - 15px);
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.jmsproducttabs-elements > .varse-products-tab-loader.loading:before {
position: inherit;
width: 30px;
height: 30px;
top: auto;
right: auto;
left: auto;
}
.jmsproducttabs-elements.show-loading > .varse-products-tab-loader {
opacity: 1;
visibility: visible;
}
.jmsproducttabs-elements.show-loading .product-tab-content {
opacity: 0;
visibility: hidden;
}
.jms-tabs-title {
position: relative;
margin-bottom: 40px;
z-index: 9;
}
.jms-tabs-title ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.jms-tabs-title ul li {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.4;
text-transform: capitalize;
font-weight: 500;
cursor: pointer;
margin: 0 20px;
padding: 5px 0;
color: #8f8f8f;
}
.jms-tabs-title ul li span {
border-color: transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.jms-tabs-title ul li:before {
content: "";
width: 0;
height: 2px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -20px;
}
.jms-tabs-title ul li.active:before, .jms-tabs-title ul li:hover:before {
width: 40px;
}
.jms-tabs-title ul li.active {
pointer-events: none;
}
.jms-tabs-title ul .tab-label {
position: relative;
}
.tab-design-left {
text-align: left;
}
.tab-design-left .jms-tabs-title ul li:first-child {
margin-left: 0;
}
.tab-design-left .addon-title .title:before {
left: 0;
}
.tab-design-center {
text-align: center;
}
.tab-design-right {
text-align: right;
}
.tab-design-right .jms-tabs-title ul li:last-child {
margin-right: 0;
}
.tab-design-right .addon-title .title:before {
right: 0;
}
.tab-design-line .jms-tabs-title .varse-tabs-header {
position: relative;
}
.tab-design-line .jms-tabs-title .varse-tabs-header .tabs-navigation-wrapper {
position: absolute;
right: 0;
top: 0;
margin-top: 8px;
}
.tab-design-line .jms-tabs-title .varse-tabs-header ul li:last-child {
margin-right: 0;
}
.tab-design-line.tab-line-none .jms-tabs-title .varse-tabs-header .tabs-navigation-wrapper {
margin: 0;
}
.tab-design-line .addon-title .title:before {
left: 0;
}
@media screen and (max-width: 767px) {
.tab-design-line .jms-tabs-title .varse-tabs-header .tabs-navigation-wrapper {
position: static;
}
.jms-tabs-title ul {
text-align: center;
}
}
@media screen and (max-width: 480px) {
.jms-tabs-title ul li {
width: 100%;
margin: 15px 0 0 0;
}
.jms-tabs-title ul li:first-child {
margin: 0;
}
}
.mc4wp-form {
text-align: center;
}
.mc4wp-form .mc4wp-form-fields {
width: 60%;
display: inline-block;
}
.mc4wp-form .mc4wp-form-fields .newletter-text {
margin-bottom: 50px;
}
.mc4wp-form .mc4wp-form-fields .newletter-text .primary-title-newletter {
display: none;
}
.mc4wp-form .mc4wp-form-fields .newletter-text .title-newletter {
font-size: 32px;
margin-bottom: 20px;
line-height: 40px;
color: #000;
}
.mc4wp-form .mc4wp-form-fields .newletter-text .title-newletter span {
font-weight: 600;
}
.mc4wp-form .mc4wp-form-fields .newletter-text .des-newletter {
font-weight: 500;
color: #8f8f8f;
}
.mc4wp-form .mc4wp-form-fields .form-newletter {
position: relative;
}
.mc4wp-form .mc4wp-form-fields .form-newletter input[type="email"] {
background: #fff;
height: 44px;
line-height: 44px;
border-radius: 0;
max-width: 550px;
margin-right: 2px;
font-size: 12px;
}
.mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"] {
height: 44px;
line-height: 44px;
padding: 0 35px;
background: #fff;
border-radius: 0;
color: #333;
font-weight: 600;
font-size: 14px;
}
.mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"]:hover {
color: #fff;
}
.black-background .mc4wp-form .mc4wp-form-fields .newletter-text .title-newletter {
color: #fff;
}
@media screen and (max-width: 1199px) {
.mc4wp-form .mc4wp-form-fields {
width: 100%;
}
.mc4wp-form .mc4wp-form-fields .form-newletter input[type="email"] {
padding: 0 15px;
width: 100%;
margin-bottom: 10px;
}
.mc4wp-form .mc4wp-form-fields .form-newletter input[type="submit"] {
position: static;
margin-bottom: 10px;
}
}
.vc_row > .container {
padding: 0;
}
@media screen and (min-width: 1400px) {
.wrapper-boxed .header-wrapper.header-fullwidth {
padding: 0;
margin: 0 !important;
}
.wrapper-boxed .header-wrapper.header-fullwidth .container {
width: 100%;
}
.wrapper-boxed .site {
margin: 0 auto;
overflow: hidden;
-webkit-box-shadow: 0px 1px 51px 0px #d9d6d9;
-moz-box-shadow: 0px 1px 51px 0px #d9d6d9;
-o-box-shadow: 0px 1px 51px 0px #d9d6d9;
box-shadow: 0px 1px 51px 0px #d9d6d9;
}
.wrapper-boxed .vc_row[data-vc-full-width] {
padding-left: 60px !important;
padding-right: 60px !important;
width: 100% !important;
margin: 0;
position: static !important;
}
.wrapper-boxed .vc_row[data-vc-full-width].vc_row-no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.header-fullwidth .container {
width: 94%;
max-width: none;
}
}
.varse .tp-bullet.selected, .varse .tp-bullet:hover {
border-color: #ff8969 !important;
}
/* --------------------------------------------- 12. LOADING ------------------------------------------ */
.loading:before {
content: " " !important;
width: 18px;
height: 18px;
margin: 0 auto;
left: 0;
right: 0;
display: inline-block;
vertical-align: middle;
border: 1px solid #e5e5e5;
border-left-color: #ff8969;
border-radius: 100%;
position: absolute;
top: calc(50% - 9px);
z-index: 2;
-webkit-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-moz-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-o-transition: right .2s ease-in-out,opacity .25s ease-in-out;
-ms-transition: right .2s ease-in-out,opacity .25s ease-in-out;
transition: right .2s ease-in-out,opacity .25s ease-in-out;
-webkit-animation: load-spin 350ms infinite linear;
animation: load-spin 350ms infinite linear;
}
.preloader {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999;
background: white;
}
.spinner1 {
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
}
.spinner1 .bounce11, .spinner1 .bounce22 {
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: loadingstyle1 2.0s infinite ease-in-out;
animation: loadingstyle1 2.0s infinite ease-in-out;
}
.spinner1 .bounce22 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner2 {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: loadingstyle2 1.2s infinite ease-in-out;
background-color: white;
border-radius: 3px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.spinner2, .spinner3 {
background-image: url("assets/images/icons/loader.gif");
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: #fff;
margin: -22px;
width: 44px;
height: 44px;
border-radius: 3px;
left: 50%;
position: absolute;
top: 50%;
}
.spinner4 {
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
margin: -9px 0 0 -35px;
width: 70px;
text-align: center;
}
.spinner4 .bounce11, .spinner4 .bounce22, .spinner4 .bounce33 {
width: 18px;
height: 18px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: loadingstyle4 1.4s infinite ease-in-out;
animation: loadingstyle4 1.4s infinite ease-in-out;
animation-fill-mode: both;
}
.spinner4 .bounce11 {
-webkit-animation-delay: -.32s;
animation-delay: -.32s;
}
.spinner4 .bounce22 {
-webkit-animation-delay: -.16s;
animation-delay: -.16s;
}
.spinner5 {
left: 50%;
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 100%;
-webkit-animation: loadingstyle5 1s infinite ease-in-out;
animation: loadingstyle5 1s infinite ease-in-out;
}
.spinner6 {
left: 50%;
position: absolute;
top: 50%;
margin: -20px 0 0 -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: loadingstyle6 2s infinite linear;
animation: loadingstyle6 2s infinite linear;
}
.spinner6 .dot11, .spinner6 .dot22 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
border-radius: 100%;
animation: tp-bounce 2s infinite ease-in-out;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.spinner6 .dot22 {
top: auto;
bottom: 0;
animation-delay: -1s;
}
/* Shop loading */
.wc-loading {
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
width: 20px;
height: 20px;
opacity: 1;
pointer-events: none;
-webkit-transition: top .3s ease,opacity .3s ease,visibility .3s ease;
-moz-transition: top .3s ease,opacity .3s ease,visibility .3s ease;
transition: top .3s ease,opacity .3s ease,visibility .3s ease;
}
.wc-loading:before {
content: "";
border: 2px solid #e1e1e1;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
border-radius: 50%;
box-sizing: border-box;
}
.wc-loading:after {
border-right-color: #ff733c;
display: block;
content: "";
width: 20px;
height: 20px;
border-width: 2px;
border-style: solid;
border-radius: 100%;
-moz-animation: clockwise .5s linear infinite;
-o-animation: clockwise .5s linear infinite;
-webkit-animation: clockwise .5s linear infinite;
animation: clockwise .5s linear infinite;
border-color: transparent #ff8969 transparent transparent;
}
.wc-loading.hide {
visibility: hidden;
opacity: 0;
}
.wc-loading.w-30 {
top: calc(50% - 15px);
left: calc(50% - 15px);
width: 30px;
height: 30px;
}
.wc-loading.w-30:before {
width: 30px;
height: 30px;
margin-left: -15px;
margin-top: -15px;
}
.wc-loading.w-30:after {
width: 30px;
height: 30px;
}
/* --------------------------------------------- 13. ANIMATION ------------------------------------------ */
@keyframes load-spin {
100% {
transform: rotate(360deg);
}
}
@-o-keyframes load-spin {
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes load-spin {
100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes load-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes load-spin {
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes long-to-top {
from {
transform: none;
}
to {
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes long-to-top {
from {
-webkit-transform: none;
}
to {
-webkit-transform: translate3d(0, -100%, 0);
}
}
.spinner {
-webkit-animation: spinner 2s infinite linear;
animation: spinner 2s infinite linear;
}
@keyframes clockwise {
to {
transform: rotate(360deg) translatez(0);
}
}
@keyframes counter-clockwise {
to {
transform: rotate(-360deg) translatez(0);
}
}
@-webkit-keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes dotFade {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes dotFade {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes loadingstyle1 {
0%, 100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes loadingstyle1 {
0%, 100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes loadingstyle1 {
0%, 100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes loadingstyle2 {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
-moz-transform: perspective(120px) rotateX(0) rotateY(0);
-o-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@-moz-keyframes loadingstyle2 {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
-moz-transform: perspective(120px) rotateX(0) rotateY(0);
-o-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes loadingstyle2 {
0% {
-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
-moz-transform: perspective(120px) rotateX(0) rotateY(0);
-o-transform: perspective(120px) rotateX(0) rotateY(0);
transform: perspective(120px) rotateX(0) rotateY(0);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
-o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@-webkit-keyframes loadingstyle4 {
0%, 100%, 80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes loadingstyle4 {
0%, 100%, 80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes loadingstyle4 {
0%, 100%, 80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes loadingstyle5 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes loadingstyle5 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes loadingstyle5 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes loadingstyle6 {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes loadingstyle6 {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loadingstyle6 {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes bounceIconUp {
0%, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translateZ(0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -20px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
}
/* --------------------------------------------- 14. RESPONSIVE ------------------------------------------ */
@media screen and (max-width: 1199px) {
/* ----------------------------------------------- */
/* BOOTSTRAP -------------------------------- */
/* ----------------------------------------------- */
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 15px;
padding-right: 15px;
}
/* ----------------------------------------------- */
/* END BOOTSTRAP -------------------------------- */
/* ----------------------------------------------- */
.portfolio-layout.columns-4 .item, .portfolio-layout.columns-5 .item, .portfolio-layout.columns-6 .item {
width: 33.33333333%;
}
.primary-menu > li {
padding: 0 20px;
}
/* ----------------------------------------------- */
/* PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
.product-layout {
margin-left: -15px;
margin-right: -15px;
}
.product-layout .product-item {
padding-left: 15px;
padding-right: 15px;
}
/* ----------------------------------------------- */
/* END PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
.product-box .varse-countdown {
margin-bottom: 0;
}
.product-box .varse-countdown > span {
margin-right: 5px;
min-width: 55px;
min-height: 55px;
font-size: 16px;
line-height: 1;
}
.product-box .varse-countdown > span span {
padding-top: 0;
}
/* ----------------------------------------------- */
/* SINGLE PRODUCT THUMBNAIL -------------------------------- */
/* ----------------------------------------------- */
.single-product-thumbnail.left .p-nav, .single-product-thumbnail.right .p-nav {
width: 80px;
}
.single-product-thumbnail.left:not(.no-nav) .p-thumb {
margin-left: 90px;
}
.single-product-thumbnail.right:not(.no-nav) .p-thumb {
margin-right: 90px;
}
.instagram-wrap.columns-6 .item, .instagram-wrap.columns-7 .item, .instagram-wrap.columns-8 .item, .instagram-wrap.columns-9 .item, .instagram-wrap.columns-10 .item, .instagram-wrap.columns-11 .item, .instagram-wrap.columns-12 .item {
width: 33%;
flex-basis: 33%;
max-width: 33%;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery {
margin-top: 0px;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-summery > div {
margin-top: 20px;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .profile-info-head {
margin-left: 10px;
}
.dokan-single-store .profile-info-box.profile-layout-layout1 .store-name {
margin-top: 0px !important;
}
}
@media screen and (max-width: 991px) {
/* ----------------------------------------------- */
/* HEADER ---------------------------------------- */
/* ----------------------------------------------- */
.wrap-header {
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
}
.header-4 .wrap-header {
padding-top: 10px;
padding-bottom: 10px;
}
.header-4 .header-logo {
padding-left: 0;
padding-right: 0;
}
.header-6 .wrap-header {
padding-top: 10px;
padding-bottom: 10px;
}
.header-6 .header-logo {
padding-left: 0;
padding-right: 0;
}
.header-3 .header-action .header-block::after {
content: none;
}
.header-overlap .wrap-header {
position: inherit;
top: auto;
width: auto;
}
.topbar-left {
justify-content: center;
}
.topbar-left .header-block {
border-left: none;
}
.header-logo {
text-align: center;
flex: 1 1 auto;
justify-content: center;
}
.error-404 {
padding-top: 40px;
}
#main-content .vc_custom_1526285780424, #main-content .vc_custom_1526286661930 {
margin-top: 0px !important;
}
.vc_row.padding-tablet-none {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* ----------------------------------------------- */
/* END HEADER ---------------------------------------- */
/* ----------------------------------------------- */
.jmstestimonial-box.testimonials-grid.testimonials-columns-3 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-4 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-5 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-6 .testimonial-box {
flex-basis: 50%;
max-width: 50%;
width: 50%;
}
/* ----------------------------------------------- */
/* FOOTER ---------------------------------------- */
/* ----------------------------------------------- */
#footer-wrapper .footer-top .footer-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#footer-wrapper .footer-bottom .copyright, #footer-wrapper .footer-bottom .tr {
text-align: center;
}
/* ----------------------------------------------- */
/* END FOOTER ---------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* SINGLE PRODUCT THUMBNAIL -------------------------------- */
/* ----------------------------------------------- */
.wc-single-product {
padding-top: 30px;
padding-bottom: 70px;
}
.product-detail-information {
margin-bottom: 40px;
padding-bottom: 30px;
}
.product_title {
font-size: 23px;
}
#main-content.col-lg-9 .wc-single-product .column-left, #main-content.col-lg-9 .wc-single-product .column-right {
width: 100%;
}
#main-content.col-lg-9 .wc-single-product .column-left {
margin-bottom: 30px;
}
.related-product {
margin-bottom: 20px;
}
.single-product-thumbnail.left .p-nav, .single-product-thumbnail.right .p-nav {
width: 100%;
position: inherit;
margin-right: -5px;
margin-top: 5px;
}
.single-product-thumbnail.left .p-nav .slick-slide:not(:last-child), .single-product-thumbnail.right .p-nav .slick-slide:not(:last-child) {
margin-right: 5px;
margin-bottom: 0;
}
.single-product-thumbnail.left:not(.no-nav) .p-thumb {
margin: 0;
width: 100%;
}
.single-product-thumbnail.right:not(.no-nav) .p-thumb {
margin: 0;
width: 100%;
}
.single-product-thumbnail.bottom .p-nav {
margin-right: -5px;
margin-top: 5px;
}
.single-product-thumbnail.bottom .p-nav .slick-slide:not(:last-child) {
margin-right: 5px;
margin-bottom: 0;
}
.wc-single-product-4 .column-left {
margin-bottom: 40px;
}
.entry-summary .quantity {
margin-right: 20px;
}
/* ----------------------------------------------- */
/* PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
.shop-container {
padding-top: 30px;
padding-bottom: 30px;
}
.product-layout {
margin-left: -10px;
margin-right: -10px;
}
.product-layout .product-item {
padding-left: 10px;
padding-right: 10px;
width: 33.33%;
}
/* ----------------------------------------------- */
/* PRODUCT FILTER -------------------------------- */
/* ----------------------------------------------- */
.shop-filter .widget {
width: 50%;
}
.blog-design-small-images.has-post-thumbnail .article-inner {
flex-wrap: wrap;
}
.blog-design-small-images.has-post-thumbnail .entry-header, .blog-design-small-images.has-post-thumbnail .article-body-container {
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.blog-design-small-images.blog-style-flat .article-body-container {
padding-top: 15px;
padding-left: 0;
padding-right: 0;
}
.blog-design-small-images.blog-style-shadow .article-body-container {
padding-top: 15px;
}
.blog-design-chess:nth-child(even).blog-style-flat.has-post-thumbnail .article-body-container {
padding: 15px 0 0 0;
}
.varse-gallery .columns-3 .item {
width: 50%;
}
.varse-gallery .columns-4 .item {
width: 33.33333333%;
}
.varse-gallery .columns-5 .item {
width: 25%;
}
.varse-gallery .columns-6 .item {
width: 25%;
}
.cart-content-wrapper .cart-totals-section {
width: 100%;
}
}
@media screen and (max-width: 782px) {
.admin-bar .toggle-sidebar-widget {
top: 46px;
}
.admin-bar .header-sticky {
top: 32px;
}
}
@media screen and (max-width: 600px) {
.admin-bar .header-sticky {
top: 0px;
}
}
@media screen and (max-width: 767px) {
.header-sticky {
display: none !important;
}
.admin-bar .toggle-sidebar-widget, .admin-bar .cartSidebarWrap {
top: 46px;
}
.vc_row {
margin: 0;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.page-heading {
padding-top: 30px;
padding-bottom: 30px;
}
#backtop {
bottom: 30px;
}
.blog-container.fullwidth, .portfolio-container.fullwidth {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.main-header .header-row .menu-toggle, .main-header .header-row .header-action {
flex: 0 0 20%;
}
.header-cart .widget_shopping_cart_content {
width: 320px;
right: -20px;
}
.header-cart .widget_shopping_cart_content:after {
right: 23px;
}
.varse-checkout-steps ul li:not(.step-active) {
display: none;
}
.woocommerce-my-account-wrapper {
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-MyAccount-navigation {
margin-bottom: 30px;
}
.woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation {
padding-top: 0;
padding-bottom: 0;
flex-basis: 100%;
max-width: 100%;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.cart-actions {
flex-direction: column-reverse;
text-align: left;
margin-bottom: 40px;
}
.cart-actions .coupon {
flex-direction: column;
justify-content: center;
margin-top: 30px;
padding: 15px;
border: 2px dashed #eaeaea;
flex: wrap;
}
.cart-actions .coupon .input-text {
max-width: none;
margin-right: 0px;
margin-bottom: 10px;
}
.cart-actions .button {
width: 100%;
}
.jmstestimonial-box.testimonials-grid.testimonials-columns-2 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-3 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-4 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-5 .testimonial-box, .jmstestimonial-box.testimonials-grid.testimonials-columns-6 .testimonial-box {
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.varse-gallery .columns-3 .item, .varse-gallery .columns-4 .item, .varse-gallery .columns-6 .item {
width: 50%;
}
.portfolio-layout.columns-3 .item, .portfolio-layout.columns-4 .item, .portfolio-layout.columns-5 .item, .portfolio-layout.columns-6 .item {
width: 50%;
}
.woocommerce-thankyou-order-details, .wc-bacs-bank-details {
flex-direction: column;
}
.woocommerce-thankyou-order-details li, .wc-bacs-bank-details li {
flex-basis: 100%;
max-width: 100%;
border-right: none;
border-bottom: 1px solid rgba(129, 129, 129, 0.2);
padding-left: 0;
padding-right: 0;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
border-right: none;
}
.shop-container.fullwidth {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.error-404 h1 {
font-size: 130px;
}
.woocommerce-tabs .container {
padding-left: 0;
padding-right: 0;
}
.tabs-layout-tabs .woocommerce-Reviews, .tabs-layout-tabs #tab-additional_information .shop_attributes {
width: 100%;
}
.comments-area .children {
margin-left: 0;
}
.comments-area .comment-author {
float: none;
}
.comments-area .comment-meta {
text-align: left;
}
.comments-area .comment-body {
padding-left: 95px;
}
.post-navigation {
border-top: 1px solid rgba(199, 199, 199, 0.25);
border-bottom: 1px solid rgba(199, 199, 199, 0.25);
padding-top: 30px;
padding-bottom: 25px;
}
.post-navigation .label-text {
display: block;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
color: #bbb;
line-height: 1;
}
.post-navigation a div {
display: none;
}
.post-navigation a:before {
top: -15px;
}
/* ----------------------------------------------- */
/* PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
.product-layout {
margin-left: -5px;
margin-right: -5px;
}
.product-layout .product-item {
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.list-view .product-layout .product-item .product-thumb {
width: 100%;
float: none;
}
.list-view .product-layout .product-item .product-list-info {
width: 100%;
float: none;
padding: 0;
}
/* ----------------------------------------------- */
/* END PRODUCT LAYOUT -------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* SINGLE PRODUCT THUMBNAIL -------------------------------- */
/* ----------------------------------------------- */
.wc-product-top .column-left {
margin-bottom: 50px;
}
.single-product-thumbnail {
margin-bottom: 30px;
}
.wc-single-product-2 {
padding-top: 30px;
padding-bottom: 50px;
}
/* ----------------------------------------------- */
/* END SINGLE PRODUCT THUMBNAIL ------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* PRODUCT BOX -------------------------------- */
/* ----------------------------------------------- */
.woocommerce-ordering {
font-size: 14px;
}
.woocommerce-ordering span {
display: none;
}
.instagram-wrap {
margin-left: -5px !important;
margin-right: -5px !important;
}
.instagram-wrap.no-space {
margin-left: 0 !important;
margin-right: 0 !important;
}
.instagram-wrap.no-space .item {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 0 !important;
}
.instagram-wrap .item {
padding-left: 5px !important;
padding-right: 5px !important;
margin-bottom: 10px !important;
}
.product-btn.in-thumb li.btn-wishlist {
margin-right: 0;
}
.jmsproduct-tab .nav-tabs > li:before {
content: none;
}
.jmsproduct-tab .nav-tabs > li > a {
padding: 0;
}
.jmsproduct-tab .nav-tabs > li > a:after {
content: none;
}
.single-product-container {
margin-top: 30px;
margin-bottom: 20px;
}
.single-product-container #main-sidebar {
margin-top: 20px;
}
#main-content.col-lg-9 .wc-single-product .column-left {
margin-bottom: 0;
}
.product-detail-information {
padding-left: 0;
padding-right: 0;
}
.tabs-layout-tabs .wc-tabs > li {
display: block;
padding: 0 15px;
margin: 0;
border-bottom: 2px solid #ebebeb;
}
.tabs-layout-tabs .wc-accordion-content, .tabs-layout-tabs .tab-content {
position: relative;
border: 2px solid #ebebeb;
padding: 30px;
}
}
@media screen and (max-width: 479px) {
.product-layout .product-item {
width: 100% !important;
}
.shop-action .wc-switch {
margin-bottom: 10px;
}
.instagram-wrap.columns-3 .item, .instagram-wrap.columns-4 .item, .instagram-wrap.columns-5 .item, .instagram-wrap.columns-6 .item, .instagram-wrap.columns-7 .item, .instagram-wrap.columns-8 .item, .instagram-wrap.columns-9 .item, .instagram-wrap.columns-10 .item, .instagram-wrap.columns-11 .item, .instagram-wrap.columns-12 .item {
width: 50%;
max-width: 50%;
}
.portfolio-layout.columns-2 .item, .portfolio-layout.columns-3 .item, .portfolio-layout.columns-4 .item, .portfolio-layout.columns-5 .item, .portfolio-layout.columns-6 .item {
width: 100%;
}
.product-style-1 {
margin-bottom: 15px;
}
.maintenance-content .varse-countdown > span {
margin-right: 5px;
margin-bottom: 5px;
min-width: 60px;
min-height: 60px;
font-size: 19px;
line-height: 20px;
}
/* ----------------------------------------------- */
/* PRODUCT BOX -------------------------------- */
/* ----------------------------------------------- */
.product-box .product-info > a {
font-size: 13px;
margin-bottom: 0;
}
.product-box .product-cat {
margin-bottom: 0;
}
.product-box .product-cat a {
font-size: 12px;
}
.product-box .price {
font-size: 14px;
}
.product-list-item .product-list-info {
padding: 10px;
}
.product-list-item .product-list-info .product-list-info-top {
padding-top: 10px;
padding-bottom: 10px;
}
.product-list-item .product-list-info .product-list-info-top > a {
font-size: 13px;
}
.product-list-item .product-list-info .product-list-info-top .product-cat {
margin-bottom: 0;
}
.product-list-item .product-list-info .product-list-info-top .product-cat a {
font-size: 12px;
}
.product-list-item .product-list-info .product-list-info-top .price {
font-size: 14px;
}
/* ----------------------------------------------- */
/* END PRODUCT BOX -------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* PRODUCT FILTER -------------------------------- */
/* ----------------------------------------------- */
.shop-filter .filter-toggle-box {
padding: 30px 25px 10px;
}
.shop-filter .widget {
width: 100%;
margin-bottom: 40px;
}
.shop-action .shop-action-inner {
display: block;
}
.shop-action .shop-action-inner .action-right {
justify-content: space-between;
}
}