body {
    margin: 0
}

.button {
    display: block;
    height: 70px;
    font-family: Montserrat, sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    line-height: 70px;
    letter-spacing: -1px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 25px;
    margin: 0;
    position: relative;
    border: none;
    border-radius: 15px;
    background: #f60
}

.cards {
    display: block;
    text-align: center
}

.cards li {
    display: inline-block
}

.cards li img {
    height: 27px;
    width: auto;
    margin: 0 8px
}

.cards li:first-child img {
    margin-left: 0
}

.cards li:last-child img {
    margin-right: 0
}

@keyframes pulse-black {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 #00c389;
        opacity: 0
    }

    70% {
        transform: scale(1);
        opacity: 1;
        box-shadow: 0 0 0 10px transparent
    }

    to {
        transform: scale(1);
        opacity: 1;
        box-shadow: 0 0 0 0 transparent
    }
}

.anim-1 {
    animation: pulse-black 3s;
    border-radius: 50%;
    -webkit-transition-timing-function: linear
}

.valid+.error-message {
    display: none !important
}

.get-phones .local-phone {
    color: #000
}

.button:hover {
    background: #d95803
}

.popup ol strong {
    display: block
}

.popup ul li {
    font-size: 16px
}

.form-error-text {
    border: 2px solid red !important;
    padding: 7px !important;
    margin-top: 10px;
    font-weight: 700;
    color: red;
    font-size: 18px;
    text-align: center;
    display: block;
    border-radius: 5px
}

.form-cards+.form-error-text,
.form-cards+.info-form+.form-error-text {
    margin-top: 0 !important
}

.button span {
    position: relative;
    z-index: 1
}

.left {
    float: left
}

.right {
    float: right
}

.clearfix:after,
.clearfix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.clear {
    clear: both
}

.inner-block {
    width: 940px;
    margin: auto
}

.no-plus:before {
    content: none !important
}

.inner-page .inner-block {
    width: 970px
}

.confirmation-section {
    font-family: Open Sans, sans-serif;
    padding: 37px 0 0
}

.confirmation-section h2 {
    font-size: 50px;
    color: #000;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -2px;
    text-align: center;
    padding: 0 0 22px;
    margin: 0
}

.confirmation-section h3 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #ef4b52;
    letter-spacing: -1px;
    text-align: center;
    padding: 0 0 4px;
    margin: 0
}

.confirmation-section h4 {
    font-size: 24px;
    line-height: 28px;
    padding: 0 0 19px
}

.confirmation-section .info {
    margin: 0 auto 40px
}

.confirmation-section .info .inner-block {
    max-width: 940px;
    font-size: 16px;
    color: #757575;
    text-align: center;
    padding: 19px 0 11px;
    position: relative;
    border-radius: 12px;
    border: 3px solid #69c03b;
    background: #fff
}

.confirmation-section .info h4 {
    color: #69c03b;
    padding: 4px 0 14px;
    margin: 0
}

.confirmation-section .contacts {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    padding: 22px 0 31px;
    border-top: 1px dashed #ccc;
    background: #fff
}

.confirmation-section .contacts h4 {
    font-size: 24px;
    line-height: 24px;
    padding: 0 0 9px
}

.confirmation-section .form {
    text-align: center;
    padding: 32px 0 40px;
    border-top: 1px dashed #ccc
}

.confirmation-section .form h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 0 5px
}

.confirmation-section .form p {
    padding: 0
}

.confirmation-section .form form {
    padding: 21px 0 0;
    overflow: visible
}

.confirmation-section .form form input[type=text] {
    width: 720px;
    height: 60px;
    font-size: 20px;
    font-weight: 300;
    line-height: 58px;
    padding: 0 15px 5px;
    border-radius: 5px
}

.confirmation-section .form form input[type=text]::-webkit-input-placeholder {
    color: #52585d;
    font-size: 20px;
    font-style: normal
}

.confirmation-section .form form input[type=text]::-moz-placeholder {
    color: #52585d;
    font-size: 20px;
    font-style: normal
}

.confirmation-section .form form input[type=text]:-moz-placeholder {
    color: #52585d;
    font-size: 20px;
    font-style: normal
}

.confirmation-section .form form input[type=text]:-ms-input-placeholder {
    color: #52585d;
    font-size: 20px;
    font-style: normal
}

.confirmation-section .form form input[type=text]:focus {
    font-size: 20px;
    border: 1px solid #aaa
}

.inner-page .footer-menu {
    padding: 0 0 10px
}

.inner-page footer {
    top: 0 !important
}

.confirmation-section .form form .button {
    width: 200px
}

.confirmation-section .form form button.button {
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    padding: 0 20px 5px;
    border-radius: 5px
}

.confirmation-section .important {
    font-size: 14px;
    line-height: 20px;
    padding: 29px 0 15px;
    border-top: 1px dashed #ccc;
    background: #fff
}

.left.error {
    border: 1px solid red
}

.confirmation-section .important h4 {
    font-size: 18px;
    color: #f3351b;
    text-align: center;
    padding: 0 0 9px;
    margin: 0
}

.header-section.confirmation .lock img {
    width: 44px;
    margin: 20px 0 0
}

.header-section.confirmation {
    padding: 0 0 20px;
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px #0000001a
}

.footer-menu li a {
    padding: 0 10px 0 8px;
    text-decoration: none;
    color: #dadada;
    border-right: 1px solid #dadada
}

.footer-menu li {
    display: inline;
    padding: 0;
    font-size: 12px
}

.inner-footer p {
    font-size: 10px;
    line-height: 16px;
    text-align: center
}

.copyright {
    margin: 10px 0 30px;
    font-size: 12px;
    text-align: center
}

.confirmation-page .row {
    margin: 0
}

.inner-page .popup-wrapper,
.popup-wrapper {
    width: 100%;
    height: 100%;
    display: none;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #fffc
}

.popup-wrapper .popup footer {
    text-align: center;
    padding: 30px 0 0;
    margin: 8px 0 0;
    border-top: 1px solid #ddd;
    top: auto
}

.popup-wrapper .popup footer .close-popup-link {
    width: auto;
    height: 38px;
    display: inline-block;
    font-size: 20px;
    color: #766118;
    line-height: 36px;
    letter-spacing: -.5px;
    opacity: 1;
    padding: 0 25px;
    position: relative;
    top: 0;
    right: 0;
    border: 1px solid #e0b712;
    border-radius: 3px;
    -o-box-shadow: inset 0 1px 0 #ffe786;
    box-shadow: inset 0 1px #ffe786;
    -webkit-text-shadow: 1px 1px 0 #fbe27e;
    -moz-text-shadow: 1px 1px 0 #fbe27e;
    -o-text-shadow: 1px 1px 0 #fbe27e;
    text-shadow: 1px 1px 0 #fbe27e;
    background: #fdd638;
    background: linear-gradient(#fdd638, #f3c81e)
}

.popup-wrapper .popup h2 {
    padding: 0 0 16px;
    margin: 0
}

.popup-wrapper .popup h3 {
    line-height: 24px;
    padding: 0 0 17px;
    margin: 0
}

.popup-wrapper .popup h4 {
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0
}

.popup-wrapper .popup .form-popup .form-holder input[type=email],
.popup-wrapper .popup .form-popup .form-holder input[type=tel],
.popup-wrapper .popup .form-popup .form-holder input[type=text],
.popup-wrapper .popup .form-popup .form-holder select {
    width: 400px
}

.popup-wrapper .popup .form-popup .form-holder .error-message {
    height: auto;
    font-size: 13px;
    color: #ee4c29;
    line-height: 14px;
    text-align: left;
    padding: 3px 4px 2px;
    position: relative;
    right: 0;
    top: 0;
    background: 0 0;
    display: none
}

#form-contact-us .error {
    border: 1px solid red !important
}

.form-holder .valid {
    border: 1px solid green !important
}

.form-holder .error {
    border: 1px solid red !important
}

.show-3ds-popup iframe {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #fff
}

#form-contact-us .valid {
    border: 1px solid green !important
}

.error {
    border: 1px solid red !important
}

.valid {
    border: 1px solid green !important
}

.popup-wrapper .popup .form-popup .button {
    border: 0;
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    padding: 20px 15px;
    background: #2288d0;
    color: #fff;
    font-size: 20px;
    height: 60px;
    line-height: normal;
    letter-spacing: -1px;
    border-radius: 5px;
    margin-top: 15px;
    max-width: 300px
}

.popup-wrapper #popup-declined .reason {
    text-align: center;
    padding: 23px 100px 25px;
    margin: 0 0 23px;
    border: 2px solid #f3351b;
    border-radius: 5px
}

.popup-wrapper #popup-declined .reason h3 {
    color: #f3351b;
    padding: 0 0 8px
}

.popup-wrapper #popup-declined form {
    padding: 12px 0 0;
    margin: 0
}

.popup-wrapper #popup-declined form .form-holder label {
    width: 150px;
    float: left;
    line-height: 34px
}

.popup-wrapper #popup-declined form .form-holder input[type=text] {
    width: 300px
}

.popup-wrapper #popup-declined form .form-holder select,
.popup-wrapper #popup-declined form .form-holder.cvv-code input[type=text] {
    width: 100px !important;
    float: left;
    margin: 0 5px 0 0
}

.popup-wrapper #popup-declined form .form-holder select#CardType_pupup {
    width: 206px !important
}

footer {
    max-width: none !important;
    color: #000 !important
}

.footer-menu li:last-child a {
    border-right: none
}

.footer-menu li a {
    color: #000 !important
}

.popup-wrapper #popup-declined form .form-holder.cvv-code .cvv-link a {
    font-size: 12px;
    color: #6c3;
    line-height: 34px
}

.popup .cvv-link {
    margin-top: 0 !important
}

.popup-wrapper #popup-declined form .form-holder.cvv-code .cvv-image {
    height: auto;
    display: none;
    text-align: left;
    padding: 10px 0 0 150px;
    margin-left: 200px
}

.popup-wrapper #popup-declined form .button {
    width: 205px;
    margin: 0 0 0 150px
}

.popup-wrapper #popup-declined .tip .icon {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
    color: #fff;
    line-height: 32px;
    text-align: center;
    padding: 0 0 0 1px;
    position: relative;
    border-radius: 20px;
    background: #69c03b
}

.popup-wrapper #popup-declined .tip .text {
    width: 370px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    display: none;
    text-align: right;
    padding: 10px 15px 12px;
    position: absolute;
    top: 45px;
    right: -10px;
    border-radius: 4px;
    background: #69c03b
}

.popup-wrapper #popup-declined .tip .text:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 17px;
    top: -10px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #69c03b
}

.popup-loading-wrapper .popup h2,
.popup-proc-wrapper .popup h2 {
    width: 300px;
    font-size: 32px;
    color: #fff;
    line-height: 36px;
    padding: 7px 0 22px;
    margin: 0
}

.popup-loading-wrapper .popup h3,
.popup-proc-wrapper .popup h3 {
    line-height: 26px;
    padding: 0 0 24px;
    margin: 0;
    color: #fff
}

.popup-loading-wrapper .popup .product-image,
.popup-proc-wrapper .popup .product-image {
    width: 110px;
    height: 176px;
    margin: 0 auto 6px;
    position: relative
}

.popup-loading-wrapper .popup,
.popup-proc-wrapper .popup {
    text-align: center !important
}

.footer-menu {
    text-align: center;
    padding-left: 0
}

.footer-menu li {
    display: inline-block;
    list-style: none;
    float: none;
    padding: 0 5px
}

.footer-menu li:first-child {
    border: none
}

.footer-menu li a {
    font-size: 11px;
    text-transform: uppercase;
    color: #666
}

.footer-menu li a:hover {
    text-decoration: none
}

input,
select {
    outline: none
}

.popup input,
select {
    vertical-align: middle
}

.popup input[type=email],
.popup input[type=number],
.popup input[type=password],
.popup input[type=tel],
.popup input[type=text],
.popup select,
.popup textarea {
    width: 100%;
    height: 34px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-family: sans-serif;
    color: #52585d;
    font-style: normal;
    text-indent: 0;
    line-height: 16px;
    outline: 0;
    padding: 0 10px;
    margin: 0;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    background: #fff
}

.popup select {
    padding: 7px 6px 8px
}

.popup input[type=email]::-webkit-input-placeholder,
.popup input[type=number]::-webkit-input-placeholder,
.popup input[type=password]::-webkit-input-placeholder,
.popup input[type=tel]::-webkit-input-placeholder,
.popup input[type=text]::-webkit-input-placeholder,
.popup textarea::-webkit-input-placeholder {
    color: #52585d;
    font-size: 14px;
    font-style: normal
}

.popup input[type=email]::-moz-placeholder,
.popup input[type=number]::-moz-placeholder,
.popup input[type=password]::-moz-placeholder,
.popup input[type=tel]::-moz-placeholder,
.popup input[type=text]::-moz-placeholder,
.popup textarea::-moz-placeholder {
    color: #52585d;
    font-size: 14px;
    font-style: normal
}

.popup input[type=email]:-moz-placeholder,
.popup input[type=number]:-moz-placeholder,
.popup input[type=password]:-moz-placeholder,
.popup input[type=tel]:-moz-placeholder,
.popup input[type=text]:-moz-placeholder,
.popup textarea:-moz-placeholder {
    color: #52585d;
    font-size: 14px;
    font-style: normal
}

.popup input[type=email]:-ms-input-placeholder,
.popup input[type=number]:-ms-input-placeholder,
.popup input[type=password]:-ms-input-placeholder,
.popup input[type=tel]:-ms-input-placeholder,
.popup input[type=text]:-ms-input-placeholder,
.popup textarea:-ms-input-placeholder {
    color: #52585d;
    font-size: 14px;
    font-style: normal
}

