/*
Theme Name: 
Template: Goodini
Theme URI: https://degorov.ru/
Description: ���� ����������� ���������� ��� 
Author: D.E.
Author URI: https://degorov.ru/
Version: 1.0
*/

/*
==============================
анимация первого экрана
==============================

*/

.transish-point-one {
	position: relative;
	}
	.transish-point-one::before {
		position: absolute;
		content: "";
		width: 0.1rem;
		height: 1rem;
		transform: rotate(105deg);
		background-color: #f4773fa8;
		box-shadow: 0 0 14px 4px #f4773fa8;
		border-radius: 3px;
		animation: mov1 3s ease-out infinite;
		}
		.transish-point-one::after {
			position: absolute;
			content: "";
			width: 0.1rem;
			height: 1rem;
			transform: rotate(92deg);
			background-color: #f4773fa8;
			box-shadow: 0 0 14px 4px #f4773fa8;
			border-radius: 3px;
			animation: mov2 3s ease-out infinite;
			}
	
			
	.transish-point-two {
		position: relative;
	}
	.transish-point-two::before {
		position: absolute;
		content: "";
		width: 0.1rem;
		height: 1rem;
		transform: rotate(66deg);
		background-color: #f4773fa8;
		box-shadow: 0 0 14px 4px #f4773fa8;
		border-radius: 3px;
		animation: mov3 3s ease-out infinite;
		}
		.transish-point-two::after {
			position: absolute;
			content: "";
			width: 0.1rem;
			height: 1rem;
			transform: rotate(86deg);
			background-color: #f4773fa8;
			box-shadow: 0 0 14px 4px #f4773fa8;
			border-radius: 3px;
			animation: mov4 3s ease-out infinite;
		}
	
	.transish-point-three {
		position: relative;
	}
	.transish-point-three::before {
		position: absolute;
		content: "";
		width: 0.1rem;
		height: 1rem;
		transform: rotate(153deg);
		background-color: #f4773fa8;
		box-shadow: 0 0 14px 4px #f4773fa8;
		border-radius: 3px;
		animation: mov5 3s ease-out infinite;
		}
		.transish-point-three::after {
			position: absolute;
			content: "";
			width: 0.1rem;
			height: 1rem;
			transform: rotate(58deg);
			background-color: #f4773fa8;
			box-shadow: 0 0 14px 4px #f4773fa8;
			border-radius: 3px;
			animation: mov6 3s ease-out infinite;
			}
	
	
	.transish-point-foir {
	position: relative;
	}
	.transish-point-foir::before {
		position: absolute;
		content: "";
		width: 0.1rem;
		height: 1rem;
		transform: rotate(131deg);
		background-color: #f4773fa8;
		box-shadow: 0 0 14px 4px #f4773fa8;
		border-radius: 3px;
		animation: mov7 3s ease-out infinite;
		}
		.transish-point-foir::after {
			position: absolute;
			content: "";
			width: 0.1rem;
			height: 1rem;
			transform: rotate(110deg);
			background-color: #f4773fa8;
			box-shadow: 0 0 14px 4px #f4773fa8;
			border-radius: 3px;
			animation: mov8 3s ease-out infinite;
			}
	

	.transish-point-five {
		position: relative;
		}
		.transish-point-five::before {
			position: absolute;
			content: "";
			width: 0.1rem;
			height: 1rem;
			transform: rotate(238deg);
			background-color: #f4773fa8;
			box-shadow: 0 0 14px 4px #f4773fa8;
			border-radius: 3px;
			animation: mov9 3s ease-out infinite;
			}
			.transish-point-five::after {
				position: absolute;
				content: "";
				width: 0.1rem;
				height: 1rem;
				transform: rotate(72deg);
				background-color: #f4773fa8;
				box-shadow: 0 0 14px 4px #f4773fa8;
				border-radius: 3px;
				animation: mov10 3s ease-out infinite;
				}			


.footer-logo a {
	color: #F36C30;
}
/*
==============================
404 info@kp16.ru
==============================
*/

.rec .btn span {
	padding: 1rem 2rem 1.25rem 2rem;
}

.intro {
	color: #fff;
}

.rec .form-wrap {
	max-width: 443px;
}

.rec .form-wrap .form-head {
	background: #585E69;
}

.rec .form-wrap .button {
	position: initial;
}
/*
==============================
политика конфиденциальности
==============================
*/
#privacy {
	background: #393E46;
}
#undo_header_abs {
	background: #393E46d4;
}
/*
==============================
thancks info@kp16.ru
==============================
*/
.social {
	display: none;
}

.thanck .main {
	padding: 7rem 0 20rem!important;
}

.thanck .fly1{
	display: none;
}

.thanck .btn span {
	padding: 1rem 2rem 1.25rem 2rem;
}

 .btn:focus {
	display: flex;
}

#header .logo a {
	
	color: #F36C30;
}
#header .contacts .link {
	color: #F36C30;
	border-bottom: 1px dashed #F36C30;
	cursor: pointer;
	font-size: 0.8rem;
}

#header .contacts svg {
	fill: #fff;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: -1re
}

#header .content {
	margin-left: 0rem;
}

#header .descriptor {
	color: #B8B8B8;
	font-size: 0.8rem;
	max-width: 23rem;
}

#header .descriptor .text {
	max-width: 14rem!important;
}

#header .adr {
	color: #B8B8B8;
	font-size: 0.8rem;
	max-width: 15rem;
	margin-left: 1rem;
}

#header .content .contacts {
	display: flex;
	flex: 0 0 23rem;
}

#header .cont-link {
	line-height: 3;
	margin-left: 1rem;
}

#header .cont-adr {
	max-width: 25rem;
}

#header .cont {
	max-width: 8rem;
}

#header .cont .phone-content {
	font-size: 1rem !important;
	color: #fff;
    font-weight: 100;
}

#header .cont a {
	font-size: 0.8rem;
	color: #fff;
}

.mobile-icon {
	display: none;
}

h1 {
	color: #fff;
	font-size: 2.6rem;
}

h2 {
	color: #fff;
	font-size: 2.2rem;
	margin: 0 0 0rem;
}

p {
	color: #fff;
	font-size: 0.8rem;
}

.btn {
	border-radius: 3px;
	box-shadow: 0 10px 56px 0px #F36C30;
	display: flex;
}

.btn:hover {
	box-shadow: none;
}

.btn:active {
	box-shadow: 0 10px 56px 10px #F36C30;
	display: flex;
}

.btn span::before {
	display: none;
}

.button-icon {
	margin: 1.25rem 1.2rem 1.25rem 0.7rem;
}

.btn span {
	padding: 1rem 0.5rem 1rem 2rem;
	text-transform: lowercase;
}

.form-style-1 .button span {
	padding: 1rem 1.5rem 1.25rem 1.5rem;
}

.form-style-1 .button .btn {
	box-shadow: 0 0px 0px 0px #F36C30;
}

.pop-services {
	border-radius: 7px;
}

.form .button {

	margin: 1.25rem;
}

