/* Custom website styles ==========================================================*/

@font-face {
    font-family: 'GothamLightRegular';
    src: url('fonts/gothamlight.eot');
    src: url('fonts/gothamlight.eot') format('embedded-opentype'), url('fonts/gothamlight.woff2') format('woff2'), url('fonts/gothamlight.woff') format('woff'), url('fonts/gothamlight.ttf') format('truetype'), url('fonts/gothamlight.svg#GothamLightRegular') format('svg');
}

@font-face {
    font-family: 'GothamBookRegular';
    src: url('fonts/gothambook.eot');
    src: url('fonts/gothambook.eot') format('embedded-opentype'), url('fonts/gothambook.woff2') format('woff2'), url('fonts/gothambook.woff') format('woff'), url('fonts/gothambook.ttf') format('truetype'), url('fonts/gothambook.svg#GothamBookRegular') format('svg');
}

@font-face {
    font-family: 'Conv_Sanlite';
    src: url('fonts/Sanlite.eot');
    src: local('☺'), url('fonts/Sanlite.woff') format('woff'), url('fonts/Sanlite.ttf') format('truetype'), url('fonts/Sanlite.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



html, body {
    height: 100%;
}

h1, h2, h3, h4, h5 {
    font-family: 'Conv_Sanlite', Calibri, Arial, sans-serif;
}

h4 {
    font-size: 19.5px;
}

body, td {
    font-family: 'Conv_Sanlite', Calibri, Arial, sans-serif;
    font-weight: normal;
    font-size: 19px;
}

a, a:link, a:active, a:visited {
    color: #000;
}

    a:hover {
        text-decoration: underline;
        color: #000;
    }

p a, p a:link, p a:active, p a:visited {
    color: #fff;
}

.active {
    text-decoration: underline;
}

.button {
    border: 2px solid #958979;
    background-color: #fff;
    color: #3f3f3f;
    float: right;
    margin-top: -36px;
    margin-right: 35px;
}

/* Containers ==================================================================*/

.content-padding {
    padding-left: 80px;
    padding-right: 80px;
}

.content-spacing {
    padding-left: 10px;
    padding-right: 10px;
}

#container-header {
    padding: 15px;
    background-image: url(../images/Header_back.jpg);
    background-repeat: repeat-x;
}

#container-main {
    background-image: url(../images/Body_Canvas.jpg);
}

#container-footer {
    padding: 15px;
    background-image: url(../images/Footer_Bar.jpg);
    background-repeat: repeat-x;
}

    #container-footer div {
        color: #707073;
        text-transform: uppercase;
        font-size: 10px;
    }

        #container-footer div a {
            color: #707073;
            text-decoration: none;
        }

            #container-footer div a:hover {
                color: #9f9fa5;
                text-decoration: none;
            }

/*Menu Override ======================================================================*/

.navbar {
}



.navbar-inner {
    min-height: 50px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    border: 0px solid #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0 0px 0px rgba(0,0,0,0.0);
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding-right: 20px;
    padding-left: 60px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar .nav {
    position: relative;
    top: 10px;
    left: 50px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #EBEBEB;
}

.navbar .btn-navbar {
}

    .navbar .btn-navbar:hover,
    .navbar .btn-navbar:focus,
    .navbar .btn-navbar:active,
    .navbar .btn-navbar.active,
    .navbar .btn-navbar.disabled,
    .navbar .btn-navbar[disabled] {
    }

navbar .nav > li > a {
    float: none;
    padding: 10px 15px 10px;
    color: #777;
    text-decoration: none;
    text-shadow: 0 0px 0px #fff;
}



.navbar .brand {
}

    .navbar .brand:hover,
    .navbar .brand:focus {
        text-decoration: none;
    }

.navbar-text {
}

.navbar-link {
}

    .navbar-link:hover,
    .navbar-link:focus {
    }

.navbar .divider-vertical {
    height: 40px;
    margin: 0 1px;
    border-right: 0px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
}


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #E71C24;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
}

.navbar .nav > li > a {
}

    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
    }



.caret {
}

.dropdown .caret {
}

