/* reset */
 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;
 }

 html,
 body {
   overflow-x: hidden;
   margin: 0px;
   padding: 0px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #000;
   background-color: #fff;
 }

 img {
   max-width: 100%;
 }

 select,
 input,
 button {
   font-family: 'Roboto', sans-serif;
 }

 table {
   border-collapse: collapse;
   border-spacing: 0px;
 }

 caption,
 th,
 td {
   text-align: left;
   font-weight: normal;
   vertical-align: middle;
 }

 a:hover {
   text-decoration: none;
 }

 b {
   font-weight: 700;
 }

 /* header */
 .header__container {
   max-width: 1320px;
   margin: 0 auto;
 }

 .header__logo {
   background: linear-gradient(90deg, #225DAC 0.98%, #03193D 99.79%);
   padding: 20px 70px;
 }

 .header__menu {
   background: #EFEFEF;
   padding: 20px 70px;
 }

 .header__container.menu {
   display: flex;
   align-items: center;
   gap: 100px;
 }

 .header__menu--mobile {
   display: none;
 }

 .header__menu-item {
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }

 .header__menu-item a {
   color: #716E6E;
   text-decoration: none;
 }

 .header__hero {
   background: url("./hero-bg.jpg") no-repeat right / cover;
   color: #fff;
   font-family: Roboto;
   padding: 100px 70px;
 }

 .header__text {
   max-width: 570px;
   display: flex;
   flex-direction: column;
   gap: 15px;
   text-wrap: balance;
 }

 .header__descript {
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
 }

 .header__text span {
   font-weight: 400;
 }

 .header__main-title {
   font-family: Roboto;
   font-size: 32px;
   font-weight: 400;
 }

 .header__date {
   color: #FFF;
   font-size: 14px;
   font-weight: 400;
 }

 @media (max-width: 768px) {
   .header__logo {
     padding: 20px;
   }

   .header__menu {
     display: none;
   }

   .header__menu--mobile {
     display: flex;
     padding: 20px;
     justify-content: space-between;
     align-items: center;
     background: #EFEFEF
   }

   .burger {
     display: block;
     width: 25px;
     height: 2px;
     background: #716e6e;
     position: relative;
   }

   .burger::before,
   .burger::after {
     content: '';
     width: 25px;
     height: 2px;
     background: #716e6e;
     position: absolute;
     left: 0;
   }

   .burger::before {
     top: -8px;
   }

   .burger::after {
     top: 8px;
   }

   .header__hero {
     background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/hero-bg.jpg) no-repeat right / cover;
     padding: 40px 20px;
   }

   .header__text {
     max-width: 100%;
   }

   .header__descript,
   .header__date {
     font-size: 12px;
     font-weight: 500;
   }

   .header__main-title {
     font-size: 20px;
     line-height: 135%;
   }
 }

 /* content */
 .container {
   max-width: 800px;
   margin: 0 auto;
   padding: 45px 15px 0;
 }

 .article__title {
   color: #005BA6;
   font-size: 24px;
   font-weight: 700;
   line-height: 150%;
   margin: 30px auto;
 }

 .article__subtitle {
   color: #000;
   font-size: 18px;
   font-weight: 700;
   line-height: 150%;
 }

 .article__subtitle.centered {
   text-align: center;
   margin-bottom: 80px;
 }

 .article__list {
   list-style: disc;
   margin: 30px 0 30px 20px;
   color: #000;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
 }

 .article__text {
   color: #000;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   margin: 30px auto;
 }

 .article__list-title {
   font-weight: 700;
   margin-bottom: 30px;
   margin-left: -20px;
 }

 .article__image-wrapper {
   margin: 30px auto;
   text-align: center;
 }

 .article__image-description {
   text-align: center;
   margin-top: 30px;
   font-size: 18px;
   font-weight: 400;
   line-height: 150%;
 }

 .article__quote {
   color: #005BA6;
   font-size: 18px;
   font-style: italic;
   font-weight: 400;
   line-height: 150%;
   padding: 10px 15px;
   border-left: 1px solid #005BA6;
   margin: 30px auto;
 }

 .block__title {
   color: #000;
   text-align: center;
   font-size: 24px;
   font-weight: 700;
   line-height: 150%;
   margin-bottom: 40px;
 }

 .symptoms {
   display: flex;
   flex-wrap: wrap;
   gap: 40px 30px;
   justify-content: space-between;
   margin-bottom: 40px;
 }

 .article__card {
   flex: 0 0 45%;
 }

 .article__card:first-child {
   flex: 0 0 100%;
 }

 .article__card-image {
   text-align: center;
   border-radius: 50%;
   width: 100px;
   height: 100px;
   margin: 0 auto 20px;
 }

 .article__card-image img {
   width: 100%;
 }

 .article__card-title {
   color: #000;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   line-height: 150%;
   margin-bottom: 10px;
 }

 .article__card-text {
   color: #000;
   font-size: 18px;
   text-align: center;
   font-weight: 400;
   line-height: 150%;
 }

 .ingridients {
   display: flex;
   flex-direction: column;
   gap: 20px;
   margin-bottom: 20px;
 }

 .article__important-text {
   padding: 30px;
   border: 1px solid #C6E7C6;
 }

 .article__important-text .article__text:first-child,
 .article__important-text .article__text:last-child {
   margin: 0;
 }

 @media (max-width: 768px) {
   .article__title {
     font-size: 18px;
   }

   .article__text,
   .article__subtitle,
   .article__quote,
   .article__list-item,
   .article__card-title,
   .article__card-text {
     font-size: 16px;
   }

   .article__subtitle.centered {
     margin-bottom: 10px;
   }

   .article__card-image {
     margin-bottom: 10px;
   }

   .symptoms {
     gap: 20px;
     flex-wrap: nowrap;
     flex-direction: column;
   }
 }

 /* order */
 input {
   outline: none;
 }

 input:active {
   outline: none;
 }

 :focus {
   outline: none;
 }

 button:active,
 button:focus {
   outline: none !important;
 }

 button::-moz-focus-inner {
   border: 0 !important;
 }

 .center {
   text-align: center;
 }

 .order_block {
   
   text-align: center !important;
 }

 @media (max-width: 400px) {
   #order_form label {
     font-size: 15px;
   }
 }

 #order_form {
   background: white;
   padding: 50px 20px;
   max-width: 600px;
   margin: 20px;
   background-image: url('./formbg1.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
 }

 #order_form div {
   background: transparent !important;
 }

 #order_form h2 {
   margin: 25px 0 0 0;
   padding: 0px;
   font-weight: 700;
   font-size: 18px;
   line-height: 150%;
   border: none;
 }

 #order_form label {
   width: auto;
   display: block;
   padding: 5px 0 5px 0;
   font-weight: bold;
   font-size: 16px;
 }

 #order_form .order_form_pole {
   padding: 10px;
   margin: 10px;
   text-align: center;
 }

 #order_form input,
 #order_form select {
   font-size: 21px;
   padding: 15px;
   border-radius: 3px;
   border: 2px solid #e9d7dc;
   max-width: 300px;
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height: 57px;
   color: #000;
 }

 #order_form span {
   font-size: 12px;
 }

 #order_form .center {
   display: block;
   margin: 0 auto;
   text-align: center;
 }

 #order_form button {
   display: block;
   margin: 0 auto;
   padding: 20px;
   color: #fff;
   font-weight: 700;
   text-decoration: none;
   -webkit-box-shadow: 0 4px 15px 0 rgba(129, 150, 160, 0.45);
   box-shadow: 0 4px 15px 0 rgba(129, 150, 160, 0.45);
   border-radius: 5px;
   background-color: #0299ff;
   background-position: 1.35em .94em;
   background-size: 1em;
   background-repeat: no-repeat;
   -webkit-transition: all .15s ease-in-out;
   -o-transition: all .15s ease-in-out;
   transition: all .15s ease-in-out;
   border: none;
   cursor: pointer;
   font-size: 20px;
   margin-top: 20px;
   max-width: 300px;
   width: 100%;
 }

 #order_form button:hover {
   background-color: #017ACC;
 }

 #order_form button:active {
   position: relative;
   top: 1px;
 }

 #min,
 #sec {
   color: #08C;
   font-size: 12px;
   font-weight: 700;
   line-height: 20.525px;
 }

 @media screen and (max-width: 480px) {
   #order_form label {
     font-size: 14px;
   }

   #order_form button {
     font-size: 16px;
   }

   #order_form {
     padding: 30px 10px;
   }

   #order_form .order_form_pole {
     padding: 0px;
     margin: 10px 0;
   }
 }

 @media screen and (max-width: 459px) {

   #order_form input,
   #order_form select,
   #order_form button {
     width: 80%;
   }
 }

 @media screen and (max-width: 349px) {

   #order_form input,
   #order_form select {
     font-size: 17px;
     top: 10%;
   }
 }

 select::-ms-expand {
   display: none;
 }

 select {
   -webkit-appearance: none;
   appearance: none;
   background: url('../img/customselect.png') center right 15px no-repeat, #ffffff;
 }

 .bottom__button {
   display: block;
   margin: 0 auto 40px;
   padding: 20px;
   color: #fff;
   font-weight: 700;
   text-decoration: none;
   box-shadow: 0 4px 15px 0 rgba(129, 150, 160, 0.45);
   border-radius: 5px;
   background-color: #0299ff;
   transition: all .15s ease-in-out;
   border: none;
   cursor: pointer;
   font-size: 20px;
   max-width: 300px;
   width: 100%;
   text-align: center;
 }

 .ac_footer {
   margin-top: 20px;
   text-align: center;
 }

 .footer-privacy a {
   color: #000;
 }


 .alert {
     font-family: "Roboto", sans-serif;
     position: fixed;
     top: 10px;
     right: 10px;
     padding: 10px 20px;
     max-width: 90%;
     background: #F7F7F7;
     box-shadow: 2px 4px 15px rgb(0 0 0 / 10%);
     border-radius: 10px;
     transition: opacity .3s;
     opacity: 0;
     pointer-events: none;
     display: flex;
     justify-content: space-between;
     align-items: center;
     z-index: 400;
     font-size: 16px;
     line-height: 135%;
 }

 .alert--show {
     opacity: 1;
     pointer-events: auto;
 }

 .alert__img {
     max-height: 50px;
     padding: 0;
     display: inline-block;
     margin-right: 5px;
 }

 .alert-offer {
     margin-bottom: 40px;
     text-align: center;
     color: red;
 }


 .alert-offer {
     margin-bottom: 40px;
     text-align: center;
     color: red
 }

 @media (max-width: 767.98px) {
     .alert-offer {
         margin-bottom: 15px
     }
 }


 .prod-img {
     max-width: 400px;
     width: 100%;
 }

 select {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
 }