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

/*------------------------------------------------------------------------------
 ******************* ВСПОМОГАТЕЛЬНЫЕ СТИЛИ *************************************
-------------------------------------------------------------------------------*/

/*
Для изменения свойств элементов - раскомментировать и поменять со стандартных на нужные:
*/
/*------------------------------------------------------------------------------
		a.blue:link {color: #006699; text-decoration: underline; }
		a.blue:visited {color: #006699; text-decoration: underline; }
		a.blue:active {color: #006699; text-decoration: underline; }
		a.blue:hover {color: #009999; text-decoration: none; }

		body {
			background: #f5f5f5;
		}

		html, body, h1, h2, h3, h4, h5, h6, div, span, input, textarea, table, td {
			font-family: 'Nunito', sans-serif;
		}



		///////////// Checkbox & Radio

		.checkbox:after {
			border-left: 4px solid #535353 !important;
			border-bottom: 4px solid #535353 !important;
		}

		.radio:after {
			background-color: #535353 !important;
		}

		.radio:before, .checkbox:before {
			border: 1px solid #dddddd !important;
			background-color: #dddddd !important;
		}

		<input type="checkbox" id="cb1" checked> <label class="checkbox" for="cb1">Флажок 1</label>
		<input type="radio" name="rb" id="rb1" checked> <label class="radio" for="rb1">Переключатель 1</label>




		///////////// Кнопки

		input[type=submit], button, .btn {
			background: #232323 !important;
		}

		input[type=submit]:hover, button:hover, .btn:hover {
			background: #363636 !important;
		}
		
-------------------------------------------------------------------------------*/

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');*/


body {
	background: #fefefe;
}

header, section, nav, footer {
	padding: 0;
}

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


h2, h3, h4 {
	color: #263238;
}

.def-button {
	height: 60px;
	line-height: 60px;
	padding: 0 42px;
	text-align: center;
	text-transform: uppercase;
	background: #429340;
	cursor: pointer;
	overflow: hidden;
	font-size: 1em;
	position: relative;
	transition: 0.2s;
	display: inline-block;
	border-radius: 6px;
	border:0;
}

.def-button:hover {
	background: #1B5E20;
	transition: 0.5s;
}

.def-button:before {
	content: "";
	z-index: 5;
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 0%, black 150%);
}

.def-button span {
	position: relative;
	z-index: 10;
	font-size: 1em !important;
	color:#fefefe;
	font-weight: 400;
}



.owl-prev {
    width: 35px;
    height: 60px;
    line-height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
    display: block !important;
    border:0px;
    text-align:  center;
}

.owl-next {
    width: 35px;
    height: 60px;
    line-height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
    display: block !important;
    border:0px;
    text-align:  center;
}

.owl-next span, .owl-prev span {
	font-size: 3em;
	position: relative;
	top: -5px;
}


body.stop-scroll {
	height: 100%;
	overflow: hidden;
}

div.overheader {
	position: fixed;
	z-index: 2000000;
	inset: 0;
	background: url(/sys/images/main/bg-header-2.jpg) top center / cover;
	filter: grayscale(100%);
}

div.overheader:after {
	content: "";
	position: absolute;
	z-index: 10;
	inset: 0;
	background: rgba(0, 0, 0, .80);
}

div.preloader {
	position: fixed;
	z-index: 3000000;
	inset: 0;
	background: #fefefe;
}

div.preloader .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
}

div.preloader .logo img {
	width: 80%;
	display: block;
	margin: 0 auto 15px auto;
}

div.preloader .logo .text {
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 700;
	color: #429340;
}

div.preloader .logo .text .w2,
div.preloader .logo .text .w3 {
	display: none;
}


div.logo-overheader .loader,
div.preloader .logo .loader {
	width: 80%;
	margin: 10px auto 0 auto;
	height: 10px;
	background: #ccc;
	overflow: hidden;
}

div.logo-overheader .loader .line,
div.preloader .logo .loader .line {
	width: 0;
	background: #429340;
	height: 10px;
	clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 100%, 0% 100%);
}

div.logo-overheader .loader,
div.logo-overheader .loader .line {
	background: transparent;
}

div.preloader .logo .loader .line.animated {
	width: calc(100% + 6px);
	transition: 3s;
}


div.logo-overheader {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	z-index: 2500000;
}
/*
div.logo-overheader.zoom {
	transition: 3s;
	transform: translate(-50%, -50%) scale(1.50);
}
*/

div.logo-overheader img {
	width: 80%;
	display: block;
	margin: 0 auto 15px auto;
}

div.logo-overheader .text {
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 700;
	color: #429340;
}

















/* ВКЛЮЧИТЬ!!! ************************************************/
div.overheader,
div.logo-overheader,
div.preloader {
	display: none; /* add 'none' for disable */
}















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


header:before {
	content: "";
	position: absolute;
	z-index: 6;
	inset: 0;
	background: rgba(0, 0, 0, .35);
}


header .header-bg-photo	{
	z-index: 5;
	inset: 0;
	position: absolute;
	background: url(/sys/images/main/bg-header-2.jpg) top center / cover;
}

header .header-bg-video {
	position: absolute;
	inset: 0;
	z-index: 4;
}

header .header-bg-video video {
	width: 100%;
}

/*
header.fixed {
	position: fixed;
	z-index: 10;
	inset: 0;
}*/



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

header .con {
	padding: 0;
}

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

header .top .logo {
	width: 200px;
	height: 180px;
	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: 120px;
	width: 180px;
	margin: 0 auto;
	background: url(/sys/images/main/logo-white-text.png) center center / contain no-repeat;
	position: relative;
	top: 15px;
	z-index: 10;
}

header .top .contacts {
	position: absolute;
	height: 50px;
	width: calc(100% - 250px);
	left: 250px;
	top: 25px;
}

