/* Base CSS */
@import url('https://fonts.googleapis.com/css?family=Raleway&subset=all');
@font-face {
    font-family: 'RaleWaySubset';
    src: url('fonts/raleway-regular.subset-webfont.woff2');
    src: url('fonts/raleway-regular.subset-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-feature-settings: "lnum";
  }

html {
    background: #999 url('../images/bg.gif') repeat-x;
    background: white;
}

html, body {
    height: 100%;
    direction: ltr;
}

body {
    direction: ltr;
    font: normal 12px arial;
    color: #4e4e4e;
    background: transparent url('../images/header_bg.jpg') no-repeat 50% top;
    background: white;
}

/* Sticky footer. The height for #footer and #push, and the negative bottom margin for the #wrapper must be the same! */
/*#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -120px; }*/
#wrapper {
    margin: 0 auto;
    font-family: 'RalewaySubset','Raleway', Arial, Helvetica, sans-serif;
    font-feature-settings: "lnum";
}

#footer, #push {
    height: 120px;
    margin: auto;
}

img {
    border: 0;
    vertical-align: middle;
}

.clear {
    clear: both;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
    padding: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.align-right {
    text-align: right;
}

h2 {
    font-size: 24px;
}

h3 {
    color: #999999;
    font-weight: normal;
    font-size: 20px;
}

a {
    color: #ff5805;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a.readmore {
        font-size: 12px;
        background: url(../images/linkarr.png) no-repeat right 50%;
        padding-right: 10px !important;
        clear: both;
    }

#footer {
    background: white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 0px 0px 15px 15px;
    margin-bottom: 86px;
    /* box-shadow: 0px 10px 20px 0px #b7b7b7; */
}

#footer-menu {
    padding: 22px 40px 0;
    font-size: 11px;
    border-top: 1px solid #d1d1d1;
}

    #footer-menu a {
        font-size: 11px;
        color: #4e4e4e;
    }

    #footer-menu #copy {
        text-align: right;
        float: right;
    }
/* Your CSS goes here! */

#header {
    padding: 0 40px 0;
}

.gallery #header {
    /* margin-bottom: 35px; */
}

#content {
    padding: 0 40px 0;
}
#calendarContent {
    background: #fff;
    clear: both;
    padding-bottom: 20px;
    min-height: 600px;
    padding-top: 0px;
}

#top_menu_bar {
    line-height: 34px;
    height: 35px;
    float: left;
    width: 100%;
}

    #top_menu {
        background: white;
        position: fixed;
        width: 100%;
        height: 40px;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100;
        font-size: 1.1em;
        box-shadow: 0px 0 15px -5px black;
    }

    #top_menu_bar a {
        color: #bfbfbf;
        color: #4d4d4d;
    }

        #top_menu_bar a:hover {
            color: black;
            text-decoration: none;
        }

span.sep {
    margin: 0 6px 0 6px;
}

#logged_in_welcome {
    color: #bfbfbf;
    margin-top: 10px;
    float: right;
    position: fixed;
    right: 20px;
    z-index: 110;
    top: 4px;
}

    #logged_in_welcome #wel {
        color: #bfbfbf;
        float: left;
        padding-right: 10px;
    }

    #logged_in_welcome #use {
        color: #fff;
        float: left;
        padding-right: 10px;
    }

    #logged_in_welcome .seprtr {
        color: #fff;
        float: left;
        padding-right: 10px;
    }

    #logged_in_welcome #out {
        float: left;
        padding-right: 10px;
        display: block;
    }

#middle_header {
    height: 107px;
    clear: both;
}

#logo {
    display: block;
    background: url('../images/logo.svg') no-repeat;
    width: 254px;
    height: 64px;
    float: left;
    position: relative;
    top: 34px;
    left: 1px;
}

#head_buttons {
    height: 100%;
    float: right;
    position: relative;
    padding-top: 15px;
}

a.button {
    /* background: url('../images/button.png') no-repeat left bottom; */
    background: lightslategray;
    width: 75px;
    height: 30px;
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 10px;
    line-height: 30px;
}

    a.button:hover {
        /* background: url('../images/button.png') no-repeat left top; */
        background-color: #266e82;
        background: linear-gradient(to bottom, rgba(53,149,178,1) 0%,rgba(38,110,130,1) 100%);
        text-decoration: none;
    }

