body {
  background-image: -webkit-linear-gradient(270deg, #160b03, #160b03);
  background-image: linear-gradient(180deg, #160b03, #160b03);
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

.main {
	overflow: visible;
  max-height: 75%;
  margin-top: 24px;
  font-family: 'Roboto Slab', sans-serif;
}

.title-text {
  height: 70%;

  margin-top: 200px;
  padding-left: 15px;
  color: #fff;
  font-size: 156px;
  line-height: 160px;
  font-weight: 300;
}

.relax-text {
  height: 70%;

  margin-top: 200px;
  padding-left: 15px;
  color: #fff;
  font-size: 156px;
  line-height: 160px;
  font-weight: 300;
}


.title-text.p1 {
  font-size: 48px;
  line-height: 56px;
  font-weight: 400;
}

.title-text-link {
  color: #fff;
  text-decoration: none;
  text-transform: none;
}

.title-text-link:hover {
  color: #a35f08;
}

.p1-text {
  height: 75%;
  min-height: auto;
  margin-top: 15px;
  padding-left: 15px;
  color: #fff;
  font-size: 28px;
  line-height: 30px;
  font-weight: 300;
}

.p1-link {
  color: #fff;
  text-decoration: none;
}

.p1-link:hover {
  color: #e74b0f;
  text-decoration: none;
}

.important {
  margin-top: 35px;
  color: #0814a3;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
}

.foto {
  display: block;
  width: auto;
  height: auto;
  max-width: 90%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.phrase {
  display: block;
  width: 75%;
  margin: 20px auto;
  opacity: 1;
  font-family: 'Roboto Slab', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

.text-div {
  margin: 10px -22px -22px;
  padding-top: 8px;
  padding-bottom: 1px;
}

.div-img {
  display: block;
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
}

.div-links {
  margin-top: 20px;
  padding: 15px;
}

.txtlink {
  display: block;
  max-width: 90%;
  margin: 0px auto;
  padding-top: 10px;
  padding-bottom: 10px;
 /* color: #3b210f; */
  color: #ff9900; 
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
}

.txtlink:hover {
/*  color: #e74b0f; */
  color: #e81414;
}

.mini {
	
  max-width: 60%;
  color: #ff9900; 
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  text-decoration: none;
}



.pic {
  display: block;
 max-width: 90%; 
  margin-right: auto;
  margin-left: auto;
}

.body {
  background-image: -webkit-linear-gradient(270deg, #2e1503, #2e1503);
  background-image: linear-gradient(180deg, #2e1503, #2e1503);
}


.info {
  margin-bottom: 31px;
  color: #a35f08;
  font-size: 40px;
  line-height: 48px;
  font-weight: 300;
}

.about {
  margin-top: 209px;
  margin-left: 324px;
}

.aboutlink {
  color: #a35f08;
  text-decoration: none;
}

.aboutlink:hover {
  color: #e70f32;
}

.abouttxt {
  margin-top: 200px;
  margin-left: 20px;
  color: #a35f08;
  font-size: 18px;
  line-heigth: 20px;
}


.relaxtxt {
  margin-top: 50px;
  margin-left: 20px;
  padding-right: 10px;
  color: #a35f08;
  font-size: 18px;
  line-heigth: 20px;
}
.info-text {
  margin-top: 40px;
  margin-bottom: 2px;
  padding-right: 15px;
  padding-bottom: 10px; 
  padding-left: 15px;
  color: #fff;
  font-size: 18px;
  line-heigth: 20px;
  font-weight: 300;
}

.question {
  padding-right: 15px;
  padding-left: 15px;
  color: #fff;
  font-size: 16px;
  line-heigth: 20px;
  font-weight: 300;
  
  
} 

.input[type=radio] {
/*    width: 60%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;*/
      line-heigth: 16px;
}
.res-text {
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 10px;
   padding-top: 10px;
  color:  #e74b0f;
  font-size: 18px;
  line-heigth: 24px;
  font-weight: 400;
}

.mehr_button {
  display: block;
  width: 120px;
  height: 40px;
  margin-top: 15px;
  margin-left: 15px;
  border: 2px solid crimson;
  border-radius: 9px;
  background-color: #ff9900;
  text-align: center;
  font-size: 16px;
  line-heigth: 18px;
  font-weight: 300;
}
.mehr_button:hover {
  background-color: crimson;
}

html.w-mod-js *[data-ix="fade-in"] {
  opacity: 0.25;
}

@media (max-width: 991px) {
  .txtlink {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
     color: #ff9900;
    line-height: 22px;
  }
  
  .pic {
    max-height: 70%;
    max-width: auto;
  }
}

@media (max-width: 767px) {
  .phrase {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
  }
  .txtlink {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 20px;
  }
  .pic {
    max-width: auto;
  }
}

@media (max-width: 479px) {
  .title-text {
    margin-top: 100px;
  }
  
  .relax-text {
  height: 70%;

  margin-top: 80px;
  padding-left: 15px;
  color: #fff;
  font-size: 100px;
  line-height: 110px;
  font-weight: 300;
}
  
 .p1-text {
  height: 75%;
  min-height: auto;
  margin-top: 15px;
  padding-left: 15px;
  color: #fff;
  font-size: 22px;
  line-height: 24px;
  font-weight: 300;
} 
  

  
  .foto {
  display: block;
  width: auto;
  height: auto;
  max-width: 90%;
  margin-top: 10px;
  
}
 
.div-links {
  margin-top: 20px;
  padding: 1px;
} 
  
  
  .txtlink {
    font-size: 18px;
  }
  .pic {
    max-width: auto;
  }
}