@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.promo-img  {
  margin-right: 25px;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

strong {
  font-weight: 700
}

h1 {
  margin: .67em 0;
  font-size: 2em
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

input,
select {
  margin: 0;
  font: inherit;
  color: inherit
}

select {
  text-transform: none
}

input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

input::-moz-focus-inner {
  padding: 0;
  border: 0
}

input {
  line-height: normal
}

@media print {

  *,
  :before,
  :after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
  }

  a,
  a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " ("attr(href) ")"
  }

  a[href^="#"]:after {
    content: ""
  }

  img {
    page-break-inside: avoid;
    max-width: 100% !important
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff
}

input,
select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a {
  color: #337ab7;
  text-decoration: none
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

img {
  vertical-align: middle
}

h1,
h2,
h3,
h5 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px
}

h1 {
  font-size: 36px
}

h2 {
  font-size: 30px
}

h3 {
  font-size: 24px
}

h5 {
  font-size: 14px
}

p {
  margin: 0 0 10px
}

ul {
  margin-top: 0;
  margin-bottom: 10px
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:768px) {
  .container {
    width: 750px
  }
}

@media (min-width:992px) {
  .container {
    width: 970px
  }
}

@media (min-width:1200px) {
  .container {
    width: 1170px
  }
}

.row {
  margin-right: -15px;
  margin-left: -15px
}

.col-sm-3,
.col-md-3,
.col-lg-3,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-md-8,
.col-lg-8,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-sm-10,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.col-xs-12 {
  float: left;
  width: 100%
}

@media (min-width:768px) {

  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-9,
  .col-sm-10,
  .col-sm-12 {
    float: left
  }

  .col-sm-12 {
    width: 100%
  }

  .col-sm-10 {
    width: 83.33333333%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-5 {
    width: 41.66666667%
  }

  .col-sm-4 {
    width: 33.33333333%
  }

  .col-sm-3 {
    width: 25%
  }
}

@media (min-width:992px) {

  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-8,
  .col-md-9,
  .col-md-12 {
    float: left
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-8 {
    width: 66.66666667%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-5 {
    width: 41.66666667%
  }

  .col-md-4 {
    width: 33.33333333%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%
  }
}

@media (min-width:1200px) {

  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-8,
  .col-lg-9,
  .col-lg-12 {
    float: left
  }

  .col-lg-12 {
    width: 100%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-8 {
    width: 66.66666667%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-5 {
    width: 41.66666667%
  }

  .col-lg-4 {
    width: 33.33333333%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #999
}

.form-control::-webkit-input-placeholder {
  color: #999
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}

.input-group .form-control:focus {
  z-index: 3
}

.input-group-lg>.form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

.input-group .form-control {
  display: table-cell
}

.input-group .form-control:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group .form-control:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.container:before,
.container:after,
.row:before,
.row:after {
  display: table;
  content: " "
}

.container:after,
.row:after {
  clear: both
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.hidden {
  display: none !important
}

.visible-xs {
  display: none !important
}

@media (max-width:767px) {
  .visible-xs {
    display: block !important
  }

  .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}

@media (min-width:1200px) {
  .hidden-lg {
    display: none !important
  }
}

.col-sm-five,
.col-md-five,
.col-lg-five {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px
}

@media (min-width:768px) {
  .col-sm-five {
    width: 20%;
    float: left
  }
}

@media (min-width:992px) {
  .col-md-five {
    width: 20%;
    float: left
  }
}

@media (min-width:1200px) {
  .col-lg-five {
    width: 25%;
    float: left
  }
}

@media (min-width:768px) {
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%
  }
}

@media (min-width:992px) {
  .col-md-offset-right-1 {
    margin-right: 8.33333333%
  }
}

@media (min-width:1200px) {
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%
  }
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  max-width: 1920px;
  min-width: 320px;
  background-color: #232323
}

::selection {
  background: #bb292e;
  color: #fff
}

.underline {
  line-height: 2em !important;
  display: inline-block;
  border-bottom: 4px solid red
}

.form-block input {
  color: #000
}

.policy {
  text-align: center;
  margin: 25px auto 15px
}

.policy a {
  font-size: 20px;
  text-shadow: 1px 1px 1px #bb292e
}

.promo {
  background-image: url(../img/back-promo.jpg)
}

.x_price_previous {
  text-decoration: line-through
}

.x_price_current {
  color: red;
  font-size: 60px !important
}

html {
  width: 100%;
  display: block;
  background-color: #232323;
  z-index: -200;
  position: relative
}

img {
  border: none
}

a {
  color: #ff5436;
  text-decoration: underline
}

a:link {
  color: #ff5436;
  text-decoration: underline
}

a:visited {
  color: #ff5436;
  text-decoration: underline
}

a:hover {
  text-decoration: none;
  color: #ff5436
}

a:active {
  text-decoration: underline;
  color: #ff5436
}

ul {
  list-style-position: outside;
  list-style: none;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0
}

li {
  font-size: 17px;
  line-height: 24px;
  padding-left: 45px;
  margin-bottom: 15px;
  position: relative;
  color: #fff
}

li:before {
  content: '\0020';
  position: absolute;
  left: 0;
  top: 10px;
  width: 25px;
  height: 2px;
  background: #bb292e
}

.list li {
  font-size: 17px;
  line-height: 24px;
  padding-left: 25px;
  margin-bottom: 15px;
  position: relative;
  color: #fff;
  text-shadow: 1px 1px 3px #000
}

.list li:before {
  content: '\0020';
  position: absolute;
  right: 25px;
  top: 8px;
  width: 15px;
  height: 12px;
  background: url(../img/list.svg) no-repeat
}

.ul-none li {
  font-size: 17px;
  line-height: 24px;
  padding-left: 28px;
  margin-bottom: 15px;
  position: relative;
  color: #fff
}

.ul-none li:before {
  content: '\0020';
  position: absolute;
  right: 25px;
  top: 3px;
  width: 19px;
  height: 19px;
  background: url(../img/ulnone.svg) no-repeat 50% 50% / 100% auto
}

h1 {
  font-size: 45px;
  line-height: 1.3em;
  margin-bottom: .5em;
  font-weight: bolder;
  text-transform: uppercase;
  color: #fff
}

h2 {
  font-size: 33px;
  line-height: 1.3em;
  margin-bottom: .5em;
  font-weight: bolder;
  text-transform: uppercase;
  color: #fff
}

h3 {
  font-size: 32px;
  line-height: 1.3em;
  margin-bottom: .5em;
  font-weight: bolder;
  color: #fff
}

p {
  font-size: 17px;
  line-height: 1.4em;
  margin-bottom: 1.5em;
  color: #fff
}

input.button,
.button {
  display: inline-block;
  width: auto !important;
  position: relative;
  font-size: 21px;
  padding: 25px 60px 25px 30px;
  background: #bb292e;
  margin-top: 8px;
  margin-bottom: 15px;
  border: 0;
  color: #fff !important;
  text-decoration: none !important
}

.button:after {
  content: '\0020';
  position: absolute;
  right: 25px;
  top: 50%;
  width: 10px;
  height: 16px;
  margin-top: -7px;
  background: url(../img/arrow.svg) no-repeat
}

.button-min {
  display: inline-block;
  width: auto !important;
  position: relative;
  font-size: 17px;
  padding: 12px 60px 12px 20px;
  background: #bb292e;
  margin-top: 8px;
  margin-bottom: 15px;
  border: 0;
  color: #fff !important;
  text-decoration: none !important
}

.button-min:after {
  content: '\0020';
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
  height: 16px;
  margin-top: -7px;
  background: url(../img/arrow.svg) no-repeat
}

.button:hover,
.button-min:hover {
  background-color: #333 !important;
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px)
}

.rew-text,
.rew-text:before,
.button,
.button-min,
.scientific .scientific-img img {
  -webkit-transition: all .35s ease-out, -webkit-transform .35s ease-out;
  -moz-transition: all .35s ease-out, transform .35s ease-out, -moz-transform .35s ease-out;
  transition: all .35s ease-out, transform .35s ease-out;
  transition: all .35s ease-out, transform .35s ease-out, -webkit-transform .35s ease-out, -moz-transform .35s ease-out
}

.promo {
  padding-top: 0;
  padding-bottom: 4%;
  background-color: #1a1918
}

.background {
  background-repeat: no-repeat;
  background-position: 58% 50% !important;
  background-position: 50% 50% 9 !important
}

.promo-row p {
  font-size: 28px;
  line-height: 1.4em;
  margin-bottom: 40px
}

.promo-row .price {
  float: left;
  display: block;
  margin-right: 3%
}

.promo-row ul {
  margin-bottom: 40px;
  margin-top: 50px
}

.promo-img img {
  max-width: 400px;
  margin-bottom: 20px
}

.promo .logo img {
  width: 100%;
  max-width: 220px;
  margin-top: 35px;
  margin-bottom: 15px
}

.promo .logo-row {
  margin-bottom: 20px;
  margin-top: 10px
}

.promo .medal {
  width: auto;
  text-align: left;
  display: block;
  float: left;
  margin-top: 10px
}

.promo-butt {
  width: auto;
  display: block;
  float: left;
  margin-bottom: 20px
}

.head .promo-butt {
  padding-left: 10px
}

.sharite {
  padding-top: 5%;
  padding-bottom: 6%;
  background: url(../img/sharite-back_1.jpg) 50% 0 no-repeat
}

.sharite h1 sup {
  font-size: 18px;
  top: .6em
}

.sharite h1 sup:before {
  content: '\0020';
  display: inline-block;
  left: 0;
  top: 50%;
  width: 36px;
  height: 25px;
  margin-right: 15px;
  background: url(../img/german.png) no-repeat
}

.sharite-text ul {
  margin-top: 30px;
  margin-bottom: 30px
}

.sharite-text ul li {
  margin-bottom: 2px
}

.sharite .sharite-sert {
  margin-top: 50px
}

.sharite .sharite-sert img {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .20)
}

.sharite .blockqoute {
  position: absolute;
  bottom: 0
}

.sharite-row {
  display: flex
}

.sharite-row .sharite-text,
.sharite-row .sharite-blockqoute {
  display: table-cell
}

.sharite-row .sharite-text {
  background: url(../img/charite.png) 0 0 no-repeat;
  background-size: contain
}

.sharite-blockqoute .blockqoute {
  padding: 25px 35px;
  background: #bb292e
}

.sharite-blockqoute .blockqoute:after {
  content: '\0020';
  position: absolute;
  right: 0;
  bottom: 40px;
  width: 81px;
  height: 69px;
  margin-right: 12px;
  background: url(../img/qout.svg) no-repeat
}

.sharite-blockqoute .blockqoute p {
  font-size: 21px;
  margin-bottom: 25px
}

.sharite-blockqoute .sharite-sub {
  line-height: 16px
}

.sharite-blockqoute .blockqoute p strong {
  font-size: 17px;
  font-weight: 700
}

.sharite-blockqoute .blockqoute p sub {
  font-size: 14px;
  color: rgba(255, 255, 255, .50);
  width: 100%;
  line-height: 1.4em;
  display: inline-block
}

.risk {
  padding-top: 4%;
  padding-bottom: 6%;
  background: url(../img/risk-back.jpg) #1e1c1d 100% 50% no-repeat;
  background-size: auto 100%
}

.risk ul {
  margin-top: 8%;
  margin-bottom: 10px
}

.risk .ul-none li {
  font-size: 25px;
  line-height: 24px;
  padding-left: 40px;
  margin-bottom: 30px;
  text-shadow: 1px 1px 3px #000
}

.risk .ul-none li:before {
  content: '\0020';
  position: absolute;
  right: 25px;
  top: 3px;
  width: 19px;
  height: 19px;
  background: url(../img/ulnone.svg) no-repeat 50% 50% / 100% auto
}

.opportunities {
  padding-top: 20px !important;
  padding-bottom: 5%;
  background-color: #b6252a
}

.opportunities .opportunities-head {
  margin-bottom: 2%
}

.opportunities .opportunities-head h1 {
  text-align: center
}

.opportunities .opportunities-head img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-width: 100%;
}

.opportunities-icon-row {
  width: 100%;
  text-align: center;
  display: table
}

.opportunities-icon {
  width: 19.5%;
  box-sizing: border-box;
  display: inline-block;
  text-align: center
}

.opportunities-icon img {
  padding: 20px
}

.input-group {
  width: 100%;
  margin-bottom: 30px
}

.input-group input {
  width: 100%;
  padding: 30px 0 !important;
  font-size: 17px;
  color: #1e0500 !important;
  outline: 0;
  border: 0;
  border-bottom: 4px solid #1e0500 !important;
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .0)
}

.form-control:focus {
  border-color: inherit;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0)
}

.quality {
  padding-top: 5%;
  padding-bottom: 8%;
  background: url(../img/quality-back_1.jpg) #000 50% 100% no-repeat
}

.quality-row p {
  width: 78%
}

.quality-row h2 {
  margin-bottom: 30px
}

.quality .quality-right p,
.quality .quality-right {
  text-align: right;
  float: right
}

.quality .quality-right .button {
  margin-top: 40px
}

.scientific {
  padding-top: 0;
  padding-bottom: 3%;
  overflow: hidden
}

.scientific-text {
  margin-top: 6%;
  margin-bottom: 6%
}

.scientific-text p:first-of-type {
  font-size: 23px
}

.scientific-text p {
  width: 75%
}

.scientific .scientific-img {
  position: relative
}

.scientific .scientific-img img {
  position: absolute;
  -webkit-filter: drop-shadow(0 0 60px rgba(0, 0, 0, .5));
  filter: drop-shadow(0 0 60px rgba(0, 0, 0, .5))
}

.scientific .scientific-img .pic1 {
  margin-top: 30px;
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: none
}

.scientific .scientific-img .pic2 {
  width: 85%;
  padding: 50px;
  bottom: 150px;
  right: 0;
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg)
}

