:root {
    scroll-behavior: auto;
}

body {
    font-family: Calibre, sans-serif;
    font-weight: 400;
    line-height: 1.4;
    color: #222;
}

#form_main {
    position: relative;
    padding: 0;
    margin: 0 0 40px
}

#form_main .form_head_tille {
    text-align: left;
    padding: 20px 0 !important
}

#form_main .form_head_tille .col-md-5 {
    display: none
}

#form_main .form_head_tille .col-md-7 {
    text-align: center;
    margin: 0 auto
}

#form_main h2,
#form_main .h2 {
    padding: 0;
    margin: 0;
    font-weight: 700
}

#form_main h3,
#form_main .h3 {
    color: #000;
    text-shadow: none;
    margin-top: 7px;
    font-size: 1em
}

#form_main h3 strong,
#form_main .h3 strong {
    color: #ff5b00
}

#form_main h4,
#form_main .h4 {
    color: red;
    font-size: 1em
}

#form_main .form_space {
    padding: 5px 0
}

#form_main label {
    font-size: .9em;
    text-align: right;
    width: 100%;
    font-weight: 500;
    padding-top: 5px;
    margin-bottom: 0;
    line-height: 24px
}

#form_main input,
#form_main select {
    text-align: left;
    float: left;
    font-size: .875em;
    color: #000;
    width: 100%;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #acb1b6;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

#form_main input:focus,
#form_main input:hover,
#form_main select:focus,
#form_main select:hover {
    border-color: #434343;
    color: #1d1d1d
}

#form_main select {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 1px), calc(100% - 15px) calc(1em + 1px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat
}

#form_main input.error {
    background-color: #ffc8c8;
    border-color: #f00;
    margin-bottom: 2px;
}

#form_main label.error {
    color: #f00;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    direction: ltr;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#form_main .field_with_errors {
    color: red;
    font-weight: 700
}

#form_main .field_with_errors input {
    border: solid 1px red;
    background: #ffd7d7
}

#form_main .field_with_errors input:focus,
#form_main .field_with_errors input:hover {
    background: #fff;
    border: 1px solid #acb1b6
}

#form_main .method_shiping .form_space {
    margin: 0;
    padding: 0
}

#form_main .btn_box {
    margin: 10px 0
}

#form_main .btn_box .btn_order input {
    text-align: center;
    float: none;
    cursor: pointer;
    background: #1ca82c;
    color: #fff;
    font-weight: 900;
    font-size: 36px;
    border: none
}

#form_main .btn_box .btn_order input:hover {
    background: #1fb930
}

#form_main .payment label {
    text-align: left;
    float: left;
    width: auto;
    line-height: 1em
}

#form_main .payment input {
    float: left;
    width: auto;
    margin-right: 10px
}

#form_main .payment .option {
    display: block;
    clear: both;
    padding: 8px 0
}

#form_main .payment .option label {
    width: 100%
}

#form_main .payment .option label .shiping_pirce {
    float: right
}

#form_main .btn-koszyk {
    width: 100%;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.6rem;
    background: #16a835;
    color: #fff;
    background-image: -ms-linear-gradient(90deg, #1f9913 1%, #2eae1d 100%);
    padding: 10px;
    margin: auto
}

#form_main .btn-koszyk:hover {
    background-image: -ms-linear-gradient(90deg, #2eae1d 1%, #1f9913 100%);
    background: #16a835
}

@media (max-width: 768px) {
    #form_main label {
        text-align: left
    }

    #form_main input {
        margin-bottom: 8px
    }
}

#form_main .product_info h3,
#form_main .product_info .h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 1px
}

#form_main .product_info {
    padding: 20px;
    position: relative;
    top: 0px;
    cursor: pointer;
    margin: auto
}

#form_main .form_contact h3,
#form_main .form_contact .h3 {
    font-size: 24px;
    background: #f3fbea;
    padding: 5px 0;
    text-align: center
}

#form_main .info_shiping h3,
#form_main .info_shiping .h3 {
    background: no-repeat;
    text-align: left;
    font-size: 16px;
    padding: 0;
    margin: 0
}

#form_main .pic_product {
    text-align: center;
    height: 347px;
    width: 350px;
    margin: auto
}

#form_main .pic_product img {
    width: 340px
}

.info_delivery {
    font-family: bebas_neueregular;
    color: #fff;
    background: #2b9c20;
    padding: 5px 0;
    text-align: center;
    font-size: 30px
}

.orange {
    color: #2565b2
}

.form_contact {
    padding: 50px 0
}

.fill_input {
    color: #564a08;
    text-align: left;
    font-size: 16px
}

.shiping_info p {
    font-size: 16px;
    font-weight: 100
}

#form_main .shiping_info li {
    margin-top: 10px
}

#form_main .shiping_info .check_border {
    padding: 10px 0 13px 40px;
    border: solid 3px #dddddd;
    position: relative;
    margin-left: 0;
    cursor: pointer;
    border-radius: 10px
}

#form_main .surname_box {
    margin-top: 0
}

