/*******************************************
 *** Адаптивные стили ADAPTIVE.CSS
 *** Собственность компании WEBBERRIES
 *** https://webberries.ru (C) 2005-2022
 *** Для вопросов: webberries@yandex.ru
 *** Дата обновления: 11.05.2022
 *** Версия файла: V4.00 
 *******************************************/

/*------------------------------------------------------------------------------
 ******************* TABLETS SETTINGS ******************************************

@media screen and (min-width: 480px) and (max-width: 800px) {
	section, footer, header { width: 100%; min-width: 100%; padding: 0; overflow: hidden; }
	.container { width: 94%; overflow: hidden; margin: 0 auto; }

	section h2, section h3 {
		font-size: 1.8em;
	}

	div.overlay .window {
	  width: 90%;
	  padding: 10px;
	}

}
-------------------------------------------------------------------------------*/




/*
@media screen and (min-width: 1900px) {
	section, header, footer, nav { 
		min-width: 1880px; 
	}

	div.con { 
		width: 1840px; 
	}
}
*/
@media screen and (min-width: 1600px) /*and (max-width: 1899px)*/ {
	section, header, footer, nav { 
		min-width: 1560px; 
	}

	div.con { 
		width: 1520px; 
	}

	header .mid h1 {
		font-size: 3em;
	}
	header .mid {
		position: relative;
		z-index: 10;
		margin-top: 150px;
	}


	header .reasons .b-3 {
		color: #fff;
		font-size: 1em;
		font-weight: 400;
	}

	header	{
		max-height: 1000px;
	}

	section.obzory h2 {
		font-size: 4em;
	}

	section.obzory p {
		margin-top: 35px;
	}

	section.obzory .obzor2 {
		top: 0;
		left: 40%;
	}

	section.mainpage-izbr .text-msg {
		font-size: 2.5em;
		width: 55%;
	}
}
/**/