header .top .contacts .address {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.0em; /*было 1.2em*/
	font-weight: 400;
	color:#fefefe;
	/*color:#429340;*/
	line-height: 1.2;
}

header .top .contacts .social {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-25%, -50%);
	color:#fefefe;
	height: 32px;
}

header .top .contacts .social .icon {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	display: inline-block;
	margin: 0 5px;
}

header .top .contacts .social .icon.wa {
	background: url(/sys/images/social/wa.png) center center / cover;
}
header .top .contacts .social .icon.vk {
	background: url(/sys/images/social/vk.png) center center / cover;
}
header .top .contacts .social .icon.tg {
	background: url(/sys/images/social/tg.png) center center / cover;
}
header .top .contacts .social .icon.yt {
	background: url(/sys/images/social/yt.png) center center / cover;
}

header .top .contacts .phone {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color:#fefefe;
	font-size: 1.75em;
	font-weight: 700;
}


header .top .menu {
	position: absolute;
	height: 30px;
	width: calc(100% - 300px);
	left: 250px;
	bottom: 25px;
	line-height: 30px;
}

header .top .menu .menu-button {
	display: inline-block;
	margin-right: 25px;
	color:#fefefe;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 700;
	position: relative;
}

header .top .menu .menu-button:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	transition: 0.2s;
	background: #fefefe;
}

header .top .menu .menu-button:hover:before {
	width: 100%;
	transition: 0.5s;
}

header .top .menu .menu-button:hover {
	cursor: pointer;
}

header .top .menu .menu-button.last {
	margin-right: 0;
}

header .top .search {
	height: 50px;
	line-height: 50px;
	text-align: right;
	color: #fefefe;
	position: absolute;
	right: 0;
	bottom: 15px;
	font-size: 1.75em;
}




header .mid {
	position: relative;
	z-index: 10;
	margin-top: 75px;
	/*position: absolute;
	top: calc(50% + 150px);
	transform: translateY(calc(-50% - 75px));
	z-index: 10;
	left: 0;
	right: 0;*/
}

header .mid h1 {
	font-size: 2.25em;
	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: 5px 10px;
}

header .mid h2 {
	font-size: 1.5em;
	color: #fefefe;
	margin-top: 50px;
	font-weight: 700;
	padding-right: 10%;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .20);
}

header .mid .action {
	border: 5px solid transparent;
	border-image: linear-gradient(to bottom, #fefefe, transparent);
	border-image-slice: 1;
	padding: 0 25px 50px 25px;
	font-size: 1em;
	font-weight: 700;
	color: #fefefe;
	text-align: center;
	background: linear-gradient(180deg, rgba(0, 0, 0, .70) 0%, transparent 90%);
	border-bottom: 0;
}

header .mid .action span {
	display: block;
	font-size: 7em;
	margin-bottom: 0;
}

header .mid .action p {
	margin:0;
	padding: 0;
	line-height: 1;
	font-size: 1.25em;
}

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


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

header .reasons {
	/*position: relative;
	margin-top: 100px;*/
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	z-index: 10;
}

header .reasons .b-3 .icon {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: #429340;
	color:#fefefe;
	line-height: 30px;
	text-align: center;
	font-size: 1.25em;
	display: inline-block;
	margin-right: 10px;
}

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


header .bottom-line {
	position: absolute;
	inset: 0;
	top: unset;
	height: 200px;
	background: linear-gradient(180deg, transparent 0%, black 80%);
	z-index: 7;
}


header.static {
	overflow: visible;
	max-height: 150px;
	background: #263238;
	position: relative;
}


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


.mobile-menu,
.mobile-menu-button {
	display: none;
}




section {
	padding: 75px 0;
	position: relative;
}

section .con  {
	z-index: 100;
}

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

section h2 span,
section.static-page h1 span {
	color: #429340;
	/*background: black;
	padding: 5px 10px;*/
}

section.static-page h1 {
	margin-bottom: 50px;
	color: #263238;
}


section.obzory {
	background: url(/sys/images/main/video-obzory-bg.jpg) bottom center / cover;
}

section.obzory:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, black 50%,  rgba(65, 145, 64, 0.8) 150%);
}

section.obzory p {
	font-weight: 400;
	color: #fefefe;
	margin-top: 15px;
}

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

section.obzory .b-2 {
	padding-right: 50px;
}

section.obzory .overlay {
	position: absolute;
	inset: 0 0 0 50%;
	z-index: 100;
	background: transparent;
}

section.obzory .obzor2 {
	position: absolute;
	z-index: 10;
	inset: 0;
	left: 50%;
	top: 100px;
	background: url(/sys/images/main/obzory2.png) bottom right / contain no-repeat;
}

section.obzory .obzor1 {
	position: absolute;
	z-index: 10;
	inset: 0;
	right: 20%;
	left: 50%;
	top: 50px;
	bottom: 50px;
	background: url(/sys/images/main/obzory1.png) center center / contain no-repeat;
}

section.obzory .obzor1.animate-speed {
	animation-duration: 10s;
}

section.obzory strong.green {
	color: #429340;
}



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


section.mainpage-projects .item .ins {
	background: #efefef;
	padding: 0 0 85px 0;
	padding: 0 0 15px 0; /* убрать чтобы показать */
	text-align: right;
}

section.mainpage-projects .item .ins .image {
	overflow: hidden;
	position: relative;
	padding-top: 75%;
}

section.mainpage-projects .item .ins h3 {
	color: :#263238;
	font-size: 1.75em;
	text-align: left;
	padding: 0 25px;
	margin-top: 25px;
}

section.mainpage-projects .item .ins .price {
	color: #429340;
	font-size: 1.25em;
	text-align: left;
	padding: 0 25px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 25px;
}

section.mainpage-projects .item .ins .def-button {
	position: absolute;
	bottom: 25px;
	right: 25px;
	display: none; /* убрать чтобы показать */
}

