/*
Theme Name: Sibagro
Template: Goodini
Theme URI: https://degorov.ru/
Description: Дочерняя тема для Goodini
Author: D.E.
Author URI: https://degorov.ru/
Version: 1.0
*/


:root{
	--f1: "Golos Text", sans-serif;
	--f2: "Inter", sans-serif;
	--f3: georgia, serif;
	--f1w: 400;
	--f1ws: 600;
	--f1wb: 600;
	--f2w: 200;
	--f2wh1: 200;
	--dark: #505c6c;
	--dark_60: #505c6c99;
	--dark_80: #505c6ccc;
	--color: #efb71e;
	--color_30: #efb71e4d;
	--color2: #896608;
	--gray: #80868e;
	--light: #f7f7f7;
	--accent: #d4f2f4;
	--color_bg_1: #4c6c74;
	--color_bg_2: #e1eef2;
	--btn_color_1: #ffc10f;
	--btn_color_text: #896608; }
html{
	font-size:16px;
	font-family:"Golos Text";
}
body{
	font-family:"Golos Text";
}
h1,h2,h3,h4,h5,h6{
	font-family:"Inter" !important;
}
.bombbtn {
	background: #ffc10f;
	box-shadow: 0 15px 30px -10px #ffc10f;
}


/*.btn, .btn:visited, .btn:focus, .btn:active {*/
/*	background:*/
/*	#ffc10f; box-shadow: none;*/
/*	border-radius: 0px;*/
/*	color: #896608;*/
/*	font-weight: 400;*/
/*	border: 0;}*/
/*.btn:hover {*/
/*	box-shadow: none;*/
/*	color: #896608;*/
/*	font-weight: 400;*/
/*}*/
/*.btn:active {*/
/*	box-shadow: none;*/
/*	color: #896608;*/
/*}*/
.button svg {
	fill:#896608;
}


.main_hidden{
	display: none;
}

.main_hidden span{
	padding: 10px !important;
}
.main_remove_all{

}

.main_remove_all_basket{
	border-radius: unset;
}

.main_wrap_button a{
	border-radius: unset;
}
.main_wrap_button a span{
	padding: 7px 18px 9px !important;
}

.main_basket_close .close span{
	padding: 7px 18px 9px !important;
}

.main_basket_close .close{
	border-radius: unset;
}

.main_basket_back .wrap_button a span{
	padding: 7px 18px 9px !important;
}

.main_basket_back .wrap_button a{
	border-radius: unset;
}

/*.main_empty_cat span{*/
/*	padding: 7px 18px 9px !important;*/
/*}*/

.foot_menu_1 .menu-item a:hover{
	text-decoration: none;
}

.foot_menu_2 .menu-item a:hover{
	text-decoration: none;
}

.goods a{
	text-decoration: none;
	color: #427576;
}

.goods a:hover{
	text-decoration: none;
	color: #427576;
}

.cat_list a:hover{
	text-decoration: none;
}


blockquote {
	background: #d4f2f4;
}
.style-bg-light, #catalog, #manager {
	background-color: #f7f7f7;
}
#footer, .style-bg-dark, .active.mobile-icon, #footer-2 {
	background-color: #505c6c;
}
.form-wrap .form-head, .slick-arrow {
	background: #efb71e;
}
a, a:focus, a:active {
	color: #efb71e;
	border-bottom-color: #efb71e;
}
.list ul li::before {
	border: 2px solid #efb71e;
}
.text_color, #header.header-1 .menu .menu-item a:hover, #header.header-1 .menu .current-menu-item a, #header.header-1 .menu .current-menu-parent a, #header.header-1 .menu .current-menu-ancestor a, .mobile .menu .menu-item .sub-menu .menu-item a {
	color: #efb71e;
}
.agreement-check input:checked + .agreement-label .check::before {
	border: 2px solid #efb71e;
}
.js-keyboard-active *:focus {
		outline: 2px solid #efb71e4d;transition-duration: 0s !important;
}





