/* Start:/bitrix/templates/.default/components/bitrix/menu/top_menu/style.css*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url('/bitrix/templates/.default/components/bitrix/menu/top_menu/images/left_menu_bg.gif') top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */



/* Start:/bitrix/templates/.default/components/yenisite/catalog.basket.small/mini_cart/style.css*/
#market-basket {width: 250px; border: 1px solid #cccccc; background: #eeeeee; text-align: center; padding: 10px;}
#market-basket ul {padding: 0; margin: 0;}
#market-basket ul li {list-style-type: none; font-size: 12px; font-family: verdana;}
#market-basket a {color: #888888; font-size: 14px; font-style: verdana;}
#market-basket a:hover {color: #000000;}
.right_info .min_cart_block{
	margin-bottom:5px;
}
/* End */



/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/breadcrumb_top/style.css*/
ul.breadcrumb-navigation
{
	padding:0; margin:0;
	padding-top:4px;
	list-style:none;
	margin-bottom: 30px;
}

ul.breadcrumb-navigation li
{
	display:inline;
	background: none!important;
	padding: 0!important;
}

ul.breadcrumb-navigation a
{
	color: #676767;
}

ul.breadcrumb-navigation span
{
	
}
/* End */



/* Start:/bitrix/templates/catalog/styles.css*/
.news_tovar{
position: absolute;
bottom: 93%;
color: red;
}
news_tovar2{
position: absolute;
bottom: 100%;
color: red;
}
.filt {
	padding: 13px;
	background: #eef8ed;
	border-bottom: solid 3px #8cbe21;
	width: 190px;
	margin: 5px 0 15px;
}
.filt a {
	text-decoration: underline;
	cursor: pointer;
	background: url(/img/li_marker_sub.png) no-repeat left 10px!important;
	padding: 4px 0px 4px 10px;
	color: #45848E;
	line-height: 20px;
	clear: both;
}
.filt a.act {
	color: #000;
	text-decoration: none;
	background: url(/img/li_marker_act.png) no-repeat left 10px!important;
}
.filter1 select {
	display: none;
}
.filter1 b {
	font-size: 14px;
}
.filter1 tfoot input {
	display: none;
}
.filter {
	clear: both;
	padding-top: 30px;
}
.left_column .catalog-section-list {
	min-height: 255px;
}
.filter1 .data-table  tr:first-child {
	display: none;
}
.inc_area {
	width: 230px;
	
}
.inc_area img {
	margin-bottom: 10px;
}
/* End */



