body.noscroll{ margin:0; height:100vh; overflow:hidden; } body { background:#fff; } html.is-locked, html.is-locked body { height: calc(var(--window-inner-height) - 1px); overflow: hidden; box-sizing: border-box; } #container_video { position: relative; z-index:2; } #container_video.fullscreen { background: #000; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000; } #video { display: block; width:100%; max-width:900px; height:auto; margin: 0 auto; } #container_video.fullscreen #video { width: 100%; max-width:100%; height: 100%; } #open-video, #popup, #play { display: none; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom:0; text-align: center; z-index: 2; height:150px; } @media screen and (max-width: 500px) { #open-video { height: 75px; } } #play { display: block; } #play h4:first-child{ margin-bottom:60px; } #play>div{ background:no-repeat center/60px url(data:image/svg+xml;base64,CiAgICA8c3ZnIHZlcnNpb249IjEuMSIgZmlsbD0iI0ZGRkZGRiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgICAgICB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ2Ljc1cHgiIGhlaWdodD0iMzIuNTYzcHgiIHZpZXdCb3g9IjcuOTk5IDkuMDYyIDQ2Ljc1IDMyLjU2MyIKICAgICAgICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDcuOTk5IDkuMDYyIDQ2Ljc1IDMyLjU2MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgID4KICAgICAgPHN0eWxlPgogICAgICAgIEAtd2Via2l0LWtleWZyYW1lcyBCTElOSyB7CiAgICAgICAgICAwJSB7IG9wYWNpdHk6IDA7IH0KICAgICAgICAgIDMzJSB7IG9wYWNpdHk6IDE7IH0KICAgICAgICAgIDY2JSB7IG9wYWNpdHk6IDE7IH0KICAgICAgICAgIDEwMCUgeyBvcGFjaXR5OiAwOyB9CiAgICAgICAgfQoKICAgICAgICBAa2V5ZnJhbWVzIEJMSU5LIHsKICAgICAgICAgIDAlIHsgb3BhY2l0eTogMDsgfQogICAgICAgICAgMzMlIHsgb3BhY2l0eTogMTsgfQogICAgICAgICAgNjYlIHsgb3BhY2l0eTogMTsgfQogICAgICAgICAgMTAwJSB7IG9wYWNpdHk6IDA7IH0KICAgICAgICB9CgogICAgICAgIC5hbmltYXRpb24gLmJsaW5rXzEgewogICAgICAgICAgLXdlYmtpdC1hbmltYXRpb246IEJMSU5LIDJzIGluZmluaXRlOwogICAgICAgICAgYW5pbWF0aW9uOiBCTElOSyAycyBpbmZpbml0ZTsKICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgfQoKICAgICAgICAuYW5pbWF0aW9uIC5ibGlua18yIHsKICAgICAgICAgIC13ZWJraXQtYW5pbWF0aW9uOiBCTElOSyAycyBpbmZpbml0ZSAuM3M7CiAgICAgICAgICBhbmltYXRpb246IEJMSU5LIDJzIGluZmluaXRlIC4zczsKICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgfQoKICAgICAgICAuYW5pbWF0aW9uIC5ibGlua18zIHsKICAgICAgICAgIC13ZWJraXQtYW5pbWF0aW9uOiBCTElOSyAycyBpbmZpbml0ZSAuNnM7CiAgICAgICAgICBhbmltYXRpb246IEJMSU5LIDJzIGluZmluaXRlIC42czsKICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgfQoKICAgICAgICAuYW5pbWF0aW9uIC5zbWFydHBsYXktc3ZnLWNvbG9yIHsKICAgICAgICAgIGZpbGw6ICcjRkZGRkZGJyAhaW1wb3J0YW50OwogICAgICAgIH0KCiAgICAgICAgLmFuaW1hdGlvbi5hZGp1c3RhYmxlIHsKICAgICAgICAgIGJvcmRlcjogNHB4IHNvbGlkICcjRkZGRkZGJzsKICAgICAgICB9CiAgICAgIDwvc3R5bGU+CgogICAgICA8ZyBjbGFzcz0iYWRqdXN0YWJsZSBmZyBhbmltYXRpb24iPgogICAgICAgIDxwYXRoIGNsYXNzPSJzbWFydHBsYXktc3ZnLWNvbG9yIiBkPSJNNTMuMjQ5LDM5LjYxNmMtMC4xODYsMC0wLjM3MS0wLjA1MS0wLjUzNy0wLjE1N2wtNDMuNS0yNy43NWMtMC40NjYtMC4yOTctMC42MDMtMC45MTYtMC4zMDYtMS4zODFjMC4yOTgtMC40NjYsMC45MTctMC42MDEsMS4zODEtMC4zMDZsNDMuNSwyNy43NWMwLjQ2NywwLjI5NywwLjYwNCwwLjkxNiwwLjMwNywxLjM4MUM1My45MDEsMzkuNDUzLDUzLjU3OSwzOS42MTYsNTMuMjQ5LDM5LjYxNnoiPjwvcGF0aD4KICAgICAgICA8cGF0aCBjbGFzcz0iYmxpbmtfMyBzbWFydHBsYXktc3ZnLWNvbG9yIiBkPSJNNDguODk2LDMzLjQ2N2wxLjY5OSwxLjA4NWMzLjQ5Ny03Ljc5MSwyLjA3My0xNy4yNzEtNC4zMTMtMjMuNjU5Yy0wLjM5MS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwcy0wLjM5MSwxLjAyMywwLDEuNDE0QzUwLjU4MSwxOC4wMTksNTEuOTEzLDI2LjQ2Myw0OC44OTYsMzMuNDY3eiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGNsYXNzPSJibGlua18zIHNtYXJ0cGxheS1zdmctY29sb3IiIGQ9Ik00Ni45MjYsMzYuOTU2Yy0wLjYxMiwwLjg2My0xLjI4NiwxLjY5NS0yLjA1OSwyLjQ2OWMtMC4zOTIsMC4zOTEtMC4zOTIsMS4wMjMsMCwxLjQxNGMwLjE5NCwwLjE5NSwwLjQ1LDAuMjkzLDAuNzA3LDAuMjkzYzAuMjU2LDAsMC41MTItMC4wOTgsMC43MDYtMC4yOTNjMC44NzgtMC44NzgsMS42NDItMS44MjQsMi4zMzMtMi44MDdMNDYuOTI2LDM2Ljk1NnoiPjwvcGF0aD4KICAgICAgICA8cGF0aCBjbGFzcz0iYmxpbmtfMiBzbWFydHBsYXktc3ZnLWNvbG9yIiBkPSJNNDIuNTQzLDI5LjQxNWwxLjc3NywxLjEzNWMxLjU0NS01LjMxNSwwLjIyOS0xMS4yOTMtMy45NTMtMTUuNDc2Yy0wLjM5Mi0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwYy0wLjM5MiwwLjM5MS0wLjM5MiwxLjAyMywwLDEuNDE0QzQyLjQ1NCwxOS45ODcsNDMuNjM5LDI0LjkyNSw0Mi41NDMsMjkuNDE1eiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGNsYXNzPSJibGlua18yIHNtYXJ0cGxheS1zdmctY29sb3IiIGQ9Ik00MSwzMy4xNzRjLTAuNTYzLDAuOTQtMS4yMzUsMS44MzctMi4wNDcsMi42NDZjLTAuMzkxLDAuMzkyLTAuMzkxLDEuMDIzLDAsMS40MTRjMC4xOTUsMC4xOTUsMC40NTEsMC4yOTMsMC43MDcsMC4yOTNzMC41MTItMC4wOTgsMC43MDctMC4yOTNjMC45MTYtMC45MTQsMS42NzYtMS45MjQsMi4zMTctMi45ODRMNDEsMzMuMTc0eiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGNsYXNzPSJibGlua18xIHNtYXJ0cGxheS1zdmctY29sb3IiIGQ9Ik0zNS43NzEsMjUuMDk0bDIuMDAzLDEuMjc3YzAuMDEyLTAuMjAzLDAuMDI5LTAuNDA0LDAuMDI5LTAuNjA5YzAtMy4wNzktMS4yLTUuOTc0LTMuMzgxLTguMTUzYy0wLjM5MS0wLjM5MS0xLjAyMi0wLjM5MS0xLjQxNCwwYy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMywwLDEuNDE0QzM0LjY1MiwyMC42NjYsMzUuNjEzLDIyLjgwMiwzNS43NzEsMjUuMDk0eiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGNsYXNzPSJibGlua18xIHNtYXJ0cGxheS1zdmctY29sb3IiIGQ9Ik0zNS4wODQsMjkuNDAxYy0wLjQ3NCwxLjE0NS0xLjE3MiwyLjE5Ny0yLjA3NiwzLjFjLTAuMzkxLDAuMzkxLTAuMzkxLDEuMDIzLDAsMS40MTRjMC4xOTUsMC4xOTUsMC40NTEsMC4yOTMsMC43MDcsMC4yOTNjMC4yNTcsMCwwLjUxMy0wLjA5OCwwLjcwNy0wLjI5M2MxLjAwOC0xLjAwNiwxLjc5NS0yLjE3LDIuMzYxLTMuNDNMMzUuMDg0LDI5LjQwMXoiPjwvcGF0aD4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic21hcnRwbGF5LXN2Zy1jb2xvciIgcG9pbnRzPSIyOC4xMjQsMjAuMjE1IDI4LjEyNCwxNC45OTEgMjQuNjM1LDE3Ljk5ICAiPjwvcG9seWdvbj4KICAgICAgICA8cGF0aCBjbGFzcz0ic21hcnRwbGF5LXN2Zy1jb2xvciIgZD0iTTIwLjkyMSwyMC4zNjZoLTYuNDIzYy0wLjU1MywwLTEsMC41MDgtMSwxLjEzNXY4LjIyOWMwLDAuNjI3LDAuNDQ3LDEuMTM1LDEsMS4xMzVoNy4zNzVsNi4yNSw1Ljg3NVYyNC45NkwyMC45MjEsMjAuMzY2eiI+PC9wYXRoPgogICAgICA8L2c+CiAgICA8L3N2Zz4KICA=); } #open-video>div, #popup>div, #play>div{ position:relative; background-color:rgba(0,207,47,0.75); padding:5px 20px; margin:0 auto; width:30%; color:#fff; border:2px solid #fff; border-radius:8px; cursor:pointer; } #open-video>div, #popup>div{ width:40%; background-color:rgba(255,0,0,0.75);} @media (max-width:600px){ #open-video>div, #popup>div, #play>div{ width:80%; } #open-video>div { width: 50%; } } #order { display: none; margin: 0 auto; } #order h1 { font-size: 4em; text-align: center; margin-top: 30%; } #close {     display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 2;
    background-image: url(close.svg);
    background-size: cover; } .main_header { font-size:45px; max-width: 800px; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight: black; line-height: 1.3; margin-bottom: 20px; } .subtitle{ max-width: 800px; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight: black; line-height: 1.3; margin-bottom: 20px; } .green_bg{ color: white; background-color: red!important; } .block_tv{ background-color: rgb(143, 6, 97); text-align: center; } .block_tv img{ width: 100px; border-radius: 50%; } .block_tv p{ font-size: 30px; color: white; font-weight: 900; padding-top: 10px; } .tv_icons{ display: flex; align-items: center; justify-content: center; gap: 30px; padding-bottom: 10px; } /* form */ .formFb { box-sizing: border-box; margin: 1.5rem 0; } .formFb { max-width: 600px; font-size: 17px; padding: 0.6em 1em; display: flex; flex-direction: column; align-items: center ; margin: 0 auto; border-radius: 0.5em; background-image: linear-gradient(90deg, #3580ed 50%, transparent 50%), linear-gradient(90deg, #3580ed 50%, transparent 50%), linear-gradient(0, #3580ed 50%, transparent 50%), linear-gradient(0, #3580ed 50%, transparent 50%); background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 10px 2px, 10px 2px, 2px 10px, 2px 10px; animation: marching-ants 400ms infinite linear; } @keyframes marching-ants { 0% { background-position: 0 0, 10px 100%, 0 10px, 100% 0; } 100% { background-position: 10px 0, 0 100%, 0 0, 100% 10px; } } .formFb__container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .formFb__text { display: block; margin: 0; } .formFb__action { margin-bottom: .5em; text-align: center; } .formFb__counter { font-size: .925em; text-align: center; } .formFb__counter span { font-weight: bold !important; } .formFb__counter .red { color: #f20 !important; } .formFb__img { max-width: 250px; margin: 1em 0; } .formFb__img img { width: 100%; max-width: 100%; } .formFb__price { display: flex; align-items: center; flex-direction: column; } .formFb__price--p { display: flex; align-items: center; } .formFb__price--old { font-size: 1.15em; text-decoration: line-through; margin-right: .5em; } .formFb__price--txt { margin-bottom: .55em; font-weight: bold; font-size: 1.25em; } .formFb__price--new { font-size: 2em; font-weight: bold; color: #f20; } .formFb__timer { margin: 1.5em 0; display: flex; flex-direction: column; align-items: center; } .formFb__timer p { /*margin-right: .5em;*/ margin-bottom: .25em; } .formFb__timer .timer { display: flex; font-size: 2em; color: rgb(88, 88, 88); } .formFb__timer .timer .hour { margin-right: .15em; } .formFb__timer .timer .minute { margin: 0 .15em; } .formFb__timer .timer .second { margin-left: .15em; } .formFb__inputs { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 1em; max-width: 300px; width: 100%; } .formFb__inputs label { font-size: .941175em; margin-bottom: .25em; } .formFb__inputs input { display: block; border: 1px solid #3578e563; padding-left: 10px; padding: .5em .65em; width: 100%; margin: 0 auto; } .formFb__btn { display: block; width: 100%; max-width: 300px; padding: .65em 0; margin-bottom: 1em; background: #3580ed; border: 1px solid #3580ed; display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none !important; color: #fff; font-size: 1em; transition: transform .4s; } .formFb__btn:hover, .formFb__btn:active { transform: scale(.95); } .formFb__steps { display: flex; width: 100%; max-width: 300px; justify-content: space-between; margin-bottom: 1em; } .formFb__step { width: 50px; min-width: 50px; max-width: 50px; height: 50px; position: relative; } .formFb__step--line { flex-grow: 1; padding: .5rem; display: flex; align-items: center; justify-content: center; position: relative; } .formFb__step--line:after { position: absolute; width: 80%; content: ''; height: 1px; top: 50%; transform: translateY(-50%); left: 10%; border-bottom: 2px dashed #3580ed; } .formFb__step img { width: 100%; max-width: 100%; } blockquote { margin-bottom: 1rem; } * { box-sizing: border-box; } img + blockquote { margin-top: .5rem; }