section.mainpage-projects .item .ins .number {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 1em;
	font-weight: 700;
	background: #fefefe;
	padding: 8px 16px;
	color:#263238;
}




section.mainpage-doma {
	background: #fefefe;
	padding-bottom: 100px;
}

section.mainpage-doma h2 {
	font-size: 4em;
	text-transform: uppercase;
	margin-bottom: 50px;
	color: #263238;
}

section.mainpage-doma h3.under {
	font-size: 1.75em;
	text-transform: none;
	text-align: center;
	margin-bottom: 50px;
	color: #263238;
}

section.mainpage-doma .menu-big {
	display: none;
}

section.mainpage-doma .filter {
	margin: 25px 0 20px 0;
	position: relative;
}

section.mainpage-doma .filter .btn-go {
	display: inline-block;
	height: 32px;
	line-height: 30px;
	border: 1px solid #ccc;
	background: #ccc;
	color:#263238;
	font-size: 0.8em;
	font-weight: 400;
	padding: 0 12px;
	margin: 0 5px 5px 0;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.2s;
}

section.mainpage-doma .filter .btn-go:hover {
	background: #efefef;
}

section.mainpage-doma .filter .view-all {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	color:#429340;
	font-size: 0.8em;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 0;
	border-bottom: 2px dashed #429340;
}

section.mainpage-doma .item .ins {
	background: #efefef;
	padding: 0 0 85px 0;
	text-align: right;
}

section.mainpage-doma .item .ins .image {
	overflow: hidden;
	position: relative;
	padding-top: 75%;
}

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

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

section.mainpage-doma .item .ins .info .round {
	width: 16px;
	height: 16px;
	border-radius: 16px;
	display: inline-block;
	margin-right: 10px;
	background: #429340;	
	position: relative;
	top: -1px;
	text-align: center;
	line-height: 16px;
	color: #fefefe;
	font-size: 0.8em;
}

section.mainpage-doma .item .ins .def-button {
	position: absolute;
	bottom: 25px;
	right: 25px;
}

section.mainpage-doma .item .ins .price {
	color: #263238;
	text-align: left;
	font-size: 1.25em;
	font-weight: 400;
	margin: 25px 0;
	padding: 0 25px;
}

section.mainpage-doma .item .ins .price span {
	font-weight: 700;
	color: #429340;
}


section.mainpage-doma .item .ins .top {
	position: absolute;
	left: 10px;
	top: -3px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 1.25em;
	font-weight: 700;
	background: #e53935;
	color:#fefefe;
	padding: 12px 8px 18px 8px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .20);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 10px), 0 100%);
}







section.ipoteka3pr,
section.mainpage-vk,
section.mainpage-izbr {
	padding: 0;
	background: #263238;
	background: linear-gradient(180deg, #263238 0%, #232323 100%);
	height: 150px;
}

section.mainpage-vk {
	height: 200px;
}

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

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


section.ipoteka3pr .text {
	font-size: 3.2em;
	font-weight: 700;
	height: 150px;
	line-height: 150px;
	text-align: center;
	float: left;
	width: calc(100% - 250px);
	color:#fefefe;
	text-transform: uppercase;
}

section.mainpage-vk .text {
	position: absolute;
	top:50%;
	left:250px;
	color:#fefefe;
	transform: translateY(-50%);
	font-size: 2.75em;
	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.dreamhouse h2 {
	font-size: 2.75em;
	text-transform: uppercase;
	margin-bottom: 50px;
}

section.dreamhouse .item:before {
	padding-top: 130%;
}

section.dreamhouse .item .ins {
	padding: 15px;
	box-shadow: unset;
}

section.dreamhouse .item .ins:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .75) 0%, transparent 50%);
	z-index: 2;
}

section.dreamhouse .item .ins h3 {
	color: #fefefe;
	position: relative;
	z-index: 10;
	font-size: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
}

section.dreamhouse .item .ins .line {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	padding: 10px;
	background: rgba(0, 0, 0, .65);
	z-index: 10;
}

section.dreamhouse .item .ins .line p {
	text-align: center;
	font-size: 0.8em;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color:#fefefe;
}






section.quiz {
	background: #343434 url(/sys/images/main/quiz-bg.jpg) center center / cover;
	background-attachment: fixed;
}

section.quiz:before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .70);
	z-index: 1;
}

section.quiz .pad50 {
	padding: 25px 50px 0 50px;
}

section.quiz .quiz-con {
	background: #fefefe;
	overflow: hidden;
}

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

section.quiz .quiz-con h2 {}

section.quiz .quiz-con .about {
	position: relative;
	padding-top: 100px;
	padding-left: 50px;
	padding-bottom: 50px;
	padding-right: 0;
}

section.quiz .quiz-con .about .skd-logo-con {
	background: #429340;
	height: 80px;
	width: 130px;
	position: absolute;
	top:0;
	left: 0;
	clip-path: polygon(100% 0, calc(100% - 15px) 50%, 100% 100%, 0 100%, 0 0);
}

section.quiz .quiz-con .about .skd-logo-con .skd-logo {
	width: 90px;
	height: 60px;
	position: relative;
	left: 10px;
	top: 10px;
	background: url(/sys/images/main/logo-white.png) center center / contain no-repeat;
}

section.quiz .quiz-con .about .arch-image {
	position: relative;
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
	background: #efefef url(/sys/images/main/architector.jpg) center center / cover;
	border-radius: 50%;
	margin-bottom: 15px;
}

section.quiz .quiz-con .about .arch-image:before {
	content: "";
	float: left;
	padding-top: 100%;
}

section.quiz .quiz-con .about .name {
	font-size: 0.8em;
	color:#777;
	text-align: center;
}

section.quiz .quiz-con .about .name span {
	font-size: 1.4em;
	font-weight: 700;
	color: #263238;
	display: block;
}

section.quiz .quiz-con .about p.text {
	font-size: 0.8em;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
	color: #263238;
}