#bottom_header {
    /* height: 84px; */
    position: relative;
}

.inner #bottom_header {
    margin: 0 -40px;
    background: white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px 15px 0px 0px;
    behavior: url(/css/border-radius.htc);
}

#content {
    background: #fff;
    clear: both;
    padding-bottom: 20px;
    min-height: 500px;
    padding-top: 0px;
    box-shadow: 0px 0px 20px 0px #b7b7b7;
}

.inner #content {
    padding-top: 20px;
}

.inner p {
    /*line-height: 20px;
    margin-top: 15px;*/
}

.inner #content h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.inner #content ul li {
    /*list-style-image: url(../images/list_circle.gif);*/
    background: url(../images/list_circle.gif) no-repeat scroll 0 7px;
    line-height: 25px;
    list-style: none;
    list-style-position: outside;
    padding-left: 16px;
}

#home-main {
    height: 459px;
    margin: 0 -40px;
    padding: 13px 40px 0;
    background: url(../images/home-main.gif) repeat-x left top;
    padding-right: 286px;
    position: relative;
}

#main-ul-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 219px;
    background: url(../images/main-ul-bg.png) no-repeat right top;
    height: 100%;
    padding: 13px 40px 0 27px;
}

    #main-ul-bg ul {
        list-style: none;
        margin-left: -20px;
        padding: 25px 0 13px;
        width: 270px;
    }

        #main-ul-bg ul li {
            padding-left: 46px;
            list-style: none;
            height: 26px;
            background: url(../images/v.png) no-repeat 15px top;
            padding-top: 12px;
            font-size: 12px;
            font-weight: bold;
        }

h1#homeh1 {
    width: 602px;
    height: 82px;
    overflow: hidden;
    position: relative;
    line-height: 90px;
}

    h1#homeh1 span {
        /* background: url("../images/homeh1.png") no-repeat; */
        position: absolute;
        width: 100%;
        height: 100%;
    }

#live-demo {
    position: absolute;
    right: -30px;
    top: 25px;
    width: 157px;
    height: 42px;
    filter: hue-rotate(280deg);
}

    #live-demo a {
        display: block;
        outline: none;
        width: 100%;
        height: 100%;
        background: url("../images/live-demo.png") no-repeat left top;
    }

        #live-demo a:hover {
            background-position: left bottom;
        }

h2 {
    color: #4d4d4d;
    font-size: 24px;
    font-weight: normal;
}

#arrows {
    overflow: hidden;
    position: absolute;
    right: 312px;
    top: 15px;
}

    #arrows a {
        display: block;
        float: left;
        width: 57px;
        height: 28px;
        background: url("../images/prevnext.png") no-repeat right -88px;
        margin-right: 10px;
    }

a#prev-arr {
    background-position: right top;
}

    a#prev-arr:hover {
        background-position: right -30px;
    }

    a#prev-arr.disabled {
        background-position: right -59px;
    }

a#next-arr:hover {
    background-position: right -118px;
}

a#next-arr.disabled {
    background-position: right bottom;
}


.home-box {
    margin-left: -40px;
    padding-left: 40px;
    height: 444px;
}

    .home-box .home-h3 {
        padding-top: 28px;
    }

.hidden {
    display: none;
}

#online .vis {
    display: block;
    margin: 22px 0 0 -40px;
    float: right;
}

#inter {
    background: url("../images/inter.jpg") no-repeat left bottom;
}

#testimonials {
    padding-top: 35px;
    line-height: 18px;
}

#export {
    background: url("../images/export.jpg") no-repeat left bottom;
}

#testimonials h4 {
    padding-bottom: 20px;
}

h4.dark {
    color: #646464;
    font-weight: normal;
    font-size: 18px;
}

#whyus {
    font-size: 17px;
    padding-top: 3px;
    margin-bottom: 30px;
}

    #whyus b {
        font-size: 16px;
    }

#blocks {
    overflow: hidden;
    height: 196px;
}

.home-block {
    float: left;
    margin-bottom: 30px;
    padding: 0 24px 0 0;
    width: 410px;
}

    .home-block a {
        display: block;
        height: 100%;
        float: left;
        padding-right: 17px;
    }