.hed {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 2rem;
}

li {
	color: #fff;
	font-family: var(--f1);
    font-size: 0.9rem;
}

#hero {
	background: url("../base/assets/i/herofon.jpg") 50% 100%;
background-repeat: no-repeat;
background-size: cover;
/*overflow: hidden;*/
}


#hero .zag {
	padding: 6rem 0 12rem;
}

#hero .buttxt {
	max-width: 21rem;
}

#hero .buttxt p {
	color: #fff;
    font-size: 0.9rem;
    padding: 2rem 0 3rem;
}

#hero ul {
	max-width: 13rem;
}

#hero li {
position: relative;
margin-bottom: 1rem;
padding-left: 1rem;
}

#hero li::before {
	position: absolute;
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	border: 1px solid #3679BC;
	border-radius: 50%;
	top: 0.5rem;
	left: -0rem;
}

#hero .button {
	display: inline-block;
}

#serv {
	background-color: #393E46;
}

#serv .block {
	display: flex;
	margin: 0 auto;
	background-color: #585E69;
	margin-top: -8rem;
	border-radius: 5px;
}

#serv .block-two {
	background-color: #3F4652;
	padding: 9rem 5rem;
	border-radius: 10px;
	margin: 0 auto;
    margin-top: -4rem;
	 z-index: -1;
	 position: relative;
}

#serv .block .elem {
	padding: 1rem;
	max-width: 18rem;
	padding-bottom: 0;
}

#serv .block-pad {
	margin: 0 auto;
}

#serv .block .elem .img img {
	margin-top: -3rem;
}

#serv .block .elem .txt {
	padding: 0.5rem 1rem;
}

#serv .block .elem:nth-child(1) {
	border-right: 2px solid #616874;
}

#serv .block .elem:nth-child(2) {
	border-right: 2px solid #616874;
}

#serv .block .elem:nth-child(3) {
	border-right: 2px solid #616874;
}

#product {
	background-color: #393E46;
}

#product .block {
	display: flex;
	border-radius: 10px;
	max-height: 34rem;
	background-color: #616772;
}

#product .block .steel-bord {

	 border-radius: 10px;
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 0;
    display: grid;
}

#product .steel-bord .zag {
	font-size: 1rem;
	color: #FFFFFF;
	font-weight: 500;
	padding: 2.5rem 1rem 0.5rem 1rem;
}

#product .block .steel {
	overflow-y: scroll;
	margin: 1rem;
	margin-bottom: 2rem;
}

#product .block .steel .elem {
	cursor: pointer;
	padding: 0.2rem 0;
}

#product .block .steel .active {
	background-color: #747D8D;
	font-size: 0.9rem;
}

#product .block .steel .elem .txt {
	color: #fff;
	font-size: 0.9rem;
}

#product .block .steeldesc {
	padding: 2rem;
	visibility: hidden;
	position: absolute;
	background-color: #585E69;
	width: 50rem;
	height: 34rem;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#product .block .steeldesc.active {
	visibility: visible;
}

#product .block .steeldesc .steeldescParam {
	display: flex;
	justify-content: center;
	padding-top: 2rem;
}

#product .block .steeldesc .steeldescParam p {
	padding: 0.2rem 1rem;
	margin: 0rem 0;
}

#product .button {
	margin: 2rem auto;
	text-align: center;
	display: inline-block;
	left: 50%;
	transform: translate(-50%);
}

#product .buttxt {
	margin: 0 auto;
	text-align: center;
	max-width: 17rem;
}

#product .buttxt p {
	color: #BCBEC3;
}

#product .block .stillll {
	position: relative;
}

#product .stillll .steeldesc img {
	border-radius: 7px;
}

#product .stillll .zagg {
	font-size: 1rem;
	color: #FFFFFF;
	font-weight: 500;
	padding: 0.5rem 0rem 2rem 1rem;
}

#product .block .steeldesc .steelTU {
	width: 20%;
}

#product .block .steeldesc .steelPrise {
	width: 50%;
}

#product .block .steeldesc .steelForm {
	width: 30%;
}

#product .steel::-webkit-scrollbar,
.slide .text::-webkit-scrollbar{
	width: 5px;
	
}
#product .steel::-webkit-scrollbar-thumb,
.slide .text::-webkit-scrollbar-thumb{
	background-color: #B8C3D8;
	padding: 2rem 0;
}

#reason {
	background-color: #393E46;
}

#reason .block {
	background: url("../base/assets/i/reasonBlockFon.png");
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
	padding: 4rem 6rem;
	max-width: 51rem;
}

#reason .block .elem {
	display: flex !important;
}

#reason .block .elem .txt {
	max-width: 19rem;
	padding-left: 2rem;
    padding-top: 2rem;
}

#reason .block .elem .txt p:nth-child(1) {
	max-width: 13rem;
	font-size: 1rem;
}

#reason .block .elem .txt p {
	font-size: 0.9rem;
}

#reason .slick-arrow {
	background: #366ed800;
	box-shadow: none;
	z-index: 2;
}

#reason .slick-arrow:hover svg {
	fill: #fff;
}

#reason .slick-arrow svg {
	width: 65%;
	 height: 86%;
	 fill: #F36C30;
}

#reason .slick-arrow#prev {
	top: 27.5rem;
	left: 48rem;
}

#reason .slick-arrow#next {
	right: auto;
	left: 55rem;
	top: 27.5rem;
}
#reason .custom_paging {
	position: relative;
}

#reason .custom_paging li {
	list-style: none;
	font-family: var(--f1);
	font-size: 2.2rem;
	color: #F36C30;
	position: absolute;
	right: auto;
	left: 75%;
	bottom: -11%;
	font-weight: bold;
}

#reason .custom_paging li span {
	font-size: 1.6rem;
	color: #fff;
}

#reason .custom_paging li {
	display: none;
}

#reason .custom_paging li.slick-active {
	display: block;
}

#testSteel {
	background-color: #393E46;
}

#testSteel .block {
	display: flex;
	margin: 0 auto;
	justify-content: center;
}

#testSteel .block .elem {
	max-width: 16rem;
    padding: 1rem;
}

#testSteel .block .elem .txt {
	padding: 1rem 0rem;
}

#testSteel .block .elem .txt p {
	margin: 0;
}

#testSteel .block .elem .txt p:nth-child(1) {
	font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

#stock {
	background-color: #393E46;
}

#stock .block {
	display: flex;
	max-width: 80rem;
	margin: 0rem auto 5rem;
}

#stock .block .elem .txt {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #585E69;
	padding: 2rem 1rem;
}

#stock .slick-initialized .slick-slide {
	margin: 0.6rem;
}

#stock .block .elem .img img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#stock .block .elem p {
	margin: 0rem 0;
}

#stock .slick-arrow {
	background-color: #F36C30;
}

#stock .slick-arrow svg {
	width: 36%;
	height: 48%;
}

#stock .slick-arrow#prev {
	top: 102%;
    left: 4%;
}

#stock .slick-arrow#next {
	right: auto;
    top: 102%;
    left: 93%;
}

