:root{
	--gray-color:#727272;
	--dark-color:#232323;
    --default-color:#ffffff;
    --primary-color:/*#660066*/ #026839;
    --primary-color-lite:/*#840185*/ #359b6c;
    --primary-color-dark:#5e2645;
    --secondary-color:/*#4b7319*/ #fe5f25;
    --secondary-color-lite:/*rgba(75,115,25,0.3)*/ rgba(254, 95, 37,.3);
    --secondary-color-dark:/*#4b7319*/ #dc3d03;
    --tertiary-color:/*#000370*/ #b2121a;
    --tertiary-color-dark:/*#011144*/ #900008;
}
body{
	font-family:roboto, sans serif, serif, tahoma;
	font-size:16px;
	line-height:1.5;
	background:var(--default-color);
}
img{
	max-width:100%;
}
.checker{
	display:inline-flex;
	align-items: center;
	cursor:pointer;
	width:auto;
	background-color:#fff;
}
.checker input{
	display:none;
}
.checker .input{
	width:25px;
	height:25px;
	border-radius:50%;
	display:inline-block;
	padding:0 0;
	margin:0 10px;
	border:1px solid;
	position:relative;
	overflow:hidden;
}
.checker .label{
	margin-bottom:0;
}
.checker .input::before,
.checker .input::after{
	content:"";
	display:inline-block;
	width:100%;
	position:absolute;
	top:0;left:0;
	transition:.3s ease;
}
.checker .input::before{
	content:"";
	border-top:20px solid;
	opacity:0;
	visibility:hidden;
}
.checker .input::after{
	z-index:2;
	border:5px solid #fff;
	border-radius:50%;
	height:100%;
}
.checker input:checked ~ .input::before{
	opacity:1;
	visibility:visible;
}
.header{
	width:100%;
	background-color:var(--primary-color);
	padding:3em 0;
}
.logo{
	max-width:200px;
	width:100%;
	flex-shrink:0;
	flex-grow:0;
}
.page-nav{
	width:100%;
	position:relative;
	min-width: 250px;
	white-space: nowrap;
}
.page-nav ul{
	list-style:none;
	margin-bottom:0;
}
.page-nav ul.visible-links{
	list-style:none;
	margin-bottom:0;
	display:inline-table;
}
.page-nav li{
	position:relative;
	color:#fff;
}
.visible-links li{
	display:table-cell;
}
.page-nav li a{
	display:block;
	padding:1em;
	color:inherit;
	text-decoration:none;
	white-space: nowrap;
	text-overflow: hidden;
}
.page-nav li::after,
.hamburger::after{
	content:"";
	position:absolute;
	background:#fff;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	height:1px;
	width:0;
	transition:.3s ease-out;
}
.page-nav li.active:after,
.page-nav li:hover:after,
.page-nav li:focus:after,
.hamburger:hover::after,
.hamburger:focus::after{
	width:80%;
}
.hidden{
	visibility:hidden !important;
	opacity:0 !important;
}
.hidden-links {
    position: absolute;
    z-index:999;
    right: 0px;
    top: 100%;
    background-color:var(--primary-color);
    transition:.3s all;
    opacity:1;
    visibility:visible;
    padding:0 15px 15px;
}
.hidden-links li{
	width:100%;
}
.hamburger{
	position: relative;
    line-height: 35px;
    width:35px;
    background-color: transparent;
    border:1px solid transparent;
    border-radius:5px;
    color:#fff;
    text-align:center;
    cursor:pointer;
    outline:none !important;
}
.actions{
	flex-shrink:0;
	width:100%;
	max-width:300px;
}
.social{
	flex-shrink:0;
	max-width:120px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 15px;
}

