/* Begin Additional CSS Styles */
/* задаем цвет фона для контейнера nav. */

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {
    content: none !important;
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    /* display: inline-block; */
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li {
     padding-left: 0px; 
}
/* убираем отступы и поля, а также list-style для "ul", 
			 * и добавляем "position:relative" */

nav#myspisok ul {
  padding: 0 !important;
  margin: 0.3% !important;
  list-style: none !important;
  position: relative !important; 
  z-index: 400;
}

/* применяем inline-block позиционирование к элементам навигации */

nav#myspisok ul li {
  position: relative !important;
  margin: 0px -7px 0 0 !important;
  display: inline-block !important;
  border: 2px solid #2c3e50 !important;
  z-index: 400;
  overflow: inherit;
}

/* стилизуем ссылки */

nav#myspisok a {
  display: block !important;
  padding: 0px 10px 0px 0px !important;
  color: #2c3e50 !important;
  font-family: webnar, sans-serif;
  font-weight: 900 !important;
  font-size: 20px !important;
  /* line-height: 60px !important; */
  text-decoration: none !important; 
  z-index: 9999;
  font-size: 18px !important;
}

nav#myspisok ul li .spisok a {
  display: block !important;
  padding: 0 10px !important;
  color: #fff !important;
  font-family: webnar, sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
/*  line-height: 60px !important; */
  text-decoration: none !important; 
  z-index: 9999;
  font-size: 18px !important;
}

nav#myspisok a.active {
  position: relative !important;
  margin: 10px 10px 0px 0px !important;
  width: 112px !important;
  background-color: #009fdf !important; z-index: 9999
}

/* изменяем цвет фона при наведении курсора */

nav#myspisok ul li .spisok a:hover { z-index: 9999;
  color: #f65376 !important;
  overflow: inherit;
}

/* скрываем выпадающие списки по умолчанию
			 * и задаем абсолютное позиционирование */

nav#myspisok ul ul { z-index: 9999;
  display: none !important;
  position: absolute !important;
  top: 100%; z-index: 9999
}

/* отображаем выпадающий список при наведении */

nav#myspisok ul li:hover>ul { z-index: 9999;
  display: inherit !important; z-index: 9999
}

/* первый уровень выпадающего списка */

nav#myspisok ul ul li {
  min-width: 140px !important;
  float: none !important;
  display: list-item !important;
  position: relative !important;
  background-color: #2c3e50 !important; z-index: 9999
}

/* измените ' +' на любой другой символ, если нужно
	*/

li>a: after {
  content: '▼' !important; z-index: 9999;
}

li>a:only-child: after { 
  content: '' !important; 
  z-index: 9999;
}
/* End Additional CSS Styles */

