/* Start:/local/templates/sobrano/components/bitrix/search.title/.default/style.css?17574277481472*/
.search-modal{display:none}
.search-modal.active{display:flex !important;position:fixed;left:0;right:0;top:0;z-index:20;width:100%;height:100vh}
.search-modal.active .contents{display:flex;align-items:flex-start;justify-content:center;z-index:10;position:relative;padding-top:15%}
.search-modal.active:before{content:'';position:fixed;opacity:0.6;background:#171d23;left:0;top:0;width:100%;height:100%}
.search-box{max-width:560px;width:100%}
.search-box .search-input{background:var(--colorWhite);border-radius:12px;display:flex;align-items:center;justify-content:center;max-width:100%;width:100%;padding:10px 20px}
.search-box .search-input input{background:var(--colorSearch);width:calc(100% - 60px);height:50px;border:none;border-radius:10px;display:block;padding:0 20px;margin:0 10px 0 0}
.title-search-result{z-index:20}
.search-title{background:var(--colorWhite);padding:5px 20px 20px;border-radius:0 0 12px 12px;top:-12px;position:relative;left:1px;display:flex;flex-direction:column;align-items:flex-start}
.search-title a,.search-title b{color:var(--colorBlack);font-weight:600;font-size:14px;margin:10px 0 0}
.search-title a:hover b{color:var(--colorBlueHover);text-decoration:none !important;word-wrap:normal;transition:all 0.2s;cursor:pointer}
.search-title b{margin:0}
.search-title a:last-child{display:none}
@media screen and (max-width:780px){
.search-box .search-input{padding:10px}
.search-modal.active .contents{padding-top:45%}
.search-title{left:0}
}
/* End */


/* Start:/local/templates/sobrano/styles.css?175801411749701*/
:root {
--colorBody: #f8f9fa;
--colorBodyHover:#f0f2f3;

--colorLogo: #0f0f0f;
--colorMenuHover: #54606a;
--colorGreen: #19C37D;
--colorBlue: #4A90E2;
--colorBlueHover: #31629b;

--colorEmerald:#00c7b1;
--colorEmeraldHover:#08ae9c;

--colorOrange: #ff8008;
--colorOrangeHover: #ee7b0e;

--colorRed: #fa2121;
--colorBlack: #2b3138;
		
--colorBtn: #002a3a;
--colorBtnHover: #171d23;
--colorWhite: #ffffff;
--colorGray:#636f7d;
--colorGrayHover:#4d5864;

--colorSearch: #f8f9fa;
--colorSearchHover: #e8e8e8;
}

/* DEFAULT */
*{box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
body ,html{font-family:'Roboto',serif;margin:0!important;padding:0;position:relative;opacity:1;z-index:1;display:block;cursor:default;font-size: 14px;color: var(--colorBlack);}
body{background:var(--colorBody)}
.hidden{display:none!important}
.scroll::-webkit-scrollbar-track{background:var(--colorWhite)}
.scroll::-webkit-scrollbar-thumb{background:var(--colorGrayHover);border-radius:5px}
.scroll::-webkit-resizer{background-repeat:no-repeat;width:5px;height:0}
.scroll::-webkit-scrollbar{width:5px}
.scroll::-webkit-scrollbar-corner{display:none}
@media screen and (max-width:780px){
::-webkit-scrollbar{display:none;width:0;background:transparent}
}
button{padding:0;background:none;border:none;outline:none}
h1,.h1,h2,.h2,h3,.h3{color:var(--colorBlack);line-height:130%}
h1,.h1{font-size: 30px;line-height: 120%;font-weight:700;margin:0 0 20px 0}
h1.hidden,.h1.hidden{display:none}
h2,.h2{font-size:21px;font-weight:700;margin:20px 0}
h3,.h3{font-size:16px;font-weight:600;margin:15px 0}
@media screen and (max-width:780px){
h1,.h1,h2,.h2,h3,.h3{line-height:120%}
h1,.h1{font-size:24px}
h2,.h2{font-size:20px}
h3,.h3{font-size:14px}
}
.h2-description{color: var(--colorGray);padding: 0 0 20px;}
a{color:var(--colorBlue);text-decoration:none!important;word-wrap:normal;transition:all 0.2s;cursor:pointer}
a:hover{color:var(--colorBlueHover)}
article p,article span,article li,article blockquote{margin:0 0 20px;color:var(--colorBlack);font-size:15px;line-height:130%;font-weight:400}
article img{max-width:100%}
p {margin: 0 0 10px; line-height: 130%; }
@media screen and (max-width:780px){
article p,article span,article li,article blockquote{margin:0 0 10px;font-size:14px;line-height:120%}
}
main ol:not([class]){counter-reset:myCounter}
main ol li:not([class]):before { position: absolute; left: 0; top: -2px; font-weight: 700; line-height: 25px; color: var(--colorBlue); content: counter(myCounter) "."; counter-increment: myCounter; font-size: 12px; }
main ul:not([class]),main ol:not([class]){padding:0;margin: 0 0 10px; }
main ul:not([class]) li,main ol:not([class]) li{position:relative;list-style:none;padding:0 0 0 20px;margin: 0 0 10px;line-height: 130%;}
main ul:not([class]) li:before{position:absolute;top:7.5px;left:0;width:5px;height:5px;content:"";background-color:var(--colorBlue);border-radius:50%}
main ul:not([class]) ul,main ol:not([class]) ul,main ul ol{padding:0 0 0 20px}
[placeholder]:focus::-webkit-input-placeholder{color:transparent}
[placeholder]:focus::-moz-placeholder{color:transparent}
[placeholder]:focus:-ms-input-placeholder{color:transparent}
[placeholder]:focus::placeholder{color:transparent}
.move-up { background-color: var(--colorBlue); color: var(--colorWhite); position: fixed; right: 20px; bottom: 20px; cursor: pointer; display: none; opacity: .7; z-index: 90; width: 45px; height: 45px; text-align: center; line-height: 41px; border-radius: 100%; }
.move-up svg{ transform: rotate(270deg); width: 25px; height: 25px;position: relative; top: 8px;}
.move-up:hover{opacity: .9; transition: all 0.2s;}
@media screen and (max-width:560px){
	.move-up{display:none!important}
}
.btn{border:0;box-shadow:none;-webkit-tap-highlight-color:transparent;position:relative;box-shadow:none!important;text-decoration: none;background:var(--colorBtn);color:var(--colorWhite);display:inline-flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;transition:background .2s,color .2s;padding:7px 15px;font-size:14px;line-height:130%}
.btn:hover{background:var(--colorBtnHover);color:var(--colorWhite);}
.btn.search-box-btn{ width: 50px; height: 50px; padding: 10px; }
.btn.search-box-btn svg{width:30px;height:20px}
.btn.btn-favorite{}
.btn-transparent{background: transparent; color: var(--colorBlue); font-weight: 600;}
.btn-transparent:hover{color: var(--colorBlueHover);    background: transparent}
.set-filter{padding: 15px 30px;}
.btn[disabled],.btn[disabled]:hover{background: var(--colorSearchHover); color: var(--colorGray);    cursor: default;}
.btn-play{border: 1px solid var(--colorBlue); background: var(--colorBlue); color: var(--colorWhite);}
.btn-play:hover{border: 1px solid var(--colorBlueHover); background: var(--colorBlueHover);}
.btn-detail {border: 1px solid var(--colorBodyHover);background: transparent;color: var(--colorBlack);}
.btn-detail:hover {background: var(--colorGray);color: var(--colorWhite);}
.btn-wite { background: var(--colorWhite); color: var(--colorBlack); padding: 15px 30px; border-radius: 32px; }
.btn-wite:hover{    background: var(--colorBodyHover);color: var(--colorBlack);}

/* HEADER */
header{background:var(--colorWhite);width: 100%; position: relative; z-index: 10; border-bottom: 1px solid var(--colorBody); padding: 0; margin: 0;}
header .contents{display: flex ; align-items: center; justify-content: space-between;}
header .left,header .right{display: flex ; align-items: center; justify-content: flex-start; width: 80%;}
header .brands { display: flex ; align-items: center; justify-content: flex-start; margin: 0 50px 0 0; }
.brands .logo { display: flex ; align-items: center; justify-content: flex-start; position: relative;     margin: 0 10px 0 0; }
.brands .logo img {width: 40px; height: 40px; display: inline-block; margin: 0 10px 0 0; position: relative; top: -4px; }
.brands .logo span{font-size: 24px;font-weight: 700;    text-decoration: none; color: var(--colorLogo);line-height: 120%;}
header .brands i{ background: var(--colorBodyHover); font-style: normal; padding: 2px 6px; border-radius: 10px; line-height: 120%; color: var(--colorWhite); text-align: center; position: absolute; right: 0px; top: 14.5px; font-size: 0; min-height: 14px; min-width: 13.5px; }
header .brands .logo:hover i{font-size: 11px;transition: all 0.2s;}
header .brands .logo .name{ display: flex ; flex-direction: column;     justify-content: center;}
header .brands .school{ background: var(--colorBlue); }
header .brands .sport{ background: var(--colorEmerald); }
header .brands .default{color: var(--colorBlack);}
header nav{ padding: 5px 0 0 0;}
header nav ul{list-style: none; margin: 0; padding: 0; display: flex ; align-items: center; justify-content: flex-start;}
header nav ul>li{ margin: 0 20px 0 0;}
header nav ul>li>a{ font-size: 14px; line-height: 20px; font-weight: 600; color: var(--colorBlack); height: 80px; display: flex ; align-items: center; }
header nav ul>li>a:hover{color:var(--colorMenuHover);}
header nav>ul>li .dropdown-menu{display:none;position: absolute; top: 100%; right: 0; left: 0; max-height: 500px; padding: 35px 0 20px; overflow: hidden; border-top: 1px solid var(--colorBody); border-radius: 0 0 16px 16px; background: var(--colorWhite); box-shadow: 0 12px 16px rgba(20, 36, 56, .06); cursor: default; width: 100%; }
header nav>ul>li.active .dropdown-menu{display:block}
header nav>ul>li .dropdown-menu .contents { display: flex ; align-items: flex-start; justify-content: flex-start;     padding-left:198px;}
header nav>ul>li .menu-block { width: 33.33333333%; display: flex ; flex-direction: column; align-items: self-start; justify-content: flex-start; position: relative; }
header nav>ul>li .menu-block a{height: auto;}
header nav>ul>li .menu-block li.all{display:none}
header nav>ul>li .menu-block li.all a { color: var(--colorGray); }
header nav>ul>li .menu-block li{margin:0 0 20px;height:30px}
header nav>ul>li .menu-block .icon { background: var(--colorSearch); margin: 0 10px 0 0; width: 30px; height: 30px; border-radius: 10px; display: flex ; align-items: center; justify-content: center; }
header nav>ul>li .menu-block .icon img{width: 20px; height: 20px;filter: brightness(0) saturate(100%) invert(44%) sepia(67%) saturate(4382%) hue-rotate(202deg) brightness(99%) contrast(94%);}
header nav>ul>li .dropdown-menu li a:hover .icon img{filter: brightness(0) saturate(100%) invert(66%) sepia(41%) saturate(811%) hue-rotate(93deg) brightness(92%) contrast(90%);}
header .right{justify-content: flex-end; width:20%;}
header .right .btn { background: var(--colorSearch); padding: 8px; margin: 0 0 0 10px; position: relative; }
header .right .btn:hover{background: var(--colorSearchHover);}
header .right .btn img{width:20px;height:20px;}
header .right .btn-favorite span { position: absolute; top: -8px; right: 0px; width: 15px; height: 15px; line-height: 15px; text-align: center; border-radius: 50%; color: var(--colorWhite); font-size: 8px; background: var(--colorRed); }
header .right .btn.btn-menu{display:none}
header .right .btn.btn-menu svg{ width: 20px; color: var(--colorBlack); }
header .right .btn.btn-menu.active{background: var(--colorSearchHover);}
@media screen and (max-width:1280px){
	.contents{padding:0 20px}
}
@media screen and (max-width:780px){
	header nav>ul>li .menu-block li.all{display:block}
	.brands .logo img { width: 30px; height: 30px; margin: 0 5px 0 0; top: -2px; }
	.brands .logo span { font-size: 20px;}
	header { padding: 15px 0; }
	header .right .btn.btn-menu{display:flex}
	header nav{display:none}
	header nav.active{ display: block; position: fixed; top: 0px; left: 0; bottom: 0; background: var(--colorWhite); width: 100%; padding: 0; height: calc(100% - 67px);}
	header nav ul.menu-root{background: transparent; padding:20px;}
	header nav ul {align-items: flex-start; justify-content: flex-start; flex-direction: column;max-height: 100%; overflow-y: scroll; }
	header nav ul>li>a{height: 30px;width:100%;z-index: 1;position: relative;}
	header nav ul>li { margin: 0 0 20px; width: 100%; position: relative;}
	header nav ul>li.parent:after{content: ''; background: url(/local/templates/sobrano/assets/icon/arrow-filter.svg) no-repeat center center; width: 20px; height: 20px; display: block; position: absolute; top: 5px; right: 0;}
	header nav ul>li.parent.active:after{transform: rotateX(180deg);}
	header nav>ul>li.active .dropdown-menu { display: block; position: relative; top: 0; left: 0; padding: 0; max-height: initial; overflow: auto; box-shadow: none; border: 0; }
	header nav>ul>li .dropdown-menu .contents { padding: 15px 0 0; flex-direction: column; }
	header nav>ul>li .menu-block { width: 100%;}
	header .brands {z-index:1}
	header { position: fixed; bottom: 0; box-shadow: 0 10px 10px 10px #a3abc866;     border-top: 1px solid var(--colorBodyHover);}
}
@media screen and (max-width:420px){
	header .brands { margin: 0;}
	header .brands i {display:none}
}

/* BODY */
.bold{font-weight: 600;}
.content-wrap{display: flex; flex-direction: column; min-height: calc(100vh - 86px);justify-content: space-between;}
.contents{width: 100%; max-width: 1100px; margin: 0 auto;}
.custom-marker { width: 45px; height: 45px; background: url(/local/templates/sobrano/assets/img/logo.svg); background-color: var(--colorBody); background-repeat: no-repeat; background-position: center center; background-size: 25px 25px; border-radius: 40px 40px 40px 0; border: 5px solid var(--colorBlue); padding: 10px; }
main{padding:30px 0}
main.catalog{padding:0 0 30px 0}
.breadcrumb { display: flex ; align-items: center; flex-wrap: wrap; position: relative; width: 100%;    font-size: 14px;}
.breadcrumb div{display: flex ; align-items: center;}
.breadcrumb a{    color: var(--colorBlack); }
.breadcrumb .last span{color:var(--colorGray)}
.breadcrumb i { background: url(/local/templates/sobrano/assets/icon/arrow-filter.svg) no-repeat center center; width: 15px; height: 10px; display: inline-block; transform: rotate(269deg); background-size: 100% 100%; position: relative; top: 1px; }
.white-content { background: var(--colorWhite); border-radius: 10px; padding: 40px; margin: 0 0 20px; width: 100%;}
.tags-main { display: flex ; justify-content: flex-start; overflow-x: scroll; overflow-y: auto; max-width: 100%; background: var(--colorWhite); padding: 20px 20px; border-radius: 10px; margin:30px 0}
.tags-main::-webkit-scrollbar { display: none; }
.tags-main .item{min-width: 91px; display: flex ; box-sizing: border-box; flex-direction: column; align-items: center; cursor: pointer; padding: 10px 7px; transition: color .3s; border: 1px solid var(--colorBody); border-radius: 8px; color: var(--colorGray); cursor: pointer; margin: 0 8px 0 0;}
.tags-main .item:hover{color: var(--colorBlue); border: 1px solid var(--colorBlue); cursor: pointer;}
.tags-main svg{width: 20px; height: 20px; margin: 0 0 5px; cursor: pointer;}
.tags-main span{    font-size: 14px;text-align: center;white-space: nowrap;cursor: pointer;}
.section-main{padding: 20px; background: var(--colorWhite); border-radius: 10px; margin: 30px 0;}
.section-main ul { list-style: none; padding: 0; margin: 0; display: grid ; grid-template-columns: repeat(4, minmax(0, 33.3%)); gap: 20px 20px; }
.section-main .icon { background: var(--colorSearch); margin: 0 10px 0 0; width: 50px; height: 50px; border-radius: 10px; display: flex ; align-items: center; justify-content: center; padding: 10px; }
.section-main img{     width: 100%;height: 100%; }
.section-main a{ font-size: 14px; line-height: 20px; font-weight: 600; color: var(--colorLogo); display: flex ; align-items: center; justify-content: flex-start; position: relative;}
.section-main a:hover{    color: var(--colorBlue);}
.h2-box{position: relative; width: 100%;}
.h2-box a{ position: absolute; right: 0; top: 17px; padding: 15px 20px; }
hr{ border-bottom: 1px solid var(--colorBody); width: 100%; margin: 30px 0; display: block; }
hr.no-line{border:0;margin:0 0 30px;}
.section-preview,.section-detail{ position: relative; background: var(--colorWhite); padding: 30px 20px; display: grid ; justify-content: flex-start; align-items: center; margin: 0; border-radius: 10px; }
.section-detail{margin:30px 0}
.section-detail h2:first-child{margin: 0 0 10px;}
.section-detail h2,.section-detail h3 { margin: 15px 0 10px; }
.section-detail p:last-child{margin:0}
.table-mobile table{min-width:640px}
table.table{text-decoration: none;border-collapse:collapse;width:100%;text-align:center;margin:20px 0;max-width:100%}
table.table th { background: var(--colorBody); text-align: left; font-size: 15px; font-weight: 600; padding: 8px 20px; }
table.table th:first-child{border-radius: 10px 0 0 10px;}
table.table th:last-child{border-radius: 0 10px 10px 0;}
table.table td{ padding: 10px 20px; text-align: left; font-size: 14px; border-bottom: 1px dashed var(--colorBody); max-width: 100%; }
ul.table-description{ list-style: none; padding: 10px 20px; margin: 15px 0; background: var(--colorBody); border-radius: 10px; display: flex ; flex-wrap: wrap; }
ul.table-description li { font-size: 13px; margin: 5px 20px 5px 0;line-height: 120%; width: 31%; }
.detail-text img{max-width: 100%; object-fit: cover; margin: 0 auto; display: block;}
a[data-fancybox="sobrano"] { border-radius: 8px; border: solid var(--colorBodyHover); border-width: 0; border-top-width: 28px; position: relative; width: 100%; margin: 20px 0 20px; display: block; padding: 5px; background: var(--colorBody); filter: drop-shadow(0px 5px 5px #ebeef2a6); }
a[data-fancybox="sobrano"]:before { content: ''; display: block; position: absolute; top: -19px; left: 13px; width: 38px; height: 10px; background: url(/local/templates/sobrano/assets/img/icon-brauser.svg) left center repeat; }
a[data-fancybox="sobrano"] img { margin: 0 }
@media screen and (max-width:1100px){
	.tags-main .item { min-width: auto;}
	.section-main ul { grid-template-columns: repeat(3, minmax(0, 33.3%));}
	.h2-box a{display:none}
}
@media screen and (max-width:780px){
.table-mobile { overflow-y: hidden; overflow-x: scroll; max-width: 100%; }
ul.table-description li{width:100%}
.section-main ul { grid-template-columns: repeat(2, minmax(0, 50%)); }
.tags-main,.section-main{ margin: 20px 0; }
.white-content{padding: 30px;    border-radius: 10px;}
}
@media screen and (max-width:440px){
.tags-main,.section-main{ margin: 10px 0; }
.section-main ul { grid-template-columns: repeat(1, minmax(0, 100%)); }
.section-main .icon { width: 35px; height: 35px;}
.white-content{padding: 20px;}
}

/* course */
.back-link {  width: 100%; position: relative; }
.back-link a { display: flex ; align-items: center; justify-content: flex-start; color: var(--colorBlack); font-size: 14px; font-weight: 500;     line-height: 120%;}
.back-link a:hover { color: var(--colorBlueHover); }
.back-link svg { width: 14px; height: 14px; margin: 0 5px 0 0; position: relative; top: 1px; }
.course-items{display:grid;grid-template-columns:repeat(3,minmax(0,33.3%));gap:20px 20px;width:100%;margin:30px 0;position:relative}
.course-items .item{background:var(--colorWhite);display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:15px;overflow:hidden}
.course-items .item .photo{width:100%;height:150px;position:relative;background-size:cover;overflow:hidden;cursor: pointer;}
.course-items .item .photo:before{content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1;background:linear-gradient(to right,var(--colorGreen),var(--colorBlue));opacity:0.4}
.course-items .item .photo img{object-fit: cover;width:100%;height:100%}
.course-items .item .photo .favorites { position: absolute; width: 30px; height: 30px; top: 10px; right: 15px; background: transparent; display: flex ; align-items: center; justify-content: center; cursor: pointer; z-index: 2; border-radius: 100%; padding: 8px; }
.course-items .item .photo .favorites:hover{    background: #636f7d59;}
.course-items .item .photo .favorites:before { content: ''; background: url(/local/templates/sobrano/assets/icon/favorite-w.svg) no-repeat center center; width: 100%; height: 100%; display: block; background-size: 100% 100%; position: relative; }
.course-items .item .photo .favorites.active{background:var(--colorRed)}
.course-items .item .photo .company-box{display:flex;position:absolute;left:15px;bottom:10px;align-items:flex-end;z-index:2}
.course-items .item .photo .company{display:flex;align-items:flex-end;justify-content:flex-start;margin:0 10px 0 0;color:var(--colorWhite);max-width:180px}
.course-items .item .photo .rating{margin:0 10px 0 0}
.course-items .item .photo .company,.course-items .item .photo .rating,.course-items .item .photo .comments{font-size:13px;line-height:120%;cursor:pointer}
.course-items .item .photo .rating,.course-items .item .photo .comments{display:flex;align-items:center;color:var(--colorWhite);font-weight:600;line-height:120%;position:relative}
.course-items .item .photo .company img{width:25px;height:25px;border-radius:40px 40px 40px 0;margin:0 8px 0 0;background:var(--colorBody)}
.course-items .item .photo .rating:before,.course-items .item .photo .comments:before{background-size:100% 100%!important;width:15px;height:15px;display:inline-block;margin:0 5px 0 0}
.course-items .item .photo .rating:before{content:'';background:url(/local/templates/sobrano/assets/icon/star.svg) center center no-repeat}
.course-items .item .photo .comments:before{content:'';background:url(/local/templates/sobrano/assets/icon/comments-w.svg) center center no-repeat}
.course-items .item .photo .category{position:absolute;top:10px;left:10px;background:var(--colorWhite);padding:2px 10px;border-radius:10px;font-size:12px;color:var(--colorBlack);cursor:pointer;z-index:2}
.course-items .item .description{padding:20px;display:flex;flex-direction:column;align-items:flex-start;    height: calc(100% - 255px);}
.course-items .item .description .name{font-size:15px;font-weight:600;margin:0 0 10px; color: var(--colorBlack);}
.course-items .item .description .name:hover{    color: var(--colorBlueHover);}
.course-items .item .description .text{font-size:14px;}
.course-items .item .price { font-size: 22px; line-height: 26px; color: var(--colorBlack); font-weight: 700; margin: 0 0 20px; white-space: nowrap; display: flex ; align-items: center; }
.course-items .item .price i{font-weight:500;font-style:normal;    margin: 0 0 0 5px;}
.course-items .item .price s{ color: var(--colorGray); opacity: 0.6; font-size: 16px; text-decoration: line-through; font-weight: 400; text-decoration-thickness: 1px; margin: 0 0 0 10px; }
.course-items .item .price span.sale { background: var(--colorBlue); color: var(--colorWhite); font-size: 14px; padding: 2px 6px; border-radius: 32px; margin: 0 0 0 20px; font-weight: 400; line-height: 120%; }
.course-items .item .price.free{color:var(--colorGreen)}
.course-items .item .params-box{display:flex;position:absolute;top:15px;left:15px;z-index:2;background:var(--colorWhite);font-size:13px;padding:3px 10px;border-radius:10px}
.course-items .item .hours,.course-items .item .lessons{display:flex;align-items:center;font-size:12px;line-height:120%;color:var(--colorGray)}
.course-items .item .hours,.course-items .item .month{margin:0 10px 0 0}
.course-items .item .month:before,.course-items .item .hours:before,.course-items .item .lessons:before{content:'';width:12px;height:12px;display:inline-block;background-size:100% 100% !important;position:relative;margin: 0 5px 0 0; top: 1px;}
.course-items .item .hours:before{background:url(/local/templates/sobrano/assets/icon/chours.svg) no-repeat center center}
.course-items .item .month:before{background:url(/local/templates/sobrano/assets/icon/month.svg) no-repeat center center}
.course-items .item .lessons:before{background:url(/local/templates/sobrano/assets/icon/lessons.svg) no-repeat center center}
.course-items .item .btn-box{padding:0 20px 20px;width:100%;height:105px}
.course-items .item .btn{width:100%;padding:10px 0}
.course-items .item.load{height:447px}
.course-items .item.load .box{padding: 20px; display: flex ; justify-content: space-between; flex-direction: column; height: calc(100% - 150px);}
.course-items .item.load .images{width: 100%; height: 150px; background: var(--colorBodyHover);}
.course-items .item.load .names{width: 100%; height: 29px; background: var(--colorBodyHover); border-radius: 10px;}
.course-items .item.load .texts { width: 100%; height: calc(100% - 92px); background: var(--colorBody); border-radius: 10px; }
.course-items .item.load .btns { width: 100%; height: 38px; background: var(--colorBodyHover); border-radius: 5px; }
.notItems{ position: relative; background: var(--colorWhite); padding: 40px 30px; display: flex ; flex-direction: column; justify-content: center; align-items: center; margin: 30px auto; border-radius: 10px; }
.notItems:before { content: ''; width: 100px; height: 100px; display: block; position: relative; background: url(/local/templates/sobrano/assets/img/no-items.svg) no-repeat center center; margin: 0 0 20px; background-size: 100% 100%; }
.notItems span{font-size: 20px; font-weight: 600;}
.notItems p{font-size: 15px; margin: 20px 0 0;text-align: center}
.not-found { display: flex ; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; padding: 40px 0 0; text-align: center; }
.not-found img{ max-width: 800px; margin: 40px 0 0; display: block; width: 100%; }
@media screen and (max-width:800px){
.course-items{grid-template-columns:repeat(2,minmax(0,50%));margin:20px 0}
}
@media screen and (max-width:580px){
.course-items .item .photo{height:140px}
.course-items{grid-template-columns:repeat(1,minmax(0,100%));}
.notItems span{font-size: 16px;}
.notItems p { font-size: 14px;}
.not-found p{ font-size: 14px; }
}

.note { color: var(--colorGray); font-size: 12px; }
.filter-box { z-index: 5; background: var(--colorWhite); padding: 35px 30px; display: flex ; flex-direction: column; justify-content: center; align-items: center; max-width: 1100px; margin: 30px auto; border-radius: 12px; width: 100%; }
.filter-box h1{text-align:center}
.filter-box .menu{display:none;opacity:1;position:absolute;inset:0 auto auto 0;margin:0;width:100%;top:61px;background:var(--colorWhite);border-radius:0 0 12px 12px;padding:5px;z-index:5}
.filter-box .menu .menu-box{ max-height: 250px; overflow-y: scroll; }
.filter-box .menu.active{display:block;    filter: drop-shadow(0px 7px 5px #ebeef2a6);}
.filter-box .menu .item{background:var(--colorWhite);padding:10px;border-radius:5px;cursor:pointer;position:relative;width:100%}
.filter-box .menu .item.active,.filter-box .menu .item:hover{background:var(--colorBody)}
.filter-box .menu .item label{font-size: 14px !important; font-weight: 600; transform: none !important;}
.filter-box .menu .item:after{content:'';width:20px;height:20px;position:absolute;right:11px;border:1px solid var(--colorGray);border-radius:100%}
.filter-box .menu .item.active:after{background:url(/local/templates/sobrano/assets/icon/check-w.svg) no-repeat center center var(--colorBlue);border:1px solid var(--colorBlue)}
.filter-box .menu .menu-mpty{ font-size: 14px; text-align: center; padding: 10px; color: var(--colorGray); }
.filter-box .filter{display:flex;align-items:center;margin:20px 0;flex-wrap:wrap;width:100%;max-width:980px;justify-content:space-between}
.filter-box .item-input{position:relative;width:42%;padding:0 2px}
.filter-box .closed { background: url(/local/templates/sobrano/assets/icon/closed.svg) no-repeat center center var(--colorWhite); background-size: 100% 100%; display: inline-block; position: absolute; z-index: 1; width: 12px; height: 12px; top: 24px; right: 14px; cursor: pointer; }
.filter-box .price-box{width: 100%; display: flex ; justify-content: space-between; position: relative;    margin: 0 0 20px;}
.filter-box .price-box .item-input { display: inline-flex ; position: relative; width: 49%; }
.filter-box input[type="text"]{display:inline-flex;min-width:1px;padding:26px 30px 10px 15px;position:relative;width:100%;height:60px;transition:all .3s cubic-bezier(.46,0,.03,.99);border:1px solid transparent;background:var(--colorBody);cursor:text;will-change:color,border-color,background-color;font-size:16px;line-height:20px}
.filter-box input[type="text"]:hover{border:1px solid var(--colorGray)}
.filter-box input[type="text"]:focus,.filter-box .item-input.focus input,.filter-box input[type="text"].valid{border:1px solid var(--colorBlue);background:var(--colorWhite)}
.filter-box .item-input.focus.arrow:after{transform: rotate(180deg);}
.filter-box input[type="text"] + label{position:absolute;top:22px;left:16px;width:calc(100% - 16px);padding:0 15px 0 0;overflow:hidden;color:var(--colorGray);text-overflow:ellipsis;z-index:1;font-size:14px;margin:0;font-weight:400}
.filter-box input[type="text"]:focus + label,.filter-box input[type="text"]:not(:placeholder-shown) + label,.filter-box .item-input.focus input + label{cursor: pointer;top:15px;font-size:11px;transform:translateY(-50%);transform-origin:left top;transition:transform .15s cubic-bezier(.86,0,.07,1)}
.filter-box .search:after,.filter-box .arrow:after{content:'';background-size:100% 100%!important;display:inline-block;position:absolute;opacity:0.3}
.filter-box .search:after{background:url(/local/templates/sobrano/assets/icon/search.svg) no-repeat center center;width:18px;height:18px;right:14px;top:21px}
.filter-box .arrow:after{background:url(/local/templates/sobrano/assets/icon/arrow.svg) no-repeat center center;width:10px;height:10px;right:15px;top:25px}
.filter-box .item-input.first input{border-radius:12px 0 0 12px}
.filter-box .item-input.last input{border-radius:0 12px 12px 0}
.filter-box .item-input.full{width:100%;}
.filter-box .item-input.full input{ border-radius: 12px; }
.filter-box .item-input.full .menu .item:after{content:none}
.filter-box .filter .item-button{    width: calc(16% - 10px);cursor:pointer;position:relative;background:var(--colorBody);border-radius:12px;display:flex;align-items:center;height:60px;margin:0 0 0 10px;padding:10px;justify-content:center}
.filter-box .filter .item-button:hover{background:var(--colorBodyHover)}
.filter-box .filter .item-button i{position:absolute;top:-5px;right:5px;padding:0 4px;border-radius:20px;background-color:var(--colorBlue);color:var(--colorWhite);letter-spacing:.5px;text-transform:uppercase;font-style:normal;font-size:10px}
.filter-box .filter .item-button svg{width:20px;height:20px;margin:0 5px 0 0}
.filter-box .filter .item-button span{font-size: 14px; display: inline-block; font-weight: 500;}
.filter-box .tags-box { display: flex ; justify-content: flex-start; overflow-x: scroll; overflow-y: auto; max-width: 100%; }
.filter-box .tags-box::-webkit-scrollbar{display:block}
.filter-box .tags-box .item{min-width:91px;display:flex;box-sizing:border-box;flex-direction:column;align-items:center;    cursor: pointer;padding:10px 7px;transition:color .3s;border:1px solid var(--colorBody);border-radius:8px;color:var(--colorGray);cursor:pointer;margin:0 8px 0 0}
.filter-box .tags-box .item img{width:20px;height:20px;margin:0 0 5px;cursor: pointer;filter: invert(43%) sepia(10%) saturate(550%) hue-rotate(180deg) brightness(95%) contrast(90%);}
.filter-box .tags-box .item span{font-size:14px;text-align:center;white-space:nowrap;cursor: pointer;}
.filter-box .tags-box .item:hover,.filter-box .tags-box .item.active{color:var(--colorBlue);border:1px solid var(--colorBlue);    cursor: pointer;}
.filter-box .tags-box .item.active img { filter: invert(52%) sepia(86%) saturate(1769%) hue-rotate(188deg) brightness(93%) contrast(97%); }
.filter-modal{display:none;position:fixed;left:0;right:0;top:0;z-index:20;width:100%;height:100vh}
.filter-modal.active{display:flex !important}
.filter-modal.active:before{content:'';position:fixed;opacity:0.6;background:#171d23;left:0;top:0;width:100%;height:100%}
.filter-modal.active .contents{display:flex;align-items:center;justify-content:center;z-index:10;position:relative}
.filter-modal.active .contents{max-width:1000px}
.filter-modal.active .filter-contents{background:var(--colorWhite);border-radius:12px;display:flex;align-items:center;justify-content:center;max-width:100%;width:100%;padding:10px 30px 20px;flex-direction:column}
.filter-modal .filter-contents .header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0 30px}
.filter-modal .filter-contents .header .h2{margin:0;font-size:22px;line-height:120%}
.filter-modal .filter-contents .header .closed { width: 15px; height: 15px; position: relative; top: -3px; right: 0; }
.filter-modal .filter-contents .body{width:100%;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:30px 40px;    max-height: calc(100vh - 180px);overflow-y:scroll;overflow-x:hidden;padding:0 0 20px}
.filter-modal .filter-contents .body .box{position:relative;width:100%}
.filter-modal .filter-contents .body .box .name{font-size:15px;margin:0 0 10px;font-weight:600;line-height:20px;color:var(--colorBlack)}
.filter-modal .filter-contents .footer{border-top:1px solid var(--colorBody);width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 0 0}
.filter-modal .filter-contents .footer .btn-transparent{margin:0 20px 0 0}
.filter-modal .select{position:relative;margin:0 0 10px}
.filter-modal .select input[type="text"]{border-radius:12px}
.filter-modal .select-items{height:140px;overflow-x:hidden;overflow-y:scroll}
input[type="checkbox"]{cursor:pointer;display:inline-block;position:relative;vertical-align:top;position:relative!important;margin:0!important;-webkit-appearance:none;left:0;width:20px;height:20px;border:1px solid var(--colorGray);background:var(--colorWhite);transition:border .2s,background .3s;border-radius:3px}
input[type=checkbox]:checked{background:url(/local/templates/sobrano/assets/icon/check-w.svg) no-repeat center center var(--colorBlue);border:1px solid var(--colorBlue)}
input[type=checkbox][disabled],input[type=checkbox].disabled{cursor:default;border:1px solid var(--colorBodyHover)}
input[type=checkbox][disabled] + label,input[type=checkbox].disabled + label{cursor:default;color:var(--colorGray)}
.checkbox{display:flex;flex-direction:row;margin:0;padding:10px 0;    align-items: center;position: relative;}
.checkbox label{margin: 0; font-size: 14px; padding: 0 0 0 10px; line-height: 120%;} 
.checkbox i{color: var(--colorGray); font-style: normal; position: absolute; right: 0; font-size: 13px; top: 12px;}
.filter-modal .not-elements{width:50%}
.filter-modal .not-elements span { background: #fff9f0; font-size: 13px; line-height: 120%; display: block; padding: 8px 20px 8px 40px; border-radius: 5px; position: relative; }
.filter-modal .not-elements span:before{content:'';background: url(/local/templates/sobrano/assets/icon/error-filter.svg) no-repeat center center;width: 20px; height: 20px; display: block; position: absolute; left: 10px; top: 12px;}
.filter-modal .btn-box { width: 50%; display: flex ; justify-content: flex-end; }
@media screen and (max-width:990px){
	.filter-box { padding: 30px 20px; margin: 0; max-width: 100%; border-radius: 0; }
	.filter-box .tags-box .item { min-width: auto;}
}
@media screen and (max-width:780px){
	.filter-modal .filter-contents .body { grid-template-columns: repeat(2, minmax(0, 300px));}
	.filter-modal.active .contents{padding: 0;}
	.filter-modal.active .filter-contents{height: 100%; border-radius: 0;    justify-content: space-between;    padding: 10px 20px 20px;}
	.filter-box .item-input { width: 40%;}
	.filter-box .filter .item-button { width: calc(20% - 10px);}
	.filter-modal .filter-contents .footer{  padding: 20px 0 0;flex-wrap: wrap;}
	.filter-modal .not-elements { width: 100%; margin: 0 0 20px; }
	.filter-modal .btn-box { width: 100%;flex-direction: column-reverse; }
	.filter-modal .filter-contents .footer .btn-transparent { margin: 20px 0 0; }
}
@media screen and (max-width:650px){
	.filter-box .filter .item-input.first input { border-radius: 12px 12px 0 0; }
	.filter-box  .filter .item-input.last input { border-radius: 0 0 12px 12px; }
	.filter-box .item-input { width: 100%; padding: 2px 0; }
	.filter-box .filter .item-button { width: 100%; margin: 10px 0 0; }
	.filter-modal .filter-contents .body { grid-template-columns: repeat(1, minmax(0, 100%)); padding: 0; }
	.filter-modal .filter-contents .header .h2{font-size: 18px;}
	.filter-modal .filter-contents .header .closed { top: 1px; width: 25px; height: 25px; background-size: 15px 15px !important; }
	.filter-box .menu{    top: 62px;}
	.filter-modal { height: auto;}
	.filter-modal.active:before { opacity: 1; background: #ffffff;}
	.filter-modal .filter-contents .header{    padding: 10px 0 20px;}
	.filter-modal .filter-contents .body .box .name { font-size: 14px;}
	.filter-modal .not-elements { display:none }
	.filter-modal .filter-contents .footer .btn-transparent { margin: 7px 0 0; }
	.filter-modal .filter-contents .body{max-height: calc(100vh - 240px);}
}

/* reviews */
.comment-recomend-box{display:flex;width:100%;margin:0 0 40px;background:linear-gradient(to right,var(--colorGreen),var(--colorBlue));border-radius:5px;padding:20px 30px;align-items:center;justify-content:space-between;position:relative}
.comment-recomend-box p{margin:0;width:auto;display:flex;flex-direction:column;align-items:flex-start;color:#fff}
.comment-recomend-box p span{font-weight:500;font-size:18px;margin:0 0 5px}
.comment-recomend-box a.btn{margin:0}
.reviews-full{margin:0 0 30px}
.reviews-full .reviews-items{grid-template-columns:repeat(1,minmax(0,100%))}
.reviews-full .reviews-items .item{background:var(--colorWhite);padding:30px 20px}
.reviews-items{display:grid;grid-template-columns:repeat(2,minmax(0,100%));gap:20px 20px;width:100%}
.reviews-items .item{background:var(--colorBody);border-radius:4px 30px 30px 30px;padding:20px 30px;display:flex;flex-direction:column;width:100%;position:relative}
.reviews-items .head{display:flex;align-items:center;margin:0 0 20px;flex-wrap:wrap;position:relative}
.reviews-items .name{font-size:16px;line-height:120%;color:var(--colorBlack);font-weight:600;margin:0 10px 0 0}
.reviews-items .date{color:var(--colorGray);font-size:13px;line-height:120%}
.reviews-items .rating{display:flex;align-items:center;gap:2px;position:absolute;right:0}
.reviews-items .rating span{width:14px;height:14px;display:inline-block;background:url(/local/templates/sobrano/assets/icon/star.svg) center center no-repeat;filter:grayscale(100%);background-position:center center !important;background-size:100% 100% !important}
.reviews-items .rating span.active{background:url(/local/templates/sobrano/assets/icon/star-active.svg) center center no-repeat;filter:grayscale(0%)}
.reviews-items .more{display:none}
.reviews-items .read-more{color:var(--colorBlue);font-size:14px;line-height:120%;cursor:pointer}
.reviews-items .read-more:hover{color:var(--colorBlueHover)}
.reviews-items .text{font-size:14px;color:var(--colorBlack);width:100%}
.reviews-items .rating.notating:before{content:'Оценка отклонена';font-size:12px;margin:0 10px 0 0;color:var(--colorGray)}
.reviews-box{display:flex;align-items:center;justify-content:space-between;margin:-10px 0 30px;border-radius:10px;flex-wrap:wrap}
.reviews-box .box{display:flex;align-items:center}
.reviews-box .rating{font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:flex-start;margin:0 20px 0 0;line-height:120%}
.reviews-box .rating:before{content:'';background:url(/local/templates/sobrano/assets/icon/star-active.svg) center center no-repeat;background-size:100% 100%;width:20px;height:20px;display:inline-block;position:relative;margin:0 10px 0 0}
.reviews-box .comments{font-size:16px;font-weight:600;position:relative}
.comments-form{background:var(--colorWhite);padding:30px 20px;border-radius:10px;margin:20px 0 30px;position:relative}
.result-reviews{display:none}
.result-reviews.error,.result-reviews.success{background:#fff9f0;font-size:13px;line-height:120%;display:block;padding:8px 20px 8px 40px;border-radius:5px;position:relative;margin:0 0 20px;min-height:50px;display:flex;flex-direction:column;justify-content:center}
.result-reviews.error:before{content:'';background:url(/local/templates/sobrano/components/bitrix/catalog/course/icon/error-filter.svg) no-repeat center center;width:20px;height:20px;display:block;position:absolute;left:10px}
.result-reviews.success{background:var(--colorGreen);color:var(--colorBody);padding:8px 20px 8px 20px}
.comments-form .h2{margin:0 0 20px}
.comments-form form{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;position:relative}
.comments-form .first-box{width:calc(30% - 20px);margin:5px 20px 0 0;background:var(--colorBody);border-radius:12px;display:flex;align-items:center;flex-direction:column;padding:20px 0;font-size:14px;font-weight:600;color:var(--colorBlack)}
.comments-form .last-box{width:70%}
.comments-form .reviews-rating{display:flex;align-items:center;gap:5px;margin:20px 0}
.comments-form .reviews-rating .star{width:35px;height:35px;display:inline-block;background:url(/local/templates/sobrano/assets/icon/star.svg) center center no-repeat;filter:grayscale(100%);background-position:center center !important;background-size:100% 100% !important;cursor:pointer}
.comments-form .reviews-rating .star.active{background:url(/local/templates/sobrano/assets/icon/star-active.svg) center center no-repeat;filter:grayscale(0%)}
.comments-form .first-box .show-rating{font-size:13px;font-weight:400;color:var(--colorGray)}
.comments-form .item-input{display:inline-flex;position:relative;width:100%;margin:5px 0}
.item-input.first input{border-radius:12px 12px 0 0}
.item-input.last textarea{border-radius:0 0 12px 12px}
.comments-form input[type="text"],.comments-form textarea{display:inline-flex;    font-family: 'Roboto', serif;min-width:1px;padding:26px 30px 10px 15px;position:relative;width:100%;height:60px;transition:all .3s cubic-bezier(.46,0,.03,.99);border:1px solid transparent;background:var(--colorBody);cursor:text;will-change:color,border-color,background-color;font-size:16px;line-height:20px}
.comments-form input[type="text"]:hover,.comments-form textarea:hover{border:1px solid var(--colorGray)}
.comments-form input[type="text"]:focus,.comments-form .focus input[type="text"],.comments-form input[type="text"].valid,.comments-form textarea:focus,.comments-form .focus textarea,.comments-form textarea.valid{border:1px solid var(--colorBlue);background:var(--colorWhite)}
.comments-form input[type="text"] + label,.comments-form textarea + label{position:absolute;top:20px;left:16px;width:calc(100% - 16px);padding:0 15px 0 0;overflow:hidden;color:var(--colorGray);text-overflow:ellipsis;z-index:1;font-size:14px;margin:0;font-weight:400}
.comments-form label i{color:var(--colorRed);font-style:normal}
.comments-form input[type="text"]:focus + label,.comments-form input[type="text"]:not(:placeholder-shown) + label,.comments-form .focus input[type="text"] + label,.comments-form textarea:focus + label,.comments-form textarea:not(:placeholder-shown) + label,.comments-form .focus textarea + label{cursor:pointer;top:15px;font-size:11px;transform:translateY(-50%);transform-origin:left top;transition:transform .15s cubic-bezier(.86,0,.07,1)}
.comments-form textarea{resize:none;height:160px;font-weight:400;font-size:14px}
.comments-form .btn{padding:10px 40px;border-radius:12px;font-size:20px;margin:15px 0 0;width:100%}
.comments-form .btn[disabled]{border:1px solid transparent}
.reviews-items .company { display: flex ; align-items: center; width: 100%; margin: 15px 0 0; color: var(--colorBlack); font-size: 13px; line-height: 120%; font-weight: 600; }
.reviews-items .company img { width: 20px; border-radius: 40px 40px 40px 0; height: 20px; position: relative; display: inline-block; margin: 0 10px 0 0; }
@media screen and (max-width:960px){
.reviews-items .rating{position:relative;right:auto;left:0;margin:10px 0 0;width:100%}
.comments-form .last-box { width: 60%; }
.comments-form .first-box { width: calc(40% - 20px);}
.reviews-full { margin: 30px 0; }
}
@media screen and (max-width:780px){
.comments-form .last-box { width: 100%; }
.comments-form .first-box { width: 100%; margin: 0 0 5px; }
}
@media screen and (max-width:640px){
.reviews-items{grid-template-columns:repeat(1,minmax(0,100%))}
.reviews-items .item{padding:20px}
.comment-recomend-box{flex-wrap:wrap;padding:20px}
.comment-recomend-box p{width:100%;margin:0 0 15px;text-align:center}
.comment-recomend-box a.btn{margin:0 auto}
}

/* menu-detail */
.menu-detail-box { margin: 0 0 30px; height: 72px; max-width: 100%; display: flex ; align-items: center; justify-content: space-between; background: var(--colorWhite); padding: 20px 20px; border-radius: 10px; z-index: 5; position: relative; }
.menu-detail-box .menu-items { display: flex ; align-items: center; transition: top 0.3s ease; overflow-y: hidden; overflow-x: scroll; width: 80%; max-width: 1100px; }
.menu-detail-box .menu-items .item{border:1px solid var(--colorBody);padding:7px 15px;line-height:120%;border-radius:10px;margin:0 10px 0 0;font-size:14px;cursor:pointer}
.menu-detail-box .menu-items .item:hover{background:var(--colorBody)}
.menu-detail-box .btn{display:none}
.menu-detail-box .menu-items::-webkit-scrollbar { display: none; }
@media screen and (min-width:1200px){
.menu-detail-box.fixed{padding:0}
.menu-detail-box.fixed{ position: fixed; top: 0px; border-radius: 0 0 10px 10px;box-shadow: rgba(163, 171, 200, 0.4) 0px 10px 10px -10px;background: var(--colorWhite); padding: 20px 20px;max-width: 1100px;    width: 100%;}
.menu-detail-box.fixed .btn{display:block}
}
@media screen and (max-width:860px){	
.menu-detail-box{height:auto}
.menu-detail-box .menu-items .item{white-space: nowrap; text-overflow: ellipsis;}
}

/* articles */
.post-articles{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;border-radius:5px;padding:0 20px;margin:20px 0;width:100%;position:relative;color:var(--colorBlack);background:var(--colorBody);cursor:pointer}
.post-articles span{cursor:pointer;font-weight:500}
.post-articles ol{counter-reset:item;padding:0;display:none;margin:0}
.post-articles.active{background:var(--colorBody)}
.post-articles.active ol{display:block;width:100%;margin:0 0 20px}
.post-articles.active li{margin:0 0 5px 15px;padding:0 0 0 5px;list-style:auto}
.post-articles.active li:before{content:none}
.post-articles.active li::marker{color:var(--colorBlue);font-weight:500}
.post-articles.active li span{font-style:normal;font-size:14px;line-height:22px;display:block;color:var(--colorBlack);cursor:pointer;transition:color .2s}
.post-articles.active li span:hover{color:var(--colorBlueHover);text-decoration:none}
.post-articles .name{font-style:normal;font-weight:500;font-size:15px;line-height:22px;display:block;width:100%;position:relative;cursor:pointer;padding:15px 0}
.post-articles .name i svg{width:20px;height:20px;right:0;position:absolute}
.post-articles.active .name i svg{transform:rotate(180deg);fill:var(--colorBlueHover)}

/* faq */
.faq-items{width:100%;position:relative;margin:0 0 40px}
.faq-items .item{    background: var(--colorWhite);border-radius:10px;position:relative;margin:0 0 20px}
.faq-items .item .name i{font-size:16px;margin:0 10px 0 0;color:var(--colorBlue);display:inline-block}
.faq-items .item .name{font-size:16px;font-weight:500;width:100%;position:relative;padding:20px;cursor:pointer}
.faq-items .item .detail-text{height:0;opacity:0}
.faq-items .item .detail-text p{margin:0;font-size:0}
.faq-items .item.active{color:#363636}
.faq-items .item.active .detail-text { height: auto; opacity: 1; padding: 20px; border-top: 1px solid var(--colorBodyHover); }
.faq-items .item.active .detail-text p{font-size:14px}
.faq-items .item .name:after { content: ""; position: absolute; background: url(/local/templates/sobrano/assets/icon/arrow.svg) no-repeat center center; width: 10px; height: 5px; right: 20px; top: 28px; background-size: 100% 100%;     opacity: 0.4;}
.faq-items .item.active .name:after{transform: rotate(180deg);}
.faq-items .item.active .name i{color:#363636}

.info-elements{display:flex;align-items:center;justify-content:space-between;position:relative;margin:30px 0 0;padding:20px 0 0;border-top:1px solid var(--colorBodyHover)}
.info-elements .params{display:flex;align-items:center;justify-content:flex-start;width:80%;position:relative;flex-wrap:wrap}
.info-elements .param{position:relative;display:flex;padding:15px 60px 0 0;margin:0 20px 0 0}
.info-elements .param:last-child:after{content:none}
.info-elements .param:last-child{margin:0}
.info-elements .param span{font-weight:600;color:var(--colorBlack);font-size:14px;display:flex;align-items:center}
.info-elements .param span:after{position:absolute;top:-2px;left:0;font-size:10px;color:var(--colorGray);font-weight:400;line-height:120%}
.info-elements .param:after{content:"";height:20px;width:1px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;background:var(--colorBodyHover)}
.info-elements .rating span:before{content:'';background:url(/local/templates/sobrano/assets/icon/star-active.svg) center center no-repeat;background-size:100% 100%;width:15px;height:15px;display:inline-block;position:relative;margin:0 5px 0 0}
.info-elements .rating span:after{content:'Рейтинг'}
.info-elements .bonus span:before{content:'';background:url(/local/templates/sobrano/assets/icon/bonus.svg) center center no-repeat;width:15px;height:15px;display:inline-block;background-size:100% 100%;position:relative;margin:0 5px 0 0}
.info-elements .bonus span:after{content:'Фрибет'}
.info-elements .apps i{width:15px;height:15px;margin:0 5px 0 0}
.info-elements .apps span:after{content:'Приложение'}
.info-elements .margin span:after{content:'Маржа'}
.info-elements .mindep span:after{content:'Мин. депозит'}
.info-elements .licenze span:after{content:'Лицензия'}
.info-elements .apps{top:-2px}
.info-elements .btn{padding:10px 30px}
@media screen and (max-width:990px){
.info-elements{flex-wrap:wrap}
.info-elements .params{width:100%;margin:0 0 20px}
.info-elements .btn{width:100%}
}
@media screen and (max-width:860px){
.info-elements .params{display:grid;grid-template-columns:repeat(3,minmax(0,33.3%));gap:20px}
.info-elements .param{margin:0;padding:15px 0 0 0}
.info-elements .param:after{content:none}
}
@media screen and (max-width:580px){
.info-elements .params{display:grid;grid-template-columns:repeat(2,minmax(0,100%));gap:20px}
}

/* contact */
.contact-items{display: grid ; grid-template-columns: repeat(3, minmax(0, 100%)); gap: 20px 20px; width: 100%;}
.contact-items .item{}
.contact-items .item span{font-size: 15px; font-weight: 600; display: block; margin: 0 0 10px;}
.contact-items .item p{font-size: 14px; color: var(--colorGray); margin: 0;}
.yandex-map{ border-radius: 10px; overflow: hidden; margin: 30px 0; width:100%;height:400px;}
@media screen and (max-width: 780px) {
.contact-items {grid-template-columns:repeat(2,minmax(0,100%))}
}
@media screen and (max-width: 580px) {
.yandex-map{height:250px}
.contact-items { grid-template-columns: repeat(1,minmax(0,100%))}
}

/* FOOTER */
footer{background: var(--colorWhite);padding: 30px 0;}
.footer-box{display: flex ; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;    margin: 0 0 30px;}
.footer-box .about{display: flex ; align-items: center; flex-wrap: wrap; justify-content: flex-end; position: relative; }
.footer-box .about a{color: var(--colorGray);     margin: 0 20px 0 0;}
.footer-box .about a:last-child{margin:0}
.footer-box .about a:hover{    color: var(--colorBlack);}
.footer-information{margin: 0; font-size: 13px; color: var(--colorGray);}		
.footer-information a{text-decoration: underline !important;color: var(--colorGray);}
@media screen and (max-width:1100px){
	.footer-box .brands .logo{margin: 0 0 20px}
	.footer-box .about { justify-content: flex-start;}
	.footer-box .about a {margin: 0 20px 10px 0}
}f
/* End */
/* /local/templates/sobrano/components/bitrix/search.title/.default/style.css?17574277481472 */
/* /local/templates/sobrano/styles.css?175801411749701 */