@charset "UTF-8";
        .icon-clock,
        .icon-close,
        .icon-coins {
            display: inline-block;
            vertical-align: middle
        }

        img {
            max-width: 100%
        }

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

        button,
        input {
            overflow: visible
        }

        a {
            text-decoration: underline
        }

        .form-check {
            -webkit-backface-visibility: hidden
        }

        .form-check__input {
            visibility: hidden
        }

        .icon-close {
            width: 16.44px;
            height: 17.16px
        }

        .icon-phone,
        .icon-plans {
            display: inline-block;
            vertical-align: middle
        }

        .icon-ribbon {
            display: inline-block;
            vertical-align: middle
        }

        .icon-tel {
            display: inline-block;
            vertical-align: middle;
            width: 11px;
            height: 11px
        }

        .icon-user {
            display: inline-block;
            vertical-align: middle;
            width: 10px;
            height: 12px
        }

        .logo-dark {
            display: inline-block;
            vertical-align: middle;
            width: 512px;
            height: 512px
        }

        .logo-white {
            display: inline-block;
            vertical-align: middle;
            width: 498.01px;
            height: 504.5px
        }

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

        figure,
        header,
        main,
        nav,
        section {
            display: block
        }

        a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects;
            color: #0054a3
        }

        b {
            font-weight: bolder
        }

        mark {
            background: 0 0;
            color: #ffad18
        }

        small {
            font-size: 80%
        }

        img {
            border-style: none
        }

        svg:not(:root) {
            overflow: hidden
        }

        button,
        input {
            font-family: sans-serif;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button {
            text-transform: none
        }

        .header__logo {
            text-transform: uppercase
        }

        button {
            -webkit-appearance: button
        }

        button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        button:-moz-focusring {
            outline: ButtonText dotted 1px
        }

        * {
            outline: 0
        }

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

        body {
            margin: 0;
            font: 400 16px/1.25 "Exo 2", Helvetica, Arial, sans-serif
        }

        h1 {
            font-weight: 700;
            margin: 0 0 25px
        }

        h1 {
            font-size: 36px
        }

        figure,
        p {
            margin: 0 0 20px
        }

        .btn {
            text-decoration: none
        }

        @font-face {
            font-family: 'Exo 2';
            src: url(fonts/Exo2-Medium.eot);
            src: url(fonts/Exo2-Medium.eot@) format("embedded-opentype"), url(fonts/Exo2-Medium.woff2) format("woff2"), url(fonts/Exo2-Medium.woff) format("woff"), url(fonts/Exo2-Medium.ttf) format("truetype");
            font-weight: 500;
            font-style: normal
        }

        @font-face {
            font-family: 'Exo 2';
            src: url(fonts/Exo2-Regular.eot);
            src: url(fonts/Exo2-Regular.eot@) format("embedded-opentype"), url(fonts/Exo2-Regular.woff2) format("woff2"), url(fonts/Exo2-Regular.woff) format("woff"), url(fonts/Exo2-Regular.ttf) format("truetype");
            font-weight: 400;
            font-style: normal
        }

        @font-face {
            font-family: 'Exo 2';
            src: url(fonts/Exo2-Bold.eot);
            src: url(fonts/Exo2-Bold.eot@) format("embedded-opentype"), url(fonts/Exo2-Bold.woff2) format("woff2"), url(fonts/Exo2-Bold.woff) format("woff"), url(fonts/Exo2-Bold.ttf) format("truetype");
            font-weight: 700;
            font-style: normal
        }

        [class^=icon-] {
            fill: currentColor
        }

        .icon-clock,
        .icon-phone {
            width: 14px;
            height: 14px;
            top: -1px
        }

        .icon-coins {
            width: 30px;
            height: 28px
        }

        .icon-plans,
        .icon-ribbon {
            width: 30px;
            height: 30px
        }

        html {
            box-sizing: border-box
        }

        .mfp-hide {
            border: 0!important;
            clip: rect(0 0 0 0)!important;
            height: 1px!important;
            margin: -1px!important;
            overflow: hidden!important;
            padding: 0!important;
            position: absolute!important
        }

        .mfp-popup:after {
            content: '';
            z-index: -1
        }

        button::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        .mfp-popup {
            position: relative;
            background: #fff;
            border-radius: 10px;
            max-width: 412px;
            text-align: left;
            padding: 20px 20px 32px;
            box-shadow: 0 2px 24px rgba(0, 0, 0, .05);
            margin: 30px auto
        }

        .mfp-popup:after {
            display: block;
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -10px;
            background: rgba(255, 255, 255, .5);
            border-radius: 15px
        }

        @media (min-width:768px) {
            .mfp-popup {
                padding: 30px 40px 42px
            }
        }

        .mfp-popup__close {
            display: block;
            position: absolute;
            top: 18px;
            right: 18px;
            border: none;
            background: 0 0;
            padding: 0;
            color: #e8e8e8
        }

        .mfp-popup__heading {
            display: block;
            font-size: 20px;
            line-height: 24px;
            font-weight: 700;
            margin: 0 0 30px;
            padding: 0 10px 0 0
        }

        @media (min-width:576px) {
            .mfp-popup__heading {
                font-size: 23px;
                line-height: 28px
            }
        }

        .mfp-popup__form .form-field {
            margin: 0 0 20px
        }

        .mfp-popup__form .form-input {
            background: #f8f8f8;
            border: 2px solid rgba(0, 30, 88, .1)
        }

        .form-field {
            position: relative;
            margin: 0 0 10px
        }

        .form-field .form-input {
            padding-left: 45px;
            margin: 0
        }

        .form-icon {
            position: absolute;
            top: 0;
            left: 5px;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40px;
            color: #ffad18
        }

        .form-input {
            width: 100%;
            background: #fff;
            border: 1px solid #fff;
            font: 500 15px/25px "Exo 2", Helvetica, Arial, sans-serif;
            padding: 15px 20px;
            color: #00002d;
            border-radius: 32px;
            -webkit-appearance: none;
            margin: 0 0 10px
        }

        .form-input::-webkit-input-placeholder {
            color: #00002d
        }

        @media (min-width:576px) {
            .form-input {
                font-size: 17px;
                padding: 17px 20px
            }
        }

        .form-check {
            display: inline-block;
            vertical-align: top;
            position: relative;
            padding: 0 0 0 34px;
            margin: 0 0 20px;
            font-size: 16px;
            line-height: 24px;
            min-width: 24px;
            backface-visibility: hidden
        }

        .form-check .form-check__radio,
        .form-check__input {
            position: absolute;
            top: 0;
            left: 0
        }

        .form-check__radio:after {
            position: absolute;
            top: 50%;
            left: 50%;
            content: ''
        }

        .form-check__input:checked~.form-check__radio:after {
            opacity: 1
        }

        .form-check__input:checked~.form-check__btn {
            background: #ffad18;
            border-color: #ffad18
        }

        .form-check__radio {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 24px;
            background-color: #f8f8f8;
            border: 1px solid #d1d1d1;
            border-radius: 50%
        }

        .form-check__radio:after {
            display: block;
            width: 16px;
            height: 16px;
            background: #ffad18;
            border-radius: 50%;
            margin: -8px 0 0 -8px;
            opacity: 0
        }

        .btn,
        .form-check__btn {
            display: inline-block;
            text-align: center
        }

        .form-check__btn {
            vertical-align: top;
            width: 50px;
            height: 50px;
            background-color: #f8f8f8;
            border: 1px solid #d1d1d1;
            font-size: 17px;
            line-height: 48px;
            font-weight: 500;
            border-radius: 50%;
            margin: 0 0 0 -34px
        }

        .btn--block,
        .form-range {
            width: 100%
        }

        .btn {
            font: 500 19px/26px "Exo 2", Helvetica, Arial, sans-serif;
            vertical-align: middle;
            position: relative;
            border: none;
            padding: 15px 20px;
            border-radius: 28px;
            height: 56px
        }

        .btn--red {
            background-color: #d81942;
            background-image: linear-gradient(180deg, #fe1010 0, #ca0909 100%);
            color: #fff;
            box-shadow: 0 4px 0 0 #9a0000, 0 9px 13px rgba(0, 0, 0, .13)
        }

        .thank__desc:after,
        .thank__user-image:before {
            content: ''
        }

        .hero {
            position: relative;
            z-index: 10;
            padding: 124px 0 66px;
            color: #363b43
        }

        @media (min-width:576px) {
            .hero {
                background: url(images/bg-hero.jpg) right 0 no-repeat #002357;
                background-size: cover;
                color: #fff
            }
            .hero:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 35, 87, .5);
                z-index: -1
            }
        }

        @media (min-width:992px) {
            .hero {
                background-attachment: fixed
            }
        }

        .hero__heading {
            font-size: 27px;
            line-height: 1;
            font-weight: 700;
            text-align: center;
            margin: 0 0 30px
        }

        .hero__heading span {
            font-size: 20px
        }

        .hero__heading mark {
            background: #0054a3;
            color: #fff;
            display: inline-block;
            vertical-align: top;
            white-space: nowrap;
            margin: 0 0 1px;
            padding: 0 5px 6px
        }

        @media (min-width:576px) {
            .hero__heading {
                font-size: 43px;
                margin: 0 0 30px
            }
            .hero__heading span {
                font-size: inherit;
                display: block
            }
            .hero__heading br {
                display: none
            }
            .hero__heading mark {
                background: 0 0;
                padding: 0;
                margin: 0;
                display: inline;
                white-space: normal
            }
        }

        @media (min-width:992px) {
            .hero__heading {
                font-size: 50px;
                line-height: 58px;
                padding: 0 30px 0 0
            }
        }

        .hero__info {
            display: none
        }

        @media (min-width:768px) {
            .hero__info {
                padding: 0;
                list-style: none;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 26px;
                line-height: 1;
                font-weight: 500;
                margin: 0 0 55px
            }
            .hero__info>li {
                position: relative;
                padding: 0 20px 0 80px;
                min-height: 60px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center
            }
        }

        @media (min-width:992px) {
            .hero__info>li {
                margin: 0 60px 0 0
            }
            .hero__info>li:last-child {
                margin: 0
            }
        }

        .hero__info-icon {
            background: #fff;
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            color: #ffad18;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .calc {
            background: #fff;
            color: #00002d;
            max-width: 312px;
            margin: 0 auto
        }

        .calc .row {
            min-width: 100%;
            -ms-flex-align: center;
            align-items: center;
            margin: 0
        }

        .calc .row>[class^=col] {
            padding: 0 12px
        }

        @media (min-width:576px) {
            .calc {
                position: relative;
                left: 4px;
                padding: 36px 42px 50px;
                border-radius: 10px;
                box-shadow: 0 2px 24px rgba(0, 0, 0, .05), 0 0 0 10px rgba(255, 255, 255, .5);
                max-width: 530px;
                margin: 0 auto
            }
        }

        .calc__heading {
            display: block;
            font-size: 22px;
            line-height: 1;
            font-weight: 700;
            color: #363b43;
            margin: 0 0 20px;
            text-align: center
        }

        @media (min-width:576px) {
            .calc__heading {
                font-size: 30px
            }
        }

        @media (min-width:992px) {
            .calc__heading {
                margin: 0 0 35px
            }
        }

        .calc__label {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            color: #00002d;
            margin: 0 0 12px
        }

        @media (min-width:576px) {
            .calc__label {
                font-size: 19px;
                line-height: 23px
            }
        }

        .calc__group,
        .calc__rooms {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 0 0 18px
        }

        .calc__group .form-check,
        .calc__rooms .form-check {
            margin: 0 10px 0 0
        }

        .calc__group .form-check:last-child,
        .calc__rooms .form-check:last-child {
            margin: 0
        }

        .calc__area {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 0 0 5px
        }

        .calc__area .form-check {
            margin: 0 10px 0 0
        }

        .calc__area .form-check:last-child {
            margin: 0
        }

        .calc__range {
            margin: 0 0 30px
        }

        .calc__range .form-input {
            width: 80px;
            text-align: center;
            padding: 10px;
            margin: 0;
            border-color: #d1d1d1;
            background: #f8f8f8
        }

        .calc__range .row {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            margin: 0 -7px
        }

        .calc__range .row>[class^=col-] {
            padding: 0 7px
        }

        .calc__action {
            text-align: center;
            margin: 0 auto
        }

        @media (min-width:768px) {
            .calc__action {
                max-width: 278px
            }
        }

        .thank__user-image {
            box-shadow: 0 9px 13px rgba(0, 0, 0, .13)
        }

        .thank {
            padding: 160px 0 36px;
            min-height: 100vh;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            opacity: 0
        }

        .thank.is-load {
            opacity: 1
        }

        .thank .container-fluid {
            width: 100%
        }

        @media (min-width:768px) {
            .thank .container-fluid {
                display: -ms-flexbox;
                display: flex
            }
        }

        .thank__user {
            margin: 0 auto 30px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-width: 420px
        }

        @media (min-width:768px) {
            .thank__user {
                display: block;
                margin: 0 30px 0 0;
                min-width: 280px;
                max-width: 280px
            }
        }

        .thank__user-image {
            width: 120px;
            height: 120px;
            position: relative;
            overflow: hidden;
            margin: 0 20px 0 0;
            border-radius: 50%
        }

        .thank__user-image:before {
            padding: 100% 0 0;
            float: left
        }

        .thank__user-image img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%
        }

        .thank__desc,
        .thank__user-caption {
            border-radius: 20px;
            background: #fff
        }

        @media (min-width:768px) {
            .thank__user-image {
                width: 240px;
                height: 240px;
                margin: 0 auto 20px
            }
        }

        .thank__user-caption {
            font-size: 16px;
            line-height: 20px;
            padding: 15px 20px;
            margin: 0;
            -ms-flex: 1;
            flex: 1
        }

        .thank__user-caption b {
            display: block;
            color: #0054a3
        }

        @media (min-width:768px) {
            .thank__user-caption {
                font-size: 18px;
                line-height: 24px;
                text-align: center
            }
        }

        .thank__desc {
            padding: 25px 30px 28px;
            font-size: 16px;
            line-height: 20px;
            min-height: 100%;
            position: relative
        }

        .thank__desc:after {
            position: absolute;
            top: 50%;
            left: -40px;
            border-left: 50px solid transparent;
            border-top: 100px solid #fff;
            margin: -50px 0 0;
            -ms-transform: skewY(20deg);
            transform: skewY(20deg);
            display: none
        }

        .thank__desc .btn {
            width: 100%;
            max-width: 280px;
            display: block;
            margin: 0 auto
        }

        .container-fluid {
            margin-right: auto;
            margin-left: auto;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%
        }

        @-ms-viewport {
            width: device-width
        }

        html {
            -ms-overflow-style: scrollbar
        }

        *,
        ::after,
        ::before {
            box-sizing: inherit
        }

        @media (min-width:768px) {
            .thank__desc:after {
                display: block
            }
        }

        .row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px
        }

        .col,
        .col-auto,
        .col-sm-4,
        .col-sm-8 {
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px
        }

        .col {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: none
        }

        @media (min-width:576px) {
            .col-sm-4 {
                -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
                max-width: 33.33333%
            }
            .col-sm-8 {
                -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
                max-width: 66.66667%
            }
        }

        body,
        html {
            height: 100%
        }

        body {
            background: #fff;
            color: #414751
        }

        .app {
            position: relative;
            min-height: 100%;
            overflow: hidden;
            min-width: 320px
        }

        .container-fluid {
            max-width: 1130px
        }

        .header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
            background: #fff;
            color: #363b43;
            padding: 48px 0 20px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .header__logo {
            position: relative
        }

        @media (min-width:768px) {
            .header {
                background: 0 0;
                padding: 20px 0;
                color: #fff
            }
            .header .container-fluid {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center
            }
        }

        .header__logo {
            padding: 0 0 0 50px;
            margin: 0 20px 0 0;
            font-size: 15px;
            line-height: 1;
            font-weight: 800
        }

        .header__logo small {
            display: block;
            text-transform: none;
            font-size: 11px;
            font-weight: 400;
            padding: 5px 0 0
        }

        .header__logo [class^=logo-] {
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            width: 40px;
            height: 40px
        }

        .header__logo .logo-white {
            opacity: 0
        }

        @media (min-width:576px) {
            .header__logo {
                margin: 0 20px 0 0;
                font-size: 20px;
                line-height: 1
            }
            .header__logo small {
                font-size: 12px
            }
        }

        @media (min-width:768px) {
            .header__logo {
                padding: 0 0 0 82px;
                top: -5px
            }
            .header__logo [class^=logo-] {
                width: 68px;
                height: 68px;
                margin: 4px 0 0 2px
            }
            .header__logo .logo-white {
                opacity: 1
            }
            .header__logo .logo-dark {
                opacity: 0
            }
        }

        .header__call {
            display: block;
            position: absolute;
            top: 80px;
            left: 0;
            right: 0;
            background: #0054a3;
            color: #fff;
            height: 38px;
            padding: 0 15px;
            width: 100%
        }

        .header__call .row {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            margin: 0
        }

        .header__call .row>[class^=col] {
            padding: 0
        }

        @media (min-width:768px) {
            .header__call {
                position: relative;
                background: #fff;
                color: #000433;
                margin: 0 0 0 auto;
                min-height: 76px;
                border-radius: 100px;
                padding: 12px 18px 17px 22px;
                white-space: nowrap;
                min-width: 490px;
                max-width: 490px
            }
        }

        @media (min-width:992px) {
            .header__call {
                padding-left: 28px
            }
        }

        .header__call-phone {
            display: block;
            white-space: nowrap;
            font-size: 18px;
            line-height: 38px;
            font-weight: 500;
            margin: 0
        }

        .header__call-phone [class^=icon-] {
            display: none
        }

        .header__call-phone a {
            color: inherit;
            text-decoration: none
        }

        @media (min-width:768px) {
            .header__call-phone {
                font-size: 24px;
                line-height: 24px
            }
            .header__call-phone [class^=icon-] {
                display: inline-block;
                margin: 0 12px 0 0;
                color: #ffbb12
            }
        }

        .header__call-worktime {
            display: none
        }

        @media (min-width:768px) {
            .header__call-worktime {
                display: block;
                margin: 0;
                font-size: 16px;
                line-height: 24px;
                color: #4f4f51
            }
            .header__call-worktime [class^=icon-] {
                margin: 0 12px 0 0;
                color: #ffbb12
            }
        }

        .header__call-btn {
            color: #fff;
            text-decoration: none
        }

        .header__call-btn {
            display: block;
            padding: 0 10px;
            font-size: 15px;
            line-height: 38px;
            font-weight: 500;
            text-align: center;
            background: #ffad18;
            margin: 0 -15px 0 0
        }

        @media (min-width:768px) {
            .header__call-btn {
                font-size: 19px;
                line-height: 27px;
                border-radius: 28px;
                background-image: linear-gradient(180deg, #ffa400 0, #df9000 100%);
                box-shadow: 0 4px 0 0 #8e5b00, 0 9px 13px rgba(0, 0, 0, .13);
                margin: 0 0 0 20px;
                padding: 10px 22px
            }
        }

        .nav__menu,
        .nav__trigger {
            position: absolute;
            box-shadow: 0 9px 13px rgba(0, 0, 0, .13)
        }

        @media (min-width:768px) {
            .nav {
                display: none
            }
        }

        @media (min-width:1200px) {
            .nav {
                display: block;
                width: 100%
            }
        }

        .nav__trigger {
            display: block;
            top: 43px;
            right: 30px;
            width: 50px;
            height: 50px;
            border: none;
            background: 0 0;
            border-radius: 50%;
            z-index: 15
        }

        .nav__trigger span {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 25px;
            height: 2px;
            background: #ffbb12;
            margin: -1px 0 0 -12.5px
        }

        .nav__trigger span:nth-child(1) {
            -ms-transform: translate(0, -7px);
            transform: translate(0, -7px)
        }

        .nav__trigger span:nth-child(3) {
            -ms-transform: translate(0, 7px);
            transform: translate(0, 7px)
        }

        @media (min-width:768px) {
            .nav__trigger {
                display: none
            }
        }

        .nav__menu {
            top: 100%;
            left: 0;
            width: 100%;
            background: #fff;
            margin: 0;
            padding: 0 15px 15px;
            list-style: none;
            font-size: 30px;
            line-height: 62px;
            z-index: 10;
            opacity: 0;
            visibility: hidden;
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .nav__menu>li {
            margin: 0
        }

        @media (min-width:1200px) {
            .nav__menu {
                position: relative;
                top: -5px;
                opacity: 1;
                visibility: visible;
                padding: 0;
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                display: -ms-flexbox;
                display: flex;
                margin: 0 -10px;
                background: 0 0;
                box-shadow: none;
                -ms-flex-pack: center;
                justify-content: center;
                min-width: 100%
            }
            .nav__menu>li {
                padding: 0 10px
            }
        }

        .nav__link {
            display: block;
            color: #0054a3;
            text-decoration: none;
            padding: 0 20px
        }

        @media (min-width:1200px) {
            .nav__link {
                padding: 0;
                color: #fff
            }
        }

        .main {
            -ms-flex: 1;
            flex: 1
        }