section.quiz .quiz-con .about h3 {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
}

section.quiz .quiz-con .about .lock {
	line-height: 1.2;
	padding: 10px 15px 10px 50px;
	border-radius: 12px;
	background: #FFA000;
	background: linear-gradient(90deg, #FFA000 0%, #EF6C00 100%);
	color:#fefefe;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .20);
	font-size: 0.65em;
	position: relative;
	margin-top: 10px;
}

section.quiz .quiz-con .about .lock i {
	position: absolute;
	font-size: 2em;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
}


section.quiz .quiz-con .quiz-body {
	padding-top: 32px;
	padding-right: 50px;
	padding-left: 50px;
	position: relative;
	z-index: 20;
}

section.quiz .quiz-con .quiz-body .line {
	height: 16px;
	border-radius: 8px;
	background: #efefef;
	overflow: hidden;
	position: relative;
}

section.quiz .quiz-con .quiz-body .line .progress {
	width: 14.285714%;
	height: 16px;
	border-radius: 0 8px 8px 0;
	background-color: #429340;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAARCAYAAABerHfAAAAD7UlEQVRogd2ZzW/TQBDF37hJ2/RDIEAgOIBAgECAQHz8/1dAohe4UI5tj5RDE9qmbRZZctrJy3jH64+0xbf1L7H3vRnvvjgCdYQQ7gB4qk5ti8j+dBBC2ATwSvEdEdlTfBnAe8X3RWRb8fx+nwBkxamxiGzRHN4BWJ0OReQL8ZcAbqhTX0VkovgTAHcV3xKRseIPADxU/LuIjBS/DeCZ4r9E5LfiGwBeK74rIruK9wF8UPyPiPwkDz4CWCpOnYjIN9L4FsBgOhaRz8RfALgZ8eAxgHsRD+4DeKT4DxEZKn4LwPOIB+sA3ii+JyI7ivcKjaYHxWdy3iuGpxlmj00aH9F4g8Z/HT6i8Zpqwvw4oMn1VBNa3+d7nOoCGDw/TmjMGscOZw+Yex4MaTxQTTjHCw8G6hRfn+9RxYNTGrOGY4c37YMZHkIYqCbMjyE3Il/AK8Khw7mRmHORorwQECviUtHs5/MTkUDX1BrPRIQb1fOAuecBF4n5zMNoXJ8f1rkiEs/IgyOjUfUcJhU88BrV88Cr88F5IxoCDisI8IrEjeitFh6fE+B8n4uYr7b9susXHqyrU3kRzyJzmBiN6hWhqQdVuI5c7MGK44GQB8ciEltRg9GI0RXR4AcZQS2AJ1hHQGxbDEajNmo0g1tFivF1x4M8Ay+rUyO94hoejCt4kPqwNeVVPMjKeJGBV9QpywN9jzwDeyvqKIvAVAM2nPxnCdABO1XAVSgi8+QMbOw6nP+8XaftXaUp5/hkeTCTgfNdh1fEmICuDahSRBbgFdHbMppqaJUbGZg9sDIwRwfOwO626PC2PTLvX9aIbQhoW2CU1wjxh072mRjZpum210kRp0fNDOx5kBqfanmUoTsBqUVcxLYay39zGZiyD3vQRQbuutG7yMD8+kvPobIHWQxeMQGXnY3YAy8DD2tkYPZg0fmujfiUkoFPphk4MyA6KmJMQL+ugMgckrY1g7e9rV6HDNxpRg4hrJW9By5bEZu+v2s7/5UKwEWIn/slRtfUGs4qFLFpBm7Vo/8kA5fyrOSXGAuY+SFjvMC87HdfUV5kYK+IbWfgy3i1FIsObWfgSZsa+eZzX64goMqLbN0o1i+xaCPFBLTEvSL2r2EGTvUwNQOPnL9PkzJwZkzQyjYxPnAE9FoQ4L3IXsTfZvrgIq46+W9pARm463+leMGydp2YB5kRn849sBoxVcDA4Ss0tv4y8gToItYJ8U2LyA+j5wFffzXGCw9iGViMInovslM98Ooc3TkreBT1IKtQRG9F9DhPwGtU5j0aW/muNP8Zc6yTgb3VIrUIzPW2b3EdjebuX8ODOhk4uiLWeBgvNAL4B5enxHEPS7t8AAAAAElFTkSuQmCC');
	transition: 0.5s ease;
}

section.quiz .quiz-con .quiz-body .question {
	padding-top: 52px;
}

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

section.quiz .quiz-con .quiz-body .question .header {
	margin-bottom: 25px;
}

section.quiz .quiz-con .quiz-body .question .header .num {
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	background: #e53935;
	color:#fefefe;
	font-size: 2em;
	font-weight: 700;
	float: left;
	margin-right: 25px;
	border-radius: 12px;
}

section.quiz .quiz-con .quiz-body .question .header span {
	font-size: 1.5em;
	font-weight: 700;
	position: relative;
	top: 10px;
	color: #263238;
}

section.quiz .quiz-con .quiz-body .question .ins {
	overflow: hidden;
	cursor: pointer;
}

section.quiz .quiz-con .quiz-body .question .ins.withimage .image {
	overflow: hidden;
	border-radius: 12px;
	position: relative;
	z-index: 1;
}

section.quiz .quiz-con .quiz-body .question .ins.withimage .image:before {
	content: "";
	float: left;
	padding-top: 75%;
}

section.quiz .quiz-con .quiz-body .question .ins.withimage .text {
	position: relative;
	z-index: 2;
	padding-top: 25px;
}

section.quiz .quiz-con .quiz-body .question .ins.withimage .check {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	border:4px solid #fefefe;
	border-radius: 20px;
	background: #efefef;
	color: #777;
	line-height: 36px;
	font-size: 1em;
	text-align: center;
	top: -20px;
}

section.quiz .quiz-con .quiz-body .question .ins.withimage span {
	text-align: center;
	display: block;
	font-size: 0.8em;
}

section.quiz .quiz-con .quiz-body .question .ins.withoutimage {
	min-height: 60px;
	background: #fefefe;
	border: 1px solid #ccc;
	border-radius: 12px;
	padding-left: 70px;
}

section.quiz .quiz-con .quiz-body .question .ins.withoutimage .check {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border:4px solid #fefefe;
	border-radius: 20px;
	background: #efefef;
	color: #777;
	line-height: 36px;
	font-size: 1em;
	text-align: center;
}

section.quiz .quiz-con .quiz-body .question .ins.withoutimage span {
	text-align: left;
	display: block;
	font-size: 0.8em;
	position: relative;
	top: 22px;
}


section.quiz .quiz-con .quiz-body .question .ins.selected .check {
	background: #429340;
	color:#fefefe;
}

section.quiz .quiz-con .quiz-body .question .ins.selected span {
	font-weight: 700;
}

section.quiz .quiz-con .quiz-body .question .ins.selected.withoutimage {
	border-color: #429340;
	background: #efefef;
}

section.quiz .quiz-con .quiz-body .question .bottom {
	text-align: left;
	margin-top: 25px;
	margin-bottom: 50px;
}

section.quiz .quiz-con .quiz-body .question .bottom .prev {
	margin-right: 25px;
}


section.quiz .quiz-con .quiz-body .question .bottom .next {
	display: none;
}

section.quiz .quiz-con .quiz-body .question .bottom .fakebutton ,
section.quiz .quiz-con .quiz-body .question .bottom .fakebutton:hover {
	background: #ccc;
	color:#777;
	cursor: default;
}

section.quiz .quiz-con .quiz-body .question .bottom .fakebutton:before {
	display: none;
}


section.quiz .quiz-con .quiz-body .question .form {
	overflow: hidden;
	margin-bottom: 50px;
	margin-top: 25px;
}

section.quiz .quiz-con .quiz-body .question .form input {
	border: 2px solid #429340;
	border-radius: 6px;
	margin-bottom: 15px;
}

section.quiz .quiz-con .quiz-body .question.final {
	position: relative;
	overflow: hidden;
}

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






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

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

section.mainpage-works .obj-map {
	height: 60px;
	line-height: 60px;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	color:#fefefe;
	background: url(/sys/images/main/obj-map.jpg) center center / cover;
	border-radius: 6px;
	padding: 0 32px;
	display: inline-block;
}

section.mainpage-works .obj-map i {
	position: relative;
	transform: rotate(45deg);
	font-size: 2.5em;
}

section.mainpage-works .swipe-objects {
	margin-top: 50px;
}

section.mainpage-works .images {
	padding-right: 50px;
}

section.mainpage-works .images .image {
	overflow: hidden;
}

section.mainpage-works .images .image.main-image {
	margin-bottom: 10px;
}

section.mainpage-works .images .image:before {
	content: "";
	float: left;
	padding-top: 70%;
}

section.mainpage-works .text h4 {
	text-transform: uppercase;
	font-size: 1.75em;
	color: #263238;
}

section.mainpage-works .text p {
	margin-top: 25px;
	color: #263238;
}

section.mainpage-works .text p strong span {
	color: #429340;
}

section.mainpage-works .text .b-2 p {
	line-height: 1.75;
	color: #263238;
}

section.mainpage-works .text h5 {
	font-size: 1.25em;
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 15px;
	color: #263238;
}

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

section.mainpage-works .text .review .icon {
	height: 90px;
	width: 90px;
	border-radius: 90px;
	position: absolute;
	top: 15px;
	left: 15px;
}

section.mainpage-works .text .review .date {
	font-size: 1.25em;
	font-weight: 400;
	color:#777;
	margin-bottom: 15px;
}

section.mainpage-works .text .review .review-text {
	font-size: 1em;
	font-weight: 700;
	color: #263238;
}






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


section.mainpage-podryad .swipe-podryad .item {
	overflow: hidden;
	position: relative;
}


section.mainpage-podryad .swipe-podryad .item .overlay {
	position: absolute;
	z-index: 5;
	inset: 0;
	background: linear-gradient(160deg, #efefef 40%, transparent 120%);
	background: linear-gradient(135deg, #fefefe 30%, transparent 100%);
}

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

section.mainpage-podryad .swipe-podryad .item .header {
	font-size: 1.5em;
	color:#429340;
	text-transform: uppercase;
	font-weight: 700;
	position: absolute;
	inset: 15px 15px 40% 15px;
	line-height: 1.0;
	z-index: 10;
	text-shadow: 2px 2px 0 #fefefe;
}

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

section.mainpage-podryad .swipe-podryad .item .text {
	position: absolute;
	inset: 0;
	top: unset;
	padding:  15px 15px 15px 45px;
	text-align: right;
	background: #232323;
	color:#fefefe;
	font-size: 0.8em;
	clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0% 25px);
	z-index: 10;
}






section.mainpage-ideal .etap {
	overflow: hidden;
	margin-bottom: 25px;
}

section.mainpage-ideal h2 {
	margin-bottom: 15px;
}

section.mainpage-ideal .etap .ins {
	text-align: center;
	padding: 8px;
	font-size: 1em;
	font-weight: 700;
	background: #efefef;
	color: #777;
}

section.mainpage-ideal .etap .ins.selected {
	background: #429340;
	background: linear-gradient(180deg, #429340 0%, #232323 150%);
	color:#fefefe;
}

section.mainpage-ideal .etap {
	position: relative;
	overflow: hidden;
}
/**/
section.mainpage-ideal .etap-body {
	margin-top: 25px;
	position: relative;
	min-height: 450px;
	/*overflow: hidden;*/
}

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

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

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

section.mainpage-ideal .etap-body .text strong {
	display: block;
	margin-top: 60px;
	margin-bottom: 40px;
	font-size: 1.25em;
	color: #263238;
	padding-left: 50px;
}


section.mainpage-ideal .etap.etap-dif .etap-body .text h3 {
	margin-top: 60px;
	margin-bottom: 40px;
}

section.mainpage-ideal .etap.etap-dif .etap-body .text strong {
	margin-bottom: 0;
	margin-top: 0;
	color: #263238;
}


section.mainpage-ideal .etap-body .text p {
	line-height: 2;
	color: #263238;
}

section.mainpage-ideal .etap-body .text p span {
	color: #429340;
}



/************************** STATIC PAGE ********************************************/


section.static-page .breadcrumbs {
	margin-bottom: 25px;
	font-size: 0.8em;
	color:#777;
}




/************************** ARTICLES ********************************************/

section.static-page.articles .item .ins {
	position: relative;
	transition: 0.2s;
	cursor: pointer;
}

section.static-page.articles .item .ins .image {
	overflow: hidden;
}

section.static-page.articles .item .ins .image:before {
	content: "";
	float: left;
	padding-top: 65%;
}

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

section.static-page.articles .item .ins .name {
	position: relative;
	display: block;
	padding: 7px 0;
	margin: 0;
	top: 0px;
	border-top: 5px solid #efefef;
	border-radius: 0;
	background: transparent;
	color:#111;
	font-size: 1.25em;
	font-weight: 700;
	transition: 0.2s;
}

section.static-page.articles .item .ins:hover {
	transform: scale(1.05);
}

section.static-page.articles .item .ins:hover .name {
	/*background: #429340;*/
	color:#429340;
	border-top-color: #429340;
}

section.static-page.articles .page-content p {
	margin: 25px 0;
}

section.static-page.articles img.article {
	display: block;
	width: 60%;
	border-radius: 12px;
	margin: 0 auto;
	margin-bottom: 50px;
}


section.static-page.articles .counter {
	clear: both;
	padding: 15px 0;
}

section.static-page.articles .counter .nav-button {
	background: #efefef;
	font-weight: 700;
	height: 32px;
	padding: 0 12px;
	border-radius: 4px;
	color:#263238;
	margin: 0 5px 5px 0;
	line-height: 30px;
	font-size: 0.8em;
	display: inline-block;
	border: 1px solid #429340;
}

section.static-page.articles .counter .nav-button.selected {
	color:#fefefe;
	background: #429340;
}




/************************** ИПОТЕКА ********************************************/


section.static-page.ipoteka img.ipoteka-image {
	width: 60%;
	display: block;
	margin: 0 auto 50px auto;
	border-radius: 12px;
}






div.inside-doma .item .ins {
	background: #efefef;
	padding: 0 0 85px 0;
	text-align: right;
}

div.inside-doma .item .ins .image:before {
	content: "";
	float: left;
	padding-top: 75%;
}

div.inside-doma .item .ins h3 {
	color: :#263238;
	font-size: 2.25em;
	text-align: left;
	padding: 0 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

div.inside-doma .item .ins .def-button {
	position: absolute;
	bottom: 25px;
	right: 25px;
}


div.inside-doma .item .ins .top {
	position: absolute;
	left: 10px;
	top: -3px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 1.25em;
	font-weight: 700;
	background: #e53935;
	color:#fefefe;
	padding: 12px 8px 18px 8px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .20);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 10px), 0 100%);
}



section.excursion {
	background: #263238;
	padding: 50px 0;
}

section.excursion h2 {
	font-size: 3em;
	color:#fefefe;
	text-align: left;
	margin-bottom: 125px;
	text-transform: uppercase;
}

section.excursion strong {
	font-size: 1.25em;
	color:#fefefe;
	margin-bottom: 75px;
	display: block;
}

section.excursion .reasons {
	text-align: left;
}

section.excursion .reasons i {
	font-size: 1.5em;
	color:#fefefe;
	margin-bottom: 25px;
}

section.excursion .reasons p {
	text-align: left;
	padding-right: 25px;
	color:#fefefe;
}

section.excursion .reasons p span {
	color:#429340;
}

section.excursion .b-3f {
	padding: 75px 50px 75px 0;
}

section.excursion .form-con {
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	width: 33.333333333%;
}

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

section.excursion .form-con .form h3 {
	text-align: center;
	margin-bottom: 25px;
	color:#fefefe;
	text-transform: uppercase;
	font-size: 1.5em;
}

section.excursion .form-con .form input {
	height: 50px;
	line-height: 50px;
	border:0;
	margin-bottom: 15px;
}

section.excursion .form-con .form button {
	border:0;
	width: 100%;
}

section.excursion .form-con .form .rows {
	position: relative;
	z-index: 10;
}

section.excursion .form-con .form .logo {
	position: absolute;
	z-index: 5;
	bottom: 50px;
	right: 0;
	left: 0;
	height: 120px;
	background: url(/sys/images/main/logo-text-down.png) center center / contain no-repeat;
}



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

section.mainpage-reviews .about-otzyvy {
	font-size: 1.5em;
	font-weight: 700;
	color: #263238;
}

section.mainpage-reviews .add-otzyv {
	text-align: right;
}

section.mainpage-reviews .user-reviews {
	margin-top: 50px;
}

section.mainpage-reviews .user-reviews .ins {
	background: #efefef;
	padding: 15px;
}

section.mainpage-reviews .user-reviews .header {
	min-height: 70px;
	padding: 5px 5px 5px 5px;
	position: relative;
}

section.mainpage-reviews .user-reviews .header .user-pic {
	position: absolute;
	top:5px;left:0;
	height: 60px;
	width: 60px;
	border-radius: 50px;
}

section.mainpage-reviews .user-reviews .header .name {
	font-size: 1.25em;
	font-weight: 400;
	color: #263238;
	margin-bottom: 15px;
	padding-left: 75px;
}

section.mainpage-reviews .user-reviews .header .date {
	font-size: 1em;
	color:#777;
	text-align: left;
	float: left;
	width: 65%;
	padding-left: 75px;
}

section.mainpage-reviews .user-reviews .header .rating {
	float: left;
	width: 35%;
	min-width: 150px;
	color:#ff7700;
	text-align: right;
}

section.mainpage-reviews .user-reviews .header .text {
	margin-top: 25px;
	line-height: 1.5;
	font-size: 0.8em;
	padding: 0 20px;
	color: #263238;
}

section.mainpage-reviews .right {
	padding-top: 25px;
	text-align: right;
}



section.video-reviews  {
	padding-top: 0;
}

section.video-reviews h2 {
	text-align: left;
	font-size: 3.5em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

section.video-reviews .item .ins {
	background: #efefef;
	overflow: hidden;
	position: relative;
}

section.video-reviews .item .ins:before {
	content: "";
	float: left;
	padding-top: 65%;
}


section.video-reviews .item .ins iframe {
	position: absolute;
	display: block;
	inset: 0;
	height: auto;
	width: 100%;
	height: 100%;
}

/*
section.video-reviews .item .ins .play-button {
	width: 64px;
	height: 64px;
	border-radius: 64px;
	border: 1px solid #ccc;
	text-align: center;
	background: #fefefe;
	color:#429340;
	font-size: 2.5em;
	line-height: 62px;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
*/



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

section.mainpage-specialist .left {
	background: url(/sys/images/main/mainpage-specialist.jpg) center center / cover;
	position: absolute;
	inset: 0 calc(50% + 50px) 0 0;
}

section.mainpage-specialist .left .icon {
	width: 64px;
	height: 64px;
	border-radius: 64px;
	line-height: 64px;
	text-align: center;
	position: absolute;
	right: -32px;
	font-size: 2.5em;
	bottom: 16px;
	color:#fefefe;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .30);
	z-index: 10;
}

section.mainpage-specialist .left .icon.skype {
	background: #4eacea;
}

section.mainpage-specialist .left .icon.wa {
	background: #489d32;
	bottom: 96px;
}

section.mainpage-specialist .left .icon.zoom {
	background: #229ED9;
	bottom: 176px;
}

section.mainpage-specialist h2 {
	text-transform: uppercase;
	font-size: 2.5em;
	margin-bottom: 50px;
	text-align: left;
}

section.mainpage-specialist .right {
	margin-left: 50%;
	padding-left: 100px;
}

section.mainpage-specialist .right strong {
	font-size: 1.5em;
}

section.mainpage-specialist .right strong,
section.mainpage-specialist .right p {
	line-height: 1.5;
	color: #263238;
}

section.mainpage-specialist .right  p {
	margin-top: 25px;
	margin-bottom: 25px;
	color: #263238;
}

section.mainpage-specialist .right .form {
	width: 60%;
}

section.mainpage-specialist .right .form input {
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
}






section.mainpage-docs h3 {
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 50px;
}

section.mainpage-docs h3 span {
	color:#429340;
}

section.mainpage-docs h4 {
	font-size: 1.25em;
	font-weight: 700;
}

section.mainpage-docs .left {
	float: left;
	width: calc(60% - 100px);
	margin-right: 100px;
	position: relative;
}

section.mainpage-docs .left .image {
	overflow: hidden;
	padding-top: 65%;
	margin-bottom: 15px;
}

section.mainpage-docs .right {
	float: left;
	width: 40%;
	position: relative;
}

section.mainpage-docs .skos {
	background: #efefef;
	clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0% 100%);
	position: absolute;
	inset: 0 0 0 35%;
	z-index: 10;
}

section.mainpage-docs .left p {
	line-height: 1.5;
	margin-top: 25px;
}

section.mainpage-docs .right h4 {
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: 50px;
}



section.accreditation {
	background: #efefef;
}

section.accreditation h2 {
	text-transform: uppercase;
	font-size: 3.5em;
	margin-bottom: 50px;
}



section.mainpage-izbr  {
	height: 150px;
}

section.mainpage-izbr  .con {
	height: 150px;
}

section.mainpage-izbr .add-request {
	position: relative;
	top:50%;
	transform: translateY(-50%);
	width: 260px;
	float: left;
	color:#fefefe;
	font-weight: 700;
	font-size: 2em;
}

section.mainpage-izbr .add-request span {
	color:#429340;
}

section.mainpage-izbr .ctrl-d {
	float: left;
	padding: 0 100px;
	height: 150px;
	position: relative;
	background: #cfcfcf;
	overflow: hidden;
	clip-path: polygon(75px 0%, 100% 0%, calc(100% - 75px) 100%, 0% 100%);
}

section.mainpage-izbr .ctrl-d .text {
	position: relative;
	top:50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	font-weight: 700;
}

section.mainpage-izbr .ctrl-d-line {
	position: absolute;
	right: -100px;
	top:0;
	bottom: 0;
	width:200px;
	background: #429340;
	clip-path: polygon(75px 0%, 100% 0%, calc(100% - 75px) 100%, 0% 100%);
}

section.mainpage-izbr .text-msg {
	position: absolute;
	right: 0; 
	font-size: 1.5em;
	font-weight: 700;
	color:#fefefe;
	width: 45%;
	top:50%;
	transform: translateY(-50%);
}







section.mainpage-questions {
	background: #fefefe;
	padding-bottom: 50px;
}

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

section.mainpage-questions .question-body {
	overflow: hidden;
	padding: 0;
	width: 70%;
	display: block;
	cursor: pointer;
	margin: 0 auto 25px auto;
	background: #efefef;
}

section.mainpage-questions .question-body .question {
	padding: 10px 60px 10px 15px;
	position: relative;
	background: #efefef;
	color: #263238;
	transition: 0.1s;
}

section.mainpage-questions .question-body .question {
	font-size: 1.75em;
	font-weight: 700;
	padding-right: 50px;
}

section.mainpage-questions .question-body .question i.la-angle-down {
	position: absolute;
	right: 15px;
	top: 14px;
	transition: 0.2s;
	font-size: 1.0em;
}

section.mainpage-questions .question-body.selected .question i.la-angle-down {
	transform: rotate(-180deg);
	transition: 0.5s;
}

section.mainpage-questions .question-body.selected .question {
	transition: 0.5s;
	background: #429340;
	color:#fefefe;
}

section.mainpage-questions .question-body .answer {
	display: none;
	padding: 0;
}

section.mainpage-questions .question-body.selected .answer {
	display: block;
	padding: 15px;
	line-height: 1.5;
	font-size: 1em;
	font-weight: 400;
}

section.mainpage-questions .question-body .question  {}








section.mainpage-smeta {
	background: #263238;
	padding: 50px 0;
}

section.mainpage-smeta h2 {
	font-size: 2.75em;
	color:#fefefe;
	text-align: left;
	margin-bottom: 125px;
	text-transform: uppercase;
	line-height: 1.2;
}

section.mainpage-smeta strong {
	font-size: 1.25em;
	color:#fefefe;
	margin-bottom: 75px;
	display: block;
}

section.mainpage-smeta h2 small {
	font-size: 0.65em;
	line-height: 1.6;
	display: block;
}


section.mainpage-smeta .reasons {
	text-align: left;
}

section.mainpage-smeta .reasons i {
	font-size: 1.5em;
	color:#fefefe;
	margin-bottom: 25px;
}

section.mainpage-smeta .reasons p {
	text-align: left;
	padding-right: 25px;
	color:#fefefe;
}

section.mainpage-smeta .reasons p span {
	color:#429340;
}

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

section.mainpage-smeta .b-3f .line {
	height: 4px;
	width: 100%;
	position: relative;
	background: #429340;
	margin-bottom: 50px;
}

section.mainpage-smeta .b-3f .line .blob {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	top: -3px;
	display: block;
	position: relative;
	float: left;
	margin-left: calc(15% - 5px);
	background: #fefefe;
}

section.mainpage-smeta .b-3f .line .blob:nth-child(2) {
	margin-left: calc(30% - 5px);
}


section.mainpage-smeta .b-3f .line .blob:nth-child(3) {
	margin-left: calc(35% - 5px);
}

section.mainpage-smeta .form-con {
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	width: 33.333333333%;
}

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

section.mainpage-smeta .form-con .form h3 {
	text-align: center;
	margin-bottom: 25px;
	color:#fefefe;
	text-transform: uppercase;
	font-size: 1.25em;
}

section.mainpage-smeta .form-con .form input {
	height: 50px;
	line-height: 50px;
	border:0;
	margin-bottom: 15px;
}

section.mainpage-smeta .form-con .form button {
	border:0;
	width: 100%;
}

section.mainpage-smeta .form-con .form .rows {
	position: relative;
	z-index: 10;
}

section.mainpage-smeta .form-con .form .logo {
	position: absolute;
	z-index: 5;
	bottom: 25px;
	right: 0;
	left: 0;
	height: 120px;
	background: url(/sys/images/main/logo.png) center center / contain no-repeat;
}

section.mainpage-smeta .form-con .form p.inzh {
	line-height: 1.2;
	color:#ccc;
	text-align: center;
	margin-bottom: 25px;
}

section.mainpage-smeta .form-con .form label {
	display: block;
	height: 60px;
	border:1px solid #fefefe;
	color:#429340;
	line-height: 58px;
	margin-bottom: 75px;
	font-weight: 700;
	text-align: center;
	width: 100%;
	cursor: pointer;
	transition: 0.2s;
	background: transparent;
	background: rgba(0, 0, 0, .5);
}

section.mainpage-smeta .form-con .form label:hover {
	background: rgba(0, 0, 0, 1);
}




section.mainpage-smeta .form-con .form input[type=file] {
	position: absolute;
	left: -99999px;
}



section.map h2 {
	text-transform: uppercase;
	font-size: 3.5em;
	margin-bottom: 50px;
}




section.map .map-container {
	height: 500px;
	background: #efefef;
}



section.navi-links {
	background: #efefef;
	padding: 15px 0;
}

section.navi-links a {
	font-size: 0.65em !important;
}





footer {
	padding: 25px 0 25px 0;
	background: #263238;
}

footer .con {
	height: 80px;
	line-height: 80px;
}

footer .logo {
	width: 120px;
	height: 80px;
	background: url(/sys/images/main/logo.png) left center / contain no-repeat;
	float: left;
	margin-right: 40px;
	opacity: 1;
}

footer .socials {
	height: 80px;
	line-height: 80px;
	font-size: 1.25em;
	color: #fefefe;
	float: left;
}

footer .socials .fa-vk {
	margin-right: 0px;
}

footer .socials .icon-vk {
	color: #4C75A3;
}

footer .socials .icon-wa {
	color: #43d854;
}

footer .socials .icon-viber {
	color: #7360F2;
}

footer .socials .icon-ins {
	color: #E4405F;
}

footer .socials .icon-youtube {
	color: #c4302b;
}



footer .info {
	margin-left: 50px;
	font-size: 0.8em;
	color: #78909C;
	width: 150px;
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle;
}


footer .address {
	margin-left: 50px;
	font-size: 0.8em;
	color: #fefefe;
	width: 350px;
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle;
}

footer .phone {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	color: #429340;
	font-size: 1.75em;
	font-weight: 700;
	line-height: 1.5;
}


footer .line {
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 1px solid #78909C;
}

footer .con.small {
	height: unset;
	line-height: 1.0;
	color:#78909C;
	padding: 0 15%;
	text-align: left;
	font-size: 0.65em;
	padding-bottom: 0;
}