.news {
    clear: both;
    color: #fff;
    margin-bottom: 30px;
}
.news:before, .news:after {
    display: table;
    content: " ";
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news:after {
    clear: both;
}
.col-xs-4, .content .nav-tabs, .modal-fullscreen .modal-dialog .nav-tabs, .video-custom-content .nav-tabs, .carousel-main .item-inner .nav-tabs, .content .wide, .modal-fullscreen .modal-dialog .wide, .video-custom-content .wide, .carousel-main .item-inner .wide, .content .wide_promo, .modal-fullscreen .modal-dialog .wide_promo, .video-custom-content .wide_promo, .carousel-main .item-inner .wide_promo, .content .wide_video, .modal-fullscreen .modal-dialog .wide_video, .video-custom-content .wide_video, .carousel-main .item-inner .wide_video, .columns .column1_1, .col2_activities, .col2_student, .col2_committee, .col2_aspect, .col3_quote, .col3_video, .col1_events, .col1_html, .col1, .col1_grey, .col1_grey_aspect, .col33_grey, .col2_grey, .col2_grey_aspect, .col3_grey, .col4_grey_text, .col4_grey, .col4_attention, .social-floor, .modal-sitemap .search-form, .programm-links__item, .news {
    width: 100%;
}
.col-xs-1, .col-xs-2, .gallery__preview, .gallery__control, .col-xs-3, .video-custom-content-inner, .col-xs-4, .content .nav-tabs, .modal-fullscreen .modal-dialog .nav-tabs, .video-custom-content .nav-tabs, .carousel-main .item-inner .nav-tabs, .content .wide, .modal-fullscreen .modal-dialog .wide, .video-custom-content .wide, .carousel-main .item-inner .wide, .content .wide_promo, .modal-fullscreen .modal-dialog .wide_promo, .video-custom-content .wide_promo, .carousel-main .item-inner .wide_promo, .content .wide_video, .modal-fullscreen .modal-dialog .wide_video, .video-custom-content .wide_video, .carousel-main .item-inner .wide_video, .columns .column1_1, .col2_activities, .col2_student, .col2_committee, .col2_aspect, .col3_quote, .col3_video, .col1_events, .col1_html, .col1, .col1_grey, .col1_grey_aspect, .col33_grey, .col2_grey, .col2_grey_aspect, .col3_grey, .col4_grey_text, .col4_grey, .col4_attention, .social-floor, .modal-sitemap .search-form, .programm-links__item, .news {
    float: left;
}
.col-xs-1, .col-sm-1, .content .navigation, .modal-fullscreen .modal-dialog .navigation, .video-custom-content .navigation, .carousel-main .item-inner .navigation, .col-md-1, .columns .column4_1, .columns .column4_2, .columns .column4_3, .columns .column4_4, .gallery__preview, .gallery__control, .carousel-item-aside, .col-lg-1, .col1_events, .col1_html, .col1, .col1_grey, .col1_grey_aspect, .col-xs-2, .gallery__preview, .gallery__control, .col-sm-2, .columns .column4_1, .columns .column4_2, .columns .column4_3, .columns .column4_4, .col-md-2, .wide_promo .col, .columns .column2_1, .columns .column2_2, .col2_activities, .col2_student, .col2_committee, .col2_aspect, .col2_grey, .col2_grey_aspect, .modal-sitemap .search-form, .programm-links__item, .col-lg-2, .col-xs-3, .video-custom-content-inner, .col-sm-3, .main, .col-md-3, .carousel-item-main, .col-lg-3, .col3_quote, .col3_video, .col3_grey, .col-xs-4, .content .nav-tabs, .modal-fullscreen .modal-dialog .nav-tabs, .video-custom-content .nav-tabs, .carousel-main .item-inner .nav-tabs, .content .wide, .modal-fullscreen .modal-dialog .wide, .video-custom-content .wide, .carousel-main .item-inner .wide, .content .wide_promo, .modal-fullscreen .modal-dialog .wide_promo, .video-custom-content .wide_promo, .carousel-main .item-inner .wide_promo, .content .wide_video, .modal-fullscreen .modal-dialog .wide_video, .video-custom-content .wide_video, .carousel-main .item-inner .wide_video, .columns .column1_1, .col2_activities, .col2_student, .col2_committee, .col2_aspect, .col3_quote, .col3_video, .col1_events, .col1_html, .col1, .col1_grey, .col1_grey_aspect, .col33_grey, .col2_grey, .col2_grey_aspect, .col3_grey, .col4_grey_text, .col4_grey, .col4_attention, .social-floor, .modal-sitemap .search-form, .programm-links__item, .news, .col-sm-4, .content .navigation_horizontal, .modal-fullscreen .modal-dialog .navigation_horizontal, .video-custom-content .navigation_horizontal, .carousel-main .item-inner .navigation_horizontal, .col-md-4, .col-lg-4 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 15px;
}
/** {
   /* -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

/*.desktop .art-nav {
    padding-left: 0; 
    padding-right: 0;
}*/

div2 {
    display: block;
	box-sizing: border-box;
}
body {
    height: 100%;
    color: #000;
    font-family: 'webnar', sans-serif;
    font-size: 19px;
} 
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 19px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff; box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html {
    color: -internal-root-color;
}

.news-blocks {
    margin: 0 -2px;
    display: flex;
   /* flex-flow: row wrap;*/
}

.articles-content {
    opacity: 1;
    transition: opacity 0.5s;
}
.grid-reset {
    padding: 0;
}
.grid-reset>[class^=col-] {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px)
.col-md-2, .wide_promo .col, .columns .column2_1, .columns .column2_2, .col2_activities, .col2_student, .col2_committee, .col2_aspect, .col2_grey, .col2_grey_aspect, .modal-sitemap .search-form, .programm-links__item {
    width: 50%;
}
@media (min-width: 992px)
.col-md-1, .columns .column4_1, .columns .column4_2, .columns .column4_3, .columns .column4_4, .gallery__preview, .gallery__control, .carousel-item-aside, .col-md-2, .wide_promo .col, .columns .column2_1, .columns .column2_2, .col2_activities, .col2_student, .col2_committee, .col2_aspect, .col2_grey, .col2_grey_aspect, .modal-sitemap .search-form, .programm-links__item, .col-md-3, .carousel-item-main, .col-md-4 {
    float: left;
}
.news-blocks .b-cover {
    background-size: cover;
    background-position: center;
    /*height: 100%;*/
}

