:root {
  --blue: #6f7643;
  --light-blue: #d6dabf; 
  --grey: #f6f6f6;
  --grey-text: #adb5bd;
  --grey-border: #f5f5f5;
  --default-text: #222;
  --orange: #ffa500;
  --red:  #ff4947;
}
body{
	font-family: 'Open Sans', Arial, Helvetica;
	font-size: 14px;
	color: var(--default-text);
}
.app{
	width: 100%;
	overflow-x: hidden;
}
.bg-primary{
	background-color: var(--blue)!important;
}
.bg-light {
	background-color: #f2f2f2!important;
}
.bg-info {
	background-color: var(--light-blue)!important;
}
.bg-secondary {
	background-color: var(--grey)!important;
	/*color: var(--grey-text);*/
}
.btn{
	border-radius: 0;
}
a{
	color: var(--blue);
}
a:hover{
	color: var(--blue);
	text-decoration: none;
}
.text-dark{
	color: var(--default-text)!important;
}
.text-warning{
	color: #7B4D35!important;
}
.btn-warning{
	background-color: var(--orange)!important;
	border-color: var(--orange)!important;
	color: white;
}
.services-nav{
	font-size: 14px;
}
h1,h2,h3{
	font-size: 24px;
	font-weight: 900;
	color: var(--default-text);
}
h2{
	font-size: 20px;
}
h3{
	font-size: 18px;
}

