/*@media (min-width: 0px) and (max-width: 575px){}*/
/*@media (min-width: 576px) and (max-width: 767px){}*/
/*@media (min-width: 768px) and (max-width: 991px){}*/
/*@media (min-width: 992px) and (max-width: 1199px){}*/
/*@media (min-width: 1200px) and (max-width: 1399px){}*/
/*@media (min-width: 1400px) {}*/
/*
<576px
≥576px
≥768px
≥992px
≥1200px
≥1400px
*/



/*ТИЗЕРЫ*/


/*Блок тизер 1*/

/*Картинка тизера 1*/
.tiser-1 .t-jpg {border-radius: 10px; width: 100%; overflow: hidden; position: relative; z-index: 1;}
.tiser-1 .t-jpg img {transition: transform 200ms;}
.tiser-1 .t-jpg img:hover {transform: scale(1.05);}/*Картинка при наведении (увеличение)*/

/*Заголовок тизера 1*/
.tiser-1 .t-head {font-size: 18px; color: var(--text1); line-height: 20px; font-weight: 500;}
.tiser-1 .t-head:hover {color: var(--color-1);} /*Заголовок при наведении*/ 

/*Цена тизера 1*/
.tiser-1 .t-price {font-size: 18px; color: var(--color-1); line-height: 20px; font-weight: 900;}