.popup input[type=email]:focus,
.popup input[type=number]:focus,
.popup input[type=password]:focus,
.popup input[type=tel]:focus,
.popup input[type=text]:focus,
.popup select:focus,
.popup textarea:focus {
    margin: 0;
    font-size: 14px;
    border: 1px solid #aaa;
    font-style: normal
}

.popup button {
    outline: 0
}

.popup textarea {
    width: 90%;
    height: 100px;
    resize: vertical;
    padding: 10px
}

.popup .form-holder {
    padding: 0 0 7px
}

.popup * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.stamp.stamp-madeinca {
    height: 96px;
    width: 116px
}

.popup .button span {
    position: relative;
    z-index: 1
}

.popup footer {
    width: 100%
}

.mobile-button,
footer .mobile-button.button {
    display: none
}

.form-holder,
.has-error {
    position: relative
}

.has-error .error {
    border: 1px solid red !important
}

.accept select,
.accept input {
    border: 1px solid #3bb400 !important
}

.inner-page .has-error .accept-icon,
.inner-page .accept .accept-icon {
    left: -17px
}

.confirmation-section .error-message {
    height: 32px;
    display: none;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    white-space: nowrap;
    padding: 0 10px;
    margin: 0 35px 0 0;
    position: absolute;
    right: 100%;
    top: 1px;
    z-index: 16;
    border-radius: 3px 0 0 3px;
    background: #ef4b52
}

.confirmation-section .has-error .error-message {
    display: block
}

.popup h2 {
    font-weight: 700;
    font-size: 34px;
    line-height: 34px;
    text-indent: 0
}

.popup h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-indent: 0
}

.popup {
    font-family: sans-serif
}

.cvv-image {
    display: none;
    text-align: center;
    padding: 0
}

.cvv-image img {
    width: 190px;
    margin: auto
}

.footer-info {
    margin: 0 !important
}

.inner-page .container.cf {
    padding: 0 0 50px
}

.inner-page .popup-wrapper,
.popup-wrapper {
    width: 100%;
    height: 100%;
    display: none;
    overflow: scroll;
    overflow-x: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #fffc
}

.popup-wrapper .popup {
    max-width: 900px;
    display: none;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 50px;
    position: relative;
    top: 50px;
    left: 50%;
    transform: translate(-50%)
}

.popup-wrapper .popup .popup-inner {
    padding: 34px 40px 40px;
    position: relative;
    border-radius: 10px;
    -o-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 15px 50px #00000026;
    background: #fff
}

.popup-wrapper .popup .close-popup-link {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px
}

.popup-wrapper .popup .close-popup-link:after,
.popup-wrapper .popup .close-popup-link:before {
    content: "";
    width: 14px;
    height: 2px;
    display: block;
    position: absolute;
    left: -1px;
    top: 5px;
    background: #000
}

.popup-wrapper .popup .close-popup-link:before {
    transform: rotate(45deg)
}

.popup-wrapper .popup .close-popup-link:after {
    transform: rotate(-45deg)
}

.popup-wrapper .popup footer {
    text-align: center;
    padding: 30px 0 0;
    margin: 8px 0 0;
    border-top: 1px solid #ddd;
    top: auto;
    background: 0 0 !important;
    position: static !important
}

.popup-wrapper .popup footer .close-popup-link {
    width: auto;
    height: 38px;
    display: inline-block;
    font-size: 20px;
    color: #766118;
    line-height: 36px;
    letter-spacing: -.5px;
    opacity: 1;
    padding: 0 25px;
    position: relative;
    top: 0;
    right: 0;
    border: 1px solid #e0b712;
    border-radius: 3px;
    -o-box-shadow: inset 0 1px 0 #ffe786;
    box-shadow: inset 0 1px #ffe786;
    -webkit-text-shadow: 1px 1px 0 #fbe27e;
    -moz-text-shadow: 1px 1px 0 #fbe27e;
    -o-text-shadow: 1px 1px 0 #fbe27e;
    text-shadow: 1px 1px 0 #fbe27e;
    background: #fdd638;
    background: linear-gradient(#fdd638, #f3c81e);
    text-decoration: none !important
}

.popup-wrapper .popup .form-popup .form-holder.has-error .error-message {
    display: block;
    position: static
}

.popup-wrapper .popup .form-popup .form-holder.has-error .error-message:before {
    display: none
}

.popup-wrapper .popup footer .close-popup-link:hover {
    color: #77620d;
    background: #f3c81e;
    background: linear-gradient(#f3c81e, #fdd638)
}

.popup-wrapper .popup footer .close-popup-link:after,
.popup-wrapper .popup footer .close-popup-link:before {
    display: none
}

.popup-wrapper .popup h2 {
    padding: 0 0 16px;
    font-size: 34px;
    margin: 0;
    line-height: normal
}

.popup-wrapper .popup h3 {
    line-height: 24px;
    padding: 10px 0 17px;
    margin: 0;
    font-size: 18px
}

.popup-wrapper .popup header+h3 {
    padding: 3px 0 17px
}

.popup-wrapper .popup h4 {
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0;
    line-height: normal;
    font-size: 18px
}

.popup-wrapper .popup p {
    padding: 0 0 17px
}

.popup-wrapper .popup .form-popup {
    padding: 8px 0 22px
}

.popup-wrapper .popup .form-popup .form-holder {
    width: auto;
    margin: 0
}

.popup-wrapper .popup .form-popup .form-holder input[type=email],
.popup-wrapper .popup .form-popup .form-holder input[type=text],
.popup-wrapper .popup .form-popup .form-holder select {
    width: 400px;
    margin-top: 10px;
    border-radius: 5px;
    height: 30px;
    background: #fff;
    text-indent: 10px;
    padding: 0
}

.popup-wrapper .popup .form-popup .form-holder textarea {
    margin-top: 10px;
    border-radius: 5px;
    max-width: 550px;
    min-height: 120px;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px
}

.popup-wrapper .popup .form-popup .form-holder .error-message {
    height: auto;
    font-size: 13px;
    color: #ef4b52;
    line-height: 14px;
    text-align: left;
    padding: 3px 4px 2px;
    position: relative;
    right: 0;
    top: 0;
    background: 0 0;
    margin-top: 0
}

.ship-info input,
.ship-info select {
    margin-bottom: 15px
}

.radio .title {
    font-size: 21px;
    margin-bottom: 15px
}

.popup-wrapper .popup .form-popup .form-holder .error-message:after {
    display: none
}

.popup-wrapper .popup .form-popup .button {
    padding: 12px 50px;
    font-size: 26px;
    letter-spacing: -2px;
    word-spacing: -2px;
    box-shadow: 2px 2px 4px 2px #0000004d;
    background: #fe5d25;
    line-height: 32px;
    color: #fff;
    border-radius: 4px;
    border: none;
    position: relative !important;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    display: block;
    margin-top: 15px;
    cursor: pointer
}

.captcha {
    margin-top: 10px
}

.popup-wrapper .popup .form-popup .button:hover {
    color: #fff !important
}

.popup-wrapper #popup-declined .popup-inner {
    position: relative;
    padding: 27px 40px 40px
}

.popup-wrapper #popup-declined h2 {
    text-align: center;
    padding: 0 0 24px
}

.popup-wrapper #popup-declined h3 {
    font-size: 18px;
    line-height: 20px;
    text-transform: none;
    padding: 0 0 4px
}

.popup-wrapper #popup-declined .reason {
    text-align: center;
    padding: 23px 100px 25px;
    margin: 0 0 23px;
    border: 2px solid #ef4b52;
    border-radius: 5px
}

.popup-wrapper #popup-declined .reason h3 {
    color: #ef4b52;
    padding: 0 0 8px
}

.popup-wrapper #popup-declined ul {
    padding: 4px 0 3px 30px
}

.popup-wrapper #popup-declined form {
    padding: 12px 0;
    margin: 0
}

.popup-wrapper #popup-declined form .form-holder {
    width: 100%;
    padding: 0 0 10px
}

.popup-wrapper #popup-declined form .form-holder label {
    width: 200px;
    padding-top: 0 !important;
    float: left;
    font-size: 15px;
    line-height: 34px
}

.popup-wrapper #popup-declined form .form-holder input[type=tel] {
    width: 206px;
    border-radius: 5px;
    margin-top: 0
}

#form_declined .valid {
    border: 1px solid #00a400 !important
}

.popup-wrapper #popup-declined form .form-holder select,
.popup-wrapper #popup-declined form .form-holder.cvv-code input[type=tel] {
    width: 100px !important;
    margin: 0 5px 0 0;
    border-radius: 5px;
    float: left !important
}

.popup-wrapper #popup-declined form .form-holder.cvv-code .cvv-link a {
    margin-left: 10px
}

.popup-wrapper #popup-declined form .form-holder.cvv-code .cvv-link a {
    font-size: 12px;
    color: #0699ee;
    line-height: 34px
}

.popup-wrapper #popup-declined form .form-holder.cvv-code .cvv-image {
    height: auto;
    display: none;
    text-align: left;
    padding: 10px 0 0
}

.popup-wrapper #popup-declined form .form-holder.cvv-code .cvv-image img {
    width: 205px
}

.popup-wrapper #popup-declined form .button {
    width: 208px;
    margin: 0 0 0 199px
}

.popup-wrapper #popup-declined .lock {
    height: 30px;
    font-size: 11px;
    color: #999;
    line-height: 14px;
    text-align: right;
    padding: 1px 33px 0 0;
    position: absolute;
    right: 45px;
    bottom: 10px
}

.popup-wrapper #popup-declined .lock img {
    width: 32px;
    position: absolute;
    top: 0;
    right: 0
}

.popup-wrapper #popup-declined .tip {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.popup-wrapper #popup-declined .tip .icon {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
    color: #fff;
    line-height: 32px;
    text-align: center;
    padding: 0 0 0 1px;
    position: relative;
    border-radius: 20px;
    background: #0699ee
}

.popup-wrapper #popup-declined .tip .text {
    width: 370px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    display: none;
    text-align: right;
    padding: 10px 15px 12px;
    position: absolute;
    top: 45px;
    right: -10px;
    border-radius: 4px;
    background: #0699ee
}

.popup-wrapper #popup-declined .tip .text:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 17px;
    top: -10px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #0699ee
}

.popup-wrapper #popup-declined .tip:focus .text,
.popup-wrapper #popup-declined .tip:hover .text {
    display: block
}

.popup-loading-wrapper,
.popup-proc-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    background: #000000f2
}

.popup p {
    margin: 0
}

.popup-loading-wrapper .popup,
.popup-proc-wrapper .popup {
    min-width: 300px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup-loading-wrapper .popup h2,
.popup-proc-wrapper .popup h2 {
    width: 300px;
    font-size: 32px;
    color: #fff;
    line-height: 36px;
    padding: 7px 0 22px
}

.popup-loading-wrapper .popup h3,
.popup-proc-wrapper .popup h3 {
    line-height: normal;
    padding: 0 0 24px;
    color: #fff
}

.popup-loading-wrapper .popup p,
.popup-proc-wrapper .popup p {
    opacity: .5;
    font-size: 18px;
    padding: 8px 0 3px
}

.popup-loading-wrapper .popup .product-image,
.popup-proc-wrapper .popup .product-image {
    width: 114px;
    height: 207px;
    margin: 0 auto 6px;
    position: relative;
    background-size: contain
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.floating-bar.float {
    display: none !important;
    opacity: 0
}

.popup-loading-wrapper .popup .lock-image,
.popup-proc-wrapper .popup .lock-image {
    width: 90px;
    margin: 0 auto 3px
}

.popup-loading-wrapper .popup .loading-image,
.popup-proc-wrapper .popup .loading-image {
    width: 70px;
    height: 70px;
    margin: auto;
    animation: spin 3s linear infinite
}

.popup-banner-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #000c
}

.popup-banner-wrapper .popup-banner {
    padding: 50px 10px 0
}

.popup-banner-wrapper .popup-banner figure a {
    max-width: 600px;
    margin: auto;
    display: block
}

.popup-banner-wrapper .popup-banner figure a img {
    width: 100%
}

.popup#popup-mobile-order-form .popup-inner {
    padding: 0;
    box-shadow: none;
    background: 0 0
}

.popup#popup-mobile-order-form form {
    width: 300px;
    margin: auto;
    position: relative;
    z-index: 10;
    border-radius: 10px;
    -o-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: #fff
}

.popup#popup-mobile-order-form form header {
    height: 65px;
    font-size: 18px;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
    color: #6c571c;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 0 0;
    margin: 0 0 20px;
    border-radius: 3px;
    -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
    -moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
    -o-text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
    background: #fac021
}

.popup#popup-mobile-order-form form header span {
    font-size: 30px;
    display: block;
    letter-spacing: -1px;
    padding: 3px 0 0
}

.popup#popup-mobile-order-form form .form-holder {
    margin: 0 20px
}

.popup#popup-mobile-order-form form .button {
    width: 260px;
    height: 60px;
    font-size: 30px;
    line-height: 22px;
    padding: 3px 0 0;
    margin: 0 20px;
    position: relative;
    border-radius: 6px
}

.popup#popup-mobile-order-form form .button span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px
}

.popup#popup-mobile-order-form form .icons {
    width: 192px;
    height: 43px;
    margin: 20px auto 0
}

.popup#popup-mobile-order-form form footer {
    text-align: center;
    padding: 20px 0;
    margin: 17px 20px 0
}

.popup#popup-mobile-order-form form footer .button {
    width: auto;
    height: 38px;
    display: inline-block;
    font-size: 20px;
    color: #766118;
    line-height: 38px;
    opacity: 1;
    top: 0;
    padding: 0 25px;
    border: none;
    border-radius: 3px;
    background: #f0c435
}