@font-face {
    font-family: 'Golos Text';
    src: url('assets/fonts/GolosText/GolosText-Bold.eot');
    src: url('assets/fonts/GolosText/GolosText-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GolosText/GolosText-Bold.woff2') format('woff2'),
        url('assets/fonts/GolosText/GolosText-Bold.woff') format('woff'),
        url('assets/fonts/GolosText/GolosText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: 'Golos Text';
    src: url('assets/fonts/GolosText/GolosText-Regular.eot');
    src: url('assets/fonts/GolosText/GolosText-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/GolosText/GolosText-Regular.woff2') format('woff2'),
        url('assets/fonts/GolosText/GolosText-Regular.woff') format('woff'),
        url('assets/fonts/GolosText/GolosText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter/Inter-ExtraBold.eot');
    src: url('assets/fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter/Inter-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Inter/Inter-ExtraBold.woff') format('woff'),
        url('assets/fonts/Inter/Inter-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: 800;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter/Inter-ExtraLightBETA.eot');
    src: url('assets/fonts/Inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter/Inter-ExtraLightBETA.woff2') format('woff2'),
        url('assets/fonts/Inter/Inter-ExtraLightBETA.woff') format('woff'),
        url('assets/fonts/Inter/Inter-ExtraLightBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
body {
    overflow-x: hidden;
}
.page-frame {overflow-x:hidden;}

.lazy_bg {
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
}
.container-fluid {
	max-width: 1609px;
	transform: translateX(6.8rem);
}
/* offer */
#offer {
	padding-bottom: 0;
}
.offer_wrap {}
.offer_wrap {
	margin: 7.7rem 0 0 auto;
	max-width: 39rem;
	position: relative;
}
.off_text h1 {
	font-size: 3.8rem;
	font-weight: 800;
	line-height: 1.25;
	margin-bottom: 0;
}
.off_text p {
	font-family: var(--f2);
	font-weight: 200;
	font-size: 3rem;
	display: block;
	margin-left: 4.3rem;
	margin-top: 0.65rem;
	line-height: 1.2;
}
.off_text .drop_line {display:block;}
.off_wrap_btn {
	margin-top: 3.5rem;
	display: flex;
	margin-left: 4.1rem;
}
#offer .wrap_btn {}
.btn, .btn:visited, .btn:focus, .btn:active {font-size: 1rem; border-radius:4px;}
/*.btn span {padding: 2.45rem 2rem;}*/
.btn:hover {
	-webkit-transform: unset;
	-ms-transform:  unset;
	transform: unset;
	color: #ffffff;
	background-color: #E5AE0F;
}

a.btn, a.btn:focus, a:active {

	-webkit-transform: unset;
	-ms-transform:  unset;
	transform: unset;
	color: #ffffff;
	background-color: #E5AE0F;


	border-bottom-color: var(--color);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.off_brn_text {
	flex-grow: 1;
	max-width: 14.4rem;
	text-align: center;
	padding: 1rem;
	min-height: 12.8rem;
	background-color: #ffffff;
}

.off_img {
	width: 1526px;
	height: 662px;
	top: 6.1rem;
	left: -16rem;
}
.off_line {
	width: 1649px;
	height: 731px;
	top: 0;
	left: 2.7rem;
}

/* gar */
#gar {
	padding-top: 0;
}
.zag {}
.zag h2 {
	font-size:3rem
}
.zag h2 strong {
	font-weight: 800;
	letter-spacing: -0.9px;
}
.gar_zag {
	margin: 2.55rem 0 0 4.9rem;
	max-width: 30rem;
	color: #ffffff;
	position: relative;
}
.gar_list {
	position: relative;
	display: flex;
	margin: 2.1rem auto 0;
	max-width: 82.4rem;
	justify-content: space-between;
	position: relative;
}
.gar_el {
	width: calc(100% / 3 - 2.2rem);
	margin: 0 1rem;
}
.gar_text_wrap {
	background: #ffffff;
	padding: 3rem 3.3rem 1rem;
	font-size: 0.875rem;
	position: relative;
}
.gar_text_wrap.imgon {
    padding-top: 13rem;
}
.gar_el.el_2 .gar_text_wrap {
	margin-top: 6.3rem;
}
.gar_img {
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
}
.gar_text h3 {
	font-weight: 800;
	font-size: 1rem;
	line-height: 1.6;
	max-width: 13rem;
	position: relative;
	padding-bottom: 0.6rem;
	margin-bottom: 0;
	position:relative;
}
.gar_text h3::before {
	position: absolute;
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	border: 2px solid #EFB71E;
	bottom: 0;
	left: -2.2rem;
	border-radius: 50% 50% 0 0;
	border-bottom: 0;
}

.gar_text p {
	padding-top: 1rem;
	margin-top: 0;
	position: relative;
	display: block;
}
.gar_text p:before, .gar_text p:after{
	position:absolute;
	content:"";
	display:block;
}
.gar_text p::before {
	height: 2px;
	width: calc(100% + 4.4rem);
	left: -2.2rem;
	background-color: #EFB71E;
	top: 0;
}
.gar_text p::after {
	width: 19px;
	height: 21px;
	border-right: 2px solid #EFB71E;
	top: 0;
	left: -2.2rem;
}
.gar_index {
    position: absolute;
    width: 50px;
    height: 50px;
    color: #505c6c;
    border-radius: 50%;
    border: 2px solid #efb71e;
    text-align: center;
    bottom: -4rem;
    left: 0;
    background-color: #f7f7f7;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#gar .round_sub {
	position: absolute;
	top: 0;
	right: 2rem;
	width: calc(100% - 4rem);
	overflow: hidden;
	height: 403px;
	border-radius: 2px;
	background-color: var(--color_bg_1);
}
.round {
	position:absolute;
	border-radius:50%;
}
.gar_round {
	width:366px;
	height:366px;
	border:1px solid #739198;
	bottom: -6rem;
}
.gar_round.el_1 {right: 4.4rem;}
.gar_round.el_2 {right: 21.9rem;}
.gar_round.el_3 {right: 38.9rem;}


/* spec */
#spec {
	padding-top: 5rem;
	padding-bottom: 11rem;
}
.spec_zag {}
.spec_zag h2 {
	font-weight: 800;
	font-size: 6.5rem;
	letter-spacing: -0.5px;
}
.spec_list {
	margin-top: 2.6rem;
	width: 1625px;
}
.spec_item {
	height: 625px;
	position: relative;
}
.spec_text {
	position: absolute;
	bottom: 0;
	min-height: 17.5rem;
	left: 41.5rem;
	max-width: 31rem;
	padding: 2.5rem 0 1.5rem 4.9rem;
	background-color: #F7F7F7;
}
.spec_text:before{
	background-color: #F7F7F7;
	position:absolute;
	content:"";
	display:block;
	height:100%;
	width:200%;
	top:0;
	left:100%;
}
.spec_text h3 {
	margin: 0;
	font-weight: 800;
	font-size: 2rem;
	line-height: 1.25;
	position:relative;
}
.spec_text p {
	position:relative;
}
.spec_link {
	margin-top: 2.25rem;
}
.spec_link a {
	display: inline-block;
	position: relative;
	color: var(--dark);
	padding-bottom: 0.5rem;
}
.spec_link a:hover{
	color:var(--color);
}
.spec_link a:before, .spec_link a:after{
	display:block;
	content:"";
	position:absolute;
	background-color:#4C6C74;
	transition:250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.spec_link a:before {
	left:0;
	bottom:0;
	width:calc(100% + 1.25rem);
	height:2px;
}
.spec_link a::after {
	height: 2px;
	right: -1.25rem;
	bottom: 0;
	width: 1.125rem;
	transform: rotate(-35deg);
	transform-origin: top right;
}
.spec_link a:hover:before, .spec_link a:hover:after{
	background-color:var(--color);
}
.spec_list .slick-arrow:hover {background-color: var(--btn_color_1);}
.spec_link span {}

.spec_list .slick-arrow, .news_slide  .slick-arrow {
	width: 5rem;
	height: 5rem;
	position: absolute;
	bottom: 4px;
	border-radius: unset;
	box-shadow: unset;
	z-index: 1;
	border-bottom: 2px solid #896608;
}
.spec_list .slick-arrow svg {
	fill: #896608;
	width: 60%;
	height: 60%;
	transform: scale(1.1, 1.7);
}
.spec_list .slick-arrow:active svg, .news_slide .slick-arrow:active svg {
	fill: #ffffff;
}
.spec_list .my_next.slick-arrow {left: 36.5rem;}
.spec_list .my_prev.slick-arrow {left: 31.5rem; border-right:2px solid #896608;}

.news_slide .slick-arrow {
	width: 3rem;
	height: 3rem;
	border-radius: 3px;
	border: 0 !important;
}
.news_slide .slick-arrow svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.news_slide .my_next.slick-arrow {
	right: 0.5rem;
	top: -4rem;
}
.news_slide .my_prev.slick-arrow {
	right: 4rem;
	top: -4rem;
}



.spec_line {
	width: 1123px;
	height: 738px;
	z-index: 2;
	pointer-events: none;
	bottom: -6rem;
	right: -0.5rem;
}
.spec_line_2 {
	height: 1091px;
	width: 329px;
	z-index: 2;
	pointer-events: none;
	bottom: -9.6rem;
	left: -0.8rem;
}
.spec_rectangle {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 460px;
	width: 50%;
	background: var(--color);
}

/* сat */
#сat {}
.cat_zag {}
.cat_zag h2 {}
.cat_list {
	margin-top: 1.7rem;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.cat_item {
	width: 50%;
	display: flex;
	position: relative;
}
.cat_img {
    flex: 1 0 50.1%;
	position:relative;
	overflow:hidden;
}
.cat_img img {
	object-fit: cover;
	height: 100%;
}
.cat_img::before {
	position: absolute;
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: #4C6C74;
	border-radius: 2px;
	transform: scaleY(0.9) rotate(45deg);
	top: 3.95rem;
	right: -1.4rem;
	transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.cat_cont {
    flex: 1 0 50%;
	width: 50%;
	max-width: 50%;
	padding: 2.8rem 3rem 2.8rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color:#4C6C74;
	transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.cat_name {
	font-size: 1.5rem;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.4;
	transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}

.cat_item:nth-child(1) .cat_cont, .cat_item:nth-child(5) .cat_cont, .cat_item:nth-child(4) .cat_cont{order:1;}
.cat_item:nth-child(1) .cat_img,.cat_item:nth-child(5) .cat_img,.cat_item:nth-child(4) .cat_img{order:2;}
.cat_item:nth-child(1) .cat_img::before,.cat_item:nth-child(5) .cat_img::before, .cat_item:nth-child(4) .cat_img::before {
	background: var(--color);
	left: -1.4rem;
	right:unset;
}
.cat_item:nth-child(1) .cat_cont,.cat_item:nth-child(5) .cat_cont,.cat_item:nth-child(4) .cat_cont {background-color: var(--color);}
.cat_item:nth-child(1) .cat_name,.cat_item:nth-child(5) .cat_name,.cat_item:nth-child(4) .cat_name {color: #896608;}
.cat_item:nth-child(1) .cat_link a,.cat_item:nth-child(5) .cat_link a,.cat_item:nth-child(4) .cat_link a {border: 1px solid #896608;}
.cat_item:nth-child(1) .cat_link svg,.cat_item:nth-child(5) .cat_link svg,.cat_item:nth-child(4) .cat_link svg {fill: #896608;}



.cat_link {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #ffffff;
	border-radius: 2px;
	transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
    margin: 0 0 0 auto;
    transform: translateX(-1rem);
}
.cat_item:hover .cat_link {
    transform: translateX(0rem);
}
.cat_link svg {
	display: block;
	width: 100%;
	height: 100%;
	transform: scale(0.8,1.2);
	fill: #ffffff;
	transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.cat_link a::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
    pointer-events: none;
}

.cat_item:hover .cat_cont {background-color: #5A818B !important;}
.cat_item:hover .cat_img::before {background: #5A818B !important;}
/*.cat_item:hover .cat_name{color: #fff;}
.cat_item:hover .cat_link a {border: 1px solid #fff;}
.cat_item:hover .cat_link svg {fill: #fff;}*/

.cat_item:nth-child(1):hover .cat_cont, .cat_item:nth-child(4):hover .cat_cont, .cat_item:nth-child(5):hover .cat_cont {background-color:#FFC133 !important}
.cat_item:nth-child(1):hover .cat_img::before, .cat_item:nth-child(4):hover .cat_img::before, .cat_item:nth-child(5):hover .cat_img::before {background-color:#FFC133 !important}


/* prod */
#prod {}
.prod_zag {
	max-width: 47rem;
	margin: auto;
}
.prod_zag h2 {
	line-height: 1;
}
.prod_zag h2 strong {
	font-size: 6.5rem;
}
.prod_logo {
	margin-top: 4.7rem;
	display: flex;
	flex-wrap: wrap;
	border:1px solid #E8E8E8;
}
.prod_img {
	width: calc(100%/7);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 13.9rem;
	border-left: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	cursor:pointer;
}
.prod_img:nth-child(7n+1){border-left: 0px solid #E8E8E8;}
.prod_img:nth-child(-n+7){border-top: 0px solid #E8E8E8;}

.prod_img img {
	filter: saturate(10%);
	transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.prod_img:hover img{
	filter: saturate(100%);
}

.prod_img:nth-child(2n){
	background-color:#FFFFFF;
}
.producer_link {
	width: max-content;
	margin: 2rem auto 0;
	display: flex;
}
.producer_link a {
	color: #896608;
	display: flex;
	align-items: center;
}
.producer_link a span {
	border: 1px solid #896608;
	display: inline-block;
	padding: 0;
	width: 51px;
	height: 51px;
	border-radius: 2px;
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
	min-width: unset;
	margin-left: 1.9rem;
}
.producer_link a span svg  {
	display: block;
	width: 100%;
	height: 100%;
	transform: scale(0.8,1.2);
	fill: #896608;
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}

.producer_link a:before{
	position:absolute;
	content:"";
	display:block;
}
.producer_link a:hover {
	color: #505c6c;
}
.producer_link a:hover span svg  {
	fill: #505c6c;
}
.producer_link a:hover span {
	border: 1px solid #505c6c;
}

/* about */
#about {
	padding-top: 4.8rem;
	padding-bottom: 3rem;
}
.about_text {
	max-width: 31rem;
	margin-left: 15.4rem;
	font-size: 1.25rem;
	position:relative;
}
.about_text h2 {
	max-width: 37rem;
	margin-left: -15.4rem;
	margin-bottom: 2rem;
}
.about_text h2 strong{}
.about_text p {
	margin-bottom: 1.8rem;
}
.about_line {
	width: 1381px;
	height: 801px;
	top: -2.4rem;
	left: -0.5rem;
}

/* bis */
#bis {
	padding-top: 8rem;
	background: linear-gradient(#EFB71E 52rem, rgba(255,255,255,0.01) 52rem);
}
.bis_zag {
	max-width: 47rem;
}
.bis_zag h2 {
	color: #202833;
	line-height: 1.1;
}
.bis_zag h2 strong {
	font-size: 6.5rem;
}
.bis_zag h2 em {
	display: block;
	position: relative;
	margin: -1.4rem 0 0 auto;
	max-width: 41.2rem;
	font-style: normal;
	line-height: 1.25;
	padding: 1.5rem 2rem 2rem;
}
.bis_zag h2 em::before, .bis_zag h2 em::after {
	position: absolute;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
}
.bis_zag h2 em::before {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	right: 0rem;
	top: 0;
}
.bis_zag h2 em:after{
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	left: 0rem;
	bottom: 0;
}
.bis_list {
	width: 100%;
	margin-top: 2.4rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.biz_item {
	width: calc(50% - 1.1rem);
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.biz_wrap_item {
	display: flex;
	width: 100%;
	margin-bottom: 2.4rem;
	border-radius: 5px;
	overflow: hidden;
}
.biz_img {
	position:relative;
	overflow: hidden;
}
.biz_img::before {
	position: absolute;
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: #4C6C74;
	border-radius: 2px;
	transform: scaleY(0.9) rotate(45deg);
	top: 3.95rem;
	left: -1.4rem;
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.biz_text {
	max-width: 50%;
	min-width: 50%;
	padding: 0.4rem 2.4rem 1rem;
	color: #ffffff;
	background-color: #4C6C74;
}
.biz_text h3 {
	font-weight: 800;
	letter-spacing: -0.4px;
	margin-bottom: 1.8rem;
}
.list ul li, .list ol li {
	padding-left: 1.8rem;
}
.list ul li::before {
	left: 0.05rem;
	top: 0.35rem;
	border: unset;
	width: 12px;
	height: 12px;
	background-color: #FFFFFF;
}
.biz_btn {
	width: calc(50% - 1.1rem);
}
.biz_btn span span {

}
.biz_btn span span {
	border: 1px solid #896608;
	display: inline-block;
	padding: 0;
	width: 51px;
	height: 51px;
	border-radius: 2px;
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
	min-width: unset;
	margin-left: 1.9rem;
}
.biz_btn span span svg {
	display: block;
	width: 100%;
	height: 100%;
	transform: scale(0.8,1.2);
	fill: #896608;
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.biz_btn > span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100%;
	padding: 1.3rem 0rem !important;
}

.biz_btn .btn:hover{color:#896608}

/* news */
#news_home {
	padding-top: 3.8rem;
}
#news_home .container-fluid {
	padding: 0 2rem;
}
.news_zag h2 {
	font-size: 3rem;
	font-weight: 800;
}
.news_zag {}
.news_slide {
	margin:0 -1rem;
}
.new_one {
	width: 100%;
	position: relative;
	padding-bottom: 1.2rem;
	border-radius: 2px;
	background-color: #ffffff;
	margin: 0 1rem;
	max-width: 22.2rem;
}
.news_head {
	padding: 1.6rem 1.8rem;
}
.new_one .date {
	font-size: 0.875rem;
}
.new_one .title {
	font-weight: 800;
	/*margin-top: 1.4rem;*/

	text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*width: 200px;*/
}
.new_one img {}
.news_foot {
	padding: 1.2rem 1.2rem;
	font-size: 0.875rem;
}
.new_one a {
	font-size: 1.05rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	padding: 0 1.2rem;
	margin-top: 0.25rem;
	color: var(--dark);
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
	cursor: pointer;
}
.new_one a span {
	border: 1px solid #EFB71E;
	display: inline-block;
	padding: 0;
	width: 51px;
	height: 51px;
	border-radius: 2px;
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
	min-width: unset;
	margin-left: 1.2rem;
	transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.new_one a span svg {
	display: block;
	width: 100%;
	height: 100%;
	transform: scale(0.8,1.2);
	fill: #EFB71E;
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;

}
.new_one a:before{
	position:absolute;
	content:"";
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.new_one a:hover span{
	background-color:#EFB71E;
}
.new_one a:hover span svg {
	fill: #ffffff;
}
.all_news {
	text-align: center;
	margin-top: 2.5rem;
}
.all_news a {
	color: var(--dark);
	font-size: 1.05rem;
	border-bottom: 1px solid var(--dark);
	padding-bottom: 0.4rem;
}
.all_news a:hover{
	border-bottom: 1px solid rgba(255,255,255,0.01);
	color:var(--color);
}
/* we */
#we {
	padding-top: 2.7rem;
	padding-bottom: 7.6rem;
}
#we .round_sub {
	position: absolute;
	top: 0;
	right: 2rem;
	width: calc(100% - 4rem);
	overflow: hidden;
	height: 403px;
	border-radius: 2px;
	background-color: var(--color_bg_1);
}
#we .gar_zag {
	max-width: 35rem;
}
.we_list {
	flex-wrap: wrap;
	margin-top: 0;
}
.gar_el.el_5 .gar_text_wrap {
	margin-top: 6.3rem;
}
#we .gar_el {
	margin: 0 1rem 2.1rem;
}
/* opf */
#opf {
	background: linear-gradient(#EFB71E calc(100% - 4.5rem),#F7F7F7 calc(100% - 4.4rem));
	padding-bottom: 0rem;
}
.opf_wrap {
	margin: auto;
	max-width: 80rem;
	display: flex;
	justify-content: space-between;
	width: 100%;
	position: relative;
}
.opf_text {
	color: #202833;
	max-width: 35rem;
}
.opf_text h2 {
	margin-top: 1rem;
	font-size: 3rem;
}
.opf_text h2 strong {
	display: block;
	letter-spacing: -1px;
}
.opf_text h2 em {
	display: block;
	position: relative;
	margin: 0.4rem 1.2rem 0 auto;
	max-width: 28.1rem;
	font-style: normal;
	line-height: 1.25;
	padding: 0rem 1.3rem 0.4rem 2.4rem;
}
.opf_text h2 em::before, .opf_text h2 em::after {
	position: absolute;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
}
.opf_text h2 em::before {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	right: 0rem;
	top: 0;
}
.opf_text h2 em::after {
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	left: 0rem;
	bottom: 0;
}
.opf_text ul {
	margin-left: 5.65rem;
}
.opf_text.list ul li {
	padding-left: 2.5rem;
	line-height: 1.5;
}
.opf_form {
	max-width: 357px;
	margin-right: 8.7%;
	margin-top: 3.2rem;
	position: relative;
}
.opf_form .form {
	padding: 2.3rem 2.5rem;
	position: relative;
	background-color: #ffffff;
	border-radius: 3px;
}
.opf_form .form-header {
	text-align: center;
}
.opf_form  .form-desk {
	margin: 0.1rem 0 1.9rem;
}
.opf_form .form_block {
	padding: 0 0.3rem;
}

.hideLabels .form-control {
	padding: 1.5rem 1rem 1.25rem;
	font-size: .9rem;
	border-radius: 3px;
}
.form-group {
	margin: 3rem auto 1.25rem;
	background: #EDEDED;
	border: #EDEDED;
	border-radius: 3px;
}
.hideLabels .form-group {
	margin: .5rem auto 1.4rem;
}
.hideLabels .form-group label {
	top: 21px;
}
.hideLabels label.label-none, .hideLabels label.label-none, .hideLabels .form-control:focus + label {
	top: 5px;
	font-size: 12px;
}
.opf_form textarea.form-control {
	height: 8.2rem;
}
.form .button {
	margin: 1.25rem 0 0.9rem;
}
.form  .btn span {
	padding: 1.6rem 1rem;
}
.form .btn {width: 100%;}

.agreement-check input:checked + .agreement-label .check::before {background-color: #4C6C74;}
.agreement-check input + .agreement-label .check::after {
	width: 1.125rem;
	height: 1.125rem;
	border: 3px solid #4C6C74;
	top: 0;
	border-radius: 1px;
}
.agreement-check input:checked + .agreement-label .check::before {
	background-color: #4C6C74;
	border: 0;
	transform: translate(-50%,-50%);
	width: 0.5rem;
	height: 0.5rem;
	top: calc(50% - 1px);
	left: calc(50% - 1px);
}
.agreement-check a, .opf_form .agreement-check a:focus, .opf_form .agreement-check a:active {
	color: #4C6C74;
	border-bottom-color: #4C6C74;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
.agreement-check a:hover{
	border-bottom-color: rgba(255,255,255,0.01);
}

.hideLabels label.agreement-label.label-none{
	top:0;
}

.opf_1 {
    width: 486px;
    height: 747px;
    right: calc(100% + -4rem);
    top: unset;
    bottom: -2.1rem;
}
.opf_2 {
	width: 624px;
	height: 191px;
	z-index: 2;
	pointer-events: none;
	transform: translateX(-50%);
	left: 50%;
	top: -3.9rem;
}
.opf_3 {
	width: 841px;
	height: 699px;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}


/* footer */
#footer {
	background: transparent;
	color: #505C6C;
	font-size: 1rem;
	font-weight: normal;
	z-index: 2;
	padding:2.5rem 0;
}
.footer_wrap.line_1 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
}
.foot_logo {
	margin-top: 0.5rem;
}
.foot_descriptor {
	font-size: 0.875rem;
	margin-top: 0.8rem;
}
.foot_phones {
	display: flex;
	justify-content: space-between;
	min-width: 5rem;
	width: 30.7rem;
	flex-wrap: wrap;
}
.foot_phones div {
	width: calc(50% - 2rem);
	margin-bottom: 1rem;
}
.foot_phones a {
	font-weight: bold;
	color: var(--dark);
}
.foot_phones a:hover{
	color: var(--color);
}
.foot_phones span {

}
.foot_adress {
	margin-right: 3rem;
	width: 13.4rem;
	margin-left: 3rem;
}

.foot_menu {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	margin-left: 2rem;
}
.foot_menu_1 {
	margin-right: 3rem;
}
.foot_menu_2 {}
.foot_menu .menu .menu-item a {
	padding: 0;
	font-size: 1.25rem;
	text-transform: unset;
	color: var(--dark);
	position: relative;
	margin-bottom: 0.9rem;
	display:block;
}
.foot_menu .menu .menu-item a:hover{
	/*color: var(--color);*/
}
.foot_menu .menu .menu-item:last-child  a{
	margin-bottom:0;
}

.foot_menu .menu .menu-item.current_page_item  a, .foot_menu .menu .menu-item.current_item  a,.foot_menu .menu .menu-item.current-menu-item  a {
	font-weight: bold;
	position:relative;
}
.foot_menu .menu .menu-item:hover::before {
	position: absolute;
	content: "";
	display: block;
	pointer-events: none;
	background-image: url(assets/i/footer_a_current.svg);
	width: 99px;
	height: 59px;
	opacity: 1;
	top: -1rem;
	left: -0.7rem;
	background-color: #f7f7f7;
}
.footer_wrap.line_2 {
	display: flex;
	font-size: 0.75rem;
}
.foon_info_1 {
	width: 23rem;
}

#copyright{
	margin-bottom: 1rem;
}
.foon_info_2 {
	font-size: 0.75rem;
	margin-left: 2.6rem;
	margin-top: 2.7rem;
	max-width: 15.7rem;
}

.foon_info_2 a {
	display: inline-block;
	font-weight: bold;
	white-space: pre;
	color: var(--dark);
	margin-top: 0.5rem;
	border-bottom: 2px dashed;
	padding-bottom: 0.3rem;
}
.foon_info_2 a:hover{
	color: var(--color);
	border-bottom: 2px dashed rgba(255,255,255,0.01);
}
#footer .social .soc svg {
	fill: var(--color_bg_1);
}

/* header */
#header {
	padding: 1.1rem 0;
}
#header:before, #header:after{
	position:absolute;
	content:"";
	display:block;
	bottom:0;
	width:100%;
	height:1px;
	left:0;
}
#header:before {background:#e7e7e7;}
#header:after {background:#F7F7F7; width:175px;}
#header .mainrow {
	margin: 0 -1rem;
}
.header_col.col1 {
	width: 7rem;
}
.header_col.col3 {
	display: flex;
}
.head_autotiz_wrap {}
.cabinet {
	padding: 0.5rem 0;
}
.cabinet a {
	display: block;
	background-image: url(assets/i/zamok.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 2.5rem;
}
.cabinet a:hover{
	color:#000000;
}
.wrap_login {
	margin-right: 2rem;
}
.wrap_login .name {
	display: block;
}
.wrap_login .title {
	font-size: 0.75rem;
	color: #999999;
}
.head_callBack {
	text-align: right;
}
.head_callBack span:hover{
	text-decoration:underline;
}
.head_tel_wrap {}
#header .logo {
	align-items: center;
	max-height: unset;
	flex-grow: 1;
	justify-content: center;
}
#header .logo a {
	display: block;
	width: unset;
}
.head_phones {
	position: relative;
}
.visible_phone {
	background-image: url(assets/i/phone.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.6rem;
}
.hidden_phones {
	position: absolute;
	background-color: #ffffff;
	padding: 1rem 2rem;
	border-radius: 3px;
	z-index: -1;
	pointer-events: none;
	opacity: 0;
	transition: opacity 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
	width: calc(100% + 2rem);
	left: -1rem;
}
.head_phones:hover .hidden_phones{
	z-index: 1;
	pointer-events: unset;
	opacity: 1;
}
.visible_phone a[href^="tel:"].phone-content, .visible_phone a[href^="tel:"] {
	font-size: 1.125rem;
	font-weight: normal;
	color: #202833;
}
.chevron {
	display: inline-block;
	width: 1.2rem;
	height: 1.6rem;
	vertical-align: middle;
	padding-left: 2.2rem;
	background-image: url(assets/i/chevron.svg);
	background-repeat: no-repeat;
	background-position: center right;
}
.number_phone a {
	font-size: 1.25rem;
	color: var(--dark);
	cursor:pointer;
}
.number_phone:hover a{
	color: var(--color);
}
.number_phone span {
	font-size: 0.755rem;
	display: block;
	margin-top: -5px;
}
/*.number_phone span:before{
	position:absolute;
	content:"";
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	cursor:pointer;
}*/
.number_phone {
	position: relative;
	margin: 0.5rem 0;
}

.mobile-icon {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	right: unset;
	left: 2.7rem;
	padding: 0;
	height: 2.5rem;
	width: 2.5rem;
}
.open {
	background-image: url(assets/i/burger.svg);
	background-position: center;
	background-repeat: no-repeat;
	overflow: unset;
}
.open span {
	display: none;
}
.open::before {
	content: "Меню";
	display: block;
	position: absolute;
	font-size: 0.875rem;
	width: max-content;
	transform: rotate(-90deg);
	transform-origin: center right;
	left: -1.6rem;
	top: 1.9rem;
}
.mobile-icon.mobile-icon-bg {
	background: unset;
	opacity: 1;
	-webkit-box-shadow: unset;
	box-shadow: unset;
}
.left_line {
	position: absolute;
	width: 56px;
	height: 56px;
	left: 175px;
	transform: translateX(-50%);
	z-index: 5;
	top: 5.8rem;
}
.left_line span {
	position:relative;
	width: 100%;
	height: 100%;
	display:block;
	background-color: #f7f7f7;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	background-image: url(assets/i/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.left_line:before, .left_line:after{
	position:absolute;
	content:"";
	background-color: #e7e7e7;
	display:block;
}
.page-frame::before {
	width: 1px;
	height: 100%;
	top: 0;
	left: 175px;
	position: fixed;
	content: "";
	display: block;
	background-color: #e8e8e8;
	z-index: 5;
}

/*.left_line::before {
	width: 1px;
	height: 250vh;
	top: -5.8rem;
	left: 50%;
	position: fixed;
}*/
.left_line::after {
	width: 175px;
	height: 1px;
	bottom: 0;
	right: 50%;
}

.active.mobile-icon {
	right: unset;
	background: unset;
}
.active .open {
	background-image: url(assets/i/close.svg);
	border: 1px solid #202833;
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #f7f7f7;
}
.active .open::before {
	display: none;
}
.mob_wrap {
	max-width: 1510px;
	margin: auto;
	padding: 1.7rem 2rem;
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.mob_logo {
	width: 100%;
	text-align: center;
}
.mob_logo a {}
.mob_logo a img {}
.mob_menu {
	min-height: calc(100vh - 6rem);
	display: flex;
	flex-grow: 1;
}
.mob_wrap_menu {
	display: flex;
	flex-wrap: wrap;
}
.mob_supscript {
	font-family: var(--f2);
	font-size: 2rem;
	font-weight: 200;
	width: 100%;
    margin-bottom: 2rem;
}
.menu__nav {
	width: max-content;
}
.mobile .menu {
	display: block;
	padding: 0rem 0rem;
    column-count: 2;
}
.mobile .menu .menu-item {
    margin-right: 3rem;
}
.mobile .menu .current-menu-item a,
.mobile .menu .menu-item a  {
	background: transparent;
	font-weight: bold;
	font-weight: 800;
	font-family: var(--f2);
	font-size: 3rem;
	line-height: 1;
	padding: 0;
	margin: 1.5rem 0;
}
.mobile .menu .current-menu-item a,
.mobile .menu .menu-item a:hover  {
    color: var(--color);
}

.mob_cont {
	min-height: calc(100vh - 6rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.mob_phones {}
.mob_phones div {
	margin: 2rem 0;
}
.mob_phones a {
	font-weight: bold;
	color: var(--dark);
}
.mob_phones a:hover{
	color:var(--color);
}
.mobile .btn span {
	padding: 2rem 2rem;
	font-size: 1rem;
	min-width: 178px;
	text-align: center;
}
.mob_adres {
	margin-top: 5rem;
}
.mob_mail {
	margin-top: 2rem;
}
.mob_mail a {
	font-weight: bold;
	border-bottom: 2px dashed var(--color);
}
.mob_cat {}
.mob_cat .btn {
	margin-top: 7rem;
}
.active.mobile {
	background-color: #f7f7f7;
}
.mob_round_wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}
.mob_round {
	width: 1223px;
	height: 1223px;
	border-radius: 50%;
	border: 1px solid #C6C6C6;
	display: block;
	position: absolute;
	pointer-events: none;
}
.mob_round_1 {
	bottom: -611px;
	left: -700px;
}
.mob_round_2 {
	bottom: -700px;
	right: -200px;
}
.mob_round_3 {
	bottom: -900px;
	right: -800px;
}
/* 404 */
#tech_page{}
.err_page{}
.tech_wrap {
	text-align: center;
	min-height: calc(100vh - 12.4rem);
	position:relative;
}
.err_img {
	width: 1333px;
	height: 1080px;
	bottom: -4rem;
	left: 50%;
	transform: translateX(-50%);
	max-width: 76vw;
	max-height: 61.7vw;
}
.err_page h1 {
	font-size: 1.5rem;
	font-family: var(--f1) !important;
	font-weight: normal;
	position: relative;
}
.big_text {
	margin: 0;
	font-size: 8rem;
	line-height: 1;
	font-family: var(--f2);
	font-weight: 800;
	position: relative;
}

.th_page{}
.tr_round {
	width: 39.1vw;
	height: 39.1vw;
	position: absolute;
	border: 1px solid #C6C6C6;
	border-radius: 50%;
	left: 50%;
	transform: translateX(-50%);
	top: 4rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	max-height: 74vh;
}
.tech_line {
	width: 1920px;
	height: 742px;
	left: 50%;
	transform: translateX(-50%);
	top: -0.5rem;
}
.th_page .tech_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.th_page h1 {
	font-weight: 800;
	font-size: 7rem;
	line-height: 1;
}
.th_text {
	margin: -2rem 0 3rem;
	font-size: 1.5rem;
}
.tech_wrap img{}

.name_company {
	color: #4C6C74;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 3rem;
	display: flex;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.name_company span{}
.loaddding {
	font-family: var(--f2);
	font-size: 2.5rem;
	font-weight: 200;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	background: #f7f7f7;
	width: 100%;
	height: calc(100vh);
	z-index: 40;
	margin-top: 0;
}
/***********************************************************/
body {
	/*background-image: url(assets/i/home.jpg); */
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #F7F7F7;
}
.time_head {
	background: rgba(255,0,0,0.25);
	height: 5.7rem;
}
.whiteSpace {
	white-space: pre;
	word-wrap: normal;
	display: inline-flex;
}

#copyright.copy-right{display: flex;justify-content: flex-end;}
#copyright.copy-inline{display:inline-block}
#copyright.copy-inline .b2b-copy{margin-top: 0;}
#copyright.copy-white .b2b-copy{background:rgba(0,0,0,.2)}
#copyright.copy-white .b2b-copy:hover{background:rgba(0,0,0,.4)}
#copyright.copy-white .b2b-copy-link{color:#fff;text-decoration:none!important}
#copyright.copy-white .b2b-copy #b2b{fill:#fff}
#copyright.copy-black .b2b-copy{background:rgba(255,255,255,.9);border:1px solid #eee}
#copyright.copy-black .b2b-copy:hover{background:rgba(255,255,255,.4)}
#copyright.copy-black .b2b-copy-link{color:#1D1A24;text-decoration:none!important}
#copyright.copy-black .b2b-copy #b2b{fill:#1D1A24}
#copyright.copy-link .b2b-copy{background:transparent!important;border:0;margin:0}
#copyright.copy-link .b2b-copy-link{border:0!important}
#copyright.copy-link.copy-black .b2b-copy-link::before{background:#000}
#copyright.copy-link.copy-white .b2b-copy-link::before{background:#fff}
.b2b-copy{display:flex;align-items:center;flex-wrap:nowrap;border-radius:5px;padding:3px 10px;min-width:180px;transition:all .15s ease;margin-top:1rem;opacity: 0.6;transition:all .15s ease;}
.b2b-copy:hover {opacity:1}
.b2b-copy-link{position:relative;white-space:nowrap;font-weight:300;font-size:12px;transition:all .15s ease;letter-spacing:.5px}
.b2b-copy-link::before{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;opacity:.3;transition:all .15s ease 0}
.b2b-copy:hover .b2b-copy-link::before{opacity:0}
.b2b-copy svg{width:55px;height:20px;margin-left:.5rem;transition:all .15s ease}
.b2b-copy-svg{height:20px;border:0!important;text-decoration:none!important}
#copyright .b2b-copy:hover .b2b-copy-link{color:#fa0;opacity:1}
#copyright .b2b-copy:hover svg{opacity:1}

/*
============================================================
============================================================
============================================================
Ширины экранов
-- xs	320-499		Смартфоны
-- sm	500-767		Фаблеты
-- md	768-1023	Планшеты
-- ml	1024-1149	Нетбуки
-- lg	1150-1299	Ноутбуки
-- xl	1400		Декстопы
============================================================
============================================================
============================================================
*/
@media (min-width: 2500px) {
	body {
	  zoom: 1.333
	}
}
/*
==============================
	xl 1699 - Декстопы	(1600)
==============================
*/
@media (max-width: 1800px) {
.container-fluid {
	max-width: 1442px;
	transform: translateX(6rem);
}
.spec_zag h2 {
	font-size: 5.5rem;
}

.new_one {
	margin: 0 0rem;
}
.news_slide .slick-slide {
	padding: 0 0.5rem;
}
.foot_menu_1 {
	margin-right: 2rem;
}
/***********************/
}
@media (max-width: 1699px) {
/* spec */
.spec_line {
	width: 773px;
	height: 508px;
}

/*************************************/
}

/*
==============================
	xl 1599 - Декстопы	(1440)
==============================
*/
@media (max-width: 1599px) {
.container-fluid {
	transform: translateX(5rem);
	max-width: calc(100vw - 10.1rem);

}
.page-frame::before {
	left: 126px;
}
.left_line {
	left: 126px;
}
#header::after {
	width: 126px;
}
/*.header_col.col3, .header_col.col1 {
	width: 248px;
}*/
/* offer */
.offer_wrap {
	margin: 1.7rem 2rem 0 auto;
}
.off_brn_text {
	min-height: 9.8rem;
}
.off_img {
	top: 1rem;
	left: -15rem;
	width: 1156px;
	height: 612px;
}
/* spec */


/* cat */
.cat_list {

}

/* prod */
.prod_logo {

}

/* mobile */
.mobile .menu .current-menu-item a, .mobile .menu .menu-item a {
	font-size: 3rem;
	margin: 1rem 0;
}

/* footer */
.foot_menu_1 {
	margin-right: 1rem;
}
.foot_adress {
	margin-right: 2rem;
	margin-left: 2rem;
}
.foot_phones div {
	width: calc(50% - 0.5rem);
}
.foot_phones {
	width: 29.7rem;
}
/***************************************/
}
@media (max-width: 1535px) {
/* header */
.header_col.col1 {
	display: none;
}
#header .logo {
	align-items: center;
	justify-content: flex-start;
}
/* offer */
.off_img {
	width: 996px;
	height: 532px;
}
/* spec */
.spec_list {
	width: 1500px;
}
.spec_item {
	height: 565px;
	background-size: cover;
}
.spec_text {
	min-height: 2.5rem;
	padding: 1.5rem 0 1.5rem 2rem;
}
.spec_rectangle {
	width: 53.6rem;
}
/* cat */
.cat_item {
	background-color: #fff;
}
/* footer */
.foot_menu .menu .menu-item a {
	font-size: 1rem;
}
.foot_menu {
	margin-left: 3%;
}
.foot_menu .menu .menu-item a {
	white-space: pre;
}
.mob_adres {
	margin-top: 1rem;
}
.mob_cat .btn {
	margin-top: 3rem;
}

/****************************************/
}


/*
==============================
	lg 1399 - Ноутбуки	(1360)
==============================
*/
@media (max-width: 1399px) {
/* offer */
.off_img {
	top: 1rem;
	left: -17rem;
}
.off_text h1 {
	font-size: 3rem;
	line-height: 1.2;
}
.off_text p {
	font-size: 2.5rem;

}
/* spec */
#spec {
	padding-top: 4.4rem;
	padding-bottom: 6rem;
}
.spec_zag h2 {
	font-size: 4.5rem;
}

.spec_item {
	height: 495px;
}
.spec_list {
	width: 1400px;
}

.spec_list .my_prev.slick-arrow {
	left: 24.5rem;
}
.spec_list .my_next.slick-arrow {
	left: 29.5rem;
}
.spec_rectangle {
	width: 46.6rem;
}
.spec_line {
	width: 573px;
	height: 378px;
}
.spec_text {
	left: 34.5rem;
}
/* prod */
.prod_img {
	min-height: 10.9rem;
}

/* biz */
.bis_zag h2 strong {
	font-size: 5.3rem;
}
.biz_text {
	padding: 0.4rem 1.5rem 1rem;
}
.biz_text h3 {
	font-size: 1.15rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.bis_zag h2 em {
    margin: 0.6rem 0 0 auto;
}
/**********************************/
}


/*
==============================
	lg 1299 - Ноутбуки	(1280)
==============================
*/
@media (max-width: 1299px) {
/* offer */
.offer_wrap {
	margin: 0rem 2rem 0 auto;
}
.off_text p {
	font-size: 2rem;
}
.off_wrap_btn {
	margin-top: 1.5rem;
	display: flex;
	margin-left: 4.1rem;
}
.off_img {
	width: 946px;
	height: 492px;
	top: -1rem;
}

/* gar */
.gar_zag {
	margin: 0 0 0 2rem;
	max-width: 30rem;
}
.gar_list {
	margin: 0rem auto 0;
}
.gar_text_wrap {
	padding: 0.5rem 3.3rem 1rem;
}
.gar_text_wrap.imgon {
    padding-top: 11rem;
}
.gar_el.el_2 .gar_text_wrap {
	margin-top: 3rem;
}
.gar_index {
	bottom: -4rem;
}
/* spec */
#spec {
	padding-top: 0.4rem;
}
.spec_list {
	width: 1300px;
}
.spec_item {
	height: 475px;
}
.spec_line_2 {
	left: -4.8rem;
}

/* cat */
.cat_cont {
	padding: 1.5rem 1.5rem 1.5rem;
}
.cat_name {
	font-size: 1.25rem;
}

/* prod */
#prod {
	padding-top: 0;
}
.prod_zag h2 strong {
	font-size: 4.5rem;
}
.prod_img {
	padding: 1rem;
}
/* about */
#about {
	padding-top: 0;
	padding-bottom: 3rem;
}
/* bis */
#bis {
	padding-top: 4rem;
	background: linear-gradient(#EFB71E 25rem, rgba(255,255,255,0.01) 25rem);
}
.bis_zag h2 strong {
	font-size: 4.5rem;
}
.bis_zag h2 em {
	margin: 0rem 0 0 auto;
	line-height: 1.2;
	padding: 0.5rem 2rem 0.5rem;
}
.bis_list {
	margin-top: 0;
}
/* news */
#news_home {
	padding-top: 0;
}
/* we */
#we .round_sub {
	height: 323px;
}
#we .gar_el {
	margin: 0 1rem 0rem;
}
/* opf */
.opf_form {
	margin-right: 0;
}
/* mobile */
.mobile .menu .current-menu-item a, .mobile .menu .menu-item a {
	font-size: 2rem;
}
.mob_supscript {
	font-size: 1.5rem;
}
.mob_phones div {
	margin: 1.5rem 0;
}

/*******************************************/
}
@media (max-width: 1279px) {
/* offer */
.off_img {
	width: 886px;
	height: 452px;
}

.zag h2 {
	font-size: 2.5rem;
}

/* gar */
.gar_text_wrap {
	padding: 0.5rem 2rem 1rem;
}
.gar_text_wrap.imgon {
    padding-top: 11rem;
}
.gar_text p::before {
	width: calc(100% + 2.4rem);
	left: -1.2rem;
}
.gar_text p::after {
	left: -1.2rem;
}
.gar_text h3::before {
	left: -1.2rem;
}
.gar_text h3 {
	padding-bottom: 1rem;
	margin-top: 1rem;
}

/* spec */
.spec_list {
	width: 1280px;
}

.spec_list {
	width: 1280px;
	margin-left: -12.3rem;
}
.spec_item {
	height: 515px;
}
.spec_text h3 {
	font-size: 1.5rem;
}

/* prod */
.prod_zag h2 {
	line-height: 1;
	text-align: center;
}
.prod_zag h2 strong {
	font-size: 3rem;
	display: block ;
}

/* bis */
.bis_zag h2 strong {
	font-size: 3rem;
}
.biz_text {
	padding: 0.4rem 1rem 1rem;
}
#bis .list ul li{
	padding-left: 1.2rem;
	margin: 0rem 0;
}
.biz_text {
	padding: 0.4rem 1rem 1rem;
	min-height: 240px;
}
.biz_img img {
	height: 100%;
	object-fit: cover;
}

/* opf */
.opf_text h2 {
	margin-top: 1rem;
	font-size: 2.5rem;
}
.opf_text h2 em {
	margin: 0.4rem 9.2rem 0rem auto;
}

/************************************/
}

/*
==============================
	ml 1149 - Нетбуки	(1024)
==============================
*/
@media (max-width: 1149px) {
.mob_cont {
    min-height: auto;
}
.mob_menu {
    min-height: auto;
    margin: 3rem 0;
}
/* оффер */
.off_text h1 {font-size: 2.5rem;}
.offer_wrap {
	margin: 0rem 0rem 0px auto;
}
.off_img {
	width: 816px;
	height: 432px;
}

/* gar */
.gar_el {
	width: calc(100% / 3 - 0.5rem);
	margin: 0 0.5rem;
}
.gar_text_wrap {
	padding: 0.5rem 1.5rem 1rem;
}
.gar_text_wrap.imgon {
    padding-top: 11rem;
}
/* spec */
.spec_list {
	width: 100vw;
	margin-left: -12.3rem;
}
.spec_item {
	height: 38.4vw;
}
/* cat */
.cat_name {
	font-size: 1rem;
}

/* prod */
.prod_logo {
	margin-top: 3.5rem;
}
.prod_img {
	min-height: 8rem;
}

/* about */
.about_text h2 {
	margin-bottom: 0;
}
/* we */
#we .gar_el {
	margin: 0 0rem 0rem;
}

/* opf */
.opf_text h2 {
	margin-top: 1rem;
	font-size: 2rem;
}
.opf_text h2 em {
	margin: 0.4rem 7.2rem 0rem auto;
	max-width: 22.1rem;
}
.opf_text {
	z-index: 3;
}

/* footer */
.footer_wrap.line_1 {
	flex-wrap: wrap;
}
.foot_phones {
	width: 100%;
	margin: 2rem 0;
}

/*************************************/
}


/*
==============================
	md 1023 - Планшеты	(768)
==============================
*/
@media (max-width: 1023px) {
.left_line {display: none;}
.page-frame::before {display: none;}
.mobile-icon {left: 1.5rem;}
#header::after {width: 80px;}
.container-fluid {
	transform: unset;
	max-width: 1442px;
}
/*.header_col{width:210px;}	*/
.header_col.col1 {
	width: 60px;
	display: block;
}
/* offer */
.off_img {
	width: 666px;
	height: 332px;
	top: 1rem;
	left: unset;
	right: 19rem;
}
/* gar */
.zag h2 {
	font-size: 2rem;
}
#gar .round_sub {
	right: 0;
	width: calc(100vw + 4rem);
}

/* spec */
#spec {
	padding-bottom: 0rem;
}
.spec_list {
	width: calc(100vw + 0.5rem);
	margin-left: -2rem;
}
.spec_text h3 {
	font-size: 1.125rem;
}

.spec_text {
	min-height: 2.5rem;
	padding: 1rem 0 1rem 1rem;
	left: unset;
	right: 0;
	width: calc(100% - 10rem);
	max-width: unset;
}
.spec_list .my_prev.slick-arrow {
	left: 0;
}
.spec_list .my_next.slick-arrow {
	left: 5rem;
}
.spec_link {
	margin-top: 0;
}
.spec_line_2 {
	left: -4.8rem;
	display: none;
}
.spec_rectangle {
	width: 100%;
}
.spec_link {
	margin-top: 1rem;
}
.spec_rectangle {
	width: 100%;
	display: none;
}
.spec_line {
	width: 363px;
	height: 238px;
}
.spec_text p {
	margin: 0.5rem;
	font-size: 0.875rem;
}
/* bis */
#bis {
	padding-top: 0rem;
}
.bis_zag h2 em {
	max-width: 30rem;
}
.new_one {
	margin: 0 auto;
}
/* we */
#we .round_sub {
	right: 0rem;
	width: calc(100vw + 4rem);
	height: 260px;
}

