/* -------------------- material */

.b-material {font-size:17px;line-height:25px;margin:0 0 40px 0}
.b-material a {color:#05b1b1;text-decoration:underline}
.b-material a:hover {}

.b-material__date {font-size:14px}

.b-material__program {}
.b-material__program a {font-family:PTSerif;font-size:18px;font-weight:700;font-style:italic;text-decoration:none}
.b-material__program a:hover {color:#e83a56}

.b-material p {margin:0 0 1em 0}

.b-material-before-body {margin:0 0 20px 0}
.b-material h1 {font-family:PTSerif;font-size:26px;font-weight:700;font-style:italic;color:#030303;margin:0 0 .5em 0;padding:0 64px 0 0;background:none}

.b-material-body {padding:0 64px}

.b-material__item_bold {font-weight:bold}
.b-material__item_italic {font-style:italic}
.b-material__item_underline {text-decoration:underline}
.b-material__item_linethrough {text-decoration:line-through}

.b-material h2 {font-family:PTSerif;font-size:25px;font-weight:700;font-style:italic;color:#030303;background:none;padding:0;margin:0 0 1em 0}
.b-material h3 {font-family:PTSerif;font-size:24px;font-weight:700;font-style:italic;color:#030303;background:none;padding:0;margin:0 0 1em 0}
.b-material h4 {font-family:PTSerif;font-size:23px;font-weight:700;font-style:italic;color:#030303;background:none;padding:0;margin:0 0 1em 0}
.b-material h5 {font-family:PTSerif;font-size:22px;font-weight:700;font-style:italic;color:#030303;background:none;padding:0;margin:0 0 1em 0}

@media (max-width: 1280px) {

    .b-material-body {padding:0 32px}

}

@media (max-width: 992px) {

    .b-material {font-size:15px;line-height:23px}
    
    .b-material-body {padding:0}
    
    .b-material h1 {font-size:24px;padding:0}
    
    .b-material h2 {font-size:23px;font-weight:700}
    .b-material h3 {font-size:22px;font-weight:700}
    .b-material h4 {font-size:21px;font-weight:700}
    .b-material h5 {font-size:20px;font-weight:700}

}

/* -------------------- incuts */

.b-material ul {list-style:disc inside;margin:0 0 1em 0;padding:0}
.b-material ul li {}

.b-material ol {padding:0 20px;margin:0 0 1em 0}
.b-material ol li {}

.b-material-incut {}
.b-material-incut img {width:auto;max-width:100%}
.b-material .title {font-size:18px;font-weight:700;text-transform:uppercase;line-height:auto;color:#05b1b1;margin:0 0 1em 0}
.b-material .desc {font-size:12px;line-height:auto;margin:0 0 1em 0}

.b-material-incut-first-image {display:block;margin:0 0 1em 0}
.b-material-incut-first-image img {width:100%;height:auto;border:0}

.b-material-incut-m-image {display:block;margin:0 0 1em 0}
.b-material-incut-m-image img {width:auto;max-width:80%;height:auto;border:0}

.b-video-player {position:relative;padding-bottom:56.25%;height:0} /* 4:3 padding-bottom:75% */
.b-video-player .jwplayer {outline:none;position:absolute;top:0;left:0;width:100%;height:100%}
.b-video-player .videojs-player {outline:none;position:absolute;top:0;left:0;width:100%;height:100%}

.b-material-incut-video-player {margin:0 0 1em 0;position:relative;overflow:hidden}
.b-material-incut-video-player .player {position:relative}
.b-material-incut-video-player .player div {display:block;width:auto;position:relative;padding-top:0px;padding-bottom:56.25%;height:0;border:none}
.b-material-incut-video-player .player div iframe {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.b-material-incut-video-player .desc {padding:1em 0 0 0}

.b-material-incut-history {background:#ececec;font-size:15px;padding:24px;margin:0 0 1em 0;clear:both;border-radius:4px}

.b-material-incut-themes-links {border:2px solid #05b1b1;border-radius:4px;padding:24px;margin:0 0 1em 0;clear:both}
.b-material-incut-themes-links h3 {font-family:arial,sans-serif;font-size:18px;font-weight:700;font-style:normal;text-transform:uppercase;line-height:auto;color:#05b1b1;margin:0 0 1em 0}
.b-material .b-material-incut-themes-links ul {list-style:none;margin:0}
.b-material .b-material-incut-themes-links ul li {position:relative;display:inline-block;vertical-align:top;width:31.6%;margin:0 2.6% 0 0}
.b-material .b-material-incut-themes-links ul li:nth-child(3n) {margin:0}
.b-material .b-material-incut-themes-links .b-list__title {font-size:17px;line-height:21px;font-weight:400}
.b-material .b-material-incut-themes-links .b-list__title a {color:#576066}
.b-material .b-material-incut-themes-links .b-list__title a:hover {color:#05b1b1}

.b-material-incut-expert {min-height:60px;overflow:hidden;padding:0 0 0 48px;margin-bottom:1em;font-weight:700;position:relative;clear:both}
.b-material-incut-expert:before {content:'"';display:block;font-family:PTSerif;font-size:60px;line-height:60px;font-weight:700;position:absolute;top:0;left:0;color:#05b1b1}
.b-material-incut-expert .title {display:none}
.b-material-incut-expert .user {font-size:14px;line-height:14px;font-weight:400;display:block;padding:1em 0 0 0;margin:0 0 1em 0}
.b-material-incut-expert .name {margin:0 0 3px 0}
.b-material-incut-expert .activity {color:rgba(37,37,37,0.5)}
.b-material-incut-expert .user img {width:70px;height:70px;border-radius:70px;margin:0 15px 0 0;float:left}

@media (max-width: 1280px) {


}

@media (max-width: 992px) {

    .b-material .title {font-size:16px}
    
    .b-material-incut-history {font-size:13px}
    
    .b-material .b-material-incut-themes-links .b-list__title {font-size:15px;line-height:19px}

}

@media (max-width: 576px) {

    .b-material .b-material-incut-themes-links ul li {display:block;width:100%;margin:0 0 20px 0}
    
}    

/* ---------------------------------------- video */

.b-material-video {padding:20px;background:#f2f2f2}

.b-material-video .b-material-incut-themes-links {display:none}

.columns_video {margin:0 0 40px 0}
.columns_video .columns-left {background:#f2f2f2;min-height:740px}
.columns_video .b-material {margin:0}

@media (max-width: 992px) {

    .columns_video .columns-left {background:none;min-height:auto}
    .columns_video .b-material {margin:0 0 30px 0}
}

@media (max-width: 576px) {

    .columns_video .columns-right {position:relative;width:calc(100% + 20px);overflow-x:hidden}

}

.b-video-playlist-swiper-wrapper {position:relative}
.b-video-playlist-swiper {width:300px;height:740px;position:relative;overflow:hidden;display:none}
.b-video-playlist-swiper.swiper-initialized {display:block}

.b-video-playlist-swiper .b-list__title {font-size:15px;line-height:19px;font-weight:400;padding:0 20px 0 110px}
.b-video-playlist-swiper h3.b-list__title {font-family:Roboto;font-style:normal}
.b-video-playlist-swiper .b-list__img {width:100px;height:56p;position:absolute;top:0;left:0}
.b-video-playlist-swiper .b-list__date {padding:0 0 0 110px}

.b-video-playlist-swiper-wrapper .swiper-scrollbar-drag {background:#05b1b1}

.b-video-playlist-swiper-wrapper  .swiper-button-disabled {display:none}
.b-video-playlist-swiper-wrapper .swiper-button {visibility:hidden;top:63px;width:40px;height:40px;border-radius:40px;position:absolute;font-size:0;border:none;cursor:pointer;z-index:2;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.b-video-playlist-swiper-wrapper .button-prev {left:-10px;background:#fff url(/img/arrow-left.svg) 50% 50% no-repeat;background-size:10px}
.b-video-playlist-swiper-wrapper .button-next {right:-10px;background:#fff url(/img/arrow-right.svg) 50% 50% no-repeat;background-size:10px}


@media (max-width: 992px) {

    .b-video-playlist-swiper {width:100%;height:auto}
    
    .b-video-playlist-swiper .b-list__title {padding:0}
    .b-video-playlist-swiper .b-list__img {width:auto;height:auto;position:static}
    .b-video-playlist-swiper .b-list__date {padding:0}   
    
    .b-video-playlist-swiper-wrapper .swiper-scrollbar {display:none}
    
    .b-video-playlist-swiper-wrapper .swiper-button {visibility:visible}

}

@media (max-width: 800px) {

    .b-video-playlist-swiper-wrapper .swiper-button {top:43px}
}

@media (max-width: 576px) {

    .b-video-playlist-swiper-wrapper {width:calc(100% + 100px)}

    .b-video-playlist-swiper-wrapper .swiper-button {display:none}

}