

.detect_hover {
    width: 100%;
    height: 110px;
    background-color: transparent;
    position: absolute;
}


body {
    margin: 0;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

nav .logo_sign {
    width: 12rem;
    min-width: 100px;
    max-width: 240px;
    position: relative;
    top: -7px;
    box-sizing: border-box;
}
@media (min-width: 576px) { nav .logo_sign { top: -24px;} }
@media (min-width: 768px) { nav .logo_sign { top: -24px;} }
@media (min-width: 992px) { nav .logo_sign { top: -30px;} }

nav .logo_round {
    padding-left: 10px;
    margin-right: 10px;
    width: 5vw;
    min-width: 70px;
    max-width: 90px;
    position: relative;
    top: -4vw;
    box-sizing: border-box;
}



@media (min-width: 576px) { nav .logo_round { top: -3.5vw;} }
@media (min-width: 768px) { nav .logo_round { top: -2.5vw;} }
@media (min-width: 992px) { nav .logo_round { top: -2.0vw;} }

@media (max-width: 575px)  {  }
@media (min-width: 576px)  {  }
@media (min-width: 768px)  {  }
@media (min-width: 992px)  {  }
@media (min-width: 1200px) {  }
@media (min-width: 1400px) {  }


nav.navbar {
    background-color: rgba(0,0,0,.4) !important;
    /*transition: background-color .5s !important;*/
}
nav.navbar:hover,
nav.navbar.set_hover
{
    /*background-color: rgba(0,0,0,1) !important;*/
    /*transition: background-color .1s !important;*/
}

/* --- SHOW / HIDE IN NAV MENU --- --- --- */
@media(max-width:575px) {#ic .no{display:none;}#ic .m_xs {display:inline-block;}}
@media(min-width:576px) {#ic .no{display:none;}#ic .m_sm {display:inline-block;}}
@media(min-width:768px) {#ic .no{display:none;}#ic .m_md {display:inline-block;}}
@media(min-width:992px) {#ic .no{display:none;}#ic .m_lg {display:inline-block;}}
@media(min-width:1200px){#ic .no{display:none;}#ic .m_xl {display:inline-block;}}
@media(min-width:1400px){#ic .no{display:none;}#ic .m_xxl{display:inline-block;}}

/* --- --- --- --- --- --- --- --- --- --- */



.vertical-th-head-txt-label {
    left: calc(50% - .5rem);
    line-height: 1;
    padding-top: .5rem;
    position: relative;
    transform: rotate(180deg);
    white-space: nowrap;
    writing-mode: vertical-rl;
}


a.nav-link:hover i {
    transform: scaleY(1.11) scaleX(1.11) ;
    transition: transform .2s .3s;
}


a.nav-link u {
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    bottom: -8px;
    z-index: -1;
}

a.nav-link:hover u {
    background-color: #3ed7ff;
}


nav .dropdown-menu {
    margin: 0;
}


.content-header {
    padding: 40px .5rem 0 .5rem;
}

.shadow-lg .list-group-item {
     border: none;
}


div.wrapper:before {
    background: none !important;
    background-color: inherit !important;
}
.content-wrapper {
    background-color: transparent;
}



.wrp_bg_img {
    width: 100%;
    min-width: 1920px;
    filter: brightness(40%);
    mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.5) 200px,
        rgba(0,0,0,0) 550px,
        rgba(0,0,0,0) 100%
    );
}

@media (max-width: 576px) { .wrp_bg_img {
    mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.75) 150px,
        rgba(0,0,0,0) 250px,
        rgba(0,0,0,0) 100%
    );
} }


.wrp_bg {
    position: absolute;
    width: 100%;
    min-height: 100%;
    max-height: 600px !important;
    overflow: hidden;
    /*background-image: linear-gradient(*/
    /*    to bottom,*/
    /*    rgba(2, 15, 33, 1) 0%,*/
    /*    rgba(12, 32, 54, .75) 300px,*/
    /*    rgba(0, 0, 0, 0) 450px,*/
    /*    rgba(0, 0, 0, 0) 100%*/
    /*);*/

}
@media (max-width: 576px) { .wrp_bg {
    mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 120px,
        rgba(0,0,0,0) 220px,
        rgba(0,0,0,0) 100%
    );
} }

/*
1.. T0D0 ..
XS  -  100px lower



*/





/* EQUIVALENT TO .fa-xl */
/*
nav.main-header:hover i.fa-solid, nav.main-header:hover i.fas {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em;
}
*/

/* FONT AWESOME EQUIVALENT TO .fa-lg */
/*
nav.main-header i.fa-brands,
nav.main-header i.fa-solid,
nav.main-header i.fas
{
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em;
    color: rgb(62, 215, 255);
    opacity: .5;
}
nav.main-header:hover i.fa-brands,
nav.main-header:hover i.fa-solid,
nav.main-header:hover i.fas
{
    color: rgb(98, 224, 255);
    opacity: 1;
}
*/

nav.main-header .nav-left i
{
    /*font-size: 1.25em;*/
    line-height: 0.05em;
    vertical-align: -0.075em;
    color: #3ED7FF;
    opacity: 0.5;
    margin-right: 5px;
}

nav.main-header .nav-right i
{
    color: #3ED7FF;
    opacity: 1;
}

nav.main-header:hover i,
nav.main-header.set_hover i
{
    /*color: rgb(98, 224, 255);*/
    /*opacity: .5 !important;*/
    /*opacity: 1;*/
}




h3.tall {
    font-family: "Arial Narrow", Tahoma, Verdana, Helvetica, sans-serif;
}

h1.h_low {
    text-shadow: none;
    color: rgb(0, 23, 28);
    margin-bottom: 20px;
}



h1 i[class^='fa-'] {
    font-size: 32px;
}
h2 i[class^='fa-'] {
    font-size: 24px;
}
nav.navbar i[class^='fa-'] {
    font-size: 24px;
}
/* 10, 12, 14, 20, 24, 32 */



#watch-h-move {
    color: #3ed7ff;
    text-shadow:
            1px 1px 0 #000,
            -1px 1px 0 #000,
            -1px -1px 0 #000,
            1px -1px 0 #000,

            1px 1px 2px #000,
            -1px 1px 2px #000,
            -1px -1px 2px #000,
            1px -1px 2px #000,

            4px 4px 6px rgba(68, 68, 90, 1)
;
}





.palette_A_1 {color:#fafafa;}
.palette_A_2 {color:#070d19;}
.palette_A_3 {color:#38c8ee;}
.palette_A_4 {color:#246e9a;}
.palette_A_5 {color:#666063;}
.palette_A_6 {color:#966b60;}

.palette_B_1 {color:#ffffff;}
.palette_B_2 {color:#2485a6;}
.palette_B_3 {color:#38caf0;}
.palette_B_4 {color:#fefefe;}
.palette_B_5 {color:#0d2339;}


/*
Contains (*=)
Starts with (^=)
Ends with ($=)
*/



footer.main-footer {
    position: relative;
}

footer .small, footer small {
    font-size: 87%;
    font-weight: 400;
}

footer .logo_sign {
    width: 12rem;
    min-width: 100px;
    max-width: 240px;
    position: relative;
    /*box-sizing: border-box;*/
}

footer .logo_round {
    width: 5vw;
    min-width: 70px;
    max-width: 90px;
    position: relative;
    /*box-sizing: border-box;*/
}

footer a.logo {
    display: inline-block;
}

footer ul li {
    margin-left: 0;
}

footer i[class^='fa-'] {
    font-size: 20px;
}


.list-group-item {
    border: none;
}

.list-group-item+.list-group-item {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}




.info-box, .small-box, div.card, .timeline-item {
    opacity: 1;
}




nav.navbar .navbar-nav .nav-link {
    font-weight: bold;
    color: rgb(200, 200, 200);
}

nav.navbar:hover .navbar-nav .nav-link {
    /*color: white;*/
}


.navbar-light .navbar-nav .nav-link:hover
{
    color: black !important;
    /*color: lime !important;*/
}
.navbar-light .navbar-nav .nav-link:hover i
{
    /*color: lime !important;*/
    color: black !important;
    /*opacity: 1;*/
}

.navbar-light .navbar-nav .nav-link:active
{
    color: yellow !important;
}
.navbar-light .navbar-nav .nav-link:active i
{
    color: yellow !important;
    opacity: 1;
}



/* SMALL SEARCH FORM */
.navbar-light .form-control-navbar,
.navbar-light .form-control-navbar+.input-group-append .btn-navbar
{
    background-color: rgba(255, 255, 255, .8);
}
.navbar-light .form-control-navbar:focus,
.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar
{
    background-color: rgba(255, 255, 255, 1);
}


/* BIG SEARCH FORM */
.navbar-light .navbar-search-block .form-control-navbar,
.navbar-light .navbar-search-block .form-control-navbar+.input-group-append .btn-navbar{
    background-color: rgba(255, 255, 255, .99);
}
.navbar-light .navbar-search-block .form-control-navbar:focus,
.navbar-light .navbar-search-block .form-control-navbar:focus+.input-group-append .btn-navbar
{
    background-color: rgba(255, 255, 255, 1);
}





.h-hugger strong.main_index {
    font-size: 2rem;
    line-height: 2rem;
}

.h-hugger {
    position: relative;
    top: 7px;
    color: #000;
    text-shadow:
     -1px  1px 1px rgb(240, 240, 240),
      1px -1px 1px rgb(240, 240, 240),
     -1px -1px 1px rgb(240, 240, 240),
      1px  1px 1px rgb(240, 240, 240),

     -2px  2px 2px rgb(240, 240, 240),
     2px -2px 2px rgb(240, 240, 240),
     -2px -2px 2px rgb(240, 240, 240),
     2px  2px 2px rgb(240, 240, 240)
    ;
}



.poster_285_422 {
    max-width: 170px;
    max-height: 270px;
}



.card, .list-group {
    box-shadow:
        0 0 0.7rem rgba(0, 0, 0, 0.2),
        0 0 0.3rem rgba(0, 0, 0, 0.33) !important
    ;
}


/* B..            ..*/
/* B..  SELECT 2  ..*/
/* B..            ..*/

.select2-container .select2-selection--single {
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 37px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f6f6f9;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #202085;
}
.select2-selection__rendered .select2-selection__choice {
    font-size: 0.8rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #f00;
    margin-right: 2px;
    font-size: 20px;
    line-height: 22px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #c00;
}


/*

light blue: #3ed7ff
dark blue:  #000065
dark blue2: #000021

*/



