@font-face {
  font-family: GothamBook;
  src: url('../fonts/gothambook.eot');
  src: url('../fonts/gothambook.eot?#iefix') format('embedded-opentype'),
       url('../fonts/gothambook.woff2') format('woff2'),
       url('../fonts/gothambook.woff') format('woff');
}

@font-face {
  font-family: GothamBold;
  src: url('../fonts/gothambold.eot');
  src: url('../fonts/gothambold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/gothambold.woff2') format('woff2'),
       url('../fonts/gothambold.woff') format('woff');
}


@font-face {
  font-family: GothamNarrow-Medium;
  src: url('../fonts/GothamNarrow-Medium.eot');
  src: url('../fonts/GothamNarrow-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/GothamNarrow-Medium.woff2') format('woff2'),
       url('../fonts/GothamNarrow-Medium.woff') format('woff');
}


@font-face {
  font-family: GothamNarrow-Book;
  src: url('../fonts/gotham-narrow-book.eot');
  src: url('../fonts/gotham-narrow-book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/gotham-narrow-book.woff2') format('woff2'),
       url('../fonts/gotham-narrow-book.woff') format('woff');
}


@font-face {
  font-family: Calibre;
  src: url('../fonts/calibre.eot');
  src: url('../fonts/calibre.eot?#iefix') format('embedded-opentype'),
       url('../fonts/calibre.woff2') format('woff2'),
       url('../fonts/calibre.woff') format('woff');
}

@font-face {
  font-family: Helveticaneuecyr-Bold;
  src: url('../fonts/helveticaneuecyr-bold.eot');
  src: url('../fonts/helveticaneuecyr-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/helveticaneuecyr-bold.woff2') format('woff2'),
       url('../fonts/helveticaneuecyr-bold.woff') format('woff');
}




* {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: text;
  -webkit-appearance:none;
}

:root{
  font-size: 10px;
}

.row {
  margin-right: auto;
  margin-left: auto;
}

body {
  font-family: "GothamNarrow-Book", Helvetica, Arial, sans-serif;
  min-width: 320px;
  font-size: 1.8rem;
  background: #fff;
  color: #474747;
}

a:focus,
a:hover {
  text-decoration: none;
}

