/* Start:/bitrix/templates/bs_school_s1/components/bitrix/news.list/offices/style.css?17646217715075*/
.offices_wrapper h1, .offices_wrapper h2 {margin-bottom: 15px!important;}


.offices_wrapper .left_col {flex: 0 0 40%; border-right: 1px solid #E1E2E3; overflow: scroll; position: relative;}
.offices_wrapper .right_col {position: relative; overflow: hidden; }

.offices_wrapper .view_tile {padding-bottom: 20px;}

.offices_wrapper .close {position: absolute; right: 10px; top: 10px; z-index: 1;}
.offices_wrapper .close svg path {stroke: #FFF;}
.offices_wrapper .close svg path:first-child {stroke: var(--OPTION_BASE_COLOR); fill: var(--OPTION_BASE_COLOR);}


.offices_wrapper .list_and_map_wrapper {border: 1px solid #E1E2E3; border-radius: 10px; position: relative; overflow: hidden;}


/*Детальная карточка (клик на маркере)*/
.offices_wrapper .detail_card {width: 100%;}
.offices_wrapper .detail_card .img {width: 100%; height: 200px; border-bottom: 1px solid #E1E2E3;}
.offices_wrapper .detail_card .img img {width: 100%; height: 100%; object-fit: cover;}
.offices_wrapper .detail_card .descr {padding: 30px;}
.offices_wrapper .detail_card .name {font-weight: 600; font-size: 20px;}
.offices_wrapper .detail_card .descr > div {margin-bottom: 10px;}
.offices_wrapper .detail_card .phone a {text-decoration: none;}

/*Вид плитка*/
.offices_wrapper .view_tile_container {overflow: hidden;}
.offices_wrapper .view_tile {margin-right: -20px;}
.offices_wrapper .view_tile .item {border-radius: 10px; border: 1px solid #E1E2E3; height: 480px; width: 322px; margin: 0 20px 20px 0;}
.offices_wrapper .view_tile .item.last_child {margin-right: 0;}
.offices_wrapper .view_tile .img {width: 100%; height: 200px; border-bottom: 1px solid #E1E2E3;}
.offices_wrapper .view_tile .img img {width: 100%; height: 100%; object-fit: cover;}
.offices_wrapper .view_tile .descr {padding: 30px;}
.offices_wrapper .view_tile .name {font-weight: 600; font-size: 20px;}
.offices_wrapper .view_tile .descr > div {margin-bottom: 10px;}
.offices_wrapper .view_tile .phone a {text-decoration: none;}


/*Комбинированный вид (список слева, справа-карта)*/
.offices_wrapper .view_list .item {height: 119px; border-bottom: 1px solid #E1E2E3; padding: 0 25px; cursor: pointer; position: relative; padding-right: 50px;}
.offices_wrapper .view_list .item:last-child {border-bottom: 1px solid transparent;}
.offices_wrapper .view_list .item .name {font-weight: 600;}
.offices_wrapper .view_list .item .descr > div > div {margin-bottom: 5px;}
.offices_wrapper .view_list .item .phone a {text-decoration: none;}
.offices_wrapper .view_list .item::before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;

  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 25px;
  top: 25px;
  content: "\ea81";
  font-size: 30px;
  transform: rotate(45deg);
  color: #cccccc;
}
.offices_wrapper .view_list .item:hover::before {color: var(--OPTION_BASE_COLOR);}


/*Объекты на карте*/
.polygon_layout {position: absolute;  
    background: var(--OPTION_BASE_COLOR_L);
    color: #FFF;  
    border: 1px solid var(--OPTION_BASE_COLOR); 
    width: 220px; 
    height: 50px; 
    left: -110px; 
    top: -25px; 
    border-radius: 25px;
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
.polygon_layout:after, .polygon_layout:before {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;}
.polygon_layout:after {border-top-color: var(--OPTION_BASE_COLOR_L); border-width: 4px; margin-left: -4px;}
.polygon_layout:before {border-top-color: var(--OPTION_BASE_COLOR_L);border-width: 6px; margin-left: -6px;}

.polygon_layout .info {padding: 0 15px; height: 48px;}
.polygon_layout .info .name {font-size: 12px; font-weight: 400;}
.polygon_layout .href {position: absolute; width: 100%; height: 100%; z-index: 1;}
.polygon_layout .img, .polygon_layout .img img {height: 49px; border-radius: 25px; width: 49px;}
.polygon_layout .img {background-color: #FFF;}

.polygon_layout.hover {background: var(--OPTION_BASE_COLOR_D);}
.polygon_layout.hover:after {border-top-color: var(--OPTION_BASE_COLOR_D);}
.polygon_layout.hover:before {border-top-color: var(--OPTION_BASE_COLOR_D);}



@media screen and (max-width: 1348px)
{

}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
     
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    .offices_wrapper .left_col {flex: 0 0 100%;} 
    .offices_wrapper .right_col {flex: 0 0 100%;}     
    .offices_wrapper .list_and_map_wrapper > div {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}


/* End */


/* Start:/bitrix/templates/bs_school_s1/components/bitrix/news.list/peoples_with_cat_menu_search/style.css?17646217715449*/
.peoples_block h3 {margin: 0.8rem 0 0.8rem;}
.peoples_block .item_container {width: 342px; padding-right: 20px; margin-bottom: 20px;}
.peoples_block .item {
    width: 100%; 
    height: 380px; 
    position: relative; cursor: pointer;
    border-radius: 8px; overflow: hidden;
    border: 1px solid #edeef0;
}
.peoples_block .item .item_img {width: 100%; height: 100%;}
.peoples_block .item .item_img img {object-fit: cover;}
.peoples_block .item .item_img img.lazy-hidden {width: 100%; height: 100%;}
.peoples_block .item .descr {position: absolute; bottom: 0; color: #FFF; z-index: 2; padding: 20px;}
.peoples_block .item .descr a {color: #FFF;}
.peoples_block .item .descr > div, .peoples_block .item .descr .dop_fields > div {padding: 3px 0;}

.peoples_block .item .descr .name {font-weight: 600;}
.peoples_block .item .descr .post {color: #e5e5e5}

.peoples_block .item .shadow {
    position: absolute;
    width: 100%;
    height: 40%;
    z-index: 1;
    background-color: rgba(0,0,0,0.7);
    bottom: 0;
}
.peoples_block .item .shadow.shadow_gradient {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));}

.peoples_block .item .descr .dop_fields {display: none; position: relative; padding-top: 12px;}
.peoples_block .item .descr .dop_fields a:hover {color: var(--OPTION_BASE_COLOR);}
.peoples_block .item .descr .dop_fields::before {
    content: '';
    width: 40px;
    height: 2px;
    background: var(--OPTION_BASE_COLOR);
    position: absolute;
    left: 0;
    top: 5px;
}

.peoples_block .item:hover .descr .dop_fields {display: block;}
.peoples_block .item:hover .shadow {height: 100%; background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4));}


body.SITE_THEME_DARK .peoples_block .item {border: 1px solid var(--THEME_DARK_LINE_COLOR);}

/*Меню разделов*/
.peoples_block .cat_menu {border: 1px solid #E1E2E3; border-radius: 8px; padding: 4px; display: inline-block;}
.peoples_block .cat_menu a.menu_item {
    border-radius: 6px; 
    padding: 2px 9px 3px 9px; 
    font-weight: 500; 
    display: inline-block;
    text-decoration: none;
    margin-right: 4px;
}
.peoples_block .cat_menu a:last-child {margin-right: 0;}
.peoples_block .cat_menu a.active {color: #FFF; background-color: var(--OPTION_BASE_COLOR)!important}




.peoples_block .cat_menu .menu_pad {width: 3px; display: inline-block;}
.peoples_block .cat_menu .show_all_container {width: 100%; text-align: center;}
.peoples_block .cat_menu .show_all {margin-top: 10px; width: 100%;}
.peoples_block .cat_menu .show_all::before 
{
  content: "\ea79";
  margin-right: 5px;
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
  
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*Поиск*/
.peoples_block .search {position: relative;}
.peoples_block .search input {margin: 0;}
.peoples_block .search:not(.search_active)::before 
{
    content: "\ea4f";
    color: #d5d5d5;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 18px;
  
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.SITE_THEME_DARK .peoples_block .search {opacity: 0.8;}
body.SITE_THEME_DARK .peoples_block .search:hover {opacity: 1;}

.peoples_block .clear_search
{
    content: "\ea4f";
    color: #000;
    position: absolute;
    right: 10px;
    top: 18px;
    text-decoration: none;
    cursor: pointer;
}
.peoples_block .show_filter::before {
  content: "\e9dd";
  margin-right: 5px;
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@media screen and (min-width: 1348px)
{
     .peoples_block .item_list {margin-right: -20px}  
}


/*1348px*/
@media screen and (max-width: 1348px)
{
     .peoples_search {text-align: center;}    
}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
     
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
    .peoples_block {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
    .peoples_block .left_col {flex: 0 0 100%; max-width: 100%; padding-right: 0px;} 
    

    .peoples_block .cat_menu {padding: 15px; margin-bottom: 10px;}
    .peoples_block .cat_menu > a {display: inline-block; margin-right: 10px;}  
    .peoples_block .cat_menu .show_all {width: auto;}
    
    
    .peoples_block .show_filter {display: inline-block!important;}
    .peoples_block .cat_menu {display: none;}
    .peoples_block .search {display: none;}

    
    .peoples_block h2, .peoples_block h3, .peoples_block h4 {text-align: center;}
    
    .peoples_block .item .descr .dop_fields {display: block!important;}
   
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}

/* End */


/* Start:/bitrix/templates/bs_school_s1/components/brainsite/iblock.element.add.form/main_form/style.css?17646217719307*/
.main_form_container {
    background-color: #f8f9fb;
    border-radius: 12px;
    box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.1);
}
body.SITE_THEME_DARK .main_form_container  {background-color: var(--THEME_DARK_LINE_COLOR);}

.main_form {
    padding: 40px;
}

.main_form .form_message {text-align: center; margin: 5px 0 30px 0;}
.main_form .form_field {width: 45%; float: left; margin-right: 2%;}
.main_form_container .btn_container .btn {display: block;}

/*Темная тема*/
body.SITE_THEME_DARK .main_form_container {background-color: var(--THEME_DARK_BG_ITEM_COLOR); border: 1px solid  var(--THEME_DARK_LINE_COLOR);}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
     
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    .main_form {background: #f8f9fb; padding: 20px;}
    .main_form .form_field {width: 48%; margin-right: 0; margin: 0 1%;}
    .main_form .descr, .main_form .checkbox_style label {font-size: 0.9rem!important; line-height: 1;}
    
    .main_form .form {padding: 0!important;}
    .main_form .btn_wrapper {text-align: center;}
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    .main_form {padding: 10px;}
    .main_form .form_field {width: 100%; margin:0;}
}


/* AJAX CUSTOM PRELOADER */
#win8_wrapper{
    display: none;
    background: #000;
    height: 100%;
    opacity: 0.7;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
}
.windows8 {
    /*position: relative;
    width: 50px;
    height:50px;
    margin:auto;*/
    width: 50px;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.windows8 .wBall {
    position: absolute;
    width: 47px;
    height: 47px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 3.3225s infinite;
    -o-animation: orbit 3.3225s infinite;
    -ms-animation: orbit 3.3225s infinite;
    -webkit-animation: orbit 3.3225s infinite;
    -moz-animation: orbit 3.3225s infinite;
}

.windows8 .wBall .wInnerBall{
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgb(255,255,255);
    left:0px;
    top:0px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.windows8 #wBall_1 {
    animation-delay: 0.726s;
    -o-animation-delay: 0.726s;
    -ms-animation-delay: 0.726s;
    -webkit-animation-delay: 0.726s;
    -moz-animation-delay: 0.726s;
}

.windows8 #wBall_2 {
    animation-delay: 0.143s;
    -o-animation-delay: 0.143s;
    -ms-animation-delay: 0.143s;
    -webkit-animation-delay: 0.143s;
    -moz-animation-delay: 0.143s;
}

.windows8 #wBall_3 {
    animation-delay: 0.2865s;
    -o-animation-delay: 0.2865s;
    -ms-animation-delay: 0.2865s;
    -webkit-animation-delay: 0.2865s;
    -moz-animation-delay: 0.2865s;
}

.windows8 #wBall_4 {
    animation-delay: 0.4295s;
    -o-animation-delay: 0.4295s;
    -ms-animation-delay: 0.4295s;
    -webkit-animation-delay: 0.4295s;
    -moz-animation-delay: 0.4295s;
}

.windows8 #wBall_5 {
    animation-delay: 0.583s;
    -o-animation-delay: 0.583s;
    -ms-animation-delay: 0.583s;
    -webkit-animation-delay: 0.583s;
    -moz-animation-delay: 0.583s;
}



@keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }

    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }

    76% {
        opacity: 0;
        transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }

    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }

    76% {
        opacity: 0;
        -o-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }

    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }

    76% {
        opacity: 0;
        -ms-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }

    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }

    76% {
        opacity: 0;
        -webkit-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}
/* AJAX CUSTOM PRELOADER END */

/* End */
/* /bitrix/templates/bs_school_s1/components/bitrix/news.list/offices/style.css?17646217715075 */
/* /bitrix/templates/bs_school_s1/components/bitrix/news.list/peoples_with_cat_menu_search/style.css?17646217715449 */
/* /bitrix/templates/bs_school_s1/components/brainsite/iblock.element.add.form/main_form/style.css?17646217719307 */