body {
    margin: 30px;
    font-family: "arial";
    text-align: center;
    line-height: 150%;
    font-size: 11pt;    
}


.body-hide {
    margin: 30px;
    font-family: "arial";
    text-align: center;
    line-height: 150%;
    font-size: 11pt;
    background: #545454;
}

.p {
    margin: 20px 0;
}

h1 {
/*     border-bottom: 1px dotted #666; */
    line-height: 150%;
    font-size: 28pt;
    font-weight: normal;
}

th {
    text-align: right;
    padding-right: 15px;
}

table {
    margin-top: 15px;
    border-collapse: collapse;
}

td {
    padding: 3px 5px;
    text-align: left;
}

tfoot {
    font-weight: bold;
}

.order-items {
    margin: 20px auto; 
    min-width: 600px;
}

.order-items td, .order-items th {
    border: 1px solid #AAA;
    border-color: #AAA;
}

.order-items .total {
    text-align: right;
    padding-right: 10px;
}

form input[type=text], form input[type=phone] {
    font-size: 16px;
    line-height: 20px;
    height: 22px;
}

form input[type=submit] {
    font-size: 16px;
    height: 40px;
    display: block;
    width: 215px;
    margin: 10px auto;
}

.smile { 
  font-size: 25px; 
  /* isplay: block; */
}

.form-block {
    margin: 10px;
}

.call-to-action-block {
    postion: absolute;
}

.call-to-action-block {
    position: absolute;
    margin: -165px 195px;
    background: #fff;
    border: 1px solid #cacaca;
    width: 200px;
    border-radius: 5px;
    padding: 5px;
}

.call-to-action-block:after, .call-to-action-block:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.call-to-action-block:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}

.call-to-action-block:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #cacaca;
    border-width: 16px;
    margin-left: -16px;
}

