/* Start:/css/fonts.css?16026824246569*/
/* This stylesheet generated by Transfonter (https://transfonter.org) on August 21, 2017 1:40 PM */

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-Black.eot');
	src: local('HelveticaNeueCyr-Medium'),
		url('../../../../../../fonts/HelveticaNeueCyr-Medium.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-Heavy.eot');
	src: local('HelveticaNeueCyr-Heavy'),
		url('../../../../../../fonts/HelveticaNeueCyr-Heavy.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-Heavy.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-HeavyItalic.eot');
	src: local('HelveticaNeueCyr-HeavyItalic'),
		url('../../../../../../fonts/HelveticaNeueCyr-HeavyItalic.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-HeavyItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-Black.eot');
	src: local('HelveticaNeueCyr-Black'),
		url('../../../../../../fonts/HelveticaNeueCyr-Black.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-Black.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-UltraLightItalic.eot');
	src: local('HelveticaNeueCyr-UltraLightItalic'),
		url('../../../../../../fonts/HelveticaNeueCyr-UltraLightItalic.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-BlackItalic.eot');
	src: local('HelveticaNeueCyr-BlackItalic'),
		url('../../../../../../fonts/HelveticaNeueCyr-BlackItalic.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-BlackItalic.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-ThinItalic.eot');
	src: local('HelveticaNeueCyr-ThinItalic'),
		url('../../../../../../fonts/HelveticaNeueCyr-ThinItalic.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-ThinItalic.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-MediumItalic.eot');
	src: local('HelveticaNeueCyr-MediumItalic'),
		url('../../../../../../fonts/HelveticaNeueCyr-MediumItalic.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-MediumItalic.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-LightItalic.eot');
	src: local('HelveticaNeueCyr-LightItalic'),
		url('../../../../../../fonts/HelveticaNeueCyr-LightItalic.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-LightItalic.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-UltraLight.eot');
	src: local('HelveticaNeueCyr-UltraLight'),
		url('../../../../../../fonts/HelveticaNeueCyr-UltraLight.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-UltraLight.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-UltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-BoldItalic.eot');
	src: local('HelveticaNeueCyr-BoldItalic'),
		url('../../../../../../fonts/HelveticaNeueCyr-BoldItalic.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-BoldItalic.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-Italic.eot');
	src: local('HelveticaNeueCyr-Italic'),
		url('../../../../../../fonts/HelveticaNeueCyr-Italic.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-Italic.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-Roman.eot');
	src: local('HelveticaNeueCyr-Roman'),
		url('../../../../../../fonts/HelveticaNeueCyr-Roman.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-Bold.eot');
	src: local('HelveticaNeueCyr-Bold'),
		url('../../../../../../fonts/HelveticaNeueCyr-Bold.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-Light.eot');
	src: local('HelveticaNeueCyr-Light'),
		url('../../../../../../fonts/HelveticaNeueCyr-Light.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../../../../../../fonts/HelveticaNeueCyr-Thin.eot');
	src: local('HelveticaNeueCyr-Thin'),
		url('../../../../../../fonts/HelveticaNeueCyr-Thin.eot@#iefix') format('embedded-opentype'),
		url('../../../../../../fonts/HelveticaNeueCyr-Thin.woff') format('woff'),
		url('../../../../../../fonts/HelveticaNeueCyr-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

/* End */


/* Start:/css/style.css?160268242440726*/
5A41D7/*@charset "utf-8";*/

/*! normalize.css */

html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder;display:inline-block}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:none}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;display:none}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}table{width:100%;border-collapse:collapse}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}a{background-color:transparent;text-decoration:none}img{border:none;max-width:100%;height:auto}a,button{outline:none;cursor:pointer}button{background:none;border:none}a,button,input,textarea{-webkit-appearance:none;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*{position:relative;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input,textarea{display:block}a,span,button,i{display:inline-block}textarea{resize:none;outline:none;border:none;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none}input{outline:none;border:none;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none}input[type='number']{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type="submit"]{cursor:pointer;-webkit-appearance:none;display:inline-block}input[type="search"]::-webkit-search-cancel-button{background:none;display:none}input::-webkit-input-placeholder{color:#75756F}input::-moz-placeholder{color:#75756F}input:-moz-placeholder{color:#75756F}input:-ms-input-placeholder{color:#75756F}textarea::-webkit-input-placeholder{color:#75756F}textarea::-moz-placeholder{color:#75756F}textarea :-moz-placeholder{color:#75756F}textarea:-ms-input-placeholder{color:#75756F}input:focus::-webkit-input-placeholder{color:transparent;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}input:focus::-moz-placeholder{color:transparent;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}input:focus:-moz-placeholder{color:transparent;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}input:focus:-ms-input-placeholder{color:transparent;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}textarea:focus::-webkit-input-placeholder{color:transparent;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}textarea:focus::-moz-placeholder{color:transparent;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}textarea:focus:-moz-placeholder{color:transparent;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}textarea:focus:-ms-input-placeholder{color:transparent;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.float-left{float:left}.float-right{float:right}
.full-img img{width:100%}figure{text-align:center;margin-bottom:30px}figure figcaption{text-align:center;margin-top:5px;font-size:.75em;opacity:.8}
.clearfix:after{content:'';clear:both;display:block}

/*body*/

h1, .title-lvl-1 {
    font-size: 36px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 600;
}
h2,
.title-lvl-2 {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
h3,
.title-lvl-3 {

}
h4,
.title-lvl-4 {
    font-size: 1.5em;
    margin-bottom: 20px;
}
h5,
.title-lvl-5 {
    font-size: 1.25em;
    margin-bottom: 20px;
}
h6,
.title-lvl-6 {
    font-size: 1em;
    margin-bottom: 20px;
}
body{
    font-family: 'HelveticaNeueCyr', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    background: #5A41D7;
    font-size: 16px;
    line-height: 22px;
}
p, li  {
    line-height: 22px;
}
a, span {
    line-height: 16px;
}
.wrapper {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}
header {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
main {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: block;
}
footer {
    margin: auto auto 0 auto;
    width: 100%;
}
.container {
    width: 100%;
    max-width: 1920px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 30px;
}
.text p {
    margin-bottom: 30px;
}
.text {
    width: -webkit-calc(50% - 60px);
    width: -moz-calc(50% - 60px);
    width: calc(50% - 60px);
    margin: 0 30px;
}
.wrap-about__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrap-about__text {
    margin: 0 -30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/*start*/

.menu li a:before {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    height: 2px;
    background: #fff;
    bottom: 0;
    opacity: .5;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    transition:  all 0.5s ease;
}
.menu li a:hover:before {
    right: auto;
    left: 0;
    width: 100%;
}
.close-mob-nav, .wrap-mob-nav .wrap-logo, .open-mob-nav, .overlay{
    display: none;
}

.menu a {
    font-size: 19px;
    line-height: 19px;
    color: #FFFFFF;
    font-weight: 600;
}
.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 30px 0 0 506px;
}
.menu li{
    padding-left: 47px;
    list-style-type: none;
}
.wrap-main {
    padding: 30px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.wrap-logo {
    max-width: 1138px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 30px;
}
@-webkit-keyframes text {
    from {
        color: transparent;
        background: transparent;
    }
    50% {
        color: transparent;
        background: transparent;
    }
    to {
        color: #FFF; /*#5A41D7;*/
        background: #772682;  /*#fff;*/
    }
}
@-moz-keyframes text {
    from {
        color: transparent;
        background: transparent;
    }
    50% {
        color: transparent;
        background: transparent;
    }
    to {
        color: #FFF; /*#5A41D7;*/
        background: #772682;  /*#fff;*/
    }
}
@-o-keyframes text {
    from {
        color: transparent;
        background: transparent;
    }
    50% {
        color: transparent;
        background: transparent;
    }
    to {
        color: #FFF; /*#5A41D7;*/
        background: #772682;  /*#fff;*/
    }
}
@keyframes text {
    from {
        color: transparent;
        background: transparent;
    }
    50% {
        color: transparent;
        background: transparent;
    }
    to {
        color: #FFF; /*#5A41D7;*/
        background: #772682;  /*#fff;*/
    }
}

.wrap-logo__item {
    width: auto;
    -webkit-animation: text 3s 1 ease-out;
    -moz-animation: text 3s 1 ease-out;
    -o-animation: text 3s 1 ease-out;
    animation: text 3s 1 ease-out;
    -webkit-transition:all 3s;
    -o-transition:all 3s;
    -moz-transition:all 3s;
    transition:  all 3s;
    margin-bottom: 10px;
    font-size: -webkit-calc(10vh + 3vw);
    font-size: -moz-calc(10vh + 3vw);
    font-size: calc(10vh + 3vw);
    line-height: initial;
    text-transform: uppercase;
    font-weight: 600;
/*    color: #5A41D7;	*/
    color: #FFF;
    height: -webkit-calc(25% - 10px);
    height: -moz-calc(25% - 10px);
    height: calc(25% - 10px);
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    z-index: 1;
}
@-webkit-keyframes rectangle {
    from {
        width: 191px;
    }
    50% {
        width: 191px;
    }
    to {
        width: 100%;
    }
}
@-moz-keyframes rectangle {
    from {
        width: 191px;
    }
    50% {
        width: 191px;
    }
    to {
        width: 100%;
    }
}
@-o-keyframes rectangle {
    from {
        width: 191px;
    }
    50% {
        width: 191px;
    }
    to {
        width: 100%;
    }
}
@keyframes rectangle {
    from {
        width: 191px;
    }
    50% {
        width: 191px;
    }
    to {
        width: 100%;
    }
}
.wrap-logo__item:before{
    content: '';
    position: absolute;
/*    background: #fff; */
    background: #5a41d7;
    border: 1px solid white;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-animation: rectangle 1s 1 ease-out;
    -moz-animation: rectangle 1s 1 ease-out;
    -o-animation: rectangle 1s 1 ease-out;
    animation: rectangle 1s 1 ease-out;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    transition:  all 0.5s ease;
    z-index: -1;
}
.wrap-logo__item:last-child{
    margin-bottom: 0;
}

@keyframes anim {
	from {
		opacity:0;
	}
	80% {
        opacity:0;
    }
	to {
		opacity:1;
	}
}

.wrap-main-text {
    color: #fff;
    line-height: 22px;
	-webkit-animation: anim 2s 1 ease-out;
    -moz-animation:  anim 2s 1 ease-out;
    -o-animation: anim 2s 1 ease-out;
    animation: anim 2s 1 ease-out;
}
.wrap-main-text, .wrap-article {
    width: 32%;
    max-width: 580px;
    margin-left: 60px;
    padding: 73px 0 0 0;
}
.wrap-article {
	-webkit-animation: anim 3s 1 ease-out;
    -moz-animation:  anim 3s 1 ease-out;
    -o-animation: anim 3s 1 ease-out;
    animation: anim 3s 1 ease-out;
}
.wrap-article a,
.wrap-article span{
    line-height: 22px;
    padding-bottom: 10px;
}
.wrap-article__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.wrap-article p{
    padding-bottom: 20px;
    width: 100%;
}
.wrap-article a{
    color: #fff;
    text-decoration: underline;
}
.wrap-article a:hover{
    text-decoration: none;
}
.wrap-social__item {
    font-size: 0;
    line-height: 0;
    margin: 0 6px;
    opacity: .8;
}
.wrap-social__item:hover {
    opacity: 1;
}
.wrap-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrap-social__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrap-social span,
.copyright {
    font-size: 19px;
    line-height: 19px;
    font-weight: 500;
}
.wrap-social span{
    padding-right: 20px;
}
.wrap-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
}
.block-main {
    height: -webkit-calc(100vh - 80px);
    height: -moz-calc(100vh - 80px);
    height: calc(100vh - 80px);
}
.list_pages .title-pages{
    font-size: 20px;
    padding-top: 20px;
}
.list_pages a{
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
}
.list_pages a:hover{
    color: #000000;
}
.logo {
    width: 230px;
    z-index: 2;
    top: 30px;
    left: 30px;
    position: absolute;
}
.wrap-banner {
    margin: 0 -30px;
    font-size: 0;
    line-height: 0;
}
.wrap-banner > img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.wrap-about {
    padding: 50px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.wrap-history {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -57px;
    padding: 50px 0;
}
.wrap-history__item {
    width: -webkit-calc(25% - 114px);
    width: -moz-calc(25% - 114px);
    width: calc(25% - 114px);
    margin: 0 57px;
    text-align: center;
}
.wrap-history__item span{
    font-size: 10px;
    line-height: 12px;
}
.wrap-history__item div {
    font-size: 0;
}
.wrap-about__left, .wrap-about__right {
    width: -webkit-calc(50% - 60px);
    width: -moz-calc(50% - 60px);
    width: calc(50% - 60px);
    margin: 0 30px;
}
.wrap-history__item:after {
    content: '';
    position: absolute;
    right: -71px;
    top: 47px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
}
.wrap-history__item:last-child:after {
    display: none;
}
.wrap-history__item img {
    width: 100%;
    height: 100%;
}
.block-assortment {
    padding: 219px 0 30px 0;
}
.wrap-assortment__item {
    width: -webkit-calc(100%/6 - 66px);
    width: -moz-calc(100%/6 - 66px);
    width: calc(100%/6 - 66px);
    margin: 0 33px;
    text-align: center;
}
.wrap-assortment{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrap-assortment__item .title-lvl-2{
    margin: 30px 0 20px 0;
}
.wrap-assortment__item p {
    padding-bottom: 4px;
}
.btn {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #5A41D7;
    background: #fff;
    font-weight: 500;
    padding: 7px 18px;
}
.btn:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.wrap-assortment__description {
    padding: 0 0 20px 0;
}
.wrap-assortment__img {
    font-size: 0;
    line-height: 0;
    height: 338px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wrap-background{
    background: #59CDFE;
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.wrap-download{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.list li{
    padding: 0 0 0 5px;
}
.list-number li{
    list-style-type: decimal;
}
.list li,
.list-number li{
    padding-bottom: 5px;
}
.list, .list-number {
    padding-right: 20px;
    padding-left: 20px;
}
.block-about ul{
    padding-bottom: 30px;
}
.block-about ul:last-child{
    padding-bottom: 0;
}
.wrap-download .title-lvl-2 {
    margin: 0 30px 0 0;
}
.wrap-download .btn {
    padding: 7px 29px;
}
.wrap-partner-txt p,
.wrap-partner-txt a {
    display: inline;
    color: #fff;
}
.wrap-partner-txt a:hover {
    text-decoration: underline;
}
.wrap-partner-txt .title-lvl-2 {
    display: block;
}
.wrap-partner-txt{
    padding-bottom: 30px;
}
.header-contacts,
.block-banner-contacts .logo{
    display: none;
}
.wrap-map {
    height: 100%;
    font-size: 0;
    line-height: 0;
}
.wrap-contacts {
    position: absolute;
    top: 102px;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 102px;
}
.wrap-marker {
    position: absolute;
    top: 196px;
    left: 44%;
}
.wrap-contacts a{
    color: #fff;
}
.wrap-contacts a:hover{
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}
/*.block-contacts {*/
    /*height: 100%;*/
/*}*/
.wrap-map img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.footer-contacts{
    position: absolute;
    bottom: 0;
    left: 0;
}
/*.block-banner-contacts {*/
    /*height: 50vh;*/
/*}*/
.block-banner-contacts .container,
.block-banner-contacts .wrap-banner {
    height: 100%;
}
/*.block-contacts {*/
    /*height: 50vh;*/
/*}*/

.wrap-banner img:nth-child(3){
    display: none;
}

.wrap-map > img:nth-child(2){
    display: none;
}

.wrap-map:before {
    content: '';
    position: absolute;
    background: url(../../../../../../img/contacts/_25D0_25BA_25D0_25B0_25D1_2580_25D1_2582_25D0_25B0.jpg) no-repeat center center;
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    padding-top: 47%;
}

.block-contacts #map {
	width: 100%;
	height: 426px;
}

/*responsive*/

@media (max-width: 1600px){
    .wrap-download {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wrap-download .title-lvl-2 {
        margin: 0 0 10px 0;
    }
    .wrap-contacts {
        top: 48px;
    }

}
@media (max-width: 1499px){
    .menu {
        padding: 30px 0 0 444px;
    }
    .menu li {
        padding-left: 30px;
    }
    .wrap-main-text, .wrap-article {
        padding: 47px 0 0 0;
        width: 30%;
    }
    .text {
        width: 100%;
        margin: 0;
    }
    .wrap-about__text {
        margin: 0;
    }
    .block-about ul:last-child {
        padding-bottom: 30px;
    }
    .wrap-about {
        padding: 50px 0 30px 0;
    }
    .menu a {
        text-shadow: 0px 0px 2px #595959;
    }
    .wrap-map:before {
        padding-top: 66%;
    }
}

@media (max-width: 1399px){
    .wrap-logo__item {
        font-size: -webkit-calc(4vh + 3vw);
        font-size: -moz-calc(4vh + 3vw);
        font-size: calc(4vh + 3vw);
    }
    .wrap-main-text, .wrap-article {
        width: 32%;
        margin-left: 20px;
    }
    .menu a {
        font-size: 16px;
    }
    .menu {
        padding: 30px 0 0 360px;
    }
    .wrap-history {
        margin: 0 -25px;
    }
    .wrap-history__item {
        width: -webkit-calc(25% - 50px);
        width: -moz-calc(25% - 50px);
        width: calc(25% - 50px);
        margin: 0 25px;
    }
    .wrap-assortment__item {
        width: -webkit-calc(100%/6 - 30px);
        width: -moz-calc(100%/6 - 30px);
        width: calc(100%/6 - 30px);
        margin: 0 15px;
    }
    .wrap-assortment {
        margin: 0 -15px;
    }
    .logo {
        width: 136px;
    }
    h1, .title-lvl-1 {
        font-size: 26px;
        line-height: 37px;
    }
    .wrap-main-text {
        line-height: 20px;
    }


}

@media (max-width: 1199px){
    .wrap-main {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wrap-logo__item {
        height: -webkit-calc(20% - 10px);
        height: -moz-calc(20% - 10px);
        height: calc(20% - 10px);
    }
    .menu {
        padding: 30px 0 0 0px;
        width: 68%;
        margin: 0 0 0 auto;
    }
    @-webkit-keyframes rectangle {
        from {
            width: 124px;
        }
        50% {
            width: 124px;
        }
        to {
            width: 100%;
        }
    }
    @-moz-keyframes rectangle {
        from {
            width: 124px;
        }
        50% {
            width: 124px;
        }
        to {
            width: 100%;
        }
    }
    @-o-keyframes rectangle {
        from {
            width: 124px;
        }
        50% {
            width: 124px;
        }
        to {
            width: 100%;
        }
    }
    @keyframes rectangle {
        from {
            width: 124px;
        }
        50% {
            width: 124px;
        }
        to {
            width: 100%;
        }
    }
    .menu li {
        padding-left: 18px;
    }
    .block-assortment {
        padding: 157px 0 30px 0;
    }
    .wrap-assortment__item p {
        padding-bottom: 2px;
        font-size: 14px;
    }
    .wrap-about__left, .wrap-about__right {
        width: 100%;
        margin: 0 30px 30px 30px;
    }
    .block-banner-contacts {
        height: 43vh;
    }
    .block-contacts {
        height: 57vh;
    }
    .wrap-history__item span {
        font-size: 14px;
        line-height: 14px;
    }
    .wrap-history__item:after {
        right: -38px;
        top: 80px;
    }

}

@media (max-width: 1023px){
    .wrap-map:before {
        background: url(../../../../../../img/contacts/_25D0_25BA_25D0_25B0_25D1_2580_25D1_2582_25D0_25B02.jpg) no-repeat center center;
        background-size: cover;
        padding-top: 80%;
    }
    .wrap-logo__item {
        padding: 10px;
    }
    .menu {
        width: 72%;
    }
    .menu li {
        padding-left: 14px;
    }
    .wrap-history {
        padding: 30px 0;
    }
    .wrap-assortment__item {
        width: -webkit-calc(100%/4 - 30px);
        width: -moz-calc(100%/4 - 30px);
        width: calc(100%/4 - 30px);
    }
    .block-banner-contacts {
        height: 33vh;
    }
    .block-contacts {
        height: 67vh;
    }

}

@media (max-width: 939px) {
    .block-banner-contacts .logo{
        margin-left: 30px;
    }

    .header-contacts,
    .block-banner-contacts .logo{
        display: block;
    }
    .block-banner-contacts .logo {
        top: 20px;
        left: 20px;
    }
    .wrap-mob-nav .wrap-logo, .open-mob-nav, .overlay, .close-mob-nav{
        display: block;
    }
    nav .menu {
        display: block;
    }
    nav .menu li{
        padding-bottom: 20px;
    }
    .wrap-mob-nav {
        position: fixed;
        width: 180px;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 9999;
        overflow: auto;
        visibility: hidden;
        opacity: 0;
        -webkit-overflow-scrolling: touch;
        padding: 70px 20px;
        background: #5A41D7;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition:.5s;
        -o-transition:.5s;
        -moz-transition:.5s;
        transition: .5s;
    }
    .menu {
        width: 100%;
    }
    .wrap-mob-nav, .wrapper, .overlay{
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .wrap-mob-nav.open_panel{
        visibility: visible;
        opacity: 1;
        -webkit-box-shadow: 5px 0px 60px 0px rgba(50,49,47,0.9);
        -moz-box-shadow: 5px 0px 60px 0px rgba(50,49,47,0.9);
        box-shadow: 5px 0px 60px 0px rgba(50,49,47,0.9);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    @-webkit-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @-moz-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @-o-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @-webkit-keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
    @-moz-keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
    @-o-keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
    @keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }
    .body_panel{
        width:100%;
        height:100vh;
        overflow:hidden;
    }
    .body_panel .overlay{
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9998;
        background: #3c4251;
        opacity: 0.85;
    }
    .close-mob-nav{
        background: url("../../../../../../img/main/delete-cross.svg") no-repeat top center;
        width: 25px;
        height: 25px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        position: absolute;
        right: 25px;
        top: 25px;
    }
    .open-mob-nav {
        position: absolute;
        background: url(../../../../../../img/main/menu.svg) no-repeat center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        width: 23px;
        height: 17px;
        top: 20px;
        right: -10px;
        z-index: 4;
    }
    header {
        z-index: 2;
    }
    .wrap-logo {
        position: relative;
    }
    .wrap-main-text, .wrap-article {
        width: 100%;
        margin-left: 0;
        max-width: 100%;
    }
    .wrap-main-text, .wrap-article {
        padding: 30px 0 0 0;
    }
    .wrap-social span, .copyright {
        font-size: 17px;
    }
    .block-banner-contacts {
        height: 22vh;
    }
    .wrap-banner img:nth-child(3){
        display: block;
    }
    .wrap-banner img:nth-child(2){
        display: none;
    }
    @-webkit-keyframes rectangle {
        from {
            width: 100px;
        }
        50% {
            width: 100px;
        }
        to {
            width: 100%;
        }
    }
    @-moz-keyframes rectangle {
        from {
            width: 100px;
        }
        50% {
            width: 100px;
        }
        to {
            width: 100%;
        }
    }
    @-o-keyframes rectangle {
        from {
            width: 100px;
        }
        50% {
            width: 100px;
        }
        to {
            width: 100%;
        }
    }
    @keyframes rectangle {
        from {
            width: 100px;
        }
        50% {
            width: 100px;
        }
        to {
            width: 100%;
        }
    }
    .block-banner-contacts {
        height: 100%;
    }
    .block-contacts {
        height: 383px;
    }
    h1, .title-lvl-1 {
        font-size: 22px;
        line-height: 30px;
    }
    .wrap-marker {
        top: 143px;
        left: 35%;
    }
    .wrap-contacts {
        left: 43%;
        padding-right: 30px;
    }
    .block-main {
        height: auto;
    }
}

@media (max-width: 735px){
    .block-banner-contacts .logo {
        top: 15px;
        left: 15px;
    }
    .wrap-map:before {
        padding-top: 127%;
    }
    .wrap-logo__item {
        font-size: -webkit-calc(4vh + 4vw);
        font-size: -moz-calc(4vh + 4vw);
        font-size: calc(4vh + 4vw);
    }
    .wrap-social span, .copyright {
        font-size: 15px;
    }
    .copyright {
        max-width: 133px;
        line-height: 15px;
    }
    .wrap-social {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wrap-social span {
        padding-right: 0;
        padding-bottom: 10px;
        margin-right: -6px;
    }
    .wrap-social__links {
        margin: 0 -12px;
    }
    .container {
        padding: 0 15px;
    }
    .wrap-logo {
        top: 15px;
        left: 15px;
    }
    .open-mob-nav {
        top: 15px;
        right: 0px;
    }
    .wrap-footer {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .wrap-history__item span {
        font-size: 10px;
        line-height: 12px;
        margin: 0 -6px;
    }
    .wrap-history__item:after {
        right: -28px;
        top: 16%;
        border-width: 4px 0 4px 3px;
    }
    .wrap-assortment__item {
        width: -webkit-calc(100%/3 - 20px);
        width: -moz-calc(100%/3 - 20px);
        width: calc(100%/3 - 20px);
        margin: 0 10px;
    }
    .wrap-assortment {
        margin: 0 -10px;
    }
    .wrap-assortment__item p {
        padding-bottom: 0px;
        font-size: 12px;
    }
    .wrap-contacts {
        left: 30%;
        padding-right: 10px;
    }
    .wrap-marker {
        top: 143px;
        left: 17%;
    }
    /*.block-contacts {*/
    /*height: 50vh;*/
    /*}*/
    /*.block-banner-contacts {*/
    /*height: 50vh;*/
    /*}*/
    .block-contacts {
        height: 505px;
    }


}

@media (max-width: 413px){
    .wrap-map:before {
        padding-top: 144%;
    }
    @-webkit-keyframes rectangle {
        from {
            width: 55px;
        }
        50% {
            width: 55px;
        }
        to {
            width: 100%;
        }
    }
    @-moz-keyframes rectangle {
        from {
            width: 55px;
        }
        50% {
            width: 55px;
        }
        to {
            width: 100%;
        }
    }
    @-o-keyframes rectangle {
        from {
            width: 55px;
        }
        50% {
            width: 55px;
        }
        to {
            width: 100%;
        }
    }
    @keyframes rectangle {
        from {
            width: 55px;
        }
        50% {
            width: 55px;
        }
        to {
            width: 100%;
        }
    }
    .wrap-logo__item {
        font-size: 45px;
        padding: 0 10px;
        height: 55px;
        margin-bottom: 3px;
    }
    .wrap-main-text {
        line-height: 22px;
    }
    .wrap-article {
        padding: 50px 0 0 0;
    }
    .block-main {
        height: auto;
    }
    .logo {
        width: 70px;
    }
    .wrap-history {
        padding: 50px 0 0 0;
    }
    .wrap-about {
        padding: 50px 0 0px 0;
    }
    .wrap-about__right {
        margin: 0 30px 0 30px;
    }
    .text p:last-child{
        margin-bottom: 0;
    }
    .wrap-footer {
        padding: 30px 0 20px 0;
    }
    .wrap-social {
        padding-right: 6px;
    }
    .wrap-assortment__item {
        width: -webkit-calc(100%/2 - 30px);
        width: -moz-calc(100%/2 - 30px);
        width: calc(100%/2 - 30px);
        margin: 50px 15px 0 15px;
    }
    .wrap-assortment {
        margin: 0 -15px;
    }
    .wrap-assortment__img {
        max-width: 64px;
        margin: 0 auto;
        height: 163px;
    }
    .block-assortment {
        padding: 76px 0 0px 0;
    }
    .wrap-background {
        height: 172px;
    }
    .logo {
        top: 15px;
    }
    .wrap-assortment__item .btn{
        display: none;
    }
    h1, .title-lvl-1 {
        font-size: 20px;
        line-height: 30px;
    }
    .wrap-about__left, .wrap-about__right {
        margin: 0 30px 50px 30px;
    }
    .block-about ul:last-child {
        padding-bottom: 50px;
    }
    .wrap-download {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 5px;
    }
    .wrap-download .title-lvl-2 {
        margin: 0 0 12px 0;
    }
    .wrap-download .btn {
        padding: 7px 26px;
    }
    .wrap-about__right {
        margin: 0 30px 0px 30px;
    }
    .wrap-map .title-lvl-1{
        font-size: 16px;
    }
    .block-contacts {
        height: 519px;
    }
    .wrap-contacts {
        top: 97px;
        left: 134px;
    }
    .wrap-marker {
        top: 179px;
        left: 20%;
    }
    .wrap-map > img:nth-child(2){
        display: block;
    }
    .wrap-map > img:nth-child(1){
        display: none;
    }

}

@media (max-width: 359px){
    .wrap-logo__item {
        font-size: 40px;
    }
    .wrap-map:before {
        padding-top: 164%;
    }
}

.wrap-social__item img.img_inverse {
    display: none;
}
.wrap-social__item img:not(.img_inverse) {
    display: block;
}

/* End */
/* /css/fonts.css?16026824246569 */
/* /css/style.css?160268242440726 */