.mobislider{display:block;position:relative;border-top:1px solid #fff;overflow:hidden;height:calc(100vh - 224px)} /* 131+36+41+16=224 */
.mslides{position:relative;border-top:5px solid #dbdbdb;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0}
.mslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;height:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover}
.mslides li:first-child{position:relative;display:block;float:left}
.slide-centre{background:#595959;background:rgba(0,0,0,.5);margin:0;padding:0 64px;position:absolute;height:220px;bottom:0;width:100%;text-align:center;opacity:0;-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation-name:none;animation-name:none}
.slide-centre a{display:block;width:100%;height:100%;z-index:2}
.slide-centre h2{color:#fff;font-size:125%;font-weight:700;line-height:normal;text-transform:uppercase}
.slide-centre p{color:#e7e7e7;font-size:16px;overflow:hidden;line-height:19px;max-height:76px} /* max-height = 19px x 4строки */
.slide-centre .mslides-readmore{color:#fff!important;display:block;font-size:14px;line-height:44px;margin:0;position:absolute;left:64px;right:64px;bottom:0;border-top:1px solid #bdbdbd;-webkit-tap-highlight-color:rgba(0,0,0,.2)}
.slide-centre .mslides-readmore span{display:inline-block;position:absolute;top:9px;margin-left:12px;padding:0;width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmJz48cG9seWxpbmUgc3Ryb2tlLXdpZHRoPScxLjAzJyBwb2ludHM9JzcgNCAxMyAxMCA3IDE2Jz48L3BvbHlsaW5lPjwvc3ZnPg==) no-repeat 50% 50%;background-size:20px 20px;top:9px}
.slide-centre a:hover .mslides-readmore{text-decoration:none;background-color:rgba(0,0,0,.2)}
.slide-centre a:hover .mslides-readmore span{opacity:1}
[class*='-on'] .slide-centre{-webkit-animation:1s .6s both os-fade-bottom;animation:1s .6s both os-fade-bottom}
.mobislider .caption{max-height:calc(100% - 52px);overflow:hidden;height:100%;position:relative}
.mobislider .caption div{max-height:100%;width:100%;margin:0;position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.mobislider .navbar{position:relative;bottom:220px;height:220px}
.mobislider .navbar svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.mslides-nav{color:#eee!important;padding:8px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,.2);bottom:0;left:0;left:env(safe-area-inset-left);z-index:99;overflow:hidden;height:100%;width:44px;display:inline-block;outline:none}
.mslides-nav.next{left:auto;right:0;right:env(safe-area-inset-right)}
.no-slider>div{position:relative;width:100%;height:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover}
.no-slider .slide-centre{height:100%;width:100%;padding:0;text-align:center;background:rgba(0,0,0,.38);opacity:1;-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.no-slider .slide-centre div{max-height:100%;width:100%;padding:0 2em;margin:0;position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.no-slider .slide-centre h2{margin-top:0}
.no-slider .slide-centre p{max-height:unset}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width:320px){
.slide-centre{padding:0 52px}
.slide-centre h2{font-weight:400}
.slide-centre .mslides-readmore{left:52px;right:52px}
.mobislider .navbar{bottom:100%;height:100%}
}
@media only screen and (max-width:240px){
.slide-centre h2{font-size:16px}
.slide-centre p{font-size:14px;overflow:hidden;line-height:16px;max-height:96px} /* max-height = 16px x 6строк */
.slide-centre .mslides-readmore{text-overflow:ellipsis;overflow:hidden;max-height:44px;white-space:nowrap}
.slide-centre span{display:none;visibility:hidden}
}
@media only screen and (min-width:773px){
.mobislider{height:calc(100vh - 260px)} /* 148+56+41+16=260 */
.slide-centre{height:194px;text-align:left}
.slide-centre h2{font-size:200%}
.slide-centre p{font-size:18px;overflow:hidden;line-height:22px;max-height:44px} /* max-height = 22px x 2строки */
.mobislider .navbar{bottom:194px;height:194px}
.slide-centre .mslides-readmore{text-transform:uppercase;-webkit-transition:background-color .15s ease-in-out,padding-left .15s ease-in-out;-o-transition:background-color .15s ease-in-out,padding-left .15s ease-in-out;transition:background-color .15s ease-in-out,padding-left .15s ease-in-out}
.slide-centre a:hover .mslides-readmore{padding-left:12px}
.mslides-nav{color:#ccc!important;opacity:.8}
.mslides-nav:hover{color:#eee!important;opacity:1;background-color:rgba(0,0,0,.2)}
.slide-centre span{opacity:.8}
}
@media only screen and (min-width: 1025px){
.slide-centre{max-width:956px;left:50%;-ms-transform:translate(-50%,100%);-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}
[class*='-on'] .slide-centre{-webkit-animation-name:os-fade-bottom-wide;animation-name:os-fade-bottom-wide}
.mobislider .navbar{margin:0 auto;max-width:956px}
.no-slider .slide-centre{position:absolute;height:auto;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
@media only screen and (max-height:290px){
.mobislider{display:none;visibility:hidden}
}
@media only screen and (max-height:350px){
.slide-centre h2{display:none;visibility:hidden}
}
@media only screen and (max-height:480px) and (max-width:772px){
.mobislider{height:calc(100vh - 131px)}
}
@media only screen and (max-height:480px) and (min-width:773px){
.mobislider{height:calc(100vh - 148px)}
}
@media only screen and (max-height:660px) and (max-width:1024px){
.slide-centre{height:100%;background:rgba(0,0,0,.38)}
.mobislider .navbar{bottom:100%;height:100%}
}
@-webkit-keyframes os-fade-bottom{100%{opacity:1;-webkit-transform:translateY(0)}}
@-webkit-keyframes os-fade-bottom-wide{100%{opacity:1;-webkit-transform:translate(-50%,0)}}
@keyframes os-fade-bottom{100%{opacity:1;transform:translateY(0)}}
@keyframes os-fade-bottom-wide{100%{opacity:1;transform:translate(-50%,0)}}
.no-csscalc .mobislider{display:none!important;visibility:hidden}