@font-face {
    font-family: 'ProximaNova';
    src: url("/assets2/ProximaNova-Regular.ttf");
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url("/assets2/ProximaNova-Bold.ttf");
}

body {
    font: normal 18px/114% ProximaNova;
}

a {
    color: #20A2FF;
}

a:hover {
    text-decoration: none;
}

h1 {
    font: normal 45px/40px ProximaNova;
}

h2 {
    font: normal 40px/100% ProximaNovaBold;
}

h3 {
    font: normal 20px/23px ProximaNova;
}

.header {
    background: url(/assets2/hero.jpg) no-repeat center #000;
    background-size: cover;
    box-shadow: 0 0 0 400px rgba(0, 0, 0, 0.7) inset;
    color: #fff;
    padding: 20px 0 50px;
    margin-bottom: 100px;
}

.header__wrap {
    background: url(/assets2/hero.png) no-repeat right;
}

.header__title1 {
    font: normal 53px/45px ProximaNovaBold;
}

.header__title1 span {
    color: #FF9913;
}

.header__title2 {
    font: normal 30px/30px ProximaNova;
}

.header__social a {
    font: normal 13px/15px ProximaNova;
    color: #fff;
}

.menu {
    font: normal 16px ProximaNova;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
}

.menu a {
    text-decoration: none;
    color: #fff;
}

.menu a:hover {
    color: #20A2FF;
}

.counter {
    display: inline-block;
    padding: 30px 20px;
    color: #20A2FF;
    font: normal 20px/100% ProximaNovaBold;
    text-align: center;
    text-transform: uppercase;
    border: solid 4px #20A2FF;
    border-radius: 10px;
}

.counter__d1 {
    font: normal 133px/100% ProximaNovaBold;
}

.counter__d2 {
    font: normal 45px/100% ProximaNovaBold;
    text-transform: uppercase;
}

.grant {
    display: inline-block;
    padding: 20px 30px;
    color: #20A2FF;
    font: normal 45px/100% ProximaNova;
    border: solid 4px #20A2FF;
    border-radius: 10px;
    text-align: right;
}

.grant__d1 {
    font: normal 85px/100% ProximaNova;
}

.btn-primary {
    background: #0095FF;
    border: solid 1px #0095FF;
    font: normal 18px/52px ProximaNova;
    padding: 0 40px;
}

.btn-primary:hover {
    background: #0095FF;
    border: solid 1px #0095FF;
}

.section1 {
    padding: 35px;
    border: solid 1px #E9E9E9;
    border-radius: 10px;
    box-shadow: -10px 9px 21px 0 #DBE9E7;
}

.links a {
    display: block;
    margin-bottom: 20px;
}

.section2 {
    border-radius: 10px;
    padding: 50px;
    background: #F4F4F4;
}

.f24 {
    font: normal 24px ProximaNova;
}

.f20 {
    font: normal 21px ProximaNova;
}

.s1 {
    border-top: solid 12px #0095FF;
    padding-bottom: 20px;
}

.s2 {
    border-top: solid 12px #F79A16;
    padding-bottom: 20px;
}

.r1 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0095FF;
    margin-top: 20px;
    margin-bottom: 20px;
}

.r2 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #F79A16;
    margin-top: 20px;
    margin-bottom: 20px;
}

a.box1 {
    background: url(/assets2/mark1.png) bottom 30px left 30px no-repeat;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    display: block;
    box-shadow: -10px 9px 21px 0 #DBE9E7;
    padding: 35px 30px 80px;
    text-decoration: none;
    color: #000;
    height: 100%;
}

a.box1:hover {
    background-color: #0195FF;
    background-image: url(/assets2/mark2.png);
    color: #fff;
}

.box1__title {
    font: normal 26px/97% ProximaNovaBold;
    margin-bottom: 10px;
}

.box3 {
    display: block;
    text-decoration: none;
    font: normal 65px/97% ProximaNovaBold;
    color: #0195FF;
    background: #fff;
    padding: 35px 30px;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    box-shadow: -10px 9px 21px 0 #DBE9E7;
}

.mb-5 {
    margin-bottom: 100px !important;
}

.footer {
    padding: 30px 0;
    font: normal 13px ProximaNova;
}

.footer a {
    color: #000;
}

.footer__phone {
    font: normal 18px ProximaNovaBold;
}

@media screen and (max-width: 992px) {
    .menu {
        display: block;
    }

    .menu a {
        text-align: center;
        display: block;
    }

    .header__wrap {
        background: none;
    }

    .header__title1 {
        font: normal 31px/35px ProximaNova;
    }

    .header__title2 {
        font: normal 36px/45px ProximaNova;
    }

    a.box1 {
        padding: 20px 20px 80px;
    }

    .section1 {
        padding: 20px;
    }

    .section2 {
        padding: 20px;
    }

    .grant__d1 {
        font: normal 42px/100% ProximaNova;
    }
}