.popup-wrapper .popup ul+h3 {
    padding-top: 10px !important
}

.popup {
    text-align: left !important
}

input::placeholder {
    color: #787878 !important
}

.inner-page .popup-wrapper,
.popup-wrapper {
    -webkit-overflow-scrolling: touch
}

i.price,
p.price,
span.package-retail {
    margin: 0;
    padding: 0;
    line-height: 1;
    display: inline-block;
    font-size: inherit;
    color: inherit;
    font-family: inherit
}

@media screen and (max-width: 1199px) {
    .formBody button {
        height: 68px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 990px) {
    .confirmation-page .popup-wrapper .popup {
        padding: 10px
    }

    .formBody button {
        height: 54px
    }

    .main-page .formTop {
        font-size: 26px
    }

    #wrapper {
        width: auto
    }

    .inner-block,
    .inner-page .inner-block {
        width: auto;
        padding: 0 15px
    }

    .confirmation-section {
        padding: 35px 0 0
    }

    .confirmation-section h2 {
        font-size: 42px;
        line-height: 42px;
        padding: 0 0 23px
    }

    .confirmation-section h3 {
        font-size: 26px;
        padding: 0
    }

    .confirmation-section .form form input[type=text] {
        width: 100%
    }

    .confirmation-section .form form button.button {
        width: 100%;
        margin-top: 15px
    }

    .popup-wrapper .popup {
        max-width: none;
        padding: 10px;
        top: 0;
        left: 0;
        transform: translate(0)
    }

    .popup-wrapper .popup h3 {
        padding: 0 0 12px
    }

    .popup-wrapper .popup p+h3,
    .popup-wrapper .popup ul+h3 {
        padding: 0 0 12px
    }

    .popup-wrapper #popup-declined .reason {
        padding: 24px 70px 23px
    }
}

@media screen and (max-width: 767px) {
    .popup-wrapper #popup-declined form .buttonP {
        width: 100% !important
    }

    .confirmation-section .info .inner-block {
        padding: 15px 10px
    }

    .popup-wrapper #popup-declined .tip .text {
        width: 300px;
        text-align: left
    }

    .main-page .row {
        margin: 0
    }

    .popup-wrapper #popup-declined form .form-holder.cvv-code .cvv-image {
        padding: 15px 0 0
    }

    .popup-wrapper #popup-declined .popup-inner {
        padding: 27px 15px 40px
    }

    .popup-wrapper .popup .form-popup .form-holder input[type=email],
    .popup-wrapper .popup .form-popup .form-holder input[type=text],
    .popup-wrapper .popup .form-popup .form-holder select {
        width: 100%
    }

    .popup-wrapper .popup .popup-inner {
        padding: 34px 30px 40px
    }

    .popup-wrapper #popup-declined form .form-holder label {
        display: block;
        width: 100% !important
    }

    .popup-wrapper #popup-declined form .button {
        margin: 15px 0 !important;
        width: 100% !important
    }

    .popup-wrapper #popup-declined .reason {
        padding: 23px 15px 25px !important
    }

    .popup-wrapper #popup-declined form .form-holder input[type=tel] {
        width: 100% !important;
        max-width: 237px
    }

    .popup-wrapper #popup-declined form .form-holder select,
    .popup-wrapper #popup-declined form .form-holder.cvv-code input[type=tel] {
        width: 115px !important
    }

    .popup-wrapper .popup .form-popup .form-holder input[type=email],
    .popup-wrapper .popup .form-popup .form-holder input[type=text],
    .popup-wrapper .popup .form-popup .form-holder select,
    .popup input[type=email],
    .popup input[type=number],
    .popup input[type=password],
    .popup input[type=tel],
    .popup input[type=text],
    .popup select,
    .popup textarea {
        height: 37px
    }

    .popup-wrapper #popup-declined form .form-holder label {
        line-height: 18px
    }

    .popup-wrapper #popup-declined form .form-holder.cvv-code .cvv-image {
        padding: 10px 0 0 !important
    }

    .popup-wrapper #popup-declined form .button {
        margin: 15px 0 !important;
        width: 235px !important
    }

    .logo {
        width: 147px
    }

    .popup-wrapper .popup .form-popup .form-holder input[type=email],
    .popup-wrapper .popup .form-popup .form-holder input[type=tel],
    .popup-wrapper .popup .form-popup .form-holder input[type=text],
    .popup-wrapper .popup .form-popup .form-holder select {
        max-width: 70%
    }

    .confirmation-section h2 {
        font-size: 28px;
        line-height: 32px
    }

    .confirmation-section h3 {
        font-size: 17px
    }

    .confirmation-section .form h4 {
        font-size: 19px
    }

    .confirmation-page .confirmation-section .form form .button {
        width: 180px;
        font-size: 18px;
        padding: 0 10px
    }

    .formBox.center-block {
        margin: 0 auto 50px
    }

    .confirmation-section .error-message,
    .confirmation-section .form-holder.exp-date .error-message {
        height: auto;
        font-size: 12px;
        color: #ef4b52;
        line-height: 22px;
        padding: 0;
        margin: 0;
        position: relative;
        top: 0;
        left: 0;
        background: 0 0
    }

    .error-message:after {
        display: none
    }

    .formBox center img {
        width: auto
    }

    .stayingKetosis h2 {
        line-height: 80px
    }

    .formBody button {
        height: 90px;
        background-size: auto;
        background-position: center
    }

    .confirmation-page .inner-block {
        width: 440px
    }

    .confirmation-page .form form input[type=text] {
        width: 242px
    }
}

@media screen and (max-width: 480px) {
    body {
        min-width: 320px
    }

    #theproof img {
        width: 300px;
        height: auto;
        margin: auto
    }

    .confirmation-page .inner-block {
        width: 300px
    }

    .confirmation-section h3 {
        line-height: 22px;
        padding: 0 0 10px
    }

    .confirmation-section h4 {
        font-size: 17px
    }

    .confirmation-page .confirmation-section .form form .button,
    .confirmation-page .form form input[type=text] {
        width: 100%;
        margin: 0 0 10px;
        float: none
    }

    .popup textarea,
    .popup-wrapper .popup .form-popup .form-holder input[type=email],
    .popup-wrapper .popup .form-popup .form-holder input[type=text],
    .popup-wrapper .popup .form-popup .form-holder select {
        width: 100%
    }

    .popup-wrapper .popup h2 {
        font-size: 28px;
        line-height: 30px
    }
}

@media screen and (max-width: 370px) {
    .formBody button {
        height: 90px;
        background-size: 100% auto
    }

    .navbar-brand {
        letter-spacing: -.5px;
        padding: 10px 0 0
    }

    .c2abtn {
        font-size: 26px
    }

    #theproof img,
    .vsdwn img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-height: 340px) {

    .popup-loading-wrapper .popup p,
    .popup-proc-wrapper .popup p {
        padding: 3px 0
    }

    .popup-loading-wrapper .popup h2,
    .popup-proc-wrapper .popup h2 {
        padding: 2px 0 7px
    }
}

.confirmation .l-grid {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

.confirmation footer ul {
    margin: 0;
    padding: 0
}

.confirmation .b-disclaimer p {
    margin: 0
}

.confirmation .b-disclaimer {
    background: #f8f8f8;
    color: #454545;
    border-top: 1px solid #d9d3d3;
    padding: 35px 0;
    text-align: center;
    font-size: 12px
}

.confirmation footer ul li {
    display: inline-block;
    margin: 0 10px
}

.confirmation footer ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #fdfdfd
}

.confirmation .b-footer {
    position: static;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px 0;
    background: #7e7d84;
    text-align: center
}

.error-message {
    height: 32px;
    display: none;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    white-space: nowrap;
    padding: 0 10px;
    margin: 0 35px 0 0;
    position: absolute;
    right: 100%;
    top: 1px;
    z-index: 99999;
    border-radius: 3px 0 0 3px;
    background: #ef4b52
}

.accept .accept-icon,
.has-error .accept-icon {
    width: 14px;
    height: 12px;
    display: block;
    position: absolute;
    top: 12px;
    left: -18px
}

.has-error .error-message {
    display: block
}

.error-message:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    border-top: 16px solid transparent;
    border-left: 10px solid #ef4b52;
    border-bottom: 16px solid transparent
}

.popup ol,
.popup ul {
    padding-left: 20px !important;
    display: table;
    margin-bottom: 10px;
    list-style-type: circle
}

.popup ol li,
.popup ul li {
    list-style-type: circle;
    line-height: normal
}

.blocker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-overflow-x: scroll;
    z-index: 9999;
    -webkit-overflow-scrolling: touch;
    transition: all .2s;
    padding: 20px;
    box-sizing: border-box;
    background: #fffc;
    text-align: center;
    overflow: scroll;
    overflow-x: hidden
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.05em
}

.blocker.behind {
    background-color: transparent
}

.modal .button {
    margin: 31px auto 15px;
    font-size: 25px;
    display: inline-block;
    padding: 0 25px;
    height: 50px;
    line-height: 50px !important
}

.modal .button:hover {
    color: #fff;
    background: #f60
}

.modal footer {
    text-align: center
}

.choose-page .modal {
    zoom: 50%
}

/* .modal {
    display: none;
    vertical-align: middle;
    z-index: 2;
    overflow: visible;
    max-width: 900px;
    box-sizing: border-box;
    width: 90%;
    padding: 34px 40px 40px;
    position: relative;
    border-radius: 10px;
    -o-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 15px 50px #00000026;
    background: #fff;
    text-align: left
} */

/* .modal p {
    margin-top: 0
} */
/* 
.modal br {
    height: 0;
    line-height: 0
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)
} */

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translate(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner>div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    animation-delay: -1s
}

.modal-spinner .rect4 {
    animation-delay: -.9s
}

@keyframes sk-stretchdelay {

    0%,
    to,
    40% {
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

/* .modal h1 {
    font-size: 36px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 10px;
    color: #313131
}

.modal h3,
.modal h4 {
    font-weight: 700;
    padding: 0 0 15px;
    margin: 0;
    line-height: normal;
    color: #313131;
    font-size: 18px
}

.modal ol li,
.modal ul li {
    line-height: normal
} */

/* .modal p,
.modal p span {
    padding: 0 0 17px;
    color: #313131;
    line-height: normal
} */

/* .modal {
    font-size: 14px;
    height: auto !important;
    line-height: 20px;
    color: #313131;
    -webkit-overflow-scrolling: touch
} */

@media (max-width: 767px) {
    /* .modal {
        max-width: 100%;
        padding: 30px 20px
    }

    .modal h1 {
        font-size: 30px;
        line-height: normal
    } */

    .blocker {
        padding: 20px 0
    }
}

.declined .logo img {
    display: block;
    margin: 20px 0 0;
    max-width: 172px;
    max-height: 70px;
    object-fit: contain
}

.popup-pre-loading-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    background: #000000f2
}

.popup-pre-loading-wrapper .popup {
    min-width: 300px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup-pre-loading-wrapper .popup {
    text-align: center !important
}

.popup-pre-loading-wrapper .popup .pre-loading-image {
    width: 80px;
    height: 80px;
    margin: auto;
    animation: spin 3s linear infinite
}

.popup-pre-loading-wrapper .popup .loading-image {
    width: 70px;
    height: 70px;
    margin: auto;
    animation: spin 3s linear infinite
}

.popup-pre-loading-wrapper .popup h2 {
    padding: 0 0 16px;
    font-size: 34px;
    margin: 0;
    line-height: normal
}

.popup-pre-loading-wrapper .popup p {
    opacity: .5;
    font-size: 18px;
    padding: 8px 0 3px
}

.popup-pre-loading-wrapper .popup h2 {
    width: 300px;
    font-size: 32px;
    color: #fff;
    line-height: 36px;
    padding: 7px 0 22px;
    margin: 0
}

.popup-pre-loading-wrapper .popup .product-image {
    width: 114px;
    height: 207px;
    margin: 0 auto 6px;
    position: relative;
    background-size: contain !important
}

.preloader-upsale {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: #ffffffe6
}

.preloader-upsale img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 200px;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 768px) {
    .preloader-upsale img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
    }
}

.transaction-conf {
    padding: 25px 0;
    border: 4px solid #464646;
    position: relative;
    margin-top: 15px;
    background: url(../images/conf/savings-bg.png)
}

.transaction-conf .savings {
    padding-left: 30px
}

.transaction-conf .savings .row {
    margin: 0
}

.transaction-conf .savings h3 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 56px;
    color: #464646;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: left
}

.transaction-conf .savings .invoice {
    border: 0;
    position: relative;
    left: 40px;
    text-align: left
}

.transaction-conf .savings .invoice:before {
    content: "";
    background-image: url(../images/conf/check-mark.svg);
    width: 25px;
    height: 22px;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: -40px;
    top: 10px
}

.transaction-conf .savings .invoice .conf-price {
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 30px;
    line-height: 42px;
    color: #464646
}

.transaction-conf .savings .invoice .conf-name {
    font-weight: 400;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 42px;
    color: #464646;
    float: left;
    margin-right: 10px
}

.transaction-conf .savings #upsalesTransaction .invoice .conf-name {
    margin-right: 0
}

.transaction-conf .thumbs-up {
    position: absolute;
    bottom: 0;
    right: 20px
}

.transaction-conf #upsalesTransaction {
    margin-bottom: 10px
}

.transaction-conf .descriptionTransaction .descriptionId {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 42px;
    color: #fe2321;
    margin: 0
}

.buy-more {
    background: #f2f2f2;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    padding: 0 16px;
    margin-top: 22px
}

.buy-more__left {
    float: left;
    width: calc(100% - 158px)
}

.buy-more__right {
    float: left;
    width: 158px
}

