﻿ 
	/*popup menu*/
			.popup-menu-wrap{
				height: 100%;
			}
			.popup-menu-wrap .menu-icon{
				width: 100px;
				height: 100px;
				position: relative;
				cursor: pointer; 
				color: #fff;
				transition: all ease-in 200ms;
				margin-inline-start:-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-inline-start: -14px;
				border-bottom: 2px solid currentColor;
				-webkit-transition:all 300ms ease-in-out;
				transition: all 300ms ease-in-out;
			}
			.popup-menu-wrap .menu-icon .l_1,
			.popup-menu-wrap .menu-icon .l_2,
			.popup-menu-wrap .menu-icon .l_3{
				width: 28px;
			}
			.popup-menu-wrap .menu-icon .l_1{
				margin-inline-start: auto;
				margin-inline-end: -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-inline-end: 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: 100%;
			}
						 
			#popup-menu217312 .popup-menu-container{
				background-color:var(--accent-color);
			}

			#popup-menu217312 .popup-submenu-container{
				background-color:#15AB45;
			}

			#popup-menu217312 .gomenu > ul a:hover,
			#popup-menu217312 .gomenu > ul a.active,
			#popup-menu217312 .gomenu > ul li.current  > a,
			#popup-menu217312 .gomenu > ul li:hover > a, 
			#popup-menu217312 .gomenu > ul li:hover > a:link{
				color:var(--accent-color);
			}
			
			.search-popup-box{
				position: relative;
				display: flex !important;
				align-items: center;
				height: 100%;
			}
			.search-popup-box .icon {
				width: 42px;
				height: 42px;
				border-radius: 50%;
				color: #FFF;
				position: relative;
				cursor: pointer;
				display: inline-block;
				vertical-align: middle;
				-webkit-transition: color ease-in 300ms;
				transition: color ease-in 300ms;
				background-color: var(--accent-color);
				border: none;
			}
			.search-popup-box .icon:hover{
				color: #FFF;
			}
			.search-popup-box .popup-content{
				display: block;
				position: absolute;
				top: 100%;
				right: -15px;
				width: 360px;
				height: 60px;
				background-color: #ffffff;
				box-shadow:0px 0px 8px rgba(0, 0, 0, .1);
				border-radius: 5px;
				text-align: left;
				display:none;
				z-index:2;
			}
			.search-popup-box.popup-left .popup-content{
				inset-inline-end: auto;
				inset-inline-start: -15px;
			}		

			.search-popup-box .NormalTextBox{
				width: 300px;
				height: 60px;
				border: none;
				background: transparent;
				padding: 0px 30px 0px 30px;
			}
			.search-popup-box .searchInputContainer {
				display: block;
				margin:0;
				position: static;
			}
			.search-popup-box .searchInputContainer a.dnnSearchBoxClearText{
				height: 60px;
				margin: 0;
				left: 280px;
				top: 0;
				display:none;
			}
			.search-popup-box .searchInputContainer a.dnnSearchBoxClearText.dnnShow{
				display:block;
			}
			.search-popup-box a.search{
				position: absolute;
				width: 80px;
				height: 60px;
				right: 0;
				top: 0;
				color: #6c6d72;
			}
			
			
			@media only screen and (max-width: 992px){
				.search-popup-box .icon{
					color:currentColor;
					background-color: transparent;
				}
				.search-popup-box .popup-content{
					width: 300px;
					max-width: 85vw;
				}
				.search-popup-box .searchInputContainer a.dnnSearchBoxClearText{
					left: auto;
					right: 80px;
				}
				.search-popup-box ul.searchSkinObjectPreview{
					width: auto;
				}
				.search-popup-box .NormalTextBox{
					font-size:13px
				}
			}
			
				.search-popup-box .icon {
					background-color: transparent;
					color: inherit;
					transition: none;
				}
				.search-popup-box .icon:hover{
					color: var(--accent-color);
				}#logo450685 img{max-width:150px!important;}#mobilemenu63532 .mobileclose,
		#mobilemenu63532 .gomenu > ul > li > a > span,
		#mobilemenu63532 .gomenu li .arrows{color:#121722;font-size:1.125rem;;font-weight:600;}#mobilemenu63532 ul ul a{color:#494e5c;font-size:1rem;;font-weight:600;}#mobilemenu63532 ul ul ul a{color:#494e5c;font-size:1rem;;font-weight:400;}

				#mobilemenu63532 a:hover span,
				#mobilemenu63532 li.current > a > span,
				#mobilemenu63532 li.active > a > span,
				#mobilemenu63532 li.subcurrent > a > span{
					color:  var(--accent-color)!important;
				}
				#mobilemenu63532 .gomenu > ul > li > ul::after{
					border-color:  var(--accent-color)!important;
				}


				#mobilemenu63532 .gomenu > ul > li > a >span::after{
			background-color: #ffe76d;
		}#headerrow-79900{background-color:rgba(255,255,255,.8);}#headerrow-79900 .dngTextBox,
		#headerrow-79900 .header-content-wrap >*:not(.nav-bar),
		#headerrow-79900 .Normal,
		#headerrow-79900 .Normal > a,
		#headerrow-79900 .Normal > a:link,
		#headerrow-79900 .Normal > a:active,
		#headerrow-79900 .Normal > a:visited,
		#headerrow-79900 .dngTextBox a,
		#headerrow-79900 .dngTextBox a:link,
		#headerrow-79900 .dngTextBox a:active,
		#headerrow-79900 .dngTextBox a:visited{color:#272727;}#headerrow-79900 .header-container-box,#headerrow-79900 .header-container-box .logo{height:100px}#headerrow-79900 .hoverstyle_8 .primary_structure > li > a{height:100px}
				:root{
					--header-center-height: 100px;
				}
			
			#headerrow-79900 .area-left{
				padding-inline-end:8px;
			}
			#headerrow-79900 .area-center{
				padding-inline-start:8px;
				padding-inline-end:8px;
			}
			#headerrow-79900 .area-right{
				padding-inline-start:8px;
			}
			#headerrow-79900 .area-left .header-content-wrap > div{
				margin-inline-end:20px;
			}
			#headerrow-79900 .area-center .header-content-wrap > div,
			#headerrow-79900 .area-right .header-content-wrap > div{
				margin-inline-start:20px;
			}
		
		#headerrow-79900: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-79900: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-79900{background-color:#ffffff!important;
}#headerrow-79900 .Normal > a:hover,
			#headerrow-79900 .dngTextBox a:hover,
			#headerrow-79900 .hover-accent:hover,
			#headerrow-79900 .Login a:hover,
			#headerrow-79900 .Login a.active{
				color:var(--accent-color)
			}
			#headerrow-79900 .Login .userProfile .userMessages,
			#headerrow-79900 .Login .userProperties ul.userMenu a span{
				background-color:var(--accent-color)
			}
				.floating-nav.floating-active #headerrow-79900 .header-container-box,
				.floating-nav.floating-active #headerrow-79900 .header-bg-box,
				.floating-nav.floating-active #headerrow-79900 .hoverstyle_8 .primary_structure > li > a {
					height:64px; 
				}
			
				:root{
					--floating-header-center-height: 64px;
				}
			#mobileheader-353284{background-color:rgba(255,255,255,1);}
			div.mobile-header-replace{
				height:64px
			}
			#mobileheader-353284,#mobileheader-353284 .header-area{height:64px}
			#mobileheader-353284 .dng-mobilemenu.mobile_menu.mm-menu{
				top:64px
			}
			#mobileheader-353284 .header-area .logo img{max-height:56px}
			
				:root{
					--header-mobile-height: 64px;
				}
			#mobileheader-353284 .dngTextBox,
		#mobileheader-353284 .header-content-wrap >*:not(.nav-bar),
		#mobileheader-353284 .Normal,
		#mobileheader-353284 .Normal > a,
		#mobileheader-353284 .Normal > a:link,
		#mobileheader-353284 .Normal > a:active,
		#mobileheader-353284 .Normal > a:visited,
		#mobileheader-353284 .dngTextBox a,
		#mobileheader-353284 .dngTextBox a:link,
		#mobileheader-353284 .dngTextBox a:active,
		#mobileheader-353284 .dngTextBox a:visited{color:#121722;}#mobileheader-353284 .header-content-wrap .Normal > a:hover,
				#mobileheader-353284 .header-content-wrap .dngTextBox a:hover,
				#mobileheader-353284 .Normal > a:hover,
				#mobileheader-353284 .dngTextBox a:hover,
				#mobileheader-353284 .hover-accent:hover,
				#mobileheader-353284 .search-popup-box .icon.active,
				#mobileheader-353284 .search-popup-box:hover .icon,
				#mobileheader-353284 .mobile-menu-icon:hover .fa-bars:before,
				#mobileheader-353284 .search-popup-box .submit:hover,
				#mobileheader-353284 .search-popup-box .popup-close:hover,
				#mobileheader-353284 .shop-cart-list .shop-list .remove:hover,
				#mobileheader-353284 .shop-cart-list .shop-list .price-info span,
				#mobileheader-353284 .shop-cart-list .shop-list .number-box .number-up:hover,
				#mobileheader-353284 .mobile-header .shop-cart-list .shop-list .number-box .number-down:hover,
				#mobileheader-353284 .search-popup-box .icon:hover{
					color:var(--accent-color);
				}