.mobile-menu-btn{
	float: right;
	width: 40px;
	height: 40px;
	background: url(images/menu.svg) 0px 0px no-repeat;
	cursor: pointer;
	display: none;
}

.mobile-menu-btn:hover{
	opacity: 0.6;
}


.product-tabs__btn.scroll-panel__btn{
	display: none;
}

.mobile-menu{
	width: 360px;
	background: rgba(37, 45, 61, 1);
	top: 0;
	right: -365px;
	position: fixed;
	z-index: 100;
	height: 100%;
	padding: 30px;
	padding-top: 99px;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mobile-menu.active{
	right: 0;
}

.mobile-menu li{
	list-style: none;
	margin-bottom: 20px;
} 

.mobile-menu a{
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	line-height: 140%;
	display: block;
}

.mobile-menu a:hover{
	color: #E30613;
}

.close-menu-btn{
    position: absolute;
    left: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    z-index: 1;
    background: url(images/close.svg) center no-repeat;
    cursor: pointer;
}


.close-menu-btn:hover{
	opacity: 0.8;
}



.mobile-menu-overlay{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0, 0, 0, 0.2);
	display: none;
}

.mobile-menu .mobile-phone a{
	padding-top: 20px;
	font-family: 'Proxima Nova Bold';
	padding-bottom: 20px;
	display: block;
}





@media (max-width: 1160px) {
    .block-content,
	#projects-block .block-content-ins,
	#ready_solution-block .arrow-container,
	#projects-block .arrow-container{
        width:940px;
    }	
	
	#footer-wrapper .experts {
		clear: both;
        float: none;
        text-align: left;
        padding-top: 22px;
	}
	
	.footer-copyright .right,
	.footer-copyright .center{
		clear: both;
		float: none;
		padding-top: 10px;
	}

	
	#footer-wrapper .footer-top .right.column {
        padding-top: 13px;
	}
	
	
	.mobile-menu-btn{
		display: block;
        margin-left: 35px;
        margin-top: 4px;
        margin-right: 35px;
	}
	
	#header-fixed .block-content .main-menu{
		display: none;
	}
	
	#header-wrapper .top-contacts{
		white-space: nowrap;
		float: right;
	}
	
	#header-fixed .block-content .phone{
		margin-right: 0;
	}
	
	h1 {
		font-size: 121px;
	}
	
	#preims-block .news-list:before{
		background-size: 100%;
		width: 547px;
		top: -79px;
	}
	
	
	#preims-block .news-block-first .news-item-0 .line {
		width: 111px;
		height: 201px;
		left: 147px;
		top: 24px;
	}
	
	#preims-block .news-block-first .news-item-1 .line {
		width: 49px;
		height: 175px;
		left: 197px;
		top: 27px;
	}
	
	#preims-block .news-block-first .news-item-2 .line {
		width: 18px;
		height: 173px;
		left: 243px;
		top: 24px;
	}
	
	#preims-block .news-block-first .news-item-3 .line {
		width: 33px;
		height: 152px;
		left: 300px;
		top: 24px;
	}
	
	#preims-block .news-block-first .news-item-4 .line {
		width: 2px;
		height: 119px;
		left: 369px;
		top: 47px;
	}
	
	#preims-block .news-block-first {
		position: absolute;
		right: 0;
		top: -230px;
	}
	
	#preims-block .news-item {
		position: relative;
		margin-bottom: 12px;
	}
	
	#preims-block .news-block-other .news-item-5 .line {
		width: 132px;
		left: 277px;
	}
	
	#preims-block .news-block-other .news-item-6 .line {
		width: 198px;
		left: 257px;
	}
	
	#preims-block .news-block-other .news-item-7 .line {
		width: 209px;
		left: 294px;
	}
	
	#preims-block .news-block-other .news-item-8 .line {
		width: 151px;
		left: 398px;
	}
	
	#preims-block .news-block-other .news-item-9 .line {
		width: 215px;
		left: 383px;
		top: 13px;
	}
	
	#params-block .params-wr:before {
		top: 72px;
		width: 426px;
		height: 544px;
		background-size: 100%;
	}
	
	#params-block .params-wr{
		min-height: 470px;
	}
	
	#projects-block .block-content-ins h2{
		font-size: 53px;
	}
	
	#solutions-block h2{
		font-size: 54px;
	}
	
	#solutions-block .news-item{
		font-size: 23px;
	}
	
	
	#solutions-block .news-item .text .line {
		background-position: right top!important;
	}
	
	#solutions-block .news-item .line:before{
		content: '';
		width: 8px;
		height: 8px;
		background: #000;
		border-radius: 100%;
		position: absolute;
		bottom: 2px;
		lefT: 0;
	}
	
	#solutions-block .news-item-5 .text .line {
		width: 253px;
		background-position: right top;
	}
	
	#solutions-block .news-item-4 .text .line {
		top: -119px;
		right: -439px;
		width: 481px;
		height: 140px;
	}
	
	#solutions-block .news-item-3 .text .line {
		top: -362px;
		right: -581px;
		width: 575px;
	}
	
	#solutions-block .news-item-2 .text .line {
		top: -97px;
		right: -200px;
		width: 219px;
	}
	
	#solutions-block .news-item-1 .text .line {
		top: -96px;
		right: -343px;
		width: 355px;
		height: 118px;
	}
	
	#shops-block .block-content {
		padding-left: 518px;
	}
	
	.footer-copyright .right{
		clear: none;
		padding-top: 0;
	}
	
	#footer-wrapper .footer-copyright .center{
		margin-left: 0;
	}
	
	#solutions-block{
		overflow: hidden;
	}
	
	#video-block .slick-next{
		right: 0;
	}
	
	#video-block .slick-prev{
		left: 0;
	}
	
	#ready_solution-block .block-content-inside{
		width: 574px;
	}
	
	#ready_solution-block .arrow-container{
		margin-left: -470px;
	}
	
}

