@charset "UTF-8";
/* для удобства форматирования зададим несколько базовых стилей */
/*@font-face
{
    font-family: '_Verdana';
    src: url('../fonts/Verdana.ttf') format('truetype');
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
@font-face
{
    font-family: '_Verdana';
    src: url('../fonts/Verdana_b.ttf') format('truetype');
    font-weight: bold;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
@font-face
{
    font-family: '_Verdana';
    src: url('../fonts/Verdana_i.ttf') format('truetype');
    font-style: italic;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
@font-face
{
    font-family: '_Verdana';
    src: url('../fonts/Verdana_z.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}*/
*, *:before, *:after {
    /* учитывать padding и border в размерах элементов. подробнее http://htmlbook.ru/css/box-sizing
    пример: если мы укажем ширину элемента в 100 пикселей, рамку(border) 1 пиксель, внутренний отступ(padding) 15 пикселей, то размер контента будет 100 - 15 * 2 - 1 * 2 = 68 пикселей
    */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
	-webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0; }

html {
    font-size: 1.23047vw;
    /*line-height: $vw-relative-line-height;*/
    font-weight: bold;
    /*font-family: _Verdana;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    white-space: nowrap; }
html,
html body {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff; }
html body a {
    text-decoration: underline;
    color: #787878; }
html body > .content {
    /* элемент с классом content выполняет роль контейнера с заданным соотношением сторон 16/9 */
    position: relative;
    /* выравнивание по ширине 100% ширины экрана */
    /*width: 100vw;*/
    width: 81.26984rem;
    /* выравнивание по высоте 56.25% ширины экрана (16:9) */
    height: 45.71429rem;
    margin: 0 auto;
    /*overflow: hidden;*/
    /*padding-top: getFontRelativeSize(460px);*/ }
html body > .content .zone {
    /* все зоны с классом "zone" будут позиционироваться абсолютно */
    position: absolute; }
html body > .content .zone-logo-image {
    /* ЛОГОТИП */
    /* left: 0px */
    left: 0%;
    /* top: 0px */
    top: 0%;
    /* width: 5120px */
    width: 100%;
    /* height: 340px */
    height: 11.8055548%; }	
html body > .content .zone-menu {
    /* МЕНЮ */
    /* left: 0px */
    left: 0%;
    /* width: 5120px */
    width: 100%;
    display: flex; }
html body > .content .zone-menu img {
    height: 100%; }
html body > .content .zone-menu,
html body > .content [class*="zone-menu-"] {
    /* МЕНЮ - КНОПКИ */
    /* top: 325px */
    top: 11.2847215%;
    /* height: 150px */
    height: 5.208333%; }
html body > .content .content {
    /* left: 160px */
    left: 3.125%;
    /* top: 460px */
    top: 15.9722212%;
    /* width: 4800px */
    width: 93.75%;
    /* height: 2420px */
    height: 84.0277724%; }
html body > .content.page-home {
    /*
    стили главной страницы
    */
    /*
        Created on : 20.09.2017, 20:49:14
        Author     : reset
    */
    /* grafit */ }
html body > .content.page-home .zone-image-0 {
    /* left: 160px */
    left: 3.125%;
    /* top: 0px */
    top: 0%;
    /* width: 4800px */
    width: 93.75%;
    /* height: 340px */
    height: 11.0%; }	
