/*
    static/Heebo-Thin.ttf
    static/Heebo-ExtraLight.ttf
    static/Heebo-Light.ttf
    static/Heebo-Regular.ttf
    static/Heebo-Medium.ttf
    static/Heebo-SemiBold.ttf
    static/Heebo-Bold.ttf
    static/Heebo-ExtraBold.ttf
    static/Heebo-Black.ttf
*/



@font-face {
    font-family: "AmaticSC-Regular";
    src: url("/fonts/AmaticSC-Regular.ttf");
}

@font-face {
    font-family: "AmaticSC-Regular";
    src: url("/fonts/AmaticSC-Bold.ttf");
}

@font-face {
    font-family: "Heebo-Light";
    src: url("/fonts/static/Heebo-Light.ttf");
}



body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Heebo-Light', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}


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


/* 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%;
}

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



/*---------- SLIDESHOW ------------------------------------------*/

.carousel-fade {
}

.carousel-inner .item {
    transition-property: opacity;
}

.item,
.active.left,
.active.right {
    opacity: 0;
}

.active,
.next.left,
.prev.right {
    opacity: 1;
}

    .next,
    .prev,
    .active.left,
    .active.right {
        left: 0;
        transform: translate3d(0, 0, 0);
    }


.carousel-control {
    z-index: 2;
}

/*-------------SLIDESHOW-----------------------------------------------*/




.navbar {
    min-height: 70px;
}

.navbar-inverse {
    background-color: #000000;
}


.nav > li {
    font-size: 17px;
}


/*-----------NAV BAR SHADDOWS -----------------------------------*/
/*---------------------------------------------------------------*/

.navbar-shadow-1 {
    -webkit-box-shadow: 1px -1px 89px 0px rgba(123,123,123,0.45);
    -moz-box-shadow: 1px -1px 89px 0px rgba(123,123,123,0.45);
    box-shadow: 1px -1px 89px 0px rgba(123,123,123,0.45);
}

.navbar-shadow-2 {
    -webkit-box-shadow: 1px -1px 89px 0px rgba(23,23,123,0.45);
    -moz-box-shadow: 1px -1px 89px 0px rgba(23,23,123,0.45);
    box-shadow: 1px -1px 89px 0px rgba(23,23,123,0.45);
}

.navbar-shadow-3 {
    -webkit-box-shadow: 1px -1px 89px 0px rgba(123,23,23,0.45);
    -moz-box-shadow: 1px -1px 89px 0px rgba(123,23,8423,0.45);
    box-shadow: 1px -1px 89px 0px rgba(123,23,23,0.45);
}

.navbar-shadow-4 {
    -webkit-box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.45);
    -moz-box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.45);
    box-shadow: 1px -1px 89px 0px rgba(55,97,84,0.45);
}

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



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

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