/* Start:/local/templates/coffeeteatrade_gn/components/bitrix/breadcrumb/nav/style.css?1602792449707*/

.bx-breadcrumb {
	margin: 10px 0 0 0;
}
.bx-breadcrumb i {
	//color: #b5bdc2;
	color: #fff;
	line-height: 19px;
	font-size: 10px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 10px;
	white-space: normal;
	color:#fff;
	//border-bottom: none;
}
.breadcrumb .bx-breadcrumb .bx-breadcrumb-item a:hover span{
	font-size: 10.01px;
	text-decoration: none;
}
//.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}

/* End */


/* Start:/local/templates/coffeeteatrade_gn/components/bitrix/catalog/catalog/style.css?1602792449346*/
.smart_filtr{
	margin-top: 110px;
	//overflow:auto;
	//margin-right:55px;
	width: 23%;
	float:right;
	padding-left:10px;
	//height: 30px;
	//border-radius:30px;
	//border: 2px red solid;
}
.sect{
	width:77%;
	float:left;
	//margin-right:10px;
	//line-height: 0.9;
}
.sect_list{
	width:77%;
	float:left;
	//overflow:auto;
	/*min-height: 640px;*/
}
/* End */


/* Start:/local/templates/coffeeteatrade_gn/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/style.css?16027924498906*/
.cont_el{
	color: #fff;
	width: 100%;
	font-family: 'Conv_HypatiaSansPro-Regular_0';
	/*overflow: hidden;*/
}
.cont_el span{
	//color: #00e944;
	color:#fff;
	//font-weight:900;
}
.cont_el a{
	color: #fff;
}
.cont_el h1{
	font-family: 'Conv_HypatiaSansPro-Bold_0';
	/*margin:18px 0px 0px;*/
	font-size: 22px;
}
div.sp_off{
	overflow: hidden;
	display: flex;
	margin: 0.5% 1%;
	align-items: center;
}
.sp_off h1{
	/*float: left;*/
	padding-right: 20px;
}
.sp_off img{
	/*height: 25px;*/
	
}

