/* Основные стили */
.dark_fon
{
background:#2A3046; 
background:linear-gradient(320deg,rgba(42, 48, 70, 1) 0%, rgba(0, 6, 30, 1) 20%, rgba(0, 6, 30, 1) 80%, rgba(42, 48, 70, 1) 100%);
}
.font_Normal
{
	font-family:  'Montserrat', Lucida Sans Unicode, Verdana, Arial, Times New Roman;
}
   
.font_SemiBold
{
	font-family:  'Montserrat-SemiBold', Lucida Sans Unicode, Verdana, Arial, Times New Roman;
}

.font_Bold
{
	font-family:  'Montserrat-Bold', Lucida Sans Unicode, Verdana, Arial, Times New Roman;
}


video
{
	cursor: pointer;
}


a
{
	color:#171D3D;
	text-decoration: none;
	cursor: pointer;
}
a:hover 
{
	color:#4D7DBF;
}

.a_line
{
	color:#171D3D;
	text-decoration: underline;
}
.a_line:hover
{
	color:#4D7DBF;
}

.a_white
{
	color:#FFFFFF;
}
.a_white:hover
{
	color:#4D7DBF;
}



button
{
	font-family:  'Montserrat-Medium', Lucida Sans Unicode, Verdana, Arial, Times New Roman;
	border:0;
}

.button_volume_blue
{
	background: rgb(77,125,191) radial-gradient(150% 100% at 50% 5px, rgba(255,255,255,.1), rgba(0,0,0,0));
	color:#FFFFFF;
	border-radius: 14px 0;
	text-align:center;
	text-decoration:none;
	box-shadow: inset rgba(0,0,0,.6) 0 -2px 3px, inset rgba(252,255,255,.4) 0 2px 3px, rgba(0,0,0,.8) 0 2px 3px -1px;
}
.button_volume_blue:hover
{
	background: rgb(171,213,525) radial-gradient(150% 100% at 50% 5px, rgba(255,255,255,.2), rgba(0,0,0,0));
	color:#171D3D;
	cursor: pointer;
}

.button
{
	padding: 0.5em 0.7em;
	background:#3E68A4;
	color:#FFFFFF;
	border-radius: 14px 0px;
	text-decoration: none;
} 
.button:hover
{
	background:#171D3D;
	cursor: pointer;
} 

.button_white
{
	padding: 0.5em 0.7em;
	background: #FFFFFF;
	color:#4D7DBF;
	border:1px solid #4D7DBF;
	border-radius: 14px 0px;
	text-decoration: none;
}
.button_white:hover
{
	background: #4D7DBF; 
	color:#FFFFFF;
	border:1px solid #EBF4FD;
	cursor: pointer;
}

.button_wa
{
	padding: 0.3em 0.5em;
	background:#0DC143;
	color:#FEFEFE;
	border:3px solid #0DC143;
	border-radius: 14px 0px;
	text-decoration: none;
} 
.button_wa:hover
{
	background:#D9FDD3;
	color:#0A0A0A;
	cursor: pointer;
}

.button_tg
{
	padding: 0.3em 0.5em;
	background:#2481CC;
	color:#FFFFFF;
	border:3px solid #2481CC;
	border-radius: 14px 0px;
	text-decoration: none;
} 
.button_tg:hover
{
	background:#E8F1EC;
	color:#363B40;
	cursor: pointer;
}

.button_blue
{
	padding: 0.8em 0.9em;
	background:#3E68A4;
	color:#FFFFFF;
	border:3px solid #3E68A4;
	border-radius: 14px 0px;
	text-decoration: none;
} 
.button_blue:hover
{
	background: rgb(171,213,525) radial-gradient(150% 100% at 50% 5px, rgba(255,255,255,.2), rgba(0,0,0,0));
	color:#171D3D;
	cursor: pointer;
} 

.button_border_blue
{
    padding: 0.8em 0.9em;
    background:#00061E;
	color:#FFFFFF;
    border:3px solid #3E68A4;
	border-radius: 14px 0px;
    text-decoration: none;    
} 
.button_border_blue:hover
{
    background: rgb(171,213,525) radial-gradient(150% 100% at 50% 5px, rgba(255,255,255,.2), rgba(0,0,0,0));
	color:#171D3D;	
    cursor:pointer;
}



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

.v_stroku
{
  display: flex;
  flex-direction: row;
  margin:0;
}

.v_stroku_centr
{
  display: flex;
  justify-content: center;
}

.v_stroku_ravn 
{
  display: flex;
  justify-content: space-around;
}

.v_stroku_left
{
  display: flex;
  justify-content: flex-start;
}

.v_stroku_right
{
  display: flex;
  justify-content: flex-end;
}

.v_stroku_wrap
{
	display:flex;  
	flex-flow: column wrap;
}

