body {

  font-size: .875rem;

  background-color: #151515 !important;
  background-color: #000000 !important;
  
  color: #afafaf;

  font-family: 'Montserrat', sans-serif;

  padding-top: 80px;

}



a:hover {text-decoration: none;}



.carousel-card h5 {

    font-size: .9rem;

}


.video-card-list {
    background: #222 !important;
}
.video-card-list:hover {
    background: #333 !important;
}




.title-row {

    font-weight: 400;

    font-size: 24px;

    text-transform: uppercase;

    font-family: 'Oswald', sans-serif;

    padding-bottom: 5px;

    border-bottom: 2px solid rgba(0,0,0,.1);

    margin-top: 3rem!important;

}



[role="main"] {

    padding-bottom: 83px !important;

}



/*Navbar*/

    .navbar {

        padding: 0;

        height: auto !important;    

    }

    .navbar-toggler {

    	margin-top: 0;

    }

    .navbar-toggler-icon {

    	width: 1em;

        height: 1em;

    }

    .navbar-brand {

      padding: 0; 

      line-height: 0 !important;  

      position: absolute !important;

      top: 10px !important;

    }

    .navbar-brand img {

    	padding-top: 0 !important;

        height: auto;

        width: 200px;

        width: 185px;

        margin-top: 3px;

    }

    

    .navbar-light .navbar-toggler {

        color: rgba(255,255,255,.5);

        border-color: rgba(255,255,255,.1);

    }

    .navbar-toggler-icon {

      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;

    }

    .navbar {

    	-webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.6);

        box-shadow: 0 2px 2px -2px rgba(0,0,0,.6);

    }

    .bg-dark {   

        background-color: rgba(178, 31, 37, .97)  !important;

        -webkit-box-shadow: 2px 0 10px rgba(0,0,0,.25);

        box-shadow: 2px 0 10px rgba(0,0,0,.25);

        color: white;    

    }



    .navbar-nav .nav-link {

    	line-height: initial !important;

    	color: white !important;    	

    	padding: 10px 20px !important;

        line-height: 60px !important;

    }







    .navbar-light .navbar-nav .nav-link:hover {

        background: #d43e45  !important;

        background: #c31d25 !important;

    }

    		

   



    

    .navbar .form-control {

        background: #251f20    none repeat scroll 0 0;

        line-height: 32px;

        border: none;

        border-radius: 0;

        width: 333px;

        max-width: 333px;

        border-radius: 5px;

        /*border: medium none;

        font-size: 14px;

        max-width: 607px !important;

        width: 607px !important;

    	border-radius: 5px;

    	height: 36px;*/

        outline: none;

    }



    input[type="text"], textarea {

        outline: none;

        box-shadow:none !important;     

    }



    .form-control:focus {

          outline: none !important;

        }



    .showmethebrand {

        padding-left: 190px;

    }



    .input-group-text {

        border:none;

        background: #251f20;

        color: white;

    }

/*End Navbar*/







/* slider */

    .carousel {

        margin: 0 -30px;        

        -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.7);

        box-shadow: 2px 2px 4px rgba(0,0,0,.7);

    }

    .carousel img {

        object-fit: cover;

        max-height: 550px;

    }

    .video-slider {

        object-fit: cover;

        max-height: 550px;

        display: block;

    }

    .carousel-caption {

        text-align: left !important;

        left: 6%;

        right: 5%;

        bottom: 70px;

    }

    .carousel-control-next, .carousel-control-prev {

        width: 5%;

    }

    .carousel-caption h5 {

    	max-width: 45%;

    	font-weight: 400;

        font-size: 2vw;

        text-transform: uppercase;

        font-family: 'Oswald', sans-serif;

    }

    .carousel-caption i {

    	margin-right: 5px;



    }

    .sliderButtons {

        margin-top: 40px;    

    }

    .sliderButtons a {

    	background: transparent;

        margin-left: 10px;

        padding: 15px 25px;

        border: solid thin white;

        

        text-transform: uppercase;

        text-align: center;

        transition: background .3s ease;

        

        color: white;

    }

    .sliderButtons a:hover {   

    	color: #FFF;        	

        background: #ad1f25;

        border-color: #ad1f25;

    }

    .sliderButtons a:first-child {

        margin-left: 0;

    }

    .slider-btn i {

    	margin-right: 10px;

    }

    .time {

    	margin-right: 20px;

    }



    .dateTime, .time {

    	display: inline-block;

    }



    .timeAndDate {

    	font-size: 12px;

    	margin-bottom: 20px;

    	color: aliceblue;

    }    

    video {

        width: 100%;

    }

    .carousel-control-next-icon, .carousel-control-prev-icon {

        background-color: rgba(178, 31, 37, .97);

        width: 40px;

        height: 40px;

        background-size: 50% 100%;

        border-radius: 3px;

    }