/* Start:/bitrix/templates/catalog/template_styles.css*/
@charset "utf-8"; /* CSS Document */ /* Сброс */ * { 	margin:0; 	padding:0; 	} a { 	color:#45848e; 	} a:hover { 	text-decoration:none; 	} .catalog_blocks .cat_block:last-child{ display: none; } #footer .footer_menu a:last-child{ display: none; } h1 { 	font-size: 30px; 	font-family:Tahoma, Geneva, sans-serif; 	font-weight:bold; 	} h4 { 	font-size:12px; 	font-family:Tahoma, Geneva, sans-serif; 	color:#6f6f6f; 	} p { 	padding:5px 0; 	} img { 	border:none; 	} /* Структура */ html { 	height:100%; 	min-height:100%; 	font-size:13px; 	font-family:Arial, Helvetica, sans-serif; 	color:#000; 	} body { 	height:100%; 	min-height:100%; 	} #wrapper { 	width:1176px; 	padding:0 40px; 	margin:0 auto; 	height:auto !important; 	min-height:100%; 	-height:100%; 	background:url(/img/bg.jpg) no-repeat left top; 	} #page { 	height:auto; 	padding:35px 0 94px 0; 	overflow: hidden; 	} 	 /* Основные стили */ 	 .menu { 	width:1176px; 	margin:0 auto; 	height:35px; 	background-color:#eef8ed; 	} 	.menu ul { 		text-align: center; 		display:block; 		width:auto; 		margin:0 auto; 		} 	.menu ul li { 		display:inline-block; 		width:auto; 		padding:9px 4px; 		} 	.menu ul li a { 		font-family:Tahoma, Geneva, sans-serif; 		font-size:12px; 		font-weight:bold; 		text-transform:uppercase; 		color:#437290; 		} .block_head { 	height:198px; 	padding-top:32px; 	} 	.block_head p { 		padding:0 0 8px 0; 		} 	.left_logo { 		float:left; 		} 		.left logo img { 			float:left; 			} 	.right_info { 		width:210px; 		float:right; 		} 		.right_info .ask_block { 			width:100%; 			float:left; 			clear:left; 			padding-bottom:10px; 			} 			.ask_block p { 				display:block; 				font-family:Tahoma, Geneva, sans-serif; 				font-size:18px; 				} 			a.ask_button { 				width:101px; 				padding-top:7px; 				height:22px; 				font-family:Arial, Helvetica, sans-serif; 				font-size:12px; 				display:block; 				text-align:center; 				color:#000; 				text-decoration:none;	 				background: url(/img/ask_button.png) no-repeat center center;	 				} 		.right_info .min_cart_block { 			width:100%; 			float:left; 			clear:left; 			padding-top:5px; 			} 			.min_cart_block .cart_ico { 				padding-left:19px; 				background: url(/img/cart_ico.png) no-repeat left 4px; 				font-weight:bold; 				} 			a.order_button { 				width:111px; 				padding-top:7px; 				height:22px; 				font-family:Tahoma, Geneva, sans-serif; 				font-size:12px; 				display:block; 				text-align:center; 				color:#fff; 				text-decoration:none;	 				background: url(/img/order_button.png) no-repeat center center; 				} 	.center_slogan { 		text-align:center; 		padding-top:43px; 		} 		.center_slogan p { 			font-family:Tahoma, Geneva, sans-serif; 			/*font-size:16px;*/ 			font-size:18pt; 			} div.area { 	text-align:center; 	font-family:Tahoma, Geneva, sans-serif; 	font-weight:bold; 	font-size:18px; 	padding-bottom: 5px; 	color:#5ebb50; 	text-transform:uppercase; 	} .area_menu { 	background:#eef8ed url(/img/area_top.png) no-repeat center top; 	height:80px; 	} 	.area_menu ul { 		text-align: center; 		display:block; 		width:auto; 		margin:0 auto; 		} 	.area_menu ul li { 		display:inline-block; 		width:auto; 		padding: 4px 6px 4px; /*margin: 3px 33px;*/ 		margin: 3px 27px; 		} 		.area_menu ul li a { 			font-family:Tahoma, Geneva, sans-serif; 			font-size:16px; 			color:#719ca0;			 			} .content { 	padding-top:40px; 	background:url(/img/area_bottom.png) no-repeat center top; 	padding-bottom:20px; 	min-height:354px; 	}	 	.tabs { 		width:200px; 		float:left; 		} .content .tabs ul .first_lvl { 	text-transform: uppercase; 	behavior: url(/js/PIE.htc); 	list-style:none; 	position:relative; 	min-height:35px; 	width:180px; 	margin-bottom:7px; 	background:#fff; 	background-image:none; 	padding:0; 	z-index: 3; } .content .tabs ul .first_lvl:hover { 	background: #eef8ed; 	 } .content .tabs ul .inner .li:hover { 	background: none; 	 } 		.content .tabs ul .act { 			-moz-border-radius: 5px 0 0 5px; 			-webkit-border-radius: 5px 0 0 5px; 			border-radius: 5px 0 0 5px; 			behavior: url(/js/PIE.htc); 			background:#58919a; 			border:1px solid #58919a; 			} .content .tabs ul { 	position: relative; } .content .tabs .inner { 	position: absolute; 	left: 177px; 	width: 200px; 	top: -2px; 	background: url(/img/sub_menu_bg.jpg); 	border: solid 1px #e7e7e7; 	border-left: none; 	border-radius: 5px; 	display: none; } .tabs .active .inner { 	position: relative; 	display: block; 	background: none; 	border: none; 	left: 0; } .content .tabs .inner .layer { 	padding: 7px 0 7px 20px; 	background: url(/img/sub_arrow.png) no-repeat -5px 1px; } .tabs .active .inner .layer { 	background: none; 	padding: 7px 0; } .content .tabs .inner .first_lvl a { 	position: absolute; 	left: 100px; 	top: 0; 	padding: 5px; 	-moz-border-radius: 5px; 	-webkit-border-radius: 5px; 	border-radius: 5px; } 		.tabs ul .first_lvl a { 			padding: 8px 0 9px 11px; 			display:block; 			text-decoration:none; 			font-family:Tahoma, Geneva, sans-serif; 			font-weight:bold; 			font-size:14px; 			color:#589592; 			cursor: pointer; 			border: 1px solid silver; 			border-radius: 5px; 			} 		.tabs ul .first_lvl .act { 			color:#fff; 			} 		.tabs ul .pointer { 			top:0; 			left:100%; 			display:none; 			position:absolute; 			} 		.tabs ul .active .pointer { 			display:block; 			overflow: hidden; 			height: 36px; 			} .tabs ul .active .pointer img { 	margin-top: -3px; 	margin-left: -2px; } .tabs .inner li { 	list-style: none; 	background: url(/img/li_marker_sub.png) no-repeat left; 	padding: 2px 0 2px 10px; 	margin-left: 10px; 	text-transform: none; } .tabs .inner li a { 	font-weight: normal; 	padding: 0; 	border: none; } .info { 	 	overflow: hidden; 	margin-bottom: 30px; } .tabs .inner .active a { 	color: #589592; 	background: none; 	border: none; } 	.info.act { 		display:block; 		} 		.photo { 			padding:0 15px 0 0; 			float:left; 			} 			.photo img { 				float:left; 				} 		.catalog_cart { 			float:right; 			padding-left:15px; 			width:320px; 			} 			.catalog_cart p { 				font-size:12px; 				} 			.catalog_cart a { 				font-weight:bold; 				padding-bottom:10px; 				} 			.catalog_cart a.in_cart { 				cursor:pointer; 				} 			.price { 				font-size:20px; 				margin:20px 0; 				display:block; 				}	 			.cur { 				position: absolute; 				font-family: arial; 				font-size: 130%; 				font-weight: normal; 				line-height: 110%; 				} .items_descr { 	margin: 0 340px 0 370px; } .cat_descr { 	/*margin: 0 0 0 370px;*/ 	margin: 0; } 	.content ul li { 		list-style:none; 		padding: 4px 10px 4px 20px; 		/*background:url(/images/tea_pic.jpg) no-repeat left 2px;*/ 		} 		 	 .information_blocks { 	padding:20px 0 45px 0; 	border-top:1px solid #c9dec6; 	border-bottom:1px solid #bebebe; 	}	 	.inf_block { 		width:269px; 		float:left; 		padding:0 12px; 		} 		.inf_block img { 			padding:5px 0; 			max-width:100%; 			} 		.inf_block h4 { 			padding-bottom:20px; 			text-transform:uppercase; 			} 		.inf_block p { 			font-family:Tahoma, Geneva, sans-serif; 			font-size:16px; 			padding-right:20px; 			color:#444444; 			} 			.inf_block p strong { 				color:#000; 				} 		.inf_block .news_one span { 			font-family:Arial, Helvetica, sans-serif; 			font-size:12px; 			line-height:18px; 			} 		.inf_block .news_one a { 			font-family:Arial, Helvetica, sans-serif; 			font-size:12px; 			line-height:18px; 			color:#646464; 			font-weight:bold; 			} 		.inf_block .news_one p { 			line-height:18px; 			font-family:Arial, Helvetica, sans-serif; 			font-size:12px; 			padding:0; 			} /* Подвал */ #footer { 	margin: -84px auto 0; 	font-size:12px; 	color:#000; 	width:1176px; 	height:84px; 	padding-top:10px; 	position: relative; 	clear: both; 	} 	#footer a { 		color:#6f6f6f; 		} 	#footer .footer_logo { 		float: left; 		height: 84px; 		width: 62px; 		} 	#footer .footer_text { 		float: left; 		width: 215px; 		}	 	#footer .footer_menu { 		width:100%; 		position:absolute; 		text-align:center; 	top: -10px;	}	 		#footer .footer_menu a { 			padding:0 5px; 			} /* Служебные */ .clear { 	clear:both; 	} .inner_cat li { 	background: none!important ; } .inner .act_item { 	color: #000!important; } .left_column { float: left; 	width: 250px; } .right_column { margin-left: 242px; } .pic_ico { height: 47px; } .area_menu { } .ic_1 { background: url(/img/menu_area/ico_1.png) no-repeat center; } .ic_2 { background: url(/img/menu_area/ico_2.png) no-repeat center; } .ic_3 { background: url(/img/menu_area/ico_3.png) no-repeat center; } .ic_4 { background: url(/img/menu_area/ico_4.png) no-repeat center; } .ic_5 { background: url(/img/menu_area/ico_5.png) no-repeat center; } .ic_6 { background: url(/img/menu_area/ico_6.png) no-repeat center; } .area_menu ul li.act, .area_menu ul li:hover { background: #589492; } .area_menu ul li.act a, .area_menu ul li:hover a { color: #fff; } .area_menu ul li.act .ic_1, .area_menu ul li:hover .ic_1 { background: url(/img/menu_area/ico_1_act.png) no-repeat center; } .area_menu ul li.act .ic_2, .area_menu ul li:hover .ic_2 { background: url(/img/menu_area/ico_2_act.png) no-repeat center; } .area_menu ul li.act .ic_3, .area_menu ul li:hover .ic_3 { background: url(/img/menu_area/ico_3_act.png) no-repeat center; } .area_menu ul li.act .ic_4, .area_menu ul li:hover .ic_4 { background: url(/img/menu_area/ico_4_act.png) no-repeat center; } .area_menu ul li.act .ic_5, .area_menu ul li:hover .ic_5 { background: url(/img/menu_area/ico_5_act.png) no-repeat center; } .area_menu ul li.act .ic_6, .area_menu ul li:hover .ic_6 { background: url(/img/menu_area/ico_6_act.png) no-repeat center; } .act_item_li { 	background: url(/img/li_marker_act.png) no-repeat left 9px!important; } .developm { background: url(/img/logo_wf.gif) no-repeat left 6px; float: right; width: 116px; padding: 0 0 0 44px; line-height: 16px; } .main_block_tea{ 	display:none; } .inner_block_tea{ 	display:block; } .news_tovar{ position: absolute; bottom: 95%; color: red; } news_tovar2{ position: absolute; bottom: 100%; color: red; } .catalog-section{ 	overflow:hidden; } .name_sections_tovar{ color: rgb(0, 188, 177); font-weight: bold!important; font-size: 13pt!important; } .new_and_hit{ 	color:red; } .value_products{ 	float: left; 	margin-right: 20px; } .tabs-for-mobile { display: none; } .mobile_menu { display: none; } .cat_name_mobile { display: none; } .display_mobile { display: none; } td.read_more { display: none; } @media only screen and (max-width: 600px) { .display_mobile { display: block; } .display_desctop { display: none; } #page { padding-top: 5px; } .block_head{ height: auto; padding-top: 4px; display: flex; justify-content: space-between; flex-wrap: wrap; } .left_logo img{ width: 136px; height: auto; } .right_info { width: auto; text-align: center; } .ask_block p{ margin-left: auto; margin-right: auto; } .center_slogan { width: 100%; padding-top: 5px; } #wrapper { width: 100%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; background: none; } .center_slogan img { display: none; } .menu { display: none; } .area, .area_menu { display: none; } ul.breadcrumb-navigation{ padding-top: 10px; margin-bottom: 15px; } .center_slogan p { font-size: 18px; } .content { width: 100%; background: none; padding-top: 0; padding-bottom: 0; } .photo { display: none; } .left_column { display: none; } .right_column{ margin-left: 0; } .right_column p { font-size: 16px; padding: 0; padding-bottom: 3px; } ul.mobile_list { width: 100% !important; float: none !important; } .right_column li { font-size: 16px; } .info { margin-bottom: 0; } h1 { text-align: center; margin-bottom: 5px; font-size: 22px; } h2 { text-align: center; } .cat_descr .MsoNormal { text-align: justify; padding: 0 !important; } .cat_descr .MsoNormal span, .cat_descr p span { font-size: 16px !important; } .cat_descr .MsoNormal + p { font-size; 15px; padding: 0 5px !important; text-align: justify; } td.td_cat { width: 100% !important; display: block; padding: 0 !important; box-sizing: border-box; margin-top: 5px; border: 1px solid #d7d7d7; } .td_cat td:first-child { width: 100% !important; margin-bottom: 5px; } .td_cat tr { display: flex; flex-direction: column; } .new_and_hit { font-weight: 700; margin-bottom: 3px; } .new_and_hit + img { float: left; width: 50% !important; height: auto !important; } .price { float: right; width: 50%; } .value_products { float: none; margin-right: 0; font-size: 18px; text-align: center; } .price, a.in_cart { text-align: center; } a.in_cart { display: block; } .cat_name_desctop, .name_sections_tovar { display: none; } .catalog-section .td_cat p { font-size: 16px; } .catalog-section .td_cat p.cat_name_mobile { display:block; font-size: 18px; text-align: center; padding-left: 5px; padding-right: 5px; padding-bottom: 0; } .MsoNormal span, .catalog-section .td_cat td:nth-child(2) { padding-left: 5px; padding-right: 5px; font-size: 16px !important; text-align: left; padding-bottom: 0; } .tabs-for-mobile { display: block; } .catalog_blocks .cat_block { float: none !important; width: 100% !important; height: auto !important; margin: 0 auto !important; } .catalog_blocks .cat_layer { width: 100% !important; height: auto !important; padding-left: 10px !important; } /*Мобильное меню*/ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 1; list-style: none outside none; margin: 0; padding: 0; position: relative; } #cssmenu { color: #ffffff; font-family: Helvetica,Arial,sans-serif; width: 100%; } #cssmenu ul ul { display: none; } #cssmenu > ul > li > a { background: #45848e; /* Old browsers */ background: -moz-linear-gradient(top, rgba(54,170,231,1) 0%, rgba(31,160,228,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,170,231,1)), color-stop(100%,rgba(31,160,228,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36aae7', endColorstr='#1fa0e4',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; padding: 15px 20px; text-decoration: none; z-index: 2; } #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { background: #45848e; /* Old browsers */ } #cssmenu > ul > li.open > a { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15); } #cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a { text-align: center; texttransform: uppercase; font-size: 20px; padding-top: 13px; padding-bottom: 13px; } #cssmenu > ul > li.open:last-child > a{ background: #176572; color: #fff; transition: 0.3s; } .holder { height: 0; position: absolute; right: 0; top: 0; width: 0; } .holder:after, .holder:before { content: ""; display: block; height: 6px; position: absolute; right: 20px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); width: 6px; z-index: 10; } .holder:after { top: 17px; } #cssmenu > ul > li > a:hover > span:after, #cssmenu > ul > li.active > a > span:after, #cssmenu > ul > li.open > a > span:after { border-color: #eeeeee; } .holder:before { border-left-color: inherit; border-left-style: solid; border-left-width: 2px; border-top-color: inherit; border-top-style: solid; border-top-width: 2px; top: 18px; } #cssmenu ul ul li a { background:#eef8ed; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; color: #589592; cursor: pointer; font-size: 14px; padding: 10px 20px; text-decoration: none; z-index: 1; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; } #cssmenu .has-sub > li a{ background: #eef8ed; } #cssmenu a.sub-title { text-transform: uppercase; background: #fff; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background: none repeat scroll 0 0 #45848e; color: #ffffff; } #cssmenu ul ul li:first-child > a { -webkit-box-shadow: none; box-shadow: none; } #cssmenu ul ul ul li:first-child > a { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; } #cssmenu ul ul ul li a { padding-left: 30px; } #cssmenu ul ul ul li a:before { content: " "; display: block; position: absolute; top: calc(50% - 2px); left: 15px; width: 5px; height: 5px; border-radius: 50%; background-color: #45848e; } #cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a { } #cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #32373e; } #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0 none; } #cssmenu ul ul li.has-sub > a:after { border-left: 2px solid #45848e; border-top: 2px solid #45848e; content: ""; display: block; height: 5px; position: absolute; right: 20px; top: 11.5px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); width: 5px; z-index: 10; } #cssmenu ul ul li.active > a:after, #cssmenu ul ul li.open > a:after, #cssmenu ul ul li > a:hover:after { border-color: #ffffff; } #cssmenu a.contacts { border-top: 1px solid #45848e; } /*Футер*/ #footer { width: 100%; display: flex; flex-wrap: wrap; padding-top: 0; } #footer .footer_text { font-size: 14px; width: auto; } #footer .footer_menu{ width: 100%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; order: -1; position: relative; margin-bottom: 5px; top: 0; } #footer .footer_menu a { display: block; width: 100%; text-align: left; text-decoration: none; padding-left: 20px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; font-size: 18px; box-sizing: border-box; color: #45848e; background: linear-gradient(to bottom, #fff, #eef8ed ); border-radius: 5px; border-left: 1px solid #6f6f6f; border-right: 1px solid #6f6f6f; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; margin-bottom: 3px; position: relative; } center { display: none; } #footer .footer_menu a:before { content: ""; width: 5px; height: 5px; position: absolute; top: calc(50% - 3px); left: 8px; display: block; background: #45848e; } table.sanatoriy, .sanatoriy tbody, .sanatoriy tbody tr, .sanatoriy tbody tr td { width: 100%; display: block; margin: 0 auto; box-sizing: border-box; } .sanatoriy tbody tr { margin-bottom: 15px; } block_sanatoriy { width: 100%; display: block; box-sizing: border-box; } table.block_sanatoriy td { display: block; padding: 3px !important; } table.sanatoriy td { padding: 0 !important; width: auto !important; } p.mobile_text, p.mobile_text_small, span.mobile_text_small { font-size: 16px !important; } p.mobile_text_mini { font-size: 14px !important; } .text_block { height: 40px; overflow: hidden; } .full_text { height: auto; } td.read_more { background-color: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border-radius: 4px; color: #555555; display:block; width:200px; margin: 20px auto; font-size: 14px; text-align:center; height: 20px; line-height: 20px; margin-bottom: 10px; padding: 4px 6px; vertical-align: middle; text-decoration:none; } td.read_more:hover, td.read_more:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; } td.hide_read_more { display: none; } } @media only screen and (min-width: 601px) and (max-width: 879px) { .display_mobile { display: block; } .display_desctop { display: none; } #page { padding-top: 5px; } .content { width: 100%; background: none; padding-top: 0; padding-bottom: 0; } .block_head{ height: auto; padding-top: 4px; display: flex; justify-content: space-between; flex-wrap: wrap; } .left_logo img{ width: 136px; height: auto; } .right_info { width: auto; text-align: center; } .ask_block p{ margin-left: auto; margin-right: auto; } .center_slogan { width: 100%; padding-top: 5px; } #wrapper { width: 100%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; background: none; } .center_slogan img { display: none; } .menu { display: none; } .area, .area_menu { display: none; } ul.breadcrumb-navigation{ padding-top: 10px; margin-bottom: 15px; } .center_slogan p { font-size: 18px; } .left_column { display: none; } .right_column{ margin-left: 0; } .right_column p { font-size: 16px; padding: 0; padding-bottom: 3px; } ul.mobile_list { width: 100% !important; float: none !important; } .right_column li { font-size: 16px; } .catalog_blocks .cat_block { float: none !important; margin-left: auto !important; margin-right: auto !important; height: auto !important; } .catalog_blocks .cat_layer { height: auto !important; } .info { margin-bottom: 0; } h1 { text-align: center; margin-bottom: 5px; font-size: 22px; } h2 { text-align: center; } .catalog-section .td_cat { display: block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px !important; padding-bottom: 5px; width: 80% !important; } div.catalog-section table td + td { width: 100%; padding-left: 10px; display: block; } #footer { width: 100%; } /*Мобильное меню*/ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 1; list-style: none outside none; margin: 0; padding: 0; position: relative; } #cssmenu { color: #ffffff; font-family: Helvetica,Arial,sans-serif; width: 100%; } #cssmenu ul ul { display: none; } #cssmenu > ul > li > a { background: #45848e; /* Old browsers */ background: -moz-linear-gradient(top, rgba(54,170,231,1) 0%, rgba(31,160,228,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,170,231,1)), color-stop(100%,rgba(31,160,228,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36aae7', endColorstr='#1fa0e4',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; padding: 15px 20px; text-decoration: none; z-index: 2; } #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { background: #45848e; /* Old browsers */ } #cssmenu > ul > li.open > a { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15); } #cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a { text-align: center; texttransform: uppercase; font-size: 20px; padding-top: 13px; padding-bottom: 13px; } #cssmenu > ul > li.open:last-child > a{ background: #176572; color: #fff; transition: 0.3s; } .holder { height: 0; position: absolute; right: 0; top: 0; width: 0; } .holder:after, .holder:before { content: ""; display: block; height: 6px; position: absolute; right: 20px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); width: 6px; z-index: 10; } .holder:after { top: 17px; } #cssmenu > ul > li > a:hover > span:after, #cssmenu > ul > li.active > a > span:after, #cssmenu > ul > li.open > a > span:after { border-color: #eeeeee; } .holder:before { border-left-color: inherit; border-left-style: solid; border-left-width: 2px; border-top-color: inherit; border-top-style: solid; border-top-width: 2px; top: 18px; } #cssmenu ul ul li a { background:#eef8ed; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; color: #589592; cursor: pointer; font-size: 14px; padding: 10px 20px; text-decoration: none; z-index: 1; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; } #cssmenu .has-sub > li a{ background: #eef8ed; } #cssmenu a.sub-title { text-transform: uppercase; background: #fff; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background: none repeat scroll 0 0 #45848e; color: #ffffff; } #cssmenu ul ul li:first-child > a { -webkit-box-shadow: none; box-shadow: none; } #cssmenu ul ul ul li:first-child > a { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; } #cssmenu ul ul ul li a { padding-left: 30px; } #cssmenu ul ul ul li a:before { content: ""; display: block; position: absolute; top: calc(50% - 2px); left: 15px; width: 5px; height: 5px; border-radius: 50%; background-color: #45848e; } #cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a { } #cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #32373e; } #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0 none; } #cssmenu ul ul li.has-sub > a:after { border-left: 2px solid #45848e; border-top: 2px solid #45848e; content: ""; display: block; height: 5px; position: absolute; right: 20px; top: 11.5px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); width: 5px; z-index: 10; } #cssmenu ul ul li.active > a:after, #cssmenu ul ul li.open > a:after, #cssmenu ul ul li > a:hover:after { border-color: #ffffff; } #cssmenu a.contacts { border-top: 1px solid #45848e; } /*Футер*/ #footer { width: 100%; display: flex; flex-wrap: wrap; padding-top: 0; } #footer .footer_text { font-size: 14px; width: auto; } #footer .footer_menu{ width: 100%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; order: -1; position: relative; margin-bottom: 5px; } #footer .footer_menu a { display: block; width: 100%; text-align: left; text-decoration: none; padding-left: 20px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; font-size: 18px; box-sizing: border-box; color: #45848e; background: linear-gradient(to bottom, #fff, #eef8ed ); border-radius: 5px; border-left: 1px solid #6f6f6f; border-right: 1px solid #6f6f6f; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; margin-bottom: 3px; position: relative; } center { display: none; } #footer .footer_menu a:before { content: ""; width: 5px; height: 5px; position: absolute; top: calc(50% - 3px); left: 8px; display: block; background: #45848e; } table.sanatoriy, .sanatoriy tbody, .sanatoriy tbody tr, .sanatoriy tbody tr td { width: 100%; display: block; margin: 0 auto; box-sizing: border-box; } .sanatoriy tbody tr { margin-bottom: 15px; } block_sanatoriy { width: 100%; display: block; box-sizing: border-box; } table.block_sanatoriy td { display: block; padding: 3px !important; } table.sanatoriy td { padding: 0 !important; width: auto !important; } p.mobile_text, p.mobile_text_small, span.mobile_text_small { font-size: 16px !important; } p.mobile_text_mini { font-size: 14px !important; } } @media only screen and (min-width: 880px) and (max-width: 924px) { .display_mobile { display: block; } .display_desctop { display: none; } #page { padding-top: 5px; } .content { width: 100%; background: none; padding-top: 0; padding-bottom: 0; } .block_head{ height: auto; padding-top: 4px; display: flex; justify-content: space-between; flex-wrap: wrap; } .left_logo img{ width: 136px; height: auto; } .right_info { width: auto; text-align: center; } .ask_block p{ margin-left: auto; margin-right: auto; } .center_slogan { width: 100%; padding-top: 5px; } #wrapper { width: 100%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; background: none; } .center_slogan img { display: none; } .menu { display: none; } .area, .area_menu { display: none; } ul.breadcrumb-navigation{ padding-top: 10px; margin-bottom: 15px; } .center_slogan p { font-size: 18px; } .gradient { display: flex; flex-wrap: wrap; justify-content: space-around; } .catalog_blocks .cat_block { margin: 0 !important; height: auto !important; } .catalog_blocks .cat_layer { height: auto !important; } .left_column { display: none; } .right_column{ margin-left: 0; } .right_column p { font-size: 16px; padding: 0; padding-bottom: 3px; } ul.mobile_list { width: 100% !important; float: none !important; } .right_column li { font-size: 16px; } .info { margin-bottom: 0; } h1 { text-align: center; margin-bottom: 5px; font-size: 22px; } h2 { text-align: center; } .catalog-section .td_cat { display: block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px !important; padding-bottom: 5px; width: 65% !important; } .td_cat tr { width: 100%; margin-left: auto; margin-right: auto; } div.catalog-section table td + td { width: 100%; padding-left: 10px; } /*Мобильное меню*/ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 1; list-style: none outside none; margin: 0; padding: 0; position: relative; } #cssmenu { color: #ffffff; font-family: Helvetica,Arial,sans-serif; width: 100%; } #cssmenu ul ul { display: none; } #cssmenu > ul > li > a { background: #45848e; /* Old browsers */ background: -moz-linear-gradient(top, rgba(54,170,231,1) 0%, rgba(31,160,228,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,170,231,1)), color-stop(100%,rgba(31,160,228,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(54,170,231,1) 0%,rgba(31,160,228,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36aae7', endColorstr='#1fa0e4',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; padding: 15px 20px; text-decoration: none; z-index: 2; } #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { background: #45848e; /* Old browsers */ } #cssmenu > ul > li.open > a { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15); } #cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a { text-align: center; texttransform: uppercase; font-size: 20px; padding-top: 13px; padding-bottom: 13px; } #cssmenu > ul > li.open:last-child > a{ background: #176572; color: #fff; transition: 0.3s; } .holder { height: 0; position: absolute; right: 0; top: 0; width: 0; } .holder:after, .holder:before { content: ""; display: block; height: 6px; position: absolute; right: 20px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); width: 6px; z-index: 10; } .holder:after { top: 17px; } #cssmenu > ul > li > a:hover > span:after, #cssmenu > ul > li.active > a > span:after, #cssmenu > ul > li.open > a > span:after { border-color: #eeeeee; } .holder:before { border-left-color: inherit; border-left-style: solid; border-left-width: 2px; border-top-color: inherit; border-top-style: solid; border-top-width: 2px; top: 18px; } #cssmenu ul ul li a { background:#eef8ed; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; color: #589592; cursor: pointer; font-size: 14px; padding: 10px 20px; text-decoration: none; z-index: 1; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; } #cssmenu .has-sub > li a{ background: #eef8ed; } #cssmenu a.sub-title { text-transform: uppercase; background: #fff; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background: none repeat scroll 0 0 #45848e; color: #ffffff; } #cssmenu ul ul li:first-child > a { -webkit-box-shadow: none; box-shadow: none; } #cssmenu ul ul ul li:first-child > a { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; } #cssmenu ul ul ul li a { padding-left: 30px; } #cssmenu ul ul ul li a:before { content: ""; display: block; position: absolute; top: calc(50% - 2px); left: 15px; width: 5px; height: 5px; border-radius: 50%; background-color: #45848e; } #cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a { } #cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #32373e; } #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0 none; } #cssmenu ul ul li.has-sub > a:after { border-left: 2px solid #45848e; border-top: 2px solid #45848e; content: ""; display: block; height: 5px; position: absolute; right: 20px; top: 11.5px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); width: 5px; z-index: 10; } #cssmenu ul ul li.active > a:after, #cssmenu ul ul li.open > a:after, #cssmenu ul ul li > a:hover:after { border-color: #ffffff; } #cssmenu a.contacts { border-top: 1px solid #45848e; } /*Футер*/ #footer { width: 100%; display: flex; flex-wrap: wrap; padding-top: 0; } #footer .footer_text { font-size: 14px; width: auto; } #footer .footer_menu{ width: 100%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; order: -1; position: relative; margin-bottom: 5px; } #footer .footer_menu a { display: block; width: 100%; text-align: left; text-decoration: none; padding-left: 20px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; font-size: 18px; box-sizing: border-box; color: #45848e; background: linear-gradient(to bottom, #fff, #eef8ed ); border-radius: 5px; border-left: 1px solid #6f6f6f; border-right: 1px solid #6f6f6f; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; margin-bottom: 3px; position: relative; } center { display: none; } #footer .footer_menu a:before { content: ""; width: 5px; height: 5px; position: absolute; top: calc(50% - 3px); left: 8px; display: block; background: #45848e; } table.sanatoriy, .sanatoriy tbody, .sanatoriy tbody tr, .sanatoriy tbody tr td { width: 100%; display: block; margin: 0 auto; box-sizing: border-box; } .sanatoriy tbody tr { margin-bottom: 15px; } block_sanatoriy { width: 100%; display: block; box-sizing: border-box; } table.block_sanatoriy td { display: block; padding: 3px !important; } table.sanatoriy td { padding: 0 !important; width: auto !important; } p.mobile_text, p.mobile_text_small, span.mobile_text_small { font-size: 16px !important; } p.mobile_text_mini { font-size: 14px !important; } } @media only screen and (min-width: 925px) and (max-width: 1175px) { #wrapper { width: 100%; padding: 0; } .menu { width: 100%; padding: 9px 0; } .menu ul { display: flex; justify-content: center; flex-wrap: wrap; background-color: #eef8ed; } .menu ul li { padding: 9px 1px; font-size: 11px; margin-left: auto; margin-right: auto; } .menu ul li a { margin-left: 4px; margin-right: 4px; } .center_slogan img { display: none; } .area_menu ul li { margin-left: 5px; margin-right: 5px; } ul.breadcrumb-navigation { margin-left: 10px; } .left_column { margin-left: 5px; } .right_column { margin-left: 248px; } .gradient { display: flex; flex-wrap: wrap; justify-content: space-around; } .catalog_blocks .cat_block { margin: 0 !important; height: auto !important; width: 300px !important; } .catalog_blocks .cat_layer { height: auto !important; } .catalog-section .td_cat { display: block; width: 100%; box-sizing: border-box; padding-right: 50px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .catalog-section tr { width: 100%; } #footer { width: 100%; } #footer .footer_menu { top: -10px; } } @media only screen and (min-width: 1176px) and (max-width: 1255px) { #wrapper { width: 100%; padding: 0; } .gradient { display: flex; flex-wrap: wrap; justify-content: space-around; } .catalog_blocks .cat_block { margin: 0 !important; height: auto !important; width: 319px !important; } .catalog_blocks .cat_layer { height: auto !important; } }
/* End */