.services-nav a{
	color: black;
}
.services-nav a:hover{
	text-decoration: none;
}
.main-nav .brand a, .main-nav .brand{
	color: white;
	text-decoration: none;
	font-size: 2rem;
	margin-bottom: 0px;
}
.menu-nav li:not(:last-child){
	margin-right: 24px;
}
.menu-nav a{
	color: black;
	text-decoration: none;
}
.menu-nav a:hover{
	text-decoration: underline;
}
.form-control{
	border-radius: 0px;
	background-color: #fff!important;
	border: 1px solid #c0c0c0;
}
/*.main-nav .form-control{
	padding-left: 42px;
}*/
.main-nav .input-wrapper{
	position: relative;
}
.main-nav .input-wrapper input{
	position: absolute;
}
.main-nav .input-wrapper i{
	position: absolute;
	left: 16px;
	top: 12px;
	color: #c0c0c0;
}
#mobile-foot-menu{
	border-top: 1px solid var(--default);
	z-index: 1111112;
}
#mobile-foot-menu i{
	font-size: 1.4rem;
	margin-bottom: 0px;
}
#mobile-foot-menu span{
	font-size: 12px;
	display: block;
	margin-top: -4px;
}
.services-container i{
	opacity: .5;
}
aside{
	background-color: var(--blue);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	text-align: center;
	padding-top: 50px;
	z-index: 1111111;
}
aside a{
	color: white;
	font-size: 1.5rem;
	text-decoration: none;
}
aside a:hover, aside a:focus, aside a:active{
	color: var(--orange);
}
.mobile-search{
	background-color: var(--blue);
	width: 100%;
	position: fixed;
	bottom: 55px;
	padding: 5px;
	left: -100%;
	z-index: 1111112;
}
.top5-outer{
	height: 44px;
	overflow-x: scroll;
	overflow-y: hidden;
	/*-ms-overflow-style: none;
    scrollbar-width: none;*/
  	white-space: nowrap;
}
.top5-outer::-webkit-scrollbar {
	/*display: none;*/
}
.horizontal-link{
	border: 1px solid var(--grey-border);
	background-color: white;
	padding: 12px;
	margin: 0 8px 12px 8px;
}
.horizontal-link p{
	display: inline;
	float: left;
	margin-bottom: 0;
}
.horizontal-link.with-image p{
	margin-left: 16px;
}
.horizontal-link img{
	margin-top: 6px;
}
.horizontal-link i{
	float: right;
	margin-top: 2px;
}
.horizontal-link.with-image i{
	margin-top: 14px;
}
.top5{
	border: 1px solid var(--grey-border);
	display: inline-block;
	padding: 6px;
	/*float: left;*/
	margin-left: 10px;
}
.top5:first-child{
	margin-left: 0px;
}
.top5 a, .product-card a, .horizontal-link a, #main-slider-caption a{
	width: 100%;
	height: 100%;
	display: block;
	color: initial;
	text-decoration: none;
}
.top5 img, .top5 p, .horizontal-link img{
	float: left;
}
.top5 p{
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 4px;
}
.top5-outer.desktop{
	height: 126px;
}
.top5-outer.desktop .top5 img, .top5-outer.desktop .top5 p{
	float: none;
	text-align: center;
}
.product-card, .block{
	border: 1px solid var(--grey-border);
	padding: 12px;
	margin-bottom: 16px;
}
.block.active{
	border-color: var(--orange);
}
.product-card small{
	color: #838080;
}
.product-card span.age{
	font-size: .875em;
}
.product-card.highlight span.age{
	display: block;
}
span.price{
	display: block;
}
span.price .current{
	color: var(--red);
	font-size: 20px;
	font-weight: 400;
}
span.price .old{
	color: #838080;
	text-decoration: line-through;
	font-size: 14px;
}
.carousel .indicator{
	padding: 2px;
	margin-right: 3px;
	border: none;
	background-color: var(--light-blue);
}
.carousel .indicator.active{
	background-color: var(--orange);
}
.carousel .indicator::not(:last-child){
	margin-right: 0px;
}
.accordion-item{
	border: none;
	margin: 0 8px 12px 8px;
}
.accordion-button{
	padding: 12px;
	margin: 0;
	font-size: 14px;
}
.accordion-button:not(.collapsed){
	color: var(--default-text);
	background-color: white;
}
.accordion-button::after{
	background-image: none;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	margin-right: -12px;
}
.accordion-button:not(.collapsed)::after{
	background-image: none;
	content: "\f107";
	transform: rotate(0deg);
}
#hidablefeatures{
	max-height: 112px;
	overflow-y: hidden;
}
.cart-badge{
	display: inline!important;
	border-radius: 15px;
	position: absolute;
	right: 28px;
	top: -7px;
}
.shopcart a{
	text-decoration: none;
	color: initial;
}
.clear-container-desktop{
	padding-right: 0;
	padding-left: 0;
}
#main-slider .container{
	position: relative;
	width: 100%;
	height: 100%;
}
#main-slider-caption{
	background-color: #fff;
	padding: 10px 20px;
	display: inline-block;
	position: absolute;
	right: 0px;
	bottom: 50px;
}
#main-slider-caption .fa-angle-right{
	margin-top: 78px;
}
.offerbackground{
	position: absolute;
	bottom: 0;
	left: 0;
}
#hidablefeaturesbtn a{
	text-decoration: none;
}
#showablefeaturesbtn a{
	text-decoration: none;
}
.progress{
	margin: 20px 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	overflow: hidden;
	background-color: #fff;
	height: auto;
}
.progress ul{
	width: 100%;
	padding-left: 0px;
	margin-bottom: 0;
}
.progress li{
	float: left;
	width: 20%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #a0a0a0;
	list-style: none;
	position: relative;
	display: block;
	height: 68px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

.progress .check{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 20px;
	line-height: 28px;
	background: var(--blue);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	float: left;
	display: none;
}

.progress .cross{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 20px;
	line-height: 28px;
	background: #d0021b;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	float: left;
	display: none;
}

.progress .number{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 20px;
	line-height: 28px;
	background: #a0a0a0;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	float: left;
}

.progress .title{
	display: inline-block;
	line-height: 68px;
}

.progress .triangle{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 38px;
	height: 72px;
	margin-top: -2px;
	margin-bottom: -2px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 72'%3E%3Cpath stroke='%23e5e5e5' fill='%23fff' d='M0 0l38 36L0 72V0z'/%3E%3C/svg%3E");
}
.progress .triangle:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	background: #fff;
	display: block;
	content: "";
}
.wysiwyg p{
	margin-bottom: 0px;
}
.highlight .discount{
	background-color: var(--orange);
	width: 50px;
	color: white;
	position: absolute;
	/*right: 10%;*/
}
.carousel-control-next-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
@media (max-width: 768px) {
	body{
		padding-bottom: 50px;
	}
	.main-nav .form-control{
		padding-left: 42px;
	}
	.main-nav .brand a, .main-nav .brand{
		font-size: 36px;
		font-weight: 900;
	}

	.top5-outer{
		-ms-overflow-style: none;
	  scrollbar-width: none;
	}
	.productsrow.row>*{
		padding-right: 4px;
		padding-left: 4px;
	}
	.clear-container-desktop{
		padding-right: var(--bs-gutter-x,.75rem);
		padding-left: var(--bs-gutter-x,.75rem);
	}
	.accordion-no-padding{
		padding-right: 0;
		padding-left: 0;	
	}
	#main-slider-caption{
		right: 10px;
	}
	#main-slider-caption .fa-angle-right{
		margin-top: 88px;
	}
	span.price .current{
		font-weight: 700;
	}
	.progress .title{
		display: none;
	}
	.progress .number, .progress .check{
		z-index: 111111;
		position: relative;
	}
	.progress{
		margin-bottom: 0px;
	}
	.progress li{
		width: 20%;
	}
	.progress li:last-child{
		width: 19%;
	}
	.top5-outer::-webkit-scrollbar {
		display: none;
	}
}