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

html,body,ul,li,h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #8a96a3
}

input,textarea {
    outline: none
}

button {
    cursor: pointer;
    outline: none;
    background: 0 0;
    border: none
}

body {
    font-family: roboto,sans-serif;
    font-size: 18px;
    line-height: 140%;
    color: #000;
    /* min-width: 480px; */
    position: relative;
    overflow-x: hidden;
    background: #e5e5e5
}

@media screen and (max-width: 768px) {
    body {
        font-size:16px
    }
}

.container {
    max-width: 1180px;
    margin: 0 auto;
    background: #fff
}

.innerContainer {
    padding: 30px 100px
}

@media screen and (max-width: 768px) {
    .innerContainer {
        padding: 20px 15px;
    }
}

.article {
    margin-bottom: 20px
}

.title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .title {
        font-size:20px;
        line-height: 23px
    }
}

.orange {
    color: #f37704
}

.text {
    margin-bottom: 10px
}

.center {
    text-align: center
}

.header {
    background: #007592;
    padding: 8px 30px;
    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
}

.header__logo {
    display: block;
    height: 56px
}

@media screen and (max-width: 768px) {
    .header__logo {
        text-align:center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.header__logo img {
    height: 100%
}

@media screen and (max-width: 1024px) {
    .header__menu {
        display:none
    }
}

.header__menu a {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    margin-right: 10px
}

.header__menu a:last-child {
    margin-right: 0
}

.header__burger {
    display: none
}

@media screen and (max-width: 768px) {
    .header__burger {
        display:block
    }
}

.header__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .header__social {
        display:none
    }
}

.header__social a {
    margin-right: 29px
}

.header__social a:last-child {
    margin-right: 0
}

.double {
    max-width: 677px;
    margin: 0 auto;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .double {
        max-width:-webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 -30px
    }
}

.double__image {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%
}

.double .text {
    text-align: center
}

.statistics {
    width: 480px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url(../png/pic3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #009cde;
    padding: 20px 30px 42px
}

@media screen and (max-width: 768px) {
    .statistics {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        /* margin: 0 -30px; */
        margin-bottom: 20px
    }
}

.statistics__logo {
    display: block;
    height: 76px;
    margin: 0 auto;
    margin-bottom: 10px
}

.statistics .text {
    font-size: 16px;
    line-height: 110%;
    max-width: 420px
}

.statistics__title {
    max-width: 420px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    margin-bottom: 10px
}

.statistics__item {
    margin-bottom: 30px
}
.statistics__item-line.custom strong {
    width: 80%;
}
.statistics__item:nth-of-type(3) .statistics__item-line::before {
    width: 78%
}

.statistics__item:nth-of-type(4) .statistics__item-line::before {
    width: 15%
}

.statistics__item:nth-of-type(5) .statistics__item-line::before {
    width: 4%
}

.statistics__item-line {
    background: #efefef;
    border: 1px solid #fcadad;
    height: 48px;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    justify-content: space-between;
}

.statistics__item-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #fcaeae;
    height: 100%;
    width: 0%;
    z-index: 1
}

.statistics__item-line strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 110%;
    margin-right: 30px;
    position: relative;
    z-index: 2
}

.statistics__item-line span {
    font-style: italic;
    position: relative;
    z-index: 2;
    font-size: 16px;
    width: 25%;
}

.statistics__item-text {
    font-style: italic
}

.statistics__item-info {
    font-size: 16px;
    line-height: 110%
}

.block {
    margin-bottom: 40px;
    background: #f4f0f0;
    padding: 20px
}

.red {
    color: #e40c0c
}

.example {
    text-align: center;
    margin-bottom: 40px
}

.example:last-child {
    margin-bottom: 20px
}

.example__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    margin-bottom: 10px
}

.example__img {
    max-width: 511px;
    margin: 0 auto;
    width: 100%
}

.doctor {
    margin-bottom: 40px;
    padding: 40px 30px;
    background: #f4f0f0
}

.doctor__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .doctor__title {
        font-size:20px;
        line-height: 23px
    }
}

.doctor__list {
    font-weight: 700;
    padding-left: 20px
}

.doctor__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    .doctor__info {
        -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
    }
}

.doctor__img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 247px;
    height: 300px;
    margin-right: 25px
}

