body .page-template-blank-page-template #page{ margin-left:0 !important; margin-right:0 !important; } body .container{ max-width:100%; } header.asp-header , header.asp-header .header-middle{ position:fixed; top:0; bottom:0; left:0; /* rtl */ right:auto; padding:0; width:250px; z-index:99; } body.logged-in header.asp-header .header-middle{ padding:7% 0 40px 0; } header.asp-header .header-middle{ padding:6% 0 40px 0; } .header-middle > .container, .header-middle > .container > div{ display:block; width:auto; margin:0; padding:0; } header.asp-header .header-middle > .container > div.logo-wrapper{ margin-bottom:40px; padding:0 28px; } /* Menu version 7 */ header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu{ max-width:950px; } header.asp-header .menu-wrapper nav > ul.menu > li, header.asp-header .asp-menu > .menu > ul > li{ width:100%; padding:0 28px; margin:0; } header.asp-header .menu-wrapper nav > ul.menu > li > a{ padding:14px 0; text-transform:uppercase; border-width:0 0 1px 0; border-style:solid; border-color:rgba(153,153,153,0.3); width:100%; text-align:left /* rtl */ } header.asp-header .menu-wrapper nav > ul.menu > li.parent > a:after, header.asp-header .menu-wrapper nav > ul.menu > li.menu-item-has-children:not(.parent) > a:after{ display:none !important; } header.asp-header .menu-wrapper nav > ul.menu > li:last-child > a{ border:0 !important; } header.asp-header .menu-wrapper nav.pc-menu ul.menu > li.parent > a, header.asp-header .menu-wrapper nav.pc-menu ul.menu > li.menu-item-has-children:not(.parent) > a{ padding-right: 24px;/* rtl */ } header.asp-header .menu-wrapper nav > ul.menu li.fa > a{ padding-left:28px;/* rtl */ } header.asp-header .menu-wrapper nav.pc-menu.vertical-menu > ul.menu > li.parent > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu > li.parent.menu-item-has-children > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu li.parent.menu-item-has-children > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu > li.parent > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.menu-item-has-children > a:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu > li.menu-item-has-children:not(.parent) > a:before{ content: "\f054"; } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu{ top:0; left:100%; /* rtl */ right:auto; } header.asp-header .asp-menu > nav > ul.menu li:hover > ul.sub-menu{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: navi_animation_v7; -moz-animation-name: navi_animation_v7; animation-name: navi_animation_v7; } header.asp-header .asp-menu > nav > ul.menu li > ul.sub-menu{ transform-origin:0 100% 0; -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; } @-moz-keyframes navi_animation_v7 { 0% { opacity: 0; visibility:hidden; transform: scale(0.7,1); } 100% { opacity: 1; visibility:visible; transform:scale(1,1); } } @-webkit-keyframes navi_animation_v7 { 0% { opacity: 0; visibility:hidden; transform: scale(0.7,1); } 100% { opacity: 1; visibility:visible; transform:scale(1,1); } } @keyframes navi_animation_v7 { 0% { opacity: 0; visibility:hidden; transform: scale(0.7,1); } 100% { opacity: 1; visibility:visible; transform:scale(1,1); } } /*----------------------------------------------------------------*/ /*- MENU ---------------------------------------------------------*/ header.asp-header .mobile-menu-wrapper li a{ font-size:14px; line-height:18px; } header.asp-header .menu-wrapper nav.pc-menu > ul.menu > li.parent > a >.menu-label:after{ line-height:14px; font-size:14px; } header.asp-header .menu-wrapper nav > ul.menu > li > a, header.asp-header .asp-menu > .menu > ul > li > a, .widget-container .vertical-menu > .menu > li > a, header.asp-header .menu-wrapper nav > ul.menu li:before, .vertical-menu-wrapper .vertical-menu-heading, header.asp-header .vertical-menu-wrapper .vertical-menu-heading:before{ line-height:18px; font-size:14px; text-transform:uppercase; font-weight:normal; } .group-button-icon-header .my-account-wrapper a:before, .group-button-icon-header .my-wishlist-wrapper a:before, .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic, .search-pc{ font-size:15px;/* + 1 font-menu */ line-height:18px; } header.asp-header .menu-wrapper nav > ul.menu > li:hover > a, header.asp-header .asp-menu > .menu > ul > li:hover > a, header.asp-header .menu-wrapper nav > ul.menu li.fa:hover:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current-menu-parent:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current_page_item:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current-menu-item:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current_page_parent:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current-menu-parent:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current-menu-ancestor:before, header.asp-header .menu-wrapper nav > ul.menu > li.current_page_item > a, header.asp-header .menu-wrapper nav > ul.menu > li.current-menu-item > a, header.asp-header .menu-wrapper nav > ul.menu > li.current_page_parent > a, header.asp-header .menu-wrapper nav > ul.menu > li.current-menu-parent > a, header.asp-header .menu-wrapper nav > ul.menu > li.current-menu-ancestor > a, header.asp-header .menu-wrapper nav > ul.menu > ul.sub-menu li.current-product_cat-ancestor > a, /* Fix header text light hover */ body:not(.ts_desktop) header.header-text-light .menu-wrapper nav > ul.menu > li:hover > a, body:not(.ts_desktop) header.header-text-light .asp-menu > .menu > ul > li:hover > a, header.header-text-light .sticky-wrapper:not(.is-sticky) .menu-wrapper nav > ul.menu > li:hover > a, header.header-text-light .sticky-wrapper:not(.is-sticky) .asp-menu > .menu > ul > li:hover > a, header.header-text-light .header-template > .header-middle .menu-wrapper nav > ul.menu > li:hover > a, header.header-text-light .header-template > .header-middle .asp-menu > .menu > ul > li:hover > a, header.header-text-light:not(.has-sticky) .menu-wrapper nav > ul.menu > li:hover > a, header.header-text-light:not(.has-sticky) .asp-menu > .menu > ul > li:hover > a{ font-weight:bold; } header.asp-header .menu-wrapper nav > ul.menu > li ul a, header.asp-header .menu-wrapper nav.vertical-menu > ul.menu > li > a, .widget-container nav.vertical-menu > ul.menu > li > a{ font-size:14px; line-height:18px; text-transform:none; } header.asp-header .menu-wrapper nav.vertical-menu ul.menu > li > a { font-weight:normal; } header.asp-header .menu-wrapper nav > ul.menu li .menu-desc{ font-size:12px; /* - 2 font-menu */ line-height:16px; /* - 2 line-height menu */ } /* WIDGET CUSTOM MENU FOR MEGAMENU */ header.asp-header .menu-wrapper nav li.widget > .widgettitle, header.asp-header .menu-wrapper nav div.list-link > .widgettitle, .widget-container .vertical-menu li.widget > .widgettitle, .widget-container .vertical-menu div.list-link > .widgettitle{ font-size:14px; line-height:18px; font-weight:bold; text-transform:uppercase; } /* COLUMN SUB MENU */ header.asp-header .menu-wrapper nav > ul.menu li.custom-position ul.sub-menu{ margin-left:100px !important;/* rtl */ } header.asp-header .menu-wrapper nav > ul.menu li.asp-megamenu-fullwidth ul.sub-menu, .widget-container .vertical-menu li.asp-megamenu-fullwidth ul.sub-menu{ width:1170px; } header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu > li > a, header.asp-header .menu-wrapper nav li.widget_nav_menu li > a, header.asp-header .menu-wrapper nav div.list-link li > a, header.asp-header .menu-wrapper nav > ul.menu li.asp-normal-menu ul.sub-menu li > a, .widget-container li.widget_nav_menu li > a, .widget-container div.list-link li > a, .widget-container ul.menu li.asp-normal-menu ul.sub-menu li > a, .widget-container ul.menu ul.sub-menu > li > a{ padding:12px 15px 12px 0;/* rtl */ display:inline-block; } /* Menu sub a hover */ header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li > a, header.asp-header .menu-wrapper nav div.list-link li > a, header.asp-header .menu-wrapper nav > ul.menu li.widget_nav_menu li > a, .widget-container div.list-link li > a, .widget-container ul.menu li.widget_nav_menu li > a, .widget-container ul.menu ul.sub-menu li > a{ transition: all 250ms ease 0s; } /* Menu sub a hover */ header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu > li > a:hover, header.asp-header .menu-wrapper nav div.list-link li > a:hover, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li.widget_nav_menu li > a:hover, header.asp-header .menu-wrapper nav > ul.menu li.asp-normal-menu ul.sub-menu li a:hover, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li.widget_nav_menu li.current-menu-item > a, header.asp-header .menu-wrapper nav > ul.menu li.widget_nav_menu li.current-menu-item > a, header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu li.current-menu-item > a, header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu li.current_page_parent > a, header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu li.current-menu-parent > a, header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu li.current_page_item > a, header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu li.current-menu-ancestor > a, header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu li.current-product_cat-ancestor > a, .widget-container ul.menu ul.sub-menu > li > a:hover, .widget-container div.list-link li > a:hover, .widget-container ul.menu ul.sub-menu li.widget_nav_menu li > a:hover, .widget-container ul.menu li.asp-normal-menu ul.sub-menu li a:hover, .widget-container ul.menu ul.sub-menu li.widget_nav_menu li.current-menu-item > a, .widget-container ul.menu li.widget_nav_menu li.current-menu-item > a, .widget-container ul.menu li ul.sub-menu li.current-menu-item > a, .widget-container ul.menu li ul.sub-menu li.current_page_parent > a, .widget-container ul.menu li ul.sub-menu li.current-menu-parent > a, .widget-container ul.menu li ul.sub-menu li.current_page_item > a, .widget-container ul.menu li ul.sub-menu li.current-menu-ancestor > a, .widget-container ul.menu li ul.sub-menu li.current-product_cat-ancestor > a{ padding:12px 0 12px 15px;/* rtl */ } header.asp-header li.widget_nav_menu{ margin:0; padding:0; } /* Fix li */ header.asp-header .menu-wrapper nav > ul.menu li.asp-megamenu > ul.sub-menu > li{ border:0; } header.asp-header .menu-wrapper nav > ul.menu li:before{ display:none; } header.asp-header .menu-wrapper nav > ul.menu li.fa:before{ display:inline-block; } /* End Fix li */ header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu > li > a, header.asp-header .menu-wrapper nav li.widget_nav_menu li > a, header.asp-header .menu-wrapper nav div.list-link li > a, header.asp-header .menu-wrapper nav > ul.menu li.asp-normal-menu ul.sub-menu li > a, .widget-container .vertical-menu > ul.menu ul.sub-menu > li > a, .widget-container .vertical-menu li.widget_nav_menu li > a, .widget-container .vertical-menu div.list-link li > a, .widget-container .vertical-menu > ul.menu li.asp-normal-menu ul.sub-menu li > a{ display:inline-block; width:100%; position:relative; z-index:99; } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu > li:first-child, header.asp-header .menu-wrapper nav li.widget_nav_menu li:first-child, header.asp-header .menu-wrapper nav div.list-link li:first-child, header.asp-header .menu-wrapper nav > ul.menu li.asp-normal-menu ul.sub-menu li:first-child, .widget-container .vertical-menu > ul.menu li ul.sub-menu > li:first-child, .widget-container .vertical-menu li.widget_nav_menu li:first-child, .widget-container .vertical-menu div.list-link li:first-child, .widget-container .vertical-menu > ul.menu li.asp-normal-menu ul.sub-menu li:first-child{ border:0; } /* WIDGET CUSTOM MENU FOR MEGAMENU */ header.asp-header .menu-wrapper nav li.widget, .widget-container .vertical-menu li.widget{ list-style:none; } header.asp-header .menu-wrapper nav li.widget > .widgettitle, header.asp-header .menu-wrapper nav div.list-link > .widgettitle, .widget-container .vertical-menu li.widget > .widgettitle, .widget-container .vertical-menu div.list-link > .widgettitle{ margin:10px 0 15px 0; } header.asp-header .menu-wrapper nav li.widget ul, header.asp-header .menu-wrapper nav div.list-link ul, .widget-container .vertical-menu li.widget ul, .widget-container .vertical-menu div.list-link ul{ margin:0; } header.asp-header .menu-wrapper nav > ul.menu > li ul li.widget_nav_menu, header.asp-header .menu-wrapper nav div.list-link, .widget-container .vertical-menu > ul.menu > li ul li.widget_nav_menu, .widget-container .vertical-menu div.list-link{ float:left;padding:0 10px; } header.asp-header .menu-wrapper nav > ul.menu > li ul li.widget_text{ padding:0 10px; } header.asp-header .menu-wrapper nav li.asp-megamenu-fullwidth .widget_nav_menu, .widget-container .vertical-menu li.asp-megamenu-fullwidth .widget_nav_menu, .mg-col-6 > div{width:20%;} header.asp-header .menu-wrapper nav div.asp-megamenu-widgeasp-container li.widget_text .bg-mega-menu{ position:absolute; left:0;right:0;bottom:0; top:0; content:""; z-index:0; background-repeat:no-repeat !important; } header.asp-header .menu-wrapper nav div.asp-megamenu-widgeasp-container > ul > li{ position:relative; z-index:1; } header.asp-header .menu-wrapper nav div.asp-megamenu-widgeasp-container li.widget_text{ position:static; } /* HEADER PHONE */ @media only screen and (min-width: 768px){ header.asp-header.header-transparent .header-middle{ background:transparent; } body:not(.ts_desktop) header.asp-header.header-transparent .header-middle, header.asp-header.header-transparent .sticky-wrapper:not(.is-sticky) .header-middle, header.asp-header.header-transparent .header-template > .header-middle, header.asp-header.header-transparent:not(.has-sticky) .header-middle{ padding-top:20px; padding-bottom:20px; } /* Header text light (v3 + v5) */ /* Fix loading header with sticky menu */ body:not(.ts_desktop) header.header-text-light .header-v3 .logo-wrapper, header.header-text-light .header-v3 .sticky-wrapper:not(.is-sticky) .logo-wrapper, header.header-text-light .header-v3 .header-template > .header-middle .logo-wrapper, header.header-text-light:not(.has-sticky) .header-v3 .logo-wrapper{ top:50px; } body:not(.ts_desktop) header.header-text-light .menu-wrapper nav > ul.menu > li > a, body:not(.ts_desktop) header.header-text-light .asp-menu > .menu > ul > li > a, body:not(.ts_desktop) header.header-text-light .group-button-icon-header .my-wishlist-wrapper a, body:not(.ts_desktop) header.header-text-light .group-button-icon-header .account-control, body:not(.ts_desktop) header.header-text-light .group-button-icon-header .my-account-wrapper .account-control > a, body:not(.ts_desktop) header.header-text-light .search-content input[type="text"], header.header-text-light .sticky-wrapper:not(.is-sticky) .menu-wrapper nav > ul.menu > li > a, header.header-text-light .sticky-wrapper:not(.is-sticky) .asp-menu > .menu > ul > li > a, header.header-text-light .sticky-wrapper:not(.is-sticky) .group-button-icon-header .my-wishlist-wrapper a, header.header-text-light .sticky-wrapper:not(.is-sticky) .group-button-icon-header .account-control, header.header-text-light .sticky-wrapper:not(.is-sticky) .group-button-icon-header .my-account-wrapper .account-control > a, header.header-text-light .sticky-wrapper:not(.is-sticky) .search-content input[type="text"], header.header-text-light:not(.has-sticky) .menu-wrapper nav > ul.menu > li > a, header.header-text-light:not(.has-sticky) .asp-menu > .menu > ul > li > a, header.header-text-light:not(.has-sticky) .group-button-icon-header .my-wishlist-wrapper a, header.header-text-light:not(.has-sticky) .group-button-icon-header .account-control, header.header-text-light:not(.has-sticky) .group-button-icon-header .my-account-wrapper .account-control > a, header.header-text-light:not(.has-sticky) .search-content input[type="text"], /* Fix color menu no sticky ipad */ header.header-text-light .header-template > .header-middle .menu-wrapper nav > ul.menu > li > a, header.header-text-light .header-template > .header-middle .asp-menu > .menu > ul > li > a, header.header-text-light .header-template > .header-middle .group-button-icon-header .my-wishlist-wrapper a, header.header-text-light .header-template > .header-middle .group-button-icon-header .account-control, header.header-text-light .header-template > .header-middle .group-button-icon-header .my-account-wrapper .account-control > a, header.header-text-light .header-template > .header-middle .search-content input[type="text"]{ color:#fff; } body:not(.ts_desktop) header.header-text-light .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic, header.header-text-light .sticky-wrapper:not(.is-sticky) .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic, header.header-text-light .header-template > .header-middle .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic, header.header-text-light:not(.has-sticky) .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic{ border-bottom-color: #fff; } body:not(.ts_desktop) header.header-text-light .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic:after, body:not(.ts_desktop) header.header-text-light .group-button-icon-header > div:after, header.header-text-light .sticky-wrapper:not(.is-sticky) .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic:after, header.header-text-light .sticky-wrapper:not(.is-sticky) .group-button-icon-header > div:after, header.header-text-light .header-template > .header-middle .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic:after, header.header-text-light .header-template > .header-middle .group-button-icon-header > div:after, header.header-text-light:not(.has-sticky) .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic:after, header.header-text-light:not(.has-sticky) .group-button-icon-header > div:after{ border-color:#fff } body:not(.ts_desktop) header.header-text-light .group-button-icon-header > div:after, header.header-text-light .sticky-wrapper:not(.is-sticky) .group-button-icon-header > div:after, header.header-text-light .header-template > .header-middle .group-button-icon-header > div:after, header.header-text-light:not(.has-sticky) .group-button-icon-header > div:after{ opacity:1; } body:not(.ts_desktop) header.header-text-light .header-v3 .search-wrapper input[type="submit"], body:not(.ts_desktop) header.header-text-light .header-v5 .search-wrapper input[type="submit"], header.header-text-light .header-v3 .sticky-wrapper:not(.is-sticky) .search-wrapper input[type="submit"], header.header-text-light .header-v5 .sticky-wrapper:not(.is-sticky) .search-wrapper input[type="submit"], header.header-text-light .header-v3.header-template > .header-middle .search-wrapper input[type="submit"], header.header-text-light .header-v5.header-template > .header-middle .search-wrapper input[type="submit"], header.header-text-light:not(.has-sticky) .header-v3 .search-wrapper input[type="submit"], header.header-text-light:not(.has-sticky) .header-v5 .search-wrapper input[type="submit"]{ background:url(images/image.png) -47px 3px no-repeat !important; opacity:1; transition:none; } body:not(.ts_desktop) header.header-text-light .header-v3 .search-wrapper .search-content.loading ~ div input[type="submit"], body:not(.ts_desktop) header.header-text-light .header-v5 .search-wrapper .search-content.loading ~ div input[type="submit"], header.header-text-light .header-v3 .sticky-wrapper:not(.is-sticky) .search-wrapper .search-content.loading ~ div input[type="submit"], header.header-text-light .header-v5 .sticky-wrapper:not(.is-sticky) .search-wrapper .search-content.loading ~ div input[type="submit"], header.header-text-light .header-v3.header-template > .header-middle .search-wrapper .search-content.loading ~ div input[type="submit"], header.header-text-light .header-v5.header-template > .header-middle .search-wrapper .search-content.loading ~ div input[type="submit"], header.header-text-light:not(.has-sticky) .header-v3 .search-wrapper .search-content.loading ~ div input[type="submit"], header.header-text-light:not(.has-sticky) .header-v5 .search-wrapper .search-content.loading ~ div input[type="submit"]{ background-image:url(images/ajax-loader.gif) !important; background-position:center !important; transition:none; } body:not(.ts_desktop) header.header-text-light .header-v3 .search-wrapper input[type="submit"]:hover, body:not(.ts_desktop) header.header-text-light .header-v5 .search-wrapper input[type="submit"]:hover, header.header-text-light .header-v3 .sticky-wrapper:not(.is-sticky) .search-wrapper input[type="submit"]:hover, header.header-text-light .header-v5 .sticky-wrapper:not(.is-sticky) .search-wrapper input[type="submit"]:hover, header.header-text-light.header-v3 .header-template > .header-middle .search-wrapper input[type="submit"]:hover, header.header-text-light.header-v5 .header-template > .header-middle .search-wrapper input[type="submit"]:hover, header.header-text-light:not(.has-sticky) .header-v3 .search-wrapper input[type="submit"]:hover, header.header-text-light:not(.has-sticky) .header-v5 .search-wrapper input[type="submit"]:hover{ background-position:-69px 3px !important; } header.header-text-light .sticky-wrapper:not(.is-sticky) ::-webkit-input-placeholder { color: #ffffff; } header.header-text-light .header-template > .header-middle ::-webkit-input-placeholder { color: #ffffff; } header.header-text-light:not(.has-sticky) ::-webkit-input-placeholder { color: #ffffff; } body:not(.ts_desktop) header.header-text-light ::-webkit-input-placeholder { color: #ffffff; } header.header-text-light .sticky-wrapper:not(.is-sticky) :-moz-placeholder { /* Firefox 18- */ color: #ffffff; } header.header-text-light .header-template > .header-middle :-moz-placeholder { /* Firefox 18- */ color: #ffffff; } header.header-text-light:not(.has-sticky) :-moz-placeholder { /* Firefox 18- */ color: #ffffff; } body:not(.ts_desktop) header.header-text-light :-moz-placeholder { /* Firefox 18- */ color: #ffffff; } header.header-text-light .sticky-wrapper:not(.is-sticky) ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } header.header-text-light .header-template > .header-middle ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } header.header-text-light:not(.has-sticky) ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } body:not(.ts_desktop) header.header-text-light ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } header.header-text-light .sticky-wrapper:not(.is-sticky) :-ms-input-placeholder { color: #ffffff; } header.header-text-light .header-template > .header-middle :-ms-input-placeholder { color: #ffffff; } header.header-text-light:not(.has-sticky) :-ms-input-placeholder { color: #ffffff; } body:not(.ts_desktop) header.header-text-light :-ms-input-placeholder { color: #ffffff; } /* End Header text light */ } /* HEADER SEARCH */ body .category-dropdown .select2-dropdown, .header-v1 .asp-search-by-category, .header-v2 .search-wrapper .search-content, .header-v4 .search-wrapper .search-content, .header-v6 .header-middle .search-wrapper .search-content, .asp-header .search-wrapper input[type="text"], #asp-search-popup input[type="text"]{ border-color:#e5e5e5; } body .category-dropdown .select2-dropdown, .header-v1 .asp-search-by-category select, .header-v1 .asp-search-by-category option, .header-v1 .asp-search-by-category form > .select2{ background-color:#ffffff; } .category-dropdown .select2-choice, .category-dropdown li, header .header-v1 .select2-container--default .select2-selection--single .select2-selection__rendered, header .header-v1 .asp-search-by-category select, #asp-search-result-container ul li a, #asp-search-result-container .view-all-wrapper a{ color:#3f3f3f; } header .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-top-color:#3f3f3f; } header .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-bottom-color:#3f3f3f; } #asp-search-popup input[type="text"], header.asp-header .search-content input[type="text"]{ color:#666666; } #asp-search-popup input[type="text"], header.asp-header .search-content input[type="text"], #asp-search-result-container ul:before{ background:#ffffff; } @media only screen and (max-width: 767px){ header.asp-header .header-top { background-color: #383838; } header.asp-header .header-top a, header.asp-header .header-top, .asp-mobile-menu-icon-toggle, .asp-group-meta-icon-toggle, .shopping-cart-wrapper.cart-mobile, .shopping-cart-wrapper.cart-mobile .amount{ color: #a9a9a9; } .shopping-cart-wrapper.cart-mobile .asp-tiny-cart-wrapper .ic-cart .ic{ border-bottom-color:#a9a9a9; } .shopping-cart-wrapper.cart-mobile .asp-tiny-cart-wrapper .ic-cart .ic:after{ border-color:#a9a9a9; } } /* ==== 12.1 MENU PHONE ==== */ header.asp-header .mobile-menu li > a{ background-color:#f9f9f9; color:#666666; } /* END MENU PHONE */ /* ==== 12.2 MENU PC ==== */ /* LEVEL 1 */ /* Color Vertical Menu */ .vertical-menu-wrapper .vertical-menu-heading, .widget-container.asp-menus-widget .widget-title{ background-color:#40bea7; color:#ffffff; } .widget-container.asp-menus-widget .widget-title-wrapper a.block-control{ color:#ffffff; } .vertical-menu-wrapper:hover .vertical-menu-heading{ background-color:#40bea7; color:#ffffff; } /* End Color Vertical Menu */ header.asp-header .menu-wrapper nav > ul.menu > li > a, header.asp-header .asp-menu > .menu > ul > li > a, .widget-container .vertical-menu > .menu > li > a, header.asp-header .menu-wrapper nav > ul.menu > li ul .title-heading a, .title-heading a, .vertical-menu-wrapper .vertical-menu-heading{ font-family: "alegreya sc","Lato", sans-serif; } header.asp-header .menu-wrapper nav > ul.menu > li > a, header.asp-header .asp-menu > .menu > ul > li > a, .widget-container .vertical-menu > .menu > li > a, header.asp-header .menu-wrapper nav > ul.menu li.fa:before{ color:#3f3f3f; } header.asp-header.header-transparent .is-sticky ::-webkit-input-placeholder { color:#3f3f3f; } header.asp-header.header-transparent .is-sticky :-moz-placeholder { /* Firefox 18- */ color:#3f3f3f; } header.asp-header.header-transparent .is-sticky ::-moz-placeholder { /* Firefox 19+ */ color:#3f3f3f; } header.asp-header.header-transparent .is-sticky :-ms-input-placeholder { color:#3f3f3f; } header.asp-header .search-content input[type="text"], .group-button-icon-header .my-wishlist-wrapper a, .group-button-icon-header .account-control, .group-button-icon-header .my-account-wrapper .account-control > a, .search-pc, #asp-search-popup-button-close{ color:#3f3f3f; } .group-button-icon-header > div:after{ border-color:#3f3f3f; } header.asp-header .menu-wrapper nav > ul.menu > li:hover > a, header.asp-header .asp-menu > .menu > ul > li:hover > a, header.asp-header .menu-wrapper nav > ul.menu li.fa:hover:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current-menu-parent:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current_page_item:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current-menu-item:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current_page_parent:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current-menu-parent:before, header.asp-header .menu-wrapper nav > ul.menu > li.fa.current-menu-ancestor:before, header.asp-header .menu-wrapper nav > ul.menu > li.current_page_item > a, header.asp-header .menu-wrapper nav > ul.menu > li.current-menu-item > a, header.asp-header .menu-wrapper nav > ul.menu > li.current_page_parent > a, header.asp-header .menu-wrapper nav > ul.menu > li.current-menu-parent > a, header.asp-header .menu-wrapper nav > ul.menu > li.current-menu-ancestor > a, header.asp-header .menu-wrapper nav > ul.menu > ul.sub-menu li.current-product_cat-ancestor > a, .asp-menu-drop-icon.active:before, .group-button-icon-header .my-wishlist-wrapper a:hover, .group-button-icon-header .my-account-wrapper .account-control > a:hover, .group-button-icon-header .account-control:hover, .header-v3 .my-wishlist-wrapper a:hover, .header-v3 .my-account-wrapper .account-control:hover > a, .search-pc:hover{ color:#3f3f3f; } .group-button-icon-header .asp-tiny-cart-wrapper:hover .ic-cart .ic{ border-bottom-color:#3f3f3f; } .group-button-icon-header .asp-tiny-cart-wrapper:hover .ic-cart .ic:after{ border-color:#3f3f3f; } /* Vertical sub menu */ header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li > a, header.asp-header .asp-menu .vertical-menu-wrapper > .menu > ul > li > a, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu li.fa:before, .widget-container .vertical-menu > ul.menu > li > a, .widget-container .vertical-menu > .menu > ul > li > a, .widget-container .vertical-menu > ul.menu li.fa:before{ color:#3f3f3f; } header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li:hover > a, header.asp-header .asp-menu .vertical-menu-wrapper > .menu > ul > li:hover > a, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu li.fa:hover:before, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.fa.current-menu-parent:before, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.fa.current_page_item:before, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.fa.current-menu-item:before, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.fa.current_page_parent:before, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.fa.current-menu-parent:before, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.fa.current-menu-ancestor:before, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.current_page_item > a, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.current-menu-item > a, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.current_page_parent > a, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.current-menu-parent > a, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.current-menu-ancestor > a, header.asp-header .menu-wrapper .vertical-menu-wrapper nav > ul.menu > li.current-product_cat-ancestor > a, .widget-container .vertical-menu > ul.menu > li:hover > a, .widget-container .vertical-menu > .menu > ul > li:hover > a, .widget-container .vertical-menu > ul.menu li.fa:hover:before, .widget-container .vertical-menu > ul.menu > li.fa.current-menu-parent:before, .widget-container .vertical-menu > ul.menu > li.fa.current_page_item:before, .widget-container .vertical-menu > ul.menu > li.fa.current-menu-item:before, .widget-container .vertical-menu > ul.menu > li.fa.current_page_parent:before, .widget-container .vertical-menu > ul.menu > li.fa.current-menu-parent:before, .widget-container .vertical-menu > ul.menu > li.fa.current-menu-ancestor:before, .widget-container .vertical-menu > ul.menu > li.current_page_item > a, .widget-container .vertical-menu > ul.menu > li.current-menu-item > a, .widget-container .vertical-menu > ul.menu > li.current_page_parent > a, .widget-container .vertical-menu > ul.menu > li.current-menu-parent > a, .widget-container .vertical-menu > ul.menu > li.current-menu-ancestor > a, .widget-container .vertical-menu > ul.menu > li.current-product_cat-ancestor > a, .asp-menu-drop-icon.active:before, #asp-search-popup-button-close:hover{ color:#40bea7; } /* ==== 12.3 MENU PC SUB ==== */ header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu > li, header.asp-header .menu-wrapper nav li.widget_nav_menu li, header.asp-header .menu-wrapper nav div.list-link li, .widget-container .vertical-menu > ul.menu li.asp-normal-menu ul.sub-menu li, .widget-container .vertical-menu > ul.menu li.widget_nav_menu li, .widget-container .vertical-menu > ul.menu div.list-link li, header.asp-header .menu-wrapper nav > ul.menu li.asp-normal-menu ul.sub-menu li, header.asp-header .menu-wrapper .vertical-menu > ul.menu > li.menu-item > a{ border-color:#e9e9e9; } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu:before, .widget-container .vertical-menu > ul.menu li ul.sub-menu:before{ border-color:#40bea7; } header.asp-header .menu-wrapper nav > ul.menu > li.parent > a:after, header.asp-header .menu-wrapper nav > ul.menu > li.menu-item-has-children > a:after{ color:#40bea7; } header.asp-header .menu-wrapper nav > ul.menu > li > ul.sub-menu, header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu:before, .widget-container .vertical-menu > ul.menu > li > ul.sub-menu, .widget-container .vertical-menu > ul.menu > li > ul.sub-menu ul.sub-menu:before, .vertical-menu-wrapper .vertical-menu{ background-color:#ffffff; } header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu > li > a, header.asp-header .menu-wrapper nav div.list-link li > a, header.asp-header .menu-wrapper nav > ul.menu li.widget_nav_menu li > a{ color:#3f3f3f; } /* Menu sub heading */ header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu h1, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu h2, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu h3, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu h4, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu h5, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu h6, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu .h1, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu .h2, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu .h3, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu .h4, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu .h5, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu .h6, .widget-container .vertical-menu > ul.menu ul.sub-menu h1, .widget-container .vertical-menu > ul.menu ul.sub-menu h2, .widget-container .vertical-menu > ul.menu ul.sub-menu h3, .widget-container .vertical-menu > ul.menu ul.sub-menu h4, .widget-container .vertical-menu > ul.menu ul.sub-menu h5, .widget-container .vertical-menu > ul.menu ul.sub-menu h6, .widget-container .vertical-menu > ul.menu ul.sub-menu .h1, .widget-container .vertical-menu > ul.menu ul.sub-menu .h2, .widget-container .vertical-menu > ul.menu ul.sub-menu .h3, .widget-container .vertical-menu > ul.menu ul.sub-menu .h4, .widget-container .vertical-menu > ul.menu ul.sub-menu .h5, .widget-container .vertical-menu > ul.menu ul.sub-menu .h6, h1.wpb_heading, h2.wpb_heading, h3.wpb_heading, h4.wpb_heading, h5.wpb_heading, h6.wpb_heading{ color:#3f3f3f; } /* Menu sub text */ header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu > li > a, header.asp-header .menu-wrapper nav div.list-link li > a, header.asp-header .menu-wrapper nav > ul.menu li.widget_nav_menu li > a, header.asp-header .menu-wrapper .vertical-menu nav > ul.menu > li > a, .widget-container .vertical-menu > ul.menu ul.sub-menu > li > a, .widget-container .vertical-menu div.list-link li > a, .widget-container .vertical-menu > ul.menu li.widget_nav_menu li > a, .widget-container .vertical-menu > ul.menu > li > a{ color:#3f3f3f; font-family:"Lato"; } /* Menu sub a hover */ header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu > li > a:hover, header.asp-header .menu-wrapper nav div.list-link li > a:hover, header.asp-header .menu-wrapper nav > ul.menu li.widget_nav_menu li > a:hover, header.asp-header .menu-wrapper nav > ul.menu li.widget_nav_menu li.current-menu-item > a, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li.current-menu-item > a, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li.current_page_parent > a, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li.current-menu-parent > a, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li.current_page_item > a, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li.current-menu-ancestor > a, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li.current-product_cat-ancestor > a, .widget-container .vertical-menu > ul.menu ul.sub-menu > li > a:hover, .widget-container .vertical-menu div.list-link li > a:hover, .widget-container .vertical-menu > ul.menu li.widget_nav_menu li > a:hover, .widget-container .vertical-menu > ul.menu li.widget_nav_menu li.current-menu-item > a, .widget-container .vertical-menu > ul.menu ul.sub-menu li.current-menu-item > a, .widget-container .vertical-menu > ul.menu ul.sub-menu li.current_page_parent > a, .widget-container .vertical-menu > ul.menu ul.sub-menu li.current-menu-parent > a, .widget-container .vertical-menu > ul.menu ul.sub-menu li.current_page_item > a, .widget-container .vertical-menu > ul.menu ul.sub-menu li.current-menu-ancestor > a, .widget-container .vertical-menu > ul.menu ul.sub-menu li.current-product_cat-ancestor > a{ color:#40bea7; background-color:#fbfbfb; } /* ============== 13. FOOTER COLOR ============== */ /* Social */ .asp-social-icons .social-icons li a, footer#colophon .asp-social-icons .social-icons a, .asp-social-icons .social-icons.style-3 li a i, footer#colophon .asp-social-icons .social-icons.style-3 li a i{ background-color:#424242; color:#fff; } footer .end-footer, .line-logo .logo-bg:before, footer .footer-container, footer .asp-testimonial-wrapper.loading:before, footer .thumbnails.loading:before, footer .thumbnail.loading:before, footer .asp-logo-slider-wrapper.loading .content-wrapper:before, footer .asp-product .content-wrapper.loading:before, footer .asp-producasp-widget .asp-producasp-widget-wrapper.loading:before, footer .asp-product-deals-widget .asp-product-deals-slider-wrapper.loading:before, footer .asp-blogs-widget .asp-blogs-widget-wrapper.loading:before, footer .asp-recent-commenasp-widget .asp-recent-commenasp-widget-wrapper.loading:before, footer .asp-twitter-slider.loading:before, footer .asp-product-category-slider-wrapper .content-wrapper.loading:before{ background-color:#262626; } footer#colophon, footer#colophon a, footer#colophon dt, .asp-social-icons .social-icons.style-3 li a span{ color:#999999; } footer table td, footer table, .line-logo:before, .horizontal-menu-footer .widget-container ul li:after{ border-color:#999999; } footer#colophon a:hover, footer#colophon h1, footer#colophon h2, footer#colophon h3, footer#colophon h4, footer#colophon h5, footer#colophon h6, footer#colophon .h1, footer#colophon .h2, footer#colophon .h3, footer#colophon .h4, footer#colophon .h5, footer#colophon .h6, footer#colophon h1.wpb_heading, footer#colophon h2.wpb_heading, footer#colophon h3.wpb_heading, footer#colophon h4.wpb_heading, footer#colophon h5.wpb_heading, footer#colophon h6.wpb_heading footer#colophon a:hover, footer#colophon .asp-blogs-widget-wrapper .post-date, footer#colophon .woocommerce ul.cart_list li span.amount, footer#colophon .woocommerce ul.product_list_widget li span.amount, .woocommerce-page footer#colophon ul.cart_list li span.amount, .woocommerce-page footer#colophon ul.product_list_widget li span.amount, footer#colophon .asp-product-deals-widget .asp-product-deals-widget-wrapper span.amount, .woocommerce-page footer#colophon .asp-product-deals-widget .asp-product-deals-widget-wrapper span.amount, footer#colophon .asp-blogs-widget-wrapper ul li a, footer#colophon .asp-blogs-widget-wrapper ul li .comment, footer#colophon .asp-recent-commenasp-widget-wrapper ul li .date, footer#colophon .asp-recent-commenasp-widget-wrapper ul li a, .info-company li, footer .asp-feedburner-subscription-shortcode.style-2 .newsletter{ color:#ffffff; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- I. HEADER ---------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ header.asp-header{ padding:0; width:100%; } header.asp-header.header-transparent{ position:absolute; z-index:99990; } /* Fix Column For Menu */ .menu .asp-columns{ /* margin-left:-15px; margin-right:-15px; */ } .menu .asp-columns > .asp-item{ float:left; padding:0 15px; } /* Custom style Header */ header.asp-header .menu-wrapper nav > ul.menu > li ul .title-heading, .title-heading{ margin-top:20px; } .title-heading.no-desc{ margin:14px 0 0 0 !important; padding:0; line-height:0; } header.asp-header .menu-wrapper nav > ul.menu > li ul .title-heading a, .title-heading a{ font-weight:bold; text-transform:uppercase; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 1. MENU -----------------------------------------------------------------------------------------------------------*/ /* Fix Menu For Theme Default WP */ .nav > .menu > ul{ padding:0; margin:0; } .nav > .menu > ul:after{ display:table; content:""; clear:both; } .nav > .menu > ul > li{ list-style:none; display:inline-block; float:left; padding:0; margin:0; } .nav > .menu > ul > li > a{ font-size:14px; line-height:18px; padding:15px 20px; text-transform:uppercase; font-weight:bold; color:#3f3f3f; display:inline-block; } .nav > .menu > ul > li > a:hover{ text-decoration:none; } header.asp-header .menu-wrapper{ line-height:0; } /* End Fix Menu For Theme Default WP */ li.hide ul.sub-menu{ display:none !important; } /* VERTICAL MENU */ .vertical-menu-wrapper{ width:23%; float:left; /* rtl */ position:relative; z-index:99992; } .vertical-menu-wrapper .vertical-menu-heading{ /* padding:16px 14px 15px 50px; */ font-weight:bold !important; transition:all 200ms ease-in-out 0s; } /* Header version 1 */ .vertical-menu-wrapper .vertical-menu-heading{ font-weight:bold; margin-top:-1px; -webkit-animation-duration: 1.1s; -moz-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -webkit-animation-name: animation_text_categories; -moz-animation-name: animation_text_categories; animation-name: animation_text_categories; } /* Text shadow 1 */ @-webkit-keyframes animation_text_categories { from {text-shadow:none} to {text-shadow:0 0 5px rgba(255,255,255,0.5)} } @-moz-keyframes animation_text_categories { from {text-shadow:none} to {text-shadow:0 0 5px rgba(255,255,255,0.5)} } @keyframes animation_text_categories { from {text-shadow:none} to {text-shadow:0 0 5px rgba(255,255,255,0.5)} } /* End Header versition 1 */ .vertical-menu-wrapper .vertical-menu-heading:hover{ cursor:pointer; } .vertical-menu-wrapper .vertical-menu-heading:before{ font-family: "Font Awesome 5 Free"; background:transparent; content: "\f03a"; position:absolute; font-weight:300; left:20px;/* rtl */ top:50%; transform: translate(0,-50%); transition:transform 200ms ease-in-out 0s; } .vertical-menu-wrapper .vertical-menu{ visibility:hidden; opacity:0; display:none; position:absolute; left:0;right:0;top:100%; transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; } @-webkit-keyframes animation_vertial_categories { from { visibility:hidden; opacity:0; transform: scale(1,0.7); } to { visibility:visible; opacity:1; transform:scale(1,1); } } @-moz-keyframes animation_vertial_categories { from { visibility:hidden; opacity:0; transform: scale(1,0.7); } to { visibility:visible; opacity:1; transform:scale(1,1); } } @keyframes animation_vertial_categories { from { visibility:hidden; opacity:0; transform: scale(1,0.7); } to { visibility:visible; opacity:1; transform:scale(1,1); } } header.asp-header .menu-wrapper nav.vertical-menu > ul.menu > li > a, .widget-container nav.vertical-menu > ul.menu > li > a{ padding-left:0; padding-right:0; } header.asp-header .menu-wrapper nav.vertical-menu > ul.menu li .menu-icon, .widget-container nav.vertical-menu > ul.menu li .menu-icon{ padding:0 15px 0 0; /* rtl */ width:30px; line-height:16px; display:inline-block; } .vertical-menu-wrapper:hover .vertical-menu{ display:block; -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_vertial_categories; -moz-animation-name: animation_vertial_categories; animation-name: animation_vertial_categories; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .vertical-menu-wrapper nav.vertical-menu:before{ content:""; position:absolute; top:0px;right:0;left:0; bottom:0; box-shadow:0 2px 4px rgba(0,0,0,0.1); } header.asp-header .menu-wrapper .vertical-menu > ul.menu > li, .widget-container .vertical-menu > ul.menu > li{ width:100%; padding:0 20px; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } header.asp-header .menu-wrapper nav.vertical-menu > ul.menu > li > a, .widget-container nav.vertical-menu > ul.menu > li > a{ border-width:1px 0 0 0; border-style:solid; width:100%; text-align:left; /* rtl */ background:transparent !important; } header.asp-header .menu-wrapper .vertical-menu > ul.menu > li:first-child > a, .widget-container .vertical-menu > ul.menu > li:first-child > a{ border:0; } /* SUB MENU */ header.asp-header .menu-wrapper .vertical-menu > ul.menu li > ul.sub-menu, .widget-container .vertical-menu > ul.menu li > ul.sub-menu{ top:-61px; right:auto !important; /* rtl */ left:100% !important; /* rtl */ opacity:0; list-style:none; visibility:hidden; margin-left:0px; margin-top:0; min-height:70px; transform-origin:0 100% 0; -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } @-moz-keyframes animation_vertical_menu { 0% { opacity: 0; visibility:hidden; transform: scale(0.7,1); } 100% { opacity: 1; visibility:visible; transform:scale(1,1); } } @-webkit-keyframes animation_vertical_menu { 0% { opacity: 0; visibility:hidden; transform: scale(0.7,1); } 100% { opacity: 1; visibility:visible; transform:scale(1,1); } } @keyframes animation_vertical_menu { 0% { opacity: 0; visibility:hidden; transform: scale(0.7,1); } 100% { opacity: 1; visibility:visible; transform:scale(1,1); } } header.asp-header .menu-wrapper .vertical-menu > ul.menu li:hover > ul.sub-menu, .widget-container .vertical-menu > ul.menu li:hover > ul.sub-menu, header.asp-header .menu-wrapper nav > ul.menu ul.sub-menu li:hover > ul.sub-menu{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_vertical_menu; -moz-animation-name: animation_vertical_menu; animation-name: animation_vertical_menu; display:block; } header.asp-header .menu-wrapper .vertical-menu > ul.menu li:first-child > ul.sub-menu, .widget-container .vertical-menu > ul.menu li:first-child > ul.sub-menu{ top:-2px; } header.asp-header .menu-wrapper .vertical-menu > ul.menu li:nth-child(2) > ul.sub-menu, .widget-container .vertical-menu > ul.menu li:nth-child(2) > ul.sub-menu{ top:-50px; } header.asp-header .menu-wrapper .vertical-menu > ul.menu > li.menu-item-has-children > a:after, .widget-container .menu-wrapper .vertical-menu > ul.menu > li.menu-item-has-children > a:after, header.asp-header .menu-wrapper .vertical-menu > ul.menu > li.parent > a:after, .widget-container .menu-wrapper .vertical-menu > ul.menu > li.parent > a:after, ul.menu li.parent.no-sub-menu > a:after, ul.menu li.parent.no-sub-menu > a span:after{ display:none !important } header.asp-header .menu-wrapper .vertical-menu.pc-menu > ul.menu > li.menu-item-has-children:not(.parent) > a:before, .widget-container .vertical-menu > ul.menu > li.menu-item-has-children:not(.parent) > a:before, header.asp-header .menu-wrapper .vertical-menu.pc-menu > ul.menu > li.parent > a >.menu-label:after, .widget-container .vertical-menu > ul.menu > li.parent > a >.menu-label:after{ content: "\f054" !important ;/* rtl */ right:0 !important; /* rtl */ } /* END SUB MENU */ /* END VERTICAL MENU */ /* WIDGET MEGA MENU */ /* Right Sidebar */ #right-sidebar .widget-container .vertical-menu > ul.menu li > ul.sub-menu, .right-sidebar .widget-container .vertical-menu > ul.menu li > ul.sub-menu{ right:100% !important; left:auto !important; } #right-sidebar .widget-container .vertical-menu > ul.menu li > ul.sub-menu, .right-sidebar .widget-container .vertical-menu > ul.menu li > ul.sub-menu{ left:auto !important; /* rtl */ right:100% !important; /* rtl */ } #right-sidebar .widget-container nav.vertical-menu > ul.menu li .menu-icon, .right-sidebar .widget-container nav.vertical-menu > ul.menu li .menu-icon{ padding:0 0 0 15px; /* rtl */ width:30px; display:inline-block; float:right; } #right-sidebar .widget-container .vertical-menu > ul.menu > li.parent > a >.menu-label:after, .right-sidebar .widget-container .vertical-menu > ul.menu > li.parent > a >.menu-label:after, #right-sidebar .widget-container ul.menu ul.sub-menu li.widget_nav_menu li.menu-item-has-children > a:after, .right-sidebar .widget-container ul.menu ul.sub-menu li.widget_nav_menu li.menu-item-has-children > a:after, #right-sidebar .widget-container ul.menu ul.sub-menu li.widget_nav_menu li.menu-item-has-children > a >.menu-label:after, .right-sidebar .widget-container ul.menu ul.sub-menu li.widget_nav_menu li.menu-item-has-children > a >.menu-label:after{ right:auto !important; left:0 !important; content: "\f053" !important ;/* rtl */ } #right-sidebar .widget-container nav.vertical-menu > ul.menu > li > a, .right-sidebar .widget-container nav.vertical-menu > ul.menu > li > a{ text-align:right; /* rtl */ padding-right:0 !important; } #right-sidebar .widget-container nav.vertical-menu > ul.menu li.widget_nav_menu .widgettitle, .right-sidebar .widget-container nav.vertical-menu > ul.menu li.widget_nav_menu .widgettitle { text-align:right;/* rtl */ } #right-sidebar .widget-container ul.menu ul.sub-menu li.widget_nav_menu li > a, .right-sidebar .widget-container ul.menu ul.sub-menu li.widget_nav_menu li > a{ /* padding:12px 0 12px 15px; */ display:inline-block; text-align:right /* rtl */ } /* WIDGET MEGA MENU */ #right-sidebar .widget-container.asp-menus-widget .widget-title, .right-sidebar .widget-container.asp-menus-widget .widget-title{ padding:16px 50px 15px 14px;/* rtl */ text-align:right /* rtl */ } #right-sidebar .widget-container.asp-menus-widget .widget-title:before, .right-sidebar .widget-container.asp-menus-widget .widget-title:before{ right:20px;/* rtl */ left:auto; } /* End Right Sidebar */ .widget-container .vertical-menu > ul.menu{ margin:0; padding:0; } .widget-container.asp-menus-widget .widget-title{ /* padding:16px 14px 15px 50px; */ font-weight:bold !important; transition:all 200ms ease-in-out 0s; text-align:left /* rtl */ } .widget-container.asp-menus-widget .widget-title{ -webkit-animation-duration: 1.1s; -moz-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -webkit-animation-name: animation_text_categories; -moz-animation-name: animation_text_categories; animation-name: animation_text_categories; } /* Text shadow 1 */ @-webkit-keyframes animation_text_categories { from {text-shadow:none} to {text-shadow:0 0 5px rgba(255,255,255,0.5)} } @-moz-keyframes animation_text_categories { from {text-shadow:none} to {text-shadow:0 0 5px rgba(255,255,255,0.5)} } @keyframes animation_text_categories { from {text-shadow:none} to {text-shadow:0 0 5px rgba(255,255,255,0.5)} } .widget-container.asp-menus-widget .widget-title:before{ font-family: "Font Awesome 5 Free"; background:transparent; content: "\f03a"; position:absolute; font-weight:300; left:20px;/* rtl */ top:16px; right:auto; bottom:auto; transition:all 200ms ease-in-out 0s; height:auto; border:0; } .widget-container.asp-menus-widget .widget-title:after{ display:none; } .widget-container.asp-menus-widget{ padding:0; } .widget-container .vertical-menu > ul.menu > li{ position:relative; z-index:999; } .widget-container .vertical-menu > ul.menu li ul.sub-menu{ position:absolute; z-index:999; } /* Sub widget mega menu */ .widget-container .vertical-menu > ul.menu ul li > a:before{ display:none; } /* END WIDGET MEGA MENU */ /* MENU MAIN */ .has-vertical-menu .asp-menu{ position:relative; } .has-vertical-menu .asp-menu > .pc-menu{ margin-left:23.85%;/* rtl */ } /* Menu phone */ .visible-sticky{ display:none !important } .mobile-menu-wrapper{ display:none; } /* end menu phone */ .asp-menu-drop-icon{ display:none } header.asp-header .menu-wrapper nav > ul.menu, header.asp-header .asp-menu > .menu > ul{ margin:0;padding:0; } header.asp-header .menu-wrapper nav > ul.menu > li, header.asp-header .asp-menu > .menu > ul > li{ float:left;list-style:none; position:relative;padding:0 2px; } header.asp-header .menu-wrapper nav > ul.menu > li:hover, header.asp-header .asp-menu > .menu > ul > li:hover{ z-index:99993; } header.asp-header .menu-wrapper nav > ul.menu > li > a, header.asp-header .asp-menu > .menu > ul > li > a, .widget-container .vertical-menu > .menu > li > a{ text-align:center;display:inline-block; padding:15px 20px;position:relative; } header.asp-header .menu-wrapper nav > ul.menu > li a:hover, header.asp-header .asp-menu > .menu > ul > li > a:hover{ text-decoration:none; } header.asp-header .menu-wrapper nav > ul.menu > li.parent > a:after, header.asp-header .menu-wrapper nav > ul.menu > li.menu-item-has-children > a:after{ position:absolute; content: "\f0d8"; font-family: "Font Awesome 5 Free"; font-size:18px; line-height:7px; height:7px; right:50%;/* rtl */ margin-right:-5px; bottom:-2px; z-index:3; opacity:0; visibility:hidden; display:none; background:transparent !important; } header.asp-header .menu-wrapper nav > ul.menu > li.menu-item-has-children:hover > a:after, header.asp-header .menu-wrapper nav > ul.menu > li.parent:hover > a:after{ display:block; -webkit-animation-duration: .25s; -moz-animation-duration: .25s; animation-duration: .25s; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: navi_icon_animation; -moz-animation-name: navi_icon_animation; animation-name: navi_icon_animation; } @-moz-keyframes navi_icon_animation { 0% {opacity: 0;bottom:-10px;visibility:hidden} 100% {opacity: 1;bottom:-2px;visibility:visible} } @-webkit-keyframes navi_icon_animation { 0% {opacity: 0;bottom:-10px;visibility:hidden} 100% {opacity: 1;bottom:-2px;visibility:visible} } @keyframes navi_icon_animation { 0% {opacity: 0;bottom:-10px;visibility:hidden} 100% {opacity: 1;bottom:-2px;visibility:visible} } header.asp-header .menu-wrapper nav.pc-menu.vertical-menu > ul.menu > li.parent > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu > li.parent.menu-item-has-children > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu li.parent.menu-item-has-children > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu > li.parent > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.menu-item-has-children > a:after, .widget-container .vertical-menu > ul.menu > li.parent > a >.menu-label:after, .widget-container .vertical-menu > ul.menu > li.parent.menu-item-has-children > a >.menu-label:after, .widget-container .vertical-menu > ul.menu li.parent.menu-item-has-children > a >.menu-label:after, .widget-container .vertical-menu > ul.menu > li.parent > a >.menu-label:after, .widget-container .vertical-menu > ul.menu ul li.menu-item-has-children > a:after{ content: "\f107"; font-family: "Font Awesome 5 Free"; padding:0 0 0 5px;/* rtl */ display:inline-block; position:absolute; top:50%;right:10px;/* rtl */ transform: translate(0,-50%); } header.asp-header .menu-wrapper nav.pc-menu > ul.menu > li.menu-item-has-children:not(.parent) > a:before{ content: "\f107"; font-family: "Font Awesome 5 Free"; padding:0 0 0 5px;/* rtl */ display:inline-block; position:absolute; top:50%;right:10px;/* rtl */ transform: translate(0,-50%); } header.asp-header .menu-wrapper nav.pc-menu ul.menu > li.parent > a, header.asp-header .menu-wrapper nav.pc-menu ul.menu > li.menu-item-has-children:not(.parent) > a{ padding-right:24px;/* rtl */ } header.asp-header .menu-wrapper nav > ul.menu li.fa > a{ padding-left:28px;/* rtl */ } header.asp-header .menu-wrapper nav > ul.menu li:before{ font-family: "Font Awesome 5 Free"; position:absolute; top:50%; transform: translate(0,-50%); left:14px;/* rtl */bottom:auto;right:auto; z-index:1; transition: all 200ms ease 0s; } header.asp-header .menu-wrapper nav > ul.menu li .menu-icon{ padding:0 5px 0 0 /* rtl */; line-height:16px; display:inline-block; } header.asp-header .menu-wrapper nav > ul.menu li .menu-desc{ text-transform:none; } /* SUB MENU */ header.asp-header .menu-wrapper nav > ul.menu li .asp-megamenu-widgeasp-container > ul, .widget-container .vertical-menu > ul.menu li .asp-megamenu-widgeasp-container > ul{ display:block; padding:0; margin:0 -10px; } .asp-mega-menu{ margin:0 -10px; overflow:hidden; } header.asp-header .menu-wrapper nav.pc-menu.vertical-menu > ul.menu ul li.parent > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.parent.menu-item-has-children > a >.menu-label:after, header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.menu-item-has-children > a:after, .widget-container .vertical-menu > ul.menu > li.parent > a >.menu-label:after, .widget-container .vertical-menu > ul.menu > li.parent.menu-item-has-children > a >.menu-label:after, .widget-container .vertical-menu > ul.menu li.parent.menu-item-has-children > a >.menu-label:after, .widget-container .vertical-menu > ul.menu > li.parent > a >.menu-label:after, .widget-container .vertical-menu > ul.menu ul li.menu-item-has-children > a:after{ right:8px;/* rtl */ content: "\f054";/* rtl */ } header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul li.menu-item-has-children.parent > a:after{ display:none; } header.asp-header .menu-wrapper nav.pc-menu > ul.menu ul ul li.parent > a >.menu-label:after{ right:-35px;/* rtl */ content: "\f054";/* rtl */ } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu, .widget-container .vertical-menu li ul.sub-menu{ position:absolute;z-index:99990; left:-10px;/* rtl */ top:100%; margin:0; padding:20px 30px 40px 30px; width:270px; text-align:left;/* rtl */ display:none; visibility:hidden; opacity:0; } header.asp-header .menu-wrapper nav:not(.vertical-menu) > ul.menu > li:first-child > ul.sub-menu{ left:-10px !important; margin:0 !important; } header.asp-header .menu-wrapper nav > ul.menu > li:first-child > ul.sub-menu{ left:100% !important; } header.asp-header .asp-menu > nav > ul.menu li:hover > ul.sub-menu{ -webkit-animation-duration: .25s; -moz-animation-duration: .25s; animation-duration: .25s; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: navi_animation; -moz-animation-name: navi_animation; animation-name: navi_animation; display:block; } @-moz-keyframes navi_animation { 0% {opacity: 0;margin-top:8px;visibility:hidden} 100% {opacity: 1;margin-top:0;visibility:visible} } @-webkit-keyframes navi_animation { 0% {opacity: 0;margin-top:8px;visibility:hidden} 100% {opacity: 1;margin-top:0;visibility:visible} } @keyframes navi_animation { 0% {opacity: 0;margin-top:8px;visibility:hidden} 100% {opacity: 1;margin-top:0;visibility:visible} } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu{ z-index:99990; transform-origin:0 100% 0; -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu ul.sub-menu{ z-index:99991; } header.asp-header .menu-wrapper nav > ul.menu li.hide > ul.sub-menu, header.asp-header .menu-wrapper nav > ul.menu > li.parent.hide:hover > a:after{ display:none; } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu:before, .widget-container .vertical-menu > ul.menu li ul.sub-menu:before{ content:""; position:absolute; top:0;right:0;left:0; bottom:0; z-index:-1; border-width:2px 0 0 0; border-style:solid; box-shadow:0 2px 4px rgba(0,0,0,0.1); } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu{ left:100%; /* rtl */ width:270px; top:-20px; } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu li:first-child ul.sub-menu{ top:-20px; } header.asp-header .menu-wrapper nav.vertical-menu > ul.menu li ul.sub-menu li:first-child ul.sub-menu, .widget-container .vertical-menu > ul.menu li ul.sub-menu li:first-child ul.sub-menu{ top:-20px; } header.asp-header .menu-wrapper nav.vertical-menu > ul.menu li ul.sub-menu, .widget-container .vertical-menu > ul.menu li ul.sub-menu{ max-width:750px !important; } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu ul.sub-menu:before{ left:0;/* rtl */ } header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu > li, header.asp-header .menu-wrapper nav li.widget_nav_menu li, header.asp-header .menu-wrapper nav div.list-link li, header.asp-header .menu-wrapper nav > ul.menu li.asp-normal-menu ul.sub-menu li, .widget-container .vertical-menu > ul.menu li ul.sub-menu > li, .widget-container .vertical-menu li.widget_nav_menu li, .widget-container .vertical-menu div.list-link li, .widget-container .vertical-menu > ul.menu li.asp-normal-menu ul.sub-menu li{ list-style:none; padding:0; border-width:1px 0 0 0; border-style:solid; width:100%; transition:padding 200ms ease-in-out 0s; position:relative; } /* Header version 1 */ .header-top{ padding-top:7px; padding-bottom:7px; } .header-top .header-top-left{ width:50%; display:inline-block; float:left; } .header-top .header-top-right{ width:50%; display:inline-block; float:right; } .header-v6 .header-top .header-top-right, .header-v8 .header-top .header-top-right{ width:65%; } .header-v6 .header-top .header-top-left, .header-v8 .header-top .header-top-left{ width:35%; } .header-v6.hidden-search .header-top .header-top-right, .header-v6.hidden-search .header-top .header-top-left, .header-v8.hidden-search .header-top .header-top-right, .header-v8.hidden-search .header-top .header-top-left{ width:50%; } .header-top .header-top-right{ text-align:right /* rtl */ } .info-desc .fa{ margin-right:10px /* rtl */ } .info-desc > span, .my-account-wrapper .account-control > a, .info-desc span, .my-account-wrapper, .my-wishlist-wrapper *{ display:inline-block; position:relative; } .info-desc > span:last-child:before, .header-top-right .group-meta-header > div:last-child:before, .header-top-right .group-meta-header > div:before{ content:""; top:5px; bottom:5px; left:-14px;/* rtl */ width:1px; border-width:0 1px 0 0; border-style:solid; position:absolute; opacity:0.2; } .info-desc > span:first-child, .header-top-right .group-meta-header > div:first-child, .header-top-right .group-meta-header > div{ margin-right:28px; /* rtl */ position:relative; display:inline-block; } .info-desc > span:last-child, .header-top-right .group-meta-header > div:last-child{ margin-right:0; /* rtl */ } .info-desc > span:first-child:before, .header-top-right .group-meta-header > div:first-child:before{ display:none; } /* Languange */ .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{ border:0; padding:0; background:transparent !important; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{ border:0; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover{ background:transparent; } .wpml-ls-legacy-list-horizontal, .wpml-ls-legacy-list-vertical{ padding:0; border:0; display:inline-block; } .wpml-ls-legacy-list-horizontal a, .wpml-ls-legacy-list-vertical a{ padding-top:0; padding-bottom:0; border:0; } .wpml-ls-legacy-dropdown-click a span, .wpml-ls-legacy-list-vertical a span, .wpml-ls-legacy-list-horizontal a span, .wpml-ls-legacy-dropdown a span, .wpml-ls-legacy-list-vertical .wpml-ls-flag, .wpml-ls-legacy-dropdown .wpml-ls-flag{ vertical-align:initial; } .wpml-ls-legacy-list-vertical .wpml-ls-item{ display:inline-block; } .wpml-ls a.wpml-ls-item-toggle:after{ display:none; } .wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:hover, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a{ color:inherit; } #lang_sel_click, .wpml-ls { z-index:99991; position:relative; width:auto; } #lang_sel_click ul, .wpml-ls ul{ margin:0; } #lang_sel_click ul ul, .wpml-ls ul ul.wpml-ls-sub-menu{ position:absolute; padding:20px 20px 20px 20px; width:200px; right:50%; left:auto; margin-right:-100px; opacity:0; border:0; top:100%; } #lang_sel_click > ul li, .wpml-ls > ul li{ position:relative; list-style:none; padding:0; margin:0; z-index:99991; } #lang_sel_click > ul li a img, .wpml-ls > ul li a img{ vertical-align:middle; margin-right:5px;/* rtl */ } #lang_sel_click > ul li a .icl_lang_sel_translated, .wpml-ls > ul li a .icl_lang_sel_translated{ padding:0 5px; } #lang_sel_click ul ul li, .wpml-ls ul ul li.wpml-ls-item{ padding:0; border-width:1px 0 0 0; border-style:solid; } #lang_sel_click ul ul li:first-child, .wpml-ls ul ul li.wpml-ls-item:first-child{ border:0; } #lang_sel_click ul ul li a, .wpml-ls ul ul li a{ width:100%; display:inline-block; padding:8px 8px 8px 0; } .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{ border-width:0; } #lang_sel_click ul ul li a:hover, .wpml-ls ul ul li a:hover{ background:rgba(229,229,229,0.15); padding:8px 0 8px 8px; } #lang_sel_click ul > li:hover ul{ opacity:1; visibility:visible !important; } /* Currency */ .header-currency { z-index:99991; position:relative; } .header-currency ul{ position:absolute; padding:20px 20px 20px 20px; width:200px; right:50%; left:auto; margin-right:-100px; opacity:0; top:100%; } header .header-currency > img{ position: absolute; left: 0; top: 2px; margin-left: 5px !important; } .header-currency ul li{ position:relative; list-style:none; margin:0; z-index:99991; border-width:1px 0 0 0; border-style:solid; width:100%; display:inline-block; padding:8px 8px 8px 0; transition:all 260ms ease 0s; cursor:pointer; } .header-currency ul li:first-child{ border:0; } .header-currency ul li:hover{ background:rgba(229,229,229,0.15); padding:8px 0 8px 8px; } .header-currency:hover ul{ opacity:1; visibility:visible !important; } /* Header version 4 */ .header-top{ border-width:0 0 1px 0; border-style:solid; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 3. HEADER MIDDLE --------------------------------------------------------------------------------------------------*/ .header-middle{ padding-top:40px; padding-bottom:40px; } .header-v6 .header-middle{ padding-top:0; padding-bottom:0; } .header-v3 .header-middle > .container, .header-v5 .header-middle > .container{ max-width:100%; width:100%; padding:0; } .header-middle > .container { display:table; } .header-v5 .header-middle > .container { table-layout:fixed; } .header-middle > .container > div{ vertical-align:middle; display:table-cell; } /* SHOPPING CART */ .shopping-cart-wrapper, .header-v1 .search-wrapper{ text-align:right /* rtl */ } .shopping-cart-wrapper { line-height:0; } .shopping-cart-wrapper a.cart-control .cart-total{ font-weight:bold; } .shopping-cart-wrapper a.cart-control{ display:inline-block; padding:7px 10px 7px 50px; /* rtl */ } .shopping-cart-wrapper .asp-tiny-cart-wrapper{ line-height:0; } .shopping-cart-wrapper .asp-tiny-cart-wrapper{ border-width:1px; border-style:solid; padding:0; text-align:left; /* rtl */ position:relative; } .asp-tiny-cart-wrapper .ic-cart .ic{ border-bottom: 10px solid #fff; border-left: 2px solid transparent; border-right: 2px solid transparent; height: 0; width: 16px; position:absolute; content:""; left:12px;/* rtl */ top:15px; z-index:2; transition: all 200ms ease 0s; } .asp-tiny-cart-wrapper .ic-cart .ic:after{ position:absolute; content:""; top:-4px; left:2px; width:8px; height:8px; display:inline-block; background:transparent; border-width:1px; border-style:solid; border-radius:100%; z-index:1; transition: all 200ms ease 0s; } .asp-tiny-cart-wrapper .ic-cart:after{ position:absolute; content:""; left:0;/* rtl */ width:40px; top:0;bottom:0; } /* SEARCH HEADER */ .header-v1 .search-wrapper{ position:relative; } .header-v1 .search-wrapper .asp-search-by-category{ line-height:0; background:rgba(255,255,255,0.1); } .category-dropdown.select2-container--open .select2-dropdown{ left:-1px;/* rtl */ } body .category-dropdown .select2-search--dropdown{ padding-top:0; } .header-v1 .asp-search-by-category form > .select2, .header-v1 .asp-search-by-category select.select-category, header.asp-header .header-v1 .search-content input[type="text"]{ background:transparent !important; } #asp-search-result-container{ z-index:99991; } #asp-search-result-container li a span.hightlight{ font-weight:bold; } #asp-search-result-container ul { padding:0; margin:0; position:relative; z-index:2; } #asp-search-result-container ul.has-view-all:before{ bottom:-50px; } #asp-search-result-container .view-all-wrapper{ padding:10px 15px; border-width:1px 0 0 0; border-style:solid; position:relative; text-align:center; z-index:2; } #asp-search-result-container .view-all-wrapper a:hover{ text-decoration:none; } #asp-search-result-container ul:before{ position:absolute; left:0;right:-1px;bottom:0;top:0; border-width:1px; border-style:solid; content:""; z-index:0; } body #asp-search-result-container ul:before, body #asp-search-result-container ul li, #asp-search-result-container .view-all-wrapper{ border-color:#e5e5e5; } #asp-search-result-container ul li:first-child{ border:0; } #asp-search-result-container ul li{ list-style:none; padding:15px 15px 12px 15px; border-width:1px 0 0 0; border-style:solid; position:relative; z-index:2; clear:both; } #asp-search-result-container ul li a{ padding:0; display:inline-block; } #asp-search-result-container ul li a:hover{ text-decoration:none; } header.asp-header .search-content{ display:inline-block; } .header-v1 .asp-search-by-category{ position:relative; width:520px; border-width:1px; border-style:solid; display:inline-block; } .header-v1 .search-content input[type="text"]{ padding-left:20px ;/* rtl */ padding-right:40px; /* rtl */ width:338px; max-width:100%; border:0; } .header-v1 .asp-search-by-category *{ position:relative; z-index:1; text-align:left; /* rtl */ } .header-v1 .asp-search-by-category form{ display:inline-block; } .header-v1 .asp-search-by-category .select2-container--default .select2-selection--single{ border:0; background:transparent; } .asp-search-by-category input[type="submit"]{ transition:none !important; } .header-v1 .asp-search-by-category .search-content input[type="submit"]{ position:absolute; right:10px;/* rtl */ top:50%; transform: translate(0,-50%); font-size:0; width:30px; height:26px; padding:0 !important; display:inline-block; float:left; background:url(images/image.png) 3px -26px no-repeat !important; opacity:0.6; border:0 !important; } .header-v2 .search-wrapper .search-content, .header-v4 .search-wrapper .search-content, .header-v6 .header-middle .search-wrapper .search-content{ border-width:1px; border-style:solid; } .header-v2 .search-wrapper .search-content input[type="text"], .header-v4 .search-wrapper .search-content input[type="text"], .header-v6 .header-middle .search-wrapper .search-content input[type="text"]{ border:0; } body #asp-search-result-container ul:before{ background:#ffffff; } .asp-search-by-category .search-content.loading input[type="submit"], .header-v2 .search-wrapper .search-content.loading ~ div input[type="submit"], .header-v3 .search-wrapper .search-content.loading ~ div input[type="submit"], .header-v4 .search-wrapper .search-content.loading ~ div input[type="submit"], .header-v5 .search-wrapper .search-content.loading ~ div input[type="submit"], header.asp-header .header-v8 .search-content.loading ~ div input[type="submit"], header.asp-header .header-v6 .header-top .search-content.loading ~ div input[type="submit"], body:not(.ts_desktop) header.header-text-light .header-v3 .search-wrapper .search-content.loading ~ input[type="submit"], body:not(.ts_desktop) header.header-text-light .header-v5 .search-wrapper .search-content.loading ~ input[type="submit"], header.header-text-light .header-v3 .sticky-wrapper:not(.is-sticky) .search-wrapper .search-content.loading ~ input[type="submit"], header.header-text-light .header-v5 .sticky-wrapper:not(.is-sticky) .search-wrapper .search-content.loading ~ input[type="submit"], header.header-text-light .header-v3.header-template > .header-middle .search-wrapper .search-content.loading ~ input[type="submit"], header.header-text-light .header-v5.header-template > .header-middle .search-wrapper .search-content.loading ~ input[type="submit"], header.header-text-light:not(.has-sticky) .header-v3 .search-wrapper .search-content.loading ~ input[type="submit"], header.header-text-light:not(.has-sticky) .header-v5 .search-wrapper .search-content.loading ~ input[type="submit"]{ background-image:url(images/ajax-loader.gif) !important; background-position:center !important; transition:none; } .header-v1 .asp-search-by-category .search-content input[type="submit"]:hover{ background-position:3px -51px !important; opacity:1; } .header-v1 .asp-search-by-category form > .select2{ width:180px !important; height:auto; border:0; float:left;/* rtl */ min-height: 42px; } .header-v1 .asp-search-by-category .select2-selection .select2-selection__rendered{ float:left;/* rtl */ font-weight:bold; padding:11px 35px 11px 20px; /* rtl padding top and padding bottom same input padding of reset.css */ border:0; background:none; border-radius:0; position:relative; } .header-v1 .asp-search-by-category select{ width:180px; height:auto; border:0; float:left;/* rtl */ padding:10px 35px 10px 20px;/* rtl */ appearance:none; -moz-appearance:none; -webkit-appearance:none; font-weight:bold; background-image: url(images/icon-select-categories.png); } .header-v1 .asp-search-by-category .select2-selection .select2-selection__rendered:before { position: absolute; right: 0; bottom: 8px; top: 8px; content: ""; border-width: 0 1px 0 0; border-style: solid; content: ""; width: 1px; opacity: 0.4; } /* Search version 2 */ .header-v2 .search-wrapper, .header-v4 .search-wrapper{ width:33.333333%; } .header-v2 .search-wrapper form, .header-v4 .search-wrapper form, .header-v6 .search-wrapper form, .search-wrapper.search-mobile form, .header-v8 .search-wrapper form{ position:relative; } .header-v2 .search-wrapper .search-field, .header-v2 .search-wrapper form, .header-v4 .search-wrapper .search-field, .header-v4 .search-wrapper form{ max-width:270px; display:inline-block; width:100%; } .header-v2.hidden-cart.show-search .search-wrapper .search-field, .header-v2.hidden-cart.show-search .search-wrapper form, .header-v4.hidden-cart.show-search .search-wrapper .search-field, .header-v4.hidden-cart.show-search .search-wrapper form{ max-width:320px; } .header-v2 .search-wrapper input[type="text"], .header-v4 .search-wrapper input[type="text"], .header-v6 .header-middle .search-wrapper input[type="text"], header.asp-header .header-v8 .header-middle .search-wrapper input[type="text"], .header-middle .search-wrapper.search-mobile input[type="text"]{ padding-right:33px; /* rtl */ } .header-v2 .search-wrapper input[type="submit"], .header-v4 .search-wrapper input[type="submit"], .header-v6 .header-middle .search-wrapper input[type="submit"], header.asp-header .header-v8 .header-middle .search-wrapper input[type="submit"], .header-middle .search-wrapper.search-mobile input[type="submit"]{ position:absolute; right:8px; /* rtl */ top:7px; content:""; font-size:0; background:url(images/image.png) 3px -26px no-repeat !important; opacity:0.8; z-index:2; border:0 !important; padding:0 !important; width:30px; height:30px; transition:all 300ms ease 0s; } .header-v2 .search-wrapper input[type="submit"]:hover, .header-v4 .search-wrapper input[type="submit"]:hover, .header-v6 .header-middle .search-wrapper input[type="submit"]:hover, header.asp-header .header-v8 .header-middle .search-wrapper input[type="submit"]:hover, .header-middle .search-wrapper.search-mobile input[type="submit"]:hover{ background-position:3px -51px !important; opacity:1; } /* Search version 3 */ header.asp-header .header-v3 .header-middle, header.asp-header .header-v3 .sticky-wrapper.is-sticky .header-sticky, header.asp-header .header-v5 .header-middle, header.asp-header .header-v5 .sticky-wrapper.is-sticky .header-sticky{ padding:0 50px; border:0; } .header-v3 .header-middle:before{ position:absolute; left:0; right:0; bottom:0; top:0; content:""; opacity:0; z-index:-1; transition:all 300ms ease 0s; } /* Search version 6 */ .header-v6 .shopping-cart-wrapper .dropdown-container{ padding-top:62px; } .header-v6 .shopping-cart-wrapper .dropdown-container:before{ top:38px; } .header-v6 .shopping-cart-wrapper .ic-cart:before{ margin-bottom:-31px; } header.asp-header .header-v6 .header-top .search-wrapper, header.asp-header .header-v8 .header-top .search-wrapper{ margin-bottom:-10px; margin-top:-10px; position:relative; top:-1px; } header.asp-header .header-v6 .header-top .search-wrapper input[type="text"], header.asp-header .header-v8 .header-top .search-wrapper input[type="text"]{ background:transparent; border:0; padding-left:5px; padding-right:30px; padding-top:10px; padding-bottom:11px; } .header-top-right .group-meta-header > div.search-wrapper:before{ top:8px; bottom:9px; } header.asp-header .header-v6 .header-top .search-wrapper input[type="submit"]{ position:absolute; right:2px; /* rtl */ top:8px; content:""; font-size:0; background:url(images/image.png) -95px 0px no-repeat !important; opacity:0.7; z-index:2; border:0 !important; padding:0 !important; width:20px; height:20px; transition:all 300ms ease 0s; } header.asp-header .header-v6 .header-top .search-wrapper input[type="submit"]:hover{ background-position:-117px 0px !important; opacity:1; } /* Menu version 3 */ header.asp-header .header-v3 .menu-wrapper, header.asp-header .header-v5 .menu-wrapper{ line-height:0; } header.asp-header .header-v3 .menu-wrapper .asp-menu, header.asp-header .header-v5 .menu-wrapper .asp-menu{ display:inline-block; } header.asp-header .header-v3 .menu-wrapper nav > ul.menu li.asp-megamenu-fullwidth ul.sub-menu, header.asp-header .header-v5 .menu-wrapper nav > ul.menu li.asp-megamenu-fullwidth ul.sub-menu{ padding-left:50px; padding-right:50px; } header.asp-header .header-v3 .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v3 .asp-menu > .menu > ul > li > a, header.asp-header .header-v5 .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v5 .asp-menu > .menu > ul > li > a{ padding:32px 15px !important; } header.asp-header .header-v6 .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v6 .asp-menu > .menu > ul > li > a{ padding:48px 15px !important; } header.asp-header .header-v6 .menu-wrapper nav, header.asp-header .header-v6 .asp-menu{ float:right;/* rtl */ } .header-v3 .menu-wrapper nav.pc-menu > ul.menu > li.parent > a >.menu-label:after, .header-v5 .menu-wrapper nav.pc-menu > ul.menu > li.parent > a >.menu-label:after, .header-v6 .menu-wrapper nav.pc-menu > ul.menu > li.parent > a >.menu-label:after{ display:none !important; } header.asp-header .header-v3 .menu-wrapper nav > ul.menu li.fa > a, header.asp-header .header-v5 .menu-wrapper nav > ul.menu li.fa > a, header.asp-header .header-v6 .menu-wrapper nav > ul.menu li.fa > a{ padding-left:20px;/* rtl */ } /* Menu Version 4 */ .header-v4 .menu-wrapper{ text-align:center; line-height:0; } .header-v4 .menu-wrapper .asp-menu{ display:inline-block; text-align:left; /* rtl */ } /* Header Version 6 */ .header-v6 .shopping-cart-wrapper{ margin-left:30px; /* rtl */ } .header-v6 .header-middle > .logo-wrapper{ display:none; } /* Header version 3 */ .header-v3 .menu-wrapper{ text-align:center; width:64%; } .header-v3.hidden-search.hidden-cart.hidden-wishlist.hidden-myaccount .menu-wrapper{ width:100%; } .header-v3.hidden-search.hidden-cart.hidden-wishlist.hidden-myaccount .group-button-icon-header{ display:none !important; } .header-v3 .search-wrapper{ width:18%; padding:0; } .header-v3 .search-wrapper form, .header-v5 .search-wrapper form{ position:relative; } .header-v3 .search-wrapper .search-field, .header-v3 .search-wrapper form, .header-v5 .search-wrapper .search-field, .header-v5 .search-wrapper form{ max-width:200px; display:inline-block; width:100%; } .header-v3 .search-wrapper input[type="text"], .header-v5 .search-wrapper input[type="text"]{ border:0; background:transparent !important; padding-left:40px; /* rtl */ padding-right:0; } .header-v3 .search-wrapper input[type="submit"], .header-v5 .search-wrapper input[type="submit"]{ position:absolute; left:0; /* rtl */ top:7px; content:""; font-size:0; background:url(images/image.png) 2px 3px no-repeat !important; opacity:0.8; z-index:2; border:0 !important; padding:0 !important; width:30px; height:30px; transition:all 300ms ease 0s; } .header-v3 .search-wrapper input[type="submit"]:hover, .header-v5 .search-wrapper input[type="submit"]:hover{ background-position:-24px 3px !important; opacity:1; } /* End Search Version */ .group-button-icon-header{ width:18%; } .group-button-icon-header .my-account-wrapper{ width:30px; } .group-button-icon-header .my-wishlist-wrapper a, .group-button-icon-header .account-control, .group-button-icon-header .my-account-wrapper .account-control > a{ font-size:0; line-height:0; } .group-button-icon-header > div{ padding-right:15px; margin-right:15px; position:relative; float:right;/* rtl */ } .group-button-icon-header > div:first-child{ padding-right:0; margin-right:0; } .group-button-icon-header > div:after{ position:absolute; right:0; left:auto; top:0; bottom:0; border-width:0 1px 0 0; border-style:solid; content:""; width:1px; opacity:0.15; } .group-button-icon-header > div:first-child:after{ display:none; } .group-button-icon-header .my-account-wrapper .account-control > a.log-out, .group-button-icon-header .my-account-wrapper .account-control > a.sign-up{ display:none !important; } .group-button-icon-header .my-account-wrapper .dropdown-container{ right:50%; left:auto; margin-right:-135px; } .group-button-icon-header .my-account-wrapper .account-control a:before{ content: "\f007"; font-family: "Font Awesome 5 Free"; } .group-button-icon-header .my-wishlist-wrapper a:before{ content: "\f004"; font-family: "Font Awesome 5 Free"; } /* Dropdown cart and account version 3 */ .group-button-icon-header .shopping-cart-wrapper .cart-total, .header-v3 .group-button-header-v5 .shopping-cart-wrapper .cart-total{ display:none; } .group-button-icon-header .my-account-wrapper .dropdown-container{ padding-top:50px; } .group-button-icon-header .my-account-wrapper .dropdown-container:before{ top:32px; } .group-button-icon-header .my-account-wrapper .asp-tiny-account-wrapper:before{ bottom:-34px; } .group-button-icon-header .my-account-wrapper:hover .asp-tiny-account-wrapper:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow2_icon_v3; -moz-animation-name: animation_dropdow2_icon_v3; animation-name: animation_dropdow2_icon_v3; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } @-moz-keyframes animation_dropdow2_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-41px; } 100% { opacity: 1; visibility:visible; bottom:-34px; } } @-webkit-keyframes animation_dropdow2_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-41px; } 100% { opacity: 1; visibility:visible; bottom:-34px; } } @keyframes animation_dropdow2_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-41px; } 100% { opacity: 1; visibility:visible; bottom:-34px; } } .group-button-icon-header .shopping-cart-wrapper:hover .ic-cart:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon_v3; -moz-animation-name: animation_dropdow_icon_v3; animation-name: animation_dropdow_icon_v3; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } @-moz-keyframes animation_dropdow_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-44px; } 100% { opacity: 1; visibility:visible; bottom:-37px; } } @-webkit-keyframes animation_dropdow_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-44px; } 100% { opacity: 1; visibility:visible; bottom:-37px; } } @keyframes animation_dropdow_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-44px; } 100% { opacity: 1; visibility:visible; bottom:-37px; } } .group-button-icon-header .shopping-cart-wrapper .dropdown-container{ padding:60px 0 20px 0; } .group-button-icon-header .shopping-cart-wrapper .dropdown-container:before{ top:35px; } .group-button-icon-header .shopping-cart-wrapper{ top:5px; } .group-button-icon-header .shopping-cart-wrapper .asp-tiny-cart-wrapper{ border:0; } .group-button-icon-header .shopping-cart-wrapper a.cart-control span.cart-number{ position:absolute; right:0; top:-12px; content:""; font-weight:700; } .group-button-icon-header .shopping-cart-wrapper a.cart-control span.cart-number:before, .group-button-icon-header .shopping-cart-wrapper a.cart-control span.cart-number:after{ display:none; } .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic{ position:relative; top:auto; left:auto; right:auto; bottom:auto; float:left; } .group-button-icon-header .shopping-cart-wrapper a.cart-control{ padding:0 15px 0 0; /* rtl */ } .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic:after{ border-color:#3f3f3f } .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic{ border-bottom-color:#3f3f3f } .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart:after{ display:none; } .group-button-icon-header .shopping-cart-wrapper .ic-cart:before{ left:3px; bottom:-37px; } /* Header version 5 */ .rs-visible-logo-v5{ display:none !important; } .header-v5 .menu-wrapper{ width:50%; text-align:center; } .header-v5 .search-wrapper{ display:inline-block; width:15%; padding:21px 0; } .header-v5 .group-button-icon-header{ width:15%; } .header-v5.hidden-cart .group-button-icon-header, .header-v5.hidden-myaccount .group-button-icon-header, .header-v5.hidden-wishlist .group-button-icon-header{ width:10%; } .header-v5.hidden-cart.hidden-myaccount .group-button-icon-header, .header-v5.hidden-myaccount.hidden-wishlist .group-button-icon-header, .header-v5.hidden-wishlist.hidden-cart .group-button-icon-header{ width:6%; } .header-v5.hidden-cart .menu-wrapper, .header-v5.hidden-myaccount .menu-wrapper, .header-v5.hidden-wishlist .menu-wrapper{ width:55%; } .header-v5.hidden-cart.hidden-myaccount .menu-wrapper, .header-v5.hidden-myaccount.hidden-wishlist .menu-wrapper, .header-v5.hidden-wishlist.hidden-cart .menu-wrapper{ width:58%; } .header-v5.hidden-search .menu-wrapper{ width:65%; } .header-v5.hidden-cart.hidden-search .menu-wrapper, .header-v5.hidden-myaccount.hidden-search .menu-wrapper, .header-v5.hidden-wishlist.hidden-search .menu-wrapper{ width:70%; } .header-v5.hidden-cart.hidden-myaccount.hidden-search .menu-wrapper, .header-v5.hidden-myaccount.hidden-cart.hidden-search .menu-wrapper, .header-v5.hidden-wishlist.hidden-myaccount.hidden-search .menu-wrapper{ width:74%; } .header-v5.hidden-search.hidden-cart.hidden-wishlist.hidden-myaccount .menu-wrapper{ width:80%; } .header-v5.hidden-cart.hidden-wishlist.hidden-myaccount .menu-wrapper{ width:60%; } .header-v5.hidden-cart.hidden-wishlist.hidden-myaccount .group-button-icon-header{ display:none !important; } .header-v5.hidden-cart.hidden-wishlist.hidden-myaccount .search-wrapper{ width:20%; } /* LOGO */ header.asp-header .logo-wrapper{ padding:0 0 0 0; } .logo-wrapper img.sticky-logo{ display:none; } .logo-wrapper .normal-logo.mobile-logo{ display:none; } header.asp-header .logo-wrapper .logo{ line-height:0; } header.asp-header .logo-wrapper a{ font-size:30px; line-height:32px; display:inline-block; max-width:100%; } header.asp-header .logo-wrapper a:hover{ text-decoration:none; } /* Version 2 */ .header-v2 .logo-wrapper, .header-v4 .logo-wrapper{ width:33.333333%; text-align:center; } .header-v2.hidden-cart.hidden-search .logo-wrapper, .header-v4.hidden-cart.hidden-search .logo-wrapper{ width:100% !important; text-align:center; } .header-v2.hidden-search.show-cart .logo-wrapper, .header-v4.hidden-search.show-cart .logo-wrapper, .header-v2.hidden-cart.show-search .logo-wrapper, .header-v4.hidden-cart.show-search .logo-wrapper{ width:50%; text-align:left /* rtl */ } .header-v2.hidden-cart.show-search .search-wrapper, .header-v4.hidden-cart.show-search .search-wrapper{ width:50%; text-align:right;/* rtl */ } .header-v2.hidden-cart.show-search .logo-wrapper, .header-v4.hidden-cart.show-search .logo-wrapper{ width:50%; text-align:left; /* rtl */ } /* Version 3 */ header.asp-header .menu-wrapper nav > ul.menu li.logo-header-menu > a{ padding-top:23px !important; padding-bottom:0 !important; } header.asp-header .header-v3 .menu-wrapper nav > ul.menu > li:hover > a, header.asp-header .header-v3 .asp-menu > .menu > ul > li:hover > a, header.asp-header .header-v3 .menu-wrapper nav > ul.menu li.fa:hover:before{ font-weight:normal !important; } header.asp-header .header-v3 .logo-wrapper{ display:none } /* Version 5 */ header.asp-header .header-v5 .logo-wrapper{ width:20%; padding:21px 0; } /* Version 8 */ .header-v8 .group-button-icon-header{ width:auto; } .header-v8 .vertical-menu-wrapper{ width:270px; } .header-v8 .has-vertical-menu .asp-menu > .pc-menu{ margin-left:280px;/* rtl */ margin-right:80px; /* rtl */ } .fullwidth-template-padding .fullwidth-template{ padding-left:30px; padding-right:30px; } header.asp-header .header-v8 .header-bottom > .container, header.asp-header .header-v8 .header-middle > .container, header.asp-header .header-v8 .header-top > .container{ max-width:100%; width:100%; padding-left:30px; padding-right:30px; } .content-middle-header .wpb_row, .content-middle-header .wpb_content_element, .content-middle-header .vc_tta-container{ margin-bottom:0; } .content-middle-header{ width:75%; } .info-footer{ margin-bottom:20px; } .content-middle-header .asp-feature-wrapper.feature-horizontal.icon-small{ padding-bottom:0; } header.asp-header .header-v8 .header-middle:after{ display:table; clear:both; content:""; } .header-v8 .group-button-icon-header .shopping-cart-wrapper .dropdown-container{ padding-top:42px; } .header-v8 .group-button-icon-header .shopping-cart-wrapper .dropdown-container:before{ top:17px; } .header-v8 .group-button-icon-header .shopping-cart-wrapper .ic-cart:before{ bottom:-19px; } .header-v8 .group-button-icon-header .shopping-cart-wrapper:hover .ic-cart:before{ -webkit-animation-name: animation_dropdow_icon_v8; -moz-animation-name: animation_dropdow_icon_v8; animation-name: animation_dropdow_icon_v8; } @-moz-keyframes animation_dropdow_icon_v8 { 0% { opacity: 0; visibility:hidden; bottom:-26px; } 100% { opacity: 1; visibility:visible; bottom:-19px; } } @-webkit-keyframes animation_dropdow_icon_v8 { 0% { opacity: 0; visibility:hidden; bottom:-26px; } 100% { opacity: 1; visibility:visible; bottom:-19px; } } @keyframes animation_dropdow_icon_v8 { 0% { opacity: 0; visibility:hidden; bottom:-26px; } 100% { opacity: 1; visibility:visible; bottom:-19px; } } /* Menu header version 8 */ header.asp-header .header-v8 .menu-wrapper nav:not(.vertical-menu) > ul.menu > li > a{ padding:15px 20px !important; } header.asp-header .header-v8 .menu-wrapper nav:not(.vertical-menu) > ul.menu > li.fa > a{ padding-left:34px !important;/* rtl */ } header.asp-header .header-v8 .menu-wrapper nav:not(.vertical-menu) > ul.menu > li.parent > a >.menu-label:after, header.asp-header .header-v8 .menu-wrapper nav:not(.vertical-menu) > ul.menu > li.menu-item-has-children:not(.parent) > a:after{ display:none !important; } header.asp-header .header-v8 .group-button-icon-header{ position:absolute; right:30px; /* rtl */ top:15px; } header.asp-header .header-v8 .search-wrapper input[type="submit"]{ position:absolute; right:2px; /* rtl */ top:8px; content:""; font-size:0; background:url(images/image.png) -144px 0px no-repeat !important; opacity:0.7; z-index:2; border:0 !important; padding:0 !important; width:20px; height:20px; transition:all 300ms ease 0s; } header.asp-header .header-v8 .search-wrapper input[type="submit"]:hover{ background-position:-167px 0px !important; opacity:1; } /* Footer Header version 8 */ .fullwidth-template-padding footer .footer-container > div > .container{ max-width:100%; width:100%; padding-left:15px; padding-right:15px; } .widget-container .horizontal-menu-footer .widget-container ul li{ display:inline-block; padding:0px 21px 12px 0; position:relative; } .horizontal-menu-footer .widget-container ul li:after{ content:""; position:absolute; left:auto; right:10px; top:4px; bottom:16px; width:1px; border-width:0 1px 0 0; border-style:solid; opacity:0.4; } .horizontal-menu-footer .widget-container ul li:last-child:after{ display:none } .horizontal-menu-footer .widget-container ul li a:hover{ text-decoration:none !important; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 4. HEADER BOTTOM --------------------------------------------------------------------------------------------------*/ header.asp-header .header-bottom{ clear:both; position:relative; z-index:998; width:100%; border-width:1px 0 0 0; border-style:solid; } header.asp-header .header-bottom:after, header.asp-header .header-v6 .header-middle:after{ position:absolute; content:""; top:100%; margin-top:0; left:0;right:0; height:20px; background:url(images/line-bottom-menu.png) top left repeat-x; z-index:0; opacity:0.8; } /* Version 4 */ header.asp-header .header-v4 .header-bottom{ clear:both; position:relative; z-index:998; width:100%; border:0; } /* Group button bottom menu header version 7 */ .group-button-icon-header > div:first-child:after{ display:block; } .group-button-icon-header > div{ float:left;/* rtl */ padding-right:20px;/* rtl */ margin-right:20px;/* rtl */ } .menu-wrapper nav > ul.menu > li.parent:hover > a:after, .menu-wrapper nav > ul.menu > li.menu-item-has-children:hover > a:after{ display:none !important } .cart-dropdown-form, .account-dropdown-form, .group-button-icon-header .ic-cart:before, .asp-tiny-account-wrapper:before, .group-button-icon-header > div.shopping-cart-wrapper:after{ display:none !important; } .header-middle > .container > div.group-button-icon-header{ overflow:hidden; margin-top:60px; padding:0 28px; } .group-button-icon-header div.shopping-cart-wrapper{ margin:0; padding:0; } .search-pc{ line-height:0; cursor:pointer; transition:all 200ms ease 0s; } /* Search popup form version 7 */ #asp-search-popup-button-close{ z-index:4; width:30px; height:30px; display:inline-block !important; cursor:pointer; font-size:24px; text-align:center; position:absolute; right:20px; /* rtl */ top:50%; transform: translate(0,-50%); } #asp-search-popup{ position:fixed; z-index:99; height:90px; padding:20px 0; left:250px;/* rtl */ right:0; top:-100%; bottom:auto; transition:all 400ms ease 0s; } .logged-in #asp-search-popup{ margin-top:32px; } #page.active-popup-search #asp-search-popup{ top:0; } #asp-search-popup input[type="text"]{ max-width:100%; } #asp-search-popup .search-table{ display:table; padding-right:70px;/* rtl */ table-layout:auto; width:100%; margin:0 auto; } #asp-search-popup form{ position:relative; z-index:2; } #asp-search-popup .search-content, #asp-search-popup .search-button{ display:table-cell; padding:2px; vertical-align:middle; } #asp-search-popup .search-button{ width:140px; } #asp-search-popup .search-button input[type="submit"]{ padding-left:0 !important; padding-right:0 !important; min-width:140px; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- II. MAIN CONTENT --------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ /* Dokan dashboard */ .select2-container, .woocommerce .select2-container.select2-container--open{ z-index:100000; } .woocommerce .select2-container{ z-index:99998; } .select2-container--default .select2-results > .select2-results__options { max-height: 190px; overflow-y: auto; } .dashboard .dokan-dash-sidebar ul li{ list-style:none; } #payment-form > fieldset{ padding:10px; } #payment-form > fieldset .dokan-form-group{ display:table; margin:0; padding:0; table-layout:auto; width:100%; } #payment-form > fieldset .dokan-form-group > *{ display:table-cell; vertical-align:middle; margin:0; float:none; padding-top:0; padding-bottom:0; width:auto; } #payment-form > fieldset .dokan-form-group .dokan-form-group{ margin-bottom:10px; } #payment-form .dokan-text-left{ margin:10px 0 !important; } .dokan-seller-listing .dokan-seller-search-form{ float:right; width:auto; } .dokan-seller-listing .dokan-seller-search-form > *{ display:inline-block; } .dokan-seller-listing .dokan-seller-search-form label input{ width:500px; } #nav-below{ clear:both; } h3.widget-title{ background:transparent; border-width:0; } .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info li:before{ top:17px; } .profile-frame .profile-info-box .profile-info li{ list-style:none; } .profile-frame .profile-info-box .profile-info{ margin:0 auto; display:block; max-height:300px; } .profile-frame .profile-layout-default .dokan-store-info{ padding-left:20px;/* rtl */ } .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info li.dokan-store-rating{ display:inline-block; float:none; width:100%; } .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper .profile-info-summery .profile-info .store-name{ margin-bottom:0; } .profile-frame .profile-info-box .profile-info i{ float:none; margin:0; } /* Widget */ .chart-container div.legend > div, .chart-container div.legend > table{ max-width: calc(100% - 42px); } .widget-container.widget_products ul.product_list_widget li .asp-wg-thumbnail, .woocommerce-page .widget-container.widget_products ul.product_list_widget li .asp-wg-thumbnail{ margin-right:15px;/* rtl */ } .widget-collapse { height: auto !important; display: block !important; } .footer-bottom{ clear: both !important; } .widget.store-contact ul li { border-bottom: none; } .dashboard-widget.products ul li, .dashboard-widget.orders ul li { padding:5px 0; } .dokan-widget-area .widget .widget-title { padding-bottom: 10px; } .category-menu #cat-drop-stack{ margin-top:20px; } .category-menu .sub-block h3{ padding:2px 0; margin:0; font-weight:normal; } #nav-below { padding-bottom: 1%; } #pv_seller_info_container, #pv_shop_description_container{ margin-bottom:30px; } .woocommerce-account .show_if_seller .pull-left{ float:none; } .mfp-bg{ z-index:99999; } .mfp-wrap{ z-index:100000; } .ui-datepicker{ z-index:999999 !important; } .dokan-order-filter-serach .dokan-form-group .datepicker{ float:left; width:auto; padding-top:12px; padding-bottom:12px !important; } .dokan-order-filter-serach .dokan-left .dokan-form-group .dokan-btn{ margin-top:8px; margin-left:10px;/* rtl */ } #dokan_commen .asp-form select{ max-width:none; width:200px; } #dokan_commen .asp-form .dokan-btn{ margin-left:10px;/* rtl */ } .dashboard .dokan-edit-sidebar .dokan-toggle-sidebar a{ margin-top:10px; } .product-edit-container #product-variations .wc-metabox table.data_table td{ padding:6px; } /* DOKAN POPUP */ .media-frame select{ height:28px; } .media-frame select, .wp-admin .media-frame select{ line-height:22px; } html body input.form-control{ background-color:#ffffff; background-image:none; border: 1px solid #EDEDED; padding:4px 6px; border-radius:0; color:#555555; display:block; font-size:14px; min-height:26px; line-height:26px; vertical-align:middle; width:100%; margin:0; } .dashboard .upload_image a.upload_image_button{ height:auto; width:auto; display:inline-block; } .product-edit-container #product-variations .wc-metabox table td.upload_image, .product-edit-container #product-variations .wc-metabox table td.options{ border-width:0; padding:10px; } .dokan-variable-attributes .weight-dimension .dokan-form-group{ margin-left:-5px; margin-right:-5px; overflow:hidden; } .dokan-variable-attributes .weight-dimension .dokan-form-group > input[type="text"]{ width:calc(33.33333% - 10px); float:left; margin:0 5px; } .category-menu #cat-drop-stack > ul li.parent-cat-wrap a{ margin:0; } body .category-menu #cat-drop-stack > ul li.parent-cat-wrap ul{ background:transparent !important; margin-top:0; } /* EFFECT IMAGE */ .asp-effect .overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.5); overflow: hidden; transition: all 0.5s; font-size:0; } .asp-effect .overlay:before { position: absolute; top:50%; left:50%; z-index: 100; width:50px; height:50px; content:"+"; font-weight:normal; font-family:"Times New Roman"; text-align: center; color: #fff; line-height: 50px; font-size: 38px; transform: translate(-50%,-50%); } .asp-effect:after { content:""; display:table; clear:both; } .asp-effect .item { position: relative; float: left; margin-bottom: 5px; width: 33.3333%; overflow: hidden; } .asp-effect .item-wrapper{ position:relative; } .asp-effect a.item-wrapper{ display:block; } .asp-effect .item-image{ position:relative; } .asp-effect .item a.link{ position:absolute; left:0;right:0;bottom:0;top:0; display:block; z-index:1; } .asp-effect .item img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; } /* EFFECT - SLIDE IN TOP */ .eff-background-from-top-icon .overlay { top: 0; left: 0; right: 0; width: 100%; height: 0; } .eff-background-from-top-icon .item:hover .overlay { height: 100%; } div#main{ min-height:600px; width:100%; clear:both; } /* Loading */ .asp-product .content-wrapper.loading{ max-height:400px; overflow:hidden; } .asp-product.list .content-wrapper.loading{ max-height:200px; } .asp-blogs-wrapper.loading .content-wrapper, .asp-product-in-category-tab-wrapper .column-products.loading{ height:420px; overflow:hidden; } .asp-producasp-widget .asp-producasp-widget-wrapper.loading, .asp-product-deals-widget .asp-product-deals-slider-wrapper.loading, .asp-recent-commenasp-widget .asp-recent-commenasp-widget-wrapper.loading, .list-posts article .gallery.loading, .single .gallery.loading, .asp-product-in-category-tab-wrapper .column-banners.loading, .asp-product-in-category-tab-wrapper .row-products.loading, .asp-product-in-category-tab-2-wrapper .row-content.loading{ height:300px; overflow:hidden; } /* Fix for blog */ .list-posts article .gallery.loading{ margin:0; } /* End Fix for blog */ .asp-blogs-widget .asp-blogs-widget-wrapper.loading, .asp-logo-slider-wrapper.loading .content-wrapper, .related-posts.loading .content-wrapper, .blogs article a.gallery.loading, .asp-testimonial-wrapper.loading, .asp-twitter-slider.loading, .asp-portfolio-wrapper.loading, .asp-product-in-sub-category-tab-wrapper .row-banners.loading{ height:200px; overflow:hidden; } .asp-product-category-slider-wrapper .content-wrapper.loading{ height:500px; overflow:hidden; } .thumbnail.loading, .widget-container .gallery.loading figure{ height:100px; overflow:hidden; } .asp-producasp-widget .asp-producasp-widget-wrapper.loading, .asp-product-deals-widget .asp-product-deals-slider-wrapper.loading, .asp-blogs-widget .asp-blogs-widget-wrapper.loading, .asp-recent-commenasp-widget .asp-recent-commenasp-widget-wrapper.loading, .blogs article a.gallery.loading, .asp-blogs-wrapper.loading .content-wrapper, .asp-testimonial-wrapper.loading, .asp-twitter-slider.loading, .list-posts article .gallery.loading, .single .gallery.loading, .asp-portfolio-wrapper.loading, .thumbnails.loading, .thumbnail.loading, .asp-product-category-slider-wrapper .content-wrapper.loading, .asp-product-in-category-tab-wrapper .column-banners.loading, .asp-product-in-category-tab-wrapper .column-products.loading, .asp-product-in-sub-category-tab-wrapper .row-banners.loading, .asp-product-in-sub-category-tab-wrapper .row-products.loading, .asp-product-in-category-tab-2-wrapper .row-content.loading{ position:relative; } .tab-content.loading:before, .tab-contents.loading:before, .list-posts article .gallery.loading:before, .widget-container .gallery.loading figure:before, .related-posts.loading .content-wrapper:before, .asp-product .content-wrapper.loading:before, .thumbnail.loading:before, .thumbnails.loading:before, .asp-logo-slider-wrapper.loading .content-wrapper:before, .asp-producasp-widget .asp-producasp-widget-wrapper.loading:before, .asp-product-deals-widget .asp-product-deals-slider-wrapper.loading:before, .asp-blogs-widget .asp-blogs-widget-wrapper.loading:before, .asp-recent-commenasp-widget .asp-recent-commenasp-widget-wrapper.loading:before, .blogs article a.gallery.loading:before, .asp-blogs-wrapper.loading .content-wrapper:before, .asp-testimonial-wrapper.loading:before, .asp-twitter-slider.loading:before, .single .gallery.loading:before, .asp-portfolio-wrapper.loading:before, .asp-product-category-slider-wrapper .content-wrapper.loading:before, .asp-product-in-category-tab-wrapper .column-banners.loading:before, .asp-product-in-category-tab-wrapper .column-products.loading:before, .asp-product-in-sub-category-tab-wrapper .row-banners.loading:before, .asp-product-in-sub-category-tab-wrapper .row-products.loading:before, .asp-product-in-category-tab-2-wrapper .row-content.loading:before{ position:absolute; left:0;right:0;bottom:0;top:0; content:""; z-index:10; background-image:url(images/ajax-loader1.gif); background-position:center; background-repeat:no-repeat; display:block; } .asp-product-in-category-tab-wrapper .column-products.loading:before, .asp-product-in-category-tab-2-wrapper .row-content.loading:before{ left:1px; right:1px; } .asp-testimonial-wrapper.text-light.loading:before, .asp-logo-slider-wrapper.style-light.loading .content-wrapper:before, .asp-twitter-slider.text-light.loading:before{ background-color:#645c57; } body .rev_slider_wrapper .tp-bullets .tp-bullet:last-child, body rs-module-wrap .tp-bullets .tp-bullet:last-child{ margin-right:0 !important } body .rev_slider_wrapper .tp-bullets .tp-bullet:hover, body .rev_slider_wrapper .tp-bullets .tp-bullet.selected, body rs-module-wrap .tp-bullets .tp-bullet:hover, body rs-module-wrap .tp-bullets .tp-bullet.selected{ width:12px !important; height:12px !important; border:0 !important } .tp-bullets .tp-bullet:before{ left:-2px; right:-2px; top:-2px; bottom:-2px; position:absolute; content:""; border-radius:100% !important; border-width:2px; border-style:solid; border-color:transparent; z-index:2 } .tp-bullets .tp-bullet:after{ left:0; right:0; top:0; bottom:0; position:absolute; content:""; border-radius:100% !important; background:rgba(0,0,0,0.1); z-index:1; opacity:0; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected, body .rev_slider .tp-bullets .tp-bullet:hover, body .rev_slider .tp-bullets .tp-bullet.selected, body rs-module-wrap .tp-bullets .tp-bullet:hover, body rs-module-wrap .tp-bullets .tp-bullet.selected{ border:0 !important; margin-top:0 !important; background:transparent !important; } .tp-bullets.simplebullets .bullet:hover:after, .tp-bullets.simplebullets .bullet.selected:after, body .rev_slider .tp-bullets .tp-bullet:hover:after, body .rev_slider .tp-bullets .tp-bullet.selected:after, body rs-module-wrap .tp-bullets .tp-bullet:hover:after, body rs-module-wrap .tp-bullets .tp-bullet.selected:after{ opacity:1; } .tp-bullets.simplebullets .bullet:hover:before, .tp-bullets.simplebullets .bullet.selected:before, body .rev_slider .tp-bullets .tp-bullet:hover:before, body .rev_slider .tp-bullets .tp-bullet.selected:before, body rs-module-wrap .tp-bullets .tp-bullet:hover:before, body rs-module-wrap .tp-bullets .tp-bullet.selected:before{ border-color:#fff; } /* Thumbnail */ .tp-bullets.tp-thumbs .thumb{ backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } /* Button */ body .rev_slider_wrapper .rev-btn.asp-button, body .rev_slider_wrapper .rev-btn.asp-button-border-primary, body .rev_slider_wrapper .rev-btn.asp-button-border-white, body .rev_slider_wrapper .rev-btn.asp-button-fill-primary, body .rev_slider_wrapper .rev-btn.asp-button-white, body .rev_slider_wrapper .asp-button-fill-primary-rp.rev-btn, body .rev_slider_wrapper .asp-button-white-rp.rev-btn, body rs-module-wrap .rev-btn.asp-button, body rs-module-wrap .rev-btn.asp-button-border-primary, body rs-module-wrap .rev-btn.asp-button-border-white, body rs-module-wrap .rev-btn.asp-button-fill-primary, body rs-module-wrap .rev-btn.asp-button-white, body rs-module-wrap .asp-button-fill-primary-rp.rev-btn, body rs-module-wrap .asp-button-white-rp.rev-btn{ border-width:2px; border-style:solid; margin:0; min-width:160px !important; text-align:center !important; padding:12px 25px; line-height:24px; font-weight:bold !important; text-transform:uppercase; background-image:none; border-radius:0; text-shadow:none !important; box-shadow:none; height:auto; display:inline-block; position:relative; transition:all 200ms ease 0s; } body .rev_slider_wrapper .rev-btn.asp-button:hover, body rs-module-wrap .rev-btn.asp-button:hover{ text-decoration:none; background:transparent !important; } body .rev_slider_wrapper .asp-button-style-2-light, body rs-module-wrap .asp-button-style-2-light{ padding:0 !important; background:transparent !important; color:#fff !important; margin:0; line-height:24px; font-weight:bold !important; text-transform:uppercase; border-radius:0; text-shadow:none !important; box-shadow:none; height:auto; display:inline-block; text-align:center; position:relative; transition:all 200ms ease 0s; } .asp-button-style-2-light:before{ content: "\f0da"; font-family: "Font Awesome 5 Free"; margin-right:10px /* rtl */ } .asp-heading-5, .asp-heading-6{ letter-spacing:3px !important; } .asp-heading-6{ letter-spacing:2px !important; } /*-------------------------------------------------------------------------------------------------------------------------*/ /*- 6. CONTACT US ---------------------------------------------------------------------------------------------------------*/ div.wpcf7-response-output{ margin:20px 0; padding:8px 15px; border:0; } span.wpcf7-not-valid-tip{ margin-top:5px; } div.wpcf7{ margin-bottom:20px !important; } div.wpcf7 input.wpcf7-submit{ float:left; margin-bottom:20px; } div.wpcf7 img.ajax-loader{ margin:5px 0 5px 10px; } /*-------------------------------------------------------------------------------------------------------------------------*/ /*- 7. BLANK PAGE ---------------------------------------------------------------------------------------------------------*/ h1.title-coming{ font-size:70px; line-height:76px; margin-top:80px; } .blank-page-template{ text-align:center; padding:60px 30px 20px 30px; position:relative; } .blank-page-template .asp-countdown, .blank-page-template .asp-social-icons{ display:inline-block; } .bg-blank-page{ position:absolute; left:50%; top:0; bottom:0; width:1920px; transform:translate(-50%,0); content:""; z-index:0; background-color:#000 !important; } .blank-page-template .wpb_widgetised_column.wpb_content_element{ margin-bottom:0; } .asp-group-button-coming{ padding-top:20px; padding-bottom:50px } .asp-group-button-coming .asp-button{ min-width:145px; margin:5px; } /*-------------------------------------------------------------------------------------------------------------------------*/ /*- 8. SLIDESHOW ----------------------------------------------------------------------------------------------------------*/ #main > .fullwidth-template .top-slideshow{ margin-top:-30px; } /* Navi */ .owl-dots{ display:none !important; } .asp-twitter-slider .owl-dots, .asp-testimonial-wrapper .owl-dots{ display:inline-block !important; } .gallery .owl-dots, .asp-twitter-slider .owl-dots, .asp-testimonial-wrapper .owl-dots, .asp-product-in-category-tab-wrapper .owl-dots, .asp-product-in-sub-category-tab-wrapper .owl-dots{ position:absolute; content:""; left:0; right:0; bottom:12px; display:inline-block !important; text-align:center; display:none; line-height:0; z-index:6; } .asp-twitter-slider .owl-dots, .asp-testimonial-wrapper .owl-dots { bottom:0; } .asp-twitter-slider.content-border .owl-dots, .asp-testimonial-wrapper.content-border .owl-dots, .asp-product-in-category-tab-wrapper .owl-dots, .asp-product-in-sub-category-tab-wrapper .owl-dots { bottom:20px; } .gallery .owl-dots > div, .asp-twitter-slider .owl-dots > div, .asp-testimonial-wrapper .owl-dots > div, .asp-product-in-category-tab-wrapper .owl-dots > div, .asp-product-in-sub-category-tab-wrapper .owl-dots > div{ display:inline-block; overflow:hidden; line-height:0; margin:0; } .gallery .owl-dots > div > span, .asp-twitter-slider .owl-dots > div > span, .asp-testimonial-wrapper .owl-dots > div > span, .asp-product-in-category-tab-wrapper .owl-dots > div > span, .asp-product-in-sub-category-tab-wrapper .owl-dots > div > span, body .flex-control-paging li a, body .theme-default .nivo-controlNav a, body .theme-default .nivo-controlNav a.active{ display:inline-block; width:16px; height:16px; position:relative; z-index:9; padding:3px; margin:0; background:transparent !important; box-shadow:none; } .gallery .owl-dots > div > span:before, .asp-twitter-slider .owl-dots > div > span:before, .asp-testimonial-wrapper .owl-dots > div > span:before, .asp-product-in-category-tab-wrapper .owl-dots > div > span:before, .asp-product-in-sub-category-tab-wrapper .owl-dots > div > span:before, body .flex-control-paging li a:before, body .theme-default .nivo-controlNav a:before{ position:absolute; left:3px;right:3px; bottom:3px;top:3px; content:""; border-width:1px; border-style:solid; border-radius:100%; transition:all 200ms ease 0s; } /* Button Home SlideShow Full Page */ body #fp-nav ul li a span, body .fp-slidesNav ul li a span{ background:transparent; } body #fp-nav ul li, body .fp-slidesNav ul li{ width:16px; height:16px; margin:6px 0; } body #fp-nav ul li:last-child, body .fp-slidesNav ul li:last-child{ margin-bottom:0; } body #fp-nav ul li a span, body .fp-slidesNav ul li a span, body #fp-nav ul li a.active span, body .fp-slidesNav ul li a.active span, body #fp-nav ul li:hover a.active span, body .fp-slidesNav ul li:hover a.active span, body #fp-nav ul li:hover a span, body .fp-slidesNav ul li:hover a span{ display:inline-block; width:16px; height:16px; position:relative; z-index:9; padding:3px; margin:0; } body #fp-nav ul li a span:before, body .fp-slidesNav ul li aspan:before{ position:absolute; left:3px;right:3px; bottom:3px;top:3px; content:""; border-width:1px; border-style:solid; border-radius:100%; transition:all 200ms ease 0s; } /* End Button Home SlideShow Full Page */ .gallery .owl-dots > div > span:before, .asp-twitter-slider.text-light .owl-dots > div > span:before, .asp-testimonial-wrapper.text-light .owl-dots > div > span:before, .asp-product-in-category-tab-wrapper .owl-dots > div > span:before, .asp-product-in-sub-category-tab-wrapper .owl-dots > div > span:before, body #fp-nav ul li a span:before, body .fp-slidesNav ul li a span:before, body .flex-control-paging li a:before{ border-color:#fff; } .gallery .owl-dots > div.active > span, .asp-twitter-slider .owl-dots > div.active > span, .asp-testimonial-wrapper .owl-dots > div.active > span, .asp-product-in-category-tab-wrapper .owl-dots > div.active > span, .asp-product-in-sub-category-tab-wrapper .owl-dots > div.active > span, body #fp-nav ul li a.active span, body .fp-slidesNav ul li a.active span, body .flex-control-paging li a.active, body .theme-default .nivo-controlNav a.active{ cursor:default; } .gallery .owl-dots > div > span:hover:before, .gallery .owl-dots > div.active > span:before, .asp-twitter-slider.text-light .owl-dots > div > span:hover:before, .asp-testimonial-wrapper.text-light .owl-dots > div > span:hover:before, .asp-twitter-slider.text-light .owl-dots > div.active > span:before, .asp-testimonial-wrapper.text-light .owl-dots > div.active > span:before, .asp-product-in-category-tab-wrapper .owl-dots > div > span:hover:before, .asp-product-in-category-tab-wrapper .owl-dots > div.active > span:before, .asp-product-in-sub-category-tab-wrapper .owl-dots > div.active > span:before, .asp-product-in-sub-category-tab-wrapper .owl-dots > div > span:hover:before, body #fp-nav ul li a.active span:before, body .fp-slidesNav ul li a.active span:before, body #fp-nav ul li:hover a span:before, body .fp-slidesNav ul li:hover a span:before, body .flex-control-paging li a.active:before, body .flex-control-paging li a:hover:before{ background:#fff !important; border-color:#fff !important; } /* Big dots */ article.single .entry-content .gallery .owl-dots > div > span{ width:18px; height:18px; padding:4px; } article.single .entry-content .gallery .owl-dots { bottom:15px; } /* BUTTON NAVI */ .owl-controls .owl-nav > div{ position:absolute; cursor:pointer; top:-60px; width:30px !important; height:30px !important; z-index:4; line-height:0; display:inline-block; font-size:0; text-align:center; font-weight:bold; border-width:2px; border-style:solid; transition:left 650ms,right 650ms,color 250ms,background 250ms,opacity 250ms,border-color 250ms,visibility 250ms ease 0s; } /* Fix Icon In Tab */ .asp-shortcode.content-border .owl-controls .owl-nav > div, .asp-product-deals-slider-wrapper.asp-slider.content-border .owl-controls .owl-nav > div{ top:-60px; } .asp-product-deals-slider-wrapper.asp-slider.content-border.list .owl-controls .owl-nav > div{ top:-70px; } .vc_tta-tabs.default .asp-shortcode.content-no-border .owl-controls .owl-nav > div{ top:-62px; } /* Fix Icon Tab Position Bottom */ .vc_tta-tabs-position-bottom.vc_tta-tabs.default .asp-shortcode.content-no-border .owl-controls .owl-nav > div{ bottom:-60px; top:auto; } .vc_tta-tabs-position-bottom.vc_tta-tabs.default_no_border .asp-shortcode.content-no-border .owl-controls .owl-nav > div{ bottom:-64px; top:auto; } /* Custom */ .asp-logo-slider-wrapper.asp-shortcode.content-border .owl-controls .owl-nav > div{ top:-40px; } .asp-testimonial-wrapper .owl-controls .owl-nav > div.owl-prev, .asp-twitter-slider .owl-controls .owl-nav > div.owl-prev{ top:auto; bottom:0; margin:0; transform:translate(-50%,0); left:50%; right:auto; } .asp-testimonial-wrapper .owl-controls .owl-nav > div.owl-next, .asp-twitter-slider .owl-controls .owl-nav > div.owl-next{ top:auto; bottom:0; margin:0; transform:translate(50%,0); right:50%; left:auto; } .asp-testimonial-wrapper.content-border .owl-controls .owl-nav > div, .asp-twitter-slider.content-border .owl-controls .owl-nav > div{ bottom:20px; } /* End custom */ .owl-controls .owl-nav > div:before{ line-height:24px; font-family: "Font Awesome 5 Free"; font-size:24px; font-weight:300; transition:none; } .owl-controls .owl-nav > div.owl-next{ right:0;/* rtl */ left:auto } .owl-controls .owl-nav > div.owl-prev{ left:0;/* rtl */ } /* Custom */ .asp-testimonial-wrapper .owl-controls .owl-nav > div.owl-next, .asp-twitter-slider .owl-controls .owl-nav > div.owl-next{ margin-right:-20px;/* rtl */ } .asp-testimonial-wrapper .owl-controls .owl-nav > div.owl-prev, .asp-twitter-slider .owl-controls .owl-nav > div.owl-prev{ margin-left:-20px;/* rtl */ } /* End custom */ .owl-controls .owl-nav > div.owl-next:before{ content: "\f054";/* rtl */ } .owl-controls .owl-nav > div.owl-prev:before{ content: "\f053";/* rtl */ } /* QUICK SHOP */ .asp-quickshop-wrapper .owl-controls .owl-nav > div{ top:50% !important; margin-top:-15px; } .asp-quickshop-wrapper .owl-controls .owl-nav > div.owl-next{ right:0;/* rtl */left:auto } .asp-quickshop-wrapper .owl-controls .owl-nav > div.owl-prev{ left:0;/* rtl */right:auto } /* END BUTTON SLIDER */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- III. FOOTER -------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ /* Button to top */ #to-top{ position:fixed; right:20px; /* rtl */ bottom:20px; transform:scale(0,0); width:40px; height:40px; display:inline-block; transition:all 300ms ease 0s; text-align:center; font-size:0; line-height:40px; cursor:pointer; border-radius:100%; display:block !important; z-index:999; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } #to-top a{ display:inline-block; width:40px; height:40px; line-height:36px; border-width:2px; border-style:solid; overflow:hidden; border-radius:100%; } #to-top a:before{ font-family: "Font Awesome 5 Free"; content: "\f106"; font-size:18px; font-weight:300; } #to-top a:hover{ text-decoration:none; } #to-top.on{ transform:scale(1,1); } .asp-footer-block .widget-container ul li > a:hover{ text-decoration:underline; } /* WIDGET TEXT INFOMATION */ .widget-container ul.list-item, .widget ul.list-item{ width:100%; overflow:hidden; margin-bottom:10px } /* RESET WIDGET IN FOOTER */ body .asp-footer-block{ border:0; padding:20px 0; margin:0; } body .asp-footer-block .widget-container{ padding:0; margin:0 0 10px 0; border:0; } body .asp-footer-block .widget-title, body .asp-footer-block .vc_col-sm-3 .widget .widgettitle, body .asp-footer-block .vc_col-sm-4 .widget .widgettitle{ padding:0; margin:0 0 30px 0; text-align:left; /* rtl */ } body .asp-footer-block .vc_col-sm-3 .widget .widgettitle, body .asp-footer-block .vc_col-sm-4 .widget .widgettitle{ margin:0 0 28px 0; } body .asp-footer-block .widget-title:before, body .asp-footer-block .widget-title:after{ display:none; } body .asp-footer-block .woocommerce ul.cart_list li:after, body .asp-footer-block .woocommerce ul.product_list_widget li:after, body .asp-footer-block .woocommerce .widget_shopping_cart .cart_list li:after, .woocommerce-page body .asp-footer-block ul.product_list_widget li:after, .woocommerce-page body .asp-footer-block ul.cart_list li:after, .woocommerce-page body .asp-footer-block ul.product_list_widget li:after, body .asp-footer-block .widget-container .post_list_widget > li:before, body .asp-footer-block .widget-container .comment_list_widget > li:before, body .asp-footer-block .widget_archive li:before, footer .widget-container.widget_categories > ul a:before, footer .widget-container ul.product-categories a:before{ opacity:0.1; } /* Footer Home page 5 Newsletter */ /* Footer End */ .line-logo{ display:inline-block; width:100%; text-align:center; position:relative; } .wpb_text_column .line-logo{ margin-bottom:15px; } .line-logo .logo-bg{ position:relative; z-index:1; display:inline-block; } .line-logo .logo-bg img{ position:relative; z-index:1; } .line-logo .logo-bg:before{ position:absolute; left:-30px;right:-30px;bottom:-10px;top:-10px; content:""; } .line-logo:before{ left:0;right:0;top:50%; position:absolute; content:""; border-width:1px 0 0 0; border-style:solid; opacity:0.1; z-index:0; } /* Widget footer */ footer .widget-container.widget_archive > ul{ padding-top:0; line-height:0; } footer .widget-container.widget_archive ul li a:hover, footer .widget-container.widget_categories ul li a:hover, footer section.asp-product-categories-widget ul li a:hover{ text-decoration:none !important; } footer section.widget_nav_menu > div > ul, footer .widget-container > ul, footer .widget-container .asp-facebook-page-wrapper, footer .widget-container .asp-logo-slider-wrapper .content-wrapper, footer .widget-container .asp-producasp-widget-wrapper ul.product_list_widget, footer .widget-container ul.product_list_widget, footer section.woocommerce ul.product_list_widget, .woocommerce-page footer section ul.product_list_widget, footer .widget-container .widget_shopping_cart_content, footer .widget-container .asp-product-deals-widget-wrapper.asp-slider, footer .widget-container .testimonial-content{ padding:0; } footer .widget-container.widget_categories > ul{ padding:0; } footer section.asp-testimonial-widget .widget-title{ text-align:center; } footer .widget-container .comment_list_widget > li:first-child{ margin-top:0; } /* select */ /*-------------------------------------------------------------- # Global Forms --------------------------------------------------------------*/ label { display: block; font-weight: 800; } fieldset { margin-bottom: 30px; margin-bottom: var(--gap); } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], input[type=file], textarea { border: 1px solid grey; background: transparent; color: #191919; color: var(--main-text-color); width: 100%; min-width: 0; font-size: inherit; transition: all 0.5s; padding: 3px 5px; display: block; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, input[type=file]:focus, textarea:focus { border: 1px solid #007eac; border: 1px solid var(--highlight); } .site-container select { width: 100%; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20width%3D%271em%27%20height%3D%271em%27%20style%3D%27-ms-transform%3A%20rotate%28360deg%29%3B%20-webkit-transform%3A%20rotate%28360deg%29%3B%20transform%3A%20rotate%28360deg%29%3B%27%20preserveAspectRatio%3D%27xMidYMid%20meet%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M16%2022L6%2012l1.4-1.4l8.6%208.6l8.6-8.6L26%2012z%27%20fill%3D%27%23000%27%2F%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%2732%27%20height%3D%2732%27%20fill%3D%27rgba%280%2C%200%2C%200%2C%200%29%27%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat, repeat; background-position: right 0.8rem top 50%, 0 0; background-size: 1.2em auto, 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 10px; font-weight: bold; color: black; background-color: transparent; font-size: inherit; } .site-container select option { font-weight: normal; } input[type=radio], input[type=checkbox] { margin-right: 0.5em; } /*-------------------------------------------------------------- # Input Placeholders --------------------------------------------------------------*/ ::-moz-placeholder { color: #cacaca; color: var(--grey); opacity: 0.7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); } :-ms-input-placeholder { color: #cacaca; color: var(--grey); opacity: 0.7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); } ::placeholder { color: #cacaca; color: var(--grey); opacity: 0.7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); }