/*

-- Watson-Energo
template: contacts;

Powered by Lemur Digital
hello@lemur.digital
https://lemur.digital

*/

/* Проекты */
.screen1 {
	text-align: center;
	padding: 140px 0;
	background: #f1f1f1;
}

.screen1 .line {
	margin: 10px 0 80px 0px;
}

.screen1 .map {
	width: 100%;
	max-width: 945px;
	margin: 0 auto;
	position: relative;
}

.screen1 .map svg:nth-child(1) {
	width: 100%;
}

.screen1 .map svg:nth-child(1) .cls-1,
.screen1 .map svg:nth-child(1) .cls-2 {
}

.screen1 .map svg:nth-child(1) .cls-1 {
	fill: rgba(0,84,61,1);
}

.screen1 .map svg:nth-child(1) .cls-2 {
	fill: rgba(0,84,61,0.5);
}

.screen1 .map svg:nth-child(1) .cls-1:hover {
	fill: rgba(0,117,61,1);
}

.screen1 .map svg:nth-child(1) .cls-2:hover {
	fill: rgba(0,117,61,0.5);
}

.screen1 .map svg .lighting {
	fill: #f1f1f1;
}

.screen1 .map svg:nth-child(2),
.screen1 .map svg:nth-child(6),
.screen1 .map svg:nth-child(7),
.screen1 .map svg:nth-child(10),
.screen1 .map svg:nth-child(12),
.screen1 .map svg:nth-child(14),
.screen1 .map svg:nth-child(16),
.screen1 .map svg:nth-child(18),
.screen1 .map svg:nth-child(20),
.screen1 .map svg:nth-child(21),
.screen1 .map svg:nth-child(22),
.screen1 .map svg:nth-child(23),
.screen1 .map svg:nth-child(25),
.screen1 .map svg:nth-child(29),
.screen1 .map svg:nth-child(32),
.screen1 .map svg:nth-child(33) {
	width: 11px;
	height: 20px;
	position: absolute;
}

.screen1 .map svg .grounding {
	fill: #fff314;
}

.screen1 .map svg:nth-child(3),
.screen1 .map svg:nth-child(4),
.screen1 .map svg:nth-child(5),
.screen1 .map svg:nth-child(8),
.screen1 .map svg:nth-child(9),
.screen1 .map svg:nth-child(11),
.screen1 .map svg:nth-child(13),
.screen1 .map svg:nth-child(15),
.screen1 .map svg:nth-child(17),
.screen1 .map svg:nth-child(19),
.screen1 .map svg:nth-child(24),
.screen1 .map svg:nth-child(26),
.screen1 .map svg:nth-child(27),
.screen1 .map svg:nth-child(28),
.screen1 .map svg:nth-child(30),
.screen1 .map svg:nth-child(31) {
	width: 16px;
	height: 21px;
	position: absolute;
}

.screen1 .map svg:nth-child(2) {
	top: 36.2928348%;
	left: 7.51322751%;
}

.screen1 .map svg:nth-child(3) {
	top: 51.8691588%;
	left: 9.73544974%;
}

.screen1 .map svg:nth-child(4) {
	top: 43.4579439%;
	left: 19.8941798%;
}

.screen1 .map svg:nth-child(5) {
	top: 21.0280373%;
	left: 24.021164%;
}

.screen1 .map svg:nth-child(6) {
	top: 38.7850467%;
	left: 26.1375661%;
}

.screen1 .map svg:nth-child(7) {
	top: 16.9781931%;
	left: 33.9682539%;
}

.screen1 .map svg:nth-child(8) {
	top: 19.1588785%;
	left: 36.084656%;
}

.screen1 .map svg:nth-child(9) {
	top: 47.6635514%;
	left: 32.3809523%;
}

.screen1 .map svg:nth-child(10) {
	top: 26.9470405%;
	left: 46.2433862%;
}

.screen1 .map svg:nth-child(11) {
	top: 30.9968847%;
	left: 47.1957672%;
}

.screen1 .map svg:nth-child(12) {
	top: 16.1012461%;
	left: 58.0126984%;
}