#manag {
	background-color: #3F4652;
	position: relative;
}

#manag .block {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#manag .block .elem {
	border: 2px solid #828EA0;
    border-radius: 10px;
    margin: 1rem;
    max-width: 20rem;
	 padding: 0;
	/* overflow: hidden;*/
	 transition: all .3s ease;
}

#manag .block .elem img {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#manag .block .elem .txt {
	padding: 1rem 1.5rem 2rem;
    position: relative;
    z-index: 1;
    transition: all .3s ease;
}

#manag .block .button {
	text-align: center;
    bottom: -2rem;
	position: absolute;
	width: 100%;
	max-width: 13rem;
	visibility: hidden;
	filter: opacity(0);
	pointer-events: none;
}

#manag .block .elem:hover {
	background-color: #5C6676;
	z-index: 2;
	 transition: 0;
}
#manag .block .elem:hover .txt {
	padding-bottom:4rem;
	margin-top: -4rem;
	background-color: #5C6676;
}
#manag .block .elem:hover .button {
	filter: opacity(1);
	visibility: visible;
	pointer-events: auto;
}

#manag .button {
	display: inline-block;
	display: inline-block;
	left: 50%;
	transform: translate(-50%);
}

#manag .button .btn span {

}

#sertific {
	background-color: #3F4652;
	margin-bottom: -20rem;
	overflow: hidden;
}

#sertific .hed {
	text-align: left;
}

#sertific .block {
	background-image: url("../base/assets/i/sertificfon.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 32rem;
	height: 32rem;
	z-index: 5;
	position: relative;
}

#sertific .elem {
	position: absolute;
	box-shadow: 0 40px 68px 24px #0000007a;
}

#sertific .elem:nth-child(n+3) {
visibility: hidden;
}

#sertific .elem:nth-child(1) {
	width: 20rem;
	top: 1%;
	left: -1%;
	z-index: 2;
}

#sertific .elem:nth-child(2) {
	width: 20rem;
	top: 18%;
	left: 20%;
}

#sertific .elem img {
position: relative;
}

#sertific .elem::after {
	content: "";
	position: absolute;
	background-image: url("../base/assets/i/ramka.png");
	background-repeat: no-repeat;
	background-size: cover;
	top: -33%;
	left: -25%;
	right: -24%;
	bottom: -33%;
	pointer-events: none;
}

#sertific .button {
	display: inline-block;
}

#sertific .button .btn span {
	padding: 1rem 1.25rem;
}

#sertific .hed p {
	font-size: 1.1rem;
	max-width: 19rem;
}

.map {
	background-image: url("../base/assets/i/mmm.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0;
	position: relative;
	width: 1800px;
    margin: 0 auto;
}

#map .hed {
	padding: 23rem 0 0rem;
	margin-bottom: 0;
}

#map .hed li {
	text-align: left;
	margin-bottom: 2rem;
	position: relative;
}

#map .hed li::before {
	content: "";
	position: absolute;
	width: 1rem;
    height: 1rem;
    background-color: #F9BB9F;
    border: 0.3rem solid #F4773F;
	 border-radius: 50%;
	 top: 0.3rem;
    left: -2rem;
}

#map .hed ul {
	max-width: 14rem;
	margin: 0 auto;
}

#map .hed p {
	max-width: 17rem;
    margin: 0 auto;
    margin-bottom: 2rem;
}

#map .fut {
	display: flex;
	margin: 2rem auto;
	max-width: 25rem;
}

#map .fut .futtxt {
	color: #fff;
	padding: 0.5rem 2rem;
	max-width: 19rem;
	text-align: left;
}

#map .button {
	display: inline-block;
	left: 50%;
	transform: translate(-50%);
	margin-top: 1rem;
}

#map .button .btn span {
	padding: 1rem 1.25rem;
}
#map .cit {
	position: absolute;
	color: #ffffffb8;
	font-size: 0.8rem;
	font-family: "Open Sans";
}
#map .cit-1 {
	top: 51%;
	left: 22%;
	background: #F36C30;
	padding: 0.3rem 1rem;
	border-radius: 2px;
}
#map .cit-1::before {
	position: absolute;
	content: "";
	border-top: 5px solid transparent;
	border-right: 33px solid #F36C30;
	border-bottom: 9px solid transparent;
	transform: rotate(-83deg);
	left: -12px;
	top: 22px;
}
#map .cit-2 {
	top: 42%;
	left: 8%;
}
#map .cit-3 {
	top: 63%;
	left: 37%;
}
#map .cit-4 {
	top: 69%;
	left: 29%;
	background: #F36C30;
	padding: 0.3rem 1rem;
	border-radius: 2px;
}
#map .cit-4::before {
	position: absolute;
	content: "";
	border-top: 5px solid transparent;
	border-right: 33px solid #F36C30;
	border-bottom: 9px solid transparent;
	transform: rotate(-197deg);
	left: 94px;
	top: -4px;
}
#map .cit-5 {
	top: 58%;
	left: 23%;
}
#map .cit-6 {
	top: 44%;
	left: 25%;
}
#map .cit-7 {
	top: 50%;
    left: 31%;
}
#map .cit-8 {
	top: 80%;
	left: 66%;
}
#map .cit-9 {
	top: 65%;
	left: 26%;
}
#map .cit-10 {
	top: 68%;
	left: 44%;
}
#map .cit-11 {
	top: 57%;
	left: 32%;
}
#map .cit-12 {
	top: 61%;
	left: 34%;
}
#map .cit-13 {
	top: 71%;
	left: 5%;
}
#map .cit-14 {
	top: 70%;
	left: -1%;
}
#map .cit-15 {
	top: 59%;
	left: 13%;
}
#map .cit-16 {
	top: 65%;
	left: 11%;
}
#map .cit-17 {
	top: 66%;
	left: 20%;
}
#map .cit-18 {
	top: 65%;
	left: 64%;
}
#map .cit-19 {
	top: 45%;
	left: 13%;
}
#map .cit-20 {
	top: 69%;
	left: 39%;
}
#map .cit-21 {
	top: 58%;
	left: 20%;
}
#map .cit-22 {
	top: 54%;
	left: 28%;
}


#geo {
	background-color: #3F4652;
}

#geo .block {
	background: url("../base/assets/i/geofon.png");
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	background-position: bottom;
}

#geo .block .block-krug {
	background: url(../base/assets/i/geoKrugFon.png) 50% 0%;
	background-repeat: no-repeat;
	background-size: 53%;
	padding: 8rem 27rem 11rem 27rem;
}

#geo .block .block-krug h2 {
	text-align: center;
	color: #000;
	margin-bottom: 1rem;
}

#geo .block .block-krug p {
	color: #000;
}

#geo .block .block-loc {
	display: flex;
}

#geo .block .block-krug .block-loc1 {
	max-width: 11rem;
	padding: 0rem 1rem 5rem;
}

#geo .block .block-krug .block-loc1 a {
	color: #1d1a23;
    font-weight: 100;
    font-size: 0.9rem;
}

