::-moz-range-track {
   background: #d7dcdf;
   border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
   border: 0;
}
.center,
.form {
   display: flex;
   align-items: center;
}
.center {
   justify-content: center;
}
a {
   font-weight: 600;
   background-color: transparent;
}
.form {
   position: relative;
   z-index: 100;
   width: 430px;
   flex-direction: column;
   color: #000;
   background-color: #fff;
   box-shadow:
      0 0 0 1px #d8d8d8,
      0 0 0 15px #fff;
   box-sizing: border-box;
   margin: 0 auto;
}
.form__title {
   font-size: 22px;
   line-height: 26px;
   font-weight: 900;
   text-transform: uppercase;
   padding: 0 10px;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 20px;
}
.form__text {
   color: #333;
   font-size: 20px;
   line-height: 19px;
   text-align: center;
   margin: 5px 0 25px;
}
.form-wrapper {
   width: 100%;
   background-color: #eaeeff;
   padding: 10px;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.prices p:first-child {
   font-size: 20px !important;
   text-align: center;
   font-weight: 600;
   color: gray !important;
}
.prices p {
   margin: 5px !important;
}
.prices p:last-child {
   font-size: 20px;
   font-weight: 600;
}
.prices .newprice {
   font-size: 23px;
   font-weight: 800;
   color: red;
}
.form__input-container {
   position: relative;
}
.form__input-container::before {
   position: absolute;
   content: "";
   width: 20px;
   height: 20px;
   top: 10px;
   left: 10px;
}
.form__input {
   width: 100% !important;
   font-size: 19px !important;
   line-height: 22px !important;
   color: #000 !important;
   text-align: center !important;
   padding: 8px 10px 8px 40px !important;
   border: 1px solid gray !important;
   margin-bottom: 10px !important;
}
.form__btn {
   font-size: 23px;
   line-height: 26px;
   font-weight: 990;
   color: #fff;
   text-transform: uppercase;
   border: 1px solid #00a31e;
   border-radius: 5px;
   padding: 20px;
   margin-bottom: 20px;
   background-image: linear-gradient(180deg, #00d228 0, #00ab20 100%);
   box-shadow: 0 5px 0 -2px #007906;
   cursor: pointer;
   margin-top: 10px;
}
.prod__img {
   margin-top: 30px;
   margin-bottom: 25px;
}
.timer__red {
   color: red;
}
.form {
   margin-bottom: 40px;
}
#formBottom {
   text-align: center;
}
#formBottom .form-bottom {
   border: 2px solid #0299ff;
   padding: 8px 10px;
   width: 95%;
   max-width: 430px;
   margin: 20px auto 0;
   border-radius: 4px;
   background-color: rgba(2, 154, 255, 0.137254902);
   font-size: 18px;
   line-height: 1.2;
}
#formBottom .form-bottom__title {
   font-weight: 600;
}
#formBottom .form-bottom__order {
   font-size: 14px;
   font-weight: 600;
}
#formBottom .form-instock {
   font-size: 1.2em;
   transition: opacity 0.4s;
}
#formBottom .form-color--accent {
   color: coral;
}
html {
   height: 100%;
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   line-height: 1.6;
   color: #3a3939;
}
body {
   min-height: 100%;
   text-align: left;
   min-height: 100vh;
}
[hidden] {
   display: none;
}
a:active,
a:hover {
   outline: 0;
}
b {
   font-weight: 700;
}
button {
   font: inherit;
   overflow: visible;
   text-transform: none;
   -webkit-appearance: button;
}
input {
   color: inherit;
   font: inherit;
   margin: 0;
   line-height: normal;
   -webkit-appearance: none;
}
html input[type="button"] {
   border: 0;
   cursor: pointer;
   -webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0;
}

