@font-face {
    font-family: 'OPENSANS-REGULAR';
    src: url('/assets-web/fonts/opensans/OPENSANS-REGULAR.TTF') format('truetype');
}

@font-face {
    font-family: 'OPENSANS-SEMIBOLD';
    src: url('/assets-web/fonts/opensans/OPENSANS-SEMIBOLD.TTF') format('truetype');
}

body {
    font-family: 'OPENSANS-REGULAR';
    word-wrap: break-word;
}

.row-header {
    padding-bottom: 25px;
}

.row-header .col-header-logo {
    text-align: center;
    padding-right: 0px;
}

.row-header .col-header-logo img {
    margin-top: 30px;
    width: 100%;
    max-width: 210px;
}

.row-header .col-header-menu {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.row-header .col-header-menu ul {
    margin-top: 50px;
}

.row-header .col-header-menu ul li {
    float: left;
    list-style: none;
}
.row-header .col-header-menu ul li.active {
    font-weight: bold;
}
.row-header .col-header-menu ul li a {
    text-transform: uppercase;
    color: #636464;
    font-size: 14px;
    padding: 10px;
}

.row-header .col-header-info {
    color: #2855A1;
    padding-left: 0px;
    padding-right: 0px;
}

.row-header .col-header-info .tel {
    font-family: 'OPENSANS-SEMIBOLD';
    font-size: 16px;
    margin-top: 40px;
    width: 100%;
    float: left;
}

.row-header .col-header-info .email {
    font-size: 14px;
    width: 132px;
    float: left;
}
.row-header .col-header-info .ico-email {
    margin-top: -10px;
    display: block;
    width: 27px;
    float: left;
    margin-left: 12px;
}
.row-header .col-header-info .ico-email img {
    width: 100%;
    float: left;
}

.row-footer {
    background: #141416;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 45px;
    margin-top: 45px;
}

.row-footer .copyright {
    color: #fff;
    font-size: 16px;
}

.row-content-tabs {
    height: 283px;
    padding-top: 0px;
}

.row-content-tabs.active-1 {
    background: url("/assets-web/images/index_open_blue.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
}
.row-content-tabs.active-2 {
    background: url("/assets-web/images/index_open_green.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
    height: 281px;
}
.row-content-tabs.active-3 {
    background: url("/assets-web/images/index_open_yellow.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
    height: 274px;
}

.row-content-tabs .col-md-4 {

}

.row-content-tabs .slide {
    background-size: cover;
    margin-top: 35px;
    border-radius: 9px;
    overflow: hidden;
}

.row-content-tabs .slide img {
    width: 100%;
    transition: opacity 0.5s;
    opacity: 1;
    border-radius: 9px;
}

.row-content-tabs .slide:hover {
    cursor: pointer;
}

.row-content-tabs .slide:hover img {
    opacity: 0;
}

.row-content-tabs .slide.active img {
    opacity: 0;
}
.row-content-tabs .slide.active .title {
    display: none;
}


.row-content-tabs .slide .title {
    font-family: 'OPENSANS-SEMIBOLD';
    position: absolute;
    font-size: 19px;
    width: 94%;
    margin-top: -138px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.row-content-tabs .slide-1 {
    background: url("/assets-web/images/tab-1-image.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
}

.row-content-tabs .slide-2 {
    background: url("/assets-web/images/tab-2-image.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
}

.row-content-tabs .slide-3 {
    background: url("/assets-web/images/tab-3-image.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
}

.row-content-tabs .slide .button {
    font-family: 'OPENSANS-SEMIBOLD';
    position: absolute;
    font-size: 19px;
    width: 94%;
    margin-top: -76px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.row-content-tabs .slide .button span {
    font-size: 12px;
    padding: 6px 20px;
    border: 1px solid #fff;
    font-family: 'OPENSANS-REGULAR';
}

.row-content-tabs .slide .button span:hover {
    cursor: pointer;
}

.row-tabs-content {
    transition: opacity 0.3s, height 0.5s;
    opacity: 0;
    display: none;
    width: 100%;
    margin-left: 100%;
}

.row-tabs-content.active {
    opacity: 1;
    display: inline-block;
    margin-left: 0px;
}

.row-tabs-content.active-line {
    opacity: 1;
    display: inline-block;
    margin-left: 0px;
}
.row-tabs-content.active-line .item {
    opacity: 0.5!important;
}
.row-tabs-content.active-line .item.active{
    opacity: 1!important;
}

.row-tabs-content .title {
    font-family: 'OPENSANS-SEMIBOLD';
    font-size: 19px;
    text-align: center;
    color: #2855A1;
    padding-top: 40px;
    padding-bottom: 40px;
    text-transform: uppercase;
}

.row-tabs-content .item {
    border-radius: 2px;
    overflow: hidden;
    margin-top: 10px;
}

.row-tabs-content-1 .item {
    background: #28539F;
}

.row-tabs-content-2 .item {
    background: #0E9070;
}

.row-tabs-content-3 .item {
    background: #D7AE0A;
}

.row-content-tabs-1-line-1 {
    border-bottom: 1px solid #28539F;
    width: 100%;
    margin-top: 20px;
}

.row-content-tabs-1-line-2 {
    border-left: 1px solid #28539F;
    width: 1px;
    height: 150px;
    float: right;
    margin-top: 20px;
    position: absolute;
    margin-left: 97%;
    margin-top: -27%;
}
.row-tabs-content .item a {
    float: left;
    width: 100%;
    display: inline-block;
}
.row-tabs-content .item .image {
    width: 43%;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.row-tabs-content .item .name {
    font-family: 'OPENSANS-SEMIBOLD';
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    width: 91.5%;
    padding-left: 39%;
    margin-top: 31px;
}

.row-tabs-content .item .name.two-line {
    line-height: 14px;
    margin-top: 23px;
}
.row-tabs-content .item .name.three-line {
    line-height: 14px;
    margin-top: 16px;
    font-size: 10px;
}
.row-tabs-content .item:hover {
    cursor: pointer;
    opacity: 1!important;
}

.carousel {
    overflow: hidden;
    background: #3E75C4;
    height: auto!important;
}

.slick-dotted.slick-slider {
    margin-bottom: -17px!important;
}

.carousel .carousel-inner {
    width: 100%;
    float: left;
}

.carousel .carousel-inner .item {
    transition: opacity 1s ease-out 0.5s;
    opacity: 0;
    transform: none;
}

.carousel .carouser-text {
    width: 40%;
    float: left;
    position: absolute;
    right: 0px;
}
.carousel .carouser-text span {
    position: absolute;
    float: left;
    left: 20%;
    text-transform: uppercase;
    font-size: 18px;
    width: 357px;
    margin-top: 15%;
    color: #fff;
}

.carousel .carouser-text img {
    width: 100%!important;
}

.carousel .carousel-indicators {
    float: left;
    left: 70%;
}

.carousel .carousel-indicators li {
    margin-top: 4px;
    position: relative;
    float: left;
    margin-left: 5px;
}

.carousel-indicators li.active {
    background: #F6C10F;
    border: 0px;
    width: 18px;
    height: 18px;
    margin-top: 0px !important;
}

.carousel .left {
    width: 70px;
}

.carousel .right {
    width: 70px;
    right: 40%;
}

.carousel .left span {

}

.carousel .right span {

}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.content-header {
    background: url("/assets-web/images/header-h1.jpg") repeat-x 0px 0px transparent;
    height: 50px;
}
.content-header h1 {
    text-transform: uppercase;
    font-family: 'OPENSANS-SEMIBOLD';
    font-size: 22px;
    text-align: center;
    color: #fff;
    padding: 0px;
    margin: 0px;
    padding-top: 12px;
}
.content-container {
    text-align: justify;
    min-height: 600px;
}
.content-container h2 {
    font-family: 'OPENSANS-SEMIBOLD';
    font-size: 22px;
    color: #666666;
    text-align: center;
}
.content-container h2.small-left {
    font-family: 'OPENSANS-SEMIBOLD';
    font-size: 20px;
    width: 50%;
    color: #666666;
    float: left;
    text-align: left;
    padding-bottom: 40px;
}
.content-container .download-list {
    margin-top: 25px;
    border: 2px solid #2855a1;
    background: transparent;
    padding: 10px 30px;
    text-transform: uppercase;
    color: #2855a1;
    float: right;
}
.content-container .text {
    font-family: 'OPENSANS-REGULAR';
    color: #666666;
}
.content-container .text p {

}
.content-container .text ul {
    list-style: none;
}
.content-container .text ul li {
    list-style: none;
}
.content-container .vertical-text {

}
.content-container .vertical-text p {

}
.content-container .vertical-text span {
    margin-top: 10%;
    display: inline-block;
    width: 50%;
}
.content-container .image{
    padding-top: 20px;
}
.content-container .image img {
    width: 100%;
}
.content-container .caption-big {
    background: #2855A1;
    color: #fff;
    padding: 20px;
    min-height: 100px;
    text-align: center;
}
.content-container .caption {
    background: #2855A1;
    color: #fff;
    padding: 20px;
    text-align: center;
}
.content-container .image-right{
    line-height: 25px;
}
.content-container .image-right img {
    width: 100%;
}
.content-container .image-left{
    line-height: 25px;
}
.content-container .image-left img {
    width: 100%;
}
.content-container .image-right-double {
    padding-bottom: 40px;
}
.content-container .image-right-double img {
    width: 100%;
    margin-top: 30px;
}
/*--------------------------*/
.slick-dots {
    margin-left: 47%!important;
    float: left!important;;
}
.slick-slider .item img {
    width: 60%;
    float: left;
}
.slick-next {
    right: 41%;
    background: url("/assets-web/images/next.png") repeat-x 0px 0px transparent!important;
    width: 47px;
    height: 64px;
    z-index: 999!important;
    opacity: 0.5;

}
.slick-prev {
    left: 5px;
    background: url("/assets-web/images/prev.png") repeat-x 0px 0px transparent!important;
    width: 47px;
    height: 64px;
    z-index: 999!important;
    opacity: 0.5;
}
.slick-arrow:hover {
    opacity: 1;
    display: block;
}
.slick-dots {
    bottom: 30px;
    width: 200px;
    float: right;
    position: relative;
}
.slick-dots li {
    background: #fff;
    border-radius: 8px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
}
.slick-dots li.slick-active {
    background: #F7BE0F;
    width: 13px;
    height: 13px;
    margin-top: -2px;
    display: block;
}
.slick-prev:before, .slick-next:before {
    font-family: "Arial";
    content: "";
}
.slick-dots li button {
    display: none;
}


.content-image{
    padding-bottom: 40px;
}
.content-image img {
    width: 100%;
}

.contacts {
    min-height: 600px;
}
.contacts .col-md-5 {
    margin-top: 50px;
}
.contacts .col-md-7 {
    margin-top: 50px;
}
.contacts h2 {
    margin: 0px;
    padding: 0px;
    margin-left: 43px;
    /* width: 100%; */
    text-align: left;
    font-size: 19px;
}
.contacts p {
    margin-left: 45px;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
}
.contacts ul {
    margin-left: 5px;
}
.contacts ul li {
    list-style: none;
    padding-top: 2px;
    padding-bottom: 5px;
}

.dropdown-item {

}
.dropdown-item:hover ul {
    display: block;
}
.dropdown-item ul {
    position: absolute;
    z-index: 1;
    margin: 0px!important;
    padding: 0px!important;
    width: 300px;
    background: #fff;
    margin-left: -80px!important;
    margin-top: 10px!important;
    border: 1px solid #467FCE;
    display: none;
}
.dropdown-item ul li {
    display: inline-block;
    float: left;
    text-align: center;
    border-bottom: 1px solid #467FCE;
    width: 100%;
}
.dropdown-item ul li:last-child {
    border-bottom: 0px solid #467FCE;
}
.dropdown-item ul li a {
    float: left;
    display: inline-block;
    width: 100%;
}

.lightbox-ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-top: 60px;
}
.lightbox-ul li {
    float: left;
    list-style: none;
    width: 247px;
    padding: 10px;
    border: 1px solid #62A5F6;
    margin: 10px;
    height: 430px;
}
.lightbox-ul li .icon-download {
    float: right;
}
.lightbox-ul li .icon-download img {

}
.lightbox-ul li a {

}
.lightbox-ul li a img {
    width: 100%;
}
.lightbox-ul li .prev {

}
.lightbox-ul li a span {
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: center;
    height: 50px;
}

.nav-left {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-top: 60px;
}
.nav-left li {
    margin: 0px;
    padding: 10px;
    list-style: none;
}
.nav-left li a {

}
.nav-left .active {
    font-weight: bold;
}

/*#lightbox img {
    width: auto!important;
    height: auto!important;
}

#lightbox .lb-outerContainer, .lb-dataContainer {
    max-width: 620px;
    width: auto!important;
    height: auto!important;
}*/

.news {
    padding: 0px;
    margin: 0px;
    margin-top: 40px;
}
.news .date {
    color: #3E73C1;
    padding-right: 20px;
}
.news li {
    margin: 0px;
    padding: 7px;
    list-style: none;
    width: 100%;
    display: inline-block;
}
.news-block {
    min-height: 500px;
}
.news-block .col-md-10 {
    padding-left: 0px;
}
.news-block p {
    padding-left: 95px;
    padding-top: 10px;
}
.news li a.l {
    color: #636464;
    font-size: 17px;
    font-weight: bold;
}
.news li .image {
    width: 300px;
    float: left;
}
.news li .data {
    float: left;
    padding-top: 20px;
    width: 600px;
}
.news li .next {
    font-size: 12px;
}
.news li .image img {
    width: 100%;
}

.photo-gallery {
    background: #2A54A3;
    display: inline-block;
    margin-top: -2px;
}
.photo-gallery .col-md-4 {
    padding-top: 22px;
    padding-bottom: 22px;
}
.photo-gallery .col-md-4 .img {
    min-height: 248px;
}
.photo-gallery .col-md-4 .img img {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}
.photo-gallery .col-md-4 ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    min-height: 100px;
}
.photo-gallery .col-md-4 ul li {
    list-style: none;
    color: #fff;
    text-align: left;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
}
.photo-gallery .col-md-4 img {

}
.tabs-photo-products {
    height: auto;
    padding-bottom: 0px;
    display: inline-block;
    float: left;
}
.tabs-photo-products .slide {
    margin-top: 0px;
}
.tabs-photo-products .active {

}
.tabs-photo-products .col-md-4 {
    padding: 13px;
    margin-top: 20px;
    padding-bottom: 10px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.tabs-photo-products.active {
    display: inline-block!important;
}
.tabs-photo-products .col-md-4.active {

}
.photo-gallery.active {
    display: inline-block!important;
}

.tabs-photo-products .active-1 {
    background:#2A54A3;
}
.tabs-photo-products .active-2 {
    background:#0E9070;
}
.tabs-photo-products .active-3 {
    background:#D4AC0A;
}


.tabs-photo-products {
    padding-top: 0px;
}

.tabs-photo-products.active-1 {
    background: url("/assets-web/images/index_open_blue.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
}
.tabs-photo-products.active-2 {
    background: url("/assets-web/images/index_open_green.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
    height: 281px;
}
.tabs-photo-products.active-3 {
    background: url("/assets-web/images/index_open_yellow.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
    height: 274px;
}

.tabs-photo-products .col-md-4 {

}

.tabs-photo-products .slide {
    background-size: cover;
    margin-top: 0px;
    border-radius: 9px;
    overflow: hidden;
}

.tabs-photo-products .slide img {
    width: 100%;
    transition: opacity 0.5s;
    opacity: 1;
    border-radius: 9px;
}

.tabs-photo-products .slide:hover {
    cursor: pointer;
}

.tabs-photo-products .slide:hover img {
    opacity: 0;
}

.tabs-photo-products .slide.active img {
    opacity: 0;
}
.tabs-photo-products .slide.active .title {
    display: none;
}


.tabs-photo-products .slide .title {
    font-family: 'OPENSANS-SEMIBOLD';
    position: absolute;
    font-size: 19px;
    width: 94%;
    margin-top: -138px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.tabs-photo-products .slide-1 {
    background: url("/assets-web/images/tab-1-image.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
}

.tabs-photo-products .slide-2 {
    background: url("/assets-web/images/tab-2-image.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
}

.tabs-photo-products .slide-3 {
    background: url("/assets-web/images/tab-3-image.jpg") no-repeat 0px 0px transparent;
    background-size: cover;
}

.tabs-photo-products .slide .button {
    font-family: 'OPENSANS-SEMIBOLD';
    position: absolute;
    font-size: 19px;
    width: 94%;
    margin-top: -76px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.tabs-photo-products .slide .button span {
    font-size: 12px;
    padding: 6px 20px;
    border: 1px solid #fff;
    font-family: 'OPENSANS-REGULAR';
}

.tabs-photo-products .slide .button span:hover {
    cursor: pointer;
}

.turnkey-solutions {
    margin-top: -50px;
}
.turnkey-solutions ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.turnkey-solutions ul li {
    list-style: none;
    position: absolute;
    width: 220px;
    background: #2A54A3;
    padding: 5px;
    border-radius: 2px;
}
.turnkey-solutions ul li span {
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.turnkey-solutions ul li img {
    width: 100%;
}
.turnkey-solutions ul li.img-9 {
    margin-top: 140px;
    margin-left: 180px;
}
.turnkey-solutions ul li.img-1 {
    margin-top: 80px;
    margin-left: 440px;
}
.turnkey-solutions ul li.img-2 {
    margin-top: 140px;
    margin-left: 705px;
}
.turnkey-solutions ul li.img-8 {
    margin-top: 330px;
    margin-left: 130px;
}
.turnkey-solutions ul li.img-7 {
    margin-top: 520px;
    margin-left: 180px;
}
.turnkey-solutions ul li.img-6 {
    margin-top: 710px;
    margin-left: 300px;
}
.turnkey-solutions ul li.img-5{
    margin-top: 710px;
    margin-left: 590px;
}
.turnkey-solutions ul li.img-3 {
    margin-top: 330px;
    margin-left: 766px;
}
.turnkey-solutions ul li.img-4 {
    margin-top: 520px;
    margin-left: 705px;
}
.turnkey-solutions ul li.active {
    z-index: 1;
}
.turnkey-solutions-center {
    width: 300px;
    position: absolute;
    margin-left: 395px;
    margin-top: 300px;
}
.turnkey-solutions-center p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.turnkey-solutions-center span {
    background: #5C7BA9;
    width: 218px;
    border-radius: 4px;
    display: block;
    margin-left: 46px;
    /* margin-top: 50px; */
    padding: 10px 15px;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.turnkey-solutions-center ul {
    padding: 0px;
    margin: 0px;
    margin-top: 30px;
}
.turnkey-solutions-center ul li {
    list-style: none;
}
.turnkey-solutions-center ul li:nth-child(1) span {
    background: #2A54A3;
}
.turnkey-solutions-center ul li:nth-child(2) span {
    background: #0E9070;
}
.turnkey-solutions-center ul li:nth-child(3) span {
    background: #D4AC0A;
}

@media screen
and (max-device-width: 1000px)
{
    .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .row-header .col-header-info {
        text-align: center;
    }
    .row-header .col-header-info .email {
        width: 100%;
    }
    .row-header .col-header-info .ico-email img {
        display: none;
    }
    .row-header .col-header-menu ul li {
        width: 100%;
    }
    .content-header h1 {
        font-size: 13px;
        padding-top: 18px;
    }
    .row-content-tabs .slide .title {
        font-size: 13px;
        margin-top: -109px;
    }
    .row-content-tabs {
        height: auto!important;
    }
    .content-container {
        padding: 0px;
        margin: 0px;
    }
    .content-container .download-list {
        margin-top: 0px;
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .row-header .col-header-logo a {
        margin-left: -20px;
    }
    .row-header .col-header-logo {
        display: inline-block;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .row-header .col-header-menu {
        display: inline-block;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .row-header .col-header-menu ul {
        margin-left: -35px;
    }

    .row-header .col-header-menu ul li a {
        padding: 5px;
        display: block;
    }
    .carousel .carouser-text {
        display: none;
    }
    .slick-slider .item img {
        width: 100%;
    }
    .slick-next {
        right: 2%;
    }
    .slick-dots {
        margin-left: 34%!important;
    }
    .content-container .vertical-text span {
        width: 100%;
    }
    .tabs-photo-products .slide .title {
        font-size: 12px;
        margin-top: -102px;
    }
    .photo-gallery .col-md-4 .img {
        min-height: auto;
    }
    .news li .data {
        width: 100%;
    }
    .news .date {
        width: 100%;
        display: inline-block;
    }
    .news-block p {
        padding-left: 5px;
    }
    .contacts h2 {
        padding-left: 0px;
        margin-left: 5px;

    }
    .contacts p {
        padding-left: 0px;
        margin-left: 5px;
    }
    .contacts ul {
        padding-left: 0px;
    }
    ymaps {
      display: none!important;
    }
    .turnkey-solutions ul li {
        position: relative;
        margin: 2px!important;
        width: 100%;
    }
    .turnkey-solutions {
        margin-top: 30px;
    }
    .turnkey-solutions-center {
        width: 100%;
        position: relative;
        margin: 5px;
        margin-top: 30px;
    }
    .turnkey-solutions-center ul li {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .turnkey-solutions-center span {
        margin-left: 0px;
        display: inherit;
    }
}