body {
margin: 30px;
padding: 0;
background: #ddd;
font-family: 'Fira Sans', arial, sans-serif;
}

iframe {  
max-width: 100%;
}

.fa-youtube-play {
color: #e01a1e;
}

.small-ah {
font-size: 12px;
padding-bottom: 25px;
text-align: center !important;
position: fixed;
bottom: 0;
}

.small-ah a {
color: #e01a1e;
text-decoration: none;
}

.small-ah a:hover {
color: #fff;
text-decoration: none;
background: #e01a1e;
}

.video-selected {
background: #e01a1e !important;
}

.video-selected > .desc {
color: #fff !important;
}

.a-top {
color: #e01a1e;
text-decoration: none;
}

.a-top:hover {
color: #fff;
text-decoration: none;
background: #e01a1e;
}

h1 {
font-size: 35px;
margin-bottom: -10px;
margin-top: -5px;
}

.title {
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
}

.caption {
width: 100%;
margin: 0 auto;
padding: 20px 0;
}

.container {
width: 100%;
background: #fff;
margin: 0 auto;
}

.vid-list-container {
width: 93%;
overflow: hidden;
margin-top: 20px;
margin-left: 3%;
padding-bottom: 20px;
}

.vid-list {
position: relative;
top: 0;
left: 0;
}

.vid-item {
display: block;
width: 148px;
height: 136px;
float: left;
margin: 0;
margin-top: 0px !important;
padding: 10px;
}

.thumb {
overflow: hidden;
height: 84px;
}

.thumb img {
width: 100%;
position: relative;
top: -13px;
}

.vid-item .desc {
color: #171717;
font-size: 15px;
margin-top: 5px;
text-align: center;
}

.vid-item:hover {
background: #eee;
cursor: pointer;
}

.vid-item:hover > .desc {
color: #000000;
}

.arrows {
position: relative;
width: 100%;
}

.arrow-left {
color: #fff;
position: absolute;
background: #777;
width: 38px;
height: 39px;
left: -25px;
top: -154px;
z-index: 99;
cursor: pointer;
padding-left: 22px;
padding-top: 21px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

.arrow-right {
color: #fff;
position: absolute;
background: #777;
width: 37px;
height: 39px;
right: -25px;
top: -154px;
z-index: 100;
cursor: pointer;
padding-left: 23px;
padding-top: 21px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

.arrow-left:hover {
background: #CC181E;
}

.arrow-right:hover {
background: #CC181E;
}

.fix-1v {
margin-left: 0px !important;
}

.video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (max-width: 624px) {

body {
margin: 15px;
}

.caption {
margin-top: 40px;
}

.vid-list-container {
padding-bottom: 20px;
}

.arrows {
position: relative;
margin: 0 auto;
width: 96px;
}

.arrow-left {
left: -60;
top: -17px;
}

.arrow-right {
right: 60;
top: -17px;
}

h1 {
font-size: 20px;
}

.fix-1v {
margin-left: -5px;
}

}

@media (max-width: 1024px) {

.vid-list-container {
width: 91% !important;
margin-left: 4%;
}

}

@media (min-width: 1360px) {

body {
margin: 400px;
margin-top: 25px;
margin-bottom: 5px;
padding: 0;
}

.x {
display: none;
}

.small-ah {
padding-bottom: 11px;
}

}