/* Основные стили */

/* Визуальная обратная связь для валидатора телефона */
.jgl-input, .jgl-phone, .jgl-email, .jgl-inn {
    transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.jgl-input.is-valid, .jgl-phone.is-valid, .jgl-email.is-valid, .jgl-inn.is-valid {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.15) !important;
    background-color: #f8fff9;
}
.jgl-input.is-invalid, .jgl-phone.is-invalid, .jgl-email.is-invalid, .jgl-inn.is-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15) !important;
    background-color: #fff5f5;
}
@media (max-width: 768px) {
    .jgl-input, .jgl-phone, .jgl-email, .jgl-inn { font-size: 16px; }
}


/* beauty_scroll */
.beauty_scroll::-webkit-scrollbar 
{
  width:11px;
  cursor:pointer;
}
.beauty_scroll::-webkit-scrollbar-track 
{
  background-color:none;
  border-radius:40px;
}
.beauty_scroll::-webkit-scrollbar-thumb 
{
  border-radius:40px;
  background-color:#EC2312;
}


.ful_path_row
{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space:nowrap;
	font-size:12px;
	text-align:left;
	padding-top:1.7em;
	padding-bottom:0.7em;
	margin-bottom:1em;
	color:#222121;
}
.ful_path_row::-webkit-scrollbar 
{
  background:#F3F3F3;
  height:4px;
  cursor:pointer;
}
.ful_path_row::-webkit-scrollbar-track 
{
  background-color:none;
  border-radius:11px;
}
.ful_path_row::-webkit-scrollbar-thumb 
{
  border-radius:11px;
  background:#F7D5D2;
}


.font_Normal
{
	font-family:  'Manrope-Medium', sans-serif;
}
   
.font_SemiBold
{
	font-family:  'Manrope-SemiBold', sans-serif;
}

.font_Bold
{
	font-family:  'Manrope-Bold', sans-serif;
}

.fixed /*обязательный для форм popup*/ 
{
	position:fixed;
	overflow: hidden;
    margin-right:15px;
}

video
{
	cursor:pointer;
}


a
{
	color:#151515;
	text-decoration:none;
}
a:hover 
{
	color:#EC2312;
	cursor:pointer;
}
.a_line
{
	color:#151515;
	text-decoration:underline;
}
.a_white
{
	color:#FBFBFB;
}
.a_white:hover
{
	color:#D52E1F;
}


button
{
	font-family:  'Manrope-Medium', sans-serif;
	border-radius:40px;
	text-decoration: none;
	padding: 0.5em 0.7em;
}
button:hover
{
	cursor: pointer;
} 

.button
{
	background:#EC2312;
	color:#FAFAFA;
	border:1px solid #EC2312;
} 
.button:hover
{
	background:#0082E2;
	border:1px solid #0082E2;
} 
.button_white
{
	background: #FAFAFA;
	color:#151515;
	border:1px solid #A2A2A2;
}
.button_white:hover
{
	background: #0082E2; 
	color:#FAFAFA;
	border:1px solid #0082E2;
}
.div_button
{
	font-family:  'Manrope-Medium', sans-serif;
	border-radius:40px;
	text-decoration: none;
	padding: 1.1em 1.9em;
	background:#EC2312;
	color:#FAFAFA;
	border:1px solid #EC2312;
} 
.div_button:hover
{
	cursor:pointer;
	background:#0082E2;
	border:1px solid #0082E2;
} 


.v_stolbik
{
	display:flex;
	flex-direction:column;
}

