/* Start:/local/templates/med/components/bitrix/news.detail/static-page-detail/style.css?17896354074305*/
.detail-picture{width:100%; height:400px; object-fit:cover;border-radius:16px;z-index:1;}
.detail-fade {position:absolute;z-index:2;background:rgba(16, 16, 16, 0.56);width:100%; height:400px;
	border-radius:16px; padding:32px; display: flex; flex-direction: column; justify-content:space-between}
.detail-fade h1{color:white;}

.articles-info p{font-size:16px;color:#dbddde; margin:0; font-weight:600;display:flex; align-items:center}
.articles-info p img{width:30px; vertical-align:middle;margin-right:6px}
.articles-info .date{margin-right:30px}
.articles-info {display:flex; flex-direction:row;align-items:center}


.shorts{background:#f9f9f9;padding:40px 32px; margin:24px 0}
.shorts hr{background:#e6e6e6;border:none;height:2px}
.shorts > div:first-of-type{margin:0 0 12px 0;display:flex;flex-direction:row;justify-content:space-between;
align-items:center}
.shorts > div:first-of-type div{display:flex;flex-direction:row}
.shorts .title{margin:0}
.shorts > div:first-of-type div p:nth-of-type(1) {color:var(--pink); font-size:14px; font-weight:500; cursor:pointer}
.shorts > div:first-of-type div img{width:24px; margin-left:5px;  transition: transform 0.3s ease;transform: rotate(180deg);}
.as-h3.active img {transform: rotate(0deg) !important;}
.shorts div {display:flex; flex-direction:column;}
.shorts .points a{color:#565656;font-weight:500;font-size:18px;text-decoration:none;}
.shorts .points a:hover{color:var(--pink)}
.shorts .points p{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:24px 0 0 0}
.shorts .points p .link-icon{width:8px}
.shorts .points {overflow: hidden;transition: max-height .3s ease;}
.shorts .points.hidden {max-height: 0;}
.no-image{height:auto;position:relative;margin-bottom:20px}
.detail-description img{max-width:100%;}

/*banner*/
.banner{position: relative;    padding: 8px 32px 16px 32px;height: auto; margin-bottom: 2rem; border-radius: 16px;}
.banner > div{z-index: 2; position: relative;display: grid; grid-template-columns: repeat(14, 1fr); align-items: center; min-height: 250px;}
.banner > div p{font-size: 1.5rem; font-weight: 700; color: #262626; grid-column: 1 / span 4;}
.banner > div ul{grid-column: 11 / span 4; color:#262626;}
.banner > div ul li{margin: 8px 0;}
.banner img{position: absolute;width: 100%;height: 100%; top: 0; left: 0; z-index: 1; object-fit: cover;border-radius: 8px;}



.prices-section {display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
.prices-section > div{background:#f9f9f9; border-radius:16px; padding:16px 20px 24px 20px;display: flex;
	flex-direction: column;border:1px solid #e6e6e6}
.prices-section img{max-width:100%; object-fit:cover;border-radius:16px; height:260px}
.prices-section .tariff{border-radius: 20px;color: white;font-weight: 400;font-size: 14px;
	display: inline-block;padding: 6px 13px;margin: 30px 0 0 0;background: linear-gradient(90deg, rgba(211, 40, 96, 1) 25%, rgba(98, 10, 101, 1) 100%);
	width:90px;text-align:center}
.prices-section .title{margin:12px 0;    font-size: 18px;font-weight: 500;min-height:50px}
.prices-section hr{    margin: 0;height: 1px;border: none;
	background: linear-gradient(90deg, rgba(211, 40, 96, 1) 0%, rgba(249, 249, 249, 1) 86%);}
.prices-section .include{font-size:18px; color:#101010;font-weight:500; margin-bottom:0}
.prices-section .features {margin-bottom:1rem}
.prices-section .features p{background-image: url(/local/templates/med/img/svg/checks_grad.svg);
	background-repeat: no-repeat;background-size: 24px 24px;background-position: left center;
	padding-left: 35px;color:#565656}
.prices-section .price{margin-top:auto; text-align:center; width:100%; background:var(--white); color:var(--pink);
	font-weight:400; padding:10px 0; border-radius:8px; margin-bottom:0; border:1px solid var(--pink); font-size:16px}


@media (max-width:576px) {

}


@media (min-width:320px) and (max-width:761px) {
	.banner {padding: 12px;}
	.banner > div p{ grid-column: 1 / span 12; margin-bottom: 0; font-size: .9rem;}
	.banner > div ul{grid-column: 1 / span 12;font-size: .9rem;}
	.banner img{object-position: -80px 0;}

}

@media(min-width:762px) and (max-width:1023px) {
	.banner > div p{ grid-column: 1 / span 12; margin-bottom: 8px;}
	.banner > div ul{grid-column: 1 / span 12;}
	.banner img{object-position: -80px 0;}
}

/* End */


/* Start:/local/templates/med/components/bitrix/news.list/question-answer/style.css?17653666631797*/
.question-answer .element{border-radius:4px; background:#f9f9f9; margin-bottom:10px; cursor:pointer}
.question-answer .element div{ display:flex; justify-content:space-between; align-items:center;}
.question-answer .element div p{margin:15px 24px;font-size:24px; font-weight:500; color:#565656; cursor:pointer; line-height:140%}
.question-answer .element div p:hover{color:var(--pink)}
.question-answer .element svg{width:48px; height:48px; cursor:pointer;transition: transform 0.7s ease; flex-shrink: 0;
  background:#fff6f9; border-radius:50%; padding:16px; color:#890D35; margin-right:24px;}
.question-answer .element svg:hover{opacity:.5}
.question-answer .element p{font-size:14px}
.question-answer .element .spoiler-body, .spoiler-body-before{max-height: 0;overflow: hidden;transition: max-height 0.9s ease-in-out; margin:0}
.question-answer .element .spoiler-body{background:#fff6f9;  box-sizing: border-box;}
.question-answer .element .spoiler-body .answer-text{color:#565656;line-height:160%;font-size:16px; padding:15px 24px 24px 24px; margin:0; font-weight:400}

.question-answer .element.active div:first-of-type {background: linear-gradient(90deg, #d9005e, #7d187d); transition: background-color 0.3s ease; border-radius:8px 8px 0 0 }
.question-answer .element.active div p{color:white}
.question-answer .element.active svg {  transform: rotate(180deg);background: transparent; color:white}
.question-answer .element.active .spoiler-body {
  max-height: 500px!important;
}



@media (min-width:1024px) and (max-width:1440px) {
  .question-answer .element div p{font-size:22px}
}

@media (min-width:762px) and (max-width:1023px) {
  .question-answer .element div p{font-size:20px}
}

@media (min-width:320px) and (max-width:761px) {
  .question-answer .element div p{font-size:16px}
}

/* End */
/* /local/templates/med/components/bitrix/news.detail/static-page-detail/style.css?17896354074305 */
/* /local/templates/med/components/bitrix/news.list/question-answer/style.css?17653666631797 */