.buy-more__right a {
    background: #2e7aec;
    box-shadow: 0 12px 8px -8px #0646a547;
    border-radius: 8px;
    color: #fff;
    font-family: Roboto, san-serif;
    font-weight: 700;
    font-size: 18px;
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    margin: 16px 0;
    transition: all .2s
}

.buy-more__right a:hover {
    background: #2b6ed2
}

.buy-more__right a span {
    padding-left: 26px;
    position: relative
}

.buy-more__right a span:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -2px;
    left: -5px;
    background: url(../images/icon-park-outline_buy.svg) no-repeat center
}

.buy-more__left span {
    font-family: Roboto, san-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    display: block;
    margin-top: 29px
}

.transaction-conf .descriptionTransaction p {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 33px;
    color: #464646;
    text-align: left;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .transaction-conf .savings h3 {
        font-size: 45px
    }

    .transaction-conf .savings .invoice div {
        font-size: 23px
    }

    .transaction-conf .descriptionTransaction p {
        font-size: 22px
    }

    .transaction-conf .descriptionTransaction .descriptionId {
        top: 20px;
        font-size: 36px
    }

    .transaction-conf .savings .invoice {
        max-width: 590px
    }

    .transaction-conf .savings .invoice .conf-name {
        font-size: 28px
    }
}

@media (max-width: 995px) {
    .transaction-conf .savings {
        padding-left: 10px
    }

    .buy-more__left span {
        margin-top: 19px;
        max-width: 90%
    }

    .transaction-conf .savings h3 {
        font-size: 34px
    }

    .transaction-conf .descriptionTransaction p {
        font-size: 20px
    }

    .transaction-conf .descriptionTransaction .descriptionId {
        font-size: 34px
    }

    .transaction-conf .thumbs-up {
        position: absolute;
        bottom: 0;
        right: -13px
    }

    .transaction-conf .savings .invoice div {
        font-size: 19px;
        line-height: 35px
    }

    .transaction-conf .savings .invoice:before {
        width: 19px;
        height: 16px;
        left: -30px;
        top: 13px
    }

    .transaction-conf .savings .invoice {
        left: 30px
    }

    .transaction-conf .descriptionId {
        font-size: 38px
    }

    .thumbsup {
        width: 192px;
        height: auto
    }
}

@media (max-width: 768px) {
    .transaction-conf .savings h3 {
        font-size: 28px;
        line-height: 55px;
        margin-bottom: -5px
    }

    .buy-more__left span {
        max-width: 266px
    }

    .transaction-conf .savings {
        padding-left: 0
    }

    .transaction-conf .savings .invoice .conf-name,
    .transaction-conf .savings .invoice .conf-price {
        font-size: 17px;
        line-height: 32px
    }

    .transaction-conf .savings .invoice:before {
        width: 16px;
        height: 14px;
        left: -25px;
        top: 10px
    }

    .transaction-conf .savings .invoice {
        left: 25px
    }

    .transaction-conf .savings .invoice .conf-name {
        margin-right: 5px
    }

    .transaction-conf {
        padding: 15px 0
    }

    .transaction-conf .descriptionId {
        font-size: 25px;
        text-align: center
    }

    .transaction-conf {
        border: 4px solid #000
    }

    .transaction-conf .descriptionTransaction .descriptionId {
        position: static;
        font-size: 24px
    }

    .transaction-conf .descriptionTransaction {
        max-width: 340px
    }

    .transaction-conf .descriptionTransaction p {
        font-size: 17px;
        line-height: 20px
    }
}

@media (max-width: 650px) {
    .transaction-conf .savings .invoice {
        max-width: 350px
    }
}

@media (max-width: 580px) {

    .transaction-conf .col-sm-9,
    .transaction-conf .col-xs-12 {
        padding-right: 10px;
        padding-left: 10px
    }

    .transaction-conf .thumbs-up {
        display: none
    }

    .transaction-conf {
        overflow-x: hidden
    }

    .transaction-conf .savings .invoice {
        max-width: 90%
    }
}

@media (max-width: 460px) {
    .buy-more__left span {
        margin-top: 19px;
        max-width: 199px;
        font-size: 14px
    }

    .buy-more__right {
        width: 128px;
        margin-left: 5px
    }

    .buy-more__left {
        width: calc(100% - 133px)
    }
}

@media (max-width: 351px) {
    .buy-more__left span {
        margin-top: 9px
    }
}

@media (max-width: 430px) {
    .transaction-conf .savings h3 {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 0
    }

    .transaction-conf .descriptionTransaction p {
        font-size: 16px;
        line-height: 20px
    }

    .transaction-conf .descriptionTransaction p {
        font-size: 14px
    }
}

#paay-iframe {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: #fff
}

.reverse-new__item {
    float: left;
    width: 24%;
    margin-right: 1.3%;
    background: #eee;
    margin-bottom: 25px
}

.reverse-new__item:nth-child(4n) {
    margin-right: 0
}

.reverse-new__item span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    text-indent: 1px;
    color: #333;
    height: 53px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.reverse-new__item img {
    max-width: 100%
}

@media (max-width: 1199px) {
    .reverse-new__item span {
        font-size: 14px;
        line-height: 15px;
        height: 44px
    }
}

@media (max-width: 991px) {
    .reverse-new__item span {
        font-size: 12px;
        line-height: 15px;
        height: 37px
    }
}

@media (max-width: 767px) {
    .reverse-new__item {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 15px
    }

    .reverse-new__item:nth-child(2n) {
        margin-right: 0
    }

    .reverse-new__item:nth-child(4n) {
        margin-right: 0
    }

    .reverse-new__item img {
        width: 100%
    }

    .reverse-new__item span {
        height: 68px;
        padding: 0 8px;
        font-size: 13px
    }
}

form input:disabled,
form button:disabled {
    opacity: .5
}

.form-cards {
    list-style-type: none;
    padding: 0;
    padding-bottom: 5px !important;
    text-align: center;
    font-size: 14px !important;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin: 0;
    margin-bottom: 0 !important
}

.form-cards li {
    margin: 0 3px 6px !important
}

.form-cards li:first-child {
    width: 100%;
    color: #939393 !important;
    line-height: 22px !important;
    margin-bottom: 8px !important
}

.form-cards img {
    display: block !important;
    margin: 0 !important;
    height: 27px !important;
    width: auto !important
}

#pagecontainer .form-cards img {
    margin: 0 3px
}

#pagecontainer .form-cards li {
    margin: 0
}

#pagecontainer .form-cards li:first-child {
    margin-right: 12px
}

.decline-popup-shopify {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    background: #000000d9;
    overflow-x: hidden;
    padding: 20px 0;
    text-align: center;
    font-size: 0
}

.decline-popup-shopify:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.decline_popup-box-1 {
    width: 828px;
    color: #1c1c28;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border-radius: 16px;
    border: 4px solid #ddd;
    padding: 37px 16px 16px;
    max-width: calc(100% - 40px);
    text-align: center
}

.decline-popup_body-1 {
    display: flex;
    margin-bottom: 20px
}

.decline-popup_content-1 {
    flex-grow: 1;
    padding: 5px 20px 0 0
}

.decline-popup-shopify h1 {
    color: #df0000;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 19px
}

.decline-popup-shopify p {
    margin: 0 0 16px
}

.decline-mark {
    text-transform: uppercase;
    color: #3dc051;
    font-weight: 700
}