@media (max-width: 970px) {
    .block-content,
	#header-fixed .block-content,
	#projects-block .block-content-ins,
	#ready_solution-block .arrow-container,
	#projects-block .arrow-container,
	#video-block .news-list{
        width:720px;
    }

	
	h1 {
        font-size: 92px;
    }
	
	#header-block .text.left {
		font-size: 26px;
		line-height: 120%;
		width: 50%;
	}
	
	#header-block .text.left br{
		display: none;
	}
	
	#header-block .news-item-1 {
		top: 38px;
		left: 33px;
	}
	
	#header-block .news-item-1 img {
		top: -25px;
		left: 48px;
	}
	
	#header-block .news-item-2 img {
		top: -43px;
		left: -242px;
	}
	
	#header-block .news-item-3 {
		top: 317px;
		left: 238px;
	}
	
	#header-block .news-item-4 {
		top: 525px;
		left: 64px;
	}
	
	#header-block .news-item-3 img {
		top: -188px;
		left: 24px;
	}
	
	#header-block .faster {
		background: url(/local/templates/teplostyazhka/images/faster.svg) 0px 0px no-repeat;
		width: 153px;
		height: 153px;
		position: absolute;
		right: 0px;
		bottom: 106px;
		background-size: 100%;
	}
	
	#header-block .news-item-2 {
		top: 52px;
		left: 605px;
	}
	
	#preims-block .text {
		width: 100%;
	}
	
	#preims-block .news-block-first {
        position: static;
	}
	
	#preims-block .news-block-first .news-item {
		padding-right: 0;
		float: none;
		clear: both;
	}
	
	#preims-block .news-item {
		padding-left: 60px!important;
	}
	
	#preims-block .news-item img{
		width: 40px;
		left: 0;
	}
	
	#preims-block .news-block-first .news-item .text span {
		float: none;
	}
	
	#preims-block .news-item .text{
		min-height: 40px;
	}
	
	#preims-block .news-list {
		position: relative;
		margin-top: 30px;
	}
	
	#preims-block .news-list:before {
        background-size: 100%;
        width: 482px;
        top: 244px;
        left: 0;
    }
	
	#preims-block .news-block-other {
		margin-top: 316px;
	}
	
	#preims-block .news-block-first .news-item-4 .line {
        width: 2px;
        height: 46px;
        left: 151px;
        top: 38px;
    }
	
	#preims-block .news-block-other .news-item-5{
		width: 191px;
	}
	
	#preims-block .news-block-other .news-item-5 .line {
        width: 132px;
        left: 5px;
        top: -98px;
        width: 186px;
        transform: rotate(-90deg);
    }
	
	#preims-block .news-block-other .news-item-6{
		width: 200px;
	}
	
	#preims-block .news-block-other .news-item-6 .line {
        width: 226px;
        left: 72px;
        top: -73px;
        transform: rotate(-90deg);
    }
	
	#preims-block .news-block-other .news-item-7 .line {
        width: 203px;
        left: 148px;
        transform: rotate(-90deg);
        top: -97px;
    }
	
	#preims-block .news-block-first .news-item-3 .line {
        width: 22px;
        height: 140px;
        left: 226px;
        top: 16px;
        transform: scaleX(-1);
    }
	
	#preims-block .news-block-first .news-item-2 .line {
        width: 3px;
        height: 239px;
        left: 298px;
        top: 19px;
        background: url(/local/templates/teplostyazhka/images/big-ugol.svg) right top no-repeat;
    }
	
	#preims-block .news-block-first .news-item-1 .line {
        width: 49px;
        height: 326px;
        left: 317px;
        top: 34px;
        background: url(/local/templates/teplostyazhka/images/big-ugol.svg) right top no-repeat;
    }
	
	#preims-block .news-item-1 .line:before{
		left: 0;
	}
	
	#preims-block .news-item-1 .line:after{
		left: 22px;
	}
	
	#preims-block .news-block-first .news-item-0 .line {
        width: 49px;
        height: 326px;
        left: 317px;
        top: 34px;
        background: url(/local/templates/teplostyazhka/images/big-ugol.svg) right top no-repeat;
    }
	
	#preims-block .news-item-0 .line:before{
		left: 0;
	}
	
	#preims-block .news-item-0 .line:after{
		left: 109px;
	}
	
    #preims-block .news-block-first .news-item-0 .line {
        width: 138px;
        height: 441px;
        left: 302px;
        top: 21px;
        background: url(/local/templates/teplostyazhka/images/big-ugol.svg) right top no-repeat;
    }
	
	#preims-block .news-block-other .news-item-8 .line {
        width: 45px;
        transform: scaleY(-1);
        left: 258px;
        background: url(/local/templates/teplostyazhka/images/big-ugol.svg) top right no-repeat;
        top: -206px;
        height: 220px;
    }
	
	#preims-block .news-block-other .news-item-8{
		width: 261px;
	}
	
	#preims-block .news-block-other .news-item-9 .line {
        width: 87px;
        transform: scaleY(-1);
        left: 292px;
        background: url(/local/templates/teplostyazhka/images/big-ugol.svg) top right no-repeat;
        top: -275px;
        height: 288px;
    }
	
	#preims-block .news-block-other .news-item-9{
		width: 300px;
	}
	
	#preims-block .news-block-other .news-item-9 br{
		display: none;
	}
	
	#params-block .params-wr:before{
		background: url(/local/templates/teplostyazhka/images/params-img-m.jpg) 0px 0px no-repeat;
		width: 436px;
		height: 360px;
	}
	
	#params-block .title:after{
		background: url(/local/templates/teplostyazhka/images/param-mob.svg) 0px 0px no-repeat;
		background-size: 100%;
		width: 250px;
        height: 340px;
	}
	
	#params-block .title:before {
		top: 404px;
        right: -54px;
	}
	
	#params-block .right .title:after {
		background: url(/local/templates/teplostyazhka/images/param-mob.svg) 0px 0px no-repeat;
        background-size: 100%;
        width: 250px;
        transform: scaleX(-1);
		height: 326px;
	}
	
	#params-block .right .title:before {
		top: 400px;
        left: -54px;
	}
	
	
	#params-block .params-wr .table br{
		display: none;
	}
	
	#params-block .params-wr:before {
        background: url(/local/templates/teplostyazhka/images/params-img-m.jpg) 0px 0px no-repeat;
        width: 436px;
        height: 360px;
        background-size: 100%;
        top: auto;
        bottom: 0;
        left: 50%;
        margin-left: -218px;
    }
	
	#params-block .params-wr {
        min-height: auto;
        padding-bottom: 360px;
    }
	
	#projects-block .news-item .block-content-ins {
		padding: 236px 0px 210px 0;
	}
	
	
	#projects-block .news-item .img-wr {
		position: absolute;
		top: auto;
		right: 0;
		width: 100%;
		height: 405px;
		background-size: cover !important;
		bottom: 0;
	}
	
	#projects-block .news-item{
		padding-bottom: 410px;
	}
	
	#projects-block .news-item .block-content-ins {
		padding: 236px 0px 70px 0;
	}
	
	#projects-block .arrow-container .slick-prev {
		left: 0;
		top: -404px;
	}
	
	#projects-block .arrow-container .slick-next {
		right: 0;
		top: -404px;
	}
	
	#projects-block .title:before{
		display: none;
	}
	
	#solutions-block .block-content:before {
		width: 100%;
		height: 676px;
		position: absolute;
		top: 254px;
		left: 0;
		background: url(/local/templates/teplostyazhka/images/solut-main.jpg) 0px 0px no-repeat;
		background-size: 100%;
	}
	
	#solutions-block .block-content{
		padding-right: 0;
	}
	
	#solutions-block .news-item {
        font-size: 30px;
    }
	
	#solutions-block .news-item br{
		display: none;
	}
	
	#solutions-block .news-item .text .line{
		display: none!important;
	}
	
	#solutions-block .news-list{
		padding-top: 620px;
	}
	
	#solutions-block .news-item-1 .plus-icon {
		top: -612px;
		left: 364px;
	}
	
	#solutions-block .news-item-1 .img-wr {
		top: -593px;
		left: 203px;
		right: auto;
	}
	
	#solutions-block .news-item-2 .plus-icon {
		top: -560px;
        left: 176px;
	}
	
	#solutions-block .news-item-2 .img-wr {
        top: -607px;
        right: auto;
        left: 210px;
    }
	
	#solutions-block .news-item-3 .plus-icon {
		top: -722px;
        right: 215px;
	}
	
	#solutions-block .news-item-3 .img-wr {
		top: -681px;
        right: 110px;
	}
	
	
	#solutions-block .news-item-4 .img-wr {
		top: -551px;
		right: 125px;
	}
	
	#solutions-block .news-item-4 .plus-icon {
		top: -548px;
		right: 305px;
	}
	
	#solutions-block .news-item-5 .img-wr {
		top: -690px;
		right: 230px;
	}
	
	#solutions-block .news-item-5 .plus-icon {
		top: -550px;
		right: 450px;
	}
	
	#shops-block .block-content {
        padding-left: 0;
    }
	
	#shops-block{
		padding-bottom: 214px;
	}
	
	#shops-block:before{
		width: 100%;
		top: auto;
		bottom: 0;
		height: 337px;
	}
	
	#shops-block .bordered-btn-wr{
		margin-bottom: 40px;
	}
	
	#preims-block .block-content {
		overflow: hidden;
		padding-bottom: 120px;
	}
	
	#ready_solution-block .block-content-inside {
        width: 100%;
    }
	
	#ready_solution-block .block-content h2 br{
		display: none;
	}
	
	#ready_solution-block .solut-titles .news-item{
		padding-left: 0;
	}
	
	#ready_solution-block .solut-titles .slick-current:before, #ready_solution-block .solut-titles .slick-center:before{
		display: none;
	}
	
	#ready_solution-block .solut-images {
		position: absolute;
		left: 0;
		top: auto;
		height: 532px;
		width: 100%;
		bottom: 0;
	}
	
	#ready_solution-block {
		padding-bottom: 532px;
	}
	
	#ready_solution-block .block-content-inside {
        width: 100%;
        padding-bottom: 0;
		padding-left: 0;
    }
	
	#ready_solution-block .red-btn-wr{
		display: none;
	}
	
	.red-btn-wr-mobile{
		display: block;
	}
	
	#ready_solution-block .arrow-container {
        margin-left: -360px;
		position: absolute;
		bottom: 0;
		height: 0;
		top: auto;
	}
	
	#ready_solution-block .slick-prev, #ready_solution-block .slick-next{
		top: 0;
		bottom: 0;
	}
	
	#ready_solution-block .solut-titles{
		display: none;
	}
	
	#ready_solution-block .solut-titles-mob{
		display: block;
	}
	
	#ready_solution-block .solut-titles-mob{
		font-size: 30px;
		color: rgba(255, 255, 255, 0.4);
		margin: 40px 0 55px;
		position: relative;
	}

	#ready_solution-block .solut-titles-mob .news-item{
		margin-bottom: 20px;
		cursor: pointer;
		position: relative;
	}
	
	#ready_solution-block .solut-titles-mob .news-item.active{
		color: rgba(255, 255, 255, 1);
	}
	
	#ready_solution-block .slick-prev{
		left: 0;
	}
	
	#ready_solution-block .slick-next{
		right: 0;
	}
	
	#ready_solution-block .slide-counter{
		display: none;
	}
	
	
}