/* opf */
.opf_wrap {
	max-width: 50rem;
}
.opf_text h2 em {
	max-width: 16.1rem;
	font-size: 1.5rem;
	padding: 0rem 1.3rem 0.4rem 1.8rem;
}
.opf_text ul {
	margin-left: 4rem;
	margin-top: 1.4rem;
	margin-right: 2rem;
}
.opf_1 {
	width: 256px;
	height: 401px;
	right: calc(100% - 6rem);
	top: unset;
	bottom: 0.2rem;
}

.mob_wrap_menu {
	display: unset;
	flex-wrap: wrap;
}
.mob_cont {
	display: unset;
}
/*****************************************/
}
@media (max-width: 799px) {
/* gar */
.gar_text p::after {height: 14px;}

/* cat */
.cat_zag h2 {margin-top: 0;}
.cat_zag h2 br {display:none;}

/* about */
.about_text {
	max-width: 100%;
	margin-left: 0;
	font-size: 1rem;
	position: relative;
}
.about_text h2 {
	margin-left: unset;
}
/* bis */
#bis {
	padding-bottom: 2rem;
}
.biz_btn span span {
	margin-left: 0.5rem;
}
/* footer */
.foot_adress {
	margin-right: 0;
}
/************************/
}



/*
==============================
	sm 767 - Фаблеты	(500)
==============================
*/
@media (max-width: 767px) {
/* header */
#header::after {
	display: none;
}
.header_col.col1 {display:none;}
#header .logo {
	justify-content: flex-start;
	width: 100%;
	max-width: 33%;
	min-width: 155px;
	margin-left: 1rem;
}
#header .mainrow {
	justify-content: space-between;
}
.mobile-icon {
	right: 1.5rem;
	left: unset;
}
.open::before {
	display: none;
}
.header_col {
	width: unset;
	margin-right: 4rem;
}
.active.mobile-icon {
	right: 1.5rem;
}
.mob_menu {
	min-height: unset;
	margin-top: 2rem;
}
.mob_cont {
	min-height: unset;
	margin-top: 2rem;
}
.mobile .menu .current-menu-item a, .mobile .menu .menu-item a {
	font-size: 1.5rem;
	margin: 0.5rem 0;
	line-height: 1.2;
}
.mob_supscript {
	font-size: 1.125rem;
}
.mob_cont {
	min-height: unset;
}
.mob_phones div {
	margin: .5rem 0;
}