.v_stroku
{
	display: flex;
	flex-direction:row;
}
.v_stroku_full
{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
}
.v_stroku_centr
{
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.v_stroku_ravn 
{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
}
.v_stroku_left
{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
}
.v_stroku_right
{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
}
.v_stroku_wrap
{
	display:flex;
	flex-direction:row;	
	flex-wrap:wrap;
}

.v_centre_h100 
{
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
}


.Animate_Ring:hover
{
	animation-timing-function   : ease;
    animation                   : MOVE 0.5s infinite;
    transform-origin            : 50% 60%;
}
@keyframes MOVE 
{
	0%  { transform: rotateZ(0); }
	25% { transform: rotateZ(-30deg); }
	50% { transform: rotateZ(30deg); }
	75% { transform: rotateZ(-30deg); }
	100%{ transform: rotateZ(0); }
} 


.price_fakt
{
	font-family:'Manrope-Bold', sans-serif;
	font-size:1.2em;
	color:#151515;
}
.price_old
{
	font-family:'Manrope-SemiBold', sans-serif;
	position:relative;
	font-size:1em;
	color:#A2A2A2;
	margin-left:0.4em;
}
.price_old::before 
{
	content: "";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	border-top:1px solid #E55201;
}
.icon_sale
{
	font-family:'Manrope-SemiBold', sans-serif;
	font-size:1em; 
	text-align:center;
	color:#E55201;
	margin-left:0.4em;
}




.strelka_v_niz 
{
  width: 0.42em;
  height: 0.42em;
  border-top: 0.14em solid #F3F3F3;
  border-right: 0.14em solid #F3F3F3;
  margin-left: 0em;
  margin-top: 0em;
  transform: rotate(135deg);  
} 
.strelka_v_verh 
{
  width: 0.42em;
  height: 0.42em;
  border-top: 0.14em solid #F3F3F3;
  border-right: 0.14em solid #F3F3F3;
  margin-left: 0em;
  margin-top: 0.30em;
  transform: rotate(315deg);  
} 
.strelka_v_pravo 
{
  width: 0.42em;
  height: 0.42em;
  border-top: 0.14em solid #F3F3F3;
  border-right: 0.14em solid #F3F3F3;
  margin-left: -0.3em;
  margin-top: 0.15em;
  transform: rotate(45deg);  
} 
.strelka_v_levo 
{
  width: 0.42em;
  height: 0.42em;
  border-top: 0.14em solid #F3F3F3;
  border-right: 0.14em solid #F3F3F3;
  margin-left: 0.3em;
  margin-top: 0.15em;
  transform: rotate(225deg);  
}  



.icon_txt
{
	position:absolute; 
	z-index:50; 
	font-size:13px;
	padding:0.2em 0.9em;
	border-radius:10px;
	/*box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.05);*/
	text-align:center;
}

.naverh
{
	display:none;
	position:fixed; 
	z-index:70;
	cursor:pointer;
}




.star_img
{
	height:100%;
	width:auto;
	cursor:pointer;
}


.h_name_m
{
	color:#000000;
	font-size:1.0em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-family:  'Manrope-SemiBold', sans-serif;
}

.h_name_p
{
	color:#000000;
	font-size:1.0em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-family:  'Manrope-SemiBold', sans-serif;
}



.textbox
{
	border: 0px; 
	outline: none; 
	padding:0.25em 0.2em 0.25em 0.2em;
	background: #FFFFFF; 
	color: #666666;
	font-size:1.1em;
}

.rub
{
	text-transform: lowercase; 
}




/*begin HEDER*/

.show_kolvo
{
	position:absolute;
	font-size:1.1em; 
	background:#EC2312; 
	margin:0px; 
	height:1.3em; 
	min-width:1.3em; 	
	color:#FFFFFF; 
	border-radius:50%; 
	text-align:center;
	display:none;
	cursor:pointer;
}

/*PopUp*/
#js_PopUp_fon {
	position: fixed; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity: 0.7;
	z-index: 888;
	background: #FFF;
}
#js_PopUp_window {	
	position:fixed; 	
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:889; 	
}

/*PopUp*/


/*ОЗ */
.oz_popup 
{
	position:fixed;
	z-index:9200;
	opacity:1;
	background:#F3F3F3;
	border-radius:40px;
	overflow:hidden;
}
.b_PopUp_Close
{
	width:40px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:27px;
	border-radius:50%;
	background:#A2A2A2;
	color:#FAFAFA;
	overflow:hidden;
}
.b_PopUp_Close:hover
{
	cursor:pointer;
	background:#0082E2;
}
/*ОЗ*/



/*search*/
.js_search_b
{
	background: #171D3D;
	border:1px solid #171D3D;
	border-radius: 0.3em;
	color:#FFFFFF;
	cursor: pointer;
	text-decoration: none;	
	padding: 0.3em 0.5em 0.3em 0.5em;
}

.js_search_b:hover
{
	background:#636363;
	border:1px solid #636363;
	color:#FFFFFF;
} 
.js_search_b:active
{
	background:#636363;
}
/*search*/


#heder_1_blok
{
	width:100%;
	background:#F3F3F3;
}

#heder_2_blok
{
	width:100%;	
	background:#F3F3F3;	
}

#heder_fix_blok
{
	width:100%;
	background:#FFFFFF;	
	position:fixed; 
	top:0;
	z-index:777;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.2);
	display:none;
}

#heder_fix_blok-m
{
	width:100%; 	
	position: fixed; 
	top:0;
	z-index:777;
	box-shadow: 0 2px 10px 0px rgba(0, 0, 0, .2);
}

#heder_bottom_blok-m
{
	width:100%;
	height:60px;
	position: fixed; 
	bottom:0;
	z-index:777;
	background:#FAFAFA;
}


/*end HEDER*/

/*PRODUCT*/


.product_photo_min_button
{
	width:98%; 
	height:40px; 
	position:absolute;
	left:0; 
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	cursor: pointer;
	z-index:10;
}
.product_photo_min_button:hover 
{
	border:1px solid #2E2E2E;
}