.dropdown-menu {
}

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus {
        }


.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
}

.yamm .dropdown.yamm-fullwidth .dropdown-menu {
}

.yamm .yamm-content a,
.yamm .yamm-content a:hover,
.yamm .yamm-content a:focus {
}

.yamm .yamm-content a {
}

    .yamm .yamm-content a:hover,
    .yamm .yamm-content a:focus {
    }

.yamm.navbar .nav > li > .dropdown-menu:after, .yamm.navbar .nav > li > .dropdown-menu:before {
}



.nav-collapse, .nav-collapse.collapse {
}

/*Elements ================================================================================*/


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #958979;
}

.alert-info {
}

    .alert-info h4 {
    }

.navbar .btn-navbar .icon-bar {
}

.progress {
    position: fixed !important;
    left: 50%;
    text-align: center;
    z-index: 1005;
    background-color: rgba(255,255,255,0.6);
    /*border-radius: 5px;
    -moz-border-radius: 5px;*/
}

.small-text {
    font-size: 15px;
    line-height: 16px;
}

/* Div shading Backgrounds =========================================================*/

.shade-white {
    min-height: 215px;
    background-color: #fbfaef;
    -moz-box-shadow: 1px 1px 1px 1px #000000;
    -webkit-box-shadow: 1px 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px 1px #000000;
    padding: 10px;
}

.shade-white-no-border {
    min-height: 215px;
    background-color: #fbfaef;
    box-shadow: 0px 3px 3px #777, 0px -3px 3px #777;
    -moz-box-shadow: 0px 3px 3px #777, 0px -3px 3px #777;
    -webkit-box-shadow: 0px 3px 3px #777, 0px -3px 3px #777;
    padding: 10px;
}

.shade-white p {
    font-size: 14px;
    line-height: 16px;
}

.shade-white h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.shade-dark {
    background-color: #4A4A4A;
}

.shade-med {
    background-color: #4A4A4A;
}

.shade-light {
    background-color: #F2F2F2;
}

.shade-white {
    background-color: #fbfaef;
}


.shade-red {
    background-color: #E71C24;
}

.shade-content-dark {
    background-color: #9F9FA5;
}

.shade-content-light {
    background-color: #B7B6BC;
}


.white-text {
    color: #fff;
}

.red-text {
    color: #D7181E;
}



/* Horizontal Rule ====================================================================*/

hr.line-footer {
    margin: 0px 10px 10px 0px;
}

.line-footer {
    height: 1px;
    width: 100%;
    background-color: #A8A9AD;
    float: left;
}

.line-content {
    height: 1px;
    width: 100%;
    background-color: #fff;
    float: left;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 0px solid #eee;
    border-bottom: 0px solid #fff;
}

    hr.line-content {
        margin: 0px 0px 0px 0px;
    }

    hr.line-menu {
        margin: 0px 0px 0px 0px;
        height: 1px;
        text-shadow: 0px;
    }

.line-menu {
    height: 1px;
    width: 100%;
    background-color: #000;
    float: left;
    text-shadow: 0px;
}

.line-menu-white {
    margin: 0;
    height: 1px;
    width: 100%;
    background-color: #fff;
    float: left;
    text-shadow: 0px;
}

/*Media Blog Styles*/

.relative {
    position: relative;
    overflow: hidden;
}

.media-menu {
    position: fixed;
    top: 258px;
    right: 10px;
}


.media-container {
    min-height: 300px !important;
    height: 100%;
    background-color: #B7B6BC;
}

.media-container-image {
    max-height: 352px;
}

.media-image-full {
    width: 100%;
    height: auto;
}

.menu-container {
}



.GalleryTitle {
    text-transform: uppercase;
    font-family: 'GothamLightRegular', 'arial';
    color: #fff;
}

.GalleryReadMore {
    width: 100%;
    padding: 5px;
    text-transform: uppercase;
    font-family: 'GothamLightRegular', 'arial';
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #fff;
}

    .GalleryReadMore a {
        color: #fff;
    }

        .GalleryReadMore a:hover {
            text-decoration: none;
            color: #D7181E;
        }