/*Текст тизера 1*/
.tiser-1 .t-text {font-size: 14px; color: #737373; line-height: 18px; font-weight: 300;}

/*----*/

/*Блок тизер 2*/

/*Картинка тизера 2*/
.tiser-2 .t-jpg {border-radius: 10px; width: 100%; overflow: hidden; position: relative; z-index: 1;}
.tiser-2 .t-jpg img {transition: transform 200ms;}
.tiser-2 .t-jpg img:hover {transform: scale(1.05);}/*Картинка при наведении (увеличение)*/

/*Заголовок тизера 2*/
.tiser-2 .t-head {font-size: 18px; color: var(--text1); line-height: 20px; font-weight: 500;}
.tiser-2 .t-head:hover {color: var(--color-1);} /*Заголовок при наведении*/ 

/*Цена тизера 2*/
.tiser-2 .t-price {font-size: 18px; color: var(--color-1); line-height: 20px; font-weight: 900;}

/*Текст тизера 2*/
.tiser-2 ul {font-size: 14px; color: #737373; line-height: 18px; font-weight: 300; list-style-type: none; margin-left: 0; padding-left: 0;}


/******************************************************************/


/*Отзывы*/

/*Блок с отзывы 1*/
.otziv-1 .otziv-foto {width: 80px; height: 110px; object-fit: cover; border-radius: 10px;}/*Фото отзыва 1*/
.otziv-1 .otziv-fio {width: 100%; font-size: 20px; font-weight: 600; text-transform: uppercase;}/*ФИО отзыва 1*/
.otziv-1 .otziv-usluga {width: 100%; font-size: 14px; font-weight: 400; text-transform: uppercase; color: var(--color-1);}/*Услуга отзыва 1*/
.otziv-1 .otziv-text {width: 100%; font-size: 14px; font-weight: 300;}/*Текст отзыва 1*/









/*-------------------------------------*/
/*Развернкть свернуть блок 1*/ 
div.ex1 { 
  position: relative; 
  overflow: hidden; /*Скрывает горизонтальную и вертикальную прокрутку*/ 
  max-height: 180px; /*Начальная высота блока*/ 
  transition: max-height 0.5s ease-in-out; /*Плавность при раскрытии и скрытии*/ 
  -moz-transition: max-height 0.5s ease-in-out; /*Плавность при раскрытии и скрытии*/ 
  -webkit-transition: max-height 0.5s ease-in-out; /*Плавность при раскрытии и скрытии*/ 
  margin-bottom: 5px; /*Плавность при раскрытии и скрытии*/} 

/*Градиентная пелена с низу при свернутом блоке*/ 

div.ex1:before { 
    content: ""; 
    width: 100%; /*Пелена на всю ширину*/ 
    height: 50px; /*Высота перены*/ 
    position: absolute; /**/ 
    left: 0; /*Позиционирование от левого края*/ 
    bottom: 0; /*Позиционирование от низа*/ 
    background: linear-gradient(#ffffff00 50%, #ffffff); /*Цвет градиентной пелены*/ 
    transition: 0.5s; /*Время на изменение градиента при раскрытии*/ 
} 

div.ex1.exter1:before {height: 0px;} /* скрывает градиент при расширении */

/*Иконка верх вниз*/
.ex-but1 i {color: var(--color-1); margin: 10px 0px 0px 10px; font-size: 25px;}
.ex-but1 {
    cursor: pointer;
    text-align: center;
    line-height: 18px;
    margin: 30px 0px 0px 10px;
}
/*-------------------------------------*/


/*------------------------------------*/
/*ТИЗЕРЫ БРЕНДОВ*/
.row.brends img { border-radius: 10px; transition: 100ms;}
.row.brends img:hover {outline: 2px solid #00a0e4;}
/*------------------------------------*/




/*------------------------------------*/
/*ТЕГИ*/
.teg1 ul {list-style-type: none; margin-left: 0; padding-left: 0; text-align: center;}
.teg1 ul li {display: inline-block; margin: 5px 5px;}
.teg1 ul li a {display: inline-block; padding: 10px 20px; border: 2px solid var(--color-1); border-radius: 10px; font-size: 16px; font-weight: 400;}
.teg1 ul li a:hover {background: var(--color-1); color: #fff;}


/*------------------------------------*/
/*Тег*/
ul.teg-zabor {list-style-type: none; margin-left: 0; padding-left: 0; text-align: center;}
ul.teg-zabor li {display: inline-block; margin: 3px 5px;}
ul.teg-zabor li a {display: inline-block; padding: 6px 10px; border: 1px solid var(--bord1); border-radius: 10px;  font-size: 13px; font-weight: 300; background: #fbfbfb;}
ul.teg-zabor li a:hover {background: var(--color-1); color: #fff;}

/*Тег растягивается на всю ширину в мобильной версии*/
@media (min-width: 0px) and (max-width: 767px){
ul.teg-zabor li {width: 100%;}
ul.teg-zabor li a {width: 100%;}
}
/*------------------------------------*/


/*------------------------------------*/
/*Первый экран*/
@media (min-width: 768px) {
.pe2 h1 {font-size: 40px; font-weight: 900;}/*h1*/
.pe2 .block-fon {background: #ffffffde; padding: 20px 50px; display: inline-block; margin: 100px 0px;}/*Блок фон - первый экран*/
}

@media (min-width: 576px) and (max-width: 767px){
.pe2 h1 {font-size: 33px; font-weight: 900;}/*h1*/
.pe2 .block-fon {background: #ffffffde; padding: 20px 20px; display: inline-block; margin: 0px;}/*Блок фон - первый экран*/
}

@media (min-width: 0px) and (max-width: 575px){
  .pe2 h1 {font-size: 8vw; font-weight: 900;}/*h1*/
  .pe2 .block-fon {background: #ffffffde; padding: 20px 10px; display: inline-block; margin: 0px;}/*Блок фон - первый экран*/
}
/*------------------------------------*/

/*------------------------------------*/
/*Список по калонкам*/

@media (min-width: 0px) and (max-width: 575px){.ul1_colon {columns: 1;}}
@media (min-width: 576px) and (max-width: 767px){.ul1_colon {columns: 2;}}
@media (min-width: 768px) and (max-width: 991px){.ul1_colon {columns: 2;}}
@media (min-width: 992px){.ul1_colon {columns: 3;}}

/*------------------------------------*/

/*------------------------------------*/
/*Список по калонкам*/
p.nara {font-size: 18px;}/*Шрифт в блоке наши работы*/
@media (min-width: 0px) and (max-width: 767px){p.nara {font-size: 16px;}}

@media (min-width: 992px) and (max-width: 1199px){p.nara {font-size: 14px;}}
@media (min-width: 1200px) and (max-width: 1399px){p.nara {font-size: 16px;}}