/*------------------------------------------------------------------------------
 ******************* MOBILE SETTINGS *******************************************
 @media screen and (max-width: 479px) {
-------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
 	section, footer, header, nav { width: 100%; min-width: 100%; padding: 0; overflow: hidden; }
	div.con { width: 100%; overflow: hidden; margin: 0 auto; }

	h1, h2, h3 {
		font-size: 1.6em;
	}

	h3, h4, h5, h6 {
		font-size: 1.2em;
	}

	div.popup .window {
	  width: 90%;
	  padding: 40px 10px 10px 10px;
	}

	div.popup .window input, div.popup .window button {
		width: 90%;
	}

	.mobileclear {
		clear: both !important;
	}


	header {
		height: unset;
		position: relative;
		z-index: 10;
		max-height: unset;
		background: url(/sys/images/main/bg-header-2.jpg) top center / cover;
	}


	header .header-bg-video,
	header .header-bg-photo,
	header .bottom-line
	header:before {
		display: none;
	}

	header .line {
		height: 100px;
		background: rgba(0, 0, 0, .4);
		width: 100%;
		position: relative;
		z-index: 10;
	}

	header .con {
		padding: 0;
	}

	header {
	}

	header .top {
		position: relative;
		height: 100px;
	}


	header .top .logo {
		width: 160px;
		height: 130px;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 20px), 0 100%);
		background: #429340;	
		background: linear-gradient(180deg, #429340 0%, black 150%);
	}

	header .top .logo-image {
		height: 85px;
		width: 140px;
		margin: 0 auto;
		background: url(/sys/images/main/logo-white-text.png) center center / contain no-repeat;
		position: relative;
		top: 10px;
		z-index: 10;
	}

	header .top .contacts .social,
	header .top .contacts .address {
		display: none;
	}

	header .top .contacts {
		position: absolute;
		top: 15px;
		right: 15px;
		left: 180px;
		width: unset;
		bottom: unset;
	}

	header .top .contacts .phone {
		position: relative;
		right: unset;
		top: unset;
		font-size: 0.8em;
		font-weight: 700;
		text-align: right;
		transform: unset;
		width: 100%;
	}

	header .top .contacts br {display: none}

	header .top .contacts a {
		margin-left: 10px;
	}

	header .top .contacts a.first {
		margin-left: unset;
	}

	header .top .search {
		display: none;
	}


	header .top .menu {
		display: none;
		position: absolute;
		height: unset;
		width: unset;
		position: fixed;
		background: #fefefe;
		inset: 0;
		line-height: unset;
		z-index: 100000000;
	}

	header .top .menu .menu-button  {
		color: #263238;
	}

	header .top .mobile-menu-button {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		font-size: 1em;
		font-weight: 400;
		padding: 0 15px;
		border-radius: 4px;
		position: absolute;
		right: 15px;
		bottom: 15px;
	}



	.mobile-menu {
		display: none;
		position: fixed;
		z-index: 100000000;
		inset: 0;
		background: #fefefe;
	}

	.mobile-menu i.las {
		position: fixed;
		z-index: 10;
		top: 15px;
		right: 15px;
		font-size: 2em;
		color:#e53935;
	}

	.mobile-menu .menu-content {
		position: absolute;
		inset: 0 50px 0 0;
		overflow-y: auto;
		padding: 75px 25px 25px 25px;
	}

	.mobile-menu .menu-content .menu-button {
		display: block;
		padding: 5px 0;
		margin-bottom: 10px;
		font-size: 1.2em;
		text-align: left;
		color: #263238;
		font-weight: 700;
	}



	header .mid .b-4,
	header .mid .b-4f {
		width: 100%;
	}

	header .mid .b-4 {
		padding: 50px 0;
	}
	
	header .mid {
		padding: 0 15px;
	}

	header .mid h1 {
		font-size: 1.75em;
		color: #fefefe;
		text-transform: uppercase;
		font-weight: 700;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .20);
	}

	header .mid h1 span {
		color: #429340;
		background: rgba(0, 0, 0, .40);
		padding:0;
	}

	header .mid h2 {
		margin-top: 25px;
		font-size: 1.25em;
	}

	header .mid .action .def-button {
		margin-top: 15px;
	}

	header .mid .buttons {
		margin-top: 25px;
	}

	header .reasons {
		position: relative;
		bottom: unset;
		left: unset;
		right: unset;
		margin-bottom: 50px;
		padding: 0 15px;
	}

	header .reasons .b-3 {
		width: 100%;
		margin-top: 10px;
		font-size: 0.65em;
	}

	section {
		padding: 50px 15px;
	}

	section h2,
	section.static-page h1  {
		font-size: 2em;
		color: #263238;
		text-transform: none;
		font-weight: 700;
		text-align: center;
	}

	section.obzory h2 {
		color: #fefefe;
		font-size: 2em;
		margin-bottom: 25px;
		text-transform: uppercase;
		text-align: left;
	}

	section.obzory .b-2 {
		padding-right: unset;
		width: 100%;
	}

	section.obzory {
		padding-bottom: 300px;
	}

	section.obzory .obzor1 {
		height: 230px;
		left: 25px;
		top: unset;
		bottom: 25px;
		background: url(/sys/images/main/obzory1.png) left center / contain no-repeat;
	}

	section.obzory .overlay {
		position: absolute;
		inset: unset;
		bottom: 0;
		left: 0;
		right: 0;
		height: 300px;
		z-index: 100;
		background: transparent;
	}

	section.mainpage-projects h2 {
		margin-bottom: 25px;
	}

	section.mainpage-projects .b-3 {
		width: 100%;
	}

	section.quiz .quiz-con .about  {
		display: none;
	}

	section.quiz .quiz-con .quiz-body {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	section.quiz .quiz-con h2 {
		font-size: 1.5em;
	}

	section.quiz .quiz-con p.top {
		color: #777;
		text-align: center;
		font-size: 1.0em;
		line-height: 1.5;
	}

	section.quiz .quiz-con .quiz-body .b-3.item {
		width: 50%;
	}

	section.quiz .quiz-con .quiz-body .b-2.item,
	section.quiz .quiz-con .quiz-body .b-2.form,  
	section.quiz .quiz-con .quiz-body .b-3f.item {
		width: 100%;
	}

	section.quiz .quiz-con .quiz-body .razdelitel {
		display: none;
	}

	section.quiz .quiz-con .quiz-body .clear-razdel .b-3.item:nth-child(3n) {
		clear: left;
	}

	section.quiz .quiz-con .quiz-body .def-button {
		font-size: 1em;
		padding: 0 20px;
		height: 50px;
		line-height: 50px;
	}

	section.quiz .quiz-con .calc {
		position: absolute;
		display: none;
		z-index: 10;
		inset: 0 0 0 0;
		background: url(/sys/images/quiz/calc.jpg) right bottom / contain no-repeat;
		opacity: 0.35;
	}

	section.mainpage-doma h2 {
		font-size: 2.5em;
		margin-bottom: 25px;
	}

	section.mainpage-doma h3.under {
		font-size: 1.25em;
		margin-bottom: 25px;
	}

	section.mainpage-doma .b-3 {
		width: 50%;
	}

	section.mainpage-doma .ob-20 {
		width: calc(100% + 10px);
		right: 5px;
	}

	section.mainpage-doma .ob-20 .item {
		padding: 5px;
	}

	section.mainpage-doma .item .ins h3 {
		color: :#263238;
		font-size: 1.25em;
		text-align: center;
		padding: 0 5px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	section.mainpage-doma .item .ins .info {
		float: left;
		width: 100%;
		color: #263238;
		font-size: 0.6em;
		overflow: hidden;
		text-align: left;
		padding: 5px 5px 5px 5px;
	}

	section.mainpage-doma .item .ins .price {
		color: #263238;
		text-align: left;
		text-align: center;
		font-size: 1em;
		font-weight: 700;
		margin: 5px 0;
		padding: 0 5px;
	}

	section.mainpage-doma .item .ins .def-button {
		position: relative;
		bottom: unset;
		right: unset;
		padding: 0 15px;
		height: 40px;
		line-height: 40px;
		font-size: 0.8em;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	section.mainpage-doma .item .ins  {
		padding: 0;
		text-align: center;
	}

	section.mainpage-doma .content .item:nth-child(odd) {
		clear: left;
	}



	section.ipoteka3pr .logo {
		width: 120px;
		height: 150px;
		background: url(/sys/images/main/logo-white.png) center center / contain no-repeat;
		float: left;
		margin-right: 25px;
		margin-left: 15px;
	}

	section.ipoteka3pr .text {
		font-size: 1.5em;
		font-weight: 700;
		height: unset;
		line-height: 1.5;
		text-align: center;
		float: unset;
		width: unset;
		position: absolute;
		left: 130px;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		color:#fefefe;
		text-transform: uppercase;
	}


	section.dreamhouse h2 {
		font-size: 1.75em;
		text-transform: uppercase;
		margin-bottom: 25px;
	}

	section.dreamhouse .item {
		width: 100%;
	}

	section.mainpage-works h2 {
		font-size: 2.5em;
		text-transform: uppercase;
	}

	section.mainpage-works h3 {
		font-size: 1.25em;
		text-align: center;
		margin-bottom: 25px;
	}


	section.mainpage-works .images {
		padding-right: unset;
		width: 100%;
		padding-bottom: 25px;
	}

	section.mainpage-works .text {
		width: 100%;
	}

	section.mainpage-works .text .b-2 {
		width: 100%;
	}

	section.mainpage-works .text .b-2 p {
		padding: 0;
		margin-bottom: 0;
	}

	section.mainpage-works .text .review {
		padding: 15px 15px 15px 15px;
		background: #efefef;
		min-height: 120px;
		margin-top: 10px;
		position: relative;
		color: #263238;
	}

	section.mainpage-works .text .review .icon  {
		display: none;
	}


	section.mainpage-vk .text {
		position: absolute;
		top:50%;
		left:150px;
		color:#fefefe;
		transform: translateY(-50%);
		font-size: 1.25em;
		font-weight: 700;
		text-transform: none;
	}

	section.mainpage-vk .text span {
		color:#429340;
	}

	section.mainpage-vk .text a {
		text-decoration: underline;
	}

	section.mainpage-vk .img {
		position: absolute;
		z-index: 10;
		left: 60%;
		right: 0;
		bottom: 0;
		top: 0;
		background: url(/sys/images/mainpage-works/1/1.jpg) center center / cover;
		opacity: 0.35;
		clip-path: polygon(75px 0%, 100% 0, 100% 100%, 0% 100%);
	}

	section.mainpage-vk .logo {
		width: 100px;
		height: 150px;
		background: url(/sys/images/main/logo-vk.png) left center / contain no-repeat;
		float: left;
		margin-right: 50px;
		margin-top: 25px;
		margin-left: 15px;
	}

	section.mainpage-podryad h2,
	section.mainpage-ideal h2 {
		text-transform: uppercase;
		font-size: 2.0em;
		margin-bottom: 25px;
	}

	section.mainpage-podryad .swipe-podryad .item .header {
		font-size: 1.0em;
	}

	section.mainpage-podryad .swipe-podryad .item:before {
		content: "";
		float: left;
		padding-top: 170%;
	}

	section.mainpage-ideal .etap .b-6 {
		display: none;
	}

	section.mainpage-ideal .etap .b-6.visible {
		display: block;
		width: 40%;
	}

	section.mainpage-ideal .etap-body .image {
		position: relative;
		inset: unset;
		height: 150px;
		clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
	}

	section.mainpage-ideal .etap-body .text {
		margin-left: unset;
		padding: 25px 0 15px 0;
	}

	section.mainpage-ideal .etap-body .text h3 {
		padding-left: 0px;
		font-size: 1.75em;
	}

	section.mainpage-ideal .etap-body .text strong {
		padding-left: 0;
	}



	section.mainpage-questions .question-body {
		overflow: hidden;
		padding: 0;
		width: 100%;
	}

	section.mainpage-questions .question-body .question {
		font-size: 1.25em;
	}



	section.static-page.articles .item:nth-child(3n + 4) {
		clear: unset;
	}

	section.static-page.articles .item {
		width: 50%;
	}

	section.static-page.articles .item:nth-child(2n + 3) {
		clear: left;
	}

	section.static-page.articles .item .ins .name  {
		font-size: 1em;
	}





	section.excursion {
		padding: 50px 15px;
	}

	section.excursion h2 {
		font-size: 2em;
	}

	section.excursion .b-3, section.excursion .b-3f {
		width: 100%;
	}

	section.excursion .form-con {
		position: relative;
		top:unset;
		right: unset;
		bottom: unset;
	}

	section.excursion .form-con .form {
		position: relative;
		inset: unset;
		padding: 25px;
		background: rgba(255, 255, 255, .20);
	}

	section.excursion .reasons i,
	section.excursion .logo {
		display: none;
	}

	section.excursion .reasons {
		margin-bottom: 15px;
	}


	section.mainpage-reviews h2 {
		text-transform: uppercase;
		font-size: 2.0em;
		margin-bottom: 50px;
	}

	section.mainpage-reviews .about-otzyvy {
		font-size: 1.0em;
		font-weight: 700;
		color: #263238;
		width: 100%;
	}

	section.mainpage-reviews .add-otzyv {
		width: 100%;
	}

	section.mainpage-reviews .add-otzyv .def-button {
		width: 100%;
		margin-top: 25px;
	}

	section.mainpage-reviews .user-reviews .b-2 {
		width: 100%;
	}


	section.video-reviews h2 {
		text-align: left;
		font-size: 2em;
	}

	section.video-reviews .b-3 {
		width: 100%;
	}

	section.mainpage-specialist  {
		padding: 50px 15px;
	}

	section.mainpage-specialist .left {
		display: none;
	}

	section.mainpage-specialist h2 {
		font-size: 2em;
	}

	section.mainpage-specialist .right {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}


	section.mainpage-docs {
		padding: 50px 15px;
	}

	section.mainpage-docs .left,
	section.mainpage-docs .right,
	section.mainpage-docs .b-3 {
		width: 100%;
	}

	section.accreditation h2 {
		font-size: 2em;
	}

	section.accreditation .b-4,
	section.accreditation .b-6 {
		width: 50%;
	}

	section.mainpage-izbr {
		display: none;
	}


	section.mainpage-smeta {
		padding: 50px 15px;
	}

	section.mainpage-smeta  .b-3, section.mainpage-smeta .b-3f {
		width: 100%;
	}

	section.mainpage-smeta .form-con {
		position: relative;
		top:unset;
		margin-top: 50px;
		right: unset;
		bottom: unset;
		width: 100%;
	}

	section.mainpage-smeta .form-con .form {
		position: relative;
		inset: unset;
		padding: 25px;
		background: rgba(255, 255, 255, .20);
	}

	section.mainpage-smeta h2 {
		font-size: 2.0em;
		margin-bottom: 75px;
	}

	section.mainpage-smeta .line {
		display: none;
	}

	section.mainpage-smeta .reasons {
		margin-bottom: 15px;
	}

	section.mainpage-smeta .logo {
		display: none;
	}

	section.mainpage-smeta .b-3f {
		padding: 0;
	}

	footer  {
		padding: 25px 15px;
	}

	footer .con {
		height: unset;
		line-height: unset;
	}

	footer .socials {
		width: 100%;
	}




}