.screen1 .map svg:nth-child(13) {
	top: 17.9376947%;
	left: 57.9661375%;
}

.screen1 .map svg:nth-child(14) {
	top: 32.0872274%;
	left: 67.4074074%;
}

.screen1 .map svg:nth-child(15) {
	top: 34.5140186%;
	left: 68.2248677%;
}

.screen1 .map svg:nth-child(16) {
	top: 26.635514%;
	left: 80.9523809%;
}

.screen1 .map svg:nth-child(17) {
	top: 28.8161993%;
	left: 84.7619047%;
}

.screen1 .map svg:nth-child(18) {
	top: 32.2429906%;
	left: 94.6031746%;
}

.screen1 .map svg:nth-child(19) {
	top: 44.2367601%;
	left: 94.3915343%;
}

.screen1 .map svg:nth-child(20) {
	top: 43.4579439%;
	left: 86.7724867%;
}

.screen1 .map svg:nth-child(21) {
	top: 58.2554517%;
	left: 86.5608465%;
}

.screen1 .map svg:nth-child(22) {
	top: 51.6279069%;
	left: 65.3968254%;
}

.screen1 .map svg:nth-child(23) {
	top: 64.7975077%;
	left: 76.084656%;
}

.screen1 .map svg:nth-child(24) {
	top: 64.953271%;
	left: 73.5449735%;
}

.screen1 .map svg:nth-child(25) {
	top: 73.2087227%;
	left: 71.005291%;
}

.screen1 .map svg:nth-child(26) {
	top: 53.1152648%;
	left: 55.7671957%;
}

.screen1 .map svg:nth-child(27) {
	top: 61.5264797%;
	left: 58.4126984%;
}

.screen1 .map svg:nth-child(28) {
	top: 73.3644859%;
	left: 60.8465608466%;
}

.screen1 .map svg:nth-child(29) {
	top: 56.6978193%;
	left: 51.8518518%;
}

.screen1 .map svg:nth-child(30) {
	top: 57.4766355%;
	left: 42.2222222%;
}

.screen1 .map svg:nth-child(31) {
	top: 72.2741433%;
	left: 46.9841269%;
}

.screen1 .map svg:nth-child(32) {
	top: 70.0934579%;
	left: 48.9947089%;
}

.screen1 .map svg:nth-child(33) {
	top: 86.1370716%;
	left: 39.3650793%;
}

/* Форма */
.screen2 {
	padding: 134px 0 140px 0;
	background: #f1f1f1;
}

@media all and (max-width: 894px) {
	.screen2 {
		padding: 94px 0 98px 0;
	}
}

.screen2 h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0;
	margin-bottom: 50px;
	color: #434343;
}

@media all and (max-width: 894px) {
	.screen2 h3 {
		margin-bottom: 40px;
	}
}

