body{
    background-image: url("../images/background.jpg");
    /*background-size: cover;*/
    background-repeat: repeat;
    color: #ffffff;
    text-decoration: none;
    background-attachment: fixed;
}

a:link
{
    text-decoration: none;
}
/* ---------- Bootstrap Override  ------------------- */
.tooltip .tooltip-inner {
    background-color: gray;
}
.tooltip .tooltip-arrow
{
    border-top: 5px solid gray !important;
}




select{
    background: transparent !important;
    height:30px;
    padding:2px !important;
    color:#996600 !important;
    font-weight:bold !important;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
option:not(:checked) {
    box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.2) !important;
    background-color:#122b40;
    color:#996600;
}



.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.03em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}


/* ------------------------------------------------- */

.main-menu
{
    background-size: cover;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px 10px 0px 0px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #9acfea;
}

#menu_bar
{
    border-radius: 10px 10px 0px 0px;
    background-image: url('../images/transparent.png');
    position: relative;
}

#menu_bar ul li
{
     padding: 10px;
     color:#337ab7;
     min-width: 120px;
     height: 50px;
     display: inline-block;
     cursor: pointer;
}

#menu_bar ul li:hover
{
    border-radius: 5px 5px 0px 0px;
    background-color: #3c3c3c !important;
    color:white !important;
}

#menu_bar ul li:active
{
    background-color: #45372f !important;
}

#menu_bar ul li ul li
{
    margin-left: -15px;
    margin-right:-15px;
    color:#337ab7;
    width: auto;
    height: inherit;
    display: block;
    cursor: pointer;
}

#menu_bar ul li ul li:hover
{
    border-radius: 0px;
    width: auto;
    color: black;
    background-image: url('../images/transparent.png');
    box-shadow: 3px 19px 22px 16px rgba(0,0,0,0.56);
}

.menu_bar_submenu
{
     display: inline-block;
}

.menu_bar_submenu_content
{
    display: none;
    position: absolute;
    background-color: #181310 !important;
    text-align: left;
    padding: 12px 16px;
    margin-left: -10px;
    margin-top: 15px;
    z-index: 3;
    box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.2);
}

.menu_bar_submenu:hover .menu_bar_submenu_content
{
    display: block;

}

.menu_bar_active_item
{
    border-radius: 5px 5px 0px 0px;
    background-color: white;
}

#menu_bar ul div ul li
{
    width: 100%;
    height: 30px;
    padding-top: 5px;
}

#menu_bar ul div ul li:hover
{
    background-image: url('../images/transparent.png');
    width: 100%;
    border-radius: 0;
    height: 30px;
    color:black;
    text-decoration: none;
}


.main-footer
{
    background-image: url('../images/transparent.png');
    background-size: cover;
    border-radius:  0px 0px 10px 10px;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
}

.main-container
{
    background-image: url('../images/transparent.png');
    background-size: cover;
    border-radius:  0px;
    margin-top: 10px;

    min-height: 100px;
    padding: 10px;
}


.main_slider_box
{
    margin-top: 40px;
    height:400px;
    line-height: 420px;
    min-width: 630px;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}


.slider_arrow_left
 {
    top: 50%;
    font-size: 24px;
    z-index: 5;
    width: 20px;
    color: lightgray;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    vertical-align: center;
    margin-right: 20px;
    position: absolute;
    left:0;
    display: inline-block;
    height: 30px;
 }

.slider_arrow_right
{
    top:50%;
    position: relative;
    color:lightgray;
    font-size: 24px;
    z-index: 5;
    width:20px;
    cursor: pointer;
    vertical-align: center;
    height: 30px;
    float: right;
    margin-right: 0;
    padding-left:0;
    padding-right: 0;
    display: inline-block;
}

.slider_img
{
    height: auto;
    width: inherit;
    max-height:400px;
    vertical-align: center;
    line-height: 400px;
    margin-right: auto;
    margin-left:auto;
    position: relative;
    display: block;
}