#geo .block .block-krug .block-loc2 .fo {
	color: #1d1a23;
	font-weight: 100;
	font-size: 0.9rem;
}


#geo .block .block-krug .block-loc2 {
	max-width: 9rem;
	padding: 0rem 1rem;
}  

#geo .block .block-krug .block-loc3 {
	max-width: 15rem;
	text-align: center;
	margin: 0 auto;
	margin-top: -4rem;
}


#foot .hed {
	padding-top: 22rem;
	max-width: 22rem;
	pointer-events: none;
}

#foot .footTxt {
	padding: 5rem 0 9rem;
}

#foot .footTxt li {
	max-width: 14rem;
	margin-bottom: 1rem;
	position: relative;
}

#foot .footTxt li::before {
	content: "";
	position: absolute;
	width: 1rem;
    height: 1rem;
    background-color: #F9BB9F;
    border: 0.3rem solid #F4773F;
	 border-radius: 50%;
	 top: 0.3rem;
    left: -2rem;
}

#foot .footForm {
	background: #fff;
	padding: 2rem;
	border-radius: 5px;
	max-width: 22rem;
}

#foot .footForm .button {
	display: inline-block;
	left: 50%;
	transform: translate(-50%);
	margin: 1rem auto;
}

#foot .form-control {

}

.fly1 {
	position: absolute;
    top: 0;
    right: 18%;
}

.fly2 {
	position: absolute;
	bottom: -10%;
	right: 0;;
}

.fly3 {
	position: absolute;
	top: 0;
	left: 0;
}

.fly4 {
	position: absolute;
	top: 1%;
	left: 7%;
	animation: move1 5s ease-in-out infinite;
	color: #fff
}

.fly5 {
	position: absolute;
	right: 0;
	bottom: -19%;
	z-index: 2;
	animation: move2 3s ease-in-out infinite;
}

.fly6 {
	position: absolute;
	right: 11%;
	bottom: 14%;
	z-index: 2;
	animation: move3 3s ease-in-out infinite;
}

.fly7 {
	position: absolute;
	left: 0;
	bottom: -15%;
	z-index: 2;
	animation: move4 6s ease-in-out infinite;
}

.fly8 {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -110%;
	pointer-events: none;
	animation: move1 5s ease-in-out infinite;
}

.fly9 {
	position: absolute;
	z-index: 2;
	right: 0;
	top: -19%;
	pointer-events: none;
	animation: move2 5s ease-in-out infinite;
}

.fly10 {
	position: absolute;
	left: 0;
	top: 47%;
	animation: move3 5s ease-in-out infinite;
}

.fly11 {
	position: absolute;
	z-index: 2;
	right: 0%;
	top: -6%;
}

.fly12 {
	position: absolute;
	left: 0;
	bottom: 0;
	animation: move3 3s ease-in-out infinite;
	z-index: 2;
	pointer-events: none;s
}

.fly13 {
	position: absolute;
	right: 0;
	pointer-events: none;
	z-index: 2;
	animation: move3 5s ease-in-out infinite;
}

.fly14 {
	position: absolute;
	right: 10%;
	z-index: 2;
	animation: move4 5s ease-in-out infinite;
}

.fly15 {
	position: absolute;
	bottom: -16%;
	z-index: 2;
	animation: move1 3s ease-in-out infinite;
}

.fly16 {
	position: absolute;
	right: 0;
	animation: move4 2s ease-in infinite;
}

.hideLabels .form-control {

}
.popup {
	border-radius: 5px;
}

.form-group {
	background-color: #F2F2F2;
	z-index: 0;
	box-shadow: inset 0 2px 0px 1px #70707047;
}

/*
==============================
плавающие картинки
==============================
*/

@keyframes move1
{
0%
{
transform: translateY(0);
}
50%
{
transform: translateY(30px);
}
100%
{
transform: translateY(0);
}
}

@keyframes move2
{
0%
{
transform: translateY(0);
}
50%
{
transform: translateY(40px);
}
100%
{
transform: translateY(0);
}
}

@keyframes move3
{
0%
{
transform: translateY(0);
}
50%
{
transform: translateY(50px);
}
100%
{
transform: translateY(0);
}
}

@keyframes move4
{
0%
{
transform: translateY(0);
}
50%
{
transform: translateY(40px);
}
100%
{
transform: translateY(0);
}
50%
{
transform: translateY(40px);
}
}

@keyframes move5
{
0%
{
transform:  scaleY(.9);
}
50%
{
transform: scaleX(.88);
}
100%
{
transform: scaleY(.83);
}
}

.review .spoiler {
	/*max-height: 26rem;*/
}
.review .spoiler + .more {
	color: #F36C30;
	margin-left: 1rem;
}
.review .spoiler + .more:hover {
	color: #F36C30;
}
.review .spoiler::before {
	height: 4rem;
	background: linear-gradient(0deg, #585E69 1rem,transparent);
}
/*
============================================================
============================================================
============================================================
������ �������
-- xs	320-499		���������
-- sm	500-767		�������
-- md	768-1023	��������
-- ml	1024-1149	�������
-- lg	1150-1299	��������
-- xl	1400		��������
============================================================
============================================================
============================================================
*/

/*

==============================
	xl 2500 - ��������	(2500)
==============================
*/
@media (max-width: 2500px) {
	#manag::before{
		content: "";
    position: absolute;
    background: url(../base/assets/i/manag.png) 0% 0%;
    background-repeat: no-repeat;
    width: 100%;
    height: 10%;
    top: -65px;
    background-size: contain;
	}

	#map {
		padding-bottom: 26rem;
		position: relative;
		background-color: #3F4652;
	}

	#foot {
		background: url("../base/assets/i/footfon.png");
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 20rem;
		margin-top: -43rem;
		padding-bottom: 13rem;
	}
	#reason .custom_paging li {
		left: 75%;
	}

	@keyframes mov1
	{
		0%
		{
			top: 42.9rem;
			left: 38%;
		}
	
		100%
		{
			top: 49.7rem;
			left: 64.4%;
		}
	}
	@keyframes mov2
	{
		0%
		{
			top: 42.4rem;
			left: 35.4%;
		}
	
		100%
		{
			top: 42.2rem;
			left: 11.6%;
		}
	}
	@keyframes mov3
	{
		0%
		{
			top: 41.8rem;
			left: 38%;
		}
	
		100%
		{
			top: 26.7rem;
			left: 71.5%;
		}

	}
	@keyframes mov4
	{
		0%
		{
			top: 42.4rem;
			left: 38%;
		}
	
		100%
		{
			top: 40.5rem;
			left: 82.6%;
		}
	}
	@keyframes mov5
	{
		0%
		{
			top: 41.8rem;
			left: 36%;
			transform: rotate(149deg);
		}
	
		100%
		{
			top: 32rem;
			left: 30.8%;
			transform: rotate(149deg);
		}
	}
	@keyframes mov6
	{
		0%
		{
			top: 41.8rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 22.9rem;
			left: 67%;
		}
	}
	@keyframes mov7
	{
		0%
		{
			transform: rotate(124deg);
			top: 42rem;
			left: 36%;
	  
		}
	
		100%
		{
			transform: rotate(124deg);
			top: 27rem;
			left: 16.5%;
		}
	}
	@keyframes mov8
	{
		0%
		{
			transform: rotate(117deg);
			top: 41.8rem;
			left: 35.5%;
		}
	
		100%
		{
			transform: rotate(117deg);
			top: 33.4rem;
			left: 15%;
		}
	}
	@keyframes mov9
	{
		0%
		{
			top: 42rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 14.3rem;
			left: 82.8%;
		}
	}
	@keyframes mov10
	{
		0%
		{
			top: 41.9rem;
			left: 38%;
		}
	
		100%
		{
			top: 30.7rem;
			left: 78.4%;
		}
	}

}

