:root {
  --rec-gray: #EDF0F5;
  --rec-gray-dark: #38404B;
  --rec-blue: #0275D8;
}

h2{
	margin:0px 0px 40px 0px;
	font-size:20px;
	font-weight:bold;
}

hr{
	height:1px;
	margin:0px 0px 40px 0px;
	border:none;
	background:var(--rec-gray);
}

#recomend_first{
	display:flex;
	margin-bottom:70px;
}

#recomend_first .l{
	max-width:540px;
	margin-right:auto;
	text-align:center;
}

#recomend_first .r{
	max-width:540px;
	text-align:center;
	font-weight:bold;
}

#recomend_first .r p{
	margin:0px 0px 40px 0px;
	font-weight:bold;
	font-size:16px;
}

#recomend_first .r p:first-of-type{
	font-size:20px;
}

#recomend_first h3,
#recomend_first .caption{
	text-transform:uppercase;
	padding-top:20px;
	margin:0px 0px 20px 0px;
	border-top: 1px solid var(--rec-gray-dark);
	font-weight:bold;
}

#recomend_first .caption a{
	color:var(--marengo);
	text-decoration:none;
}

#recomend_first .caption a:hover{
	color:var(--blue);
	text-decoration:none;
}


#recomend_first h3.last,
#recomend_first .caption.last{
	padding-top:0px;
	margin-bottom:0px;
	border-top:none;
}

#recomend_first h3 span,
#recomend_first .caption span{
	display:block;
	text-transform:none;
	font-size:12px;
	font-weight:normal;
}

#recomend_first ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#recomend_first ul li{
	margin-bottom:10px;
}

#recomend_first ul li a{	
	padding:10px 28px;
	background:var(--rec-gray);
	text-decoration:none;
	color:#000;
	display:block;
}

#recomend_first ul li a:hover{
	background:var(--blue);
	color:#fff;
}

.rec_second{
	display:flex;
	padding:53px 95px;
	background:var(--rec-gray);
	border-radius: 30px;
	margin-bottom:72px;
	align-items:center;
}

.rec_second .txt{
	background:#fff;
	border-radius:20px;
	padding:20px;
	max-width:540px;
	margin-right:auto;
}

ul.bcircle,
.rec_second .txt ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

ul.bcircle li,
.rec_second .txt ul li{
	margin-bottom:19px;
	padding-left:38px;
	position:relative;
	line-height:1;
}

ul.bcircle li::before,
.rec_second .txt ul li::before{
	content:'';
	width:28px;
	height:28px;
	left:0px;
	top:-7px;
	position:absolute;
	background:url(images/li.svg) 0px 0px no-repeat;
}

ul.bcircle li::before{
	top:-5px;
}

ul.bcircle.bcircle_p{
	padding:20px;
	background:#fff;
	box-shadow: 0px 0px 31px rgba(56, 64, 75, 0.1);
	border-radius: 20px;
	margin:30px 0px;
}

ul.bcircle.bcircle_p li:last-of-type{
	margin-bottom:0px;
}

.rec_second .pic{}

.rec_second .pic img{
	border-radius:20px;
}

.rec_second .txt ul li:last-of-type{
	margin-bottom:0px;
}

.rec_block{
	margin-bottom:100px;
	position:relative;
}

.rec_block .hide_pic{
	position:absolute;
	top:0px;
	z-index:1;
}

h2.serg,
.rec_block > h2,
.rec_block > h3{
	margin:0px;
	padding:0px;
	position:relative;
	z-index:30;
}

h2.serg span,
.rec_block > h2 > span,
.rec_block > h3 > span{
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) -63.2%, rgba(237, 240, 244, 0.2) 100%), #EDF0F5;
	border-radius: 0px 100px 0px 0px;
	background:var(--rec-gray);
	padding:0px 64px;
	max-width:730px;
	height:100px;
	display:inline-flex;
	align-items:center;
	font-size:20px;
	font-weight:bold;
	margin:0px;
	line-height:1;
}

.rec_block > h3 .bottom{
	padding-top:10px;
	font-size:14px;
	font-weight:normal;
}

h2.serg a,
.rec_block > h2 a{
	color:#000;
	text-decoration:none;
}

h2.serg a:hover,
.rec_block > h2 a:hover{
	text-decoration:underline;
}

.rec_block > .txt{
	padding:55px 64px;
	background:#fff;
	box-shadow: 0px 0px 87px rgba(170, 170, 170, 0.1);
	position:relative;
	z-index:30;
}

.rec_block > .txt_flex{
	display:flex;
	padding:24px 64px;
	align-items:center;
}

.rec_block > .txt_flex .l{
	max-width:675px;
	margin-right:auto;
}

.rec_block > .txt_flex .r{
	text-align:center;
	font-weight:bold;
	max-width:182px;
}

.rec_block > .txt_flex .r .pic{
	margin-bottom:8px;
}

.rec_block > .txt_flex .r .pic img{
	border:1px solid var(--rec-gray);
	border-radius: 10px;
	box-shadow: 0px -11px 31px rgba(56, 64, 75, 0.1);
}