.header_col.col3 {
	display: flex;
	flex-wrap: wrap;
}
.header_col.col3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.wrap_login .title {
	display: none;
}
.wrap_login {
	margin-right: 0rem;
}
.cabinet a {
	padding-left: 1.4rem;
	background-size: 0.9rem;
}
.head_autotiz_wrap {
	width: 100%;
}
.cabinet {
	padding: 0.5rem 0;
	width: max-content;
	margin: 0 0 0 auto;
}
/* offer */
.btn span {
	padding: 1.5rem 2rem;
}
.off_text h1 {
	font-size: 1.7rem;
	text-align: right;
}
.off_text p {
	font-size: 1.5rem;
	text-align: right;
}
.offer_wrap {
	max-width: 22rem;
}
.off_wrap_btn {
	margin-top: 1.5rem;
	display: flex;
	margin-left: -2rem;
}

.off_img {
	width: 486px;
	height: 252px;
	top: 2rem;
	left: unset;
	right: calc(50% - 7rem);
}

/* gar */
#gar {
	padding-top: 0;
	padding-bottom: 4rem;
}
.gar_zag {
	margin: 0 0 0 0rem;
}
.gar_el.el_2 .gar_text_wrap {
	margin-top: unset;
}
.gar_list {
	margin: 0rem auto 0;
	flex-wrap: wrap;
}
.gar_el {
	width: calc(100% / 2 - 1rem);
	margin: 0 0.5rem 1rem;
	background-color: #fff;
}
.gar_index {
	bottom: -4rem;
	display: none;
}