.garant {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.garant__img {
    display: block;
    width: 85px;
    height: 85px;
    margin: 0 auto
}

.garant__hangrid {
    width: 97px;
    height: 97px;
    background: url(../png/hangrid.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

.garant__hangrid span {
    position: absolute;
    left: 50%;
    top: 54px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-transform: uppercase;
    color: #fff
}


.photos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    max-width: 778px;
    margin: 0 auto;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .photos {
        max-width:none;
        width: 100%;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        justify-items: center
    }
}

.photos__left img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .photos__left img {
        width:100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.photos__right {
    padding: 25px;
    background: url(../png/photosbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .photos__right {
        width:313px
    }
}

.photos__block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto
}

.photos__block-img {
    margin-right: 13px;
    height: 263px;
    width: 240px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 32px;
}

@media screen and (max-width: 768px) {
    .photos__block-img {
        margin-right:16px
    }
}

.photos__block-garant .garant__hangrid {
    margin-top: -15px
}

@media screen and (max-width: 768px) {
    .photos__block-garant .garant__hangrid {
        width:91px;
        height: 91px
    }

    .photos__block-garant .garant__hangrid span {
        font-size: 12px;
        line-height: 140%;
        top: 51px
    }
}

.photos__block-garant .garant__img {
    margin-top: -8px
}

.history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f4f0f0;
    margin-bottom: 20px;
    padding: 30px 25px
}

@media screen and (max-width: 768px) {
    .history {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.history__img {
    width: 277px;
    height: 417px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .history__img {
        width:auto;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.components {
    max-width: 778px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .components {
        max-width:-webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.components__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-bottom: 10px
}

.components__list {
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .components__list {
        padding-left:20px
    }
}

.components__place {
    margin-bottom: 10px
}

.components__link {
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: #126df5;
    padding: 16px
}

.survey__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 10px;
    text-align: center
}

.survey__data {
    width: 480px;
    margin: 0 auto;
    background: url(../png/surveybg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 17px 45px;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .survey__data {
        width:auto;
        margin: 0 -30px;
        margin-bottom: 40px
    }
}

.survey__data-title {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 20px;
    position: relative
}

.survey__data-title span {
    position: relative;
    z-index: 2
}

.survey__data-item:nth-of-type(3) .survey__data-green::before {
    width: 99%
}

.survey__data-item:nth-of-type(4) .survey__data-green::before {
    width: 97%
}

.survey__data-item:nth-of-type(5) .survey__data-green::before {
    width: 99%
}

.survey__data-item:nth-of-type(6) .survey__data-green::before {
    width: 99%
}

.survey__data-item:nth-of-type(7) .survey__data-green::before {
    width: 100%
}

.survey__data-item:nth-of-type(8) .survey__data-green::before {
    width: 100%
}

.survey__data-green {
    width: 100%;
    border: 1px solid #5ed47f;
    height: 30px;
    margin-bottom: 5px;
    text-align: center;
    position: relative
}

.survey__data-green span {
    position: relative;
    z-index: 2
}

.survey__data-green::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #5ed47f;
    z-index: 1
}

.survey__data-red {
    width: 100%;
    border: 1px solid #e0756e;
    height: 30px;
    margin-bottom: 20px;
    text-align: center;
    position: relative
}

.survey__data-red span {
    position: relative;
    z-index: 2
}

.survey__data-red::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #e0756e;
    z-index: 1
}

.survey__garant {
    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
}

.discont {
    background: #ffefef;
    border: 1px solid #b14040;
    padding: 20px 85px 32px;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .discont {
        margin:0 -30px;
        padding: 20px 30px 32px;
        margin-bottom: 10px
    }
}

.discont__max {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .discont__max {
        font-size:20px;
        line-height: 23px
    }
}

.discont__max a {
    text-decoration: underline;
    color: #000
}

.discont__main {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    color: #ff1414;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .discont__main {
        font-size:20px;
        line-height: 140%
    }
}

.discont__main .black {
    background-color: #000;
    padding: 0 2px
}

.discont__prices {
    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;
    margin-bottom: 10px;
    /* margin-left: -100px; */
}

.discont__prices .old {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    position: relative;
    display: inline-block;
    margin-right: 8px
}

.discont__prices .old::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 3px;
    width: 100%;
    background: #ff1414
}

.discont__prices .new {
    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;
    background: #ff1414;
    height: 64px;
    font-weight: 700;
    font-size: 29px;
    line-height: 140%;
    color: #fff;
    width: 177px;
    -webkit-text-stroke: 1px #000
}

.discont__timer p {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-align: center
}

@media screen and (max-width: 768px) {
    .discont__timer p {
        font-size:16px;
        line-height: 130%
    }
}

.discont__timer-block {
    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
}

.discont__timer-block span {
    padding: 0 4px;
    display: inline-block;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(39.58%,#ffffff),color-stop(82.29%,#d8d8d8));
    background: linear-gradient(180deg,#ffffff 39.58%,#d8d8d8 82.29%);
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    color: #ff1d1d;
    margin-right: 3px
}

.discont__timer-block span:nth-child(2n) {
    margin-right: 10px
}

.order {
    border: 8px solid #166ca7;
    background: url(../png/stockbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 15px;
    padding-bottom: 47px
}

@media screen and (max-width: 768px) {
    .order {
        padding:10px 20px;
        margin: 0 -30px
    }
}

.order__official {
    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;
    margin-top: 40px;
    margin-bottom: 19px
}

@media screen and (max-width: 768px) {
    .order__official {
        margin-top:20px
    }
}

.order__official img {
    width: 108px;
    margin-right: 15px
}

@media screen and (max-width: 768px) {
    .order__official img {
        width:97px
    }
}

.order__official-info {
    position: relative;
    z-index: 2
}

.order__official-info strong {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .order__official-info strong {
        font-size:20px;
        line-height: 23px
    }
}

.order__official-info span {
    display: block;
    font-size: 18px;
    line-height: 130%
}

@media screen and (max-width: 768px) {
    .order__official-info span {
        font-size:16px;
        line-height: 130%
    }
}

.order__word {
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    max-width: 572px;
    margin: 0 auto;
    margin-bottom: 15px
}

@media screen and (max-width: 768px) {
    .order__word {
        font-size:16px;
        line-height: 130%
    }
}

.order__value {
    position: relative;
    z-index: 2;
    text-align: center;
    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;
    margin-bottom: 36px
}

@media screen and (max-width: 768px) {
    .order__value {
        margin-bottom:50px
    }
}

.order__value p {
    font-weight: 700;
    font-size: 18px;
    line-height: 130.19%;
    color: #166ca7;
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .order__value p {
        font-size:16px;
        line-height: 130.19%
    }
}

.order__value .current {
    width: 78px;
    height: 37px;
    border: 1px solid #000;
    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;
    font-weight: 700;
    font-size: 24px;
    line-height: 130.19%;
    margin-right: 7px;
    color: #ff5858
}

.order__value .total {
    font-weight: 700;
    font-size: 24px;
    line-height: 130.19%;
    color: #166ca7
}

.order__main {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .order__main {
        -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
    }
}

.order__product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 18px
}

.order__product-info .order__garante {
    padding-bottom: 0
}

.order__garante {
    padding-bottom: 40px
}

.order__garante img {
    width: 88px;
    height: 88px;
    margin: 0 auto;
    display: block
}

.order__garante .gistogram__good-icon {
    margin-left: 0;
    width: 91px;
    height: 91px
}

.order__garante .gistogram__good-icon span {
    font-size: 14px;
    line-height: 16px
}

.order__image {
    position: relative;
    margin-left: 40px
}

.order__image .stock__discont {
    position: absolute;
    left: -51px;
    top: -66px;
    width: 115px;
    height: 115px;
    background: url(../svg/star.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.order__image .stock__discont strong {
    font-weight: 700;
    font-size: 37px;
    line-height: 130%;
    text-transform: uppercase;
    color: #fff
}

.order__image .stock__discont span {
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    text-transform: uppercase;
    color: #fff
}

.order__image img {
    max-width: 262px;
    width: 100%
}

.order__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .order__prices {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.order__prices .old {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    position: relative;
    display: inline-block;
    margin-right: 8px
}

.order__prices .old::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 3px;
    width: 100%;
    background: #ff1414
}

.order__prices .new {
    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;
    background: #ff1414;
    height: 64px;
    font-weight: 700;
    font-size: 29px;
    line-height: 140%;
    color: #fff;
    width: 177px;
    -webkit-text-stroke: 1px #000
}

.order__form {
    max-width: 339px;
    width: 100%;
    margin-left: 54px
}

@media screen and (max-width: 768px) {
    .order__form {
        margin-left:0
    }
}

.order__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.order__form form label {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    color: #000;
    display: block;
    margin-bottom: 5px
}

.order__form form input {
    background: #fff;
    border: 1px solid #7d7d7d;
    padding: 14px 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    height: 50px;
    color: #626262;
    margin-bottom: 18px
}

.order__form form input.greenInput {
    background: #fffcec;
    border: 2px solid #4fea56;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000
}

.order__btn,.submit-form {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .1em;
    color: #fff;
    background: #126df5;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    width: 100%;
    padding: 23px 0;
    margin-bottom: 10px
}

.order__secure {
    display: block;
    max-width: 181px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 9px
}

.order__secure-text {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    text-align: center
}

.forum {
    background: #007592
}

.forum__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px
}

.forum__value {
    margin-right: 21px
}

.forum__value strong {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #fff
}

.forum__value span {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    color: #fff
}

.forum__logo {
    max-width: 147px
}

.forum__logo-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #026954;
    max-width: 238px;
    width: 100%;
    margin-left: 6px;
    display: inline-block
}

.forum__add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.forum__add-img {
    background: #8a96a3;
    width: 37px;
    height: 37px;
    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;
    border-radius: 100%;
    margin-right: 7px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.forum__add-img img {
    width: 16px
}

.add-form__dontWrite {
    margin-bottom: 6px
}

.add-form__dontWrite img {
    width: 11px;
    margin-right: 4px;
    vertical-align: middle
}

.add-form__dontWrite span {
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.add-form__field {
    height: 44px;
    padding: 12px;
    max-width: 484px;
    width: 100%;
    background: #fff;
    border: 1px solid #aeaeae;
    margin-bottom: 13px;
    border-radius: 4px
}

.add-form__field::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #949494
}

.add-form__field:-ms-input-placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #949494
}

.add-form__field::-ms-input-placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #949494
}

.add-form__field::placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #949494
}

.add-form__btn {
    display: inline-block;
    padding: 15px 53px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: .1em;
    color: #fff;
    background: #8a96a3
}

.forum__best-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.forum__limit {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    text-align: center;
    color: #0b5891;
    margin-bottom: 20px
}

.forum__btn {
    display: block;
    background: #126df5;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.2);
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .1em;
    color: #fff;
    text-align: center;
    padding: 19px 0;
    margin: 0 auto;
    max-width: 420px;
    width: 100%
}

.best-comment {
    margin-bottom: 10px
}

.best-comment__img {
    margin-right: 13px
}

.best-comment__img .comment__img {
    border: 3px solid #00aeef;
    width: 48px;
    height: 48px
}

.best-comment__img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.best-comment__img span {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #a4a4a4;
    padding-left: 8px;
    position: relative
}

.best-comment__img span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #52ff00;
    border-radius: 100%
}

.best-comment__autor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.best-comment__autor img {
    width: 30px;
    margin-left: 5px
}

.best-comment__name {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #141414
}

.best-comment__fact {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #e1b951
}

.forum__comment {
    background: #fff;
    border: 1px solid #c4c4c4;
    margin-bottom: 15px;
    padding: 20px 18px
}

.comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.comment:last-child {
    margin-bottom: 0
}

.comment.answer {
    padding-left: 63px
}

.comment__icon {
    margin-right: 12px
}

.comment__icon-img {
    width: 51px;
    height: 51px
}

.comment__icon-img img {
    width: 100%
}

.comment__icon-img.border {
    border: 3px solid #00aeef
}

.comment__icon-online {
    padding-left: 8px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    position: relative;
    margin-right: 3px
}

.comment__icon-online::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.comment__icon-online.green {
    color: #000
}

.comment__icon-online.green::before {
    background: #52ff00
}

.comment__icon-online.grey {
    color: #a4a4a4
}

.comment__icon-online.grey::before {
    background: #a4a4a4
}

.comment__name {
    margin-bottom: 5px
}

.comment__name strong {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    margin-right: 8px;
    color: #141414;
    vertical-align: middle
}

.comment__name strong svg {
    vertical-align: middle
}

.comment__name span {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #a4a4a4;
    vertical-align: middle
}

.comment__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #000
}

.comment__text img {
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .comment__text img {
        width:100%
    }
    .statistics__item-line span {
        font-size: 13px;
    }
}

.comment__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment__actions a {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #a4a4a4
}

.comment__likes {
    margin-right: 10px
}

.comment__likes img {
    width: 14px;
    margin-right: 2px;
    vertical-align: middle
}

.comment__likes span {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #0b5891;
    vertical-align: middle
}

.forum__timer {
    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;
    margin-bottom: 25px
}

.forum__timer span {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-right: 4px
}

@media screen and (max-width: 768px) {
    .forum__timer span {
        font-size:18px
    }
}

.forum__timer strong {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    background: #ff0707;
    color: #fff;
    padding: 0 7px
}

.footer {
    background: #c4c4c4;
    padding: 42px 0;
    text-align: center;
    color: #000
}

.footer a {
    color: #6001d2
}

img {
    max-width: 100%;
}
.submit-form,.components__link,.forum__btn {
    animation: 1s pulse infinite alternate ease-in-out;
}


@keyframes pulse {
    0% {
        -webkit-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0);
    }

    100% {
        -webkit-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);
    }
}

.submit-form:after {
    display: inline-block;
    -webkit-animation: dotty steps(1,end) 1.5s infinite;
            animation: dotty steps(1,end) 1.5s infinite;
    content: '';
    position:absolute;
    margin-left:10px;
  }
  
  @-webkit-keyframes dotty {
    0%   { content: ''; }
    25%  { content: '>'; }
    50%  { content: '>>'; }
    75%  { content: '>>>'; }
    100% { content: ''; }
  }
  
  @keyframes dotty {
    0%   { content: ''; }
    25%  { content: '>'; }
    50%  { content: '>>'; }
    75%  { content: '>>>'; }
    100% { content: ''; }
  }