.slider_thumb_div
{
    display: inline-block;
    width:inherit;
    display: inline-block;
}


.slider_arrow_left:hover, .slider_arrow_right:hover
{
   //background-image: url('../images/transparent.png');
    color: #2aabd2;
    //background-color: #506e6d;
}

.slider_panel
{
    position: absolute;
    left: 25px;
    width: calc(100% - 50px);
    height:inherit;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    display: inline-block;
}

.logged_user_but
{
    position:absolute;
    padding:5px;
    padding-bottom: 0;
    right:20px;
    top:10px;
}

.logged_user_but_items li
{
    height: 30px!important;
    padding-top:5px !important;
    width:100% !important;
}

.logged_user_but_items li:hover
{
    background-image: url('../images/transparent.png') !important;
    border-radius: 0 !important;
    color: black !important;
    display: block !important;
}

.menu_bottom_divider
{
    border-bottom: 1px solid rgba(5, 0, 103, 0.49);
}

.menu_top_divider
{
    border-top: 1px solid rgba(5, 0, 103, 0.49);
}

.regModal
{
    width: 400px;
    height: auto;
    background-color: #101010;
    //background-image:url('../images/background.jpg') ;
    background-blend-mode: darken;
}

.panel_clickable
{
    cursor: pointer;
}
.panel_clickable:hover
{
    cursor: pointer;
    background-color: #050067;
}

.panel_round_border_bottom
{
    background-color: #122b4040;
    border-radius: 0 0 10px 10px;

}

.panel_items
{
    padding:0;
}
.progress-bar-bg
{
    //background-color: #122b4040;
    background-color: rgba(18,43,64,0.4);
    border-color: gray;
}

.panel_round_border_top
{
    background-color: rgba(55,45,80,0.6);   //#122b4060;
    //border-radius: 10px 10px 0 0;
    border-bottom: 1px solid white;
}
.panel_content_border
{
    margin-top: -10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color:  rgba(0, 0, 0, 0.4);
    border-radius: 0 0 10px 10px;
}

.panel_content_simple
{
    background-color: rgba(55,45,80,0.6);   //#122b4060;
}


.panel_content_border li {
    display: block;
}

.panel_content_border li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "*";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}

.main-spinner
{
    border: 4px solid rgba(150, 120, 210,0.6);
    display:none;
    position:fixed;
    top:50%;
    left:40%;
    z-index:100;
    background-color: rgba(0,0,0,0.8);
    height:100px;
    width:150px;
}

.main-spinner-content
{
    display:block;
    position:absolute;
    width:100px;
    height:70px;
    left:25px;
    top:20px;
}


#slider_bar ul li:hover
{
    box-shadow: 0 0 20px white;
    cursor: pointer;
}
.movie_content_panel
{
    background-color: #122b4040;
    //border-radius: 0 10px 0 0;
    border-bottom: 1px solid white;

}

.movie_content_panel:hover
{
    background-color: #122b40;
    cursor: pointer;
}

.row_movie_list
{
    border: 1px solid rgba(230, 217, 235, 0.49);
    margin-bottom: 10px;
}

.row_movie_list:hover
{
    -webkit-box-shadow:0 0 5px #2aabd2;
    -moz-box-shadow: 0 0 5px #2aabd2;
    box-shadow: 0 0 5px #2aabd2;
}
#movie_nav_small .nav
{
    border-bottom-color: gray;
}

#movie_nav_small .nav li a
{
    padding: 0 15px;
    background-color: #0f0f0f;
    border: 1px solid gray;
    border-radius: 0;
}

#movie_nav_small .nav li a:focus,#movie_nav_small .nav li a:hover
{
    background-color: #444444;
    color: black !important;
}

#movie_nav_small .nav li a:active
{
    background-color: #444444;
}

.button_3d
{
    background-color: rgba(18, 43, 64, 0.4);
}

.main_menu_small
{
    margin: 10px 0 10px 0;
}
.main_menu_small .btn
{
    background-color: #181310 !important;
}