.decline-popup_promo-1 {
    width: 278px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.decline-popup_list-1 {
    padding: 7px 9px;
    margin: 0 0 14px;
    text-align: left;
    list-style-type: none;
    background: #259cac0a;
    border: 1px solid #ddd;
    border-radius: 4px
}

.decline-popup_list-1 li {
    padding-left: 22px;
    position: relative
}

.decline-popup_list-1 li:not(:last-child) {
    margin-bottom: 8px
}

.decline-popup_list-1 li:before {
    position: absolute;
    content: "";
    top: 4px;
    left: 1px;
    width: 12px;
    height: 6px;
    border: solid #3dc051;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg)
}

.decline_trust-1 {
    display: flex;
    align-items: center;
    color: #626262;
    justify-content: center;
    font-size: 12px
}

.decline_trust-img-1 {
    margin-right: 4px
}

.decline_coupon-1 {
    margin-bottom: 16px
}

.decline_bottle-1 {
    max-width: 100%;
    max-height: 165px
}

.close-popup-1 {
    position: absolute;
    top: -20px;
    right: -20px;
    background: url("data:image/svg+xml,%3csvg%20width='33'%20height='32'%20viewBox='0%200%2033%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='16.5'%20cy='16'%20r='16'%20fill='%23DDDDDD'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.187%207.73593L8.23456%2010.6884L13.5469%2016.0007L8.23516%2021.3124L11.1866%2024.2638L16.4983%2018.9521L21.811%2024.2649L24.7635%2021.3124L19.4508%2015.9996L24.763%2010.6874L21.8116%207.73598L16.4994%2013.0482L11.187%207.73593Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center / contain;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.decline-popup-shopify .decline-btn-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter, Arial, Helvetica, sans-serif;
    background: #3dc051;
    border-radius: 4px;
    height: 64px;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    border: 0;
    cursor: pointer;
    padding: 0 5px;
    box-shadow: 0 1px 2px #0000001a, 0 3px 3px #00000017, 0 7px 4px #0000000d, 0 12px 5px #00000003, 0 19px 5px #0000;
    margin: 0;
    text-decoration: none
}

.decline-popup-shopify .decline-btn-1:hover {
    background: #36ae48
}

.decline-popup-shopify .decline-btn-1:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 19px;
    height: 14px;
    margin-left: 9px;
    background: url("data:image/svg+xml,%3csvg%20width='19'%20height='13'%20viewBox='0%200%2019%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.72183%205.77049C8.14324%206.16556%208.14324%206.83449%207.72183%207.22956L2.18394%2012.4213C1.54528%2013.0201%200.5%2012.5672%200.5%2011.6918L0.500001%201.30826C0.500001%200.432818%201.54528%20-0.020029%202.18394%200.57872L7.72183%205.77049Z'%20fill='%23FAFAFC'/%3e%3cpath%20d='M17.7218%205.77049C18.1432%206.16556%2018.1432%206.83449%2017.7218%207.22956L12.1839%2012.4213C11.5453%2013.0201%2010.5%2012.5672%2010.5%2011.6918L10.5%201.30826C10.5%200.432818%2011.5453%20-0.020029%2012.1839%200.57872L17.7218%205.77049Z'%20fill='%23FAFAFC'/%3e%3c/svg%3e") no-repeat center / contain
}

.overflow {
    overflow-y: hidden
}

.mobile-section-1 {
    display: none !important
}

@media (max-width: 991px) {
    .decline-popup_body-1 {
        align-items: center
    }

    .decline-popup_promo-1 {
        width: 190px
    }
}

@media (max-width: 767px) {
    .mobile-section-1 {
        display: block !important
    }

    .desktop-section-1 {
        display: none !important
    }

    .decline-popup_content-1 {
        padding: 0 !important
    }

    .decline-popup-shopify {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        overflow-x: hidden;
        z-index: 1100;
        background: #000000d9;
        padding: 15px 0;
        text-align: center;
        font-size: 0
    }

    .decline-popup-shopify:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .decline_popup-box-1 {
        display: inline-block;
        color: #1c1c28;
        font-size: 14px;
        line-height: 22px;
        position: relative;
        vertical-align: middle;
        background: #fff;
        border-radius: 16px;
        border: 4px solid #ddd;
        padding: 20px 6px 6px;
        width: calc(100% - 41px);
        max-width: 500px;
        text-align: center
    }

    .decline-popup_body-1 {
        display: flex;
        margin-bottom: 16px;
        flex-direction: column;
        align-items: center
    }

    .decline-popup_content-1 {
        flex-grow: 1
    }

    .decline-popup-shopify h1 {
        color: #df0000;
        font-weight: 700;
        font-size: 16px;
        margin: 0 0 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #ddd
    }

    .decline-popup-shopify p {
        margin: 0 0 16px
    }

    .decline-mark {
        color: #3dc051;
        font-weight: 700
    }

    .decline_coupon-1 {
        position: absolute;
        top: 0;
        left: -22px
    }

    .decline-popup_list-1 {
        padding: 3px 10px;
        margin: 0;
        text-align: left;
        list-style-type: none;
        background: #259cac0a;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 12px;
        line-height: 15px
    }

    .decline-popup_list-1 li {
        padding-left: 22px;
        position: relative
    }

    .decline-popup_list-1 li:not(:last-child) {
        margin-bottom: 4px
    }

    .decline-popup_list-1 li:before {
        position: absolute;
        content: "";
        top: 2px;
        left: 1px;
        width: 11px;
        height: 5px;
        border: solid #3dc051;
        border-width: 0 0 2px 2px;
        transform: rotate(-45deg)
    }

    .decline_trust-1 {
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .decline_trust-1>* {
        margin: 0 2px
    }

    .decline_trust-1 b {
        font-weight: 600
    }

    .decline_trust-img-1 {
        margin-right: 4px
    }

    .decline_bottle-1 {
        height: 155px;
        width: auto
    }

    .decline-popup_promo-1 {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-left: 26px;
        margin-bottom: 9px
    }

    .close-popup-1 {
        position: absolute;
        top: -12px;
        right: -12px;
        background: url("data:image/svg+xml,%3csvg%20width='33'%20height='32'%20viewBox='0%200%2033%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='16.5'%20cy='16'%20r='16'%20fill='%23DDDDDD'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.187%207.73593L8.23456%2010.6884L13.5469%2016.0007L8.23516%2021.3124L11.1866%2024.2638L16.4983%2018.9521L21.811%2024.2649L24.7635%2021.3124L19.4508%2015.9996L24.763%2010.6874L21.8116%207.73598L16.4994%2013.0482L11.187%207.73593Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center / contain;
        width: 32px;
        height: 32px;
        cursor: pointer
    }

    .decline-popup-shopify .decline-btn-1 {
        padding: 0 5px;
        background: #3dc051;
        border-radius: 4px;
        font-family: Inter, Arial, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        color: #fafafc;
        border: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        box-shadow: 0 1px 2px #0000001a, 0 3px 3px #00000017, 0 7px 4px #0000000d, 0 12px 5px #00000003, 0 19px 5px #0000;
        margin: 0;
        height: 54px;
        font-size: 16px;
        line-height: 22px;
        text-decoration: none
    }

    .decline-popup-shopify .decline-btn-1:after {
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 18px;
        height: 12px;
        margin: 0 0 0 9px;
        background: url("data:image/svg+xml,%3csvg%20width='19'%20height='13'%20viewBox='0%200%2019%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.72183%205.77049C8.14324%206.16556%208.14324%206.83449%207.72183%207.22956L2.18394%2012.4213C1.54528%2013.0201%200.5%2012.5672%200.5%2011.6918L0.500001%201.30826C0.500001%200.432818%201.54528%20-0.020029%202.18394%200.57872L7.72183%205.77049Z'%20fill='%23FAFAFC'/%3e%3cpath%20d='M17.7218%205.77049C18.1432%206.16556%2018.1432%206.83449%2017.7218%207.22956L12.1839%2012.4213C11.5453%2013.0201%2010.5%2012.5672%2010.5%2011.6918L10.5%201.30826C10.5%200.432818%2011.5453%20-0.020029%2012.1839%200.57872L17.7218%205.77049Z'%20fill='%23FAFAFC'/%3e%3c/svg%3e") no-repeat center / contain
    }

    .overflow {
        overflow-y: hidden
    }

    .decline-popup-shopify .decline_popup-lang-no .decline-btn-1 span {
        max-width: 240px
    }

    .decline-popup-shopify .decline_popup-lang-se .decline-btn-1 span {
        max-width: 250px
    }

    .decline-popup-shopify .decline_popup-lang-fi .decline-btn-1 span {
        max-width: 230px
    }
}

@media (max-width: 374px) {
    .decline_popup-box-1 {
        line-height: 15px;
        font-size: 12px;
        width: calc(100% - 30px);
        padding-top: 10px
    }

    .decline-popup-shopify h1 {
        font-size: 13px
    }

    .decline-popup-shopify .decline-btn-1 {
        font-size: 15px;
        height: 44px
    }

    .decline_bottle-1 {
        height: 130px;
        width: auto
    }

    .decline_coupon-1 {
        height: 90px;
        width: auto;
        left: -15px
    }

    .decline-popup-shopify p,
    .decline-popup_body-1 {
        margin-bottom: 10px
    }
}

@media (max-height: 500px) {
    .decline-popup-shopify {
        padding: 10px 0
    }

    .decline_popup-box-1 {
        padding-top: 7px;
        font-size: 12px;
        line-height: 15px;
        padding-bottom: 2px
    }

    .decline_bottle-1 {
        height: 90px;
        width: auto
    }

    .decline_coupon-1 {
        height: 60px;
        width: auto;
        left: -2px
    }

    .decline-popup_promo-1 {
        margin-bottom: 5px
    }

    .decline-popup-shopify h1 {
        padding-bottom: 3px;
        font-size: 14px;
        margin-bottom: 4px
    }

    .decline-popup-shopify p {
        margin: 0 0 5px
    }

    .decline-popup-shopify p br {
        display: none
    }

    .decline-popup_body-1 {
        margin-bottom: 8px
    }

    .decline-popup-shopify .decline-btn-1 {
        height: 40px
    }

    .decline-popup_list-1 li:not(:last-child) {
        margin-bottom: 2px
    }

    .decline-popup_list-1 li:before {
        top: 1px
    }

    .close-popup-1 {
        width: 28px;
        height: 28px
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

html,
html * {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: #1c1c28
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

b,
strong {
    font-weight: 700
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 90%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.2em
}

img {
    border-style: none;
    height: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.row:before,
.row:after {
    content: "";
    display: block;
    clear: both
}

body {
    font-family: Inter, sans-serif;
    color: #1c1c28
}

.popup,
.button {
    font-family: Inter, sans-serif !important
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

h1,
h2,
h3,
h4,
p {
    margin: 0;
    padding: 0
}

.container {
    max-width: 1000px;
    display: block;
    margin: 0 auto;
    width: 100%
}

.header {
    position: fixed;
    width: 100%;
    z-index: 22
}

.header .container {
    max-width: 1178px
}

.section1 .container,
.section3 .container,
.section4 .container,
.section5 .container,
.section6 .container,
.section10 .container,
.section11 .container {
    max-width: 1204px
}

input,
select {
    outline: none !important
}

select {
    -webkit-appearance: none !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='7'%20viewBox='0%200%2014%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L7%205L13%201'%20stroke='%231D1D1D'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: 87% center !important
}

.header__warning {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #60fdff
}

.alert-color {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

.alert-color img {
    margin-right: 8px
}

.header__warning2 {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.header__warning2 .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header__info {
    display: flex;
    align-items: center;
    justify-content: center
}

.header__info_side {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 176px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.header__info_side img {
    margin-right: 7px
}

.header__logo {
    margin-top: 4px
}

.header__btn {
    box-shadow: 0 1px 2px #0000001a, 0 3px 3px #00000017, 0 7px 4px #0000000d, 0 12px 5px #00000003, 0 19px 5px #0000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 52px;
    border-radius: 4px;
    background: #3dc051;
    color: #fafafc;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 8px;
    flex-shrink: 0
}

.header__btn:hover {
    background: #30a642
}

.header__btn img {
    margin-left: 9px
}

.section1 {
    overflow: hidden;
    padding-top: 144px;
    padding-bottom: 109px;
    background: #f8effc
}

.section1-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.mid-side .star {
    max-width: 502px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 32px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 3px 4px 3px 8px;
    margin: 0 auto 9px;
    box-sizing: border-box;
    line-height: 1
}

.mid-side .star p {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin: 0 3px
}

.mid-side h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
    margin-bottom: 2px
}

.mid-side h1 {
    color: #d156a1;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 8px
}

.section1 .right-side {
    position: relative
}

.mid-side {
    width: 620px;
    padding-right: 10px
}

.mid-side .table {
    margin: 0 -10px 20px
}

.mid-side .table h3 {
    background: #38247a;
    color: #fff;
    height: 32px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mid-side .table .list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #fff;
    padding: 12px 0
}

.mid-side .table .list .itm {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 210px
}

.mid-side .table .list .itm:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3csvg%20width='3'%20height='50'%20viewBox='0%200%203%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.49995%2049V1'%20stroke='%2338247A'%20stroke-width='2'%20stroke-linecap='round'%20stroke-dasharray='5%205'/%3e%3c/svg%3e");
    height: 76px;
    width: 3px;
    background-size: cover;
    right: -20px;
    top: -4px
}

.mid-side .table .list .itm:last-child:after {
    display: none
}

.mid-side .table .list .itm p {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.mid-side .list2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 24px;
    position: relative
}

.mid-side .list2 .itm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

.mid-side .list2 .itm:last-child {
    margin-bottom: 0
}

.mid-side .list2 .itm p {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-left: 8px
}

.arr-block {
    background-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='530'%20height='97'%20viewBox='0%200%20530%2097'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_2_3039)'%3e%3cpath%20d='M3%200H490.099L527%2046L490.099%2092H3L39.9014%2046L3%200Z'%20fill='url(%23paint0_linear_2_3039)'/%3e%3cpath%20d='M489.139%2090H7.16842L41.4615%2047.2515L42.4654%2046L41.4615%2044.7485L7.16842%202H489.139L524.436%2046L489.139%2090Z'%20stroke='%23E3E4E4'%20stroke-width='4'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_2_3039'%20x='0.539906'%20y='0'%20width='528.92'%20height='96.9202'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='2.46009'/%3e%3cfeGaussianBlur%20stdDeviation='1.23005'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.408333%200%200%200%200%200.408333%200%200%200%200%200.408333%200%200%200%200.64%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_2_3039'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_2_3039'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_2_3039'%20x1='23.6454'%20y1='46'%20x2='1200.43'%20y2='46'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D84BA5'/%3e%3cstop%20offset='1'%20stop-color='%232D177C'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    display: flex;
    align-items: center;
    justify-content: center;
    height: 97px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 12px;
    margin-top: 17px;
    margin-left: 60px;
    padding: 0 30px 0 55px;
    text-align: center;
    position: relative;
    width: 535px
}

.arr-block h5 {
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    line-height: 31px;
    text-shadow: 1.23px 1.23px 0 rgba(255, 255, 255, .25);
    color: #fafafc;
    margin: 0
}

.sec1-logos {
    display: block;
    margin: 0 auto
}

.arr-block img {
    position: absolute;
    left: -44px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -2px
}

.arr-block h6 {
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 28px;
    color: #ffd600;
    margin: 0;
    text-shadow: 1.23px 1.23px 0 rgba(0, 0, 0, .25)
}

.form-block {
    width: 286px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 4px #00000040
}

.form-h1 {
    border-radius: 8px 8px 0 0;
    background: #d156a1;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #fafafc
}

.form-h1 img {
    margin: 0 4px
}

.form-h1 span {
    font-weight: 700;
    color: #f4f113
}

.form-h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #38247a;
    height: 52px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #fafafc;
    position: relative;
    text-align: center
}

.form-h2 img {
    width: 100%;
    left: 0;
    right: 0;
    bottom: -16px;
    position: absolute
}

#shipping {
    padding: 24px 13px 8px
}

form input,
form select {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    color: #353535;
    background: #fff;
    display: block;
    width: 100%;
    line-height: normal;
    border-radius: 4px;
    box-shadow: none;
    font-size: 16px;
    height: 36px;
    margin-bottom: 8px;
    padding: 7px 33px 7px 7px
}

.form-h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px dashed #df0000;
    font-size: 10px;
    line-height: 1.2;
    font-style: normal;
    font-weight: 700;
    height: 32px;
    background: #fffed9;
    padding: 0 9px 0 6px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.form-h3 img {
    margin: -4px 3px 0 4px
}

.button-submit {
    position: relative;
    box-shadow: 0 1px 2px #0000001a, 0 3px 3px #00000017, 0 7px 4px #0000000d, 0 12px 5px #00000003, 0 19px 5px #0000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    font-size: 16px;
    border-radius: 4px;
    background: #3dc051;
    color: #fafafc;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    border: 0;
    cursor: pointer;
    text-transform: uppercase
}

.button-submit:hover {
    cursor: pointer;
    background: #30a642
}

.section1 .left-side {
    position: relative
}

.section1 .left-side .journals {
    position: absolute;
    z-index: 1;
    top: 142px;
    left: 74px
}

.section1 .left-side .mod {
    position: absolute;
    z-index: 0;
    left: -177px
}

.section1 .left-side .btl {
    z-index: 2;
    top: 278px;
    left: 8px;
    position: relative
}

.form-block:after {
    content: "";
    background-position: center;
    position: absolute;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3csvg%20width='144'%20height='263'%20viewBox='0%200%20144%20263'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M131.576%208C131.514%2013.7937%20116.824%2076.04%2098.4353%20116.279C78.9459%20158.927%2042.0166%20217.629%208.0002%20242.423M8.0002%20242.423C14.4282%20234.644%2031.158%20209.089%2046.6552%20169.094M8.0002%20242.423C22.2849%20233.931%2056.2938%20214.765%2078.0509%20206.036'%20stroke='url(%23paint0_linear_279_19237)'%20stroke-width='8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_279_19237'%20x1='69.7882'%20y1='125.211'%20x2='109.596'%20y2='146.196'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFC401'/%3e%3cstop%20offset='1'%20stop-color='%23FF7001'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    right: -158px;
    bottom: 73px;
    height: 263px;
    width: 144px
}

.button-submit img {
    margin-left: 9px
}

.secure {
    margin: 8px auto 0;
    display: block
}

.icon {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.6668%2017.5V15.8333C16.6668%2014.9493%2016.3156%2014.1014%2015.6905%2013.4763C15.0654%2012.8512%2014.2176%2012.5%2013.3335%2012.5H6.66683C5.78277%2012.5%204.93493%2012.8512%204.30981%2013.4763C3.68469%2014.1014%203.3335%2014.9493%203.3335%2015.8333V17.5'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M9.99984%209.16667C11.8408%209.16667%2013.3332%207.67428%2013.3332%205.83333C13.3332%203.99238%2011.8408%202.5%209.99984%202.5C8.15889%202.5%206.6665%203.99238%206.6665%205.83333C6.6665%207.67428%208.15889%209.16667%209.99984%209.16667Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center
}

.email .icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.33317%203.33337H16.6665C17.5832%203.33337%2018.3332%204.08337%2018.3332%205.00004V15C18.3332%2015.9167%2017.5832%2016.6667%2016.6665%2016.6667H3.33317C2.4165%2016.6667%201.6665%2015.9167%201.6665%2015V5.00004C1.6665%204.08337%202.4165%203.33337%203.33317%203.33337Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18.3332%205L9.99984%2010.8333L1.6665%205'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.promo {
    position: relative
}

.promo .icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.1582%2011.1754L11.1832%2017.1504C11.0284%2017.3053%2010.8446%2017.4283%2010.6422%2017.5121C10.4399%2017.596%2010.223%2017.6392%2010.004%2017.6392C9.78498%2017.6392%209.5681%2017.596%209.36577%2017.5121C9.16344%2017.4283%208.97963%2017.3053%208.82484%2017.1504L1.6665%2010.0003V1.66699H9.99984L17.1582%208.82532C17.4686%209.13759%2017.6428%209.56001%2017.6428%2010.0003C17.6428%2010.4407%2017.4686%2010.8631%2017.1582%2011.1754Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.8335%205.83301H5.84183'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.phone .icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1665%201.66663H5.83317C4.9127%201.66663%204.1665%202.41282%204.1665%203.33329V16.6666C4.1665%2017.5871%204.9127%2018.3333%205.83317%2018.3333H14.1665C15.087%2018.3333%2015.8332%2017.5871%2015.8332%2016.6666V3.33329C15.8332%202.41282%2015.087%201.66663%2014.1665%201.66663Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M10%2015H10.0083'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.address .icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.5%208.33349C17.5%2014.1668%2010%2019.1668%2010%2019.1668C10%2019.1668%202.5%2014.1668%202.5%208.33349C2.5%206.34437%203.29018%204.43672%204.6967%203.03019C6.10322%201.62367%208.01088%200.833496%2010%200.833496C11.9891%200.833496%2013.8968%201.62367%2015.3033%203.03019C16.7098%204.43672%2017.5%206.34437%2017.5%208.33349Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M10%2010.8333C11.3807%2010.8333%2012.5%209.71397%2012.5%208.33325C12.5%206.95254%2011.3807%205.83325%2010%205.83325C8.61929%205.83325%207.5%206.95254%207.5%208.33325C7.5%209.71397%208.61929%2010.8333%2010%2010.8333Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.zipcode .icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.3636%203H2.63636C1.73262%203%201%203.72754%201%204.625V14.375C1%2015.2725%201.73262%2016%202.63636%2016H17.3636C18.2674%2016%2019%2015.2725%2019%2014.375V4.625C19%203.72754%2018.2674%203%2017.3636%203Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.35355%208H7.14645L6.5%208.64645L4%2011.1464L4.35355%2012H8.35355V11H5.56066L7.20711%209.35355L8.70711%207.85355L8.35355%207H4.35355V8ZM9.85355%207V12H10.8536V7H9.85355ZM12.3536%2011V12H13.3536V11H14.3536C15.4581%2011%2016.3536%2010.1046%2016.3536%209C16.3536%207.89542%2015.4581%207%2014.3536%207H13.3536H12.8536H12.3536V7.5V10.5V11ZM13.3536%208V10H14.3536C14.9058%2010%2015.3536%209.55228%2015.3536%209C15.3536%208.44772%2014.9058%208%2014.3536%208H13.3536Z'%20fill='%23C4C4C4'/%3e%3c/svg%3e")
}

.city .icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%207L3.55279%208.72361C3.214%208.893%203%209.23926%203%209.61803V16C3%2016.5523%203.44772%2017%204%2017H8M7%207V4C7%203.44772%207.44772%203%208%203H10M7%207L7.70711%207.70711C7.89464%207.89464%208%208.149%208%208.41421V17M10%203V2M10%203H12C12.5523%203%2013%203.44772%2013%204V8M13%208H16C16.5523%208%2017%208.44772%2017%209V16C17%2016.5523%2016.5523%2017%2016%2017H12M13%208V8C12.4477%208%2012%208.44772%2012%209V17M12%2017H8'%20stroke='%23C4C4C4'%20stroke-linecap='round'/%3e%3c/svg%3e")
}

.state .icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.97333%203.99171L4.69333%203.23087C4.44278%203.14742%204.17598%203.1247%203.91492%203.16459C3.65387%203.20448%203.40603%203.30584%203.19182%203.4603C2.97762%203.61477%202.80319%203.81792%202.68291%204.05303C2.56263%204.28813%202.49994%204.54845%202.5%204.81254V14.6317C2.49992%2014.9816%202.60998%2015.3227%202.8146%2015.6066C3.01921%2015.8905%203.30799%2016.1028%203.64%2016.2134L6.97333%2017.3242C7.31521%2017.4381%207.68479%2017.4381%208.02667%2017.3242L11.9733%2016.0092C12.3152%2015.8953%2012.6848%2015.8953%2013.0267%2016.0092L15.3067%2016.7692C15.5573%2016.8527%2015.8242%2016.8754%2016.0853%2016.8355C16.3464%2016.7955%2016.5943%2016.6941%2016.8085%2016.5395C17.0227%2016.385%2017.1971%2016.1817%2017.3174%2015.9465C17.4376%2015.7113%2017.5002%2015.4509%2017.5%2015.1867V5.36837C17.5001%205.01853%2017.3902%204.67752%2017.1857%204.39365C16.9813%204.10977%2016.6927%203.89743%2016.3608%203.78671L13.0275%202.67587C12.6854%202.56182%2012.3155%202.56182%2011.9733%202.67587L8.02583%203.99087C7.68395%204.10474%207.31438%204.10474%206.9725%203.99087L6.97333%203.99171Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.5%204.16837V17M12.5%203V15.5'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.country .icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.97333%203.99171L4.69333%203.23087C4.44278%203.14742%204.17598%203.1247%203.91492%203.16459C3.65387%203.20448%203.40603%203.30584%203.19182%203.4603C2.97762%203.61477%202.80319%203.81792%202.68291%204.05303C2.56263%204.28813%202.49994%204.54845%202.5%204.81254V14.6317C2.49992%2014.9816%202.60998%2015.3227%202.8146%2015.6066C3.01921%2015.8905%203.30799%2016.1028%203.64%2016.2134L6.97333%2017.3242C7.31521%2017.4381%207.68479%2017.4381%208.02667%2017.3242L11.9733%2016.0092C12.3152%2015.8953%2012.6848%2015.8953%2013.0267%2016.0092L15.3067%2016.7692C15.5573%2016.8527%2015.8242%2016.8754%2016.0853%2016.8355C16.3464%2016.7955%2016.5943%2016.6941%2016.8085%2016.5395C17.0227%2016.385%2017.1971%2016.1817%2017.3174%2015.9465C17.4376%2015.7113%2017.5002%2015.4509%2017.5%2015.1867V5.36837C17.5001%205.01853%2017.3902%204.67752%2017.1857%204.39365C16.9813%204.10977%2016.6927%203.89743%2016.3608%203.78671L13.0275%202.67587C12.6854%202.56182%2012.3155%202.56182%2011.9733%202.67587L8.02583%203.99087C7.68395%204.10474%207.31438%204.10474%206.9725%203.99087L6.97333%203.99171Z'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.5%204.16837V17M12.5%203V15.5'%20stroke='%23C4C4C4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.valid+.icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10%200C4.47727%200%200%204.47727%200%2010C0%2015.5227%204.47727%2020%2010%2020C15.5227%2020%2020%2015.5227%2020%2010C20%204.47727%2015.5227%200%2010%200ZM14.3345%208.30909C14.4144%208.21786%2014.4751%208.11158%2014.5133%207.99652C14.5514%207.88145%2014.5661%207.75992%2014.5566%207.63908C14.5471%207.51823%2014.5135%207.40051%2014.4578%207.29284C14.4021%207.18517%2014.3254%207.08973%2014.2323%207.01213C14.1392%206.93453%2014.0315%206.87633%2013.9155%206.84097C13.7996%206.8056%2013.6777%206.79378%2013.5572%206.80621C13.4366%206.81863%2013.3197%206.85504%2013.2134%206.9133C13.1071%206.97156%2013.0135%207.0505%2012.9382%207.14545L9.02909%2011.8355L7.00636%209.81182C6.83491%209.64622%206.60527%209.55459%206.36691%209.55666C6.12855%209.55873%205.90054%209.65434%205.73198%209.82289C5.56343%209.99144%205.46782%2010.2195%205.46575%2010.4578C5.46368%2010.6962%205.55531%2010.9258%205.72091%2011.0973L8.44818%2013.8245C8.53751%2013.9138%208.64445%2013.9835%208.7622%2014.0291C8.87994%2014.0748%209.00591%2014.0954%209.13206%2014.0897C9.25822%2014.084%209.3818%2014.052%209.49492%2013.9959C9.60804%2013.9397%209.70823%2013.8606%209.78909%2013.7636L14.3345%208.30909Z'%20fill='%233DC051'/%3e%3c/svg%3e")
}

.error+.icon {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10%2020C15.5228%2020%2020%2015.5228%2020%2010C20%204.47715%2015.5228%200%2010%200C4.47715%200%200%204.47715%200%2010C0%2015.5228%204.47715%2020%2010%2020ZM14.5936%206.25305C14.925%206.62352%2014.8933%207.19248%2014.5228%207.52388L11.3468%2010.365L14.6771%2013.241C15.0533%2013.5659%2015.0949%2014.1342%2014.77%2014.5104C14.4451%2014.8866%2013.8768%2014.9282%2013.5006%2014.6033L9.99407%2011.5751L6.60005%2014.6112C6.22959%2014.9426%205.66062%2014.9109%205.32923%2014.5404C4.99783%2014.17%205.0295%2013.601%205.39997%2013.2696L8.62042%2010.3888L5.45533%207.65538C5.07914%207.3305%205.03755%206.76217%205.36243%206.38598C5.6873%206.00979%206.25563%205.96819%206.63182%206.29307L9.97316%209.17867L13.3227%206.18232C13.6932%205.85092%2014.2622%205.88259%2014.5936%206.25305Z'%20fill='%23CE3737'/%3e%3c/svg%3e")
}

.section2 {
    padding-top: 64px;
    padding-bottom: 65px
}

.section2 h2 {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #d156a1
}

.section2 h1 {
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    color: #38247a;
    margin-bottom: 8px
}

.section2 h3 {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0 auto 32px;
    max-width: 795px
}

.section2-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.section2-content .itm {
    width: 312px
}

.section2-content .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.top .af-bf {
    border-radius: 0 0 8px 8px;
    background: #38247a;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 31px;
    width: 100%
}

.top .af-bf p {
    text-align: center;
    width: 50%;
    color: #fafafc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2px
}

.section2-content {
    margin-bottom: 32px
}

.section2 .form-h3,
.section4 .form-h3,
.section5 .form-h3,
.section6 .form-h3,
.section7 .form-h3,
.section8 .form-h3,
.section10 .form-h3,
.section11 .form-h3 {
    height: 28px;
    margin: 0 auto 8px;
    width: 334px;
    padding: 0
}

.form-h3 br {
    display: none
}

form .form-h3 br {
    display: block !important
}

.section2 .header__btn,
.section4 .header__btn,
.section5 .header__btn,
.section6 .header__btn,
.section7 .header__btn,
.section8 .header__btn,
.section10 .header__btn,
.section11 .header__btn {
    width: 345px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    margin: 0 auto;
    padding-left: 0
}

.section2-content .str {
    margin: 16px auto;
    width: 88px;
    display: block
}

.section2-content .itm>p {
    font-size: 16px;
    text-align: center;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    min-height: 168px
}

.section2-content .itm .name {
    display: flex;
    align-items: center;
    justify-content: center
}

.section2-content .itm .name p {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #38247a;
    position: relative;
    margin-right: 16px
}

.section2-content .itm .name p:after {
    content: "";
    position: absolute;
    right: -8px;
    width: 1px;
    height: 23px;
    background-color: #ddd
}

.section2-content .itm .name .verif {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 23px;
    border-radius: 2px;
    background: #3dc0511f;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    color: #3dc051
}

.section2-content .itm .name .verif .dot {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    margin-right: 8px;
    background-color: #3dc051
}

.section3 {
    overflow: hidden;
    background: #f3f0ff
}

.section3 .section3-content {
    display: flex;
    justify-content: center
}

.section3 .left-side,
.section3 .right-side {
    min-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.section3 .left-side h2 {
    color: red;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 30px
}

.section3 .left-side p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px
}

.section3 .left-side .list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%
}

.section3 .left-side .list .itm {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding: 16px 0 15px;
    border-bottom: 1px solid #ddd
}

.section3 .left-side .list .itm img {
    margin-right: 8px
}

.section3 .left-side {
    padding: 2px 20px 0 0;
    box-sizing: border-box;
    background: #f3f0ff;
    position: relative
}

.section3 .left-side .warr {
    color: #df0000;
    border: 1px solid #df0000;
    background: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 32px;
    padding: 16px 16px 14px
}

.section4 {
    overflow: hidden;
    background: #f3f0ff
}

.section4 .section4-content {
    display: flex;
    justify-content: center
}

.section4 .left-side,
.section4 .right-side {
    min-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

.section4-content h2 {
    color: #38247a;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 32px
}

.section4-content .right-side>p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
    max-width: 380px
}

.ss {
    width: max-content
}

.section4 .right-side {
    padding-left: 20px;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    background: #f3f0ff
}

.section4 .right-side .secc {
    color: #3dc051;
    border: 1px solid #3dc051;
    background: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 32px;
    padding: 16px 16px 14px
}

.section4 .btl {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 184px;
    height: 184px;
    background-color: #38247a;
    border-radius: 1000px;
    right: 0;
    top: 188px
}

.section4 .btl img {
    margin-top: -26px
}

.section6 {
    background: #f3f0ff;
    padding: 64px 0
}

.section6 h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #d156a1;
    text-align: center
}

