/*!
Theme Name: MIXINGHEAD
Author: freelancefamily
Author URI: https://www.freelancefamily.top/
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Roboto&display=swap');

/*==================== Reset ====================*/
/*===============================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, q, small, strong,b, dl, dt, dd, ol, ul, li, form, label, legend, article, aside, canvas, figure, footer, header, hgroup, menu, nav, section, audio, video{margin: 0; padding: 0; font-size: 100%;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block; position: relative; padding: 0; list-style: none;} audio, canvas, iframe, img, svg, video{vertical-align: middle;} textarea{resize: vertical;} *{outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} a img{border: none;} img{max-width: 100%; height: auto;} strong, b{font-weight: bold;}

/*==================== Help ====================*/
/*==============================================*/
.alignleft{
	float: left;
	margin: 5px 20px 20px 0;
}
.alignright{
	float: right;
	margin: 5px 0 20px 20px;
}
.aligncenter{
	display: block;
	margin: 5px auto;
}
.alignnone{
	margin: 5px 20px 20px 0;
}
.wp-caption{
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption img{
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text{
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.browserupgrade{
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

.rl{
	position: relative;
	float: left;
}
.rr{
	position: relative;
	float: right;
}
.flex{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
.tac{
	text-align: center;
}
input, textarea{
	font-family: inherit;
}

::-webkit-scrollbar{
width: 10px;
}
::-webkit-scrollbar-track{
background: #eee;
}
::-webkit-scrollbar-thumb{
background-color: #fdc62a;
/*box-shadow: 0 -100vh 0 100vh #43a047, 0 0 15px 5px black;*/
}

/*=================== ZFDoom ===================*/
/*==============================================*/
.block_all, .block_100, .block_75, .block_66, .block_50, .block_33, .block_25{
	width: 100%;
	position: relative;
	float: left;
}
.block{
	width: 100%;
	max-width: 1140px;
	position: relative;
	margin: 0 auto;
}
.block_750{
	max-width: 750px;
	margin: 70px auto 120px;
}
.block.p_xx{max-width: 1170px;}
.block_75{max-width: 75%;}
.block_50{max-width: 50%;}
.db_tab, .db_mob, .db_mini{display: none;}
.clear{clear: both;}
.pT5{padding-top: 5px;}
.pT10{padding-top: 10px;}
.pT15{padding-top: 15px;}
.pT20{padding-top: 20px;}
.pT30{padding-top: 30px;}
.pT40{padding-top: 40px;}
.pT50{padding-top: 50px;}
.pT60{padding-top: 60px;}
.pT70{padding-top: 70px;}
.pT80{padding-top: 80px;}
.pT90{padding-top: 90px;}
.pT100{padding-top: 100px;}
.dn{display: none;}

/*==================== Main ====================*/
/*==============================================*/
a, input, textarea, .overlay-close, .langs .lang, a:after, .langs, .block_list .item .image, .popup_btn{
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
body{
	font-size: 100%;
	line-height: 1.5;
	font-family: 'Roboto', sans-serif;
	color: #105f6d;
	background: #fff;
}

/* plugin slow show page (css) #1 */
 html{
	background: #21b9d4;
}
@-moz-keyframes show{
	0%{opacity: 0;}
	20%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes show{
	0%{opacity: 0;}
	20%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes show{
	0%{opacity: 0;}
	20%{opacity: 0;}
	100%{opacity: 1;}
}
body{
	-webkit-animation: show 1s ease-in;
	-moz-animation: show 1s ease-in;
	animation: show 1s ease-in;
} 
/* end plugin slow show page (css) #1 */

h1, h2, h3, h4, h5, h6{
	font-family: 'Archivo Black', sans-serif;
	font-weight: normal;
	line-height: 1.3;
}
h1{font-size: 150%;}
h2{font-size: 140%;}
h3{font-size: 130%;}
h4, h5, h6{font-size: 110%;}
a{
	color: #105f6d;
	cursor: pointer;
}
a:hover{
	color: #21b9d4;
}

/*==================== Header ====================*/
.header{
	position: fixed;
	top: 0;
	left: 0;
	padding: 30px 0 20px;
	z-index: 11;
	border-bottom: 1px solid transparent;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.header_fix{
	padding: 10px 0 10px;
	background: rgba(33, 185, 212, 0.9);
	border-bottom: 1px solid #fff;
}
.header.hide{
	background: rgba(33, 185, 212, 0);
	border-bottom: 1px solid transparent;
}
.langs{
	position: relative;
	float: right;
	padding-right: 20px;
}
.header.hide .langs{
	margin-top: -50px;
}
.langs .lang{
	display: block;
	position: relative;
	float: left;
}
.langs div{
	padding: 3px 2px;
	position: relative;
	float: left;
	color: #fdc62a;
	font-size: 85%;
	line-height: 1;
}
.langs .lang input{
	display: block;
	padding: 0 2px;
	font-family: 'Archivo Black', sans-serif;
	color: #fff;
	cursor: pointer;
	background: none;
	border: none;
}
.langs .lang input:hover{
	color: #fdc62a;
}
.langs .l_active input{
	color: #fdc62a;
	cursor: auto;
}
.block_1 .logo{
	width: 360px;
	height: 195px;
	position: relative;
	float: left;
	background: url(images/logo.svg) no-repeat center center;
	background-size: contain;
}

.hamburger{
	width: 24px;
	height: 20px;
	position: relative;
	float: left;
	cursor: pointer;
	z-index: 111;
}
.hamburger:before, .hamburger:after{
	display: block;
	content: "";
	width: 24px;
	height: 4px;
	position: absolute;
	background: #fff;
}
.hamburger:before{
	top: 0;
}
.hamburger:after{
	bottom: 0;
}
.hamburger span{
	display: block;
	width: 24px;
	height: 4px;
	position: absolute;
	top: 8px;
	left: 0;
	background: #fff;
}
.hamburger:hover span{
	width: 12px;
}
.bg_menu{
	display: block;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: -100vw;
	overflow: auto;
	background: rgba(0,0,0,0.7);
	z-index: 3;
}
.bg_menu:before{
	display: block;
	content: "";
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 100vw;
	background: rgba(0,0,0,0.7);
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.bg_menu.active:before{
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.bg_menu.active:before{
	left: 0;
}
/*.bg_menu nav{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	padding: 50px 0;
	-webkit-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: all 0.4s ease 0.8s;
	-moz-transition: all 0.4s ease 0.8s;
	-o-transition: all 0.4s ease 0.8s;
	-ms-transition: all 0.4s ease 0.8s;
	transition: all 0.4s ease 0.8s;
}
.bg_menu.active nav{
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}*/
.bg_menu.active{
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.bg_menu, .hamburger *, .hamburger:before, .hamburger:after{
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.bg_menu.active{
	left: 0;
}
.popup_menu{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 860px;
	position: relative;
	margin: 0 auto;
}
.left_part{
	padding-top: 25vh;
}
.right_part{
	top: -80vh;
	width: 315px;
	padding: 33vh 20px 110px 45px;
	border: 1px solid #fdc62a;
	-webkit-transition: all 0.4s ease 0.8s;
	-moz-transition: all 0.4s ease 0.8s;
	-o-transition: all 0.4s ease 0.8s;
	-ms-transition: all 0.4s ease 0.8s;
	transition: all 0.4s ease 0.8s;
}
.bg_menu.active .right_part{
	top: 0;
}
.left_part a, .right_part a{
	display: block;
	position: relative;
	float: left;
	font-family: 'Archivo Black', sans-serif;
	text-decoration: none;
	color: #21b9d4;
	clear: both;
}
.left_part a{
	padding: 3px 0;
	font-size: 310%;
}
.right_part a{
	padding: 6px 0;
	font-size: 130%;
}
.left_part a:hover, .right_part a:hover{
	color: #fdc62a;
}
.left_part a:before{
	display: block;
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	left: -10%;
	bottom: 10px;
	background: #fdc62a;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.left_part a:hover:before{
	width: 120%;
	height: 1px;
}

/*.bg_menu li{
	list-style: none;
}
.bg_menu li a{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	padding: 10px 0;
	font-family: 'Archivo Black', sans-serif;
	font-size: 250%;
	text-align: center;
	text-decoration: none;
	color: #21b9d4;
}
.bg_menu li a:hover{
	color: #fdc62a;
}
.bg_menu li:nth-last-child(-n+3) a{
	font-size: 150%;
}*/
body.lock{
	overflow: hidden;
}
.hamburger.active:before, .hamburger.active:after{
	background: #fdc62a;
}
.hamburger.active:before{
	top: 8px;
	-moz-transform: rotate(405deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	transform: rotate(405deg);
}
.hamburger.active:after{
	bottom: 8px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.hamburger.active span{
	background: #fdc62a;
	width: 0;
	left: 50%;
}

/*==================== Content ====================*/
.block_50.rr{
	float: right;
}
a.btn{
	display: block;
	position: relative;
	float: left;
	padding: 19px 28px 17px;
	text-decoration: none;
	font-size: 75%;
	font-family: 'Archivo Black', sans-serif;
	line-height: 1;
	color: #105f6d;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
a.btn:hover{
	color: #fff;
	background: #21b9d4;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
}

.block_1{
	background-color: #21b9d4;
}
.block_1 .block{
	height: 625px;
	padding-top: 177px;
}
@-moz-keyframes show_top{
	0%{top: -510px;}
	50%{top: -510px;}
	88%{top: 0px;}
	94%{top: -10px;}
	100%{top: 0px;}
}
@-webkit-keyframes show_top{
	0%{top: -510px;}
	50%{top: -510px;}
	88%{top: 0px;}
	94%{top: -10px;}
	100%{top: 0px;}
}
@keyframes show_top{
	0%{top: -510px;}
	50%{top: -510px;}
	88%{top: 0px;}
	94%{top: -10px;}
	100%{top: 0px;}
}
.block_1 img{
	height: auto;
	width: 100%;
	max-width: 762px;
	position: absolute;
	top: 0;
	left: 247px;
	-webkit-animation: show_top 1.5s ease-in;
	-moz-animation: show_top 1.5s ease-in;
	animation: show_top 1.5s ease-in;
}
.block_1_right{
	width: 100%;
	max-width: 570px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.block_1_right_inner{
	padding: 168px 115px 222px 180px;
	background-color: #eee;
}
.block_1_right_inner .text_1{
	text-align: right;
	font-size: 115%;
}
.block_1_right_inner .text_1 b{
	font-family: 'Archivo Black', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.block_1 .logo{
	position: absolute;
	top: 234px;
	left: 113px;
}
.block_1 .squares{
	width: 100%;
	height: 625px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.square{
	position: absolute;
	border: 1px solid #fec72a;
}
.block_1 .square_1{
	width: 1143px;
	height: 430px;
	top: 85px;
	margin-left: 50%;
	left: -545px;
}
.block_1 .square_2{
	width: 922px;
	height: 430px;
	top: 159px;
	margin-left: 50%;
	left: -147px;
}

.block_2{
	padding: 200px 0 190px;
}
.block_2 .image{
	width: 561px;
	height: 641px;
	position: absolute;
	top: 0;
	margin-left: 50%;
	left: -645px;
	background-image: url(images/bg_block_2.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_2 .square{
	border: 1px solid #21b9d4;
}
.block_2 .square_1{
	width: 199px;
	height: 345px;
	top: -1px;
	margin-left: 50%;
	left: 56px;
}
.block_2 .square_2{
	width: 319px;
	height: 367px;
	top: 304px;
	margin-left: 50%;
	left: -181px;
}
.block_2 .grey_block{
	width: 100%;
	max-width: 570px;
	height: 290px;
	position: absolute;
	top: -200px;
	right: 0;
	background: #eee;
}
.block_2 .grey_block .text_2{
	position: absolute;
	top: -50px;
	left: 0;
	padding: 0 210px 0 100px;
	line-height: 1.9;
	z-index: 2;
}
h2.home{
	display: block;
	position: absolute;
	font-size: 380%;
	text-transform: uppercase;
	color: #21b9d4;
}
.block_2 h2.home{
	top: 0;
	left: -50px;
}
.block_2 .text{
	width: 100%;
	max-width: 475px;
	position: relative;
	float: left;
	margin-top: 170px;
	padding-left: 15px;
}

.block_3{
	padding: 324px 0 175px;
	background: #fdc62a;
	background: -moz-linear-gradient(left,#fdc62a 0%, #fdc62a 64%, #ffffff 64%, #ffffff 100%);
	background: -webkit-linear-gradient(left,#fdc62a 0%,#fdc62a 64%,#ffffff 64%,#ffffff 100%);
	background: linear-gradient(to right,#fdc62a 0%,#fdc62a 64%,#ffffff 64%,#ffffff 100%);
}
.block_3 h2.home{
	top: -225px;
	left: 155px;
	color: #fff;
}
.block_3 .text{
	width: 100%;
	max-width: 360px;
	position: relative;
	float: left;
	margin-bottom: 32px;
}
.block_3 .image_wrapper{
	width: 100%;
	height: 627px;
	position: absolute;
	top: 50px;
	left: 0;
	overflow: hidden;
}
.block_3 .image{
	width: 821px;
	height: 547px;
	position: absolute;
	top: 0;
	margin-left: 50%;
	left: -115px;
	background-image: url(images/bg_block_3.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_3 .square_1{
	width: 603px;
	height: 446px;
	top: 158px;
	left: -534px;
	border: 1px solid #fff;
	opacity: 0.6;
}
.block_3 .square_2{
	width: 429px;
	height: 147px;
	bottom: -80px;
	left: 32px;
	border: 1px solid #fff;
	opacity: 0.6;
}

.block_4{
	padding: 385px 0 240px;
	background: #fff;
	background: -moz-linear-gradient(left,#eeeeee 0%, #eeeeee 51%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(left,#eeeeee 0%,#eeeeee 51%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(to right,#eeeeee 0%,#eeeeee 51%,#ffffff 51%,#ffffff 100%);
}
.block_4 .image{
	width: 474px;
	height: 450px;
	position: absolute;
	top: 81px;
	margin-left: 50%;
	left: -545px;
	background-image: url(images/bg_block_4.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_4 .image_wrapper{
	width: 100%;
	height: 389px;
	position: absolute;
	bottom: -120px;
	left: 0;
	overflow: hidden;
}
.block_4 .image_2{
	width: 417px;
	height: 389px;
	position: absolute;
	bottom: 0;
	margin-left: 50%;
	left: 290px;
	background-image: url(images/bg_block_4_bot.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}
.block_4 .square_1{
	width: 413px;
	height: 216px;
	top: 322px;
	left: -24px;
	border: 1px solid #21b9d4;
}
.block_4 .square_2{
	width: 744px;
	height: 455px;
	top: 130px;
	left: 345px;
	border: 1px solid #21b9d4;
}
.block_4 h2.home{
	top: -225px;
	left: -98px;
}
.block_4 .text{
	width: 100%;
	max-width: 360px;
	position: relative;
	float: right;
	margin: 0 97px 33px 0;
}
.block_4 a.btn{
	margin-left: 113px;
	color: #fff;
	background: #21b9d4;
}
.block_4 a.btn:hover{
	color: #105f6d;
	background: #fdc62a;
}

.block_5{
	padding: 314px 0 345px;
	background-color: #21b9d4;
}
.block_5 a.btn:hover{
	color: #105f6d;
	background: #fff
}
.block_5 .image{
	width: 524px;
	height: 451px;
	position: absolute;
	top: 294px;
	margin-left: 50%;
	left: -610px;
	background-image: url(images/bg_block_5.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_5 .square_1{
	width: 980px;
	height: 488px;
	top: -100px;
	left: 177px;
}
.block_5 .square_2{
	width: 404px;
	height: 387px;
	top: 101px;
	left: 44px;
}
.block_5 h2.home{
	top: -230px;
	left: -375px;
	color: #fdc62a;
}
.block_5 .block_50{
	padding-left: 15px;
}
.block_5 .text{
	width: 100%;
	max-width: 360px;
	margin-bottom: 33px;
	color: #fff;
}
.block_5 a.btn{
	background: #fdc62a;
}

.block_6{
	background: #ffffff;
	background: -moz-linear-gradient(left,#ffffff 0%,#ffffff 53%,#eeeeee 53%,#eeeeee 100%);
	background: -webkit-linear-gradient(left,#ffffff 0%,#ffffff 53%,#eeeeee 53%,#eeeeee 100%);
	background: linear-gradient(to right,#ffffff 0%,#ffffff 53%,#eeeeee 53%,#eeeeee 100%);
}
.block_6 .block{
	height: 455px;
}
.block_6 .image{
	width: 766px;
	height: 510px;
	position: absolute;
	top: -60px;
	right: -145px;
	background-image: url(images/bg_block_7.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_6 h2.home{
	bottom: 20px;
	left: 0px;
}

/* Chemicals page */
.logo_header{
	width: 200px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 25px;
	margin: -2px 0 0 25px;
	background-image: url(images/logo_top.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.logo_header.hide{
	top: -70px;
}
.home .logo_header{
	top: -70px;
}
.home .header_fix .logo_header{
	top: 0;
}
.bread{
	padding: 9px 0 0;
	font-size: 75%;
	line-height: 1;
}
.bread a{
	color: #21b9d4;
	text-decoration: none;
}
.bread a:hover{
	color: #105f6d;
}
.block_1_inner{
	background: #21b9d4;
}
.block_1_inner .square_1{
	position: absolute;
	width: 554px;
	height: 66px;
	top: 0;
	left: 488px;
	background: #fdc62a;
}
.block_1_inner .square_2{
	width: 428px;
	height: 188px;
	top: -2px;
	right: 0;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.block_1_inner h1{
	padding: 107px 0 50px;
	margin-left: 488px;
	color: #fff;
	font-size: 370%;
	text-transform: uppercase;
	line-height: 1;
}

.block_2_ch{
	padding: 310px 0 130px;
}
.block_2_ch .grey_text{
	width: 652px;
	position: absolute;
	top: -310px;
	right: 0;
	padding: 80px 100px 253px 96px;
	background: #eee;
}
.block_2_ch h2.home{
	color: #fdc62a;
	position: absolute;
	top: -9px;
	left: 0;
	z-index: 1;
}
.block_2_ch .text{
	width: 360px;
	position: relative;
	float: left;
	margin: 160px 0 0 98px;
	z-index: 1;
}
.text p{
	margin-bottom: 25px;
	position: relative;
}
.block_2_ch .image_wrapper{
	width: 100%;
	height: 530px;
	position: absolute;
	top: 330px;
	right: 0;
	overflow: hidden;	
}
.block_2_ch .blue{
	width: 49%;
	height: 403px;
	position: absolute;
	bottom: 18px;
	right: 2px;
	background: #21b9d4;
}
.block_2_ch .image{
	width: 323px;
	height: 466px;
	position: absolute;
	top: 0;
	margin-left: 50%;
	left: 148px;
	background-image: url(images/bg_block_2_ch.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_2_ch .square_1{
	width: 313px;
	height: 368px;
	top: 29px;
	left: -99px;
}
.block_2_ch .square_2{
	width: 336px;
	height: 126px;
	bottom: -20px;
	left: -215px;
}

.block_3_ch{
	margin: 118px 0 90px;
	padding: 335px 0 221px;
	background: #fdc62a;
	background: -moz-linear-gradient(left,#ffffff 0%, #ffffff 26%, #fdc62a 26%, #fdc62a 100%);
	background: -webkit-linear-gradient(left,#ffffff 0%,#ffffff 26%,#fdc62a 26%,#fdc62a 100%);
	background: linear-gradient(to right,#ffffff 0%,#ffffff 26%,#fdc62a 26%,#fdc62a 100%);
}
.block_3_ch .image{
	width: 359px;
	height: 464px;
	position: absolute;
	top: -270px;
	left: 75px;
	background-image: url(images/bg_block_3_ch.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_3_ch .square{
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.block_3_ch .square_1{
	width: 1075px;
	height: 511px;
	top: -23px;
	left: -10px;
}
.block_3_ch .square_2{
	width: 168px;
	height: 348px;
	top: 220px;
	left: 266px;
}
.block_3_ch h2.home{
	width: 660px;
	color: #fff;
	top: -170px;
	left: -90px;
}
.block_3_ch .text{
	width: 375px;
	position: relative;
	float: left;
}

.block_4_ch{
	padding: 288px 0 180px;
	max-width: 100%;
	overflow: hidden;
}
.block_4_ch .grey{
	width: 47%;
	height: 250px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #eee;
}
.block_4_ch .image{
	width: 583px;
	height: 503px;
	position: absolute;
	top: -265px;
	right: 10px;
	background-image: url(images/bg_block_4_ch.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_4_ch .square{
	border: 1px solid #21b9d4;
}
.block_4_ch .square_1{
	width: 492px;
	height: 223px;
	top: -20px;
	left: -57px;
}
.block_4_ch .square_2{
	width: 314px;
	height: 231px;
	top: 320px;
	left: 279px;
}
.block_4_ch h2.home{
	width: 740px;
	top: -170px;
}
.block_4_ch .text{
	width: 360px;
	position: relative;
	float: left;
	margin: 0 0 0 98px;
}

/* Service page */
.block_2_ce{
	padding: 290px 0 252px;
}
.block_2_ce h2.home{
	top: -170px;
	left: 0;
	color: #fdc62a;
}
.block_2_ce .text{
	width: 360px;
	margin: 0 0 0 98px;
}
.block_2_ce .image_wrapper{
	width: 100%;
	max-width: 100%;
	min-height: 860px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.block_2_ce .image_1{
	width: 570px;
	height: 381px;
	position: absolute;
	margin-left: 50%;
	top: 0;
	left: 0;
	background-image: url(images/bg_block_2_ce.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_2_ce .blue{
	width: 44%;
	height: 445px;
	position: absolute;
	top: 340px;
	right: 0;
	background: #21b9d4;
}
.block_2_ce .image_1 .square{
	width: 454px;
	height: 267px;
	top: 45px;
	left: 68px;
}
.block_2_ce .image_2{
	width: 339px;
	height: 488px;
	position: absolute;
	margin-left: 50%;
	top: 372px;
	left: 166px;
	background-image: url(images/bg_block_2_ce_2.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_2_ce .image_2 .square{
	width: 192px;
	height: 463px;
	top: -110px;
	left: 186px;
}

.block_3_ce{
	padding: 340px 0 145px;
	background: #fdc62a;
	background: -moz-linear-gradient(left,#ffffff 0%, #ffffff 26%, #fdc62a 26%, #fdc62a 100%);
	background: -webkit-linear-gradient(left,#ffffff 0%,#ffffff 26%,#fdc62a 26%,#fdc62a 100%);
	background: linear-gradient(to right,#ffffff 0%,#ffffff 26%,#fdc62a 26%,#fdc62a 100%);
}
.block_3_ce h2.home{
	top: -170px;
	left: 113px;
	color: #fff;
}
.block_3_ce .image_1{
	width: 570px;
	height: 364px;
	position: absolute;
	top: -370px;
	left: 0;
	background-image: url(images/bg_block_3_ce.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_3_ce .image_1 .square{
	width: 581px;
	height: 387px;
	top: 50px;
	left: 130px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.block_3_ce .image_2{
	width: 447px;
	height: 251px;
	position: absolute;
	top: 20px;
	left: 58px;
	background-image: url(images/bg_block_3_ce_2.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_3_ce .image_2 .square{
	width: 168px;
	height: 348px;
	top: -73px;
	left: 320px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.block_3_ce .text{
	width: 360px;
	margin: 0 0 0 210px;
}

.block_4_ce{
	max-width: 100%;
	padding: 140px 0 95px;
	overflow: hidden;
}
.block_4_ce h2.home{
	top: 110px;
	left: 98px;
}
.block_4_ce .image{
	width: 666px;
	height: 436px;
	position: absolute;
	top: 25px;
	right: 0;
	background-image: url(images/bg_block_4_ce.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_4_ce .image .square{
	width: 640px;
	height: 223px;
	top: -25px;
	left: -210px;
	border: 1px solid #21b9d4;
}
.block_4_ce .text{
	width: 360px;
	margin: 280px 0 0 0;
}

.block_5_ce{
	padding: 85px 0 140px;
}
.block_5_ce .image{
	width: 570px;
	height: 428px;
	position: absolute;
	top: -85px;
	left: 98px;
	background-image: url(images/bg_block_5_ce.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.block_5_ce .image .square{
	width: 167px;
	height: 387px;
	top: -192px;
	right: -69px;
	border: 1px solid #21b9d4;
}
.block_5_ce .image .title{
	width: 100%;
	position: absolute;
	bottom: -30px;
	font-size: 90%;
	text-align: right;
	font-style: italic;
}
.block_5_ce .text{
	position: relative;
	float: right;
	width: 360px;
}

/* Catalog page */
.block_2_ca{
	max-width: 100%;
	padding: 80px 0 340px;
	margin-top: 72px;
	overflow: hidden;
}
.block_2_ca .yellow{
	width: 44%;
	height: 550px;
	position: absolute;
	top: 97px;
	right: 0;
	background: #fdc62a;
	z-index: 1;
}
.block_2_ca .image{
	width: 586px;
	height: 456px;
	position: absolute;
	top: 18px;
	left: 146px;
	margin-left: 50%;
	background-image: url(images/bg_block_2_ca.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}
.block_2_ca .image .square_1{
	width: 462px;
	height: 250px;
	top: 0;
	left: -88px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.block_2_ca .image .square_2{
	width: 192px;
	height: 317px;
	top: 200px;
	left: 250px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.block_2_ca h2.home{
	top: -120px;
	left: 0;	
	color: #fdc62a;
}
.block_2_ca .text{
	width: 460px;
	margin: 80px 0 0 98px;
}

.block_3_ca{
	padding: 210px 0 134px;
	margin-top: -270px;
	background: #eee;
	background: -moz-linear-gradient(left,#eee 0%, #eee 56%, #fff 56%, #fff 100%);
	background: -webkit-linear-gradient(left,#eee 0%,#eee 56%,#fff 56%,#fff 100%);
	background: linear-gradient(to right,#eee 0%,#eee 56%,#fff 56%,#fff 100%);
}
.block_3_ca h2.home{
	top: -123px;
	left: 100px;
	z-index: 2;
}
.block_3_ca .text{
	width: 460px;
}
.block_3_ca .warranty{
	position: absolute;
	bottom: 30px;
	right: 15%;
}
.block_3_ca .popup_btn{
	padding: 8px 10px 14px 55px;
	font-size: 110%;
	color: #21b9d4;
	line-height: 1;
	text-decoration: none;
	background-image: url(images/icon_warranty.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	cursor: pointer;
}
.block_3_ca .popup_btn:hover{
	color: #105f6d;
}
#popap_bg{
	display: none;
	background: #21b9d4;
	opacity: 0.9;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 111;
	cursor: pointer;
}
.popup_box{
	display: none;
	width: 100%;
	max-width: 800px;
	max-height: 80vh;
	position: fixed;
	top: 10vh;
	left: -400px;
	margin-left: 50%;
	padding: 30px;
	background: #fff;
	overflow: auto;
	z-index: 112;
}
.popup_inner{
	position: relative;
	float: left;
}
.popup_inner p{
	margin-bottom: 5px;
}
.popup_inner h3{
	margin-bottom: 30px;
}
.popup_close{
	cursor: pointer;
	display: none;
}

.block_filters{
	padding: 13px 0;
	background: #21b9d4;
}
.block_filters .text{
	position: relative;
	float: left;
	padding: 10px 10px 0 0;
	font-size: 90%;
}
.block_filters .links a{
	display: block;
	position: relative;
	float: left;
	padding: 7px 18px;
	font-size: 110%;
	color: #fff;
	text-decoration: none;
	border: 1px solid transparent;
}
.block_filters .links a:hover{
	color: #fdc62a;
}
.block_filters .links .current-cat a{
	border: 1px solid #fdc62a;
}
.block_filters .search{
	width: 260px;
	height: 42px;
	position: relative;
	float: right;
	border: 1px solid #fdc62a;
}
.block_filters .search input[type=text]{
	width: 100%;
	padding: 12px 40px 12px 18px;
	background: none;
	border: none;
	font-size: 90%;
	color: #fdc62a;
}
.block_filters .search input::placeholder{
	color: #fdc62a;
}
.block_filters .search input[type=submit]{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	width: 40px;
	height: 40px;
	background: url(images/icon_search.svg) no-repeat center center;
	cursor: pointer;
	background-size: 16px 16px;
}
.block_filters .search input[type=submit]:hover{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.block_list{
	padding: 40px 0 105px;
}
.block_list .item{
	position: relative;
	float: left;
	width: 262px;
	height: 338px;
	margin: 0 15px;
}
.block_list .image{
	width: 100%;
	height: 195px;
	border: 1px solid #21b9d4;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.block_list .item:hover .image{
	border: 1px solid #fdc62a;
}
.block_list .title{
	max-height: 50px;
	margin: 10px 0;
	overflow: hidden;
}
.block_list .info{
	margin-bottom: 2px;
	font-size: 90%;
	color: #9f9f9f;
}
.block_list .info span{
	color: #105f6d;
}

.pagination{
	padding: 0 15px;
	font-size: 110%;
}
.pagination span{
	padding: 5px;
}
.pagination a{
	padding: 5px;
	color: #21b9d4;
	text-decoration: none;
}
.pagination a:hover{
	color: #105f6d;
}

.object_anim{
	position: relative;
	float: left;
	overflow: hidden;
}
.object_anim>*{
	-webkit-transition: all 1.6s ease 0s;
	-moz-transition: all 1.6s ease 0s;
	-o-transition: all 1.6s ease 0s;
	-ms-transition: all 1.6s ease 0s;
	transition: all 1.6s ease 0s;
	position: relative;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.object_anim.object_show>*{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/*==================== Footer ====================*/
footer.footer{
	padding: 50px 0 120px;
	background: #ffffff;
	background: -moz-linear-gradient(left,#ffffff 0%,#ffffff 53%,#eeeeee 53%,#eeeeee 100%);
	background: -webkit-linear-gradient(left,#ffffff 0%,#ffffff 53%,#eeeeee 53%,#eeeeee 100%);
	background: linear-gradient(to right,#ffffff 0%,#ffffff 53%,#eeeeee 53%,#eeeeee 100%);
}
footer.footer .square{
	width: 967px;
	height: 342px;
	top: 50px;
	right: 44%;
}
footer.footer .left{
	width: 100%;
	max-width: 620px;
	position: relative;
	float: left;
	padding-top: 70px;
}
footer.footer .left h4{
	margin-bottom: 25px;
}
footer.footer .title{
	margin-bottom: 3px;
	color: #9f9f9f;
}
footer.footer .for_icons{
	width: 100%;
	position: relative;
	float: left;
	padding-left: 27px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-size: 16px 16px;
}
footer.footer .place{
	margin-bottom: 25px;
	background-image: url(images/icon_place.svg);
}
footer.footer .phone{
	text-decoration: none;
	background-image: url(images/icon_phone.svg);
}
footer.footer .mail{
	text-decoration: none;
	background-image: url(images/icon_mail.svg);
}
footer.footer .right{
	width: 100%;
	max-width: 360px;
	position: relative;
	float: right;
}
.footer a.logo{
	display: block;
	width: 175px;
	height: 110px;
	position: relative;
	float: left;
	margin: 90px 0 33px;
	background: rgba(33,185,212,.9) url(images/logo_header.svg) no-repeat center center;
	background-size: 70%;
}
.footer a.logo:hover{
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
}
.menu_bot{
	margin-bottom: 33px;
	font-size: 90%;
}
.menu_bot a{
	display: block;
	position: relative;
	float: left;
	font-size: 95%;
	line-height: 1;
	padding: 1px 0;
	margin-right: 10px;
	text-decoration: none;
}
.menu_bot a:hover{
	color: #105f6d;
}
.menu_bot a:after{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #105f6d;
}
.menu_bot a:hover:after{
	left: 50%;
	width: 0;
}
.copyright{
	font-size: 75%;
	line-height: 1.9;
}

/*================== Navigation ==================*/
nav{
	position: relative;
	float: left;
}
nav ul{
	position: relative;
	float: left;
	list-style: none;
}
nav ul li, nav ul li a{
	list-style: none;
	display: block;
	position: relative;
	float: left;
	padding: 5px;
	text-decoration: none;
	text-align: center;
}
nav ul li a{
	width: 100%;
}
.overlay nav, .overlay nav ul, .overlay nav ul li{
	width: 100%;
}

/*================ Contact form 7 ================*/
.wpcf7 input, .wpcf7 textarea{
	width: 100%;
	position: relative;
	float: left;
	padding: 5px 10px;
	font-size: 90%;
	text-align: left;
	color: #333;
	font-weight: 300;
	border: 1px solid transparent;
	background: #fff;
}
.wpcf7 input[type=checkbox]{
	width: auto;
	padding: 10px;
	background: #fff;
	cursor: pointer;
}
.wpcf7-list-item-label{
	float: left;
	padding-right: 20px;
	font-size: 80%;
	text-transform: uppercase;
}
.wpcf7 h4{
	margin: 5px 0;
	font-weight: 400;
	color: #ccc;
}
.wpcf7 textarea{
	height: 110px;
	min-height: 110px;
}
.wpcf7 input:focus, .wpcf7 textarea:focus{
	padding-left: 20px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #111; opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #111; opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #111; opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #111; opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color: #111; opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color: #111; opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color: #111; opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color: #111; opacity: 0; transition: opacity 0.3s ease;}
.wpcf7 input[type=submit], .wpcf7 input[type=submit]:focus{
	color: #fff;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	background: #000;
}
.wpcf7 input[type=submit]:hover{
	color: #000;
	background: #fff;
}
.wpcf7 .block_50{
	padding: 0 15px 0 0;
}
.wpcf7 .block_50+.block_50{
	padding: 0 0 0 15px;
}
.wpcf7-response-output{
	width: 100%;
	position: relative;
	float: left;
}
div.wpcf7-mail-sent-ok{
	border: 2px solid #a9c108 !important;
}
div.wpcf7-response-output{
	margin: 0 !important;
}
span.wpcf7-not-valid-tip{
	position: relative;
	float: left;
	color: #ff6b00 !important;
}
/* end Contact form 7 */

.text_mail{
	height: 16px;
}

.single_desc{
	margin: 40px 30px;
}
img.border{
	border: 1px solid #21b9d4;
}

/*==================== Media ====================*/
/*===============================================*/
@media (max-width: 1190px){
	.dn_tab, .bread, .block_3_ch .square_1, .block_4_ch .square_2{
		display: none;
	}
	.db_tab{
		display: block;
	}
	.block{
		max-width: 750px;
	}
	.block.p_xx{
		max-width: 780px;
	}
	h2.home{
		z-index: 1;
	}

	.block_1, .block_3, .block_4, .block_5{
		max-width: 100%;
		overflow: hidden;
	}
	.block_1 img{
		left: 197px;
	}
	.block_1 .square_1{
		width: 90%;
		left: -345px;
	}
	.block_1 .square_2{
		display: none;
	}
	.block_1_right{
		bottom: -10px;
		right: -1px;
		z-index: 1;
	}
	.block_1 img{
		z-index: 2;
	}
	.block_1 .logo{
		z-index: 3;
	}
	.block_1_right_inner{
		padding: 65px 115px 20px 180px;
	}	
	.block_2 .grey_block{
		height: 240px;
	}
	.block_2 .grey_block .text_2{
		top: 40px;
	}
	.block_2 .block_50.rr{
		max-width: 420px;
	}
	.block_2 .text{
		padding: 0 15px 0 0;
	}
	.block_2{
		max-width: 100%;
		overflow: hidden;
	}
	.block_3{
		padding: 284px 0 175px;
		background: #fdc62a;
	}
	.block_3 h2.home{
		top: -195px;
		left: 85px;
	}
	.block_3 .text{
		max-width: 240px;
	}
	.block_3 .image{
		top: 140px;
	}
	.block_4{
		background: #fff;
		background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 38%, #ffffff 38%, #ffffff 100%);
		background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 38%,#ffffff 38%,#ffffff 100%);
		background: linear-gradient(to right, #eeeeee 0%,#eeeeee 38%,#ffffff 38%,#ffffff 100%);
	}
	.block_4 h2.home{
		width: 470px;
	}
	.block_4 .image_2{
		display: none;
	}
	.block_4 .square_2{
		width: 576px;
	}
	.block_4 .text{
		margin: 0 35px 33px 0;
	}
	.block_5 .square_1{
		width: 809px;
	}
	.block_5 .text{
		max-width: 300px;
	}	
	.block_6 h2.home{
		left: 15px;
	}
	.block_6 .image{
		right: 15px;
	}
	footer.footer{
		padding: 50px 0;
		background: #ffffff;
		background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 45%, #eeeeee 45%, #eeeeee 45%, #eeeeee 100%);
		background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 45%,#eeeeee 45%,#eeeeee 45%,#eeeeee 100%);
		background: linear-gradient(to right, #ffffff 0%,#ffffff 45%,#eeeeee 45%,#eeeeee 45%,#eeeeee 100%);
	}
	footer.footer .left{
		max-width: 100%;
	}
	footer.footer .left .block_50{
		padding-left: 5%;
	}
	footer.footer .square {
		width: 100%;
		height: 342px;
		top: 50px;
		right: 15px;
	}
	footer.footer .right{
		max-width: 100%;
	}
	.footer a.logo{
		float: none;
		margin: 90px auto 33px;
	}
	.menu_bot{
		display: table;
		float: none;
		margin: 0 auto 33px;
	}
	.copyright{
		float: none;
		margin: 0 auto auto;
		text-align: center;
	}
	.block_1_inner .square_1{
		width: 365px;
		left: auto;
		right: 100px;
	}
	.block_1_inner h1{
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
	.block_2_ch .grey_text{
		padding: 60px 100px 60px 96px;
	}
	.block_2_ch .square_2{
		display: none;
	}
	.block_2_ch .image{
		left: 178px;
	}
	.block_2_ch .square_1{
		top: 70px;
	}
	.block_2_ch .text{
		margin: 160px 0 0 0;
	}
	.block_3_ch{
		max-width: 100%;
		overflow: hidden;
	}
	.block_3_ch .image{
		left: -85px;
	}
	.block_3_ch h2.home{
		left: -160px;
	}
	.block_4_ch .image{
		left: 510px;
	}
	.block_4_ch .text{
		margin: 0;
	}
	.block_4_ch .grey{
		width: 55%;
	}
	.block_4_ch .text{
		width: 310px;
	}
	.block_2_ce .text{
		padding: 30px;
		background: #fff;
	}
	.block_3_ce{
		padding: 340px 0 80px;
	}
	.block_3_ce h2.home{
		left: 10px !important;
	}
	.block_3_ce .image_2{
		left: -160px;
	}
	.block_3_ce .text{
		margin: 0;
		padding: 100px 0 0 0;
	}
	.block_4_ce .image{
		right: -320px;
	}
	.block_5_ce .image{
		left: -210px;
	}
	.block_5_ce .image .square{
		top: -80px;
		right: 50px;
	}
	.block_2_ca .text{
		width: 360px;
		margin: 80px 0 0 0;
	}
	.block_2_ca .image .square_1{
		top: 160px;
	}
	.block_2_ca .yellow{
		height: 365px;
		top: 125px;
	}
	.block_2_ca .image .square_2{
		display: none;
	}
	.block_3_ca .text{
		width: 360px;
	}
	.block_3_ca h2.home{
		left: 0;
	}
	.block_3_ca .warranty{
		right: 5%;
	}
	.block_filters .search{
		float: none;
		margin: 0 auto;
	}
	.block_list .item{
		width: 32%;
		margin: 0 0.5%;
	}
	.pagination{
		display: table;
		position: relative;
		float: none;
		margin: 0 auto;
	}
	.popup_box{
		max-width: 700px;
		left: -350px;
		padding: 20px;
	}
}

@media (max-width: 798px){
	.dn_mob, .block_6, .square, .block_4_ch .grey{
		display: none !important;
	}
	.db_mob{
		display: block;
	}
	h1, h2, h3, h4, h5, h6{
		text-align: center;
		line-height: 1.1;
	}
	.block{
		max-width: 460px;
	}
	.block_750{
		max-width: 100%;
		padding: 0 20px;
	}
	.block.p_xx{
		max-width: 480px;
	}
	.block_66, .block_50, .block_33{
		max-width: 100%;
	}
	.block_1 .logo{
		top: 195px;
		left: 3px;
	}
	.langs{
		padding-right: 150px;
	}
	.header_fix .langs{
		padding-right: 0;
	}
	.block_1_right, .block_2 .grey_block{
		right: -70px;
	}
	.block_1_right_inner{
		padding: 65px 60px 20px 90px;
	}
	.block_2 .image{
		margin-left: 90%;
	}
	.block_2 .grey_block{
		background: rgba(255, 255, 255, 0.9);
	}
	.block_2 .grey_block .text_2{
		padding: 0 100px 0 70px;
	}
	.block_2 h2.home{
		left: 180px;
	}
	.block_2 .text{
		margin-top: 480px;
		padding: 0 0 0 100px;
	}
	.block_3, .block_4, .block_5{
		padding: 110px 0;
	}
	.block_3 .block, .block_4 .block, .block_5 .block{
		max-width: 100%;
		float: left;
	}
	.block_3 .image_wrapper, .block_4 .image_wrapper, .block_5 .image_wrapper{
		position: relative;
		float: left;
		height: auto;
		top: 0;
	}
	.block_3 h2.home, .block_4 h2.home, .block_5 h2.home{
		top: -340px;
	}
	.block_3 .image, .block_4 .image, .block_5 .image{
		top: 0;
		left: 0;
		width: 100%;
		height: 300px;
		position: relative;
		float: left;
		margin-left: 0;
		background-position: center center;
	}
	.block_3 .text, .block_4 .text, .block_5 .text{
		max-width: 100%;
		padding: 30px 15px 15px;
		margin: 0;
		background: none;
	}
	.block_3 a.btn, .block_5 a.btn{
		margin-left: 15px;
	}
	.block_3 h2.home, .block_4 h2.home, .block_5 h2.home{
		width: 100%;
		left: 0;
		padding: 0 15px;
	}
	.block_4{
		background: #fff;
	}
	.block_4 a.btn{
		float: right;
		margin-right: 40px;
	}
	.block_5{
		background: #21b9d4;
	}
	.block_5 .block_50{
		padding-left: 0;
	}
	footer.footer .left .block_50:first-child{
		margin-bottom: 40px;
	}
	footer.footer .block{
		max-width: 270px;
	}
	footer.footer .left .block_50{
		padding: 0;
	}
	footer.footer .title{
		text-align: center;
	}
	.block_1_inner h1{
		text-align: left;
	}
	body:not(.home) .langs{
		padding-right: 20px;
	}
	.block_1_inner .square_2{
		width: 50%;
	}
	.block_2_ch{
		padding: 310px 0 50px;
	}
	.block_2_ch .grey_text{
		width: 100%;
		position: relative;
		float: left;
		padding: 40px;
	}
	.block_2_ch h2.home{
		top: -60px;
	}
	.block_2_ch .text{
		margin: 0;
		width: 280px;
	}
	.block_2_ch .blue{
		right: -70px;
	}
	.block_2_ch .square_1{
		left: -40px;
	}
	.block_3_ch{
		margin: 80px 0 90px;
		padding: 335px 0 160px;
	}
	.block_3_ch .image{
		left: -215px;
	}
	.block_3_ch h2.home{
		width: 100%;
		top: -260px;
		left: 170px;
		text-align: left;
	}
	.block_3_ch .text{
		width: 285px;
		float: right;
	}
	.block_4_ch h2.home{
		text-align: left;
		width: 100%;
	}
	.block_4_ch .image{
		left: 350px;
	}
	.block_4_ch .square_1{
		top: 170px;
		left: 50px;
	}
	.block_2_ce, .block_3_ce, .block_4_ce, .block_5_ce{
		padding: 110px 0;
	}
	.block_2_ce .block, .block_3_ce .block, .block_4_ce .block, .block_4_ce .block_50, .block_5_ce .block{
		max-width: 100%;
	}
	.block_2_ce .image_wrapper, .block_3_ce .image_wrapper{
		min-height: 0;
		position: relative;
		float: left;
	}
	.block_2_ce .image_1, .block_3_ce .image_1, .block_4_ce .image, .block_5_ce .image{
		width: 100%;
		height: 300px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-size: contain;
		background-position: center center;
	}
	.block_3_ce .image_1{
		top: 0;
	}
	.block_2_ce h2.home, .block_3_ce h2.home, .block_4_ce h2.home{
		width: 100%;
		left: 0 !important;
		padding: 0 10%;
		top: -70px;
		text-align: center;
	}
	.block_2_ce .text, .block_3_ce .text, .block_4_ce .text, .block_5_ce .text{
		width: 100%;
		margin: 0;
		padding: 30px 15px 15px;
		background: none;
	}
	.block_2_ce .blue, .block_2_ce .image_2, .block_3_ce .image_2{
		display: none;
	}
	.block_3_ce{
		background: #fdc62a;
	}
	.block_4_ce{
		padding-bottom: 0;
	}
	.block_4_ce .image{
		right: 0;
	}
	.block_5_ce{
		padding-top: 0;
		overflow: hidden;
	}
	.block_5_ce .image{
		margin-bottom: 30px;
	}
	.block_5_ce .image .title{
		text-align: center;
	}
	.block_2_ca h2.home, .block_3_ca h2.home{
		font-size: 250%;
	}
	.block_3_ca{
		padding: 210px 0 70px;
	}
	.block_3_ca h2.home{
		top: -100px;
	}
	.block_2_ca .yellow{
		width: 27%;
	}
	.block_2_ca .image .square_1{
		left: 100px;
	}
	.block_3_ca .text{
		width: 220px;
	}
	.block_3_ca .warranty{
		right: 0;
	}
	.block_3_ca .popup_btn{
		padding: 50px 10px 10px 10px;
		background-position: top center;
		background-size: 50px;
	}
	.popup_box{
		max-width: 560px;
		max-height: 86vh;
		left: -280px;
		padding: 20px;
		top: 7vh;
	}
	.links{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.block_list .item{
		width: 48%;
		margin: 0 1%;
	}
	.block_filters .search{
		width: 100%;
	}
	.block_filters{
		padding: 20px 0;
	}
	.block_1_inner .square_1{
		display: none;
	}
	.popup_menu{
		display: block;
		max-width: 500px;
		padding: 4vh 7vh;
	}
	.popup_menu nav{
		width: 100%;
		position: relative;
		float: left;
	}
	.left_part{
		padding-top: 10vh;
	}
	.right_part{
		padding: 0;
		padding-top: 3vh;
		border: none;
	}
	.left_part a{
		font-size: 200%;
	}
	.right_part a{
		padding: 3px 0;
		font-size: 120%;
	}
}

@media (max-width: 590px){
	.dn_mini, .block_2 .square_1, .block_2 .square_2, .block_4 .square_1, .block_5 .square_2, .block_2_ce .image_2, .block_2_ce .blue, .block_3_ce .image_2, .block_2_ca .yellow, .block_2_ca .image .square_1{
		display: none;
	}
	.db_mini{
		display: block;
	}
	.block{
		max-width: 300px;
	}
	.block_750{
		max-width: 100%;
		padding: 0 10px;
	}
	.block.p_xx{
		max-width: 320px;
	}
	.langs{
		padding-right: 50px;
	}
	.block_1 img{
		width: 660px;
		left: 0;
	}
	.block_1 .logo{
		width: 300px;
	}
	.block_1_right_inner{
		padding: 45px 60px 20px 25px;
	}
	.block_1_right_inner .text_1{
		font-size: 100%;
	}
	.block_1 .logo{
		top: 275px;
	}
	.block_2 .grey_block .text_2{
		padding: 0 30px 0 70px;
	}
	.block_1_right, .block_2 .grey_block{
		right: 0;
	}
	.block_1 .square_1{
		height: 490px;
	}
	.block_2{
		padding: 200px 0 20px;
	}
	.block_2 h2.home, .block_3 h2.home, .block_4 h2.home, .block_5 h2.home{
		width: 100%;
		left: 0;
	}
	.block_2 .image{
		left: -500px;
	}
	.block_2 .text{
		max-width: 100%;
		padding: 30px;	
	}
	.block_2>.block, .block_2 .block_50.rr{
		max-width: 100%;
	}
	.block_4, .block_5{
		padding: 110px 0;
	}
	.block_3 h2.home, .block_4 h2.home, .block_5 h2.home{
		font-size: 280%;
	}
	footer.footer{
		background: #fff;
	}
	.block_1_inner h1, .block_4_ch h2.home{
		font-size: 280%;
	}
	.block_1_inner .square_2{
		width: 98px;
	}
	.block_2_ch{
		padding: 0 0 90px;
	}
	.block_2_ch .image_wrapper{
		top: 0;
		height: 300px;
		position: relative;
		float: left;
	}
	.block_2_ch .block, .block_3_ch .block, .block_4_ch .block{
		max-width: 100%;
	}
	.block_2_ch .image, .block_3_ch .image, .block_4_ch .image{
		top: 0;
		left: 0;
		width: 100%;
		height: 300px;
		position: relative;
		float: left;
		margin-left: 0;
		margin-bottom: 30px;
		background-position: center center;
	}
	.block_2_ch h2.home, .block_3_ch h2.home, .block_4_ch h2.home{
		width: 100%;
		position: relative;
		float: left;
		left: 0 !important;
		padding: 0 10%;
		top: 0;
		text-align: center;
		font-size: 280%;
	}
	/*.block_2_ch .grey_text{
		top: -180px;
	}*/
	.block_2_ch .grey_text{
		top: 0;
		margin-bottom: 90px;
	}
	.block_2_ch .text, .block_3_ch .text, .block_4_ch .text{
		width: 100%;
		padding: 30px 15px;
	}
	.block_2_ch .square_1{
		height: 270px;
		left: -10px;
	}
	.block_3_ch{
		padding: 90px 0;
		margin: 0;
		background: #fdc62a;
	}
	.block_4_ch{
		padding: 90px 0 0;
	}

	.block_2_ce, .block_3_ce, .block_4_ce{
		padding: 90px 0;
	}
	.block_2_ce{
		padding-top: 150px;
	}
	.block_2_ce h2.home, .block_3_ce h2.home, .block_4_ce h2.home{
		font-size: 250%;
	}
	.block_4_ce{
		padding-bottom: 0;
	}
	.block_5_ce{
		padding: 0;
	}
	.block_3_ca{
		background: #eee;
	}
	.block_3_ca .text{
		width: 100%;
	}
	.block_3_ca .warranty{
		width: 100%;
		position: relative;
		float: left;
		margin: 70px 0 0;
		text-align: center;
	}
	.popup_box{
		max-width: 360px;
		left: -180px;
		padding: 10px;
	}
	.block_list .item{
		width: 100%;
		height: 320px;
		margin: 0;
		text-align: center;
	}
	.block_list{
		padding: 40px 0 0;
	}
	.block_2_ca .image, .block_2_ch .blue{
		display: none;
	}
	.block_2_ca .text{
		width: 100%;
	}
	.block_list .image{
		max-width: 260px;
		margin: 0 auto;
	}
	.logo_header{
		width: 150px;
		height: 18px;
		margin: 1px 0 0 25px;
	}
}

@media (max-width: 500px){
	.block_2_ce .image_1, .block_3_ce .image_1, .block_4_ce .image, .block_5_ce .image{
		background-size: cover;
	}
}

@media screen and (max-height: 500px){}

/*==================== Print ====================*/
@media print{*, *:before, *:after{background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited{text-decoration: underline; } a[href]:after{content: " (" attr(href) ")"; } abbr[title]:after{content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript: "]:after{content: ""; } pre, blockquote{border: 1px solid #999; page-break-inside: avoid; } thead{display: table-header-group; } tr, img{page-break-inside: avoid; } img{max-width: 100% !important; } p, h2, h3{orphans: 3; widows: 3; } h2, h3{page-break-after: avoid; } }