.scientific .scientific-img .pic3 {
  width: auto;
  top: 43%;
  right: 118px
}

.scientific-row {
  display: flex
}

.composition {
  padding-top: 6%;
  padding-bottom: 6%;
  background: url(../img/composition-back.jpg) #141416 50% 50% no-repeat
}

.composition-row h1 {
  text-align: center;
  margin-bottom: 6%
}

.composition-element h5 {
  color: #fff;
  font-size: 21px
}

.composition-left {
  text-align: right
}

.composition-element {
  position: relative;
  min-height: 300px
}

.composition-element img,
.composition-alfa img {
  max-width: 250px;
  margin-top: 30px
}

.elalfaman {
  text-align: center;
  position: relative;
  top: 226px
}

.hidden-it {
  display: none
}

.composition-element.evrikoma {
  margin-top: 40px
}

.composition .composition-element.jenshen:before,
.composition .composition-element.arginin:before {
  content: '\0020';
  position: absolute;
  width: 122px;
  height: 39px;
  background: url(../img/line-composition.svg) no-repeat;
  background-size: 100% auto;
  z-index: 50
}

.composition .jenshen:before {
  top: 190px;
  right: -135px
}

.composition .arginin:before {
  top: 202px;
  left: -130px;
  -moz-transform: rotate(-220deg);
  -ms-transform: rotate(-220deg);
  -webkit-transform: rotate(-220deg);
  -o-transform: rotate(-220deg);
  transform: rotate(-220deg)
}

