body > div.site{
	/* min-height: 100vh; */
	background-color: #ffffff;
}

body{
	font-size: 14px;
	padding-top: 0em;
	padding-bottom: 0em;
}
.padding_top_5em{
	padding-top: 5em;
}

main{
	
}



/* body.page-id-1 > div.site { */
    /* padding-top: 9em; */
	/* background-color: #FF0000; */
/* } */

/* body.page-id-1 div.div_header ._svg{ */
    /* padding-top: 0em; */
	/* background-color: transparent; */
	/* color: #ffffff; */
	/* fill: #006954; */
/* } */
/* body.page-id-326 div.div_header .button { */
	/* border: 1px solid #ffffff; */
	/* color: #ffffff; */
	/* background-color: transparent; */
/* } */
/* body.page-id-326 div.div_header .button:hover { */
	/* border: 1px solid #54B7BC; */
	/* color: #54B7BC; */
/* } */

body.admin-bar .div_header{ margin-top: 32px; }
body.admin-bar .div_header_mobile{ margin-top: 32px; }

@media screen and (max-width: 782px){
  body.admin-bar .div_header{ margin-top: 46px; }
  body.admin-bar .div_header_mobile{ margin-top: 46px; }
}




.position_humburger{
    position: absolute;
    right: 0em;
    top: 2.5em;
}

lord-icon{
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 2em;
	height: 2em;
}

.woocommerce-info{
	background-color: transparent !important;
	margin: 0em;
}



.div_header_menu li.haschild{
	background-image: url(/wp-content/themes/afina/assets/images/svg/more_down.svg);
	background-repeat: no-repeat;
	background-size: 0.7em;
	background-position: top 60% right 0em;
	padding-right: 1em;
}

.div_header_menu li a:hover{
	border-bottom: 1px solid #653000;
	/* font-weight: 600; */
}

/* .border_bottom{ */
	/* border-bottom: 1px solid #000000; */
/* } */
/* .border_top{ */
	/* border-top: 1px solid #000000; */
/* } */

.header_hover:hover{
	border-bottom: 1px solid #ffffff;
	/* font-weight: 600; */
}

.div_footer_menu a:hover{
	border-bottom: 1px solid #ffffff;
}


.mod_filter_menu li a.active{
	font-weight: 600;
}

.red_link{
	color: #AC0000
}

.main_font_color{
	color: #653000
}

.white_color{
	color: #ffffff
}

.green_font_color{
	color: #5F7229
}

.main_svg_color{
	fill: #653000
}

.green_svg_color{
	fill: #5F7229
}

.red_link:hover{
	color: #FF0707;
	border-bottom: 1px solid #FF0707;
}



.radio_button_position label {
    display: inline-block;
    margin-top: 0.5em;
}
.label_colors input[type=radio] {
    display: none;
}
input[type="radio"] {
    appearance: auto;
    margin: 0em 0.6em 0em 0em;
    accent-color: #383838;
}

.checked_vacancy{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 0.4em 1.3em;
    transition: color 0.3s ease-out, background 0.3s ease-out, box-shadow 0.3s ease-out;
    border-radius: 50em;
    font-weight: 600;
    max-width: 15em;
	border: 1px solid #A31008;
}
.checked_vacancy:hover{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 0.4em 1.3em;
    transition: color 0.3s ease-out, background 0.3s ease-out, box-shadow 0.3s ease-out;
    border-radius: 50em;
    font-weight: 600;
    max-width: 15em;
	border: 1px solid #A31008;
	background-color: #A31008;
	color: #ffffff;
}
.sssssssssssssssss{
	font-size: 1.833em;
	font-weight: bold;
}
@media screen and (min-width: 600px){
	.sssssssssssssssss{
		font-size: 1.074em;
		font-weight: 300;
	}
}

.checked_deliv{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 0.4em 1.3em;
    transition: color 0.3s ease-out, background 0.3s ease-out, box-shadow 0.3s ease-out;
    border-radius: 50em;
    font-weight: 600;
    max-width: 15em;
	border: 1px solid #A31008;
}
.checked_deliv:hover{
	color: #ffffff;
    border: 1px solid #A31008;
    background-color: #A31008;
}

