a,
body,
div,
footer,
form,
h1,
h3,
header,
html,
img,
li,
p,
span,
ul {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   vertical-align: baseline;
}
footer,
header {
   display: block;
}
body {
   line-height: 1;
   background: url(bg.png);
}
ul {
   list-style: none;
}
.content,
.soc-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
a {
   color: inherit;
}
a:hover {
   text-decoration: underline;
}
.content:after,
.main-content:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.page-wrap {
   min-width: 272px;
   padding: 0;
   margin: 0 auto;
   position: relative;
   cursor: auto;
   overflow-x: hidden;
   max-width: 1280px;
}
.main-content {
   background: #fff;
   z-index: 11;
   position: relative;
}
.content {
   min-height: 700px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   margin: 0 auto;
}
.content__inner_wide {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-bottom: 38px;
   width: 100%;
   border-right: none;
}
.content,
.footer {
   clear: both;
}
.header {
   width: 100%;
   z-index: 12;
   position: relative;
}
.header__inner,
.header__logo {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.header__inner {
   height: 54px;
   background: #0095da;
   z-index: 7;
}
.header__logo {
   height: 100%;
   margin-left: 54px;
   padding: 20px 25px 20px 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-right: 1px solid #2483c5;
}
.header__logo .logo {
   display: inline-block;
   width: 122px;
   height: 30px;
   background: url(../img/vest.jpg) no-repeat;
   background-size: contain;
   text-indent: -9000px;
   margin-top: -5px;
}
.header__logo .spec {
   display: inline-block;
   height: 15px;
   font: 22px/15px sans-serif;
   text-transform: uppercase;
   color: #fff;
   margin-left: 10px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   white-space: nowrap;
}
.header__logo .spec:hover,
a {
   text-decoration: none;
}
.nav,
.nav li {
   height: 54px;
   position: relative;
}
.nav {
   max-width: 920px;
   overflow: hidden;
}
.nav .nav__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.nav li {
   display: block;
   float: left;
   border-right: 1px solid #2483c5;
}
.nav li:last-child {
   border-right: none;
}
.nav li:not(.mobile-show) {
   display: none;
}
.nav li:hover {
   background: #2483c5;
}
.nav li a {
   display: block;
   height: 100%;
   position: relative;
   font:
      16px/54px "Open Sans",
      sans-serif;
   padding: 0 24px;
   text-decoration: none;
}
.nav_mobile {
   width: 100%;
   max-width: 780px;
   position: absolute;
   top: 54px;
   left: -780px;
   z-index: 13;
   background: #0095da;
   border-top: 1px solid #2483c5;
   padding: 15px 0 122px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
.nav_mobile:after {
   position: absolute;
   height: 100%;
   width: 1px;
   left: -1px;
   top: 0;
   -webkit-box-shadow: 2px 0 14px 1px #333;
   box-shadow: 2px 0 14px 1px #333;
   content: " ";
}
.nav_mobile .nav__list_mobile {
   width: calc(100% / 3);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-left: 54px;
   display: inline-block;
}
.nav li a,
.nav_mobile .nav__list_mobile li {
   color: #fff;
}
.nav_mobile .nav__list_mobile li a {
   font:
      500 18px/52px "Open Sans",
      sans-serif;
   color: #fff;
   display: inline-block;
}
.header__menu-link {
   display: block;
   position: absolute;
   top: 17px;
   left: 17px;
   background: url(../img/burger.svg) 50% 50% no-repeat;
   background-size: contain;
   width: 20px;
   height: 20px;
   z-index: 9;
}
.search,
.search__form {
   position: absolute;
   height: 30px;
}
.search {
   padding: 13px 17px 11px;
   right: 0;
   background: url(../img/icons.png) 18px -198px no-repeat;
   width: 20px;
   cursor: pointer;
}
.search .search__form {
   display: none;
}
.search__form {
   display: block;
   width: 30px;
   top: 13px;
   right: 12px;
   background: #0069a0;
   border-radius: 18px;
   overflow: hidden;
}
.search__form input {
   float: left;
   height: 30px;
}
.search__form .search__text {
   border: 0;
   outline: 0;
   background: 0 0;
   width: 0;
   color: #fff;
   padding: 0 3px;
   font:
      12px/17px "Roboto",
      sans-serif;
   display: block;
}
.search__form .search__text::-ms-input-placeholder {
   color: #89bad0;
}
.search__form .search__text:-ms-input-placeholder {
   color: #89bad0;
}
.search__form .search__text::-webkit-input-placeholder {
   color: #89bad0;
}
.search__form .search__text:-moz-placeholder {
   color: #89bad0;
}
.search__form .search__text::-moz-placeholder {
   color: #89bad0;
}
.search__form .search__submit {
   display: block;
   background: url(icons.png) 0 -211px no-repeat;
   width: 24px;
   border: 0;
   cursor: pointer;
   float: right;
}
.footer {
   padding-bottom: 40px;
   background: #1a1a1a;
   overflow: hidden;
   position: relative;
   z-index: 7;
   max-width: 1280px;
   margin: 0 auto;
}
.footer-wrapper_top {
   border-top: 9px solid #2483c5;
   background: #262626;
   min-height: 80px;
}
.footer__inner {
   padding: 0 64px;
   max-width: 1280px;
   min-width: 272px;
   margin: 0 auto;
}
.soc-buttons {
   padding-top: 24px;
}
.soc-buttons p {
   color: #ddd;
   font:
      16px/24px "Open Sans",
      sans-serif;
   padding-top: 3px;
   margin-right: 16px;
}
.soc-buttons a {
   display: block;
   float: left;
   margin-left: 16px;
   width: 32px;
   height: 32px;
   border-radius: 3px;
}
.soc-buttons a.soc-buttons_fb {
   background: #3c5a99 url(../img/facebook.svg) 50% 50% no-repeat;
}
.soc-buttons a.soc-buttons_twt {
   background: #1da1f2 url(../img/twitter.svg) 50% 50% no-repeat;
}
.soc-buttons a.soc-buttons_insta {
   background: #f00075 url(../img/insta.svg) 50% 50% no-repeat;
}
.soc-buttons a.soc-buttons_youtube {
   background: red url(../img/youtube.svg) 50% 50% no-repeat;
   background-size: 22px 14px;
}
.soc-buttons a.soc-buttons_flipboard {
   background: #e12828 url(../img/flipboard.svg) 50% 50% no-repeat;
}
.article {
   padding: 24px 70px;
}
.article:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.article__date {
   font: 14px/18px sans-serif;
   color: #555;
}
.article__title {
   font: 32px/36px sans-serif;
   padding: 4px 0;
   font-family: sans-serif;
}
.article__text {
   font:
      18px/25px "Open Sans",
      sans-serif;
   color: #333;
   padding-top: 14px;
   font-family: sans-serif;
}
.article__text p {
   padding: 0 0 30px;
}
.article__text a {
   text-decoration: underline;
   color: #0095da;
}
input {
   padding-left: 5px;
   height: 42px;
   margin-bottom: 10px;
}
img {
   max-width: 100%;
}
.ListBlock-root li {
   position: relative;
   margin-bottom: 6px;
}
.ListBlock-ul li {
   padding: 0 0 0 23px;
}
.ListBlock-ul li:last-child {
   margin-bottom: 0;
}
.ListBlock-ul li:before {
   position: absolute;
   top: 0;
   left: 5px;
   width: 8px;
   content: "\2022";
   text-align: center;
   color: #ff829b;
   font-size: 18px;
   line-height: inherit;
}
.randdate {
   font-weight: 400;
}
p.center {
   text-align: center;
}
.red {
   color: red;
}
h2 {
   line-height: 1.2;
}
input[value="Получить бесплатно"]:hover {
   -webkit-transition: background 0.3s;
   transition: background 0.3s;
   background: #b00 !important;
}
input[value="Получить бесплатно"] {
   text-transform: uppercase;
   padding: 10px 30px;
   outline: 0;
   border: 0;
   margin: 5px 0 15px;
   border-radius: 5px;
   -webkit-box-shadow: 0 4px 3px #242120;
   box-shadow: 0 4px 3px #242120;
   background: red;
   color: #fff;
   font-weight: 700;
   cursor: pointer;
   -webkit-transition: background 0.3s;
   transition: background 0.3s;
   width: 300px;
   max-width: 100%;
}
input[value="Получить бесплатно"]:active {
   -webkit-transform: translateY(2px);
   transform: translateY(2px);
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}
.left_count,
a.button {
   text-align: center;
   display: table;
}
.left_count {
   line-height: 1;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0 20px 10px;
   background: red;
   margin: 12px auto;
   color: #fff;
   text-shadow:
      0 -1px 0 #000,
      0 -1px 0 #000,
      0 1px 0 #000,
      0 1px 0 #000,
      -1px 0 0 #000,
      1px 0 0 #000,
      -1px 0 0 #000,
      1px 0 0 #000,
      -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
      1px 1px 0 #000,
      -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
      1px 1px 0 #000;
   font-size: 130% !important;
   border-radius: 5px;
}
.Figure-caption {
   font: 16px/22px sans-serif;
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   max-width: 520px;
   padding-top: 4px;
   color: #1a1a1a;
   display: block;
}
.Figure {
   display: block;
   max-width: 650px;
   width: 100%;
   margin: 20px auto;
}
a.button {
   background: red;
   font-size: 120%;
   color: #fff !important;
   margin: 25px auto;
   width: 400px;
   max-width: 100%;
   border-radius: 15px;
   text-decoration: none;
   padding: 15px;
}
a.button:hover {
   background: #c11f1f;
}
#comments {
   margin-top: 120px;
}
#comments h2 {
   background: url(../img/comentsm.jpg) no-repeat;
   padding-left: 40px;
   color: #000;
   border-bottom: 0 solid;
   border-color: #000;
   text-transform: uppercase;
   padding-bottom: 10px;
}
#comments .coment_ava img {
   margin: 0;
   width: 50px;
   height: 50px;
   border-radius: 5px;
}
input,
input:active {
   outline: 0;
}
button:active,
button:focus {
   outline: 0 !important;
}
button::-moz-focus-inner {
   border: 0 !important;
}
.blok_etr {
   background: #fff5f7 !important;
   display: block;
   padding: 10px;
   margin: 20px auto;
}
.pg {
   position: relative;
   padding-left: 65px;
   margin-bottom: 33px;
}
#comments .coment_ava {
   float: left;
   margin-right: 15px;
}
.name {
   font-weight: 700;
}
.ListBlock-root {
   font: 18px/24px sans-serif;
   margin: 15px 0;
   padding: 0;
   list-style: none;
}
.ListBlock-root li {
   margin-left: 25px;
}
.ListBlock-ul li {
   margin-left: 0;
}
.left_count .prod_left_val {
   font-size: 52px !important;
}
h4.rul_3,
p.rul_1 {
   color: red;
   padding: 0;
   font-size: 120%;
   text-align: center;
   font-weight: 700;
}
h4.rul_3 {
   color: green;
   font-size: 110%;
}
b {
   font-weight: bolder;
}
@media screen and (max-width: 1680px) {
   .footer,
   .page-wrap {
      margin: 0 auto;
      min-width: 860px;
   }
}
@media screen and (max-width: 1280px) {
   .header__inner,
   .nav li {
      height: 42px;
   }
   .header__logo {
      margin-left: 42px;
      padding-top: 14px;
      padding-bottom: 14px;
   }
   .nav li a {
      line-height: 42px;
   }
   .nav_mobile {
      top: 42px;
   }
   .nav_mobile .nav__list_mobile {
      padding-left: 42px;
   }
   .header__menu-link {
      width: 16px;
      height: 16px;
      left: 13px;
      top: 13px;
   }
   .search {
      padding: 6px 11px;
      background-position: 12px -205px;
   }
   .search__form {
      top: 6px;
      right: 6px;
   }
   .article__text {
      padding-left: 0;
   }
}
@media screen and (max-width: 1024px) {
   .page-wrap {
      width: 100%;
      min-width: 320px;
   }
   .content {
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .content__inner_wide {
      width: 100%;
   }
   .nav {
      height: 42px;
   }
   .footer {
      margin: 0 auto;
      min-width: 320px;
   }
   .footer,
   .soc-buttons {
      width: 100%;
   }
}
@media (max-width: 1024px) {
   .page-wrap {
      padding: 0;
   }
}
@media screen and (max-width: 900px) {
   .footer__inner {
      padding: 0 24px;
   }
}
@media (max-width: 900px) {
   .page-wrap {
      padding: 0;
   }
}
@media screen and (max-width: 770px) {
   .nav {
      display: none !important;
   }
}
@media screen and (max-width: 670px) {
   .soc-buttons {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: auto;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-top: 20px;
      padding-bottom: 24px;
   }
   .soc-buttons p {
      text-align: center;
      width: 100%;
      padding-top: 0;
      padding-bottom: 24px;
   }
}
@media (max-width: 670px) {
   .page-wrap {
      padding: 0;
   }
}
@media screen and (max-width: 600px) {
   .nav_mobile {
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .nav_mobile .nav__list_mobile {
      width: 50%;
   }
   .nav_mobile .nav__list_mobile li a {
      line-height: 40px;
   }
}
@media screen and (max-width: 570px) {
   body {
      position: relative;
   }
   .page-wrap {
      padding: 0;
      overflow: hidden;
   }
   .header__logo .spec {
      font-size: 14px;
      padding-top: 1px;
   }
   .nav_mobile .nav__list_mobile {
      padding-left: 40px;
   }
   .article {
      padding: 24px 12px;
   }
}
@media (max-width: 530px) {
   .page-wrap {
      padding: 15px 0 0;
   }
}
@media screen and (max-width: 480px) {
   .nav_mobile {
      padding-bottom: 146px;
   }
   a.button {
      width: 90%;
   }
}
@media screen and (max-width: 410px) {
   .nav_mobile .nav__list_mobile {
      width: 100%;
   }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi) {
   .search,
   .search__form .search__submit {
      background-image: url(../img/icons_retina-VK.png);
      background-size: 318.5px 2015px;
   }
   .soc-buttons a {
      background-image: url(https://one-media.pro/lander/-nutra----leadbit-onemedia---alkotox---ro--romun---domonetka-2_1704446397/images/soc-icons_retina.png);
      background-size: 352px 64px;
   }
}
@media only screen and (min-device-width: 48em) {
   .ListBlock-ul li {
      padding: 0 0 0 38px;
   }
   .ListBlock-ul li:before {
      left: 0;
      width: 36px;
      text-align: center;
      font-size: 20px;
   }
   .ListBlock-root {
      margin: 20px 0;
   }
}
@media only screen and (min-device-width: 32em) {
   .ListBlock-root {
      font-size: 20px;
      line-height: 28px;
   }
}