.main_menu_small .btn:focus, .btn:hover
{
    background-color: #3c3c3c !important;
    color:white !important;
}

.small_menu_items
{
    background-color:#110715;
    box-shadow: 3px 19px 22px 16px rgba(0,0,0,0.56);
}

.small_menu_items li
{
    color: white !important;
    padding-top:15px !important;
    font-size:16px;
    width:100%;
}

.small_menu_items li:hover
{
    background-color:#110715!important;
    border-radius: 2px !important;
    box-shadow: 0px 0px 7px 6px rgba(125,123,125,1);
    width:100%;
}


.mt5 
{
    margin-top: 5px;
}

.mt10
{
    margin-top: 10px;
}

.mt15
{
    margin-top: 15px;
}
.mt20
{
    margin-top: 20px;
}
.mt25
{
    margin-top: 25px;
}
.mt30
{
    margin-top: 30px;
}
.mt35
{
    margin-top: 35px;
}
.mt40
{
    margin-top: 40px;
}

.mt-5
{
    margin-top: -5px;
}

.mt-10
{
    margin-top: -10px;
}

.mt-15
{
    margin-top: -15px;
}
.mt-20
{
    margin-top: -20px;
}
.mt-25
{
    margin-top: -25px;
}
.mt-30
{
    margin-top: -30px;
}
.mt-35
{
    margin-top: -35px;
}
.mt-40
{
    margin-top: -40px;
}

.mb0
{
    margin-bottom: 0px;
}

.mb5
{
    margin-bottom: 5px;
}

.mb10
{
    margin-bottom: 10px;
}

.mb15
{
    margin-bottom: 15px;
}
.mb20
{
    margin-bottom: 20px;
}
.mb25
{
    margin-bottom: 25px;
}
.mb30
{
    margin-bottom: 30px;
}
.mb35
{
    margin-bottom: 35px;
}
.mb40
{
    margin-bottom: 40px;
}

.mb-5
{
    margin-bottom: -5px;
}

.mb-10
{
    margin-bottom: -10px;
}

.mb-15
{
    margin-bottom: -15px;
}
.mb-20
{
    margin-bottom: -20px;
}
.mb-25
{
    margin-bottom: -25px;
}
.mb-30
{
    margin-bottom: -30px;
}
.mb-35
{
    margin-bottom: -35px;
}
.mb-40
{
    margin-bottom: -40px;
}


.ml5
{
    margin-left: 5px;
}

.ml10
{
    margin-left: 10px;
}

.ml15
{
    margin-left: 15px;
}
.ml20
{
    margin-left: 20px;
}
.ml25
{
    margin-left: 25px;
}
.ml30
{
    margin-left: 30px;
}
.ml35
{
    margin-left: 35px;
}
.ml40
{
    margin-left: 40px;
}

.ml-5
{
    margin-left: -5px;
}

.ml-10
{
    margin-left: -10px;
}

.ml-15
{
    margin-left: -15px;
}
.ml-20
{
    margin-left: -20px;
}
.ml-25
{
    margin-left: -25px;
}
.ml-30
{
    margin-left: -30px;
}
.ml-35
{
    margin-left: -35px;
}
.ml-40
{
    margin-left: -40px;
}

.mr5
{
    margin-right: 5px;
}

.mr10
{
    margin-right: 10px;
}

.mr15
{
    margin-right: 15px;
}
.mr20
{
    margin-right: 20px;
}
.mr25
{
    margin-right: 25px;
}
.mr30
{
    margin-right: 30px;
}
.mr35
{
    margin-right: 35px;
}
.mr40
{
    margin-right: 40px;
}

.mr-5
{
    margin-right: -5px;
}

.mr-10
{
    margin-right: -10px;
}

.mr-15
{
    margin-right: -15px;
}
.mr-20
{
    margin-right: -20px;
}
.mr-25
{
    margin-right: -25px;
}
.mr-30
{
    margin-right: -30px;
}
.mr-35
{
    margin-right: -35px;
}
.mr-40
{
    margin-right: -40px;
}

