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

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    background: #F9F9F9;
}

a {
    color: #018CFF;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

input:focus,
textarea:focus
{
    outline: none;
}


h1, .h1 {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 800;
    font-size: 30px;
    color: #313C5A;
}



.h1-inline {
    display: inline-block;
    margin-right: 10px;
}

.wrapper {
    width:100%;
    max-width: 1200px;
    margin: 0px auto;
    padding: 0 10px 0 10px;
}

.top-row{
    width:100%;
    display: inline-block;
    float: left;
}

.top-row div{
    width: 25%;
    float: left;
    height: 4px;
}

.top-row div:nth-of-type(1){
    background: #018CFF;
}

.top-row div:nth-of-type(2){
    background: #2EAB2E;
}

.top-row div:nth-of-type(3){
    background: #FF3F52;
}

.top-row div:nth-of-type(4){
    background: #FFCD37;
}

/*----HEADER-----*/
.header {
    display: inline-block;
    float: left;
    width:100%;
    padding: 0 0 20px 0;
    background: #fff;
    border-bottom: 1px solid #F3F3F3;
}

.header__logo {
    display: inline-block;
    width:264px;
    height: 40px;
    margin-top:25px;
    float: left;
    background: url('../images/logo-header.png') no-repeat;
}

.header__right{
    display: inline-block;
    width: calc(100% - 264px);
    float: left;
}

.header__desc {
    display: inline-block;
    width: calc(100% - 400px);
    margin-left: 30px;  
    height: 50px;  
    border-left: 1px solid #EDEBEA;
    color: #949494;
    padding: 0px 0 0 30px;
    margin-top: 15px;
}

.header-search {
    display: inline-block;
    float: right;
    padding: 7px 0 5px 0;
}

/*---------search-------*/
.search-form{
    display: inline-block;
    position: relative;
    width: 100%;
    float: left;
    height: 40px;

}


.search-form__string{
    width: 100%;
    height: 40px;
    background: #fff;
    font-size: 14px;
    border: 1px solid #EDEBEA;
    padding: 0 30px 0 15px;
    border-radius: 6px;

}

.search-form__string:focus{
    outline: none;
    border-color: #018CFF;
}

.search-form__btn {
    display: inline-block;
    position: absolute;
    width: 38px;
    height: 38px;
    right: 2px;
    top: 2px;
    background: none;
    cursor: pointer;
    padding: 0;
    border:none;
}

.search-form__icon{
    display: inline-block;
    float: left;
    margin: 0 0 0 10px;
    width: 17px; height: 16px;
    fill:#000;
}

.search-form__btn:hover .search-form__icon{
    fill: #018CFF;
}

.search-autocomplete {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: #fff;
    width: 100%;
    color: #0E2E47;
    min-width: 200px;
    /* max-width: 400px; */
    z-index: 1000;
    /* border: 1px solid #ebebeb; */
    font-size: 13px;
    border-radius: 0 0 3px 3px;


    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.search-autocomplete__container {
    display: table;
    width: 100%;
}

.search-autocomplete__container a{
    color: #000;
    text-decoration: none;
}

.search-autocomplete__product{
    display: inline-block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #E9E9E9;
    padding: 7px 10px;
}

.search-autocomplete__product:last-child{
    border-bottom: none;
}

.search-autocomplete__product:hover {
    background: #F1F1F3;
}

.search-autocomplete__product:hover .sr-title{
    color: #018CFF;
    text-decoration: underline;
}

.search-autocomplete__product-img{
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 70px;
    height: 50px;

}

.search-autocomplete__product-img img{
    max-width: 100%;
    min-height: 100%;
}

.search-autocomplete__product-desc{
    display: inline-block;
    float: left;
    width: calc(100% - 70px);
    padding-left: 10px;
}

.search-autocomplete__product-price {
    padding-top: 5px;
    color: #0E2E47;
    text-decoration: none;
    font-weight: 600;
}

/*---------end search------*/

.header__contacts {
    display: inline-block;
    float: right;
}

.header__phone {
    display: inline-block;
    margin-left:30px;
    font-size: 16px;
    font-weight: 700;
    margin-top:15px;
    float: left;
}

.header__callback {
    float: left;
    display: inline-block;
    padding: 10px 15px;
    margin-top:15px;
    height: 42px;
    border: 2px solid #EDEBEA;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
    margin-left: 20px;    
    font-size: 13px;    
}

.header__callback:hover {
    color:#fff;
    border-color: #018CFF;
    background: #018CFF;
}



/*----CTALOG NAV------*/

.nav-row {
    display: inline-block;
    float: left;
    width:100%;
    background: #fff;
    border-bottom: 1px solid #F3F3F3;
}

.nav-row-cnt {
    display: inline-block;
    float: left;
    width:100%;
    position: relative;
}

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

.nav > li{
    display: inline-block;
    float: left;    
    
}

.nav  > li > a{
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color:#313C5A;
    text-decoration: none;
    padding: 18px 25px 18px 25px;    
}

.nav  > li > a:hover,
.nav  > li > a.is-active
{
    color:#018CFF;
}


.nav > li.nav-cat > a {
    padding-left: 0;
}

.nav > li.nav-cat > a::before{
    content: '';
    display: inline-block;
    width: 22px;
    height: 19px;
    float: left;
    margin-right: 10px;
    background-image: url('../images/i-sidebar.png');
    background-repeat: no-repeat;    
    background-position: 0 -0;

}


.nav > li.nav-cat:hover > a::before{
    background-position-y: -19px;
    background-image:none; 
}

.nav > li.nav-cat:hover > a,
.nav > li.nav-cat.is-active > a 
{
    background: #018CFF;
    color:#fff;
    border-width: 2px 0 0 0; 
    border-color: #018CFF;
    border-bottom-color: #fff;
    /* border-color:#1650D7; */ 
   
} 


.nav-cat-sub{
    display: none;
    position: absolute;
    z-index: 20;
    width: 100%;
    left: 0;
    padding: 20px 25px 20px 25px;
    margin-top:0px;
    background: #018CFF;
    border-left:2px solid #018CFF;
    border-right:2px solid #018CFF;
    border-bottom:2px solid #018CFF;
    border-top:2px solid #018CFF;    
    top:100%;
}



@media (min-width: 768px) {
    .nav > li:hover .nav-cat-sub{
        display: inline-block;
    }
    
}

.nav-cat-sub__col {
    display: inline-block;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width:25%;
    padding-right: 20px;
}

.nav-cat-sub__col > li {
    padding: 5px 0 5px 16px;
}

.nav-cat-sub__col > li > a{
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.nav-cat-sub__col > li > a:hover{
    color: #FFE11C;
}

.nav-cat-sub__col > li > a::before{
    content:'';
    position: absolute;
    margin-left:-16px;
    display: inline-block;
    width:8px;
    height: 8px;
    vertical-align: top;
    margin-top:5px;
    
    
    background: #fff;
    -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.nav-cat-sub__col > li > a:hover::before{
    background: #FFE11C;
}

/*----END CTALOG NAV------*/

/*----INDEX BANNER---*/
.index-banner {
    display: inline-block;
    width:100%;
    float: left;
    position: relative;
    margin-bottom: 50px;
}

.index-banner__item {
    display: inline-block;
    width:100%;
    height:320px;
}

.index-banner__lcol {
    width:45%;
    display: inline-block;
    float: left;
    padding: 30px 0 0 0;
}

.index-banner__rcol {
    width:55%;
    float: left;
    text-align: center;
    position: relative;
}

.index-banner__rcol img{
    display: inline-block !important;
    
}

.index-banner__h {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
    color: #313C5A;
    
}

.index-banner__desc {
    margin:20px 0 20px 0;
}



.btn {
    display: inline-block;
    height: 44px;
    border: 2px solid #fff;
    font-size: 14px;
    text-transform: uppercase; 
      
    padding: 10px 20px 10px 20px; 
    text-decoration: none;
    font-weight: 600;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
}

.btn_blue {
    background: #018CFF;
    color: #fff;
}

.btn_blue:hover {
    background: #313C5A;
}

.btn_arrow-20::after {
    content: '';
    display: inline-block;
    width:22px;
    height: 18px;
    vertical-align: top;
    margin-left: 10px;
    background: url('../images/i-arrow-20.png') no-repeat -22px 0;
}

.ib-arrow-cnt__item {
    width:55%;
    float: right;
    position: relative;
}

.index-banner__arrow {
    position: absolute;
    top:150px;
    z-index: 10;
    margin-top:-30px;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    cursor: pointer;
}

.index-banner__arrow::before {
    content: '';
    display: inline-block;
    width:22px;
    height: 26px;
    vertical-align: top;
    margin:17px 19px;
    background: url('../images/i-arrow-ban.png') no-repeat 0 0;
}

.index-banner__arrow_prev {
    left:0;
}

.index-banner__arrow_next {
    right:0;
}

.index-banner__arrow_prev::before {
    background-position: 0 0;
}

.index-banner__arrow_next::before {
    background-position: -22px 0;
}

.index-banner__arrow_prev:hover::before {
    background-position: 0 -26px;
}

.index-banner__arrow_next:hover::before {
    background-position: -22px -26px;
}


.index-banner .slick-dots{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    top:100%;
    margin-top: 0;
}

.index-banner .slick-dots li{
    display: inline-block;
    margin: 0 5px 0 5px;
}

.index-banner .slick-dots li button{
    background: none;
    font-size: 0;
    line-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    background: transparent;

}

.index-banner .slick-dots li button:before
{
    content: '';
    width: 40px;
    height: 4px;
    background: #D8D8D8;
    display: inline-block;
    opacity: 1;
}

.index-banner .slick-dots li.slick-active button:before
{    
    background: #018CFF;
}
/*----END INDEX BANNER------*/

.content {
    display: inline-block;
    width:100%;
    padding: 0 0 30px 0;
}

.content-white {
    background: #fff;
    padding: 30px 0 30px 0;
}

/*---PERFECT----*/
.perfect-list {
    position: relative;
    display: inline-block;
    width:100%;
    padding: 0 20px 50px 20px;
    margin: 50px 0 60px 0;
    border: 3px dashed #DCDEE6;
    border-radius: 30px;
}

.perfect {
    width:25%;
    float: left;
    text-align: center;
    position: relative;
}

.perfect__desc {
    display: inline-block;
    margin-top:15px;
    font-weight: 600;
    color: #313C5A;
    max-width: 200px;
}

.i-perfect {
    display: inline-block;
    position: relative;
    width:90px;
    height: 64px;
    margin-top:-40px;
    background: #F9F9F9 url('../images/i-perfect.png') no-repeat 0 0;
}

.i-perfect::before,
.i-perfect::after 
{
    content: '';
    position: absolute;
    display: inline-block;
    top:50%;
    margin-top: -2px;
    width: 10px;
    height: 10px;
    border: 3px solid #DCDEE6;
    border-radius: 50%;
    background: #f8f8f8;
}
.i-perfect::before{
    left: -10px;
}

.i-perfect::after{
    right: -10px;
}

.i-perfect_time {
    background-position:  0 0;
}

.i-perfect_guard {
    background-position:  -90px 0;
}

.i-perfect_chat {
    background-position:  -180px 0;
}

.i-perfect_hand {
    background-position:  -270px 0;
}

.btn_perfect-list {
    position: absolute;
    bottom:-22px;
    left:50%;
    margin-left: -150px;
}
/*---END PERFECT----*/

/*----CATEGORY----*/
.category-list {
    display: inline-block;
    width:100%;
    margin-bottom:30px;
}

.category {
    display: inline-block;
    width:32%;
    height: 160px;
    background: #fff;
    margin: 0 2% 20px 0;
    border-radius: 6px;
    float: left;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

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

.category__img-col {
    width:40%;
    height: 160px;
    float: left;
    position: relative;
    overflow: hidden;
    border-radius: 6px 0 0 6px;
}

.category__img-col img{
    height: 100%;
    max-height: 160px;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;


}

.category__desc-col {
    width:60%;
    padding: 15px 20px ;
    height: 160px;
    float: left;   
    border-radius: 0 8px 8px 0;
    position: relative;
}

.category__title {
    color: #212C4A;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
}

.category__title:hover {
    color: #018CFF;
}

.link-next {
    color: #7B85A7;
    text-decoration: none;
}

.link-next:hover {
    color: #018CFF;
}

.link-next::after {
    content: '';
    display: inline-block;
    width:16px;
    height: 14px;
    vertical-align: middle;
    margin: 0px 0 0 5px;
    background: url('../images/i-next-link.png') no-repeat 0 0;
}

.link-next_category{
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.category:hover .link-next {
    color: #018CFF;
}

.category:hover .category__img-col img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

/*----END CATEGORY----*/

.index-info {
    display:inline-block;
    width:100%;
}

.index-project {
    display: inline-block;
    /* width:63%; */
    width:100%;
    float: left;
    /* margin-right: 5%; */
}

.index-news {
    display: inline-block;
    width:32%;
    float: left;
}

.index-project-cnt {
    display: inline-block;
    width:100%;
    padding: 20px;
    
    background: #fff;
    
    border-radius: 8px;
    float: left;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

/*---GALLERY-----*/
.gallery-item {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 5%;
    margin-bottom: 20px;
    /*min-height: 300px;*/
    float: left;
}

.index-project-cnt .gallery-item  {
    width:23%;
    margin-right: 2%;
}

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

.gallery-item_collection {
    background:#fff;
    padding: 10px;
    min-height: 280px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border-radius:6px;
}

.gallery-item__img {
    width: 100%;
    height: 180px;
    margin-bottom:5px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    position: relative;
    vert-align: top;
}

.gallery-item__img img{
    width: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

.gallery-item__img_index img {
    height:100%;
    width: auto;
}

.gallery-item__title {
    color: #212C4A;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
}

.gallery-item__title:hover {
    color: #018CFF;
}

.docgallery {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.docgallery-item {
    display: inline-block;
    width: 32%;
    min-width: 300px;
    vertical-align: top;
    margin-right: 3%;
    margin-bottom: 20px;
    /*min-height: 300px;*/
}

.docgallery-item__img {
    width: 100%;
    height: 400px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    position: relative;
    vert-align: top;
}

.docgallery-item__img img{
    height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

   
}

.docgallery-item__title {
    color: #000;
    text-decoration: none;
    
    border-bottom: 1px solid #FFB800;
}

.docgallery-item__title:hover {
    color: #FFB800;
}

.gallery-item__img_pic {
    border-radius: 6px;
}

.gallery-item__img_pic:hover:after {
    content: '';
    display: inline-block;
    position: absolute;
    top:50%;
    margin-top: -34px;
    left: 50%;
    margin-left: -34px;
    width: 68px;
    height: 68px;
    z-index: 3;
    background: url("../images/i-zoom-68.png") no-repeat;
}

.gallery-item__img_pic:hover:before {
    content: '';
    display: inline-block;
    position: absolute;
    top:0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 200px;
    background: #001A1A;
    opacity: 0.3;
}


.gallery-item:hover .gallery-item__img_pic img {
    
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
    
    
}
/*---END GALLERY-----*/

/*-----NEWS----*/

.nlist-item {
    margin-bottom:20px;
    display: inline-block;
    width:100%;
}
.nlist-item__dcol {
    width: 120px;
    display: inline-block;
    float: left;
}

.nlist-item__tcol {
    display: inline-block;
    float: left;
    width: calc(100% - 120px);
}

.nlist-item__imgcol {
    width: 30%;
    display: inline-block;
    float: left;
    padding-right: 3%;
}

.nlist-item__desccol {
    width: 70%;
    display: inline-block;
    float: left;
}

.nlist-item__desccol_full {
    width: 100%;
}

.nlist-item__img {
    display: inline-block;
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.nlist-item__img img{
    width: 100%;

    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.news-item-date{
    padding: 0 10px 0 10px;
    color: #142840;
    background: #EDEEF2;
    display: inline-block;
}

.news-item-date div.d{
    display: inline-block;
    float: left;
    font-size: 32px;
    font-weight: 700;
}

.news-item-date div.my{
    margin: 7px 0 0 5px;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 1.3;
}
/*-------END--NEWS------*/

.link-title {
    font-weight: 700;
    color: #8A91AB;
    text-decoration: none;
}

a.link-title:hover {
    color: #018CFF;
}



/*----PRODUCT---SCROLL----*/
.product-slide{
    height: 500px;
    overflow: hidden;
    margin-bottom: 30px;
}


.product-slide  .product{
    margin: 0 5px 0 5px;
    /*min-width: 240px;*/
    float: left;
    width: auto;
    
    max-height:500px ;
}

.content-slider .slide-next,
.content-slider .slide-prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background: #eee;
    border: none;
    cursor: pointer;
    z-index: 100;
    padding: 5px;
    opacity: 0.8;

}

.content-slider .slide-next {
    right: 0;
}

.content-slider .slide-prev {
    left: 0;
}

.content-slider .slide-prev:before,
.content-slider .slide-next:before
{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/i-arrow-24.png") no-repeat;

}

.content-slider .slide-prev:before {
    background-position: 0 0;
}

.content-slider .slide-prev:hover:before {
    background-position: -48px 0;
}

.content-slider .slide-next:before {
    background-position: 0 -24px;
}

.content-slider .slide-next:hover:before {
    background-position: -48px -24px;
}
/*---------END PRODUCT SCROLLL-------*/


/*---PARTNER SLIDE--------*/

.partner-slide-cnt{
    display: inline-block;
    width: 100%;
    float: left;
    padding: 0 0 60px 0;
}

.partner-slide {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding: 0 50px 0 50px;
    position: relative;    
}

.partner-slide .partner-slide__item{
    width: 200px;
    height: 90px;
    padding: 10px;
    /* border: 2px solid #F2F2F2; */
    text-align: center;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 0 10px 0 10px;

    -webkit-filter: grayscale(1); /* Webkit браузеры */
    filter: gray; /* для IE6-9 */
    filter: grayscale(1); /* W3C */

    opacity: 0.6;
}

.partner-slide .partner-slide__item img{
    max-width: 90%;
    max-height: 70px;

    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.partner-slide .partner-slide__item:hover{
    -webkit-filter: none; /* Webkit браузеры */
    filter: none; /* для IE6-9 */
    filter: none; /* W3C */

    opacity: 1;
}


.partner-slide .slide-next,
.partner-slide .slide-prev {
    background: none; 
}


/*---PARTNER SLIDE--------*/


/*----INDEX DESC-----*/
.index-desc {
    display: inline-block;
    width:100%;
    margin-bottom: 30px;
}

.index-desc__text {
    display: inline-block;
    width:65%;
    float: left;
    padding-right: 20px;
    line-height: 1.6;
}

.index-desc__text >p{
    margin-top: 0;
}

.index-desc__img {
    display: inline-block;
    width:35%;
    float: left;
    max-height: 260px;
    text-align: center;
}

.index-desc__img img{
    width:100%;
    max-width: 100%;
}
/*----END INDEX DESC-----*/

/*--BREADCUMBS--*/

.breadcrumbs{
    display: inline-block;
    float: left;
    width: 100%;
    color: #777;
    
}

.breadcrumbs{
    margin-bottom: 5px;
    margin-top: 15px;
}

.header-info .breadcrumbs{
    margin-top: 15px;
    margin-bottom: 0;
}

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

}

.breadcrumbs ul li {
    float: left;
    padding-bottom: 5px;
}

.breadcrumbs ul li a{
    display: inline-block;
   
    text-decoration: none;
}

.breadcrumbs ul li a:hover{
    text-decoration: underline;
}


.breadcrumbs ul li:before {
    content: '';
    width: 16px; height: 16px;
    display: inline-block;
    float: left;
    margin: 2px 10px 0 10px;
    background: url("../images/i-16.png") no-repeat 0 -80px;
}

.breadcrumbs ul li:first-child:before {
    display: none;
}



/*--END BREADCUMBS--*/

.product-list {
    display: inline-block;
    width:100%;
    margin-bottom:20px;
}

.product-table-img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 1px solid #eee;
}

.product-table-img img{
    max-width: 60px;
    max-height: 60px;
}

/*------LIKE TABLE------*/
.t-table {
    display: table;
    border-collapse:collapse;
}


.t-head {
    display: table-header-group;
    font-weight: 700;
}

.t-row {
    display: table-row;
    padding: 0;
    margin: 0;
}

.t-cell {
    display: table-cell;
    vertical-align: top;
}

.t-cell.middle {
    vertical-align: middle;
}

.t-cell_long {
    width: 100%;
}

.t-table_zebra > .t-row:nth-of-type(even){
    background: #f8f8f8;
}

.t-table_zebra > .t-row > .t-cell{
    padding: 10px;
}

.t-table_long {
    width: 100%;
}

.t-table.form > .t-row > .t-cell{
    padding-bottom: 10px;
}
.t-table.form > .t-row > .t-cell:not(:last-child){
    padding-right: 10px;
}

.t-cell_30 {
    width: 33%;
}

.t-table_property {
    width:100%;
}

.t-table_property .t-row .t-cell:nth-of-type(2n-1){
    color:#B2B2B2;
}

.t-table_property .t-row .t-cell:nth-of-type(2n){
    width:60%;
    border-left:8px solid #F9F9F9;
}

.t-table_product {
    width:100%;
}

.t-table_product .t-cell{
    padding:10px;
    vertical-align: middle;
    border-right: 4px solid #F9F9F9;
    text-align: center;
}

.t-table_product > .t-row:nth-of-type(odd){
    background: #F1F0F6;
}
.t-table_product > .t-row:nth-of-type(even){
    background: #fff;
}

.t-table_product .t-head .t-cell.t-cell-50{
    text-align: left;
}

.t-table_product .t-row .t-cell.t-cell-50{
    width:50%;
    text-align: left;
    
}

/*------END LIKE TABLE------*/

/*----PRODUST---LIST----ITEM-----*/

.product {
    display: inline-block;
    width:48%;
    height: 180px;
    background: #fff;
    margin: 0 4% 20px 0;
    border-radius: 6px;
    float: left;
    position: relative;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.product:nth-of-type(2n) {
    margin-right: 0;
}

.link-next_product {
    position: absolute;
    right: 20px;
    bottom:10px;
}



.product__img-col {
    width:35%;
    float: left;
    padding:10px;
    
}

.product__img {
    height: 160px;
    position: relative;
    overflow: hidden;
    border-radius: 6px 0 0 6px;
}

.product__img img{
    height: 100%;
    max-height: 160px;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;


}

.product__desc {
    width:65%;
    padding: 15px 20px;
    height: 160px;
    margin-bottom: 20px;
    float: left;   
    border-radius: 0 8px 8px 0;
    position: relative;
}
.product__desc_full {
    width:100%;
}

.product__desc-item {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
}

.product__desc-item:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.product__title {
    color: #212C4A;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
}

.product__title:hover {
    color: #018CFF;
    text-decoration: none;
}

/*---PROPERTY-LIST---*/

.property-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;

}

.property-list_small {
    line-height: 1;
    
}

.property-list li,
.property-list > div{
    margin-bottom: 7px;
    width: 100%;
    float: left;
    display: inline-block;

}


/* .property-list_small li,
.property-list_small div{
    height: 16px;
} */

.property-list__name{
    color: #B2B2B2;

}

.property-list__value {
    display: inline-block;
    margin-left: 10px;
}

.property-list_p-card {
    margin-bottom: 10px;
}

/*---END PROPERTY-LIST---*/

.sys-p-cnt {
    margin: 20px 0 20px 0;

}
/*----PRODUCT---PAGE------*/
.p-card {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    
}

.p-card__img-col {
    width: 37%;
    float: left;
    /* padding-right: 20px; */
    border-right: 4px solid #f8f8f8;
    padding: 20px;
}

.p-card__info-col {
    width: 63%;
    float: left;
    /*background: #eee;*/
    padding: 20px;
    /* padding-left: 20px; */
    
}

.p-card__img{
    display: inline-block;
    width: 100%;
    
    float: left;
    position: relative;
    /* border:2px solid #F1F0F6; */
    padding: 10px;
    background: #fff;
    text-align: center;
    border-radius: 6px; 
    
}

.p-card__img img{
    max-width: 100%;
    max-height: 400px;
    
}

.p-card__img-small a {
    width: 22%;
    height: 90px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 10px 4% 0 0;
    border: 1px solid #EAEAEA;
}

.p-card__img-small a:nth-of-type(4n) {
    margin-right: 0;
}

.p-card__img-small a img {
    max-width: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.p-card__price {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 24px;
    color: #000;
    font-weight: 700;
}

/*---THE MODAL---*/
.themodal-lock{
    overflow:hidden;
}

/*.themodal-scroll {*/
/*overflow:auto;*/
/*}*/

.themodal-overlay{
    position:fixed;
    bottom:0;
    left:0;
    top:0;
    right:0;
    z-index:1000;
    display:inline-block;
    text-align:center;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}

.themodal-overlay:after {
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
}

.themodal-overlay > *{
    -webkit-transform:translateZ(0px);
}

.themodal-overlay{
    background:rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);
    zoom:1;
}

/*---END THE MODAL---*/


/*-----OVERLAY WIN-------*/

.popup {
    max-width: 90%;
    text-align: left;
    min-width: 280px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 20px auto;
    position: relative;
    border: none;
    z-index: 1000;
}

.popup_short{
    max-width: 500px;
}

.popup_fastorder{
    max-width: 600px;
}

.popup-sale-info {
    max-width: 300px;
}

.popup-close {
    text-decoration: none;
    cursor: pointer;
}

.popup__header {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 20px 15px 20px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background:#fff;
    border-bottom: 1px solid #ebebeb;
}

.popup__content {
    display: inline-block;
    width: 100%;
    padding: 20px;
}

.popup__content-full{
    display: inline-block;
    width: 100%;
}

.popup__close{
    position: absolute;
    right: 10px;
    top:12px;
}

.popup__close-outline{
    position: absolute;
    right: -20px;
    top:-20px;
    padding: 10px;
    background: #F5F5F5;
    border-radius: 50%;
}


.i-close {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("../images/i-close.png") no-repeat 0 0;
}

.i-close:hover {
    background: url("../images/i-close.png") no-repeat -40px 0;
}

/*-----END OVERLAY WIN-------*/

/*-----FORM---*/
.field-valid-msg {
    font-size: 13px;
    color:#FF4668;
    margin-top:3px;
}

.form textarea,
.form input[type=text] {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 10px 0 10px;
    font-size: 14px;
}

.form input:focus,
.form textarea:focus
{
    border-color: #087EFF;
}

.form input[type=text] {
    height: 36px;
}

.form textarea {
    padding: 10px;
}


.form__row {
    width: 100%;
    margin: 5px 0 5px 0;
}
/*---END FORM----*/

/*---tab panel---*/
.tab {
    display: inline-block;
    position: relative;
    padding: 8px 15px 8px 15px;
    margin-bottom: 15px;
    font-weight: 500;
}

.tab:not(.is-active){
    cursor: pointer;
}

.tab:not(.is-active) span {
    border-bottom: 1px dashed #bbb;
}

.tab:not(.is-active):hover span {
    color:#018CFF;
    border-color: #018CFF;
}

.tab.is-active {
    background: #018CFF;
    color:#fff;
}

.tab.is-active::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -8px;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #018CFF transparent transparent;
}

.tab-group-label {
    display: inline-block;
    float: left;
}


.border-box {
    display: inline-block;
    width: 100%;
    border: 2px solid #ebebeb;
    padding: 5px 0 5px 0;
}

.box-row {
    padding: 5px 10px 5px 10px;
}
/*---end tab panel---*/

/*----FOOTER-----*/
.footer {
    display: inline-block;
    width: 100%;
    border-top: 5px solid #055CB9;
    padding: 40px 0 20px 0;
}

.footer a,
.footer .hidden-link{
    
    text-decoration: none;
}

.footer a:hover {
    color:#06BAFF;
}

.footer .hidden-link:hover{
    text-decoration: underline;
}

.footer-col {
    display: inline-block;
    float: left;
    width: 23%;
    margin-right: 1%;
    /*min-width: 150px;*/
    margin-bottom: 20px;
    margin-top:-5px;
}

.footer-col:first-child {
    min-width: 225px;
    margin-right: 5%;
}

.logo-footer {
    width: 105px;
    float: left;
    height: 50px;
    margin-bottom: 20px;
    background:  url("../images/logo-footer.png") no-repeat;
}

.footer-copy {
    float: left;
    color: #888888;
}

.footer-h {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color:#888;
}

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

ul.footer-menu li{
    padding: 3px 0 3px 0;
    /*width: 100%;*/
}

.footer-contacts {
    margin-bottom: 10px;
    
}

.footer-phone{
    font-size: 18px;
    font-weight: 700;
    color:#000;
    margin-bottom: 10px;
}

.footer a {
    color:#000;
    text-decoration: none;
}

.footer a:hover {
    color: #018CFF;
}

.footer-phone a{
    color: #018CFF;
}

/*----END FOOTER-----*/

/*----filelist---*/
.filelist-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 40px;
    background: url("../images/i-download.png") no-repeat 0 8px;

}


.filelist-item-link a{
    display: inline-block;
    margin-right: 10px;
}

.filelist-item-title a {
    font-weight: 700;
    color: #142840;
    text-decoration: none;
}

.filelist-item-title a:hover {
    color: #06BAFF;
}
/*---end filelist---*/

/*--PAGINATION--*/

.pagination-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.pagination {
    display: inline-block;

}

.pagination__item{
    display:inline-block;
    border: 2px solid #eee;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    margin: 0 10px 10px 0;
    color: #33363B;
    text-decoration: none;
    float: left;

}

.pagination__eclipse {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    float: left;

}

a.pagination__item:hover {
    color: #018CFF;
    border-color: #018CFF;
    text-decoration: none;
}

.pagination__item.is-active{
    color:#fff;
    background: #018CFF;
    text-decoration:none;
    border-color: #018CFF;
    /*border: 2px solid #5fb768;*/
}
/*--END PAGINATION--*/

/*---GLOBAL-----*/
.mt10 {
    margin-top:10px;
}

.mb10 {
    margin-bottom:10px;
}

.pg-row {
    margin-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.bb {
    font-weight: 700;
}

.nowrap {
    white-space: nowrap;
}

.is-hide {
    display: none;
}

.color-note{
    color:#B2B2B2;
}

.s12 {
    font-size: 12px;
}

.s13 {
    font-size: 13px;
}

.ii {
    font-style: italic;
}

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

.color-red {
    color:#ff0000;
}


/*---END GLOBAL-----*/

/*-----ADAPTIVE-----*/

.btn-sidebar {
    position: absolute;
    display: inline-block;
    width: 60px; height: 60px;
    text-align: center;
    padding-top: 20px;
    right: 0;
    top:0;
    cursor: pointer;


}
.btn-sidebar:after {
    content: '';
    display: inline-block;
    width: 24px; height: 24px;
    background: url("../images/i-sidebar-2.png") no-repeat 0 0;
}

.btn-sidebar.is-open {
    background-position: 0 0;
}

.btn-sidebar.is-open:after {
    background: url("../images/i-sidebar-2.png") no-repeat -24px 0;
}

.mob-is-show {
    display: none;
}


@media (max-width: 940px) {
    

    .category {
        width: 48%;
        background: #fff;
        margin: 0 2% 20px 0;
    }
    .category:nth-of-type(3n) {
        margin: 0 2% 20px 0;
    }
    .index-project,
    .index-news {
        width:100%;

    }

    .header__callback {
        display: none;
    }

    .header__desc {
        width: calc(100% - 250px);
    }

    .header-search {
        width: 100%;
        padding-bottom: 10px;
    }
    
}



@media (max-width: 640px) {
    .header__desc {
        display: none;
    }

    

    .category {
        width: 100%;
        background: #fff;
        margin: 0 0 20px 0;
    }
    .category:nth-of-type(3n) {
        margin: 0 0 20px 0;
    }

    .gallery-item {
        width:48%;
        margin-right:2%;
    }

    .gallery-item:nth-of-type(3n) {
        margin-right: 2%;
    }
    
    .perfect-list {
        padding: 0 20px 0px 20px;
        margin: 50px 0 60px 0;
    }
    .index-project-cnt .gallery-item:nth-of-type(3n) {
        display: none;
    }

    .perfect {
        width:50%;
        margin-bottom:60px;
    }
}

@media (max-width: 768px) {
    .sidebar {
        display: none;
    }

    .header__desc {
        display: none;
    }

    .mob-is-hide,
    .footer__contacts:before
    {
        display: none;
    }

    .mob-is-show {
        display: inline-block;
    }

    .header-modal {
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        background: #fff;
        -webkit-overflow-scrolling:touch;
        overflow:auto;
    }

    .header-container {
        display: inline-block;
        position: fixed;
        top: 0;
        width:100%;
        /* padding-top: 60px; */
        z-index: 900;
    }

    .content {
        padding-top:70px;
    }

    .product {
        width:100%;
        margin-right: 0;
    }

    .header__logo {
        display: inline-block;
        width:96px;
        height: 43px;
        margin-top:10px;
        float: left;
        background: url('../images/logo-header-mob.png') no-repeat;
    }

    .header__right{
        display: inline-block;
        width: calc(100% - 96px);
        float: left;
    }

    .header {
        padding: 0 0 10px 0;
        z-index: 100;

        position: fixed;
        top: 4px;
        left: 0;
        width: 100%;
        margin-bottom: 15px;
    
        
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);
        box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);
    }

    .nav-row{
        padding-top:80px;
      
    }

    .nav {
        width: 100%;
        
        margin-bottom: 20px;
    }

    .nav > li{
        width: 100%;
        border:1px solid #eee;
        margin-bottom:10px;

    }

    .nav > li >a,
    .nav > li.nav-cat >a{
        width: 100%;
        display: inline-block;
        padding: 15px 10px 15px 10px;
    }

    .nav > li.nav-cat > a::before{
       display: none;
    }

    .nav-cat-sub {
        display: none;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;

        -webkit-box-shadow:none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top:none;
        border-bottom: 1px solid #eee;

        background: #fff;
        padding: 20px;

    }

    .nav-cat-sub.is-show {
        display: inline-block;
    }

    .header__phone-mob{
        display: inline-block;
        width:100%;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        margin-bottom:10px;
    }

    .footer-col {
        width:100%;
        text-align: center;
    }

    .index-banner-cnt {
        display: none;
    }


}


@media (max-width: 500px) {

    .product {
        height: auto;
    }
    .product__img-col {
        width:100%;
    }

    .product__desc {
        width:100%;
        height: auto;
    }

    .product__desc-item {
        height: auto;
    }

    .index-desc__text {
        width: 100%
    }

    .index-desc__img {
        display: none;
    }
        

    
}

@media (max-width: 400px) {
   

    .gallery-item {
        width:100%;
        margin-right:0;
    }

    .gallery-item:nth-of-type(3n) {
        margin-right: 0;
    }
    
    .index-project-cnt .gallery-item:nth-of-type(2) {
        display: none;
    }

    .perfect-list {
        display: none;
        /* margin-bottom:60px; */
    }

    .nlist-item__dcol {
        width:100%;
    }

    .nlist-item__tcol {
        width: 100%;
    }
}