.w-container {
   margin-left: auto;
   margin-right: auto;
   max-width: 940px;
}
.w-container:after,
.w-container:before {
   content: " ";
   display: table;
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
   grid-row-end: 2;
}
.w-container:after {
   clear: both;
}
.container-2 {
   padding: 0 10px;
   border-style: none;
   border-width: 1px 2px;
   border-color: #000 #ff5f5f;
}
ul li {
   margin-bottom: 10px;
}
p,
ul li {
   font-family: Lato, sans-serif;
   color: #252525;
   line-height: 1.3;
}
.button,
.image {
   display: block;
   margin-right: auto;
   margin-left: auto;
}
.image {
   width: 100%;
}
.button {
   text-align: center;
}
.body {
   background-color: hsla(0, 0, 40.7%, 0);
   font-family: Montserrat, sans-serif;
}
.div-block-12 {
   padding: 15px 20px;
   border-style: solid;
   border-width: 2px;
   border-color: #994f00;
   border-radius: 9px;
   background-color: #ffe7c0;
   margin-bottom: 15px;
   text-align: center;
}
.prices {
   margin-bottom: 15px;
   line-height: 1.3;
}
.pricedote {
   white-space: nowrap;
}
p {
   line-height: 1.3;
   font-size: 20px;
   margin-bottom: 15px;
}
section {
   padding: 0;
   border: 0;
   outline: 0;
   vertical-align: top;
   background: 0 0;
   font-size: 100%;
}
img,
section {
   display: block;
}
.mbottom10 {
   margin-bottom: 10px;
}
.content {
   width: 100%;
   position: relative;
   float: left;
}
.bordered_top {
   border-top: 1px solid #999;
}
.tac {
   text-align: center;
}
.author {
   color: #790004;
   font-weight: 700;
   font-size: 20px;
}
.comment {
   color: #000;
   margin-top: 3px;
   font-size: 19px;
}
.qq,
button:hover {
   text-decoration: none;
   color: #fff;
}
.qq {
   -moz-box-shadow: inset 0 1px 0 0 #fff;
   -webkit-box-shadow: inset 0 1px 0 0 #fff;
   box-shadow: inset 0 1px 0 0 #fff;
   background-color: rgb(2 153 255);
   -webkit-border-top-left-radius: 6px;
   -moz-border-radius-topleft: 6px;
   border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-radius-topright: 6px;
   border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-radius-bottomright: 6px;
   border-bottom-right-radius: 6px;
   -webkit-border-bottom-left-radius: 6px;
   -moz-border-radius-bottomleft: 6px;
   border-bottom-left-radius: 6px;
   text-indent: 0;
   display: inline-block;
   font-family: arial;
   font-size: 21px;
   font-style: normal;
   height: 50px;
   line-height: 50px;
   padding-right: 24px;
   padding-left: 24px;
   text-shadow: none;
}
.qq:active {
   position: relative;
   top: 1px;
}
button,
ul li {
   font-size: 20px;
}
.qq,
button {
   font-weight: 700;
   text-align: center;
}
button {
   background-color: #de0606;
   color: #fff !important;
   max-width: 245px;
   width: 100%;
   display: block;
   margin: 20px auto;
   padding: 20px;
   box-shadow: 0 4px 15px 0 rgba(129, 150, 160, 0.45);
   border-radius: 5px;
   background: #0299ff;
   transition: all 0.15s ease-in-out;
   border: 0;
   cursor: pointer;
   animation: 1s pulse infinite alternate ease-in-out;
   text-decoration: none;
}
.bordered_top img {
   width: 60%;
}
button:hover {
   background: #017acc;
}
.com {
   display: flex;
   flex-direction: row;
   width: 100%;
   margin: 0 0 20px;
}
.com .ava {
   width: 100%;
   max-width: 60px;
   min-width: 60px;
}
form .prices p {
   margin-bottom: 5px;
}
a:where(:not(.wp-element-button)) {
   text-decoration: underline;
}

@media screen and (max-width: 991px) {
   .w-container {
      max-width: 728px;
   }
}
@media (max-width: 575px) {
   .bordered_top img {
      width: 100%;
   }
}
@media screen and (max-width: 480px) {
   #formBottom .form-bottom {
      font-size: 16px;
   }
   #formBottom .form-bottom p {
      margin: 10px 0;
   }
}
@media screen and (max-width: 479px) {
   .w-container {
      max-width: none;
   }
   .container-2 {
      padding-right: 15px;
      padding-left: 15px;
   }
   .form {
      width: 95%;
      padding-top: 10px;
   }
}
@media screen and (max-width: 365px) {
   .qq__ch {
      font-size: 100%;
   }
}
html, body {
   margin: 0;
   padding: 0;
}


.heading-5 {
   margin-top: 0;
   padding-top: 60px;
   border-radius: 0;
   text-align: center;
   color: #fff;
}
h1 {
   padding: 0 70px;
   font-size: 26px;
   line-height: 1.3;
}

.div-block-10 {
   height: 300px;
   border-radius: 0;
   background-image: url(../images/hero.jpg);
   background-position: 50% 50%;
   background-size: cover;
   opacity: 1;
}