body{
font-size: 1.35rem!important;
}
.h5, h5 {
    font-size: 1.35rem;
}
.list-unstyled li{
line-height: 1.8;
}
#top-section {
padding-top: 97px;
}
.bg-red {
background-color: #9F0B10 !important;
}
.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link{
color: #FFF !important;
background-color: #9F0B10 !important;
}
.dropdown-item.active, .dropdown-item:active {
color: #EBDE14 !important;
text-decoration: none;
background-color: #9F0B10;
}
.text-red{
color: #ED1C24;
}
.shadow-dark {
text-shadow: 1px 1px 2px #000;
}
.shadow-light {
text-shadow: 1px 1px 2px #FFF;
}
.shadow-yellow {
text-shadow: 1px 1px 2px #F6E814;
}
.wow {
  visibility: hidden;
}
.h3-responsive{
color: #ed1c24;
}
.color-red{
color: #ed1c24;
}
/*  VIDEOS PLAYLIST */
.vid-bg {
background-color: #222;
}
#vid_frame {
width: 100%;
max-height: 349px;
min-height: 178px;
height: 100%;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 0;
}
.vid-list-container {
width: 100%;
max-height: 360px;
min-height: 178px;
height: 100%;
overflow: hidden;
}
.vid-list-container:hover, .vid-list-container:focus {
overflow-y: auto;
 }
ol#vid-list {
margin:0;
padding:0;
background: #222;
}
ol#vid-list li {
list-style: none;
}
ol#vid-list li a {
text-decoration: none;
background-color: #000;
height:55px;
display:block;
padding:10px;
margin: 5px;
}
ol#vid-list li a:hover {
background-color:#666666
}
.vid-thumb {
float:none;
margin-right: 0;
}
.vid-thumb img{
    max-width: 72px;
    min-width: 37px;
    width: 100%;
    height: auto;
}
.active-vid { 
background:#3A3A3A;
}
#vid-list .desc {
color: #CACACA;
font-size: 13px;
margin-top:5px;
}
.image_gal{
    width: 100%;
    height:100px;
}
.image_gal img{
vertical-align: middle; 
max-width: 400px;
max-height: 400px;
width: 100%;
height: 100%;
}
.object-fit_contain {
object-fit: cover;
}
.cookieConsentContainer {
z-index: 999;
width: 350px;
min-height: 20px;
box-sizing: border-box;
padding: 30px 30px 30px 30px;
background: #232323;
overflow: hidden;
position: fixed;
bottom: 30px;
right: 30px;
display: none;
}
.cookieConsentContainer .cookieTitle a {
font-family: OpenSans, arial, "sans-serif";
color: #FFFFFF;
font-size: 22px;
line-height: 20px;
display: block;
}
.cookieConsentContainer .cookieDesc p {
margin: 0;
padding: 0;
font-family: OpenSans, arial, "sans-serif";
color: #FFFFFF;
font-size: 13px;
line-height: 20px;
display: block;
margin-top: 10px;
} 
.cookieConsentContainer .cookieDesc a {
font-family: OpenSans, arial, "sans-serif";
color: #FFFFFF;
text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
display: inline-block;
font-family: OpenSans, arial, "sans-serif";
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
margin-top: 14px;
background: #9F0B10;
box-sizing: border-box; 
padding: 15px 24px;
text-align: center;
transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover { 
cursor: pointer;
color: #FFFFFF;
background: #bf4448;
}
@media (max-width: 980px) {
.cookieConsentContainer {
bottom: 0px !important;
left: 0px !important;
width: 100%  !important;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
.vid-thumb {
float:none;
margin-right: 0;
}
.desc {
visibility: hidden;
}
 .image_gal{
width: 100%;
height:100px;
}   
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.image_gal{
    width: 100%;
    height:200px;
}
.image_gal img{
max-width: 600px;
max-height: 600px;
}
.vid-thumb {
float:left;
margin-right: 8px;
}
.desc {
visibility:visible;
}
.vid-thumb img{
    width: 72px;
    height: auto;
}
#vid_frame {
height: 349px;
}
.vid-list-container {
height: 360px;
}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
body{
font-size: 1.1rem!important;
}
.h5, h5 {
    font-size: 1.2rem;
}
.image_gal{
    width: 100%;
    height:200px;
}
.image_gal img{
max-width: 600px;
max-height: 600px;
}
.vid-thumb {
float:left;
margin-right: 8px;
}
.vid-thumb img{
    width: 72px;
    height: auto;
}

}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
body{
font-size: 1.1rem!important;
}
.h5, h5 {
    font-size: 1.2rem;
}
.image_gal{
width: 100%;
height:200px;
}
.image_gal img{
max-width: 600px;
max-height: 600px;
}
.vid-thumb {
float:left;
margin-right: 8px;
}
.vid-thumb img{
    width: 72px;
    height: auto;
}
}