/* End slider */



.logoSidebar {

    border-bottom: solid thin #121212;

}

.logoSidebar img {    

    

}



.custom-search {    

    position:relative;

    cursor: pointer;

    display:inline-block;

}



/*.custom-search:after {

    content:'';

    position:absolute;

    left:0; right:0;

    top:100%;

    margin: 30px auto;

    width: 10%;

    height: 3px;

    background:#888;

}*/



/*sidebar*/

    .sidebar {

      position: fixed;

      top: 0;

      bottom: 0;

      left: 0;

      /*z-index: 100;*/ /* Behind the navbar */

      z-index: 2000; /* over the navbar */

      padding: 0; /* Height of navbar */  

      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);

      /*background: #F2184F;*/



    }





    .sidebar-sticky {

      position: relative;

      /*background: #F2184F;*/

      -webkit-box-shadow: 2px 0 10px rgba(0,0,0,.25);

        box-shadow: 2px 0 10px rgba(0,0,0,.25);

      background: #0e0e0e;

      top: 0;

      /*height: calc(100vh - 48px);*/

      height: calc(100vh);

      /*padding-top: .5rem;*

      overflow-x: hidden;

      overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */

    }



    .sidebar-sticky .fas, .sidebar-sticky .far {

        margin-bottom: 15px;

        font-size: 18px;

        display: block;

    }



    .dropdown-menu .dropdown-item {

        color: rgba(0, 0, 0, 0.5);

        font-size: 12px;

        padding: 6px 14px !important;

    }



    @supports ((position: -webkit-sticky) or (position: sticky)) {

      .sidebar-sticky {

        position: -webkit-sticky;

        position: sticky;

      }

    }



    .sidebar .nav-link {

        font-size: 13px;

        padding: 1.2rem 0;

        font-weight: 400;

        color: #888;

        text-align: center;

        transition: all 0.5s ease;    

    }



    .sidebar .nav-link .feather {

      margin-right: 4px;

      color: #999;

    }



    .sidebar .nav-link.active {

        background-color: rgba(255, 255, 255, 0.2);

        color: #FFF;

    }



    .sidebar .nav-link.active:hover {

        background-color: rgba(255, 255, 255, 0.2);

        color: #FFF;

    }



    .sidebar .nav-link.no-hover:hover {

    	background: transparent !important;

    }



    .sidebar .nav-link:hover {

        background-color: rgba(136, 28, 52, .8);

        color: white;

    }

/* end sidebar*/



.owl-theme .owl-nav [class*=owl-] {

        padding: 0px 12px;

        border-radius: 3px !important;

}



.owl-carousel .owl-nav {

    top: -57px;

    right: 0;

    width: auto;

    margin-top: 0 !important;

}



.owl-carousel .owl-prev {

    width: auto !important;

    height: auto !important;

    margin-left: 0 !important;

}

.owl-carousel .owl-next {

    width: auto !important;

    height: auto !important;

    margin-right: 0 !important;

}



.owl-theme .owl-dots, .owl-theme .owl-nav {

    text-align: right;

}



.owl-carousel .owl-theme .owl-dots .owl-dot.active span, .owl-carousel .owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #b21f25 !important;

}