.rec_block > .txt_flex .r a{
	color:var(--rec-blue);
	text-decoration:underline;
}

.rec_block > .txt_flex .r a:hover{
	text-decoration:none;
}

.rec_block > .txt_flex ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

.rec_block > .txt_flex ul li{
	margin-bottom:20px;
	padding:10px 20px;
	background:var(--rec-gray);
	text-align:center;
}

.rec_block > .txt_flex ul li:last-of-type{
	margin-bottom:0px;
}

.rec_block > .note{
	width:100%;
	left:0px;
	bottom:0px;
	z-index:100;
	transform: translateY(50%);
	position: absolute;
}

.rec_block > .note span{
	max-width:730px;
	padding:20px 72px;
	background:var(--rec-gray-dark);
	color:#fff;
	text-align:center;
	display:block;
	margin:0px auto;
	font-weight:normal;
	box-sizing:border-box;
}

.rec_block blockquote{
	padding:35px 20px;
	border-left:41px solid var(--rec-gray);
	font-style:normal;
	font-size:16px;
	margin:0px 0px 20px 0px;
	position:relative;
}

.rec_block blockquote::before{
	content:'';
	width:13px;
	height:53px;
	left:-26px;
	top:50%;
	margin-top:-26.5px;
	background:url(images/alert.svg) 0px 0px no-repeat;
	position:absolute;
}

.rec_block .txt_pic{
	float:right;
	margin-left:20px;
	border-radius: 10px;
}

.rec_block ol{
	list-style:none;
	padding:0px;
	margin:0px;
	counter-reset: ol-counter;
}

.rec_block ol li{
	min-height:56px;
	margin-bottom:10px;
	display:flex;
	align-items:center;
	counter-increment: ol-counter;
	padding-left:64px;
	position:relative;
}

.rec_block ol li::before{
	width:50px;
	height:56px;
	content:counter(ol-counter);
	background:var(--rec-gray);
	color:#000;
	font-weight:bold;
	font-size:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-28px;
}


.rec_block.rec_block_2v{
	border: 1px solid #EDF0F5;
}

.rec_block.rec_block_2v h2 span,
.rec_block.rec_block_2v h3 span{
	border-radius: 5px 0px 44.5px;
	background:var(--marengo);
	font-size:16px;
	color:#fff;
	height:60px;
}

.rec_block.rec_block_2v > .txt{
	box-shadow:none;
	
}

.rec_block.rec_block_hard{}

.rec_block.rec_block_hard > .txt{
	padding:0px;
}

.rec_block.rec_block_hard .head{}

.rec_block.rec_block_hard .head .l{
	max-width:650px;
	padding:20px;
	background: #FFFFFF;
	box-shadow: 0px 0px 31px rgba(56, 64, 75, 0.1);
	border-radius: 20px;
	position:relative;
	z-index:30;
}

.rec_block.rec_block_hard .head .r{
	position:absolute;
	right:0px;
	top:0px;
	z-index:10;
}

.rec_block.rec_block_hard .head .r img{
	border-radius: 20px;
}

.rec_block.rec_block_hard .in{
	position:relative;
	margin-top:-27px;
	z-index:20;
	padding:58px 55px;
	background:#fff;
}

.rec_block.rec_block_hard_flex .head .l{
	display:flex;
	min-height:259px;
	align-items:center;
}

/*****/



.rec_block .cols2{
	display:flex;
}

.rec_block .cols2 .l{
	flex-shrink:0;
	width:203px;
	margin-right:25px;
}

.rec_block .cols2 .l img{
	width:203px;
}

.rec_block .cols2 .l img:not(:last-of-type){
	margin-bottom:10px;
}

.rec_block .cols2 .r{
	flex-grow:1;
}

.rec_block ul.llist{
	list-style:none;
	margin:0px 0px 40px 0px;
	padding:0px;
}

.rec_block ul.llist li{
	padding:20px 31px;
	background:#fff;
	box-shadow: 0px 0px 31px rgba(56, 64, 75, 0.1);
	border-radius: 10px;
	margin-bottom:10px;
}

.rec_block ul.llist li:last-of-type{
	margin-bottom:0px;
}

.rec_block .lnote{
	font-weight:bold;
	background: #FFFFFF;
	box-shadow: 0px 0px 31px rgba(56, 64, 75, 0.1);
	border-radius: 10px;
	padding:50px 30px;
}

/******/


.req_charges{
	margin-bottom:40px;
}

.req_charges ul{
	display:grid;
	list-style:none;
	padding:0px;
	margin:0px;
	gap:20px 30px;
	grid-template-columns:1fr 1fr 1fr;
}

.req_charges ul li{
	height:162px;
	padding:22px 35px;
	box-sizing:border-box;
	text-align:center;
	justify-content:center;
	align-items:center;
	background:var(--rec-gray);
	display:flex;
	border-radius: 5px;
}

/******/

.font-12{
	font-size:12px;
}

.gray_q{
	padding:20px 42px;
	background:var(--rec-gray-dark);
	color:#fff;
	margin:0px auto 10px auto;
	max-width:729px;
	font-size: 13px;
	text-align: center;
}