.screen2 .flex-bloc {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

@media all and (max-width: 894px) {
	.screen2 .flex-bloc {
		flex-direction: column-reverse;
	}
}

.screen2 .contacts {
	width: 360px;
	margin-right: 30px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
}

@media all and (max-width: 894px) {
	.screen2 .contacts {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-top: 55px;
		margin-right: 0;
	}
}

@media all and (max-width: 894px) {
	.screen2 .contacts .bloc {
		width: 100%;
		max-width: 360px;
	}
}

.screen2 .contacts .bloc:nth-child(1) {
	margin-bottom: 55px;
}

@media all and (min-width: 780px) and (max-width: 894px) {
	.screen2 .contacts .bloc:nth-child(1) {
		margin-right: 30px;
	}
}


@media all and (max-width: 779px) {
	.screen2 .contacts .bloc:nth-child(1) {
		margin-right: 0;
		max-width: 390px;
	}
}

.screen2 .contacts .bloc ul li {
	position: relative;
	box-sizing: border-box;
	padding-left: 30px;
	margin-bottom: 3px;
}

.screen2 .contacts .bloc ul li:last-child {
	margin-bottom: 0;
}

.screen2 .contacts .bloc ul.main li:nth-child(2),
.screen2 .contacts .bloc ul.main li:nth-child(3) {
	margin-bottom: 32px;
}

@media all and (max-width: 894px) {
	.screen2 .contacts .bloc ul.main li:nth-child(2),
	.screen2 .contacts .bloc ul.main li:nth-child(3) {
		margin-bottom: 26px;
	}
}

.screen2 .contacts .bloc ul li svg {
	position: absolute;
	left: 0;
}

.screen2 .contacts .bloc ul li svg.loc {
	height: 13px;
	top: 5px;
}

.screen2 .contacts .bloc ul li svg.mail {
	height: 10px;
	top: 7px;
}

.screen2 .contacts .bloc ul li svg.tel {
	height: 12px;
	top: 6px;
}

.screen2 .contacts .bloc ul li svg .color {
	fill: #00543d;
}

.screen2 .contacts .bloc ul li a {
	color: #00543d;
}

.screen2 .contacts .bloc ul li a:hover {
	color: #e10020;
}

/* Форма */
.screen2 .form {
	width: -webkit-calc(100% - 390px);
  width:      -o-calc(100% - 390px);
  width:         calc(100% - 390px);
	max-width: 780px;
}

@media all and (max-width: 894px) {
	.screen2 .form {
		width: 100%;
	}
}

.screen2 .form form {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.screen2 .form input,
.screen2 .form textarea {
	width: 100%;
	border: 2px solid #00543d;
	margin: 0;
	margin-bottom: 10px;
	box-sizing: border-box;
	color: #434343;
	font-family: 'Fira Sans', sans-serif;
}

.screen2 .form textarea {
	height: 135px;
	resize: none;
	background: unset;
	padding: 14.5px 25px;
	font-size: 16px;
	line-height: 24px;
}

.screen2 .form input.error,
.screen2 .form textarea.error {
	border-color: #e10020;
}

.screen2 .form input::-webkit-input-placeholder, .screen2 .form textarea::-webkit-input-placeholder {color: #949698;}
.screen2 .form input::-moz-placeholder, .screen2 .form textarea::-moz-placeholder {color: #949698;}
.screen2 .form input:-moz-placeholder, .screen2 .form textarea:-moz-placeholder {color: #949698;}
.screen2 .form input:-ms-input-placeholder, .screen2 .form textarea:-ms-input-placeholder {color: #949698;}

.screen2 .form form input:nth-child(1) {
	margin-right: 10px;
}

@media all and (min-width: 895px) and (max-width: 1059px) {
	.screen2 .form form input:nth-child(1) {
		margin-right: 0;
	}
}

@media all and (max-width: 590px) {
	.screen2 .form form input:nth-child(1) {
		margin-right: 0;
	}
}

.screen2 .form form input:nth-child(-n+2) {
	width: -webkit-calc(50% - 5px);
  width:      -o-calc(50% - 5px);
  width:         calc(50% - 5px);
}

@media all and (min-width: 895px) and (max-width: 1059px) {
	.screen2 .form form input:nth-child(-n+2) {
		width: 100%;
	}
}

@media all and (max-width: 590px) {
	.screen2 .form form input:nth-child(-n+2) {
		width: 100%;
	}
}

.screen2 .form form .select {
	width: 100%;
	height: 55px;
	margin-bottom: 10px;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
}

.screen2 .form form .select select {
	display: none;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
}

.screen2 .form form .select .select-bloc {
	width: 100%;
	position: relative;
	height: 100%;
}

.screen2 .form form .select div.select-result {
	width: 100%;
	height: 100%;
	padding: 14.5px 25px;
	color: #949698;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	border: 2px solid #00543d;
}

.screen2 .form form .select div.select-result.on {
	color: #949698;
}

.screen2 .form form .select div.select-result.selected {
	color: #3c3c3c;
}

.screen2 .form form .select div.select-result.error {
	border-color: #e10020;
}

.screen2 .form form .select ul.select-list {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 0;
	position: relative;
	z-index: 99999;
	background: #f1f1f1;
	overflow-y: hidden;
	opacity: 0;

	-webkit-transition: opacity ease-out 0.2s;
	-moz-transition:    opacity ease-out 0.2s;
	-o-transition:      opacity ease-out 0.2s;
	transition:         opacity ease-out 0.2s;
}

.screen2 .form form .select div.select-result.on ~ ul.select-list {
	height: auto;
	max-height: 300px;
	overflow-y: scroll;
	border: 2px solid #00543d;
	top: -2px;
	opacity: 1;

	-webkit-transition: opacity ease-in 0.2s;
	-moz-transition:    opacity ease-in 0.2s;
	-o-transition:      opacity ease-in 0.2s;
	transition:         opacity ease-in 0.2s;
}

.screen2 .form form .select ul.select-list li {
	display: block;
	cursor: pointer;
	width: 100%;
	line-height: 40px;
	padding: 0 20px;
}

.screen2 .form form .select ul.select-list li.selected  {
	background: #eee;
	font-weight: bold;
}

.screen2 .form form .select ul.select-list li:hover {
	background: #eee;
	font-weight: bold;
}

.screen2 .form form .select-result:after {
	content: '';
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	z-index: 3;
	margin-top: -3px;

	border: 8px solid transparent;
	border-top: 8px solid #00543d;

	-webkit-transition: all ease-out 0.2s;
	-moz-transition:    all ease-out 0.2s;
	-o-transition:      all ease-out 0.2s;
	transition:         all ease-out 0.2s;

	-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			 -o-transform: rotate(0deg);
					transform: rotate(0deg);
}

.screen2 .form form .on.select-result:after {
	margin-top: -12px;

	-webkit-transition: all ease-in 0.2s;
	-moz-transition:    all ease-in 0.2s;
	-o-transition:      all ease-in 0.2s;
	transition:         all ease-in 0.2s;

	-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			 -o-transform: rotate(180deg);
					transform: rotate(180deg);
}

.form form .lrwb-agree {
	width: 100%;
	max-width: 830px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 10px;
}

.form form .lrwb-agree input {
	display: none;
}

.form form .lrwb-agree label {
	position: relative;
	padding-left: 27px;
	font-size: 14px;
	line-height: 21px;
	color: #434343;
	cursor: pointer;
}

.form form .lrwb-agree label a {
	color: #434343;
	text-decoration: underline;
}

.form form .lrwb-agree label a:hover {
	color: #e10020;
}

.form form .lrwb-agree label:before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	box-sizing: border-box;
	border: 1px solid #434343;
	position: absolute;
	top: 0;
	left: 0;
}

.form form .lrwb-agree label:after {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	box-sizing: border-box;
	position: absolute;
	background: #434343;
	top: 3px;
	left: 3px;
	opacity: 0;
}

.form form .lrwb-agree input:checked + label:after {
	opacity: 1;
}

.form form .lrwb-result {
	width: 100%;
	height: 44px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0;
	position: absolute;
	bottom: -54px;
	box-sizing: border-box;
}

.form form .lrwb-result.error {
	color: #e10020;
}

/* Карта Google */
.screen3 {
	height: 700px;
}

@media all and (max-height: 799px) {
	.screen3 {
		height: 500px;
	}
}

@media all and (max-height: 599px) {
	.screen3 {
		height: 300px;
	}
}

.screen3 #map {
	width: 100%;
	height: 100%;
	background: #f8f8f8;
}

/* Анимация */
.screen1 .map svg:nth-child(1) .cls-1,
.screen1 .map svg:nth-child(1) .cls-2 {
	-webkit-transition: all ease-out 0.2s;
	-moz-transition:    all ease-out 0.2s;
	-o-transition:      all ease-out 0.2s;
	transition:         all ease-out 0.2s;
}

.screen1 .map svg:nth-child(1) .cls-1:hover,
.screen1 .map svg:nth-child(1) .cls-2:hover {
	-webkit-transition: all ease-in 0.2s;
	-moz-transition:    all ease-in 0.2s;
	-o-transition:      all ease-in 0.2s;
	transition:         all ease-in 0.2s;
}