.kcs {
    color: #685d72;
}

/* INNER CONTENT PAGE  */

#conversion-btn a {
    /* background: url(../images/OrderBt.png) no-repeat top left; */
    display: block;
    float: right;
    width: 157px;
    height: 40px;
    margin-top: -56px;
    margin-right: 36px;
    border: 1px solid #266e82;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    text-decoration: none;
    color: #266e82;
    transition: all 0.3s ease;
}

#orderbtn a {
    /* background: url(../images/OrderBt.png) no-repeat top left; */
    display: block;
    float: right;
    width: 157px;
    height: 40px;
    margin-top: -56px;
    margin-right: 36px;
    border: 1px solid #266e82;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    text-decoration: none;
    color: #266e82;
    transition: all 0.3s ease;
}

    #orderbtn a:hover {
        color: white;
        border-color: rgba(38, 110, 130, 1);
        background: #266e82;
        /* background: url(../images/OrderBt.png) no-repeat bottom left; */
    }

.topbar {
    height: 49px;
    background: url(../images/Gray_05.gif) repeat-x;
    padding: 0 0 0 22px;
    /* background: transparent; */
    border-radius: 5px 5px 0px 0px;
    box-shadow: 1px 0px 10px -2px #b7b7b7;

}

.contbtn a {
    background: url(../images/contactBt.png) no-repeat left top;
    margin-top: 10px;
    width: 98px;
    height: 28px;
    display: block;
    float: right;
    margin-right: 94px;
}

    .contbtn a:hover {
        background: url(../images/contactBt.png) no-repeat left bottom;
    }

h1.ttl {
    color: #767676;
    font-size: 28px;
    font-weight: normal;
    padding: 20px 0 18px 40px;
}

h4.ttl {
    font-size: 14px;
}

#right_col p span {
    padding: 23px 0 0 0;
    color: #8b8e90;
    font-size: 12px;
    font-weight: bold;
}

#intabs li {
    display: inline;
    list-style: none;
}

#intabs a {
    text-decoration: none;
    display: block;
    color: #5c5c5c;
    float: left;
}

    #intabs a b {
        display: block;
        height: 9px;
        float: left;
        padding: 20px 20px;
    }

/*	
#intabs a:hover{
	background-image: url(../images/cap&subContent_05.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#intabs a:hover b {
	background-image: url(../images/cap&subContent_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
*/

.inner #content {
    *margin-top: 30px;
}

    .inner #content h2 {
        color: #767676;
    }

    .inner #content h3 {
        color: #767676;
    }


/* Gallery PAGE  */

.gal_tit {
    float: left;
    margin: 12px 0 0 18px;
}

#usebar {
    width: 368px;
    height: 49px;
    float: right;
}

#sort_btn {
    background: url(../images/sortBtn.png) no-repeat left top;
    width: 77px;
    height: 28px;
    float: left;
    margin-top: 12px;
    padding-right: 9px;
}

    #sort_btn:hover {
        background: url(../images/sortBtn.png) no-repeat left bottom;
    }

#edit_btn {
    background: url(../images/editBtn.png) no-repeat left top;
    width: 67px;
    height: 28px;
    margin-top: 12px;
    padding-right: 9px;
    float: left;
}

    #edit_btn:hover {
        background: url(../images/editBtn.png) no-repeat left bottom;
    }

#searchform {
    float: left;
    padding-top: 16px;
    margin-left: 12px;
}

    #searchform input {
        float: left;
    }

    #searchform #search_input {
        background-image: url(../images/search_08_02.gif);
        background-position: 0 0;
        background-repeat: repeat-x;
        border-style: none;
        border-width: 0;
        color: #5C5C5C;
        font-family: Arial,Helvetica,sans-serif;
        height: 16px;
        padding: 3px 0 0 0;
        width: 124px;
    }

#search_input_left {
    background: url(../images/search_08_01.gif) 0 0 no-repeat;
    width: 9px;
    height: 19px;
}

#searchform div {
    float: left;
}

#precont {
    background: url(../images/precontClosed_15.gif) repeat-x left bottom;
    overflow-y: hidden;
    height: 92px;
    min-height: 5px;
    clear: both;
    /*//margin-top:35px;
    //zoom:1;*/
}

