﻿ 
	/*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-menu598270{
				background-color:var(--accent-color);
			}

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

			#popup-menu598270 .gomenu > ul a:hover,
			#popup-menu598270 .gomenu > ul a.active,
			#popup-menu598270 .gomenu > ul li.current  > a,
			#popup-menu598270 .gomenu > ul li:hover > a, 
			#popup-menu598270 .gomenu > ul li:hover > a:link{
				color:var(--accent-color2);
			}
			
			#popup-search-content156236{
				background-color:var(--accent-color);
			}
			.popup-search-box  > #icon156236{
				background-color:var(--accent-color2);
			}

			
	#search-popup-box172172 a.search:hover,
	#search-popup-box172172 .popup-close:hover{
		color:var(--accent-color);
	}
	#mobilemenu354148 .mobileclose,
		#mobilemenu354148 .gomenu > ul > li > a > span,
		#mobilemenu354148 .gomenu li .arrows{color:#272727;font-size:20px;font-weight:600;}#mobilemenu354148 .sub-menu> li > a > span{color:#272727;font-size:20px;font-weight:600;}#mobilemenu354148 .sub-menu li ul li a{color:#484848;font-size:18px;font-weight:600;}#mobilemenu354148 .sub-menu li ul li li a{color:#787878;font-size:16px;font-weight:600;}#mobilemenu354148 .sub-menu li ul li li li a{color:#787878;font-size:16px;font-weight:600;}
				#mobilemenu354148 .sub-menu .arrows{
					background-color:  var(--accent-color);
				}
				#mobilemenu354148 .menutitle,
				#mobilemenu354148 .sub-menu li ul .arrows,
				#mobilemenu354148 a:hover span,
				#mobilemenu354148 .current > a > span,
				#mobilemenu354148 .arrows.active + a span,
				#mobilemenu354148 .subcurrent > a > span{
					color:  var(--accent-color)!important;
				}
				#headerrow-349356{background-color:rgba(255,255,255,0);}#headerrow-349356 .dngTextBox,
		#headerrow-349356 .header-content-wrap >*:not(.nav-bar),
		#headerrow-349356 .Normal,
		#headerrow-349356 .Normal > a,
		#headerrow-349356 .Normal > a:link,
		#headerrow-349356 .Normal > a:active,
		#headerrow-349356 .Normal > a:visited,
		#headerrow-349356 .dngTextBox a,
		#headerrow-349356 .dngTextBox a:link,
		#headerrow-349356 .dngTextBox a:active,
		#headerrow-349356 .dngTextBox a:visited{color:rgba(255,255,255,1);font-size:16px;}#headerrow-349356,#headerrow-349356 .header-center,#headerrow-349356 .header-center .logo{height:100px}#headerrow-349356 .header-center .logo{line-height:100px!important}#headerrow-349356 > .container,#megamenuWidthBox {width: auto!important;}#megamenuWidthBox{margin:0 30px;}
			#headerrow-349356 .area-left{
				padding-right:0px;
			}
			#headerrow-349356 .area-center{
				padding-left:0px;
				padding-right:0px;
			}
			#headerrow-349356 .area-right{
				padding-left:0px;
			}
			#headerrow-349356 .area-left .header-content-wrap > div{
				margin-right:0px;
			}
			#headerrow-349356 .area-center .header-content-wrap > div,
			#headerrow-349356 .area-right .header-content-wrap > div{
				margin-left:0px;
			}
		
			.floating-active #headerrow-349356:after{
				content:none;
			}
			.floating-active #headerrow-349356{background-color:rgba(44,92,218,1)!important;
}#headerrow-349356 .Normal > a:hover,
			#headerrow-349356 .dngTextBox a:hover,
			#headerrow-349356 .hover-accent:hover,
			#headerrow-349356 .Login a:hover,
			#headerrow-349356 .Login a.active,
			#headerrow-349356 .mobile-menu-icon:hover{
				color:var(--accent-color)
			}
			#headerrow-349356 .Login .userProfile .userMessages,
			#headerrow-349356 .Login .userProperties ul.userMenu a span{
				background-color:var(--accent-color)
			}
				.floating-nav.floating-active #headerrow-349356 .header-container-box,
				.floating-nav.floating-active #headerrow-349356 .header-bg-box,
				.floating-nav.floating-active #headerrow-349356 {
					height:70px;
				}
				.floating-nav.floating-active #headerrow-349356 .logo{
					height:70px;
					line-height:70px!important;
				}
			#mobileheader-493060{background-color:#ffffff;}
			div.mobile-header-replace{
				height:66px
			}
			#mobileheader-493060,#mobileheader-493060 .header-area{height:66px}
			#mobileheader-493060 .dng-mobilemenu.mobile_menu.mm-menu{
				top:66px
			}
			#mobileheader-493060 .header-area .logo img{max-height:58px}
			#mobileheader-493060 .dngTextBox,
		#mobileheader-493060 .header-content-wrap >*:not(.nav-bar),
		#mobileheader-493060 .Normal,
		#mobileheader-493060 .Normal > a,
		#mobileheader-493060 .Normal > a:link,
		#mobileheader-493060 .Normal > a:active,
		#mobileheader-493060 .Normal > a:visited,
		#mobileheader-493060 .dngTextBox a,
		#mobileheader-493060 .dngTextBox a:link,
		#mobileheader-493060 .dngTextBox a:active,
		#mobileheader-493060 .dngTextBox a:visited{color:#272727;}#mobileheader-493060 .header-content-wrap .Normal > a:hover,
				#mobileheader-493060 .header-content-wrap .dngTextBox a:hover,
				#mobileheader-493060 .Normal > a:hover,
				#mobileheader-493060 .dngTextBox a:hover,
				#mobileheader-493060 .hover-accent:hover,
				#mobileheader-493060 .search-popup-box .icon.active,
				#mobileheader-493060 .search-popup-box:hover .icon,
				#mobileheader-493060 .mobile-menu-icon:hover .fa-bars:before,
				#mobileheader-493060 .search-popup-box .submit:hover,
				#mobileheader-493060 .search-popup-box .popup-close:hover,
				#mobileheader-493060 .shop-cart-list .shop-list .remove:hover,
				#mobileheader-493060 .shop-cart-list .shop-list .price-info span,
				#mobileheader-493060 .shop-cart-list .shop-list .number-box .number-up:hover,
				#mobileheader-493060 .mobile-header .shop-cart-list .shop-list .number-box .number-down:hover,
				#mobileheader-493060 .search-popup-box .icon:hover{
					color:var(--accent-color);
				}