body, html{
	height:100%;
	width:100%;
  font-size:16px;
  min-width:100%;
  overflow-x:  hidden;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.header{
  width:100%;
  background:url("../img/fon1.jpg") no-repeat center;
  -moz-background-size: cover; /* Firefox 3.6+ */
  -webkit-background-size: cover; /* Safari 3.1+ ?? Chrome 4.0+ */
  -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* ?????????????????????? ???????????????? */
  z-index:1;
}
.head{
   width:100%;
   background:rgba(249,251,241,0.7);
   
}
.logo{
  width:100%;
  text-align:center;
  padding-top:25px;
}
.logo img{
  width:100%;
}
.head-title{
  width:90%;
  text-align:left;
  padding-top:40px; 
}
.head-title h1{
  font-family: "LatoRegular";
  color: rgb(51, 89, 18);
  font-size:1.2em;
  font-weight:300;
}
.head-phone{
  width:90%;
  margin:0px auto;
  text-align:center;
  padding-bottom:10px;
  padding-top:10px;
}
.head-phone p{
  color: rgb(51, 89, 18);
  font-size:1.3em;
  font-family: "LatoRegular";
}
.viber{
  width:41px;
  position:relative;
  bottom:4px;
}
.whats{
  width:25px;
}
.head-phone img{
  position:relative;
  top:4px;
}
.btn-head{
  padding-top:10px;
  width:50%;
  margin:0px auto;
}
.btn-head img{
  width:100%;
  transition: .2s ease;
  cursor:pointer;
}
.btn-head img:hover{
  width:100%;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  border-radius:10px; 
  transition: .2s ease;
}
.inner-head{
  width:100%;
}
.head-slogan{
font-family: "BebasNeueRegular";
color: rgb(51, 89, 18);
text-align:center;
width:80%;
margin:0px auto;
font-size:35px;
letter-spacing:0.7px;
padding-top:30px;
}
.head-adv{
  padding-top:30px;
  width:50%;
  margin:0px auto;
  text-align:left;
  font-size:20px;
}
.head-adv p{
  margin-left:25%;
  font-family:"LatoRegular";
  width:100%;
}
.head-adv span{
  font-family:"LatoBold";
  font-size:22px;
}
.head-adv img{
  position:relative;
  top:10px;
}
.get-presentation{
  width:80%;
  margin:0px auto;
  background:rgba(0,0,0,0.7);
  margin-top:40px;
  border-radius:10px;
  font-family:"LatoRegular";
  color:white;
  font-size:22px;
  text-align:center;
  padding-top:15px;
  line-height:1.3;
  letter-spacing:1px;
  margin-bottom:30px;
}
.get-presentation p{
  width:90%;
  margin:0px auto;
}
.get-btn{
  padding-top:25px;
  padding-bottom:25px;
  width:30%;
  margin:0px auto;
}
.get-btn img{
  width:100%;
  transition: .2s ease;
  cursor:pointer;
}
.get-btn img:hover{
  width:100%;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  border-radius:20px; 
  transition: .2s ease;
}
.video-section{
  width:100%;
  background:url("../img/fon2.jpg") no-repeat center;
  -moz-background-size: cover; /* Firefox 3.6+ */
  -webkit-background-size: cover; /* Safari 3.1+ ?? Chrome 4.0+ */
  -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* ?????????????????????? ???????????????? */
  z-index:1;
}
.video-title{
  text-align:center;
  font-family: "BebasNeueRegular";
  color: rgb(51, 89, 18);
  font-size:35px;
  letter-spacing:1px;
  padding-top:25px;
}
.video{
  width:80%;
  margin:0px auto;
  padding-top:30px;
  padding-bottom:50px;
  height:500px;
}
.dots{
  width:100%;
  position:relative;
  bottom:5px;
}
.who-need{
  width:100%;
  background:white;
  text-align:center;
  
}
.back{
  width:100%;
   background:url("../img/fon3.png") no-repeat center;
   -moz-background-size: 100%; /* Firefox 3.6+ */
  -webkit-background-size: 100%; /* Safari 3.1+ ?? Chrome 4.0+ */
  -o-background-size: 100%; /* Opera 9.6+ */
  background-size: 100%; /* ?????????????????????? ???????????????? */
  padding-bottom:30px;
  border-bottom:15px solid #335912;
}
.who-need h1{
  font-family: "BebasNeueRegular";
  color: black;
  font-size:31px;
  letter-spacing:1px;
  padding-top:25px;
}
.who-need-inner{
  width:90%;
  margin:0px auto;
  padding-top:30px;
}

.who-need-inner p{
  margin-top:15px;
  color:black;
  font-size:16px;
  font-family: "LatoBold";
  text-transform:uppercase;
  line-height:1.3;
  font-weight:500;
}
.toDown{
  margin-top:20px;
}
.facts-title{
  text-align:center;
  font-family: "BebasNeueRegular";
  color: rgb(51, 89, 18);
  font-size:30px;
  letter-spacing:1px;
  padding-top:25px;
}
.facts-inner{
 background:url("../img/line3.png") no-repeat center;
   -moz-background-size: 100%; /* Firefox 3.6+ */
  -webkit-background-size: 100%; /* Safari 3.1+ ?? Chrome 4.0+ */
  -o-background-size: 100%; /* Opera 9.6+ */
  background-size: 100%; /* ?????????????????????? ???????????????? */
}
.line-block{
  text-align:center;
}
.facts-photo{
  padding-top:40px;
  width:100%;
  margin:0px auto;
  text-align:center;
   font-family: "LatoRegular";
   color: rgb(51, 89, 18);
   font-size:17px;
}
.facts-photo p{
  margin-top:20px;
}
.facts-photo span{
  font-family: "LatoBold";
}
.facts-photo img{
  width:80%;
  margin:0px auto;
}
.factBlock{
  padding-top:30px;
  padding-bottom:40px;
}
.factsBlock{
  display:none;
  padding-bottom:40px;
}
.what-you-get{
  width:100%;
   background:url("../img/fon4.jpg") no-repeat center;
   -moz-background-size: cover; /* Firefox 3.6+ */
  -webkit-background-size: cover; /* Safari 3.1+ ?? Chrome 4.0+ */
  -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* ?????????????????????? ???????????????? */
  padding-bottom:30px;
  padding-top:40px;
}
.what-you-get-title{
  text-align:center;
  font-family: "BebasNeueRegular";
  color:white;
  letter-spacing:1px;
  font-size:33px;
}
.get-inner{
  width:90%;
  margin:0px auto;
  background:rgba(255,255,255,0.1);
  padding-top:10px;
  padding-bottom:10px;
  padding-left:25px;
  margin-top:20px;
  position:relative;
}
.get-inner-photo{
  width:40%;
 margin-left:20px;
  margin-right:20px;
  text-align:center;
  padding:8% 0;
}

.get-inner-text{
  text-align:center;
  width:100%;
  margin:0px auto;
   font-family: "LatoRegular";
   color:white;
   font-size:20px;
   padding-top:15px;
   padding-bottom:15px;
   line-height:1.3;
   padding-right:5px;
}
.get-inner-photo1{
  width:40%;
  margin-left:20px;
  margin-right:20px;
  text-align:center;
   padding:8% 0;
}

.get-inner-text1{
 text-align:center;
  width:100%;
  margin:0px auto;
   font-family: "LatoRegular";
   color:white;
   font-size:20px;
   padding-top:15px;
   padding-bottom:15px;
   line-height:1.3;
}
.what{
  width:90%;
  margin:0px auto;
}
.brand{
  width:100%;
   background:url("../img/fon5.jpg") no-repeat center;
   -moz-background-size: cover; /* Firefox 3.6+ */
  -webkit-background-size: cover; /* Safari 3.1+ ?? Chrome 4.0+ */
  -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* ?????????????????????? ???????????????? */
}
.brand-first-block{
  width:100%;
  background:rgba(255,255,255,0.7);
  padding-top:25px;
  padding-bottom:25px;
}
.brand-text{
  width:70%;
  margin:0px auto;
  text-align:center;
  color:black;
   font-family: "LatoRegular";
   line-height:1.3;
   font-size:25px;
}
.brand-text span{
  font-family: "LatoBold";
}
.line-brand{
  width:100%;
  padding-top:20px;
  padding-bottom:20px;
}
.brand-text-green{
  width:50%;
  margin:0px auto;
  padding-top:20px;
  padding-top:20px;
  font-family: "BebasNeueRegular";
color: rgb(51, 89, 18);
text-align:center;
font-size:35px;
letter-spacing:1px;
line-height:1.3;
}
.form{
  width:90%;
  margin:0px auto;
  text-align:center;
  padding-top:30px;
  padding-bottom:40px;
  font-family:"LatoRegular";
  text-transform:uppercase;
}

.form p{
  color:white;
  font-size:20px;
  margin-bottom:15px;
  margin-top:15px;
  letter-spacing:1px;
}
.forma{
  margin-right:30px;
}

.send-btn{
  font-size:18px;
  background:white;
  color:rgb(51, 89, 18);
  border-radius:10px;
  padding-top:15px;
  padding-bottom:15px;
  text-transform:uppercase;
  position:relative;
  top:17px;
}
.send-btn:hover{
  background:white;
  color:rgb(51, 89, 18);
   border-radius:20px;
   transition: .2s ease;

}
.days{
  background:#335912;
  width:100%;
  padding-top:35px;
  padding-bottom:30px;
  text-align:center;
}
.start-business{
  width:80%;
  margin:0px auto;
  color:white;
  font-family:"BebasNeueRegular";
  font-size:30px;
  letter-spacing:1px;
}
.start-business span{
  font-size:32px;
}
.how-start{
  width:100%;
  padding-top:30px;
}

.arrow{
  text-align:center;
  padding:140% 0;
  width:80%;
  margin:0px auto;
}
.how-inner{
  width:100%;
  margin:0px auto;
  text-align:center;
  font-family:"LatoBold";
  color:#335912;
  font-size:15px;
  margin-bottom:20px;
}
.how-inner p{
  width:100%;
  margin-top:20px;
}
.left-marg{
  margin-left:30px;
}
.map{
  width:100%;
  height:500px;
  position:relative;
}
.maps{
z-index:1;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
}
.maps img{
  width:100%;
  height:100%;
}
.dots1{
  width:100%;
  position:relative;
  z-index:5;
}
.leaf{
  position:absolute;
  top:-13%;
  left:0px;
  z-index:5;
}
.leaf img{
  width:100%;
}
.stone{
  position:absolute;
  right:0;
  bottom:20px;
  z-index:5;
}
.stone img{
  width:100%;
}
.map-title{
  background:rgba(255,255,255,0.8);
  position:absolute;
  right:0px;
  top:30px;
  width:50%;
  padding:30px 15px;
  font-family:"BebasNeueRegular";
  font-size:30px;
  letter-spacing:1px;
  text-align:center;
  color:rgb(51, 89, 18);
   box-shadow: 0 0 10px rgba(0,0,0,0.5);
   line-height:1.3;
   z-index:5;
}
.dots2{
  width:100%;
  position:absolute;
  bottom:-5px;
  z-index:5;
}
.why{
  width:100%;
   background:url("../img/fon6.jpg") no-repeat top;
   -moz-background-size: cover; /* Firefox 3.6+ */
  -webkit-background-size: cover; /* Safari 3.1+ ?? Chrome 4.0+ */
  -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* ?????????????????????? ???????????????? */
  padding-top:30px;
  padding-bottom:30px;
}
.why-title{
  text-align:center;
  width:80%;
  margin:0px auto;
  margin-bottom:20px;
}
.why-title img{
  width:100%;
}
.table-why{
  width:87%;
  margin:0px auto;
  padding-left:17px;
}
.head-why{
  width:100%;
  background:rgba(41,49,32,0.9);
}
.table-title{
  color:white;
  width:100%;
  text-align:center;
  font-family:"LatoBold";
  font-size:17px;
  text-transform:uppercase;
  line-height:1.3;
}
.table-title p{
  width:100%;
}
.table-title-color{
  color:#c0d0b3;
  padding:5% 0;
}
.table-title-color1{
padding:8% 0;
}
.inner-why{
  width:100%;
}
.inner-why-text{
  color:black;
  font-family:"LatoBold";
  font-size:17px;
  padding:4% 0;
  width:100%;
  height:85px;
  text-align:center;
  display: table;
}
.inner-why-text p {
    display: table-cell;
    vertical-align: middle;
    
    text-align:center;
}
.col-block1{
  background:rgba(255,255,255,0.9);
  border-right:1px solid #80837c;
  border-top:1px solid #80837c;
  border-bottom:1px solid #80837c;
}
.col-block2{
  background:rgba(208,215,198,0.9);
  border-right:1px solid #80837c;
  border-top:1px solid #80837c;
  border-bottom:1px solid #80837c;
}
.col-block3{
  background:rgba(181,203,160,0.9);
  border-top:1px solid #80837c;
  border-bottom:1px solid #80837c;
}
.footer{
  width:100%;
   background:url("../img/footer.jpg") no-repeat top;
   -moz-background-size: cover; /* Firefox 3.6+ */
  -webkit-background-size: cover; /* Safari 3.1+ ?? Chrome 4.0+ */
  -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* ?????????????????????? ???????????????? */
}
.footer-call{
  width:100%;
  padding:30px 0;
  text-align:center;
}
.footer-text p{
  font-family:"LatoBold";
  text-transform:uppercase;
  font-size:24px;
  letter-spacing:1px;
  line-height:1.4;
  width:60%;
  margin:0px auto;
}
.footer-text span{
  color: rgb(51, 89, 18);
}
#foot-text-green{
  color: rgb(51, 89, 18);
}
.footer-contact{
  padding-top:3px;
  padding-bottom:30px;
}
.contact-footer-inner{
  color:black;
  font-family:"LatoRegular";
  font-size:24px;
  text-align:center;
}
.contact-button{
  text-align:center;
  
}
.contact-button img{
  width:60%;
  margin:0px auto;
}
#button1:hover{
  border-radius:20px;
  transition: .2s ease;
}
.modal-content{
  background:rgba(54,85,31,0.9);
  border:3px solid white;
}
.contact-pop-up{
  color:white;
  text-align:center;
  padding-top:8%;
  padding:-bottom:8%;
  width:90%;
  margin:0px auto;
  display:block;
}
.contact-pop-up h1{
  font-family:"BebasNeueRegular";
  font-size:35px;
}
.contact-pop-up p{
  font-family:"LatoRegular";
  font-size:20px;
  margin-top:5%;
  line-height:1.3;
  letter-spacing:1px;
}
.form-group input{
  font-family:"LatoRegular";
  margin-bottom:20px;
  border-radius:10px;
  height:40px;
  background:#dce1d8;
}
.contact-up{
  width:80%;
  margin:0px auto;
  padding-top:3%;
}
.pop-up-btn{
  font-family:"BebasNeueRegular";
  color:rgba(54,85,31);
  font-size:25px;
  padding:5px 23px;
  border-radius:10px;
}
.close{
  padding-top:10px;
  padding-right:10px;
}
.success{
  color:white;
  text-align:center;
  padding-top:8%;
  padding:-bottom:8%;
  width:90%;
  margin:0px auto;
  display:none;
}
.success h1{
  font-family:"BebasNeueRegular";
  font-size:35px;
}
.success p{
  font-family:"LatoRegular";
  font-size:20px;
  margin-top:5%;
  line-height:1.3;
  letter-spacing:1px;
}
.success1{
  color:white;
  text-align:center;
  padding-top:8%;
  padding:-bottom:8%;
  width:90%;
  margin:0px auto;
}
.success1 h1{
  font-family:"BebasNeueRegular";
  font-size:35px;
}
.success1 p{
  font-family:"LatoRegular";
  font-size:20px;
  margin-top:5%;
  line-height:1.3;
  letter-spacing:1px;
}
/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

