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

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

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
}

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
}

body {
   font-family: "Roboto", "Open Sans", sans-serif;
   font-size: 16px;
   color: #fff
}

.container {
   max-width: 1154px;
   width: 100%;
   margin: 0 auto;
   position: relative;
   padding-right: 10px;
   padding-left: 10px
}

.header {
   background-color: #009fd2;
   padding: 25px 0;
   position: relative;
   z-index: 1
}

.header .container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.header img {
   position: absolute;
   width: 143px;
   height: 33px;
   left: 10px;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%)
}

.header h1 {
   font-size: 30px;
   font-weight: 400;
   text-transform: uppercase
}

.include {
   background-color: #110430;
   padding: 30px 0 60px;
   position: relative
}

.include::before {
   content: "";
   position: absolute;
   top: 0;
   background: url(../images/include-bg.png) no-repeat;
   width: 683px;
   height: 850px;
   opacity: .5
}

.include h2 {
   font-size: 42px;
   line-height: 48px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 20px
}

.include h3 {
   font-size: 28px;
   line-height: 34px;
   font-weight: 400;
   text-align: center;
   max-width: 780px;
   width: 100%;
   margin: 0 auto 10px
}

.include .wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end
}

.include .left {
   margin-top: 80px
}

.include .left ul {
   padding: 0 15px 0 70px
}

.include .left li {
   position: relative;
   padding-left: 40px;
   font-size: 28px;
   margin-bottom: 15px;
   max-width: 385px;
   width: 100%
}

.include .left li:before {
   content: "";
   position: absolute;
   left: 0;
   top: 5px;
   width: 22px;
   height: 22px;
   border-radius: 5px;
   border: 2px solid #ffc104
}

.include .left li:after {
   content: "";
   position: absolute;
   left: 4px;
   top: 10px;
   width: 14px;
   height: 8px;
   border: 3px solid #ffc104;
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.include .left .quality {
   background-color: rgba(112, 112, 112, .8);
   padding: 20px 60px 10px 25px;
   position: relative
}

.include .left .quality::after {
   content: "";
   background: url(../images/product.png) no-repeat;
   background-size: cover;
  /* width: 183px;
   height: 359px;*/
       width: 303px;
    height: 409px;
   position: absolute;
  /* right: -164px;
   top: 50%;*/

       right: -254px;
    top: -20%;
   -webkit-transform: translate(0, -44%);
   transform: translate(0, -44%);
   z-index: 1
}

.include .left .quality p {
   font-size: 20px;
   line-height: 24px;
   max-width: 340px;
   width: 100%;
   padding-left: 90px;
   margin-bottom: 25px;
   min-height: 60px;
   position: relative
}

.include .left .quality p::before {
   content: "";
   background: url(../images/include-humans.png) no-repeat;
   width: 81px;
   height: 86px;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%)
}

.include .left .quality b {
   font-size: 28px;
   font-weight: 700;
   text-transform: uppercase
}

form {
   max-width: 320px;
   width: 100%;
   padding: 15px 15px 10px;
   background-color: #fff;
   border-radius: 5px;
   color: #161616
}

form h4 {
   font-size: 22px;
   line-height: 26px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 10px
}

form .price p {
   font-size: 16px;
   line-height: 16px;
   font-weight: 400;
   padding-left: 10px;
   margin-bottom: 20px
}

form .price p .al-cost-promo {
   font-size: 25px;
   text-decoration: line-through
}

form .price p .al-cost {
   font-size: 30px;
   font-weight: 700;
   color: red
}

form input {
   width: 100%;
   border-radius: 6px;
   height: 45px;
   text-indent: 50px;
   color: #000;
   line-height: 45px;
   font-size: 16px;
   border: 1px solid #000;
   outline: none
}

form input[name="name"] {
   background: url(../images/name.png) no-repeat 15px 50%
}

form input[name="phone"] {
   background: url(../images/phone.png) no-repeat 15px 50%
}

.al-country,
.input-wrapper label {
   display: none
}