.composition .composition-element.glicin:before,
.composition .composition-element.evrikoma:before {
  content: '\0020';
  position: absolute;
  width: 104px;
  height: 36px;
  background: url(../img/line-composition2.svg) no-repeat;
  background-size: 100% auto;
  z-index: 50
}

.composition .glicin:before {
  top: 160px;
  right: -120px
}

.composition .evrikoma:before {
  top: 163px;
  left: -120px;
  -moz-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  -webkit-transform: rotate(-150deg);
  -o-transform: rotate(-150deg);
  transform: rotate(-150deg)
}

.research {
  padding-top: 5%;
  padding-bottom: 6%;
  background: url(../img/research-back.jpg) #19181a 50% 50% no-repeat;
  background-size: auto 100%
}

.research .h3red {
  font-size: 23px;
  color: #bb292e;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0
}

.research h1 {
  margin-bottom: 1.5em
}

.research-graphic h3 {
  margin-top: 0
}

.info {
  padding: 30px;
  background: #bb292e;
  font-size: 17px;
  color: #fff
}

.research .graph {
  position: relative;
  width: 100%;
  max-width: 457px;
  margin-top: 30px;
  margin-bottom: 30px;
  background: url(../img/graph.png) 50% 50%;
  background-size: 100% auto
}

.research .graph img {
  width: 100%;
  height: auto
}