.pt5
{
    padding-top: 5px;
}

.pt10
{
    padding-top: 10px;
}

.pt15
{
    padding-top: 15px;
}
.pt20
{
    padding-top: 20px;
}
.pt25
{
    padding-top: 25px;
}
.pt30
{
    padding-top: 30px;
}
.pt35
{
    padding-top: 35px;
}
.pt40
{
    padding-top: 40px;
}

.pt-5
{
    padding-top: -5px;
}

.pt-10
{
    padding-top: -10px;
}

.pt-15
{
    padding-top: -15px;
}
.pt-20
{
    padding-top: -20px;
}
.pt-25
{
    padding-top: -25px;
}
.pt-30
{
    padding-top: -30px;
}
.pt-35
{
    padding-top: -35px;
}
.pt-40
{
    padding-top: -40px;
}


.pb5
{
    padding-bottom: 5px;
}

.pb10
{
    padding-bottom: 10px;
}

.pb15
{
    padding-bottom: 15px;
}
.pb20
{
    padding-bottom: 20px;
}
.pb25
{
    padding-bottom: 25px;
}
.pb30
{
    padding-bottom: 30px;
}
.pb35
{
    padding-bottom: 35px;
}
.pb40
{
    padding-bottom: 40px;
}

.pb-5
{
    padding-bottom: -5px;
}

.pb-10
{
    padding-bottom: -10px;
}

.pb-15
{
    padding-bottom: -15px;
}
.pb-20
{
    padding-bottom: -20px;
}
.pb-25
{
    padding-bottom: -25px;
}
.pb-30
{
    padding-bottom: -30px;
}
.pb-35
{
    padding-bottom: -35px;
}
.pb-40
{
    padding-bottom: -40px;
}

.pl0
{
    padding-left: 0;
}

.pl5
{
    padding-left: 5px;
}

.pl10
{
    padding-left: 10px;
}

.pl15
{
    padding-left: 15px;
}
.pl20
{
    padding-left: 20px;
}
.pl25
{
    padding-left: 25px;
}
.pl30
{
    padding-left: 30px;
}
.pl35
{
    padding-left: 35px;
}
.pl40
{
    padding-left: 40px;
}

.pl-5
{
    padding-left: -5px;
}

.pl-10
{
    padding-left: -10px;
}

.pl-15
{
    padding-left: -15px;
}
.pl-20
{
    padding-left: -20px;
}
.pl-25
{
    padding-left: -25px;
}
.pl-30
{
    padding-left: -30px;
}
.pl-35
{
    padding-left: -35px;
}
.pl-40
{
    padding-left: -40px;
}


.pr0
{
    padding-right: 0;
}

.pr5
{
    padding-right: 5px;
}

.pr10
{
    padding-right: 10px;
}

.pr15
{
    padding-right: 15px;
}
.pr20
{
    padding-right: 20px;
}
.pr25
{
    padding-right: 25px;
}
.pr30
{
    padding-right: 30px;
}
.pr35
{
    padding-right: 35px;
}
.pr40
{
    padding-right: 40px;
}

.pr-5
{
    padding-right: -5px;
}

.pr-10
{
    padding-right: -10px;
}

.pr-15
{
    padding-right: -15px;
}
.pr-20
{
    padding-right: -20px;
}
.pr-25
{
    padding-right: -25px;
}
.pr-30
{
    padding-right: -30px;
}
.pr-35
{
    padding-right: -35px;
}
.pr-40
{
    padding-right: -40px;
}


.ta-center
{
    text-align: center;
}



@media screen and (max-width:360px)
{
    .page_caption_xs
    {
        text-align: center;
    }

}

@media screen and (max-width:767px)
{
    .slider_horizontal
    {
        display: inline-block;
        margin-right: 10px;
    }
    .logged_user_but
    {
        margin: 10px 0 10px 0;
        top:0;
        padding:0;
    }
}

@media screen and (min-width:768px)
{
    .page_caption_sm
    {
        text-align: left;
    }
}