/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@font-face {
    font-family: "Museo Sans Cyrl";
    src: url('fonts/museo-sans-cyrl-300.woff') format('woff'),
         url('fonts/museo-sans-cyrl-300.woff2') format('woff2'); 
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Museo Sans Cyrl";
    src: url('fonts/museo-sans-cyrl-700.woff') format('woff'),
         url('fonts/museo-sans-cyrl-700.woff2') format('woff2'); 
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Museo Sans Cyrl";
    src: url('fonts/museo-sans-cyrl-900.woff') format('woff'),
         url('fonts/museo-sans-cyrl-900.woff2') format('woff2'); 
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}

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

body {
    margin: 0
}

a {
    background-color: transparent
}

img {
    border-style: none
}

button {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

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

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

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

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

*,
:after,
:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box
}

html {
    font-size: 10px
}

body {
    font-family: "Museo Sans Cyrl", Ubuntu, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    background-color: #fff
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

svg {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.icon {
    width: 1em;
    height: 1em
}

img {
    max-width: 100%;
    height: auto
}

picture {
    display: block
}

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

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}


/********************************************************************/
.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-top: 6%;
    background-color: #131e2c;
    color: #ffffff;
}

@media (max-width: 767px) {
    .wrapper {
        position: relative;
        overflow-x: hidden;
    }
}

@media (max-width: 575px) {
    .wrapper {
        padding-top: 0;
    }
}

.container {
    max-width: 630px;
    width: 100%;
    margin: 0 auto;
    padding: 0 12px;
}

.page-title {
    width: 100%;
    max-width: 350px;
    margin: 0 0 43px;
    font-size: 40px;
    line-height: 48px;
    font-weight: 900;
}

.header {
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg width='839' height='493' viewBox='0 0 839 493' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='544' y='26' width='165' height='165' fill='%23393873'/%3E%3Crect x='336' y='269' width='165' height='165' fill='%23393873'/%3E%3Crect y='328' width='165' height='165' fill='%23393873'/%3E%3Crect x='34' width='75' height='75' fill='%23393873'/%3E%3Crect x='764' y='288' width='75' height='75' fill='%23393873'/%3E%3C/svg%3E%0A");
    background-size: 97%;
    background-repeat: no-repeat;
    background-position: right top;
}

@media (max-width: 575px) {
    .header {
        padding-top: 8.06vw;
        background-position: -12.6vw 0;
        background-size: 127vw;
    }
}

.header__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 522px;
}

@media (max-width: 575px) {
    .header__container {
        min-height: 71.25vw;
    }
}

.header__media {
    position: absolute;
    top: 0;
    right: -35px;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 100%;
    width: 100%;
    max-width: 404px;
    padding-top: 19px;
}

@media (max-width: 575px) {
    .header__media {
        width: 61.25vw;
        right: -7px;
        padding-top: 0;
    }
}

.header__media::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 48px;
    width: 100%;
    background: -o-linear-gradient(top, rgba(19, 30, 44, 0) 0%, #131E2C 95.35%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 30, 44, 0)), color-stop(95.35%, #131E2C));
    background: linear-gradient(180deg, rgba(19, 30, 44, 0) 0%, #131E2C 95.35%);
    content: "";
}

.header__media img {
    display: block;
    margin-left: auto;
    height: calc(100% - 19px);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (max-width: 575px) {
    .header__media img {
        height: auto;
    }
}

.header__info {
    position: relative;
    z-index: 1;
    width: 300px;
    padding-top: 77px;
}

@media (max-width: 575px) {
    .header__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        padding-top: 3.4%;
    }
}

.header__logo {
    margin-bottom: 40px;
}

.logo {
    display: block;
    width: 207px;
    height: 43px;
    fill: #ffffff;
}

@media (max-width: 575px) {
    .header__logo {
        width: 36.94vw;
        height: 7.50vw;
        margin-bottom: 5.6vw;
    }
}

.logo:hover,
.logo:focus {
    opacity: 0.5;
}

.main-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 38px;
}

