body {font-family: 'Fira Sans',sans-serif; margin: 0 auto;}

img {max-width: 100%}

a {text-decoration: none;}

h1, h2, h3, h4 {font-size: 48px;}

.flex {display:flex;}

.wrap {	flex-wrap: wrap;}

.nowrap,.mobwrap {flex-wrap: nowrap;}

.fColumn {flex-direction: column;}

.aCenter {align-items: center;}

.jCenter {justify-content: center;}

.jBetween {justify-content: space-between;}

.jAround {justify-content: space-around;}

.jEven {justify-content: space-evenly;}

.p50 {margin: 50px 0;padding: 0;}

.center {text-align:center}

.hr {max-width: 80%; width: 100%;margin: 50px auto 0;border: #eee solid 1px}

.lp-container {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}

.header {width: 100%;}

.logo {max-width: 164px;}

.topline,.topline-r {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;padding: 0 10px;}

.topline-r {padding: 20px 0 10px;}

.topline-r > div {font-size: 14px; font-weight: 600; margin: 0 20px}

.tel > img {float: left;}

.tel > a {font-weight: 600; color: #000;font-size: 20px; line-height: 20px;margin-left: 10px;}

.tel > p {font-size: 12px; line-height: 18px; font-weight: 400;}

.menu {background-color: #009A44; width: 100%;}

.menu > ul {display: flex;flex-wrap: nowrap;justify-content: space-around; align-items: center;margin: 0;}

.menu > ul > li {list-style: none;margin: 0;}

.menu > ul > li > a {color: #fff;text-decoration: none; font-size: 16px;line-height: 23px; font-weight: 500;padding: 25px 10px;display: block;}

.mobile-menu {display: none;}

.inner {
	max-width: 1355px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.btn {	
	color: #fff;
	background-color: rgb(0, 154, 68);
	align-items: center;	
	display: flex;
	height: 40px;
	justify-content: space-evenly;	
	padding: 10px 25px;
	max-width: 100px;
    width: 100%;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
}

.green, .f-green {color: #009A44;}

.s1 {background-color: #F0F2F1;padding: 25px 0;}

.s1-text {max-width: 500px;}

span.s1 {text-transform: uppercase;color: #009A44;padding: 0;font-size: 34px;}

.s1-text p {font-size: 30px;font-weight: 600;}

.s1 .inner img {max-width: 50%;}

.s1-icons {width: 100%;font-size: 14px;line-height: 21px;text-transform: uppercase; max-width: 300px;}

.s1-icons div {padding: 10px 0; display: flex;}

.s1-icons div img {padding: 0 10px 0 0;}

.s1-icons div span {display: block;}

.s2-top {position: relative;}

.s2-btn, .s9-btn {
	background-color: #F9FAFA;
    color: #000;
    padding: 15px;
    border-radius: 80px;
    font-size: 100%;
    display: inline-block;
    max-width: 15%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    z-index: 10;
}

.s2-btn:hover, .s2-active, .s9-btn {
	background-color: #009A44;
    color: #FFF;    
    -webkit-transition-duration: .3s;    
         -o-transition-duration: .3s;    
            transition-duration: .3s;
}

.s2-btn-l,.s2-btn-m,.s2-btn-r {position: absolute}
.s2-btn-l {left: 5%}
.s2-btn-m {left: 41%;bottom: 66%}
.s2-btn-r {right: 5%}

.slide-text {position: absolute;background-color: #fff;min-height:300px;max-width: 435px;width: 100%;border-radius: 20px;box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);padding: 30px 30px 0;top:20%;left:15%;z-index: 10}
.slide-text p, .slide-text ul li {font-size: 12px;font-weight: 400;line-height: 21px;list-style: disc}

.s3,.s5 {position: relative;max-width: 1920px;width: 100%;margin: 0 auto;}
.s3-text,.s5-text {position: absolute;top:10%;left: calc(50% - 50px);color: #fff;font-size: 28px;line-height: 36px;font-weight: 600;max-width: 600px;}
.s5-text {color: #000;left: 50%; top: 5%;line-height: 30px;}

.s3-icon {
	display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #007e38;
    border-radius: 40px;
    position: absolute;  
    cursor: pointer;  
}

.s3-icon:hover {
	box-shadow: 0 6px 15px #007e38;
}

.s3-icon svg {width: 40px;height: 40px}

.s3-icon-text {
	background-color: #fff;    
    max-width: 250px;
    top: -9px;
    left: 45px;
    position: absolute;
    padding: 10px;
    display: none;
    z-index: 10
}

.pos1 {left: 33%;top: 41%;}
.pos2 {left: 22%;top: 56%;}
.pos3 {left: 26%;bottom: 15%;}

.s3-icon-text p {font-size: 12px;margin: 0;cursor: default;}

.s3-head{font-size: 18px;font-weight: 500;}

.s4-icons {max-width: 900px;margin: 0 auto;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.s4-item {padding: 25px;text-align: center;}

.s4-item > img {padding: 0 0 10px}

.s4-item > p {max-width: 225px;text-transform: uppercase;font-weight: 400;font-size: 14px}

.s5-text {max-width:400px;margin: 0;padding: 0 10px;top:10%;right: 10%}
.s5-text > h4 {font-size: 40px;line-height: 50px;font-weight: 600;margin: 0;}
.s5-text > p {font-size: 20px;font-weight: 300;}
.s5-text > a, .s7-slide > div > a,.s14-slide > div > a {font-size: 14px;font-weight: 400;color: #009A44;text-transform: uppercase;}

.s7-subhead {font-size: 32px;font-weight: 600;color: #707070;text-align: center;margin: -5px 0 0;}
.s7-slide,.s14-slide {position: relative;padding: 10px;-webkit-filter: grayscale(85%);filter: grayscale(85%);}
.s7-slide:hover,.s14-slide:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.s7-slide > img,.s14-slide >img {border-radius: 10px}
.s7-slide > div,.s14-slide > div {position: absolute;bottom: 0;padding: 0px 25px 25px;}
.s7-slide > div > p,.s14-slide > div > p {max-width: 280px;min-height:180px;text-align: left;font-size: 20px; text-transform: none;font-weight: 400}
.s7-slide > div > a,.s14-slide > div > a {text-transform: uppercase;}

.play-btn {position: absolute;max-width:118px;left: calc(50% - 59px);top: calc(50% - 59px);}

.s10 > div {background-color: #009A44;padding: 30px 10px}
.s10-big {font-size: 122px !important;padding-right: 20px}
.s10 > div > p {font-size: 22px;margin: 0;color: #fff;font-weight: 400;}
.s10-btn {font-size: 16px;font-weight: 500;text-transform:uppercase;color: #009A44;background-color: #fff;margin-left:50px;padding: 20px 30px;border-radius: 55px}
.s10-text{max-width: 450px}

.s11-slide {padding: 20px;margin:0 10px;background-color: #FAFAFA;}
.s11-slide > p, .s11-slide > a {margin: 0 0 10px;}
.s11-name {font-size: 22px;font-weight: 400}
.s11-date, .s11-content, .s11-link {font-size: 14px;font-weight: 400}
.s11-stars,.s11-link {font-size:14px;color: #009A44}
.s11-content > span {display: none}

.s14-slide > div > p {min-height: auto;}
.s14-h3 {max-width: 40%;}
.s14-subhead {font-size: 24px;font-weight: 500;}

.how2buy > div {background: #009A44;padding: 25px 0;margin: 50px auto 0;}
.how2buy > div > h2 {color: #fff;font-size: 36px; margin: 0 0 25px;}

.slick-prev:before, .slick-next:before {font-size: 30px !important;color: #009A44 !important;}
.list-dot li:before {color:#009a44;}

.footer-block > div {background: #F0F2F1; padding: 25px 0;margin: 50px auto 0;font-size: 16px; font-weight: 600;}
.footer-block > div > div {max-width: 300px;width: 100%;}
.footer-block > div > div > a {display:block;color:#000;text-decoration:none;margin:1em 0;}
.f-green {font-size: 24px;}
.copy {font-size: 14px;font-weight: 400;}

@media(min-width: 426px){
.mob,.s9-mob {display: none !important}
}

@media (max-width: 640px) {		
	body{padding-top: 75px;}
	.menu,.topline {display: none;}
	h1, h2, h3, h4 {font-size: 30px;}	
	.mob{display: block;}
	.desk{display: none;}
	.mobwrap {flex-wrap: wrap;}	
	
	.s1-text p:first-child {margin: 25px 0;text-align: center;}
	.s1-text p {font-size: 22px}	
	
	.s2-slider{margin: 15px 0 0;}
	.slide-text{min-height:370px}
	.s2-btn-l, .s2-btn-m, .s2-btn-r {top: -25px;left: 21%;min-height: 45px;font-size: 13px;}
	.s2-btn-m, .s2-btn-r {display: none;}
	.s2-active {display: block;}
	.s2-btn {background-color: #009A44;color: #FFF;padding: 10px;max-width: 55%;}	
	
	.s3-text {font-size: 16px;line-height: 28px;max-width: 250px !important;}
	.s3-text,.s5-text{top: 5%;left: 10%;}
	.pos1{left: 14%;top: 68%;}
	.pos2{left: 42%;top: 58%;}	
	
	.s4-slide > p {max-width: 200px;margin: 0 auto;text-align: center;padding: 20px;font-size: 12px;font-weight: 400}
	.s4-slide > img, .s7-slide > img {margin: 0 auto}
	
	.s5-text {left: 5%}
	.s5-text > h4 {font-size: 20px !important;font-weight: 600;margin: 0 0 10px}
	
	.s7-subhead{font-size: 20px !important;}
	.s7-slide, .s14-slide {padding: 0px}
	.s7-slide > div > p, .s14-slide > div > p {text-align: left;font-size: 20px !important;}	
	
	.play-btn {width: 45px;left: calc(50% - 22px);top: calc(50% - 22px);}
	
	.s9-mob > div {max-width: 50%;padding: 0 10px;text-transform: uppercase;}
	.s9-mob > div > img {padding-bottom: 10px}
	.s9-mob > div > p {font-weight:400;text-transform: uppercase;color: #009A44}
	
	.s10-big{font-size: 88px !important;padding: 0 10px 0 0;}
	.s10-text{font-size: 14px !important;max-width: 50%;}
	.s10-btn{margin: 20px auto 0}
	
	.s14-h3 {max-width: 100%}

	.how2buy > div > h2 {font-size: 26px}
	img.how2buy {padding: 5px;}

	.mobile-menu {
	  position: fixed;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding: 0 10px;
	  top: 0;
	  background-color: #fff;
	  left: 0;
	  right: 0;
	  height: 75px;
	  z-index: 9999999;
	}
	.mobile-menu__btn {
	  position: relative;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 35px;
	  height: 30px;
	  cursor: pointer;
	  transition: 0.4s;
	}
	.mobile-menu__icon {
	  display: block;
	  position: relative;
	  background: #009A44;
	  width: 90%;
	  height: 4px;
	  transition: 0.4s;
	}
	.mobile-menu__icon::after, .mobile-menu__icon::before {
	  content: "";
	  display: block;
	  position: absolute;
	  background: #009A44;
	  width: 100%;
	  height: 4px;
	  transition: 0.4s;
	}
	.mobile-menu__icon::after {
	  top: 8px;
	}
	.mobile-menu__icon::before {
	  top: -8px;
	}
	.mobile-menu__container {
	  position: fixed;
	  text-align: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  top: 75px;
	  left: 0;
	  right: 0;
	  z-index: 999;
	  height: 0;
	  opacity: 1;
	  transition: 0.5s;
	  transition-delay: 0.2s;
	  overflow: hidden;
	  background-color: #009A44;
	}
	.mobile-menu__list {
	  transition: 0.5s;
	  transition-delay: 0.5s;
	  list-style: none;
	  padding-left: 0;
	  margin-top: -50px;
	}
	.mobile-menu__item {
	  font-size: 26px;
	  padding-bottom: 15px;
	}
	.mobile-menu__link {
	  text-decoration: none;
	  color: #fff;
	  font-size: 22px;
	}
	.mobile-menu__checkbox {
	  display: none;
	}
	.mobile-menu__checkbox:checked ~ .mobile-menu__nav {
	  opacity: 1;
	  transition-delay: 0s;
	}
	.mobile-menu__checkbox:checked ~ .mobile-menu__container {
	  height: 100%;
	  transition-delay: 0s;
	}
	.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {
	  background: transparent;
	}
	.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
	  top: 0;
	}
	.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	}
	}	

@media (max-width: 768px) {		
	
	.btn {margin: 25px auto 25px !important;}

	.s1 .inner {flex-direction: column-reverse;flex-wrap: wrap !important;}
	.s1-icons {margin: 0 auto}
	.slide-text {position: relative;border-radius: 0;box-shadow: none;width: 100%;width: auto;padding: 10px;top: 0;left: 0;margin: 0 auto;}
	
	.s3-text {font-size: 22px;line-height: 25px;max-width: 300px;}
	.s3-icon,.s3-icon svg {width: 25px;height: 25px}	
	
	.s5-text {max-width: 350px;line-height: 20px;}
	.s5-text > h4 {font-size: 20px;margin: 0;line-height: 30px;}
	.s5-text > p {font-size: 12px;line-height: 20px;}
	.s5-text > a {font-size: 12px;font-weight: 400;color: #009A44}
	
	.s7-subhead{font-size: 25px;}
	.s7-slide > div > p, .s14-slide > div > p {font-size: 14px;min-height: 120px}
		
	.s10-big{font-size: 88px !important;padding: 0 10px 0 0;}
	.s10-text{font-size: 14px !important;max-width: 50%;}
	.s10-btn{margin: 20px auto 0}	

	.s14-slide > div > p {min-height: auto}
}