@font-face {
   font-family: 'ProximaNova';
   src: url('../fonts/ProximaNova-Light.eot');
   src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
 }
 @font-face {
   font-family: 'ProximaNova';
   src: url('../fonts/ProximaNova-Regular.eot');
   src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'ProximaNowa';
   src: url('../fonts/ProximaNova-Semibold.eot');
   src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
 }
   



* {
   margin: 0;
   padding: 0;
   outline-style: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.main {
   overflow: hidden
}

.wrapper {
   max-width: 1160px;
   width: 100%;
   margin: 0 auto
}

.block1 {
   background: url("../img/block1.png") center no-repeat;
   -webkit-background-size: cover;
   -o-background-size: cover;
   background-size: cover
}

.block1 .wrapper {
   position: relative
}

.block1 .wrapper .people {
   position: absolute;
   right: -209px;
   top: 181px
}

.block1 .wrapper .product {
   position: absolute;
   right: 0;
   top: 602px;
   border: 3px dashed #39b3e0;
   border-radius: 50%;
   width: 440px;
   height: 440px
}

.gs-f-box {
   border-top: 1px solid #e2e2e2;
   padding: 20px;
   background-color: #fff;
   text-align: center;
   font-size: 18px;
   line-height: 15px
}

.gs-f-box,
.gs-f-box a {
   color: #666
}

.gs-f-links {
   margin-top: 10px
}

.gs-f-links a {
   margin: 0 5px
}

.block1 .wrapper .product .circle {
   background: #39b3e0;
   text-align: center;
   margin: 35px auto 0;
   width: 370px;
   height: 370px;
   -webkit-border-radius: 50%;
   border-radius: 50%
}

.block1 .wrapper .product .circle img {
   margin-top: -75px;
   filter: drop-shadow(0 0 25px #fff)
}

.block1 h1 {
   font-family: ProximaNova;
   font-size: 82px;
   color: #f64949;
   text-transform: uppercase;
   padding-top: 10px;
   margin-bottom: 18px;
   font-weight: 600;
}

.block1 .content {
   max-width: 735px;
   width: 100%;
   padding-bottom: 145px
}

.block1 .content h2 {
   font-family: ProximaNova;
   font-size: 48px;
   text-transform: uppercase;
   color: #424242;
   margin-bottom: 30px;
   font-weight: 600;
}

.block1 .content h2 span {
   font-size: 74px;
   color: #f64949
}

.cookie-alert {
   width: 100%;
   position: fixed;
   bottom: 0;
   z-index: 10000;
   background: rgba(0, 0, 0, 0.85)
}

.cookie-alert_container {
   max-width: 1000px;
   margin: 0 auto;
   font-size: 13px;
   color: white;
   font-family: Arial;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   flex-wrap: wrap
}

.cookie-alert_container * {
   all: unset
}

.cookie-alert_container>p {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   padding: 15px;
   text-align: justify;
   line-height: 1.35
}

.cookie-alert_container>p>a {
   text-decoration: underline;
   color: white
}

.cookie-alert_container>p>a:hover {
   cursor: pointer
}

.cookie-alert_container>span {
   -webkit-box-flex: 0;
   -ms-flex: 0;
   flex: 0;
   padding: 15px;
   white-space: nowrap
}

.cookie-alert_container>span>button {
   border: 1px solid white;
   color: white;
   font-weight: bold;
   background-color: unset;
   padding: 10px 15px;
   outline: 0
}

.cookie-alert_container>span>button:hover {
   all: unset;
   border: 1px solid white;
   color: white;
   font-weight: bold;
   background-color: unset;
   padding: 10px 15px;
   outline: 0;
   cursor: pointer
}

@media(max-width:480px) {

   .cookie-alert_container>p,
   .cookie-alert_container>span {
      -webkit-box-flex: 0;
      -ms-flex: 0 100%;
      flex: 0 100%
   }

   .cookie-alert_container>span {
      padding-top: 0;
      text-align: center
   }
}

.block1 .content ul {
   list-style: none;
   margin-bottom: 68px
}

.block1 .content ul li {
   margin-bottom: 23px
}

.block1 .content ul li img {
   width: 25px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px
}

.block1 .content ul li span {
   font-family: roboto-black;
   color: #424242;
   display: inline-block;
   vertical-align: middle;
   font-size: 20px;
   text-transform: uppercase;
   width: calc(100% - 40px)
}

.block1 .content form {
   max-width: 450px;
   width: 100%;
   position: relative;
   font-family: ProximaNova;
   text-align: center;
   font-weight: 600;
}

.block1 .content form .price {
   font-family: roboto-bold;
   background: #ffe400;
   width: 275px;
   height: 275px;
   text-align: center;
   position: absolute;
   right: -344px;
   top: 189px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   z-index: 1
}

.block1 .content form .price .new_price {
   color: #2fba21;
   font-size: 78px;
   padding-top: 65px
}

.block1 .content form .price .new_price span {
   font-size: 64px
}

.block1 .content form .price .old_price {
   font-size: 58px;
   color: #666766;
   position: relative
}

.block1 .content form .price .old_price span {
   font-size: 40px
}

.block1 .content form .price .old_price:before {
   content: '';
   position: absolute;
   left: 41px;
   top: 54%;
   width: 193px;
   height: 5px;
   background: #f64949
}

.block1 .content form .form-head {
   background: #f64949;
   color: #FFF;
   text-transform: uppercase;
   font-size: 27px;
   padding: 25px 0;
   border-radius: 20px 20px 0 0
}

.block1 .content form .form-head span {
   color: #ffe42b
}

.block1 .content form .form-footer {
   background: #f64949;
   color: #FFF;
   text-transform: uppercase;
   font-size: 27px;
   padding: 25px 0;
   border-radius: 20px 20px 0 0;
   border-radius: 0 0 20px 20px
}

.block1 .content form .form-footer span {
   color: #ffe42b
}

.block1 .content form .form-content {
   background: #fff;
   padding: 30px 50px
}

.block1 .content form .form-content .form_group {
   display: block;
   width: 100%;
   font-size: 30px;
   text-align: left;
   color: #424242;
   border-color: #c8c8c8;
   padding: 0px 10px;
   min-height: 48px;
   font-family: ProximaNova;
   margin-bottom: 24px;
   font-weight: 600;
   box-sizing: border-box;
}

.block1 .content form .form-content .form_btn {
   font-family: ProximaNova;
   background: #28d716;
   border: 0;
   color: #fff;
   border-radius: 12px;
   font-size: 44px;
   padding: 15px 0;
   width: 100%;
   display: block;
   box-shadow: 4px 7px 2px #238919;
   cursor: pointer;
   font-weight: 600;
}

.block1 .content form .form-content .form_btn:active {
   box-shadow: inset 4px 7px 2px #238919
}

.block2 h2 {
   font-family: ProximaNova;
   text-align: center;
   text-transform: uppercase;
   font-size: 81px;
   padding-top: 21px;
   color: #1f95be;
   margin-bottom: 85px;
   font-weight: 600;
}

.block2 .content {
   font-size: 0;
   padding-bottom: 43px
}

.block2 .content .box {
   display: inline-block;
   vertical-align: top;
   width: 25%
}

.block2 .content .box img {
   display: block;
   margin: 0 auto 30px
}

.block2 .content .box p {
   font-size: 22px;
   font-family: ProximaNova;
   width: 230px;
   text-align: center;
   margin: 0 auto;
   font-weight: 600;
}

.block3 {
   background: url("../img/block3.png") center no-repeat;
   -webkit-background-size: cover;
   -o-background-size: cover;
   background-size: cover
}

.block3 .wrapper {
   padding-top: 80px
}

.block3 h2 {
   font-family: ProximaNova;
   font-weight: normal;
   background: #f64949;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   font-weight: 500;
   max-width: 1000px;
   width: 100%;
   margin: 0 auto 85px;
   font-size: 40px;
   height: 125px;
   line-height: 64px
}

.block3 h3 {
   font-family: ProximaNova;
   font-size: 36px;
   font-weight: normal;
   max-width: 900px;
   text-align: center;
   margin: 0 auto;
   text-transform: uppercase;
   width: 100%;
   padding-bottom: 40px;
   color: #2d2d2d
}

.block4 {
   background: #b1e1db;
   background: -moz-linear-gradient(left, #b1e1db 0, #b1e1db 66%, #ededed 100%);
   background: -webkit-gradient(left top, right top, color-stop(0, #b1e1db), color-stop(66%, #b1e1db), color-stop(100%, #ededed));
   background: -webkit-linear-gradient(left, #b1e1db 0, #b1e1db 66%, #ededed 100%);
   background: -o-linear-gradient(left, #b1e1db 0, #b1e1db 66%, #ededed 100%);
   background: -ms-linear-gradient(left, #b1e1db 0, #b1e1db 66%, #ededed 100%);
   background: linear-gradient(to right, #b1e1db 0, #b1e1db 66%, #ededed 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1e1db', endColorstr='#ededed', GradientType=1)
}

.block4 .wrapper {
   position: relative
}

.block4 .wrapper .doc {
   position: absolute;
   right: -295px;
   bottom: 0
}

.block4 .content {
   font-size: 0;
   margin-bottom: 50px
}

.block4 .content ul {
   list-style: none;
   width: 50%;
   display: inline-block;
   vertical-align: top
}

.block4 .content ul li {
   margin-bottom: 23px
}

.block4 .content ul li img {
   width: 25px;
   display: inline-block;
   vertical-align: top;
   margin-right: 5px
}

.block4 .content ul li span {
   font-family: roboto-black;
   color: #424242;
   display: inline-block;
   vertical-align: top;
   font-size: 20px;
   text-transform: uppercase;
   width: calc(100% - 40px)
}

.block4 h2 {
   text-align: center;
   text-transform: uppercase;
   font-family: ProximaNova;
   font-size: 82px;
   padding-top: 83px;
   line-height: 45px;
   margin-bottom: 95px;
   color: #1f95be;
   font-weight: 600;
}

.block4 h2 span {
   color: #f64949;
   font-family: ProximaNova;
   font-size: 36px;
   font-weight: 500
}

.block4 h3 {
   font-family: ProximaNova;
   font-size: 36px;
   font-weight: 500;
   text-transform: uppercase;
   text-align: center;
   padding-bottom: 30px;
   color: #424242
}

.block4 h3 span {
   color: #f64949
}

.block5 h2 {
   text-align: center;
   text-transform: uppercase;
   font-family: ProximaNova;
   color: #1f95be;
   font-size: 82px;
   padding-top: 35px;
   margin-bottom: 22px;
   font-weight: 600;
}

.block5 h2 span {
   color: #f64949
}

.block5 h4 {
   font-family: ProximaNova;
   font-size: 36px;
   font-weight: 500;
   text-transform: uppercase;
   text-align: center;
   margin-bottom: 78px;
   color: #424242
}

.block5 .content {
   font-size: 0;
   text-align: center;
   padding-bottom: 62px
}

.block5 .content .box {
   display: inline-block;
   vertical-align: top;
   width: 33%;
   margin-bottom: 40px
}

.block5 .content .box img {
   margin: 0 auto 20px
}

.block5 .content .box p {
   font-family: roboto-Regular;
   font-size: 20px;
   text-transform: uppercase;
   max-width: 240px;
   margin: 0 auto;
   width: 100%;
   color: #424242
}

.block6 {
   background: #35c7b9;
   background: -moz-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -webkit-gradient(left top, right top, color-stop(0, #35c7b9), color-stop(100%, #37b4de));
   background: -webkit-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -o-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -ms-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: linear-gradient(to right, #35c7b9 0, #37b4de 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35c7b9', endColorstr='#37b4de', GradientType=1)
}

.block6 .content {
   font-size: 0;
   padding: 80px 0 45px
}

.block6 .order-form {
   display: inline-block;
   vertical-align: middle;
   width: 50%
}

.block6 .order-form form {
   max-width: 450px;
   width: 100%;
   position: relative;
   font-family: ProximaNova;
   text-align: center;
   margin-bottom: 10px;
   font-weight: 600;
}

.block6 .order-form form .price {
   font-family: roboto-bold;
   background: #ffe400;
   width: 275px;
   height: 275px;
   text-align: center;
   position: absolute;
   right: -357px;
   top: 245px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   z-index: 1
}

.block6 .order-form form .price .new_price {
   color: #2fba21;
   font-size: 78px;
   padding-top: 65px
}

.block6 .order-form form .price .new_price span {
   font-size: 64px
}

.block6 .order-form form .price .old_price {
   font-size: 58px;
   color: #666766;
   position: relative
}

.block6 .order-form form .price .old_price span {
   font-size: 40px
}

.block6 .order-form form .price .old_price:before {
   content: '';
   position: absolute;
   left: 41px;
   top: 54%;
   width: 193px;
   height: 5px;
   background: #f64949
}

.block6 .order-form form .form-head {
   background: #f64949;
   color: #FFF;
   text-transform: uppercase;
   font-size: 27px;
   padding: 25px 0;
   border-radius: 20px 20px 0 0
}

.block6 .order-form form .form-head span {
   color: #ffe42b
}

.block6 .order-form form .form-footer {
   background: #f64949;
   color: #FFF;
   text-transform: uppercase;
   font-size: 27px;
   padding: 25px 0;
   border-radius: 20px 20px 0 0;
   border-radius: 0 0 20px 20px
}

.block6 .order-form form .form-footer span {
   color: #ffe42b
}

.block6 .order-form form .form-content {
   background: #fff;
   padding: 30px 50px
}

.block6 .order-form form .form-content .form_group {
   display: block;
   width: 100%;
   font-size: 30px;
   text-align: left;
   color: #424242;
   border-color: #c8c8c8;
   min-height: 48px;
   padding: 0 10px;
   font-family: ProximaNova;
   margin-bottom: 24px;
   box-sizing: border-box;
   font-weight: 600;
}

.block6 .order-form form .form-content .form_btn {
   font-family: ProximaNova;
   background: #28d716;
   border: 0;
   color: #fff;
   border-radius: 12px;
   font-size: 44px;
   padding: 15px 0;
   width: 100%;
   display: block;
   box-shadow: 4px 7px 2px #238919;
   cursor: pointer;
   font-weight: 600;
}

.block6 .order-form form .form-content .form_btn:active {
   box-shadow: inset 4px 7px 2px #238919
}

.block6 .order-form h4 {
   font-family: ProximaNova;
   font-size: 32px;
   color: #FFF;
   text-align: center;
   font-weight: 100;
   margin-right: 131px
}

.block6 .product-block {
   display: inline-block;
   vertical-align: middle;
   width: 50%
}

.block6 .product-block .product {
   border: 4px dashed #fff;
   border-radius: 50%;
   width: 536px;
   height: 536px;
   margin-left: auto
}

.block6 .product-block .product .circle {
   border: 4px dashed #fff;
   text-align: center;
   margin: 65px auto 0;
   width: 405px;
   height: 405px;
   -webkit-border-radius: 50%;
   border-radius: 50%
}

.block6 .product-block .product .circle img {
   margin-top: -60px;
   filter: drop-shadow(0 0 25px #fff)
}

.block7 .wrapper {
   position: relative
}

.block7 .wrapper .doc {
   position: absolute;
   bottom: 0;
   left: -38px
}

.block7 .content {
   max-width: 780px;
   width: 100%;
   margin-left: auto;
   padding: 165px 10px 35px
}

.block7 .content h2 {
   color: #1f95be;
   text-transform: uppercase;
   font-family: ProximaNova;
   font-size: 82px;
   margin-bottom: 10px;
   font-weight: 600;
}

.block7 .content p {
   font-family: roboto-Regular;
   font-size: 20px;
   color: #424242;
   margin-bottom: 30px
}

.block7 .content p:nth-last-of-type(1) {
   text-transform: uppercase
}

.block8 {
   background: url("../img/block8.png") center no-repeat;
   -webkit-background-size: cover;
   -o-background-size: cover;
   background-size: cover
}

.block8 h2 {
   text-align: center;
   text-transform: uppercase;
   font-family: ProximaNova;
   color: #fff;
   font-size: 77px;
   padding-top: 42px;
   margin-bottom: 80px;
   font-weight: 600;
}

.block8 .content {
   font-size: 0;
   padding-bottom: 60px
}

.block8 .content .box {
   display: inline-block;
   vertical-align: top;
   width: 50%;
   margin-bottom: 65px
}

.block8 .content .box:nth-of-type(odd) .list-item {
   background: #fff;
   background: -moz-linear-gradient(left, #fff 0, rgba(231, 56, 39, 0) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0, #fff), color-stop(100%, rgba(231, 56, 39, 0)));
   background: -webkit-linear-gradient(left, #fff 0, rgba(231, 56, 39, 0) 100%);
   background: -o-linear-gradient(left, #fff 0, rgba(231, 56, 39, 0) 100%);
   background: -ms-linear-gradient(left, #fff 0, rgba(231, 56, 39, 0) 100%);
   background: linear-gradient(to right, #fff 0, rgba(231, 56, 39, 0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e73827', GradientType=1);
   position: relative;
   height: 140px
}

.block8 .content .box:nth-of-type(odd) img {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%)
}

.block8 .content .box:nth-of-type(odd) .text {
   width: calc(100% - 250px);
   padding: 10px
}

.block8 .content .box:nth-of-type(even) h4 {
   text-align: right
}

.block8 .content .box:nth-of-type(even) .text {
   width: 100%;
   padding: 10px;
   text-align: right;
   padding-left: 270px
}

.block8 .content .box:nth-of-type(even) .list-item {
   background: rgba(255, 255, 255, 0);
   background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
   background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
   background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
   background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
   position: relative;
   height: 140px
}

.block8 .content .box:nth-of-type(even) img {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%)
}

.block8 .content .box:nth-of-type(3) .text {
   padding-top: 35px
}

.block8 .content .box:nth-of-type(4) .text {
   padding-left: 325px;
   padding-top: 35px
}

.block8 .content .box h4 {
   font-family: ProximaNova;
   text-transform: uppercase;
   color: #FFF;
   font-size: 30px;
   margin-bottom: 7px;
   font-weight: 600;
}

.block8 .content .box .text {
   display: inline-block;
   vertical-align: middle;
   font-size: 20px;
   font-family: roboto-Regular;
   color: #424242
}

.block8 .content .box img {
   display: inline-block;
   vertical-align: middle
}

.block9 {
   padding-bottom: 100px
}

.block9 h2 {
   color: #1f95be;
   text-align: center;
   text-transform: uppercase;
   font-family: ProximaNova;
   font-size: 82px;
   padding-top: 38px;
   margin-bottom: 50px;
   font-weight: 600;
}

.block9 .content .box {
   width: 100%;
   border: 4px dashed #70d2f6;
   -webkit-border-radius: 135px;
   border-radius: 135px;
   padding: 15px;
   margin-bottom: 50px
}

.block9 .content .box img {
   display: inline-block;
   vertical-align: middle;
   margin: 0 30px 0 0
}

.block9 .content .box .review {
   display: inline-block;
   vertical-align: middle;
   width: calc(100% - 235px);
   font-size: 25px;
   font-family: roboto-Regular
}

.block9 .content .box .review .user_name {
   font-weight: 700;
   text-align: right;
   padding-right: 15px
}

.block9 .content .box:nth-of-type(2) img {
   margin: 0 0 0 30px
}

.block9 .content .box:nth-of-type(2) .review {
   text-align: right
}

.block9 .content .box:nth-of-type(2) .user_name {
   text-align: left;
   padding-left: 45px
}

.block10 {
   background: #35c7b9;
   background: -moz-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -webkit-gradient(left top, right top, color-stop(0, #35c7b9), color-stop(100%, #37b4de));
   background: -webkit-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -o-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -ms-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: linear-gradient(to right, #35c7b9 0, #37b4de 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35c7b9', endColorstr='#37b4de', GradientType=1)
}

.block10 .wrapper {
   position: relative
}

.block10 .wrapper img {
   position: absolute;
   left: 0;
   bottom: 0
}

.block10 .content {
   max-width: 700px;
   margin-left: auto;
   width: 100%
}

.block10 .content ul {
   list-style: none;
   padding-top: 45px;
   padding-bottom: 51px
}

.block10 .content ul li {
   font-size: 37px;
   font-family: Proxima-Nova-Regular;
   font-weight: 500;
   color: #FFF
}

.block10 .content ul li:nth-of-type(1) {
   color: #f64949;
   margin-bottom: 14px
}

.block11 {
   background: url("../img/block11.png") center no-repeat;
   -webkit-background-size: cover;
   -o-background-size: cover;
   background-size: cover
}

.block11 .wrapper {
   position: relative
}

.block11 .wrapper .people {
   position: absolute;
   right: -274px;
   top: 133px
}

.block11 .wrapper .people .product-name {
   position: absolute;
   font-family: ProximaNova;
   color: #FFF;
   top: 312px;
   font-size: 65px;
   left: 176px;
   font-weight: 600;
}

.block11 .wrapper .product {
   position: absolute;
   right: 17px;
   top: 589px;
   border: 3px dashed #39b3e0;
   border-radius: 50%;
   width: 440px;
   height: 440px
}

.block11 .wrapper .product .circle {
   background: #39b3e0;
   text-align: center;
   margin: 35px auto 0;
   width: 370px;
   height: 370px;
   -webkit-border-radius: 50%;
   border-radius: 50%
}

.block11 .wrapper .product .circle img {
   margin-top: -75px;
   filter: drop-shadow(0 0 25px #fff)
}

.block11 h1 {
   font-family: ProximaNova;
   font-size: 82px;
   color: #f64949;
   text-transform: uppercase;
   padding-top: 75px;
   margin-bottom: 18px;
   font-weight: 600;
}

.block11 h2 {
   font-family: ProximaNova;
   font-size: 48px;
   text-transform: uppercase;
   color: #424242;
   margin-bottom: 145px;
   font-weight: 600;
}

.block11 h2 span {
   font-size: 74px;
   color: #f64949
}

.block11 .content {
   max-width: 735px;
   width: 100%;
   padding-bottom: 84px
}

.block11 .content form {
   max-width: 450px;
   width: 100%;
   position: relative;
   font-family: ProximaNova;
   text-align: center;
   font-weight: 600;
}

.block11 .content form .price {
   font-family: roboto-bold;
   background: #ffe400;
   width: 275px;
   height: 275px;
   text-align: center;
   position: absolute;
   right: -326px;
   top: 232px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   z-index: 1
}

.block11 .content form .price .new_price {
   color: #2fba21;
   font-size: 78px;
   padding-top: 65px
}

.block11 .content form .price .new_price span {
   font-size: 64px
}

.block11 .content form .price .old_price {
   font-size: 58px;
   color: #666766;
   position: relative
}

.block11 .content form .price .old_price span {
   font-size: 40px
}

.block11 .content form .price .old_price:before {
   content: '';
   position: absolute;
   left: 41px;
   top: 54%;
   width: 193px;
   height: 5px;
   background: #f64949
}

.block11 .content form .form-head {
   background: #f64949;
   color: #FFF;
   text-transform: uppercase;
   font-size: 27px;
   padding: 25px 0;
   border-radius: 20px 20px 0 0
}

.block11 .content form .form-head span {
   color: #ffe42b
}

.block11 .content form .form-footer {
   background: #f64949;
   color: #FFF;
   text-transform: uppercase;
   font-size: 27px;
   padding: 25px 0;
   border-radius: 20px 20px 0 0;
   border-radius: 0 0 20px 20px
}

.block11 .content form .form-footer span {
   color: #ffe42b
}

.block11 .content form .form-content {
   background: #fff;
   padding: 30px 50px
}

.block11 .content form .form-content .form_group {
   display: block;
   width: 100%;
   font-size: 30px;
   text-align: left;
   min-height: 48px;
   color: #424242;
   border-color: #c8c8c8;
   padding: 0 10px;
   font-family: ProximaNova;
   margin-bottom: 24px;
   box-sizing: border-box;
   font-weight: 600;
}

.block11 .content form .form-content .form_btn {
   font-family: ProximaNova;
   background: #28d716;
   border: 0;
   color: #fff;
   border-radius: 12px;
   font-size: 44px;
   padding: 15px 0;
   width: 100%;
   display: block;
   box-shadow: 4px 7px 2px #238919;
   cursor: pointer;
   font-weight: 600;
}

.block11 .content form .form-content .form_btn:active {
   box-shadow: inset 4px 7px 2px #238919
}

footer {
   background: #35c7b9;
   background: -moz-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -webkit-gradient(left top, right top, color-stop(0, #35c7b9), color-stop(100%, #37b4de));
   background: -webkit-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -o-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: -ms-linear-gradient(left, #35c7b9 0, #37b4de 100%);
   background: linear-gradient(to right, #35c7b9 0, #37b4de 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35c7b9', endColorstr='#37b4de', GradientType=1);
   color: #FFF;
   text-align: center;
   font-size: 30px;
   font-family: ProximaNova;
   padding: 40px 0;
   font-weight: 600;
}

.block8 .content .box:nth-of-type(even) .mobile,
.block8 .content .box:nth-of-type(odd) .mobile,
.block9 .content .box .mobile {
   display: none
}

@media all and (max-width:1160px) {
   .wrapper {
      padding: 0 10px
   }

   .block1 .wrapper .people {
      right: -250px
   }

   .block2 h2,
   .block8 h2 {
      font-size: 60px
   }

   .block4 .wrapper .doc {
      right: -330px
   }

   .block7 .content {
      max-width: 650px
   }

   .block8 .content .box:nth-of-type(even) .list-item,
   .block8 .content .box:nth-of-type(odd) .list-item {
      height: auto
   }

   .block10 .content {
      max-width: 540px
   }

   .block11 .wrapper .people {
      right: -380px
   }

   .block11 .wrapper .product {
      right: -85px
   }
}

@media all and (max-width:1023px) {
   .block1 h1 {
      font-size: 70px
   }

   .block1 .wrapper .people {
      right: -369px;
      top: 263px
   }

   .block1 .content form .price {
      right: -278px;
      top: 325px
   }

   .block2 h2,
   .block5 h2,
   .block8 h2 {
      font-size: 50px
   }

   .block2 .content .box {
      width: 50%
   }

   .block2 .content .box p {
      width: 85%;
      margin-bottom: 20px
   }

   .block3 h2 {
      font-size: 38px;
      line-height: initial;
      height: auto;
      margin: 0 auto 40px
   }

   .block4 .wrapper .doc {
      right: -425px
   }

   .block5 .content .box {
      width: 50%
   }

   .block6 .order-form form .price {
      right: -326px;
      top: 375px
   }

   .block6 .order-form h4 {
      margin-right: auto
   }

   .block7 .content {
      padding: 35px 10px;
      max-width: 560px
   }

   .block7 .wrapper .doc {
      left: -150px
   }

   .block8 .content .box img {
      width: 200px
   }

   .block8 .content .box:nth-of-type(odd) .text {
      width: calc(100% - 187px)
   }

   .block8 .content .box:nth-of-type(even) .text {
      padding-left: 145px
   }

   .block8 .content .box:nth-of-type(4) .text {
      padding-left: 158px;
      padding-top: 10px
   }

   .block8 .content .box:nth-of-type(3) .text {
      padding-top: 10px
   }

   .block9 .content .box .review {
      font-size: 18px
   }

   .block10 .content {
      max-width: 455px
   }

   .block10 .wrapper img {
      left: -100px
   }

   .block10 .content ul li {
      font-size: 33px
   }

   .block11 h1 {
      font-size: 70px
   }

   .block11 .wrapper .people {
      right: -600px;
      top: 105px
   }

   .block11 .wrapper .product {
      right: -105px;
      top: 575px
   }

   .block11 .content form .price {
      right: -275px;
      top: 355px
   }

   .block1 .content form .price .new_price,
   .block11 .content form .price .new_price,
   .block6 .content form .price .new_price {
      font-size: 70px;
      padding-top: 50px
   }

   .block1 .content form .price .old_price,
   .block11 .content form .price .old_price,
   .block6 .content form .price .old_price {
      font-size: 54px
   }

   .block1 .content form .price .old_price:before,
   .block11 .content form .price .old_price:before,
   .block6 .content form .price .old_price:before {
      width: 174px;
      height: 3px
   }

   .block1 .content form .price,
   .block11 .content form .price,
   .block6 .content form .price {
      width: 250px;
      height: 250px
   }

   .block1 .wrapper .product {
      right: -107px
   }
}

@media all and (max-width:800px) {
   .wrapper {
      max-width: 320px;
      padding: 0 10px
   }

   .block1 h1 {
      font-size: 35px;
      padding-top: 18px;
      margin-bottom: 12px
   }

   .block1 .content ul {
      margin-bottom: 28px
   }

   .block1 .content h2 {
      font-size: 36px;
      margin-bottom: 16px;
      text-align: center
   }

   .block1 .content h2 span {
      font-size: 50px
   }

   .block1 .content ul li span {
      font-size: 13px
   }

   .block1 .content ul li img {
      margin-right: 0
   }

   .block1 .content form .form-footer,
   .block1 .content form .form-head {
      font-size: 19px;
      padding: 18px 0
   }

   .block1 .content form .form-content .form_group {
      font-size: 21px;
      margin-bottom: 15px
   }

   .block1 .content form .form-content {
      padding: 20px
   }

   .block1 .content form .form-content .form_btn {
      font-size: 28px;
      padding: 10px 0
   }

   .block1 .content {
      padding-bottom: 736px
   }

   .block1 .wrapper .people {
      right: -106px;
      top: auto;
      width: 545px;
      bottom: 311px
   }

   .block1 .wrapper .product {
      left: 0;
      top: auto;
      bottom: 169px;
      width: 300px;
      height: 300px
   }

   .block1 .wrapper .product .circle {
      margin: 24px auto 0;
      width: 245px;
      height: 245px
   }

   .block1 .wrapper .product .circle img {
      margin-top: -53px;
      width: 239px
   }

   .block1 .content form .price,
   .block11 .content form .price {
      width: 185px;
      height: 185px;
      left: 0;
      top: auto;
      bottom: -669px
   }

   .block1 .content form .price .new_price,
   .block11 .content form .price .new_price,
   .block6 .content form .price .new_price {
      font-size: 50px;
      padding-top: 45px
   }

   .block1 .content form .price .new_price span,
   .block11 .content form .price .new_price span,
   .block6 .content form .price .new_price span {
      font-size: 45px
   }

   .block1 .content form .price .old_price,
   .block11 .content form .price .old_price,
   .block6 .content form .price .old_price {
      font-size: 38px
   }

   .block1 .content form .price .old_price span,
   .block11 .content form .price .old_price span,
   .block6 .content form .price .old_price span {
      font-size: 28px
   }

   .block1 .content form .price .old_price:before,
   .block11 .content form .price .old_price:before,
   .block6 .content form .price .old_price:before {
      width: 116px
   }

   .block2 h2 {
      font-size: 31px;
      padding-top: 15px;
      margin-bottom: 38px
   }

   .block2 .content .box {
      width: 100%
   }

   .block2 .content .box img {
      margin: 0 auto 6px;
      width: 180px
   }

   .block2 .content .box p {
      margin-bottom: 35px;
      font-size: 24px;
      line-height: 23px
   }

   .block2 .content {
      padding-bottom: 32px
   }

   .block3 .wrapper {
      padding-top: 55px
   }

   .block3 h2 {
      font-size: 29px;
      padding: 22px 0
   }

   .block3 h3 {
      font-size: 28px;
      padding-bottom: 55px
   }

   .block4 h2 {
      font-size: 48px;
      padding-top: 29px;
      margin-bottom: 25px
   }

   .block4 h2 span {
      font-size: 34px
   }

   .block4 .content ul {
      width: 100%
   }

   .block4 .content ul li span {
      font-size: 13px
   }

   .block4 .content ul li {
      margin-bottom: 20px
   }

   .block4 .content {
      margin-bottom: 22px
   }

   .block4 h3 {
      font-size: 28px;
      padding-bottom: 43px
   }

   .block4 .wrapper .doc {
      display: none
   }

   .block5 h2 {
      font-size: 36px;
      padding-top: 15px;
      margin-bottom: 6px
   }

   .block5 h4 {
      font-size: 34px;
      margin-bottom: 48px
   }

   .block5 .content .box img {
      margin: 0 auto 9px;
      width: 225px
   }

   .block5 .content .box p {
      font-size: 22px
   }

   .block5 .content {
      padding-bottom: 0
   }

   .block6 .order-form,
   .block6 .product-block {
      width: 100%
   }

   .block6 .content form .form-footer,
   .block6 .content form .form-head {
      font-size: 19px;
      padding: 18px 0
   }

   .block6 .content form .form-content .form_group {
      font-size: 21px;
      margin-bottom: 15px
   }

   .block6 .content form .form-content {
      padding: 20px
   }

   .block6 .content form .form-content .form_btn {
      font-size: 28px;
      padding: 10px 0
   }

   .block6 .content {
      padding: 49px 0 118px
   }

   .block6 .order-form h4 {
      font-size: 25px;
      margin-bottom: 60px
   }

   .block6 .product-block .product {
      width: 420px;
      height: 420px;
      margin-left: -67px
   }

   .block6 .product-block .product .circle {
      margin: 59px auto 0;
      width: 295px;
      height: 295px
   }

   .block6 .product-block .product .circle img {
      margin-top: -52px;
      width: 265px
   }

   .block6 .content form .price {
      bottom: -619px;
      width: 185px;
      height: 185px;
      left: 0;
      top: auto
   }

   .block7 .content h2 {
      font-size: 35px;
      margin-bottom: 20px;
      text-align: center
   }

   .block7 .content p {
      font-size: 14px;
      margin-bottom: 8px
   }

   .block7 .content {
      padding: 35px 10px 387px
   }

   .block7 .wrapper .doc {
      left: 17px;
      width: 241px
   }

   .block8 h2 {
      font-size: 36px;
      margin-bottom: 60px
   }

   .block8 .content .box {
      width: 100%
   }

   .block8 .content .box h4 {
      font-size: 24px;
      text-align: center
   }

   .block8 .content .box .text {
      font-size: 15px;
      display: block;
      text-align: center
   }

   .block8 .content .box:nth-of-type(even) .text,
   .block8 .content .box:nth-of-type(odd) .text {
      width: 100%;
      padding-left: 0
   }

   .block8 .content .box:nth-of-type(even) img,
   .block8 .content .box:nth-of-type(odd) img {
      position: relative;
      top: auto;
      transform: none;
      display: block;
      margin: 0 auto
   }

   .block8 .content .box:nth-of-type(even) h4 {
      text-align: center
   }

   .block8 .content .box:nth-of-type(even) .mobile,
   .block8 .content .box:nth-of-type(odd) .mobile {
      display: block
   }

   .block8 .content .box:nth-of-type(even) .desktop,
   .block8 .content .box:nth-of-type(odd) .desktop {
      display: none
   }

   .block8 .content .box:nth-of-type(even) .list-item,
   .block8 .content .box:nth-of-type(odd) .list-item {
      margin-bottom: 19px
   }

   .block9 h2 {
      font-size: 36px;
      padding-top: 50px;
      margin-bottom: 50px
   }

   .block9 .content .box .review {
      display: block;
      width: 100%
   }

   .block9 .content .box img,
   .block9 .content .box:nth-of-type(2) img {
      margin: 0 auto 15px;
      display: block
   }

   .block9 .content .box:nth-of-type(2) .review {
      text-align: center
   }

   .block9 .content .box .review {
      font-size: 18px;
      text-align: center
   }

   .block9 .content .box .review .user_name,
   .block9 .content .box:nth-of-type(2) .user_name {
      text-align: center;
      padding-left: 0;
      width: 190px;
      margin: 0 auto;
      padding: 0
   }

   .block9 .content .box .desktop {
      display: none
   }

   .block9 .content .box {
      height: 630px;
      width: 236px !important;
      margin: 0 32px
   }

   .block9 {
      padding-bottom: 303px
   }

   .block10 .wrapper img {
      left: 0;
      top: -268px;
      width: 304px
   }

   .block10 .content ul {
      padding-top: 24px;
      padding-bottom: 46px;
      margin-bottom: 13px
   }

   .block10 .content ul li {
      font-size: 20px
   }

   .block11 h1 {
      font-size: 36px;
      text-align: center;
      padding-top: 38px
   }

   .block11 h1 br {
      display: none
   }

   .block11 h2 {
      font-size: 36px;
      margin-bottom: 34px;
      text-align: center
   }

   .block11 .content form .form-footer,
   .block11 .content form .form-head {
      font-size: 19px;
      padding: 18px 0
   }

   .block11 .content form .form-content .form_group {
      font-size: 21px;
      margin-bottom: 15px
   }

   .block11 .content form .form-content {
      padding: 20px
   }

   .block11 .content form .form-content .form_btn {
      font-size: 28px;
      padding: 10px 0
   }

   .block11 .content {
      padding-bottom: 820px
   }

   .block11 .wrapper .people {
      right: auto;
      top: 735px;
      left: -84px;
      width: 536px
   }

   .block11 .wrapper .people img {
      width: 100%
   }

   .block11 .wrapper .people .product-name {
      top: 167px;
      font-size: 35px;
      left: 91px
   }

   .block11 {
      margin-top: -15px
   }

   .block11 .wrapper .product {
      width: 355px;
      height: 355px;
      top: auto;
      bottom: 174px;
      right: auto;
      left: 0
   }

   .block11 .wrapper .product .circle {
      margin: 30px auto 0;
      width: 290px;
      height: 290px
   }

   .block11 .wrapper .product .circle img {
      margin-top: -55px;
      width: 265px
   }

   .block11 .content form .price {
      width: 185px;
      height: 185px;
      left: 0;
      top: auto;
      bottom: -748px
   }
}

form .input-wrapper label {
   display: none;
   pointer-events: none;
 }
 
 form .input-wrapper {
   position: relative;
   margin-bottom: 20px;
 }
 
 form .input-wrapper .error {
   border: 2px solid red!important;
   padding-top: 6px!important;
 }
 
 form .input-wrapper .error+label {
   width: 100%;
   height: 100%;
   color: red;
   display: block !important;
   font-size: 11px;
   line-height: 17px;
   position: absolute;
   top: 0;
   left: 10px;
   text-align: left!important;
 }
 
 form .input-wrapper .error+label:before,
 form .input-wrapper .error+label:after {
   content: "";
   position: absolute;
   right: 30px;
   top: 50%;
   width: 3px;
   height: 21px;
   background-color: red
 }
 
 form .input-wrapper .error+label:before {
   -webkit-transform: translate(0, -50%) rotate(135deg);
   transform: translate(0, -50%) rotate(135deg)
 }
 
 form .input-wrapper .error+label:after {
   -webkit-transform: translate(0, -50%) rotate(45deg);
   transform: translate(0, -50%) rotate(45deg)
 }

 @media (max-width: 800px) {
   .block2 .content .box img {
      margin-bottom: 20px;
   }
   .block4 .content ul {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
      align-items: center;
      max-width: 150px;
   }
   .block4 .content ul li{
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin: 10px auto;
      align-items: center;
      width: 100%;
      
   }

   .block5 .single-item {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 0 auto;
   }
   .block5 .single-item .box{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 10px auto;
      width: 100%;
   }
   .block11 h2 span {
      font-size: 46px;
   }
   .block11 .people {
      padding-top: 50px;
   }
   .block11 .people img{
      margin-left: 10px;
   }
  
 }

.footer {
   background: #35c7b9;
   background: -moz-linear-gradient(left, #35c7b9 0, #37b4de 100%)!important;
   background: -webkit-gradient(left top, right top, color-stop(0, #35c7b9), color-stop(100%, #37b4de))!important;
   background: -webkit-linear-gradient(left, #35c7b9 0, #37b4de 100%)!important;
   background: -o-linear-gradient(left, #35c7b9 0, #37b4de 100%)!important;
   background: -ms-linear-gradient(left, #35c7b9 0, #37b4de 100%)!important;
   background: linear-gradient(to right, #35c7b9 0, #37b4de 100%)!important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35c7b9', endColorstr='#37b4de', GradientType=1)!important;
   color: #fff!important;
}