.logo {
    font-family: 'Amiri', serif;
    color: red;

}

footer.page-footer .footer-copyright {
    overflow: hidden;
    background-color: rgba(0, 0, 0, .2);
    font-size: .9rem;
    color: rgba(255, 255, 255, .6);
}

@import url("urn_3Ascrapbook_3Adownload_3Aerror_3Ahttps_3A//ke-en-prf-longjack.relty-goods.com/https_40fonts.goog04C435F00C");
@import url("urn_3Ascrapbook_3Adownload_3Aerror_3Ahttps_3A//ke-en-prf-longjack.relty-goods.com/https_40fonts.googleapis.com/css_40family=Squada+One");

body {
    background: #eee url("../img/extra_clean_paper.png");
}

#logo {
    font-family: 'Open Sans', sans-serif;
    color: #2d2d2d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -3px;
    line-height: 1;
    text-shadow: #EDEDED 2px 2px 0;
    position: relative;
}

#logo:after {
    content: "HealthBeauty";
    position: absolute;
    left: 10px;
    top: 12px;
}

#logo:after {
    background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, #555 25%, #555 50%, transparent 50%, transparent 75%, #555 75%);
    background-size: 4px 4px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -5;
    display: block;
    text-shadow: none;
}

.quotenew {
    background: #f0ffec;
    border-left: 10px solid #0f6;
    padding: 2.5% 1% 0.1%;
}

detailBox {
    width: 320px;
    border: 1px solid #bbb;
    margin: 50px;
}

.titleBox {
    background-color: #fdfdfd;
    padding: 10px;
}

.titleBox label {
    color: #444;
    margin: 0;
    display: inline-block;
}

.commentBox {
    padding: 10px;
    border-top: 1px dotted #bbb;
}

.commentBox .form-group:first-child,
.actionBox .form-group:first-child {
    width: 80%;
}

.commentBox .form-group:nth-child(2),
.actionBox .form-group:nth-child(2) {
    width: 18%;
}

.actionBox .form-group * {
    width: 100%;
}

.taskDescription {
    margin-top: 10px 0;
}

.commentList {
    padding: 0;
    list-style: none;
    overflow: auto;
}

.commentList li {
    margin: 0;
    margin-top: 10px;
    background: #f8f8f8;
    padding: 1% 7px;
    border: 2px solid #f0f0f0;
    border-radius: 7px;
}

.commentList li>div {
    display: table-cell;

}

.commenterImage {
    width: 30px;
    margin-right: 5px;
    height: 100%;
    float: left;
}

.commenterImage img {
    width: 100%;
    border-radius: 50%;
}

.commentText p {
    margin: 0;
}

.sub-text {
    color: #aaa;
    font-family: verdana;
    font-size: 11px;
}

.actionBox {
    border-top: 1px dotted #bbb;
    padding: 10px;
}

.super__delivery {
    font-size: 18px;
    font-weight: 700;
    color: red;
    padding: 15px 15px 0;
    text-align: center
}

.image__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sert {
    max-width: 360px;
    margin: 20px;
    width: 100%;
    height: 100%
}

.gradient-text {
    font-family: 'Rubik One', sans-serif;
    font-size: 50px;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #57b721), color-stop(66%, #0988de));
    background: linear-gradient(90deg, #57b721 33%, #0988de 66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0b2349;
    display: table
}

.btn-byt {
    background-color: #f7c745;
    color: #000;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    min-width: 200px;
    padding: 7px 0;
    width: 8.33333333%;
    margin: auto;
    margin-bottom: 10px
}

.navbar-default .navbar-nav>li>a.btn-buy {
    background-color: #57b721;
    color: #fff;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    min-width: 200px
}

.navbar-default .navbar-nav>li>a.btn-buy:active,
.navbar-default .navbar-nav>li>a.btn-buy:focus,
.navbar-default .navbar-nav>li>a.btn-buy:hover {
    color: #fff
}

.btn-buy {
    background-color: #57b721;
    color: #fff;
    border-radius: 50px;
    text-transform: uppercase;
    border: none;
    font-weight: 700;
    font-size: 30px;
    padding: 10px 0;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    outline: 0;
    text-align: center
}

.btn-buy:active,
.btn-buy:focus,
.btn-buy:hover {
    -webkit-box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, .1)
}

.sec-one {
    min-height: 950px;
    position: relative
}

.sec-one:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 200px solid #fff;
    border-right: 950px solid transparent
}