#gar .gar_list {
	display: block;
	width: 100%;
}
#gar .gar_el {
	max-width: calc(50vw - 2rem);
	margin: 0 auto;
	display: block !important;
}
#gar .gar_list .slick-arrow:hover {background-color: var(--btn_color_1);}
#gar .gar_list .slick-arrow, .news_slide .slick-arrow {
	width: 3rem;
	height: 3rem;
	position: absolute;
	bottom: -4rem;
	border-radius: unset;
	box-shadow: unset;
	z-index: 1;
}
#gar .gar_list .slick-arrow svg {
	fill: #896608;
	width: 60%;
	height: 60%;
	transform: scale(1.1, 1.7);
}
#gar .gar_list .slick-arrow:active svg, .news_slide .slick-arrow:active svg {
	fill: #ffffff;
}
#gar .gar_list .my_next.slick-arrow {right: 1rem;}
#gar .gar_list .my_prev.slick-arrow {right: 4.35rem;}


#gar .gar_list .slick-arrow svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: unset;
}



/* spec */
.spec_text {
	min-height: unset;
	padding: 1rem 0 1rem 1rem;
	left: unset;
	right: unset;
	width: 100%;
	max-width: unset;
	position: relative;
}
.gar_text_wrap.imgon {
    padding-top: 10rem;
}
.spec_item {
	height: unset;
	padding-top: 38.4vw;
	background-size: auto 39vw;
}
.spec_list .slick-arrow, .news_slide .slick-arrow {
	width: 3rem;
	height: 3rem;
	z-index: 1;
	border-bottom: 0px solid #896608;
	border: 0 !important;
}
.spec_list .slick-arrow svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: unset;
}
.spec_list .my_next.slick-arrow {
	left: unset;
	right: 1.5rem;
}
.spec_list .my_prev.slick-arrow {
	left: unset;
	right: 5rem;
}
/* cat */
.cat_item {
	width: 100%;
	display: flex;
	position: relative;
}
/*.cat_item {
	width: 100%;
	display: flex;
	position: relative;
	align-items: flex-start;
}*/
.cat_list {
	margin: 1.7rem auto 0;
	max-width: 500px;
}
/* prod */
.prod_img {
	width: calc(100%/5);
}
.prod_img:nth-child(-n+7) {
	border-top: 1px solid #E8E8E8;
}
.prod_img:nth-child(-n+6) {
	border-top: 0px solid #E8E8E8;
}
.prod_img:last-child{display:none;}