.owl-carousel .owl-dots {

    padding-top: 10px;

}



.owl-theme .owl-dots .owl-dot span {

    border-radius: 1px;

}



/*Destacados

    .item-destacado {

    	min-height: 510px

        background: black;

        -webkit-transition: all .3s ease-in-out; 

    	transition: all .3s ease-in-out; 

    	

    }

    .item-destacado:hover {

    	

        -webkit-transition-delay: .25s;

    }

    .item-destacado .card {           

        border-radius: 0 !important;

        margin-top: 0 !important;

        border: none !important;

    }

    .card {

    	background: transparent;

    	border-radius: 0;

    }

    .card-img {

    	border-radius: 0;

    }

    .card img {

       -webkit-transition: opacity .5s ease-in-out;

      -moz-transition: opacity .5s ease-in-out;

      -ms-transition: opacity .5s ease-in-out;

      -o-transition: opacity .5s ease-in-out;

      transition: opacity .5s ease-in-out;

    }

    .card:hover img {

    	opacity: .2;

    }

    .card:hover .info-card, .card:hover .btn-play {

    	

    }





    

    

    .btn-play {

    	position: absolute;

    	top: 20px;

    	right: 20px;

    	border: solid 2px #d01e45;

    	border-radius: 50%;

        color: #d01e45;

        font-size: 18px;

        text-shadow: none;

        width: 40px;

        height: 40px;

        text-align: center;

        line-height: 38px;

        padding-left: 4px;

        opacity: 0;

    }

    .card-destacado:hover .card-img {

        transform: none;

    }

    .storyline {

    	width: 100%;

    	font-size: 14px;

    	font-weight: 300;

    }

    .overlay {

    	background-color: rgba(0, 0, 0, .8);

    }

*/





/*ver video*/

    .single-video-title {

        margin-top: 5px;

        margin-bottom: 15px !important;

    }

    .cat-video-title {

        font-size: 12px;

        display: inline-block;

    }

    .single-video-title h2 {

        font-size: 18px;

    }

    .video-card-body {

        padding: 12px;

    }

    .video-title {

        margin-bottom: 10px;

        font-size: 20px;

        line-height: 15px;

    }

    .video-title a {

        font-size: 16px;

        color: #888;

        text-decoration: none;       

        font-weight: 500;

    }



    .category-related {

        font-size: 12px;

    }

    .video-view {

        color: #acacac;

        font-size: 11px;

        font-weight: 500;

        margin: 5px 0 0;

    }

    .video-module .mb-3 {

        margin-bottom: 35px !important;

    }

    .box {

        padding: 15px;

        background: #1c1c1c;

        border-radius: 2px;

        transition-duration: 0.4s;

        -webkit-box-shadow: 2px 0 10px rgba(0,0,0,.25);

        box-shadow: 2px 0 10px rgba(0,0,0,.25);

    }

/* end ver video*/





/*related videos*/

    .main-title > h6 {

        margin: 0px 0 16px;

        color: #e0e0e0;

        text-transform: uppercase;

        font-size: 1.66667rem;

        font-family: 'Oswald', sans-serif;

        font-weight: 400 !important;

    }

    /*.video-card {

        background-color: rgb(39, 39, 39);

        border-radius: 2px;        

        transition-duration: 0.4s;        

    }*/



    .video-card-list {

        background: transparent none repeat scroll 0 0;

        box-shadow: none;

        display: inline-block;

        margin-bottom: 1rem;

        width: 100%;    

        position: relative;

        display: flex;

    }







    .video-card-list:last-child {

        border-bottom: transparent;

    }





    .video-card-list .video-card-image {

        float: left;    

        margin: 0 12px 0 0;

        

        position: relative;        

        background: black;

        

        overflow: hidden;

    }

    



    .video-card-image img {

        width: 100%;

        object-fit: cover;

        object-position: 50% 0;

        width: 150px;

        max-height: 135px;

    }



    .video-card-list .video-card-body {

        padding: 5px 0

        -ms-flex: 1;

        flex: 1;

    }



    .video-card-list .video-card-body .right-action {

        opacity: 0;

    }



    .relatedVideo-time {

        background: #671719 none repeat scroll 0 0;

        border-radius: 2px;

        bottom: 5px;

        color: #fff;

        font-size: 11px;

        font-weight: 500;

        opacity: 0.7;

        padding: 0 6px;

        position: absolute;

        right: 5px;

    }

