@import url("css/font-awesome/css/fontawesome-all.css");

html {
  scroll-behavior: smooth;
}

body{
	margin:0;
	padding:0;
    background:#FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  font-family:"Poppins Regular";
}
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: :0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */
nav .dropdown-menu .nav-link{color:rgba(0,0,0,0.6)!important;} /* Maintain Downdown Menu Link Color in Navigation */
[data-bs-theme="dark"] nav .dropdown-menu .nav-link{color:var(--bs-dropdown-link-color)!important;} /* Maintain Downdown Menu Link Color in Navigation in Darkmode */


/* Preloader */

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}

/* = Web Fonts
-------------------------------------------------------------- */

@font-face {
	font-family:'BlobSpongeyLowercase';
	src: url('./fonts/BlobSpongeyLowercase/BlobSpongeyLowercase.woff2');
	src: url('./fonts/BlobSpongeyLowercase/BlobSpongeyLowercase.woff2') format('woff2'),
	url('./fonts/BlobSpongeyLowercase/BlobSpongeyLowercase.woff') format('woff'),
	url('./fonts/BlobSpongeyLowercase/BlobSpongeyLowercase.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
    font-family:"Poppins Regular";
    src:url("./fonts/PoppinsRegular/Poppins-Regular.woff2") format("woff2"),url("./fonts/PoppinsRegular/Poppins-Regular.woff") format("woff"),url("./fonts/PoppinsRegular/Poppins-Regular.otf") format("opentype");
    font-style:normal;font-weight:400;
    font-display:swap;
}

@font-face {
    font-family:"Poppins SemiBold";
    src:url("./fonts/PoppinsSemiBold/Poppins-SemiBold.woff2") format("woff2"),url("./fonts/PoppinsSemiBold/Poppins-SemiBold.woff") format("woff"),url("./fonts/PoppinsSemiBold/Poppins-SemiBold.otf") format("opentype");
    font-style:normal;font-weight:400;
    font-display:swap;
}

@font-face {
    font-family:"Poppins Medium";
    src:url("./fonts/PoppinsMedium/Poppins-Medium.woff2") format("woff2"),url("./fonts/PoppinsMedium/Poppins-Medium.woff") format("woff"),url("./fonts/PoppinsMedium/Poppins-Medium.otf") format("opentype");
    font-style:normal;font-weight:400;
    font-display:swap;
}


/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
	position:relative;
}


/* Sizes */

.bloc-lg{
	padding:100px 20px;
}
.bloc-sm{
	padding:20px;
}


/* Edge Dividers */

.bloc-shape-divider{
	position: absolute;
	width:100%;
	text-align:center;
	left:0;
	right:0;
	z-index: 0;
	display: flex;
	pointer-events: none;
}
.svg-divider{
	width:100%;
	height:100px;
	fill:#000000;
}
.bloc-divider-top{
	top:-1px;
	align-items: flex-start;
}
.bloc-divider-bottom{
	bottom:-1px;
	align-items: flex-end;
}


/* Flip Edge Divider */

.bloc-divider-flip-x svg{
	transform:scale(-1,1);
}
.bloc-divider-flip-y svg{
	transform:scale(1,-1);
}
.bloc-divider-flip-x.bloc-divider-flip-y svg{
	transform:scale(-1,-1);
}


/



/* = Sticky Nav
-------------------------------------------------------------- */

/* Navbar Icon */
.svg-menu-icon{
	fill: none;
	stroke: rgba(0,0,0,0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
	stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
	stroke-width: 1px;
}
.menu-icon-thick-bars{
	stroke-width: 5px;
}
.menu-icon-rounded-bars{
	stroke-width: 3px;
	stroke-linecap: round;
}
.menu-icon-filled{
	fill: rgba(0,0,0,0.5);
	stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
	fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
	background: none!important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}

nav.sticky{
		box-shadow:0 1px 15px rgba(0,0,0,.15);
	 transition: all .2s ease-out;
}

nav.sticky a.navbar-brand img{
	width: 60px;
	height: 64px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

.btn-small {
	border: 1px solid rgb(255,255,255);
		border-radius:4px;
}

.btn-small:hover, .btn-small:focus{
	background: rgb(255,255,255);
}

.btn-small:hover i, .btn-small:focus i{
	color:var(--swatch-green)!important;
}

.form-control::-ms-input-placeholder { /* Edge 12-18 */
  color: var(--swatch-green);
}

.form-control::placeholder {
  color: var(--swatch-green);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}

.a-block{
	width:100%;
	text-align:left;
	display: inline-block;
}
.text-center .a-block{
	text-align:center;
}

/* = Icons
-------------------------------------------------------------- */
.icon-sm{
	font-size:18px!important;
}

/*  Image Scale */
.img-fluid-up{
	min-width: 100%;
	height: auto;
}



#overview, #feedback, #how-to-use, #about-us{
	scroll-margin-top: 120px;
}




/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity:0;
	z-index:999;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}