/* bis */
.bis_zag h2 strong {
	font-size: 2rem;
}
.biz_item.el_2 {
	margin-top: unset;
}
.biz_item.el_3 {
	margin-top: unset;
}
.biz_btn {
	width: 100%;
	margin-bottom: 2rem;
}
.biz_item {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.biz_text {
	min-height: unset;
}
.biz_btn.left_btn {
	margin-top: unset;
}
.biz_item.el_1{order:1;}
.biz_item.el_2{order:2;}
.biz_item.el_3{order:4;}
.biz_item.el_4{order:5;}
.biz_btn.left_btn{order:3;}
.biz_btn{order:6;}
.bis_list {
	margin: 0 auto;
	max-width: 500px;
}
.bis_zag {
	max-width: 47rem;
	margin: auto;
}
/* we */
#we {
	padding-bottom: 4.5rem;
}
#we .gar_el {
	margin: 0 0rem 2rem;
}
.gar_el.el_5 .gar_text_wrap {
	margin-top: unset;
}
/* opf */
.opf_wrap {
	display: block;
	margin: auto;
	max-width: 500px;
}
.opf_text h2 em {
	max-width: 100%;
	margin: 0.4rem auto 0rem 0;
}
.opf_text ul {
	margin-left: 0;
	margin-right: unset;
	width: 100%;
}
.opf_text.list ul li {
	padding-left: 1.5rem;
	line-height: 1.5;
}
.opf_text.list ul li {
	padding-left: 1.5rem;
	line-height: 1.3;
}
.opf_form {
	margin-right: 0;
	margin-left: auto;
}
/* footer */
.foot_adress {
	margin-left: 0;
	width: 100%;
	margin-top: 2rem;
}
.foon_info_1 {
	width: 48%;
}
.foon_info_2 {
	max-width: unset;
	width: 48%;
}