.input-wrapper {
   position: relative;
   margin-bottom: 15px;
}

.input-wrapper .error {
   border: 1px solid #f20049;
   padding-top: 6px;
   background-position-y: 65% !important
}

.input-wrapper .error+label {
   width: 100%;
   height: 100%;
   color: #f20049;
   display: block !important;
   font-size: 11px;
   left: 5px;
   line-height: 1;
   position: absolute;
   top: 2px;
   text-align: left
}

.input-wrapper .error+label:before,
.input-wrapper .error+label:after {
   content: "";
   position: absolute;
   right: 22px;
   top: 48%;
   width: 3px;
   height: 21px;
   background-color: #f20049
}

.input-wrapper .error+label:before {
   -webkit-transform: translate(0, -50%) rotate(135deg);
   transform: translate(0, -50%) rotate(135deg)
}

.input-wrapper .error+label:after {
   -webkit-transform: translate(0, -50%) rotate(45deg);
   transform: translate(0, -50%) rotate(45deg)
}

button,
.button {
   width: 100%;
   font-size: 22px;
   text-transform: uppercase;
   color: #fff;
   font-weight: 700;
   background: #f0231e;
   border: 0;
   padding: 15px 0;
   border-bottom: 3px solid #870e0b;
   border-radius: 10px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   outline: none;
   cursor: pointer;
}

button:hover,
.button:hover {
   background: #d70f0a
}

form b {
   display: inline-block;
   margin-top: 10px;
   font-size: 15px;
   line-height: 18px;
   font-weight: 700
}

form b span {
   background: #ff7200;
   color: #fff;
   font-weight: 700;
   border-radius: 5px;
   padding: 0 2px;
   font-size: 16px
}

.proven {
   background-color: #fff;
   padding: 60px 0 35px;
   position: relative
}

.proven .container {
   padding: 0
}

.proven .wrapper {
   padding: 30px 30px 80px;
   background: linear-gradient(135deg, #009ccf 0, #009ccf 57%, #1d254c 57%, #1d254c 59%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 0)) 100%, url(../images/proven-bg.png) no-repeat right top;
   min-height: 405px
}

.proven .wrapper h2 {
   font-size: 40px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 15px
}

.proven .wrapper h3 {
   max-width: 700px;
   width: 100%;
   font-size: 25px;
   font-weight: 700;
   margin-bottom: 15px
}

.proven .wrapper p {
   max-width: 535px;
   width: 100%;
   font-size: 18px;
   margin-bottom: 15px
}

.advantages {
   background: #012c3f;
   padding: 60px 0 40px
}

.advantages h2 {
   font-size: 40px;
   font-weight: 700;
   text-align: center;
   margin-bottom: 50px
}

.advantages ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.advantages ul li {
   width: 32%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 50px
}

.advantages ul li p {
   color: #009fd2;
   font-size: 20px;
   font-weight: 700;
   line-height: 24px;
   padding-top: 20px
}

.advantages .interception {
   background-color: #009fd2;
   padding: 40px 40px 40px 300px;
   border-radius: 5px;
   position: relative;
   z-index: 2
}

.advantages .interception:before {
   content: "";
   position: absolute;
   background-image: url(../images/product.png);
   background-size: contain;
/*   width: 100px;*/
   width: 160px;
   height: 305px;
/*   height: 195px;*/
   left: 100px;
/*   top: -17px;*/
   top: -87px;
   z-index: 2
}

.advantages .interception p {
   font-size: 18px;
   line-height: 25px
}

.trust {
   background: #009cce;
   padding: 75px 0 55px;
   position: relative
}

.trust::after {
   content: "";
   position: absolute;
   top: 0;
   right: 50%;
   -webkit-transform: translate(50%, -50%);
   transform: translate(50%, -50%);
   width: 75px;
   height: 75px;
   border-radius: 50%;
   background-color: #012c3f
}

.trust h2 {
   font-size: 40px;
   line-height: 56px;
   font-weight: 700;
   text-align: center
}

.trust h3 {
   font-size: 25px;
   line-height: 35px;
   font-weight: 700;
   text-align: center
}

.trust ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 60px 0 40px
}