.logo img{
  width:90%;
}
.head-title{
  padding-top:20px;
}
.head-title h1{
  font-size:1em;
}
.head-phone{
  width:100%;
}
.head-phone p{
font-size:1em;
}
.head-adv{
  font-size:17px;
}
.head-adv p{
  margin-left:15%;
}
.get-btn{
  width:40%;
}
.back{
  background:none;
}
.get-inner-photo{
  padding-top:12px;
}
.how-inner{
  font-size:12px;
}
.how-inner p{
  width:100%;
}
.arrow img{
  width:150%;
}
.map{
  height:500px;
}
.leaf img{
  width:50%;
}
.stone{
  position:absolute;
  left:75%;
  bottom:20px;
}
.stone img{
  width:90%;
}
.map-title{
  font-size:23px;
}
.inner-why-text{
  font-size:13px;
  height:70px;
}

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

.logo img{
  width:70%;
}
.head-title{
  width:100%;
  text-align:center;
  padding-top:5px;

}
.head-title h1{
  width:100%;
  font-size:1.1em;
}
.head-adv{
  width:90%;
  font-size:18px;
}
.head-adv span{
  font-size:20px;
}
.head-adv p{
  margin-left:15%;
}
.get-btn{
  width:70%;
}
.video{
  height:300px;
}
.dots{
  width:100%;
  position:relative;
  bottom:9px;
}
.back{
  background:none;
}
.factBlock{
  display:none;
}
.factsBlock{
  display:block;
}
.facts-photo img{
  width:20%;
  margin:0px auto;
}