.rec_cols{
	border-spacing: 30px 0px;
	width: calc(100% + 60px);
	margin:0px -30px 40px -30px;
}

.rec_cols th{
	height:76px;
	background:var(--rec-gray-dark);
	color:#fff;
	font-weight:bold;	
}

.rec_cols td{
	padding:29px 45px;
	border:1px solid var(--rec-gray);
}

/*****/

.recomed_sec_list{
	background:var(--rec-gray);
	padding-bottom:26px;
	margin-bottom:60px;
}

.recomed_sec_list .caption{
	margin-bottom:17px;	
}

.recomed_sec_list .caption span{
	background:var(--rec-gray-dark);
	color:#fff;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding:19px;
	border-radius: 5px 0px 44.5px;
	display:block;
}

.recomed_sec_list .caption span a{
	color:#fff;
	text-decoration:none;
}

.recomed_sec_list .caption span a:hover{
	text-decoration:underline;
}

.recomed_sec_list .bl{
}

.recomed_sec_list .item{
	margin-bottom:0px;
	display:flex;
	align-items:center;
	padding:23px 55px;
}

.recomed_sec_list .item .pic{
	flex-shrink:0;
	width:200px;
	text-align:center;
	margin-right:33px;
}

.recomed_sec_list .item .txt{
	position:relative;
}

.recomed_sec_list.white{
	background:#fff;
	padding-bottom:0px;
}

.recomed_sec_list.white .bl{
	border: 1px solid #EDF0F5;
	border-radius:5px;
	margin-bottom:0px;
}

.recomed_sec_list.white .caption span{
	max-width:500px;
	text-align:center;
}

.recomed_sec_list.white .caption span a{
	color:#fff;
	text-decoration:none;
}

.recomed_sec_list.white .caption span a:hover{
	text-decoration:underline;
}

.recomed_sec_list .list{
	padding:20px;
	background:#fff;
	box-shadow: 0px 0px 31px rgba(56, 64, 75, 0.1);
	border-radius: 20px;
	position:absolute;
	margin-top:20px;
}


.recomed_sec_list .bl.no-border{
	border:none;
	padding-bottom: 284px;
}

.recomed_sec_list .bl.no-border .list{
	background:#fff;
	padding:0px;
	box-shadow:none;
	border-radius:0px;
}

.recomed_sec_list .bl.no-border .list p{
	padding:20px 30px;
	background:#fff;
	box-shadow: 0px 0px 31px rgba(56, 64, 75, 0.1);	
	margin-bottom:10px;
}


.recomed_sec_list .bl.chance{}

.recomed_sec_list .bl.chance .item{
	align-items: flex-start;
}

.recomed_sec_list .bl.chance .item .txt{
	padding-top:20px;
}

.rec_pojar_table_responsive{
	margin-bottom:112px;
}

.rec_pojar_table{
	width:100%;
	border-collapse:collapse;	
}

.rec_pojar_table th{
	vertical-align:middle;
	font-weight:bold;
	width:136px;
	background:var(--rec-gray-dark);
	color:#fff;
	padding:20px 0px;
	text-align:center;
}

.rec_pojar_table td{
	vertical-align:middle;
	font-weight:bold;
	width:136px;
	border:1px solid var(--rec-gray);
	padding:5px;
	text-align:center;
}

.rec_pojar_table td.note,
.rec_pojar_table th.note{
	width:auto;
}

.rec_pojar_table td.check{
	height:79px;
}

.rec_pojar_table td.caption{
	border-bottom:none;
}

.rec_pojar_table td.pic{
	border-top:none;
}

.rec_pojar_table td b{
	color:var(--red);
}

/*****/

.rec_product_list{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px 30px;
	max-width:920px;
	margin:0px auto 80px auto;
}

.rec_product_list .item{
	width:160px;
	text-align:center;
}

.rec_product_list .item .pic{
	margin-bottom:20px;
}

.rec_product_list .item .pic img{
	border: 1px solid #EDF0F5;
	filter: drop-shadow(0px 5px 14px rgba(52, 151, 200, 0.1));
	border-radius: 10px;	
}

.rec_product_list .item .title{
	font-weight:bold;
}

.rec_product_list .item .title a{
	color:#000;
	text-decoration:none;
}

.rec_product_list .item .title a:hover{
	color:var(--blue);
}

/******/

.fquote{
	background: #FFFFFF;
	border: 1px solid #EDF0F5;
	box-sizing: border-box;
	border-radius: 10px;
	padding:20px;
	margin:0px 0px 40px 0px;
}

.fquote .in{
  padding: 35px 20px;
  border-left: 41px solid var(--rec-gray);
  font-style: normal;
  font-size: 16px;
  margin: 0px;
  position: relative;
}

.fquote .in::before {
  content: '';
  width: 13px;
  height: 53px;
  left: -26px;
  top: 50%;
  margin-top: -26.5px;
  background: url(/catalog/rekomendatsii/images/alert.svg) 0px 0px no-repeat;
  position: absolute;
}