.trust ul li {
   width: 32%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.trust ul li:nth-child(-n+3) {
   margin-bottom: 100px
}

.trust ul li p {
   max-width: 235px;
   padding-right: 10px;
   margin-left: 20px
}

.trust .wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.trust .left {
   margin-top: 80px
}

.trust .left ul {
   padding: 0 10px 0 70px
}

.trust .left li {
   position: relative;
   padding-left: 40px;
   font-size: 28px;
   margin-bottom: 15px;
   max-width: 385px;
   width: 100%
}

.trust .left li:before {
   content: "";
   position: absolute;
   left: 0;
   top: 5px;
   width: 22px;
   height: 22px;
   border-radius: 5px;
   border: 2px solid #ffc104
}

.trust .left li:after {
   content: "";
   position: absolute;
   left: 4px;
   top: 10px;
   width: 14px;
   height: 8px;
   border: 3px solid #ffc104;
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.trust .left .quality {
   background-color: #38b0d6;
   padding: 45px 60px 30px 25px;
   position: relative
}

.trust .left .quality::after {
   content: "";
   background: url(../images/product.png) no-repeat;
   background-size: cover;
    position: absolute;
 /*  width: 183px;
   height: 359px;
   right: -169px;
   top: 50%;*/

   width: 283px;
    height: 489px;    
    /* right: -209px;
    top: 90%; */
        right: -330px;
    top: 60%;
   -webkit-transform: translate(0, -61%);
   transform: translate(0, -61%);
   z-index: 1
}
.trust .left .quality p {
   font-size: 20px;
   line-height: 24px;
   max-width: 340px;
   width: 100%;
   padding-left: 90px;
   margin-bottom: 25px;
   min-height: 60px;
   position: relative
}

.trust .left .quality p::before {
   content: "";
   background: url(../images/include-humans.png) no-repeat;
   width: 81px;
   height: 86px;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%)
}

.trust .left .quality b {
   font-size: 28px;
   font-weight: 700;
   text-transform: uppercase
}

.help {
   background: #012c3f;
   padding: 60px 0 40px
}

.help h2 {
   max-width: 970px;
   width: 100%;
   text-align: center;
   font-size: 40px;
   font-weight: 700;
   margin: 0 auto 50px;
   position: relative
}

.help h2::after {
   content: "";
   position: absolute;
   right: -5px;
   bottom: -25px;
   background-image: url(../images/help-line.png);
   width: 811px;
   height: 19px
}

.help ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly
}