/* = Custom Styling
-------------------------------------------------------------- */

.navbar-logo{
	text-transform:none;
	text-decoration:none;
	font-size:20px;
}

h1{
	font-family:"BlobSpongeyLowercase";
	color:var(--swatch-space-black)!important;
	font-size:50px;
	text-transform: uppercase;
}
h2{
	font-family:"BlobSpongeyLowercase";
	font-size:50px;
	color:var(--swatch-space-black)!important;
	text-transform: uppercase;
}

h2.h2-small{
	font-size:30px!important;
}

h3{
	font-family:"Poppins SemiBold";
	color:var(--swatch-space-black)!important;
	font-size: 24px;
}

h4{
	font-family:"Poppins SemiBold";
	font-size:20px;
}


h5{
	font-family:"Poppins SemiBold";
	font-size:18px;
}

.discount{
	font-family: "BlobSpongeyLowercase";
  font-size: 50px;
  text-transform: uppercase;
  line-height: 100%;
}

p{
	color:var(--swatch-black)!important;
	font-family:"Poppins Regular";
}

ul{
/*	color:#3B3223!important;*/
/*	font-size:24px;*/
}
ul li{
/*	font-family:"Poppins Regular";*/
	margin-bottom:0px;
	text-indent:4px;
}
.cta-2{
	background-position:center center;
	background-image:url("img/polygon-4-green.svg");
	background-size: contain;
	background-repeat:no-repeat;
	align-items:flex-start;
	flex-direction:column;
	justify-content:center;
}
.cta-2::before{
	background-size:length;
	content:"";
	background-image:url("img/polygon-3.svg");
	width:355px;
	height:335px;
	position:absolute;
	z-index:-2;
	top:10px;
	left:-250px;
}

.min-h-650{
	min-height:650px;
	flex-direction:column;
	justify-content:center;
}
.cta-2-img{
	position:relative;
	left:-50px;
	top:-10px;
}


.p-s-100{
	padding-left:100px;
}

.btn-amz-white{
	padding:12px 24px 12px 24px;
	font-size:18px;
	font-family:"Poppins SemiBold";
	text-align:center;
	color:#96C051!important;
	background-color:#FFFFFF;
	border-radius:4px 4px 4px 4px;
	min-height:20px;
	text-decoration:none;
}

.btn-amz-green{
	padding:12px 24px 12px 24px;
	font-size:18px;
	font-family:"Poppins SemiBold";
	text-align:center;
	color:var(--swatch-white)!important;
	background-color:var(--swatch-green);
	border: none;
	border-radius:4px 4px 4px 4px;
	min-height:20px;
	text-decoration:none;
}