.section6 h1 {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    color: #38247a;
    text-align: center;
    margin-bottom: 32px
}

.section6-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.section6-content .list {
    display: flex;
    flex-direction: column;
    margin-left: 64px
}

.section6-content .list .itm {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 32px;
    position: relative
}

.section6-content .list .itm:after {
    content: "";
    width: 4px;
    height: 105px;
    background-image: url(../images/line2.t48MMs0f.svg);
    position: absolute;
    left: 39px;
    top: 84px;
    background-repeat: no-repeat;
    background-size: auto
}

.section6-content .list .itm:nth-child(2) {
    align-items: center
}

.section6-content .list .itm:nth-child(2):after {
    top: 101px
}

.section6-content .list .itm:nth-child(3) {
    align-items: flex-end
}

.section6-content .list .itm:nth-child(3):after {
    display: none
}

.section6-content .list .itm:last-child {
    margin-bottom: 0
}

.section6-content .list .itm .text {
    margin-left: 16px
}

.section6-content .list .itm .text h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #38247a;
    margin-bottom: 16px
}

.section6-content .list .itm .text p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.section6 .ss {
    margin: 31px auto 0
}

.section7 {
    padding: 64px 0
}

.section7 h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #d156a1;
    text-align: center
}

.section7 h1 {
    color: #38247a;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 32px
}