.rew {
  padding-top: 4%;
  padding-bottom: 6%;
  background: #b5252a
}

.rew h1 {
  text-align: center;
  margin-bottom: 5%
}

.rew-block {
  float: left;
  display: block;
  margin-bottom: 36px;
  position: relative;
  min-height: 1px
}

.rew .avapic {
  width: 130px;
  height: 130px;
  position: relative;
  margin: auto;
  background: #a7252a url(../img/avatar.svg) 50% 45% no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 20
}

.rew .avavk:before {
  content: '\0020';
  position: absolute;
  bottom: -20px;
  left: 33%;
  width: 40px;
  height: 40px;
  background: url(../img/google-plus.png) 50% 50% no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.rew .avaok:before {
  content: '\0020';
  position: absolute;
  bottom: -20px;
  left: 33%;
  width: 40px;
  height: 40px;
  background: url(../img/facebook.png) 50% 50% no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.rew-text {
  background: #a7252a;
  padding: 30px 50px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative
}

.rew-block:nth-of-type(odd) .rew-text:before {
  content: '\0020';
  position: absolute;
  left: -12px;
  top: 40px;
  width: 0;
  height: 0;
  border-right: 12px solid #a7252a;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent
}

.rew-block:nth-of-type(even) .rew-text:before {
  content: '\0020';
  position: absolute;
  right: -12px;
  top: 40px;
  width: 0;
  height: 0;
  border-left: 12px solid #a7252a;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent
}

.rew-text p span {
  opacity: .5
}

.rew-block:nth-of-type(2n) .rew-avatar {
  float: right
}

.rew-block:nth-of-type(2n) .rew-text {
  float: left
}

.rew-block:hover .rew-text {
  background: #161515;
  -webkit-transform: translate3d(0, -3px, 0);
  -moz-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0)
}

.rew-block:nth-of-type(odd):hover .rew-text:before {
  border-right: 12px solid #161515;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent
}

.rew-block:nth-of-type(even):hover .rew-text:before {
  border-left: 12px solid #161515;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent
}

.what {
  padding-top: 6%;
  padding-bottom: 5%;
  background: #0d0d0d
}

.delevity-icon.pay {
  text-align: left
}

.delevity-icon.pay p {
  padding-left: 0
}

.delevity-icon.pay .button-min {
  margin-bottom: 20px
}

.deleviry-row {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(45, 45, 50, .7)
}

.delevity-icon,
.what-icon {
  margin-top: 25px;
  text-align: center
}

.delevity-icon img,
.what-icon img {
  margin-bottom: 30px
}

.what-icon-block {
  margin-top: 2%
}

.what-icon:before {
  content: '\0020';
  position: absolute;
  right: -8px;
  top: 78px;
  width: 10px;
  height: 15px;
  background: url(../img/arrow.svg) no-repeat 50% 50%;
  opacity: .5
}

.what-icon:last-child:before {
  display: none
}

.what-icon img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.what-alfa img {
  margin-top: -23px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.delevity-icon p {
  box-sizing: border-box;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%
}

.footer {
  padding-top: 5%;
  padding-bottom: 60px;
  background: url(../img/footer-back.jpg) #28272c 50% 0 no-repeat
}

.formfooter {
  background: rgba(255, 255, 255, .95);
  text-align: center;
  padding: 42px 42px 10px;
  margin-top: 2%
}

.formfooter h1 {
  color: #000;
  font-size: 45px;
  text-transform: none;
  float: left;
  width: 100%;
  display: block;
  margin: 0
}

.footer .alfapack {
  margin-bottom: 0;
  max-width: 280px;
  width: 100%
}

.footer .input-group {
  width: 100%;
  margin-bottom: 20px
}

.price {
  margin-top: 2.5%
}

.head .price {
  margin-top: 12px;
  margin-right: 0;
  text-align: center
}

.footer .price {
  text-align: center;
  margin-top: 60px
}

.head .price span {
  margin-right: 0
}

.price span {
  font-size: 47px;
  margin-right: 30px
}

.price sup {
  font-size: 21px;
  top: -.2em
}

.head .price sup {
  display: block;
  font-size: 49px;
  top: 25px
}

.medal-img {
  display: inline-block;
  vertical-align: middle;
  max-width: 29%;
  margin-right: 3%
}

.medal-img:nth-last-of-type(1) {
  margin-right: 0
}

.jcf-select {
  width: 100% !important;
  padding: 20px 0 !important;
  margin: 0 !important;
  height: auto !important;
  box-sizing: border-box !important;
  font-size: 21px !important;
  color: #000 !important;
  text-align: center;
  outline: 0;
  border: 0 !important;
  border-bottom: 4px solid #000 !important;
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .0)
}

.jcf-select .jcf-select-text {
  font-size: 21px !important
}

.input-group .form-control:first-child,
.input-group .form-control:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #777;
  background: #fff;
  margin: 0 0 12px;
  min-width: 150px;
  height: 26px
}

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0
}