._label input[type=radio]:checked + .checked_deliv{
	color: #ffffff;
    border: 1px solid #A31008;
    background-color: #A31008;
}

/* .label_colors input[type=radio]:checked + .circle_for_color { */
    /* box-shadow: 0em 0em 0em 2px #383838; */
	/* border: 1px solid #ffffff; */
/* } */
/* .label_colors input[type=radio] + .circle_for_color { */
    /* content: ""; */
    /* background-color: #B7B7B7; */
    /* height: 2.5em; */
    /* width: 2.5em; */
    /* border: 2px solid #ffffff; */
    /* border-radius: 50%; */
    /* cursor: pointer; */
    /* margin-right: 0.4em; */
	
	/* border: 1px solid #000000; */
/* } */
/* .label_colors input[type=radio] + .circle_for_color:hover { */
    /* box-shadow: 0.1em 0.1em 0.4em rgb(0 0 0 / 15%); */
	/* border: 1px solid #000000; */
/* } */

.block_title{
	/* font-size: x-large; */
	color: #680908;
}


.height_100vh_minus_5em{
	height: calc(50vh - 5em);
}



.hover_breadcrumbs a:hover{
	color: #D9D9D9;
}


.width_20{
	width: 50%;
}

.sticky_faq{
	position: sticky;
	top: 0px;
}

.sticky_menu{
	position: sticky;
	top: 60px;
}

.sticky_menu_categories{
	position: sticky;
	top: -40vh;
}

.height_100vh{
	height: 50vh;
}

.radio_button_position label {
    display: inline-block;
    margin-top: 0.5em;
}
.label_sizes input[type=radio] {
    display: none;
}
input[type="radio"] {
	display: none;
	/* visibility: hidden; */
    /* width: 0; */
    /* appearance: auto; */
    /* margin: 0em 0em 0em 0em; */
    /* accent-color: #383838; */
}




.label_menu input[type=radio]:checked + .button{
    color: #ffffff;
    border: 1px solid #A31008;
    background-color: #A31008;
}




.label_sizes input[type=radio] + .line_for_color {
    content: "";
    /* background-color: #B7B7B7; */
    height: 2.5em;
    width: 2.5em;
    border-bottom: 2px solid #ffffff;
    /* border-radius: 50%; */
    cursor: pointer;
    margin-right: 0.4em;
}
.label_sizes input[type=radio] + .line_for_color:hover {
    /* box-shadow: 0.1em 0.1em 0.4em rgb(0 0 0 / 15%); */
	border-bottom: 2px solid #000000;
}



.is-hidden{
	display: none;
}

.is-visibly{
	display: block;
}

.js-form-woocommerce.is-active .if-not-active{
	display: none;
}

.js-form-woocommerce:not(.is-active) .if-active{
	display: none;
}






