html body > .content.page-home .zone-image-1 {
    /* left: 160px */
    left: 3.125%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 4800px */
    width: 93.75%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-2 {
    /* left: 654px */
    left: 12.7734375%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 528px */
    width: 10.3125%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-3 {
    /* left: 1182px */
    left: 23.0859375%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 463px */
    width: 9.04296875%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-4 {
    /* left: 1645px */
    left: 32.1289062%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 524px */
    width: 10.234375%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-5 {
    /* left: 2169px */
    left: 42.36057%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 448px */
    width: 8.75%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-6 {
    /* left: 2617px */
    left: 51.1132812%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 541px */
    width: 10.5664062%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-7 {
    /* left: 3158px */
    left: 61.6796875%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 354px */
    width: 6.9140625%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-8 {
    /* left: 3512px */
    left: 68.59375%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 455px */
    width: 8.88671875%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-9 {
    /* left: 3967px */
    left: 77.4804688%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 437px */
    width: 8.53515625%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-1-10 {
    /* left: 4404px */
    left: 86.015625%;
    /* top: 340px */
    top: 11.8055548%;
    /* width: 556px */
    width: 10.859375%;
    /* height: 120px */
    height: 4.1666666666666666667%; }
html body > .content.page-home .zone-image-2 {
    /* left: 160px */
    left: 3.125%;
    /* top: 475px */
    top: 16.4930545%;
    /* width: 910px */
    width: 17.7734375%;
    /* height: 910px */
    height: 31.5972202%; }
html body > .content.page-home .zone-image-2-0 {
    /* left: 160px */
    left: 3.125%;
    /* top: 541px */
    top: 18.0%;
    /* width: 910px */
    width: 17.7734375%;
    /* height: 910px */
    height: 30.1041647%; }
html body > .content.page-home .zone-image-3 {
    /* left: 1070px */
    left: 20.8984375%;
    /* top: 490px */
    top: 16.4930545%;
    /* width: 2074px */
    width: 42.265625%;
    /* height: 910px */
    height: 31.5972202%; }
html body > .content.page-home .zone-image-3-0 {
    /* left: 990px */
    left: 22.3359375%;
    /* top: 757px */
    top: 26.284722222222222222%;
    /* width: 958px */
    width: 21.5%;
    /* height: 75px */
    height: 2.6041666666666666667%; }
html body > .content.page-home .zone-image-3-1 {
    /* left: 1339px */
    left: 28.7%;
    /* top: 988px */
    top: 34.305555555555555556%;
    /* width: 575px */
    width: 13.7%;
    /* height: 75px */
    height: 2.6041666666666666667%; }
html body > .content.page-home .zone-image-3-2 {
    /* left: 1377px */
    left: 29.89453125%;
    /* top: 1222px */
    top: 40.0%;
    /* width: 1050px */
    width: 20.8%;
    /* height: 75px */
    height: 2.6041666666666666667%; }
html body > .content.page-home .zone-image-4 {
	/* right: 160px */
    right: 3.125%;
    /* top: 460px */
    top: 16.4930545%;
    /* width: 1824px */
    width: 35.625%;
    /* height: 910px */
    height: 31.5972202%; }
html body > .content.page-home .zone-image-4-0 {
    /* left: 160px */
    right: 3.125%;
    /* top: 541px */
    top: 18.0%;
    /* width: 910px */
    width: 35.625%;
    /* height: 867px */
    height: 30.1041647%; }	
html body > .content.page-home .zone-image-5 {
    /* left: 160px */
    left: 3.125%;
    /* top: 1384px */
    top: 48.0902747%;
    /* width: 1933px */
    width: 37.75390625%;
    /* height: 220px */
    height: 7.6388884%; }
html body > .content.page-home .zone-image-5-0 {
    /* left: 731px */
    left: 13.7%;
    /* top: 1509px */
    top: 51.8%;
    /* width: 591px */
    width: 11.9%;
    /* height: 84px */
    height: 3.0%; }
html body > .content.page-home .zone-image-6 {
	/* right: 160px */
    right: 3.125%;
    /* top: 460px */
    top: 48.0902747%;
    /* width: 2867px */
    width: 55.99609380%;
    /* height: 220px */
    height: 7.6388884%; }	
	html body > .content.page-home .zone-image-6-0 {
	/* right: 160px */
    right: 3.125%;
    /* top: 460px */
    top: 48.9722212%;
    /* width: 2800px */
    width: 54.6875%;
    /* height: 184px */
    height: 6.38888848%; }
html body > .content.page-home .zone-image-8 {
    /* left: 924px */
    left: 3.125%;
    /* top: 1605px */
    top: 55.7291631%;
    /* width: 4800px */
    width: 93.75%;
    /* height: 1000px */
    height: 34.72222%; }
html body > .content.page-home .zone-image-8-0 {
    /* left: 966px */
    left: 3.125%;
    /* top: 1653px */
    top: 58.395833333333333333%;
    /* width: 1207px */
    width: 25.57421875%;
    /* height: 75px */
    height: 2.8%; }
html body > .content.page-home .zone-image-9 {
    /* left: 160px */
    left: 3.125%;
    /* top: 2607px */
    top: 90.4513831%;
    /* width: 902px */
    width: 93.75%;
    /* height: 270px */
    height: 9.3749994%; }
html body > .content.page-home .zone-image-9-1 {
    /* left: 260px */
    left: 3.125%;
    /* top: 2607px */
    top: 92.0%;
    /* width: 802px */
    width: 16.10%;
    /* height: 273px */
    height: 6.46%; }
html body > .content.page-home .zone-image-9-2 {
    /* left: 260px */
    left: 21.45%;
    /* top: 2607px */
    top: 92.0%;
    /* width: 802px */
    width: 20.80%;
    /* height: 273px */
    height: 6.46%; }
html body > .content.page-home .zone-image-9-3 {
    /* left: 1062px */
    left: 44.40%;
    /* top: 2607px */
    top: 92.0%;
    /* width: 224px */
    width: 11.37%;
    /* height: 273px */
    height: 6.46%; }
html body > .content.page-home .zone-image-9-5 {
    /* left: 2621px */
    left: 57.90%;
    /* top: 2737px */
    top: 92.0%;
    /* width: 496px */
    width: 14.60%;
    /* height: 78px */
    height: 6.46%; }
html body > .content.page-home .zone-image-9-6 {
    /* left: 3834px */
    left: 74.5703125%;
    /* top: 2607px */
    top: 88.0%;
    /* width: 462px */
    width: 22.3046875%;
    /* height: 66px */
    height: 4.79166636%; }	
html body > .content.page-home .zone-image-10 {
    /* left: 3818px */
    left: 74.5703125%;
    /* top: 2693px */
    top: 93.506944444444444444%;
    /* width: 1142px */
    width: 22.3046875%;
    /* height: 187px */
    height: 4.79166636%; }
html body > .content.page-home .zone-image-10-0 {
    /* left: 3818px */
    left: 74.5703125%;
    /* top: 2697px */
    top: 93.506944444444444444%;
    /* width: 1142px */
    width: 22.3046875%;
    /* height: 138px */
    height: 4.79166636%; }	
html body > .content.page-home .zone-image-15 {
    /* left: 0px */
    left: 0%;
    /* top: 0px */
    top: 0%;
    /* width: 5120px */
    width: 100%;
    /* height: 2880px */
    height: 100%; }

.color-gray-lighter {
    color: #bfbfbf; }

.color-gray {
    color: #777; }

.color-gray-darker {
    color: #333; }

.color-green {
    color: #090; }

.color-gold {
    color: #c93; }

.color-red {
    color: #c00; }

.color-black {
    color: #000; }

.hidden {
    display: none !important; }

.heading-3,
.heading-4,
.heading-5,
.heading-6 {
    /* Сохраняем стили как у h3-h6 */
    font-weight: bold;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

/* если формат видимой области становится шире 16:9 - переключение адаптации размера по высоте экрана(по умолчанию адаптаци идет по ширине) */
@media screen and (min-aspect-ratio: 16 / 9) {
    html {
        font-size: 2.1875vh;
        line-height: 2.70833vh; } }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* ДЛЯ ОТКЛЮЧЕНИЯ МАСШТАБИРОВАНИЯ РАСКОММЕНТИРОВАТЬ БЛОКИ НИЖЕ */
html {
    /*        font-size: 63px;
            line-height: 78px;*/ }

/* ДЛЯ ОТКЛЮЧЕНИЯ МАСШТАБИРОВАНИЯ РАСКОММЕНТИРОВАТЬ БЛОКИ ВЫШЕ */
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*dev*/
img {
    /*opacity: 0.5;*/ }