.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 13px;
  line-height: 26px;
  margin: 0 35px 0 8px
}

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  background: url(../img/snosk.svg) 50% 50% no-repeat transparent;
  width: 36px;
  bottom: 0;
  right: 0;
  top: 0
}

@media (max-width:1200px) {
  .sharite-blockqoute .blockqoute:after {
    display: none
  }

  .scientific .scientific-img img {
    width: auto !important;
    max-width: 90% !important;
    position: static !important;
    padding: 0 !important
  }

  .scientific .scientific-img .pic2 {
    margin-top: -30px
  }

  .scientific .scientific-img .pic3 {
    display: none
  }

  .footer .price {
    text-align: left;
    margin-top: 50px
  }

  .what h1 {
    font-size: 28px
  }
}

@media (max-width:992px) {

  h1,
  .formfooter h1 {
    font-size: 35px;
    margin-bottom: 1.1em
  }

  h2 {
    font-size: 25px
  }

  .what-row h1 {
    font-size: 22px
  }

  .composition-element {
    text-align: center
  }

  .composition .composition-element:before {
    display: none
  }

  .row {
    padding: 10px
  }

  .sharite {
    background: url(../img/sharite-back_1.jpg) 37% 0 no-repeat
  }

  .quality {
    background-size: 160% auto
  }

  .risk {
    background: #1e1c1d;
    padding-bottom: 10%
  }

  .price sup {
    display: inline-block;
    margin-top: 40px
  }

  .head .price sup {
    margin-top: 0
  }

  .what-icon img {
    max-width: 80%
  }

  .what-icon:before {
    top: 44px
  }

  .what-alfa img {
    margin-top: -14px
  }

  .scientific-text p {
    width: 100%;
    margin-bottom: 1.1em
  }

  .scientific-text {
    margin-top: 3%;
    margin-bottom: 3%
  }

  .scientific-text p:first-of-type {
    font-size: 22px;
    line-height: 26px
  }
}