.text_img{
	margin: 0.5%;
	overflow: hidden;
	float: left;
	//border: 1px solid white;
	font-size: 16px;
}
.img_el{
	margin: 1% 2% 1% 0;
	float: left;
	width:31%;
}
.img_el img{
	/*border: 1px solid black;*/
	border-radius: 10px;
	width: 100%;
}
@keyframes fade {
  0% { opacity: 1 }
  50% { opacity: 0 }
  100% { opacity: 1 }
}
.imgBig{
	transition: 1s; /* Время эффекта */
}
.imgBig:hover{
	transform: translate(20%,10%);
	transform: scale(1.5);	/* Увеличиваем масштаб */
	overflow:visible;
}
.img_add1{
	width: 22%;
	float:left;
	padding-left:2%;
}
.img_add1 img{
	width: 100%;
	border: 2pt solid;
}
.img_add{
	width: 22%;
	float:left;
	padding-left:2%;
}
.img_add img{
	width: 100%;
	border: 0.5pt solid;
}
.img_add_click{
	width: 22%;
	float:left;
	padding-left:2%;
}
.img_add_click img{
	width: 100%;
	border: 2pt solid;
}
.prop_el{
	float: left;
	padding: 1% 1% 1% 0;
	width: 66%;
}
.prop_el .descrProps{
	font-style: italic;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
}
.text_el{
	font-style: italic;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
	
}
.off_el{
	
}
div.text_img a{
	/*float: left;*/
}
.buy_el{
	//display: block;
	//bolder: 1px solid black;
	//font-stretch: ultra-expanded;
	//font-size:20px;
	//padding:10px;
}
.pr_el{
	float: left;
	//border: 1px solid green;
	padding-top: 15px;
	width:30%;
}
.pr_el_new{
	float: left;
	/*padding-top: 15px;*/
	width:66%;
	padding: 0 1% 1% 0;
}
.val{
	float: right;
	padding-top: 3px;
	//border: 1px solid blue;
	font-style: italic;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
	width:30%;
}
.val_new{
	//float: left;
	//padding-top: 3px;
	//border: 1px solid blue;
	//font-style: bold;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
	font: bold;
	font-size: 45px;
	//width:80%;
	/*margin:0;*/
	margin-bottom: 5px;
}
.val_new p{
	color: #d1e9f9;
	font-weight: bold;
	position: relative;
	top: 10px;
}
.price_delivery_one .val_new{
	//float: left;
	//padding-top: 3px;
	//border: 1px solid blue;
	//font-style: bold;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
	font: bold;
	font-size: 45px;
	//width:80%;
	/*margin:0;*/
	margin-bottom: 5px;
}
.price_delivery_one .val_new p{
	color: #d1e9f9;
	font-weight: bold;
	position: relative;
	top: 20px;
}
.pr_el span{
	//padding-right: 20px;
	//float: left;
}
.pr_el p{
	//display: inline;
}
.ost {
	float: left;
	padding:25px 0px 0px 10px;
	width: 140px;
}
.ost span{
	font-style: italic;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
}
.ost_n{
	float: left;
	padding:25px 0px 0px 10px;
	width: 140px;		
}
.ost_n span{
	//color: #f9090b;
	color: #fff;
	font-style: italic;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
}
.ost_new {
	//float: left;
	//padding:25px 0px 0px 10px;
	//width: 140px;
}
.ost_new span{
	font-style: italic;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
	color: #96f077;
}
.ost_n_new{
	//float: left;
	//padding:25px 0px 0px 10px;
	//width: 140px;		
}
.ost_n_new span{
	//color: #f9090b;
	color: red;
	font-style: italic;
	font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
}		
.addbsk_el{
	//font-size:20px;
	//float: right;
	//border: 1px solid blue;
	//padding: 20px 0px 0px 20px;
	//width:15%;
	overflow: hidden;
	//text-align: center;
}
.addbsk_el .quantity{
	padding-left:5px;
}
.addbsk_el form .quantity a{
	text-decoration: none;
	font-size:35px;
}
.addbsk_el form .quantity{
	width:100%;
}
.addbsk_el a:hover{
	text-decoration: none;
}
.addbsk_el form .quantity input{
	font-size:20px;
	text-align: center;
}
.addbsk_el_n{
	padding: 20px 0px 0px 20px;
}
.add_b{
	 background: -moz-linear-gradient(#D0ECF4, #5BC9E1, #D0ECF4);
   background: -webkit-gradient(linear, 0 0, 0  100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF');
   padding: 3px 7px;
   color: #333;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #666;
}
.addbsk_el form .button_add{
	width:60%;
	height: 45px;
	background-color: #1485CE;
	border-color: #1485CE;
	color: #FFF
}
.addbsk_el form .button_add:hover{
	background-color: #53A4D8;
	border-color: #53A4D8;
	color: #FFF
}
/*Всплывающий скриншот*/
.thumbnail{  
position: relative;  
z-index: 0;
 float: left;
 //padding-right: 45px;
// border: 1px solid red;
font-style: italic;
//width:50%;
}  
.thumbnail_net{  
position: relative;  
z-index: 0;
 float: left;
 padding-right: 45px;
}  
.thumbnail span{ /*CSS for enlarged image*/  
position: absolute;
width:210px;
//opacity: 0.6;  
opacity: 1;  
//background-color: #3d3d3d; 
background-color: #598d81; 
padding: 5px;  
left: -1000px; 
border: 1px solid white;  
visibility: hidden;  
//color: Yellow; 
color: #fff; 
text-decoration: none;  
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
font-size: 10pt;
font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
}  
.thumbnail span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 2px;  
}  
.thumbnail:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: -50px;  
left: 200px; /*position where enlarged image should offset horizontally */

}  
.thumbnail:hover span td {
//color:yellow;
color: #dfe1a0;	
color: #fff; 
font-size: 10pt;
font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
}
.thumbnail font{
	//text-decoration:underline;	
	//font: bold 8pt "Arial Unicode MS"; color:#3c5690;
	text-decoration:underline;
	//font:14pt;
	//color:#00e944;
	color:#fff;
	//font-family: 'Conv_HypatiaSansPro-Regular_0';
}
/*для самовывоза*/ 
.thumbnail_n{  
position: relative;  
z-index: 0; 
float: left; 
padding-bottom: 15px;
}  