.sec-one:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom: 200px solid #fff;
    border-left: 950px solid transparent
}

.sec-one-header {
    margin-top: 35px;
    margin-bottom: 30px
}

.sec-one .btn-buy {
    width: 100%
}

.sec-one__header-img {
    max-width: 450px
}

.sec-one__pretitle {
    font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 15px;
    line-height: 1.2
}

.advant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: right
}

.advant__img {
    height: 42px;
    margin-left: 15px
}

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

.advant__title {
    font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1
}

.advant__text {
    font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 200;
    color: #333;
    margin: 0
}

.sec-one-form {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
    border-radius: 50px;
    padding: 20px 35px 15px 35px
}

.sec-one-form .form-group {
    margin: 0
}

.sec-one-form .form-group label {
    display: block
}

.sec-one-form__timer {
    font-weight: 400
}

.sec-one__prices {
    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
}

.price-old {
    font-size: 18px;
    position: relative;
    font-weight: 700
}

.price-new {
    margin-left: 30px;
    font-weight: 700
}

.price-new_currency {
    font-size: 17px;
    color: #3ba301;
    font-weight: 700
}

.price-old::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 40%;
    left: 20%;
    width: 60px;
    height: 50px;
    border-top: solid 5px #3ba301;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.price-new {
    font-size: 36px;
    color: #3ba301
}

.sec-one-form__discount {
    font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0987e0
}

.form-control {
    background-color: #ebebeb;
    height: 50px;
    border: none;
    border-radius: 5px;
    outline: 0;
    color: #333;
    font-size: 16px;
    padding: 0 35px;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px
}

.form-control:hover {
    -webkit-box-shadow: 0 3px 3x 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .15)
}

.form-control:active,
.form-control:focus {
    background-color: #fff;
    border: solid 2px #0987e0;
    -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .1);
    padding-left: 15px
}

.form-control:active::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder {
    font-weight: 400
}

.form-control:active:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder {
    font-weight: 400
}

.form-control:active::-ms-input-placeholder,
.form-control:focus::-ms-input-placeholder {
    font-weight: 400
}

.form-control:active::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder {
    font-weight: 400
}

.form-control:active::-moz-placeholder,
.form-control:focus::-moz-placeholder {
    font-weight: 400
}

.form-control:active:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder {
    font-weight: 400
}

.form-control:active::-ms-input-placeholder,
.form-control:focus::-ms-input-placeholder {
    font-weight: 400
}

.form-control:active::placeholder,
.form-control:focus::placeholder {
    font-weight: 400
}

.select {
    position: relative
}

