/* Локальные стили страницы ./faq/ в стиле MobileFirst на случай, если @media не сработает */

.start__header { 
    background-image: url("../img/faq/faq-bg.webp");
}

.start__menu {
    padding-bottom: 40px;
}	
	
.show { 
	position: relative; 
	padding-top: 20px; 
	padding-bottom: 30px; 
	text-align: center; 
	background: white url("../img/pic/zig-grey.png") repeat-x 0 100%; 
}


.faq_content {
	padding-top: 20px;
	padding-bottom: 40px;
}

.faq_item { 
	display: flex; 
	flex-wrap: nowrap; 
	justify-content: space-between;
    align-items: center;
	border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: -1px;
    padding: 20px;
}
.faq_item:hover {
    box-shadow: 0 4px 37px 3px rgba(0, 0, 0, 0.15);
}

.faq_row { text-align: left; width: 100%; }

.faq_unit {
	display: flex; 
	flex-wrap: nowrap; 
	justify-content: space-between;
}

.faq_name { 
	padding-right: 20px; 
	width: 100%;
}

.faq_pict {
    content: "";
    width: 15px;
	min-width: 15px;
    height: 15px;
    background: url("../img/pic/arrow-down.svg") center 85% no-repeat;
    transition: all .2s ease-in-out;
}	

.pct_rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    /*background-position: center;*/
}



.faq_descr { 
  position: relative;
  padding-right: 20px; 
  font-size: 13px;
  display: grid;
  overflow: hidden;
  line-height: 0;
  color: transparent;
  transition: line-height 0.3s, color 0.3s;	
 }
	
.faq_expanded { /* развернуть/свернуть sub-menu*/
	line-height: 1.5;
	color: var(--primary);
}
	
.hide-block { display: none; }
	
/* ======================================================================================================================= */
/* Media Queries - модифицируем некоторые стили в зависимости от пропорций и размера окна ================================ */
/* ======================================================================================================================= */

/* ЛЮБОЙ ДЕСКТОП */
@media screen and (min-width: 860px) {
}
	

/* НИЗКИЙ ДЕСКТОП */
@media screen and (min-width: 860px) and (max-height: 650px) {
}

/* УЗКИЙ ДЕСКТОП */
@media screen and (min-width: 860px) and (max-width: 1180px) {
}
	
/* НИЗКИЙ УЗКИЙ ДЕСКТОП */
@media screen and (min-width: 860px) and (max-width: 1180px) and (max-height: 650px) {
}

/* НИЗКАЯ МОБИЛЬНАЯ */
@media screen and (max-width: 860px) and (max-height: 650px) {
}