/* Source: partials/site-header.html | style block 1 */
.site-logo { max-width: 250px; }
#dT_top-sticky {
top: 0;
left: 0;
right: 0;
display: none;
z-index: 4;
position: relative;
background-color:var(--DTTertiaryColor);
}
#dT_top-sticky .search-box{
position: relative;
display:flex;
align-items: center;
width: 100%;
}
#dT_top-sticky .close{
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}
#dT_top-sticky .dT_ProductProactiveSearch {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
#dT_top-sticky .dT_ProductProactiveSearch form{
width: 100%;
border: none;
padding: 20px;
background: transparent;
}
#dT_top-sticky .dt-sc-ProductSugesstions{
display: flex;
flex-wrap: wrap;
}
#dT_top-sticky .dt-sc-ProductSugesstions:empty{ display: none; }
#dT_top-sticky .dt-sc-ProductSugesstions li{
width: 50%;
}
#dT_top-sticky .dt-sc-ProductSugesstions li:last-child,
#dT_top-sticky .dt-sc-ProductSugesstions li:nth-last-child(2){
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
/* Source: partials/site-header.html | style block 2 */
header { position: relative; z-index:3; }
header .announcement-bar {
background: #d8f3f5;
color: #4d8c40;
height:28px;
}
header .announcement-bar p, .announcement-bar a{
color: #4d8c40;
}
header .announcement-bar .close:hover, .announcement-bar a:hover {
color: #1a1a1a;
}
header .announcement-bar .close{
color: #4d8c40;
}
header .dt-sc-social-icons a{color: #005151; background-color: #ffffff;}
header .dt-sc-social-icons a:hover{color: #ffffff; background-color: #005151;}
header .header-contact a{color: #ffffff; }
header .header-contact a:hover{color: #d8f3f5;}
header .header-contact li + li { padding-left: 10px; }
header .site-header__links a,
header .site-header__links select {
color: #2d2c2c;
}
header .site-header__links a,
header .site-header__links select option,
header .site-header__links select {
background-color: #ffffff;
}
header .site-header__links a:hover,
header .site-header__links select option:hover,
header .site-header__links select:hover{
color: #a4d65e;
background-color: #ffffff;
}
header .dt-sc-social-icons > li { margin: 1px; }
header .dt-sc-social-icons a{ height: 30px; min-width:30px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; border-radius: var(--DTRadius); }
header p { margin: 0; padding: 0; }
header svg{ height: 20px }
header ul { margin: 0; padding: 0; }
header .dt-sc-header-top-bar { padding: 10px 0; background-color: #31708f; }
header .dt-sc-header-top-bar .dt-sc-flex-space-between { justify-content: center; }
header .dt-sc-header-top-bar .dt-sc-flex-space-between > * { padding: 2px; align-items: center; }
header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:not(:only-child) { justify-content: center; text-align: center; min-width: 25%; }
header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:nth-child(2):nth-last-child(2),
header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:nth-child(2):nth-last-child(2) > *{ justify-content: center; text-align: center; }
header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:last-child:not(:only-child),
header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:last-child:not(:only-child) > *{ justify-content: flex-end; text-align: right; }
header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:first-child:not(:only-child) {justify-content: flex-start; text-align: left; }
header .dt-sc-header-logo-sec{ background-color: #ffffff; }
header .dt-sc-header-logo-sec, .sticky-header-active { padding: 11px 0; }
header .site-header__links > * { margin: 1px; }
header .site-header__links a{ height: 30px; display: flex; align-items: center; justify-content: center; padding: 0 20px; cursor: pointer; position: relative; -webkit-border-radius: var(--DTRadius); border-radius: var(--DTRadius); }
header .site-header__links select{
background-image: url("data:image/svg+xml;utf8,");
background-position: right; background-repeat: no-repeat; cursor: pointer; height: 30px; padding: 0 20px 0 5px; -webkit-border-radius:var(--DTRadius); border-radius:var(--DTRadius); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
header .site-header__links .site-header__cart-count .CartCount{ top: -5px; position: relative; border: 1px solid; border-radius: 50%; font-size: 8px; min-width: 15px; height: 15px; line-height: 13px; text-align: center; display: block; }
header .site-header__links .site-header__cart-count .cart-words{ display:none; }
/*Header Cart */
.js-drawer-open .is-moved-by-drawer:before { background:rgb(0 0 0 / 50%); content:""; position:fixed; bottom:0; left:0; right:0; top:0; transition:var(--DTBaseTransition); z-index:9; }
.js-drawer-open-right .drawer--right{ transform: translateX(-100%); }
.js-drawer-close.dt-sc-btn{height:30px;width:30px;line-height:30px;font-weight:700;position:absolute;right:0;top:0;padding:0;margin:0;border-radius:0}
.js-drawer-open-right .drawer--right .dt-sc-btn{ left:0 }
.ajaxcart__inner .ajaxcart__product:last-child .row{ border-bottom-width: 0; }
.drawer{ background:var(--DTBodyBGColor); display: none; height:100%; overflow-y:auto; padding:15px; position:fixed; left: 100%; top:0; width:300px; z-index:99; transition:var(--DTBaseTransition); }
.shifter-enabled .drawer{ display: block; }
.drawer--right{ transform: translateX(0); }
#CartDrawer { overflow: visible; padding: 0; }
#CartDrawer .drawer__header { background: #fff; display: inline-block; padding: 0 15px; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); }
#CartDrawer .drawer__header h4 { font-size: var(--DTFontSize_H5); margin-top: 10px; margin-bottom: 10px; }
#CartDrawer .drawer__header .close-icon { transform: translateX(-100%); }
#CartContainer { height: 100%; overflow-y: auto; padding: 75px 15px 15px; }
.drawer .ajaxcart__product{clear:both;display:block;width:100%}
.drawer .ajaxcart__product .row{ border-bottom:1px solid var(--DTColor_Border); display:flex; margin-bottom:15px; padding-bottom:15px; position: relative; }
.drawer .ajaxcart__product .item_img { max-width:60px; margin-bottom: 5px; }
.drawer .ajaxcart__product .item_img a { display: inline-block; vertical-align: top; }
.drawer .ajaxcart__product .details { padding: 0 10px; width: 100%; }
.drawer .ajaxcart__product .details h6{margin:0 0 5px;}
.drawer .ajaxcart__product .details p{margin:5px 0;}
.drawer .ajaxcart__product .details .remove-btn { margin-top: 0; padding: 3px; }
.drawer .ajaxcart__product .details .remove-btn:before { height: 12px; width: 12px; }
.drawer .ajaxcart__product .details p.onsale{font-size: 12px;}
.drawer .cart_savings.onsale {display: flex;justify-content: space-between;align-items: center;gap: 10px;border-color: var(--DTColor_Border);}
.drawer .cart_savings.onsale p{ margin: 15px 0;}
.drawer .ajaxcart__product .product-item-caption-qty{ margin-top:8px; }
.drawer .ajaxcart__product .product-item-caption-qty button{ width: 30px; height: 30px; font-size: 14px; line-height: 30px; padding: 0px; margin: 0; background: transparent; border: 1px solid var(--DTColor_Border); color: var(--DT_Button_BG_Color); }
.drawer .ajaxcart__product .product-item-caption-qty button:hover{ background-color: var(--DTPrimaryColor); color: var(--DT_Button_Text_Hover_Color); border: 1px solid var(--DTPrimaryColor); }
.drawer .ajaxcart__product .product-item-caption-qty button.ajaxcart__qty--minus{ border-radius: var(--DTRadius) 0 0 var(--DTRadius) ; }
.drawer .ajaxcart__product .product-item-caption-qty button.ajaxcart__qty--plus{ border-radius: 0 var(--DTRadius) var(--DTRadius) 0; }
.drawer .product-item-caption-qty input.input-number{ height: 30px; border:1px solid var(--DTColor_Border); border-width: 1px 0;}
.drawer .ajaxcart__product-meta{font-size:12px}
.drawer .subtotal{display:flex;justify-content:space-between;padding:15px 0;border-width:1px 0;border-style:solid;border-color:var(--DTColor_Border)}
.drawer .subtotal p{margin:0}
.drawer .total p{ font-size: 0.875rem; font-weight: normal; margin:10px 0 20px}
.drawer .ajaxcart__footer { margin-bottom: 15px; }
.drawer .ajaxcart__footer .dt-sc-btn{width:100%; }
.drawer .ajaxcart__product:hover .remove-btn{ opacity: 1; }
.remove-btn:hover{ background-color: var(--DTSecondaryColor); }
.remove-btn{ opacity: 0; cursor: pointer; padding:2px 5px; line-height: normal; position: absolute; left: 0; top: 0; color: var(--DTBodyBGColor); background-color: var(--DTPrimaryColor); transition:var(--DTBaseTransition); }
/*------------------------------------------------------------*/
/* Header Menu */
/*------------------------------------------------------------*/
.logo-alignment.secondary-menu-enabled #AccessibleNav{ width: 100%; }
.logo-alignment.secondary-menu-enabled #AccessibleNav > *{ flex:1;}
.logo-alignment.secondary-menu-enabled #AccessibleNav > .mobile-nav-container { flex: 0 0 auto; }
.logo-alignment.secondary-menu-enabled #AccessibleNav > .logo{ flex-grow: 1; max-width: 250px; justify-content: center; }
.logo-alignment.secondary-menu-enabled #AccessibleNav > .logo:first-child{ text-align: left; justify-content: left; }
.logo-alignment.secondary-menu-enabled #AccessibleNav > .logo:last-child{text-align: right; justify-content: flex-end; }
.logo-alignment.secondary-menu-enabled #AccessibleNav ul:first-child{justify-content: flex-start; }
.logo-alignment.secondary-menu-enabled #AccessibleNav ul:last-child{ justify-content: flex-end; }
.logo-alignment.secondary-menu-enabled #AccessibleNav .secondary__nav { display: flex; justify-content: flex-end;}
div:not(#AccessibleNav) > .logo.text-center{ border-bottom: 1px solid var(--DTColor_Border); padding-bottom: 15px; margin-bottom: 15px;}
nav { position: relative;}
#AccessibleNav{ align-items: center; display: flex; }
ul.dt-nav { list-style-type: none; padding: 0px; font-size: 0px; max-width: var(--DTContainer);}
ul.dt-nav > * { margin: 0 1px; }
ul.dt-nav > li.top-level-link { display: inline-block; padding: 0; position: relative; }
/* ul.dt-nav > li.top-level-link:nth-last-child(2) > div.sub-menu-block .sub-menu-block, */
ul.dt-nav > li.top-level-link:last-child > div.sub-menu-block .sub-menu-block{ right: 100%; left: auto; }
ul.dt-nav > li > a { letter-spacing: .05em; display: block; padding:15px 25px; position: relative; font-size: 18px; box-sizing: border-box; color: #2d2c2c; border-radius: var(--DTRadius);}
ul.dt-nav > li:hover > a, ul.dt-nav > li.active > a { background-color: #ffffff; }
ul.dt-nav > li:hover > a, ul.dt-nav > li.active > a, ul.dt-nav > li.active > a.mega-menu > span:after { color: #a4d65e; }
ul.dt-sc-list-inline > li ul.sub-menu-lists { display:block; list-style-type: none; margin: 0; padding: 0; }
ul.dt-sc-list-inline > li ul.sub-menu-lists li:only-child a{ margin: 0; }
ul.dt-sc-list-inline > li ul.sub-menu-lists > li { position: relative; padding: 0; }
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > a { display: block; padding: 10px 15px; }
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists { padding: 0; }
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li > a { font-size: 0.875em; }
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li + li > a { border-top: 1px solid var(--DTColor_Border); }
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li > ul{ padding:15px; visibility: hidden; position: absolute; margin-top: 0px; width: 200px; left: 100%; top: 0; box-sizing: border-box; z-index: 3; font-size: 16px; opacity: 0; transition: all 0.4s ease 0s; transform: rotateX(90deg); transform-origin: top center; background-color: #ffffff; border: 1px solid var(--DTColor_Border); }
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li:hover > ul{ visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
ul.dt-sc-list-inline > li:not(.has-mega-menu) ul.sub-menu-lists > li > ul > li a{ display: block; border-bottom: 1px solid var(--DTColor_Border); }
ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li > a.dt-sc-nav-link.mega-menu {display: block; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid var(--DTColor_Border); }
ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li > h5 { border-bottom: 1px solid var(--DTColor_Border); display: block; font-size: var(--DTFontSize_H6); font-weight: 600; margin-top: 0; padding: 0 0 10px; }
ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li > h5,
ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li > h5 a { font-size: 18px; }
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a { display: inline-block; font-size: calc(18px - 2px); padding: 5px 0; width: 100%; }
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a, ul.dt-sc-list-inline > li ul.sub-menu-lists > li > h5 a { color: #2d2c2c;}
ul.dt-sc-list-inline > li ul.sub-menu-lists > li > ul a:hover, ul.dt-sc-list-inline > li ul.sub-menu-lists > li > h5 a:hover{color: #4d8c40;}
ul.dt-sc-list-inline > li ul.sub-menu-lists.dt-sc-column.five-column .dt-sc-menu-image-with-text { width: 450px;}
ul.dt-sc-list-inline > li ul.sub-menu-lists.three-column > li:nth-child(3) ~ li,
ul.dt-sc-list-inline > li ul.sub-menu-lists.double-quarter-half > li:nth-child(3) ~ li,
ul.dt-sc-list-inline > li ul.sub-menu-lists.four-column > li:nth-child(4) ~ li{display:none; }
.sub-menu-head { margin: 10px 0; }
.banners-area { margin-top: 20px; padding-top: 15px; }
.dt-sc-mega_menu-title{ margin: 0; line-height: 40px; }
.dt-sc-menu-product .dt-sc-menu-product_item-info{ padding: 4px; text-align: center; background:var(--DTPrimaryColor); color:var(--DTBodyBGColor);}
.dt-sc-menu-product .dt-sc-menu-product_item-info a{ color:currentcolor; }
.dt-sc-menu-image-with-text .dt-sc-mega_menu, .dt-sc-menu-product__item { overflow:hidden; position:relative; }
.dt-sc-menu-image-with-text .dt-sc-details{ position: absolute; bottom: -40px; width: 100%; background-color:var(--DTOverlayColor); transition: var(--DTBaseTransition); }
.dt-sc-menu-image-with-text:hover .dt-sc-details{ bottom:0; }
.dt-sc-menu-image-with-text .dt-sc-btn, .dt-sc-menu-product .dt-sc-menu-product_item-info{ line-height: 40px; margin: 0; padding: 0 10px; border-radius: 0; }
.dt-sc-menu-image-with-text:hover .dt-sc-btn, .dt-sc-menu-product:hover .dt-sc-menu-product_item-info{ opacity:1; bottom: 0; visibility:visible; }
.sticky-header:before { background: #fff; content: ""; display: inline !important; height: 100%; opacity: 0; position: absolute; left: 50%; top: 0; width: 9999px; z-index: -1; -webkit-box-shadow: 1px 0 5px -1px var(--DTboxShadowcolor); box-shadow: 1px 0 5px -1px var(--DTboxShadowcolor); -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: var(--DTBaseTransition); transition: var(--DTBaseTransition); }
.sticky-header.init-sticky { margin: 0 auto; max-width: var(--DTContainer); padding-top: 10px; padding-bottom: 10px; position: fixed; left: 0; right: 0; top: 0; z-index: 99;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: .1s;
animation-delay: .1s;
}
.sticky-header.init-sticky:before { opacity: 1; }
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
/*------------------------------------------------------------*/
/* Header Sticky */
/*------------------------------------------------------------*/
#header .sticky-header-active { background-color: rgba(255, 255, 255, 0.9); clear: both; margin: auto; position: fixed; left: 0; right: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .5s cubic-bezier(.25,.8,.25,1) 0.05s; transition: .5s cubic-bezier(.25,.8,.25,1) 0.05s;}
#header .sticky-header-active.dt-header-top { opacity: 1; visibility: visible; z-index: 10; -webkit-box-shadow: 0 2px 5px var(--DTboxShadowcolor_light); box-shadow: 0 2px 5px var(--DTboxShadowcolor_light); -webkit-transform: translateY(0); transform: translateY(0); }
/*------------------------------------------------------------*/
/* Mobile Menu */
/*------------------------------------------------------------*/
.mobile-nav-container .menu-trigger { cursor: pointer; height: 30px; line-height: 30px; padding: 0 5px 0 10px; }
.mobile-nav-container .menu-trigger > i,
.mobile-nav-container .menu-trigger > span { display: inline-block; font-size: 16px; padding: 0 5px; vertical-align: middle; }
.mobile-nav-container .menu-trigger > span { vertical-align: top; }
.mobile-nav-container .menu-trigger > .menu-trigger-icon { background-color: currentColor; height: 1px; margin-top: -2px; position: relative; width: 18px; transition: background-color 10ms 300ms ease; }
.mobile-nav-container .menu-trigger > .menu-trigger-icon:before, .mobile-nav-container .menu-trigger > .menu-trigger-icon:after { background: currentColor; content: ""; height: 1px; position: absolute; left: 0; width: 100%; transition: left 300ms 350ms ease, top 300ms 350ms ease, transform 300ms 50ms ease; }
.mobile-nav-container .menu-trigger > .menu-trigger-icon:before { top: -5px; }
.mobile-nav-container .menu-trigger > .menu-trigger-icon:after { top: 5px; }
.nav-is-visible .mobile-nav-container .menu-trigger > .menu-trigger-icon:before,
.nav-is-visible .mobile-nav-container .menu-trigger > .menu-trigger-icon:after { left: -5px; -webkit-transition: left 300ms 50ms ease, top 300ms 50ms ease, transform 300ms 350ms ease; transition: left 300ms 50ms ease, top 300ms 50ms ease, transform 300ms 350ms ease; }
.mobile-menu, .mobile-menu ul.dt-sc-list-inline, .mobile-menu ul.dt-sc-list-inline li { display: block; margin: 0; padding: 0; text-align: left; }
.mobile-menu ul.dt-sc-list-inline > li > a, .mobile-menu ul.dt-sc-list-inline .see-all a { border-style: solid; border-width: 1px 0 0; display: block; padding: 5px 15px; }
.mobile-menu ul.dt-sc-list-inline > li.active{ background-color: #ffffff; }
.mobile-menu ul.dt-sc-list-inline li > a{ color: #2d2c2c; }
.mobile-menu ul.dt-sc-list-inline .see-all a, .mobile-menu ul.dt-sc-list-inline .go-back a { color: initial; }
.mobile-menu ul.dt-sc-list-inline li > a:hover,
.mobile-menu ul.dt-sc-list-inline > li.active > a,
.mobile-menu ul.dt-sc-list-inline .sub-menu-lists li:hover > a,
.mobile-menu ul.dt-sc-list-inline .sub-menu-lists li > a:hover { color: var(--DTPrimaryColor); }
.mobile-menu ul.dt-sc-list-inline li a.dt-sc-btn:hover { background-color: var(--DTSecondaryColor); color: var(--DTBodyBGColor); }
.mobile-menu ul.dt-sc-list-inline > li > a, .mobile-menu ul.dt-sc-list-inline li ul.sub-menu-lists > li > a,
.mobile-menu ul.dt-sc-list-inline .see-all a, .mobile-menu ul.dt-sc-list-inline .go-back a, .mobile-menu ul.dt-sc-list-inline li.close-nav { min-height: 42px; line-height: 42px; padding-top: 0; padding-bottom: 0; }
.mobile-menu ul.dt-sc-list-inline { padding-top: 42px; }
.mobile-menu,
.mobile-menu > .dt-sc-list-inline,
.mobile-menu .sub-menu-block { background-color: #ffffff; height: 100%; margin: 0; padding: 0; overflow-y: visible; overflow-x: hidden; position: fixed; right: 0; top: 0; width: 100%; z-index: 4; transform: translateX(0); transition: transform 0.3s; }
.mobile-menu { display: none; max-width: 260px; opacity: 0; visibility: hidden; z-index: 999; transform: translateX(100%); transition: opacity .2s, visibility 0.2s, transform .25s; }
.mobile-nav-offcanvas-right .mobile-menu { right: 0; }
.mobile-nav-offcanvas-left .mobile-menu { left: 0; right: auto; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.mobile-menu.is-hidden, .mobile-menu .sub-menu-block.is-hidden { -webkit-transform: translateX(100%); transform: translateX(100%); }
.mobile-menu.nav-is-visible { display: block; opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); animation-name: dt-anime-slidein-right; -webkit-animation-duration: 0.75s; animation-duration: 0.75; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@keyframes dt-anime-slidein-right {
0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; }
100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
.mobile-menu ul.sub-menu-block, .mobile-menu ul.sub-menu-lists, .mobile-menu ul li.menu-item-object-dt_mega_menus { width: 100% !important; }
.mobile-menu ul.sub-menu-block, .mobile-menu ul.sub-menu-lists { left: auto !important; right: auto !important; }
.mobile-menu ul.sub-menu-lists li, .mobile-menu ul.sub-menu-block li { float: left; width: 100%; }
.mobile-menu ul.dt-sc-list-inline .go-back a { height: 100%; padding: 0; }
.mobile-menu ul.dt-sc-list-inline .go-back a, .mobile-menu li[class*="has-children"]>a { position: relative; }
.mobile-menu li[class*="has-children"]>a { padding-right: 40px; }
.mobile-menu ul.dt-sc-list-inline .go-back a, .mobile-menu ul.dt-sc-list-inline li.close-nav { display: inline-block; vertical-align: top; width: 100%; }
.mobile-menu ul.dt-sc-list-inline li.close-nav { border: none !important; position: absolute; top: 0; right: 5px; z-index: 5; text-align: center; width: 42px; cursor: pointer; }
.mobile-menu ul.dt-sc-list-inline li.close-nav:before, .mobile-menu ul.dt-sc-list-inline li.close-nav:after { background-color: #222; content: ""; height: 35%; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 1px; }
.mobile-menu ul.dt-sc-list-inline li.close-nav:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-menu ul.dt-sc-list-inline li.close-nav:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobile-menu ul.dt-sc-list-inline li.close-nav:hover:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobile-menu ul.dt-sc-list-inline li.close-nav:hover:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-menu ul.dt-sc-list-inline .go-back a:before,
.mobile-menu li[class*="has-children"]>a:before { display: inline-block; position: absolute; top: 50%; width: 15px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.mobile-menu ul.dt-sc-list-inline .go-back a:before, .mobile-menu li[class*="has-children"]>a:before { border-style: solid; content: ""; height: 10px; width: 10px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transform-origin: center top; transform-origin: center top;}
.mobile-menu ul.dt-sc-list-inline .go-back a:before { border-width: 0 0 1px 1px; left: 22px; top: 50%; text-align: center; }
.mobile-menu li[class*="has-children"]>a:before { border-width: 1px 1px 0 0; right: 22px; text-align: center; }
.mobile-menu li[class*="has-children"]>a:hover:before { right: 18px; }
.mobile-menu ul.dt-sc-list-inline .go-back a:hover:before { left: 18px; }
.mobile-menu ul.dt-sc-list-inline li a,
.mobile-menu ul.dt-sc-list-inline li a:before,
.mobile-menu ul.dt-sc-list-inline li.close-nav,
.mobile-menu ul.dt-sc-list-inline li.close-nav:before,
.mobile-menu ul.dt-sc-list-inline li.close-nav:after { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.mobile-menu ul.dt-sc-list-inline li a { border-color: rgba(0, 0, 0, 0.06); }
.mobile-menu ul.dt-sc-list-inline .see-all a { background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); }
.mobile-menu ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists ul { padding: 0; }
.mobile-menu ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li { padding: 10px 15px; }
.mobile-menu ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li:first-child { padding-top: 20px; }
.mobile-menu ul.dt-sc-list-inline > li.has-mega-menu ul.sub-menu-lists > li:not(:first-child) > h5 { margin-top: 10px; }
.mobile-menu ul.sub-menu::-webkit-scrollbar { background-color: #f1f1f1; width: 5px; }
.mobile-menu ul.sub-menu::-webkit-scrollbar-track, .mobile-menu ul.sub-menu::-webkit-scrollbar-thumb { -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; }
.mobile-menu ul.sub-menu::-webkit-scrollbar-thumb { background-color: #c1c1c1; border-radius: 5px; }
.mobile-menu-overlay { background-color: rgba(0, 0, 0, 0.5); cursor: pointer; height: 100%; top: 0; left: 0; opacity: 0; position: fixed; visibility: hidden; width: 100%; z-index: 98; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity .2s, visibility 0.2s; transition: opacity .2s, visibility 0.2s; }
.mobile-menu-overlay.is-visible, .mobile-menu ul.dt-sc-list-inline .go-back a:hover:after,
.mobile-menu li[class*="has-children"]>a:hover:after { opacity: 1; visibility: visible; }
/*------------------------------------------------------------*/
/* Responsive */
/*------------------------------------------------------------*/
@media only screen and (min-width: 1281px) {
.dt-desktop-menu { display: inline-block; }
.mobile-nav-container, .dt-desktop-menu ul.dt-sc-list-inline .go-back, .dt-desktop-menu ul.dt-sc-list-inline .see-all { display: none; }
.logo-alignment.dt-sc-logo_left #AccessibleNav .site-header__links { margin-left: auto; padding-left: 5px; }
}
@media only screen and (max-width: 1280px) {
.dt-desktop-menu, .logo-alignment.secondary-menu-enabled #AccessibleNav .dt-desktop-menu.secondary__nav { display: none; }
.mobile-nav-container { text-align: inherit; }
}
@media only screen and (min-width: 992px) {
header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:last-child:not(:only-child) { margin-left: auto; }
header .dt-sc-header-top-bar .dt-sc-flex-space-between > *:first-child:not(:only-child) { margin-right: auto; }
}
@media only screen and (max-width: 991px) {
header .dt-sc-header-top-bar .dt-sc-flex-space-between > * { margin: 5px 8px; padding: 0; }
}
@media only screen and (min-width:768px) {
.logo-alignment.dt-sc-logo_left #AccessibleNav { justify-content: center; }
.logo-alignment.dt-sc-logo_left #AccessibleNav .logo { margin-right: auto; padding-right: 5px; }
.logo-alignment.dt-sc-logo_left #AccessibleNav .mobile-nav-container { padding: 2px; }
.logo-alignment.dt-sc-logo_left:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger > i,
.logo-alignment.dt-sc-logo_left:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger > span { color: #2d2c2c; }
.logo-alignment.dt-sc-logo_left:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger { background-color: #ffffff; padding: 0 5px 0 10px; }
ul.dt-nav > li.has-mega-menu > div.sub-menu-block{ width: var(--DTContainer); }
ul.dt-nav { position: relative; }
ul.dt-nav > li.has-mega-menu > div.sub-menu-block .dt-sc--main-menu--mega > ul{ display: grid; padding: 30px; }
ul.dt-nav > li.has-mega-menu > div.sub-menu-block .dt-sc--main-menu--mega > ul > li { padding: 0; }
ul.dt-nav li > div.sub-menu-block { background-color: #ffffff; border: 1px solid var(--DTColor_Border); font-size: 16px; position: absolute; left: 0; top: 100%; width: 200px; z-index : 3; box-shadow: 0 1px 5px rgba(0,0,0,.1); box-sizing: border-box; transition: 0.2s all linear; -webkit-animation-name: dt_fadeInDown; animation-name: dt_fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
ul.dt-nav li > div.sub-menu-block .sub-menu-block{ left: 100%; top: 0; }
ul.dt-nav > li > div.sub-menu-block.dt-sc--main-menu--mega { width:var(--DTContainer); }
ul.dt-nav li > div.sub-menu-block { display: none; opacity: 0; pointer-events: none; }
ul.dt-nav li:hover > div.sub-menu-block { display: block; opacity: 1; pointer-events: auto; border-radius: var(--DTRadius); }
ul.dt-nav > li > a.dropdown > span:after {
width: 5px;
height: 5px;
transform: rotate( 135deg );
border-right: 1px solid currentColor;
border-top: 1px solid currentColor;
content: '';
background-color: transparent;
display: inline-block;
vertical-align: middle;
transition: all 0.4s ease-in-out 0s;
}
ul.dt-nav > li:hover > a.dropdown span:after{transform: rotate( 135deg );}
@keyframes dt_fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); }
100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
.sub-menu-head { font-size: 20px;}
.banners-area { border-top: 1px solid var(--DTColor_Border); }
}
@media only screen and (max-width:767px) {
header .dt-sc-header-top-bar .dt-sc-flex-space-between > * { display: flex; /* flex: 1 1 100% !important; */ justify-content: center !important; padding: 5px 8px; text-align: center !important; }
header .dt-sc-header-top-bar .dt-sc-flex-space-between > :last-child:not(:only-child) > * { justify-content: inherit; text-align: inherit; }
header .logo-alignment:not(.secondary-menu-enabled) #AccessibleNav { justify-content: center; }
header #AccessibleNav { flex-wrap: wrap; }
header #AccessibleNav > * { padding: 5px; }
header #AccessibleNav .logo { margin-right: auto; max-width: 65%; }
header #AccessibleNav .logo img { max-width: 100% !important; }
.logo-alignment .mobile-nav-container .menu-trigger { padding: 0 10px !important; }
.logo-alignment .mobile-nav-container .menu-trigger span { display: none; }
.logo-alignment.secondary-menu-enabled #AccessibleNav > .logo { display: flex; justify-content: flex-start; }
#header .sticky_remove_on_mobile + .sticky-header-active { display: none !important; }
.sub-menu-head { color:orange; }
nav { background-color: transparent; }
ul.dt-nav { z-index:2; padding: 50px 0; position: fixed; right: -300px; top: 0px; width: 300px; height: 100%; overflow: auto; transition-property: background, width; transition-duration: 0.6s; transition: var(--DTBaseTransition); }
ul.dt-nav > * { transition-property: opacity; transition-duration: 0.4s; opacity: 0; }
ul.dt-nav > li:first-child { border-radius: 0; }
ul.dt-nav > li { display: block; border-bottom: 1px solid var(--DTColor_Border); }
ul.dt-nav > li > a { font-weight: 600; }
ul.dt-nav > li ul.sub-menu-lists > li a { font-size: 14px; }
ul.dt-nav > li:hover { background-color: transparent; }
.sub-menu-head { font-size: 16px; }
.sub-menu-block { padding:0 15px 30px; }
.banners-area { padding-bottom: 0px;}
.banners-area div { margin-bottom: 15px; }
.banners-area { border-top: 1px solid var(--DTColor_Border); }
.logo-alignment:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger > i,
.logo-alignment:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger > span { color: #2d2c2c; }
.logo-alignment:not(.secondary-menu-enabled) .mobile-nav-container .menu-trigger { background-color: #ffffff; padding: 0 5px 0 10px; }
}
/* Source: partials/site-header.html | inline style 1 */
.hd-1 {
enable-background:new 0 0 100 100;
}
/* Source: partials/site-header.html | inline style 2 */
.hd-2 {
enable-background:new 0 0 100 100;
}
/* CMS: 修正预览与移动断点下的侧滑菜单布局 */
.mobile-menu > ul.dt-nav {
position: absolute;
inset: 0;
right: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100%;
margin: 0;
padding: 42px 0 0;
overflow-x: hidden;
overflow-y: auto;
background-color: #ffffff;
box-sizing: border-box;
}
.mobile-menu > ul.dt-nav > li {
display: block;
width: 100%;
opacity: 1;
}
.mobile-menu > ul.dt-nav > li > a {
display: block;
width: 100%;
box-sizing: border-box;
}