.v_stroku_full
{
  display: flex;
  justify-content: space-between;
}

.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); }
}  




.strelka_v_niz 
{
  width: 0.42em;
  height: 0.42em;
  border-top: 0.14em solid #4D7DBF;
  border-right: 0.14em solid #4D7DBF;
  margin-left: 0em;
  margin-top: 0em;
  transform: rotate(135deg);  
} 
.strelka_v_verh 
{
  width: 0.42em;
  height: 0.42em;
  border-top: 0.14em solid #4D7DBF;
  border-right: 0.14em solid #4D7DBF;
  margin-left: 0em;
  margin-top: 0.30em;
  transform: rotate(315deg);  
} 
.strelka_v_pravo 
{
  width: 0.42em;
  height: 0.42em;
  border-top: 0.14em solid #4D7DBF;
  border-right: 0.14em solid #4D7DBF;
  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 #4D7DBF;
  border-right: 0.14em solid #4D7DBF;
  margin-left: 0.3em;
  margin-top: 0.15em;
  transform: rotate(225deg);  
}  



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

.naverh
{
	display:none;
	position:fixed; 
	z-index:70;
	border-radius: 50%;
	cursor:pointer;
}
.naverh:hover 
{
	box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.15);	
}


.icon_sale
{
	position:absolute;
	width:3.3em; 
	height:1.7em; 
	font-size:1.2em; 
	text-align:center; color:FFFFFF; 
	background:#EC0062; 
	border-radius:1.4em;	
	font-weight:bold;
}

.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:  'Montserrat-SemiBold', Lucida Sans Unicode, Verdana, Arial, Times New Roman;
}

.h_name_p
{
	color:#000000;
	font-size:1.0em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-family:  'Montserrat-SemiBold', Lucida Sans Unicode, Verdana, Arial, Times New Roman;
}



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



.price_fakt
{
	font-size:1.3em;
	font-family:'Montserrat-SemiBold', Lucida Sans Unicode, Verdana, Arial, Times New Roman;
}

.price_old
{
	position:relative;
	font-size:1.5em;
	color:#000;
}
.price_old:before {
	top:0.5em;
	right:-0.4;
	position:absolute;
    content: "";
	transform: rotate(-10deg);
	width:100%;
	border-bottom:2px solid #E12700;
    color: #E12700;
    }

.rub
{
	text-transform: lowercase; 
}


.ful_path_row
{
	font-size:0.8em;
	width:100%;
	padding-top:1.9em;
	padding-bottom:1.9em;
	text-align:left;
	color:#171D3D;
}

/*begin HEDER*/

.js_show_basket_kolvo{
	position:absolute;
	font-size:1.1em; 
	background: #E12700; 
	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; 	
	background: #FFFFFF;
	z-index:890; 
	opacity:1;
	border-radius:1em;
	color:#666666;
	text-align:left;
	font-size:0.9em;
}
/*ОЗ*/



/*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:#171D3D;
}

#heder_2_blok
{
	width:100%;	
	background:#FFFFFF;
	box-shadow: 0 2px 10px 0px rgba(0, 0, 0, .2);	
}

#heder_3_blok
{
	position:relative;
	width:100%;
	background:#F6F7FB;  
	box-shadow: 0 2px 10px 0px rgba(0, 0, 0, .2);
} 

#heder_fix_blok
{
	width:100%;	
	height:60px; 
	background:#171D3D;	
	position: fixed; 
	top:0;
	z-index:777;
	box-shadow: 0 2px 10px 0px rgba(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:#EBF4FD;
}


/*end HEDER*/

/*PRODUCT*/

.main_param_h1
{
	font-size:0.8em;
	margin-left:0.7em;
	font-family: 'OpenSans-Semibold', Arial, Times New Roman;
}

.product_w_left
{
	width: calc(100% - 430px); 
	min-width:430px; 
	/*border:1px solid black;	*/
}
.product_w_right
{
	width:400px; 
	max-width:400px; 
	min-width:300px;
	/*border:1px solid black;	*/
}

.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
{
	background: #FFFFFF;
}

/*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: 'Montserrat-SemiBold', Lucida Sans Unicode, Verdana, Arial, Times New Roman;
}

.bt_basket
{
	background: #4D7DBF;  
	border:1px solid #4D7DBF;
	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 /* блок для ввода текста с двойной рамкой */
{
	overflow:hidden;
	background:#EFF2F7;
	border-width: 1px;
    border-color: #3E68A4;
	border-style: solid;
	border-radius: 14px 0px;
}

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

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

	color:#011142; 
	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:#4D7DBF;
	font-size:12px;
	transition: filter 0.7s ease;
}
.svg_filter:hover
{
	filter: brightness(200%) hue-rotate(55deg) saturate(172%) contrast(114%);
}