@media (max-width: 575px) {
    .main-title {
        margin-bottom: 10vw;
    }
}

.main-title__top {
    position: relative;
    margin-bottom: 25px;
    font-weight: 900;
    font-size: 55px;
    line-height: 52.14px;
    letter-spacing: 0.04em;
}

@media (max-width: 575px) {
    .main-title__top {
        font-size: 7.875vw;
        line-height: 7.897vw;
        max-width: 46vw;
        margin-bottom: 3.7vw;
    }
}

.main-title__top::before {
    position: absolute;
    top: -40px;
    left: -88px;
    font-size: 252.5px;
    line-height: 1;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.1);
    content: '“';
}

@media (max-width: 575px) {
    .main-title__top::before {
        z-index: -1;
        font-size: 38.241vw;
        line-height: 45.891vw;
        color: rgba(255, 255, 255, 0.3);
        top: -10.625vw;
        left: -6.875vw;
    }
}

.main-title__top::after {
    position: absolute;
    top: 71%;
    right: 0;
    font-size: 252.5px;
    line-height: 1;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.1);
    content: '”';
}

@media (max-width: 575px) {
    .main-title__top::after {
        z-index: -1;
        font-size: 38.241vw;
        line-height: 45.891vw;
        color: rgba(255, 255, 255, 0.3);
        left: 26.563vw;
        top: 18.750vw;
    }
}

.main-title__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 233px;
    padding: 9px 18px 7px;
    color: #393873;
    font-size: 23.6364px;
    line-height: 28px;
    text-transform: uppercase;
    background: #ffffff;
    font-weight: 900;
}

@media (max-width: 575px) {
    .main-title__bottom {
        width: 36.875vw;
        padding: 2vw 2.813vw 1.25vw;
        font-size: 3.75vw;
        line-height: 3.4vw;
    }
}

.main-title__bottom span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    text-transform: initial;
}

@media (max-width: 575px) {
    .main-title__bottom span {
        font-size: 3.13vw;
        line-height: 3.13vw;
    }
}

.info-block {
    width: 100%;
    padding: 23px 29px;
    margin-bottom: 74px;
    background-color: #182639;
    font-weight: 300;
    line-height: 19.2px;
    font-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='77' height='77' viewBox='0 0 77 77' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='77' height='77' fill='%23393873'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 77px;
}

