/*--Font Awesome--*/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*--Main Container--*/
:root{
	--primary:#5abc2c;
	--secondary:#330E42;/*#671087*/
	--success:#28a745;
	--info:#17a2b8;
	--warning:#ffc107;
	--danger:#dc3545;
	--light:#fff;
	--dark:#343a40;
	--navlink:#34334c;
	--navlinkhover:#6ebe44;
	--navcollapse:#04528e;
	--navtitle:#6ebe44;
	--navbutton:rgba(110,190,68,1);
}
body{
	font:16px/25px 'Poppins', sans-serif;
	min-width: 375px;
}
a{
	color: var(--primary);
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	color: var(--primary);
}
#wrapper{
	position: relative;
	height: 100%;
	min-height: 600px;
	overflow: hidden;
}
.resize-active .hold{transition:none!important;}
input:focus, textarea:focus{
	outline: none !important;
	box-shadow: none !important;
}
.btn{
	text-decoration: none;
	border-radius: 30px;
	min-width: 154px;
	line-height: 30px;
	padding:6px 35px;	
}
.btn:hover{text-decoration: none;}
.btn-info{background: var(--info);border-color:  var(--info);}
.btn-primary{background: var(--primary);border-color:  var(--primary);}
.btn-primary:hover{background: #fff;border-color:  var(--primary);color:  var(--primary);}
.btn-secondary{background: var(--secondary);border-color:  var(--secondary);}
.btn-secondary:hover{background: #fff;border-color:  var(--secondary);color:  var(--secondary);}
.btn-success{background: var(--success);border-color:  var(--success);}
.btn-light{background: var(--light);border-color:  var(--primary); color: var(--primary);}
.btn-light:hover{background: var(--primary);border-color:  var(--primary); color: #fff;}
.btn-dark{background: var(--dark);border-color:  var(--dark);}
.text-info{color: var(--info) !important;}
.text-primary{color:  var(--primary) !important;}
.text-secondary{color: var(--secondary) !important;}
.text-success{color: var(--success) !important;}
.text-light{color: var(--light) !important;}
.text-dark{color: var(--dark) !important;}
/*--Header--*/
#header{
	position: relative;
	z-index: 1022;
	background: #fff;
	min-width: 320px;
	padding-bottom: 5px;
}
#header.clone {
	top:-111px;
	transition: all linear 0.2s;
	position: absolute;
	width: 100%;
	visibility:hidden;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
	display: none !important;
}
#header.clone.fixed {
	position: fixed;
	z-index: 1023;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	visibility:visible;
}
#header.sticky-top{
	position: -webkit-sticky;
	position: sticky;
}
.topbar .inner{
	background: #04528e;
	line-height: 32px;
	color: #fff;
	padding: 0 15px;
	position: relative;
	font-size: 14px;
}
.topbar .inner:before{
	position: absolute;
	right: 100%;
	top: 0;
	border: 32px solid transparent;
	border-right: 20px solid #04528e;
	border-top-width: 0;
	content: '';
}
.topbar .inner address,
.topbar .inner>span,
.topbar .inner>a{
	color: #fff;
	padding: 0 15px;
	display: inline-block;
	text-decoration: none;
}
.topbar .inner i{font-size: 13px;display: inline-block;margin-right: 3px;}
#header .cart{font-size: 28px;color: #6ebe44;position: relative;}
#header .cart .count{
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #6ebe44;
	border: 2px solid #fff;
	position: absolute;
	right: -15px;
	top: -5px;
	line-height: 19px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	font-weight: 700;
}
/*--Logo--*/
#header.clone.fixed .navbar-collapse{padding: 0 !important;}
.navbar-brand{padding:0;min-width: 81px;margin-top: -16px;}
#header.clone.fixed .navbar-brand{margin-top: -30px;}
.navbar-brand img{width:100%;height:auto;display:block;}
.header-inner{
	width:calc(100% - 127px);
}
/*--Logo--*/
/*--Navigation--*/
.navbar-collapse{
	padding:20px 0;
}
#header .navbar-nav>li{position:relative;padding: 0 26px 28px; margin-bottom: -28px;}
#header.clone.fixed  .navbar-nav>li{position:relative;padding: 0 26px 14px; margin-bottom: -14px;}
.navbar-light .navbar-nav .nav-link{
	color:var(--navlink);
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none !important;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover{
	color: var(--navlinkhover);
}
.navbar-nav > li ul{
	position: absolute;
	width: 250px;
	left: 0;
	top: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
	opacity: 0;
	transition:all linear 0.2s; 
	pointer-events: none;
	transform: scaleY(0); 
	transform-origin: 50% 0;
	box-shadow: 0 0.38em 1em rgba(0, 0, 0, 0.25);
}
.navbar-nav > li ul li{
	border-bottom:1px solid #fff;
	position: relative;
}
.navbar-nav > li ul li.has-drop-down{background: #ccc;}
.navbar-nav > li ul ul{
	left: auto;
	right: 100%;
	top: 0;
}
.navbar-nav li li a{
	padding: 10px 15px;
	display: block;
	color: #000;
}
.navbar-nav li li a:hover{
	text-decoration: none;
	background: #054fad;
	color: #fff;
}
.navbar-nav li .opener{display: none;}
.navbar-nav > li ul li.has-drop-down>a{background: #ccc;}
.has-drop-down-a{position:relative;}
.navbar-nav li .opener:after{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	border:7px solid transparent;
	border-bottom-width: 0;
	border-top-color: #fff;
	transform: translate(-50%,-50%);
}
.navbar-nav li li.hover>.has-drop-down-a:after{
	border-top-color: transparent;
	border-bottom-color: #000;
}
.container{max-width:1170px;}
/*--Navigation--*/
/*--nav--*/
.popupform .form-control, .form-control{
	margin: 0 0 15px;
	border: 1px solid #ddd;
	border-radius: 0;
}
.popupform .btn-close{
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	transform: translate(50%,-50%);
	width: 30px;
	height: 30px;
	background-color: var(--primary);
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	opacity: 1;
}
.navbar-collapse .navbar-toggler{display: none;}
@media screen and (max-width:1199px){
	#header .navbar-nav > li{padding: 0 10px 28px;}
	#header.clone.fixed  .navbar-nav>li{position:relative;padding: 0 10px 14px; margin-bottom: -14px;}
	.topbar .inner address, .topbar .inner>span, .topbar .inner>a{padding: 0 6px;}
	#header .cart{margin-right:15px;}
}
@media screen and (min-width:767px){
	.navbar-nav > li .opener{display: none;}
}
@media screen and (min-width:1025px){
	.navbar-nav > li:hover > ul, .navbar-nav > li ul li:hover > ul, 
	.navbar-nav > li:focus > ul, .navbar-nav > li ul li:focus > ul{
		pointer-events: auto;
		transform: scaleY(1);
		opacity: 1;
	}
}
@media screen and (max-width:1024px){
	.navbar-nav > li.hover> ul, .navbar-nav > li ul li.hover > ul,
	.navbar-nav > li:hover> ul, .navbar-nav > li ul li:hover > ul,
	.navbar-nav > li:focus > ul, .navbar-nav > li ul li:focus > ul{
		pointer-events: auto;
		transform: scaleY(1);
		opacity: 1;
	}
}
@media screen and (max-width:991px){
	.navbar-nav > li ul ul{
		position: static;
		max-height: 0;
	}
	.navbar-nav > li ul li.hover>ul{max-height:400px;}
	#header .navbar-nav > li{padding: 0 7px 28px;}
	#header.clone.fixed  .navbar-nav>li{position:relative;padding: 0 7px 14px; margin-bottom: -14px;}
	#header.fixed .navbar-nav > li{padding: 0 7px 15px;margin-bottom: -16px;}
}
@media screen and (max-width:767px){
	/*--Header--*/
	#header{padding-bottom: 0;}
	#header.clone{display: none !important;}
	/*#header {padding-top: 42px;}
	.topbar{
		position: absolute;
		left: 0;
		right: 0;
		top: -42px;
	}*/
	.topbar .inner{width: 100%;text-align: center;}
	.topbar .inner:after, .topbar .inner:before{
		position: absolute;
		top: 0;
		background: #04528e;
		border: 0;
		width: 99px;
		height: 100%;
		content: '';
	}
	.topbar .inner:after{left: 100%;}
	.topbar .inner:before{right: 100%;}
	#header .navbar-nav>li{padding: 0;margin: 0 !important;}
	.navbar-nav > li ul li{background: var(--primary);}
	.navbar-light .navbar-nav .nav-link{
		border-bottom:1px solid var(--primary);
		padding:7px 15px;
		line-height: 26px;
		display: block;
		color: #fff;
	}
	.navbar-nav li li a{
		line-height: 20px;
		padding-bottom: 10px;
		padding-top: 10px;
		color: #fff;
	}
	.navbar-nav li .opener{
		width: 50px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1010;
		text-indent: -999px;
		overflow: hidden;
		background: var(--navcollapse) !important;
		height: 40px;
		border-left:1px solid var(--navcollapse);
		border-bottom:none!important;
		display: block;
	}
	.navbar-nav li{overflow:hidden;display:block;}
	.navbar-nav > li ul{
		position: relative;
		opacity: 1;
		visibility: visible;
		max-height: 0;
		width: 100%;
		z-index: 99;
		top: 0;
		left: 0 !important;
		right: auto !important;
		background: #fff;
	}
	.navbar-brand{
		min-width: 66px;
		width: 66px;
		margin-bottom: 10px;
	}
	.navbar-light .navbar-toggler{
		border: 0;
		height: 40px;
		z-index: 99;
		padding:5px 10px;
		margin-right: 15px
	}
	.navbar-toggler:focus{box-shadow: 0 0 0 1px !important;}
	.navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(110,190,68,1)' stroke-width='2'  d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");width: 30px;height: 30px;}
	.navbar-nav > li.hover > ul, .navbar-nav > li ul li.hover > ul{max-height: 400px;}
	.nav-open .nav li>li{display: none;}
	.nav-open .nav li.hover{
		position:relative;
		width: 100%;
		z-index: 1012;
		background: #eee;
		top: 0;
		overflow: hidden;
		display: block !important;
	}
	.nav-open .nav li.hover a{color: #000;}	
	.nav-open .nav	 li > a.opener:after{
		position: absolute;
		width: 10px;
		height: 10px;
		border:2px solid transparent;
		border-color: #000 #000 transparent transparent;
		transform: rotate(45deg) translateY(-50%);
		left: 10px;
		top: 50%;
		content: '';
	}
	.nav-open .nav	 li.hover > a.opener:after{
		position: absolute;
		width: 10px;
		height: 10px;
		border:2px solid transparent;
		border-color:transparent transparent #000 #000 ;
		transform: rotate(45deg) translateY(-50%);
		left: 10px;
		top: 50%;
		content: '';
	}
	.navbar-collapse, .navbar-collapse.collapse {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		background: var(--navcollapse);
		max-height: 0 !important;
		max-height: 100%;
		z-index: 1020;
		transition: all linear 0.2s;
		-webkit-transition: all linear 0.2s;
		-ms-transition: all linear 0.2s;
		border: none;
		overflow: auto;
		padding: 0;
		margin: 0;
		display: block !important;
	}
	.navbar-right{text-align: left;}
	.navbar-collapse.collapse:before{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		content: 'Menu';
		text-align: center;
		width: 100%;
		padding:14px 10px;
		color: var(--navtitle);
		font-weight: 700;
		border-bottom:2px solid var(--navtitle);
		display: block;
	}
	#header .navbar-nav {
		padding: 20px 0 0; 
		margin: 0 !important;
	}
	.navbar-collapse .navbar-toggler{
		position: relative;
		z-index: 1023;
		font-size: 30px;
		top: 10px;
		display: block;
	}
	.navbar-collapse.show {max-height: 1000px !important;}
	.navbar-brand{margin-top: 10px;}
	.topbar .inner{font-size: 13px;}
	.topbar .inner .txt{display: none;}
}
@media screen and (max-width:479px){
		.topbar .inner{font-size: 11px;}
}
.sticky-btn{
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateX(50%) rotate(-90deg) translateY(-50%);
	-ms-transform: translateX(50%) rotate(-90deg) translateY(-50%);
	-webkit-transform: translateX(50%) rotate(-90deg) translateY(-50%);
	z-index: 9999;
}
.sticky-btn .btn{
	padding: 10px 30px;
	line-height: 33px;
	margin-right: 10px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border: 2px solid #fff;
}
/*----- Searchform ----*/
.search-form{float:right;position:relative;width:48px;height:48px;margin-left:15px;margin-right: 30px;}
.search-form .input{max-width:250px;background:#fff;height:100%;z-index:99;padding:10px 15px;color:#34334c;border: 0; font-size: 18px;}
.search-form button[type=submit]{width:48px;height:46px;display:block;text-align:center;line-height:46px;position:absolute;top:0;right:0;color:#000;background:#fff;border: 0;font-size: 20px;}
.search-form .field{position:absolute;right:0;top:0;height:100%;opacity:0;visibility:hidden;z-index:1020;transition:all linear 0.2s;-webkit-transition:all linear 0.2s;-ms-transition:all linear 0.2s;}
.search-form.open .field{opacity:1;visibility:visible;border: 1px solid #6ebe44;}
.search-form a{width:48px;height:48px;display:block;text-align:center;line-height:48px;color:#8e8da9;font-size: 20px;}
.search-form a i, .search-opener i{pointer-events:none;}
@media screen and (max-width:767px){
	.search-form{width:calc(100% + 24px) !important;float:none;display:block;margin:10px -12px 0;max-height: 0; opacity: 0;overflow: hidden;transition:all linear 0.2s;}
	.search-form.open{max-height: 100px;opacity: 1;}
	.search-form a{display:none;}
	.search-opener{width:48px;height:48px;display:block;text-align:center;line-height:48px;color:#8e8da9;font-size: 20px;}
	.search-form .field{width:100%;opacity:1;visibility:visible;border: 0 !important;}
	.search-form .input{max-width:inherit;width:calc(100% - 46px);}
	.search-form button[type=submit], .search-form .input{border: 1px solid #04528e;height: 48px;color: #04528e;}
}
/*----- Searchform ----*/