a:active {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

ul,li{
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  display: flex;
  align-items: center;
}

p {
  font-size: 27px;
  padding-top: 25px;
  margin-bottom: 0;
}


.padding {
  padding: 50px 0;
}
/*
.somaleaf--ul li {
  margin-bottom: 10px;
}

.somaleaf--ul li:before {
 content: url(../img/somaleaf-checkmark.png);
  padding-right: 15px;
}*/

.btn:active:focus,
.btn:focus,
button:active:focus,
button:focus,
a:focus,
input:focus {
  outline: none; 
}

img {
  display: block;
  max-width: 100%;
}

strong, b{
  font-weight: 700;
  font-family: 'AvenirNextCyr-Bold';
}


.display-block {
	display: block;
}


p:last-child, li:last-child{
  margin-bottom: 0;
}

.underline{
  text-decoration: underline;
}

.line-through{
  text-decoration: line-through;
}

.lh{
  line-height: 1.1 !important;
}
.lh3{
  line-height: 1.3;
}
.lh4{
  line-height: 1.4;
}
.lh5{
  line-height: 1.5;
}


/*font-family*/

.ff-gbold{
 font-family: 'GothamBold';
}

.ff-gbook{
 font-family: 'GothamBook';
}

.ff-gnarrowmedium{
 font-family: 'GothamNarrow-Medium';
}

.ff-gnarrowbook{
 font-family: 'GothamNarrow-Book';
}

.ff-c{
 font-family: 'Calibre';
}

.ff-hb{
 font-family: 'Helveticaneuecyr-Bold';
}

.border-class {
  border-right: 5px solid #fff8ed;
  padding-right: 80px;
}

/*color*/
.white {color: #fff;}
.black {color: #000;}
.orange {color: #ee9002;}
.main-color {color: #282828;}
.green {color: #206401;}
.green-bright {color: #75c011;}



/*font-size*/
.fs-80 {font-size: 80px;}
.fs-55 {font-size: 55px;}
.fs-48 {font-size: 48px; line-height: 1.4;}
.fs-37 {font-size: 37px;}
.fs-36 {font-size: 36px;}
.fs-32 {font-size: 32px;}
.fs-38 {font-size: 38px;}
.fs-30 {font-size: 30px;}
.fs-28 {font-size: 28px; line-height: 1.4;}
.fs-25 {font-size: 25px;}
.fs-22 {font-size: 22px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-12 {font-size: 12px;}

.main-bg {
   background-image: url(../img/orange.jpg);
   background-size: cover;
   padding: 90px 0 100px 0;
}

.vitamin-bg {
   background-image: url(../img/vitamin-bg.jpg);
}

.vitamin-info-bg {
  background-image: url(../img/vitamin-info-bg.jpg);
}

.position-bg {
   background-position: 65%;
}


.white-bg {
  background: #fff;
}

.green-bg {
  background: #75c011;
}

.black-bg {
  background: #333333;
}

.beige-bg {
  background: #fffcf7;
}

.grey1-bg {
  background: #d7d7d7;
}

.grey2-bg {
  background: #a1a1a1;
}


.bg-options {
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

.orange-bg {
  background: #fc9903;
}

.spacing {
    letter-spacing: 1px;
}

.text-padding {
  padding-left: 80px;
}

footer {
  background: #363636;
}

.logo {
  max-height: 53px;
}

.button {
 display: block;
 /*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
   -webkit-box-align: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;*/
  font-size: 48px;
  background: #75c011;
  color: #fff !important;
  letter-spacing: 2px;
  border-radius: 10px;
  padding: 25px 80px;
 /* -webkit-appearance:none;*/
  /*-webkit-appearance: button;*/
}

.button:hover {
  background: #63a30d;
  transition: .2s;
}


.lmb-container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border-top: 1px solid #c7c7c7;
    margin-top: 70px;
    padding-top: 50px;
}

.lmb-container .btn.loadMoreBtn {
    color: #fff;
}



.lmb-container a {
    display: block;
    margin-top: 20px;
    font-family: Roboto-Bold;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #db1919;
    color: #fff;
    border: 0;
   /* width: 305px;*/
    padding: 25px 80px;
    cursor: pointer;
}

.orange-img {
  display: none;
}

.advantages img {
  max-height: 167px;
}

.stars {
  max-height: 29px;
}

.white-block {
  background: rgba(255,255,255,0.9);
}

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.button span {
  display: block;
}

.vitaminC-logo {
  max-height: 118px;
}

.flex-simple {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flex-end {
  justify-content: flex-end;
}

.relative {
  position: relative;
}

.zindex2 {
z-index: 2;
}

.zindex1 {
z-index: 1;
}

.absolute {
  position: absolute;
  z-index: 1;
}

.pepper, .broccoli {
  max-width: 53%;
  height: auto;
}

.pepper {
  right: 0;
}

.inline-block {
  display: inline-block;
}

.radius {
  border-radius: 10px;
}


.triagle {
  width: 74px;
  left: 50%;
  transform: translateX(-50%);
}

.option-name-container {
  display: flex;
  justify-content: center;
}

.broccoli {
  max-width: 65%;
  left: -110px;
  /*top: -20%;*/
  bottom:0;
}

.padding-text {
  padding-top: 80px;
}

.options {
  padding-top: 50px;
}

.broccoli-block {
  padding-bottom: 150px;
}

.options-points img {
  max-height: 130px;
}

.width-80 {
  width: 90%;
}

.innovation {
  max-height: 200px;
  left: 30px;
}

.vertical-align {
  display: flex;
  align-items: center;
}


.steps {
  max-height: 130px; 
}

.number {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
   -webkit-box-align: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 45px;
  line-height: 90px;
  width: 90px;
  height: 90px;
}

.number p {
  font-size: 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
   -webkit-box-align: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.points-titles {
  flex: 1 0;
}


.image1 {
  padding-left: 0;
}

.image2 {
  padding-right: 0;
}

.points-block img {
  min-height: 100%;
  object-fit: cover;
}

.curcumin-and-c {
  max-height: 330px;
}

.three-step img {
  position: absolute;
  max-height: 230px;
}

.three-step-text {
  width: 51%;
  position: relative;
  left: 95px;
  top: 60px;
}

.three-step-text.third-step {
  width: 51%;
  left: 137px;
}

.three-step-text.second-step {
  width: 55%;
  left: 147px;
}

.three-step {
  padding-bottom: 110px;
}

.product-guarantee {
  width: 90%;
}

.logos {max-height: 100px;}


.package-item {
  background: #fff;
}

.package-block img {
  max-height: 220px;
}

.count {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.package-block .fs-37 {
    font-size: 29px;
}

.package-block .button {
  width: 80%;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  padding: 20px 15px;
}

 .package-block .package-guarantee {
  max-height: 65px;
}

.package-item {
  border: 1px solid #bfbfbf;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

.note {
  border: 1px solid #8c8c8c;
}

.click-img {max-height: 30px;}

.click-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.circle-click {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.grey1-bg, .grey2-bg {
  cursor: pointer;
  display: block;
}

.line-1 {
  font-size: 18px;
}

.line-2 {
  font-size: 18px;
}


.woman {
  position: absolute;
  left: 0;
  top: -80px;
  height: 480px;
  object-fit: cover;
}

.woman-other {
  display: none;
}

.the-key-block {
  padding-bottom: 80px;
}

.green-after {
  padding-top: 80px;
}


#go-top {
    background: #fc9903;
    height: 50px;
    width: 50px;
    right: 50px;
    bottom: 77px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    line-height: 49px;
    cursor: pointer;
}

#go-top:hover {
  background: #f9bf26;
  transition: .2s;
}

.grey1-answer {
  display: none;
}

.grey2-answer {
  display: none;
}


.pepper-block, .broccoli-block {
  min-height: 430px;
  align-items: center;
}

.options {
  min-height: 1120px;
}

.button-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.see.grey1-answer {
  display: block;
}

.see.grey2-answer {
  display: block;
}




@media only screen and (min-device-width: 768px) and (max-device-width: 1370px) {
  .bg-options {background-attachment: scroll;}
}




@media (max-width: 2000px) {
 .container {
    max-width: 1220px !important;
  }

 .fs-80 {font-size: 60px;}
 .fs-55 {font-size: 50px;}
 .fs-30 {font-size: 30px;}
 .fs-48 {font-size: 40px; line-height: 1.5;}
 .button {font-size: 40px;}
 .fs-38 {font-size: 30px;}
 .fs-28 {font-size: 25px;}
 .fs-25 {font-size: 22px;}
 .fs-22 {font-size: 20px;}
 .fs-32 {font-size: 28px;}
 .fs-36 {font-size: 28px;line-height: 1.5;}
 .fs-37 {font-size: 32px;}

}

@media (max-width: 1700px) {
.container {
    max-width: 1220px !important;
  }
  .fs-28 {font-size: 23px;}
  .product {max-height: 533px;}
  p {font-size: 25px;}
  .fs-30 {font-size: 25px;}
  .fs-55 {font-size: 40px;}
  .fs-25 {font-size: 22px;}
  .fs-30 {font-size: 26px;}
  .fs-22 {font-size: 18px;}
  .fs-32 {font-size: 26px;}
  .fs-37 {font-size: 27px;}
  .fs-36 {font-size: 25px;}
}

@media (max-width: 1500px) {
  .fs-80 {font-size: 55px;}
  .fs-48 {font-size: 28px; line-height: 1.5;}
  .button {font-size: 28px;}
  .fs-38 {font-size: 25px;}
  .fs-28 {font-size: 21px; line-height: 1.5;}
  .product {max-height: 430px;}
  .fs-55 {font-size: 38px;}
  p {font-size: 20px;}
  .fs-30 {font-size: 21px;}
  .border-class {padding-right: 0;}
  .fs-25 {font-size: 17px;}
  .fs-30 {font-size: 21px;}
  .fs-22 {font-size: 16px;}
  .fs-32 {font-size: 23px;}
}


@media screen and (max-width: 1370px){
  .bg-options {background-attachment: scroll;}
  }

@media screen and (max-width: 1260px){
  .position-bg {background-position: 50%;}
  .bg-options {background-attachment: scroll;}
  .text-padding {padding-left: 30px;}
  .fs-37 {font-size: 27px;}
  .fs-36 {font-size: 25px;}
  .pepper {max-width: 622px; top: 20%;}
  .broccoli {top: -5%;}
  .padding-text {padding-top: 100px;}
  .broccoli-block {padding-bottom: 100px;}
  .width-80 {width: 100%;}
  .innovation {left: auto;}
  .steps-block .flex-simple {flex-direction: column;}
  .steps-block h6 {text-align: center;}
  .steps-block h6 br {display: none;}
  .three-step img {max-height: 200px; left: 30px;}
  .first-step.three-step-text {left: 100px;}
  .count p {width: 80%;}
  .count p:nth-child(2) {margin-left: 0 !important;}
  .package-item {min-height: 740px;}
  .woman-other {display: block;}
  .woman {display: none;}
}

@media screen and (max-width: 1100px){ 
  .pepper {max-width: 53%;}
  .padding-text {padding-top: 40px;}
}


@media screen and (max-width: 991px){
 .fs-80 {font-size: 50px;}
 .fs-48 {font-size: 30px;}
  .button {font-size: 30px;}
 .fs-38 {font-size: 21px;}
 .border-class img {padding-right: 30px;}
 .vitamin-info-bg {background: #f8f7fb;}
 .fs-37 {font-size: 24px;}
 .fs-36 {font-size: 22px;}
 .fs-55 {font-size: 35px;}
 .broccoli {top: 5%;}
 .padding-text {padding-top: 0;}
 .option22 {order: 2;}
 .image1 {padding-left: 15px;}
 .image2 {padding-right: 15px; order: 2;}
 .steps-row {width: 90%;}
 .third-col {padding-top: 100px;}
 .the-key-block {padding-bottom: 50px;}
 .green-after  {padding-top: 50px;}
}

@media screen and (max-width: 768px){
 .position-bg {background-position: 40%;}
 .border-class img {padding-right: 0;}
 .border-class {border: 0;}
 .text-padding {padding-left: 0;}
 .vitaminC-logo {max-width: 150px;}
 .flex-simple {flex-direction: column;}
 h5 {text-align: center;}
 .pepper.absolute, .broccoli.absolute {position: relative; left: auto;}
 .pepper, .broccoli {max-width: 100%;}
 .broccoli-block {padding-bottom: 0;}
 .innovation-block h4, .col-content h4 {text-align: center;}
 .second-col {padding-top: 100px;}
 .three-step img {left: 45%;transform: translateX(-50%);}
 .first-step.three-step-text {left: 37%;}
 .three-step-text.second-step {left: 45%;}
 .three-step-text.third-step {left: 45%;}
 .product-guarantee {width: 70%; margin: 0 auto;}
 .package-item {width: 70%;}
}

@media screen and (max-width: 576px){
 .fs-80 {font-size: 45px;}
 .fs-48 {font-size: 28px;}
  .button {font-size: 28px;}
 .fs-32 {font-size: 21px;}
 .button.fs-38 {font-size: 19px;}
 .fs-28 {font-size: 20px; line-height: 1.6;}
 .button {font-size: 24px;}
 .main-bg {background: linear-gradient(to right, #fbfcfe, #f9fafe)}
 .orange-img {display: block; width: 100%;}
 .main-bg {padding-bottom: 0; text-align: center; padding-top: 40px;}
 .three-step img {max-height: 130px;}
 .three-step img {left: 38%;transform: translateX(-50%);}
 .first-step.three-step-text {left: 32%; width: 58%;}
 .three-step-text.second-step {left: 37%; width: 58%;}
 .three-step-text.third-step {left: 37%; width: 58%;}
 .fs-18 {font-size: 17px;}
 .product-guarantee {width: 100%;}
 .facts {width: 70%;}
 .package-item {width: 100%;}
 .line-1, .line-2 {font-size: 17px;}
 .fs-55 {font-size: 33px;}
 .button-flex {justify-content: center;}

 .lmb-container {justify-content: center;}
 .lmb-container a {width: 100%;}

}

@media screen and (max-width: 450px){ 
  .button {width: 100%; padding: 25px 10px;}
  .facts {width: 100%;}
  .main-bg .fs-80 {font-size: 32px;}
  .main-bg .button {font-size: 20px;}


}

@media screen and (max-width: 420px){ 
  .circle-click  {margin-top: 8px; margin-left: 0 !important;}
  .click-block {flex-direction: column;}
}

@media screen and (max-width: 385px){
 .fs-80 {font-size: 38px;}
 .fs-48 {font-size: 25px;}
 .button {font-size: 25px;}
 .three-step img {max-height: 110px;}
 .three-step img {left: 33%;}
 .first-step.three-step-text {left: 23%; width: 65%;}
 .three-step-text.second-step {left: 30%; width: 67%;}
 .three-step-text.third-step {left: 30%; width: 65%;}
 .fs-18 {font-size: 16px;}
 .click-block p {font-size: 18px;}
}

@media (min-width: 1501px) { 
  .woman {top: 0; height: 100%;}
  .padding-text {padding-top: 0px;}

}


@media (min-width: 1530px) { 
  .points-block .fs-55 {font-size: 47px;}
  .points-block .fs-30 {font-size: 25px;}
  .number {width: 100px; height: 100px;}
  .pepper {max-width: 650px;}
  .curcumin-and-c {max-height: 23vw;}

}

@media (min-width: 1540px) { 
   .pepper {max-width: 45%; right: -30px;}
}

@media (min-width: 1600px) { 
  .broccoli {top: -10%;}
  .br {display: none;}
  .width-80 {width: 100%;}
  .innovation-block .fs-55 {font-size: 47px;}
  .container {max-width: 1470px !important;}
  .fs-18 {font-size: 19px;}
  .three-step-text {width: 52%;}
  .package-block .fs-37 {font-size: 31px;}
  .line-1, .line-2 {font-size: 20px;}
  .woman {height: 580px; top: -88px;}
  .the-key-block {padding-bottom: 90px;}
  .green-after {padding-top: 120px;}
  .padding-text {padding-top: 70px;}
}

@media (min-width: 1801px) { 
.options .fs-36 {font-size: 34px;}
.pepper {max-width: 53%;}
.fs-18 {font-size: 20px;}
.fs-12 {font-size: 14px;}
.package-block .fs-37 {font-size: 33px;}
}


@media (min-width: 2001px) {
.container {
    max-width: 1500px !important;
  }

  .broccoli {left: -160px; top: -5%;}
  .curcumin-and-c {max-height: 460px;}
  .package-block .fs-37 {font-size: 35px;}
 
}