html {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background-color: #f4f4f4;
}

*, *:before, *:after {
    box-sizing: inherit;
}

/*padding-top: 50px;*/

body {
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    overflow-y: visible;
    background-color: #f4f4f4;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */



#bit-code-ch-hdr {
    float: left;
    width: 36px;
    height: 36px;
    margin: -7px 0 0 0;
}

    #bit-code-ch-hdr .bit-cel {
        float: left;
        width: 6px;
        height: 6px;
        line-height: 6px;
        font-size: 6px;
        color: #DEDEDE;
    }



/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}


ul {
    list-style: none;
    padding-left: 0px;
}

    ul li {
        margin-top: 7px;
    }


.navbar-header {
    font-weight: bold;
    margin-top: 6px;
}


.login-ttl {
    color: rgb(9,93,121);
    font-size: 18px;
}


.navbar a:hover {
    color: #FFFFFF;
}

a:hover {
    color: #090979;
}

a:visited {
    color: #FFFFFF;
}

.cont-100 {
    float: left;
    width: 100%;
}


.cont-visible {
    display: block;
}

.cont-hidden {
    display: none;
}




.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11,
.col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12,
.col-md-12, .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}







.com-cont {
    float: left;
    width: 100%;
}

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

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


.slideshow-slide {
    width: 100%;
    height: 530px;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


@media screen and (max-width: 1800px) {
    .slideshow-slide {
        width: 100%;
        height: 480px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}


@media screen and (max-width: 1350px) {
    .slideshow-slide {
        width: 100%;
        height: 480px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 1200px) {
    .slideshow-slide {
        width: 100%;
        height: 380px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 900px) {
    .slideshow-slide {
        width: 100%;
        height: 330px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 700px) {
    .slideshow-slide {
        width: 100%;
        height: 280px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 500px) {
    .slideshow-slide {
        width: 100%;
        height: 230px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}





/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}





@media screen and (min-width: 1501px) {

    .main-content {
        padding: 0 2% 0 2%;
    }

    .main-content-common {
        padding: 0 2% 0 2%;
    }

    .navbar {
        padding: 0 3% 0 3%;
    }
}



@media screen and (max-width: 1500px) {

    .main-content {
        padding: 0 10px 0 10px;
    }

    .main-content-common {
        padding: 0 10px 0 10px;
    }

    .navbar {
        padding: 0 10px 0 10px;
    }
}




.main-back {
    background: rgb(9,93,121);
    background: linear-gradient(180deg, rgba(157,133,99,1) 14%, rgba(128,108,81,1) 100%);
}

.sec-back {
    background: rgb(9,93,121);
    background: linear-gradient(180deg, rgba(157,133,99,1) 14%, rgba(128,108,81,1) 100%);
    float: left;
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin: 5px 0 0 0;
    border-radius: 6px;
}

.grey-back {
    background: rgb(9,93,121);
    background: linear-gradient(180deg, rgba(157,133,99,1) 14%, rgba(128,108,81,1) 100%);
}


.navbar-inverse {
    background: rgb(9,93,121);
    background: linear-gradient(180deg, rgba(157,133,99,1) 14%, rgba(128,108,81,1) 100%);
    color: #FFFFFF;
}




    .navbar-inverse .navbar-brand {
        color: #efefef;
        font-weight: 400 !important;
    }

.navbar-brand {
    font-weight: 400 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #efefef;
}


.row-item {
    margin: 0px;
    padding: 0px;
}

.row-item-header {
    margin-top: 25px;
}

input, select, textarea {
    max-width: 100%;
}



.container {
    width: 100%;
    margin: 0px;
}


.row {
    padding: 0px;
}




.navbar-footer {
    background: rgb(9,93,121);
    background: linear-gradient(180deg, rgba(9,93,121,1) 14%, rgba(4,70,92,1) 100%);
    color: #FFFFFF;
}




@media screen and (max-width: 1500px) {

    .container {
        width: 100%;
        margin: 0px;
    }

    .body-content {
        padding: 0px;
    }

    .row {
        padding: 0px;
    }
}







#LightBoxBackCH1 {
    position: absolute;
    top: -100px;
    left: -100px;
    background-color: #232323;
    opacity: 0.4;
    z-index: 1000000;
}

#LightBoxCH1 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000001;
}




/*----------CONTENT--------------------------*/

.content-box {
    float: left;
    width: 100%;
    min-height: 450px;
    margin: 5px 0 0 0;
    border-radius: 2px;
    font-size: 16px;
    padding: 1% 2% 1% 2%;
    text-align: left;
}


@media screen and (max-width:1500px) {
    .content-box {
        padding: 10px 15px;
    }
}

/*----------CONTENT--------------------------*/