@charset "UTF-8";
            a,
            abbr,
            acronym,
            address,
            applet,
            article,
            aside,
            audio,
            b,
            big,
            blockquote,
            body,
            canvas,
            caption,
            center,
            cite,
            code,
            dd,
            del,
            details,
            dfn,
            div,
            dl,
            dt,
            em,
            embed,
            fieldset,
            figcaption,
            figure,
            footer,
            form,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            header,
            hgroup,
            html,
            i,
            iframe,
            img,
            ins,
            kbd,
            label,
            legend,
            li,
            mark,
            menu,
            nav,
            object,
            ol,
            output,
            p,
            pre,
            q,
            ruby,
            s,
            samp,
            section,
            small,
            span,
            strike,
            strong,
            sub,
            summary,
            sup,
            table,
            tbody,
            td,
            tfoot,
            th,
            thead,
            time,
            tr,
            tt,
            u,
            ul,
            var,
            video {
                margin: 0;
                padding: 0;
                border: 0;
                font: inherit;
                vertical-align: baseline
            }
            
            h1,
            h2,
            h3 {
                font-size: 2.2857142857em
            }
            
            h1,
            h1 strong,
            h2 strong,
            h3 strong,
            h4 strong,
            h5,
            h5 strong,
            p strong {
                font-weight: 700
            }
            
            article,
            aside,
            details,
            figcaption,
            figure,
            footer,
            header,
            hgroup,
            menu,
            nav,
            section {
                display: block
            }
            
            body {
                line-height: 1
            }
            
            ol,
            ul {
                list-style: none
            }
            
            blockquote,
            q {
                quotes: none
            }
            
            blockquote:after,
            blockquote:before,
            q:after,
            q:before {
                content: '';
                content: none
            }
            
            .clear:after,
            .r:after {
                content: ''
            }
            
            table {
                border-collapse: collapse;
                border-spacing: 0
            }
            
            .clear:after {
                display: table;
                clear: both
            }
            
            .r {
                display: flex;
                flex-flow: row wrap
            }
            
            .r:after {
                display: table;
                clear: both
            }
            
            @media (min-width:320px) {
                .r .r {
                    margin-left: -16px;
                    margin-right: -16px
                }
                .s {
                    width: 100%
                }
            }
            
            @media (min-width:1024px) {
                .r .r {
                    margin-left: -16px;
                    margin-right: -16px
                }
            }
            
            .fabc,
            .fac,
            .falc {
                display: flex
            }
            
            .falc {
                align-items: center;
                justify-content: flex-start
            }
            
            .fac {
                align-items: center;
                justify-content: center
            }
            
            .fabc {
                align-items: flex-end;
                justify-content: center
            }
            
            .atc {
                text-align: center
            }
            
            .ar {
                text-align: right
            }
            
            .mw {
                max-width: 1140px;
                margin-right: auto;
                margin-left: auto
            }
            
            .mw.l {
                max-width: 1280px
            }
            
            .grid {
                display: grid
            }
            
            @media (min-width:320px) {
                .s2 {
                    width: 50%
                }
                .s3 {
                    width: 25%
                }
                .s4 {
                    width: 33.3333333333%
                }
                .s5 {
                    width: 41.6666666667%
                }
                .s6 {
                    width: 50%
                }
                .s7 {
                    width: 58.3333333333%
                }
                .s8 {
                    width: 66.6666666667%
                }
            }
            
            @media (min-width:720px) {
                .m {
                    width: 100%
                }
                .m1 {
                    width: 8.333333%
                }
                .m2 {
                    width: 16.6666666667%
                }
                .m3 {
                    width: 25%
                }
                .m4 {
                    width: 33.3333333333%
                }
                .m6 {
                    width: 50%
                }
                .m5 {
                    width: 41.6666666667%
                }
                .m7 {
                    width: 58.3333333333%
                }
                .m8 {
                    width: 66.6666666667%
                }
                .m9 {
                    width: 75%
                }
                .m10 {
                    width: 83.3333333333%
                }
            }
            
            .g,
            .g1,
            .g10,
            .g11,
            .g12,
            .g2,
            .g3,
            .g4,
            .g5,
            .g55,
            .g6,
            .g7,
            .g8,
            .g9,
            .m,
            .m4,
            .m6,
            .s,
            .s6,
            m3 {
                padding-left: 16px;
                padding-right: 16px;
                float: left;
                position: relative
            }
            
            @media (min-width:1024px) {
                .g {
                    width: 100%;
                    float: left
                }
                .g2 {
                    width: 16.6666666667%
                }
                .g1 {
                    width: 8.333333%;
                    float: left
                }
                .g3 {
                    width: 25%;
                    float: left
                }
                .g4 {
                    width: 33.3333333333%;
                    float: left
                }
                .g5 {
                    width: 41.6666666667%;
                    float: left
                }
                .g55 {
                    width: 20%;
                    float: left
                }
                .g6 {
                    width: 50%;
                    float: left
                }
                .g7 {
                    width: 58.3333333333%;
                    float: left
                }
                .g8 {
                    width: 66.6666666667%;
                    float: left
                }
                .g9 {
                    width: 75%;
                    float: left
                }
                .g10 {
                    width: 83.3333333333%;
                    float: left
                }
            }
            
            @font-face {
                font-family: 'Neo Sans Pro';
                src: url(fonts/NeoSansPro-Regular.eot);
                src: url(fonts/NeoSansPro-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/NeoSansPro-Regular.woff2) format("woff2"), url(fonts/NeoSansPro-Regular.woff) format("woff"), url(fonts/NeoSansPro-Regular.ttf) format("truetype"), url(fonts/NeoSansPro-Regular.svg#NeoSansPro-Regular) format("svg");
                font-weight: 400;
                font-style: normal
            }
            
            @font-face {
                font-family: 'Neo Sans Pro';
                src: url(fonts/NeoSansPro-Medium.eot);
                src: url(fonts/NeoSansPro-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/NeoSansPro-Medium.woff2) format("woff2"), url(fonts/NeoSansPro-Medium.woff) format("woff"), url(fonts/NeoSansPro-Medium.ttf) format("truetype"), url(fonts/NeoSansPro-Medium.svg#NeoSansPro-Medium) format("svg");
                font-weight: 600;
                font-style: bold
            }
            
            h1,
            h2,
            h3,
            h4,
            h5 {
                font-family: 'Neo Sans Pro', sans-serif;
                line-height: 1
            }
            
            h3,
            h4 {
                line-height: 1.2
            }
            
            h4 {
                font-size: 1.4285714286em
            }
            
            h5 {
                font-size: 16px
            }
            
            p {
                font-size: 14px;
                line-height: 1.6;
                margin-bottom: 24px
            }
            
            @media only screen and (min-width:320px) {
                h2,
                h3,
                strong {
                    font-weight: 700
                }
                #art3 .mw:after,
                footer .mw:before,
                h2:after,
                header .mw:before,
                ul.checked li:before {
                    content: ''
                }
                .card .c,
                .scw .i {
                    box-shadow: 0 10px 20px 0 rgba(170, 170, 170, .15)
                }
                img {
                    max-width: 100%
                }
                .lgr {
                    display: flex
                }
                .mr {
                    display: none
                }
                .scw button {
                    background-color: transparent;
                    border: none
                }
                .scw .scc {
                    position: absolute;
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    top: 50%;
                    margin-top: -32px
                }
                .scw .i {
                    padding: 32px;
                    margin: 0 auto 32px;
                    max-width: 734px;
                    border-radius: 4px;
                    background-color: #fff
                }
                #art4 .btn,
                figure {
                    max-width: fit-content
                }
                .card .c,
                .card .h {
                    border-radius: 6px
                }
                .scw div.ch {
                    display: flex;
                    align-items: center
                }
                .card .h,
                footer .image,
                header .image {
                    align-items: center
                }
                .scw div.ch figure {
                    margin-right: 32px
                }
                .scw div.ch p {
                    margin-bottom: 0
                }
                .scw div.ch strong {
                    display: block;
                    margin-bottom: 24px
                }
                #art1 .video,
                #art2 figure,
                footer p.ch,
                h2,
                header p.ch,
                ul.checked li {
                    margin-bottom: 32px
                }
                h1 {
                    margin-bottom: 8px
                }
                h2 {
                    font-size: 24px;
                    line-height: 1.3
                }
                h2 span,
                h3 {
                    font-size: 18px
                }
                #art6 .crds p,
                h3,
                ul.checked {
                    line-height: 1.5
                }
                h2:after {
                    display: block;
                    width: 160px;
                    background-color: #F9ECE4;
                    height: 2px;
                    margin: 32px auto 16px
                }
                h2 span {
                    color: #788197;
                    display: block;
                    margin-top: 24px
                }
                .card .h {
                    background-color: #FFDD2D;
                    padding: 24px;
                    display: flex;
                    z-index: 1
                }
                article,
                footer .mw,
                header .mw {
                    padding: 32px 0
                }
                .card .h i {
                    margin-right: 24px
                }
                footer,
                header {
                    overflow: hidden;
                    text-align: center
                }
                footer .lgr,
                header .lgr {
                    margin-bottom: 32px;
                    margin-top: 84px
                }
                footer ul,
                header ul {
                    text-align: left
                }
                #art1 h2,
                #art2,
                #art2 h2,
                #art3 h2,
                #art3 p,
                #art4 h2,
                #art4 p.ch {
                    text-align: center
                }
                footer form,
                header form {
                    margin: 0 auto
                }
                footer form input[type=submit],
                header form input[type=submit] {
                    min-width: 100%
                }
                footer figure .label,
                header figure .label {
                    position: absolute;
                    z-index: 10;
                    left: 50%;
                    margin-left: -104px;
                    top: -60px
                }
                footer figure img,
                header figure img {
                    z-index: 9
                }
                footer .mw:before,
                header .mw:before {
                    position: absolute;
                    height: 395px;
                    width: 369px;
                    background-image: url(../img/h-bg-2.svg);
                    top: -110px;
                    left: -140px
                }
                footer p.ch,
                header p.ch {
                    font-size: 12px;
                    font-weight: 700
                }
                footer h2,
                header h2 {
                    font-size: 32px;
                    font-weight: 400
                }
                footer h2:after,
                header h2:after {
                    display: none
                }
                footer h2 span,
                header h2 span {
                    font-weight: 700;
                    display: inline-block;
                    color: #FFDD2D;
                    font-size: inherit;
                    margin: 0
                }
                figure {
                    margin: 0 auto
                }
                pre {
                    font-size: 16px;
                    margin-bottom: 8px
                }
                ul.checked {
                    font-size: 16px;
                    padding-left: 52px
                }
                ul.checked li:before {
                    background-image: url(../img/check.svg);
                    height: 32px;
                    width: 32px;
                    -webkit-background-size: cover;
                    background-size: cover;
                    position: absolute;
                    left: -52px;
                    top: 50%;
                    margin-top: -16px
                }
                .card .c {
                    background-color: #fff;
                    padding: 46px 32px 16px;
                    margin-top: -16px
                }
                .card i {
                    min-width: 32px
                }
                #art1 {
                    background-color: #fffcfa
                }
                #art1 .video {
                    border-radius: 8px;
                }
                #art1 .card .c {
                    display: grid;
                    grid-template-columns: 1fr;
                    grid-gap: 16px;
                    padding: 46px 32px 16px
                }
                #art1 .card .c * {
                    display: flex;
                    align-items: center
                }
                #art2 p.ch {
                    background-color: #f9ece4;
                    border-radius: 6px;
                    font-size: 16px;
                    padding: 16px
                }
                #art3 {
                    background-color: #3B445A;
                    color: #fff;
                    padding: 0
                }
                #art3 p.ch {
                    margin-bottom: -32px;
                    color: #788197;
                    font-weight: 700
                }
                #art3 .s {
                    padding: 32px 16px
                }
                #art3 .mw:after {
                    display: none;
                    background-image: url(../img/a3-w.png);
                    height: 100%;
                    width: 666px;
                    position: absolute;
                    top: 0;
                    right: -100px;
                    -webkit-background-size: cover;
                    background-size: cover
                }
                #art3 .card .c ul li:before,
                #art4 ul li:before {
                    counter-increment: list;
                    content: counter(list);
                    border-radius: 100%;
                    left: 0;
                    font-weight: 700
                }
                #art3 h2:after {
                    display: none
                }
                #art3 .card {
                    color: #2A3347;
                    counter-reset: list;
                    z-index: 1
                }
                #art3 .card .c {
                    margin-top: -16px;
                    padding: 46px 24px 16px
                }
                #art3 .card .c ul {
                    flex-wrap: wrap;
                    padding-left: 56px
                }
                #art3 .card .c ul li {
                    color: #788197;
                    margin-bottom: 24px;
                    position: initial
                }
                #art3 .card .c ul li:before {
                    font-size: 16px;
                    color: #788197;
                    background-color: #F8F8F8;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 42px;
                    height: 42px;
                    position: absolute
                }
                #art3 .card .c ul li strong {
                    font-size: 16px;
                    text-transform: uppercase;
                    display: block;
                    color: #2A3347;
                    margin-bottom: 8px
                }
                #art10 p,
                #art4 p.ch,
                #art4 ul li,
                #art5 .crds li p,
                #art8 figure p {
                    color: #788197
                }
                #art3 .card .c ul li strong span {
                    font-size: 32px
                }
                #art4 ul {
                    counter-reset: list;
                    flex-direction: column;
                    display: flex;
                    flex-wrap: wrap;
                    height: auto
                }
                #art4 ul li {
                    margin-bottom: 48px;
                    padding-left: 82px;
                    width: 100%
                }
                #art4 ul li:before {
                    font-size: 16px;
                    color: #A48672;
                    background-color: #F9ECE4;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 62px;
                    height: 62px;
                    position: absolute;
                    top: 50%;
                    margin-top: -31px
                }
                #art4 ul li strong {
                    color: #2A3347;
                    font-size: 16px;
                    display: block;
                    margin-bottom: 8px
                }
                #art4 div.ch {
                    background-color: #FFFCFA;
                    box-shadow: 0 2px 40px 0 rgba(243, 226, 215, .46);
                    padding: 32px 16px 0;
                    border-radius: 8px
                }
                #art13,
                #art5 {
                    background-color: #fffcfa
                }
                #art6 .crds,
                #art9 .crds {
                    padding: 0 16px
                }
                #art4 p.ch {
                    font-weight: 700;
                    margin-top: 16px;
                    font-size: 12px
                }
                #art4 .btn {
                    position: absolute;
                    display: inline-block;
                    bottom: 60px;
                    right: 0
                }
                #art5 .crds,
                #art6 .crds {
                    display: grid;
                    grid-template-columns: 1fr;
                    grid-gap: 32px;
                    text-align: center
                }
                #art5 h2 {
                    text-align: center
                }
                #art5 .crds li figure,
                #art5 .crds li h4 {
                    margin-bottom: 16px
                }
                #art6 h2 {
                    text-align: center
                }
                #art6 .crds p {
                    margin: 16px 0
                }
                #art7 {
                    color: #fff;
                    background-image: url(../img/a7-bg.jpg);
                    -webkit-background-size: cover;
                    background-size: cover
                }
                #art7 form {
                    margin: 32px 0
                }
                #art7 h2 {
                    text-align: center
                }
                #art7 h2:after {
                    display: none
                }
                #art7 .s {
                    display: flex;
                    justify-content: center;
                    align-items: center
                }
                #art8,
                #art8 figure,
                #art9 h2 {
                    text-align: center
                }
                #art8 h2 {
                    margin-bottom: 48px
                }
                #art8 h2:after {
                    display: none
                }
                #art8 figure img {
                    margin-bottom: 32px
                }
                #art8 figure h5 {
                    margin-bottom: 16px;
                    text-transform: uppercase
                }
                #art9 .crds {
                    display: grid;
                    grid-template-columns: 1fr;
                    grid-gap: 32px
                }
                #art9 .crds ul li {
                    margin-bottom: 24px
                }
                #art9 .crds ul li span {
                    display: flex;
                    justify-content: space-between;
                    width: 100%
                }
                #art9 .crds .card .h {
                    justify-content: center;
                    text-align: center;
                    padding: 0 32px;
                    height: 84px
                }
                #art9 .crds .card .c {
                    padding: 46px 16px 4px
                }
                #art10 .crds,
                #art11 .crds {
                    padding: 0 16px
                }
                #art10 {
                    text-align: center
                }
                #art10 .crds {
                    display: grid;
                    grid-template-columns: 1fr;
                    grid-gap: 32px;
                    text-align: center;
                    margin-bottom: 32px
                }
                #art10 figure,
                #art10 h4,
                #art11 figure,
                #art11 h4 {
                    margin-bottom: 16px
                }
                #art11 {
                    background-color: #2A3347;
                    text-align: center;
                    color: #fff
                }
                #art11 h2:after {
                    display: none
                }
                #art11 .crds,
                #art13 .crds {
                    display: grid;
                    grid-template-columns: 1fr;
                    grid-gap: 32px
                }
                #art12 h2 {
                    text-align: center
                }
                #art12 .scc {
                    position: relative;
                    width: 160px;
                    margin: 0 auto
                }
                #art12 .scw .i {
                    margin: 0 16px 32px
                }
                #art12 .scw div.ch {
                    text-align: center;
                    flex-wrap: wrap
                }
                #art12 .scw div.ch figure {
                    margin-right: 0;
                    margin-bottom: 32px
                }
                #art13 {
                    text-align: center
                }
                #art13 figure,
                #art13 h4 {
                    margin-bottom: 16px
                }
                .price {
                    display: flex;
                    justify-content: center;
                    margin-bottom: 32px
                }
                .pre_text {
                    color: #fff;
                    font-weight: 700;
                    font-size: 16px;
                    margin-bottom: 16px
                }
                .popup-form .popup-container {
                    background-color: #2A3347
                }
                .popup-form .popup-container .popup-close {
                    text-indent: -10000px
                }
                .popup-form .popup-container .popup-close:after,
                .popup-form .popup-container .popup-close:before {
                    background-color: #fff
                }
            }
            
            @media only screen and (min-width:720px) {
                #art2,
                footer .ctr,
                header .ctr {
                    text-align: center
                }
                article,
                footer .mw,
                header .mw {
                    padding: 64px 0
                }
                h2 {
                    margin-bottom: 64px
                }
                footer,
                header {
                    text-align: inherit;
                    padding: 0 64px
                }
                footer figure,
                header figure {
                    margin-top: 120px
                }
                footer .mw:before,
                header .mw:before {
                    content: '';
                    position: absolute;
                    height: 395px;
                    width: 369px;
                    background-image: url(../img/h-bg-2.svg);
                    top: 0;
                    left: -140px
                }
                #art4 ul li,
                #art6 .crds li {
                    width: 50%
                }
                footer .r.ch .s,
                header .r.ch .s {
                    display: flex;
                    align-items: center
                }
                .lgr {
                    display: none
                }
                .mr {
                    display: flex
                }
                #art1 {
                    padding: 64px 82px
                }
                #art1 .card .c {
                    grid-template-columns: 1fr 1fr;
                    padding: 46px 32px 16px 0
                }
                #art2 {
                    padding: 32px 120px
                }
                #art12 .scw div.ch,
                #art3 h2,
                #art3 p {
                    text-align: inherit
                }
                #art2 figure,
                #art3 figure {
                    margin-bottom: 32px
                }
                #art3 .mw:after {
                    display: block
                }
                #art3 .card .c {
                    padding: 46px 32px 16px
                }
                #art3 .s {
                    padding: 64px 16px
                }
                #art3 p.ch {
                    margin-bottom: inherit
                }
                #art4 figure,
                #art6 .crds li {
                    margin-bottom: 32px
                }
                #art4 {
                    padding: 64px
                }
                #art4 .fst {
                    order: 2
                }
                #art4 .snd {
                    order: 1
                }
                #art4 ul {
                    height: 360px
                }
                #art4 div.ch {
                    padding: 64px 32px 0
                }
                #art5 .crds {
                    grid-template-columns: 1fr 1fr 1fr
                }
                #art10 .crds,
                #art11 .crds,
                #art13 .crds,
                #art9 .crds {
                    grid-template-columns: 1fr 1fr
                }
                #art6 .crds {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center
                }
                #art7 form {
                    margin: 32px 0
                }
                #art8 {
                    padding: 64px 84px
                }
                #art12 .scw .scc {
                    position: absolute;
                    width: 100%;
                    margin-top: -32px
                }
                #art12 .scw .i {
                    margin: 0 auto 32px;
                    max-width: 600px
                }
                #art12 .scw div.ch {
                    flex-wrap: nowrap
                }
                #art12 .scw div.ch figure {
                    margin-right: 32px;
                    margin-bottom: 0;
                    min-width: fit-content
                }
                #art13 .crds p {
                    max-width: 266px;
                    margin: 0 auto
                }
            }
            
            @media only screen and (min-width:1024px) {
                footer,
                header {
                    text-align: inherit;
                    padding: 0
                }
                footer figure,
                header figure {
                    margin-top: 0
                }
                footer .ctr,
                header .ctr {
                    text-align: left
                }
                #art2,
                #art8 {
                    text-align: inherit;
                    padding: 64px 0
                }
                footer .mw,
                header .mw {
                    padding: 64px 0
                }
                footer .mw:before,
                header .mw:before {
                    content: '';
                    position: absolute;
                    height: 395px;
                    width: 369px;
                    background-image: url(../img/h-bg-2.svg);
                    top: 0;
                    left: -140px
                }
                footer .mw:after,
                header .mw:after {
                    content: '';
                    position: absolute;
                    height: 100%;
                    width: 581px;
                    background-image: url(../img/h-bg.jpg);
                    -webkit-background-size: cover;
                    background-size: cover;
                    top: 0;
                    right: -170px;
                    z-index: 8
                }
                #art1,
                #art4 {
                    padding: 64px 0
                }
                #art4 figure {
                    margin-bottom: 0
                }
                #art4 .fst {
                    order: 1
                }
                #art4 .snd {
                    order: 2
                }
                #art5 .crds {
                    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
                }
                #art6 .crds {
                    grid-template-columns: 1fr 1fr 1fr;
                    display: grid
                }
                #art10 .crds,
                #art11 .crds,
                #art13 .crds,
                #art9 .crds {
                    grid-template-columns: 1fr 1fr 1fr 1fr
                }
                #art6 .crds li {
                    width: 100%
                }
                #art12 .scw .i {
                    max-width: 735px
                }
            }
            
            .popup-container .fw:after,
            .popup-container form:before {
                display: none
            }
            
            .popup {
                z-index: 3333;
                position: fixed;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                background-color: rgba(51, 51, 51, .9);
                -webkit-animation: BackgroundGradient 4s ease infinite;
                animation: BackgroundGradient 4s ease infinite;
                background-size: 400% 400%;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: opacity .3s 0s, visibility 0s .3s;
                transition: opacity .3s 0s, visibility 0s .3s
            }
            
            .popup .form-box {
                -webkit-box-shadow: none;
                box-shadow: none
            }
            
            .popup .form-box .button {
                margin: 0 auto
            }
            
            .popup.is-visible {
                opacity: 1;
                visibility: visible;
                -webkit-transition: opacity .3s 0s, visibility 0s 0s;
                transition: opacity .3s 0s, visibility 0s 0s
            }
            
            .popup-container {
                padding-top: 20px;
                padding-bottom: 20px;
                position: relative;
                width: 90%;
                max-width: 300px;
                margin: 4em auto;
                background: #FFF;
                text-align: center;
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                box-shadow: 0 0 20px rgba(0, 0, 0, .2);
                -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
                -webkit-transition-property: -webkit-transform;
                transition-property: -webkit-transform;
                transition-property: transform;
                transition-property: transform, -webkit-transform;
                -webkit-transition-duration: .3s;
                transition-duration: .3s
            }
            
            .popup-container .fw form {
                background-color: transparent;
                box-shadow: none;
                border: none
            }
            
            .popup-container form {
                min-width: inherit;
                max-width: 256px;
                min-height: inherit
            }
            
            .no-touch .cd-popup-container li:first-child a:hover {
                background-color: #fc8982
            }
            
            .popup-container li:last-child a {
                background: #b6bece;
                border-radius: 0 0 .25em
            }
            
            .no-touch .popup-container .cd-buttons li:last-child a:hover {
                background-color: #c5ccd8
            }
            
            .popup-container .popup-close {
                position: absolute;
                top: 8px;
                right: 8px;
                width: 30px;
                height: 30px;
                z-index: 100
            }
            
            .popup-container .popup-close::after,
            .popup-container .popup-close::before {
                content: '';
                position: absolute;
                top: 12px;
                background-color: #000
            }
            
            *,
            form {
                position: relative
            }
            
            .popup-container .popup-close::before {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                right: 0;
                width: 20px;
                height: 1px
            }
            
            .popup-container .popup-close::after {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 0;
                width: 20px;
                height: 1px
            }
            
            .btn,
            form input[type=text],
            input[type=submit],
            .mw select {
                text-align: center;
                font-family: 'Neo Sans Pro', sans-serif;
                width: 100%;
                -webkit-appearance: none
            }
            
            .is-visible .popup-container {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
            
            @media only screen and (min-width:1170px) {
                .popup-container {
                    margin: 8em auto
                }
            }
            
            html {
                box-sizing: border-box
            }
            
            *,
            :after,
            :before {
                box-sizing: inherit
            }
            
            :focus {
                outline: 0
            }
            
            body {
                font-family: 'Neo Sans Pro', sans-serif;
                font-size: 14px;
                overflow-x: hidden;
                color: #454A54;
                background-color: #fff
            }
            
            .input-checkbox,
            input.text,
            input[type=button],
            input[type=submit],
            input[type=text],
            textarea {
                -webkit-appearance: none;
                border-radius: 0
            }
            
            form {
                max-width: 256px;
                min-height: 300px;
                padding: 25px 20px 20px;
                z-index: 10;
                background-color: #2A3347;
                border-radius: 10px;
                text-align: center;
                -webkit-appearance: none
            }
            
            form::-webkit-input-placeholder {
                font-weight: 400;
                color: #788197;
                font-size: 14px
            }
            
            form::-moz-placeholder {
                font-weight: 400;
                color: #788197;
                font-size: 14px
            }
            
            form:-moz-placeholder {
                font-weight: 400;
                color: #788197;
                font-size: 14px
            }
            
            form:-ms-input-placeholder {
                font-weight: 400;
                color: #788197;
                font-size: 14px
            }
            
            form input[type=submit] {
                margin-bottom: 0;
                -webkit-appearance: none
            }
            
            form * {
                display: block
            }
            
            form img,
            form p * {
                display: inline-block
            }
            
            form p {
                text-align: center;
                justify-content: center;
                align-items: center;
                margin-bottom: 15px;
                color: #1379F1;
                font-weight: 700;
                font-size: 10px;
                line-height: 1.3
            }
            
            form p strong {
                font-size: 16px;
                text-transform: uppercase;
                margin-bottom: 5px
            }
            
            form p * {
                margin-bottom: 0;
                line-height: 1;
                font-weight: 700
            }
            
            form label {
                -webkit-appearance: none
            }
            
            form input[type=text],
            .mw select {
                min-height: 48px;
                padding: 12px;
                margin-bottom: 16px;
                box-sizing: border-box;
                border: none;
                border-radius: 8px;
                background: #fff;
                color: #454A54;
                font-size: 14px;
                font-weight: 700
            }
            
            .btn,
            input[type=submit] {
                color: #454A54;
                min-height: 50px;
                line-height: 24px;
                padding: 12px 30px 11px;
                text-decoration: none;
                background-color: #FFDD2D;
                font-weight: 700;
                font-size: 16px;
                border-radius: 10px;
                border: none;
                display: inline-block;
                cursor: pointer;
                max-width: fit-content
            }
            
            .btn.inv,
            input[type=submit].inv {
                background-color: #FF7200;
                box-shadow: 0 4px 0 0 #934F17
            }
            
            .timer_container span.pre {
                color: #454A54;
                font-size: 10px;
                margin-bottom: 10px;
                display: block;
                line-height: 1.3;
                letter-spacing: 2px;
                text-transform: uppercase
            }
            
            .timer_container .timer {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                margin: 16px 0 0
            }
            
            .timer_container .timer *,
            .timer_container .timer .item-timer * {
                margin-bottom: 0
            }
            
            .timer_container .timer .item-timer {
                display: flex;
                align-items: center
            }
            
            .timer_container .timer .item-timer .dots {
                margin: 0 5px
            }
            
            .timer_container .timer .hr:after {
                content: "ч"
            }
            
            .timer_container .timer .min:after {
                content: "м"
            }
            
            .timer_container .timer .sec:after {
                content: "с"
            }
            
            .popup-container form {
                margin: 0 auto
            }
            
            .popup-container form span.ch {
                margin-left: 10px
            }
            
            .popup-container form .price {
                color: #454A54;
                font-size: 20px;
                margin-top: 16px;
                margin-bottom: 16px;
                display: flex;
                align-items: center
            }
            
            .popup-container form .price span {
                margin-bottom: 0
            }
            
            .popup-container form .price .scnd-price {
                display: flex;
                color: #1379F1;
                font-size: 32px;
                font-weight: 700;
                justify-content: center;
                align-items: flex-end;
                margin-left: 12px
            }
			
.video-container{
    position: relative;
    width: 550px;
	border-radius:8px;
    height: 320px;
    overflow:hidden;
    margin: 0 auto 10px;
}
.video-container iframe, .video-container object, .video-container embed{
    position:absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
@media screen and (max-width: 960px) {
.video-container{
    position: relative;
    width: 440px;
    height: 300px;
}
}
@media screen and (max-width: 640px) {
.video-container{
    position: relative;
    width: 300px;
    height: 170px;
}
}