@font-face {
	font-family: 'Montserrat';
	src: url('/static/font/Montserrat-Regular.ttf');
}

@font-face {
	font-family: 'MontserratMedium';
	src: url('/static/font/Montserrat-Medium.ttf');
}

@font-face {
	font-family: 'MontserratBold';
	src: url('/static/font/Montserrat-Bold.ttf');
}

@font-face {
	font-family: 'MontserratSemiBold';
	src: url('/static/font/Montserrat-SemiBold.ttf');
}

@font-face {
	font-family: 'MontserratExtraBold';
	src: url('/static/font/Montserrat-ExtraBold.ttf');
}

@font-face {
	font-family: 'CamingoMono';
	src: url('/static/font/CamingoMono-Regular.ttf');
}

@font-face {
	font-family: 'Inter-Regular';
	src: url('/static/font/Inter-Regular.woff2');
}

template{
	display: none;
}


input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }


html{
	height: 100%;
}

html,body{
	scroll-behavior: smooth;
}

*{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
	position: relative;
	font-family: Montserrat;
	-webkit-font-smoothing: antialiased;
	background: #F4F4F4;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

content{
	flex: 1;
}

a{
	text-decoration: none;
	color: inherit;
}

input,textarea{
	background: none;
}

.ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.section_h1[contenteditable]{
	opacity: 1;
	border-bottom: 1px solid #353535;
}

.good_move_toggle{
	position: absolute;
	top: 260px;
	right: 60px;
	width: 50px;
	height: 50px;
	background: url(../img/good/good_transfer.png) center/50px no-repeat;
	cursor: pointer;
	display: block;
}


@media (min-width:1px){
	.btn{
		color: #FFFFFF;
		font-family: 'Montserrat';
		text-align: center;
		cursor: pointer;
		background: #2B4B9B;
		border-radius: 3px;
		user-select: none;
	}

	.btn:hover{
		background: #3d65c9;
	}

	.btn:active{
		background: #1b3066;
	}

	.with_nds{
		font-family: 'Montserrat';
		color: #A2A2A2;
		font-size: 10px;
		line-height: 14px;
		text-align: center;
		margin-top: 2px;
	}

	.with_nds[show="0"]{
		display: none;
	}

	.good_filter_wrap_mob{
		margin: 0px 10px 0px;
		position: relative;
		padding: 9px 0px 10px;
		border-top: 1px solid #353535;
		border-bottom: 1px solid #353535;
		z-index: 2;
	}

	.good_filter_mob_selector_wrap{
		display: flex;
		align-items: center;
	}

	.good_filter_mob_selected{
		flex: 1;
	}

	.good_filter_mob_selected[selected="0"]{
		color: #B0B0B0;
		font-size: 15px;
		line-height: 21px;
	}

	.good_filter_mob_selected[selected="1"]{
		color: black;
		font-size: 12px;
		line-height: 16px;
	}

	.good_filter_mob_selector_icon{
		width: 18px;
		height: 18px;
		background: url(../img/good/filter_mob_select.png) center/auto no-repeat;
		transition: transform 0.3s;
		transform: rotate(180deg);
		margin: 0px 10px;
	}

	.good_filter_mob_list_wrap{
		overflow: hidden;
		position: absolute;
		left: 0px;
		transition: height 0.3s;
		width: 100%;
	}

	.good_filter_mob_list{
		padding: 5px 20px;
		background: #FFFFFF;
		box-shadow: 0px 18px 17px 6px rgba(43, 75, 155, 0.08);
	}

	.good_filter_mob_list_row{
		color: #606060;
		padding: 10px 0px;
		font-size: 12px;
		line-height: 16px;
	}

	.good_filter_mob_list_del{
		height: 1px;
		background: #EEEEEE;
	}

	.good_filter_wrap_mob[type="1"] .good_filter_mob_selector_icon{
		transform: rotate(0deg);
	}

	.good_filter_wrap{
		display: none;
	}

	.good_move_toggle{
		display: none;
	}
	.section_h1{
		font-size: 12px;
		line-height: 15px;
		text-align: left;
		margin: 45px 10px 0px;
		opacity: 0;
		max-width: 1120px;
	}
	
	.history_back_wrap{
		display: flex;
		margin: 30px 10px -35px;
		font-size: 12px;
		line-height: 18px;
		align-items: center;
		height: 18px;
		position: relative;
		z-index: 1;
	}

	.history_back_icon{
		width: 10px;
		height: 18px;
		background: url(../img/history_nav/back.png) center/100% no-repeat;
		margin-right: 13px;
	}
	
	.history_back_text{
		color: #B0B0B0;
	}

	.history_nav_wrap{
		display: none;
		margin: 150px auto 50px;
		width: 1120px;
		font-size: 16px;
		line-height: 20px;
		font-family: MontserratSemiBold;
		text-decoration-line: underline;
		color: #D1D1D1;

	}

	.history_nav_home{
		width: 20px;
		height: 20px;
		background: url(../img/history_nav/home.png) center/auto no-repeat;
		cursor: pointer;
	}

	.history_nav_arrow{
		width: 20px;
		height: 20px;
		background: url(../img/history_nav/arrow.png) center/auto no-repeat;
		margin: 0px 30px;
	}

	.site_list_wrap{
		width: 100%;
		margin: 48px auto 0px;
		display: grid;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		grid-template-columns: repeat(2, 1fr);
		padding: 0px 20px;
	}

	.site_list_elem{
		width: 100%;
	}

	.section_menu_card{
		transition: transform 0.3s,box-shadow 0.3s;
		overflow: hidden;
		will-change: transform;
		transform: scale(1) translateZ(0);
		border-radius: 3px;
		cursor: pointer;
	}

	.section_menu_card:hover{
		will-change: transform;
		transform: scale(1.027) translateZ(0);
		box-shadow: 0px 0px 17px 6px rgba(43, 75, 155, 0.16);
	}

	.section_menu_img{
		width: 100%;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 55.556%;
	}

	.section_menu_text{
		text-align: center;
		padding: 5px 0px;
		width: 100%;
		height: auto;
		line-height: 12px;
		font-size: 10px;
		color: #353535;
	}

	.section_menu_img[type="faq"]{
		background-image: url(../img/support/faq.png);
	}

	.section_menu_img[type="response"]{
		background-image: url(../img/support/response.png);
	}

	.section_menu_img[type="history"]{
		background-image: url(../img/about/menu_pics/history.png);
	}

	.section_menu_img[type="events"]{
		background-image: url(../img/about/menu_pics/events.png);
	}

	.section_menu_img[type="targets"]{
		background-image: url(../img/about/menu_pics/targets.png);
	}

	.section_menu_img[type="requisites"]{
		background-image: url(../img/about/menu_pics/requisites.png);
	}

	.section_menu_img[type="indication"]{
		background-image: url(../img/products/menu_pics/indication.png);
	}

	.section_menu_img[type="posts"]{
		background-image: url(../img/products/menu_pics/posts.png);
	}

	.section_menu_img[type="controlroom"]{
		background-image: url(../img/products/menu_pics/controlroom.png);
	}

	.section_menu_img[type="radio"]{
		background-image: url(../img/products/menu_pics/radio.png);
	}

	.section_menu_img[type="schaefer"]{
		background-image: url(../img/products/menu_pics/schaefer.png);
	}

	.section_menu_img[type="others"]{
		background-image: url(../img/products/menu_pics/others.png);
	}

	.site_button_blue{
		font-size: 16px;
		line-height: 20px;
		color: #FFFFFF;
		font-family: 'MontserratSemiBold';
		text-align: center;
		cursor: pointer;
		padding: 10px 36px;
		background: #2B4B9B;
		border-radius: 3px;
		user-select: none;
	}

	.site_button_blue:hover{
		background: #3d65c9;
	}

	.site_button_blue:active{
		background: #1b3066;
	}

	.site_button_red{
		font-size: 16px;
		line-height: 20px;
		color: #FFFFFF;
		font-family: 'MontserratSemiBold';
		text-align: center;
		cursor: pointer;
		padding: 10px 36px;
		background: #9b2b2b;
		border-radius: 3px;
		user-select: none;
	}

	.site_button_red:hover{
		background: #c93d3d;
	}

	.site_button_red:active{
		background: #661b1b;
	}

	.in_cart_button{
		padding: 0px 48px;
		width: fit-content;
		margin-top: 10px;
	}

	.in_cart_wrap{
		width: 135px;
		display: flex;
		align-items: center;
		height: 40px;
		justify-content: space-between;
	}

	.in_card_icon{
		width: 27px;
		height: 40px;
		background: url(../img/good/cart_icon.png) center/auto no-repeat;
	}

	.in_cart_from_list{
		opacity: 0;
		transition: opacity 0.3s;
		margin: -7px auto 17px;
		display: none;
	}

	.section_menu_card:hover .in_cart_from_list{
		opacity: 1;
	}

	.pager_wrap{
		margin: 70px auto;
		display: flex;
		width: fit-content;
		user-select: none;
	}

	.page_button{
		display: block;
		width: 35px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		cursor: pointer;
		font-size: 14px;
		margin: 0px 4px;
	}

	.page_button[type="num"]{
		border-radius: 50%;
	}

	.page_button[type="num"][active="1"]{
		background: #2B4B9B;
		color: white;
	}

	.page_button[type="num"]:hover{
		background: #F4F4F4;
		box-shadow: 0px 0px 17px 6px rgba(43, 75, 155, 0.16);
	}

	.page_button[type="num"][active="1"]:hover{
		background: #2B4B9B;
		box-shadow: 0px 0px 17px 6px rgba(43, 75, 155, 0.16);
	}

	.page_button[type="back"]{
		background: url(../img/good/page_back.png) center/contain no-repeat;
		margin-right: 40px;
		display: none;
	}

	.page_button[type="next"]{
		background: url(../img/good/page_next.png) center/contain no-repeat;
		margin-left: 40px;
		display: none;
	}

	.section_text{
		font-family: 'Inter-Regular';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 15px;
		text-align: left;
		padding: 20px 10px;
		margin: 0px 0px -48px; 
		color: #777777;
	}

	.section_text:empty{
		padding: 0;
		margin: 0;
	}
}

@media (min-width:720px){
	.with_nds{
		margin-top: 5px;
	}

	.section_text{
		width: calc(100% - 100px);
		padding: 20px 0px;
		margin: 0px auto -48px;
	}

	.good_filter_wrap_mob{
		width: 300px;
		margin: 0px auto;
	}

	.history_back_wrap{
		margin: 30px 10px -35px 50px;
	}
}

@media (min-width:960px){
	.with_nds{
		margin-top: 9px;
	}

	.history_back_wrap{
		margin: 30px 10px -35px 38px;
	}

	.section_text{
		width: calc(100% - 76px);
	}
}

@media (min-width:1120px){
	.section_text{
		width: 1120px;
		font-size: 16px;
		line-height: 19px;
		padding: 30px 0px 35px;
		margin: auto;
	}

	.section_text:empty {
		margin-top: 100px;
	}

	.section_text[contenteditable]{
		border: 1px solid #353535;
		min-height: 19px;
	}

	.section_text[contenteditable]:empty{
		margin-top: 0;
		padding: 30px 0px 35px;
		margin: auto;
	}

	.with_nds{
		font-size: 12px;
		line-height: 16px;
		margin-top: 39px;
	}
	.good_item_text_wrap{
		height: 76px;
	}

	.good_filter_wrap_mob{
		display: none;
	}

	.good_filter_wrap{
		width: 1120px;
		margin: 0px auto 0px;
		display: grid;
		grid-gap: 1px 1px;
		background: #E2E2E2;
		padding: 1px 0px;
		grid-template-columns: repeat(12,1fr);
	}

	.good_filter_wrap[grid_style="1"] .good_filter_button{
		grid-column: span 12;
	}

	.good_filter_wrap[grid_style="3"] .good_filter_button{
		grid-column: span 4;
	}

	.good_filter_wrap[grid_style="4"] .good_filter_button{
		grid-column: span 3;
	}

	.good_filter_wrap[grid_style="5"] .good_filter_button{
		grid-column: span 4;
	}

	.good_filter_wrap[grid_style="5"] .good_filter_button:nth-child(4n),
	.good_filter_wrap[grid_style="5"] .good_filter_button:nth-child(5n){
		grid-column: span 6;
	}

	.good_filter_wrap[grid_style="2"] .good_filter_button{
		grid-column: span 6;
	}

	.good_filter_button{
		display: flex;
		height: 70px;
		align-items: center;
		justify-content: center;
		background: #F4F4F4;
		padding: 0px 15px;
		color: #353535;
		font-family: 'MontserratSemiBold';
		line-height: 18px;
		position: relative;
		transition: box-shadow 0.3s;
		cursor: pointer;
		text-align: center;
	}

	.good_filter_button[active="1"]{
		outline: 1px solid #2B4B9B;
		color: #2B4B9B;
	}

	.good_filter_button:hover{
		box-shadow: 0px 0px 17px 6px rgba(43, 75, 155, 0.16);
		z-index: 1;
	}

	.good_move_toggle{
		display: block;
	}
	.section_h1{
		margin: -35px auto 30px;
		font-size: 12px;
		line-height: 15px;
		min-height: 15px;
		text-align: center;
		opacity: 0;
		max-width: 1120px;
	}

	.history_nav_wrap{
		display: flex;
		margin: 150px auto 50px;
		width: 1120px;
		font-size: 16px;
		line-height: 20px;
		font-family: MontserratSemiBold;
		text-decoration-line: underline;
		color: #D1D1D1;
		position: relative;
		z-index: 1;
	}

	.history_nav_wrap[type="0"]{
		text-decoration: none;
	}

	.history_back_wrap{
		display: none;
	}

	.history_nav_home{
		width: 20px;
		height: 20px;
		background: url(../img/history_nav/home.png) center/auto no-repeat;
		cursor: pointer;
	}

	.history_nav_arrow{
		width: 20px;
		height: 20px;
		background: url(../img/history_nav/arrow.png) center/auto no-repeat;
		margin: 0px 30px;
	}

	.site_list_wrap{
		width: 1120px;
		display: grid;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		grid-template-columns: repeat(3, 1fr);
		margin: auto;
		padding: 0;
	}

	.site_list_elem{
		width: 360px;
	}

	.section_menu_card{
		transition: transform 0.3s,box-shadow 0.3s;
		overflow: hidden;
		transform: scale(1) translateZ(0);
		border-radius: 3px;
		cursor: pointer;
		position: relative;
		backface-visibility: hidden;
	}

	.good_move_wrap{
		width: 360px;
		background: #F4F4F4;
	}

	.good_move_wrap .section_menu_card{
		cursor: move;
	}

	.section_menu_card:hover{
		transform: translateY(-2px) translateZ(0);
		box-shadow: 0px 0px 17px 6px rgba(43, 75, 155, 0.16);
	}

	.section_menu_img{
		width: 100%;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 55.556%;
		position: relative;
	}

	.section_menu_img[onclick]:hover::after{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: url(../img/cabinet/camera.png) center/50px no-repeat rgba(0,0,0,0.5);
		cursor: pointer;
		border-radius: 3px;
	}

	.section_menu_text{
		text-align: center;
		padding: 20px;
		width: 100%;
		height: 88px;
		line-height: 24px;
		font-size: 20px;
		color: #353535;
	}

	.section_menu_text[contenteditable="true"] {
		border-bottom: 1px solid #353535;
	}

	.section_menu_img[type="faq"]{
		background-image: url(../img/support/faq.png);
	}

	.section_menu_img[type="response"]{
		background-image: url(../img/support/response.png);
	}

	.section_menu_img[type="history"]{
		background-image: url(../img/about/menu_pics/history.png);
	}

	.section_menu_img[type="events"]{
		background-image: url(../img/about/menu_pics/events.png);
	}

	.section_menu_img[type="targets"]{
		background-image: url(../img/about/menu_pics/targets.png);
	}

	.section_menu_img[type="requisites"]{
		background-image: url(../img/about/menu_pics/requisites.png);
	}

	.section_menu_img[type="indication"]{
		background-image: url(../img/products/menu_pics/indication.png);
	}

	.section_menu_img[type="posts"]{
		background-image: url(../img/products/menu_pics/posts.png);
	}

	.section_menu_img[type="controlroom"]{
		background-image: url(../img/products/menu_pics/controlroom.png);
	}

	.section_menu_img[type="radio"]{
		background-image: url(../img/products/menu_pics/radio.png);
	}

	.section_menu_img[type="schaefer"]{
		background-image: url(../img/products/menu_pics/schaefer.png);
	}

	.section_menu_img[type="others"]{
		background-image: url(../img/products/menu_pics/others.png);
	}

	.site_button_blue{
		font-size: 16px;
		line-height: 20px;
		color: #FFFFFF;
		font-family: 'MontserratSemiBold';
		text-align: center;
		cursor: pointer;
		padding: 10px 36px;
		background: #2B4B9B;
		border-radius: 3px;
		user-select: none;
	}

	.site_button_blue:hover{
		background: #3d65c9;
	}

	.site_button_blue:active{
		background: #1b3066;
	}

	.site_button_red{
		font-size: 16px;
		line-height: 20px;
		color: #FFFFFF;
		font-family: 'MontserratSemiBold';
		text-align: center;
		cursor: pointer;
		padding: 10px 36px;
		background: #9b2b2b;
		border-radius: 3px;
		user-select: none;
	}

	.site_button_red:hover{
		background: #c93d3d;
	}

	.site_button_red:active{
		background: #661b1b;
	}

	.good_remove_wrap{
		font-size: 20px;
	}

	.good_remove_label{
		padding-top: 20px;
	}

	.good_remove_name{
		line-height: 30px;
		padding: 20px 0px;
	}

	.good_remove_icon_wrap{
		position: relative;
		opacity: 0;
		transition: opacity 0.3s;
	}

	.site_list_elem:hover .good_remove_icon_wrap{
		opacity: 1;
	}

	.good_remove_icon{
		position: absolute;
		top: 5px;
		right: 5px;
		width: 25px;
		height: 25px;
		cursor: pointer;
		background: url(../img/header/close.png) center top/auto no-repeat;
		z-index: 2;
	}


	.in_cart_button{
		padding: 0px 48px;
		width: fit-content;
		margin-top: 10px;
	}

	.in_cart_wrap{
		width: 135px;
		display: flex;
		align-items: center;
		height: 40px;
		justify-content: space-between;
	}

	.in_card_icon{
		width: 27px;
		height: 40px;
		background: url(../img/good/cart_icon.png) center/auto no-repeat;
	}

	.in_cart_from_list{
		opacity: 0;
		transition: opacity 0.3s;
		margin: -7px auto 17px;
		display: block;
	}

	.section_menu_card:hover .in_cart_from_list,
	.section_menu_card:hover .good_item_count_to_add_wrap{
		opacity: 1;
	}

	.to_edit_button{
		position: absolute;
		top: 184px;
		right: 60px;
		width: 50px;
		height: 50px;
		background: url(../img/main_edit/to_main_edit.png) center/50px no-repeat;
		cursor: pointer;
		display: block;
	}

	.pager_wrap{
		margin: 70px auto;
		display: flex;
		width: fit-content;
	}

	.page_button{
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
		font-size: 14px;
		margin: 0px 10px;
	}

	.page_button[type="num"]{
		border-radius: 50%;
	}

	.page_button[type="num"][active="1"]{
		background: #2B4B9B;
		color: white;
	}

	.page_button[type="num"]:hover{
		background: #F4F4F4;
		box-shadow: 0px 0px 17px 6px rgba(43, 75, 155, 0.16);
	}

	.page_button[type="num"][active="1"]:hover{
		background: #2B4B9B;
		box-shadow: 0px 0px 17px 6px rgba(43, 75, 155, 0.16);
	}

	.page_button[type="back"]{
		background: url(../img/good/page_back.png) center/contain no-repeat;
		margin-right: 40px;
		display: block;
	}

	.page_button[type="next"]{
		background: url(../img/good/page_next.png) center/contain no-repeat;
		margin-left: 40px;
		display: block;
	}
}