.gradient_block{
	background: linear-gradient(89.55deg, #5DC559 28.53%, #4CABE6 103.17%);
}

.background_white{
	background-color: #ffffff;
	z-index: 1000;
}

.div_header{
	position: fixed;
	box-sizing: border-box;
	top: 0em;
	left: 0em;
	right: 0em;
	height: 0em;
	color: #680908;
	background-color: #ffffff;
	z-index: 10000;
}

.div_header .div_spacer{
	padding: 0em !important;
}

.div_header, .div_header .div_spacer{ height: 5em; }

.div_header .img_logo{
	display: block;
	height: 2.333em;
	outline: none;
}
.div_header a:hover{
	transition: all 0.3s;
	cursor: pointer;
	/* color: #006954; */
	font-weight: 600;
}
.div_header a:active{
	font-weight: 600;
}
/* .div_header .basket_text{ */
	/* padding-left: 0.6em; */
/* } */

/* .div_header .basket_text:empty{ */
	/* display: none; */
/* } */


.fill_red{
	fill: #9B0F0E;
}

.div_header_mobile{
	position: fixed;
	top: 5em;
	left: 0em;
	right: 0em;
	bottom: 0em;
	width: 24em;
	z-index: 500000;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s cubic-bezier(0.79,0,0.27,1.55);
}

.div_header_mobile.active{
	visibility: visible;
	opacity: 1;
}

.div_header_mobile .overlay{
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	width: 100vw;
	z-index: 1;
	background-color: transparent;
}

.circle_for_link{
    border-radius: 50%;
    padding: 0.5em;
	cursor: pointer;
	transition: all 0.3s;
}
.circle_for_link:hover{
	background-color: rgba(198, 187, 184, 1);
}


.ap-head{
	transition: all 0.5s;
}

.hover_only_a:hover{
	color: #D9D9D9;
}

.margin_left_4_15{
	margin-left: 4.15%;
}


.div_footer .gorizontal_menu li.current-menu-item a, .gorizontal_menu li a:hover {
    /* border-bottom: 1px solid #ffffff; */
}
.div_header .gorizontal_menu li.current-menu-item a, .gorizontal_menu li a:hover {
    /* color: #006954; */
	font-weight: 600;
}

/*9999999999999999999999999999999999999999999999999999*/
.container_for_gallery {
	display: grid;
	grid-gap: 16px;
	justify-content: center;
	grid: repeat(6, 15em) / repeat(5, 18%);
}

.photo {
  background-size: cover;
}

.photo1 {
  grid-area: 1 / 1 / span 1 / span 2;
}

.photo2 {
  grid-area: 1 / 3 / span 2 / span 2;
}

.photo3 {
  grid-area: 2 / 2 / span 1 / span 1;
}

.photo4 {
  grid-area: 2 / 5 / span 1 / span 1;
}

.photo5 {
  grid-area: 3 / 2 / span 2 / span 2;
}

.photo6 {
  grid-area: 3 / 4 / span 1 / span 2;
}

.photo7 {
  grid-area: 4 / 1 / span 2 / span 1;
}

.photo8 {
  grid-area: 4 / 4 / span 2 / span 1;
}

.photo9 {
  grid-area: 6 / 2 / span 1 / span 2;
}

.border_bottom{
	border-bottom: 1px solid #000000;
}
.border_right{
	border-right: transparent;
}
.border_left{
	border-left: transparent;
}

.border_radius_1_5em{
	border-radius: 1.5em;
}


.position_about_mini_img_1{
	position: absolute;
	bottom: -15%;
	right: 33%;
	width: 15%;
	z-index: 10;
}
.position_about_mini_img_2{
	position: absolute;
    bottom: -20%;
    right: 15%;
    width: 20%;
    z-index: 11;
}
.position_about_mini_img_3{
	position: absolute;
    bottom: -15%;
    right: 2%;
    width: 15%;
    z-index: 10;
}

.width_90{
	width: 90%;
}


.div_header_mobile .div_menu{
	position: absolute;
	top: 0em;
	right: 0em;
	left: 0em;
	bottom: 0em;
	/* width: 24em; */
	max-width: 100%;
	background-color: rgb(163 16 8);
    color: #ffffff;
	z-index: 2;
	box-sizing: border-box;
	padding: 2.5em 0em 2.5em 0em;
	/* box-shadow: 0em 0.5em 0.5em rgba(0, 0, 0, 0.1); */
	/* font-size: 24px */
}

.div_header_mobile .div_menu ul{
	height: 100%;
	overflow: auto;
}

.div_header_mobile .div_menu li a:hover,
.div_header_mobile .div_menu li.current_page_item a{
	font-weight: 600;
}

/* .height_mobile_col{ */
	/* min-height: 100vh; */
/* } */


.circle_header{
	padding: 0.5em;
	border-radius: 50%;
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.div_header a:hover .circle_header{
	box-shadow: 0px 0px 4px rgba(0, 105, 84, 0.2);
}
.circle_footer{
	padding: 0.5em;
	border-radius: 50%;
	background-color: #ffffff;
}
.fill_green{
	fill: #006954;
}
.this_text{
	border-bottom: 1px solid transparent;
}
.hover_border_bottom:hover .this_text{
	border-bottom: 1px solid #ffffff;
}




.block_shadow{
	display: inline-block;
    box-sizing: border-box;
	padding: 0.35em 0.8em;
	border-radius: 1.25em;
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.block_white_border{
	display: inline-block;
    box-sizing: border-box;
	padding: 0.35em 0.8em;
	border-radius: 1.25em;
	border: 1px solid #ffffff;
	/* box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.15); */
}
.color_green{
	color: #006954;
}


.border_phone{
	border-radius: 3em;
	border: 1px solid #ffffff; 
}

.fill_black_hamburger .this_hamburger{
	fill: #000000;
}

.container_big{
	padding: 0em 1em;
}

.color_black{
	color: #000000;
}

.fill_black{
	fill: #0B0B0B;
}

.fill_white{
	fill: #ffffff;
}
.fill_grey{
	fill: #BDBDBD;
}
.fill_grey_hover:hover, .fill_grey_hover.active{
	fill: #ffffff;
	cursor: pointer;
}
.fill_grey_hover_black:hover{
	fill: #0B0B0B;
	cursor: pointer;
}

.show_circle_blur:hover .circle_blur{
	max-width: 10em;
	border: 1px solid #ffffff;
}
.sub-menu{
	padding-left: 1em;
}


.color_red{
	color: #9B0F0E;
}
.color_red_dark{
	color: #680908;
}

.webkit_right{
	text-align: -webkit-right;
}

.width_20{
	width: 20%;
}
.width_15{
	width: 15%;
}


.hover_subcategory{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 0.4em 1.3em;
    transition: color 0.3s ease-out, background 0.3s ease-out, box-shadow 0.3s ease-out;
    border-radius: 50em;
    /* font-weight: 600; */
    max-width: 15em;
	border: 1px solid #A31008;
}
.hover_subcategory:hover{
	color: #ffffff;
    border: 1px solid #A31008;
    background-color: #A31008;
}

.button{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.2em;
    cursor: pointer;
    text-align: center;
    padding: 0.4em 0.8em;
    transition: color 0.3s ease-out, background 0.3s ease-out, box-shadow 0.3s ease-out;
    border-radius: 50em;
    font-weight: 600;
    max-width: 18em;
	border: 1px solid transparent;
}

/* .button.mod_X{ */
	/* padding: 0.4em 0.4em; */
/* } */
.button.mod_big{
	max-width: 20em;
}
.button.mod_red{
	color: #ffffff;
    border: 1px solid #A31008;
    background-color: #A31008;
}
.button.mod_red:hover{
	color: #A31008;
    border: 1px solid #A31008;
    background-color: #ffffff;
}

.button.mod_red.mod_light:hover{
	color: #A31008;
    border: 1px solid rgba(163, 16, 8, 0.35);
    background-color: rgba(163, 16, 8, 0.35);
}

.button.mod_red_outline{
	color: #A31008;
	border: 1px solid #A31008;
	background-color: #ffffff;
}

.button.mod_red_outline:hover{
	color: #ffffff;
    border: 1px solid #A31008;
    background-color: #A31008;
}




.grayscale_hover:hover{
	filter: grayscale(1);
}

.fit_content{
	inline-size: fit-content;
}




.div_header_bottom{
	display: none;
	position: fixed;
	box-sizing: border-box;
	bottom: 0em;
	left: 0em;
	right: 0em;
	height: 4em;
	box-shadow: 0em 0em 0.5em rgb(0 0 0 / 10%);
	color: #000000;
	background-color: #ffffff;
	z-index: 300;
}

.div_header_bottom .a_link{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
    height: 4em;
	transition: background 0.2s ease-in-out;
}

.div_header_bottom .a_link:hover{
	background-color: rgb(0 0 0 / 5%);
}

.div_header_bottom .a_link ._svg{
	margin-top: 0.2em;
}

.div_header_bottom .a_link .div_name{
	font-size: 0.714em;
	margin-top: 0.2em;
}


.div_footer{
	color: #9B0F0E;
    background-color: #ffffff;
}


.div_footer li a:hover{
	transition: all 0.3s;
	/* border-bottom: 1px solid #9B0F0E; */
}

.div_footer ._svg{
	/* fill: #000000; */
}

/*footer {
	background: linear-gradient(90deg, #2C4DA4 0%, #288F95 100%);
	color: #FFFFFF;
	padding: 2em 0em;
}*/


.gorizontal_menu li{
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
}

.gorizontal_menu li:not(:first-child){
	padding-left: 1.0em;
}

.gorizontal_menu li a:hover{
	transition: all 0.3s;
}




.vertical_menu li{
	padding: 0.1em 0em;	
}

.nav_menu_footer li{
	padding: 0.15em 0em;
}




.div_section{
	box-sizing: border-box;
	padding: 0em 0em;
	/* background-color: #0B0B0B; */
	/* color: #ffffff; */
	height: 100%;
}




.div_section.top0{
	padding-top: 0em !important;
}

.div_section.bottom0{
	padding-bottom: 0em !important;
}

.div_section.mod0{
	padding: 1.5em 0em;
}

.div_section.mod1{
	padding: 2.5em 0em;
}

.div_section.mod2{
	padding: 2.5em 0em 1.0em 0em;
}

.div_section.mod3{
	padding: 2.5em 0em 0em 0em;
}

.height_screen{
	height: calc(100vh - 0em);
	width: 100%;
}
.height_screen.mod_50_50{
	height: calc(50vh - 2.5em);
	width: 50%;
}


.w0-padding-vertical-2-5{
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}




.menu_catalog{
	border-radius: 1em;
	border: 1px solid #653000; 
	box-shadow: 0 0 0px rgba(0,0,0,0.2); 
	fill: #653000;
}

.bold{
	font-weight: bold;
}

.brown_border_r1em{
	border-radius: 1em;
	border: 1px solid #653000; 
	padding: 1em;
}


.brown_border_r1em.mod_mini{ 
	padding: 0.5em;
	border-radius: 0.3em;
}



.active.not .show_info{
	display: none;
}

.active:not(.not) .not_show_info{
	display: none;
}





.parallax{
	position: relative;
	overflow: hidden;
}

.parallax .parallax_scroll{
	position: absolute;
	top: 0%;
	left: 0%;
	right: 0%;
	z-index: 1;
	transition: all 0.1s;
}

.parallax .parallax_base{
	position: relative;
	z-index: 2;
}
.shadow_about{
	box-shadow: 28px 20px 17px 0px rgb(0 0 0 / 5%);
}



@media only screen and (max-device-width: 1024px) {
	.parallax {
	background-attachment: scroll;
	}
}



/* .parallax { */
	/* perspective: 1px; */
	/* height: 100vh; */
	/* overflow-x: hidden; */
	/* overflow-y: auto; */
/* } */
/* .parallax__layer { */
	/* position: absolute; */
	/* top: 0; */
	/* right: 0; */
	/* bottom: 0; */
	/* left: 0; */
/* } */
/* .parallax__layer--base { */
	/* transform: translateZ(0); */
/* } */
/* .parallax__layer--back { */
	/* transform: translateZ(-1px); */
/* } */










.div_items .div_item{
	box-sizing: border-box;
	position: relative;
	transition: background 0.2s ease-out,
		box-shadow 0.2s ease-out,
		color 0.2s ease-out;
}

.div_items .a_item{
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	z-index: 2;
	border-radius: inherit;
	transition: all 0.2s ease-out;
}




.div_items .a_item:hover{
	background-color: rgb(0 0 0 / 8%);
}

.div_items .a_item.magnifier{
	background-image: url(/wp-content/themes/afina/assets/images/svg/magnifier.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 0em;
}

.div_items .a_item.magnifier:hover{
	background-size: 2em;
}

.div_items .a_item.viewing{
	background-image: url(/wp-content/themes/afina/assets/images/svg/viewing.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 0em;
}

.div_items .a_item.viewing:hover{
	background-size: 2em;
}

.div_items .a_item.video{
	background-image: url(/wp-content/themes/afina/assets/images/svg/video.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 4em;
}

.div_items .a_item.video:hover{
	background-size: 5em;
}


.div_items .a_item lord-icon{
	position: absolute;
	right: 1em;
	bottom: 1em;
	width: 3em;
	height: 3em;
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

.div_items .a_item lord-icon.top{
	top: 1em;
	bottom: initial;
}

.div_items .a_item:hover lord-icon{
	opacity: 1;
}

.div_items .a_item.loupe lord-icon{
	position: absolute;
	top: 35%;
	left: 35%;
	right: initial;
	bottom: initial;
	width: 30%;
	height: 30%;
}

.div_items .a_item.loupe:hover{
	background-color: rgb(0 0 0 / 25%);
}



.div_items .div_item .div_number{
	display: inline-table;
	color: #ffffff;
	background-color: var(--color_1);
	padding: 0.6em 1em;
	border-radius: 0.5em;
}


.div_items.appearance_1 .div_item, .div_items.appearance_2 .div_item{
	/* padding: 1.5em; */
	height: 100%;
	border-radius: 0.5em;
	box-shadow: 0em 0em 0.5em rgb(0 0 0 / 10%);
	overflow: hidden;
}

.div_items.appearance_1 .div_item{
	padding: 1.5em;
}


.div_items.div_items_benefits lord-icon{
	width: 4em;
	height: 4em;
}

.div_items.div_items_contacts lord-icon{
	width: 4em;
	height: 4em;
}

.x_y_100{
	width: 100%;
	height: 100%;
}



.reviews_background{
	max-width: 80%;
	max-height: 80%;
	background-size: contain;
	background-repeat: no-repeat;
}

.div_red_line{
	position: absolute;
	top: 0.5em;
	left: -5em;
}

.div_items_services .grid .row .col{
	position: relative;
}

.div_items_services .grid .row .col:before{
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: 0px;
	left: 0px;
	border: 1px solid rgb(192 0 0);
}


.balck_fill{
	fill: #000000;
}

.bor_radius_none{
	border-radius: 0em;
}
.bor_radius_small{
	border-radius: 1.9em;
}
.bor_radius_middle{
	border-radius: 7.1875em;
}
.bor_radius_big{
	border-radius: 50%;
}
.position_deliv_main_slider{
	/* text-align: right; */
    position: absolute;
    left: 0em;
    right: 3.5vw;
    bottom: -1.5em;
    padding: 0em 0em 3em 0em;
}
   

.line_height1_1{
   line-height: 1.1em;
}

.title{
	color: #006954;
	font-weight: 600;
}   

.color_grey{
	color: #B8B3B3;
}
.color_white{
	color: #ffffff;
}
.logo_width{
	width: 60%;
}
.icon_height_footer{
	height: 2.8em;
}

.height_5em{
	height: 5em;
}

/* .height_screen{ */
	/* height: calc(100vh - 5em) !important; */
/* } */
	
.position_relative{
	position: relative;
}


.position_mini_block_main_slider{
	position: absolute;
	left: 3.5vw;
	bottom: 0em;
	right: 0em;
    top: 40%;
}

.margin_auto_auto{
	margin: auto auto;
}

.vertical_menu li a:hover, .vertical_menu li a.active{
	font-weight: 600;
}

.card_product{
	box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
    border-radius: 1.9em;
    padding: 1em;
	transition: all 0.3s;
}
.card_product:hover{
	box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
	/* transition: all 0.3s; */
}

.margin_auto_0{
	margin: auto 0;
}

.transparent_button{
	border: 0px;
	background-color: transparent;
}

.scroll_y{
	width: 96%;
	/* height: 25em; */
	max-height: calc(60vh - 20em);
	overflow-y: scroll;
}
.scroll_y.mod_shops{
	width: 100%;
	/* height: 25em; */
	height: 65vh;
}


.scrolle_style::-webkit-scrollbar {
    background-color: transparent;
	width: 0.5em;
}

/* ползунок скроллбара */
.scrolle_style.mod_shops::-webkit-scrollbar-thumb {
	border-radius: 1em;
    background-color: #D6D6D6;
}
.scrolle_style.mod_shops::-webkit-scrollbar {
    background-color: transparent;
	width: 0.5em;
}

/* ползунок скроллбара */
.scrolle_style::-webkit-scrollbar-thumb {
	border-radius: 1em;
    background-color: #D6D6D6;
}

.break_word{
	word-wrap: break-word;
}


.the_content ul {
	list-style: disc;
	padding-left: 2em;
}

.the_content ul li{
	padding-bottom: 0.75em;
}







.full_height{
	position: relative;
	box-sizing: border-box;
	min-height: calc(100vh - 5em);
	height: 100%;
}

.full_min_height{
	min-height: calc(100vh - 5em);
}

@media screen and (min-width: 600px){
	
	.container_big{
		padding: 0em 0em;
	}
	
	.div_map .ratio_inner{ padding-top: 80%; }
	.position_cart{right: 3.5em;}
	
	.sticky_menu_categories{
		position: sticky;
		top: 25vh;
	}
	
	
	
	.height_100vh_minus_5em{
		height: calc(100vh - 5em);
	}
	
	.height_100vh{
		height: 100vh;
	}
	
	.width_20{
		width: 33%;
	}
	
	
	
	.scroll_y{
		width: 96%;
		/* height: 25em; */
		height: calc(100vh - 20em);
		overflow-y: scroll;
	}
	
}

@media screen and (min-width: 900px){
	
	.border_bottom{
		border-bottom: 1px solid #000000;
	}
	.border_right{
		border-right: 1px solid #000000;
	}
	.border_left{
		border-left: 1px solid #000000;
	}
	
	
	.container_big{
		padding: 0em 5em;
	}
	
	.width_20{
		width: 20%;
	}
	
	.container2{ padding: 0em 5em; }
	
	.div_items_service .div_item .div_image{ display: block; }
	
	
	.position_absolute_2 .grid .row .col .div_ratio{ position: absolute; }
	.position_absolute_2 .grid .row .col:nth-of-type(1) .div_ratio{ top: 1em; right: 1em; min-width: 21em; }
	.position_absolute_2 .grid .row .col:nth-of-type(2) .div_ratio{ top: 7em; right: 20em; min-width: 21em; }
	.position_absolute_2 .grid .row .col:nth-of-type(3) .div_ratio{ top: 1em; right: 42em; min-width: 21em; }
	.position_absolute_2 .grid .row .col:nth-of-type(4) .div_ratio{ top: 5em; right: 35em; min-width: 10em; }
}

@media screen and (min-width: 1200px){
	/* .full_height{ min-height: calc(100vh - 5em); } */
	
	.full_height.small1{ min-height: calc(100vh - 7.5em); }
	.full_height.small2{ min-height: calc(100vh - 10em); }
	
	.div_sticky{
		position: sticky;
		top: 0em;
	}
	
	
	.div_items_grid_3 .grid .row,
	.div_items_grid_4 .grid .row,
	.div_items_grid_5 .grid .row{
		display: grid;
	}
	
	.div_items_grid_3 .grid .row{
		grid-template-columns: repeat(3, 1fr);
	}
	
	.div_items_grid_4 .grid .row{
		grid-template-columns: repeat(4, 1fr);
	}
	
	.div_items_grid_5 .grid .row{
		grid-template-columns: repeat(5, 1fr);
	}
	
	.div_items_grid_3 .grid .row .col,
	.div_items_grid_4 .grid .row .col,
	.div_items_grid_5 .grid .row .col{
		width: 100% !important;
	}
	
	.div_items_grid_3.flow_column .grid .row,
	.div_items_grid_4.flow_column .grid .row,
	.div_items_grid_5.flow_column .grid .row{
		grid-auto-flow: column dense;
	}
	
	.div_items_grid_3.flow_row .grid .row,
	.div_items_grid_4.flow_row .grid .row,
	.div_items_grid_5.flow_row .grid .row{
		grid-auto-flow: row dense;
	}
	
	.div_items_grid_3 .grid .row .col.row_double,
	.div_items_grid_4 .grid .row .col.row_double,
	.div_items_grid_5 .grid .row .col.row_double{
		grid-row: span 2;
	}
	
	.div_items_grid_3 .grid .row .col.column_double,
	.div_items_grid_4 .grid .row .col.column_double,
	.div_items_grid_5 .grid .row .col.column_double{
		grid-column: span 2;
	}
	
}

.bottom {
	background-color: #2B4DA3; /*поменять*/
	color: #ffffff;
}

@media screen and (min-width: 1500px){
	body{ font-size: 16px; }
}

@media screen and (min-width: 1800px){
	body{ font-size: 18px; }
}

@media screen and (max-width: 1199px){
	.full_height.half{ min-height: calc(50vh - 2.25em); }
	.full_height.desktop_only{ min-height: initial; }
}

@media screen and (max-width: 899px){
	.div_header_bottom{ display: block; }
}

@media screen and (max-width: 599px){
	
}