#leftCat {
    width: 690px;
    float: left;
    padding-left: 40px;
    padding-right: 20px;
}

#rightCat {
    width: 178px;
    height: 82px;
    border-left: solid 1px #bfbfbf;
    float: left;
    background: url(../images/rightCatBG_05.gif) left bottom repeat-x;
    padding-top: 10px;
    padding-left: 20px;
}

    #rightCat p {
        margin: 0px;
        height: 23px;
    }

        #rightCat p a {
            color: #767676;
            text-decoration: underline;
            margin-right: 5px;
        }

            #rightCat p a:hover {
                color: #333;
                text-decoration: none;
            }

#leftCat .ctgrItm {
    float: left;
    width: 225px;
    padding: 10px 12px 0 0;
    font-weight: bold;
}

    #leftCat .ctgrItm a {
        color: #5c5c5c;
        text-decoration: underline;
    }

        #leftCat .ctgrItm a:hover {
            color: #5c5c5c;
            text-decoration: none;
        }

.gallery div#content {
    padding: 0;
    margin: 0;
}

#right_col {
    min-height: 408px;
    width: 179px;
    background: url(../images/detailsBg.jpg) no-repeat left top;
    float: left;
    padding: 23px 0 0 20px;
}

    #right_col .v_thumb {
        margin-top: 10px;
    }


    #right_col .order_now {
        margin-left: 19px;
        min-width: 100px;
    }


    #right_col ul li.stat1 {
        background: url(../images/rbGray.gif) right 8px no-repeat !important;
        margin-right: 42px;
    }

    #right_col ul li.stat2 {
        background: url(../images/rbOrange.gif) right 8px no-repeat !important;
        margin-right: 42px;
    }

    #right_col ul li.stat3 {
        background: url(../images/rbGreen.gif) right 8px no-repeat !important;
        margin-right: 42px;
    }

    #right_col.project_info p {
        line-height: 15px;
        margin-top: 10px;
    }

    #right_col.project_info ul li a {
        color: #333;
        text-decoration: underline;
    }

        #right_col.project_info ul li a:hover {
            text-decoration: none;
            color: #ff5805;
        }

#left_col {
    width: 750px;
    float: left;
}

    #left_col .thumbnails {
        margin: 20px 0 20px 26px;
    }

.vidtumb {
    background-image: url(../images/video_thumb.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 110.1%;
    float: left;
    height: 230px;
    width: 171px;
    margin-bottom: 30px;
    margin-right: 10px;
    padding: 0px;
}

    .vidtumb .thumb_ttl_cont {
        background: #266e82;
        border-radius: 5px 5px 0 0 ;
        display: flex;
        justify-content: space-between;
        align-content: center;
        height: 20px;
    }

    .vidtumb .thumb_ttl {
        font-size: 12px;
        padding-left: 6px;
        /* font-weight: bold; */
        color: white;
        white-space: nowrap;
        display: flex;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline;
        padding-top: 4px;
    }

    .vidtumb a.thumb_info {
        background-repeat: no-repeat;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }


.thumb_cont {
    padding: 10px 0 0 10px;
    font-size: 11px;
}

a .play_me {
    background-image: url(../images/play_me.png);
    background-position: -1px 5px;
    background-repeat: no-repeat;
    height: 50px;
    margin: -62px auto 15px;
    position: relative;
    width: 50px;
    display: none;
}

a:hover .play_me {
    display: block;
    cursor: pointer;
}


.vidtumb p {
    line-height: 13px;
    margin-top: 3px;
}

.duration {
    position: absolute;
    /* width: 27px; */
    background: #ccc;
    color: #8b8e90;
    font-size: 11px;
    padding: 0 3px;
    margin-top: 1px !Important;
    margin-left: 1px !Important;
    //margin-top:2px !Important;*/
}*/

.vidtumb p span {
    color: #8b8e90;
}

.vidtumb p a {
    color: #ff5805;
    text-decoration: underline;
}

    .vidtumb p a:hover {
        text-decoration: none;
        color: #862F80;
    }

.subs {
    height: 26px;
}

.movie_ctrl_buttons {
    display: flex;
    justify-content: space-around;
}

a.order_now {
    /* background-image: url(../images/order_bg.jpg); */
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-align: center;
    text-indent: -2px;
    height: 20px;
    width: 112px;
    margin-right: auto;
    margin-left: auto;
    /* color: black !Important; */
    color: #266e82;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 4px;
    border-radius: 5px;
    border: 1px solid;
    transition: all 0.3s ease;
    overflow-wrap: break-word;
    white-space: nowrap;
}
a.order_now:hover {
    background: #266e82;
    color: white;
}

a.order_now_disabled {
    /* background-image: url(../images/order_bg.jpg); */
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-align: center;
    text-indent: -2px;
    height: 20px;
    width: 112px;
    margin-right: auto;
    margin-left: auto;
    color: #266e82;
    text-decoration: none;
    font-size: 12px;
    margin-top: 4px;
    border-radius: 5px;
    border: 1px solid;
    transition: all 0.3s ease;
    overflow-wrap: break-word;
    white-space: nowrap;
}

a.order_now_disabled:hover {
    background: #266e82;
    color: white;
}

a.bottom_thumb_link {
    margin-top: 22px;
}

a.commentor_link {
    color: #FF5805;
    text-decoration: underline;
}

    a.commentor_link:hover {
        color: #862F80;
        text-decoration: none;
    }

a.commentor_link_disabled {
    color: gray;
}

    a.commentor_link_disabled:hover {
        color: gray;
        text-decoration: none;
    }

.thumb_cont .checkbox {
    position: absolute;
    margin-top: -14px;
}

a.order_now:hover {
    background-position: 0px bottom;
}

#right_col ul li {
    list-style: none;
    line-height: 20px !important;
    background: none !important;
    padding: 0 0 0 0 !important;
}