#product_PhotoBlok
{
  align-items: center;
  height: 100%;
  width:100%;
  height:400px;
  max-width:800px; 
  max-height:450px;
  overflow:hidden;	
  cursor: pointer;
}
.js_photos_100
{
  cursor: pointer;
  border:2px solid #FFFFFF;
}
.js_photos_100:hover 
{
	border:2px solid #F6F7FA;
}

/*большое фото*/
.big_photo-fon 
{
	position: fixed; 
	top:0;
	width:100%;
	height:100%;
	opacity: 0.95;
	z-index: 888;
	background: #FFFFFF;
	display:none;
}
.big_photo-page 
{
	display: none;
	position:fixed; 
	top:0; 
	left:0;
	width:100%; 
	height:100%;	
	
	z-index:889; 
	opacity:1;
	/*border-radius:1em;*/
	/*color:#666666;*/
}

.big_photo-button{
	opacity: 1;
	z-index: 890;	
	/*border: 1px solid #000000; */
	/*border-radius: 50%;*/
	/*background:#292929;*/
	color:#2E2E2E;
	cursor: pointer;  
	position: fixed;
	text-align:center;
	
	/*padding-top:1em;*/
	font-size:2em;	
	width:2em;  
	height:2em;        

}


/*заказ в корзине*/
.basket_ok-fon 
{
	position: fixed; 
	top:0;
	width:100%;
	height:100%;
	opacity: 0.7;
	z-index: 898;
	background: #000000;
}
.basket_ok-page
{
	position:fixed; 
	top:0; 
	left:0;
	width:100%; 
	height:100%;		
	z-index:899; 
	opacity:1;
}
.basket_ok-box
{
	
}

/*end PRODUCT*/


/*BASKET*/

.basket_w_left
{
	width: calc(100% - 380px); 
	min-width:410px; 
}
.basket_w_right
{
	width:350px; 
	max-width:350px; 
	min-width:300px; 
}

.basket_product_h
{
	color:#000000;
	font-size:1.1em;
	font-family: 'Manrope-SemiBold', sans-serif;
}

.bt_basket
{
	background: #F3F3F3;  
	border:1px solid #F3F3F3;
	border-radius: 0.3em;
	color:#FFFFFF;
	font-size:1.5em;
	cursor: pointer;
	text-decoration: none;	
	padding: 0em 0em 0em 0em;	
} 
.bt_basket:hover
{
	background:#75A8E8;
	border:1px solid #5480B8;
	color:#F6F7FA;
} 
.bt_basket:active
{
	background:#5480B8;
}

.bt_basket_dell
{
	background:#FFFFFF; 
	border:0;
	border-radius:0.3em;
	padding:0em;
	cursor:pointer;
	
	display:flex;
	align-items:center;
	justify-content:center;
}
.bt_basket_dell:hover
{
	background:#FFE0E0;
}


.of_box_basket
{
	display: flex;
	justify-content: space-between;
	
	width:100%;
	height:2.8em;
	text-align:left;
}
.of_l_basket
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;

	font-size:0.9em; 
	color:#666666;
}
.of_tb_basket
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.of_r_basket
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	margin-left:1em;
	font-size:0.9em; 
	color:#666666;
}
/*end BASKET*/


/*begin для всех форм захвата*/

.div_txt_in
{
	background:#FAFAFA;
	border:0;
	border-radius:19px;
	overflow:hidden;
}

._input
{
	width:100%;
	outline:none;
	background:none;
	border:0;
	color:#151515; 
	text-align:inherit; 
	font-size:inherit;
	font-weight:inherit;
}

._textarea
{
	width:100%;
	outline:none; 
	resize:none;
	overflow:hidden;
	overflow-y:scroll;
	
	background:#FAFAFA; 
	
	border:0;

	color:#151515; 
	text-align:inherit; 
	font-size:inherit;
	font-weight:inherit;
}
._textarea::-webkit-scrollbar 
{
  width:11px;
  cursor:pointer;
}
._textarea::-webkit-scrollbar-track 
{
  background-color:#EDF6FF;
  border-radius:0;
}
._textarea::-webkit-scrollbar-thumb 
{
  border-radius:0;
  background-color:#0F62FE;
}

/*end для всех форм захвата*/


.transform_14
{
    transition: 0.7s;
    display: block;
}
.transform_14:hover
{
    transform: scale(1.4);
}


.svg_filter
{
	color:#F3F3F3;
	font-size:12px;
	transition: filter 0.7s ease;
}
.svg_filter:hover
{
	filter: brightness(200%) hue-rotate(55deg) saturate(172%) contrast(114%);
}

.margin_linc
{
	margin-right:2em;
}