.social a{
	display:block;
	width:100%;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.buy-here,
.section-link{
	background-color:var(--secondary-color);
	border:none;
	border-radius:20px;
	display:inline-block;
	line-height:45px;
	color:#fff;
	padding:0 30px;
	text-overflow: hidden;
	white-space: nowrap;
	transition:.3s ease;
	font-weight:bold;
	cursor:pointer;
}
.buy-here:focus,
.buy-here:hover{
	color:var(--default-color);
	text-decoration:none;
}
.header .buy-here:focus,
.header .buy-here:hover{
	background-color:#fff;
	color:var(--secondary-color);
	transform:translateY(-2px);
}
.main-body{
	width:100%;
	overflow-x:hidden;
}

.banner .swiper-slide{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.banner img{
	width:100%;
	flex:none;
}
.swiper-nav{
	position:absolute;
	left:10vw;
	bottom:0;
	padding:2%;
	z-index:900;
	display:flex;
	justify-content:space-around;
}
.swiper-nav .btnn{
	background-color:var(--secondary-color);
	color:#fff;
	transition:.3s all;
	cursor:pointer;
	position:relative;
	border-radius:10px;
	overflow:hidden;
}
.swiper-nav .btnn:before{
	content:"";
	display:block;
	padding:.8em 1em;
	line-height:50px;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	font-size:22px;
	transition:.3s all;
	transform:scaleY(1.3);
}
.swiper-nav .btnn:hover::before{
	transform:scale(1.3,1.6);
}
.swiper-nav .btnn:hover{
	background-color:var(--primary-color-dark);
}
.swiper-nav .btnn.next:before{
	content:"\f105";
}
.swiper-nav .btnn.prev:before{
	content:"\f104";
}
.section{
	max-width:1250px;
}
.section-title{
	text-align:center;
	padding:30px;
}
.section-title .img{
	background-color:rgba(2, 104, 57, .04);
	width:90px;height:90px;
	border-radius:50%;
	margin:40px auto;
}
.section-title .img .icon{
	transform:translateX(50%);
	font-size:4em;
	line-height:90px;
	color:var(--primary-color-lite);
}
.section-link{
	margin:auto;
	border-radius:30px;
	display:inline-block;
	font-weight:300;
	color:#fff;
}
.section-link:hover,
.section-link:focus{
	box-shadow:1px 1px 20px rgba(60,60,60,.4);
	background-color:var(--primary-color-dark);
	text-decoration:none;
	color:#fff;
}

.about-section{
	background-color:var(--tertiary-color-dark);
	padding:0 5%;
	margin:140px 0 0 0;
}
.about-section .image{
	margin-top:-70px;
	margin-bottom:-40px;
	border-radius:10px 10px 0 0;
}
.about-section .title{
	color:/*#dd2684*/ #fff;
	border-bottom:1px solid rgba(170, 170, 170, .2);
	width:100%;
	font-weight:bold;
	padding:1em 0;
}
.about-section p{
	color:#aaa;
	margin:1.8em;
	font-size:20px;
}
.about-section .link,.about-section .link:hover{
	color:#aaa;text-decoration:none;
	margin-left:10px;
}
.reviews-section{
	background-color:#fff;
	position:relative;
	z-index: 20;
	width:100%;
	min-height:300px;
	padding:60px 0;
}
.title-block{
	max-width:800px;
	margin:auto;
	text-align:center;
	padding:1em;
}
.title-block .caption{
	font-size:26px;
	line-height:52px;
	font-weight:300;
}
.testimony{
	padding:2.2em;
	border-radius:1.5em;
	background-color:#fff;
	box-shadow:1px 1px 30px rgba(0,0,0,.1);
	width:130%;
	margin-left:-30%;
	margin-top:20%;
}
.testimony p{
	font-size:2em;
	color:var(--primary-color-dark);
}
.footer{
	background-color:var(--primary-color);
	color:#aaa;
	text-align:center;
	padding:3em 0 0 0;
}
.live-chat{
	position:fixed;
	z-index:9999;
	bottom:5vh;
	right:3vw;
	display:inline-block;
	width:50px;
	transition:.3s ease; 
}
.live-chat:hover,
.live-chat:focus{
	/*transform:scale(1.1);*/
	width:55px;
}
.b_t_t{
	width:40px;
	line-height:40px;
	border:none;
	background-color:var(--secondary-color);
	color:var(--default-color);
	position:fixed;
	z-index:500;
	border-radius:50%;
	text-align:center;
	font-size:20px;
	box-shadow:1px 0 2px rgba(52,52,52,.2);
	bottom:-60px;
	right:3vw;
	cursor:pointer;
	transition:.3s ease;
	/*opacity:0;*/
}
.b_t_t:hover,.b_t_t:focus{
	background-color:var(--tertiary-color);
	color:var(--default-color);
}
.b_t_t i{
	transition:.3s linear;
}
.b_t_t:hover i, .b_t_t:focus i{
	transform:rotateY(360deg);
}
.copyrights{
	border-top:1px solid rgba(170, 170, 170, .2);
	padding:20px 10px;
}
.footer a{
	color:var(--default-color);
	font-size:18px;
	transition:.3s all;
	display:inline-block;
	text-align:center;
}
.footer ul a{
	padding:0 15px;
}
.footer a:hover,.footer a:focus{
	color:var(--secondary-color);
	text-decoration:none;
}
.backlink a{
	color:var(--secondary-color);
	transition:.3s all;
	border-bottom:1px solid transparent;
	line-height:30px;
}
.backlink a:hover,
.backlink a:focus{
	color:var(--secondary-color);
	border-bottom-color:var(--secondary-color);
	text-decoration:none;
}
.dummy-input{
	position:absolute;
	z-index:-1;
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
textarea.form-control{
	height:150px;
	resize:none;
}
.close-modal {
	transition:.3s all;
}
.close-modal:hover,
.close-modal:focus{
	transform:scale(1.3) rotate(90deg);
}

/*Products page*/
.product{
	width:28%;
	margin-bottom:5em;
	margin-left:2%;
	margin-right:2%;
	min-width:300px;
	padding:2%;
	border:1px solid rgba(238, 238, 238, 1);
	border-radius:5px;
	position:relative;
	overflow:hidden;
}
.product-image{
	border-radius:5px;
	overflow:hidden;
    position:relative;
	margin-bottom:2em;
	display:flex;
	align-items:center;
	justify-content: center;
	height:50%;
	max-height:250px;
}
.product-image img{
	height:100%;
	max-width:unset;
	flex:none;
}
.product-name{
	text-transform:capitalize;
	margin-bottom:.3em;
}
.product-price{
	color:var(--tertiary-color);
	margin-bottom:1.3em;
	padding:0 5px;
	white-space: nowrap;
	text-overflow:hidden;
}
.product .buy-here{
	line-height:30px;
	font-size:.9em;
	padding:0 15px;
	border:1px solid var(--secondary-color);
}
.product .buy-here:hover{
	background-color:var(--default-color);
	color:var(--secondary-color);
}
.product .read-more{
	display:inline-block;
	line-height:30px;
	font-size:.8em;
	padding:0 5px;
	background-color:var(--default-color);
	color:var(--secondary-color);
	vertical-align:text-bottom;
	text-decoration: none;
	font-weight:300;
	text-transform:uppercase;
	position:relative;
}
.product .read-more:after{
	content:"";
	display:block;
	width:0;
	position:absolute;
	bottom:0;
	left:0;
	height:2px;
	background-color:var(--secondary-color);
	transition:.3s all;
}
.product .read-more:hover:after,
.product .read-more:focus:after{
	width:50%;
}
.product-more{
	position:absolute;
	z-index:100;
	left:0;
	bottom:-800px;
	background:#fff;
	width:100%;
	padding:20px;
	border-radius:3px;
	transition:.3s all;
}
.close-more{
	width:30px;
	line-height:30px;
	height:30px;
	padding:0 0;
	float:right;
	border:1px solid;
	border-radius:50%;
	text-align:center;
	cursor: pointer;
	transition:.3s all;
	color:var(--tertiary-color);
	background-color:var(--default-color);
}
.close-more:focus,.close-more:hover{
	box-shadow:0px 0px 2px rgba(40,40,40,.2);
	transform:scale(1.1);
	outline:none;
}
.show-info .product-more{
	bottom:0;
}
[product-img] img{
	height:200px;
	display:block;
	margin:auto;
}


/*Distributors*/
.breadcrumb-section{
	background:var(--primary-color-lite);
	padding:30px 0;
	color:var(--default-color) !important;
}
.breadcrumb-section .title{
	font-size:30px;
	font-weight:bold;
	line-height:1.4;
}
.breadcrumb{
	background:transparent;
	font-weight:bold;
	font-size:14px;
	margin-bottom:0;
}
.breadcrumb-item a{
	color:inherit;
}
.breadcrumb-item.active{
	opacity:.5;color:inherit;
}
.breadcrumb-item + .breadcrumb-item::before{
	content:"\f101";
	display:inline-block;
	font-weight:900;
	color:inherit;
	opacity:.5;
	font-family:"Font Awesome 5 Free";
}
.accordion{
	width:100%;
}
.acc-section{
	width:100%;
}
.acc-content{
	height:auto;
	max-height:0;
	overflow:hidden;
	transition:.3s all;
	padding:0px 20px;
}
.acc-section .acc-title{
	background:#f8f8f8;
	width:100%;
	line-height:50px;
	padding:0 45px;
	position:relative;
	cursor:pointer;
	font-size:1.3em;
	margin-bottom:3px;
	font-weight:700;
	color:#666;
}
.acc-title::before,.acc-title::after{
	content:"";
	display:block;
	width:15px;
	position:absolute;
	top:50%;
	left:15px;
	transform:translateY(-1px);
	color:inherit;
	border-bottom:2px solid;
	transition:.3s all;
}
.acc-title::after{
	transform:translateY(-1px) rotate(90deg);
}
.acc-section.active .acc-content{
	max-height:1000px;
	padding:20px 20px;
}
.acc-section.active .acc-title::after{
	transform:translateY(-1px);
}
.distributors-list-page .sidebar-img{
	width:100%;
	border-radius:5px;
}
/*Frequently asked questions*/
.faq{
	max-width:800px;
	width:100%;
	margin:50px auto;
}
.faq .question{
	color:#666;
	font-size:1.6em;
	font-weight:600;
	text-transform:capitalize;
}
.faq .response{
	font-size:1em;
	margin-bottom:3em;
}
.contact-details{
	padding:20px 5%;
}
.contact-details p{
	display:flex;
	align-items:center;
	margin-bottom:1.7em;
}
.contact-icon{
	display:block;
	flex-shrink:0;
	width:80px;
	line-height:80px;
	font-size:30px;
	color:var(--secondary-color);
	border:1px solid;
	border-radius:50%;
	text-align:center;
	margin-right:15px;
}
/*Privacy policy page*/
.policy-page{
	max-width:800px;
}
.policy-page h3,.policy-page h5,.policy-page h6{
	font-weight:600;
}
.policy-page h3{
	
}
.policy-page h5{
	margin-top:1.4em;
}
.policy-page p{
	font-size:16px;
	font-weight:400;
	letter-spacing: 1px;
	line-height:1.7;
}


/*Customer care page*/
.care-socials p{
	white-space: nowrap;
	font-size:18px;
	line-height:40px;
}
.care-socials .fab{
	font-size:24px;
	color:var(--tertiary-color);
	text-decoration:none;
}
.care-socials span::before{
	content:"-";
	display:inline-block;
	margin:0 8px;
}
#sign-up.care label{
	display:block;
	clear:both;
	font-size:16px;
}
.care .form-control{
	margin-bottom:1.5em;
	min-width:150px;
}
.nice-select, .nice-select .list{
	min-width:170px;
}
.nice-select .list{
	overflow:auto;
}
.modal{
	overflow:visible;
}
.modal .modal-body{

}


/*Blog page*/
.blog-page p{
	font-size:16px;
	letter-spacing:.008em;
	line-height:1.6;
}

/*Testimonial page*/
.testimonial-summary p{
	font-size:18px;
	letter-spacing:.03rem;
	line-height:1.7;
}
.testimones > div{
	padding:2%;
	margin-bottom:2rem;
}

/*Product Description page*/
.references{
	margin:2em 0;
}
.references p{
	margin-bottom:2em;
}
.page-alert{
	position:fixed;
	z-index:9999;
	top:-300px;
	left:50%;
	max-width:800px;
	margin:50px;
	transform:translateX(-50%);
	box-shadow:0 2px 5px rgba(0,0,0,.2);
	transition:.3s ease;
	font-size:18px;
}

@media(max-width:768px){
	
}
@media(max-width:640px){
	.header{
		padding:1em 0;
	}
	.logo{
		max-width:80px;
	}
	.page-nav{
		position:fixed;
		z-index:9999;
		right:0;
		top:0;
		padding:0 0 0 0;
		width:0;
		height:0;
	}
	.page-nav.open-menu{
		background-color:rgba(0,0,0,.1);
		height:100vh;
		width:100%;
	}
	.page-nav .hidden-links{
		top:0;
		width:220px;
		height:100vh;
		margin-right:0;
		padding:15px 15px;
		overflow:auto;
	}
	.hidden-links.hidden{
		margin-right:-100%;
		opacity:.6;
		visibility:visible;
	}
	.hamburger{
		background-color:var(--primary-color);
		float:right;
		margin:15px;
	}
	.hamburger::after{
		display:none;
	}
	.hamburger .fa::before{
		content:"\f0c9";
	}
	.header .order{
		width:100%;
		text-align:right;
	}
	.swiper-slide{
		width:100%;
		overflow:hidden;
	}
	.swiper-slide img{
		max-width:150%;
		width:200%;
	}
	.swiper-nav .btnn::before{
		padding:.3em .5em;
		line-height:40px;
		font-size:18px;
	}
	.product{
		width:45%;
		margin-left:auto;
		margin-right:auto;
	}
	.testimony{
		width:100%;
		margin-top:30px;
		margin-left:0;
	}
	.product-form{
		margin-top:50px;
	}
	.contact-icon{
		line-height:60px;
		width:60px;
		font-size:25px;
	}
	.title-block .caption{
		font-size:1.4em;
		line-height:1.7;
	}
	.testimony p{
		font-size:1.2em;
	}
}
@media(max-width:400px){
	body{
		font-size:14px;
	}
	.actions{
		max-width:100%;
	}
	.buy-here, .section-link{
		line-height:35px;
	}
	.product{
		width:90%;
		padding:20px;
	}
	.product-image{
		height:auto;
	}
	.copyrights ul a{
		font-size:16px;
	}
}