/* end related videos*/





/*video card*/

.inner {

    padding: 0 15px;

}

.home-video-card {

    position: relative;

    overflow: hidden;    

}

.gradient-overlay {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    bottom: -1px;

    z-index: 2;

    opacity: 0;

    

  

    background: rgba(0, 0, 0, 0.226);  /* fallback for old browsers */

    background: -webkit-linear-gradient(#00000026, #0000008e);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient( #00000026, #0000008e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}

.vcard-title {

    color: #fff;

    font-size: 24px;

    display: inline-block;

    font-weight: 400;

    font-family: 'Oswald', sans-serif;

    line-height: 26px;

    text-transform: uppercase;

}

.vcard-category {

    font-size: 14px;

    margin-top: 5px;

    color: #fff;

    font-weight: 500;

    color: aqua;

}

.home-video-card p {

    font-size: 13px;

    font-weight: normal;

    margin-top: 10px;

}

.card-info {        

    position: absolute;

    bottom: 0;

    width: 100%;

    color: #fff;

    -webkit-transform: translateY(calc(260px + 5em));

    transform: translateY(calc(240px + 5em));

    -webkit-transition: -webkit-transform;

    transition: -webkit-transform;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s,-webkit-transform .3s;

    height: 100%;

    z-index: 2;

}

.home-video-card::after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-color: rgba(0, 0, 0, 0.0);



}

.card-content {

    width: 100%;

    /*padding-bottom:3em;    */

    position: absolute;

    bottom: 0;

    color: #fff;    

}



.hs-title {

    position: absolute;

    bottom: 0;

    opacity: 1;

    padding-bottom: 30px;

    z-index: 3;

}

.home-video-card:hover .card-info {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.home-video-card img {

    transform: scale(1);

    transition: all 0.4s ease-in-out;

}



.home-video-card:hover img {

    opacity: .7;

    transform: scale(1.07);

    transition: all 0.4s ease-in-out;

}   



.home-video-card:hover .gradient-overlay {

    opacity: .40;

}



.home-video-card:hover .hs-title {

    opacity: 0;

}







.item-destacado {

    border-radius: 10px;    

}



.item-destacado .vcard-title {

    font-size: 32px;

    line-height: 35px;

    font-weight: 400;    

}



/* end video card*/









.titulo-categoria{

    font-weight: 400;

    font-size: 32px;

    text-transform: uppercase;

    font-family: 'Oswald', sans-serif;

    text-align:left;

}





.head-section {    

    padding: 20rem 3rem 3rem 3rem;    

    margin: 0 -30px;

    

    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.7);

    box-shadow: 2px 2px 4px rgba(0,0,0,.7);

        

    background-position: center center;

  

    background-size: cover;

    

}



.single-video-title h2 {

    font-size: 21px;

}



.footer {

    background-color: #b21f25  !important;

    padding: 1.5rem 0 !important;

}



.logoFooter {

    max-width: 250px;

}



.sub-footer {

    background: #bb2329;

    display: block;

    float: left;

    width: 100%;

    padding: 20px 0;

}





.owl-carousel .owl-prev, .owl-carousel .owl-next {

    background: rgba(103,23,25,.85)!important;

    background: rgba(178, 31, 37, .8) !important;

}



.contact-footer {

    text-align: left;

    display: block;

    clear: both;

    overflow: hidden;

    text-align: center;

    font-size: 16px;

}



.cf-icon {    

    float: left;  

    margin-bottom: 15px;      

}

.cf-icon i {

    background: #0e0e0e;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    line-height: 60px;

    font-size: 28px;

}



.cf-text {

    float: left;

    text-align: left;    

    margin-left: 30px;



}



.cf-head {

    font-size: 18px;   

    color: #ffffff;

    margin-bottom: 10px;

}



.cf-body {

    font-size: 14px;

}



.footer-links, .social-links {

    list-style: none;    

    padding: 0;

    text-align: center;

}

.footer-links li, .social-links li {

    display: inline-block;

    margin: 10px 30px;     

    white-space: nowrap;

}



.footer-links a {

    color: rgba(255, 254, 254, .6) !important;

    border-bottom: solid thin rgba(255, 254, 254, .6);

    transition: all 0.5s ease;

    font-weight: 600;

    text-transform: uppercase;

}



.footer-links a:hover {

    border-bottom: solid thin black;

    color: black !important;

}



.social-links a i {

    color: white;

    transition: all 0.5s ease;

}



.social-links a:hover i {

    background: white; 

    color: black;

}



.social-links li {

    margin: 10px 15px;

}



.social-links li i {

    background-color: black;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

}





/*Five colums*/

.col-xs-15 {

    width: 20%;

    float: left;

}



@media (min-width: 768px) {

.col-sm-15 {

        width: 20%;

        float: left;

    }

}



@media (min-width: 992px) {

    .col-md-15 {

        width: 20%;

        float: left;

    }

}



@media (min-width: 1200px) {

    .col-lg-15 {

        width: 20%;

        float: left;

    }

}

/* end five colums*/





.search-mobile {

    display: none;

    /*right: 80px;

    position: absolute;*/

    font-size: 14px;

    bottom: 14px;

    border: solid thin rgba(208, 201, 201, 0.1);

    padding: 5px 10px;

    border-radius: 5px;

    margin-right: 5px;

}





.titulo-buscador {

    font-size: 22px !important;

}



@media (max-width: 1600px) {

    .carousel-caption {

	   bottom: 50px;

    }

}

@media (max-width: 1400px) {

    .carousel-caption {

	   bottom: 30px;

    }

    .vcard-title {

        font-size: 20px;

        line-height: 24px;

    }

    .home-video-card p {

        line-height: 16px;

    }

    .head-section {

        padding-top: 15rem;

    }

}

@media (max-width: 1366px) {

    .logoSidebar {    

        padding: 0 15px;

    }

    .item-destacado .vcard-title {

        font-size: 24px;

        line-height: 26px;    

    }



    .video-card-image img {

        width: 120px;

        height: 115px;

    }

    .navbar .form-control {

        max-width: 200px !important;

    }

}

@media (max-width: 1280px) {

    .sidebar .nav-link { 

       padding: 1rem 0;   

       font-size: 12px; 

    }

    .head-section {

        padding-top: 7rem;

    }

    .navbar-nav .nav-link {

            padding: 10px  !important;

    }

}

@media (max-width: 1200px) {

    .sidebar .nav-link {

        padding: 1rem .5rem;

        font-size: 12px;

    }

}

@media (max-width: 1199.98px) {

    .navbar {

        padding-bottom: 0 !important;     

    }

}

@media (max-width: 1100px) {

    .navbar .form-control {

        max-width: 150px !important;

    }

    .navbar-collapse .mr-5 {

       margin-right: 1rem!important;

    }

}



@media (max-width: 991px) {

    .search-mobile {

        display: block;

    }

    .form-nav {

        display: none;

    }

    .navbar-nav {

        text-align: center;        

    }

    .navbar {

        padding: .7rem !important;

    }

    .navbar-collapse .mr-5 {

        margin-right: 0 !important;

    }

    .navbar-nav .nav-item {

        margin-bottom: 10px;

    }

    .navbar-nav .nav-item:last-child {

        margin-bottom: 0;

    }

    .navbar-nav .nav-link {

        padding: 5px !important;     

        line-height: 20px !important;

    }

    

    .navbar>.container, .navbar>.container-fluid {

        justify-content: flex-end;

    }

}

@media (max-width: 800px) {

    .showmethebrand {

        padding-left: 135px !important;

    }

}

@media (max-width: 767px) {

    /*.owl-nav {

        display: none;

    }

    .showmethebrand {

        padding-left: 0 !important;

    }*/

    .vcard-title {

        font-size: 14px;

        line-height: 16px;

    }

    .carousel-caption {

        bottom: 0;

    }

    .carousel-caption h5 {

        font-size: 20px;

        max-width: 100%;

        text-align: center;

        text-shadow: 1px 1px 1px #464545;

    }

    .carousel-control-prev {

        left: 5px;

    }



    .carousel-control-next {

        right: 5px;

    }

    .logoFooter {

        margin-bottom: 25px;

        max-width: 250px;

    }



    .logoMinisterio {

     max-width: 230px;   

    }



    .navbar-nav .nav-link {

    	background: transparent;

    }   

    /*[role="main"] {

        padding-top

    }*/

    .title-row {

        font-size: 22px;

    }

    .item-destacado .vcard-title {

        font-size: 16px;

        line-height: 18px;

    }

    .navbar-brand img {

        width: 150px;

    }

    body {

        padding-top: 65px;

    }

    .footer-links {

        font-size: 10px;

    }

}

@media (max-width: 480px) {

   .title-row {

        font-size: 16px;

    }

    .owl-carousel .owl-nav i {

        font-size: 1rem;

    }

    .owl-carousel .owl-nav {

        top: -47px

    }

}

@media (max-width: 380px) {

      

}















/*

* Estilos Gonza

*/



.vcard-category {

    color: #a2daff;

}



.overlay {

    background-color: rgba(23, 4, 5, 0.88);

}



/*.logoSidebar {

    border-bottom: solid thin #3a38381c;

    background: #0a0a0a;

}*/

.sidebar-sticky {

    border-right: solid 1px solid 1px rgba(37, 37, 37, 0.3);

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */

    background: #0e0e0e; /* Old browsers */

    background: -moz-linear-gradient(left, ##252525 0%, #0e0e0e 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(left, ##252525 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, ##252525 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##252525', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 */

}



.video-card-list{

    transition: background 0.5s;

    cursor:pointer;

}

.video-card-list:hover {

    background: #313131;

    

}

.video-title{

    margin-top:7px;

}

.video-card-list:hover .video-title a {

    color:#fff;

}



.menu-active{

    background-color: rgba(49, 49, 49, 0.52);

}



.titulo-buscador{

    font-weight: 400;

    font-size: 2vw;

    text-transform: uppercase;

    font-family: 'Oswald', sans-serif;

    text-align:left;

}



.navbar-light .navbar-nav .nav-link {

font-size: 1.2rem;

letter-spacing: 1px;

color: rgba(255, 255, 255, 1.00)!important;

font-family: 'Oswald', sans-serif;

font-weight: 300;

text-transform: inherit;

}



.navbar-light .navbar-nav .nav-link:hover {

color:#fff;

}





.bg-dark{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad1f25+3,9b1b1e+100 */

background: #ad1f25; /* Old browsers */

background: -moz-linear-gradient(top, #ad1f25 3%, #9b1b1e 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ad1f25 3%,#9b1b1e 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ad1f25 3%,#9b1b1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1f25', endColorstr='#9b1b1e',GradientType=0 ); /* IE6-9 */

}



.sub-footer {

    background: #a51f25;

}



.footer{

    background: #ad1f25; /* Old browsers */

background: -moz-linear-gradient(top, #ad1f25 3%, #9b1b1e 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ad1f25 3%,#9b1b1e 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ad1f25 3%,#9b1b1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1f25', endColorstr='#9b1b1e',GradientType=0 ); /* IE6-9 */

}



.social-links li i {

    background-color: #84191e;

}



.logoFooter {

    max-width: 200px;

}



.footer-links a {

    color: rgba(255, 254, 254, 0.8) !important;

    border-bottom: none;

    transition: all 0.5s ease;

    padding-bottom: 5px;

    font-weight: 300;

    font-family: 'Oswald', sans-serif;

    text-transform: initial;

    font-size: 1.33rem;

}



.footer-links a:hover {

    color: rgba(255, 254, 254, 1) !important;

    border-bottom: none;

}





.navbar .form-control {

    max-width:200px;

    width:200px;

    transition:all 0.7s;

    color:#ffffffed;

}

.navbar .form-control.focus {

    max-width:350px;

    width:350px;

    transition:all 0.7s;

}

.search-mobile{

    margin-top: 5px;

}



/* .navbar-collapse{

    margin-top: 25px;

    margin-bottom: 10px;

} */



.navbar-light .navbar-toggler {

    overflow: hidden;

    outline-color: #9d1b1f;

}



.slide{

    /* border-bottom: 3px solid #333; */

}





.border-bottom-header-cat{

    /* border-bottom: 3px solid #333; */

}









#pre-div {

	background-color: rgb(0, 0, 0);

	bottom: 0;

	height: 100%;

	width: 100%;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 10000;

}

#loader {

	/* background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7a/Ajax_loader_metal_512.gif"); */

	background-position: center center;

	background-repeat: no-repeat;

	height: 200px;

	left: 50%;

	margin: -100px 0 0 -100px;

	position: absolute;

	top: 50%;

	width: 200px;

}













#preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

#loader {

    display: block;

    position: relative;

    left: 50%;

    top: 50%;

    width: 150px;

    height: 150px;

    margin: -75px 0 0 -75px;

    border-radius: 50%;

    border: 10px solid transparent;

    border-top-color: #7fbce5;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}

#loader:before {

    content: "";

    position: absolute;

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    border-radius: 50%;

    border: 7px solid transparent;

    border-top-color: #7fbce5;

    -webkit-animation: spin 3s linear infinite;

    animation: spin 3s linear infinite;

}

#loader:after {

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border-radius: 50%;

    border: 0px solid transparent;

    border-top-color: #7fbce5;

    -webkit-animation: spin 1.5s linear infinite;

    animation: spin 1.5s linear infinite;

}