.select:after {
    content: '\e252';
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #0987e0;
    text-decoration: none;
    position: absolute;
    right: 8px;
    top: 17px;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select select {
    padding-right: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.sec-one-form .btn-buy {
    margin: 10px 0 10px 0
}

@media (max-width:992px) {
    .item-wrap {
        margin-top: 30px
    }

    .reviews__text {
        font-size: 14px
    }

    .advant {
        min-height: 200px
    }

    .advant__title {
        font-size: 22px
    }
}

@media (max-width:1199px) {
    .navbar-default .navbar-nav>li>a.btn-buy {
        min-width: 0
    }

    .sec-one:after,
    .sec-one:before {
        display: none
    }

    .sec-one-offer-img {
        margin: 0 auto
    }

    .sec-one-advantages {
        margin-top: 60px
    }

    .advant {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .advant__img {
        height: 65px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto
    }

    .sec-two {
        margin-top: 50px
    }

    .sec-six-right-block {
        float: left
    }

    .sec-six-right-block__medic-img {
        max-width: 100%;
        margin-bottom: 50px
    }

    .sec-six-header__title {
        text-align: center;
        margin-bottom: 0
    }

    .powers-power {
        margin-bottom: 20px
    }

    .reviews .carousel-caption {
        margin: 0 auto
    }

    .reviews__avatar {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: 120px
    }

    .reviews__name {
        margin-bottom: 0
    }

    .reviews__age {
        margin-bottom: 5px
    }

    .reviews .carousel-control.right {
        right: 0
    }

    .reviews .carousel-control.left {
        left: 0
    }

    .reviews .carousel-control {
        width: 5%
    }

    .item-wrap {
        padding: 0 20px
    }

    .sec-ten {
        background-image: none;
        background-color: #dc9c9c
    }

    .uses-use {
        margin-bottom: 20px
    }

    .use__title {
        font-size: 22px
    }

    .use__text {
        font-size: 16px
    }

    .sec-ten {
        padding-bottom: 40px
    }

    .sec-eleven .header {
        margin: 40px
    }

    .sec-eleven-how-get {
        margin-top: 30px
    }

    .how-get__text {
        max-width: 250px
    }
}

@media (max-width:768px) {
    .reviews__text {
        font-size: 14px
    }

    .pop__up {
        display: none !important
    }

    .price-new {
        font-size: 32px;
        margin-left: 10px
    }

    .btn-buy {
        font-size: 18px
    }

    .sec-one {
        max-height: 2000px;
        background-image: none;
        background: #e1ebec;
        background: -webkit-gradient(linear, left top, right top, from(#e06d5b), to(#e4cca1));
        background: linear-gradient(to right, #e06d5b 0, #e4cca1 100%)
    }

    .advant-wrap {
        max-width: 250px
    }

    .sec-one-offer {
        margin-bottom: 50px
    }

    .sec-one__pretitle {
        font-size: 22px
    }

    .sec-one-offer-img {
        max-height: 300px
    }

    .sec-one-form {
        padding: 15px
    }

    .sec-one-form__discount {
        font-size: 28px
    }

    .sec-one-form .country_select {
        max-width: 300px;
        margin: 0 auto
    }

    .advant__title {
        font-size: 18px
    }

    .advant__text {
        font-size: 14px
    }

    .sec-two {
        margin-bottom: 25px
    }

    .sec-two-left-block__title {
        margin-top: 10px
    }

    .sec-two-left-block__info {
        margin: 10px auto
    }

    .sec-three-footer {
        background-image: none;
        background-color: #fff;
        border-top: solid 8px #dc8f45;
        border-bottom: solid 8px #dc8f45;
        margin-bottom: 0
    }

    .sec-three-footer1 {
        background-image: none;
        background-color: #fff;
        border-top: solid 2px #dadada;
        border-bottom: solid 2px #dadada;
        margin-bottom: 0
    }

    .sec-three__title {
        font-size: 34px;
        padding: 0 10px
    }

    .howwork__title--blue {
        font-size: 34px
    }

    .sec-six .btn-buy {
        font-size: 16px
    }

    .sec-six-header__title {
        font-size: 34px
    }

    .sec-six-right-block__medic-img {
        margin-bottom: 0
    }

    .sec-six-left-block__citate {
        text-align: center
    }

    .sec-six-left-block {
        text-align: left
    }

    .sec-seven {
        padding-bottom: 60px
    }

    .sec-seven-title {
        font-size: 34px
    }

    .sec-seven-pretitle {
        font-size: 24px
    }

    .reviews .item {
        height: auto
    }

    .reviews .item .carousel-control {
        background-image: none;
        text-shadow: none;
        width: 25%
    }

    .reviews .carousel-control.right {
        right: 0
    }

    .reviews .carousel-control.left {
        left: 0
    }

    .reviews .carousel-control {
        width: 15%
    }

    .item-wrap {
        margin-top: 20px
    }

    .reviews .carousel-caption {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reviews-about {
        margin: 0 auto
    }

    .reviews__avatar {
        margin: 0 auto
    }

    .reviews__age,
    .reviews__name {
        text-align: center
    }

    .reviews__text {
        margin: 0 10px 10px 10px;
        text-align: center
    }

    .advant__img {
        height: 90px
    }

    .sec-nine .btn-buy {
        font-size: 18px
    }

    .sec-ten-title {
        font-size: 36px
    }
}

.btn-buy {
    background-color: #57b721;
    color: #fff;
    border-radius: 50px;
    text-transform: uppercase;
    border: none;
    font-weight: 700;
    font-size: 30px;
    padding: 10px 20px;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    outline: 0;
    text-align: center
}

.btn-buy:active,
.btn-buy:focus,
.btn-buy:hover {
    -webkit-box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, .1)
}

.form-box__body {
    text-align: center;
}

.form-control {
    background-color: #ebebeb;
    height: 50px;
    border: none;
    border-radius: 5px;
    outline: 0;
    color: #333;
    font-size: 16px;
    padding: 0 35px;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px
}

form {
    position: relative;
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10000;
    display: none;
}

.loader img {
    position: absolute;
    width: 10%;
    bottom: 50%;
    left: 50%;
    transform: translateY(50%);
    transform: translateX(-50%);
}

#buyForm {
    text-align: center;
}

.row {
    padding-bottom: 15px;
}