@font-face { font-family: 'Museo Sans Cyrl 500'; src: url('font/MuseoSansCyrl-500.eot'); src: local('font/MuseoSansCyrl-500'), url('font/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('font/MuseoSansCyrl-500.woff') format('woff'), url('font/MuseoSansCyrl-500.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Museo Sans Cyrl 900'; src: url('font/MuseoSansCyrl-900.eot');src: local('font/MuseoSansCyrl-900'), url('font/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),url('font/MuseoSansCyrl-900.woff') format('woff'),url('font/MuseoSansCyrl-900.ttf') format('truetype');font-weight: bold; font-style: normal; }
@font-face { font-family: 'Museo Sans Cyrl 700'; src: url('font/MuseoSansCyrl-700.eot');src: local('font/MuseoSansCyrl-700'),url('font/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),url('font/MuseoSansCyrl-700.woff') format('woff'),url('font/MuseoSansCyrl-700.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face { font-family: 'Museo Sans Cyrl 300'; src: url('font/MuseoSansCyrl-300.eot');src: local('font/MuseoSansCyrl-300'),url('font/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),url('font/MuseoSansCyrl-300.woff') format('woff'),url('font/MuseoSansCyrl-300.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Museo Sans Cyrl 100'; src: url('font/MuseoSansCyrl-100.eot'); src: local('MuseoSansCyrl-100'), url('font/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'), url('font/MuseoSansCyrl-100.woff') format('woff'), url('font/MuseoSansCyrl-100.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Mont';src: url('font/Mont-Black.eot');src: local('font/Mont Black'), local('Mont-Black'),url('font/Mont-Black.eot?#iefix') format('embedded-opentype'),url('font/Mont-Black.woff2') format('woff2'),url('font/Mont-Black.woff') format('woff'),url('font/Mont-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Mont'; src: url('font/Mont-Bold.eot'); src: local('font/Mont Bold'), local('Mont-Bold'), url('font/Mont-Bold.eot?#iefix') format('embedded-opentype'),url('font/Mont-Bold.woff2') format('woff2'), url('font/Mont-Bold.woff') format('woff'), url('font/Mont-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Mont'; src: url('font/Mont-Heavy.eot'); src: local('font/Mont Heavy'), local('Mont-Heavy'),url('font/Mont-Heavy.eot?#iefix') format('embedded-opentype'), url('font/Mont-Heavy.woff2') format('woff2'), url('font/Mont-Heavy.woff') format('woff'), url('font/Mont-Heavy.ttf') format('truetype'); font-weight: 800; font-style: normal;}
@font-face { font-family: 'Mont'; src: url('font/Mont-SemiBold.eot'); src: local('font/Mont SemiBold'), local('Mont-SemiBold'), url('font/Mont-SemiBold.eot?#iefix') format('embedded-opentype'), url('font/Mont-SemiBold.woff2') format('woff2'), url('font/Mont-SemiBold.woff') format('woff'), url('font/Mont-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal;}
@font-face { font-family: 'Mont'; src: url('font/Mont-Light.eot'); src: local('Mont Light'), local('Mont-Light'), url('font/Mont-Light.eot?#iefix') format('embedded-opentype'), url('font/Mont-Light.woff2') format('woff2'), url('font/Mont-Light.woff') format('woff'), url('font/Mont-Light.ttf') format('truetype'); font-weight: 300; font-style: normal;}
@font-face { font-family: 'Mont'; src: url('font/Mont-ExtraLight.eot'); src: local('font/Mont ExtraLight'), local('Mont-ExtraLight'), url('font/Mont-ExtraLight.woff2') format('woff2'), url('font/Mont-ExtraLight.woff') format('woff'), url('font/Mont-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal;}
@font-face { font-family: 'Mont'; src: url('font/Mont-Thin.eot'); src: local('font/Mont Thin'), local('Mont-Thin'), url('font/Mont-Thin.eot?#iefix') format('embedded-opentype'), url('font/Mont-Thin.woff2') format('woff2'), url('font/Mont-Thin.woff') format('woff'), url('font/Mont-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal;}
@font-face { font-family: 'Mont'; src: url('font/Mont-Regular.eot'); src: local('font/Mont Regular'), local('Mont-Regular'), url('font/Mont-Regular.eot?#iefix') format('embedded-opentype'), url('font/Mont-Regular.woff2') format('woff2'), url('font/Mont-Regular.woff') format('woff'), url('font/Mont-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}


    body {
        margin: 0;
        padding: 0;
        background: #f0f5fb;
        font-family: Mont;
        font-weight: 400;
    }
    a {
        color: #0bc965;
    }
    .site {
        width: 100%;
        height: 100vh;
        margin: 0 auto;
        overflow: hidden;
        position: absolute;
        top: 0;
        text-align: center;
    }
    .site img {
        width: 100%;
        max-width: 1700px;
    }
    .modal {
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.7);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .modal_center {
        width: 90%;
        max-width: 500px;
        background: #fff;
        border-radius: 15px;
        padding: 50px;
        text-align: center;
        box-sizing: border-box;
    }
    .modal_center h2 {
        margin-bottom: 35px;
        font-weight: 800;
    }
    .modal_center a {
        padding: 15px;
        border: 2px solid #0bc965;
        border-radius: 10px;
        display: inline-block;
        text-decoration: none;
        font-weight: 700;
    }
    .modal_center a:hover {
        background-color: #0bc965;
        color: #fff;
        box-shadow: 0 7px 20px rgba(11,201,101,0.5);
    }
    .modal_center_left {
        margin-right: 25px;
    }
    
    @media only screen and (max-width: 768px) {
        .modal_center {
            padding: 35px 5px;
        }
        .site {
            background: url(site-mobile.jpg) no-repeat;
            background-position: center top;
            background-size: cover;
        }
        .site img {
            display: none;
        }
        .modal_center_left {
            margin-right: 15px;
        }
        .modal_center a {
            font-size: 14px;
        }
    }
        @media only screen and (max-width: 320px) {
            .modal_center_left {
                margin-right: 10px;
            }
            .modal_center a {
                font-size: 12px;
                font-weight: 400;
            }
        }