body {
    font-family: "Rubik", sans-serif;
    color: #333;
    background-color: #fefefe;
}

a {
    color: #333;
}

iframe {
    border-radius: 12px;
}

img {
    max-width: 100%;
    border-radius: 12px;
}
div.img {
    width: 400px;
    height: 300px;
    background-size: cover;
    border-radius: 12px;
}

h1, h2, h3 {
    font-weight: normal;
}

.btn-primary {
    padding: 15px 21px;
    background-color: #3399ff;
    border: 0;
}
.btn-primary:hover {
    background-color: #297acc;
}
a.btn {
    padding: 15px 21px;
    background-color: #3399ff;
    color: #fefefe;
}
a.btn i {
    color: #fefefe;
}
a.btn:hover {
    background-color: #297acc;
    color: #fefefe;
}


.fa-vk {
    color: #0077FF;
}
.fa-telegram {
    color: #27a7e7;
}
.fa-instagram {
    color: #dd2a7b;
}
.fa-youtube-play {
    color: #FF0000;
}


.fs-0 {
    font-size: 60px;
}
.fs-01 {
    font-size: 45px;
}
@media (max-width: 1200px) {
    .fs-0 {
        font-size: 45px;
    }
    .fs-01 {
        font-size: 30px;
    }
}
@media (max-width: 992px) {
    .fs-0 {
        font-size: 30px;
    }
    .fs-01 {
        font-size: 21px;
    }
}


header nav a {
    margin-right: 15px;
}
header nav a.icon {
    margin: 0;
}

header i {
    color: #777;
    margin-right: 9px;
    cursor: pointer;
}
header i:hover {
    color: #999;
}

.home_link {
    text-decoration: none;
    font-weight: 500;
}
.home_link:hover {
    text-decoration: underline;
}


#makeModal a.msglink {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 12px 18px;
    border-radius: 12px;
    margin: 0 12px 12px 0;
    white-space: nowrap;
}
#makeModal a.msglink_tg {
    background-color: #27a7e7;
}
#makeModal a.msglink_vk {
    background-color: #0077FF;
}
#makeModal i {
    color: #fff;
}