/*
==============================
	xl 1900 - ��������	(1920)
==============================
*/
@media (max-width: 1920px) {
	#manag::before {
		content: "";
		position: absolute;
		background: url("../base/assets/i/manag.png");
		background-repeat: no-repeat;
		width: 100%;
		height: 10%;
		top: -53px;
	}

	#map {
		padding-bottom: 0rem;
		position: relative;
		background-color: #3F4652;
	}

	#foot {
		background: url("../base/assets/i/footfon.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		padding: 0;
		padding-top: 10rem;
		margin-top: -34rem;
		padding-bottom: 8rem;
		background-position: center;
		z-index: 0;
	}


		
}
/*
==============================
	xl 1699 - ��������	(1600)
==============================
*/
@media (max-width: 1680px) {
	
}

	


/*
==============================
	xl 1699 - ��������	(1600)
==============================
*/
@media (max-width: 1699px) {

.fly5 {
	width: 6%;
}

.fly8 {
	width: 33%;
	bottom: -68%;
}
.fly9 {
	top: 33%;
	width: 58%;
}

#map {
	padding-bottom: 2rem;
}

#map .hed {
	padding: 17rem 0 0rem;
}

.fly15 {
	width: 16%;
}
#foot {
	margin-top: -38rem;
	padding-top: 12rem;
}

.fly14 {
	right: 2%;
    width: 12%;
    top: -11%;
}

.map {
	width: 1600px;
}



@keyframes mov1
	{
		0%
		{
			top: 38rem;
			left: 38%;
		}
	
		100%
		{
			top: 44.2rem;
			left: 64.4%;
		}
	}
	@keyframes mov2
	{
		0%
		{
			top: 37.6rem;
			left: 35.4%;
		}
	
		100%
		{
			top: 37.4rem;
			left: 11.6%;
		}
	}
	@keyframes mov3
	{
		0%
		{
			top: 37.2rem;
			left: 37.8%;
		}
	
		100%
		{
			top: 23.7rem;
			left: 71.5%;
		}

	}
	@keyframes mov4
	{
		0%
		{
			top: 37.4rem;
			left: 38%;
		}
	
		100%
		{
			top: 36rem;
			left: 82.6%;
		}
	}
	@keyframes mov5
	{
		0%
		{
			top: 37rem;
			left: 36%;
			transform: rotate(149deg);
		}
	
		100%
		{
			top: 28rem;
			left: 30.6%;
			transform: rotate(149deg);
		}
	}
	@keyframes mov6
	{
		0%
		{
			top: 37rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 20.2rem;
			left: 67%;
		}
	}
	@keyframes mov7
	{
		0%
		{
			transform: rotate(124deg);
			top: 37.5rem;
			left: 36%;
	  
		}
	
		100%
		{
			transform: rotate(124deg);
			top: 24rem;
			left: 16.5%;
		}
	}
	@keyframes mov8
	{
		0%
		{
			transform: rotate(117deg);
			top: 37.2rem;
			left: 35.5%;
		}
	
		100%
		{
			transform: rotate(117deg);
			top: 29.6rem;
			left: 15%;
		}
	}
	@keyframes mov9
	{
		0%
		{
			top: 37.2rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 12.7rem;
			left: 82.8%;
		}
	}
	@keyframes mov10
	{
		0%
		{
			top: 37.4rem;
			left: 38%;
		}
	
		100%
		{
			top: 27.2rem;
			left: 78.4%;
		}
	}


#map .cit-1 {
	top: 43%;
}
#map .cit-2 {
	top: 36%;
	left: 6%;
}
#map .cit-3 {
top: 53%;
}
#map .cit-4 {
top: 60%;
left: 27%;
}
#map .cit-5 {
top: 50%;
left: 21%;
}
#map .cit-6 {
	top: 38%;
	left: 25%;
}
#map .cit-7 {
	top: 42%;
}
#map .cit-8 {
	top: 69%;
}
#map .cit-9 {
	top: 56%;
}
#map .cit-10 {
	top: 64%;
}
#map .cit-11 {
	top: 48%;
}
#map .cit-12 {
	top: 51%;
}
#map .cit-13 {
	top: 61%;
}
#map .cit-14 {
	top: 59%;
	left: 2%;
}
#map .cit-15 {
	top: 50%;
	left: 12%;
}
#map .cit-16 {
	top: 55%;
	left: 9%;
} 
#map .cit-17 {
	top: 56%;
}
#map .cit-18 {
	top: 56%;
}
#map .cit-19 {
top: 39%;
left: 13%;
}
#map .cit-20 {
	top: 63%;
	left: 39%;
}
#map .cit-21 {
	top: 48%;
	left: 19%;
}
#map .cit-22 {
	top: 46%;
}
}
/*
==============================
	xl 1599 - ��������	(1440)
==============================
*/
@media (max-width: 1599px) {
	#testSteel {
		padding-top: 0;
	}
	#reason .custom_paging li {
		left: 75%;
	}
	.fly6 {
		right: 0%;
}

.map {
	width: 1400px;
}

@keyframes mov1
	{
		0%
		{
			top: 33.2rem;
			left: 38%;
		}
	
		100%
		{
			top: 38.6rem;
			left: 64.4%;
		}
	}
	@keyframes mov2
	{
		0%
		{
			top: 32.9rem;
			left: 35.4%;
		}
	
		100%
		{
			top: 32.6rem;
			left: 11.6%;
		}
	}
	@keyframes mov3
	{
		0%
		{
			top: 32.2rem;
			left: 37.8%;
		}
	
		100%
		{
			top: 20.7rem;
			left: 71.5%;
		}

	}
	@keyframes mov4
	{
		0%
		{
			top: 33rem;
			left: 38%;
		}
	
		100%
		{
			top: 31.4rem;
			left: 82.6%;
		}
	}
	@keyframes mov5
	{
		0%
		{
			top: 32.3rem;
			left: 36%;
			transform: rotate(149deg);
		}
	
		100%
		{
			top: 24.5rem;
			left: 30.6%;
			transform: rotate(149deg);
		}
	}
	@keyframes mov6
	{
		0%
		{
			top: 32.4rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 17.6rem;
			left: 67%;
		}
	}
	@keyframes mov7
	{
		0%
		{
			transform: rotate(124deg);
			top: 32.8rem;
			left: 36%;
	  
		}
	
		100%
		{
			transform: rotate(124deg);
			top: 21rem;
			left: 16.5%;
		}
	}
	@keyframes mov8
	{
		0%
		{
			transform: rotate(117deg);
			top: 32.4rem;
			left: 35.5%;
		}
	
		100%
		{
			transform: rotate(117deg);
			top: 25.8rem;
			left: 15%;
		}
	}
	@keyframes mov9
	{
		0%
		{
			top: 32.2rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 11rem;
			left: 82.8%;
		}
	}
	@keyframes mov10
	{
		0%
		{
			top: 32.6rem;
			left: 38%;
		}
	
		100%
		{
			top: 23.7rem;
			left: 78.4%;
		}
	}

}

