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 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}

a {
    color: #878786;
}

a img {
    border: none;
}

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

input[type='text'], input[type='tel'], input[type='email'], input[type='password'], textarea, select {
    border: 1px solid #d9d4d3;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    resize: none;
    padding: 11px 10px 10px;
}

input[type='text'].error, input[type='tel'].error, input[type='email'].error, input[type='password'].error, textarea.error, select.error {
    border-color: red;
}

@font-face {
    font-family: 'Lato-Light';
    src: url("Lato-Light_16e22d4003d208.eot#iefix") format('embedded-opentype'),
    url("Lato-Light_d309caeb3cd471.woff") format('woff'),
    url("Lato-Light_e9956b735eec69.ttf")  format('truetype'),
    url("../img/Lato-Light_d0448863754a7c.svg#Lato-Light") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Black';
    src: url("Lato-Black_39b33312a2a7e9.eot#iefix") format('embedded-opentype'),
    url("Lato-Black_75f677d7f38479.woff") format('woff'),
    url("Lato-Black_4dc755af40a6cc.ttf")  format('truetype'),
    url("../img/Lato-Black_a272a791d45cd9.svg#Lato-Black") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url("Lato-Bold_28bb98fc103d7e.eot#iefix") format('embedded-opentype'),
    url("Lato-Bold_480dc697a22cff.woff") format('woff'),
    url("Lato-Bold_a8a33b0a90717d.ttf")  format('truetype'),
    url("../img/Lato-Bold_889bc42e37862f.svg#Lato-Bold") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Medium';
    src: url("Lato-Medium_befad512098fb7.eot#iefix") format('embedded-opentype'),
    url("Lato-Medium_b8352c5cd907f3.woff") format('woff'),
    url("Lato-Medium_0cd457fe886fd4.ttf")  format('truetype'),
    url("../img/Lato-Medium_591b1eff801dc8.svg#Lato-Medium") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url("Lato-Regular_b5bd1f3c684b48.eot#iefix") format('embedded-opentype'),
    url("Lato-Regular_f169efb8f6b04f.woff") format('woff'),
    url("Lato-Regular_654bc83677f13b.ttf")  format('truetype'),
    url("../img/Lato-Regular_f4b26e05f6d362.svg#Lato-Regular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url("Lato-Semibold_32ee495774f310.eot#iefix") format('embedded-opentype'),
    url("Lato-Semibold_5872354004ccb9.woff") format('woff'),
    url("Lato-Semibold_b71eed0e46cd15.ttf")  format('truetype'),
    url("../img/Lato-Semibold_33225ae5e8c23f.svg#Lato-Semibold") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-LightItalic';
    src: url("Lato-LightItalic_83970ad4cdef9f.eot#iefix") format('embedded-opentype'),
    url("Lato-LightItalic_90f7ec550d3571.woff") format('woff'),
    url("Lato-LightItalic_008dab5fb02b2e.ttf")  format('truetype'),
    url("../img/Lato-LightItalic_5b12a3634742c6.svg#Lato-LightItalic") format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Futuris';
    src: url("Futuris_eab5e2fdb93bec.eot#iefix") format('embedded-opentype'),
    url("Futuris_d5163fe618baf8.woff") format('woff'),
    url("Futuris_241e5ba947c9f7.ttf")  format('truetype'),
    url("../img/Futuris_e83b7ca8394675.svg#Futuris") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futuris-Bold';
    src: url("Futuris-Bold_ae76819f4dc2bb.eot#iefix") format('embedded-opentype'),
    url("Futuris-Bold_035baa439da93c.woff") format('woff'),
    url("Futuris-Bold_44c39183be744c.ttf")  format('truetype'),
    url("../img/Futuris-Bold_f85b31d14f7256.svg#Futuris-Bold") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturisCyrillic';
    src: url("FuturisCyrillic_64d4671fcde2b1.eot#iefix") format('embedded-opentype'),
    url("FuturisCyrillic_2e0cd9506a07a6.woff") format('woff'),
    url("FuturisCyrillic_ad9c042f39c07f.ttf")  format('truetype'),
    url("../img/FuturisCyrillic_fbc02c33fb57d9.svg#FuturisCyrillic") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url("OpenSans_0d6c6735d32cf0.eot#iefix") format('embedded-opentype'),
    url("OpenSans_0e3d5ea2801f24.woff") format('woff'),
    url("OpenSans_4916540e69f414.ttf")  format('truetype'),
    url("../img/OpenSans_c48871c3f60eb6.svg#OpenSans") format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url("OpenSans-Semibold_5ee8c757b76ba4.eot#iefix") format('embedded-opentype'),
    url("OpenSans-Semibold_cec93b80b8b3dd.woff") format('woff'),
    url("OpenSans-Semibold_3fa7f344e4e526.ttf")  format('truetype'),
    url("../img/OpenSans-Semibold_acbaeba56724fd.svg#OpenSans-Semibold") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url("OpenSans-Bold_db597c5fb63178.eot#iefix") format('embedded-opentype'),
    url("OpenSans-Bold_937b828a2ff04d.woff") format('woff'),
    url("OpenSans-Bold_0b48d9072aa1fb.ttf")  format('truetype'),
    url("../img/OpenSans-Bold_0e0403fa409dc1.svg#OpenSans-Bold") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url("OpenSans-Light_3fd29b26344529.eot#iefix") format('embedded-opentype'),
    url("OpenSans-Light_976e64c5879ab3.woff") format('woff'),
    url("OpenSans-Light_77f47f190c35b8.ttf")  format('truetype'),
    url("../img/OpenSans-Light_137b969ef7a4c3.svg#OpenSans-Light") format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
}

.clearfix:after {
    content: '';
    display: table;
    width: 100%;
}

body {
    font-family: 'Lato-Light';
    font-size: 14px;
    color: #000000;
    background-color: #ffffff;
    min-width: 1000px;
}

.container {
    min-width: 1000px;
    max-width: 1170px;
    margin: 0 auto;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12;
    height: 142px;
    padding-top: 26px;
}
header .col-right{
    float: right;
    width: calc(100% - 350px);
}
header .logo-wrap{
    float: left;
    text-align: center;
}
header .logo{
    display: inline-block;
    margin-bottom: 10px;
}
header .logo a{
    display: block;
}
header .logo-wrap .logo-txt{
    display: block;
    font-family: 'OpenSans';
    font-size: 12px;
    color: #000000;
    letter-spacing: 1px;
}
header .logo-right{
    float: right;
}
header .contact{
    text-align: right;
    padding-top: 4px;
    padding-bottom: 10px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .contact a.tel{
    display: inline-block;
/*     font-family: 'Futuris-Bold'; */
    font-size: 18px;
    color: #000000;
    letter-spacing: 0.9px;
    text-decoration: none;
    position: relative;
    top: 2px;
}
header .contact a.btn{
    font-family: 'Lato-Regular';
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    line-height: 30px;
    margin-left: 25px;
    display: inline-block;
    height: 30px;
    width: 130px;
    text-align: center;
    background-color: #30266b;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header .contact a.btn:hover{
    background-color: #4f3db7;
}
header nav{
    display: inline-block;
    width: 100%;
    padding-top: 17px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header nav ul.list-nav{
    float: right;
    position: relative;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header nav ul.list-nav > li{
    float: left;
    margin-left: 29px;
    height: 56px;
}
header nav ul.list-nav > li:nth-child(1){
    margin-left: 0;
}
header nav ul.list-nav > li > a{
    font-family: 'Lato-Light';
    font-size: 15px;
    color: #000000;
    padding-bottom: 5px;
    letter-spacing: 0.7px;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header nav ul.list-nav > li > a:hover{
    color: #30266b;
    border-bottom-color: #30266b;
}
header nav ul.list-nav > li ul.menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 6;
    display: none;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header nav ul.list-nav > li ul.menu li{
    float: left;
    margin-right: 29px;
    padding-top: 15px;
    padding-bottom: 15px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header nav ul.list-nav > li ul.menu li:nth-last-child(1){
    margin-right: 0;
}
header nav ul.list-nav > li ul.menu li a{
    font-family: 'Lato-Light';
    font-size: 15px;
    color: #000000;
    padding-bottom: 5px;
    letter-spacing: 0.7px;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header nav ul.list-nav > li ul.menu li a:hover{
    border-bottom-color: #b9b9b9;
}
header nav ul.list-nav > li ul.menu li a.active{
    border-bottom-color: #b9b9b9;
}
#page.about header nav ul.list-nav > li ul.menu{
    display: block;
}
#page.about header .dropdown-bg{
    display: block;
}
header .dropdown-bg{
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header nav ul.list-nav > li{
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#page.about {
    padding-top: calc(148px + 46px);
}
#page.about.fixed {
    padding-top: calc(148px - 46px);
}



.slider.slider-main{
    margin-bottom: 20px;
}
.slider.slider-main .slide{
    height: 413px;
    text-align: center;
    /* border-bottom: 14px solid #30266b; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.slider.slider-main .slide{

}
.slider.slider-main .slide .video-bg video {
    min-width: 100%;
    min-height: 100%;
    background-size: contain;
    background-position: center;
    object-fit: cover;
    background-color: #000;
}

.slider.slider-main .slide .video-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}





.slider.slider-main .slide img.bg{
    display: none;
}
.slider.slider-main .slide .text-wrap{
    display: table;
    width: 100%;
    height: 413px;
}
.slider.slider-main .slide .text-wrap .text{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 40px;
}
.slider.slider-main .slide h3{

    font-size: 32px;
    color: #ffffff;
    line-height: 38px;
    text-transform: uppercase;
    letter-spacing: 3.2px;
    margin-bottom: 6px;
}
.slider.slider-main .slide .info{
    display: block;
   /*  font-family: 'FuturisCyrillic'; */
    font-size: 32px;
    color: #ffffff;
    line-height: 36px;
    letter-spacing: 1px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #page {
        display: block;
    }

    #content {
        display: inline-block;
        width: 100%;
        flex: none !important;
    }
}

#page {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    min-height: 100vh;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

#content {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
h2{
       font-family: 'Lato-Regular';
    font-size: 26px;
    color: #000000;
    line-height: 36px;
/*     text-transform: uppercase; */
    text-align: center;
    letter-spacing: 4px;
    margin-bottom: 26px;
    margin-top: 30px;
    text-align: left;
}
.section-production{
    padding: 45px 0 10px 0;
    position: relative;
}
.section-production ul.sort{
    position: absolute;
    top: 57px;
    right: 5px;
}
.section-production ul.sort li{
    float: left;
    position: relative;
    margin: 0 29px;
}
.section-production ul.sort li:after{
    content: '';
    width: 1px;
    height: 41px;
    background-color: #30266b;
    position: absolute;
    top: calc(50% - 20px);
    right: -29px;
}
.section-production ul.sort li:nth-last-child(1):after{
    display: none;
}
.section-production ul.sort li a{
    font-family: 'Lato-Regular';
    font-size: 15px;
    color: #30266b;
    letter-spacing: 0.7px;
    padding-bottom: 3px;
    border-bottom: 1px solid #30266b;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}
.section-production ul.sort li a:hover{
    border-bottom-color: transparent;
}
.section-production ul.sort li a.active, .section-production ul.sort li a.active:hover{
    cursor: default;
    border-bottom-color: transparent;
    color: #707070;
}
.list-offer{
    display: none;
}

.production-list-wrap{
    display: none;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.production-list-wrap.active{
    display: flex;
    display: inline-block;
}
.production-list-wrap .item{
    float: left;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 43px;
}
.production-list-wrap .item:nth-of-type(3n){
    margin-right: 0;
}
.production-list-wrap .item .head{
    display: table;
    width: 100%;
    height: 67px;
    padding: 11px 0;
}
.production-list-wrap .item .head .title{
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}
.production-list-wrap .item .head .title a{
    /* font-family: 'FuturisCyrillic'; */
    font-size: 16px;
    color: #30266b;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.production-list-wrap .item .head .title a:hover{
    border-bottom-color: #30266b;
}
.production-list-wrap .item .image{
    overflow: hidden;
    height: 222px;
	position: relative;
}
.production-list-wrap .item .image img{
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.production-list-wrap .item .image a:hover img{

}

.production-list-wrap .item .image .info-txt{
    position: absolute;
    top: 15px;
    left: 15px;
    display: table;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background-color: rgba(48,38,107, .7);
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
.production-list-wrap .item .image:hover .info-txt{
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.production-list-wrap .item .image .info-txt .txt{
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
    padding: 7px 15px;
}
.production-list-wrap .item .image .info-txt p{
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #ffffff;
    line-height: 18px;
    margin-bottom: 12px;
}
.production-list-wrap .item .image .info-txt ul.list{
	margin-bottom: 0;
}
.production-list-wrap .item .image .info-txt ul.list li{
	margin-bottom: 8px;
}
.production-list-wrap .item .image .info-txt ul.list li a{
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #ffffff;
    line-height: 18px;
	text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.production-list-wrap .item .image .info-txt ul.list li a:hover{
	 border-bottom-color: #fff;
}
.production-list-wrap .item .image .info-txt ul.list li a.tit{
	display: inline-block;
	margin-top: 10px;
}
.production-list-wrap .item .image .info-txt .tit{
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #ffffff;
    line-height: 18px;
    padding-bottom: 1px;
	margin-top: 15px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.production-list-wrap .item .image a:hover .tit{
    border-bottom-color: #fff;
}
.section-news{
    padding-bottom: 70px;
}
.section-news .all-btn{
    display: block;
    width: 200px;
    height: 45px;
    margin-left: 71px;
    margin-top: 23px;
    text-align: center;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #ffffff;
    line-height: 44px;
    text-decoration: none;
    background-color: #30266b;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.section-news .all-btn:hover{
    background-color: #4f3db7;
}
.section-news h2{
    margin-bottom: 50px;
}
.slider.slider-news{
    padding: 0 60px;
}
.slider.slider-news .item{
    width: 330px;
    margin: 0 auto;
    padding-bottom: 24px;
}
.slider.slider-news .item a{
    display: block;
    text-decoration: none;
}
.slider.slider-news .item .image{
    height: 203px;
    overflow: hidden;
    margin-bottom: 14px;
    position: relative;
}
.slider.slider-news .item .image .date{
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 72px;
    background-color: rgba(48,38,107,.7);
    padding: 6px 5px;
    text-align: right;
}
.slider.slider-news .item .image .date .number{
    display: block;
 /*    font-family: 'FuturisCyrillic'; */
    font-size: 21px;
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 2px;
}
.slider.slider-news .item .image .date .line{
    height: 1px;
    background-color: #fff;
}
.slider.slider-news .item .image .date .month{
    display: block;
  /*   font-family: 'FuturisCyrillic'; */
    font-size: 13px;
    color: #ffffff;
    line-height: 30px;
}
.slider.slider-news .item .image img{
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.slider.slider-news .item a:hover .image img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.slider.slider-news .item p{
/*     font-family: 'FuturisCyrillic'; */
    font-size: 18px;
    color: #25262b;
    line-height: 22px;
    display: inline;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.slider.slider-news .item a:hover p{
    color: #5c4ead;
    border-bottom-color: #d6d3ea;
}
.slider.slider-news .slick-prev{
    width: 39px;
    height: 75px;
    border-radius: 0;
    background: url("../img/prev_40926357ccc5d6.png") no-repeat;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: calc(50% - 69px);
    left: 0;
}
.slider.slider-news .slick-next{
    width: 39px;
    height: 75px;
    border-radius: 0;
    background: url("../img/next_c2b19e054a94c9.png") no-repeat;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: calc(50% - 69px);
    right: 0;
}
.section-quality{
    padding: 12px 0 69px 0;
}
.section-quality h2{
    margin-bottom: 49px;
}
.slider.slider-quality{
    padding: 0 60px;
    margin-bottom: 0;
}
.slider.slider-quality .slick-prev{
    width: 39px;
    height: 75px;
    border-radius: 0;
    background: url("../img/prev_40926357ccc5d6.png") no-repeat;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 162px;
    left: 0;
}
.slider.slider-quality .slick-next{
    width: 39px;
    height: 75px;
    border-radius: 0;
    background: url("../img/next_c2b19e054a94c9.png") no-repeat;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 162px;
    right: 0;
}
.slider.slider-quality .slide .image{
    height: 400px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slider.slider-quality .slide .image img{
    width: 100%;
    min-height: 100%;
}
.slider.slider-quality .slide .image img.bg{
    display: none;
}
.slider.slider-quality .slide .image .title{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 29px 15px 29px;
    background-color: rgba(48,38,107, .7);
/*     font-family: 'FuturisCyrillic'; */
    font-size: 25px;
    color: #fff;
    letter-spacing: 0.7px;
}
.slider.slider-quality .slick-dots {
    position: absolute;
    bottom: 49px;
    right: 18px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-right: 87px;
    list-style: none;
    text-align: right;
}
.slider.slider-quality .slide .text{
    background-color: #30266b;
    margin: 0;
    padding: 16px 30px;
    padding-right: 280px;
      height:180px;
    overflow:hidden;
}
.slider.slider-quality .slide .text p{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #fff;;
   
    line-height: 26px;
}
.slider.slider-quality .slide .text{

}
.page-404{
    text-align: center;
    padding: 44px 0;
}
.page-404 img{
    display: inline-block;
    max-width: 100%;
}
.pagination{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px;
}
.pagination li{
    display: inline-block;
    margin: 0 8px;
  /*   font-family: 'FuturisCyrillic'; */
    font-size: 18px;
    color: #707070;
}
.pagination li a{
/*     font-family: 'FuturisCyrillic'; */
    font-size: 18px;
    color: #707070;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pagination li a:hover{
    color: #000000;
    border-bottom-color: #707070;
}
.pagination li a.active, .pagination li a.active:hover{
    color: #5c4ead;
    border-bottom-color: transparent;
}







.footer-top{
    height: 121px;
    background-color: #30266b;
}
.footer-bottom{
    height: 79px;
    background-color: #25262b;
}
.footer-top .logo{
    float: left;
    margin-top: 23px;
}
.footer-top .logo a{
    display: block;
}
.footer-top nav{
    float: right;
    padding-top: 70px;
}
.footer-top nav ul.list-nav{
    float: right;
}
.footer-top nav ul.list-nav li{
    float: left;
    margin-left: 24px;
}
.footer-top nav ul.list-nav li:nth-child(1){
    margin-left: 0;
}
.footer-top nav ul.list-nav li a{
    font-family: 'Lato-Light';
    font-size: 15px;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.footer-top nav ul.list-nav li a:hover{
    border-bottom-color: #fff;
}
.footer-bottom .copyright{
    float: left;
    font-family: 'Lato-Light';
    font-size: 13px;
    color: #ffffff;
    line-height: 20px;
    margin-top: 19px;
}
.footer-bottom .dev{
    float: right;
    margin-top: 39px;
}
.footer-bottom .dev .tit{
    float: left;
    font-family: 'OpenSans';
    font-size: 12px;
    color: #ffffff;
    line-height: 21px;
    margin-right: 6px;
}
.footer-bottom .dev a{
    display: inline-block;
}
.footer-bottom ul.phone{
    float: right;
    margin-right: 80px;
    padding-top: 17px;
}
.footer-bottom ul.phone li{
    margin-bottom: 7px;
}
.footer-bottom ul.phone li a{
  /*   font-family: 'FuturisCyrillic'; */
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
}
.footer-bottom .address{
    float: right;
    font-family: 'Lato-Light';
    font-size: 13px;
    color: #ffffff;
    line-height: 20px;
    margin-right: 50px;
    margin-top: 19px;
}
.page-wrap{

}
.page-wrap .head{
    display: table;
    width: 100%;
    height: 129px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.page-wrap .head:before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(37,38,43,.4);
    position: absolute;
    top: 0;
    left: 0;
}
.page-wrap .head img{
    display: none;
}
.page-wrap .head img.bg{
    display: none;
}
.page-wrap .head a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  /*   font-family: 'FuturisCyrillic'; */
    font-size: 48px;
    color: #ffffff;
    letter-spacing: 2px;
    line-height: 50px;
    position: relative;
    text-decoration: none;
    z-index: 1;
}
.breadcrumbs-wrap{
    display: inline-block;
    width: 100%;
    height: 51px;
    background-color: #30266b;
    position: relative;
}
.breadcrumbs-wrap:before{
    content: '';
    width: 100%;
    height: 12px;
    background: url("../img/head-shadow_10ddc9f2add42c.png") bottom center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}


.breadcrumbs {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 18px;
}

.breadcrumbs li {
    float: left;
    font-family: 'Lato-Regular';
    font-size: 12px;
    color: #ffffff;
    list-style: none;
}

.breadcrumbs li.separator {
    width: auto;
    height: auto;
    margin: 0 7px;
}

.breadcrumbs li a {
    font-family: 'Lato-Regular';
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0.7px;
    display: inline-block;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.breadcrumbs li a:hover{
    border-bottom-color: #fff;
}
h1{
 /*    font-family: 'FuturisCyrillic'; */
    font-size: 42px;
    color: #000000;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 34px;
    letter-spacing: 6.5px;
    display: block;
}
.about-wrap{
    display: inline-block;
    width: 100%;
  /*  padding: 50px 0;*/
    padding-bottom:50px;
    margin-bottom: 50px;
}
.about-wrap .col-left{
    float: left;
    width: 176px;
    padding: 22px 0;
}
.about-wrap .col-left ul.list-nav li{
    margin-bottom: 30px;
}
.about-wrap .col-left ul.list-nav li a{
  /*   font-family: 'FuturisCyrillic'; */
    font-size: 24px;
    color: #000000;
    letter-spacing: 2.2px;
    padding-bottom: 4px;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.about-wrap .col-left ul.list-nav li a:hover{
    color: #30266b;
}
.about-wrap .col-left ul.list-nav li a.active, .about-wrap .col-left ul.list-nav li a.active:hover{
    color: #30266b;
    border-bottom-color: #30266b;
}
.about-wrap .col-right{
    float: right;
    width: calc(100% - 200px);
    padding: 11px 0;
}
.about-wrap .col-right h2{
    text-align: left;
 /*    font-family: 'FuturisCyrillic'; */
    font-size: 35px;
    line-height: 39px;
    color: #000000;
    text-transform: none;
    letter-spacing: 3.5px;
    margin-bottom: 27px;
    margin-top: 0;
}
p{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}
.contact-wrap{
    padding-top: 66px;
}
.contact-information{
    display: inline-block;
    width: 100%;
    margin-bottom: 26px;
}
.contact-information .text{
    float: left;
    width: calc(100% - 570px - 46px);
}
.contact-information .text h1{
    margin-top: 0;
    letter-spacing: 4.3px;
}
.contact-information .text ul.list{
    padding: 13px 0;
}
.contact-information .text ul.list li{
    margin-bottom: 30px;
}
.contact-information .text ul.list li .tit{
    font-family: 'Lato-Semibold';
    font-size: 18px;
    color: #000000;
    margin-bottom: 4px;
}
.contact-information .text ul.list li a{
    font-family: 'Lato-Regular';
    font-size: 18px;
    color: #30266b;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.contact-information .text ul.list li a:hover{
    border-bottom-color: #30266b;
}
.contact-information .text ul.list li p{
    font-family: 'Lato-Light';
    font-size: 18px;
    color: #000000;
    line-height: 26px;
}
.contact-information .image{
    float: right;
    width: 570px;
    margin: 5px 0;
}
.contact-information .image img{
    width: 100%;
}
.team-wrap{
    display: inline-block;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 46px;
}
.team-wrap .item{
    float: left;
    display: inline-block;
    width: calc(50% - 12px);
    margin-bottom: 24px;
}
.team-wrap .item:nth-of-type(2n){
    float: right;
}
.team-wrap .item .photo{
    float: left;
    width: 170px;
    height: 170px;
    overflow: hidden;
    margin-top: 6px;
}
.team-wrap .item .photo img{
    width: 100%;
    min-height: 100%;
}
.team-wrap .item .text{
    float: right;
    width: calc(100% - 200px);
}
.team-wrap .item .text .name{
    display: block;
    font-family: 'Lato-Bold';
    font-size: 18px;
    color: #30266b;
    line-height: 20px;
    margin-bottom: 8px;
}
.team-wrap .item .text .position{
    display: block;
    font-family: 'Lato-LightItalic';
    font-size: 16px;
    color: #000000;
    line-height: 18px;
    margin-bottom: 11px;
}
.team-wrap .item .text p{
    font-family: 'Lato-Light';
    font-size: 12px;
    color: #000000;
    line-height: 15px;
}
.team-wrap .item .text ul.list-tel{
    padding: 4px 0;
}
.team-wrap .item .text ul.list-tel li{
    font-family: "Lato-Regular";
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}
.map-wrap{
    position: relative;
    background-color: #d9d4d3;
}
#map{
    height: 600px;
}
.product-group-wrap{
    display: inline-block;
    width: 100%;
    /*padding: 50px 0;*/
    padding: 0px 0;
    margin-bottom: 11px;
}
.category-list-wrap{
    display: inline-block;
    width: 100%;
    padding: 16px 0 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.category-list-wrap .item{
    float: left;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 42px;
}
.category-list-wrap .item:nth-of-type(3n){
    margin-right: 0;
}
.category-list-wrap .item .image{
    height: 222px;
    overflow: hidden;
}
.category-list-wrap .item .image a{
    display: block;
    height: 222px;
    cursor: pointer;
    position: relative;
}
.category-list-wrap .item .image img{
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.category-list-wrap .item .image a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.category-list-wrap .item .title{
    text-align: center;
    padding: 11px 0;
}
.category-list-wrap .item .title a{
 /*    font-family: 'FuturisCyrillic'; */
    font-size: 16px;
    color: #30266b;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.category-list-wrap .item .title a:hover{
    border-bottom-color: #30266b;
}
h3{
     font-family: 'Lato-Regular';
    font-size: 22px;
    color: #000000;
    line-height: 38px;
    letter-spacing: 3.4px;
    margin-bottom: 28px;
    margin-top: 30px;
}
p{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
 margin-bottom:26px
}
.product-group-wrap ul li{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}
.production-wrap{
    padding-bottom: 70px;
}
.production-information{
    padding-top: 51px;
    padding-bottom: 30px;
    display: inline-block;
    width: 100%;
    height: 520px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 63px;
}
.production-information:before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(37,38,43,.7);
    position: absolute;
    top: 0;
    left: 0;
}
.production-information > img{
    display: none;
}
.production-information img.bg{
    display: none;
}
.production-information h1{
    text-align: center;
    color: #fff;
}
.production-information .container{
    position: relative;
    z-index: 1;
}
.production-information .text{
    text-align: center;
}
.production-information .text .col{
    display: inline-block;
    text-align: left;
    width: calc(50% - 7%);
    vertical-align: top;
    margin: 11px 15px;
}
.production-information .text .title{
/*     font-family: 'Futuris-Bold'; */
    font-size: 25px;
    color: #ffffff;
    line-height: 30px;
    letter-spacing: 2.5px;
    margin-bottom: 32px;
}
.production-information .text .price{
    font-family: "Lato-Regular";
    font-size: 22px;
    color: #fefefe;
    padding-top: 30px;
}
.production-information .text .price span{
    font-family: 'Lato-Bold';
    font-size: 150px;
    color: #fefefe;
    margin-left: -21px;
    margin-right: 3px;
}
.production-information .text .price i{
    font-family: 'Lato-Bold';
    font-size: 26px;
    color: #fefefe;
}
.production-information .text .price i sup{
    position: relative;
    top: -13px;
    font-size: 16px;
}
.production-information .text ul.list li{
    display: inline-block;
    width: 100%;
    margin-bottom: 26px;
}
.production-information .text ul.list li .tit{
    float: left;
    width: 222px;
    font-family: 'Lato-Bold';
    font-size: 18px;
    color: #ffffff;
    line-height: 22px;
}
.production-information .text ul.list li .val{
    float: right;
    width: calc(100% - 222px);
    font-family: 'Lato-Bold';
    font-size: 18px;
    color: #ffffff;
    line-height: 14px;
}
.production-information .text ul.list li .val span{
    font-family: 'Lato-Bold';
    font-size: 28px;
}
.production-information .text ul.list li .val span sup{
    font-size: 18px;
    position: relative;
    top: -8px;
}
.types-wrap{
    display: inline-block;
    width: 100%;
    background-color: #ebebeb;
    margin: 63px 0;
}
.types-wrap .image{
    float: right;
    width: 570px;
}
.types-wrap .image img{
    width: 100%;
    display: block;
}
.types-wrap .text{
    float: left;
    width: calc(100% - 570px);
    padding: 25px 18px;
}
.types-wrap .text .tit{
    font-family: 'Lato-Regular';
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    margin-bottom: 29px;
}
.types-wrap .text ul.list{
    padding-left: 14px;
    list-style:none;
}
.types-wrap .text ul.list li{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    position: relative;
}
.types-wrap .text ul.list li:before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #30266b;
    position: absolute;
    top: 8px;
    left: -16px;
}
.product-offer-wrap{
    padding: 50px 0;
}
.offer-info{
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}
.offer-info .image{
    float: left;
    width: 570px;
    margin: 7px 0;
}
.offer-info .image img{
    width: 100%;
}
.offer-info .text{
    float: right;
    width: calc(100% - 601px);
    padding: 0 0;
}
.offer-info .text p{
    margin-bottom: 26px;
}
.offer-info .text .logo-partner{
    display: inline-block;
    width: 100%;
    height: 138px;
    background-color: #ebebeb;
    text-align: center;
    margin-top: 30px;
}
.offer-info .text .logo-partner .item{
    float: left;
    display: table;
    height: 138px;
    width: 33%;
}
.offer-info .text .logo-partner .item a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.category-list{
    display: inline-block;
    width: 100%;
    padding: 49px 0;
}
.category-list .item{
    float: left;
    width: 120px;
    margin-right: calc((100% - (8 * 120px)) / 7);
    text-align: center;
}
.category-list .item a{
    display: block;
    text-decoration: none;
}
.category-list .item:nth-last-child(1){
    margin-right: 0;
}
.category-list .item .icon{
    margin-bottom: 9px;
}
.category-list .item .icon img{
    width: 100%;
}
.category-list .item .tit{
    font-family: 'Lato-Medium';
    font-size: 16px;
    color: #273998;
    letter-spacing: 0.7px;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.category-list .item a:hover .tit{
    border-bottom-color: #273998;
}

.product-offer-wrap h3{
    margin-top: 24px;
}
.product-offer-wrap p{
    padding-bottom: 5px;
}
.product-offer-wrap ul.list{
    margin-bottom: 27px;
}
.product-offer-wrap ul.list li{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    position: relative;
}
.product-offer-wrap ul.list li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #30266b;
    position: absolute;
    top: 11px;
    left: -12px;
}
.product-offer-wrap ul.list li a{
    font-family: 'Lato-Medium';
    font-size: 16px;
    color: #273998;
    letter-spacing: 0.7px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.product-offer-wrap ul.list li a:hover{
    border-bottom-color: #273998;
}
.btn-wrap{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 36px 0;
}
.btn-wrap a{
    display: inline-block;
    text-decoration: none;
    height: 45px;
    width: 270px;
    margin: 0 12px;
    text-align: center;
    background-color: #4a4087;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #ffffff;
    line-height: 42px;
}
.btn-wrap a:hover{
    background-color: #30266b;
}


.btn-wrap a.active{
    background-color: #30266b;
}
header .dropdown-bg{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 52px;
    background-color: #f5f5f5;
    border-top: 1px solid #30266b;
    z-index: 5;
    display: none;
}
header{
    background-color: #fff;
}
header.fixed{
    height: 79px;
    padding-top: 7px;
}
header.fixed .logo{
    width: 201px;
}
header.fixed .logo img{
    max-width: 100%;
}
#page{
    padding-top: 148px;
}
header.fixed .contact a.tel {
    float: right;
    display: block;
  /*   font-family: 'Futuris-Bold'; */
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.9px;
    text-decoration: none;
    position: relative;
    top: 1px;
    clear: both;
    margin-bottom: 12px;
}
header.fixed .contact a.btn {
    font-family: 'Lato-Regular';
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    line-height: 30px;
    margin-left: 25px;
    width: 130px;
    float: right;
    display: block;
    clear: both;
    height: 30px;
    padding: 0;
    text-align: center;
    background-color: #30266b;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header.fixed .logo{
    margin-bottom: 3px;
}
header.fixed .logo-wrap .logo-txt {
    display: block;
    font-family: 'OpenSans';
    font-size: 11px;
    color: #000000;
    letter-spacing: 0.2px;
}
header.fixed .contact{
    float: right;
}
header.fixed nav{
    width: auto;
}
header.fixed nav ul.list-nav > li{
    padding-top: 19px;
}
b, strong{
    font-family: 'Lato-Bold'!important;
}


.popap-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 100;
    display: none;
}
.popap-wrap {
    width: 570px;
    height: auto;
    background: #fff;
    position: fixed;
    top: 50%;
    margin-top: -241px;
    left: 50%;
    margin-left: -285px;
    z-index: 101;
    padding: 117px 68px;
    padding-top: 22px;
    border: 1px solid #30266b;
    display: none;
    /*display:block;*/
    padding-bottom:22px;
}
.popap-wrap .close{
    width: 21px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 14px;
    cursor: pointer;
    background: url("../img/remove_bef5903c866889.png") center no-repeat;
}
.popap-wrap .tit{
/*     font-family: 'FuturisCyrillic'; */
    font-size: 35px;
    color: #000000;
    letter-spacing: 3px;
    margin-bottom: 39px;
    padding-top: 22px;
    text-align: center;
}
.popap-wrap form{

}
.popap-wrap form .line{
    display: inline-block;
    width: 100%;
    margin-bottom: 27px;
}
.popap-wrap form input{
    width: 100%;
    height: 51px;
    border-radius: 0;
    border: 1px solid #707070;
    outline: none;
    padding: 0 30px;
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
    text-align: left;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.popap-wrap form input::-webkit-input-placeholder {color: #707070;}
.popap-wrap form input::-moz-placeholder          {color: #707070;}
.popap-wrap form input:-moz-placeholder           {color: #707070;}
.popap-wrap form input:-ms-input-placeholder      {color: #707070;}
.popap-wrap form textarea{
    width: 100%;
    height: 100px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #707070;
    outline: none;
    padding: 15px 30px;
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
}
.popap-wrap form textarea::-webkit-input-placeholder {color: #707070;}
.popap-wrap form textarea::-moz-placeholder          {color: #707070;}
.popap-wrap form textarea:-moz-placeholder           {color: #707070;}
.popap-wrap form textarea:-ms-input-placeholder      {color: #707070;}
.popap-wrap form button.sub{
    display: block;
    width: 200px;
    height: 45px;
    border: 1px solid #30266b;
    outline: none;
    cursor: pointer;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    position: relative;
    top: 0;
    border-radius: 0;
    margin: 0 auto;
    background-color: #30266b;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.popap-wrap form button.sub:hover{
    background-color: #4f3db7;
    border-color: #30266b;
}
.table{
    width: 100%;
    margin-bottom: 25px;
}
.table tr.table-head{
    background-color: #30266b!important;
}
.table tr.table-head td{
  /*   font-family: 'FuturisCyrillic'; */
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 2px;
    text-align: center;
    height: 80px;
}
.table tr td{
    border-right: 1px solid #e1e1e1;
    width: 25%;
    min-height: 80px;
    padding: 10px 22px;
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}
.table tr:nth-of-type(odd){
    background-color: #ededed;
}

ul.list{
    margin-bottom: 27px;
}
ul.list_1{
    padding-left: 13px;
    margin-bottom: 20px;
}
ul.list_1 li{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    position: relative;
}
ul.list_1 li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #30266b;
    position: absolute;
    top: 11px;
    left: -12px;
}
ul.list_1 li a{
    font-family: 'Lato-Medium';
    font-size: 16px;
    color: #273998;
    letter-spacing: 0.7px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul.list_1 li a:hover{
    border-bottom-color: #273998;
}

ul.list_2{
    margin-bottom: 20px;
}
ul.list_2 li{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    position: relative;
}
ul.list_2 li span{
    color: #30266b;
}
ul.list_2 li a{
    font-family: 'Lato-Medium';
    font-size: 16px;
    color: #273998;
    letter-spacing: 0.7px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul.list_2 li a:hover{
    border-bottom-color: #273998;
}
ul.list_2 li p{
    font-family: 'Lato-Medium';
    font-size: 16px;
}
header .mob-nav {
    display: none;
}
.popap-container {
    width: 570px;
    height: auto;
    background: #fff;
    margin: 30px auto;
    z-index: 101;
    padding: 17px 68px;
    padding-top: 22px;
    border: 1px solid #30266b;
    position: relative;
}
.popap-container .close{
    width: 21px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 14px;
    cursor: pointer;
    background: url("../img/remove_bef5903c866889.png") center no-repeat;
}
.popap-container .tit{
 /*    font-family: 'FuturisCyrillic'; */
    font-size: 35px;
    color: #000000;
    letter-spacing: 3px;
    margin-bottom: 28px;
    padding-top: 22px;
    text-align: center;
}
.popap-container p{
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    margin-bottom: 27px;
}
.popap-container form .line{
    display: inline-block;
    width: 100%;
    margin-bottom: 27px;
}
.popap-container form input{
    width: 100%;
    height: 51px;
    border-radius: 0;
    border: 1px solid #707070;
    outline: none;
    padding: 0 30px;
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
    text-align: left;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.popap-container form input::-webkit-input-placeholder {color: #707070;}
.popap-container form input::-moz-placeholder          {color: #707070;}
.popap-container form input:-moz-placeholder           {color: #707070;}
.popap-container form input:-ms-input-placeholder      {color: #707070;}
.popap-container form textarea{
    width: 100%;
    height: 100px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #707070;
    outline: none;
    padding: 15px 30px;
    font-family: 'Lato-Light';
    font-size: 16px;
    color: #000000;
    margin-right: 10px;
}
.popap-container form textarea::-webkit-input-placeholder {color: #707070;}
.popap-container form textarea::-moz-placeholder          {color: #707070;}
.popap-container form textarea:-moz-placeholder           {color: #707070;}
.popap-container form textarea:-ms-input-placeholder      {color: #707070;}
.popap-container form button.sub{
    display: block;
    width: 200px;
    height: 45px;
    border: 1px solid #30266b;
    outline: none;
    cursor: pointer;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    position: relative;
    top: 0;
    border-radius: 0;
    margin: 0 auto;
    background-color: #30266b;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.popap-container form button.sub:hover {
    background-color: #4f3db7;
    border-color: #30266b;
}
.popap-container form input.valid{
    border-color: #39b54a!important;
    background-image: url("../img/ok_4004869e376926.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
}
.popap-container form textarea.valid{
    border-color: #39b54a!important;
    background-image: url("../img/ok_4004869e376926.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(17px - 0px) ;
}

.popap-container form input.error{
    border-color: #ff002a!important;
    background-color: #fff6f6;
    background-image: url("../img/error_0815029586dfa4.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 28px);
}
.popap-container form textarea.error{
    border-color: #ff002a!important;
    background-color: #fff6f6;
    background-image: url("../img/error_0815029586dfa4.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 28px) calc(17px - 0px) ;
}
.news-wrap{
    display: inline-block;
    width: 100%;
}
.news-wrap .item{
    float: left;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    padding-bottom: 30px;
}
.news-wrap .item:nth-of-type(3n){
    margin-right: 0;
}
.news-wrap .item a{
    display: block;
    text-decoration: none;
}
.news-wrap .item .image{
    height: 203px;
    overflow: hidden;
    margin-bottom: 14px;
    position: relative;
}
.news-wrap .item .image .date{
    border-radius:20px 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 72px;
    background-color: rgba(48,38,107,.7);
    padding: 6px 5px;
    text-align: right;
}
.news-wrap .item .image .date .number{
    display: block;
/*     font-family: 'FuturisCyrillic'; */
    font-size: 21px;
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 2px;
}
.news-wrap .item .image .date .line{
    height: 1px;
    background-color: #fff;
}
.news-wrap .item .image .date .month{
    display: block;
 /*    font-family: 'FuturisCyrillic'; */
    font-size: 13px;
    color: #ffffff;
    line-height: 30px;
}
.news-wrap .item .image img{
    max-width:100% !important;
    border-radius:20px;
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.news-wrap .item a:hover .image img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.news-wrap .item p{
 /*    font-family: 'FuturisCyrillic'; */
    font-size: 18px;
    color: #25262b;
    line-height: 22px;
    display: inline;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.news-wrap .item a:hover p{
    color: #5c4ead;
    border-bottom-color: #d6d3ea;
}







@media (max-width: 1200px) {
    .container{
        padding: 0 15px;
    }
    header nav ul.list-nav > li {
        margin-left: 20px;
    }
    .production-list-wrap .item .head .title a{
        font-size: 14px;
    }
    .slider.slider-news .item {
        width: 272px;
    }
}




@media (max-width: 640px) {
    body{
        min-width: 320px;
    }
    .container {
        padding: 0 10px;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }

    header .mob-nav{
        display: block;
        position: fixed;
        width: 43px;
        height: 43px;
        top: 18px;
        right: 23px;
        background-color: #fff;
        background-size: 40px 40px;
        background-repeat: no-repeat;
        cursor: pointer;
        z-index: 21;
    }
    header .mob-nav span {
        display: block;
        position: absolute;
        top: 21px;
        left: 8px;
        right: 8px;
        height: 3px;
        background: #2d2368;
    }
    header .mob-nav span::before, header .mob-nav span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #2d2368;
        content: "";
    }
    header .mob-nav span::before {
        top: -6px;
    }
    header .mob-nav span::after {
        bottom: -6px;
    }
    header nav {
        float: none;
        padding-top: 60px;
        padding-bottom: 5px;
        text-align: center;
        background-color: #2d2368;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 20;
        min-height: 100vh;
        padding-left: 0;
        padding-right: 0;
        display: none;
        transition: none;
    }
    header nav ul.list-nav li a {
        font-size: 20px;
        color: #fff;
    }
    header nav ul.list-nav li{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        height: auto;
        margin-bottom: 25px;
    }

    header .mob-nav span::after, header .mob-nav span::before {

    }
    header .mob-nav.active{
        background-color: transparent;
    }
    header .mob-nav.active span{
        background-color: transparent;
    }
    header .mob-nav.active span::before {
        top: 0;
    }
    header .mob-nav.active span::before {
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    header .mob-nav.active span::after {
        background-color: #fff;
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header .mob-nav span::before {
        -webkit-transition-property: top,-webkit-transform;
        transition-property: top,transform;
    }
    header nav ul.list-nav{
        float: none;
    }
    header .contact{
        display: none;
    }
    header .logo {
        width: 192px!important;
    }
    header .logo-wrap .logo-txt {
        display: block;
        font-family: 'OpenSans';
        font-size: 11px;
        color: #000000;
        letter-spacing: 0.2px;
    }
    header .logo img {
        max-width: 100%;
    }

    header {
        position: relative;
        height: 79px!important;
        padding-top: 10px!important;
    }
    #page {
        padding-top: 0;
    }
    .production-list-wrap .item {
        float: left;
        width: calc(50% - 1px);
        margin-right: 0;
        margin-bottom: 4px;
    }
    .production-list-wrap .item:nth-of-type(2n){
        float: right;
    }
    .production-list-wrap{
        display: inline-block;
        width: 100%;
    }
    .section-production ul.sort{
        display: none;
    }
    .footer-top .logo{
        display: none;
    }

    .footer-top{
        height: auto;
    }
    .footer-top nav {
        float: none;
        padding-top: 0;
    }
    header .logo-wrap .logo-txt{
        display: none;
    }
    .slider.slider-main .slide .text-wrap {
        display: table;
        width: 100%;
        height: 200px;
    }
    .slider.slider-main .slide h3 {
       /*  font-family: 'Futuris-Bold'; */
        font-size: 18px;
        color: #ffffff;
        line-height: 24px;
        text-transform: uppercase;
        letter-spacing: 1.3px;
        margin-bottom: 5px;
    }
    .slider.slider-main .slide .info {
        display: block;
/*         font-family: 'FuturisCyrillic'; */
        font-size: 9px;
        color: #ffffff;
        line-height: 12px;
        letter-spacing: 0.6px;
    }
    .slider.slider-main .slide .text-wrap .text{
        padding-bottom: 43px;
    }
    .slider.slider-main .slide {
        height: 208px;
        text-align: center;
        border-bottom: 7px solid #30266b;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    h2 {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 2px;
        margin-bottom: 14px;
        margin-top: 0;
    }
    .production-list-wrap .item .image .info-txt{
        display: none!important;
    }
    .production-list-wrap .item{
        position: relative;
        padding-bottom: 24px;
    }
    .production-list-wrap .item .head {
        display: table;
        width: 100%;
        height: 24px;
        padding: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #30266b;
    }
    .production-list-wrap .item .head .title {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .production-list-wrap .item .image {
        overflow: hidden;
        height: 32vw;
        padding:0 !important;
    }
        .production-list-wrap .item .image img{
     width:100% !important;
            max-width:100% !important;
            display:block
    }
    .production-list-wrap .item .image a{
        height: 32vw;
    }
    .production-list-wrap .item .head .title a {
        font-size: 11px;
        line-height: 14px;
        letter-spacing: 0.4px;
        color: #fff;
        display: inline-block;
        position: relative;
        top: 1px;
    }
    .production-list-wrap {
        display: inline-block;
        width: calc(100% + 16px);
        margin: 0 -8px;
    }
    .section-production {
        padding: 0px 0 10px 0;
        position: relative;
    }
    .slider.slider-quality .slick-next{
        display: none!important;
    }
    .slider.slider-quality .slick-prev{
        display: none!important;
    }
    .slider.slider-quality {
        padding: 0;
        margin: 0 -10px;
    }
    .slider.slider-quality .slide .image .title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 13px 10px 10px 10px;
        background-color: rgba(48,38,107, .7);
     /*    font-family: 'FuturisCyrillic'; */
        font-size: 18px;
        color: #fff;
        letter-spacing: 0.7px;
        text-align: center;
        display: none;
    }
    .slider.slider-quality .slide .text{
        padding: 10px 10px;
        padding-right: 10px;
    }
    .section-quality h2 {
        margin-bottom: 14px;
    }
    .slider.slider-quality .slide .image{
        height: 50vw;
    }
    .slider.slider-quality .slide .text p {
        font-family: 'Lato-Light';
        font-size: 14px;
        color: #fff;
        line-height: 22px;;
       
   
    }
    .slider.slider-quality .slick-dots{
        display: none!important;
    }
    .section-quality {
        padding: 12px 0 25px 0;
    }
    .section-news h2{
        margin-bottom: 14px;
    }
    .slider.slider-news {
        padding: 0 30px;
    }
    .section-news .all-btn {
        display: block;
        width: 200px;
        height: 45px;
        margin: 0 auto;
        margin-top: 23px;
    }
    .slider.slider-news .slick-prev {
        width: 20px;
        height: 37px;
        background-size: contain;
    }
    .slider.slider-news .slick-next {
        width: 20px;
        height: 37px;
        background-size: contain;
    }
    .slider.slider-news .item {
        width: 100%;
    }
    .slider.slider-news .item p {
        font-size: 16px;
        line-height: 18px;
    }
    .section-news .all-btn{
        display: none;
    }
    .section-news {
        padding-bottom: 0;
    }
    .footer-top nav ul.list-nav {
        float: none;
        display: inline-block;
        width: 100%;
    }
    .footer-top nav ul.list-nav li {
        float: left;
        width: 50%;
        margin: 6px 0;
        text-align: center;
        padding: 0 5px;
    }
    .footer-top {
        height: auto;
        padding: 8px 0;
    }
    .footer-bottom {
        height: auto;
        background-color: #25262b;
        padding-bottom: 12px;
    }
    .footer-bottom .address{
        display: none;
    }
    .footer-bottom .copyright{
        font-size: 11px;
    }
    .footer-bottom ul.phone{
        display: none;
    }
    .footer-top nav ul.list-nav li a{
        font-size: 14px;
    }
    .about-wrap .col-right {
        float: none;
        display: inline-block;
        width: 100%;
        padding: 10px 0;
    }
    .about-wrap {
        display: inline-block;
        width: 100%;
        padding: 20px 0;
        margin-bottom: 0;
    }
    .about-wrap .col-right h2 {
        text-align: left;
 /*        font-family: 'FuturisCyrillic'; */
        font-size: 28px;
        line-height: 30px;
        color: #000000;
        text-transform: none;
        letter-spacing: 2.5px;
        margin-bottom: 10px;
        margin-top: 0;
    }
    p {
        font-family: 'Lato-Light';
        font-size: 14px;
        color: #000000;
        line-height: 22px;
    }
    .about-wrap .col-left ul.list-nav li a{
        font-size: 20px;
    }
    .about-wrap .col-left ul.list-nav li {
        margin-bottom: 16px;
    }
    .about-wrap .col-left {
        float: none;
        display: inline-block;
        width: 100%;
        padding: 0 0;
    }
    h1 {
   /*      font-family: 'FuturisCyrillic'; */
        font-size: 30px;
        color: #000000;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 26px;
        letter-spacing: 4.5px;
        display: block;
    }
    .page-wrap .head a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
  /*       font-family: 'FuturisCyrillic'; */
        font-size: 16px;
        color: #ffffff;
        letter-spacing: 2px;
        line-height: 24px;
        position: relative;
        text-decoration: none;
        z-index: 1;
    }
    .page-wrap .head{
        height: 80px;
    }
    #map {
        height: 50vw;
    }
    .contact-information .text {
        float: none;
        width: 100%;
        display: inline-block;
    }
    .contact-wrap {
        padding-top: 30px;
    }
    .contact-information .text h1 {
        margin-top: 0;
        letter-spacing: 4.3px;
        margin-bottom: 15px;
    }
    .team-wrap .item {
        float: none;
        display: inline-block;
        width: 100%;
        margin-bottom: 24px;
    }
    .team-wrap .item .photo {
        float: none;
        width: 170px;
        height: 170px;
        overflow: hidden;
        margin-top: 6px;
    }
    .team-wrap .item .photo {
        float: none;
        width: 170px;
        height: 170px;
        overflow: hidden;
        margin-top: 6px;
        margin-bottom: 15px;
    }
    .team-wrap .item .text {
        float: none;
        display: inline-block;
        width: 100%;
    }
    .contact-information .image {
        float: right;
        width: 100%;
        margin: 5px 0;
    }
    .contact-information .text ul.list{
        margin-bottom: 0;
    }
    h1{
        font-size: 22px;
    }
    .contact-information .text ul.list li {
        margin-bottom: 16px;
    }
    h3 {
    /*     font-family: 'FuturisCyrillic'; */
        font-size: 26px;
        color: #000000;
        line-height: 28px;
        letter-spacing: 3.4px;
        margin-bottom: 14px;
        margin-top: 14px;
    }
    .category-list-wrap .item {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }
    .category-list-wrap .item .image {
        height: auto;
        overflow: hidden;
    }
    .category-list-wrap .item .image a{
        height: auto;
    }
    .category-list-wrap .item .title a{
        font-size: 14px;
    }
    .product-group-wrap{
        padding: 30px 0;
    }
    .product-group-wrap h1 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    .product-offer-wrap{
        padding: 30px 0;
    }
    .product-offer-wrap h1{
        font-size: 22px;
        margin-bottom: 12px;
    }
    .offer-info .image {
        float: none;
        width: 100%;
        margin: 7px 0;
    }
    .offer-info .text {
        float: none;
        display: inline-block;
        width: 100%;
    }
    .offer-info .text p {
        margin-bottom: 0;
    }
    .offer-info .text .logo-partner .item img{
        max-width: 100%;
    }
    .category-list .item {
        float: none;
        display: inline-block;
        width: 120px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 20px;
        text-align: center;
    }
    .category-list {
        display: inline-block;
        width: 100%;
        padding: 25px 0 10px 0;
        text-align: center;
    }
    .btn-wrap a{
        width: 265px;
        margin: 5px 12px;
    }
    .product-offer-wrap ul.list{
        padding-left: 15px;
    }
    .production-information .text .col{
        width: 100%;
    }
    .types-wrap .text {
        float: none;
        width: 100%;
        padding: 25px 18px;
    }
    .types-wrap .image {
        float: none;
        width: 100%;
    }
    .production-information {
        padding-top: 20px;
        padding-bottom: 20px;
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-bottom: 25px;
    }
    .production-information .text .price{
        padding-top: 0;
    }
    .production-information .text .title {
    /*     font-family: 'Futuris-Bold'; */
        font-size: 18px;
        color: #ffffff;
        line-height: 22px;
        letter-spacing: 2.5px;
        margin-bottom: 14px;
    }
    .production-information .text .price span {
        font-family: 'Lato-Bold';
        font-size: 40px;
        color: #fefefe;
        margin-left: 5px;
        margin-right: 5px;
    }
    .production-information .text ul.list li .tit {
        float: left;
        width: 90px;
        font-family: 'Lato-Bold';
        font-size: 14px;
        color: #ffffff;
        line-height: 18px;
    }
    .production-information .text ul.list li .val {
        float: right;
        width: calc(100% - 100px);
        font-family: 'Lato-Bold';
        font-size: 14px;
        color: #ffffff;
        line-height: 14px;
    }
    .production-information .text ul.list li .val span {
        font-family: 'Lato-Bold';
        font-size: 20px;
    }
    .production-information .text ul.list li .val span sup{
        font-size: 10px;
    }
    .production-information .text ul.list{
        margin-bottom: 0;
    }
    .production-information .text .col{
        margin: 11px 0px;
    }
    .production-information h1 {
        text-align: center;
        color: #fff;
        margin-bottom: 15px;
        line-height: 26px;
        font-size: 20px;
    }
    .types-wrap{
        margin: 40px 0;
    }
    .product-group-wrap ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .product-offer-wrap ul.list li a{
        word-wrap: break-word;
    }
    .table-wrap{
        display: inline-block;
        width: 100%;
        overflow: scroll;
    }
    .table-wrap .table{
        width: 1000px;
    }
    .popap-container {
        width: 100%;
    }
    .news-wrap {
       
    }

    .news-wrap .item .image .date{
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 72px;
    background-color: rgba(48,38,107,.7);
    padding: 6px 5px;
    text-align: center;
}
.news-wrap .item .image .date .number{
    display: block;
/*     font-family: 'FuturisCyrillic'; */
    font-size: 32px;
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 2px;
}
    .news-wrap .item {
        float: none;
        width: 100%;
        margin-right: 0;
        padding-bottom: 10px;
             border-bottom:1px solid #ddd;
        
           margin-bottom: 30px;
    }
    .news-wrap .item .image{
        height: auto;
    }
    .popap-container {
        padding: 17px 20px;
        padding-top: 22px;
    }



}


.popap-btn-mod {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
}

.popap-btn-mod img {
    max-width: 100%;
    transition: 500ms;
}

.popap-btn-mod img:hover {
    transition: 500ms;
    opacity: 0.8;
}


/*--- FIX FOR PUBLICATION --*/

.news-wrap .item p{
    height:50px;
    line-height:20px;
    display:block
}



.production-list-wrap .item .head .title a {
   text-transform:none ;
    font-family:Verdana;
}

h1 {
    line-height:150%;
}
.p-news {
    padding:15px 0
}


.footer-top {
    padding:20px;
    height:150px
}

div.news-detail img.detail_picture
{
	float:left;
	margin:0 20px 20px 1px;
    box-shadow:2px 2px 5px rgba(0,0,0, 0.5);
    border-radius:20px
}

.news-date-time {
    display:block;
  padding:0 0 20px 0;
    margin-bottom:15px;
    border-bottom:1px solid #ddd
}