.help ul li {
   width: 32%;
   margin-bottom: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.help ul li:last-child {
   margin-bottom: 25px
}

.help ul li p {
   color: #009fd2;
   font-size: 20px;
   font-weight: 700;
   line-height: 24px;
   padding-top: 20px;
   text-align: center
}

.longer {
   background-image: url(../images/longer-bg.jpg);
   background-size: cover;
   padding: 50px 0
}
.longer h2 {
   text-align: center;
   font-size: 40px;
   font-weight: 700;
   margin: 0 auto 50px;
   position: relative;
}
.longer .consist {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
}
.longer .consist .item {
   max-width: 250px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   text-align: center;
   margin-bottom: 50px;
}
.longer .consist .item div {
   max-width: 250px;
   width: 100%;
}
.longer .consist .item img {
   width: 204px;
   height: 204px;
}
.longer .consist .item h3 {
   font-size: 20px;
   font-weight: 700;
   margin: 15px 0;
}
.longer .consist .item p {
   font-size: 16px;
}
.longer .wrap {
   border: 1px solid #009fd2;
   border-radius: 10px;
   padding: 52px 30px 60px 270px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative
}

.longer .wrap::after {
   content: "";
   background-image: url(../images/longer-man.png);
   width: 290px;
   height: 245px;
   position: absolute;
   bottom: 0;
   left: -17px
}

.longer .wrap p {
   font-size: 37px;
   line-height: 44px;
   font-weight: 700
}

.longer .wrap a {
   max-width: 285px;
   display: inline-block;
   text-decoration: none;
   text-align: center;
   position: relative;
}

.longer .wrap a:after {
   content: "";
   background-image: url(../images/longer-hand.png);
   width: 51px;
   height: 60px;
   position: absolute;
   bottom: -52px;
   right: 3px
}

.result {
   background: url(../images/result-bg.jpg) top center;
   background-size: cover;
   padding: 30px 0 65px
}

.result h2 {
   font-size: 55px;
   text-align: center
}

.result h2 span {
   color: #009fd2
}

.result h3 {
   max-width: 950px;
   width: 100%;
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
   text-align: center;
   margin: 0 auto 30px
}

.result .wrap {
   background-color: #fff;
   border-radius: 25px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.result .wrap>div {
   width: 50%
}

.result .wrap .prod {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.result .wrap img {
   /*width: 255px;
   height: 497px;*/

   width: 449px;
    height: 295px;
}

.result .reviews {
   padding: 30px 25px 45px;
   border-left: 1px solid #000
}

.result .filters {
   position: relative
}

.result .filters>div {
   position: absolute;
   width: 275px;
   height: 43px;
   text-align: center;
   padding-top: 15px;
   color: #fff;
   font-size: 16px;
   background-repeat: no-repeat;
   -webkit-transition: background 0.2s;
   transition: background 0.2s
}

.result .filters .btn-man {
   background-image: url(../images/man-tab.png);
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   margin-left: -110px
}

.result .filters .btn-woman {
   background-image: url(../images/woman-tab.png);
   right: 50%;
   -webkit-transform: translate(50%, 0);
   transform: translate(50%, 0);
   margin-right: -110px
}

.filters .active {
   z-index: 5
}

.result .review {
   margin-top: 43px;
   border: 1px solid #ccc;
   border-radius: 10px 0 0 10px;
   padding: 30px 20px 20px;
   overflow-y: scroll;
   max-width: 525px;
   width: 100%;
   height: 460px
}

.result .review p {
   padding: 5px 0;
   font-size: 14px
}

.result .review .man {
   color: #258be1;
   margin-bottom: 10px
}

.result .review .woman {
   color: #e12594;
   margin-bottom: 10px
}

.expert {
   background-color: #009cce;
   padding: 20px 0 15px
}

.expert .container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around
}

.expert .doctor div {
   padding-left: 17px;
   margin-top: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   color: #000
}

.expert .doctor div span {
   margin: 5px 0 10px;
   font-size: 14px
}

.expert .content {
   max-width: 565px;
   width: 100%;
   padding: 0 20px;
   font-size: 18px;
   line-height: 20px
}

.expert .content p {
   margin-bottom: 20px
}

.fabricator {
   background: #09222b;
   padding: 50px 0
}

.fabricator .wrap {
   background: #022b3d;
   border: 1px solid #009cce;
   border-radius: 10px;
   padding: 30px 30px 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.fabricator .wrap>div {
   max-width: 543px;
   width: 100%;
   padding: 0 15px;
   margin-bottom: 20px
}

.fabricator .wrap>div img {
   width: 100%
}

.fabricator .wrap h2 {
   margin: 40px 0 20px;
   text-transform: uppercase;
   font-size: 40px;
   font-weight: 700
}

.fabricator .wrap p {
   font-size: 18px;
   line-height: 25px
}

.fabricator .wrap li {
   font-size: 18px;
   line-height: 25px;
   padding-left: 30px;
   margin-bottom: 20px;
   border-left: 6px solid #009cce
}

.reliance {
   background: #01374e;
   padding: 40px 0
}

.reliance .container div {
   border: 11px solid #009cce;
   border-top: none;
   border-bottom: none;
   padding: 0 30px
}

.reliance h2 {
   max-width: 780px;
   width: 100%;
   margin: 0 auto;
   color: #009fd2;
   font-size: 30px;
   line-height: 42px;
   font-weight: 700;
   text-align: center
}

.fill {
   background-color: #022d3e;
   padding: 65px 0 105px;
   position: relative
}

.fill .container {
   position: relative
}

.fill::before {
   content: "";
   position: absolute;
   top: 0;
   background: url(../images/fill-bg.png) no-repeat;
   width: 100%;
   height: 100%
}

.fill .wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start
}

.fill .left {
   max-width: 700px;
   width: 100%
}

.fill .left h2 {
   font-size: 33px;
   line-height: 46px;
   font-weight: 700;
   margin-bottom: 125px
}

.fill .left h2 span {
   color: #ffc104
}

.fill .left .quality {
   max-width: 430px;
   background-color: rgba(112, 112, 112, .8);
   padding: 20px 60px 10px 25px;
   position: relative
}

.fill .left .quality::after {
   content: "";
   background: url(../images/product.png) no-repeat;
   background-size: cover;
   position: absolute;
   /*width: 183px;
   height: 359px;
   right: -169px;
   top: 50%;*/

   width: 303px;
    height: 409px;
    right: -254px;
    top: -20%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   z-index: 1
}

.fill .left .quality p {
   font-size: 20px;
   line-height: 24px;
   max-width: 340px;
   width: 100%;
   padding-left: 90px;
   margin-bottom: 25px;
   min-height: 60px;
   position: relative
}

.fill .left .quality p::before {
   content: "";
   background: url(../images/include-humans.png) no-repeat;
   width: 81px;
   height: 86px;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%)
}

.fill .left .quality b {
   font-size: 28px;
   font-weight: 700;
   text-transform: uppercase
}

.fill .secure {
   margin-top: 15px;
   padding-left: 90px;
   max-width: 320px;
   width: 100%;
   position: relative
}

.fill .secure::before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   background-image: url(../images/fill-secure.png);
   width: 77px;
   height: 30px
}

