/* SCREEN */
@media screen and (min-width: 240px) and (max-width: 840px) {
		body {
		    
		}



		/* HEAD - START */
		DIV.head{
		     
		}
		DIV.content-head .content-info-in-header{
			position: static !important;
			padding-top: 100px !important;
			width: 90% !important;
			margin: 0 auto;
		}


		DIV.content-head .content-info-in-header H1{
			font-size: 2.0em !important;
			
		}

		.content-info-in-header p{
			width: auto !important;
		}

		/* HEAD - END */




	}

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


/* HEAD - START */

DIV.head{
	height: 50%;
	min-height: 50%;
}

DIV.content-head{
	height: 100%;
	position: relative;
}

DIV.content-head .content-info-in-header{
	position: absolute;
	top: 35%;
	left: 10%;
	text-shadow: none;
	color: #FFFFFF;
}

.content-info-in-header h1, p{
	margin: 0;
	padding: 0;
}

.content-info-in-header h1{
	font-size: 3.0em;
	text-align: left;
	/* border: 1px solid #FF00FF; */
}

.content-info-in-header p{
	padding: 10px;
	margin-bottom: 20px;
	background: rgba(20,36,50,0.6);
	box-sizing: border-box;
	font-weight: normal;
	line-height: 26px;
	/* width: 50%; */
}

.content-info-in-header .submenu A{
	display: inline-block;
	margin: 5px;
	color: #FFFFFF;
}


DIV.content-head .bread-crumbs{
	font-size: 0.8em;
}
	
DIV.head DIV.content-head{
	background: transparent url('../images/bg_page_header.jpg') no-repeat scroll 50% 50% / cover !important;
}

/* HEAD - END */



/* INNER TEXT - START */
DIV.inner-text{
	color: #606060;
}

.inner-text .width1020{
	padding-top: 40px;
}

.inner-text H2{
	font-size: 1.6em;
	color: #192d3e;
}

.inner-text UL LI{
	list-style: disc;
}

/* INNER TEXT - END */



/* WHY WE - START */
DIV.why-we{
	background: #f0f2fa;
}

.why-we h4{
	font-size: 2.2em;
	padding: 50px 0;
}

.why-we .container-flex{
	gap: 10px;
}

.why-we .row{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 5px solid #ff8b29;
}

.why-we .row .desc{
	position: relative;
	height: 400px;
	/* background: rgba(25, 45, 62, 0.8); */
	background: rgba(0, 0, 0, 0.4);
}

.why-we .row .title{
	height: 100px;
	position: relative;
}

.why-we .row h5{
	position: absolute;
	left: 18px;
	top: 30px;
	color: #ff8b29;
}

.why-we .row .desc span{
	display: block;
	padding: 0 20px;
}


.why-we .bg_ready_for_key{
	background: transparent url('../images/bg_ready_for_key.jpg') no-repeat 0% 100% / cover;
}
.why-we .bg_ready_for_key:hover{
	background: transparent url('../images/bg_ready_for_key_orig.jpg') no-repeat 0% 100% / cover;
}

.why-we .bg_ready_for_key_home{
	background: transparent url('../images/bg_pod_kluch.jpg') no-repeat 50% 0% / cover;
}
.why-we .bg_ready_for_key_home:hover{
	background: transparent url('../images/bg_pod_kluch_orig.jpg') no-repeat 50% 0% / cover;
}

.why-we .hi-tech{
	background: transparent url('../images/bg_hi_tech.jpg') no-repeat 10% 100% / cover;
}
.why-we .hi-tech:hover{
	background: transparent url('../images/bg_hi_tech_orig.jpg') no-repeat 10% 100% / cover;
}

.why-we .own-manufacture{
	background: transparent url('../images/bg_own_manufacture.jpg') no-repeat 0% 100% / cover;
}
.why-we .own-manufacture:hover{
	background: transparent url('../images/bg_own_manufacture_orig.jpg') no-repeat 0% 100% / cover;
}

.why-we .good-cunstruction{
	background: transparent url('../images/bg_good_cunstruction.jpg') no-repeat 50% 100% / cover;
}
.why-we .good-cunstruction:hover{
	background: transparent url('../images/bg_good_cunstruction_orig.jpg') no-repeat 50% 100% / cover;
}


/* WHY WE - END */



/* FAQ - START */
DIV.faq{
	
}

.faq P.main-title{
	font-size: 2.8em;
	font-weight: 600;
	padding: 50px 0;
}


.faq details{
	padding: 20px;
	margin-bottom: 10px;
	background: #f0f2fa;
	cursor: pointer;
}

.faq details > p{
	padding: 12px 0 0 28px;
}

/* Убираем стандартный маркер Chrome */
.faq details summary::-webkit-details-marker {
  display: none
}
/* Убираем стандартный маркер Firefox */
.faq details > summary {
  list-style: none;
  font-size: 1.2em;
}

/* Добавляем собственный маркер для закрытого состояния */
.faq details summary:before {
  content: '→';
  color: #ff8b29;
  margin-right: 10px;
}

/* Добавляем собственный маркер для открытого состояния */
.faq details[open] summary:before {
  content: '↑';
   margin-right: 12px;
}



/* FAQ - END */