@font-face {
    font-family: "ProximaNovaRegular";
    src: url("ProximaNova/ProximaNovaRegular/ProximaNovaRegular.eot");
    src: url("ProximaNova/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix") format("embedded-opentype"),
    url("ProximaNovafonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"),
    url("ProximaNova/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "ProximaNovaBold"; */
@font-face {
    font-family: "ProximaNovaBold";
    src: url("ProximaNova/ProximaNovaBold/ProximaNovaBold.eot");
    src: url("ProximaNova/ProximaNovaBold/ProximaNovaBold.eot?#iefix") format("embedded-opentype"),
    url("ProximaNova/ProximaNovaBold/ProximaNovaBold.woff") format("woff"),
    url("ProximaNova/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "ProximaNovaBlack"; */
@font-face {
    font-family: "ProximaNovaBlack";
    src: url("ProximaNova/ProximaNovaBlack/ProximaNovaBlack.eot");
    src: url("ProximaNova/ProximaNovaBlack/ProximaNovaBlack.eot?#iefix") format("embedded-opentype"),
    url("ProximaNova/ProximaNovaBlack/ProximaNovaBlack.woff") format("woff"),
    url("ProximaNova/ProximaNovaBlack/ProximaNovaBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn:hover {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

html, body {
    width: 100%;
    min-width: 1070px;
    font-family: "ProximaNovaRegular", Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.3;
}

sub {
    vertical-align: bottom;
}

.clear {
    clear: both;
}

a {
    color: #000;
    cursor: pointer;
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    -ms-transition: all 0.15s ease-out 0s;
}

a:hover {
    color: #1d49ac;
}

.container {
    width: 1070px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}
.gray-wrap {
    background-color: #f4f4f4;
}
.header {
    width: 100%;
    height: 610px;
    /*background: url(../images/topfon.jpg) center 0 no-repeat;*/
    background-size: cover;
    overflow: hidden;
}

.top {
    width: 100%;
    height: 74px;
    background: url(../images/top2.png) 0 0 repeat;
}

.top .logo {
    height: 74px;
    width: 225px;
    display: block;
    float: left;
    background: url('../images/logo.png') 0 50% no-repeat;
}

.top .menu {
    width: auto;
    float: left;
    position: relative;
    z-index: 150;
}

.top .menu ul {
    margin: 0;
}

.top .menu li.level-1 {
    list-style: none;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
}

.top .menu li.level-1:hover {
    background: rgba(19, 46, 79, 0.52);
}
.top .menu li.level-1.active {
    background: #a7c4d1;
    background: rgba(19, 46, 79, 0.36);
}
.top .menu li.level-1 a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 40px 20px 0;
    background-position: 50% 40%;
    height: 34px;
    background-repeat: no-repeat;
    font-weight: bold;
}

.top .menu li.level-1 a.item-1 {
    background-image: url('../images/item1.png');
}

.top .menu li.level-1 a.item-2 {
    background-image: url('../images/item2.png');
}

.top .menu li.level-1 a.item-3 {
    background-image: url('../images/item3.png');
}

.top .menu li.level-1 a.item-4 {
    background-image: url('../images/item4.png');
}

.top .menu li.level-1 ul.secondlevel {
    overflow: hidden;
    /*width: 0;
    height: 0;*/
    position: absolute;
    z-index: 500;
    margin: 0;
    top: 73px;
    background: rgba(19, 46, 79, 0.52);
    box-shadow: 0px 5px 19px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    list-style: none;
    transform-origin: top;
    transform: scaleY(0);
}


.top .menu li.level-1:hover ul.secondlevel, .top .menu li.level-1 ul.secondlevel:hover {
    transform: none;
}

/*
.top .menu li.level-1 ul.secondlevel > li a {
    list-style: outside url("../images/top-li.png") none;
}
*/


.top .menu li.level-1:hover ul.secondlevel, .top .menu li.level-1 ul.secondlevel:hover {
    width: auto;
    height: auto;
    padding: 20px;
}

.top .menu li.level-2 {
    color: #fff;
    text-align: left;
    /*margin-left: 15px;*/
    position: relative;
}

.top .menu li.level-2 a {
    padding: 10px 0 0;
    height: auto;
    display: inherit;
}

/*
.top .menu li.level-1 li.level-2 a::before {
    content: "";
    width: 1px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top: 23px;
    left: -11px;
}


.top .menu li.level-1:hover li.level-2 a::before {
    height: 92%;
    background-color: rgb(255, 255, 255);
    transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
}

.top .menu li.level-1:hover li.level-2:last-child a::before {
    display: none;
}
*/


.left-menu li.level-1 ul.secondlevel .active a {
    color: #000;
}

.top .lang {
    float: left;
    margin: 12px 0 0 22px;
}

.top .lang span {
    padding: 3px 5px;
    color: #2ec8fe;
    border: 1px dotted #000;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    font-weight: bold;
    cursor: pointer;
}

.top .lang span.active {
    color: #fff;
    border-color: #fff;
}

.top .phone {
    width: 196px;
    float: right;
    margin-right: 5px;
    margin-top: 20px;
    color: #fff;
    font-size: 22px;
    text-align: right;
    line-height: 1;
}

.top .phone sub {
    padding: 0 10px 0 20px;
    background: url('../images/phone.png') 0 50% no-repeat;
}

.top .phone .callback {
    font-size: 14px;
    color: #2ec8fe;
    border-bottom: 1px dashed #2ec8fe;
    float: right;
    cursor: pointer;
}

.slogan {
    clear: both;
    margin: 10px 0 35px;
    overflow: hidden;
}

.slogan span {
    width: 75%;
    float: left;
    display: block;
    line-height: 1;
    font-weight: bold;
    font-size: 30px;
    color:#293aa4;
}
.slogan .search {
    width: 250px;
    float: right;
    position: relative;
}

.slogan .search input {
    background: rgba(0, 0, 0, 0.4);
    padding: 5px 30px 5px 10px;
    width: 208px;
    height: 15px;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    border-radius: 5px;
    color: #fff;
    outline: none;
}

.slogan .search .loop {
    width: 16px;
    height: 16px;
    background: url('../images/search.svg') 0 0 no-repeat;
    background-size: 18px;
    position: absolute;
    top: 6px;
    right: 13px;
    border: 0;
    outline: none;
    transition: transform 0.3s;
    cursor: pointer;
}
/*
.title-item-list {
    width: 710px;
    float: left;
    margin-bottom: 20px;
    position: relative;
    z-index: 100;
}

.section-item .item {
    cursor: pointer;
}

.section-1 {
    width: 610px;
    height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
}

.section-1 .slick-list {
    padding: 0 !important;
}

.section-1 .arrowlist {
    display: inline-block;
    float: left;
    margin: 0;
}

.section-1 .arrowlist span {
    display: inline-block;
    background: rgba(215, 215, 215, 0.75);
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    color: #4c503f;
}

.section-1 .arrowlist::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    float: right;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 7px solid rgba(215, 215, 215, 0.75);
}

.section-1 .arrowlist.active {
    display: inline-block;
    float: left;
    margin: 0;
}

.section-1 .arrowlist.active span {
    display: inline-block;
    background: #fff;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
}

.section-1 .arrowlist.active::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    float: right;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 7px solid #fff;
}

.section-1 .item {
    display: inline-block;
    float: left;
    margin: 0;
}

.section-1 .item span {
    display: inline-block;
    background: #d7d7d7;
    height: 24px;
    line-height: 24px;
    padding-right: 5px;
    color: #343434;
}

.section-1 .item::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    float: right;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 7px solid #d7d7d7;
}

.section-1 .item::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    float: left;
    border: 12px solid #d7d7d7;
    border-left: 7px solid transparent;
}

.section-1 .item.slick-active span {
    background: #189cc5;
    color: #fff;
}

.section-1 .item.slick-active::after {
    border-left-color: #189cc5;
}

.section-1 .item.slick-active::before {
    border-color: #189cc5;
    border-left-color: transparent;
}

.section-2 {
    width: 610px;
    height: 24px;
    margin-bottom: 2px;
    overflow: hidden;
}

.section-2 .slick-list {
    padding: 0 !important;
}

.section-2 .arrowlist {
    display: inline-block;
    float: left;
    margin: 0;
}

.section-2 .arrowlist span {
    display: inline-block;
    background: rgba(215, 215, 215, 0.75);
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    color: #4c503f;
}

.section-2 .arrowlist::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    float: right;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 7px solid rgba(215, 215, 215, 0.75);
}

.section-2 .arrowlist.active {
    display: inline-block;
    float: left;
    margin: 0;
}

.section-2 .arrowlist.active span {
    display: inline-block;
    background: #fff;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
}

.section-2 .arrowlist.active::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    float: right;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 7px solid #fff;
}

.section-2 .item {
    display: inline-block;
    float: left;
    margin: 0;
}

.section-2 .item span {
    display: inline-block;
    background: rgba(215, 215, 215, 0.75);
    height: 24px;
    line-height: 24px;
    padding-right: 5px;
    color: #4c503f;
}

.section-2 .item::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    float: right;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 7px solid rgba(215, 215, 215, 0.75);
}

.section-2 .item::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    float: left;
    border: 12px solid rgba(215, 215, 215, 0.75);
    border-left: 7px solid transparent;
}

.section-2 .item.slick-active span {
    background: #189cc5;
    color: #fff;
}

.section-2 .item.slick-active::after {
    border-left-color: #189cc5;
}

.section-2 .item.slick-active::before {
    border-color: #189cc5;
    border-left-color: transparent;
}
*/
.slidelist {
    width: 800px;
    float: right;
    height: 465px;
    top: 0;
    left: 10px;
}

.slick-slide {
    min-height: 465px;
}

.slidelist img {
    position: absolute;
}

.slidelist .text {
    width: 310px;
    float: right;
    opacity: 0;
}

.slidelist .slick-active .text {
    opacity: 1;
    transition: all 2.5s ease-out 0s;
    -moz-transition: all 2.5s ease-out 0s;
    -webkit-transition: all 2.5s ease-out 0s;
    -o-transition: all 2.5s ease-out 0s;
    -ms-transition: all 2.5s ease-out 0s;
}

.slidelist .title {
    font-size: 30px;
    line-height: 1;
    color: #2e2e2e;
    font-weight: bold;

    text-transform: uppercase;
    margin-bottom: 15px;
    background: url('../images/title-fon-shadow.png') 0 0 no-repeat;
}
.slidelist .title span {
    font-size: 32px;
}
.slidelist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slidelist li {
    padding: 8px 15px;
    font-size: 16px;
    background: #e5e5e5;
    display: inline-block;
    margin-bottom: 3px;
}

.slider {
    position: relative;
}
.top-slider{
    margin-top: -15px;
}
/*.categorys {
    width: 280px;
    float: left;
    overflow: hidden;
    margin-bottom: 35px;
    position: absolute;
    top: 65px;
    left: 0;
}

.categorys .category {
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    padding-bottom: 5px;
}

.categorys .category .title {
    display: block;
    padding: 10px 30px;
    text-transform: uppercase;
    background: rgba(0, 141, 210, 0.16);
    margin-bottom: 10px;
}

.categorys .category .item {
    margin-bottom: 5px;
    line-height: 1;
}

.categorys .category .item a {
    padding-left: 25px;
    color: #394374;
    background: url('../images/category-marker.png') 8px 7px no-repeat;
    position: relative;
}

.categorys .category .item a:hover {
    text-decoration: underline;
}

.categorys .category .item a::before {
    content: "";
    width: 1px;
    height: 70%;
    background: #816a69;
    display: block;
    position: absolute;
    top: 13px;
    left: 11px;
    z-index: 100;
}

.categorys .category .item:last-child a::before {
    display: none;
}
*/
.title-item-list {
    width: 300px;
    float: left;
    overflow: hidden;
    margin-bottom: 35px;
    margin-right: 0px;
}
.slider .title-item-list {
    /*position: absolute;
    top: 0;
    left: 0;*/
    margin-right: 0;
}
.title-item-list .section-item {
    /*overflow: hidden;*/
    padding-bottom: 25px;
}

/*
.title-item-list .section-item .arrowlist {
    display: block;
    padding: 5px 30px;
    text-transform: uppercase;
    background: #293aa4;
    margin-bottom: 5px;
    color: #fffefe;
    font-size: 18px;
}
*/

.title-item-list .section-item .items .item {
    /*margin-bottom: 10px;*/
    line-height: 1;
}
.title-item-list .section-item a {
    text-decoration: none;
    color: inherit;
}
.title-item-list .section-item .items .item span {
    padding-left: 25px;
    font-size: 16px;
    color: #000000;
    /*background: url('../images/category-marker.png') 8px 7px no-repeat;
    position: relative;*/
}


.title-item-list .section-item  .items.item span:hover {
    text-decoration: underline;
}

/*
.title-item-list .section-item .items .item span::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #816a69;
    display: block;
    position: absolute;
    top: 13px;
    left: 11px;
    z-index: 100;
}

.title-item-list .section-item .items .item:last-child span::before {
    display: none;
}


.title-item-list .section-item .items  .item.slick-active span {
    color: #293AA4;
    text-decoration: underline;
}
*/

.buttons {
    position: absolute;
    bottom: 25px;
    width: 980px;
}

.button {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.button span {
    display: inline-block;
    float: left;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
}
.slick-prev,
.slick-next {
    z-index: 100;
}
.slick-prev {
    position: absolute;
    top: 33%;
    left: -800px;
    width: 59px;
    height: 116px;
    background: url('../images/left-fon-arrow.png') 0 0 no-repeat;
    outline: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
}

.slick-next {
    position: absolute;
    top: 33%;
    right: -500px;
    width: 59px;
    height: 116px;
    background: url('../images/right-fon-arrow.png') 0 0 no-repeat;
    outline: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
}

.slick-prev span {
    float: left;
    margin-left: 5px;
    width: 24px;
    height: 35px;
    display: inline-block;
    background: url('../images/left-arrow.png') 0 0 no-repeat;
}

.slick-next span {
    float: right;
    margin-right: 5px;
    width: 24px;
    height: 35px;
    display: inline-block;
    background: url('../images/right-arrow.png') 0 0 no-repeat;
}

.slick-prev:hover {
    opacity: 0.7;
}

.slick-next:hover {
    opacity: 0.7;
}

.slick-prev:hover span {
    zoom: 1.2;
}

.slick-next:hover span {
    zoom: 1.2;
}

.button.order {
    width: 211px;
    height: 34px;
    background: url('../images/button1.png') 0 0 no-repeat;
    font-size: 14px;
    line-height: 32px;
    margin-right: 21px;
    text-transform: none;
    color: #fff;
    display: block;
    margin-bottom: 10px;
}

.button.order span {
    width: 35px;
    height: 32px;
    background: url('../images/img.png') 5px -2px no-repeat;
    margin: 0 0 0 3px;
}

.button.help {
    width: 211px;
    height: 34px;
    background: url('../images/button2.png') 0 0 no-repeat;
    font-size: 14px;
    line-height: 32px;
    text-transform: none;
    color: #fff;
    display: block;
    float: left;
}

.button.help span {
    width: 54px;
    height: 32px;
    background: url('../images/img2.png') 7px 3px no-repeat;
    margin: 0 -20px 0 3px;
}

.button.help:hover span, .button.order:hover span {
    margin-left: 6px;
}

.button.catalog {
    float: right;
    width: 209px;
    height: 38px;
    background: url('../images/button3.png') 0 0 no-repeat;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
}

.button.catalog span {
    width: 26px;
    height: 27px;
    background: url('../images/img3.png') 0 0 no-repeat;
    margin: 5px 0 5px 10px;
}

.button.catalog:hover span {
    margin-left: 16px;
}

.blocks {
    margin: 30px 0px 0px;
    overflow: hidden;
    width: 100%;
    padding: 30px 0;
}

.blocks .block50 {
    width: 300px;
    float: left;
    padding-left: 190px;
    margin-right: 40px;
    margin-bottom: 40px;
    padding-bottom: 55px;
    min-height: 190px;
    position: relative;
}

.blocks .block50.item-1 {
    background: url('../images/img5.png') 0 center no-repeat;
}

.blocks .block50.item-2 {
    background: url('../images/img4.png') 0 center no-repeat;
}

.blocks .block50 .title {
    font-weight: bold;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 25px;
}

.blocks .block50 .title span {
    font-size: 24px;
    clear: both;
    line-height: 1;
    display: block;
    margin-top: -4px;
}

.blocks .block50 ul {
    margin: 0;
    padding: 0;
}

.blocks .block50 li {
    font-size: 16px;
    list-style: none;
    margin: 14px 0;
}

.videolist {
    width: 100%;
    padding-bottom: 90px;
    overflow: hidden;
}

.videolist .block30 {
    width: 340px;
    margin-right: 20px;
    float: left;
}

.videolist .block30:last-child {
    margin-right: 0;
}

.webest {
    width: 100%;
    height: 419px;
    background: url('../images/egs-fon.png') 50% 0 no-repeat;
}
.webest .blocks {
    margin-top: 0;

}
.webest .blocks .block25 {
    width: 23%;
    padding: 0 1%;
    font-size: 16px;
    color: #fff;
    float: left;
    text-align: center;
    margin-top: 65px;
    padding-top: 110px;
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    -ms-transition: all 0.15s ease-out 0s;
}

.webest .blocks .block25.item-1 {
    background: url('../images/item-5.png') center 0 no-repeat;
}

.webest .blocks .block25.item-2 {
    background: url('../images/item-6.png') center 0 no-repeat;
}

.webest .blocks .block25.item-3 {
    background: url('../images/item-7.png') center 0 no-repeat;
}

.webest .blocks .block25.item-4 {
    background: url('../images/item-8.png') center 0 no-repeat;
}

/*
.webest .blocks .block25:hover {
    background-position: center 30px;
}*/

.news {
    overflow: hidden;
    background: #f4f4f4;
    padding: 35px 0px;
}

.news h2 {
    font-size: 28px;
    margin-bottom: 55px;
    text-transform: uppercase;
    text-align: center;
}

.news .left {
    width: 640px;
    float: left;
    margin-right: 24px;
}

.news .left .item {
    overflow: hidden;
    margin-bottom: 65px;
}

.news .left img {
    margin: 0 0 10px;
    display: block;
}

.news .left h3 {
    font-size: 16px;
    line-height: 1.3;
    padding: 10px 13px;
    margin: 0 0 7px;
    border: 1px solid #b6c0f5;
    background: #478eba;
    text-transform: uppercase;
    color: #fff;
}
.news .left h3 a {
    text-decoration: none;
}
.news .left a {
    color: inherit;
}

.news .left .date {
    color: #3d3d3d;
    font-size: 12px;
    margin-bottom: 15px;
    padding-left: 33px;
    background: url('../images/calendar.png') 4px center no-repeat;
    line-height: 18px;
}

.news .left .more {
    width: 196px;
    height: 40px;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    background: url('../images/button4.png') 0 0 no-repeat;
    color: #1f49ab;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
}

.news .left .more:hover {
    zoom: 1.1;
    opacity: 0.7
}

.news .right {
    width: 360px;
    float: left;
}

.news .right .item {
    margin-bottom: 17px;
}

.news .right .title {
    position: relative;
    z-index: 10;
    width: 247px;
    min-height: 32px;
    background: url('../images/title-news.png') 0 0 no-repeat;
    background-size: 100% 100%;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    padding: 13px 90px 13px 23px;
}

.news .right .title a {
    text-decoration: none;
}

.news .right a {
    color: inherit;
}

.news .right .introtext {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-top: 0;
    margin: 0 15px 0 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    padding: 17px 22px;
}

.news .right .introtext p {
    margin: 0 0 15px;
}

.news .right .introtext a {
    color: #1d49ac;
}

.news .right .introtext a:hover {
    padding-left: 20px;
}

.services {
    overflow: hidden;
    margin: 55px 0 55px;
}

.services h2 {
    font-size: 28px;
    margin-bottom: 55px;
    text-transform: uppercase;
    text-align: center;
}

.services .block30 {
    width: 325px;
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
}

.services .block30:nth-child(3n), .services .block30:nth-child(6n) {
    margin-right: 0;
}

.services .block30 span.icon {
    width: 70px;
    display: inline-block;
    height: 40px;
    float: left;
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    -ms-transition: all 0.15s ease-out 0s;
}

.services .block30 span.icon.item-1 {
    background: url('../images/icon-item1.png') 0 0 no-repeat;
}

.services .block30 span.icon.item-2 {
    background: url('../images/icon-item2.png') 0 0 no-repeat;
}

.services .block30 span.icon.item-3 {
    background: url('../images/icon-item3.png') 0 0 no-repeat;
}

.services .block30 span.icon.item-4 {
    background: url('../images/icon-item4.png') 0 0 no-repeat;
}

.services .block30 span.icon.item-5 {
    background: url('../images/icon-item5.png') 0 0 no-repeat;
}

.services .block30 span.icon.item-6 {
    background: url('../images/icon-item6.png') 0 0 no-repeat;
}

.services .block30:hover span.icon {
    background-position: 10px 0;
}

.services .block30 a {
    width: 255px;
    display: inline-block;
    float: right;
}

.about,
.page-container {
    overflow: hidden;
    margin-bottom: 40px;
}

.about h1,
.page-container h1 {
    font-size: 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
    text-align: center;
}

.left-menu {
    width: 365px;
    float: left;
    margin: 30px 30px 30px 0;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.19);
    clear: left;
}

.left-menu .title {
    padding: 13px 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
}

/*
.left-menu .title.item-1 {
    background: #60cef2 url('../images/img7.png') 3px bottom no-repeat;
}
*/

.left-menu .title.item-2 {
    background: #60cef2 url('../images/img8.png') 3px bottom no-repeat;
}


.left-menu ul {
    margin: 7px 0 4px;
    padding: 0;
}

.left-menu ul li.level-1 {
    list-style: none;
    position: relative;
    margin-bottom: 3px;
}

.left-menu ul li.level-1 a {
    padding: 8px 8px 8px 28px;
    /*background: #e3dfdf url('../images/left-li-1.png') 8px 12px no-repeat;*/
    display: block;
    height: auto;
    text-decoration: none;
}

.left-menu ul li.level-1 a:hover {
    text-decoration: underline;
    color: #000;
}
/*
.left-menu ul li.level-1.active a {
    color: #fff;
    background-color: #80a8c1;
}
*/

/*
.left-menu ul li.level-1 a::before {
    content: "";
    width: 1px;
    height: 70%;
    background: url('../images/left-li-1-after.png') 0 0 repeat-y;
    display: block;
    position: absolute;
    top: 25px;
    left: 13px;
    z-index: 100;
}

.left-menu li.level-1.open a::before {
    height: 97%;
}

.left-menu ul li.level-1:last-child a::before {
    display: none;
}
*/

.left-menu ul.secondlevel {
    display: none;
    margin: 5px 0 5px 25px;
    padding: 0;
}

.left-menu li.level-1.open ul.secondlevel {
    display: block;
}

.left-menu ul.secondlevel li.level-2 {
    list-style: none;
    position: relative;
    margin-bottom: 3px;
}

.left-menu ul.secondlevel li.level-2 a {
    padding: 8px 8px 8px 28px;
    display: block;
    height: auto;
    /*background: #eeeded url('../images/left-li-2.png') 8px 13px no-repeat;*/
}

.left-menu ul li.level-1.active li.level-2 a {
    color: #000;
    /*background-color: #eeeded;*/
}

.left-menu ul li.level-1 li.level-2.active a {
/*    color: #fff; */
/*    background-color: #80a8c1; */
    background-color: #fff;
    color: rgb(41, 58, 164);
    font-weight: bold;
}

/*
.left-menu ul.secondlevel li.level-2 a::before {
    content: "";
    width: 1px;
    height: 70%;
    background: url('../images/left-li-2-after.png') 0 0 repeat-y;
    display: block;
    position: absolute;
    top: 23px;
    left: 12px;
    z-index: 100;
}

.left-menu ul.secondlevel li.level-2.open a::before {
    height: 97%;
}

.left-menu ul.secondlevel li.level-2:last-child a::before {
    display: none;
}
*/


.left-menu ul.third {
    display: none;
    margin: 5px 0 5px 22px;
    padding: 0;
}

.left-menu li.level-2.open ul.third {
    display: block;
}

.left-menu ul.third li.level-3 {
    list-style: none;
    position: relative;
    margin-bottom: 3px;
}

.left-menu ul.third li.level-3 a {
    padding: 8px 8px 8px 28px;
    display: block;
    height: auto;
    background: #d8f0ff url('../images/left-li-3.png') 8px 13px no-repeat;
}

.left-menu ul li.level-1.active li.level-2.active li.level-3 a {
    color: #000;
    background-color: #d8f0ff;
}

.left-menu ul li.level-1.active li.level-2.active li.level-3.active a {
    color: #fff;
    background-color: #80a8c1;
}

.left-menu ul.third li.level-3 a::before {
    content: "";
    width: 1px;
    height: 70%;
    background: url('../images/left-li-3-after.png') 0 0 repeat-y;
    display: block;
    position: absolute;
    top: 23px;
    left: 12px;
    z-index: 100;
}

.left-menu ul.third li.level-3:last-child a::before {
    display: none;
}

.left-menu ul li.level-1 li.level-2 li.level-3.active a {
    color: #fff;
    background-color: #80a8c1;
}

.partner {
    margin-bottom: 20px;
}

.partner img {
    margin: 0 15px;
}

.prev-product-title {
    overflow: hidden;
}

.prev-product-title span {
    display: inline-block;
    padding: 5px 20px;
    background-color: #cccccc;
    float: left;
}

.prev-product-title span.active {
    background: #189cc5;
    color: #fff;
}

.prev-product {
    width: 660px;
    height: 140px;
    background: #d7f5ff;
    border: 4px solid #189cc5;
    margin-bottom: 17px;
}

.prev-product ul {
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
}

.prev-product ul.active {
    height: 140px;
    margin: 5px 0 0;
}

.prev-product li::before {
    display: none;
}

.products {
    overflow: hidden;
}

.products ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.products li {
    float: left;
    width: 195px;
    height: 195px;
    padding: 10px;
    background-color: #ebebeb;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 15px;
    cursor: pointer;
    list-style: none;
}

.products li:hover {
    background-color: #bbd6ea;
}

.products li:nth-child(3n) {
    margin-right: 0;
}

.products li::before {
    display: none;
}

.products li img {
    margin-bottom: 5px;
}

.products li .title {
    display: block;
    text-align: center;
    clear: both;
    text-decoration: none;
}

.product img {
    float: left;
    margin: 0 10px 20px 0;
}

.product h3 {
    height: 44px;
    line-height: 44px;
    /*background: url('../images/title-table.jpg') 0 0 no-repeat;
    color: #fff;*/
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    clear: both;
}

.product table {
    width: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.26);
    margin-bottom: 15px;
    border-spacing: 0;
}

.product table td {
    padding: 4px;
}

.product table tr:first-child td {
    color: #fff;
}

.product table tr:first-child td:first-child {
    background: #293aa4;
    padding: 10px !important;
    font-weight: 700;
}

.product table tr:first-child td:nth-child(1n+2) {
    background: #293aa4;
    padding: 5px;
    font-weight: 700;
}
/*
.product table tr:first-child td:nth-child(1n+3) {
    background: #5cc6e9;
}

.product table tr:first-child td:nth-child(1n+4) {
    background: #59bfe1;
}

.product table tr:first-child td:nth-child(1n+5) {
    background: #55b7d7;
}

.product table tr:first-child td:nth-child(1n+6) {
    background: #54b3d3;
}
*/
.product table tr td {
    background: #f0f0f0;
}

.product table tr td:nth-child(2n) {
    background: #f5f5f5;
}

.product table tr:nth-child(2n) td {
    background: #fafafa;
}

.product table tr:nth-child(2n) td:nth-child(2n) {
    background: #ffffff;
}

.sertifikat {
    overflow: hidden;
    width: 696px;
    margin: 0 auto 50px;
}

.sertifikat h3 {
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}

.sertifikat a {
    display: inline-block;
    float: left;
    margin: 0 16px;
    width: 200px;
    overflow: hidden;
}

.sertifikat a img {
    width: 100%;
    height: auto;
}

.map {
    width: 100%;
    height: 612px;
    position: relative;
    overflow: hidden;
}

.map .mapcontent {
    width: 1920px;
    height: 612px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

/*
.map .contacts {
    width: 392px;
    height: 545px;
    padding: 0 21px;
    background: url('../images/map-fon.png') center 0 no-repeat;
    float: left;
}
*/

.map .contacts div.logo {
    width: 100%;
    height: 74px;
}

.map .contacts div.logo .logo {
    width: 100%;
    height: 100%;
    display: block;
    background: url('../images/lofo-map.png') center no-repeat;
}

.map .contacts table {
    margin: 40px 30px;
}

.map .contacts table td {
    padding: 6px 3px;
    color: #4f4f4f;
}

.map .contacts table tr td:first-child {
    font-weight: bold;
}

/*
.map .contacts .pdf {
    display: block;
    text-decoration: none;
    text-align: center;
    background: url('../images/pdf.png') center 0 no-repeat;
    padding-top: 50px;
}
*/

/*
.map .ordercoll {
    width: 427px;
    height: 74px;
    background: url('../images/order-coll-fon.jpg') 0 0 no-repeat;
    float: left;
    text-align: center;
}

.map .ordercoll a {
    display: inline-block;
    height: 74px;
    line-height: 74px;
    text-transform: uppercase;
    padding: 0 0 0 78px;
    background: url('../images/order-coll.png') 0 center no-repeat;
    font-size: 22px;
    color: #fff;
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    -ms-transition: all 0.15s ease-out 0s;
}

.map .ordercoll a:hover {
    background-position: 10px center;
}
*/

/*
.footer {
    overflow: hidden;
    width: 100%;
    min-height: 447px;
    background: #456A94 url('../images/footer-fon.jpg') center 0 no-repeat;
    background-size: auto 100%;
    color: #fff;
}
*/



.footer .feedback h3 {
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    margin: 17px 0 22px;
}

.footer .feedback form div {
    position: relative;
}

/*
.footer .feedback input, .footer .feedback textarea {
    color: #fff;
    font-style: italic;
    font-size: 14px;
    padding: 8px 10px 8px 70px;
    margin-bottom: 9px;
    border-radius: 5px;
    width: 260px;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
*/

.footer .feedback span {
    width: 23px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 15px;
}

/*
.footer .feedback .item-1 span {
    background: url('../images/iconf1.png') 0 center no-repeat;
}

.footer .feedback .item-2 span {
    background: url('../images/iconf2.png') 0 center no-repeat;
}

.footer .feedback .item-3 span {
    background: url('../images/iconf3.png') 0 center no-repeat;
}

.footer .feedback .button {
    width: 196px;
    height: 40px;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    background: url('../images/button4.png') 0 0 no-repeat;
}


.footer .feedback .button button {
    background: url('../images/img6.png') 19px center no-repeat;
    outline: none;
    width: 196px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 31px;
    border: 0;
    color: #1f49ab;
    font-size: 16px;
    transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    -ms-transition: all 0.15s ease-out 0s;
}

.footer .feedback .button:hover button {
    background-position: 26px center;
}
*/

.footer .socseti {
    width: 153px;
    height: 25px;
    margin: 28px auto 15px;
}

.footer .socseti .pluso-wrap {
    position: relative;
    left: 0;
    width: 175px;
}

.footer .socseti .pluso-wrap div {
    background: none !important;
    position: relative;
    margin-right: 9px;
}

.footer .socseti .pluso-wrap div a {
    height: 30px;
    margin: 0 10px 0 0;
}

.footer .socseti .pluso-wrap div b {
    height: 11px;
    padding: 1px 5px;
    border-radius: 3px;
    background: #6e79d2;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 9px;
    line-height: 11px;
}

.footer .socseti .pluso-wrap div .pluso-vkontakte {
    background: url('../images/vk.png') 0 center no-repeat;
    width: 32px;
}

.footer .socseti .pluso-wrap div .pluso-facebook {
    background: url('../images/f.png') 0 center no-repeat;
    width: 11px;
}

.footer .socseti .pluso-wrap div .pluso-google {
    background: url('../images/g.png') 0 center no-repeat;
    width: 29px;
}

.footer .socseti .pluso-wrap div .pluso-twitter {
    background: url('../images/t.png') 0 center no-repeat;
    width: 27px;
}

.footer .socseti .pluso-wrap .pluso-more, .footer .socseti .pluso-counter {
    display: none;
}

.footer .menu {
    float: right;
    margin: 45px 0 20px;
}

.footer .menu ul {
    margin: 0;
    padding: 0;
}

.footer .menu li.level-1 {
    width: 165px;
    float: left;
    display: block;
    list-style: none;
}

.footer .menu li.level-1 a {
    color: #fff;
    display: inline-block;
    padding: 40px 20px 0;
    background-position: 50% 40%;
    /*height: 34px;*/
    background-repeat: no-repeat;
    text-decoration: none;
}

.footer .menu li.level-1 a.item-1 {
    background-image: url('../images/item1.png');
}

.footer .menu li.level-1 a.item-2 {
    background-image: url('../images/item2.png');
}

.footer .menu li.level-1 a.item-3 {
    background-image: url('../images/item3.png');
}

.footer .menu li.level-1 a.item-4 {
    background-image: url('../images/item4.png');
}

.footer .menu li.level-1 ul.secondlevel {
    overflow: hidden;
    margin: 0;
    list-style: none;
}


.footer .menu li.level-2 {
    color: #fff;
    text-align: left;
    margin-left: 15px;
    position: relative;
}
/*
.footer .menu li.level-2 a {
    list-style: outside url("../images/top-li.png") none;
}
*/
.footer .menu li.level-2 a {
    padding: 10px 0 0;
    height: auto;
    display: inherit;
    text-decoration: none;
    line-height: 1;
}

.footer .menu li.level-2 a:hover {
    text-decoration: underline;
}

/*
.footer .menu li.level-2 a::before {
    content: "";
    width: 1px;
    height: 87%;
    background: #fff;
    display: block;
    position: absolute;
    top: 22px;
    left: -11px;
}

.footer .menu li.level-2:last-child a::before {
    display: none;
}
*/

.footer .copiright {
    width: 645px;
    text-align: center;
    line-height: 1;
    float: left;
}

.footer .phone {
    width: 240px;
    float: left;
    margin-left: 5px;
    margin-top: 15px;
    color: #fff;
    font-size: 22px;
    text-align: right;
    line-height: 1;
}

.footer .phone sub {
    padding: 0 0 0 20px;
    background: url('../images/phone.png') 0 50% no-repeat;
}

.footer .varnoff {
    width: 67px;
    height: 35px;
    background: url('../images/varnoff.png') 0 0 no-repeat;
    float: right;
}
.index-page .slogan .search {
    margin-top: 3px;
}
.inside .header {
    height: 130px;
    overflow: visible;
    border-bottom: 3px solid #293aa4;
}
.inside .slogan {
    margin: 13px 0 0;
}

.inside .slogan span {
    width: 30%;
    font-size: 16px;
}
.inside .button.help,
.inside .button.order{
    float: left;
}

.inside .news {
    padding: 0 0 20px;
}

.inside .news h1 {
    margin: 20px 0 30px;
    text-align: left;
}

.inside .contacts {
    padding: 0 0 20px;
}

.inside .contacts h1 {
    margin: 20px 0 30px;
    text-align: left;
}

.inside .contacts table {
    margin: 0 auto;
}

.inside .contacts table td {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.inside .contacts table td:first-child {
    text-align: center;
}

.inside .about,
.inside .page-container{
    overflow: visible;
}

.inside .about h1,
.inside .page-container h1 {
    margin: 20px 0 30px;
    text-align: left;
    border-bottom: 1px solid #c2c2c2;
}

.inside .about h1 span,
.inside .page-container h1 span {
    font-size: 25px;
    color: #80a7bf;
    font-weight: normal;
    float: right;
}

.about .images,
.about .page-container {
    width: 433px;
    margin: 0 20px 20px 0;
    float: left;
}

.inside .about .text,
.inside .page-container .text {
    float: right;
    width: 674px;
}

.inside .about .text ul,
.inside .page-container .text ul {
    list-style: none;
    padding: 0;
}

.inside .about .text ul li:before {
    content: "- "
}

.inside .about .videolist .block30,
.inside .page-container .videolist .block30 {
    width: 330px;
    margin-right: 14px;
    text-align: center;
}

.inside .about .videolist .block30:last-child,
.inside .page-container .videolist .block30:last-child {
    margin-right: 0;
}

@media only screen and (max-height: 700px) {
    /*.index-page .header {
        height: 650px;
    }
    .slidelist {
        height: 585px;
    }

    .slick-slide {
        min-height: 585px;
    }

    .slick-slide img {
        max-height: 500px;
        margin-left: 50px;
    }

    .slidelist li {
        font-size: 15px;
    }*/

}
.ymaps-2-1-74-svg-icon{
    background-image: url(/upload/images/map-mark.png)!important;
    width: 107px!important;
    height: 130px!important;
background-size: 107px 130px!important;
}