.th_page h1 {
	font-weight: 800;
	font-size: 5rem;
	line-height: 1;
}
/*********************************/
}


/*
==============================
	xs 499 - Смартфоны	(360, 414)
==============================
*/
@media (max-width: 499px) {
/* убираем секции в мобильной версии */
#gar {display: none;}
#сat {display: none;}
#prod {display: none;}
#about {display: none;}
#bis {display: none;}



.mobile .menu .menu-item {
    margin-right: 2rem;
}
.mobile .menu .current-menu-item a,
.mobile .menu .menu-item a {
    font-size: 1.25rem;
}
/* header */
.hidden_phones {
	padding: 1rem 1rem;
}
.number_phone a {
	font-size: 1rem;
	color: var(--dark);
}
.visible_phone {
	background-image: unset;
	padding-left: 0;
}
.chevron {
	display: none;
}
.header_col {
	margin-right: 5rem;
}
/* offer */
.offer_wrap {
	margin: -1rem 1rem 0px auto;
}
.zag h2 {
	font-size: 1.75rem;
}
.gar_text_wrap.imgon {
	padding-top: 24vw;
}
.gar_img {
    width: 60%;
}
.gar_list .slick-arrow svg {
    top: -2px;
    left: -2px;
}
.off_img {
	width: 100vw;
	height: 53vw;
	top: 3rem;
	left: unset;
	right: calc(55% - 7rem);
}
/* spec */
.spec_list {
	width: calc(100vw + 0.5rem);
	margin-left: -0.9rem;
}
.spec_list .slick-arrow svg {
	top: -2px;
	left: -2px;
}
.cat_img {
	width: 50%;
}
/* prod */
.prod_zag h2 strong {
	font-size: 2rem;
}
.prod_img {
	width: calc(100%/3);
}
.prod_img:last-child {
	display: inline-flex;
}
/* news */
.news_slide .slick-arrow svg {
	top: -2px;
	left: -2px;
}

.new_one {
	width: 100%;
	max-width: unset;
	margin-bottom: 1rem;
}
.new_one img {
	display: none;
}
.new_one .title {
	font-weight: 800;
	width: unset;
}
.news_head {
	padding: 1.5rem 1rem 0;
}
.news_foot {
	padding: 0rem 1rem;
	font-size: 0.875rem;
	margin-top: 0.5rem;
}
.new_one a span {
	transform: scale(0.6);
	transform-origin: left center;
	margin-left: 0.5rem;
}

/* we */
#we {
	padding-bottom: 2.5rem;
}
.gar_el {
	width: calc(100% / 2 - 0.5rem);
/*	margin: 0 0rem 1rem;*/
}
#we .round_sub {
	width: calc(100vw + 4rem);
	height: calc(100% + 2.5rem);
}
/* opf */
.opf_1 {
	display: none;
}
.opf_form {
	margin-right: auto;
	margin-left: auto;
	margin-top: 5rem;
}
.foot_logo {
	margin-top: 0.5rem;
	width: 100%;
	text-align: center;
	margin-bottom: 2rem;
}
.foot_menu_1 {
	margin-right: 0rem;
	width: 50%;
}
.foot_menu_2 {
	width: 50%;
}
/*.foot_menu {
	margin-left: unset;
	display: block;
}*/
/*
.foot_menu .menu {
	display: flex;
	width: 100%;
	justify-content: space-between;
}*/
.foot_menu .menu li {
	width: max-content;
	text-align: center;
	margin: auto !important;
}
.footer_wrap.line_2 {
	flex-wrap: wrap;
}
.foon_info_1 {
	width: 100%;
}
.foon_info_2 {
	max-width: unset;
	width: 100%;
	margin: 1rem 0 0;
}
.name_company {
	font-size: 2.5rem;
}
.foot_adress {
	text-align: center;
}
#footer .social {
	margin: 1rem auto 0;
	justify-content: center;
}
/***********************************/
}
@media (max-width: 413px) {
#header .mainrow {
	justify-content: space-between;
	flex-wrap: wrap;
	display: block;
}
/*#header .logo {
	margin: auto;
}*/
.header_col.col3 {
	display: flex;
	flex-wrap: unset;
	justify-content: flex-end;
	margin: 1rem 2rem 0;
}
.head_autotiz_wrap {
	width: max-content;
	order: 1;
	position: absolute;
	top: 0;
	right: 5rem;
}
#header .logo a {
	margin-top: 0.3rem;
}

/*****************/
}
/*
==============================
	xs 375 - Смартфоны	(320)
==============================
*/
@media (max-width: 375px) {
.header_col {
	display: none;
}
.gar_el {
	width: 100%;
	max-width: unset;
}

.cat_img img {
	height: 100%;
}
.gar_text_wrap.imgon {
	padding-top: 45vw;
}
/************************/
}

@media (max-width:359px) {
.off_wrap_btn {
	display: block;
	margin-left: 0rem;
}
.off_wrap_btn .wrap_btn .btn {
	width: 100%;
	text-align: center;
}
.off_brn_text {
	min-height: unset;
	max-width: unset;
}
.spec_list {
	width: calc(100vw + 0.5rem);
	margin-left: -0.5rem;
}
/************************/
}


