body {
    margin: 0;
    padding: 0;
    background-image: none;
    background-color: #333333;
    opacity: 1;
    /*
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag:none;
    -ms-user-select:none;
    */
}

.bg-black {
    background-color:rgba(0,0,0,0.5);
}

.bg-darkgray {
    background-color: rgba(30,30,30,0.5);
}

.bg-transparent {
    background-color:transparent;
}

.tick {
    width:100%;height:0px;text-align:center;
}


.searchbutton {
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgba(200, 0, 0, 1);
    color: white
}
.searchbutton:hover {
   background-color:darkgray;
}

.tabstyle {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}


.readmore {
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: white;
    color: rgba(200, 0, 0, 1);
}

    .readmore:hover {
        background-color: whitesmoke;
        color: rgba(200, 0, 0, 1);
    }

.button {

    background-color: rgba(200, 0, 0, 1);
    color: white
}

.navbar {
    padding:10px;
    width:100%;
    margin:0;
}

.bg-red {
    background-color: #ED2323; /*  rgb(255, 0, 0); */
}

.bg-blue {
    background-color: #0094ff; /*  rgb(255, 0, 0); */
}

.bg-blue:hover {
    background-color: #0084ef; /*  rgb(255, 0, 0); */
}

.nav-item {
    /* transition: transform .2s; */
}

.nav-item:hover {
    /* background-color: #ED2323; /* rgba(150, 0, 0, 0.7); */
    /* transform: scale(1.1) */
}

.nav-item2:hover {
 
}


.nav-link-small {
    color: #F2F2F2 !important;
    height: 100%;
    font-weight: normal;
    font-family: 'Segoe UI';
    font-size: 0.8em;
    transition: transform .2s;
    padding:5px;
    text-decoration:none;
    
}

.nav-link-small:hover {
    /* background-color: white; */
    color: #FFFFFF;
    transition: transform .2s;
}

.nav-link {
    color: #FEFEFE !important;
    height: 100%;
    font-weight: normal;
    font-family: 'Segoe UI';
    font-size:1.4em;
    transition: transform .2s;
}

.nav-link:hover {
    /* background-color: white; */
    color: #FFFFFF;
    transition: transform .2s;
}

.nav-link2 {
    color: #0b0b0b !important;
    padding-right: 5px;
    padding-left: 5px;
    font-weight:300;
    font-family:'Segoe UI';
}

.nav-link2:hover {
    color: #000000 !important;
    text-decoration: none;
}

.navbar-toggler, .navbar-toggler-icon {
    color: #FFFFFF !important;
}



.thumb {
    background-color: #333333;
    border: 5px solid #333333;
    border-radius:5px;
    width: 100%;
    height:100%;
    min-height:300px;
    overflow: hidden;
    transition: transform .6s; /* Animation */
    padding:20px;
}

 .thumb:hover {
    border-color: rgba(250,0,0,0.80);
    transition: transform .6s; /* Animation */
 }

@media only screen and (max-width: 900px) {
    .thumb {
        min-height:unset;
    }
}


.zoom {
    overflow:hidden;
    cursor:pointer;
    transition: transform .2s; /* Animation */
}
.zoom:hover {

    transform: scale(1.05); 
    opacity: 0.5;
    
}

.newsbanner {
    
    font-family: Calibri;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
}

.bannerstyle {
    line-height:50px; 
    text-align:center;
    vertical-align:middle;
    font-size: 28px;
    font-weight:500;
    font-family:Calibri;
    text-transform: uppercase;
    text-decoration: none;
    color: #ED2323;
}

.partnericon {
    width: auto;
    height: 60px;
    padding-right: 50px;
    -webkit-box-reflect: below 30px;
}

.modal-fullscreen
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    max-width: none;
}

.modal-menu {
    position:absolute;
    left:0px;
    top:0px;
    width:25vw;
    background-color:rgba(255,0,0,1.0);
    float:left;
    height:100vh;
    border-right:2px solid rgba(50,50,50,0.7);
    /*transition:all;*/
}
@media only screen and (max-width: 600px) {
    .modal-menu {
        width: 100vw;
    }
}

.smalllink {
    font-size:0.8em;
}

.nav-colored {
    background-color: #000;
}

.nav-transparent {
    background-color: transparent;
}

.marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .marquee div {
        display: block;
        width: 200%;
        height: 30px;
        position: absolute;
        overflow: hidden;
        animation: marquee 5s linear infinite;
    }

    .marquee span {
        float: left;
        width: 50%;
    }

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}