.back-to-top {
   position: absolute;
   right: 20px;
   bottom: -230px;
   text-decoration: none !important;
   width: 52px;
   height: 52px;
   border-radius: 50%;
   border: 1px solid #dadada;
   z-index: 555;
   background: rgba(255, 255, 255, .2);
   -webkit-transition: 0.2s;
   transition: 0.2s
}

.back-to-top:after {
   content: "";
   position: absolute;
   top: 50%;
   right: 50%;
   width: 21px;
   height: 21px;
   border: 2px solid #505050;
   border-bottom: none;
   border-left: none;
   pointer-events: none;
   -webkit-transform: translate(50%, -25%) rotate(-45deg);
   transform: translate(50%, -25%) rotate(-45deg)
}

.back-to-top:hover {
   border-color: #505050;
   background: #eee
}

.footer {
   position: relative;
   z-index: 2
}

@media screen and (max-width:1120px) {
  .trust .left .quality::after {
    right: -265px;
    top: 67%;
  }
   .header .container {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end
   }

   .include {
      overflow: hidden
   }

   .include .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .include::before {
      top: unset;
      bottom: 0;
      -webkit-transform: scale(1.65);
      transform: scale(1.65);
   }

   .include .left {
      margin-top: 35px
   }

   .proven {
      padding: 0
   }

   .proven .wrapper h3 {
      max-width: 620px
   }

   .proven .wrapper p {
      max-width: 445px
   }

   .advantages {
      padding: 20px 0
   }

   .advantages ul {
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .advantages ul li {
      width: 35%
   }

   .trust {
      padding: 40px 0
   }

   .trust ul {
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .trust ul li {
      width: 35%;
      margin-bottom: 50px
   }

   .trust ul li:nth-child(-n+3) {
      margin-bottom: 50px
   }

   .help {
      padding: 25px 0
   }

   .help ul li {
      width: 35%
   }

   .longer {
      padding: 25px 0
   }
   .longer .consist .item {
      max-width: 230px;
   }
   .longer .wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center
   }

   .longer .wrap p {
      font-size: 32px;
      line-height: 38px;
      margin-bottom: 10px
   }

   .result {
      padding: 20px 0
   }

   .result .wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 40px
   }

   .result .reviews {
      border: none
   }

   .result .review {
      max-width: 100%
   }

   .result .wrap>div {
      width: 88%
   }

   .expert .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .expert .doctor {
      margin-bottom: 20px
   }

   .expert .doctor div {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .reliance {
      padding: 20px 0
   }

   .fabricator {
      padding: 20px 0
   }

   .fabricator .wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .fill .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .fill .left .quality {
      margin-bottom: 125px
   }
}

@media screen and (max-width:990px) {
   .include .left .quality::after {
      right: -125px;
      width: 213px;
      top: 32%;
   }

   .include .left ul {
      margin-bottom: 80px
   }

   .proven .wrapper {
      background: #009ccf;
      padding-bottom: 30px;
      min-height: 100%
   }

   .proven .wrapper h3,
   .proven .wrapper p {
      max-width: 100%
   }

   .advantages ul li p {
      padding-top: 5px
   }

   .trust .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .trust ul li {
      width: 43%
   }

   .trust ul li p {
      max-width: 210px
   }

   .help ul li p {
      padding-top: 5px
   }
   .longer .consist .item {
      max-width: 100%;
      width: 49%;
   }

   .trust .left .quality::after {
           width: 223px;
        height: 419px;
        right: -169px;
}
}

@media screen and (max-width:768px) {
   .header {
      padding: 15px 0
   }

   .header h1 {
      font-size: 28px;
      text-align: center
   }

   .header .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .header img {
      position: static;
      -webkit-transform: none;
      transform: none;
      margin-bottom: 10px
   }

   .include::before {
      -webkit-transform: scale(2.45);
      transform: scale(2.45)
   }

   .include .left ul {
      margin-bottom: 365px
   }

   .include .left .quality::after {
     /* top: -342px;
      left: 50%;*/
              top: -442px;
        left: 50%;
        width: 273px;
        height: 469px;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
   }

   .include .left .quality p {
      max-width: 320px
   }

   .advantages ul li {
      width: 53%
   }

   .advantages .interception {
      padding: 50px 40px 50px 150px
   }

   .advantages .interception:before {
      width: 125px;
      left: 5px;
        top: 64%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%)
   }

   .trust ul {
      margin-bottom: 250px
   }

   .trust ul li {
      width: 55%
   }

   .trust .left .quality::after {
      top: -442px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      width: 273px;
        height: 439px;
   }

   .help ul li {
      width: 51%
   }

   .longer .wrap {
      padding: 25px 25px 300px
   }

   .longer .wrap::after {
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
   }

   .result .filters .btn-man {
      margin-left: -83px
   }

   .result .filters .btn-woman {
      margin-right: -83px
   }

   .fill {
      padding: 25px 0
   }

   .fill .left h2 {
      margin-bottom: 360px
   }

   .fill .left .quality {
      margin: 0 auto 25px
   }

   .fill .left .quality::after {
      /*top: -342px;
      left: 50%;*/
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
              top: -442px;
        left: 50%;
        width: 273px;
        height: 469px;
   }

   .back-to-top {
      bottom: -87px;
      right: 50%;
      -webkit-transform: translate(50%, 0);
      transform: translate(50%, 0)
   }

   .footer {
      padding-top: 72px !important
   }
}