@media (max-width:767px) {
  .list {
    width: 270px;
    margin: 0 auto 40px;
    padding: 10px;
    border: 2px solid rgba(255, 0, 0, 0.33);
    border-radius: 5px;
    background: rgba(237, 241, 241, 0.33)
  }

  .list li {
    font-size: 17px;
    line-height: 24px;
    padding-left: 25px;
    margin-bottom: 15px;
    position: relative;
    color: #fff;
    text-shadow: 1px -1px 8px #0a0a0a
  }

  .promo-button-bloc .price {
    display: inline-block;
    float: none
  }

  .promo-butt {
    float: none;
    display: inline-block
  }

  .promo-img {
    margin-right: 0;
    text-align: center
  }

  .promo-img img {
    position: relative
  }

  .what h1 {
    margin-bottom: 10px
  }

  .delevity-icon.pay {
    margin-top: 15px
  }

  .delevity-icon.pay p {
    padding: 0;
    text-align: center
  }

  h1,
  h2,
  h3,
  p {
    text-align: center
  }

  br {
    display: none
  }

  .row {
    padding: 5px 10px
  }

  .research,
  .promo,
  .sharite,
  .risk,
  .opportunities,
  .quality,
  .scientific,
  .composition,
  .rew,
  .what,
  .footer {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .risk {
    padding-bottom: 12%
  }

  .medal-img {
    max-width: initial;
    margin-right: 4%
  }

  h1,
  .formfooter h1 {
    font-size: 27px;
    margin-bottom: 1.1em
  }

  .promo .logo-row {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0
  }

  .promo .logo img {
    margin-top: 10px
  }

  .promo-row p {
    font-size: 21px
  }

  .promo .medal {
    margin: 0;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
    zoom: .6
  }

  .promo h1 {
    margin-top: 0
  }

  .promo-button-bloc {
    text-align: center
  }

  .sharite-row .sharite-text,
  .sharite-row .sharite-blockqoute,
  .sharite-row,
  .scientific-row {
    display: block;
    float: left
  }

  .sharite-blockqoute img {
    width: 100%;
    max-width: 280px;
    margin: auto
  }

  .sharite .blockqoute {
    display: block;
    position: static;
    margin-bottom: 30px
  }

  .sharite-blockqoute .blockqoute:after {
    right: 51%;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background-size: contain
  }

  .sharite {
    background-image: none;
    background-color: #0f0f0f
  }

  .opportunities {
    background: url(../img/opportunities-back.jpg) #b5252a 50% 50% no-repeat;
    background-size: auto 100%
  }

  .quality .quality-right p,
  .quality .quality-right {
    text-align: center;
    float: left
  }

  .opportunities-icon {
    width: 49.5%;
    vertical-align: top
  }

  .scientific .scientific-img {
    text-align: center
  }

  .scientific .scientific-img img {
    position: static;
    width: auto !important;
    max-width: 100% !important;
    padding: 10px !important;
    top: auto !important;
    right: auto !important
  }

  .scientific .scientific-img .pic1 {
    display: none
  }

  .scientific .scientific-img .pic3 {
    display: none
  }

  .scientific-text p,
  .quality-row p {
    width: 100%
  }

  .composition-left,
  .composition-right {
    text-align: center
  }

  .composition-element {
    min-height: 0
  }

  .rew-block {
    padding: 15px
  }

  .rew-block:nth-of-type(2n) .rew-avatar {
    float: left
  }

  .what-icon:before,
  .what-icon:before,
  .rew-block:nth-of-type(even) .rew-text:before,
  .rew-block:nth-of-type(odd) .rew-text:before,
  .composition .composition-element:before {
    display: none
  }

  .risk .ul-none li {
    font-size: 18px;
    line-height: 24px;
    padding-left: 40px;
    margin-bottom: 12px
  }

  .rew-block {
    margin-bottom: 10px
  }

  .delevity-icon.pay {
    text-align: center
  }

  .quality {
    background-image: none
  }

  .quality-left img {
    max-width: 640px;
    margin-bottom: 15px
  }

  .footer .formfooter {
    background: rgba(255, 255, 255, .95);
    text-align: center;
    padding: 10px 25px
  }

  .footer {
    padding-top: 50px;
    padding-bottom: 0;
    background-image: none
  }

  .footer .price {
    text-align: center;
    margin-top: 25px
  }

  input.button,
  .button {
    padding: 25px 55px 25px 25px;
    line-height: 25px
  }

  .elalfaman img {
    width: 50%
  }
}

@media (max-width:580px) {
  .head .promo-row p {
    margin-bottom: 10px;
    float: none
  }

  .head .promo-row .promo-butt {
    display: inline-block;
    float: none
  }

  .head .price span {
    margin-right: 20px
  }

  .head .price sup {
    display: inline-block;
    top: -.2em
  }

  .risk {
    padding-bottom: 8%
  }
}

@media (max-width:480px) {
  .promo-img img {
    max-width: 260px
  }

  .promo-button-bloc {
    text-align: center
  }

  .promo-butt,
  .price {
    width: 100%
  }

  .promo-img {
    text-align: center
  }

  .head .promo-row p {
    margin-bottom: 40px
  }

  .head .price span,
  .footer .price span {
    margin-right: 0
  }

  .head .price sup {
    display: block;
    top: 20px
  }

  .footer .price {
    margin-top: 40px
  }
}

@media (max-width:1024px) {

  .what-alfa img,
  .what-icon img {
    max-width: 80%
  }

  .what-alfa img {
    margin-top: -14px
  }
}

.header-sect {
  margin: 0 auto;
  text-align: center
}

.promo-row ul {
  text-align: left
}

.flexy {
  display: flex;
  justify-content: center
}

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

.old-price span {
  font-size: 35px;
  color: #fff;
  text-decoration: line-through
}

.new-price span {
  font-size: 45px;
  color: red
}

.lt83 {
  font-size: 30px
}

.btns {
  display: block;
  margin: 10px auto;
  max-width: 290px
}

@media(max-width:1199px) {
  .what-icon-block {
    display: flex;
    justify-content: center
  }
}

@media(max-width:991px) {
  .opportunities-icon {
    width: 49.5%
  }

  .hidden-it {
    display: block
  }

  .glicin {
    margin-top: 40px
  }

  .what h1 {
    text-align: center
  }
}

@media(max-width:767px) {
  .flexy {
    flex-direction: column
  }



  .sharite h1 sup {
    display: none
  }

  .underline {
    border-bottom: none
  }

  .sharite-text ul {
    margin: 0 auto;
    display: block;
    float: none !important
  }

  .sharite .sharite-sert {
    display: flex;
    justify-content: center
  }

  .sharite .sharite-sert div {
    max-width: 200px
  }

  .glicin {
    margin-top: 0
  }

  .composition-middle {
    display: none
  }

  .research .graph {
    margin: 10px auto
  }

  .what-icon-block {
    flex-direction: column;
    align-items: center
  }
}

@media(max-width:522px) {
  .sharite .sharite-sert {
    flex-direction: column;
    align-items: center
  }

  .sharite .sharite-sert div {
    margin-bottom: 10px
  }
}