@media (max-width: 750px) {
   .block-content,
   #header-fixed .block-content,
   #projects-block .block-content-ins,
   #ready_solution-block .arrow-container,
   #projects-block .arrow-container,
   #video-block .news-list{
        width:480px;
		padding: 80px 0px;
    }
	
	#video-block .news-list,
	#projects-block .block-content-ins,
	#projects-block .arrow-container{
		padding: 0;
	}
	
	#footer-wrapper .footer-top .right.column .item:last-child{
		margin-left: 0;
		padding-top: 10px;
	}
	
	#footer-wrapper .footer-top .right.column a{
		display: block;
	}

	
	#footer-wrapper{
		font-size: 15px;
	}
	
	#footer-wrapper .soc-links li{
		margin-right: 4px;
	}
	

	
	#footer-wrapper .footer-top .right.column {
        padding-top: 0;
    }
	

	
	#footer-wrapper .footer-top .right.column .item{
		display: block;
		text-align: right;
	}
	
	#footer-wrapper .footer-top .right.column .item:last-child{
		margin-left: 0;
	}
	

	#header-wrapper .top-contacts{
		display: none;
	}
	
	#header-fixed .block-content {
		padding: 23px 0px;
	}
	
	#header-block .text.left {
        font-size: 21px;
        line-height: 120%;
        width: 286px;
		padding-top: 10px;
    }
	
	#header-block .text.right {
		font-size: 21px;
		padding-left: 0;
		padding-top: 63px;
	}
	
	
	#header-block .text.right span.red{
		font-size: 60px;
	}
	
	h1 {
        font-size: 61px;
    }
	
	#header-block .block-content {
		min-height: 622px;
	}
	
	#header-block {
		background-size: 1068px auto;
		position: relative;
		overflow: visible;
	}
	
	#header-block .black-text{
		width: 100%;
		right: 0;
		padding: 10px 20px;
		bottom: -26px;
		z-index: 1;
	}
	
	#header-block:after{
		content: '';
		position: absolute;
		bottom: -26px;
		height: 35px;
		width: 100%;
		background: #252D3D;
	}
	
	#header-block .faster{
		bottom: 56px;
	}
	
	#header-block .news-item-3 {
        top: 182px;
        left: 164px;
    }
	
	#header-block .news-item img{
		width: 230px;
	}
	
	#header-block .news-item-1 img {
        top: -67px;
        left: 58px;
    }
	
	#header-block .news-item-2 {
		top: 66px;
        left: 369px;
    }
	
	#header-block .news-item-2 img {
        top: -72px;
        left: -200px;
    }
	
	#header-block .news-item-1 {
        top: 55px;
        left: 8px;
    }
	
	#header-block .news-item-3 {
        top: 215px;
        left: 145px;
    }
	
	#header-block .news-item-3 img {
        top: -173px;
        left: 4px;
    }
	
	#header-block .faster {
        bottom: 23px;
    }
	
	#header-block .news-item-4 {
        top: 334px;
        left: 43px;
    }
	
	#header-block .news-item-4 img {
		top: -165px;
		left: 32px;
	}
	
	.block-content h2, .block-content-ins h2{
		font-size: 50px;
		line-height: 110%;
		padding-bottom: 30px;
	}
	
	#preims-block{
		padding-top: 35px;
	}
	
	#params-block .params-wr .table {
		margin-top: 30px;
		width: 180px;
		position: relative;
		z-index: 10;
	}
	
	#params-block .title{
		margin-top: 0;
	}
	
	#params-block .title:after{
		background-size: auto;
		height: 322px;
	}
	
	#params-block .title:before {
        top: 390px;
        right: -16px;
    }
	
	#params-block .right .title:after {
        background: url(/local/templates/teplostyazhka/images/param-mob.svg) top right no-repeat;
        background-size: auto;
        width: 196px;
        transform: scaleX(1);
        height: 470px;
        left: 0;
    }
	
	#params-block .params-wr {
        min-height: auto;
        padding-bottom: 359px;
    }
	
	
	#params-block .right .title:before {
        top: 529px;
        left: auto;
        right: -2px;
    }
	
	#params-block .right{
		margin-right: 15px;
	}
	
	#params-block .block-content{
		padding-bottom: 50px;
	}
	
	#video-block .news-list a .title {
		bottom: 22px;
		font-size: 18px;
	}
	
	#projects-block .block-content-ins h2{
		top: 80px;
	}
	
	#projects-block .news-item .block-content-ins {
        padding: 165px 0px 70px 0;
    }
	
	#projects-block .descr .chars {
		padding-top: 20px;
	}
	
	#solutions-block .block-content:before{
		top: 284px;
        width: 513px;
	}
	
	#solutions-block .news-list {
        padding-top: 474px;
    }
	
	#solutions-block .news-item br {
        display: block;
    }
	
	#solutions-block .news-item-3 .plus-icon {
        top: -661px;
        right: 107px;
    }
	
	#solutions-block .news-item .img-wr img{
		width: 226px;
	}
	
	#solutions-block .news-item-3 .img-wr {
        top: -621px;
        right: 1px;
    }
	
	#solutions-block .news-item-1 .plus-icon {
        top: -456px;
        left: 244px;
    }
	
	#solutions-block .news-item-1 .img-wr {
        top: -430px;
        left: 93px;
        right: auto;
    }
	
	#solutions-block .news-item-2 .plus-icon {
        top: -492px;
        left: 110px;
    }
	
	#solutions-block .news-item-2 .img-wr {
        top: -522px;
        right: auto;
        left: 137px;
    }
	
	#solutions-block .news-item-4 .plus-icon {
        top: -557px;
        right: 169px;
    }
	
	#solutions-block .news-item-4 .img-wr {
        top: -555px;
        right: -7px;
    }
	
	#solutions-block .news-item-5 .plus-icon {
        top: -575px;
        right: 313px;
    }
	
	#solutions-block .news-item-5 .img-wr {
        top: -669px;
        right: 98px;
    }
	
	#shops-block .bordered-btn-wr {
		margin-top: 15px;
	}
	
	#shops-block {
        padding-bottom: 256px;
    }
	
	.footer-copyright .right {
        clear: both;
        padding-top: 0;
        text-align: left;
        padding-top: 20px;
    }
	
	#footer-wrapper .footer-top .right.column a:last-child {
		margin-left: 26px;
	}
	
	#ready_solution-block .arrow-container {
        margin-left: -240px;
        padding: 0 !important;
	}
	
	#ready_solution-block .block-content-inside{
		padding-top: 80px;
	}
	
	#preims-block .block-content {
        overflow: hidden;
        padding-bottom: 80px;
    }
	
}


@media (max-width: 511px) {
   
	#header-block{
		background: url("images/header-bg-m.jpg") top center no-repeat;
	}
	
	#header-block .block-content {
        min-height: 663px;
    }

	body{
		text-size-adjust: none;
	}
	
}