.section7 .itm {
    border-radius: 8px;
    border: 2px solid #ddd;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px
}

.section7 .itm .text h3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px
}

.section7 .itm .text h3 img {
    margin-right: 16px
}

.section7 .itm .text p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.section7 .itm>img {
    width: 345px;
    height: 252px;
    margin-left: 16px;
    min-width: 345px
}

.section7 .itm:nth-child(2)>img,
.section7 .itm:nth-child(4)>img {
    margin-right: 16px;
    margin-left: 0
}

.section7 .ss {
    margin: 32px auto 0
}

.section8 {
    padding: 64px 0;
    background: #f3f0ff
}

.section8 h2 {
    color: #d156a1;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px
}

.section8 h1 {
    font-size: 40px;
    color: #38247a;
    margin-bottom: 32px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: 54px
}

.section8 .left-side {
    margin: 0 10px;
    width: 388px;
    padding: 20px 30px 17px;
    border-radius: 8px;
    border: 2px solid #f00;
    background: #ffeded;
    box-sizing: border-box
}

.section8-content {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.section8 .right-side {
    margin: 0 10px;
    width: 388px;
    padding: 20px 30px;
    border-radius: 8px;
    border: 2px solid #38247a;
    background: #38247a;
    box-sizing: border-box
}

.section8 .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #bbb;
    padding-bottom: 13px;
    margin-bottom: 17px
}

.section8 .title h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    white-space: nowrap
}

.section8 .title img {
    margin-right: 16px
}

.section8 .right-side .title {
    color: #fafafc;
    border-bottom: 1px solid #ddd
}

.section8-content {
    position: relative
}

.section8 .list .itm {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    justify-content: flex-start
}

.section8 .vss {
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%)
}

.section8 .right-side .list .itm {
    color: #fafafc
}

.section8 .list .itm:last-child {
    margin-bottom: 0
}

.section8 .list .itm img {
    margin-right: 8px
}

.section8 .ss {
    margin: 29px auto 0
}

.section9 {
    padding: 64px 0
}

.section9-content {
    border-radius: 8px;
    background: #38247a;
    display: flex;
    justify-content: space-between
}

.section9-content .left-side {
    border-radius: 8px 0 0 8px;
    padding: 0 32px;
    background: #2c1c62;
    display: flex;
    align-items: center;
    justify-content: center
}

.section9-content .left-side img {
    width: 164px
}

.section9-content .right-side {
    padding: 20px 32px
}

.section9-content h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    color: #fafafc;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #ddd
}

.section9-content .right-side p {
    color: #fafafc;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px
}

.section9-content .right-side h3 {
    color: #ffd600;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px
}

.section10 {
    padding: 64px 0
}

.section10 h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #d156a1;
    text-align: center
}

.section10 h1 {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    color: #38247a;
    margin-bottom: 32px;
    text-align: center
}

.section10-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.section10 .left-side,
.section10 .right-side {
    width: 533px
}

.section10 .itm {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 32px
}

.section10 .itm:last-child {
    margin-bottom: 0
}

.section10 .itm .text {
    margin-left: 8px
}

.section10 .itm .text .bg {
    border-radius: 16px;
    background: #eff1f5;
    padding: 12px 46px 12px 17px;
    margin-bottom: 8px;
    position: relative;
    min-width: 314px
}

.section10 .itm .text .bg .like-ico {
    position: absolute;
    bottom: -10px;
    right: 0;
    border-radius: 32px;
    background: #fff;
    padding: 1px 5px 1px 1px;
    box-shadow: 0 1px 2px #00000029;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.section10 .itm>img {
    width: 42px
}

.section10 .itm .text .bg .like-ico span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #939393;
    margin-left: 3px
}

.section10 .itm .text .bg h3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 5px
}

.section10 .itm .text .bg p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.section10 .itm .text .like {
    display: flex;
    align-items: center
}

.section10 .itm .text .like p {
    color: #676873;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin-left: 17px
}

.section10 .itm .itm {
    margin-top: 16px;
    margin-left: 1px;
    position: relative
}

.section10 .itm .itm:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 74px;
    left: -32px;
    top: -58px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg%20width='27'%20height='75'%20viewBox='0%200%2027%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%200L1%2055.8581C1%2074%201%2074%2014.5%2074C25.3%2074%2024.3333%2074%2027%2074'%20stroke='%23EFF1F5'%20stroke-width='2'/%3e%3c/svg%3e")
}

.section10 .itm .itm>img {
    width: 28px
}

.section10 .ss {
    margin: 31px auto 0
}

.section11 {
    padding: 64px 0 28px
}

.section11-content {
    display: flex;
    justify-content: space-between
}

.section11-content h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #d156a1
}

.section11-content h1 {
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.23;
    color: #38247a
}

.section11 .left-side,
.section11 .right-side {
    position: relative
}

.section11 .ss {
    margin-top: 30px
}

.section11 .btl {
    position: absolute;
    right: -297px;
    top: 0
}

.section11 .lbs {
    left: -46px;
    top: 0;
    position: absolute
}

.section5 {
    background: #f2e8fa;
    padding: 64px 0
}

.section5 h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: #d156a1;
    text-align: center
}

.section5 h1 {
    color: #38247a;
    margin-bottom: 8px;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px
}

.section5 h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0 auto 32px;
    max-width: 800px;
    text-align: center
}

.section5 .right-side {
    width: 592px;
    position: relative
}

.popup-pre-loading-wrapper .popup .product-image,
.popup-loading-wrapper .popup .product-image {
    background-image: url(../images/loader.Dd5sUatY.png);
    width: 190px;
    height: 326px;
    background-repeat: no-repeat
}

.accordion-row {
    border-radius: 4px;
    background: #fff;
    margin-bottom: 16px;
    padding: 20px;
    cursor: pointer
}

.section5 .ss {
    margin: 32px auto 0;
    position: relative
}

.section5-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.accordion-row:last-child {
    margin-bottom: 0
}

.opener:after {
    content: "+";
    position: absolute;
    right: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px
}

.active .opener:after {
    content: "-"
}

.section5-content .left-side {
    position: relative
}

.sec5-btl1 {
    width: 392px;
    position: absolute;
    left: 0;
    top: -1px
}

.sec5-btl2 {
    width: 314px;
    position: absolute;
    left: 373px;
    top: 140px
}

.accordion-content {
    padding-top: 16px;
    margin-top: 14px;
    border-top: 1px solid #ddd
}

.accordion-content p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.opener {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    position: relative
}

.opener img {
    margin-right: 16px
}

.footer .header__logo {
    display: block;
    margin: 0 auto
}

.footer .delivery {
    display: block;
    margin: 20px auto
}

.cmp-show {
    display: none
}

.footer p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 20px
}

.footer a {
    color: #0020e4;
    text-decoration: none
}

.footer a:hover {
    text-decoration: underline
}

.timer-box {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.timer-item {
    margin-left: 8px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 4px;
    background: #fff;
    box-shadow: 2px 2px 2px #00000040;
    line-height: 1;
    width: 36px;
    height: 36px;
    justify-content: center;
    gap: 0
}

.timer-item span {
    font-size: 10px;
    color: #939393;
    display: inline-block;
    margin-top: 2px
}

.footer .terms-links {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #0020e4;
    margin-bottom: 20px
}

.footer .terms-links a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 3px
}

@media (max-width: 1240px) {

    .container,
    .header .container,
    .section1 .container,
    .section2 .container,
    .section3 .container,
    .section4 .container,
    .section5 .container,
    .section6 .container,
    .section7 .container,
    .section8 .container,
    .section9 .container,
    .section10 .container,
    .section11 .container {
        max-width: 962px
    }

    .mid-side {
        width: 500px
    }

    .section1 .left-side .mod {
        left: -127px;
        width: 360px
    }

    .section1 .left-side .btl {
        width: 220px;
        margin-left: -18px;
        left: 10px
    }

    .section1 .left-side .journals {
        left: 45px;
        width: 180px;
        top: 160px
    }

    .stars {
        width: 60px
    }

    .avatars {
        width: 55px
    }

    .form-block {
        width: 260px
    }

    .mid-side .star {
        max-width: 410px
    }

    .mid-side .star p {
        font-size: 10px
    }

    .mid-side h2 {
        font-size: 27px
    }

    .mid-side h1 {
        font-size: 37px
    }

    .mid-side .table h3 {
        font-size: 14px
    }

    .mid-side .table .list .itm p {
        font-size: 16px;
        line-height: 20px
    }

    .mid-side .table .list {
        padding: 7px 10px 7px 30px
    }

    .mid-side .table .list .itm:after {
        right: 3px;
        height: 64px
    }

    .form-h2 {
        font-size: 15px;
        line-height: 20px
    }

    .form-h2 img {
        bottom: -15px
    }

    .header__btn img,
    .button-submit img {
        width: 15px;
        margin-left: 8px
    }

    .mid-side .list2 .itm p {
        font-size: 19px;
        line-height: 24px
    }

    .mid-side .list2 .itm {
        align-items: flex-start
    }

    .mid-side .list2 .itm img {
        margin-top: -1px;
        width: 25px
    }

    .arr-block {
        margin-left: 50px;
        width: 440px;
        height: 80px;
        padding-top: 0
    }

    .arr-block h5 {
        font-size: 24px;
        line-height: 25px
    }

    .arr-block h6 {
        font-size: 17px
    }

    .arr-block img {
        width: 95px;
        left: -30px
    }

    .section3 .left-side h2,
    .section4-content h2 {
        font-size: 30px;
        line-height: 1.2
    }

    .section3 .left-side .list .itm {
        padding: 10px 0
    }

    .section4 .btl {
        width: 155px;
        height: 155px;
        top: 160px
    }

    .section4 .btl img {
        width: 120px
    }

    .section3 .left-side .warr,
    .section4 .right-side .secc {
        font-size: 16px;
        line-height: 22px
    }

    .section4-content .right-side>p {
        max-width: 320px
    }

    .section3 .right-side img {
        margin-left: -100px
    }

    .section4 .left-side img {
        margin-right: -160px
    }

    .sec5-btl1 {
        width: 250px;
        left: 0;
        top: 45px
    }

    .sec5-btl2 {
        width: 190px;
        left: 215px;
        top: 158px
    }

    .section6-content .list {
        margin-left: 20px
    }

    .section6-content .left-side {
        width: 400px;
        flex-shrink: 0
    }

    .section6-content .left-side img {
        max-width: 100%
    }

    .section6-content .list .itm .text h3 {
        margin-bottom: 5px
    }

    .section6-content .list .itm {
        margin-bottom: 15px
    }

    .section6-content {
        align-items: center
    }

    .section6-content .list .itm img {
        width: 70px
    }

    .section6-content .list .itm:after {
        left: 33px;
        top: 52px;
        height: 130px
    }

    .section6-content .list .itm:nth-child(2):after {
        top: 98px
    }

    .section6-content .list .itm:nth-child(2) img {
        margin-top: 0
    }

    .section10 .left-side,
    .section10 .right-side {
        width: calc(50% - 20px)
    }

    .section10 .itm .text .bg {
        min-width: 250px;
        padding-right: 25px
    }

    .section11-content h1 {
        font-size: 35px
    }

    .section11 .header__btn {
        width: 315px
    }

    .section11 .btl {
        width: 270px;
        right: -255px
    }

    .wallpapers {
        max-width: 100%
    }

    .section11 .right-side {
        width: 300px
    }

    .section11 .lbs {
        left: -65px;
        width: 80px
    }

    .section11 .ss {
        margin-top: 20px
    }

    .header__warning2 .header__logo {
        width: 190px
    }

    .section4-content h2 br {
        display: none
    }

    .section11-content h2 {
        max-width: 300px
    }
}