.thumbnail_n span{ /*CSS for enlarged image*/  
position: absolute;
width:195px;
opacity: 1;  
//background-color: #3d3d3d; 
background-color: #598d81; 
padding: 5px;  
left: -1000px;  
border: 1px solid white;  
visibility: hidden;  
color: #dfe1a0;  
text-decoration: none;  
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
font-size: 10pt;
font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
font-style: italic;
}  
.thumbnail_n span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 2px;  
}  
.thumbnail_n:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: -30px;  
left: 200px; /*position where enlarged image should offset horizontally */
color:#fff;
}  
.thumbnail_n:hover span td {
//color: #dfe1a0;
text-align:right;	
color:#fff;
}
.thumbnail_n font{
	text-decoration:underline;
	//font:11pt;
	//color:#00e944;
	color:#fff;
	font-style: italic;
}
.head_table{
	border-bottom:1px solid #fff;
}
.price_el{
	weight:100%;
}
.thum_state{
	//float:left;
	position: relative;
//border: 1px black solid;
padding:10px;
//top:20px;	
}
.price_delivery{
	//width: 50%;
	//border: 1px solid blue;
	float: left;
	padding-right:15px;
}
.price_delivery_one{
	//width: 50%;
	//border: 1px solid blue;
	float: left;
	padding-right:15px;
}
.buy_new{
	float:left;
	//border: 1px solid green;
	width:30%;
	height:100%;
}
.is_not{
	//height:33%;
}
.text_el p span{
	color: #d1e9f9;
	font-size:30px;
}
/*одна цена внимание*/

.thumbnaill_one{  
position: relative;  
z-index: 0;
 //padding-right: 45px;
 padding:0;
 //background-color: #62412b;
border:none;
//text-align:center; 
}  

.thumbnaill_one span{ /*CSS for enlarged image*/ 
position: absolute;
width:210px;
//opacity: 0.6;  
opacity: 1;  
//background-color: #3d3d3d; 
background-color: #598d81; 
padding: 5px;  
left: -1000px;  
border: 1px solid white;  
//visibility: hidden;  
visibility: visible;  
color: Yellow; 
text-decoration: none;  
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
font-size: 10pt;
font-family: 'Conv_HypatiaSansPro-ExtraLight_0';
line-height: 0.9;
}  

.thumbnaill_one:hover span{ /*CSS for enlarged image on hover*/  
//visibility: visible; 
//visibility: hidden;   
top: -30px;  
left: 70px; /*position where enlarged image should offset horizontally */
color: #fff; 
}  

.thumbnaill_one font{	
	font:  10pt "Arial Unicode MS"; color:#3c5690;
	text-decoration:underline;
	color:#fff;
	padding: 0;
	//font-family: 'Conv_HypatiaSansPro-Regular_0';
	font-style: italic;
	position:absolute;
	bottom: -26px;
    right: 45%;
}

/* End */
/* /local/templates/coffeeteatrade_gn/components/bitrix/breadcrumb/nav/style.css?1602792449707 */
/* /local/templates/coffeeteatrade_gn/components/bitrix/catalog/catalog/style.css?1602792449346 */
/* /local/templates/coffeeteatrade_gn/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/style.css?16027924498906 */