@media screen and (max-width:600px) {
   .include {
      padding: 10px 0
   }

   .include h2 {
      font-size: 35px;
      line-height: 39px
   }

   .include h3 {
      font-size: 24px;
      line-height: 28px
   }

   .include .left ul {
      padding: 0 15px
   }

   .include .left li {
      font-size: 24px
   }

   .include .left .quality p {
      font-size: 18px
   }

   .include .left .quality b {
      font-size: 24px
   }

   .proven .wrapper h2 {
      font-size: 36px
   }

   .proven .wrapper h3 {
      font-size: 22px
   }

   .proven .wrapper p {
      font-size: 16px
   }

   .advantages h2 {
      font-size: 35px;
      margin-bottom: 25px
   }

   .advantages ul li {
      width: 75%
   }

   .advantages ul li p {
      font-size: 16px;
      text-align: center
   }

   .advantages .interception p {
      font-size: 16px
   }

   .trust h2 {
      font-size: 34px;
      line-height: 36px
   }

   .trust h3 {
      font-size: 20px;
      line-height: 22px
   }

   .trust ul {
      margin-top: 30px
   }

   .trust ul li {
      width: 75%
   }

   .help h2 {
      font-size: 34px
   }

   .help ul li {
      width: 75%
   }

   .help ul li p {
      font-size: 16px;
      line-height: 20px
   }
   .longer h2 {
      font-size: 34px;
   }
   .longer .wrap p {
      font-size: 28px;
      line-height: 34px
   }

   .result h2 {
      font-size: 38px
   }

   .result h3 {
      font-size: 18px;
      line-height: 22px
   }

   .result .filters .btn-man {
      margin-left: -60px
   }

   .result .filters .btn-woman {
      margin-right: -60px
   }

   .result .review {
      padding: 15px
   }

   .result .wrap>div {
      width: 100%
   }

   .expert .content {
      font-size: 16px
   }

   .expert .doctor>img {
      width: 100%
   }

   .fabricator .wrap {
      padding: 10px
   }

   .fabricator .wrap>div {
      padding: 0
   }

   .fabricator .wrap h2 {
      margin: 15px 0 10px;
      font-size: 32px
   }

   .fabricator .wrap p {
      font-size: 16px;
      line-height: 22px
   }

   .fabricator .wrap li {
      padding-left: 10px;
      font-size: 16px;
      line-height: 20px
   }

   .reliance h2 {
      font-size: 24px;
      line-height: 30px
   }

   .fill .left h2 {
      font-size: 26px;
      line-height: 34px;
      text-align: center
   }

   .fill .left .quality p {
      font-size: 18px;
      line-height: 20px
   }

   .fill .left .quality b {
      font-size: 24px
   }
}

