@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900&subset=cyrillic');

@font-face {
    font-family: Geometria;
    font-weight: 100;
    src: url(../fonts/Geometria-Thin.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 100;
    font-style: italic;
    src: url(../fonts/Geometria-ThinItalic.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 200;
    src: url(../fonts/Geometria-ExtraLight.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 200;
    font-style: italic;
    src: url(../fonts/Geometria-ExtraLightItalic.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 300;
    src: url(../fonts/Geometria-Light.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 300;
    font-style: italic;
    src: url(../fonts/Geometria-LightItalic.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 400;
    src: url(../fonts/Geometria.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 400;
    font-style: italic;
    src: url(../fonts/Geometria-Italic.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 500;
    src: url(../fonts/Geometria-Medium.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 500;
    font-style: italic;
    src: url(../fonts/Geometria-MediumItalic.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 600;
    src: url(../fonts/Geometria-Bold.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 600;
    font-style: italic;
    src: url(../fonts/Geometria-BoldItalic.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 700;
    src: url(../fonts/Geometria-ExtraBlack.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 700;
    font-style: italic;
    src: url(../fonts/Geometria-ExtraBlackItalic.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 800;
    src: url(../fonts/Geometria-Heavy.otf);
}

@font-face {
    font-family: Geometria;
    font-weight: 800;
    font-style: italic;
    src: url(../fonts/Geometria-HeavyItalic.otf);
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    /*vertical-align: baseline;*/
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body {
    height: 100%;
    -webkit-overflow-scrolling: touch; /* Safari scroll fix */
}

body {
    position: relative;
}

input,
textarea,
button {
    -webkit-appearance: none;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    /* position relative and z-index fix webkit rendering fonts issue */
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    padding: 0 !important;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
              This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
              calculation of the height of the owl-item that breaks page layouts
           */
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    background: #000;
    height: 100%;
    position: relative;
}

.owl-carousel .owl-video-play-icon {
    cursor: pointer;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    /*background: url("owl.video.play.png") no-repeat;*/
    transition: transform 100ms ease;
    width: 80px;
    z-index: 1;
    -webkit-backface-visibility: hidden;
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    /*background: red;*/
}

.jspHorizontalBar {
    background: transparent;
    bottom: 0;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: rgba(0, 0, 0, .1);
    position: relative;
}

.jspDrag {
    background: #02aeef;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -20000px;
}

.jspArrow.jspDisabled {
    background: #80808d;
    cursor: default;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}

/** bxSlider
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    margin-bottom: 60px;
    padding: 0;
    position: relative;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.bx-wrapper img {
    display: block;
    max-width: 100%;
}

.bxslider {
    margin: 0;
    padding: 0;
}

ul.bxslider {
    list-style: none;
}

.bx-viewport {
    /* fix other elements on the page moving (in Chrome) */
    -webkit-transform: translateZ(0);
}

/** THEME
===================================*/
.bx-wrapper {
    background: #fff;
    border: 1px solid #ebebeb;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: -30px;
    position: absolute;
    width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
    height: 100%;
    left: 0;
    min-height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    color: #666;
    font-family: arial, sans-serif;
    font-size: .85em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    text-indent: -9999px;
    width: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *display: inline;
    vertical-align: bottom;
    *zoom: 1;
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0;
}

.bx-wrapper .bx-next {
    right: 10px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: -16px;
    outline: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    height: 11px;
    margin: 0 3px;
    outline: 0;
    text-indent: -9999px;
    width: 10px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    height: 11px;
    margin: 0 3px;
    outline: 0;
    text-indent: -9999px;
    width: 9px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    display: block;
    font-family: arial, sans-serif;
    font-size: .85em;
    padding: 10px;
}

/* LIGHTBOX */
html.lb-disable-scrolling {
    height: 100vh;
    /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
    overflow: hidden;
    position: fixed;
    width: 100vw;
}

.lightboxOverlay {
    background-color: black;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.lightbox {
    font-weight: normal;
    left: 0;
    line-height: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10000;
}

.lightbox .lb-image {
    border: 4px solid white;
    border-radius: 3px;
    display: block;
    height: auto;
    max-height: none;

    /* Image border */
    max-width: inherit;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    background-color: white;
    border-radius: 4px;
    height: 250px;
    margin: 0 auto;
    position: relative;
    width: 250px;

    /* Background color behind image.
       This is visible during transitions. */
    *zoom: 1;
}

.lb-outerContainer:after {
    clear: both;
    content: "";
    display: table;
}

.lb-loader {
    height: 25%;
    left: 0;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 100%;
}

.lb-cancel {
    background: url(../img/lightbox/loading.gif) no-repeat;
    display: block;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}

.lb-nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
    outline: none;
}

.lb-prev, .lb-next {
    cursor: pointer;
    display: block;
    height: 100%;
}

.lb-nav a.lb-prev {
    background: url(../img/lightbox/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    float: left;
    left: 0;
    opacity: 0;
    transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    width: 34%;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    background: url(../img/lightbox/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    float: right;
    opacity: 0;
    right: 0;
    transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    width: 64%;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    *zoom: 1;
}

.lb-dataContainer:after {
    clear: both;
    content: "";
    display: table;
}

.lb-data {
    color: #ccc;
    padding: 0 4px;
}

.lb-data .lb-details {
    float: left;
    line-height: 1.1em;
    text-align: left;
    width: 85%;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-caption a {
    color: #4ae;
}

.lb-data .lb-number {
    clear: left;
    color: #999;
    display: block;
    font-size: 12px;
    padding-bottom: 1em;
}

.lb-data .lb-close {
    background: url(../img/lightbox/close.png) top right no-repeat;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    float: right;
    height: 30px;
    opacity: 0.7;
    outline: none;
    text-align: right;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    width: 30px;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* EOF: LIGHTBOX */

/* Header */
.header {
    height: 100px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
}

.header:after {
    clear: both;
    content: '';
    display: block;
}

.logo {
    float: left;
    padding-left: 70px;
    padding-top: 49px;
}

.logo a {
    display: inline-block;
    text-decoration: none;
}

.logo a img {
    display: inline-block;
    vertical-align: top;
}

.logo a img.dark,
.logo a img.dark-small,
.logo a img.light-small,
body.dark .logo a img.light {
    display: none;
}

body.dark .logo a img.dark {
    display: inline-block;
}

.logo a span {
    color: #7a7a7c;
    display: inline-block;
    font: 9px Roboto, sans-serif;
    line-height: 1;
    margin-left: 20px;
    text-transform: uppercase;
    vertical-align: top;
}

.lang {
    color: #fff;
    float: right;
    font: 400 13px Geometria, sans-serif;
    height: 22px;
    line-height: 1;
    margin-right: 145px;
    margin-top: 49px;
    vertical-align: top;
    width: 44px;
}

body.dark .lang {
    color: #231f20;
}

.current-block:after {
    clear: both;
    content: '';
    display: block;
}

.lang .current {
    display: inline-block;
    float: left;
    height: 22px;
    line-height: 1;
    padding: 5px 0 0 0;
    vertical-align: top;
}

.lang .lang-trigger {
    background: url(../img/lang-trigger.png) no-repeat;
    display: inline-block;
    float: right;
    height: 22px;
    line-height: 1;
    vertical-align: top;
    width: 12px;
}

body.dark .lang .lang-trigger {
    background-position: 0 -22px;
}

.lang .lang-trigger:hover {
    background-position: 0 -44px !important;
}

.lang.active .lang-trigger {
    background-position: 0 -66px !important;
}

.lang ul {
    display: none;
    list-style: none;
    margin: 11px 0;
}

.lang.active ul {
    display: block;
}

.lang ul li {
    display: block;
}

.lang ul li a {
    color: #fff;
    cursor: pointer;
    display: block;
    font: 400 13px Geometria, sans-serif;
    height: 30px;
    line-height: 30px;
    margin-left: -13px;
    padding-left: 13px;
    padding-top: 2px;
    text-decoration: none;
    transition: .2s ease-in-out;
    vertical-align: top;
    width: 90px;
}

body.dark .lang ul li a {
    color: #231f20;
}

.lang ul li a:hover {
    background: #02aeef;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
    color: #fff !important;
}

/* Menu */
.menu {
    float: right;
    margin-right: 70px;
    margin-top: 49px;
    width: 90px;
}

.menu-trigger {
    background: url(../img/menu.png) no-repeat right 0;
    color: #fff;
    display: block;
    font: 500 13px Roboto, sans-serif;
    height: 22px;
    line-height: 1;
    padding-top: 5px;
    text-decoration: none;
    vertical-align: top;
}

body.dark .menu-trigger {
    background-position: right -22px;
    color: #231f20;
}

.menu-trigger:hover {
    background-position: right -44px !important;
    color: #02aeef !important;
}

/* Navigation */
.navigation {
    background: #fff;
    bottom: 0;
    padding-left: 50px;
    padding-right: 77px;
    padding-top: 130px;
    position: fixed;
    right: -530px;
    top: 0;
    transition: right .5s ease-in-out;
    width: 530px;
    z-index: 999;
}

.navigation.active::before {
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
}

.navigation.active {
    right: 0;
}

.navigation .lang {
    display: none;
}

.navigation .close {
    background: url(../img/contacts-popup-close-dark.png) no-repeat right -30px;
    display: block;
    height: 30px;
    line-height: 1;
    position: absolute;
    right: 77px;
    text-decoration: none;
    top: 48px;
    vertical-align: top;
    width: 91px;
}

.navigation .close span {
    color: #231f20;
    display: inline-block;
    font: 400 13px Geometria, sans-serif;
    line-height: 1;
    padding-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
}

.navigation .close:hover {
    background-position: right 0;
}

.navigation .close:hover span {
    color: #02aeef;
}

.navigation .search-form {
    height: 60px;
    margin-bottom: 35px;
    width: 403px;
}

.navigation .search-form:after {
    clear: both;
    content: '';
    display: block;
}

.navigation .search-form input[type=text] {
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 5px 0 0 5px;
    color: #231f20;
    display: block;
    float: left;
    font: 400 18px Geometria, sans-serif;
    height: 60px;
    line-height: 58px;
    outline: none;
    padding-left: 19px;
    width: 323px;
}

.navigation .search-form input[type=submit] {
    background: #02aeef url(../img/search-button.png) no-repeat center;
    border: none;
    border-radius: 0 30px 30px 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 60px;
    outline: none;
    width: 80px;
}

.navigation > ul > li {
    border-bottom: 1px solid #ebebeb;
    display: block;
    padding-bottom: 4px;
    padding-top: 25px;
    position: relative;
}

.navigation > ul > li > span.toggle {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48Zz48Zz48cGF0aCBkPSJNMjU2LDQ4QzE0MS4xLDQ4LDQ4LDE0MS4xLDQ4LDI1NnM5My4xLDIwOCwyMDgsMjA4YzExNC45LDAsMjA4LTkzLjEsMjA4LTIwOFMzNzAuOSw0OCwyNTYsNDh6IE0yNTYsNDQ2LjcgICAgIGMtMTA1LjEsMC0xOTAuNy04NS41LTE5MC43LTE5MC43UzE1MC45LDY1LjMsMjU2LDY1LjNTNDQ2LjcsMTUwLjksNDQ2LjcsMjU2UzM2MS4xLDQ0Ni43LDI1Niw0NDYuN3oiLz48L2c+PC9nPjxnPjxwb2x5Z29uIHBvaW50cz0iMjY0LjEsMTI4IDI0Ny4zLDEyOCAyNDcuMywyNDcuOSAxMjgsMjQ3LjkgMTI4LDI2NC43IDI0Ny4zLDI2NC43IDI0Ny4zLDM4NCAyNjQuMSwzODQgMjY0LjEsMjY0LjcgMzg0LDI2NC43ICAgICAzODQsMjQ3LjkgMjY0LjEsMjQ3LjkgICAiLz48L2c+PC9nPjwvc3ZnPg==') no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
    display: block;
    height: 22px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 22px;
}

.navigation > ul > li.expanded > span.toggle {
    background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDJhZWVmIiBkPSJNMjU2IDQ4QzE0MS4xIDQ4IDQ4IDE0MS4xIDQ4IDI1NnM5My4xIDIwOCAyMDggMjA4IDIwOC05My4xIDIwOC0yMDhTMzcwLjkgNDggMjU2IDQ4em0wIDM5OC43Yy0xMDUuMSAwLTE5MC43LTg1LjUtMTkwLjctMTkwLjcgMC0xMDUuMSA4NS41LTE5MC43IDE5MC43LTE5MC43IDEwNS4xIDAgMTkwLjcgODUuNSAxOTAuNyAxOTAuNyAwIDEwNS4xLTg1LjYgMTkwLjctMTkwLjcgMTkwLjd6Ii8+PHBhdGggZmlsbD0iIzAyYWVlZiIgZD0iTTEyOCAyNDhoMjU2djE3SDEyOHoiLz48L3N2Zz4=') no-repeat;
    background-size: 24px 24px;
    z-index: 100;
}

.navigation > ul > li > a {
    color: #231f20;
    font: 700 24px Geometria, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

.navigation > ul > li > a:hover {
    color: #02aeef;
}

.navigation > ul ul a {
    border-bottom: 1px solid #e5e5e5;
    color: #231f20;
    display: inline-block;
    font: 400 14px Geometria, sans-serif;
    padding-bottom: 2px;
    position: relative;
    text-decoration: none;
}

.navigation > ul ul a:hover {
    border-color: transparent;
    color: #02aeef;
}

.navigation > ul ul a:hover:before {
    background: url(../img/catalog-menu-active.png) no-repeat;
    content: '';
    display: block;
    height: 12px;
    left: -30px;
    position: absolute;
    top: 0;
    width: 12px;
}

.navigation ul ul {
    max-height: 0;
    overflow: hidden;
    padding-left: 30px;
    padding-top: 0;
    transition: .4s ease-in-out;
}

.navigation ul li.expanded ul {
    max-height: 500px;
    padding-top: 30px;
}

.navigation ul ul li {
    margin-bottom: 20px;
}

.navigation .social {
    background: #fff;
    bottom: 0;
    height: 120px;
    left: 0;
    padding-top: 30px;
    position: absolute;
    right: 0;
    text-align: center;
}

.navigation .social:after {
    clear: both;
    content: '';
    display: block;
}

.navigation .social a {
    background: url(../img/social.png) no-repeat;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin-right: 25px;
    transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
    width: 60px;
}

.navigation .social a:hover {
    border-color: transparent;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
}

.navigation .social a:last-child {
    margin-right: 0;
}

.navigation .social a.tg-m {
    background: url(../img/tg_m.png) no-repeat center;
}

.navigation .social a.tg-m:hover {
    background: url(../img/tg2.png) no-repeat center;
}

.navigation .social a.vk {
    background-position: 0 0;
}

.navigation .social a.vk:hover {
    background-position: 0 -60px;
}

.navigation .social a.ig {
    background-position: -60px 0;
}

.navigation .social a.ig:hover {
    background-position: -60px -60px;
}

.navigation .social a.tw {
    background-position: -120px 0;
}

.navigation .social a.tw:hover {
    background-position: -120px -60px;
}

.navigation .social a.fb {
    background-position: -180px 0;
}

.navigation .social a.fb:hover {
    background-position: -180px -60px;
}

.navigation .social a.gp {
    background-position: -240px 0;
}

.navigation .social a.gp:hover {
    background-position: -240px -60px;
}

.navigation .social a.inst {
    background-position: -60px 0;
}

.navigation .social a.inst:hover {
    background-position: -60px -60px;
}

.navigation .line-copyright {
    background: url(../img/line-logo.png) no-repeat;
    bottom: 20px;
    display: block;
    height: 26px;
    position: absolute;
    right: 20px;
    width: 90px;
}

.navigation .line-copyright.small {
    background: url(../img/line-logo-small.png) no-repeat;
    bottom: 30px;
    display: none;
    width: 29px;
}

@media (max-width: 1024px) {

    .navigation .line-copyright {
        display: none;
    }

    .navigation .line-copyright.small {
        display: block;
    }

}

/* Homepage side navigation */
.side-navigation {
    height: 300px;
    margin-top: -150px;
    position: fixed;
    right: 70px;
    top: 50%;
    width: 40px;
    z-index: 11;
}

.side-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.side-navigation ul li {
    display: block;
    margin-bottom: 26px;
    text-align: center;
}

.side-navigation ul li:last-child {
    margin-bottom: 56px;
}

.side-navigation ul li a {
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    width: 40px;
}

.side-navigation ul li a:after {
    border: 4px solid #fff;
    border-radius: 50%;
    content: '';
    display: block;
    height: 0;
    margin: 16px auto 0;
    transition: .4s ease-in-out;
    width: 0;
}

.side-navigation ul li a:hover:after {
    border-color: #02aeef;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
}

.side-navigation ul li.active {
    margin-bottom: 18px;
}

.side-navigation ul li.active:last-child {
    margin-bottom: 48px;
}

.side-navigation ul li.active a {
    height: 40px;
    padding-top: 0;
    width: 40px;
}

.side-navigation ul li a:before {
    background: url(../img/homepage-sidebar.png) no-repeat;
    content: '';
    display: block;
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.side-navigation ul li.active a:before {
    opacity: 1;
    transition: opacity .3s ease-in-out .4s;
}

.side-navigation ul li.active a:after {
    border: 2px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 40px;
    margin-top: 0;
    width: 40px;
}

.side-navigation ul li.active a[data-page="intro"]:before {
    background-position: 0 0;
}

.side-navigation ul li.active a[data-page="about"]:before {
    background-position: 0 -40px;
}

.side-navigation ul li.active a[data-page="catalog"]:before {
    background-position: 0 -80px;
}

.side-navigation ul li.active a[data-page="contacts"]:before {
    background-position: 0 -120px;
}

.side-navigation .mouse {
    background: url(../img/mouse.png) no-repeat center top;
    height: 35px;
    width: 40px;
}

/* General styles */
.screen-middle {
    display: table;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.screen-middle .cell {
    display: table-cell;
    vertical-align: middle;
}

/* Homepage */
.homepage-intro,
.homepage-about,
.homepage-catalog,
.homepage-contacts {
    background: #2e2e2e no-repeat center;
    height: 100%;
    position: relative;
}

.homepage-intro .container,
.homepage-about .container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

/* Homepage dividers */
.homepage-intro .divider1,
.homepage-intro .divider2,
.homepage-about .divider1,
.homepage-about .divider2,
.homepage-catalog .divider1,
.homepage-contacts .divider1,
.homepage-contacts .divider2,
.sitemap .divider1,
.sitemap .divider2,
.contacts-page .contacts .top .divider2,
.contacts-page .contacts .bottom .divider1,
.contacts-page .contacts .bottom .divider2,
.contacts-page .map .divider1,
.contacts-page .map .divider2 {
    background: rgba(255, 255, 255, .15);
    bottom: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1;
}

.homepage-intro .divider1,
.homepage-about .divider1,
.homepage-catalog .divider1,
.homepage-contacts .divider1,
.sitemap .divider1,
.contacts-page .contacts .bottom .divider1,
.contacts-page .map .divider1 {
    left: 33.3%;
}

.homepage-intro .divider2,
.homepage-about .divider2,
.homepage-contacts .divider2,
.sitemap .divider2,
.contacts-page .contacts .top .divider2,
.contacts-page .contacts .bottom .divider2,
.contacts-page .map .divider2 {
    left: 66.6%;
}

/* Homepage intro */
.homepage-intro {
    /* background-image: url(../img/homepage-intro.png); */
    background-size: cover;
    overflow: hidden;
}

.homepage-intro .container {
    background: rgba(0, 0, 0, .5);
}

html.is-phone .homepage-intro .container,
html.is-tablet .homepage-intro .container {
    background: transparent;
}

.homepage-video {
    background: transparent;
    position: relative;
}

.ytplayer-container {
    position: absolute;
    top: 0;
}

.homepage-intro h1.title {
    color: #02aeef;
    font: 700 139px Geometria, sans-serif;
    letter-spacing: 5px;
    line-height: 1;
    margin: 0 0 0 -9px;
    padding-left: 8.85%;
    vertical-align: top;
}

.homepage-intro .slogan {
    color: #fff;
    font: 59px Geometria, sans-serif;
    letter-spacing: 2.5px;
    line-height: 1;
    margin-left: -4px;
    padding-left: 8.85%;
    padding-top: 4px;
    vertical-align: top;
}

.homepage-intro .text {
    color: #fff;
    font: 300 18px Roboto, sans-serif;
    line-height: 30px;
    min-width: 585px;
    padding-left: 8.85%;
    padding-right: 40px;
    padding-top: 35px;
    position: relative;
    vertical-align: top;
    width: 33.3%;
}

.homepage-intro .bottom {
    bottom: 7.5%;
    left: 0;
    position: absolute;
    right: 0;
}

.homepage-intro .bottom:after {
    clear: both;
    content: '';
    display: block;
}

.homepage-intro .bottom .col {
    float: left;
    width: 33.3%;
}

.homepage-intro .bottom .block {
    background: no-repeat;
    background-size: 40px auto;
    margin: 0 auto;
    padding-left: 80px;
    width: 310px;
}

.homepage-intro .bottom strong {
    color: #fff;
    display: block;
    font: 400 14px Roboto, sans-serif;
    line-height: 1;
    margin-bottom: 9px;
    vertical-align: top;
}

.homepage-intro .bottom p {
    color: #c7c8ca;
    font: 12px Roboto, sans-serif;
    line-height: 19px;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.homepage-intro .bottom a {
    color: #c7c8ca;
    font: 12px Roboto, sans-serif;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: top;
}

.homepage-intro .bottom .col:nth-child(1) .block {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDEuODMzIDIwMS44MzMiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yLjc2NiA3MC45Mjl2MTMwLjkwNGgxOTYuM1Y3MC45MjlIMi43NjZ6bTE5MC40MTcgMTI1LjAyN0g4LjY1Vjc2LjgxM2gxODQuNTMzdjExOS4xNDN6TTIzLjUzOCAzOS41ODZoMTU0Ljc1djI4LjEyOWg1LjYxOFYzMy45NzhIMTcuOTE5djMzLjczN2g1LjYxOXptMTkuMTktMzQuNDVoMTE2LjM3djIxLjMwMWg1LjEzOVYwSDM3LjU5MnYyNi40MzdoNS4xMzZ6Ii8+PC9zdmc+');
}

.homepage-intro .bottom .col:nth-child(2) .block {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIuODUzIDUxMi44NTMiPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik01MDUuMTczIDE5NC4xMzNsLTc0LjI0LTgxLjkyYy01Ljk3My01Ljk3My0xMy42NTMtOS4zODctMjEuMzMzLTkuMzg3aC04NS4zMzN2LTE3LjkyYzAtMTguNzczLTE0LjUwNy0zMy4yOC0zMi40MjctMzMuMjhIMzMuMjhDMTQuNTA3IDUxLjYyNyAwIDY2LjEzMyAwIDg0LjkwN1YzODAuMTZjMCAxNi4yMTMgMTMuNjUzIDI5Ljg2NyAyOS44NjcgMjkuODY3SDQzLjI3YzQuMDc1IDI5LjE1NSAyOC43NTMgNTEuMiA1OS4xMzEgNTEuMnM1NS4wNTYtMjIuMDQ1IDU5LjEzMS01MS4ySDM1MC40N2M0LjA3NSAyOS4xNTUgMjguNzUzIDUxLjIgNTkuMTMxIDUxLjJzNTUuMDU2LTIyLjA0NSA1OS4xMzEtNTEuMmg0NC4xMjFWMjEzLjc2YzAtNy42OC0yLjU2LTE0LjUwNy03LjY4LTE5LjYyN3ptLTEzLjY1MyAxMS4wOTRjMi41NiAxLjcwNyAzLjQxMyA1LjEyIDMuNDEzIDcuNjh2MjYuNDUzaC0xMjh2LTg1LjMzM2g3Ny42NTNsNDYuOTM0IDUxLjJ6bS00NzQuNDUzIDI1LjZoMTE5LjQ2N2M1LjEyIDAgOC41MzMtMy40MTMgOC41MzMtOC41MzNzLTMuNDEzLTguNTMzLTguNTMzLTguNTMzSDE3LjA2N3YtMjUuNkgxMDIuNGM1LjEyIDAgOC41MzMtMy40MTMgOC41MzMtOC41MzMgMC01LjEyLTMuNDEzLTguNTMzLTguNTMzLTguNTMzSDE3LjA2N1Y4NC45MDdjMC05LjM4NyA2LjgyNy0xNi4yMTMgMTYuMjEzLTE2LjIxM2gyNTcuNzA3YzkuMzg3IDAgMTYuMjEzIDcuNjggMTYuMjEzIDE2LjIxM1YyOTAuNTZIMTcuMDY3di01OS43MzN6TTEwMi40IDQ0NC4xNmMtMjMuODkzIDAtNDIuNjY3LTE4Ljc3My00Mi42NjctNDIuNjY3IDAtMjMuODkzIDE4Ljc3My00Mi42NjcgNDIuNjY3LTQyLjY2NyAyMy44OTMgMCA0Mi42NjcgMTguNzczIDQyLjY2NyA0Mi42NjcgMCAyMy44OTQtMTguNzc0IDQyLjY2Ny00Mi42NjcgNDIuNjY3em0yMDQuOC01MS4ySDE2MS41MzFjLTMuODIxLTI3LjMzOS0yNS43NjEtNDguNDE2LTUzLjUyOC01MC45MzYtLjIwMy0uMDE5LS40MDktLjAyOS0uNjEzLS4wNDYtLjY5OS0uMDU2LTEuMzk3LS4xMTQtMi4xMDMtLjE0Ny0uOTU3LS4wNDYtMS45MTktLjA3Mi0yLjg4Ny0uMDcycy0xLjkzLjAyNi0yLjg4Ny4wNzJjLS43MDYuMDMzLTEuNDA0LjA5LTIuMTAzLjE0Ny0uMjA0LjAxNy0uNDEuMDI3LS42MTMuMDQ2LTI3Ljc2NyAyLjUyLTQ5LjcwNyAyMy41OTctNTMuNTI4IDUwLjkzNkgyOS44NjdjLTYuODI3IDAtMTIuOC01Ljk3My0xMi44LTEyLjh2LTcyLjUzM0gzMDcuMnY4NS4zMzN6bTEwMi40IDUxLjJjLTIzLjg5MyAwLTQyLjY2Ny0xOC43NzMtNDIuNjY3LTQyLjY2NyAwLTIzLjg5MyAxOC43NzMtNDIuNjY3IDQyLjY2Ny00Mi42NjcgMjMuODkzIDAgNDIuNjY3IDE4Ljc3MyA0Mi42NjcgNDIuNjY3IDAgMjMuODk0LTE4Ljc3NCA0Mi42NjctNDIuNjY3IDQyLjY2N3ptNTkuMTMxLTUxLjJjLTMuODIxLTI3LjMzOS0yNS43NjEtNDguNDE2LTUzLjUyOC01MC45MzYtLjIwMy0uMDE5LS40MDktLjAyOS0uNjEzLS4wNDYtLjY5OS0uMDU2LTEuMzk3LS4xMTQtMi4xMDMtLjE0Ny0uOTU3LS4wNDYtMS45MTktLjA3Mi0yLjg4Ny0uMDcycy0xLjkzLjAyNi0yLjg4Ny4wNzJjLS43MDYuMDMzLTEuNDA0LjA5LTIuMTAzLjE0Ny0uMjA0LjAxNy0uNDEuMDI3LS42MTMuMDQ2LTI3Ljc2NyAyLjUyLTQ5LjcwNyAyMy41OTctNTMuNTI4IDUwLjkzNmgtMjYuMjAzVjExOS44OTNINDA5LjZjMi41NiAwIDUuOTczIDEuNzA3IDguNTMzIDMuNDEzbDEyLjIzMSAxMy42NTNoLTY1Ljk5MWMtNy42OCAwLTE0LjUwNyA2LjgyNy0xNC41MDcgMTQuNTA3djkwLjQ1M2MwIDcuNjggNi44MjcgMTQuNTA3IDE0LjUwNyAxNC41MDdoMTMwLjU2djQyLjY2N2gtNDIuNjY3Yy01LjEyIDAtOC41MzMgMy40MTMtOC41MzMgOC41MzNzMy40MTMgOC41MzMgOC41MzMgOC41MzNoNDIuNjY3djc2LjhoLTI2LjIwMnoiLz48cGF0aCBkPSJNMTAyLjQgMzg0LjQyN2MtOS4zODcgMC0xNy4wNjcgNy42OC0xNy4wNjcgMTcuMDY3czcuNjggMTcuMDY3IDE3LjA2NyAxNy4wNjcgMTcuMDY3LTcuNjggMTcuMDY3LTE3LjA2Ny03LjY4LTE3LjA2Ny0xNy4wNjctMTcuMDY3em0zMDcuMiAwYy05LjM4NyAwLTE3LjA2NyA3LjY4LTE3LjA2NyAxNy4wNjdzNy42OCAxNy4wNjcgMTcuMDY3IDE3LjA2NyAxNy4wNjctNy42OCAxNy4wNjctMTcuMDY3LTcuNjgtMTcuMDY3LTE3LjA2Ny0xNy4wNjd6Ii8+PC9nPjwvc3ZnPg==');
}

.homepage-intro .bottom .col:nth-child(3) .block {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDUzLjcwOCAxODYuOTQzSDI4OC41MTJjLjU2OS0zLjAyMi44NjktNi4xMDUuODY5LTkuMjQ1Vjc2LjIxNmMwLTI3LjQzMi0yMi4zMTctNDkuNzQ4LTQ5Ljc0OC00OS43NDhINDkuNzM3QzIyLjMxMSAyNi40NjggMCA0OC43ODQgMCA3Ni4yMTZ2MTAxLjQ4MmMwIDI3LjQyNSAyMi4zMTEgNDkuNzM2IDQ5LjczNyA0OS43MzZoMjkuMjIxbC0xLjU3NyAzNi43MzhjLS4xNDIgMy4zMTUgMS41NzcgNi40MzIgNC40NTcgOC4wNzlhOC44NjEzIDguODYxMyAwIDAgMCA0LjQwNSAxLjE3MWMxLjY3OSAwIDMuMzU2LS40NzcgNC44MTktMS40MjRsNjguODU2LTQ0LjU2NWg4LjcyNGMtMS44MDIgNS42MTEtMi43ODYgMTEuNTg1LTIuNzg2IDE3Ljc4NnYxMjIuNjc2YzAgMzIuMTM0IDI2LjE0MyA1OC4yNzggNTguMjc4IDU4LjI3OGgyNS4xNzhsNTUuNTE0IDU2LjY5NWMxLjY5NyAxLjczNCAzLjk5MyAyLjY2NCA2LjMzNyAyLjY2NC45ODUgMCAxLjk3OC0uMTY0IDIuOTQtLjUwMyAzLjI1LTEuMTQyIDUuNTQ0LTQuMDYzIDUuODg0LTcuNDkxbDUuMDk3LTUxLjM2NWgxMjguNjI1YzMyLjE0MyAwIDU4LjI5Mi0yNi4xNDQgNTguMjkyLTU4LjI3OFYyNDUuMjJjLS4wMDEtMzIuMTM1LTI2LjE1MS01OC4yNzctNTguMjkzLTU4LjI3N3pNMTc3Ljk4IDIwOS42OTZoLTIwLjY4M2MtMS43MSAwLTMuMzgzLjQ5NC00LjgxOSAxLjQyNGwtNTYuNjM5IDM2LjY1OCAxLjIzOC0yOC44MzJhOC44NzI2IDguODcyNiAwIDAgMC0yLjQ1Ni02LjUxNiA4Ljg2NiA4Ljg2NiAwIDAgMC02LjQwNC0yLjczNEg0OS43MzhjLTE3LjY0NSAwLTMyLjAwMS0xNC4zNTQtMzIuMDAxLTMxLjk5OFY3Ni4yMTZjMC0xNy42NTEgMTQuMzU2LTMyLjAxIDMyLTMyLjAxaDE4OS44OThjMTcuNjUxIDAgMzIuMDEgMTQuMzYgMzIuMDEgMzIuMDF2MTAxLjQ4MmMwIDMuMTc3LS40NTkgNi4yNy0xLjM2IDkuMjQ1aC00Ni4xNTJjLTE4Ljc3MSAwLTM1LjQ4NiA4LjkyOS00Ni4xNTMgMjIuNzUzem0zMTYuMjg0IDE1OC4xOTljMCAyMi4zNTQtMTguMTkzIDQwLjU0MS00MC41NTUgNDAuNTQxSDMxNy4wNWMtNC41NTkgMC04LjM3NiAzLjQ1Ni04LjgyNiA3Ljk5NGwtNC4wMTMgNDAuNDU5LTQ0LjgzNC00NS43ODhhOC44NjQ2IDguODY0NiAwIDAgMC02LjMzNi0yLjY2NGgtMjguOTA2Yy0yMi4zNTQgMC00MC41NDEtMTguMTg3LTQwLjU0MS00MC41NDFWMjQ1LjIyYzAtMjIuMzU0IDE4LjE4Ny00MC41NCA0MC41NDEtNDAuNTRINDUzLjcxdi0uMDAxYzIyLjM2MiAwIDQwLjU1NSAxOC4xODYgNDAuNTU1IDQwLjU0djEyMi42NzZ6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4My4zMSA5My43NTZjLTEuMjA2LTE5LjQxMy0xNi43NTUtMzQuOTYyLTM2LjE2OC0zNi4xNjctMTAuODA3LS42NjgtMjEuMDg2IDMuMDI4LTI4Ljk0OSAxMC40MTgtNy43NTQgNy4yODctMTIuMTk5IDE3LjU2Ni0xMi4xOTkgMjguMjAxLS4wMDEgNC45IDMuOTY4IDguODcgOC44NjggOC44N3M4Ljg2OS0zLjk3MSA4Ljg2OS04Ljg2OWMwLTUuODQ2IDIuMzQ3LTExLjI3IDYuNjA5LTE1LjI3NyA0LjI1OC00LjAwMiA5LjgzNi02LjAwNSAxNS43MDItNS42NDEgMTAuMzI5LjY0MSAxOC45MjIgOS4yMzQgMTkuNTY0IDE5LjU2Mi40ODQgNy44MDItMy4zNDYgMTUuMTc3LTkuOTk3IDE5LjI0OS0xMi4zOTEgNy41ODUtMTkuNzg5IDIwLjY5My0xOS43ODkgMzUuMDY1IDAgNC44OTggMy45NyA4Ljg2OSA4Ljg2OSA4Ljg2OXM4Ljg2OS0zLjk3MSA4Ljg2OS04Ljg2OWMwLTguMTQ5IDQuMjI5LTE1LjYwMSAxMS4zMTItMTkuOTM3IDEyLjI2NS03LjUwNyAxOS4zMzItMjEuMTAxIDE4LjQ0LTM1LjQ3NHpNMzM4LjkyNSAyNDAuNGMtNC44OTkgMC04Ljg2OSAzLjk3MS04Ljg2OSA4Ljg2OXY3NS4wNjNjMCA0Ljg5OCAzLjk3MSA4Ljg2OSA4Ljg2OSA4Ljg2OSA0Ljg5OSAwIDguODY5LTMuOTcxIDguODY5LTguODY5di03NS4wNjNjLS4wMDEtNC44OTgtMy45Ny04Ljg2OS04Ljg2OS04Ljg2OXoiLz48Y2lyY2xlIGN4PSIzMzguOTE2IiBjeT0iMzY0LjA2OCIgcj0iOC44NjkiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGN4PSIxNDQuNjc5IiBjeT0iMTgyLjA0NiIgcj0iOC44NjkiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
}

.homepage-intro .pause-button {
    background: url(../img/controls.png) no-repeat;
    border-radius: 50%;
    bottom: 4px;
    display: block;
    height: 80px;
    position: absolute;
    right: -41px;
    text-decoration: none;
    transition: box-shadow .4s ease-in-out;
    width: 81px;
}

.homepage-intro .pause-button.paused {
    background-position: 0 -80px;
}

.homepage-intro .pause-button:hover {
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
}

html.is-phone .homepage-intro .pause-button,
html.is-tablet .homepage-intro .pause-button {
    display: none !important;
}

/* Homepage catalog */
.homepage-catalog {
    background: #2e2e2e;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.homepage-catalog:after {
    clear: both;
    content: '';
    display: block;
}

.homepage-catalog .divider1 {
    background: #4d4d4d;
    z-index: 4;
}

/* Homepage about */
.homepage-about {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    overflow-x: hidden;
    overflow-y: hidden;
}

.homepage-about h2 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 1;
    padding: 140px 0 3.1% 8.85%;
    text-transform: uppercase;
}

.homepage-about .info:after {
    clear: both;
    content: '';
    display: block;
}

.homepage-about .info .col {
    float: left;
    position: relative;
}

.homepage-about .info .col:nth-child(1) {
    padding-left: 8.85%;
    width: 33.3%;
}

.homepage-about .stat {
    background: no-repeat;
    background-size: 40px auto;
    margin-bottom: 102px;
    padding-left: 80px;
}

.homepage-about .stat:last-child {
    margin-bottom: 0;
}

.homepage-about .stat strong {
    color: #fff;
    display: block;
    font: 700 30px Roboto, sans-serif;
    line-height: 1;
    margin-bottom: 13px;
    vertical-align: top;
}

.homepage-about .stat p {
    color: #c7c8ca;
    font: 100 14px Roboto, sans-serif;
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.homepage-about .stat:nth-child(1) {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTEgNTExIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDcxLjUgMTA0SDM1MVY4MS40OTVjNy4wNDgtMi40MDggMTIuNzgyLTguMTExIDE1LjAwMi0xNS40NzggMS44MDktNi4wMSAxLjE3LTEyLjM2NS0xLjgtMTcuODk1LTIuOTcxLTUuNTMtNy45MTctOS41NzMtMTMuOTI3LTExLjM4MkMzMjIuNTkgMjguNDA1IDI4OS44MTcgMjQgMjU1LjUgMjRzLTY3LjA5IDQuNDA1LTk0Ljc3NSAxMi43NGMtNi4wMTEgMS44MDktMTAuOTU3IDUuODUyLTEzLjkyNyAxMS4zODItMi45NyA1LjUzLTMuNjA5IDExLjg4NS0xLjc5OSAxNy44OTkgMS44MTYgNi4wMjIgNS44NjggMTAuOTczIDExLjQwOSAxMy45NDMgMS4xNjQuNjI0IDIuMzY2IDEuMTM1IDMuNTkyIDEuNTUxVjEwNEgzOS41QzE3LjcyIDEwNCAwIDEyMS43MiAwIDE0My41djEzOS4yMDljMCAxMi42NTMgNi4wNyAyNC4zMDUgMTYgMzEuNzA5VjQ0Ny41YzAgMjEuNzggMTcuNzIgMzkuNSAzOS41IDM5LjVoNDAwYzIxLjc4IDAgMzkuNS0xNy43MiAzOS41LTM5LjVWMzE0LjQxOGM5LjkzLTcuNDA0IDE2LTE5LjA1NiAxNi0zMS43MDlWMTQzLjVjMC0yMS43OC0xNy43Mi0zOS41LTM5LjUtMzkuNXpNMTYwLjAxMyA1NS4yMmMxLjA3NC0yIDIuODYzLTMuNDYyIDUuMDM2LTQuMTE2QzE5MS4zNSA0My4xODYgMjIyLjYyNyAzOSAyNTUuNSAzOXM2NC4xNSA0LjE4NiA5MC40NTIgMTIuMTA0YzIuMTczLjY1NCAzLjk2MSAyLjExNiA1LjAzNiA0LjExNiAxLjA3NSAyIDEuMzA2IDQuMy42NTIgNi40NzItMS4wNzQgMy41NjUtNC40MTggNi4wNTUtOC4xMzEgNi4wNTUtLjgzIDAtMS42NTQtLjEyMi0yLjQ1OC0uMzY1QzMxNi4zMjYgNTkuOTM2IDI4Ni43NDQgNTYgMjU1LjUgNTZzLTYwLjgyNiAzLjkzNi04NS41NiAxMS4zODRjLTIuMTY1LjY1NS00LjQ1My40MjctNi40NDctLjY0Mi0yLjAwNy0xLjA3Ni0zLjQ3NS0yLjg3LTQuMTMyLTUuMDQ5LS42NTQtMi4xNzMtLjQyMy00LjQ3My42NTItNi40NzN6TTE3NSA4MS41MzVDMTk4LjE5NyA3NC42NDUgMjI2LjAwNiA3MSAyNTUuNSA3MWMyOS40OTYgMCA1Ny4zMDggMy42NDYgODAuNSAxMC41MzVWMTA0SDE3NVY4MS41MzV6TTQ1NS41IDQ3MmgtNDAwQzQxLjk5MSA0NzIgMzEgNDYxLjAwOSAzMSA0NDcuNVYzMjIuMDE0YzYxLjYwNiAyNS4zNjcgMTI2LjQ2MiA0MC4wMDEgMTkzIDQzLjU0N3YxLjkzOGMwIDE3LjM2OSAxNC4xMzEgMzEuNSAzMS41IDMxLjVzMzEuNS0xNC4xMzEgMzEuNS0zMS41di0xLjkzOWM2Ni41MzktMy41NDcgMTMxLjM5NS0xOC4xOCAxOTMtNDMuNTQ3VjQ0Ny41YzAgMTMuNTA5LTEwLjk5MSAyNC41LTI0LjUgMjQuNXpNMzM2IDM0NS43NTdjLTE2LjIxOSAyLjI4Ni0zMi41NjggMy44ODItNDkuMDI0IDQuNzgxQzI4Ni40NjQgMzMzLjYxMyAyNzIuNTQ2IDMyMCAyNTUuNSAzMjBzLTMwLjk2NCAxMy42MTMtMzEuNDc2IDMwLjUzOGMtMTYuNDU2LS44OTktMzIuODA1LTIuNDk1LTQ5LjAyNC00Ljc4MVYyNzkuNWMwLTkuMDk4IDcuNDAyLTE2LjUgMTYuNS0xNi41aDEyOGM5LjA5OCAwIDE2LjUgNy40MDIgMTYuNSAxNi41djY2LjI1N3ptLTY0IDUuNzQzdjE2YzAgOS4wOTgtNy40MDIgMTYuNS0xNi41IDE2LjVzLTE2LjUtNy40MDItMTYuNS0xNi41di0xNmMwLTkuMDk4IDcuNDAyLTE2LjUgMTYuNS0xNi41czE2LjUgNy40MDIgMTYuNSAxNi41em0yMjQtNjguNzkxYzAgOS44NjMtNS45NjUgMTguNzc3LTE1LjE5OCAyMi43MS00MS44NjIgMTcuODM0LTg1LjMwNSAzMC41NDUtMTI5LjgwMiAzOC4wMjRWMjc5LjVjMC0xNy4zNjktMTQuMTMxLTMxLjUtMzEuNS0zMS41aC0xMjhjLTE3LjM2OSAwLTMxLjUgMTQuMTMxLTMxLjUgMzEuNXY2My45NDNjLTQ0LjQ5Ny03LjQ3OC04Ny45MzktMjAuMTktMTI5LjgwMi0zOC4wMjRDMjAuOTY1IDMwMS40ODYgMTUgMjkyLjU3MiAxNSAyODIuNzA5VjE0My41YzAtMTMuNTA5IDEwLjk5MS0yNC41IDI0LjUtMjQuNWg0MzJjMTMuNTA5IDAgMjQuNSAxMC45OTEgMjQuNSAyNC41djEzOS4yMDl6Ii8+PC9zdmc+');
    background-position: 0 1px;
}

.homepage-about .stat:nth-child(2) {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODAgNDgwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDM0LjcyIDI3My4wNTZDNDQyLjkyOCAyNjQuNDQgNDQ4IDI1Mi44MTYgNDQ4IDI0MGMwLTIyLjg1Ni0xNi4wNzItNDItMzcuNDk2LTQ2LjgwOGwzNS41NjgtMTEzLjgwOEM0NjUuMjMyIDc2LjQzMiA0ODAgNTkuOTc2IDQ4MCA0MGMwLTIyLjA1Ni0xNy45NDQtNDAtNDAtNDAtMTYuNjY0IDAtMzAuOTYgMTAuMjY0LTM2Ljk2IDI0Ljc5MkwyODQuODE2IDQ2Ljk2QzI3Ny45MiAyOC44ODggMjYwLjQ2NCAxNiAyNDAgMTZjLTIwLjYgMC0zOC4xNTIgMTMuMDY0LTQ0Ljk1MiAzMS4zMkw3OS4yOCAzMi44NDhDNzUuODg4IDE0LjIwOCA1OS42MDggMCA0MCAwIDE3Ljk0NCAwIDAgMTcuOTQ0IDAgNDBjMCAxOS4zMTIgMTMuNzY4IDM1LjQ3MiAzMiAzOS4xOTJ2OTcuNjE2QzEzLjc2OCAxODAuNTI4IDAgMTk2LjY4OCAwIDIxNmMwIDIwLjQzMiAxNS40NjQgMzcuMTUyIDM1LjI3MiAzOS41MmwzMS40ODggNTAuMzc2QzQ2LjcyIDMxMS42NjQgMzIgMzMwLjEyOCAzMiAzNTJjMCAxMi44MTYgNS4wNzIgMjQuNDQgMTMuMjggMzMuMDU2QzE5LjUyIDM5MC4wNzIgMCA0MTIuNzkyIDAgNDQwdjMyYzAgNC40MTYgMy41NzYgOCA4IDhoMTQ0YzQuNDI0IDAgOC0zLjU4NCA4LTh2LTI0aDIwMC44MDhjMy43MiAxOC4yMzIgMTkuODcyIDMyIDM5LjE5MiAzMiAyMi4wNTYgMCA0MC0xNy45NDQgNDAtNDAgMC0xOS4zMTItMTMuNzY4LTM1LjQ3Mi0zMi0zOS4xOTJWMzY4aDY0YzQuNDI0IDAgOC0zLjU4NCA4LTh2LTMyYzAtMjcuMjA4LTE5LjUyLTQ5LjkyOC00NS4yOC01NC45NDR6TTQzMiAyNDBjMCAxNy42NDgtMTQuMzUyIDMyLTMyIDMycy0zMi0xNC4zNTItMzItMzIgMTQuMzUyLTMyIDMyLTMyIDMyIDE0LjM1MiAzMiAzMnptOC0yMjRjMTMuMjMyIDAgMjQgMTAuNzY4IDI0IDI0cy0xMC43NjggMjQtMjQgMjQtMjQtMTAuNzY4LTI0LTI0IDEwLjc2OC0yNCAyNC0yNHpNMjg4IDY0YzAtLjQ1Ni0uMDU2LS44OTYtLjA3Mi0xLjM0NEw0MDAuMTYgNDEuNjA4Yy43MiAxNy43MTIgMTIuOTUyIDMyLjM3NiAyOS40NCAzNi44NDhsLTM1LjYxNiAxMTMuOTZjLTE0Ljc2IDEuODU2LTI3LjQyNCAxMC40MjQtMzQuODcyIDIyLjU2bC0zOS4yNC02NS40Yy0xLjEyOC0yNi4xMi0yMC4xNjgtNDcuNjU2LTQ1LjE2LTUyLjUyOEMyODIuOTI4IDg4LjQ0IDI4OCA3Ni44MTYgMjg4IDY0em0tNDYuOTQ0IDE2OS4xMzZMMjQ2Ljk0NCAxOTJIMzEyYzQuNDI0IDAgOC0zLjU4NCA4LTh2LTMuMTJsMzIuMzA0IDUzLjg0Yy0uMTkyIDEuNzM2LS4zMDQgMy40OTYtLjMwNCA1LjI4IDAgMTIuODE2IDUuMDcyIDI0LjQ0IDEzLjI4IDMzLjA1Ni0yMC42MTYgNC4wMTYtMzcuMiAxOS4zNzYtNDMuMDE2IDM5LjMwNGwtNTAuNjcyLTQ0LjMzNmMtMS43MjgtMTcuMTItMTQuMTItMzEuMDU2LTMwLjUzNi0zNC44ODh6TTI1NiAyNzJjMCAxMy4yMzItMTAuNzY4IDI0LTI0IDI0cy0yNC0xMC43NjgtMjQtMjQgMTAuNzY4LTI0IDI0LTI0IDI0IDEwLjc2OCAyNCAyNHpNMjQwIDMyYzE3LjY0OCAwIDMyIDE0LjM1MiAzMiAzMnMtMTQuMzUyIDMyLTMyIDMyLTMyLTE0LjM1Mi0zMi0zMiAxNC4zNTItMzIgMzItMzJ6bS0yNCA4MGg0OGMyMi4wNTYgMCA0MCAxNy45NDQgNDAgNDB2MjRIMTc2di0yNGMwLTIyLjA1NiAxNy45NDQtNDAgNDAtNDB6TTc4LjkxMiA0OC45MjhsMTEzLjEzNiAxNC4xNDRjLS4wMDguMzEyLS4wNDguNjE2LS4wNDguOTI4IDAgMTIuODE2IDUuMDcyIDI0LjQ0IDEzLjI4IDMzLjA1Ni0yNC4zNDQgNC43NDQtNDMuMDcyIDI1LjMwNC00NS4wNTYgNTAuNTEybC04Mi42NzIgNTUuMTJjLTQuNjQ4LTEzLjA1Ni0xNS43NDQtMjMuMDY0LTI5LjU1Mi0yNS44OFY3OS4xOTJjMTUuMzI4LTMuMTI4IDI3LjQyNC0xNS4wNzIgMzAuOTEyLTMwLjI2NHpNMTYgNDBjMC0xMy4yMzIgMTAuNzY4LTI0IDI0LTI0czI0IDEwLjc2OCAyNCAyNC0xMC43NjggMjQtMjQgMjQtMjQtMTAuNzY4LTI0LTI0em0wIDE3NmMwLTEzLjIzMiAxMC43NjgtMjQgMjQtMjRzMjQgMTAuNzY4IDI0IDI0LTEwLjc2OCAyNC0yNCAyNC0yNC0xMC43NjgtMjQtMjR6bTM2Ljk2OCAzNy42NTZjMTQuMjY0LTQuOTM2IDI0Ljc3Ni0xNy42MTYgMjYuNTY4LTMzLjA2NEwxNjAgMTY2Ljk0NFYxODRjMCA0LjQxNiAzLjU3NiA4IDggOGg2Mi43NzZsLTUuODE2IDQwLjcxMmMtMTcuNDE2IDMuMTItMzAuNzkyIDE3LjUyOC0zMi41NiAzNS4zNjhsLTY5LjQ4OCA2Mi41MzZjLTcuMjMyLTE0LjQ1Ni0yMS41MTItMjQuNzg0LTM4LjMzNi0yNi4zODRsLTMxLjYwOC01MC41NzZ6TTgwIDMyMGMxNy42NDggMCAzMiAxNC4zNTIgMzIgMzJzLTE0LjM1MiAzMi0zMiAzMi0zMi0xNC4zNTItMzItMzIgMTQuMzUyLTMyIDMyLTMyem02NCAxNDRIMTZ2LTI0YzAtMjIuMDU2IDE3Ljk0NC00MCA0MC00MGg0OGMyMi4wNTYgMCA0MCAxNy45NDQgNDAgNDB2MjR6bTE0LjI4OC0zNy40ODhjLTUuMjE2LTIwLjk2OC0yMi4yMTYtMzcuMjk2LTQzLjU3Ni00MS40NTZDMTIyLjkyOCAzNzYuNDQgMTI4IDM2NC44MTYgMTI4IDM1MmMwLTEuNDMyLS4wODgtMi44NC0uMjE2LTQuMjQ4bDY3LjI1Ni02MC41MzZDMjAxLjA0OCAzMDEuNzQ0IDIxNS4zMzYgMzEyIDIzMiAzMTJjMTYuNzM2IDAgMzEuMDY0LTEwLjM2IDM3LjAxNi0yNC45ODRsNDUuNjggMzkuOTY4LTE1Ni40MDggOTkuNTI4ek0zNjAuODA4IDQzMkgxNzkuNDcyTDMyMCAzNDIuNTc2VjM2MGMwIDQuNDE2IDMuNTc2IDggOCA4aDY0djMyLjgwOEMzNzYuMzUyIDQwNCAzNjQgNDE2LjM1MiAzNjAuODA4IDQzMnpNNDI0IDQ0MGMwIDEzLjIzMi0xMC43NjggMjQtMjQgMjRzLTI0LTEwLjc2OC0yNC0yNCAxMC43NjgtMjQgMjQtMjQgMjQgMTAuNzY4IDI0IDI0em00MC04OEgzMzZ2LTI0YzAtMjIuMDU2IDE3Ljk0NC00MCA0MC00MGg0OGMyMi4wNTYgMCA0MCAxNy45NDQgNDAgNDB2MjR6Ii8+PC9zdmc+');
    background-position: 0 4px;
}

.homepage-about .stat:nth-child(3) {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTEuOTk5IDUxMS45OTkiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MDYuNTY4IDE1Ni4xNThMMzc2LjY5MiAyNi4yODFjLTMuNTI0LTMuNTI0LTguMTgzLTUuNDQ2LTEzLjE5Ni01LjQzOC00Ljk4NC4wMTctOS42NTcgMS45ODEtMTMuMTU4IDUuNTI5bC02LjE0IDYuMjI1Yy03LjY2OSA3Ljc3NS0xNy44NDUgMTIuOTA2LTI4LjY1NSAxNC40NWwtOS40MTEgMS4zNDRjLTExLjQ1NyAxLjYzNy0yMi4zOTMgNi4zMjctMzEuNTA4IDEzLjQxNmwtMjcuNTAzLTI3LjUwMWMtNi45NDEtNi45NDEtMTYuMTY5LTEwLjc2My0yNS45ODYtMTAuNzYzSDE4Ny4wMWMtMy42NyAwLTcuMTIxLTEuNDI5LTkuNzE2LTQuMDI0LTUuMzQtNS4zNC0xMi40MzktOC4yODEtMTkuOTkxLTguMjgxcy0xNC42NTEgMi45NDEtMTkuOTkxIDguMjgxTDguNzg1IDE0OC4wNDhjLTExLjcxMyAxMS43MTMtMTEuNzEzIDMwLjc3MiAwIDQyLjQ4NiAyLjA4OCAyLjA4OCAzLjQ2OCA0Ljg0OCAzLjg4NSA3Ljc3Mmw0LjUgMzEuNDk4YzEuMTE3IDcuODE5IDQuODA4IDE1LjIwMiAxMC4zOTQgMjAuNzg5bDI4Ljc3NSAyOC43NzUtNC41NTYgNC41NTZjLTE2LjQ1NiAxNi40NTYtMTYuNDU2IDQzLjIzIDAgNTkuNjg2IDcuOTcxIDcuOTcxIDE4LjU3IDEyLjM2MiAyOS44NDMgMTIuMzYyIDIuMTg1IDAgNC4zNDUtLjE2NSA2LjQ2NS0uNDg5LTEuOTY3IDEyLjgzOSAxLjk4MyAyNi40MTggMTEuODUxIDM2LjI4NiA5Ljg2OCA5Ljg2OCAyMy40NDYgMTMuODE3IDM2LjI4NiAxMS44NTFhNDIuNzgyIDQyLjc4MiAwIDAgMC0uNDg5IDYuNDY1YzAgMTEuMjczIDQuMzkxIDIxLjg3MSAxMi4zNjIgMjkuODQyczE4LjU3IDEyLjM2MiAyOS44NDMgMTIuMzYyYzIuMTg1IDAgNC4zNDUtLjE2NSA2LjQ2NS0uNDg5LTEuOTY3IDEyLjgzOSAxLjk4MyAyNi40MTggMTEuODUxIDM2LjI4NiA4LjIyOCA4LjIyOCAxOS4wMzUgMTIuMzQxIDI5Ljg0MyAxMi4zNDEgOS44MDIgMCAxOS41OTctMy4zOTYgMjcuNDc0LTEwLjE2NCA3LjgyOCA2Ljk5NiAxNy42OTUgMTAuNDk4IDI3LjU2NSAxMC40OTggMTAuNjAyIDAgMjEuMjAzLTQuMDM1IDI5LjI3My0xMi4xMDdsLjAwMS0uMDAxIDEuMTM4LTEuMTM5YzkuNjIxLTkuNjIgMTMuNTA0LTIyLjgzNiAxMS42NTctMzUuMzYzIDIuMDE4LjI5OCA0LjA1NC40NSA2LjA5LjQ1IDEwLjYwMiAwIDIxLjIwMi00LjAzNSAyOS4yNzItMTIuMTA0bDEuMTQxLTEuMTQxYzkuNjIxLTkuNjIxIDEzLjUwNC0yMi44MzggMTEuNjU3LTM1LjM2NCAyLjAxOC4yOTggNC4wNTQuNDUgNi4wOS40NSAxMC42MDIgMCAyMS4yMDItNC4wMzUgMjkuMjczLTEyLjEwNmwxLjEzOS0xLjEzOWM5LjYyLTkuNjIgMTMuNTA0LTIyLjgzNiAxMS42NTctMzUuMzYzIDIuMDE4LjI5OCA0LjA1NC40NSA2LjA4OS40NSAxMC42MDEgMCAyMS4yMDMtNC4wMzUgMjkuMjczLTEyLjEwN2wuMDAxLS4wMDEgMS4xMzgtMS4xMzljMTUuNTUyLTE1LjU1MiAxNi4xMTQtNDAuNDk2IDEuNjk2LTU2LjczNWwxMS41OTUtMTEuNTk1YzEyLjU2NS0xMi41NjUgMTkuNDg2LTI5LjI3MiAxOS40ODYtNDcuMDQydi0yLjM2YzAtMTYuMTk5IDYuMzA5LTMxLjQzIDE3Ljc2My00Mi44ODQgNy4yMzgtNy4yNCA3LjIzOC0xOS4wMjItLjAwMy0yNi4yNjN6TTIyNi4xMDIgNDg0LjE0NWMtNi45MTggMC0xMy40MjQtMi42OTQtMTguMzE2LTcuNTg3LTQuODkyLTQuODkzLTcuNTg3LTExLjM5Ny03LjU4Ny0xOC4zMTcgMC01LjkzOCAxLjk5LTExLjU2NyA1LjY0NS0xNi4xMzggMS4wOTkgMS40MzUgMi4yOTMgMi44MiAzLjYwNSA0LjEzMmwzMi40OTUgMzIuNDk1Yy00LjUxNyAzLjUwNy0xMC4wMzEgNS40MTUtMTUuODQyIDUuNDE1em03My45MjItOC4xNTdsLTEuMTM4IDEuMTM5Yy05Ljc4NCA5Ljc4NS0yNS43MDcgOS43ODYtMzUuNDkzIDBsLTQyLjQxOC00Mi40MThjLTkuNzg1LTkuNzg1LTkuNzg1LTI1LjcwOCAwLTM1LjQ5M2wxLjEzOS0xLjEzOWM0Ljg5My00Ljg5MyAxMS4zMi03LjMzOSAxNy43NDctNy4zMzlzMTIuODUzIDIuNDQ2IDE3Ljc0NiA3LjMzOWw0Mi40MTggNDIuNDE4YzkuNzg2IDkuNzg2IDkuNzg2IDI1LjcwNy0uMDAxIDM1LjQ5M3ptNDguMTYyLTQ4LjE2bC0xLjE0IDEuMTM5czAgLjAwMS0uMDAxLjAwMWMtOS43ODUgOS43ODUtMjUuNzA3IDkuNzg1LTM1LjQ5MiAwbC00Mi40MTgtNDIuNDE4Yy05Ljc4NS05Ljc4NS05Ljc4NS0yNS43MDggMC0zNS40OTNsMS4xMzktMS4xMzljNC44OTMtNC44OTMgMTEuMzItNy4zMzkgMTcuNzQ2LTcuMzM5IDYuNDI2IDAgMTIuODU0IDIuNDQ2IDE3Ljc0NyA3LjMzOWw0Mi40MTggNDIuNDE4YzkuNzg1IDkuNzg2IDkuNzg1IDI1LjcwOC4wMDEgMzUuNDkyem00OC4xNTctNDguMTU3bC0xLjEzOSAxLjEzOWMtOS43ODUgOS43ODUtMjUuNzA3IDkuNzg1LTM1LjQ5MiAwbC00Mi40MTgtNDIuNDE4Yy00Ljc0MS00Ljc0LTcuMzUxLTExLjA0My03LjM1MS0xNy43NDYgMC02LjcwMyAyLjYxLTEzLjAwNSA3LjM1My0xNy43NDdsMS4xMzgtMS4xMzljNC44OTMtNC44OTMgMTEuMzE5LTcuMzM5IDE3Ljc0Ni03LjMzOSA2LjQyNiAwIDEyLjg1NCAyLjQ0NiAxNy43NDYgNy4zMzlsNDIuNDE4IDQyLjQxOWM5Ljc4NCA5Ljc4NSA5Ljc4NCAyNS43MDYtLjAwMSAzNS40OTJ6bTQ4LjE1Ny00OC4xNThsLTEuMTM4IDEuMTM5Yy05Ljc4NCA5Ljc4NC0yNS43MDcgOS43ODUtMzUuNDkzIDBsLTQyLjQxOC00Mi40MTljLTkuNzg1LTkuNzg1LTkuNzg1LTI1LjcwNyAwLTM1LjQ5MmwxLjEzOS0xLjEzOWM0Ljg5My00Ljg5MyAxMS4zMi03LjMzOSAxNy43NDctNy4zMzlzMTIuODUzIDIuNDQ2IDE3Ljc0NiA3LjMzOWw0Mi40MTggNDIuNDE4YzkuNzg1IDkuNzg1IDkuNzg1IDI1LjcwNy0uMDAxIDM1LjQ5M3ptNTAuNjAzLTE2MC42ODJjLTEzLjYzMyAxNC42NjYtMjIuNTk5IDMzLjAzLTIyLjU5OSA1My4wNTR2My43ODNjMCAxMy4zMjEtNS4yOTIgMjYuMDk2LTE0LjcxMSAzNS41MTVsLTExLjUzNyAxMS41MzctMzIuNjQ2LTMyLjY0NmMtMTYuMTY3LTE2LjE2Ny00Mi4zNzktMTYuMTY3LTU4LjU0NyAwbC0xLjEzOSAxLjEzOWMtOS42MjEgOS42Mi0xMy41MDQgMjIuODM2LTExLjY1NyAzNS4zNjMtMTIuNTI2LTEuODQ3LTI1Ljc0MiAyLjAzNi0zNS4zNjUgMTEuNjU3bC0uNjM5LjYzOWMtNy4zNDIgNy4zNDktMTEuOTkzIDE3LjA4LTEyLjU2MSAyNy40NTMtLjE1NyAyLjg0Ny0uMDIzIDUuNjU5LjM3OSA4LjQwNC0xMi41MTktMS44MzgtMjUuNzIyIDIuMDQ3LTM1LjMzNiAxMS42NjFsLTEuMTM5IDEuMTM5Yy05LjYyMSA5LjYyMS0xMy41MDQgMjIuODM3LTExLjY1NyAzNS4zNjQtMTIuNTI2LTEuODQ4LTI1Ljc0MiAyLjAzNS0zNS4zNjQgMTEuNjU3bC0xLjEzOSAxLjEzOWMtMTAuNTg4IDEwLjU4OS0xNC4yMzEgMjUuNTM0LTEwLjkyNyAzOS4xMi0uODE3LjM4OS0xLjU4Ny45MTMtMi4yNjMgMS41ODktMTEuMjA0IDExLjIwNC0zMC4yMDEgOS45NzktMzkuNzAxLTMuNjc0LTIuMDg5LTMuMDAzLTMuNTEtNi40NS00LjEyNi0xMC4wNTYtMS40NjUtOC41ODIgMS4yMzMtMTYuOTM4IDcuMTk2LTIyLjlsNDQuNzE5LTQ0LjcxOWMzLjI0Mi0zLjI0MiAzLjE4Mi04LjUzNi0uMTgtMTEuNzAxLTMuMjQ5LTMuMDU5LTguNDMzLTIuNzM5LTExLjU4OS40MTdsLTQ0LjQ3NiA0NC40NzdjLTEwLjIyOSAxMC4yMjgtMjYuOTUzIDEwLjA5Ny0zNy4wMTUtLjM5Mi05LjUtOS45MDQtOS4yMzMtMjUuNjYtLjAwMi0zNS44MTRsLjM5MS0uNDMgNDQuNzE0LTQ0LjcxM2MzLjE4My0zLjE4MyAzLjE4My04LjM0NCAwLTExLjUyNi0zLjE4Mi0zLjE4NC04LjM0My0zLjE4My0xMS41MjYgMGwtNDQuNzI4IDQ0LjcyOGMtNi4wMDkgNi4wMDEtMTQuNDQ0IDguNjkxLTIzLjA5MiA3LjE1LTMuNTQyLS42MzEtNi45MjgtMi4wMzctOS44NzYtNC4wOTktNy4xODgtNS4wMy0xMS4yNC0xMi44OTItMTEuMjQtMjEuMzc3IDAtNi45MTggMi42OTQtMTMuNDI0IDcuNTg3LTE4LjMxNmw3NC44MjMtNzQuODIzYzMuMTQzLTMuMTQzIDMuMTU0LTguMjM3LjAyNC0xMS4zOTItLjAzOC0uMDM4LS4wNzYtLjA3Ny0uMTE1LS4xMTUtMy4xNDctMy4xNzItOC4yNzYtMy4xOC0xMS40MzUtLjAyMWwtNTguNzQxIDU4Ljc0MS0yOC43NzUtMjguNzc1Yy0zLjEwOC0zLjEwOC01LjE2Mi03LjIxNy01Ljc4NC0xMS41NjhsLTQuNS0zMS40OThjLS45MzQtNi41MzYtNC4xMzYtMTIuNDM5LTguNzA0LTE3LjIwNi01LjE0OS01LjM3My01LjA4MS0xMy45MzQuMjA4LTE5LjIyMUwxNDguNTY3IDMxLjMxOGMyLjE4Ny0yLjE4NyA1LjA3Ny0zLjYyMiA4LjE2Ny0zLjc2NSAzLjM2Ny0uMTU1IDYuNTYgMS4wNjcgOC45NDYgMy40MDYgNS41ODIgNS40NzEgMTIuODQ0IDguODg1IDIwLjY2IDguODg1aDM0LjgwMmEyMC40MzIgMjAuNDMyIDAgMCAxIDE0LjQ1MyA1Ljk4OWwxMTguNDg0IDExOC40ODRjMTAuMjQ2IDEwLjI0NiAxMC41MTggMjcuMjg3LjEgMzcuMzU4LTEwLjEyMyA5Ljc4Ni0yNi4zMjIgOS42ODMtMzYuMzE3LS4zMTFsLTgwLjc3My04MC43NzNjLTYuMDY5LTYuMDY5LTE1LjkwNy02LjA2OS0yMS45NzYgMGwtNjEuNTIgNjEuNTJjLTMuMTUyIDMuMTUyLTMuMTUyIDguMjYxIDAgMTEuNDExbC4xMTUuMTE1YzMuMTUyIDMuMTUyIDguMjYxIDMuMTUyIDExLjQxMSAwbDYwLjk4MS02MC45ODEgNzkuNjQyIDc5LjY0M2MxNi41MiAxNi41MiA0NC4wNDkgMTcuMDIyIDYwLjQ2Ny40MDEgOC4wNDktOC4xNDggMTIuMzg2LTE4Ljk5NyAxMi4xNjQtMzAuNDk0LS4yMTUtMTEuMTM1LTUuMDM5LTIxLjY4OC0xMi45MTUtMjkuNTYybC03OS4xOTMtNzkuMTkzYzYuNTQxLTQuNjc3IDE0LjE4OC03Ljc4MSAyMi4xNy04LjkyMWw5LjQxMS0xLjM0NGE2Ni41MzcgNjYuNTM3IDAgMCAwIDM3Ljk1Ny0xOS4xNDFsNi4xMzktNi4yMjRjLjU0OS0uNTU2IDEuMTc4LS42NzUgMS42MDgtLjY3Ni40NTYtLjAwMSAxLjA2Mi4xMTMgMS42MTMuNjY0TDQ5NS4wNCAxNjcuNjg2Yy41NDkuNTUuNjY1IDEuMTc3LjY2NSAxLjYwNS4wMDIuNDEyLS4xMDYgMS4wMDYtLjYwMiAxLjU0eiIvPjwvc3ZnPg==');
    background-position: 0 3px;
}

.homepage-about .info .col:nth-child(2) {
    bottom: 130px;
    left: 33.3%;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 70px;
    position: absolute;
    top: 261px;
    width: 33.3%;
}

.homepage-about .info .col:nth-child(2) p {
    color: #c7c8ca;
    font: 100 18px Roboto, sans-serif;
    line-height: 30px;
    margin: -5px 0 42px -1px;
    max-width: 540px;
    padding-left: 25px;
}

.homepage-about .info .col:nth-child(2) p:nth-child(2) {
    margin: 0 0 0 -1px;
}

.homepage-about .youtube-subscribe {
    /*background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDguNDkyIDUwOC40OTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MDQuMTUgMTU4LjI0Yy0yLjgyOS0zMy44NDgtMjMuMDExLTc2LjUzMi02NC40ODctNzguMDU4LTExNS44MTUtNy43ODctMjUzLjAyLTkuOTE2LTM3MC45MzMgMC0zNi41ODIgNC4xLTYxLjY1OCA0OC42NTktNjQuMzkxIDgyLjUwNy01Ljc4NCA3MS4wOTctNS43ODQgMTExLjU1NyAwIDE4Mi42NTQgMi43NjUgMzMuODQ4IDI3LjIwNiA3OC42NjIgNjQuNDU1IDgzLjM2NSAxMTkuMzExIDcuNzg3IDI1NS44NDkgOC44OTkgMzcwLjkzMyAwIDM2LjEwNS02LjI2MSA2MS42OS00OS41MTcgNjQuNDU1LTgzLjM2NSA1Ljc1Mi03MS4xMjkgNS43NTItMTE2LjAwNi0uMDMyLTE4Ny4xMDN6TTE5MC42NDcgMzQ0LjE5OVYxNjEuOTI2bDE1OC45MTIgOTEuMTUyLTE1OC45MTIgOTEuMTIxeiIvPjwvc3ZnPg==') no-repeat 235px center;*/
    /*background-size: 17px auto;*/
    /*border: 2px solid #4d4d4d;*/
    /*border-left: none;*/
    /*border-radius: 0 30px 30px 0;*/
    bottom: 4.5%;
    /*color: #fff;*/
    display: inline-block;
    /*font: 600 13px Roboto, sans-serif;*/
    height: 60px;
    left: 33.3%;
    min-width: 270px;
    /*padding: 22px 51px 20px 24px;*/
    padding: 0 51px 0 24px;
    position: absolute;
    text-decoration: none;
    /*text-transform: uppercase;*/
    /*transition: .4s ease-in-out;*/
}

.homepage-about .youtube-subscribe:hover {
    /*background-color: #02aeef;*/
    /*border: 2px solid #02aeef;*/
    /*border-left: none;*/
    /*box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);*/
}

.homepage-about .simplebar-track.vertical {
    background: #434343;
}

.homepage-about .map {
    display: block;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    width: 33.4%;
}

.homepage-about .map-screen {
    bottom: 0;
    left: 66.6%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.homepage-about .map-screen #map {
    height: 100%;
    width: 100%;
}

.homepage-about .social a {
    background: url(../img/social.png) no-repeat;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin-right: 8px;
    transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
    width: 60px;
}

.homepage-about .social a:hover {
    border-color: transparent;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
}

.homepage-about .social a:last-child {
    margin-right: 0;
}

.homepage-about .social a.tg {
    background: url(../img/tg2.png) no-repeat center;
}

.homepage-about .social a.vk {
    background-position: 0 -60px;
}

.homepage-about .social a.vk:hover {
    background-position: 0 -60px;
}

.homepage-about .social a.ig {
    background-position: -60px -60px;
}

.homepage-about .social a.ig:hover {
    background-position: -60px -60px;
}

.homepage-about .social a.tw {
    background-position: -120px -60px;
}

.homepage-about .social a.tw:hover {
    background-position: -120px -60px;
}

.homepage-about .social a.fb {
    background-position: -180px -60px;
}

.homepage-about .social a.fb:hover {
    background-position: -180px -60px;
}

.homepage-about .social a.yt {
    background-position: -240px -60px;
}

.homepage-about .social a.yt:hover {
    background-position: -240px -60px;
}

.map-toggle {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTguNSAzbDkgOS05IDkiLz48L3N2Zz4=') no-repeat;
    height: 72px;
    left: 1%;
    margin-top: -36px;
    position: absolute;
    top: 50%;
    transform: rotate(180deg);
    transition: .4s ease-in-out;
    width: 72px;
    z-index: 8;
}

.map-toggle.expanded {
    transform: rotate(0deg);
}

@media all and (min-width: 1101px) {

    .homepage-about .simplebar-track {
        display: none;
    }

}

/* Homepage contacts */
.homepage-contacts {
    background: #2e2e2e;
}

.homepage-contacts h2 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    left: 0;
    line-height: 1;
    padding-bottom: 60px;
    padding-left: 8.85%;
    position: absolute;
    text-transform: uppercase;
    top: 140px;
    z-index: 3;
}

.homepage-contacts .contacts {
    left: 0;
    padding-left: 8.85%;
    position: absolute;
    top: 230px;
    z-index: 3;
}

@media all and (min-height: 745px) and (min-width: 1025px) {
    .homepage-contacts .contacts {
        top: 300px;
    }
}

.homepage-contacts .block {
    margin-bottom: 70px;
    padding-left: 80px;
    width: 300px;
}

.homepage-contacts .block:nth-child(1) {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTU5LjQyMyAxMS41OTFsLTE1LTdjLS4wMTUtLjAwNy0uMDMyLS4wMDktLjA0Ny0uMDE1LS4wNDItLjAxNy0uMDg1LS4wMy0uMTI4LS4wNDEtLjAzNi0uMDA5LS4wNzEtLjAxOC0uMTA3LS4wMjNhLjg3OTMuODc5MyAwIDAgMC0uMTM2LS4wMDhjLS4wMzcgMC0uMDc0IDAtLjExMS4wMDQtLjA0My4wMDQtLjA4NC4wMTQtLjEyNi4wMjQtLjA0LjAxLS4wOC4wMi0uMTE5LjAzNC0uMDE0LjAwNS0uMDI5LjAwNi0uMDQzLjAxMkwzMCAxMC40MDkgMTYuMzk0IDQuNTc4Yy0uMDA5LS4wMDQtLjAxOC0uMDA0LS4wMjctLjAwOC0uMDQtLjAxNi0uMDgxLS4wMjUtLjEyMi0uMDM1LS4wMzgtLjAxLS4wNzYtLjAyMS0uMTE1LS4wMjctLjA0Mi0uMDA1LS4wODMtLjAwNC0uMTI1LS4wMDQtLjAzOSAwLS4wNzctLjAwMy0uMTE1LjAwMi0uMDQzLjAwNS0uMDg1LjAxNy0uMTI3LjAyNy0uMDM3LjAwOS0uMDc0LjAxNi0uMTEuMDI5LS4wMDguMDAzLS4wMTcuMDAzLS4wMjUuMDA3bC0xNSA2YS45OTk4Ljk5OTggMCAwIDAtLjYyOC45Mjh2NDNjMCAuMzMyLjE2NS42NDIuNDM5LjgyOC4xNjguMTEzLjM2NC4xNzIuNTYxLjE3Mi4xMjUgMCAuMjUxLS4wMjMuMzcyLS4wNzFsMTQuNjE2LTUuODQ2IDEzLjYxOSA1LjgzNmMuMDE0LjAwNi4wMjkuMDAzLjA0My4wMDkuMTE0LjA0My4yMzEuMDcyLjM1MS4wNzJzLjIzOC0uMDI5LjM1MS0uMDcyYy4wMTQtLjAwNS4wMjktLjAwMy4wNDMtLjAwOWwxMy42MTktNS44MzYgMTQuNjE2IDUuODQ2Yy4xMi4wNDguMjQ2LjA3MS4zNzIuMDcxLjE5NyAwIC4zOTMtLjA1OS41NjEtLjE3Mi4yNzItLjE4Ni40MzctLjQ5Ni40MzctLjgyOHYtNDJhLjk5OS45OTkgMCAwIDAtLjU3Ny0uOTA2ek0yIDEyLjE3NGwxMy01LjJWNDcuODJsLTEzIDUuMlYxMi4xNzR6bTE1LTUuMTZsMTIgNS4xNDNWNTIuOThsLTEyLTUuMTQzVjcuMDE0em0xNCA1LjE0MmwxMi01LjE0M3Y0MC44MjRMMzEgNTIuOThWMTIuMTU2ek01OCA1My4wMmwtMTMtNS4yVjcuMDY3bDEzIDYuMDY2VjUzLjAyeiIvPjwvc3ZnPg==') no-repeat 0 4px;
    background-size: 40px auto;
}

.homepage-contacts .block:nth-child(2) {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS43MzUgMjkuNzM1Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjMuODk1IDI5LjczM2MtMS4yMzcgMC0yLjczMS0uMzEtNC4zNzMtLjkyOS0zLjYwMy0xLjM1OS03LjUyMS00LjA0My0xMS4wMzUtNy41NTdDNC45NzMgMTcuNzMzIDIuMjg5IDEzLjgxNC45MyAxMC4yMS0uMzA3IDYuOTM1LS4zMSA0LjI0Ny45MiAzLjAxN2MuMTc4LS4xNzguMzU5LS4zNjguNTQ1LS41NjNDMi41ODggMS4yNzQgMy44ODctLjA2NyA1LjUzOC4wMDZjMS4xNi4wNDggMi4yODMuNzY4IDMuNDM1IDIuMTk4IDMuMzk2IDQuMjI1IDEuODY1IDUuNzMxLjA5MyA3LjQ3N2wtLjMxNC4zMWMtLjI5LjI5LS44MzkgMS42MzIgNC4yNiA2LjczIDEuNjY2IDEuNjY1IDMuMDg0IDIuODgzIDQuMjE3IDMuNjIuNzE1LjQ2NCAxLjk5MSAxLjE2NCAyLjUxNC42NDFsLjMxNS0uMzE4YzEuNzQ0LTEuNzcgMy4yNS0zLjI5NiA3LjQ3NC4wOTkgMS40MzEgMS4xNSAyLjE1IDIuMjczIDIuMTk4IDMuNDM0LjA2OSAxLjY4Mi0xLjI3MSAyLjk1NC0yLjQ1MyA0LjA3Ni0uMTk0LjE4NS0uMzg0LjM2NC0uNTYuNTQtLjYxNC42MTMtMS41OS45Mi0yLjgyMi45MnpNNS40MTkgMS4wMDJjLTEuMTk0IDAtMi4yNzQgMS4xMzYtMy4yMjkgMi4xNC0uMTkzLjIwMi0uMzguMzk5LS41NjMuNTgyLS45MTYuOTE1LS44MjIgMy4zMjMuMjM4IDYuMTM0IDEuMzEgMy40NzMgMy45MTMgNy4yNjcgNy4zMjkgMTAuNjgzczcuMjA5IDYuMDE4IDEwLjY4MSA3LjMyOGMyLjgxMSAxLjA2MSA1LjIxOSAxLjE1MyA2LjEzNS4yMzYuMTgzLS4xODIuMzc4LS4zNjguNTc4LS41NTggMS4wMjgtLjk3NyAyLjE5My0yLjA4MyAyLjE0My0zLjMxMS0uMDM1LS44NDMtLjY0OS0xLjc1LTEuODI2LTIuNjk1LTMuNTItMi44MjgtNC41MDMtMS44MjgtNi4xMzUtLjE3NmwtLjMyLjMyM2MtLjc3Ny43ODEtMi4wNDQuNjEtMy43NjYtLjUxLTEuMTktLjc3NC0yLjY2NC0yLjAzNy00LjM3OS0zLjc1MS00LjIzMS00LjIzMS01LjU4NS02LjgxOS00LjI2LTguMTQ1bC4zMTktLjMxNmMxLjY1OC0xLjYzMiAyLjY1OC0yLjYxNy0uMTcxLTYuMTM3QzcuMjQ3IDEuNjU0IDYuMzQgMS4wNCA1LjQ5NyAxLjAwNGEyLjA4MzQgMi4wODM0IDAgMCAwLS4wNzgtLjAwMnpNMjQuMDcgMTIuMjlhLjQ5OTUuNDk5NSAwIDAgMS0uMTg4LS4wMzdjLS4yNTYtLjEwNC0uMzgtLjM5NS0uMjc1LS42NS42MzYtMS41NjguMjcyLTMuMzU1LS45MjQtNC41NTItMS4yMjktMS4yMjktMy4xMTgtMS41Ny00LjcwMy0uODU4LS4yNDkuMTEzLS41NDguMDAzLS42NjEtLjI0OS0uMTE0LS4yNTItLjAwMy0uNTQ4LjI0OS0uNjYxIDEuOTYxLS44ODggNC4zLS40NjEgNS44MjIgMS4wNjJhNS4xOTM4IDUuMTkzOCAwIDAgMSAxLjE0MyA1LjYzNGMtLjA3OC4xOTItLjI2Ni4zMTEtLjQ2My4zMTF6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI4LjUzNCAxNC4xMDJhLjQ5OTUuNDk5NSAwIDAgMS0uMTg4LS4wMzdjLS4yNTctLjEwNC0uMzgtLjM5NS0uMjc1LS42NSAxLjM2NS0zLjM2Ny41ODgtNy4yMDItMS45ODEtOS43NzEtMi42MzgtMi42MzgtNi42OTUtMy4zNzgtMTAuMDk1LTEuODQxLS4yNTIuMTEtLjU0OC4wMDItLjY2Mi0uMjUtLjExMy0uMjUzLS4wMDItLjU0OS4yNS0uNjYzQzE5LjM2LS44MTYgMjMuODY2LjAwNSAyNi43OTcgMi45MzZjMi44NTQgMi44NTQgMy43MTggNy4xMTQgMi4yIDEwLjg1NGEuNDk5NS40OTk1IDAgMCAxLS40NjMuMzEyeiIvPjwvc3ZnPg==') no-repeat 0 4px;
    background-size: 41px auto;
}

.homepage-contacts .block:nth-child(3) {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTIuODQgNDUyLjg0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDQ5LjQ4MyAxOTAuNGwuMDAxLS4wMDEtNTcuODI0LTM4LjMzNVYyMy45M2MwLTQuMTQyLTMuMzU4LTcuNS03LjUtNy41SDY4LjY3Yy00LjE0MiAwLTcuNSAzLjM1OC03LjUgNy41djEyOC4xNDNMMy4zNTYgMTkwLjM5OWwuMDAxLjAwMkMxLjMzNSAxOTEuNzQ0IDAgMTk0LjA0IDAgMTk2LjY1djIzMi4yNmMwIDQuMTQyIDMuMzU4IDcuNSA3LjUgNy41aDQzNy44NGM0LjE0MiAwIDcuNS0zLjM1OCA3LjUtNy41VjE5Ni42NWMwLTIuNjEtMS4zMzUtNC45MDYtMy4zNTctNi4yNXpNNjEuMTcgMjE2LjYyOUwzNy42NDUgMjA0LjE1SDYxLjE3djEyLjQ3OXpNMTUgMjA5LjExOGwxNzIuNDc1IDkxLjQ5TDE1IDQxNC45MzVWMjA5LjExOHptMjExLjQxNyA4My42NzFMNDIwLjQ1NCA0MjEuNDFIMzIuMzgxbDE5NC4wMzYtMTI4LjYyMXptMzguOTQ1IDcuODJsMTcyLjQ3Ny05MS40OTF2MjA1LjgyMWwtMTcyLjQ3Ny0xMTQuMzN6TTM5MS42NiAyMDQuMTVoMjMuNTM2bC0yMy41MzYgMTIuNDg0VjIwNC4xNXptMjguNzk0LTE1SDM5MS42NnYtMTkuMDlsMjguNzk0IDE5LjA5ek0zNzYuNjYgMzEuNDN2MTkzLjE2MWwtMTI1LjUyNyA2Ni41ODYtMjAuNTczLTEzLjYzN2MtMi41MTEtMS42NjUtNS43NzYtMS42NjUtOC4yODcgMGwtMjAuNTcgMTMuNjM1TDc2LjE3IDIyNC41ODZWMzEuNDNoMzAwLjQ5ek02MS4xNyAxODkuMTVIMzIuMzg4bDI4Ljc4Mi0xOS4wOHYxOS4wOHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjI2LjQxNSAyMTMuNjcxaDU5Ljc1NGM0LjE0MiAwIDcuNS0zLjM1OCA3LjUtNy41cy0zLjM1OC03LjUtNy41LTcuNWgtNTkuNzU0Yy0yOC44MTMgMC01Mi4yNTQtMjMuNDQxLTUyLjI1NC01Mi4yNTR2LTIuMjEzYzAtMjguODEzIDIzLjQ0MS01Mi4yNTQgNTIuMjU0LTUyLjI1NHM1Mi4yNTQgMjMuNDQxIDUyLjI1NCA1Mi4yNTR2NS41MzNjMCA2LjIzNy01LjA3NCAxMS4zMTItMTEuMzEyIDExLjMxMnMtMTEuMzEyLTUuMDc0LTExLjMxMi0xMS4zMTJ2LTEwLjUxMmMwLTE3Ljg2NC0xNC41MzMtMzIuMzk4LTMyLjM5Ny0zMi4zOThzLTMyLjM5NyAxNC41MzMtMzIuMzk3IDMyLjM5OGMwIDE3Ljg2NCAxNC41MzMgMzIuMzk3IDMyLjM5NyAzMi4zOTcgOC4xNjkgMCAxNS42MzYtMy4wNDUgMjEuMzQtOC4wNTIgNC42NDQgNy40ODMgMTIuOTMyIDEyLjQ3OCAyMi4zNjkgMTIuNDc4IDE0LjUwOCAwIDI2LjMxMi0xMS44MDMgMjYuMzEyLTI2LjMxMnYtNS41MzNjMC0zNy4wODQtMzAuMTctNjcuMjU0LTY3LjI1NC02Ny4yNTRzLTY3LjI1NCAzMC4xNy02Ny4yNTQgNjcuMjU0djIuMjEzYzAgMzcuMDg1IDMwLjE3IDY3LjI1NSA2Ny4yNTQgNjcuMjU1em0tMi43NjctNTcuMDQ5Yy05LjU5MyAwLTE3LjM5Ny03LjgwNC0xNy4zOTctMTcuMzk3czcuODA1LTE3LjM5OCAxNy4zOTctMTcuMzk4IDE3LjM5NyA3LjgwNSAxNy4zOTcgMTcuMzk4LTcuODA0IDE3LjM5Ny0xNy4zOTcgMTcuMzk3eiIvPjwvc3ZnPg==') no-repeat 0 4px;
    background-size: 40px auto;
    margin-bottom: 0;
}

.homepage-contacts .block .title {
    color: #7a7a7c;
    font: 400 13px Roboto, sans-serif;
    margin-bottom: 13px;
}

.homepage-contacts .block .text {
    color: #fff;
    font: 500 14px Roboto, sans-serif;
    line-height: 20px;
}

.homepage-contacts .block .small {
    color: #fff;
    font: 100 14px Roboto, sans-serif;
    margin-top: 4px;
}

.homepage-contacts .block .text a {
    color: #fff;
    text-decoration: none;
}

.homepage-contacts #map_contacts {
    height: 100%;
    /*opacity: .5;*/
    width: 100%;
}

.homepage-contacts .more {
    background: transparent;
    border: 2px solid #4d4d4d;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font: 600 13px Roboto, sans-serif;
    height: 60px;
    margin-top: 30px;
    min-width: 270px;
    padding: 22px 0 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s ease-in-out;
}

.homepage-contacts .more:hover {
    background-color: #02aeef;
    border-color: #02aeef;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
}

/* Catalog page */
body.catalog-page {
    background: #f7f7f7;
    overflow: hidden;
}

.catalog {
    background: #f7f7f7;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.catalog:after {
    clear: both;
    content: '';
    display: block;
}

.catalog .left {
    background: #fff;
    border-right: 1px solid #ebebeb;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 33.3%;
    z-index: 5;
}

.catalog .left .categories-container {
    bottom: 0;
    left: 0;
    padding-top: 150px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.catalog .left h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 1;
    padding-bottom: 60px;
    padding-left: 70px;
    text-transform: uppercase;
}

.catalog .left ul {
    bottom: 30px;
    left: 0;
    list-style: none;
    margin: 0;
    outline: none !important;
    overflow-y: auto;
    padding: 0 20px 60px 70px;
    position: absolute;
    right: 0;
    top: 235px;
}

.homepage-catalog .catalog .left ul {
    margin: 0 20px 60px 70px;
}

.catalog .left ul li {
    line-height: 1;
    margin-bottom: 40px;
    position: relative;
    vertical-align: top;
}

.catalog .left ul li:last-child {
    margin-bottom: 0;
}

.catalog .left ul li a {
    border-bottom: 1px dotted rgba(0, 0, 0, .2);
    color: #231f20;
    display: inline;
    font: 300 18px Geometria, sans-serif;
    line-height: 24px;
    padding-bottom: 2px;
    text-decoration: none;
    vertical-align: top;
}

.catalog .left ul li.active a,
.catalog .left ul li:hover a {
    border-bottom-color: transparent;
    color: #02aeef;
}

.catalog .left ul li.active a:before,
.catalog .left ul li:hover a:before {
    background: url(../img/catalog-menu-active.png) no-repeat;
    clear: both;
    content: '';
    display: block;
    height: 12px;
    left: -3.35vh;
    position: absolute;
    top: 4px;
    width: 12px;
}

.catalog .right {
    bottom: 20px;
    float: left;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100px;
    width: 66.7%;
}

.catalog .categories {
    bottom: 60px;
    overflow-y: auto;
    padding: 30px 70px 0;
    position: fixed;
    right: 0;
    top: 120px;
    width: 66.7%;
}

.catalog .category-go-back,
.product .product-go-back {
    background: url(../img/back.png) no-repeat;
    color: #231f20;
    display: block;
    font: 500 14px Geometria, sans-serif;
    height: 20px;
    line-height: 1;
    margin-left: 70px;
    padding-left: 40px;
    padding-top: 3px;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    width: 110px;
    z-index: 8;
}

.catalog .category-go-back:hover,
.product .product-go-back:hover {
    background-position-y: -20px;
    color: #02aeef;
}

.product .product-go-back {
    left: 0;
    margin-left: 50px;
    position: absolute;
    top: 20px;
}

.catalog .category-go-back.hidepc {
    display: none;
}

h2.category-title {
    color: #02aeef;
    font: 700 30px Geometria, sans-serif;
    line-height: 40px;
    margin-bottom: 50px;
    text-transform: uppercase;
    vertical-align: top;
    word-break: break-word;
}

.catalog .categories:after {
    clear: both;
    content: '';
    display: block;
}

.category-item {
    background: #fff;
    cursor: pointer;
    float: left;
    margin-bottom: 30px;
    margin-right: 5%;
    padding: 30px;
    transition: box-shadow .2s ease-in-out;
    -moz-transition: box-shadow .2s ease-in-out;
    -webkit-transition: box-shadow .2s ease-in-out;
    width: 30%;
}

.category-item:hover {
    box-shadow: 0 0 30px rgba(27, 182, 240, .3);
    -moz-box-shadow: 0 0 30px rgba(27, 182, 240, .3);
    -webkit-box-shadow: 0 0 30px rgba(27, 182, 240, .3);
}

.category-item:nth-of-type(3n) {
    margin-right: 0;
}

.category-item .image {
    background: #fff no-repeat center;
    background-size: contain;
    display: block;
    width: 100%;
}

.category-item .image:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.category-item .title {
    color: #231f20;
    display: block;
    font: 400 18px Roboto, sans-serif;
    line-height: 30px;
    margin: 15px 0 0;
    text-align: center;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    vertical-align: top;
    word-break: break-word;
}

.category-item:hover .title {
    color: #02aeef;
}

.categories-shader {
    background: url(../img/catalog-shader-bottom.png) repeat-x left bottom;
    bottom: 40px;
    height: 40px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 3;
}

.homepage-catalog .categories-shader {
    bottom: 50px;
}

.categories-shader-top {
    background: url(../img/catalog-shader-top.png) repeat-x left bottom;
    height: 40px;
    left: 0;
    position: fixed;
    right: 0;
    top: 90px;
    z-index: 3;
}

/* Homepage catalog */
.homepage-catalog .catalog {
    background: #2e2e2e;
}

/*.homepage-catalog .catalog .left .categories-jsp{*/
/*bottom: 30px;*/
/*left: 0;*/
/*list-style: none;*/
/*margin: 0;*/
/*overflow-y: auto;*/
/*padding: 0 20px 60px 70px;*/
/*position: absolute;*/
/*right: 0;*/
/*top: 235px;*/
/*}*/

/*.homepage-catalog .catalog .left .categories-jsp ul {*/
/*position: relative;*/
/*top: unset;*/
/*bottom: unset;*/
/*left: unset;*/
/*right: unset;*/
/*}*/

.homepage-catalog .catalog .left {
    background: #2e2e2e;
    border-right: none;
    position: absolute;
}

.homepage-catalog .catalog .left ul li {
    padding: 0 20px 0 0;
}

.homepage-catalog .catalog .left ul li a {
    border-color: #fff;
    color: #fff;
}

.homepage-catalog .catalog .left ul li.active a,
.homepage-catalog .catalog .left ul li:hover a {
    border-bottom-color: transparent;
    color: #02aeef;
}

.homepage-catalog .categories-shader,
.homepage-catalog .categories-shader-top {
    position: absolute;
}

.homepage-catalog .categories-shader {
    background-image: url(../img/catalog-shader-bottom-dark.png);
}

.homepage-catalog .categories-shader-top {
    background-image: url(../img/catalog-shader-top-dark.png);
}

.homepage-catalog .catalog .categories {
    padding: 30px 120px 0 70px;
    position: absolute;
    top: 18px;
    width: 100%;
}

.homepage-catalog .catalog .category-go-back,
.homepage-catalog .product .product-go-back {
    background-position-y: -20px;
    color: #02aeef;
}

.homepage-catalog .category-item {
    background: #4d4d4d;
    transition: background-color .2s ease-in-out;
}

.homepage-catalog .category-item:hover {
    background: #fff;
}

.homepage-catalog .category-item .image {
    background-color: transparent;
}

.homepage-catalog .category-item .title {
    color: #fff;
    transition: color .2s ease-in-out;
}

.homepage-catalog .category-item:hover .title {
    color: #02aeef;
}

/* Services */
.services:after {
    clear: both;
    content: '';
    display: block;
}

.services .left {
    background: #fff;
    float: left;
    height: 100vh;
    max-width: 650px;
    width: 33.3%;
}

.services .left h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 1;
    padding-bottom: 60px;
    padding-left: 8.85%;
    text-transform: uppercase;
}

.services .left p {
    color: #231f20;
    font: 100 18px Roboto, sans-serif;
    line-height: 30px;
    margin-bottom: 28px;
    max-width: 547px;
    padding-left: 8.85%;
    padding-right: 20px;
}

.services .left p:last-child {
    margin-bottom: 0;
}

.services .right {
    background: #f7f7f7;
    float: left;
    height: 100vh;
    padding-left: 60px;
    padding-top: 120px;
    width: 66.7%;
}

.services .right:after {
    clear: both;
    content: '';
    display: block;
}

.services .right .service {
    float: left;
    max-width: 540px;
    width: 43%;
}

.services .right .service:first-child {
    margin-right: 60px;
}

.services .right .service .image {
    display: none;
}

.services .right .service img {
    border: 1px solid #ebebeb;
    margin-bottom: 31px;
    max-width: 100%;
}

.services .right .service h2 {
    color: #231f20;
    font: 400 18px Roboto, sans-serif;
    line-height: 1;
    margin-bottom: 19px;
    vertical-align: top;
}

.services .right .service p {
    color: #231f20;
    font: 100 14px Roboto, sans-serif;
    line-height: 30px;
    vertical-align: top;
}

/* Delivery page */
body.delivery-page {
    background: #f7f7f7;
    overflow-x: hidden;
}

.delivery {
    height: 100%;
}

.delivery:after {
    clear: both;
    content: '';
    display: block;
}

.delivery .left {
    background: #fff url(../img/delivery-car.png) no-repeat 0 bottom;
    bottom: 0;
    float: left;
    height: 100%;
    position: fixed;
    top: 0;
    width: 45.3%;
}

.delivery .left h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 1;
    padding-bottom: 5vh;
    padding-left: 371px;
    padding-top: 24vh;
    text-transform: uppercase;
}

.delivery .left p {
    color: #231f20;
    font: 100 18px Roboto, sans-serif;
    line-height: 30px;
    margin-bottom: 28px;
    max-width: 810px;
    padding-left: 370px;
}

.delivery .right {
    background: #f7f7f7;
    float: right;
    height: 100%;
    padding-bottom: 60px;
    padding-top: 120px;
    width: 54.7%;
}

.delivery .right:after {
    clear: both;
    content: '';
    display: block;
}

.delivery .right .col {
    float: left;
    width: 50%;
}

.delivery .right .col:first-child {
    padding-left: 40px;
    padding-right: 20px;
}

.delivery .right .col:last-child {
    padding-left: 20px;
    padding-right: 40px;
}

.delivery .right .col .item {
    background: #fff;
    border: 1px solid #ebebeb;
    cursor: pointer;
    transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
    width: 100%;
}

.delivery .right .col .item:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(27, 182, 240, .3);
}

.delivery .right .col .item .image {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    overflow: hidden;
    text-align: center;
}

.delivery .right .col .item img {
    display: inline-block;
    width: 100%;
}

.delivery .right .col:nth-child(2) .item:first-child img {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
}

.delivery .right .col:nth-child(2) .item:first-child p {
    padding-bottom: 20px;
}

.delivery .right .col:nth-child(2) .item:first-child .image {
    padding: 0 40px;
}

.delivery .right .col:nth-child(2) .item:first-child {
    margin-bottom: 40px;
    overflow: hidden;
}

.delivery .right .col .item h2 {
    color: #231f20;
    font: 400 18px Roboto, sans-serif;
    line-height: 1;
    margin-bottom: 19px;
    margin-top: 52px;
    padding-left: 37px;
    vertical-align: top;
}

.delivery .right .col:nth-child(2) .item:first-child h2 {
    margin-top: 0;
    padding-top: 53px;
}

.delivery .right .col .item p {
    color: #231f20;
    font: 100 14px Roboto, sans-serif;
    line-height: 30px;
    padding-bottom: 51px;
    padding-left: 38px;
    padding-right: 38px;
    vertical-align: top;
}

.delivery .right .col:nth-child(1) .item {
    height: 720px;
}

.delivery .right .col:nth-child(2) .item:first-child {
    height: 280px;
}

.delivery .right .col:nth-child(2) .item:last-child {
    height: 400px;
}

/* Delivery scheme */
.delivery-scheme {
    background: red;
    height: 100%;
    left: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
}

.delivery-scheme:after {
    clear: both;
    content: '';
    display: block;
}

.delivery-scheme .left {
    background: #fff;
    float: left;
    height: 100vh;
    padding: 240px 70px 0 170px;
    position: relative;
    width: 45.3%;
    z-index: 2;
}

.delivery-scheme .left h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 80px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.delivery-scheme .left h2 {
    color: #02aeef;
    font: 700 40px Geometria, sans-serif;
    margin-top: -20px;
    text-transform: uppercase;
}

.delivery-scheme .typeblock.pickup .right {
    position: relative;
}

.delivery-scheme .typeblock.pickup .right img {
    margin-left: 10%;
    margin-top: 10%;
    max-height: 80%;
    max-width: 80%;
    position: absolute;
}

.delivery-scheme .left p {
    color: #231f20;
    font: 100 18px Roboto, sans-serif;
    line-height: 30px;
    vertical-align: top;
}

.delivery-scheme .left .cost {
    margin-bottom: 21px;
    margin-top: 69px;
}

.delivery-scheme .left .cost:after {
    clear: both;
    content: '';
    display: block;
}

.delivery-scheme .left .cost .text {
    display: inline-block;
    font: 400 24px Geometria, sans-serif;
    text-transform: uppercase;

}

.delivery-scheme .left .cost .value {
    color: #02aeef;
    display: inline-block;
    font: 700 24px Geometria, sans-serif;
    margin-left: 110px;
    text-align: right;
    text-transform: uppercase;
}

.delivery-scheme .left .companies-title {
    font: 400 18px Roboto, sans-serif;
    padding-bottom: 34px;
    padding-top: 42px;
}

.delivery-scheme .companies-logo img {
    max-width: 100%;
}

.delivery-scheme .right {
    background: #f7f7f7;
    float: left;
    height: 100vh;
    width: 54.7%;
}

.delivery-scheme .right .items {
    padding-right: 75px;
    padding-top: 260px;
}

.delivery-scheme .right .item {
    /*background:red;*/
    height: 160px;
    margin-bottom: 40px;
    width: 100%;
}

.delivery-scheme .right .item:last-child {
    margin-bottom: 0;
}

.delivery-scheme .right .item:after {
    clear: both;
    content: '';
    display: block;
}

.delivery-scheme .right .item .number {
    float: right;
    height: 160px;
    position: relative;
    width: 140px;
}

.delivery-scheme .right .item .number .text {
    color: #f2f2f2;
    font: 700 224px Geometria, sans-serif;
    left: -50%;
    line-height: 1;
    position: absolute;
    top: -16px;
    transition: left .3s ease-in-out, color .3s ease-in-out;

    vertical-align: top;
}

.delivery-scheme .right .item:hover .number .text {
    color: #02aeef;
    left: -32px;
}

.delivery-scheme .right .item:nth-child(1) .number .text {
    left: -33px;
}

.delivery-scheme .right .item:nth-child(1):hover .number .text {
    left: 1px;
}

.delivery-scheme .right .item:nth-child(7):hover .number .text {
    left: -22px;
}

.delivery-scheme .right .item .number .line {
    background: #dedede;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transition: background-color .3s ease-in-out;
    width: 64px;
}

.delivery-scheme .right .item:hover .number .line {
    background: #02aeef;
}

.delivery-scheme .right .item .info {
    background: transparent url(/uploads/delivery-scheme1.png) no-repeat 35px center;
    border: 1px solid #dedede;
    border-radius: 80px 0 0 80px;
    border-right: none;
    float: right;
    height: 160px;
    padding: 31px 115px 0 170px;
    transition: box-shadow .3s ease-in-out, background-image .3s ease-in-out, border-color .3s ease-in-out;

    width: 740px;
}

.delivery-scheme .right .item:hover .info {
    background-color: #fff;
    background-image: url(/uploads/delivery-scheme1-active.png);
    border: 1px solid transparent;
    box-shadow: 0 0 30px rgba(27, 182, 240, .3);
}

.delivery-scheme .right .item .info h2 {
    color: #231f20;
    font: 400 18px Roboto, sans-serif;
    margin-bottom: 15px;
}

.delivery-scheme .right .item .info p {
    color: #231f20;
    font: 100 14px Roboto, sans-serif;
    line-height: 30px;
}

.delivery-scheme .right .overlay {
    background: url(../img/delivery-grey-overlay.png) repeat-y;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 171px;
    z-index: 2;
}

.delivery-scheme a.close {
    background: url(../img/close.png) no-repeat;
    display: block;
    height: 40px;
    position: absolute;
    right: 70px;
    top: 40px;
    width: 40px;
    z-index: 99;
}

/* Sitemap page */
.sitemap-page {
    background: #f7f7f7;
    height: 100%;
}

.sitemap {
    background: #f7f7f7;
    height: 100%;
    position: relative;
    width: 100%;
}

.sitemap .top {
    background: #231f20 url(../img/sitemap-bg.png) no-repeat;
    background-size: cover;
    height: 429px;
    position: relative;
}

.sitemap .top h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 1;
    padding-top: 204px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
}

.sitemap .top h1 i {
    color: #fff;
}

.sitemap .top p {
    color: #fff;
    font: 100 18px Roboto, sans-serif;
    line-height: 30px;
    margin-top: 33px;
    position: relative;
    text-align: center;
    z-index: 3;
}

.sitemap .divider1,
.sitemap .divider2 {
    background: rgba(0, 0, 0, .1);
}

.sitemap .top .divider1,
.sitemap .top .divider2 {
    background: rgba(255, 255, 255, .3);
    z-index: 2;
}

.sitemap .bottom {
    padding-top: 60px;
}

.sitemap .bottom:after {
    clear: both;
    content: '';
    display: block;
}

.sitemap .bottom .col {
    float: left;
    text-align: center;
    width: 33.3%;
}

.sitemap .bottom .col > ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.sitemap .bottom .col > ul > li > a {
    font: 600 24px Geometria, sans-serif;
    line-height: 1;
    text-transform: uppercase;
}

.sitemap .bottom .col ul li a {
    color: #231f20;
    text-decoration: none;
}

.sitemap .bottom .col ul li a:hover {
    color: #02aeef;
}

.sitemap .bottom .col > ul ul {
    list-style: inside url(../img/bullet.png);
    padding-left: 30px;
}

.sitemap .bottom .col > ul ul li {
    height: 42px;
    line-height: 1;
    vertical-align: top;
}

.sitemap .bottom .col > ul ul li a {
    display: inline-block;
    font: 100 18px Roboto, sans-serif;
    vertical-align: top;
}

.sitemap .bottom .col:first-child > ul > li:first-child {
    margin-bottom: 55px;
}

.sitemap .bottom .col:first-child > ul > li:last-child > a {
    display: inline-block;
    margin-bottom: 25px;
}

.sitemap .bottom .col:nth-child(2) > ul > li > a {
    display: inline-block;
    margin-bottom: 28px;
}

.sitemap .bottom .col:nth-child(2) > ul > li:first-child {
    padding-bottom: 36px;
}

.sitemap .bottom .col:last-child > ul > li:first-child > a {
    display: inline-block;
    margin-bottom: 147px;
}

/* Search page */
.search-page {
    background: #f7f7f7;
}

body.search-page .header {
    background: #fff;
}

.search {
    background: #f7f7f7;
    /*height: 100vh;*/
}

.search .top {
    background: #fff;
    height: 569px;
}

.search .top h1 {
    color: #02aeef;
    font: 700 50px Geometria, sans-serif;
    line-height: 1;
    padding-top: 231px;
    text-align: center;
    text-transform: uppercase;
}

.search.found .top {
    height: 391px;
}

.search.found .top h1 {
    padding-top: 140px;
}

.search .top p {
    color: #231f20;
    font: 100 18px Roboto, sans-serif;
    line-height: 30px;
    margin-top: 33px;
    text-align: center;
}

.search .top p a {
    color: #02aeef;
    text-decoration: underline;
}

.search .top p a:hover {
    text-decoration: none;
}

.search .search-form {
    display: block;
    height: 60px;
    margin: 41px auto 0;
    width: 780px;
}

.search .search-form form {
    width: 100%;
}

.search .search-form form:after {
    clear: both;
    content: '';
    display: block;
}

.search .search-form input[type=text] {
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 5px 0 0 5px;
    color: #231f20;
    display: block;
    float: left;
    font: 100 18px Roboto, sans-serif;
    height: 60px;
    line-height: 58px;
    outline: none;
    padding: 0 20px;
    width: 700px;
}

.search .search-form input[type=submit] {
    background: #02aeef url(../img/search-button.png) no-repeat 30px center;
    border: none;
    border-radius: 0 30px 30px 0;
    display: block;
    float: left;
    height: 60px;
    outline: none;
    width: 80px;
}

.search .bottom h2 {
    color: #231f20;
    font: 600 24px Geometria, sans-serif;
    margin-bottom: 32px;
    padding-top: 58px;
    text-align: center;
    text-transform: uppercase;
}

.search .bottom .categories {
    padding-bottom: 30px;
}

.search .bottom .categories:after {
    clear: both;
    content: '';
    display: block;
}

.search .bottom .item-wrapper {
    float: left;
    text-align: left;
    width: 33.3%;
}

.search .bottom .item {
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 100px;
    position: relative;
    text-align: left;
}

.search .bottom .item:hover {
    z-index: 3;
}

.search .bottom .item a {
    display: inline-block;
    height: 100px;
    text-decoration: none;
}

.search .bottom .item a:after {
    clear: both;
    content: '';
    display: block;
}

.search .bottom .item .image {
    background: transparent no-repeat center;
    background-size: contain;
    border-radius: 3px;
    float: left;
    height: 100px;
    width: 100px;
}

.search .bottom .item a .title {
    color: #231f20;
    font: 100 18px Roboto, sans-serif;
    height: 100px;
    padding-left: 120px;
    text-decoration: underline;
}

.search .bottom .item a .title .table {
    display: table;
    height: 100px;
    width: 100%;
}

.search .bottom .item a .title .table .cell {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

.search .bottom .item a:hover .image {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(27, 182, 240, .3);
}

.search .bottom .item a:hover .title {
    color: #02aeef;
}

.search-items-slider {
    /*height: 390px;*/
    overflow-x: auto;
    padding: 30px 0;
}

.search-items {
    text-align: center;
}

.search-items:after {
    clear: both;
    content: '';
    display: block;
}

.search-item {
    background: #fff;
    border: 1px solid #ebebeb;
    /*float: left;*/
    display: inline-block;
    height: auto;
    margin-bottom: 30px;
    margin-right: 30px;
    max-height: 360px;
    padding-bottom: 60px;
    padding-top: 60px;
    text-align: left;
    vertical-align: top;
    width: 300px;
}

.search-item .image {
    background: no-repeat center;
    background-size: contain;
    display: block;
    height: 100px;
    margin: 0 auto 60px;
    text-decoration: none;
    width: 280px;
}

.search-item .image.noimage {
    background-size: contain;
}

.search-item .title {
    color: #231f20;
    display: block;
    font: 400 18px Roboto, sans-serif;
    line-height: 30px;
    margin: 0 auto 2.5vh;
    max-width: 250px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

/* Contacts page */
.contacts-page .contacts {
    background: #fff;
    height: 100%;
    position: relative;
}

.contacts-page .trigger-contacts-map {
    display: none;
}

.contacts-page .contacts .intro {
    height: 100%;
}

.contacts-page .contacts .top {
    background: #f7f7f7;
    height: 100%;
    padding-left: 33.3%;
}

.contacts-page .contacts .top:after {
    clear: both;
    content: '';
    display: block;
}

.contacts-page .contacts .top .divider2 {
    background: #f7f7f7;
}

.contacts-page .contacts .top .left {
    bottom: 199px;
    left: 0;
    position: absolute;
    width: 33.3%;
    z-index: 2;
}

.contacts-page .contacts .top .left:after {
    clear: both;
    content: '';
    display: block;
}

.contacts-page .contacts .top .left .block {
    background: no-repeat center;
    background-size: cover;
    float: left;
    max-width: 120px;
    opacity: 1;
    width: 20%;
}

.contacts-page .contacts .top .left .block:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.contacts-page .contacts .top .left .block.block-1-4 {
    animation: contactsAnimation1 6s infinite;
    background-image: url(../img/contacts-1-4.png);
}

.contacts-page .contacts .top .left .block.block-2-1 {
    animation: contactsAnimation2 7s infinite;
    background-image: url(../img/contacts-2-1.png);
    background-position: left bottom;
}

.contacts-page .contacts .top .left .block.block-2-2 {
    animation: contactsAnimation3 5s infinite;
    background-image: url(../img/contacts-2-2.png);
}

.contacts-page .contacts .top .left .block.block-2-4 {
    animation: contactsAnimation4 6s infinite;
    background-image: url(../img/contacts-2-4.png);
}

.contacts-page .contacts .top .left .block.block-2-5 {
    animation: contactsAnimation5 8s infinite;
    background-image: url(../img/contacts-2-5.png);
}

.contacts-page .contacts .top .left .block.block-3-1 {
    animation: contactsAnimation1 4s infinite;
    background-image: url(../img/contacts-3-1.png);
    background-position: left top;
}

.contacts-page .contacts .top .left .block.block-3-3 {
    animation: contactsAnimation5 7s infinite;
    background-image: url(../img/contacts-3-3.png);
}

.contacts-page .contacts .top .left .block.block-3-4 {
    animation: contactsAnimation2 6s infinite;
    background-image: url(../img/contacts-3-4.png);
}

.contacts-page .contacts .top .left .block.block-4-1 {
    animation: contactsAnimation3 5s infinite;
    background-image: url(../img/contacts-4-1.png);
}

.contacts-page .contacts .top .left .block.block-4-2 {
    animation: contactsAnimation5 4s infinite;
    background-image: url(../img/contacts-4-2.png);
}

.contacts-page .contacts .top .left .block.block-4-4 {
    animation: contactsAnimation4 7s infinite;
    background-image: url(../img/contacts-4-4.png);
}

.contacts-page .contacts .top .left .block.block-4-5 {
    animation: contactsAnimation1 8s infinite;
    background-image: url(../img/contacts-4-5.png);
}

.contacts-page .contacts .top .left .block.block-5-2 {
    animation: contactsAnimation2 4s infinite;
    background-image: url(../img/contacts-5-2.png);
}

.contacts-page .contacts .top .left .block.block-5-3 {
    animation: contactsAnimation3 6s infinite;
    background-image: url(../img/contacts-5-3.png);
}

.contacts-page .contacts .top .left .block.block-5-5 {
    animation: contactsAnimation4 7s infinite;
    background-image: url(../img/contacts-5-5.png);
}

@keyframes contactsAnimation1 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes contactsAnimation2 {
    0% {
        opacity: 1;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes contactsAnimation3 {
    0% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes contactsAnimation4 {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes contactsAnimation5 {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.contacts-page .contacts .top .right {
    bottom: 199px;
    position: absolute;
    right: 0;
    width: 484px;
    z-index: 3;
}

.contacts-page .contacts .top .right:after {
    clear: both;
    content: '';
    display: block;
}

.contacts-page .contacts .top .right .block {
    background: no-repeat center;
    background-size: cover;
    float: left;
    height: 121px;
    opacity: 1;
    width: 121px;
}

.contacts-page .contacts .top .right .block.block-1-4 {
    animation: contactsAnimation3 6s infinite;
    background-image: url(../img/contacts-right-1-4.png);
}

.contacts-page .contacts .top .right .block.block-2-3 {
    animation: contactsAnimation1 8s infinite;
    background-image: url(../img/contacts-right-2-3.png);
}

.contacts-page .contacts .top .right .block.block-3-1 {
    animation: contactsAnimation4 5s infinite;
    background-image: url(../img/contacts-right-3-1.png);
}

.contacts-page .contacts .top .right .block.block-3-2 {
    animation: contactsAnimation5 8s infinite;
    background-image: url(../img/contacts-right-3-2.png);
}

.contacts-page .contacts .top .right .block.block-3-4 {
    animation: contactsAnimation2 7s infinite;
    background-image: url(../img/contacts-right-3-4.png);
}

.contacts-page .contacts .top .right .block.block-4-1 {
    animation: contactsAnimation3 4s infinite;
    background-image: url(../img/contacts-right-4-1.png);
}

.contacts-page .contacts .top .right .block.block-4-2 {
    animation: contactsAnimation1 6s infinite;
    background-image: url(../img/contacts-right-4-2.png);
}

.contacts-page .contacts .info {
    /*float: left;*/
    background: #fff;
    height: 100%;
    padding-left: 120px;
    padding-top: 195px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.contacts-page .contacts .info h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 1;
    text-transform: uppercase;
}

.contacts-page .contacts .info p {
    color: #808080;
    font: 300 18px Geometria, sans-serif;
    line-height: 30px;
    max-width: 580px;
}

.contacts-page .contacts .info .contacts-form {
    margin-top: 0px;
    position: relative;
}

.contacts-page .contacts .info .contacts-form input[type=text] {
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    color: #231f20;
    display: block;
    font: 300 18px Geometria, sans-serif;
    height: 40px;
    line-height: 58px;
    margin-bottom: 15px;
    outline: none;
    padding: 0 20px;
    width: 380px;
}

.contacts-page .contacts .info .contacts-form input[type=submit] {
    background: #02aeef;
    border: none;
    border-radius: 0 30px 30px 0;
    bottom: -70px;
    color: #fff;
    cursor: pointer;
    font: 400 13px Geometria, sans-serif;
    height: 60px;
    left: -121px;
    line-height: 60px;
    outline: none;
    position: absolute;
    text-transform: uppercase;
    width: 301px;
}

.contacts-page .contacts .info .contacts-form .map-pdf {
    background: url(../img/map-pdf.png) no-repeat;
    bottom: -120px;
    display: block;
    height: 64px;
    left: 321px;
    position: absolute;
    width: 64px;
}

.contacts-page .contacts .bottom {
    background: #02aeef;
    bottom: 0;
    height: 200px;
    left: 0;
    padding-top: 58px;
    position: absolute;
    right: 0;
    z-index: 2;

}

.contacts-page .contacts .bottom:after,
.contacts-page .contacts .bottom .block:after {
    clear: both;
    content: '';
    display: block;
}

.contacts-page .contacts .bottom .divider1,
.contacts-page .contacts .bottom .divider2 {
    background: rgba(255, 255, 255, .3);
}

.contacts-page .contacts .bottom .col {
    float: left;
    text-align: center;
    width: 33.3%;
}

.contacts-page .contacts .bottom .block {
    display: inline-block;
    text-align: left;
}

.contacts-page .contacts .bottom .image {
    float: left;
    height: 37px;
    width: 50px;
}

.contacts-page .contacts .bottom .block.address .image {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTU5LjQyMyAxMS41OTFsLTE1LTdjLS4wMTUtLjAwNy0uMDMyLS4wMDktLjA0Ny0uMDE1LS4wNDItLjAxNy0uMDg1LS4wMy0uMTI4LS4wNDEtLjAzNi0uMDA5LS4wNzEtLjAxOC0uMTA3LS4wMjNhLjg3OTMuODc5MyAwIDAgMC0uMTM2LS4wMDhjLS4wMzcgMC0uMDc0IDAtLjExMS4wMDQtLjA0My4wMDQtLjA4NC4wMTQtLjEyNi4wMjQtLjA0LjAxLS4wOC4wMi0uMTE5LjAzNC0uMDE0LjAwNS0uMDI5LjAwNi0uMDQzLjAxMkwzMCAxMC40MDkgMTYuMzk0IDQuNTc4Yy0uMDA5LS4wMDQtLjAxOC0uMDA0LS4wMjctLjAwOC0uMDQtLjAxNi0uMDgxLS4wMjUtLjEyMi0uMDM1LS4wMzgtLjAxLS4wNzYtLjAyMS0uMTE1LS4wMjctLjA0Mi0uMDA1LS4wODMtLjAwNC0uMTI1LS4wMDQtLjAzOSAwLS4wNzctLjAwMy0uMTE1LjAwMi0uMDQzLjAwNS0uMDg1LjAxNy0uMTI3LjAyNy0uMDM3LjAwOS0uMDc0LjAxNi0uMTEuMDI5LS4wMDguMDAzLS4wMTcuMDAzLS4wMjUuMDA3bC0xNSA2YS45OTk4Ljk5OTggMCAwIDAtLjYyOC45Mjh2NDNjMCAuMzMyLjE2NS42NDIuNDM5LjgyOC4xNjguMTEzLjM2NC4xNzIuNTYxLjE3Mi4xMjUgMCAuMjUxLS4wMjMuMzcyLS4wNzFsMTQuNjE2LTUuODQ2IDEzLjYxOSA1LjgzNmMuMDE0LjAwNi4wMjkuMDAzLjA0My4wMDkuMTE0LjA0My4yMzEuMDcyLjM1MS4wNzJzLjIzOC0uMDI5LjM1MS0uMDcyYy4wMTQtLjAwNS4wMjktLjAwMy4wNDMtLjAwOWwxMy42MTktNS44MzYgMTQuNjE2IDUuODQ2Yy4xMi4wNDguMjQ2LjA3MS4zNzIuMDcxLjE5NyAwIC4zOTMtLjA1OS41NjEtLjE3Mi4yNzItLjE4Ni40MzctLjQ5Ni40MzctLjgyOHYtNDJhLjk5OS45OTkgMCAwIDAtLjU3Ny0uOTA2ek0yIDEyLjE3NGwxMy01LjJWNDcuODJsLTEzIDUuMlYxMi4xNzR6bTE1LTUuMTZsMTIgNS4xNDNWNTIuOThsLTEyLTUuMTQzVjcuMDE0em0xNCA1LjE0MmwxMi01LjE0M3Y0MC44MjRMMzEgNTIuOThWMTIuMTU2ek01OCA1My4wMmwtMTMtNS4yVjcuMDY3bDEzIDYuMDY2VjUzLjAyeiIvPjwvc3ZnPg==') no-repeat;
}

.contacts-page .contacts .bottom .block.phone .image {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS43MzUgMjkuNzM1Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjMuODk1IDI5LjczM2MtMS4yMzcgMC0yLjczMS0uMzEtNC4zNzMtLjkyOS0zLjYwMy0xLjM1OS03LjUyMS00LjA0My0xMS4wMzUtNy41NTdDNC45NzMgMTcuNzMzIDIuMjg5IDEzLjgxNC45MyAxMC4yMS0uMzA3IDYuOTM1LS4zMSA0LjI0Ny45MiAzLjAxN2MuMTc4LS4xNzguMzU5LS4zNjguNTQ1LS41NjNDMi41ODggMS4yNzQgMy44ODctLjA2NyA1LjUzOC4wMDZjMS4xNi4wNDggMi4yODMuNzY4IDMuNDM1IDIuMTk4IDMuMzk2IDQuMjI1IDEuODY1IDUuNzMxLjA5MyA3LjQ3N2wtLjMxNC4zMWMtLjI5LjI5LS44MzkgMS42MzIgNC4yNiA2LjczIDEuNjY2IDEuNjY1IDMuMDg0IDIuODgzIDQuMjE3IDMuNjIuNzE1LjQ2NCAxLjk5MSAxLjE2NCAyLjUxNC42NDFsLjMxNS0uMzE4YzEuNzQ0LTEuNzcgMy4yNS0zLjI5NiA3LjQ3NC4wOTkgMS40MzEgMS4xNSAyLjE1IDIuMjczIDIuMTk4IDMuNDM0LjA2OSAxLjY4Mi0xLjI3MSAyLjk1NC0yLjQ1MyA0LjA3Ni0uMTk0LjE4NS0uMzg0LjM2NC0uNTYuNTQtLjYxNC42MTMtMS41OS45Mi0yLjgyMi45MnpNNS40MTkgMS4wMDJjLTEuMTk0IDAtMi4yNzQgMS4xMzYtMy4yMjkgMi4xNC0uMTkzLjIwMi0uMzguMzk5LS41NjMuNTgyLS45MTYuOTE1LS44MjIgMy4zMjMuMjM4IDYuMTM0IDEuMzEgMy40NzMgMy45MTMgNy4yNjcgNy4zMjkgMTAuNjgzczcuMjA5IDYuMDE4IDEwLjY4MSA3LjMyOGMyLjgxMSAxLjA2MSA1LjIxOSAxLjE1MyA2LjEzNS4yMzYuMTgzLS4xODIuMzc4LS4zNjguNTc4LS41NTggMS4wMjgtLjk3NyAyLjE5My0yLjA4MyAyLjE0My0zLjMxMS0uMDM1LS44NDMtLjY0OS0xLjc1LTEuODI2LTIuNjk1LTMuNTItMi44MjgtNC41MDMtMS44MjgtNi4xMzUtLjE3NmwtLjMyLjMyM2MtLjc3Ny43ODEtMi4wNDQuNjEtMy43NjYtLjUxLTEuMTktLjc3NC0yLjY2NC0yLjAzNy00LjM3OS0zLjc1MS00LjIzMS00LjIzMS01LjU4NS02LjgxOS00LjI2LTguMTQ1bC4zMTktLjMxNmMxLjY1OC0xLjYzMiAyLjY1OC0yLjYxNy0uMTcxLTYuMTM3QzcuMjQ3IDEuNjU0IDYuMzQgMS4wNCA1LjQ5NyAxLjAwNGEyLjA4MzQgMi4wODM0IDAgMCAwLS4wNzgtLjAwMnpNMjQuMDcgMTIuMjlhLjQ5OTUuNDk5NSAwIDAgMS0uMTg4LS4wMzdjLS4yNTYtLjEwNC0uMzgtLjM5NS0uMjc1LS42NS42MzYtMS41NjguMjcyLTMuMzU1LS45MjQtNC41NTItMS4yMjktMS4yMjktMy4xMTgtMS41Ny00LjcwMy0uODU4LS4yNDkuMTEzLS41NDguMDAzLS42NjEtLjI0OS0uMTE0LS4yNTItLjAwMy0uNTQ4LjI0OS0uNjYxIDEuOTYxLS44ODggNC4zLS40NjEgNS44MjIgMS4wNjJhNS4xOTM4IDUuMTkzOCAwIDAgMSAxLjE0MyA1LjYzNGMtLjA3OC4xOTItLjI2Ni4zMTEtLjQ2My4zMTF6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI4LjUzNCAxNC4xMDJhLjQ5OTUuNDk5NSAwIDAgMS0uMTg4LS4wMzdjLS4yNTctLjEwNC0uMzgtLjM5NS0uMjc1LS42NSAxLjM2NS0zLjM2Ny41ODgtNy4yMDItMS45ODEtOS43NzEtMi42MzgtMi42MzgtNi42OTUtMy4zNzgtMTAuMDk1LTEuODQxLS4yNTIuMTEtLjU0OC4wMDItLjY2Mi0uMjUtLjExMy0uMjUzLS4wMDItLjU0OS4yNS0uNjYzQzE5LjM2LS44MTYgMjMuODY2LjAwNSAyNi43OTcgMi45MzZjMi44NTQgMi44NTQgMy43MTggNy4xMTQgMi4yIDEwLjg1NGEuNDk5NS40OTk1IDAgMCAxLS40NjMuMzEyeiIvPjwvc3ZnPg==') no-repeat;
}

.contacts-page .contacts .bottom .block.email .image {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTIuODQgNDUyLjg0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDQ5LjQ4MyAxOTAuNGwuMDAxLS4wMDEtNTcuODI0LTM4LjMzNVYyMy45M2MwLTQuMTQyLTMuMzU4LTcuNS03LjUtNy41SDY4LjY3Yy00LjE0MiAwLTcuNSAzLjM1OC03LjUgNy41djEyOC4xNDNMMy4zNTYgMTkwLjM5OWwuMDAxLjAwMkMxLjMzNSAxOTEuNzQ0IDAgMTk0LjA0IDAgMTk2LjY1djIzMi4yNmMwIDQuMTQyIDMuMzU4IDcuNSA3LjUgNy41aDQzNy44NGM0LjE0MiAwIDcuNS0zLjM1OCA3LjUtNy41VjE5Ni42NWMwLTIuNjEtMS4zMzUtNC45MDYtMy4zNTctNi4yNXpNNjEuMTcgMjE2LjYyOUwzNy42NDUgMjA0LjE1SDYxLjE3djEyLjQ3OXpNMTUgMjA5LjExOGwxNzIuNDc1IDkxLjQ5TDE1IDQxNC45MzVWMjA5LjExOHptMjExLjQxNyA4My42NzFMNDIwLjQ1NCA0MjEuNDFIMzIuMzgxbDE5NC4wMzYtMTI4LjYyMXptMzguOTQ1IDcuODJsMTcyLjQ3Ny05MS40OTF2MjA1LjgyMWwtMTcyLjQ3Ny0xMTQuMzN6TTM5MS42NiAyMDQuMTVoMjMuNTM2bC0yMy41MzYgMTIuNDg0VjIwNC4xNXptMjguNzk0LTE1SDM5MS42NnYtMTkuMDlsMjguNzk0IDE5LjA5ek0zNzYuNjYgMzEuNDN2MTkzLjE2MWwtMTI1LjUyNyA2Ni41ODYtMjAuNTczLTEzLjYzN2MtMi41MTEtMS42NjUtNS43NzYtMS42NjUtOC4yODcgMGwtMjAuNTcgMTMuNjM1TDc2LjE3IDIyNC41ODZWMzEuNDNoMzAwLjQ5ek02MS4xNyAxODkuMTVIMzIuMzg4bDI4Ljc4Mi0xOS4wOHYxOS4wOHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjI2LjQxNSAyMTMuNjcxaDU5Ljc1NGM0LjE0MiAwIDcuNS0zLjM1OCA3LjUtNy41cy0zLjM1OC03LjUtNy41LTcuNWgtNTkuNzU0Yy0yOC44MTMgMC01Mi4yNTQtMjMuNDQxLTUyLjI1NC01Mi4yNTR2LTIuMjEzYzAtMjguODEzIDIzLjQ0MS01Mi4yNTQgNTIuMjU0LTUyLjI1NHM1Mi4yNTQgMjMuNDQxIDUyLjI1NCA1Mi4yNTR2NS41MzNjMCA2LjIzNy01LjA3NCAxMS4zMTItMTEuMzEyIDExLjMxMnMtMTEuMzEyLTUuMDc0LTExLjMxMi0xMS4zMTJ2LTEwLjUxMmMwLTE3Ljg2NC0xNC41MzMtMzIuMzk4LTMyLjM5Ny0zMi4zOThzLTMyLjM5NyAxNC41MzMtMzIuMzk3IDMyLjM5OGMwIDE3Ljg2NCAxNC41MzMgMzIuMzk3IDMyLjM5NyAzMi4zOTcgOC4xNjkgMCAxNS42MzYtMy4wNDUgMjEuMzQtOC4wNTIgNC42NDQgNy40ODMgMTIuOTMyIDEyLjQ3OCAyMi4zNjkgMTIuNDc4IDE0LjUwOCAwIDI2LjMxMi0xMS44MDMgMjYuMzEyLTI2LjMxMnYtNS41MzNjMC0zNy4wODQtMzAuMTctNjcuMjU0LTY3LjI1NC02Ny4yNTRzLTY3LjI1NCAzMC4xNy02Ny4yNTQgNjcuMjU0djIuMjEzYzAgMzcuMDg1IDMwLjE3IDY3LjI1NSA2Ny4yNTQgNjcuMjU1em0tMi43NjctNTcuMDQ5Yy05LjU5MyAwLTE3LjM5Ny03LjgwNC0xNy4zOTctMTcuMzk3czcuODA1LTE3LjM5OCAxNy4zOTctMTcuMzk4IDE3LjM5NyA3LjgwNSAxNy4zOTcgMTcuMzk4LTcuODA0IDE3LjM5Ny0xNy4zOTcgMTcuMzk3eiIvPjwvc3ZnPg==') no-repeat;
    height: 38px;
}

.contacts-page .contacts .bottom .right {
    padding-left: 80px;
}

.contacts-page .contacts .bottom .title {
    color: #c0e3f0;
    font: 400 14px Geometria, sans-serif;
    padding-bottom: 3px;
}

.contacts-page .contacts .bottom .text {
    color: #fff;
    font: 600 14px Geometria, sans-serif;
    letter-spacing: 1px;
}

.contacts-page .contacts .bottom .text.phone,
.contacts-page .contacts .bottom .text.phone a {
    color: #fff;
    font: 700 24px Geometria, sans-serif;
    text-decoration: none;
}

.contacts-page .contacts .bottom .text a {
    color: #fff;
    font: 600 14px Geometria, sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
}

.contacts-page .contacts .bottom .tip {
    color: #fff;
    font: 600 14px Geometria, sans-serif;
    letter-spacing: 1px;
}

.contacts-page .map {
    height: 100%;
    position: relative;
    width: 100%;
}

.contacts-page .map .divider1,
.contacts-page .map .divider2 {
    background: rgba(35, 31, 32, .3);
    display: none;
    z-index: 7;
}

.contacts-page #map {
    height: 100%;
    width: 100%;
}

/*.contacts-page .map .overlay {*/
/*background: rgba(46, 46, 46, .9);*/
/*bottom: 0;*/
/*height: 200px;*/
/*left: 0;*/
/*position: absolute;*/
/*width: 100%;*/
/*z-index: 8;*/
/*}*/

.contacts-page .map .overlay {
    background: rgba(46, 46, 46, .9);
    display: none !important;
    height: 200px;
    left: 100px;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    width: 400px;

    z-index: 8;
}

.contacts-page .map .overlay:after {
    clear: both;
    content: '';
    display: block;
}

.contacts-page .map .overlay .col {
    /*background: red;*/
    float: left;
    width: 33.3%;
}

.contacts-page .map .overlay .col .inner {
    /*background: orange;*/
    display: inline-block;
    position: relative;
}

.contacts-page .map .overlay .col .inner:after {
    clear: both;
    content: '';
    display: block;
}

.contacts-page .map .overlay .col .icon {
    float: left;
    height: 40px;
}

.contacts-page .map .overlay .col .title {
    color: #fff;
    font: 600 14px Geometria, sans-serif;
    position: relative;
}

.contacts-page .map .overlay .col:nth-child(1) .title {
    padding-left: 75px;
    padding-top: 8px;
}

.contacts-page .map .overlay .col:nth-child(2) .title {
    padding-left: 89px;
    padding-top: 8px;
}

.contacts-page .map .overlay .col:nth-child(3) .title {
    padding-left: 71px;
    padding-top: 8px;
}

.contacts-page .map .overlay .col:nth-child(1) .icon {
    background: url(../img/contacts-map-map.png) no-repeat;
    width: 33px;
}

.contacts-page .map .overlay .col:nth-child(2) .icon {
    background: url(../img/contacts-map-auto.png) no-repeat;
    width: 48px;
}

.contacts-page .map .overlay .col:nth-child(3) .icon {
    background: url(../img/contacts-map-transport.png) no-repeat;
    width: 30px;
}

.contacts-page a.yt,
.homepage-contacts a.yt {
    background: url(../img/social.png) no-repeat;
    background-position: -241px 0;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin-right: 25px;
    transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
    width: 60px;
}

.contacts-page a.yt:hover,
.homepage-contacts a.yt:hover {
    background-position: -241px -60px;
}

.contacts-page a.doc,
.homepage-contacts a.doc {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzAyYWVlZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNSAzSDkuMDAyOEM3Ljg5NjcgMyA3IDMuODk4MyA3IDUuMDA3M3YyMi45ODU0QzcgMjkuMTAxMyA3Ljg5MSAzMCA4Ljk5NzQgMzBoMTUuMDA1MkMyNS4xMDU3IDMwIDI2IDI5LjEwMTggMjYgMjguMDA5MlYxMGwtNi03aC0uNXpNMTkgNEg4Ljk5NTZDOC40NDU3IDQgOCA0LjQ1NTMgOCA0Ljk5NTV2MjMuMDA5QzggMjguNTU0MyA4LjQ1NDcgMjkgOSAyOWgxNWMuNTUyMyAwIDEtLjQ0NSAxLS45OTM0VjExaC00LjAwMkMxOS44OTQ0IDExIDE5IDEwLjExMzQgMTkgOC45OTRWNHptMSAuNXY0LjQ5MTJjMCAuNTU3Mi40NTA3IDEuMDA4OC45OTY3IDEuMDA4OEgyNC43TDIwIDQuNXpNMTAgMTB2MWg3di0xaC03em0wLTN2MWg3VjdoLTd6bTAgNnYxaDEzdi0xSDEwem0wIDN2MWgxM3YtMUgxMHptMCAzdjFoMTN2LTFIMTB6bTAgM3YxaDEzdi0xSDEwem0wIDN2MWgxM3YtMUgxMHoiLz48L3N2Zz4=') no-repeat top center;
    background-size: 50px;
    color: #231f20;
    display: inline-block;
    font: 400 14px Geometria, sans-serif;
    margin-bottom: 15px;
    margin-right: 15px;
    min-height: 60px;
    padding-top: 55px;
    text-align: center;
    text-decoration: none;
    width: 60px;
    word-break: break-word;
}

.contacts-popup {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 15;
}

.contacts-popup .overlay {
    background: rgba(0, 0, 0, .85);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}

.contacts-popup .container {
    background: url(../img/contacts-popup.png) no-repeat;
    height: 300px;
    left: 50%;
    margin: -150px 0 0 -390px;
    position: fixed;
    top: 50%;
    width: 780px;
    z-index: 2;
}

.contacts-popup .container .block {
    padding-left: 60px;
}

.contacts-popup .container .block .manager {
    color: #231f20;
    font: 400 30px Geometria, sans-serif;
    line-height: 1;
    padding-top: 105px;
    vertical-align: top;
}

.contacts-popup .container .block .name {
    color: #02aeef;
    font: 700 30px Geometria, sans-serif;
    line-height: 1;
    padding-top: 31px;
    text-transform: uppercase;
    vertical-align: top;
}

.contacts-popup .container .block .notify {
    color: #808080;
    font: 400 18px Geometria, sans-serif;
    line-height: 1;
    padding-top: 25px;
    vertical-align: top;
}

.contacts-popup .container a.close {
    background: url(../img/contacts-popup-close.png) no-repeat;
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.contacts-popup .container a.close:hover {
    background-position: 0 -30px;
}

.contacts-page h1.mobile-title,
.contacts-page .mobile-map,
.contacts-page .mobile-form-trigger,
.contacts-page .map-close,
.contacts-page .close-contacts-form {
    display: none;
}

.contacts-form .form-agreement {
    max-width: 380px;
}

@media all and (min-width: 1025px) {

    .contacts-page .map {
        display: block !important;
        opacity: 1 !important;
    }

}

@media all and (min-width: 768px) {

    .contacts-page .contacts .info {
        display: block;
        opacity: 1;
    }

}

@media all and (min-height: 300px) and (max-height: 905px) and (min-width: 1025px) {

    .contacts-page .contacts .info {
        padding-top: 110px;
    }

    .contacts-page .contacts .info p {
        max-width: 100%;
        padding-right: 60px;
    }

}

@media all and (min-height: 300px) and (max-height: 779px) and (min-width: 1025px) {

    .contacts-page .contacts .info .contacts-form {
        margin-top: 20px;
    }

    .contacts-page .contacts .bottom {
        height: 150px;
        padding-top: 48px;
    }

    .contacts-page .contacts .top .left,
    .contacts-page .contacts .top .right {
        bottom: 149px;
    }

}

@media all and (min-height: 300px) and (max-height: 699px) and (min-width: 1025px) {

    .contacts-page .contacts .info h1 {
        font-size: 60px;
    }

    .contacts-page .contacts .info .contacts-form input[type=text] {
        height: 50px;
    }

    .contacts-page .contacts .info .contacts-form input[type=submit] {
        bottom: -70px;
    }

    .contacts-page .contacts .top .left,
    .contacts-page .contacts .top .right {
        bottom: 149px;
    }

}

@media all and (min-height: 300px) and (max-height: 599px) and (min-width: 1025px) {

    .contacts-page .contacts .bottom {
        height: 77px;
        padding-top: 6px;
    }

    .contacts-page .contacts .top .left,
    .contacts-page .contacts .top .right {
        bottom: 76px;
    }

}

@media all and (min-height: 300px) and (max-height: 530px) and (min-width: 1025px) {

    .contacts-page .contacts .bottom {
        bottom: unset;
        left: unset;
        position: relative;
        right: unset;
    }

    .contacts-page .contacts .top .left,
    .contacts-page .contacts .top .right {
        bottom: -1px;
    }

    .contacts-page .map {
        margin-top: 77px;
    }

}

/* imac minimized 652 - 739 full screen */
@media (max-height: 870px) {

    .contacts-page .contacts .bottom {
        height: 160px;
        padding-top: 45px;
    }

}

@media (max-height: 830px) {

    .contacts-page .contacts .bottom {
        height: 92px;
        padding-top: 18px;
    }

    .contacts-page .contacts .bottom .title {
        display: none;
    }

    .contacts-page .contacts .bottom .block.phone .image {
        background-position-y: 6px;
        background-size: 37px;
        height: 43px;
    }

    .contacts-page .contacts .bottom .block.email {
        padding-top: 10px;
    }

    .contacts-page .contacts .bottom .block.email .text {
        padding-top: 10px;
    }

}

@media (max-height: 730px) {

    .contacts-page .contacts .bottom {
        height: 74px;
        padding-top: 10px;
    }

    /*.contacts-page .contacts .bottom .title {*/
    /*display: none;*/
    /*}*/
    .contacts-page .contacts .bottom .block.phone .image {
        background-position-y: 6px;
        background-size: 37px;
        height: 43px;
    }

    .contacts-page .contacts .bottom .block.email {
        padding-top: 7px;
    }

    .contacts-page .contacts .bottom .block.email .text {
        padding-top: 10px;
    }

    .contacts-page .contacts .bottom .text {
        font-weight: 400;
    }

    .contacts-page .contacts .bottom .text.phone,
    .contacts-page .contacts .bottom .text.phone a {
        font: 500 18px Geometria, sans-serif;
        letter-spacing: unset;
    }

    .contacts-page .contacts .bottom .tip {
        font: 400 14px Geometria, sans-serif;
        letter-spacing: unset;
    }

}

/* Dealers page */
.dealers {
    background: #fff;
    height: 100vh;
    position: relative;
}

.dealers:after,
.dealers .blocks .container:after {
    clear: both;
    content: '';
    display: block;
}

.dealers .background {
    background: #f7f7f7 url(../img/dealers-bg.png) no-repeat;
    float: left;
    height: 100vh;
    width: 570px;
}

.dealers .background-placeholder {
    display: none;
    width: 570px;
}

.dealers .content {
    /*background:#ccc;*/
    float: left;
    padding-left: 100px;
    width: 800px;
}

.dealers .content h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    padding-bottom: 15px;
    padding-top: 227px;
    text-transform: uppercase;
}

.dealers .content p {
    color: #808080;
    font: 400 18px Geometria, sans-serif;
    line-height: 30px;
}

.dealers .content .dealers-form {
    /*background:red;*/
    margin-top: 50px;
    position: relative;
}

.dealers .content .dealers-form input[type=text] {
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    color: #231f20;
    display: block;
    font: 300 18px Geometria, sans-serif;
    height: 60px;
    line-height: 58px;
    margin-bottom: 20px;
    outline: none;
    padding: 0 20px;
    width: 380px;
}

.dealers .content .dealers-form input[type=submit] {
    background: #02aeef;
    border: none;
    border-radius: 0 30px 30px 0;
    bottom: -120px;
    color: #fff;
    cursor: pointer;
    font: 400 13px Geometria, sans-serif;
    height: 60px;
    left: -100px;
    line-height: 60px;
    outline: none;
    padding-left: 338px;
    position: absolute;
    text-transform: uppercase;
    width: 480px;
}

.dealers .blocks {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 390px;
}

.dealers .blocks .container {
    bottom: 0;
    height: 900px;
    position: absolute;
    right: 0;
    width: 100%;
}

.dealers .blocks .block {
    background: url(../img/dealers-squares.png) no-repeat 0 0;
    float: left;
    height: 78px;
    width: 78px;
}

.dealers .blocks .block.block-1-4 {
    animation: contactsAnimation4 5s infinite;
    background-position: -234px 0;
}

.dealers .blocks .block.block-2-1 {
    animation: contactsAnimation1 6s infinite;
    background-position: 0 -78px;
}

.dealers .blocks .block.block-2-2 {
    animation: contactsAnimation3 7s infinite;
    background-position: -78px -78px;
}

.dealers .blocks .block.block-2-4 {
    animation: contactsAnimation2 4s infinite;
    background-position: -234px -78px;
}

.dealers .blocks .block.block-2-5 {
    animation: contactsAnimation5 8s infinite;
    background-position: -312px -78px;
}

.dealers .blocks .block.block-3-1 {
    animation: contactsAnimation2 6s infinite;
    background-position: 0 -156px;
}

.dealers .blocks .block.block-3-3 {
    animation: contactsAnimation4 7s infinite;
    background-position: -156px -156px;
}

.dealers .blocks .block.block-3-4 {
    animation: contactsAnimation1 8s infinite;
    background-position: -234px -156px;
}

.dealers .blocks .block.block-4-1 {
    animation: contactsAnimation5 5s infinite;
    background-position: 0 -234px;
}

.dealers .blocks .block.block-4-2 {
    animation: contactsAnimation3 7s infinite;
    background-position: -78px -234px;
}

.dealers .blocks .block.block-4-4 {
    animation: contactsAnimation2 6s infinite;
    background-position: -234px -234px;
}

.dealers .blocks .block.block-4-5 {
    animation: contactsAnimation4 8s infinite;
    background-position: -312px -234px;
}

.dealers .blocks .block.block-5-2 {
    animation: contactsAnimation4 7s infinite;
    background-position: -78px -312px;
}

.dealers .blocks .block.block-5-3 {
    animation: contactsAnimation1 5s infinite;
    background-position: -156px -312px;
}

.dealers .blocks .block.block-5-5 {
    animation: contactsAnimation5 8s infinite;
    background-position: -312px -312px;
}

.dealers .blocks .block.block-7-5 {
    animation: contactsAnimation1 7s infinite;
    background-position: -312px -468px;
}

.dealers .blocks .block.block-8-4 {
    animation: contactsAnimation2 9s infinite;
    background-position: -234px -546px;
}

.dealers .blocks .block.block-9-2 {
    animation: contactsAnimation4 7s infinite;
    background-position: -78px -624px;
}

.dealers .blocks .block.block-9-3 {
    animation: contactsAnimation5 6s infinite;
    background-position: -156px -624px;
}

.dealers .blocks .block.block-9-5 {
    animation: contactsAnimation3 5s infinite;
    background-position: -312px -624px;
}

.dealers .blocks .block.block-10-2 {
    animation: contactsAnimation1 6s infinite;
    background-position: -78px -702px;
}

.dealers .blocks .block.block-10-3 {
    animation: contactsAnimation2 5s infinite;
    background-position: -156px -702px;
}

@media all and (min-height: 300px) and (max-height: 880px) and (min-width: 1025px) {

    .dealers .content h1 {
        padding-top: 140px;
    }

}

@media all and (min-height: 300px) and (max-height: 760px) and (min-width: 1025px) {

    .dealers .content h1 {
        padding-bottom: 10px;
    }

    .dealers .content p {
        line-height: 28px;
    }

    .dealers .content .dealers-form {
        margin-top: 20px;
    }

    .dealers .content .dealers-form input[type=submit] {
        bottom: -100px;
    }

}

@media all and (min-height: 300px) and (max-height: 700px) and (min-width: 1025px) {

    .dealers {
        height: auto;
    }

    .dealers .background,
    .dealers .blocks {
        position: fixed;
    }

    .dealers .background-placeholder {
        display: block;
        float: left;
        height: 10px;
    }

    .dealers .content {
        padding-bottom: 140px;
    }

}

/* Product page */
body.product-page {
    overflow: hidden;
}

body.product-page .header {
    display: none;
}

.product {
    background: #f7f7f7;
    height: 100vh;
}

.product:after,
.product .information:after,
.product .preview .container .bottom:after,
.product .information .top:after {
    clear: both;
    content: '';
    display: block;
}

.product .products {
    float: left;
    height: 100vh;
    position: relative;
    width: 19.23%;
}

.product .products .scroll-container {
    bottom: 50px;
    left: 0;
    overflow-y: auto;
    padding: 15px 6.6% 0 18.6%;
    position: absolute;
    right: 0;
    top: 50px;
}

.product .item {
    background: #fff;
    border: 1px solid #ebebeb;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    max-width: 280px;
    padding-top: 10%;
    text-align: center;
    width: 100%;
}

.product .item-all-products {
    background: #02aeef;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 500 14px Geometria, sans-serif;
    margin-bottom: 10px;
    max-width: 280px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.product .item:last-child {
    margin-bottom: 15px;
}

.product .item:hover,
.product .item.active {
    border: 1px solid #fff;
    box-shadow: 0 0 30px rgba(27, 182, 240, .3);
}

.product .item h3 {
    background: #02aeef;
    color: #fff;
    display: inline-block;
    font: 600 14px Geometria, sans-serif;
    padding: 5px 5px 3px;
    text-transform: uppercase;
}

html.windows .product .item h3 {
    padding: 5px;
}

.product .item .image {
    background: no-repeat center;
    background-size: contain;
    cursor: pointer;
    width: 100%;
}

.product .item .image:after {
    content: '';
    display: block;
    padding-top: 70%;
}

.product .preview {
    float: left;
    padding-top: 50px;
    position: relative;
    text-align: center;
    width: 42%;

}

.product .preview .container {
    background: #fff;
    border: 1px solid #ebebeb;
    bottom: 50px;
    display: inline-block;
    max-width: 580px;
    width: 86.3%;
}

.product .preview .container .top {
    border-bottom: 1px solid #ebebeb;
    padding: 9% 10% 0;
}

.product .preview .container .title {
    background: #02aeef;
    color: #fff;
    display: inline-block;
    font: 700 26px Geometria, sans-serif;
    line-height: 1;
    padding: 10px 10px 4px 8px;
    vertical-align: top;
}

.product .preview .container .title .product-price {
    display: none !important;
}

html.windows .product .preview .container .title {
    padding: 10px 10px;
}

html.windows .product .item h3 {
    padding: 5px;
}

.product .preview .container .top .image {
    background: no-repeat center;
    background-size: contain;
    display: block;
    margin-bottom: 30px;
    margin-top: 5%;
    position: relative;
    width: 100%;
}

.product .preview .container .top .image:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.product .preview .container .top .image:hover:before {
    background: rgba(255, 255, 255, .5) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBmaWxsPSIjMDJhZWVmIiBkPSJNNDk3LjkxMyA0OTcuOTE0Yy0xOC43ODIgMTguNzgxLTQ5LjIyNiAxOC43ODEtNjguMDA4IDBsLTg0Ljg2Mi04NC44NjRjLTM0Ljg5IDIyLjM2Ni03Ni4xMzEgMzUuNzE4LTEyMC42NiAzNS43MThDMTAwLjQ2OCA0NDguNzY4IDAgMzQ4LjMxNCAwIDIyNC4zODQgMCAxMDAuNDU0IDEwMC40NjggMCAyMjQuMzgzIDBjMTIzLjkzMSAwIDIyNC4zODQgMTAwLjQ1MyAyMjQuMzg0IDIyNC4zODQgMCA0NC41MjktMTMuMzUzIDg1Ljc3MS0zNS43MTggMTIwLjY3NWw4NC44NjMgODQuODQ5YzE4Ljc4MyAxOC43ODEgMTguNzgzIDQ5LjIyMy4wMDEgNjguMDA2ek0yMjQuMzgzIDY0LjExYy04OC41MTEgMC0xNjAuMjc0IDcxLjc2My0xNjAuMjc0IDE2MC4yNzQgMCA4OC41MjYgNzEuNzY0IDE2MC4yNzQgMTYwLjI3NCAxNjAuMjc0IDg4LjUyNiAwIDE2MC4yNzMtNzEuNzQ4IDE2MC4yNzMtMTYwLjI3NCAwLTg4LjUxMS03MS43NDctMTYwLjI3NC0xNjAuMjczLTE2MC4yNzR6bTMyLjA1NSAyNTYuNDM4SDE5Mi4zM3YtNjQuMTA5aC02NC4xMVYxOTIuMzNoNjQuMTA5di02NC4xMWg2NC4xMDh2NjQuMTFoNjQuMTF2NjQuMTA5aC02NC4xMXY2NC4xMDl6Ii8+PC9zdmc+') no-repeat center;
    background-size: 60px;
    bottom: 0;
    content: '';
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .3s ease-in-out;
}

.product .preview .container .bottom .owl-nav {
    height: 50px;
    left: 0;
    margin-top: -25px;
    position: absolute;
    right: 0;
    top: -36px;
}

.product .preview .container .bottom .owl-nav button {
    background: rgba(0, 0, 0, .1) url(../img/owl-nav.png) no-repeat 13px 0;
    background-size: 12px 160px;
    border-radius: 50%;
    font-size: 18px;
    height: 40px;
    outline: none;
    position: absolute;
    width: 40px;
}

.product .preview .container .bottom .owl-nav button.owl-next {
    background-position-x: 16px;
    background-position-y: -40px;
    right: 20px;
}

.product .preview .container .bottom .owl-nav button.owl-next:hover {
    background-position-y: 0;
}

.product .preview .container .bottom .owl-nav button.owl-prev {
    background-position-y: -80px;
    right: 70px;
}

.product .preview .container .bottom .owl-nav button.owl-prev:hover {
    background-position-y: -120px;
}

.product .preview .container .bottom .owl-nav button span {
    display: none;
}

.product .preview .container .bottom .owl-dots {
    display: none;
}

.product .products .owl-nav {
    height: 50px;
    left: unset;
    margin-top: 0;
    position: relative;
    right: unset;
    text-align: center;
    top: unset;
    width: 100%;
}

.product .products .owl-nav button {
    background: rgba(0, 0, 0, .1) url(../img/owl-nav.png) no-repeat 13px 0;
    background-size: 12px 160px;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    outline: none;
    position: relative;
    width: 40px;
}

.product .products .owl-nav button.owl-next {
    background-position-x: 16px;
    background-position-y: -40px;
    right: unset;
}

.product .products .owl-nav button.owl-next:hover {
    background-position-y: 0;
}

.product .products .owl-nav button.owl-prev {
    background-position-y: -80px;
    margin-right: 30px;
    right: unset;
}

.product .products .owl-nav button.owl-prev:hover {
    background-position-y: -120px;
}

.product .products .owl-nav button span {
    display: none;
}

.product .products .owl-dots {
    display: none;
}

.product .preview .container .bottom .image {
    background: #fff no-repeat center;
    background-size: contain;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    display: block;
    width: 100%;
}

.product .preview .container .bottom .image:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.product .information {
    background: #fff;
    float: left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 38.77%;
    z-index: 2;
}

.product .information .expand {
    background: #02aeef url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02NDAgMTI4cS01MyAwLTkwLjUgMzcuNVQ1MTIgMjU2djg5NkwzNjEgOTUwcS00MS01NC0xMDctNTQtNTIgMC04OSAzOHQtMzcgOTBxMCA0MyAyNiA3N2wzODQgNTEycTM4IDUxIDEwMiA1MWg3MThxMjIgMCAzOS41LTEzLjV0MjIuNS0zNC41bDkyLTM2OHEyNC05NiAyNC0xOTRWODM3cTAtNDEtMjgtNzF0LTY4LTMwLTY4IDI4LTI4IDY4aC0zMnYtNjFxMC00OC0zMi04MS41dC04MC0zMy41cS00NiAwLTc5IDMzdC0zMyA3OXY2NGgtMzJ2LTkwcTAtNTUtMzctOTQuNVQ5MjggNjA4cS01MyAwLTkwLjUgMzcuNVQ4MDAgNzM2djk2aC0zMlYyNjJxMC01NS0zNy05NC41VDY0MCAxMjh6bTAtMTI4cTEwNyAwIDE4MS41IDc3LjVUODk2IDI2MnYyMjBxMjItMiAzMi0yIDk5IDAgMTczIDY5IDQ3LTIxIDk5LTIxIDExMyAwIDE4NCA4NyAyNy03IDU2LTcgOTQgMCAxNTkgNjcuNXQ2NSAxNjEuNXYyMTdxMCAxMTYtMjggMjI1bC05MiAzNjhxLTE2IDY0LTY4IDEwNC41dC0xMTggNDAuNUg2NDBxLTYwIDAtMTE0LjUtMjcuNVQ0MzUgMTY5MEw1MSAxMTc4cS01MS02OC01MS0xNTQgMC0xMDUgNzQuNS0xODAuNVQyNTQgNzY4cTcxIDAgMTMwIDM1VjI1NnEwLTEwNiA3NS0xODFUNjQwIDB6bTEyOCAxNDA4di0zODRoLTMydjM4NGgzMnptMjU2IDB2LTM4NGgtMzJ2Mzg0aDMyem0yNTYgMHYtMzg0aC0zMnYzODRoMzJ6Ii8+PC9zdmc+') no-repeat 30px center;
    background-size: 24px 24px;
    border-radius: 0 30px 30px 0;
    bottom: 30px;
    color: #fff;
    display: inline-block;
    font: 700 13px Geometria, sans-serif;
    height: 60px;
    left: 0;
    letter-spacing: 1px;
    line-height: 60px;
    padding-left: 80px;
    padding-top: 2px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 200px;
    z-index: 3;
}

.product .information .expand.expanded {
    background: #02aeef url(../img/expand.png) no-repeat 47px -60px;
}

.product .information .header-small {
    background: url(../img/product-header.png) repeat-x;
    height: 170px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.product .information .header-small .logo {
    /*padding-top: 54px;*/
    padding-top: 10px;
}

.product .information .header-small .logo span {
    font: 6px Roboto, sans-serif;
    margin-left: 10px;
}

.product .information .header-small:after,
.product .information .header-small .right:after {
    clear: both;
    content: '';
    display: block;
}

.product .information .header-small .right {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
}

.product .information .header-small .lang {
    margin-right: 30px;
}

.product .information .top {
    background: #fff;
    bottom: 70px;
    overflow-y: auto;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 120px;
    position: absolute;
    top: 0;
    width: 100%;
}

.product .information .top h2 {
    color: #02aeef;
    font: 700 30px Geometria, sans-serif;
    line-height: 40px;
    text-transform: uppercase;
    vertical-align: top;
}

.product .information .top .category {
    color: #808080;
    font: 400 18px Geometria, sans-serif;
}

.product .information .top h1 {
    background: #02aeef;
    color: #fff;
    display: inline-block;
    font: 700 30px Geometria, sans-serif;
    line-height: 1;
    margin: 20px 0;
    padding: 16px 48px 12px 46px;
    vertical-align: top;
}

html.windows .product .information .top h1 {
    padding: 16px 48px;
}

.product .information .top .weight {
    background: url(../img/weight.png) no-repeat;
    color: #231f20;
    display: inline-block;
    font: 700 14px Geometria, sans-serif;
    height: 20px;
    margin-right: 40px;
    padding-left: 37px;
    padding-top: 3px;
    vertical-align: top;
display: none;
}

.product .information .top .extra {
    background: url(../img/recommend.png) no-repeat;
    color: #231f20;
    display: inline-block;
    font: 700 14px Geometria, sans-serif;
    height: 20px;
    padding-left: 33px;
    padding-top: 3px;
    vertical-align: top;
}

.product .information .top .content {
    color: #808080;
    font: 400 14px Geometria, sans-serif;
    margin: 20px 0;
}

.product .information .top .content h3 {
    color: #231f20;
    font: 400 18px Geometria, sans-serif;
    margin-bottom: 20px;
}

.product .information .top .content b,
.product .information .top .content strong {
    font-weight: 500;
}

.product .information .top .content ul {
    color: #231f20;
    font: 400 14px Geometria, sans-serif;
    list-style: inside url(../img/bullet.png);
    padding: 15px 0;
}

.product .information .top .content ul li {
    padding-bottom: 10px;
}

.product .information .top .assembling {
    background: url(../img/assembling.png) no-repeat 18px center;
    border: 2px solid #fff200;
    color: #231f20;
    font: 400 12px Geometria, sans-serif;
    height: 70px;
    line-height: 15px;
    padding: 13px 25px 0 75px;
    text-align: center;
    width: 280px;
}

.product .information .top .assembling b {
    font-weight: 700;
    text-transform: uppercase;
}

.product .properties {
    color: #808080;
    font: 400 14px Geometria, sans-serif;
    min-height: 200px;
}

.product .properties table {
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
}

.product .properties table tr {
    border-bottom: 1px solid #ccc;
}

/*.product .properties table tbody tr:hover td {*/
    /*background: #02aeef;*/
    /*color: #fff;*/
/*}*/

.product.all .properties .table-wrap table tr td.hover,
.product.all .properties .table-wrap table tr th.hover,
.product.all .properties .table-wrap table tr.hover td,
.product.all .properties .table-wrap table tr.hover td:first-child{
    background: #02aeef;
    color: #fff;
}

.product.all .properties {
    position: relative;
}

.product.all .properties .table-wrap {
    overflow-x: auto;
}

.product .properties table th {
    padding: 10px 2px;
    text-align: left;
}

.product .properties table tr td {
    padding: 10px 2px;
}

.product .properties table tr td.title {
    padding-right: 20px;
}

.product .properties table tr td,
.product .properties table tr th {
    position: relative;
}

.product .title-mobile {
    display: none;
}

.product .back {
    display: none;
}

.product .products .scroll-container .scroll-wrap {
    padding-left: 40px;
    padding-right: 12px;
}

.product .products .horizontal {
    display: none;
}

.product.all .preview {
    display: none;
}

.product.all .information {
    width: 80.77%;
}

.product.all .information .top .left table tr th {
    color: #231f20;
    font-weight: 600;
    padding-bottom: 6px;
    text-align: left;
}

.product.all .item-all-products {
    display: none;
}

.product .information .top .product-files h2 {
    margin-bottom: 10px;
    margin-top: 30px;
}

.product .information .top .content .youtube {
    background: url(../img/social.png) no-repeat;
    background-position-x: -237px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    color: #231f20;
    display: inline-block;
    height: 60px;
    line-height: 58px;
    margin-right: 25px;
    padding: 0 20px 0 65px;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
    width: auto;
}

.product .information .top .content .youtube:hover {
    background-position-y: -60px;
    border-color: #02aeef;
    color: #02aeef;
}

.product .product-price {
    color: #02aeef;
    font: 700 30px Geometria, sans-serif;
    line-height: 40px;
    margin-bottom: 20px;
    /*text-align:center;*/
    vertical-align: top;
display: none;
}

.product .product-price br {
    display: none;
}

@media (min-width: 1024px) {

    body.product-page .lb-outerContainer {
        width: 80% !important;
    }

    body.product-page .lightbox .lb-image {
        margin: auto;
    }

    body.product-page .lb-dataContainer {
        width: 80% !important;
    }
}

.product .product-file {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzAyYWVlZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNSAzSDkuMDAyOEM3Ljg5NjcgMyA3IDMuODk4MyA3IDUuMDA3M3YyMi45ODU0QzcgMjkuMTAxMyA3Ljg5MSAzMCA4Ljk5NzQgMzBoMTUuMDA1MkMyNS4xMDU3IDMwIDI2IDI5LjEwMTggMjYgMjguMDA5MlYxMGwtNi03aC0uNXpNMTkgNEg4Ljk5NTZDOC40NDU3IDQgOCA0LjQ1NTMgOCA0Ljk5NTV2MjMuMDA5QzggMjguNTU0MyA4LjQ1NDcgMjkgOSAyOWgxNWMuNTUyMyAwIDEtLjQ0NSAxLS45OTM0VjExaC00LjAwMkMxOS44OTQ0IDExIDE5IDEwLjExMzQgMTkgOC45OTRWNHptMSAuNXY0LjQ5MTJjMCAuNTU3Mi40NTA3IDEuMDA4OC45OTY3IDEuMDA4OEgyNC43TDIwIDQuNXpNMTAgMTB2MWg3di0xaC03em0wLTN2MWg3VjdoLTd6bTAgNnYxaDEzdi0xSDEwem0wIDN2MWgxM3YtMUgxMHptMCAzdjFoMTN2LTFIMTB6bTAgM3YxaDEzdi0xSDEwem0wIDN2MWgxM3YtMUgxMHoiLz48L3N2Zz4=') no-repeat top center;
    background-size: 50px;
    color: #231f20;
    display: inline-block;
    font: 400 14px Geometria, sans-serif;
    margin-bottom: 15px;
    margin-right: 15px;
    min-height: 60px;
    padding-top: 55px;
    text-align: center;
    text-decoration: none;
    width: 60px;
    word-break: break-word;
}

/* Fixed table column */
.product.all .properties .table-wrap table{
    margin-left:170px;
}
.product.all .properties .table-wrap table tr td:first-child,
.product.all .properties .table-wrap table tr th:first-child {
    background: #fff;
    position: absolute;
    width: 170px;
    z-index: 2;
    display: block;
    left:0;
    border-bottom:1px solid #ccc;
}
.product.all .properties .table-wrap table tr td:first-child{
    padding:0;
}
.product.all .properties .table-wrap table tr td:first-child span{
    /*background:lime;*/
    position:relative;
    display:block;
    padding:10px 24px 10px 4px;
}

.product.all table.tablet{
    display:none;
}




/* About page */
@media all and (min-width: 1025px) {

    body.about-page {
        overflow: hidden;
    }

    .about-page .history {
        overflow: hidden;
    }

}

.lightbox {
    top: 60px !important;
}

.about-page .header.light .lang {
    color: #fff;
}

.about-page .nav {
    background: #f7f7f7;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding-left: 67px;
    padding-top: 140px;
    position: fixed;
    top: 0;
    width: 11.9%;
}

.about-page .nav .highlight {
    background: transparent;
    bottom: 0;
    box-shadow: 0 0 13px 4px rgba(27, 182, 240, .2);
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;

    z-index: 2;
}

.about-page .nav a {
    background: transparent;
    border-radius: 50px 0 0 50px;
    display: block;
    height: 100px;
    margin-bottom: 10px;
    padding: 5px;
    position: relative;
    width: 165px;
    z-index: 3;
}

.about-page .nav a.active,
.about-page .nav a:hover {
    background: #fff;
    box-shadow: 0 0 13px 4px rgba(27, 182, 240, .2);
}

.about-page .nav a span {
    background: url(../img/about-screens.png) no-repeat 0 0;
    border: 1px solid #231f20;
    border-radius: 50%;
    display: block;
    height: 90px;
    width: 90px;
}

.about-page .nav a:hover span,
.about-page .nav a.active span {
    background-position-x: -90px;
    border-color: #02aeef;
}

.about-page .nav a:nth-child(1) span {
    background-position-y: 0;
}

.about-page .nav a:nth-child(2) span {
    background-position-y: -90px;
}

.about-page .nav a:nth-child(3) span {
    background-position-y: -180px;
}

.about-page .nav a:nth-child(4) span {
    background-position-y: -270px;
}

.about-page .nav a:nth-child(5) span {
    background-position-y: -360px;
}

.about-page .intro,
.about-page .history,
.about-page .guarantee,
.about-page .certificates,
.about-page .testimonials {
    background: #fff;
    height: 100%;
    padding-left: 11.9%;
}

.about-page .left {
    padding: 0 60px 0 70px;
}

.about-page h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 1;
    margin-bottom: 30px;
    text-transform: uppercase;
    vertical-align: top;
}

.about-page p {
    color: #808080;
    font: 300 18px Geometria, sans-serif;
    line-height: 30px;
    margin-bottom: 26px;
}

.about-page p:last-child {
    margin-bottom: 0;
}

.about-page .intro {

}

.about-page .intro .pc-hide {
    display: none;
}

.about-page .intro:after,
.about-page .guarantee:after,
.about-page .certificates:after,
.about-page .testimonials:after,
.about-page .history-container:after {
    clear: both;
    content: '';
    display: block;
}

.about-page .intro .left {
    float: left;
    height: 100%;
    width: 46.8%;
}

.about-page .intro .left .become-dealer {
    background: transparent;
    border: 2px solid #808080;
    border-radius: 30px;
    color: #808080;
    display: inline-block;
    font: 600 13px Roboto, sans-serif;
    height: 60px;
    margin-top: 30px;
    min-width: 270px;
    padding: 22px 0 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s ease-in-out;
}

.about-page .intro .left .become-dealer:hover {
    background-color: #02aeef;
    border-color: #02aeef;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
    color: #fff;
}

@media all and (min-width: 1131px) {

    .about-page .intro .left .become-dealer {
        display: none;
    }

}

.about-page .intro .right {
    background: url(../img/about-intro.png) no-repeat center;
    background-size: cover;
    float: left;
    height: 100%;
    padding: 0 60px 0 70px;
    width: 53.2%;
}

.about-page .intro .right .become-dealer {
    background: transparent;
    border: 2px solid #4d4d4d;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font: 600 13px Roboto, sans-serif;
    height: 60px;
    margin-top: 30px;
    min-width: 270px;
    padding: 22px 0 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s ease-in-out;
}

.about-page .intro .right .become-dealer:hover {
    background-color: #02aeef;
    border-color: #02aeef;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
}

.about-page .intro .right p {
    color: #fff;
}

.about-page .history {
    padding-top: 140px;
}

.about-page .history-scroll {
    height: 670px;
    width: 100%;
}

.about-page .history-wrap {
    height: 670px;
}

.about-page .history-container {
    background: #fff url(../img/about-history.png) repeat-x 0 -200px;
    height: 640px;
    padding-left: 100px;
    width: 2430px;
}

.about-page .history .year {
    float: left;
    height: 100%;
    min-width: 300px;
}

.about-page .history .year:after {
    clear: both;
    content: '';
    display: block;
}

.about-page .history .year img {
    display: none;
}

.about-page .history .year h2 {
    color: #231f20;
    font: 400 30px Geometria, sans-serif;
    line-height: 1;
    margin-bottom: 30px;
    vertical-align: top;
}

.about-page .history .year:nth-child(n+2) p {
    font-size: 14px;
    line-height: 25px;
}

.about-page .history .year.year-2000 {
    background: url(/uploads/about-history-2000.png) no-repeat left bottom;
    padding-right: 100px;
    width: 480px;
}

.about-page .history .year.year-2015 {
    background: url(/uploads/about-history-2015.png) no-repeat left top;
    width: 820px;
}

.about-page .history .year.year-2016 {
    background: url(/uploads/about-history-2016.png) no-repeat left top;
    margin-left: 80px;
    padding-top: 357px;
    width: 400px;
}

.about-page .history .year.year-2017 {
    background: url(/uploads/about-history-2017.png) no-repeat left bottom;
    margin-left: 80px;
    padding-top: 17px;
    width: 400px;
}

.about-page .history .year .columns {
    height: 100%;
    width: 100%;
}

.about-page .history .year .columns:after {
    clear: both;
    content: '';
    display: block;
}

.about-page .history .year .columns .l {
    float: left;
    height: 100%;
    width: 50%;
}

.about-page .history .year .columns .r {
    float: left;
    height: 100%;
    width: 50%;
}

.about-page .history .year.year-2015 .columns .l {
    padding-top: 357px;
    width: 400px;
}

.about-page .history .year.year-2015 .columns .r {
    background: #02aeef;
    padding: 57px 60px 0 40px;
    width: 420px;
}

.about-page .history .year.year-2015 .columns .r h2 {
    color: #fff;
}

.about-page .history .year.year-2015 .columns .r p {
    color: #c0e3f0;
}

.about-page .guarantee {
}

.about-page .guarantee .left {
    float: left;
    height: 100%;
    width: 46.8%;
}

.about-page .guarantee .right {
    background: url(../img/about-guarantee.png) no-repeat center;
    background-size: cover;
    float: left;
    height: 100%;
    width: 53.2%;
}

.about-page .certificates {
}

.about-page .certificates .left {
    float: left;
    height: 100%;
    width: 46.8%;
}

.about-page .stats {
    margin-top: 100px;
}

.about-page .stats:after {
    clear: both;
    content: '';
    display: block;
}

.about-page .stat {
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    color: #808080;
    display: block;
    float: left;
    font: 400 14px Geometria, sans-serif;
    height: 180px;
    line-height: 1;
    margin-right: 18px;
    padding: 48px 20px 0;
    text-align: center;
    vertical-align: top;
    width: 180px;
}

.about-page .stat:last-child {
    margin-right: 0;
}

.about-page .stat strong {
    color: #02aeef;
    display: block;
    font: 700 60px Geometria, sans-serif;
    line-height: 1;
    vertical-align: top;
}

.about-page .certificates .right {
    background: url(../img/about-certificates.png) no-repeat center;
    background-size: cover;
    float: left;
    height: 100%;
    text-align: center;
    width: 53.2%;
}

.about-page .certificates .container {
    display: inline-block;
    height: 700px;
    position: relative;
    width: 775px;
}

.about-page .certificates .container:after {
    clear: both;
    content: '';
    display: block;
}

.about-page .certificates .photo {
    background: url(/uploads/certificate1.png) no-repeat center;
    background-size: cover;
    border: 1px solid #ebebeb;
    float: left;
    height: 340px;
    margin-bottom: 20px;
    margin-right: 20px;
    transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
    width: 245px;
}

.about-page .certificates .photo:hover {
    border-color: #02aeef;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
}

.about-page .certificates .photo:nth-child(n+4) {
    margin-bottom: 0;
}

.about-page .certificates .photo:nth-child(3n) {
    margin-right: 0;
}

.about-page .testimonials .left {
    float: left;
    height: 100%;
    width: 36.9%;
}

.about-page .testimonials .stat {
    border: none;
    height: auto;
    padding: 0;
    width: auto;
}

.about-page .testimonials .stat:nth-child(2) {
    float: right;
}

.about-page .testimonials .right {
    background: #f7f7f7;
    float: left;
    height: 100%;
    position: relative;
    text-align: center;
    width: 63.1%;
}

.about-page .testimonials .container,
.about-page .testimonials .container .photo-group {
    display: inline-block;
    height: 640px;
    position: relative;
    width: 940px;
}

.about-page .testimonials .container:after,
.about-page .testimonials .container .photo-group:after {
    clear: both;
    content: '';
    display: block;
}

.about-page .testimonials .photo {
    background: url(/uploads/about-testimonial-photo1.png) no-repeat center;
    background-size: cover;
    border: 1px solid #ebebeb;
    cursor: pointer;
    float: left;
    height: 310px;
    margin-bottom: 20px;
    margin-right: 20px;
    transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
    width: 300px;
}

.about-page .testimonials .photo:hover {
    border-color: rgba(1, 174, 239, .3);
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
}

.about-page .testimonials .photo:nth-child(n+4) {
    margin-bottom: 0;
}

.about-page .testimonials .photo:nth-child(3n) {
    margin-right: 0;
}

.about-page .testimonial-popup {
    background: #fff;
    box-shadow: 0 0 20px 9px rgba(27, 182, 240, .3);
    display: none;
    height: 640px;
    left: 50%;
    margin: -321px 0 0 -470px;
    padding: 80px;
    position: absolute;
    top: 50%;
    width: 940px;
    z-index: 10;
}

.about-page .testimonial-popup-close {
    background: url(../img/testimonial-popup-close.png) no-repeat;
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: -60px;
    width: 40px;
}

.about-page .testimonial-popup-close:hover {
    background-position-x: -40px;
}

.about-page .testimonial-popup .top {
    height: 120px;
    width: 100%;
}

.about-page .testimonial-popup .top:after {
    clear: both;
    content: '';
    display: block;
}

.about-page .testimonial-popup .bottom {
    height: 360px;
    width: 100%;
}

.about-page .testimonial-popup .image {
    background: #f7f7f7 no-repeat center;
    background-size: contain;
    border-radius: 50%;
    float: left;
    height: 120px;
    width: 120px;
}

.about-page .testimonial-popup .title {
    color: #02aeef;
    font: 600 24px Geometria, sans-serif;
    height: 100%;
    line-height: 30px;
    padding-left: 160px;
    padding-right: 80px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
}

.about-page .testimonial-popup .file {
    position: absolute;
    right: 50px;
    top: 90px;
}

.about-page .testimonial-popup .file a {
    background: url(../img/testimonial-file.png) no-repeat;
    border-radius: 6px 11px 6px 6px;
    display: block;
    height: 40px;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    width: 29px;
}

.about-page .testimonial-popup .file a:hover {
    box-shadow: 0 0 11px 6px rgba(27, 182, 240, .2);
}

.about-page .testimonial-popup .content {
    color: #808080;
    font: 400 18px Geometria, sans-serif;
    height: 100%;
    line-height: 30px;
    overflow-y: auto;
    padding-top: 30px;
    text-align: left;
}

.about-page .testimonial-popup .content b,
.about-page .testimonial-popup .content strong {
    color: #000;
    font-weight: 500;
}

.about-page .mobile-slider,
.about-page .bx-wrapper {
    display: none;
}

.about-page .bx-wrapper-pc .bx-pager {
    margin-top: 15px;
}

.about-page .bx-wrapper-pc .bx-pager-item {
    display: inline-block;
}

.about-page .bx-wrapper-pc .bx-pager-item a {
    background: #231f20;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    height: 16px;
    margin: 0 5px;
    outline: 0;
    text-indent: -9999px;
    width: 16px;
}

.about-page .bx-wrapper-pc .bx-pager-item a:hover,
.about-page .bx-wrapper-pc .bx-pager-item a.active {
    background: #02aeef;
}

.about-page .bx-controls-direction {
    bottom: -60px;
    height: 50px;
    left: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
}

.about-page .bx-controls-direction a {
    background: rgba(0, 0, 0, .1) url(../img/owl-nav.png) no-repeat 13px 0;
    background-size: 12px 160px;
    border-radius: 50%;
    font-size: 18px;
    height: 40px;
    outline: none;
    position: absolute;
    text-indent: -99999px;
    width: 40px;
}

.about-page .certificates .bx-controls-direction a {
    background-color: rgba(255, 255, 255, .4);
}

.about-page .bx-controls-direction a.bx-next {
    background-position-x: 16px;
    background-position-y: -40px;
    right: 0;
}

.about-page .bx-controls-direction a.bx-next:hover {
    background-position-y: 0;
}

.about-page .bx-controls-direction a.bx-prev {
    background-position-y: -80px;
    right: 50px;
}

.about-page .bx-controls-direction a.bx-prev:hover {
    background-position-y: -120px;
}

/*.about-page .bx-controls-direction a span {*/
/*display: none;*/
/*}*/

.about-page .bx-pager {
    display: none;
}

/* News page */
.news-page {
    background: #f7f7f7;
}

.news {
    height: 100%;
}

.news-title {
    display: none;
}

.news:after {
    clear: both;
    content: '';
    display: block;
}

.news .left {
    background: #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding-left: 8.85%;
    padding-right: 110px;
    padding-top: 140px;
    position: fixed;
    top: 0;
    width: 33.8%;
}

.news .subscribe-form {

}

.news .news-subscribe-success {
    border: 1px dashed #02aeef;
    border-radius: 50%;
    height: 240px;
    padding: 7px 0 0 7px;
    width: 240px;
}

.news .news-subscribe-success .inner {
    background: transparent url(../img/news-subscribe.png) no-repeat center 31px;
    border: 1px solid #02aeef;
    border-radius: 50%;
    height: 224px;
    text-align: center;
    width: 224px;
}

.news .news-subscribe-success .inner .text {
    color: #808080;
    font: 400 15px Geometria, sans-serif;
    padding-top: 135px;
}

.news .subscribe-form input[type=text] {
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    color: #231f20;
    font: 400 18px Geometria, sans-serif;
    height: 60px;
    line-height: 58px;
    margin-top: 40px;
    outline: none;
    padding-left: 20px;
    padding-top: 4px;
    width: 380px;
}

.news .subscribe-form input[type=submit] {
    background: #02aeef;
    border: none;
    border-radius: 30px 0 0 30px;
    color: #fff;
    cursor: pointer;
    font: 700 13px Geometria, sans-serif;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    margin-top: 80px;
    outline: none;
    padding-left: 32px;
    text-align: left;
    text-transform: uppercase;
    width: 480px;
}

.news h1 {
    color: #02aeef;
    font: 700 70px Geometria, sans-serif;
    line-height: 1;
    margin-bottom: 30px;
    text-transform: uppercase;
    vertical-align: top;
}

.news p {
    color: #808080;
    font: 400 18px Geometria, sans-serif;
    line-height: 30px;
    margin-bottom: 26px;
}

.news p:last-child {
    margin-bottom: 0;
}

.news .right {
    background: #f7f7f7;
    float: right;
    height: 100%;
    padding: 140px 3% 0;
    width: 66.2%;
}

.news .container .row:after {
    clear: both;
    content: '';
    display: block;
}

.news .container .row .l {
    float: left;
    padding-right: 2.6%;
    text-align: left;
    width: 50%;
}

.news .container .row .r {
    float: left;
    padding-left: 2.6%;
    text-align: right;
    width: 50%;
}

.news .item {
    display: inline-block;
    max-width: 540px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.news .item.big {
    margin-bottom: 30px;
    max-height: 730px;
}

.news .item .title {
    padding-top: 36px;
}

.news .item .title:after {
    clear: both;
    content: '';
    display: block;
}

.news .item .title .date {
    color: #c7c7c7;
    font: 400 12px Roboto, sans-serif;
    line-height: 1;
    margin-bottom: 8px;
    vertical-align: top;
}

.news .item h2 {
    color: #231f20;
    font: 400 18px Geometria, sans-serif;
    line-height: 1;
    margin-bottom: 5px;
    vertical-align: top;
}

.news .item p {
    font-size: 14px;
    line-height: 25px;
}

.news .item.big .image {
    background: #fff center;
    background-size: cover;
    border: 1px solid #ebebeb;
    max-height: 600px;
    width: 100%;
}

.news .item.big .image:after {
    content: '';
    display: block;
    padding-top: 112%;
}

.news .item.new {
    background: #02aeef;
    border: 1px solid #ebebeb;
    margin-bottom: 30px;
    max-height: 270px;
}

.news .item.new:after {
    clear: both;
    content: '';
    display: block;
}

.news .item.new .image {
    background: #fff no-repeat center;
    background-size: contain;
    border-right: 1px solid #ebebeb;
    float: left;
    height: 100%;
    max-width: 239px;
    width: 45%;
}

.news .item.new .image:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.news .item.new .info {
    float: left;
    height: 100%;
    max-width: 299px;
    padding: 14% 7.4% 0;
    width: 55%;
}

.news .item.new h2 {
    color: #fff;
}

.news .item.new p {
    color: #c0e3f0;
}

.news .item.small {
    margin-bottom: 30px;
}

.news .item.small .image {
    background: #fff center;
    background-size: cover;
    border: 1px solid #ebebeb;
    max-height: 270px;
    width: 100%;
}

.news .item.small .image:after {
    content: '';
    display: block;
    padding-top: 50%;
}

/* Single news page */
.news-single-page {

}

.news-single-page .tablet-title {
    display: none;
}

.news-single-page .header {
    display: none;
}

.news-single {
    background: #f7f7f7;
    height: 100%;
    width: 100%;
}

.news-single:after {
    clear: both;
    content: '';
    display: block;
}

.news-single .tablet-top {
    float: left;
    height: 100%;
    width: 65%;
}

.news-single .left {
    float: left;
    height: 100%;
    padding-bottom: 50px;
    padding-left: 70px;
    padding-top: 50px;
    width: 30.6%;
}

.news-single .middle {
    float: left;
    height: 100%;
    padding: 50px 60px;
    width: 69.4%;
}

.news-single .right {
    background: #fff;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 35%;
}

.news-single .scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 70px;
    width: 100%;
}

.news-single-page .images .item,
.news-single-page .mobile-images .item {
    background: #fff no-repeat center;
    background-size: contain;
    border: 1px solid #ebebeb;
    cursor: pointer;
    margin-bottom: 20px;
    width: 100%;
}

.news-single-page .images .item:after,
.news-single-page .mobile-images .item:after {
    content: '';
    display: block;
    padding-top: 90%;
}

.news-single-page .images .item:hover,
.news-single-page .images .item.active {
    border-color: #02aeef;
}

.news-single-page .image {
    background: #fff no-repeat center;
    background-size: contain;
    border: 1px solid #ebebeb;
    height: 100%;
    width: 100%;
}

.news-single-page .content {
    bottom: 130px;
    font: 400 14px Geometria, sans-serif;
    overflow-y: auto;
    padding: 0 70px;
    position: absolute;
    top: 140px;
    width: 100%;
}

.news-single-page .content .date {
    color: #808080;
    font: 400 18px Geometria, sans-serif;
    margin-bottom: 30px;
}

.news-single-page h1 {
    color: #02aeef;
    font: 700 50px Geometria, sans-serif;
    line-height: 1;
    margin-bottom: 30px;
    text-transform: uppercase;
    vertical-align: top;
}

.news-single-page p {
    color: #808080;
    font: 400 14px Geometria, sans-serif;
    line-height: 30px;
    margin-bottom: 26px;
}

.news-single-page p:last-child {
    margin-bottom: 0;
}

.news-single-page p b {
    color: #231f20;
    font-size: 18px;
}

.news-single-page .content a {
    color: #02aeef;
    font: 400 14px Geometria, sans-serif;
    text-decoration: underline;
}

.news-single-page .content ul {
    color: #808080;
    font: 400 14px Geometria, sans-serif;
    list-style: inside url(../img/bullet.png);
}

.news-single-page .content ul li {
    padding-bottom: 10px;
}

.news-single-page .nav {
    bottom: 50px;
    height: 60px;
    left: 0;
    position: absolute;
    right: 0;
}

.news-single-page .nav:after {
    clear: both;
    content: '';
    display: block;
}

.news-single-page .nav a {
    background: #231f20 url(../img/expand.png) no-repeat center 0;
    color: #fff;
    display: block;
    font: 600 13px Geometria, sans-serif;
    height: 60px;
    letter-spacing: 1px;
    line-height: 60px;
    padding-top: 2px;
    text-decoration: none;
    text-transform: uppercase;
    width: 300px;
}

.news-single-page .nav a:hover {
    background-color: #02aeef;
}

.news-single-page .nav a.prev {
    background-position-x: 72px;
    border-radius: 0 30px 30px 0;
    float: left;
    padding-left: 105px;
}

.news-single-page .nav a.next {
    background-position-x: 208px;
    background-position-y: -60px;
    border-radius: 30px 0 0 30px;
    float: right;
    padding-right: 105px;
    text-align: right;
}

.news-single-page .header-small {
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.news-single-page .header-small .logo {
    padding-top: 54px;
}

.news-single-page .header-small .logo span {
    font: 6px Roboto, sans-serif;
    margin-left: 10px;
}

.news-single-page .header-small:after,
.news-single-page .header-small .navs:after {
    clear: both;
    content: '';
    display: block;
}

.news-single-page .header-small .navs {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
}

.news-single-page .header-small .lang {
    margin-right: 30px;
}

.news-single-page .bx-wrapper,
.news-single-page .mobile-images {
    display: none;
}

font.tablebodytext {
    display: none;
}

.form-agreement {
    color: #808080;
    display: block;
    font: 300 9px Geometria, sans-serif;
    margin-bottom: 15px;
    max-width: 350px;
}

.form-agreement a {
    color: #02aeef;
}

.subscribe-form .form-agreement {
    margin-top: 10px;
}

#panel {
    /*display: none !important;*/
}

/* Google maps styles */
.gm-style-iw b {
    font-weight: 600;
}

.gm-style-iw i {
    font-style: italic;
}

.logo-mi {width: 455px;height: 29px; float: right; margin-top: 49px; font: 400 13px Geometria, sans-serif; margin-right: 20px;}

@media (max-width: 768px) {

	h2.category-title {font-size: 20px;}
    
    .logo-mi {width: 200px; text-align: center; float: none; margin-top: 3px;}




}

.gabarit {width: 100%; color: #808080; font: 400 14px Geometria, sans-serif;}
.gabarit tr {border-bottom: 1px solid #ccc;}
td.title2 {padding: 10px 2px; padding-right: 40px;}
td.value2 {padding: 10px 2px;}
.navigation .line-copyright {display: none !important;}
.navigation ul {overflow-y: scroll; height: 90%;}


.iq {width: 200px; margin: 30px;}

@media (max-width: 767px) {
    
    
  .homepage-contacts .contacts {display: none;}  
  .navigation ul {height: auto;}
    
}


/*---------Список дилеров-------------------*/

.city-body, .city-prefix {font-size: 32px;}

.dealers h1 {margin: 30px 0;}

.city-name {
color: #189dcc;
border-bottom: 1px dotted #189dcc;
cursor: pointer;
font-size: 32px;
font-weight: normal;
font-family: 'HelveticaNeue';
}

.city {
display: block;
margin-bottom: 12px;
cursor: pointer;
}

.city:hover{color: #189dcc;}

.cities-block.active {display: block;}
.cities-block {column-width: auto; column-count: 6;}
.city-input-block {margin: 55px 0 30px;} 


.dealer_detail {margin-top: 80px;}

.content-dealer {margin: 0 300px; position: relative; z-index: 0;}

div.dealers .dealers_list li .cell {width: 25%;}

@media (max-width: 1400px) {
    
    .content-dealer {margin: 0 10px;}
    
    
    }
    
@media (max-width: 768px) {
    
   
    .cities-block {column-count: 3;}
    
    }    
    
@media (max-width: 767px) {
    
    div.dealers .dealers_list li .cell {padding-left: 0 !important; padding-right: 0 !important; font-size: 10px;}
    .city-input-block {margin-top: 70px;}
    div.dealers .dealers_list li.header .cell {font-size: 12px;}
    
    .dealer_detail .map {width: 100%;}
    .ymaps-2-1-79-map {width: 100% !important;}
    .dealer_detail .info {width: 100% !important;}
    
    }
    
}