/* animation */

.animated .off_text p .drop_line {
	animation-name: fromBottomBig;
	animation-duration: 500ms;
	animation-delay: 2000ms;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-fill-mode: backwards, forwards;
	animation-iteration-count: 1;
	animation-direction: normal

}

.animated .off_wrap_btn {
	animation-name: fromBottomBig;
	animation-duration: 500ms; /* время действия */
	animation-delay: 2500ms; /* время задержки */
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-fill-mode: backwards, forwards;
	animation-iteration-count: 1;
	animation-direction: normal

}

.off_img.animated{
	animation-name: zoomIn;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 1500ms; /* время действия */
	animation-delay: 000ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */
}


.animated.round_sub {
	animation-name: fromBottomBig;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 500ms; /* время действия */
	animation-delay: 000ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */
}


.animated .gar_el{
	animation-name: fromBottomBig;
	animation-duration: 1500ms; /* время действия */
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-fill-mode: backwards, forwards;
	animation-iteration-count: 1;
	animation-direction: normal
}
.gar_el.el_1{animation-delay: 0ms; /* время задержки */}
.gar_el.el_2{animation-delay: 500ms; /* время задержки */}
.gar_el.el_3{animation-delay: 750ms; /* время задержки */}
.gar_el.el_4{animation-delay: 250ms; /* время задержки */}
.gar_el.el_5{animation-delay: 750ms; /* время задержки */}
.gar_el.el_6{animation-delay: 625ms; /* время задержки */}




.spec_rectangle.animated{
	animation-name: fromLeftBig;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 2000ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */

}

.spec_list::before {
	display: block;
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	background-color: #f7f7f7;
	z-index:10;
}
.animated.spec_list:before{
	animation-name: toRightOut;
	animation-timing-function: linear;
	animation-duration: 2000ms; /* время действия */
	animation-delay: 1000ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */

}


.animated.cat_item{
	animation-name: fromTop;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 500ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */
}
.cat_item.el_2{animation-delay: 500ms; /* время задержки */}
.cat_item.el_3{animation-delay: 625ms; /* время задержки */}
.cat_item.el_4{animation-delay: 250ms; /* время задержки */}
.cat_item.el_5{animation-delay: 500ms; /* время задержки */}
.cat_item.el_6{animation-delay: 250ms; /* время задержки */}


.animated.prod_img {
	animation-name: rotateTopLeft;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 750ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */
}



.animated em::before {
	animation-name: zoomInTopRight;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 500ms; /* время действия */
	animation-delay: 750ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */
}

.animated em::after {
	animation-name: zoomInBottomLeft;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 500ms; /* время действия */
	animation-delay: 750ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */
}


.animated.sl_item.el_1 {
	animation-name: fromLeft;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 1000ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
}
.animated.sl_item.el_2{
	animation-name: fromRight;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 2000ms; /* время действия */
	animation-delay: 1000ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
}




.name_company span{
	animation-name: fromBottom;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 250ms; /* время действия */
	animation-delay: 0ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
}
.name_company span:nth-child(2){animation-delay: 100ms;}
.name_company span:nth-child(3){animation-delay: 200ms;}
.name_company span:nth-child(4){animation-delay: 300ms;}
.name_company span:nth-child(5){animation-delay: 400ms;}
.name_company span:nth-child(6){animation-delay: 500ms;}
.name_company span:nth-child(7){animation-delay: 600ms;}
.name_company span:nth-child(8){animation-delay: 700ms;}
.name_company span:nth-child(9){animation-delay: 800ms;}
.name_company span:nth-child(10){animation-delay: 900ms;}
.name_company span:nth-child(11){animation-delay: 1000ms;}
.name_company span:nth-child(12){animation-delay: 1100ms;}
.name_company span:nth-child(13){animation-delay: 1200ms;}




.animated .biz_wrap_item {
	animation-name: fromTopFull;
	animation-timing-function: cubic-bezier(.21,1.03,.7,1);
	animation-duration: 1000ms; /* время действия */
	animation-delay: 1000ms; /* время задержки */
	animation-fill-mode: backwards, forwards; /* поведение до и после аниации */
	animation-iteration-count: 1; /* количество повторов */
	animation-direction: normal /* направление анимации */

}

@keyframes fromTopFull {
  0% {
	transform: translateY(-100%);
  }
  100% {
	transform:translateY(0%);
	}
}

@keyframes rotateTopLeft {
  0% {
	opacity:0;
	transform: rotate(-90deg) translateY(-50%);
	transform-origin: top left;
  }
  100% {
	opacity:1;
	transform: rotate(0deg) translateY(0%);
	}

}

@keyframes fromTop {
  0% {
	opacity:0;
	transform: translateY(-16px);
  }
  100% {
	opacity:1;
	transform: translateY(0px);
	}

}
@keyframes fromLeft {
  0% {
	opacity:0;
	transform: translateX(-16px);
  }
  100% {
	opacity:1;
	transform: translateX(0px);
	}

}
@keyframes fromRight {
  0% {
	opacity:0;
	transform: translateX(16px);
  }
  100% {
	opacity:1;
	transform: translateX(0px);
	}

}
@keyframes fromBottom {
  0% {
	opacity:0;
	transform: translateY(16px);
  }
  100% {
	opacity:1;
	transform: translateY(0px);
	}
}
@keyframes fromBottomBig {
  0% {
	opacity:0;
	transform: translateY(32px);
  }
  100% {
	opacity:1;
	transform: translateY(0px);
	}
}
@keyframes zoomIn {
  0% {
	opacity:0;
	transform: scale(1.1);
  }
  100% {
	opacity:1;
	transform: scale(1);
	}
}
@keyframes fromLeftBig {
  0% {
	left:-100%;
  }
  100% {
	left:0;
	}
}

@keyframes toRightOut {
  0% {
	width:100%;
  }
  100% {
	width:0;
	}
}


@keyframes zoomInTopRight {
  0% {
	opacity:0;
	transform: scale(1.1) translate(-16px,16px);
  }
  100% {
	opacity:1;
	transform: scale(1.1)  translate(-0px,0x);
	}
}

@keyframes zoomInBottomLeft {
  0% {
	opacity:0;
	transform: scale(1.1) translate(16px,-16px);
  }
  100% {
	opacity:1;
	transform: scale(1.1)  translate(-0px,0x);
	}
}



/* шрифты */
/*#preloader {display:none;}*/

/* offer  */
h1 .drop_line{visibility: visible;}
/*.off_text  h1 .drop_line {overflow: hidden;}*/
/*.off_text  h1 .drop_line .char {
	transform: translateY(-100%);
	display: inline-block;
	transition:all 1500ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.off_text  h1 .drop_line .char.vis{
	transform: translateY(0%);
}*/
.off_text  h1 .drop_line .char {
	opacity:0;
}
.off_text  h1 .drop_line .char.vis{
	opacity:1;
}
/* spec */
/*.spec_zag h2 {overflow: hidden;}*/
.spec_zag {opacity:0;}
.spec_zag.flus {opacity:1;}
.spec_zag .char {
	opacity:0;
}
.spec_zag .char.vis{
	opacity:1;
}

/* cat */
.cat_zag {overflow: hidden; opacity:0;}
.cat_zag.flus {opacity:1;}
.cat_zag.flus br {display:none;}
.cat_zag .char {opacity:0;}
.cat_zag .char.vis{opacity:1;}


.cat_name {overflow: hidden; opacity:0;}
.cat_name.flus {opacity:1;}
.cat_name .char {
	opacity: 0;
	transform: translateX(100%);
	transition: all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
	display: inline-block;
}
.cat_name .char.vis{opacity:1;transform: translateX(0%);}

/* prod */
.prod_zag {opacity:0;}
.prod_zag.flus {opacity:1;}
.prod_zag .char {
	opacity:0;
	transform: translateY(-100%);
	display: inline-block;
	transition:all 1500ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.prod_zag .char.vis{
	opacity:1;
	transform: translateY(0%);
}
.prod_zag .text_color, .prod_zag strong {
	display: block;
}

/* about */
.about_text h2 {opacity:0;}
.about_text h2.flus {opacity:1;}
.about_text h2 .char {opacity:0;}
.about_text h2 .char.vis{opacity:1;}

.about_text p {opacity:0;}
.about_text p.flus {opacity:1;}
.about_text p .char {opacity:0; transform:translateY(100%); display:inline-block; transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;}
.about_text p .char.vis{opacity:1; transform:translateY(0); }

/* bis */
.bis_zag {overflow: hidden; opacity:0;}
.bis_zag.flus {opacity:1;}
.bis_zag .char {opacity:0; }
.bis_zag .char.vis{opacity:1;}


.biz_item h3 {overflow: hidden; opacity:0;}
.biz_item h3.flus {opacity:1;}
.biz_item h3 .char {color:#4c6c74;  position:relative; display:inline-block; transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;}
.biz_item h3 .char::before {
	position: absolute;
	display: block;
	content: "";
	background: #ffffff;
	width: 0.4em;
	height: 0.4em;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition:all 250ms cubic-bezier(.21,1.03,.7,1) 0ms;
}
.biz_item h3 .char.vis::before{
	background: rgba(255,255,255,0.01);
	width: 100%;
	height: 100%;
}
.biz_item h3 .char.vis{color:#ffffff;}

/* opf */
.opf_text h2 {overflow: hidden; opacity:0;}
.opf_text h2.flus {opacity:1;}
.opf_text h2 .char {opacity:0;}
.opf_text h2 .char.vis{opacity:1;}