@media (max-width: 575px) {
    .info-block {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.info-block--promo {
    padding: 56px 44px 36px;
    background-image: none;
}

@media (max-width: 575px) {
    .info-block--promo {
        padding: 40px 15px 10px;
    }
}

.info-block strong {
    font-weight: 700;
}

.info-block>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.info-block>ul>li {
    position: relative;
    z-index: 1;
    padding-left: 33px;
    margin: 0 0 19px;
}

.info-block>ul>li::before {
    position: absolute;
    top: 7px;
    left: 2px;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    content: "";
}

.info-block h3 {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 0 35px;
    font-size: 25px;
    line-height: 30px;
    font-weight: 900;
}

.info-block p {
    position: relative;
    z-index: 1;
    margin: 0 0 19px;
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 300;
}

.info-block__content {
    padding: 0 23px 0 48px;
}

@media (max-width: 575px) {
    .info-block__content {
        padding: 0;
    }
}

.info-block__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 20px;
}

.info-block__controls--between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media (max-width: 575px) {
    .info-block__controls--between {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

section.info-block {
    position: relative;
}

section.info-block::before,
section.info-block::after {
    position: absolute;
    width: 47px;
    height: 47px;
    background: #393873;
    content: "";
}

section.info-block:nth-of-type(5n + 1)::before {
    bottom: -29px;
    left: 62px;
}

section.info-block:nth-of-type(5n + 1)::after {
    top: 40%;
    right: -25px;
}

section.info-block:nth-of-type(5n + 2)::before {
    bottom: -26px;
    left: -36px;
}

section.info-block:nth-of-type(5n + 2)::after {
    right: 52px;
    bottom: 58px;
}

section.info-block:nth-of-type(5n + 3)::before {
    width: 82px;
    height: 82px;
    top: -35px;
    right: -41px;
}

section.info-block:nth-of-type(5n + 3)::after {
    right: 60px;
    bottom: -24px;
}

section.info-block:nth-of-type(5n + 4)::before {
    width: 82px;
    height: 82px;
    bottom: 54px;
    right: -41px;
}

section.info-block:nth-of-type(5n + 4)::after {
    top: 100%;
    right: 100%;
}

section.info-block:nth-of-type(5n + 5)::before {
    width: 82px;
    height: 82px;
    bottom: 40%;
    right: -48px;
}

section.info-block:nth-of-type(5n + 5)::after {
    top: -19px;
    right: 25%;
}



.btn {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 243px;
    padding: 15px 10px 14px;
    margin: 10px 0;
    font-size: 18px;
    line-height: 21.6px;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-decoration: none;
    background-color: transparent;
}

.btn--fluid {
    width: auto;
}

.btn:hover,
.btn:focus {
    background-color: #ca0b27;
    border-color: #CA0B27;
}

.footer {
    margin-top: auto;
    background-color: #393873;
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px 0;
}

.footer__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 237px;
    padding: 0 15px;
}

@media (max-width: 575px) {
    .footer__left {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        max-width: 100%;
        padding-bottom: 25px;
    }
}

.footer__right {
    width: 100%;
    max-width: calc(100% - 237px);
    padding: 0 15px;
    font-size: 18px;
    font-weight: 300;
}

@media (max-width: 575px) {
    .footer__right {
        max-width: 100%;
    }
}

.footer__right p {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 0;
    line-height: 40px;
}

@media (max-width: 575px) {
    .footer__right p {
        text-align: center;
    }
}

.social-icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 5px;
    line-height: 40px;
    vertical-align: middle;
}

.social-icon svg {
    width: 34px;
    height: 34px;
    -o-object-fit: contain;
       object-fit: contain;
    fill: #ffffff;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.social-icon--wa:hover svg,
.social-icon--wa:focus svg {
    fill: #67AD5B;
}

.social-icon--email:hover svg,
.social-icon--email:focus svg {
    fill: #CA0B27;
}

.social-icon--insta,
.social-icon--insta {
    position: relative;
}

.social-icon--insta::before {
    position: absolute;
    top: 0;
    left: -4px;
    width: 42px;
    height: 42px;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M37.8978 9.99103C37.815 8.18146 37.5276 6.94568 37.1074 5.8645C36.6807 4.73015 36.0114 3.70267 35.1466 2.85339C34.2976 1.98856 33.2699 1.31905 32.1355 0.892075C31.0541 0.472107 29.8185 0.184952 28.009 0.102722C26.196 0.0197144 25.6168 0 21 0C16.3832 0 15.804 0.0197144 13.991 0.102203C12.1815 0.184952 10.9459 0.472366 9.8645 0.892593C8.73015 1.31931 7.70267 1.98856 6.85339 2.85339C5.98856 3.70241 5.31905 4.72989 4.89207 5.86424C4.47211 6.94568 4.18495 8.18146 4.10272 9.99077C4.01971 11.804 4 12.3829 4 16.9997C4 21.6168 4.01971 22.196 4.10272 24.009C4.18521 25.8183 4.47263 27.0541 4.89285 28.1355C5.31956 29.2696 5.98882 30.2973 6.85365 31.1463C7.70267 32.0112 8.73041 32.6804 9.86476 33.1071C10.9459 33.5276 12.1817 33.8148 13.9913 33.8975C15.8045 33.9803 16.3835 33.9997 21.0003 33.9997C25.6171 33.9997 26.1963 33.9803 28.0092 33.8975C29.8188 33.8148 31.0543 33.5276 32.1358 33.1071C34.4193 32.2242 36.2244 30.419 37.1074 28.1355C37.5279 27.0541 37.815 25.8183 37.8978 24.009C37.9803 22.1958 38 21.6168 38 17C38 12.3829 37.9803 11.804 37.8978 9.99103ZM34.8377 23.8697C34.7622 25.5272 34.4851 26.4274 34.2525 27.0263C33.6805 28.509 32.5088 29.6807 31.026 30.2527C30.4271 30.4854 29.527 30.7624 27.8694 30.8379C26.0772 30.9199 25.5395 30.937 21 30.937C16.4603 30.937 15.9228 30.9199 14.1303 30.8379C12.473 30.7624 11.5729 30.4854 10.9737 30.2527C10.2354 29.9801 9.56749 29.5456 9.01912 28.9809C8.45441 28.4325 8.01991 27.7648 7.74728 27.0263C7.5146 26.4274 7.23756 25.5272 7.16208 23.8697C7.08037 22.0772 7.06299 21.5395 7.06299 17.0003C7.06299 12.4608 7.08037 11.9233 7.16208 10.1306C7.23782 8.47302 7.5146 7.57291 7.74728 6.97395C8.01991 6.23544 8.45467 5.56749 9.01912 5.01912C9.56749 4.45441 10.2354 4.01991 10.974 3.74754C11.5729 3.5146 12.473 3.23782 14.1306 3.16208C15.923 3.08037 16.4608 3.06299 21 3.06299H20.9997C25.539 3.06299 26.0767 3.08037 27.8694 3.16234C29.527 3.23782 30.4268 3.51486 31.026 3.74754C31.7643 4.02017 32.4323 4.45467 32.9806 5.01912C33.5453 5.56749 33.9798 6.23544 34.2522 6.97395C34.4851 7.57291 34.7622 8.47302 34.8377 10.1306C34.9194 11.923 34.9368 12.4608 34.9368 17C34.9368 21.5395 34.9196 22.077 34.8377 23.8697Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M20.9997 8.27026C16.1785 8.27026 12.2701 12.1789 12.2701 17.0001C12.2701 21.8213 16.1785 25.7297 20.9997 25.7297C25.8212 25.7297 29.7295 21.8213 29.7295 17.0001C29.7295 12.1789 25.8212 8.27026 20.9997 8.27026ZM20.9997 22.6667C17.8703 22.6664 15.3331 20.1295 15.3334 16.9998C15.3334 13.8704 17.8703 11.3333 21 11.3333C24.1296 11.3335 26.6665 13.8704 26.6665 16.9998C26.6665 20.1295 24.1294 22.6667 20.9997 22.6667Z' fill='url(%23paint1_linear)'/%3E%3Cpath d='M32.1145 7.92543C32.1145 9.052 31.2012 9.96535 30.0746 9.96535C28.9478 9.96535 28.0344 9.052 28.0344 7.92543C28.0344 6.7986 28.9478 5.88525 30.0746 5.88525C31.2012 5.88525 32.1145 6.7986 32.1145 7.92543Z' fill='url(%23paint2_linear)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='42' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear' x1='6.85322' y1='31.1465' x2='35.1468' y2='2.85295' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD600'/%3E%3Cstop offset='0.5' stop-color='%23FF0100'/%3E%3Cstop offset='1' stop-color='%23D800B9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='14.827' y1='23.1728' x2='27.1727' y2='10.8272' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6400'/%3E%3Cstop offset='0.5' stop-color='%23FF0100'/%3E%3Cstop offset='1' stop-color='%23FD0056'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='28.632' y1='9.36777' x2='31.517' y2='6.48285' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F30072'/%3E%3Cstop offset='1' stop-color='%23E50097'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.social-icon--insta:hover svg,
.social-icon--insta:focus svg {
    opacity: 0;
}

.social-icon--insta:hover::before,
.social-icon--insta:focus::before {
    opacity: 1;
}

/* видео виджет */
.video-widget{position:fixed;left:0;z-index:999999;bottom:0}.video-widget__container{font-family:Helvetica;z-index:999999;overflow:hidden;border-style:solid;background:#eee;-webkit-transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;-o-transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-o-transform .2s ease-in-out 0s;-moz-transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-moz-transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s;transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;outline:0;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-box-shadow:rgba(0,0,0,.2) 0 10px 20px;box-shadow:rgba(0,0,0,.2) 0 10px 20px;position:absolute;left:20px;bottom:50px;border-radius:20px;border-width:5px;width:130px;height:180px;border-color:#fff}.video-widget__container:hover{-webkit-transform:scale(1.05) translate(5px,-5px);-moz-transform:scale(1.05) translate(5px,-5px);-ms-transform:scale(1.05) translate(5px,-5px);-o-transform:scale(1.05) translate(5px,-5px);transform:scale(1.05) translate(5px,-5px);border-color:#131344}.video-widget__video{-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;min-width:100%;min-height:100%;z-index:200;-webkit-transition:opacity .4s ease-in-out 0s;-o-transition:opacity .4s ease-in-out 0s;-moz-transition:opacity .4s ease-in-out 0s;transition:opacity .4s ease-in-out 0s;opacity:.9}.video-widget__close{position:absolute;top:6px;right:6px;width:20px;height:20px;z-index:250;opacity:0;-webkit-transition:opacity .2s ease-in-out 0s,-webkit-transform .3s ease-in-out 0s;transition:opacity .2s ease-in-out 0s,-webkit-transform .3s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s,-o-transform .3s ease-in-out 0s;-moz-transition:transform .3s ease-in-out 0s,opacity .2s ease-in-out 0s,-moz-transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s,opacity .2s ease-in-out 0s;transition:transform .3s ease-in-out 0s,opacity .2s ease-in-out 0s,-webkit-transform .3s ease-in-out 0s,-moz-transform .3s ease-in-out 0s,-o-transform .3s ease-in-out 0s}.video-widget__close:after,.video-widget__close:before{position:absolute;left:9px;top:1px;content:" ";height:18px;width:2px;background:#fff;-webkit-box-shadow:rgba(0,0,0,.5) 1px 1px 10px;box-shadow:rgba(0,0,0,.5) 1px 1px 10px}.video-widget__close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.video-widget__close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.video-widget__container:hover .video-widget__close{opacity:.5}.video-widget.video-widget[data-state=opened] .video-widget__container{width:280px;height:500px;border-radius:20px;border-color:#fff}.video-widget.video-widget[data-state=opened] .video-widget__close{opacity:.5}.video-widget.video-widget[data-state=opened] .video-widget__close:before{display:none}.video-widget.video-widget[data-state=opened] .video-widget__close:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.video-widget.video-widget[data-state=opened] .video-widget__close:hover{opacity:1}.video-widget__button{position:absolute;bottom:20px;right:20px;left:20px;height:65px;border-radius:10px;z-index:300;-webkit-box-shadow:rgba(0,0,0,.25) 0 4px 15px;box-shadow:rgba(0,0,0,.25) 0 4px 15px;text-align:center;-webkit-transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;-o-transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;-moz-transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;visibility:hidden;background-color:#fdd82a;font-size:14px;font-family:Helvetica;color:#000;text-align:center;vertical-align:middle;line-height:65px;text-transform:uppercase;opacity:0}.video-widget__button:hover{background-color:#ffe257;text-decoration:none}.video-widget.video-widget[data-state=opened] .video-widget__button{opacity:1;visibility:visible}@media only screen and (max-width:1023px){.video-widget__close{opacity:.5}}@media only screen and (max-width:479px){.video-widget__container{left:15px;bottom:15px;width:90px;height:125px}}

.video-widget__button {
    background: #393873;
    color: #fff;
    text-decoration: none;
}

.video-widget__button span {
    text-transform: initial;
}

.video-widget__button:hover {
    background:  #ca0b27;
}

.video-widget__button .social-icon svg {
   /* width: 30px;
    height: 30px;*/
}

.video-widget__button .social-icon--insta::before {
   /* top: -3px;
    transform: scale(0.9);*/
}

/* видео виджет end */