﻿ 
	/*popup menu*/
			.popup-menu-wrap .menu-icon{
				width: 100px;
				height: 100px;
				position: relative;
				cursor: pointer; 
				color: #fff;
				-webkit-transition:all 300ms ease-in-out;
				transition: all 300ms ease-in-out;
				margin-left:-15px;
				background-color:var(--accent-color);
			}

			.popup-menu-wrap .menu-icon .l_1,
			.popup-menu-wrap .menu-icon .l_2,
			.popup-menu-wrap .menu-icon .l_3{
				width: 22px;
				position: absolute;
				left: 50%;
				top: 50%;
				margin-left: -14px;
				border-bottom: 2px solid currentColor;
				-webkit-transition:all 300ms ease-in-out;
				transition: all 300ms ease-in-out;
			}
			.popup-menu-wrap .menu-icon:hover .l_1,
			.popup-menu-wrap .menu-icon:hover .l_2,
			.popup-menu-wrap .menu-icon:hover .l_3{
				width: 28px;
			}
			.popup-menu-wrap .menu-icon .l_1{
				margin-left: auto;
				margin-right: -14px;
				left:auto;
				right:50%;
				margin-top: -5px;
			}
			.popup-menu-wrap .menu-icon .l_2{
				margin-top: -14px;
			}
			.popup-menu-wrap .menu-icon .l_3{
				margin-top: 4px;
			}
			.popup-menu-wrap .menu-icon.active .l_1{
				width: 0;
				margin-right: 0;
			}
			.popup-menu-wrap .menu-icon.active .l_2{
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				margin-top: -5px;
				width: 28px;
			}
			.popup-menu-wrap .menu-icon.active .l_3{
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				margin-top: -5px;
				width: 28px;
			}

			.floating-active  .popup-menu-wrap .menu-icon{
				width: 70px;
				height: 70px;
				margin-right: 30px;
			
			}
						 
			#popup-menu843802{
				background-color:var(--accent-color);
			}

			#popup-menu843802 .gomenu > ul ul ul{
				background-color:var(--accent-color);
			}

			#popup-menu843802 .gomenu > ul a:hover,
			#popup-menu843802 .gomenu > ul a.active,
			#popup-menu843802 .gomenu > ul li.current  > a,
			#popup-menu843802 .gomenu > ul li:hover > a, 
			#popup-menu843802 .gomenu > ul li:hover > a:link{
				color:var(--accent-color2);
			}
			
		.overlay-panel-box .icon{font-size:18px;cursor:pointer;display:inline-block;vertical-align:middle;-moz-transition:color ease-in 300ms;-webkit-transition:color ease-in 300ms;-o-transition:color ease-in 300ms;-ms-transition:color ease-in 300ms;transition:color ease-in 300ms;}.overlay-panel-box .icon>span{display:inline-block;vertical-align:middle;}.overlay-panel-content{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1004;width:100%;display:none;}.overlay-panel-content.page--current{display:block;}.overlay-panel-content:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;width:100%;}.overlay-panel-box .icons{width:23px;height:22px;position:relative;display:inline-block;vertical-align:middle;overflow:hidden;font-size:16px;margin-top:-2px;-webkit-transition:-webkit-transform ease-in 200ms;transition:transform ease-in 200ms;}.overlay-panel-box .icons i{content:"";position:absolute;width:4px;border-bottom:4px solid;border-left:4px solid;display:block;-webkit-animation-fill-mode:both;animation-fill-mode:both;backface-visibility:hidden;-webkit-animation:none;animation:none;-ms-transition:left ease-in 300ms,top ease-in 300ms,width ease-in 300ms,height ease-in 300ms,opacity ease-in 300ms,border-width ease-in 300ms;transition:left ease-in 300ms,top ease-in 300ms,width ease-in 300ms,height ease-in 300ms,border-width ease-in 300ms;}.overlay-panel-box .icons{-webkit-transition:-webkit-transform ease-out 300ms;transition:transform ease-out 300ms;-webkit-transform:rotate(0);transform:rotate(0);}.overlay-panel-box .icons .l_1,.overlay-panel-box .icons .l_4,.overlay-panel-box .icons .l_7{left:2px;}.overlay-panel-box .icons .l_2,.overlay-panel-box .icons .l_5,.overlay-panel-box .icons .l_8{left:9px;}.overlay-panel-box .icons .l_3,.overlay-panel-box .icons .l_6,.overlay-panel-box .icons .l_9{left:16px;}.overlay-panel-box .icons .l_1,.overlay-panel-box .icons .l_2,.overlay-panel-box .icons .l_3{top:2px;}.overlay-panel-box .icons .l_4,.overlay-panel-box .icons .l_5,.overlay-panel-box .icons .l_6{top:9px;}.overlay-panel-box .icons .l_7,.overlay-panel-box .icons .l_8,.overlay-panel-box .icons .l_9{top:16px;}.overlay-panel-box:hover .icons i{height:2px;width:2px;border-width:2px;}.overlay-panel-box:hover .icons .l_1{top:10px;left:6px;width:5px;}.overlay-panel-box:hover .icons .l_2{height:5px;left:11px;top:1px;}.overlay-panel-box:hover .icons .l_3{top:5px;left:11px;height:5px;}.overlay-panel-box:hover .icons .l_4{top:10px;left:2px;width:5px;}.overlay-panel-box:hover .icons .l_5{top:10px;left:11px;}.overlay-panel-box:hover .icons .l_6{top:10px;left:17px;width:5px;}.overlay-panel-box:hover .icons .l_7{top:12px;left:11px;height:5px;}.overlay-panel-box:hover .icons .l_8{top:16px;left:11px;height:5px;}.overlay-panel-box:hover .icons .l_9{top:10px;left:13px;width:5px;}.overlay-panel-box:hover .icons{-webkit-transform:rotate(180deg);transform:rotate(180deg);}.overlay-panel-box .icon_list{width:40px;height:39px;position:relative;background-color:#20a3f0;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:background-color ease-out 300ms;transition:background-color ease-out 300ms;}.overlay-panel-box .icon_list i{content:"";position:absolute;width:20px;left:10px;top:11px;border-bottom:3px solid #fff;display:block;-webkit-animation-fill-mode:both;animation-fill-mode:both;backface-visibility:hidden;-webkit-animation:none;animation:none;}.overlay-panel-box .icon_list i.l_1{top:11px;}.overlay-panel-box .icon_list i.l_2{top:18px;}.overlay-panel-box .icon_list i.l_3{top:25px;}.overlay-panel-box .icon_list:hover{background-color:#333333;}
	#overlay-panel-content552899:before{opacity:1;background-color: #ffffff;background: -webkit-linear-gradient(right top, #ffffff, #ffffff);  
					background: -o-linear-gradient(right top, #ffffff, #ffffff);   
					background: -moz-linear-gradient(right top, #ffffff, #ffffff);   
					background: linear-gradient(to right top,#ffffff,#ffffff);}
	#search-popup-box591655 a.search:hover,
	#search-popup-box591655 .popup-close:hover{
		color:var(--accent-color);
	}
	
	#search-popup-box700467 a.search:hover,
	#search-popup-box700467 .popup-close:hover{
		color:var(--accent-color);
	}
	#mobilemenu515691 .mobileclose,
		#mobilemenu515691 .gomenu > ul > li > a > span,
		#mobilemenu515691 .gomenu li .arrows{color:#272727;font-size:20px;font-weight:600;}#mobilemenu515691 .sub-menu> li > a > span{color:#272727;font-size:20px;font-weight:600;}#mobilemenu515691 .sub-menu li ul li a{color:#484848;font-size:18px;font-weight:600;}#mobilemenu515691 .sub-menu li ul li li a{color:#787878;font-size:16px;font-weight:600;}#mobilemenu515691 .sub-menu li ul li li li a{color:#787878;font-size:16px;font-weight:600;}
				#mobilemenu515691 .sub-menu .arrows{
					background-color:  var(--accent-color);
				}
				#mobilemenu515691 .menutitle,
				#mobilemenu515691 .sub-menu li ul .arrows,
				#mobilemenu515691 a:hover span,
				#mobilemenu515691 .current > a > span,
				#mobilemenu515691 .arrows.active + a span,
				#mobilemenu515691 .subcurrent > a > span{
					color:  var(--accent-color)!important;
				}
				#headerrow-193171{background-color:rgba(255,255,255,0);}#headerrow-193171 .dngTextBox,
		#headerrow-193171 .header-content-wrap >*:not(.nav-bar),
		#headerrow-193171 .Normal,
		#headerrow-193171 .Normal > a,
		#headerrow-193171 .Normal > a:link,
		#headerrow-193171 .Normal > a:active,
		#headerrow-193171 .Normal > a:visited,
		#headerrow-193171 .dngTextBox a,
		#headerrow-193171 .dngTextBox a:link,
		#headerrow-193171 .dngTextBox a:active,
		#headerrow-193171 .dngTextBox a:visited{color:#ffffff;font-size:16px;font-weight:600;line-height:26px;}#headerrow-193171,#headerrow-193171 .header-center,#headerrow-193171 .header-center .logo{height:100px}#headerrow-193171 .header-center .logo{line-height:100px!important}#headerrow-193171 > .container,#megamenuWidthBox {width: auto!important;}#megamenuWidthBox{margin:0 30px;}
			#headerrow-193171 .area-left{
				padding-right:8px;
			}
			#headerrow-193171 .area-center{
				padding-left:8px;
				padding-right:8px;
			}
			#headerrow-193171 .area-right{
				padding-left:8px;
			}
			#headerrow-193171 .area-left .header-content-wrap > div{
				margin-right:25px;
			}
			#headerrow-193171 .area-center .header-content-wrap > div,
			#headerrow-193171 .area-right .header-content-wrap > div{
				margin-left:25px;
			}
		
			 .floating-active #headerrow-193171:after{
			   content:"";
			   position:absolute;
			   top: 0;
			   left: -20px;
			   bottom: 0;
			   right: 0;
			   z-index: -1;
			   pointer-events:none; 
			   -webkit-box-shadow: 10px 10px 10px -11px rgba(0,0,0,0.2);
			   box-shadow: 10px 10px 10px -11px rgba(0,0,0,0.2);
			 }
			 .floating-active #headerrow-193171{background-color:var(--accent-color)!important;
}#headerrow-193171 .Normal > a:hover,
			#headerrow-193171 .dngTextBox a:hover,
			#headerrow-193171 .hover-accent:hover,
			#headerrow-193171 .Login a:hover,
			#headerrow-193171 .Login a.active{
				color:var(--accent-color)
			}
			#headerrow-193171 .Login .userProfile .userMessages,
			#headerrow-193171 .Login .userProperties ul.userMenu a span{
				background-color:var(--accent-color)
			}
				.floating-nav.floating-active #headerrow-193171 .header-container-box,
				.floating-nav.floating-active #headerrow-193171 .header-bg-box,
				.floating-nav.floating-active #headerrow-193171 {
					height:70px;
				}
				.floating-nav.floating-active #headerrow-193171 .logo{
					height:70px;
					line-height:70px!important;
				}
			#mobileheader-738947{background-color:#ffffff;}
			div.mobile-header-replace{
				height:66px
			}
			#mobileheader-738947,#mobileheader-738947 .header-area{height:66px}
			#mobileheader-738947 .dng-mobilemenu.mobile_menu.mm-menu{
				top:66px
			}
			#mobileheader-738947 .header-area .logo img{max-height:58px}
			#mobileheader-738947 .dngTextBox,
		#mobileheader-738947 .header-content-wrap >*:not(.nav-bar),
		#mobileheader-738947 .Normal,
		#mobileheader-738947 .Normal > a,
		#mobileheader-738947 .Normal > a:link,
		#mobileheader-738947 .Normal > a:active,
		#mobileheader-738947 .Normal > a:visited,
		#mobileheader-738947 .dngTextBox a,
		#mobileheader-738947 .dngTextBox a:link,
		#mobileheader-738947 .dngTextBox a:active,
		#mobileheader-738947 .dngTextBox a:visited{color:#272727;}#mobileheader-738947 .header-content-wrap .Normal > a:hover,
				#mobileheader-738947 .header-content-wrap .dngTextBox a:hover,
				#mobileheader-738947 .Normal > a:hover,
				#mobileheader-738947 .dngTextBox a:hover,
				#mobileheader-738947 .hover-accent:hover,
				#mobileheader-738947 .search-popup-box .icon.active,
				#mobileheader-738947 .search-popup-box:hover .icon,
				#mobileheader-738947 .mobile-menu-icon:hover .fa-bars:before,
				#mobileheader-738947 .search-popup-box .submit:hover,
				#mobileheader-738947 .search-popup-box .popup-close:hover,
				#mobileheader-738947 .shop-cart-list .shop-list .remove:hover,
				#mobileheader-738947 .shop-cart-list .shop-list .price-info span,
				#mobileheader-738947 .shop-cart-list .shop-list .number-box .number-up:hover,
				#mobileheader-738947 .mobile-header .shop-cart-list .shop-list .number-box .number-down:hover,
				#mobileheader-738947 .search-popup-box .icon:hover{
					color:var(--accent-color);
				}