@media screen and (max-width:480px) {
   .include h2 {
      font-size: 30px;
      line-height: 32px
   }

   .advantages ul li {
      width: 90%
   }

   .trust ul li {
      width: 95%
   }

   .trust ul li:nth-child(-n+3) {
      margin-bottom: 30px
   }

   .trust ul li:nth-child {
      margin-bottom: 30px
   }

   .trust .left .quality {
      padding: 25px 15px
   }

   .help h2 {
      font-size: 28px
   }

   .help ul li {
      width: 100%
   }
   .longer h2 {
      font-size: 28px
   }
   .longer .consist .item {
      width: 100%;
   }
   .result h2 {
      font-size: 32px
   }

   .result .wrap img {
      /*width: 183px;
      height: 359px;*/

              width: 223px;
        height: 159px;
   }

   .result .filters .btn-man {
      margin-left: -8px
   }

   .result .filters .btn-woman {
      margin-right: -8px
   }
}

@media screen and (max-width:380px) {
   .container {
      padding-right: 5px;
      padding-left: 5px
   }

   .include::before {
      -webkit-transform: scale(3);
      transform: scale(3)
   }

   .result h2 {
      font-size: 24px
   }

   .include .left .quality {
      padding: 15px
   }

   .proven .wrapper {
      padding: 15px
   }

   .advantages h2 {
      font-size: 28px
   }

   .advantages ul li {
      margin-bottom: 30px
   }

   .advantages .interception:before {
      width: 215px;
      height: 420px;
      left: 50%;
      top: -85px;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
   }

   .advantages .interception {
      padding: 225px 15px 30px
   }

   .help ul li {
      margin-bottom: 25px
   }

   .result .reviews {
      padding: 15px 3px
   }

   .expert .content {
      padding: 0
   }

   .expert .doctor div {
      padding-left: 0
   }

   .fabricator .wrap h2 {
      font-size: 24px
   }

   .reliance .container div {
      padding: 0 10px
   }

   .reliance h2 {
      font-size: 20px;
      line-height: 24px
   }

   .fill .left .quality {
      padding: 15px
   }
}