.ms-tabs-vertical-template {
max-width: 1170px;
padding: 2px 300px 2px 2px;
margin: 0 auto;
background: #fb4848;
}
.ms-tabs-vertical-template .ms-sbar .ms-bar{
background-color: #fb4848 !important;
}
.ms-vertical-template .ms-thumb-list.ms-dir-h {
bottom: -101px;
width: 100%;
height: 113px;
}
.ms-vertical-template .ms-thumb-list.ms-dir-v {
height: 100%;
width: 300px;
right: -300px;
top: 0;
}
.ms-vertical-template .ms-thumb-frame {
cursor: pointer;
}
.ms-vertical-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
width: 300px;
height: auto;
margin: 12px 0 0 0;
}
.ms-vertical-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
width: 296px;
height: 150px;
margin: 0 0px 0px 2px;
opacity: 1;
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-ms-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-vertical-template .ms-thumb-frame-selected {
opacity: 1 !important;
}
.ms-vertical-template .ms-thumb-frame-selected h3{
color:#4b8aac;
}
.ms-vertical-template .ms-thumblist-fwd, .ms-thumblist-bwd {
width: 100%;
position: absolute;
top: 0;
height: 15px;
cursor: pointer;
}
.ms-vertical-template .ms-thumblist-bwd {
top: auto;
bottom: 0;
}
@media (max-width: 600px) {
.ms-vertical-template .ms-thumb-list.ms-dir-v {
width: 80px;
right: -80px;
}
.ms-vertical-template .ms-thumb-list.ms-dir-v .ms-thumb-frame {
width: 80px;
height: 45px;
}
.ms-vertical-template {
padding-right: 85px;
}
}
@media (max-width: 300px) {
.ms-vertical-template .ms-thumb-list.ms-dir-v {
display: none;
}
.ms-vertical-template{
padding-right: 5px;
}
}
/* Layers */
.ms-layer.video-title {
color: white;
font-weight: 600;
font-size: 42px;
margin:0px;
letter-spacing:0px;
}
.ms-layer.video-title.video-top-title {
font-size: 16px;
color: gray;
}
.ms-layer.video-title.video-sub-title {
font-size: 22px;
font-weight: 300;
}