@charset "UTF-8";
html{overflow-x:hidden}
body
{margin:0;
	padding:0;
	-webkit-user-select:inherit;
	-moz-user-select:inherit;
	-ms-user-select:inherit}
body ::-moz-selection
{background:#ff5353;color:#fff}
body ::selection{background:#ff5353;color:#fff}
body h1,body h2,body h3,body h4,body h5,body h6,body p
{margin:0;line-height:1.2;font-weight:300}
body h1{font-size:60px;font-family:"Roboto Slab",serif}
body .title-block,body h2,body h3{font-size:48px;font-family:"Roboto Slab",serif}
body .title-block,body h3{font-size:38px}
body .title-block{padding:30px 0;text-align:center}
body h4{font-size:28px}
body h5{font-size:21px}
body h6{font-size:20px}
body p{font-size:16px}
body a{text-decoration:none;cursor:pointer;color:#000}
body ul li{list-style:none}
body a,body h4,body h5,body h6,body p,body table,body ul li{font-family:"Roboto",sans-serif}
.shadow{
    text-shadow: 1px 2px black;
}
body 
.button{
	padding:7px 45px 9px;border:0 solid #fff;
	-webkit-border-radius:500px;
	border-radius:500px;
	-webkit-box-shadow:3px 3px 8px rgba(0,0,0,.3);
	box-shadow:3px 3px 8px rgba(0,0,0,.3);
	background:#57928b;
	color:#fff;
	display:block;
	margin:auto}
body .button:hover{background:#8a0000}
body .button:active
{-webkit-box-shadow:3px 3px 8px transparent;
	box-shadow:3px 3px 8px transparent}

.menu-container .menu-phone-box button,body 
.button,
body 
.button-mini
{font-size:18px;
	font-family:"Roboto",sans-serif;
	outline:0;
	-webkit-transition:.2s;
	-o-transition:.2s;transition:.2s;cursor:pointer}
body 
.button-mini
{background:#bd2730;
	display:block;
	margin:auto;
	padding:2px 40px 4px;
	border:0 solid #fff;
	-webkit-border-radius:500px;
	border-radius:500px;
	-webkit-box-shadow:3px 3px 8px rgba(0,0,0,.3);
	box-shadow:3px 3px 8px rgba(0,0,0,.3);
	color:#fff}
body 
.button-mini:hover{background:#8a0000}
body 
.button-mini:active{-webkit-box-shadow:3px 3px 8px transparent;
	box-shadow:3px 3px 8px transparent}
.menu-container{width:100%;min-height:80px;-webkit-box-shadow:none;
	box-shadow:none;
	border:0 solid #000;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	position:fixed;
	background:rgba(65 201 189 / 65%);
	-webkit-transition:.4s linear;
	-o-transition:.4s linear;
	transition:.4s linear;
	z-index:99}

@media screen and (max-width:1097px)
{
	.menu-container{display:block}}.menu-container .menu-button
{width:50px;
	height:50px;
	font-size:50px;
	padding:15px;
	cursor:pointer;
	-webkit-box-shadow:0 0 0 0 #000 inset;box-shadow:0 0 0 0 #000 inset;
	position:absolute;
	display:none}
@media screen and (max-width:1097px)
{.menu-container .menu-button{display:block}}
.menu-container .icon-cancel:before,
.menu-container .icon-menu:before
{color:#fff}.menu-container .menu-items
{min-width:250px;
	text-align:center;
	-webkit-box-shadow:0 0 0 0 #000 inset;
	box-shadow:0 0 0 0 #000 inset;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center}
@media screen and (max-width:1097px)
{.menu-container .menu-items{position:absolute}}
@media screen and (max-width:1297px)
{.menu-container 
	.menu-logo-box{display:none}}
@media screen and (max-width:1097px)
{.menu-container .menu-nav-box
	{top:80px;
		width:100%;
		-webkit-box-shadow:0 0 0 0 #000 inset;
		box-shadow:0 0 0 0 #000 inset;
		padding:20px 0;
		display:none;
		background:#8a0000;
		-webkit-box-shadow:0 3px 10px rgba(0,0,0,.3);
		box-shadow:0 3px 10px rgba(0,0,0,.3)}}
.menu-container .menu-nav-box ul{padding:0;margin:0}
@media screen and (max-width:1097px)
{.menu-container .menu-nav-box ul{width:40vh;margin:auto}}
.menu-container .menu-nav-box ul li
{float:left;
	border:0 solid #000;
	-webkit-border-radius:0;
	border-radius:0;
	margin:0 5px;
	background:0 0;
	-webkit-box-shadow:0 2px 10px 0 transparent;
	box-shadow:0 2px 10px 0 transparent;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s}.menu-container .menu-nav-box 
ul li:hover{background:#fcfcfc}
.menu-container .menu-nav-box ul li:active
{-webkit-box-shadow:none;box-shadow:none}
.menu-container .menu-nav-box ul li:hover a{color:#920300}
@media screen and (max-width:1097px)
{.menu-container .menu-nav-box 
	ul li{float:none;margin:3vh 0}}
.menu-container .menu-nav-box 
ul li a{font-size:20px;
	color:#fff;
	font-family:"Roboto Slab",serif;padding:25px 20px 29px;display:block}
@media screen and (max-width:1097px)
{.menu-container .menu-nav-box 
	ul li a{padding:2vh 2vw;font-size:5vh}}
.menu-container .phone-box{height:80px}
@media screen and (max-width:1097px)
{.menu-container .phone-box
	{right:250px;
		left:80px;
		width:300px;
		margin:auto}}
@media screen and (max-width:1297px)
{.menu-container .phone-box{right:0;left:80px;width:300px}}
.menu-container .menu-phone-box{height:35px}
.menu-container .menu-phone-box 
a{color:#fff;
	font-size:26px;
	margin:2px 0 4px;
	display:block;
	font-family:"Roboto",sans-serif}
.menu-container .menu-phone-box 
button
{padding:3px 45px 5px;
	border:0 solid #000;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.3);
	box-shadow:0 2px 10px 0 rgba(0,0,0,.3);
	background:red;color:#000}
.menu-container .menu-phone-box 
button:hover{background:#c00}
.menu-container .menu-phone-box 
button:active{-webkit-box-shadow:3px 3px 8px transparent;box-shadow:3px 3px 8px transparent}
.fixed
{-webkit-box-shadow:0 3px 30px rgba(0,0,0,.3);
	box-shadow:0 3px 30px rgba(0,0,0,.3)}
.container-gl{width:100%;min-height:765px}
.container-gl .wrapper-gl
{max-width:1100px;
	min-width:360px;
	min-height:580px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:180px auto auto}
.container,.container .wrapper,.container-gl,.container-gl .wrapper-gl
{outline:0 solid;
	position:relative;
	padding:.1px 0}
.container{width:100%}
.container .wrapper
{max-width:1100px;
	min-width:360px;
	margin:0 auto 70px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box}
.main .wrapper-gl .title
{background:url(../img/shilda-1.png)/*tpa=http://mikroklimat.by/img/shilda-1.png*/ center/cover no-repeat;
	max-width:715px;
	min-height:175px;
	text-align:center;
	margin:auto}
.main .wrapper-gl .title .polosa
{width:80px;
	height:3px;
	background:#fff;
	margin:15px auto 0}
@media screen and (max-width:684px)
{.main .wrapper-gl .title .polosa{display:none}}
.main .wrapper-gl .title 
h1{color:#fff;
	font-size:36px;
	font-weight:500;
	padding-top:10px;
	line-height:1.3}
.main .wrapper-gl 
p{color:#fff;
	font-size:26px;
	font-weight:500;
	width:500px;
	text-align:center;
	margin:45px auto;
	line-height:1.3}
.main .flickerplate
{min-height:765px;position:absolute}
.main .flickerplate .dot
{-webkit-border-radius:50px!important;
	border-radius:50px!important;
	width:14px!important;
	height:14px!important}
.main .flickerplate .arrow-navigation,.main .flickerplate .dot-navigation
{z-index:1!important}
.main .flickerplate .active
{background:#2cb!important;
	width:14px!important;
	height:14px!important;
	position:relative}