/*
==============================
	xl 1599 - ��������	(1440)
==============================
*/
@media (max-width: 1440px) {
	#reason .custom_paging li {
		left: 79%;
	}


}

/*
==============================
	lg 1399 - ��������	(1360)
==============================
*/
@media (max-width: 1399px) {
	#foot {
		padding-bottom: 5rem;
		margin-top: -36rem;
		padding-top: 16rem;
	}
	.fly2 {
		width: 65%;
	}

	#reason .custom_paging li {
		left: 70%;
	}
	.map {
		width: 1150px;
	}
	@keyframes mov1
	{
		0%
		{
			top: 30.6rem;
			left: 38%;
		}
	
		100%
		{
			top: 35.6rem;
			left: 64.4%;
		}
	}
	@keyframes mov2
	{
		0%
		{
			top: 30.4rem;
			left: 35.4%;
		}
	
		100%
		{
			top: 30.2rem;
			left: 11.6%;
		}
	}
	@keyframes mov3
	{
		0%
		{
			top: 32.2rem;
			left: 37.8%;
		}
	
		100%
		{
			top: 19.4rem;
			left: 70.5%;
		}

	}
	@keyframes mov4
	{
		0%
		{
			top: 30.3rem;
			left: 38%;
		}
	
		100%
		{
			top: 29rem;
			left: 82.6%;
		}
	}
	@keyframes mov5
	{
		0%
		{
			top: 30rem;
			left: 36%;
			transform: rotate(149deg);
		}
	
		100%
		{
			top: 22.5rem;
			left: 30.6%;
			transform: rotate(149deg);
		}
	}
	@keyframes mov6
	{
		0%
		{
			top: 30rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 16.3rem;
			left: 67%;
		}
	}
	@keyframes mov7
	{
		0%
		{
			transform: rotate(124deg);

			top: 30.2rem;
			left: 36%;
	  
	  
		}
	
		100%
		{
			transform: rotate(124deg);
			top: 19.3rem;
			left: 16.5%;
		}
	}
	@keyframes mov8
	{
		0%
		{
			transform: rotate(117deg);
			top: 30.2rem;
			left: 35.5%;
		}
	
		100%
		{
			transform: rotate(117deg);
			top: 23.8rem;
			left: 15%;
		}
	}
	@keyframes mov9
	{
		0%
		{
			top: 30.2rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 10.6rem;
			left: 81.8%;
		}
	}
	@keyframes mov10
	{
		0%
		{
			top: 30rem;
			left: 38%;
		}
	
		100%
		{
			top: 22.1rem;
			left: 77.4%;
		}
	}
	#map .cit {
		color: #ffffff7d;
	}
	#map .cit-1 {
		top: 39%;
	}
	#map .cit-2 {
		top: 33%;
		left: 5%;
	}
	#map .cit-3 {
		left: 39%;
	}
	#map .cit-4 {
		top: 55%;
		left: 25%;
  }
	#map .cit-5 {
		top: 47%;
	}
	#map .cit-6 {
		top: 34%;
	}
	#map .cit-7 {
		top: 38%;
	}
	#map .cit-8 {
		top: 63%;
	}
	#map .cit-9 {
		top: 51%;
		left: 25%;
	}
	#map .cit-10 {
		top: 64%;
	}
	#map .cit-11 {
		top: 44%;
	}
	#map .cit-12 {
		top: 49%;
	}
	#map .cit-13 {
		top: 56%;
	}
	#map .cit-14 {
		top: 54%;
	}
	#map .cit-15 {
		top: 46%;
	}
	#map .cit-16 {
		top: 50%;
	} 
	#map .cit-17 {
		top: 51%;
	}
	#map .cit-18 {
		top: 51%;
	}
	#map .cit-19 {
		top: 36%;
	}
	#map .cit-20 {
		top: 63%;
		left: 39%;
	}
	#map .cit-21 {
		top: 45%;
	}
	#map .cit-22 {
		top: 42%;
	}
}

/*
==============================
	lg 1366 - ��������	(1366)
==============================
*/
@media (max-width: 1366px) {
	#reason .custom_paging li {
		left: 72%;
	}



}
/*
==============================
	lg 1299 - ��������	(1280)
==============================
*/
@media (max-width: 1299px) {
	#reason .custom_paging li {
		left: 79%;
	}
	
}

/*
==============================
	ml 1150 - �������	(1150)
==============================
*/
@media (max-width: 1150px) {
	#product .block .steeldesc {
		width: 43rem;
	}

	#reason .custom_paging li {
		left: 89%;
	}
	.fly9 {
		top: 51%;
	}

	#map {
		padding-bottom: 0rem;
	}
	#map .hed {
		padding: 11rem 0 0rem;
	}
	#sertific {
		margin-bottom: -13rem;
	}
	#geo .block .block-krug {
		padding: 7rem 24rem 9rem 24rem;
	}
	#serv .block .elem {
		max-width: 16rem;
	}
	#serv .block-two {
		padding: 6rem 5rem 1rem 3rem;
	}
	#geo .block .block-krug {
		background-size: 57%;
	}

	.map {
		width: 1100px;
	}


	@keyframes mov1
	{
		0%
		{
			top: 29.3rem;
			left: 38%;
		}
	
		100%
		{
			top: 34rem;
			left: 64.4%;
		}
	}
	@keyframes mov2
	{
		0%
		{
			top: 29rem;
			left: 35.4%;
		}
	
		100%
		{
			top: 28.8rem;
			left: 11.6%;
		}
	}
	@keyframes mov3
	{
		0%
		{
			top: 29rem;
			left: 37.8%;
		}
	
		100%
		{
			top: 18.6rem;
			left: 70.5%;
		}

	}
	@keyframes mov4
	{
		0%
		{
			top: 29.2rem;
			left: 38%;
		}
	
		100%
		{
			top: 27.7rem;
			left: 82.6%;
		}
	}
	@keyframes mov5
	{
		0%
		{
			top: 28.6rem;
			left: 36%;
			transform: rotate(149deg);
		}
	
		100%
		{
			top: 21.5rem;
			left: 30.6%;
			transform: rotate(149deg);
		}
	}
	@keyframes mov6
	{
		0%
		{
			top: 28.5rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 15.6rem;
			left: 67%;
		}
	}
	@keyframes mov7
	{
		0%
		{
			transform: rotate(124deg);

			top: 28.8rem;
			left: 36%;
	  
	  
		}
	
		100%
		{
			transform: rotate(124deg);

			top: 18.5rem;
			left: 16.5%;
	  
		}
	}
	@keyframes mov8
	{
		0%
		{
			transform: rotate(117deg);
			top: 29rem;
			left: 35.5%;
		}
	
		100%
		{
			transform: rotate(117deg);
			top: 22.8rem;
			left: 15%;
		}
	}
	@keyframes mov9
	{
		0%
		{
			top: 28.8rem;
			left: 37.5%;
		}
	
		100%
		{
			top: 10rem;
			left: 81.8%;
		}
	}
	@keyframes mov10
	{
		0%
		{
			top: 28.7rem;
			left: 38%;
		}
	
		100%
		{
			top: 21.1rem;
			left: 77.4%;
		}
	}
	#map .cit-1 {
		top: 42%;
	}
	#map .cit-3 {
		top: 48%;
	}
	#map .cit-4 {
		top: 59%;
  }
  #map .cit-5 {
    left: 24%;
}
	#map .cit-10 {
		top: 60%;
	}
	#map .cit-14 {
		top: 58%;
	}
	#map .cit-15 {
		top: 47%;
	}
	#map .cit-16 {
		top: 50%;
	} 
	#map .cit-19 {
		top: 38%;
	}
	#map .cit-20 {
		top: 61%;
	}
	#map .cit-21 {
		top: 49%;
	}
	#map .cit-22 {
		top: 40%;
	}

}	