.orderbtn a.order_now {
    background-image: url(../images/order_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-align: center;
    height: 15px;
    width: 80px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    color: #FFF;
    display: block;
    margin-top: 20px;
    text-decoration: none;
    font-size: 11px;
}


.pager {
    overflow: hidden; /* To clear the float */
}

    .pager a {
        color: #fff;
        background-color: #266e82;
        padding: 5px 15px;
        border-radius: 4px;
        text-decoration: none;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .pager .prev {
        float: left;
        margin-left: 35px; /* Adjust as needed */
        margin-bottom: 10px;
    }

    .pager .next {
        float: right;
        margin-right: 20px; /* Adjust as needed */
        margin-bottom: 10px;
    }


        .pager .prev:hover, .pager .next:hover {
            background-color: #0056b3;
            color: #ff5805;
        }

.rbutton {
    cursor: pointer;
    float: right;
    margin-top: 15px;
    margin-right: 5px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    /* text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2); */
}

    .rbutton:hover {
        text-decoration: none;
    }

    .rbutton:active {
        position: relative;
        top: 1px;
    }

.gray {
    border: solid 1px gray;
    /* background: #6e6e6e; */
    
    transition: all 0.3s ease;
}

    .gray:hover {
        background: rgba(38, 110, 130,1);
        color: white;
        
    }

.submit {
    background: white;
    margin-right: 40px;
    margin-top: 10px;
    float: right;
    height: 18px;
    width: 80px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 10px;
}

.LeftBottom {
    margin-top: 100px;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.bar_Tooltip {
    background-color: Black;
    color: White;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    z-index: 99;
    padding: 9px 10px 10px 10px;
    display: none;
    height: 30px;
    border-radius: 10px;
    border: 1px solid black;
}
/*
fieldset[disabled] {
    opacity: 0.75;
    background: gainsboro;
}*/

.upload-fieldsets-container {
    font-size: 1.2em;
}

.upload-fieldsets-container div {
    padding: 5px 0;
}

.upload-subtitles-fieldset[disabled] {
    color: grey;
}
.upload-subtitles-fieldset[disabled] input:disabled {
    background: gainsboro;
}

.stations-datetime-picker {
    display: flex;
    align-items: center;
}

.login-table {
    
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;

}

iframe#angularAppIframe {
    width: 1px;
    min-width: 100%;
    height: 1500px;
}

.admin-editor-form-header add-supers-btn {
    background: none;
    border: none;
    color: blue; /* Standard link color */
    text-decoration: underline;
    padding: 0;
    margin: 0;
    display: inline; /* Inline display like a regular text link */
}