html, body {
	padding:  0;
	margin: 0;
	display: block;
	height: 100%; min-height: 100%;
	width: 100%;	
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: 400;
}



.hide { display:  none !important; }
.show { display: unset !important; }

.img { display: block; }
.height-25pr  { padding-bottom: 25%; }
.height-50pr  { padding-bottom: 50%; }
.height-75pr  { padding-bottom: 75%; }
.height-33pr  { padding-bottom: 33%; }
.height-66pr  { padding-bottom: 66%; }
.height-100pr { padding-bottom: 100%; }
.img-height-25pr  .img { padding-bottom: 25%; }
.img-height-50pr  .img { padding-bottom: 50%; }
.img-height-75pr  .img { padding-bottom: 75%; }
.img-height-33pr  .img { padding-bottom: 33%; }
.img-height-66pr  .img { padding-bottom: 66%; }
.img-height-100pr .img { padding-bottom: 100%; }
.img-width-600 .img { width: 600px;}

.site-icon {
	display: inline-block;
	height: 2em;
}

.masked-bg {
	position: absolute;	z-index: 50;
	box-sizing: border-box;
	width: 100%;
	top: 0;
	background-image: url(/img/main/slider_03.jpg);
	background-size: 150% 150%;
	background-position: bottom;
	background-repeat: no-repeat; 
	mask-image: url(/img/energy-home_mask.svg);	
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-position: right;
	-webkit-mask-image: url(/img/energy-home_mask.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: right;
}


.mask_gradient_top {
	mask-image: linear-gradient(to bottom, transparent 35%, black 100%);
	-webkit-mask-image: linear-gradient(to bottom, transparent 35%, black 100%);
}



a.vk,
a.vk * {
	color: #006261;
	fill: #006261;
}



#main_nav {
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 5%);
	transition:  0.8s;

}
#main_nav > .border {
	position: absolute;
	bottom: 5px;
	left: 0; right: 0;
	border-bottom: 1px solid #666;
	opacity: 0.5;
}
#main_nav.white > .border {
	border-bottom: 1px solid white;
}


#main_nav.white {
	background: transparent;
}
#main_nav a {
	position: relative; 
	font-size: 18px !important;
	font-family: 'Montserrat';
	font-weight: 400;
	color: #666 !important; /* 338e8a 006261 94C01D*/
	opacity: 0.9;
	transition: opacity 1.5s;
}
#main_nav a * { color: #666 !important; fill: #666;}

#main_nav.white a { color: white !important; }
#main_nav.white a * { color: white !important; fill: white;}
#main_nav a:hover{
	opacity: 1;
	color: #333 !important;
	transition: opacity 0.1s;
}
#main_nav.white a:hover{
	color: #fff !important;
}
#main_nav a.logo {
	opacity: 1;
	transition: unset;
}
#main_nav .logo > img		{ min-width: 50px; height: 2.5em; display: inline-block; margin-right: 2em;}
#main_nav .logo > img.white	{ display: none; }
#main_nav.white .logo > img			{ display: none; }
#main_nav.white .logo > img.white	{ display: inline-block; }
#main_nav .uk-navbar-dropdown {
	background-color: rgba(255,255,255,0.9);
	backdrop-filter: blur();
}
#main_nav .uk-navbar-dropdown a{
	color: #006261 !important;
	fill: #006261;
}
#main_nav.white .uk-navbar-dropdown a * { color: #006261 !important; fill: #006261;}

#main_nav .nav-header-phone {
	font-size: 14px !important;
	line-height: 1em;
	text-transform: unset !important;
}
#main_nav.white .uk-navbar-toggle {
	position: relative;
	color: rgba(255,255,255,0.8) !important;
	opacity: 1;
}
#main_nav .uk-navbar-toggle::after{
	position: absolute;
	content: "Меню";
	right: 0;
	transform: translate(110%, 0);
}

#main_nav ul.uk-navbar-nav > li {
	min-width: 1.5em;
}




#body > .uk-section {
	position: relative;
}
#body > .uk-section > a.anchor {
	position: absolute;
	top: -60px;
}


.first-page-text * {
	color: rgba(255,255,255,.85) !important;
}

#startup_section {	
	padding-bottom: 1em;
}
#startup_section .container {
	margin-top: 0;
	margin-bottom: 0;
	min-height: 15em; position: relative;
}
#startup_section .title {
	position: absolute;
	bottom: 0.5em;
	color: #fff;
}

#startup_section .text-main-heading {
	font-size: 2.5em;
	line-height: 1.3em;
	font-family: 'Montserrat';
	font-weight: 700;
}
#startup_section .text-main-heading-m {
	font-size: 4.5em;
	line-height: 1.2em;
}
#startup_section .btn_next {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%,0);
}

.uk-navbar-hidden{
	display: none !important;
	/*background: rgba(255,255,255,0.2) !important;*/
}


.logo-s {
	max-width: 250px !important;

}

.logo-m {
	max-width: 400px !important;

}



.uk-grid-collapse.gall a>img {
	border: 6px white solid;
}
.uk-grid-collapse.gall.border_min a>img {
	border: 1px white solid;
}
.uk-grid-collapse.gall a>.overlay {
	transition-duration: 0.5s;
	background: rgba(255,255,255,0);
}

.uk-grid-collapse.gall a>.overlay:hover  {
	transition-duration: 1s;
	background: rgba(255,255,255,0.2);
}

.services .uk-card .uk-card-media-top > img { opacity: 1; transition-duration: 0.9s; }
.services .uk-card:hover .uk-card-media-top > img:last-child { opacity: 0; transition-duration: 0.3s; }



.footer {
	color: white;
	background: #94C01D; /*006261*/
	padding-bottom: 5em;
}

.footer .addr {
	line-height: 1.3em;
	margin: 0  4em;
	color: white !important;
}

.footer a {	color: white !important; }
.footer a.vk * {	color: white !important; fill: white; }


.bgbg {
	background-color: burlywood !important;
}




.price-num {
	font-size: 150%;
}


.uk-slidenav {
	color: rgba(255,255,255,0.9) !important;
}