@charset "utf-8";

/*-----------------------------------------------------     CSS Document of SUFIX © 2016. All rights reserved     ---------------------------------------------------------*/

/*----------- default style -----------*/
body, html {font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:14px; margin:0; padding:0; width:100%; height:100%;}
body, html, .block A, .footer-wrapper .map {color:#333;}
body:before {position:fixed; top:0; left:0; width:100%; height:100%; content:''; z-index:-1;}
.header_wrapper::before, .user_form::before, .header_wrapper::after, .footer_header::before, .footer_bottom::before, .slide_title::before {position:absolute; top:0; left:0; width:100%; height:100%; content:'';}
.header_wrapper::after, .slide_title::before, .user_form::before {z-index:-1;}
.header_wrapper::after {z-index: 2;}
.popup::before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:-1;}
a img {border:0 solid; outline:none;} a {cursor:pointer; outline:none;} .fm {position:relative; float:left; margin:0; padding: 0px;} .fmr {position:relative; float:right; margin:0; padding:0;} .center {position:relative; width:100%; max-width:1280px; margin:0 auto; padding:0;} a:active {outline:none;} * {outline:none;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block; position:relative;} h1,h2,h3,h4,h5,h6 {padding:0; margin:0;} address {font-style:normal;} ul {position:relative; list-style:none; padding:0; margin:0;} textarea {resize:none; overflow:auto; margin:0; border:none;} input {padding:0; border:none;} p {margin:0; padding:0;} table {border-collapse:collapse;} img {vertical-align:middle;max-width: 100%;} .long_div {position:relative; float: left; width:100%;} .hidden{display: none!important;}.invisible{visibility: hidden!important;}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; line-height:1.2;}
h1 {font-weight: 700; font-size: 35px; line-height: 1em;}
h2 {font-size: 30px;}
h3 {font-size: 26px; font-weight: 400;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 14px;}
figure {margin: 0;}