.btn-amz-green:hover,
.btn-amz-green:focus {
  background-color: #6a8b3c;
  color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.btn-amz-green:hover {
  transform: translateY(-1px);
}

.btn-amz-green:active {
  background-color: #6a8b3c;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}

.btn-amz-white svg, .btn-amz-green svg{
margin-right: 12px;
}

.flex-center{
	flex-direction:row;
	align-items:baseline;
	justify-content:flex-start;
}
.current-price{
	margin-bottom:0px;
	font-family:"Poppins SemiBold";
	font-size:24px;
	line-height:24px;
}
.old-price{
	font-family:"Poppins SemiBold";
	margin-bottom:0px;
	margin-left:8px;
	line-height:24px;
	text-decoration:line-through!important;
	font-size:18px;
}
.text-heavy{
	font-family:"Poppins SemiBold";
}
.feedback-cell{
	background-image:url("img/polygon-5.svg");
	background-size:length;
	background-repeat:no-repeat;
	background-position:center center;
}
.min-h-422{
	height:422px;
	max-width:410px;
	flex-direction:column;
	justify-content:center;
}
.no-border{
	border-width:0px 0px 0px 0px!important;
	border-radius:0px 0px 0px 0px!important;
}
.w-h-142{
	min-width:142px;
	min-height:142px;
}

.prelast-bloc{
	flex-wrap:wrap;
}
.container-div-min-height{
	min-height:508px;
}
.bloc-divider-t-fill{
	fill:var(--swatch-white);
	height:450px;
	width:100%;
}

.nav-logo{
	width:92px;
	height:100px;
}

.f-18{
	font-size:18px;
}

.f-14{
	font-size:14px;
}

.f-24{
	font-size:24px;
}

.f-medium{
	font-family: "Poppins Medium"!important;
}

.f-heavy{
	font-family:"Poppins SemiBold"!important;
}

.bg-red {
	background-color: #FF4545!important;
}

.current-price-big{
	margin-bottom:0px;
	margin-left:0px;
	font-family:"Poppins SemiBold";
	font-size:32px;
}
.old-price-big{
	font-family:"Poppins SemiBold";
	margin-bottom:0px;
	margin-left:8px;
	line-height:24px;
	text-decoration:line-through!important;
	font-size:24px;
	color:var(--swatch-greay-transparency)!important;
}
.img-style{
	width:560px;
	height:560px;
}
.nav-item{
	font-family:"Poppins SemiBold";
	font-size:18px;
}

.nav-link:hover{
color:var(--swatch-green)!important
}


.my-100{
margin-top: 100px!important;
margin-bottom: 100px!important;
}



.xs-0{
left: 0;
}

.xs-5{
left: 5%;
}

.xs-10{
left: 10%;
}

.xe-0{
right: 0;
}

.xe-10{
right: 10%;
}

.xe-n10{
right: -10%;
}

.xe-n20{
right: -20%;
}

.xe-n30{
right: -30%;
}

.xe-n40{
right: -40%;
}

.xs-n10{
left: -10%;
}

.xs-n20{
left: -20%;
}

.xs-n30{
left: -30%;
}

.xs-n40{
left: -40%;
}

.xs-n50{
left: -50%;
}

.xs-n70{
left: -70%;
}

.xs-n80{
left: -80%;
}


.yt-n10{
top: -10%;	
}

.yt-n20{
top: -20%;	
}
 
.yt-n30{
top: -30%;	
}

.yt-n40{
top: -40%;	
}

.yt-n50{
top: -50%;	
}

.yt-0{
top: 0%;	
}

.yt-5{
top: 5%;	
}

.yt-10{
top: 10%;	
}

.yt-15{
top: 15%;	
}

.yt-20{
top: 20%;	
}

.yb-10{
bottom: 10%;	
}

.yb-20{
bottom: 20%;
}

.yb-0{
bottom: 0%;	
}

.yb-n5{
bottom: -5%;	
}

.yb-n10{
bottom: -10%;	
}


.yb-n20{
bottom: -20%;	
}


.yb-n30{
bottom: -30%;	
}

.yb-n40{
bottom: -40%;	
}

.yb-n80{
bottom: -80%;	
}

.w-35{
	width: 35%!important;
}

/* ==========================================================================
   Info Social
   ========================================================================== */

.info-block a {
	color: #000;
	text-decoration: none;
}  

.info-social {
  list-style: none;
  margin: 0;
  padding: 0;
}

.info-social:after {
  content: "";
  display: table;
  clear: both;
}

.info-social li {

font-family: Poppins Regular;
font-size: 16px;
font-weight: 400;
  float: left;
}

.info-social a {
  color: #000;
  border: none !important;
  
}

.info-social i {
  font-size: 20px;
  width: 2.2rem;
  float: left;
  position: relative;
  top: 2px;
  color: var(--swatch-green);
}

.info-block a:hover, 
.info-social a:hover span,
.info-social a:hover i,
.info-social:focus span {
color: #6a8b3c;
}

.fa-big {
	  font-size: 24px!important;
}


/* = Swiper
-------------------------------------------------------------- */
.swiper-slider-wrap {
  position: relative;
  width: 100%;
}




.swiper-button-prev,
.swiper-button-next {
  position: absolute;
}


.swiper-button-prev {
      left:-10px !important;

}
.swiper-button-next {
      right: -10px !important;
}


.swiper-button-next, .swiper-button-prev {
	color: rgba(150, 192, 81, 0.5)!important;

}
.swiper-button-next:hover, .swiper-button-prev:hover {
	color: rgba(150, 192, 81, 1)!important;
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root{
	
	--swatch-black:rgba(0,0,0,1.00);
	
	--swatch-white:rgba(255,255,255,1.00);
	
	--swatch-green:rgba(150,192,81,1.00);
	
	--swatch-space-black:rgba(59,50,35,1.00);
	
	--swatch-beige:#F4B276;
	
	--swatch-greay-transparency:rgba(0,0,0,0.50);
	
}


/* Background colour styles */

.bgc-white{
	background-color:var(--swatch-white);
}
.bgc-green{
	background-color:var(--swatch-green);
}
.bgc-space-black{
	background-color:var(--swatch-space-black);
}

/* Text colour styles */

.tc-green {
		color:var(--swatch-green)!important;
}

.tc-white{
		color:var(--swatch-white)!important;
}

.tc-beige{
	color:var(--swatch-beige)!important;
	text-decoration: none;
}

.tc-black{
	color:var(--swatch-black)!important;
	text-decoration: none;
}

/* Icon colour styles */

.icon-714{
	color:var(--swatch-white)!important;
	border-color:var(--swatch-white)!important;
}

/* Bloc image backgrounds */



/* =Blog
-------------------------------------------------------------- */
#blog-article h1, #blog-article h2, #blog-article h3, #blog-article h4, #about-article h1, #about-article h2, #about-article h3, #about-article h4 {
	font-family: "BlobSpongeyLowercase";
	text-transform: uppercase;
}

#blog-article h2, #about-article h2 {
	font-size: 2rem;
}


.blog-col a {
	text-decoration: none!important;
	color: var(--swatch-black);
}


.blog-col a:hover svg{
transform: rotateZ(5deg);
}

.blog-col a:hover h4, .blog-col a:focus h4 {
    color: var(--swatch-green)!important;
}

/* = Additional CSS
-------------------------------------------------------------- */

ul.list-no {
  list-style-image: url('img/i-no.svg');
  font-size: 28px;
}

ul.list-yes {
  list-style-image: url('img/i-yes.svg');
  font-size: 28px;
}



/* = Clipping path
-------------------------------------------------------------- */

#clipped-9 {
 clip-path: path("M201.097 0.0121829C215.826 -0.345551 229.628 7.19648 237.301 19.7973L293.965 112.839C301.639 125.44 302.02 141.185 294.964 154.144L242.868 249.827C235.812 262.785 222.392 270.989 207.663 271.346L98.903 273.988C84.1736 274.346 70.3725 266.803 62.6985 254.203L6.0354 161.161C-1.63856 148.56 -2.01955 132.815 5.03594 119.856L57.1324 24.173C64.1879 11.2145 77.608 3.01136 92.3374 2.65362L201.097 0.0121829Z");
}



/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */
.bloc-no-padding:{padding:0 20px;}

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}

}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */

@media (max-width: 1024px){

}

@media (max-width: 991px){
	h2{
		font-size: 52px;
	}
	h4{
		font-size: 16px;
	}
	ul{
		font-size: 20px;
	}
	.xe-n40{
		right: -30%;
	}
		.yt-n40{
		top: -30%;	
	}


}

@media (max-width: 767px){
	h1 {
		font-size: 52px;
	}
	h2{
		font-size: 48px;
	}
	ul{
		font-size: 18px;
	}
	.min-h-650{
		min-height: 540px;
	}
	.xe-n40{
		right: -20%;
	}
		.yt-n40{
		top: -20%;	
	}

	.timer-text{
		font-size: 18px;
	}

}

@media (max-width: 575px){
	.feedback-cell{
		background-image:none;
	}

	.min-h-422{
		min-height:auto;
	}

	.p-s-100{
	padding-left:50px;
	}

	.yt-10{
		top: -5%;
	}

	.timer-text{
		font-size: 14px;
	}

	.discount{
		font-size: calc(1.275rem + .3vw) !important;
	}

}