@-webkit-keyframes spin {

    0%   {

        -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes spin {

    0%   {

        -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



.carousel-control-next, .carousel-control-prev {

    width: 5%;

    font-size: 33px;

}



.modal-backdrop.show {
    background-color: #00000078;
    
    opacity: 1;
}

.modal .modal-content .modal-header .modal-title {
    color: #f3f3f3 !important;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;

}

.modal-content {
    background-color: #000;
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#000000), color-stop(100%,#222));
    background: -webkit-linear-gradient(top,  #000000 50%,  #222 100%);
    background:    -moz-linear-gradient(top,  #000000 50%, #222 100%);
    background:     -ms-linear-gradient(top,  #000000 50%, #222 100%);
    background:      -o-linear-gradient(top,  #000000 50%, #222 100%);
    background:         linear-gradient(to bottom, #000000 50%, #222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222',GradientType=0 );
    background-attachment: fixed;
}


.modal-footer{
    border-top: 1px solid #353535e6;
}

.modal .modal-content .modal-header .close {
    color: #b21f25;
    opacity: 1;
    text-shadow: none;
    font-size: 40px;
    margin-top: -26px;
}

.modal a{
        color: #888;
}

.modal .btn-primary {
    background-color: #b21f25;
    border-color: #7c1c1e;
    color: #fff!important;
}


.modal .modal-content .modal-header {
    border-top: 3px solid #b21f25;
}



.bg-dark {
    background: #00000061 !important;
    background-color: #00000061 !important;
    background: #000!important;
    background: linear-gradient(
        0deg
        , #00000042 0%, #0000008f 50%, #191a1e 100%)!important;
    border-top: 7px solid #bd1c23;
    
}

.navbar-nav .nav-link {
    padding: 10px 10px !important;
}

    body {
      padding-top: 0;
    }

    .navbar-light .navbar-nav .nav-link {
      font-size: 1.1rem;
      letter-spacing: 1px;
      color: #fff !important;
      font-family: 'Oswald', sans-serif;
      font-weight: 400;
      text-transform: inherit;
      text-transform: uppercase;
      text-shadow: 0 0 black;
    }

    .navbar-brand img {
      padding-top: 0 !important;
      height: auto;
      width: 227px;
      margin-top: 4px;
    }

    .navbar-brand {
      top: 0 !important;
    }
    .title-row {
    font-weight: 400;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    padding-bottom: 5px;
    border-bottom: 0;
    margin-top: 3rem!important;
    letter-spacing: 2px;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1;
    color: #fff;
}

.carousel-control-next {
    background: linear-gradient(90deg,rgba(25,26,30,0) 0,#191a1e 100%);
}
.carousel-control-prev {
    background: linear-gradient(90deg,#191a1e 0,rgba(25,26,30,0) 100%);
}

 .carousel-control-next:hover, .carousel-control-prev:hover {
    color: #bd1c23;
}

.carousel img {
    object-fit: cover;
    max-height: 700px;
}

.carousel{
    border-bottom: 3px solid #000;
}

.navbar-light .navbar-nav .nav-link {
    transition: all ease 0.3s;
}

.modal .btn-primary {
    background-color: #b21f25;
    border-color: #7c1c1e;
    color: #fff!important;
}
.modal .btn-primary{
    background: #ad1f25; /* Old browsers */

background: -moz-linear-gradient(top, #ad1f25 3%, #6f1315 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ad1f25 3%,#6f1315 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ad1f25 3%,#6f1315 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1f25', endColorstr='#6f1315',GradientType=0 ); /* IE6-9 */
}

.owl-carousel .owl-prev, .owl-carousel .owl-next {
    background: rgb(0 0 0 / 85%)!important;
    background: rgba(178, 31, 37, .8) !important;
    background: #ad1f25; /* Old browsers */

background: -moz-linear-gradient(top, #ad1f25 3%, #6f1315 100%)!important; /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ad1f25 3%,#6f1315 100%)!important; /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ad1f25 3%,#6f1315 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1f25', endColorstr='#6f1315',GradientType=0 ); /* IE6-9 */
}

.footer{
    background: #ad1f25; /* Old browsers */

    background: -moz-linear-gradient(top, #ad1f25 3%, #6f1315 100%)!important; /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, #ad1f25 3%,#6f1315 100%)!important; /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, #ad1f25 3%,#6f1315 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1f25', endColorstr='#6f1315',GradientType=0 ); /* IE6-9 */
}

.sub-footer {
    background: #560d0f;
}


body{
    background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#000000), color-stop(100%,#222));
  background: -webkit-linear-gradient(top,  #000000 70%,  #222 100%);
  background:    -moz-linear-gradient(top,  #000000 70%, #222 100%);
  background:     -ms-linear-gradient(top,  #000000 70%, #222 100%);
  background:      -o-linear-gradient(top,  #000000 70%, #222 100%);
  background:         linear-gradient(to bottom, #000000 70%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222',GradientType=0 );
  background-attachment: fixed;
}

.owl-dots{
    display: none;
}

@media (max-width: 767px){
.carousel-control-prev {
    left: 0;
    display: none;
}
.carousel-control-next {
    right: 0;
    display: none;
}
.title-row{
    font-size: 20px;
    max-width: 75%;
}
.navbar-brand img {
    padding-top: 0 !important;
    height: auto;
    width: 171px;
    margin-top: 7px;
}
.modal .modal-content .modal-header .modal-title {
    font-size: 20px;
}
}


.home-video-card:hover .gradient-overlay {
    opacity: .70;
    transition: all ease 0.5s;
}
.gradient-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 2;
    opacity: 0;
     background: -webkit-linear-gradient(#bd1c23, #000); 
    background: linear-gradient( #bd1c23, #000);
}

.carousel {
    margin: 0 -15px;
}