/*------------------------------ color style -----------------------------------*/
/*---------- Main color ----------*/
.main_color{color: #383b3f; background-color: #383b3f; border-color: #383b3f;}
/*---------- Main color light----------*/
.main_color_light{color: #999999; background-color: #999999; border-color: #999999;}
/*---------- details color ----------*/
.details_color{color: #d7ccc8; background-color: #d7ccc8;}
/*---------- accent color ----------*/
.accent_color{color: #e80000; background-color: #e80000; border-color: #e80000;}

/*---------- pad style ----------*/
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.box-c {text-align: center; width: 100%;}
.box-l {text-align: left;}
.box-r {text-align: right;}
.vrt-c {display: table; width: 100%;}
.dtc{display: table-cell; width: 1%; height: inherit; vertical-align: middle;}
.dt{display: table;vertical-align: top;width: 100%;}

/*---------- title style ----------*/
.sect_title{width: 100%;text-align: left;font: 700 35px/35px Arial, Helvetica, sans-serif;position: relative;color: #263238;padding: 0;}
	.sect_title >span{position: absolute;width: 145px;height: 6px;display: block;top: 0;left: 0;}

/*---------- button style ----------*/
/*------  common btn  ------*/
.common_btn, .def_popup_bottom {position: relative; display: inline-block; text-align: center;font-weight: 400;font-size: 18px;line-height: 22px;color: #fff!important;text-decoration: none;border: 2px solid;border-color: inherit;transition: all .4s linear;padding:11px 10px 13px;}
	.common_btn:hover, .def_popup_bottom:hover {background-color: rgba(255,255,255,.6);color: inherit!important;}
	.def_popup_bottom {left:50%; transform:translateX(-50%); cursor:pointer;}
	.common_btn i.fa{display: none;}
/*------  question btn  ------*/
.question_btn{position: absolute; right: 0; display: inline-block;font-weight: 400;font-size: 13px;line-height:1.2em;text-decoration: underline;color: #000; vertical-align: top;}
	.question_btn i.fa{content: '';position: absolute;width: 26px;height: 26px; font-size: 26px; line-height: 26px; background-color: transparent; color: inherit; top: 10px;left:13px;transition: opacity .4s linear;}
	.question_btn:after{background-position: -39px -25px; opacity: 0;}
		.question_btn:hover{text-decoration: none;}
.question_btn--invert{position: relative;display: inline-block;font-weight: 400;font-size: 18px;line-height:22px;color: #fff!important;text-decoration: none;border: 2px solid;border-color: inherit;padding:11px 25px 13px;transition: all .4s linear;}
	.question_btn--invert i.fa{display: none; content: '';position: absolute;width: 26px;height: 26px; font-size: 26px; line-height: 26px; background-color: transparent; color: inherit; top: 10px;left:13px;transition: opacity .4s linear;}
	.question_btn--invert:after{background-position: -39px -25px; opacity: 0;}
		.question_btn--invert:hover{background-color: rgba(255,255,255,.6);color: inherit!important;}

/*---------- input style ----------*/
input.main_color, textarea.main_color {width: 100%; height: 46px; padding: 10px 15px; background-color: #fff; font: 400 18px/45px 'Tahoma'; border: 2px solid; margin: 0 0 10px;
				transition: all 0.3s linear 0s;}
	input.main_color:focus, textarea.main_color:focus {border-color: #388e3c; transition: all 0.3s linear 0s;}
	input.main_color.error, textarea.main_color.error {border-color: #ff0000; transition: all 0.3s linear 0s;}
textarea.main_color {height: 90px; position: static; padding: 6px 13px; line-height: 26px;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}

/*---------- basic checkbox style ----------*/
.checkbox_place {margin: 25px 0 25px 0;}
	.checkbox {display: inline-block; position: relative; font: 400 18px/24px "OpenSansRegular"; color: #000000; text-decoration: none; padding: 0 0 0 23px; margin: 0 0 25px;}
		.checkbox_place .active b:before {opacity: 1; transition: all 0.3s linear 0s;}
		.checkbox b {display: block; position: absolute; top: 5px; left: 0; width: 17px; height: 17px; background: #fff; border: 1px solid #6a396b; background-color: #ededed;
					box-shadow: inset  0 0 7px 0 rgba(79, 9, 81, 0.16); border-radius: 4px; cursor: pointer;}
		.checkbox b:before{content: ''; width: 11px; height: 7px; background: url(../images/sprite.png) no-repeat -78px -148px; position: absolute; top: 4px; left: 2px;
							transition: all 0.3s linear 0s; opacity: 0;}
		.checkbox span{padding-left: 6px;}

/* dropdown
---------------------------------*/
.dropdown {width: 100%;height: 38px;position: relative;float: left;border: 1px solid #eeeeee;z-index: 1999;}
.active_drop {border-color: #333333;}
	.dropdown .overflow {width: 100%; height: 38px; overflow: hidden; position: relative; float: left;}
		.dropdown span {position: absolute;top: 0;left: 0;/* padding: 0 40px 0 13px; */cursor: pointer;width: 100%;height: 38px;overflow: hidden;line-height: 36px;z-index: 2;text-align: center;}
			.dropdown span b {width: 26px; height: 36px; position: absolute; top: 0px; right: 0px; z-index: 3;}
			.dropdown span b:before {content: ' '; position: absolute; top: 15px; right: 9px; display: block; border-left: 4px solid transparent; border-top: 5px solid #aaaaaa; border-right: 4px solid transparent;}
			.active_drop span b:before {border-top-color: #333333;}
	.dropdown ul {box-sizing: content-box; position: absolute; top: 36px; left: -1px; border: 1px solid #333333; background: #fff; list-style: none; width: 100%; z-index:4; padding: 0 0 7px; border-top:none; display: none;}
		.dropdown ul li {position: relative; float: left; background: none; width: 100%; }
			.dropdown ul li a {text-decoration: none; position: relative; float: left; width: 100%; color: #aaaaaa; line-height: 20px; padding: 3px 13px; transition: all 0.3s linear 0s;}
				.dropdown ul li a:hover {color: #333333; transition: color 0.3s linear 0s;}
				.dropdown ul li.selected {display: none;}
	.dropdown-open ul {display: block;}
/*--------------------------------------------------------------------     basic CSS styles     --------------------------------------------------------------------*/
/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header_wrapper{width: 100%; z-index: 11;}
	/* Top bar
	---------------------------------*/
	.top_bar {position: relative; width: 100%; z-index: 3;}
	.top_bar_row {display: flex; align-items: center;}
	.top_bar_right {margin-left: auto; display: flex; align-items: center; justify-content: flex-end; flex: 1 1 auto;}
		.logo_wrapper {padding:20px 0; margin:0 30px 0 0; display: flex; align-items: center; flex: 1 1 auto;}
            .logo_wrapper .lw_img {padding:0 14px 0 0;}
                .logo_wrapper .lw_img Img {vertical-align: top;}
				.logo_wrapper .lw_img I {font-size:80px; min-width:74px;}
            .logo_wrapper .lw_slog {display:table-cell; vertical-align:middle; font-size:15px; line-height:20px;}
                .logo_wrapper A {text-decoration:none;}
                    .logo_wrapper A Strong {font-size:32px; line-height: 1em; margin:5px 0 5px;}

   		.header_contacts {display: flex; align-items: center; position: relative; z-index: 1;}
		.header_contacts figure {margin: 0 12px 0 0; max-width: 30px; flex: 1 0 30px;}
		.header_contacts figure svg {width: 30px; height: 30px; fill: #e68a00;}
		.header_phones {text-align: right; margin: 0 0 0 40px; position: relative; display: flex; justify-content: flex-end; align-items: center; flex: 1 0 auto; max-width: 230px;}
		.header_phones figure {margin: 0 12px 0 0;}
		.header_phones figure svg {width: 30px; height: 30px; fill: #e68a00;}
		.header_phones, .header_address {color:#000; font-size:18px; line-height:1.33em;}
		.tel_one {font-weight: 700;}
		.tel_one small {font-size: 13px; font-weight: 400;}
		.tel_one span {font-weight: 400;}
			.tel_icon {width: 22px; height: 22px; display: inline-block; vertical-align: top; background: url("../images/sprite.png") no-repeat 0 0; margin: 0 10px 0 0;}
			.tel_icon_1 {background-position: -78px -25px;}
			.tel_icon_2 {background-position: -78px 0;}
			.tel_icon_3 {background-position: -78px -51px;}
			.footer_address, .footer_tel {width:50%; padding:0 0 0 40px; color:#000; font-size:18px; line-height:24px; text-align: right;}
			.header_address a, .header_tel a, .footer_address a, .footer_tel a {color: inherit; text-decoration: none;}
			.header_address >a {text-decoration: underline; font-weight: bold;}
			.header_address >a:hover {text-decoration: none;}
			.header_address >a.city_selector:after {
				content: '';
				display: inline-block;
				vertical-align: middle;
				margin: 0 0 0 5px;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 5px 5px 0 5px;
				border-color: #000 transparent transparent transparent;
			}
				.ha_table {display:table-cell; height:84px; vertical-align:middle; padding:0 20px 0 0;}
                .ha_table.fa-map-marker::before, .ha_table.fa-mobile::before {font-family:FontAwesome; text-rendering:auto; font-size:32px; line-height:38px; position:absolute; top:50%;
                                                                              left:0; transform:translateY(-50%);}
				.header_tel .ha_table, .footer_tel .ha_table {padding:0;}
					.header_address B, .footer_address B {display:block; width:100%; font-weight:700;}
		.top_bar .btn_wrapper, .footer_header .btn_wrapper {display:table-cell; width:20%; vertical-align:middle; text-align:right; background:none; padding:20px 0;}

	/* main nav
	---------------------------------*/
	.main_nav{width: 100%; z-index: 4;}
		.main_nav .btn_wrapper {display:none;}
		.main_nav ul{width: 100%; padding: 0 10px 0 0; z-index: 1;}
			.main_nav ul li{float: left; padding-right: 8px; position: relative; background-color: transparent;}
				.main_nav ul li i{position: absolute; width: 8px; height: 8px; top: 50%; margin-top: -4px; right: 0; border-radius: 50%;}
				.main_nav ul li:last-child i{display: none;}
				.main_nav ul li a{display: inline-block;padding: 18px 42px 18px;font: 400 16px/24px Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;transition: all .4s ease;}
				.main_nav ul li:first-child a{padding: 18px 42px 18px 0;}
					.main_nav li a:hover, .main_nav li a.active{color: inherit; transition: all .4s ease;}
				.main_nav ul.submenu{position: absolute; width: 360px; padding: 18px 0 32px; transition: opacity .5s ease; left: -9999px; top: 100%; opacity: 0; z-index: 5; background-color: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.35);}
					.main_nav ul.submenu li{padding: 0; width: 100%;}
					.main_nav ul.submenu li + li {margin: 10px 0 0 0;}
						.main_nav ul.submenu li i{display: none;}
							.main_nav ul.submenu li a{display: block; width: 100%; padding: 0 10px 0 45px; color: #000;}
								.main_nav ul.submenu li a:hover, .main_nav ul.submenu li a.active{background-color: transparent; color: inherit; transition: all .4s ease;}
					.main_nav ul li.has_drop:hover ul.submenu{left: 0; opacity: 1; transition: opacity .5s ease;}
				.main_nav ul.submenu ul {box-shadow: none; background-color: transparent; position: static; list-style-type: disc; padding: 8px 0 4px 75px; width: auto;}
					.main_nav ul.submenu ul a {color: #656565; font-size: 16px; padding: 0;}
					.main_nav ul.submenu ul a:hover {text-decoration: underline;}
				.cd-dropdown-wrapper{display: none;}
				.cd-dropdown-trigger{display: none;}
	footer .main_nav ul {width: auto;}
	/* header search
	---------------------------------*/
	.header_search {position:absolute; top:0; right:0; width: 260px; overflow: hidden;}
		.header_search a{width: 60px; height: 60px; display: block; position: relative; float: right; transition: all .4s ease; z-index: 101;}
			.header_search a svg{position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin: -22px -19px; font-size: 40px; line-height: 40px;
				transition: all .4s ease; background-color: transparent;}
					.header_search a:hover i.fa{transform: scale(1.2); transition: all .4s ease;}
		.header_search .search{position: absolute; top: 0; right: -200px; height: 60px; width: 0; border-radius: 0; border: none; box-shadow: none; color: #fff; opacity: 0;
								transition: all .4s ease; font: 400 16px/24px "Tahoma"; cursor: default;}
			.header_search input::-webkit-input-placeholder{color: #fff;}
			.header_search input:-moz-placeholder{color: #fff; opacity: 1;}
			.header_search input:-ms-input-placeholder{color: #fff;}
			.header_search .search.active{opacity: 1;width: 200px;padding: 5px 5px 5px 20px;right: 100%;transition: all .4s ease; z-index: 100;}

	/* language switcher
	---------------------------------*/
	.lang_switcher {margin: 0 0 0 40px;}
		.lang_switcher a {font: 13px/1.4em Tahoma; color: #7e7e7e; text-decoration: none;}
		.lang_switcher a.selected, .lang_switcher a:hover {text-decoration: underline;}

	/* slider
	---------------------------------*/
	.slider_wrapper{width:100%; height:430px; overflow: hidden;}
	.slider_wrapper_min {width:1280px; left:50%; transform:translateX(-50%);}
	.slider_wrapper .slick-list, .slider_wrapper .slick-track {height: 100%;}
		.slider_wrapper .slide{width: 100%;height: 100%;}
		.slider_wrapper .slide.active{z-index: 1;}
			.slider_wrapper .slide .dtc{vertical-align: top;}
			.slide .overlay{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; z-index: 2; display: none;}
			.slide_cont {float: left; position: relative; top: 70px; width:auto; max-width:55%; margin:0 0 0 15px;}
				.slide_title{position: relative; width: 100%; float: left; z-index: 1; font: 700 35px/50px Arial, Helvetica, sans-serif; color: #263238; max-height: 170px; overflow: hidden; margin: 0 0 20px; padding: 10px 20px;}
				.slide_cont	span{position: absolute; width: 50px; height: 6px; top: -6px; left: 0;}
				.slide_cont .btn_wrapper{background-color: transparent;}
					.slide_cont .btn_wrapper A.question_btn {padding:11px 10px 13px 10px;}
					.slide_cont .btn_wrapper A.question_btn.accent_color {color: #fff; text-decoration: none; font-size: 18px; transition: .3s; border: 2px solid transparent; padding: 11px 25px 13px;}
					.slide_cont .btn_wrapper A.question_btn.accent_color:hover {color: inherit; background: none; border-color: inherit; background-color: rgba(255,255,255,.6);}
		.slider_dots {position: absolute; bottom: 35px; left: 50%; transform: translate(-50%,0); text-align: center; z-index:1; cursor: default;}
			.slider_dots a{display: inline-block; width: 22px; height: 22px; border-radius: 50%; margin: 0 7px; transition: all .4s ease;}
				.slider_dots a.active, .slider_dots a:hover{transition: all .4s ease;}
		.slider_wrapper .header_form {right:15px; top:50%; margin-top:-120px;}
		.slider_wrapper .center {padding: 0; height: inherit;}
	.slider_bg a {  width: 100%; height: 100%;  }
	.slider_bg a.slider_href {position: absolute; width: 100%; height: 100%; top:0; left: 0; z-index: 1;}
	.slider_bg a.question_btn {width: auto; height: auto; position: static;}

	.slick-dots {
		position: absolute;
		bottom: 35px;
		left: 0;
		right: 0;
		z-index: 10;
		display: flex;
		justify-content: center;}
	.slick-dots a {width: 22px; height: 22px; border-radius: 50%; margin: 0 7px; transition: all .4s ease; font-size: 0;
		line-height: 0; display: inline-block;}

	/* header form
	---------------------------------*/
	.header_form {position: absolute;width: 340px;height: 230px;top: -95px;right: -9999px;z-index: 1; padding: 20px;opacity: 1;transition: opacity .4s ease;}
		.header_form.active{right: 0px;opacity: 1;transition: opacity .4s ease;}
		.header_form .btn_wrapper {background-color: transparent; margin: 28px 0 0;}
		.header_form .arrow{width: 23px; height: 37px; display: block; position: absolute; left: -50px; top: 55px; opacity: .8;}
			.header_form .arrow:before, .header_form .arrow:after{content: ''; position: absolute; width: 20px; height: 5px; background-color: #fff; }
			.header_form .arrow:before{transform: rotate(45deg); margin: 20px 0 0;}
			.header_form .arrow:after{transform: rotate(-45deg); margin: 10px 0 0;}
		.header_form .close {display: block; position: absolute; top: -13px; right: -13px; width: 11px; height: 11px; background-color: transparent;}
		.slider_wrapper.slider_wrapper_min .header_form .close {right:0; top:-20px;}
		.header_form span.bd{position: absolute; width: 50px; height: 6px; top: -6px; left: 0;}

/* Content
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main-col {padding: 0;width: 100%;}
	/* main wrapper
	---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.main_wrapper{width: 100%; }
        .main_wrapper_row {display: flex;}
		/* sidebar
		---------------------------------*/
		.aside_wrapper{max-width: 320px; flex: 1 1 320px; margin: 0 30px 0 0; padding: 45px 0 0 0; position: relative;}
		.aside_wrapper .sect_title{padding-left: 0; padding-right: 0;}
			.aside_wrapper .sect_title span{left: 0;}
			.aside_nav{width: 100%; padding:0 0 50px;}
				.aside_nav ul li{padding: 2px 0 2px; background-color: transparent;}
					.aside_nav ul li a {display: block; font: 700 20px/30px Arial, Helvetica, sans-serif; color: #263238; text-decoration: none; transition: all .4s ease;}
						.aside_nav ul li a:hover, .aside_nav ul li a.active {color: inherit; transition: all .4s ease;}
					.aside_nav ul li.has_drop{}
						.aside_nav ul li ul.submenu{list-style-type: disc; padding: 0 0 0 30px; position: relative; transition: all .4s ease; height: 0; overflow: hidden; visibility: hidden;}
						.aside_nav ul li ul.submenu.active{height: auto; visibility: visible; transition: all .4s ease;}
								.aside_nav ul.submenu li a{font: 500 16px/25px "Tahoma"; color: #656565; transition: all .4s ease;}
									.aside_nav ul.submenu li a:hover, .aside_nav ul.submenu li a.active{color: inherit; text-decoration: underline; transition: all .4s ease;}
		.aside_wrapper .btn_wrapper{width: 100%; background-color: transparent; margin: 0 0 25px;}
		.aside_contacts{font: 400 18px/24px 'Tahoma'; width: 100%;}
			.aside_address{margin: 0 0 20px; width: 100%;}
				.aside_address b{display: block; font-weight: 700;}
				.aside_address span{display: block;}
			.aside_tel{width: 100%; margin: 0 0 25px;}
				.aside_tel span{font-weight: 700;}
				.aside_tel a {
					color: #000;
					text-decoration: none;}

		.main_cont{width: 100%; vertical-align:top; padding:0 0 25px 0; position:relative;}
			.main_cont_narrow {max-width: 930px; flex: 1 1 930px;}

	/* Section advantages
	---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.sect_adv{width: 100%;overflow: hidden;}
		.adv_wrapper{width: 100%; margin: 45px 0 45px;}
			.adv_wrapper figure{width: 19%;text-align: center;z-index: 1;}
				.adv_wrapper .adv_img{width: 163px; height: 94px; background-color: #03a1ee; position: relative; display: inline-block; margin: 47px 0; text-align: center;}
					.adv_wrapper .adv_img:before, .adv_wrapper .adv_img:after{content: ''; position: absolute; width: 163px; height: 94px; background-color: inherit; transform-origin: 50% 50%; top: 0; left: 0;}
					.adv_wrapper .adv_img:before{transform: rotate(60deg);}
					.adv_wrapper .adv_img:after{transform: rotate(-60deg);}
						.adv_wrapper .adv_img img{display: inline-block; width: 94px; height: 94px;position: relative; z-index: 5;}
				.adv_wrapper figcaption{background-color: transparent; text-align: center; font: 700 18px/24px Arial, Helvetica, sans-serif; height: 72px; overflow: hidden;}
			.adv_sep{width: 8%; height: 22px; margin: 85px 0 0; background-color: transparent;}
				.adv_sep span{display: block; width: 22px; height: 22px; margin: 0 auto; border: 2px solid; background-color: #ffecb3; border-radius: 50%; position: relative;}
					.adv_sep:before{content: ''; position: absolute; width: 200%; border: 1px solid; left: -50%; top: 11px;}
	/* Section steps
	---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.sect_steps{width: 100%; margin: 0 0 30px;}
		.sect_steps:before{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,.7); top: 0; left: 0;}
		.steps_wrapper{width: 100%; padding: 20px 70px 0;}
			.steps_wrapper figure{width: 20%; margin:0 6% 0 0; text-align: center; background-color: transparent; }
				.steps_wrapper figure:last-child{margin: 0;}
				.steps_wrapper .step_img{position: relative; display: inline-block; width: 200px; height: 200px; border: 6px solid; background-color: #084a86; border-radius: 50%;}
					.steps_wrapper .step_img span{position: absolute; width: 48px; height: 48px; background-color: #084a86; border-radius: 50%; border: 6px solid #00bcd4; top: 0; right: 0; color: #fff; text-align: center;
													font: 700 25px/36px Arial, Helvetica, sans-serif;}
					.steps_wrapper .step_img img{display: block; position: absolute; width: 128px; height: 96px; top: 50%; left: 50%; margin: -48px 0 0 -64px;}
				.steps_wrapper figcaption{text-align: center; color: #263238; font: 700 18px/26px Arial, Helvetica, sans-serif; height: 104px; overflow: hidden;}
					.steps_wrapper figcaption a{display: inline-block; background-color: #f1f2f5; border-radius: 10px; padding: 0 10px; transition:  all .4s ease;}
						.steps_wrapper figcaption a:hover{background-color: transparent; text-decoration: none; transition:  all .4s ease;}
					.steps_wrapper figcaption span{display: block; font: 400 13px/14px Arial, Helvetica, sans-serif; background-color: transparent;}
				.steps_wrapper figure:after{content: ''; position: absolute; width: 22px; height: 22px; border: 4px solid; border-radius: 50%; background-color: #f1f2f5; top: 90px; right: -22%;}
				.steps_wrapper figure:before{content: ''; position: absolute; height: 1px; width: 150px; background-color: #e80000; top: 105px; right: -47%;}
				.steps_wrapper figure:last-child:after, .steps_wrapper figure:last-child:before{display: none;}

		.main_cont .sect_steps{padding: 0; margin: 0 0 30px;}
			.main_cont .steps_wrapper{padding: 20px 0 0;}
				.main_cont .steps_wrapper figure{width: 25%; padding: 0 15px; margin: 0;}
					.main_cont .steps_wrapper figure:after, .main_cont .steps_wrapper figure:before{display: none;}
					.main_cont .steps_wrapper .step_img{width: 180px; height: 180px;}
					.main_cont .steps_wrapper figcaption{height: 128px;}

	/* Section rewiews
	---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.sect_rewiews {width:100%; padding: 0 0 40px;}
		.rewiews_slider {width:100%;}
			.slick-list {width:100%; overflow:hidden;}
				.rewiews_slider Figure {width: 235px;margin: 0 30px;}
					.reviews_url {text-align: center; min-height: 32px;}
						.reviews_url A {color: inherit;}
						.reviews_url A:hover {text-decoration: none;}
					.rewiews_img {text-align: center; margin: 0 0 5px; min-height: 200px; display: flex; align-items: center;}
						.rewiews_img Img {display: inline-block; max-width: 100%; border-radius: 50%; overflow: hidden; margin: 0 auto;}
					.rewiews_slider Figcaption {font: 500 15px/24px "Tahoma";color: #263238;font-style: italic;text-align: center; margin-bottom: 10px;}
						.rewiews_slider Figcaption A {color: #fff;}
						.rewiews_slider Figcaption A:hover, .rewiews_slider Figcaption A:active {text-decoration: none;}
						.rewiews_slider Figcaption Span {display: flex; align-items: center; justify-content: center; background-color: #383b3f; color: #fff; font: 400 15px/1.2 "Tahoma"; border-radius: 10px; text-align: center; padding: 0 5px; margin: 0 0 5px; min-height: 46px;}
							.rewiews_slider Figcaption Span B {font-weight: 700; color: #fff;}
			.slick-arrow {display: block; position: absolute; width: 50px; height: 50px; top:50%; margin: -25px 0 0 0; transition: all .4s linear; z-index: 1;}
				.slick-arrow:before, .slick-arrow:after {content: ''; position: absolute; width: 18px; height: 5px; background-color: #9a8882; transform-origin: 100% 50%; left: 15px; top: 23px;}
				.slick-arrow:before {transform: rotate(45deg); margin-top: 2px;}
				.slick-arrow:after {transform: rotate(-45deg); margin-top: -1px;}
			.slick-arrow.slick-prev {left: -50px;}
				.slick-arrow.slick-prev:before {top: 30px;}
				.slick-arrow.slick-prev:after {top: 10px;}
			.slick-arrow.slick-next {right: -50px;}
			.slick-arrow.slick-disabled {opacity: 0.2; cursor: default; display: none;}
				.slick-arrow:hover {transform: scale(1.2); transition: all .4s linear;}
				.slick-arrow.slick-next:hover {right:-60px;}
				.slick-arrow.slick-prev:hover {left:-60px;}
				.slick-arrow.slick-disabled:hover {transform: scale(1);}
					.slick-arrow.slick-next.slick-disabled:hover {right: -50px;}
					.slick-arrow.slick-prev.slick-disabled:hover {left: -50px;}
		.sect_rewiews a.last_rev{display: inline-block; position: absolute; top: 23px; right: 35px; background-color: transparent; text-decoration: none; transition: all .4s linear;}
			.sect_rewiews a.last_rev span{display: inline-block; margin: 0 0 0 5px;}
			.sect_rewiews a.last_rev:hover{color: #263238; transition: all .4s linear;}
	/* Section catalog
	---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.sect_catalog {width:100%;}
	.sect_catalog[data-parallax][id*="component_"] .style_block {background-attachment: fixed !important;}
		.catalog_wrapper {width:100%; margin:15px 0 0;}
			.catalog_item {width:25%; height:450px;}
				.catalog_item .ci_bg {width:100%; position:relative; padding:15px 15px 0; transition: all .3s linear;}
				.catalog_item:hover .ci_bg {z-index:3; box-shadow:0 0 5px 2px rgba(0,0,0,.3); background-color: #fff; transition:box-shadow .3s linear; position:absolute; top:0; left:0;}
					.catalog_item_wrapper {width:100%;}
						.ci_photo {display:inline-block; text-align:center; width:100%;}
							.catalog_item .ci_photo a {
								display: flex;
								align-items: center;
								justify-content: center;}
							.ci_photo Img {width: 100%; height: 100%; object-fit: contain;}
					.catalog_item A {display: block; width: 100%; height: 100%; font: 700 18px/24px Arial, Helvetica, sans-serif; text-decoration: none; background-color: transparent; transition: all .4s ease;}
						.catalog_item A Span {color:#263238; transition: all .4s ease;}
						.catalog_item:hover A Span {color:inherit; transition: all .4s ease;}
						.catalog_anons {width:100%; position:relative; padding:0; float:left; height:0; visibility:hidden; opacity:0; transition:opacity .3s linear; text-align:left; font-size:14px;}
						.catalog_item:hover .catalog_anons {visibility:visible; opacity:1; height:auto; padding:0 0 15px; transition:opacity .3s linear;}
							.catalog_item .catalog_descr {display:block; width:100%; color:#263238; margin:15px 0 0; height:48px; overflow:hidden; transition:all .4s ease; text-align:left;}

			.tpl_one .catalog_item {width:100%; height:auto; margin:0 0 30px 0;}
				.tpl_one .catalog_item .ci_bg {padding:0;}
				.tpl_one .catalog_item:hover .ci_bg {position:relative; box-shadow:none;}
				.tpl_one .catalog_item_wrapper {display:table;}
					.tpl_one .ci_photo {display:table-cell; width:290px; height:290px; padding:0 20px 0 0; vertical-align:top;}
					.tpl_one .ci_text {display:table-cell; vertical-align:top;}
						.tpl_one .catalog_item .catalog_descr {width:auto; height:auto; position:relative; float:left; margin:0 0 10px 0;}
						.tpl_one .catalog_anons {opacity:1; visibility:visible; width:100%;}

			.tpl_two .catalog_item {width: 50%;	height: 740px;}
			.tpl_two .ci_photo {height: 610px;}

			.tpl_three .catalog_item {width: 33.33%; height: 530px;}
			.tpl_three .ci_photo {height: 396px;}

			.tpl_four .ci_photo {height: 290px;}

	/* slider
	---------------------------------*/
	.sect_gallery {width:100%;}
	.gallery_slider {width:100%;}
		.gallery_slider .slide{width: 100%;z-index: 1;}
			.gallery_slider .slide a{display: block; width: 100%; height: 100%;}
		.gallery_slider .slider_nav{z-index: 100; top: 50%; margin-top: -25px;}
			.gallery_slider .slider_nav:before, .gallery_slider .slider_nav:after {content: ''; position: absolute; width: 26px; height: 5px; background:#ccc; transform-origin: 100% 50%; left: 8px; top: 23px;}
				.gallery_slider .slider_nav.nav_left:before{top: 41px;}
				.gallery_slider .slider_nav.nav_left:after{top: 10px;}
				.gallery_slider .slider_nav:hover{transform: scale(1.1); transition: all .4s linear;}
					.gallery_slider .slider_nav.nav_right:hover{right:5px;}
					.gallery_slider .slider_nav.nav_left:hover{left:5px;}
		 .nav_right.hidden, .nav_left.hidden {display: none;}
		.gallery_slider .zoom{display: block; width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; font-size: 23px; line-height: 20px; background-color: transparent;  z-index:1; transition: all .4s linear;}
			.gallery_slider .zoom {  color: #fff;}
			.gallery_slider .zoom:hover{transform: scale(1.3); transition: all .4s linear;}
		.sect_gallery .btn_wrapper{background-color: transparent;}

	.question_form_wrapper{width: 100%; padding: 30px 0;}
        .question_form {width:100%; text-align:center; max-width:700px; margin:0 auto; left:50%; transform:translate(-50%, 0); position:relative; float:left;}
            .question_form .title_form {font-size:24px; width:100%; position:relative; float:left;}
                .question_form > Span {text-align:center; font:400 16px/30px "Tahoma"; color:#656a6d; margin:0 0 10px; width:100%; position:relative; float:left; height:auto;}
                .question_form Input, .question_form Textarea {background: #fff; border-color: #e7e7e7;}
                .question_form .box-c {background-color: transparent;}

	.feedback{width: 100%;overflow: hidden;}
		.feedback_wrapper{max-width: 700px; padding: 0 0 30px; margin: 0 auto;}

/* Footer
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.for-footer-bottom {min-height:100%; width:100%;}
.footer-wrapper {width:100%; color:#fff; margin:30px 0 0 0;}
.footer-wrapper.no_map .footer_header {position:relative;}

	.footer_header {width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
		.footer_header_row {display: flex; align-items: center;}
			.footer_header_row .logo_wrapper {flex: 1 0 33.33%; max-width: 33.33%; margin-right: 0;}
		.footer_header_bg {display: block; opacity:.8; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0;}
		.footer_header .center {z-index:100;}

			.footer_contacts {flex: 1 0 33.33%; max-width: 33.33%; padding:20px 0 20px 10px;}
				.footer_address, .footer_tel {width:100%; padding:0; color:#fff;}
				.footer_tel {text-align: right;}
					.footer_tel .tel_one {display: inline;}
					.footer_tel .tel_one a:after {content: ',';}
					.footer_tel .tel_one:last-child a:after {content: '';}
					.footer_contacts .ha_table {height:auto; padding:0; display:inline-block; position:relative; float:right;}
						.footer_contacts .ha_table.fa-map-marker::before, .footer_contacts .ha_table.fa-mobile::before {left:-30px;}
			.footer_header .btn_wrapper {flex: 1 0 33.33%; max-width: 33.33%; text-align:center;}

	.footer-wrapper .map {width:100%; height:750px;}
	.footer_nav{width: 100%; padding: 20px 0;}
		.footer_nav ul{width: 100%;}
			.footer_nav ul li{width: 20%; float: left; background-color: transparent;}
				.footer_nav ul li a{display: block; font: 700 19px/30px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; transition: all .4s ease; margin: 0 0 7px;}
					.footer_nav ul li a:hover, .footer_nav ul li a.active{color: inherit; transition: all .4s ease;}
						.footer_nav ul li ul{list-style-type: disc; padding: 0 0 0 40px; position: relative; transition: all .4s ease;}
							.footer_nav ul li ul li{float: none; width: auto;}
								.footer_nav ul ul li a{font-size: 15px; line-height: 25px; color: #000; transition: all .4s ease; margin: 0 0 4px;}
									.footer_nav ul ul li a:hover, .footer_nav ul ul li a.active{color: inherit; text-decoration: underline; transition: all .4s ease;}
    .footer_bottom {width:100%; background:inherit;}
		.footer_bottom_row {display: flex; align-items: center; min-height: 48px;}

		.footer_bottom .language {display: flex;}
			.footer_bottom .language a {margin: 0 24px 0 0; color: #fff; text-decoration: none;}
			.footer_bottom .language a:hover, .footer_bottom .language a.selected {text-decoration: underline;}

		.copy{color: #fff;}
		.copy + .language {margin: 0 0 0 24px;}
		.company {padding: 0 24px;}
		.footer_social{text-align: right; font-size: 0; padding: 5px 0 0 0; display: inline-flex; float: right; clear: both;}
			.footer_social a{
				width: 30px;
				height:	30px;
				background-repeat: no-repeat;
				background-image: url("../images/sprite.png");
				margin: 0 0 0 3px;
				transition: .3s;}
			.footer_social:hover a {
				opacity: .5;}
			.footer_social:hover a:hover {
				opacity: 1;}
				.footer_social a.fb {
					background-position: 0 -264px;}
				.footer_social a.tw {
					background-position: -33px -264px;}
				.footer_social a.gl {
					background-position: -66px -264px;}
				.footer_social a.youtube {
					background-position: -66px -231px;}
				.footer_social a.skype {
					background-position: -33px -231px;}
		.sufix_link{margin-left: auto; text-align: right; color: #fff; text-decoration: none;}
			.sufix_link a{color: #fff; text-decoration: none;}
				.sufix_link a:hover{text-decoration: underline;}
		.location_menu{background-color: #fff; position: absolute; left: 0; top: 100%; width: 130px; box-sizing: border-box; padding: 5px 10px; box-shadow: 0 0 5px rgba(0,0,0,.15); display: none}
			.location_menu li{width: 100%; background: none;}
				.location_menu li a{display: inline-block; color: #000; text-decoration: none; font-size: 14px;}
				.location_menu li a:hover{text-decoration: underline;}

/* Popup
---------------------------------*/
.popup {z-index: 9999; position: absolute; left: 50%; margin-left: -213px; width: 426px; padding: 20px 55px 35px; background:#fff;}
	.popup.popup_alert {position: fixed}
	a.close {position:absolute;top:-15px;right:-15px;width:11px;height:11px;z-index: 1;overflow:hidden;transform:rotate(0deg);transition:all 0.2s linear 0s;}
		a.close::before, a.close::after {content:""; width:13px; height:2px; background-color: #ef5350;  position:absolute; top:-5px; left:3px; transform:rotate(45deg) translateX(4px) translateY(9px); transition:all 0.2s linear 0s;}
		a.close::after {transform:rotate(-45deg) translateX(-9px) translateY(4px);}
		a:hover.close::before, a:hover.close::after {transition:all 0.2s linear 0s;}
	.gallery_popup A.close {width:26px; height:26px;}
		.gallery_popup A.close::before, .gallery_popup A.close::after {height:5px; width:26px; top:1px;}
	a.close:hover {transform:rotate(90deg); transition:all 0.2s linear 0s;}
	.title_form {text-align: center;margin: 0 0 10px 0;font: 700 35px/45px 'CenturyGothic';}
	.popup_tel{margin: 0 0 5px; clear: both; text-align: center;}
		.popup_tel .tel_one {font-size: 18px; line-height: 1.44em;}
			.popup_tel .tel_one a {text-decoration: none; color: #000;}
		.one_tel{font: 400 18px/30px "Tahoma"; color: #656a6d; text-align: center;}
			.one_tel b{background-color: transparent; font-size: 24px;}
	.popup > span{display: block; text-align: center; font: 400 16px/30px "Tahoma"; color: #656a6d; margin: 0 0 10px;}
	.input_place {width: 100%;}
		.popup .input_item {margin: 0 0 15px 0;}
			.popup input, .popup textarea {background: #fff;}
	.popup .box-c{background-color: transparent;}
		.popup .common_btn{width: 100%;}

.popup.user_form_product {left: 50%;}

.gallery_popup {position:absolute;height:100%;width:100%;left:0;top:0;z-index:901;}
	.gallery_popup_slider {width:100%; height:100%;}
		.gallery_popup_slider .gallery_slide {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:10px 10px;background:rgba(255, 255, 255, 0.3);}
			.gallery_popup_slider .gallery_slide img {max-width:1280px;}
	.gallery_popup .close {top:30px; right: 25px;}
	.gallery_popup .close:after, .gallery_popup .close:before{background-color: #fff;}
		.gallery_popup .sar, .gallery_popup .sal {clip:rect(auto, 100px, auto, auto); height:200px; position:absolute; right:-100px; top:50%; width:200px; z-index:1; transform:translate(0, -50%);}
		.gallery_popup .sal {right:auto; left:-100px; clip:rect(auto, auto, auto, 100px);}

		.slider_nav {display:block; height:50px; position:absolute; top:100px; transition:all 0.4s linear 0s; width:50px;}
			.slider_nav::before, .slider_nav::after {background-color:#9a8882; content:""; height:5px; left:15px; position:absolute; top:23px; transform-origin:100% 50% 0; width:18px;}
			.slider_nav::before {margin-top:2px; transform:rotate(45deg);}
			.slider_nav::after {margin-top:-1px; transform:rotate(-45deg);}
		.slider_nav.nav_left {left:10px;}
			.slider_nav.nav_left::before {top:30px;}
			.slider_nav.nav_left::after {top:10px;}
		.slider_nav.nav_right {right:10px;}
		.slider_nav.no_active {cursor:default; display:none; opacity:0.2;}
		.slider_nav:hover {transform:scale(1.2); transition:all 0.4s linear 0s;}
		.slider_nav.nav_right:hover {right:-10px;}
		.slider_nav.nav_left:hover {left:-10px;}
		.slider_nav.no_active:hover {transform:scale(1);}
		.slider_nav.nav_right.no_active:hover {right:5px;}
		.slider_nav.nav_left.no_active:hover {left:5px;}

			.gallery_popup .slider_nav.nav_left {top:50%; left:auto; right:25%; margin:-25px -25px 0 0;}
			.gallery_popup .slider_nav.nav_left:hover {margin:-25px -15px 0 0;}
			.gallery_popup .slider_nav.nav_right {top:50%; left:25%; right:auto; margin:-25px 0 0 -25px;}
			.gallery_popup .slider_nav.nav_right:hover {margin:-25px 0 0 -15px;}
				.gallery_popup .slider_nav:before, .gallery_popup .slider_nav:after {content: ''; position: absolute; width: 26px; height: 5px; background-color: rgba(255,255,255,1); transform-origin: 100% 50%; left: 8px; top: 23px;}
					.gallery_popup .slider_nav.nav_left:before{top: 41px;}
					.gallery_popup .slider_nav.nav_left:after{top: 10px;}
	.gallery_popup .box-c {background-color: transparent; position: absolute; bottom:30px; left: 50%; transform: translate(-50%, 0);}

.icons_container {width: 100%;text-align: center; display: flex; justify-content: space-between;}
   .block {display: inline-block; vertical-align: top; font:700 20px/30px Arial, Helvetica, sans-serif; flex: 1 1 25%;}
		.icon_wrapper{position: relative;display: block;text-align: center;vertical-align: middle;font-size: 0;line-height: 0;margin: 0 auto;}
		.icon_wrapper + .icon_subtitle {margin-top: 18px;}
			.lining {display: inline-block;}
				.lining.circle {box-sizing: border-box; margin:0;}
				.lining.main_hexagon {position: relative;z-index: 2;}
				.lining.main_hexagon_under {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
				.lining .triangle {position: absolute;  width: 87%;  height: 50%;  top: 0;  right: 0;  left: 0;  bottom: 0;  margin: auto;}
				.lining .triangle:nth-child(1) {transform: rotate(0deg);}
				.lining .triangle:nth-child(2) {transform: rotate(60deg);}
				.lining .triangle:nth-child(3) {transform: rotate(120deg);}
				.icon_wrapper .icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
			 .icon_title {margin-bottom: 18px;}
			 .icon_title, .icon_subtitle {font-size: 16px; line-height: 1.2em;}
			 .icon_text {font-size: 14px; line-height: 1.2em; margin: 8px 0 0 0;}
			 .block A {text-decoration:none;}
	.icon_transitions {width: 85px;}
		.icon_transitions i {position: absolute;width: 200%;left: -50%;right: 0;top: 0;bottom: 0;margin: auto;display: block;}
		.animated-scroll + .block .icon_transitions i {z-index: -1;}
			.icon_transitions b {position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;border-radius: 50%;box-sizing: content-box; z-index: 1;}
	.icons_container .block.transition:last-child {display: none;}
	.fl_form {top:35%;}
	.item_icon {cursor: pointer;}
/*--------------------------------------------------------------------     Basic style     --------------------------------------------------------------------*/

/* Google map
-----------------------------------------*/
.map_area {width:100%; height:400px;}
/* black background popup
-----------------------------------------*/
.black {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 900;background: rgba(0,0,0,.6);cursor: pointer;}
/* 404 page
-----------------------------------------*/
.page_404 {width:100%; height:100%;}
	.er_logo {width:100%; margin:50px 0 90px; text-align:center;}
	.text_404 {width:100%; text-align:center; color:#484848; font:18px/30px Arial;}
		.text_404 B {font:50px/30px Arial;}
		.text_404 A {color:#0087e6; text-decoration:none;}
		.text_404 A:hover {text-decoration:underline;}
/* article
-----------------------------------------*/
.article_wrapper {width: 100%;overflow: hidden;}
	article {width: 100%;font: 400 16px/26px "Tahoma"; height: 100%;}
		article header{width: 100%;text-align: left;position: relative; padding: 15px 0 20px 0;}
			article header > span{position: absolute;width: 145px;height: 6px;display: block;top: 0;left: 0;}
			.print_icon {background:url(../img/printer.png) no-repeat scroll 0 0 transparent; height:18px; top:5px; width:17px; position:relative; float: left; cursor:pointer;}
			article header h1, article header h2 {width: 100%;position: relative;color: #263238;margin: 0;}
		.article_text{width: 100%;}
		article Img, article P Img {margin:10px; max-width:100%; float:left;}
		article P Img {float:none;}
		article A {text-decoration:underline; color: #084a86;}
			article A:hover {text-decoration:none;}
		article .tel_one A {text-decoration: none;}
		article h1, article h2, article h3 {width: 100%; position:relative; margin:0 0 20px 0; text-align:left;}
		article p {margin-bottom: 25px;text-align:left;}
		article ul, article ol {margin:20px 0; padding:0;}
		article ol {list-style:inside decimal;}
            article ul li {padding:0 0 0 18px; position:relative;}
            article ul li::before {content:''; display:inline-block; width:5px; height:5px; border-radius:50%; line-height:22px; top:11px; left:0; position:absolute;}
		blockquote {font-size: 18px; font-weight: 700; margin: 20px 0 30px; padding: 20px 0 24px 40px; position: relative; background-color: #f6f6f6; border-left-width: 4px; border-left-style: solid;}
		article blockquote p {margin: 0; font-style: italic;}
		article blockquote p + p {margin: 15px 0 0 0;}
		article Table {margin: 0 10px 0 0;}
		article Table + h2 {margin-top: 15px;}
		.show_more {text-align: left; background-color: transparent; display: inline-block;margin-left: 10px; color: #084a86;}
			.article_wrapper .btn_wrapper{background-color: transparent; margin-bottom: 30px;}
		.with_price{width: 100%; margin: 0 0 15px;}
			.with_price .article_title{display: table-cell; width: auto; height: auto; vertical-align: middle; text-align: left;}
			.with_price .article_price{display: table-cell;height: auto;vertical-align: middle;text-align: right;}
				.with_price .price {display: inline-block; color:#084a86; margin: 0 0 0 15px; vertical-align: middle; font-size:26px; font-weight:700 !important;}
				.with_price .btn_wrapper{display: inline-block;margin: 0 0 0 15px;vertical-align: middle;}
	.article_open {width:100%; position:relative; float:left;}
	.article_close {width:100%; position:relative; float:left; display:none;}

	.pref_popup_bottom {width:100%; margin:10px 0 20px;}
		.pref_popup_bottom .pref_title {width:100%; position:relative; float:left; text-align:center; font-size:20px; margin:0 0 10px 0;}
		Article .def_popup_bottom {margin:0 0 30px 0;}
	.pref_popup_bottom .tel_one {text-align: center; clear: both; font-size: 18px;}

/* Paginator
-----------------------------------------*/
.paginato_placer{text-align: center; padding: 0 0 48px; width: 100%;}
	.paginator{display: inline-block; cursor: default;}
		.paginator a, .paginator strong, .paginator span{position: relative; display: inline-block; font-size: 22px; color: #000; font-weight: normal; text-decoration: none; margin: 0 4px; padding: 0 2px 0; transition: all 0.4s;}
		.paginator a:hover{color: #b44391;}
		.paginator a.pag_left{margin: 0 22px 0 0;}
		.paginator a.pag_right{margin: 0 0 0 22px;}
		.paginator a.pag_left:after, .paginator a.pag_right:after{content: ''; position: absolute; width: 8px; height: 15px; background: url(../images/sprite.png) no-repeat -58px -147px; top: 9px;}
		.paginator a.pag_left:after{left: -15px;}
		.paginator a.pag_right:after{right: -15px; transform: scale(-1);}
		.paginator a.pag_left:hover, .paginator a.pag_right:hover, .paginator a.active{color: #b44391;}

/* Breadcrumbs
-----------------------------------------*/
.breadcrumbs {width:100%; padding:10px 0;}
    .breadcrumbs Div {position: relative;float: left;}
        .breadcrumbs A {font-size:12px; text-decoration:underline; transition:all 0.4s; background-color:transparent; position:relative; float:left;}
        .breadcrumbs A:hover {text-decoration: none; color: #000;}
            .breadcrumbs A Span {position:relative; float:left; width:auto; height:auto;}
            .breadcrumbs .current Span {position:relative; text-decoration:none; float:left; font-size:12px; color:#000; cursor:default;}
            .breadcrumbs B {position:relative; float:left; padding:0 6px; font-size:12px;}

.catalog_details {width: 100%;}
	.catalog_details Article H1 {margin:16px 0 0 0;}
.search_result {width: 260px;position: absolute;left: -200px;z-index: 100; background-color: #fff;}
.search_result ul, .search_result ul li {position: relative; float: left; width: 100%; padding: 0; transition: all .4s linear;}
	.search_result ul li a {text-decoration: none;color: #000;width: 100%;padding: 5px 10px!important;height: auto;}
		.search_result a::before, .search_result a::after {content: initial;}
			.search_result ul li a b {background: red;}
	.search_result ul:hover b{background-color: transparent;}
	.search_result ul li:hover a{text-decoration: underline; transition: all .4s linear;}
.search_result ul li.up_dow_active {background: red; transition: all .4s linear;}
.find_result{font: 400 20px/28px Arial, Helvetica, sans-serif; margin: 0 0 30px 30px;}
.item_title{font: 700 28px/35px Arial, Helvetica, sans-serif; margin: 0 0 30px; border-bottom: 2px solid #000;}
.item_results{width: 100%;}
.cp_search{width: 100%; padding: 30px 0 0 0;}
	.cp_search article{padding: 0 0 0 30px; font: inherit;}
	.cp_search article + article {margin: 25px 0 0 0;}
	.cp_search article header {padding: 0; margin: 0 0 10px;}
	.cp_search article header span{display: none;}
	.cp_search article header h1, .cp_search article header h2{font-size: 24px; line-height: 30px;}
		.cp_search article header h1 b, .cp_search article header h2 b{background-color: #999;}

.catalog_details_popup {position: absolute; float: left; max-width: 960px; margin: auto; left: 20px; right: 20px; z-index: 901; background: #fff;  top: 50px;  }
.catalog_details_popup .article_wrapper {padding: 20px;}

.google_map {width: 100%;}

[id*="component_"] .style_block {position: absolute;float: left;top: 0;left:0;width: 100%;height: 100%;z-index: 0;}

.inner_item_form {width: 650px; margin-left: -325px;}
.article_images_list {width: 100%;}
.article_images_list img {margin-bottom: 10px;}

/*Site icon*/
.g_icon {display: table-cell;text-align: center;vertical-align: middle;}

.key_lang_error::-webkit-input-placeholder {color:#ff0000;}
.key_lang_error::-moz-placeholder          {color:#ff0000;}/* Firefox 19+ */
.key_lang_error:-moz-placeholder           {color:#ff0000;}/* Firefox 18- */
.key_lang_error:-ms-input-placeholder      {color:#ff0000;}

/*Calculator*/
.calculator_wrapper, .c_h {width: 100%; text-align: center;}
	.c_h {display:table; width:100%;}
		.c_h .c_r {color:#fff; display:table-cell; vertical-align:middle; height:40px;}
		.c_h .c_r:nth-child(1) {text-align:left; padding:0 12px;}
		.c_r {box-sizing:border-box;}
		.c_b .c_r:nth-child(1) {width:auto; text-align:left; padding:6px 12px;}
		.c_r:nth-child(2) {width:10%}
		.c_r:nth-child(3) {width:10%}
		.c_r:nth-child(4) {width:10%}
		.c_r:nth-child(5) {width:10%}
		.c_r:nth-child(6) {width:10%}
	.c_b {display:table; width:100%; box-sizing:border-box; background:#fff; position: relative; z-index: 1;}
	.c_b:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
	}
		.c_b .c_r {padding:6px 12px; display:table-cell; text-align:center;}
		.c_r input {border:1px solid;  width:100%; background:#fff; text-align:center; padding:3px 6px; font-size:14px;}
			.c_r input, .c_r input:hover, .c_r input:focus {-webkit-appearance:none; -moz-appearance:textfield;}
		.c_r a.checked {display:inline-block; width:18px; height:18px; border:1px solid; background:#fff; text-decoration:none; position: relative;}
            .c_r a.checked::before {display:none;}
		    .c_r a.checked.active::before {display:block; font-size:20px; position:absolute; left:0; top:-4px;}
	.calc_panel {width:100%; padding:10px 0 0;}
		A.show_all {height:40px; padding:0 12px; color:#fff !important; text-decoration:none;}
			.show_all Span {z-index:1; position:relative; width:100%; height:40px; display:table-cell; vertical-align:middle;}
			.show_all::before {position:absolute; content:''; top:0; left:0; width:100%; height:100%; transition:opacity .2s linear 0s;}
			.show_all:hover::before {opacity:.6; transition:opacity .2s linear 0s;}
		A.send_calc {height:40px; padding:6px 12px 0; width:auto;}
		.show_price {padding:8px 20px 0 0;}
			.show_price B {font-size:18px;}
		.calc_error {width:100%; padding:20px 0 30px; font-weight:700;}
	.calculator_wrapper .c_hidden .c_b {background:#fff;}

	.c_hidden {width: 100%; display: none;}
	.max_concise {width: 960px;}