.b-tile, .col2_activities, .col2_student, .col2_committee, .col2_aspect, .col1_grey_aspect, .col2_grey_aspect, .gallery__preview {
    position: relative;
    padding: 0;
    display: flex;
}
.b-cover {
    background-size: cover;
    background-position: center;
}
.detect_flexbox .b-tile__inner.b-sq, .detect_flexbox .b-sq.col2_student__inner, .detect_flexbox .col2_student__inner.gallery-preview, .detect_flexbox .b-sq.col2_activities__inner, .detect_flexbox .col2_activities__inner.gallery-preview, .detect_flexbox .b-sq.col2_committee__inner, .detect_flexbox .col2_committee__inner.gallery-preview, .detect_flexbox .b-sq.col2_aspect__inner, .detect_flexbox .b-sq.col2_grey_aspect__inner, .detect_flexbox .col2_grey_aspect__inner.gallery-preview, .detect_flexbox .col2_aspect__inner.gallery-preview, .detect_flexbox .b-tile__inner.gallery-preview, .detect_flexbox .gallery-preview.gallery-preview__inner, .detect_flexbox .b-sq.gallery-preview__inner {
    display: flex;
}
.b-cover .b-sq, .b-cover .gallery-preview {
    height: 100%;
    padding: 10%;
}
.b-tile__inner, .col2_student__inner, .col2_activities__inner, .col2_committee__inner, .col2_aspect__inner, .col2_grey_aspect__inner, .gallery-preview__inner {
    position: relative;
    flex: 1;
    display: block;
}
.b-sq, .gallery-preview {
    border: 2px solid transparent;
    background-position: center;
    padding: 25px;
    background: #f2f2f2;
    background-clip: padding-box;
}
.detect_flexbox .b-tile__inner.b-sq:before, .detect_flexbox .b-sq.col2_student__inner:before, .detect_flexbox .col2_student__inner.gallery-preview:before, .detect_flexbox .b-sq.col2_activities__inner:before, .detect_flexbox .col2_activities__inner.gallery-preview:before, .detect_flexbox .b-sq.col2_committee__inner:before, .detect_flexbox .col2_committee__inner.gallery-preview:before, .detect_flexbox .b-sq.col2_aspect__inner:before, .detect_flexbox .b-sq.col2_grey_aspect__inner:before, .detect_flexbox .col2_grey_aspect__inner.gallery-preview:before, .detect_flexbox .col2_aspect__inner.gallery-preview:before, .detect_flexbox .b-tile__inner.gallery-preview:before, .detect_flexbox .gallery-preview.gallery-preview__inner:before, .detect_flexbox .b-sq.gallery-preview__inner:before {
    flex-basis: 0;
}

.b-tile__inner:before, .col2_student__inner:before, .col2_activities__inner:before, .col2_committee__inner:before, .col2_aspect__inner:before, .col2_grey_aspect__inner:before, .gallery-preview__inner:before {
    display: block;
    content: "";
    float: left;
    padding-top: 100%; box-sizing: border-box;
}
.bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
   transition: background-color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),transform 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: preserve-3d;
	box-sizing: border-box !important;
   /* will-change: background-color;*/
}
.bg:after {
    content: "";
    opacity: 0.1;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 85%, rgba(0,0,0,0.65) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 85%, rgba(0,0,0,0.65) 100%);
    transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; box-sizing: border-box !important;
}

.detect_flexbox .b-tile__inner.b-sq .cont, .detect_flexbox .b-sq.col2_student__inner .cont, .detect_flexbox .col2_student__inner.gallery-preview .cont, .detect_flexbox .b-sq.col2_activities__inner .cont, .detect_flexbox .col2_activities__inner.gallery-preview .cont, .detect_flexbox .b-sq.col2_committee__inner .cont, .detect_flexbox .col2_committee__inner.gallery-preview .cont, .detect_flexbox .b-sq.col2_aspect__inner .cont, .detect_flexbox .b-sq.col2_grey_aspect__inner .cont, .detect_flexbox .col2_grey_aspect__inner.gallery-preview .cont, .detect_flexbox .col2_aspect__inner.gallery-preview .cont, .detect_flexbox .b-tile__inner.gallery-preview .cont, .detect_flexbox .gallery-preview.gallery-preview__inner .cont, .detect_flexbox .b-sq.gallery-preview__inner .cont {
    height: auto;
    flex: 1;
}