.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 0px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus {
    border-color: #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #555555;
}

.mask:hover {
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
    overflow: hidden;
    box-shadow: 0 0 0px #000;
    -moz-box-shadow: 0 0 0px #000;
    -webkit-box-shadow: 0 0 0px #000;
    cursor: pointer;
}

.modal-body-project {
    position: relative;
    max-height: 450px;
    padding: 15px;
    overflow-y: auto;
}

/*End of Media Blog Styles*/


/*Custom  Overidden Carousel Options =================================================*/


.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    line-height: 1;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.image-banner {
    text-align: center;
    width: 100%;
    max-width: 1120px;
    height: auto;
}

.carousel {
    position: relative;
    margin-bottom: 0px;
    line-height: 1;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    line-height: 1;
    width: 100%;
    height: auto;
}

.carousel-caption {
    position: absolute;
    width: 40%;
    bottom: 30%;
    left: 40%;
    padding: 15px;
    background: #fff;
    background: rgba(255, 255, 255, 0.60);
}

    .carousel-caption h4,
    .carousel-caption p {
        line-height: 20px;
        color: #333333;
    }

    .carousel-caption h4 {
        margin: 0 0 5px;
    }

    .carousel-caption p {
        margin-bottom: 0;
    }

.carousel-indicators-project {
    position: absolute;
    top: -35px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

    .carousel-indicators-project li {
        display: block;
        float: left;
        width: 10px;
        height: 10px;
        margin-left: 5px;
        text-indent: -999px;
        background-color: #000;
        background-color: rgba(255, 255, 255, 0.25);
        border-radius: 5px;
    }

    .carousel-indicators-project .active {
        background-color: #fff;
    }

.carousel-control-project {
    position: absolute;
    top: 40%;
    left: 0px;
    width: 20px;
    height: 25px;
    margin-top: -20px;
    font-size: 20px;
    font-weight: 100;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .carousel-control-project.right {
        right: 0px;
        left: auto;
    }

    .carousel-control-project:hover,
    .carousel-control-project:focus {
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }


/*Image Mask Effects*/

.view {
    width: 100%;
    height: 200px;
    margin: 0px;
    float: left;
    /*border: 5px solid #fff;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .view .mask, .view .content {
        width: 100%;
        height: 200px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .view img {
        display: block;
        position: relative;
    }

    .view a.info {
        background: url(../images/enlarge.png) center no-repeat;
        display: inline-block;
        text-decoration: none;
        padding: 0;
        text-indent: -9999px;
        width: 78px;
        height: 78px;
    }

.roll-effect .mask {
    opacity: 0;
    overflow: visible;
    border: 100px solid rgba(0,0,0,0);
    box-sizing: border-box;
    transition: all 0.4s ease-in-out;
}

.roll-effect span.mask {
    opacity: 0;
    overflow: visible;
    border: 100px solid rgba(0,0,0,0);
    box-sizing: border-box;
    transition: all 0.4s ease-in-out;
}

.roll-effect a.info {
    position: relative;
    top: -10px; /* Center the link */
    opacity: 0;
    transition: opacity 0.5s 0s ease-in-out;
}

.roll-effect span.a.info {
    position: relative;
    top: -10px; /* Center the link */
    opacity: 0;
    transition: opacity 0.5s 0s ease-in-out;
}

.roll-effect:hover .mask {
    opacity: 1;
    border: 100px solid rgba(0,0,0,0.5);
}

.roll-effect:hover a.info {
    opacity: 1;
    transition-delay: 0.3s;
}

.roll-effect:hover span.a.info {
    opacity: 1;
    transition-delay: 0.3s;
}


/*Custom Media Queries ===============================================================*/

@media (min-width: 768px) and (max-width: 979px) {
}

@media (max-width: 767px) {
}

@media (max-width: 480px) {
}

@media (max-width: 979px) {

    body {
        padding-top: 0px;
    }

    .content-spacing {
        padding-left: 15px;
        padding-right: 15px;
    }

    .content-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar .nav {
        position: relative;
        top: 10px;
        left: 10px;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        border: 0px solid #EBEBEB;
    }
}