@media (max-width: 991px) {

    .container,
    .header .container,
    .section1 .container,
    .section2 .container,
    .section3 .container,
    .section4 .container,
    .section5 .container,
    .section6 .container,
    .section7 .container,
    .section8 .container,
    .section9 .container,
    .section10 .container,
    .section11 .container {
        max-width: 738px
    }

    .header__logo {
        width: 200px
    }

    .header__warning2 .header__logo {
        width: 170px
    }

    .header__info_side {
        margin-right: 40px;
        font-size: 13px;
        line-height: 18px
    }

    .header__btn {
        width: 220px;
        height: 45px;
        font-size: 12px;
        padding-left: 0
    }

    .header__warning2 {
        height: 70px
    }

    .header__info_side img {
        width: 50px
    }

    .header__btn img {
        width: 14px;
        margin-left: 6px
    }

    .section1 {
        padding-top: 135px
    }

    .section1 .left-side .btl {
        width: 170px;
        left: 10px;
        margin-right: -10px;
        top: 255px
    }

    .section1 .left-side .journals {
        width: 145px;
        top: 165px;
        left: 30px
    }

    .section1 .left-side .mod {
        width: 275px;
        top: -10px
    }

    .mid-side {
        width: 352px;
        flex-grow: 1
    }

    .form-block {
        width: 220px
    }

    .form-h2 {
        font-size: 13px;
        line-height: 17px;
        height: 45px
    }

    .form-h2 img {
        bottom: -9px;
        height: 9px
    }

    .secure {
        width: 80%
    }

    #shipping {
        padding: 13px 9px 8px
    }

    form input,
    form select {
        font-size: 13px;
        height: 31px;
        margin-bottom: 5px;
        padding-right: 26px
    }

    .button-submit {
        font-size: 14px;
        height: 40px
    }

    .button-submit img {
        width: 12px;
        margin-left: 6px
    }

    .form-h1 {
        font-size: 11px
    }

    form .form-h3 {
        font-size: 8px;
        height: 27px
    }

    .form-h3 br {
        display: block
    }

    .stars {
        width: 50px
    }

    .avatars {
        width: 45px
    }

    .mid-side .star p {
        font-size: 8px
    }

    .mid-side h2 {
        font-size: 22px;
        line-height: 1.2
    }

    .mid-side h1 {
        font-size: 29px;
        line-height: 1.2
    }

    .mid-side .table h3 {
        font-size: 11px;
        height: 24px
    }

    .mid-side .table .list {
        padding: 5px 5px 5px 0
    }

    .mid-side .table .list .itm object,
    .mid-side .table .list .itm img {
        width: 35px
    }

    .mid-side .table .list .itm p {
        font-size: 12px;
        line-height: 15px
    }

    .mid-side .table .list .itm:after {
        height: 50px;
        width: 2px;
        right: 1px
    }

    .mid-side .list2 .itm p {
        font-size: 15px;
        line-height: 20px;
        margin-left: 5px
    }

    .arr-block {
        margin-left: 40px;
        width: 305px;
        height: 65px;
        padding: 0 20px 5px 55px
    }

    .arr-block img {
        width: 80px;
        left: -20px
    }

    .arr-block h5 {
        font-size: 16px;
        line-height: 1.5
    }

    .arr-block h6 {
        font-size: 11px;
        line-height: 1.5
    }

    .sec1-logos {
        width: 280px;
        position: relative;
        left: 15px
    }

    .icon {
        right: 5px
    }

    .mid-side .list2 {
        padding-left: 30px
    }

    .mid-side .list2 .itm img {
        width: 20px
    }

    .section2-content .itm {
        width: calc(100% / 3 - 10px)
    }

    .section2-content .top img {
        max-width: 100%
    }

    .section2 h1,
    .section5 h1,
    .section6 h1,
    .section7 h1,
    .section8 h1,
    .section10 h1 {
        font-size: 32px;
        line-height: 1.3
    }

    .section2 h3,
    .section5 h3 {
        font-size: 18px;
        line-height: 1.3
    }

    .top .af-bf {
        height: 25px
    }

    .top .af-bf p {
        font-size: 12px
    }

    .section2-content .itm>p {
        font-size: 15px;
        line-height: 21px
    }

    .section2-content .itm .name .verif {
        width: 125px;
        font-size: 11px;
        height: 22px
    }

    .section2-content .itm .name .verif .dot {
        margin-right: 4px
    }

    .section2-content .itm .name p {
        font-size: 15px
    }

    .section2 .header__btn,
    .section4 .header__btn,
    .section5 .header__btn,
    .section6 .header__btn,
    .section7 .header__btn,
    .section8 .header__btn,
    .section10 .header__btn,
    .section11 .header__btn {
        width: 300px;
        height: 46px;
        font-size: 16px
    }

    .section2 .form-h3,
    .section4 .form-h3,
    .section5 .form-h3,
    .section6 .form-h3,
    .section7 .form-h3,
    .section8 .form-h3,
    .section10 .form-h3,
    .section11 .form-h3 {
        height: 30px;
        width: 220px;
        font-size: 9px
    }

    .section3 .left-side h2,
    .section4-content h2 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .section3 .left-side .list .itm {
        font-size: 16px;
        line-height: 20px
    }

    .section3 .left-side .warr,
    .section4 .right-side .secc {
        font-size: 14px;
        line-height: 19px;
        padding: 10px 12px
    }

    .section3 .left-side p,
    .section4-content .right-side>p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px
    }

    .section4-content .right-side>p {
        max-width: 210px
    }

    .section4-content .right-side>p+p {
        max-width: none
    }

    .section4 .btl {
        width: 125px;
        height: 125px;
        top: 130px
    }

    .section4 .btl img {
        width: 90px;
        margin-top: -19px
    }

    .section3 .right-side img {
        height: 700px;
        width: auto;
        margin-left: -160px
    }

    .section4 .left-side img {
        height: 720px;
        width: auto;
        margin-right: -200px
    }

    .section5-content {
        flex-direction: column;
        align-items: stretch
    }

    .section5 .right-side {
        width: auto
    }

    .section5-content .left-side {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px
    }

    .sec5-btl1 {
        position: relative;
        left: auto;
        top: auto;
        margin: -10px 0;
        width: 180px
    }

    .sec5-btl2 {
        position: relative;
        top: auto;
        left: auto;
        width: 150px;
        margin-top: 15px
    }

    .section5 h3 {
        margin-bottom: 20px
    }

    .section6-content .left-side {
        width: 290px
    }

    .section6-content .list .itm img {
        width: 60px
    }

    .section6-content .list,
    .section6-content .list .itm .text {
        margin-left: 10px
    }

    .section6-content .list .itm .text p {
        font-size: 15px;
        line-height: 22px
    }

    .section6-content .list .itm .text h3 {
        font-size: 19px;
        line-height: 24px
    }

    .section6-content .list .itm:after {
        left: 28px;
        top: 57px;
        height: 140px
    }

    .section6-content .list .itm:nth-child(2):after {
        top: 92px;
        height: 170px
    }

    .section7 .itm .text h3 {
        font-size: 20px;
        line-height: 26px
    }

    .section7 .itm .text p {
        font-size: 16px;
        line-height: 24px
    }

    .section8 .title h3 {
        font-size: 18px;
        line-height: 26px
    }

    .section8 .title img {
        height: 80px;
        width: auto
    }

    .section8 .list .itm {
        font-size: 16px;
        line-height: 22px
    }

    .section8 .left-side,
    .section8 .right-side {
        padding: 20px 15px 17px 20px
    }

    .section8 .vss {
        top: 45%;
        width: 55px
    }

    .section9-content .left-side img {
        width: 125px
    }

    .section9-content h2 {
        font-size: 30px;
        line-height: 40px
    }

    .section9-content .right-side h3 {
        font-size: 16px;
        line-height: 24px
    }

    .section9-content .right-side p {
        font-size: 14px;
        line-height: 22px
    }

    .section11-content h1 {
        font-size: 26px
    }

    .section11-content h2 {
        font-size: 15px;
        line-height: 1.3;
        max-width: 220px
    }

    .section11 .header__btn {
        width: 255px;
        font-size: 14px
    }

    .section11 .form-h3 {
        width: 200px
    }

    .section11 .btl {
        width: 205px;
        right: -205px
    }

    .section11 .right-side {
        width: 230px
    }

    .section11 .lbs {
        left: -35px;
        width: 60px
    }
}

@media (max-width: 767px) {

    .container,
    .header .container,
    .section1 .container,
    .section2 .container,
    .section3 .container,
    .section4 .container,
    .section5 .container,
    .section6 .container,
    .section7 .container,
    .section8 .container,
    .section9 .container,
    .section10 .container,
    .section11 .container {
        max-width: 714px
    }
}

@media (max-height: 800px) {
    .alert-color img {
        width: 18px
    }

    .alert-color {
        font-size: 13px
    }

    .timer-item {
        width: 28px;
        height: 26px;
        line-height: .9
    }

    .timer-box {
        font-size: 13px
    }

    .timer-item span {
        font-size: 8px
    }

    .header__warning {
        height: 38px
    }

    .header__warning2 {
        height: 60px
    }

    .header__btn {
        height: 44px
    }

    .header__btn img {
        width: 15px;
        margin-top: -1px
    }

    .header__info_side {
        font-size: 13px;
        line-height: 19px
    }

    .section1 {
        padding-top: 115px
    }

    form input,
    form select {
        margin-bottom: 6px;
        font-size: 15px;
        height: 35px
    }

    .button-submit {
        height: 46px
    }

    .section1 .left-side .mod {
        width: 390px
    }

    .section1 .left-side .btl {
        top: 230px;
        width: 250px;
        left: auto;
        margin: 0 20px 0 0
    }

    .section1 .left-side .journals {
        top: 111px;
        left: 70px;
        width: 200px
    }

    .mid-side h2 {
        font-size: 30px;
        line-height: 1.2;
        margin: 0
    }

    .mid-side h1 {
        font-size: 48px
    }

    .mid-side .table .list .itm p {
        font-size: 16px;
        line-height: 22px
    }

    .mid-side {
        flex-grow: 1
    }
}

@media (max-height: 800px) and (max-width: 1240px) {
    .section1 .left-side .btl {
        top: 265px;
        width: 220px;
        margin: 0 -8px 0 -10px
    }

    .section1 .left-side .mod {
        width: 340px
    }

    .header__info_side {
        margin-right: 110px
    }

    .mid-side h2 {
        font-size: 26px
    }

    .section1 .left-side .journals {
        top: 150px;
        left: 45px;
        width: 180px
    }

    .mid-side h1 {
        font-size: 40px
    }
}

@media (max-height: 800px) and (max-width: 991px) {
    .section1 .left-side .btl {
        width: 170px;
        margin-right: -18px;
        top: 250px
    }

    .header__info_side {
        margin-right: 40px
    }

    .section1 .left-side .mod {
        width: 275px
    }

    .mid-side h2 {
        font-size: 20px
    }

    .mid-side h1 {
        font-size: 28px
    }

    .mid-side .table .list .itm p {
        font-size: 12px;
        line-height: 15px
    }

    .section1 .left-side .journals {
        width: 145px;
        top: 165px;
        left: 30px
    }

    form input,
    form select {
        font-size: 12px;
        height: 30px;
        margin-bottom: 5px
    }
}

@media (max-height: 650px) {
    .header__warning {
        height: 34px;
        padding-bottom: 1px
    }

    .header__warning2 {
        height: 50px
    }

    .header__info_side img {
        width: 45px
    }

    .header__info_side {
        font-size: 12px;
        line-height: 16px;
        margin-right: 205px
    }

    .header__btn {
        height: 38px
    }

    .section1 {
        padding-top: 100px
    }

    .form-h1 {
        font-size: 12px;
        height: 19px
    }

    .form-h2 {
        font-size: 14px;
        line-height: 19px;
        height: 45px
    }

    .form-h2 img {
        height: 10px;
        bottom: -10px
    }

    #shipping {
        padding-top: 15px
    }

    form input,
    form select {
        margin-bottom: 4px;
        font-size: 14px;
        height: 34px
    }

    form .form-h3 {
        font-size: 9px;
        height: 27px
    }

    .button-submit {
        height: 42px
    }

    .mid-side .table .list .itm p {
        font-size: 15px;
        line-height: 19px
    }

    .mid-side .table .list {
        padding: 6px 0
    }

    .mid-side .list2 .itm {
        margin-bottom: 4px
    }

    .section1 .left-side .btl {
        top: 210px;
        width: 220px
    }

    .section1 .left-side .journals {
        top: 102px;
        left: 60px;
        width: 180px
    }

    .arr-block {
        height: 74px;
        width: 495px;
        margin-left: 110px;
        padding-top: 3px
    }

    .arr-block img {
        width: 90px;
        margin-top: -1px;
        left: -33px
    }

    .arr-block h5 {
        font-size: 25px;
        line-height: 1
    }

    .arr-block h6 {
        font-size: 17px
    }

    .mid-side .table .list .itm:after {
        height: 62px
    }

    .button-submit img {
        width: 15px
    }

    .sec1-logos {
        width: 330px;
        position: relative;
        left: 20px
    }
}

@media (max-height: 650px) and (max-width: 1240px) {
    .mid-side .table .list .itm p {
        font-size: 14px;
        line-height: 17px
    }

    .arr-block {
        height: 65px;
        width: 405px;
        margin-left: 55px;
        padding-left: 45px
    }

    .arr-block img {
        width: 80px
    }

    .arr-block h5 {
        font-size: 22px
    }

    .arr-block h6 {
        font-size: 15px
    }

    .mid-side .table .list .itm {
        width: 140px
    }

    .section1 .left-side .btl {
        margin: 0 0 0 10px
    }

    .mid-side .table .list {
        padding: 6px 15px 6px 0
    }

    .mid-side .list2 {
        padding-left: 10px
    }

    .mid-side .list2 .itm p {
        font-size: 17px;
        line-height: 23px
    }

    .section1 .left-side .journals {
        top: 113px;
        left: 68px;
        width: 170px
    }
}

@media (max-height: 650px) and (max-width: 991px) {
    .section1 .left-side .btl {
        width: 170px;
        margin: 0 -18px 0 -10px;
        top: 270px
    }

    .header__info_side {
        margin-right: 45px
    }

    .sec1-logos {
        width: 250px
    }

    .form-h2 {
        font-size: 13px;
        line-height: 17px
    }

    .arr-block {
        height: 55px;
        width: 290px;
        margin-left: 55px;
        padding-left: 35px
    }

    .arr-block img {
        width: 70px
    }

    .arr-block h5 {
        font-size: 16px
    }

    .arr-block h6 {
        font-size: 11px
    }

    .section1 .left-side .journals {
        top: 165px;
        left: 38px;
        width: 130px
    }

    .mid-side .table .list .itm p {
        font-size: 12px;
        line-height: 15px
    }

    .mid-side .table .list .itm:after {
        height: 51px
    }

    .mid-side .list2 {
        padding-left: 20px
    }

    .mid-side .table .list {
        padding: 10px 10px 10px 5px
    }

    .mid-side .list2 .itm p {
        font-size: 15px;
        line-height: 20px
    }

    form input,
    form select {
        font-size: 12px;
        height: 30px
    }
}