* {
    box-sizing: border-box;
}
body {
    background: #181818;
    color: #fff;
    font-family: Roboto, sans-serif;
}
a {
    text-decoration: none;
}

.g-max-width {
    margin: auto;
    max-width: 1000px;
}
.g-phone {
    color: #fff;
}
.g-email {
    color: #f00;
}
.g-cf:after {
    content: "";
    display: table;
    clear: both;
}

.l-page {
    min-width: 980px;
}

.l-head {
    background: #141414;
}
.l-head__i {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 15px 0 10px;
}
.l-foot {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1em 0 3em;
}

.b-head-contacts {
    text-align: right;
}
.b-head-contacts__phone {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
}
.b-head-contacts__email {
    font-size:  22px;
    font-weight: 500;
}

.b-hero {
    background: url(i/bg-hero.jpg) no-repeat center;
    background-size: cover;
}
.b-hero__i {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 307px;
}
.b-hero__title {
    background: -webkit-linear-gradient(#fff, #bcc5c9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 0 55px;
}
.b-hero__text {
    font-size: 19px;
    line-height: 1.5;
}

.b-timetable:before {
    background: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbNJREFUeNqc1MsrRGEYx/FzNC6jhKIRKYONQiilsHCJkQ1R/gobOxGKWLBRspC1FVnZKCspEoqUlYwy7tfkzvg+9ZzpdMyZ8NZnbud9f3M67/O8ZjgcNhwjDsVoRzP8SMYzjrCMRezi077QdIRloked4UAX3SEVJShCDiYxjvPIaglTuVjFC4ZRaLtm58cAnrCOPOuaNSEdm7hEwCXEqQEhbCPDCvNgDK9oibKoDNUugXV4xCTi5YdiDRqJMln+aAZLSHYJHMQbKmTnOnCBWePnMJGiTCP6kHUhdElYAHu67dGGbP+H7JXL9RPsoEnC8rFvuA9TA59izJGbyfHw4sVNjIkSVIZpvOALc9i2zblFokcnpMUIWkUV2vQuZf6aI0wK+lU6YIMPV2h1CfRqZ1jPTN6vtb2ssYBCQ6v9WDvA+IcsHGJCvpRqnQ39M6wP76i0CnNCe63hj0E1eMA0EqwfM7THpNfqfxlUiyB24bM3uqHdv6691h/jGWajF/d6A5HTxXme+dCLbgS1GPe0DtP0PBMFmMIoTt0ORxlSe+XoRKMehElSR9o6K5jHlrZZZHwLMACofnA0BZRA9gAAAABJRU5ErkJggg==);
    content: '';
    height: 19px;
    margin: 5px 0 0 -30px;
    position: absolute;
    width: 19px;
}

.b-prefs {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 45px;
    text-align: center;
}
.b-prefs__item {
    margin: 20px 10px;
}
.b-prefs__item__icon {
    display: block;
    margin: 0 auto 15px;
}
.b-prefs__item__name {
    line-height: 1.3;
}

.b-assort {
    border-top: 1px solid #c70505;
    margin-bottom: 5em;
    padding: 0 25px 0 55px;
}
.b-assort__title {
    color: #f00;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.b-assort__list {
    background: url(i/bg-assort.jpg) no-repeat 100% 50%;
    margin: 0;
    padding: 0;
}
.b-assort__list > li {
    list-style: none;
    margin: .5em 0;
    padding: 0 0 0 30px;
}
.b-assort__list > li:before {
    background: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpi/M9ANBAG4gQgZgXiRYxEahQF4nQgVoLy77MQoUkMiNOQNIHAbxYiNIFsUkQSuwvE80EauYDYH4j/AvFGIP4JVSABtUkBSdN9IJ4FxK9BGuOB2BQqIQDE84BYBIum20A8G4jfgDggjbJIkhZAzAE1AF0TyKa3MAEmUNAiCwCBAZqmW+iaYBpvIDsBDdyEyr1Fl2BCMhVdwQ1cmkAAPQEoQwMLpHgBEH/EFU8AAQYAeKEnViuUH7UAAAAASUVORK5CYII=);
    content: '';
    height: 11px;
    margin: .25em 0 0 -30px;
    position: absolute;
    width: 14px;
}

.b-main-text {
    color: #999;
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 4em;
}
.b-main-text img[align=right] {
    float: right;
    margin: 0 0 15px 20px;
}
.b-main-text h2 {
    font-size: 33px;
    font-weight: 400;
}
.b-main-text p {
    margin: 1.5em 0;
}
.b-maps {

}
.b-maps__head {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    justify-content: space-between;
    margin-bottom: .75em;
}
.b-maps__switcher__item {
    border-radius: 10px;
    color: #e40707;
    cursor: pointer;
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 10px 20px;
}
.b-maps__switcher__item_active {
    background: #e40707;
    color: #fff;
}
.b-maps__map {
    height: 462px;
}
.b-maps__map .ymaps-layers-pane {
    -webkit-filter: grayscale(100%);
}

.b-copy {
    color: #999;
}

.b-foot-contacts {
    font-weight: 500;
}
.b-foot-contacts__item {
    margin-left: 30px;
}

@media (max-width: 980px) {
    .l-head,
    .l-foot,
    .b-hero__i,
    .b-main-text,
    .b-maps__head
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}