#form_main .shiping_info .check_border:hover {
    border: solid 5px #275aa0
}

#form_main .product_info .check_border {
    padding: 10px 10px 70px;
    border: solid 3px #dddddd;
    position: relative;
    margin-left: 0;
    border-radius: 30px;
    cursor: pointer;
    margin-top: 40px
}

#form_main .order_main li {
    text-align: left;
    font-size: 24px;
    font-family: bebas_neueregular;
    color: #3b1a59
}

#form_main .order_main li span {
    color: #000
}

#form_main .agreee {
    font-size: 12px;
    line-height: 20px;
    font-weight: 100;
    padding: 30px 0
}

#form_main .btn.buy {
    border: solid 3px #34b14e;
    color: #34b14e;
    font-size: 28px;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px
}

#form_main .btn.buy:hover {
    border: solid 3px #e6b83e;
    color: #1a141f;
    font-size: 28px;
    margin-top: 20px;
    width: 100%;
    background-color: #e6b83e
}

#form_main input#agree {
    float: left;
    padding: 10px;
    width: 20px;
    border: solid 1px #ff5b02
}

#form_main {
    font-family: "Open Sans", sans-serif !important;
}

.site-header {
    height: 610px;
    background-image: url("../images/Tiny4k-Michelle-Anthony-On-Tiny4k-18-d4478056.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff
}

.site-header h1,
.site-header .h1 {
    margin-top: 30px;
    font-size: 2.2rem
}

.site-header .site-header__down p {
    font-size: 1.1rem;
    text-align: center
}

.site-header .site-header__down img {
    width: 30%;
    margin: 20px 0
}

@media (min-width: 765px) {
    .site-header {
        height: 469px;
        background-image: url("../images/form2-better-9c0574d0.jpg");
        background-position: left
    }

    .site-header h1,
    .site-header .h1 {
        margin-top: 60px;
        font-size: 3.5rem
    }

    .site-header .site-header__down {
        position: absolute;
        top: 280px;
        padding: 0 70px
    }

    .site-header .site-header__down .down__left,
    .site-header .site-header__down .down__right {
        width: 220px
    }

    .site-header .site-header__down .down__left p,
    .site-header .site-header__down .down__right p {
        font-size: 1.3rem;
        text-align: right
    }

    .site-header .site-header__down .down__left p:nth-child(1),
    .site-header .site-header__down .down__right p:nth-child(1) {
        margin-bottom: 150px
    }

    .site-header .site-header__down .down__right p {
        text-align: left
    }

    .site-header .site-header__down .down__right p:nth-child(1) {
        margin-bottom: 120px
    }

    .site-header .site-header__down .down__black {
        color: #000
    }

    .site-header .site-header__down img {
        width: 20%
    }
}

@media (min-width: 970px) {
    .site-header .site-header__down {
        position: absolute;
        top: 200px
    }
}

.post-article .post-article__krystianSection {
    background-color: #e8e8e8;
    padding-top: 15px
}

.post-article .post-article__krystianSection h2,
.post-article .post-article__krystianSection .h2 {
    font-size: 2.3rem
}

.post-article .post-article__krystianSection p {
    font-size: 1.1rem
}

@media (min-width: 765px) {
    .post-article .post-article__krystianSection {
        padding: 20px;
        margin-top: 260px
    }

    .post-article .post-article__krystianSection h2,
    .post-article .post-article__krystianSection .h2 {
        font-size: 1.5rem
    }

    .post-article .post-article__krystianSection .post-article__aboutKrystian {
        margin-left: 40px
    }
}

@media (min-width: 1000px) {
    .post-article .post-article__krystianSection {
        margin-top: 185px
    }
}

.post-article .post-article__actorSection h2,
.post-article .post-article__actorSection .h2 {
    font-size: 2.7rem;
    margin: 30px 0
}

.post-article .post-article__actorSection .actorSection__signature {
    width: 55%;
    padding: 5px
}

.post-article .post-article__actorSection p {
    font-size: 1.2rem;
    line-height: 23px
}

@media (min-width: 765px) {
    .post-article .post-article__actorSection .actorSection__signature {
        width: 80%
    }
}

.post-article .post-article__formula {
    min-height: 512px;
    background-color: #27536c;
    color: #fff;
    padding-bottom: 20px
}

.post-article .post-article__formula h2,
.post-article .post-article__formula .h2 {
    text-align: center;
    font-size: 2.7rem;
    margin-top: 10px
}

.post-article .post-article__formula .formula__sqares .sqare {
    display: flex;
    background-color: #bdbdbd66;
    width: 90%;
    margin: 10px;
    padding: 0 20px
}

.post-article .post-article__formula .formula__sqares .sqare h3,
.post-article .post-article__formula .formula__sqares .sqare .h3 {
    margin-right: 20px;
    font-size: 2.8rem
}

.post-article .post-article__formula .formula__sqares .sqare .sqare__text {
    margin-top: 20px
}

.post-article .post-article__formula .formula__sqares .sqare .sqare__text h4,
.post-article .post-article__formula .formula__sqares .sqare .sqare__text .h4 {
    font-size: 1.2rem
}

.post-article .post-article__formula .formula__sqares .sqare .sqare__text p {
    line-height: 18px;
    font-size: 1rem
}

@media (min-width: 765px) {
    .post-article .post-article__formula {
        background-image: url("../images/form5-68e1c3f0.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .post-article .post-article__formula h2,
    .post-article .post-article__formula .h2 {
        font-size: 2.4rem
    }

    .post-article .post-article__formula .formula__sqares .sqare {
        width: 43%;
        margin: 20px
    }
}

.post-article .post-article__benefits h2,
.post-article .post-article__benefits .h2 {
    font-size: 2.5rem;
    margin: 25px 0
}

.post-article .post-article__benefits .benefits__check {
    margin-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.6rem
}

.post-article .post-article__benefits .benefits__check p {
    margin-left: 15px;
    line-height: 30px
}

.post-article .post-article__benefits .benefits__mobilepicture {
    width: 100%
}

@media (min-width: 765px) {
    .post-article .post-article__benefits {
        background-image: url("../images/d11v2-e38462df.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 585px
    }
}

@media (min-width: 1000px) {
    .post-article .post-article__benefits {
        width: 900px
    }

    .post-article .post-article__benefits .benefits__check {
        margin-bottom: 20px
    }

    .post-article .post-article__benefits .benefits__check p {
        font-size: 1.2rem
    }
}

.post-article .post-article__result {
    background-image: url("../images/form2-better-9c0574d0.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    color: #fff;
    text-align: center;
    padding: 20px 0
}

.post-article .post-article__result h3,
.post-article .post-article__result .h3 {
    font-weight: 400
}

.post-article .post-article__result p {
    font-size: 1.3rem;
    margin-top: 20px;
    line-height: 20px
}

.post-article .post-article__coments {
    padding: 20px
}

.post-article .post-article__coments .coments__squares .sqare {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.post-article .post-article__coments .coments__squares .sqare img {
    margin: 10px
}

.post-article .post-article__coments .coments__squares .sqare p {
    color: #707070
}

.post-article .post-article__coments .coments__squares .sqare .nameComentator {
    color: #000;
    font-weight: 700;
    margin-bottom: 0
}

@media (min-width: 765px) {
    .post-article .post-article__coments .sqare {
        width: 30%;
        margin: 10px
    }

    .post-article .post-article__coments .sqare img:nth-child(1) {
        width: 100%
    }
}

.post-article .post-article__effectiveness {
    background-image: url("../images/form4-b31333c2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    color: #fff;
    text-align: center;
    padding: 20px 0
}

.post-article .post-article__effectiveness h3,
.post-article .post-article__effectiveness .h3 {
    font-weight: 400
}

.post-article .post-article__effectiveness p {
    font-size: 1.3rem;
    margin-top: 20px;
    line-height: 20px
}

@media (min-width: 765px) {

    .post-article .post-article__result h3,
    .post-article .post-article__result .h3 {
        font-size: 2.2rem
    }
}

.post-article .post-article__checks {
    margin-bottom: 20px
}

.post-article .post-article__checks h2,
.post-article .post-article__checks .h2 {
    margin: 25px;
    font-weight: 400
}

.post-article .post-article__checks .checks__check {
    display: flex;
    align-items: center
}

.post-article .post-article__checks .checks__check p {
    margin: 0 0 0 30px;
    color: #09c;
    font-weight: 700;
    font-size: 22px
}

.post-article .post-article__checks p {
    margin-left: 60px;
    font-size: 1.1rem
}

.post-article .post-article__testing {
    background-color: #e8e8e8;
    padding: 20px 0
}

.post-article .post-article__testing h2,
.post-article .post-article__testing .h2 {
    text-align: center;
    font-weight: 400;
    font-size: 2.5rem;
    margin-bottom: 10px
}

.post-article .post-article__testing p {
    font-size: 1.2rem;
    line-height: 23px
}

.post-article .post-article__warranty {
    margin: 20px 0
}

.post-article .post-article__warranty h3,
.post-article .post-article__warranty .h3 {
    margin-bottom: 20px;
    font-size: 1.4rem
}

.post-article .post-article__warranty p a {
    color: #000;
    font-weight: 700;
    font-size: 1.1rem
}

.post-article__order {
    padding: 30px 0
}

.post-article__order img {
    width: 80%
}

.post-article__order p {
    padding: 30px;
    color: green;
    font-size: 1.7rem;
    font-weight: 700
}

.post-article__order p span {
    color: red;
    font-weight: 400;
    text-decoration: line-through
}

.post-article__order button {
    padding: 20px;
    font-size: 2rem
}

.warrantyimg {
    width: 100%
}

@media (min-width: 765px) {
    .warrantyimg {
        width: 50%
    }
}

.outf {
    width: 100%;
    height: 100vh;
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

/* body */

.ac_footer {
    text-align: center;
    margin: 10px 0 10px 0;
    font-size: 16px;
    color: black !important;
}

@media (max-width: 759px) {
    .down__right {
        display: none;
    }
}