/*
==============================
	ml 1149 - �������	(1024)
==============================
*/
@media (max-width: 1149px) {
	#serv .block .elem {
		max-width: 14rem;
	}
	.fly1 {
		top: 6%;
		width: 40%;
		right: 11%;
	}
	#reason .slick-arrow#prev {
		left: 44rem;	
	}

	#reason .slick-arrow#next {
		left: 51rem;
	}
	#testSteel .block .elem {
		max-width: 11rem;
	}

	.fly9 {
		top: 73%;
	}
	.fly11 {
		width: 15%;
	}
	#geo .block .block-krug {
		padding: 5rem 20rem 7rem 20rem;
	}
	#map .hed {
		padding: 5rem 0 0rem;
	}
	.fly4 {
		filter: opacity(0.5);
	}
	#serv .block .elem .txt {
		padding: 0.5rem 0rem;
	}
	#product .block .steeldesc {
		width: 47rem;
	}



	.transish-point-one {
	display: none;
		}

		
				
		.transish-point-two {
			display: none;
		}

		
		.transish-point-three {
			display: none;
		}

		
		
		.transish-point-foir {
			display: none;
		}

		.transish-point-five {
			display: none;
		}	

		.map {
			width: auto;
			background-size: contain;
		}
		#map .cit {
			display: none;
		}


}	

/*
==============================
	md 1023 - ��������	(768)
==============================
*/
@media (max-width: 1023px) {
	#product .block .steeldesc {
		width: 33rem;
	}
	#reason .slick-arrow#prev {
		left: 33rem;
		top: 24rem;
	}

	#reason .slick-arrow#next {
		left: 40rem;
		top: 24rem
	}
	#manag .block .elem {
		max-width: 18rem;
	}
	#geo .block .block-krug {
		padding: 7rem 9rem 15rem 10rem;
		background-size: 73%;
	}
	#geo .block {
		background-size: contain;
	}
	h1 {
		line-height: 1;
		margin: 0 0 0rem;
	}
	#serv .block .elem {
		max-width: 11rem;
	}
	.fly1 {
		right: 3%;
	}
	.fly2 {
		width: 69%;
		filter: opacity(0.5);
	}
	#serv .block-two {
		padding: 6rem 1rem 1rem 2rem;
	}
	#product {
		padding-top: 0;
	}
	.fly6 {
		width: 18%;
		right: 2%;
		bottom: 17%;
	}
	.fly7 {
		bottom: 12%;
		width: 9%;
	}
	#reason {
		padding-top: 0;
		padding-bottom: 0;
	}
	#testSteel .block {
		flex-wrap: wrap;
	}
	#testSteel .block .elem {
		max-width: 13rem;
	}
	#testSteel {
		padding-bottom: 0;
	}
	.fly9 {
		top: 102%;
	}
	#hero .zag {
		padding: 8rem 0 5rem;
	}
	.fly11 {
		right: 9%;
		top: 11%;
	}
	#map .hed {
		padding: 0rem 0 0rem;
	}
	#sertific {
		margin-bottom: -8rem;
	}
	#geo .block .block-krug {
		padding: 6rem 12rem 11rem 12rem;
		background-size: 78%;
	}
	#foot {
		margin-top: -44rem;
	}
	#header .content .contacts {
		margin-right: 0;
	}
	#header .adr {
		margin-left: -5rem;
	}

	#header .cont-adr svg {
		display: none;
	}
	#manag .block .button {
		visibility: visible;
		filter: opacity(1);
		margin-bottom: 4rem;
	}
	#manag .block .elem .txt {
		padding: 1rem 1.5rem 6rem;
	}

	.lem {
		padding: 0 0.5rem;
	}
	#product .block .steeldesc .steelPrise {
		padding-left: 0.5rem;
	}

	#testSteel .block .elem .txt p:nth-child(1) {
		padding: 1rem;
		text-align: center;
	}
	#testSteel .block .elem .txt p:nth-child(2) {
		padding: 1rem 0;
	}

	.blok-anim-pr1 {
		left: -16rem;
    top: -4rem;
	}
	#header .logo a {
		width: 15rem;
	}
}