.bg+.cont {
    color: #fff;
}
.b-sq .cont, .gallery-preview .cont {
    position: relative;
    transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; box-sizing: border-box !important;
}
.news-blocks .cont .article-date {
    color: #fff;
}
.article-date {
    margin: 0;
}
.upper, .content .nav-tabs>li, .modal-fullscreen .modal-dialog .nav-tabs>li, .video-custom-content .nav-tabs>li, .carousel-main .item-inner .nav-tabs>li, .b-sq_ctl, [class^='col1_grey'] h5, [class^='col1_grey'] .b-title, [class^='col1_grey'] .date-choose .month, .date-choose [class^='col1_grey'] .month, .article-date, .carousel-student h5, .carousel-student .b-title, .carousel-student .date-choose .month, .date-choose .carousel-student .month {
    line-height: 27px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.news-blocks .b-cover .article-summary {
    font-size: 26px;
}
.b-cover .article-summary {
    font-size: 26px;
}
.news-blocks .cont a, .news-blocks .cont .link {
    color: #fff;
    transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955),border 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.link_white, .links-white a, .links-white .link {
    color: #fff;
}
.fill-out:before, .sitemap .block10-reasons a:before, .sitemap .block10-reasons .link:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.news-blocks__bar {
    display: flex;
    flex-flow: row wrap;
}

.col-xs-2, .gallery__preview, .gallery__control {
    width: 50%;
}
.col-xs-3, .gallery__preview, .gallery__control {
    width: 20%;
}
.h5, .upper, .content .nav-tabs>li, .modal-fullscreen .modal-dialog .nav-tabs>li, .video-custom-content .nav-tabs>li, .carousel-main .item-inner .nav-tabs>li, .b-sq_ctl, [class^='col1_grey'] h5, [class^='col1_grey'] .b-title, [class^='col1_grey'] .date-choose .month, .date-choose [class^='col1_grey'] .month, .article-date, .carousel-student h5, .carousel-student .b-title, .carousel-student .date-choose .month, .date-choose .carousel-student .month {
    font-weight: bold;
}
h5, .b-title, .date-choose .month, .h5, .upper, .content .nav-tabs>li, .modal-fullscreen .modal-dialog .nav-tabs>li, .video-custom-content .nav-tabs>li, .carousel-main .item-inner .nav-tabs>li, .b-sq_ctl, [class^='col1_grey'] h5, [class^='col1_grey'] .b-title, [class^='col1_grey'] .date-choose .month, .date-choose [class^='col1_grey'] .month, .article-date, .carousel-student h5, .carousel-student .b-title, .carousel-student .date-choose .month, .date-choose .carousel-student .month {
    line-height: 1;
}
h5, .b-title, .date-choose .month, .h5, .upper, .content .nav-tabs>li, .modal-fullscreen .modal-dialog .nav-tabs>li, .video-custom-content .nav-tabs>li, .carousel-main .item-inner .nav-tabs>li, .b-sq_ctl, [class^='col1_grey'] h5, [class^='col1_grey'] .b-title, [class^='col1_grey'] .date-choose .month, .date-choose [class^='col1_grey'] .month, .article-date, .carousel-student h5, .carousel-student .b-title, .carousel-student .date-choose .month, .date-choose .carousel-student .month {
    font-size: 19px;
}
.b-sq_ctl {
    border-width: 4px;
    margin: 2px;
    text-align: center;
    color: #2c3e50;
    border-color: #2c3e50;
}
.b-sq_ctl .sq-ctl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.b-sq_ctl .sq-ctl:after {
    content: '';
    display: block;
    margin: .5em auto;
    background: url(../src/images/sprite.png) -900px -575px no-repeat;
    width: 48px;
    height: 18px;
}
.content {
    padding-bottom: 0;
}
.header, .content, .modal-fullscreen .modal-dialog, .video-custom-content, .carousel-main .item-inner, .wrapper-inner {
    width: 100%;
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
.coobnews a, .link {
    text-decoration: underline;
	font-family: 'webnar', sans-serif; 
	/*text-align: justify;*/
}
.bg2+.cont2 {
    color: #000;
}
.link_white2, .links-white2 a, .links-white2 .link {
    color: #000; 
}