/*Новости*/
.news .calendar {font-size: 1rem; color: #666666; margin: 20px 0;}
.news .calendar .fa {margin-right: 4px; font-size: 16px; margin-top: -4px; display: inline-block; vertical-align: middle;}

.news .item {
    width: 260px; height: 300px; 
    margin: 0 39px 30px 0;
    
    //-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    //-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    //box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
.news .item .img {width: 100%; height: 180px; line-height: 180px;}
.news .item .img img {width: 100%; height: 100%;}
.news .item .descr {padding: 20px 0;}
.news .item .name {
    color: #262626;
    font-weight: 500; 
    position: relative; 
    margin-bottom: 15px; 
    font-size: 1rem;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.2rem;
} 
/*.news .item .name::after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 40px;
    background-color: var(--color1);
    left: 0;
    position: relative;
}*/
.news .item:hover {
    //-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.5);
    //-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.5);
    //box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.5);
}
.news .item:hover .name::after {background-color: #0066cc; transition: all 0.1s ease-out 0s;}
.news .anons {
    font-size: 0.9rem; 
    color: #808080;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.2rem;
}
.news .descr a {font-size: 0.95rem; color: var(--color1);} 
.news .item:hover .descr a {color: #ff5400}


/*Услуги*/
.uslugi {padding: 0; font-size: 1rem; line-height: 1.1;}
.uslugi .item {
    position: relative; text-align: center;
    border-radius: 3px;
    padding: 0;
    width: 250px;
    height: 188px;
    margin: 0 20px 20px 0;
    text-align: center;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    
     -webkit-transition:all .1s ease;
     -moz-transition:all .1s ease;
     -ms-transition:all .1s ease;
     transition:all .1s ease;
    
}
.uslugi .shadow {position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%;}
.uslugi .href {
    position: absolute; left: 0; top: 0; z-index: 3;
    width: 100%; height: 100%;
}
.uslugi .item:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.5);
}
.uslugi .item .img {padding: 20px 0;}
.uslugi .item .name a {color: #FFFFFF; font-size: 1.1rem; padding: 30px 15px; display: block; position: relative; z-index: 2; text-decoration: none;}
.uslugi .item:hover {
    background-image: url(/pics/bg_uslugi_hover.png);    
}
.uslugi .item:hover .name a {color: #fc8d00}
//.uslugi .item:hover .img {display: none;}
//.uslugi .item:hover .img.color {display: block!important;}
.uslugi .link {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}

/*Преимущества*/
.advantage {line-height: 1.1;}
.advantage .item {
    width: 380px;
    height: 320px;
    text-align: left;
    padding: 0;
    padding: 20px;
    margin: 0 20px 20px 0;
    
    transition: all 0.1s ease-out 0s;
    

    background-size: cover;
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: 300;
    
    background-color: rgba(255,255,255,0.1);

}
.advantage .item .name {padding: 15px 0 10px 20px; text-align: left; font-weight: bold;}
.advantage .item .img {position: relative; height: 100px;}
.advantage .item .img img {z-index: 1; position: inherit; height: 100%;}
.advantage .item:hover .img:after {transform: scale(1.5);}
.advantage .item .descr {font-size: 1rem; margin-top: 10px;} 
.advantage .item .descr p {padding: 0; margin: 0;}
/*.advantage .item .img_color {display: none;}
.advantage .item:hover {
    background-color: var(--color1); 
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.4);
    color: #FFFFFF;
}
.advantage .item:hover .img {display: none;}
.advantage .item:hover .img_color {display: block;}*/


/*Каталог - плитка*/
.catalog_tile .item {
    width: 360px; 
    height: 430px;
    margin: 0 20px 10px 0; 
    border: 1px solid #edeef0;
    box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.2);   
    background-color: #FFFFFF;
    border-radius: 2px;
    text-align: center;

}
.catalog_tile .item .img {
    overflow: hidden;
    width: 100%;
    height: 270px;
}
.catalog_tile .item .img a {display: block; width: 100%; height: 100%;}
//.catalog_tile .item .img img {max-width: 96%; max-height: 96%; object-fit: contain; margin: 0 auto;}
.catalog_tile .item .name a {
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    height: 3.5rem;
    padding: 15px;
}
.catalog_tile .item .price {color: var(--color1); font-weight: 500; margin: 10px 0; font-size: 1.4rem;}
.catalog_tile_item .price {color: var(--color1); font-weight: 500; margin: 20px 0; font-size: 1.6rem;}

.catalog_tile .item .btn {padding: 10px 25px 12px; border-radius: 4px;}
.catalog_tile_item img {max-width: 100%;}

.catalog_tile_categs .item {padding: 12px 20px 15px 20px; background-color: #ededed; border-radius: 3px; margin: 0 15px 5px 0; position: relative;}
.catalog_tile_categs .item .img {width: 30px; text-align: center; padding-top: 1px;}
.catalog_tile_categs .item a {text-decoration: none;}
.catalog_tile_categs .item .href {position: absolute; width: 100%; height: 100%; z-index: 1;left: 0; top: 0;}
.catalog_tile_categs .item:hover, .catalog_tile_categs .item.active {background-color: #0094d2;}
.catalog_tile_categs .item:hover a, .catalog_tile_categs .item.active a {color: #FFF;}
.catalog_tile_categs .item:hover .img .img_hover, .catalog_tile_categs .item.active .img .img_hover  {display: block!important;}
.catalog_tile_categs .item:hover .img .img_main, .catalog_tile_categs .item.active .img .img_main {display: none;}


/*Вопрос-ответ*/
.question_answer .item {box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1); cursor: pointer; position: relative; padding: 30px 50px 30px 30px; margin-bottom: 10px;}
.question_answer .item .question a {font-weight: 600;}
.question_answer .item .answer {display: none;}
.question_answer .fa {position: absolute; right: 30px; top: 30px; color: #6b6c6e;}
.question_answer .item.active {box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);}
.question_answer .item.active .fa {transform: rotate(180deg); margin-top: -2px;}



/*Фотогалерея*/
.photogallery ul {margin: 0; padding: 0 60px;}
.photogallery ul li {box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.5); display: block; position: relative; list-style: none; float: left; width: 250px; height: 200px; margin: 10px; overflow: hidden;}

.item_gallery  {margin: 30px 0 0 0; padding: 0;}
.item_gallery li {list-style: none; float: left; box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);}
.item_gallery li:first-child {width: 100%; height: 300px; padding: 0 10px; margin: 0; box-shadow: none;}
.item_gallery li img {width: 100%; display: block;}
.item_gallery li {width: 118.5px; height: 90px; margin: 0 0 5px 10px; position: relative; overflow: hidden;}


.image_gallery_page {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    
    justify-content: start;
    -webkit-justify-content: start;
    -moz-justify-content: start;
    -ms-justify-content: start;
    
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.image_gallery_page a {
    display: block; height: 200px; margin: 0 10px 10px 0;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.2);   
}
.image_gallery_page a img {height: 100%;}


.photo_list {
    padding: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    
    justify-content: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.photo_list li {
    list-style: none; display: inline-block; height: 200px; width: auto; margin: 0 10px 10px 0;
    overflow: hidden;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}
.photo_list li img {height: 100%;}