/*
==============================
	sm 767 - �������	(500)
==============================
*/
@media (max-width: 767px) {

	#reason .custom_paging {
		margin-top: 3rem;
	}
	#hero .blok-anim {
		display: none;
	}
	#footer .col:nth-child(4) {
		padding-left: 5rem;
	}

	#reason .custom_paging li {
		left: 50%;
		transform: translate(-50%);
	}
	#product .block .steeldesc .steelPrise {
		padding-left: 0rem;
	}
	#serv .block {
		background: none;
	}
	#serv .block .elem:nth-child(2) {
		border: none;
		margin-right: 0.5rem;
	}
	#serv .block .elem:nth-child(3) {
		margin-right: 0.5rem;
	}
	#serv .block .elem {
		max-width: 13rem;
		background-color: #585E69;
		border-radius: 7px;
		margin-bottom: 3rem;
	}
	.fly5 {
		display: none;
	}
	#product .block .steeldesc {
		width: auto;
		height: auto;
		border-radius: 10px;
	}

	#product .stillll .zagg {
		padding: 0.5rem 0rem 0.5rem 1rem;
	}

	#product .block .stillll {
		margin: 0 -1rem;
		width: auto;
	}
	#product .block .steeldesc .steeldescParam {
		display: block;
	}

	.review .spoiler {
		/*height: 12rem!important;*/
	}
	#product .block .steeldesc .steelTU {
		width: auto;
	}
	#product .block .steeldesc .steelPrise {
		width: auto;
	}
	#product .block .steeldesc .steelForm {
		width: auto;
	}
	#product .block .steel {
		height: 7rem;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	#product .block {
		display: block;
		max-height: 18rem;
	}
	#product .button {
		margin: 36rem auto 2rem auto;
	}
	#reason .block {
		padding: 2rem 3rem;
	}
	#reason .block .elem .txt {
		max-width: 11rem;
	}
	#reason .slick-arrow#prev {
		left: 40%;
		transform: translate(-60%);
		top: 30.5rem;
	}
	#reason .slick-arrow#next {
		left: 60%;
		transform: translate(-40%);
		top: 30.5rem;
	}
	#testSteel .block .elem {
		max-width: 13rem;
	}
	.fly9 {
		display: none;
	}
	.fly8 {
		display: none;
	}
	#stock .slick-arrow#next {
		left: 88%;
	}
	#manag .block .elem {
		max-width: 21rem;
	}
	#manag .block .elem:hover .button {
		margin-top: 0rem;
		margin-bottom: 2rem;
	}
	#geo .block .block-krug {
		padding: 2rem 1.5rem 5rem 1.5rem;
		background: none;
	}
	#geo .block .block-krug h2 {
		font-size: 1.5rem;
	}
	#geo .block {
		background-size: 100% 100%;
		background: url(../base/assets/i/map-blur.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#sertific .elem:nth-child(1) {
		top: 7%;
		left: 3%;	
	}
	#foot {
		padding-top: 28rem;
	}
	#foot .footTxt {
		padding: 0rem 0 3rem;
	}
	#testSteel {
		padding-top: 3rem;	
	}
	.fly1 {
		filter: opacity(0.5);
	}
	#serv .block-two {
		padding: 6rem 1rem 1rem 1rem;
	}
	.fly2 {
		bottom: -5%;
		filter: opacity(0.4);
	}
	#hero .buttxt {
		display: none;
	}
	.fly4 {
		display: none;
	}
	.fly3 {
		width: 19%;
		filter: opacity(0.5);
	}
	#hero .zag {
		padding: 2rem 0 10rem;
	}
	.fly6 {
	display: none;	
	}

	.fly7 {
		display: none;	
	}
	#stock .slick-arrow#next {
		top: 54%;
	 z-index: 2;
	 left: 90%;
	}
	#stock .slick-arrow#prev {
		top: 54%;
	 z-index: 2;
	 left: 1%;
	}
	.fly10 {
		display: none;	
	}
	.fly11 {
		display: none;	
	}

	.fly14 {
		display: none;	
	}
	.fly15 {
		display: none;	
	}
	.hor-scroll .container-fluid {
		padding: 0; 
  }
  .hor-scroll .block {
		flex-wrap: nowrap;

		 margin: 0; 
  }
  .hor-scroll .elem {
		flex: 0 0 60%;
		max-width: 60%;
		padding: 0;
  }
  .hor-scroll .elem:first-child {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
  }
  .hor-scroll .elem:last-child {
		margin-right: 2rem;
  }

  .block-pad {
	overflow: hidden;
	padding-top: 2rem;
	margin-top: -8rem!important;
  }

  #serv .block {
	margin-top: -1rem;
	overflow: auto;
    padding-top: 2rem;
  }
  #serv .row {
	  margin: 0;
  }

  #header .content .contacts {
	text-align: right;
}


#header .content .contacts {
	display: block;
}
#header .cont {
	max-width: 20rem;
	padding-left: 5rem;	
}
}

/*
==============================
	xs 499 - ���������	(360, 414)
==============================
*/
@media (max-width: 499px) {
	#product .block .steel {
		width: auto;
	}
	#product .block .steeldesc {
		width: auto;
		height: auto;
	}

	#serv .block .elem {
		margin: 0 0.5rem;
	}

	#reason .block {
		padding: 1rem 2rem;
	}

	#testSteel .block .elem {
		max-width: 11rem;
	}
	.fly4 {
		display: none;
	}
	.fly3 {
		display: none;
	}

		#sertific .elem:nth-child(2) {
		left: 15%;
	}
	#stock .slick-arrow#next {
		left: 86%;
	}
	#reason .slick-arrow#prev {

		top: 42.5rem;
	}
	#reason .slick-arrow#next {
	
		top: 42.5rem;
	}
	#reason .block .elem {
		display: block!important;
	}
	#reason .block .elem .txt {
		max-width: 23rem;
	}
	#reason .block {
		padding: 1rem 2rem 5rem 2rem;
	}
	.slick-arrow {
		width: 2.5rem;
		height: 2.5rem;
	}
	#stock .slick-arrow#next {
		left: 90%;
	}
	#stock .slick-arrow#prev {
		left: 0%;
	}
	#reason .custom_paging {
		margin-top: 4rem;
	}

	#header .logo a {
		width: 2rem;
	}


}

@media (max-width: 360px) {
	#reason .slick-arrow#next {
		top: 43.4rem;
	}
	#reason .slick-arrow#prev {
		top: 43.4rem;
	}
	#sertific .elem:nth-child(1) {
		width: 18rem;
	}
	#sertific .elem:nth-child(2) {
		width: 18rem;
		left: 9%;
	}
	#serv .block .elem {
		max-width: 12rem;
	}
	#reason .block .elem .txt {
		padding-left: 0rem;
		padding-top: 1rem;
	}
	#stock .slick-arrow#next {
		left: 89%;
	}
	#testSteel .block .elem .txt p:nth-child(1) {
		padding: 0.5rem;
	}
}

/*
==============================
	xs 359 - ���������	(320)
==============================
*/

@media (max-width: 359px) {
	#foot .footForm {
		padding: 1.5rem;
	}
	#stock .slick-arrow#next {
		left: 83%;
	}
	#testSteel .block .elem {
		max-width: 18rem;
		text-align: center;
	}


	#header .cont {
		max-width: 14rem;
	}
	#sertific .elem:nth-child(1) {
		width: 16rem;
	}
	#sertific .elem:nth-child(2) {
		width: 16rem;
	}
	#map .hed {
		max-width: 18rem;
	}
	#serv .block .elem {
		max-width: 10rem;
	}
	#serv .block {
		max-width: 20rem;
	}
	#reason .slick-arrow#next {
		top: 41.2rem;
		left: 62%;
	}
	#reason .slick-arrow#prev {
		top: 41.2rem;
		left: 38%;
	}
	#stock .slick-arrow#next {
		left: 88%;
	}
	#geo .block .block-krug .block-loc3 {
		margin-top: -3rem;	
	}

	#geo .block .block-krug .block-loc2 {
		max-width: 8rem;
    padding: 0rem 0.5rem;
	}
	#geo .block .block-krug .block-loc1 {
		max-width: 10rem;
		padding: 0rem 0.5rem;
	}
}