.get-inner-text{
  text-align:left;
  font-size:13px;
  position:relative;
  top:7px;
}
.get-inner-photo{
  margin-left:0px;
  padding-left:0px;
  text-align:center;
}
.get-inner-text1{
  font-size:13px;
  text-align:center;
}
.get-inner-photo1{
  margin-left:0px;
  padding-left:0px;
  text-align:center;
}
.brand-text-green{
  width:80%;
}
.arrow{
  display:none;
}
.left-marg{
  margin-left:0px;
}
.forma{
  margin-right:0px;
}
.map{
  height:500px;
}
.dots1{
  position:relative;
  bottom:10px;
}
.leaf img{
  width:30%;
}
.stone{
  position:absolute;
  left:77%;
  bottom:20px;
}
.stone img{
  width:100%;
}
.map-title{
  top:5px;
  width:70%;
  font-size:10px;
  padding:15px 5px;
}
.table-why{
  width:100%;
  margin:0px auto;
}
.inner-why-text{
  font-size:10px;
  height:70px;
}
.col-block1{
height:70px;
}
.col-block2{
  height:70px;
}
.col-block3{
  height:70px;
}
.arrNo{
  display:none;
}
.contact-button{
  margin-top:30px;
}

}

/* Landscape phones and down */
@media (max-width: 480px) { 

.logo img{
  width:70%;
}
.head-title{
  width:90%;
  text-align:center;
  padding-top:5px;
}
.head-title p{
  width:100%;
  font-size:2em;
}
.head-adv{
  width:90%;
  font-size:15px;
}
.head-adv span{
  font-size:18px;
}
.head-adv p{
  margin-left:6%;
}
.get-btn{
  width:70%;
}
.video{
  height:300px;
}
.dots{
  width:100%;
  position:relative;
  bottom:9px;
}
.back{
  background:none;
}
.factBlock{
  display:none;
}
.factsBlock{
  display:block;
}
.facts-photo img{
  width:20%;
  margin:0px auto;
}
.get-inner-text{
  display: table;
  font-size:13px;
  padding-right:1px;
  padding-left:10px;
}
.get-inner-text p{
  display: table-cell;
    vertical-align: middle;
}
.get-inner-photo{
  margin-left:0px;
  padding-left:0px;
}
.get-inner-text1{
  font-size:13px;
  text-align:left;
  display: table;
}
.get-inner-text1 p{
  display: table-cell;
    vertical-align: middle;
}
.get-inner-photo1{
  margin-left:0px;
  padding-left:0px;
  padding-right:5px;
}
.arrow{
  display:none;
}
.left-marg{
  margin-left:0px;
}
.forma{
  margin-right:0px;
}
.map{
  height:500px;
}
.dots1{
  position:relative;
  bottom:10px;
}
.leaf img{
  width:30%;
}
.stone{
  position:absolute;
  left:75%;
  bottom:10px;
}
.stone img{
  width:90%;
}
.map-title{
  top:5px;
  width:70%;
  font-size:10px;
  padding:15px 5px;
}
.table-why{
  width:100%;
  margin:0px auto;
}
.table-title{
  color:white;
  text-align:center;
  font-family:"LatoRegular";
  font-size:8px;
  text-transform:uppercase;
}
.inner-why-text{
  font-size:7px;
  height:70px;
}
.col-block1{
height:70px;
}
.col-block2{
  height:70px;
}
.col-block3{
  height:70px;
}
.arrNo{
  display:none;
}
.contact-button{
  margin-top:30px;
}
.footer-text p{
  font-size:16px;
}
.contact-footer-inner{
  color:black;
  font-family:"LatoRegular";
  font-size:18px;
  text-align:center;
}
.head-phone p{
  color: rgb(51, 89, 18);
  font-size:0.9em;
  font-family: "LatoRegular";
}
}