/**** Colorbox  ****/

div.well {
}

/**** Fonts ****/

.title-alt {
    color: #f6deb0 !important;
}

.bold {
    font-weight:bold;
}

/** Home Page Button **/

div.hp-button a {
    width: 100%;
    padding: 8px;
    color: #ffffff !important;
    background-color: #de1818;
    border-color: #c41515;
    border-radius:4px;
}

    div.hp-button a:hover {
        background-color: #ba1515;
        border-color: #c41515;
        color:#fff !important;
    }


div.hp-header-button {
    margin-right:5px;
}

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

    div.hp-header-button {
        margin:0 auto;
    }
}

div.hp-header-button a, 
div.hp-header-button a:visited {
    width: 100%;
    padding: 4px;
    color: #ffffff !important;
    background-color: #de1818;
    border-color: #c41515;
    border-radius: 4px;
}

    div.hp-header-button a:active:hover, 
    div.hp-header-button a:active:focus {
        background-color: #ba1515;
        border-color: #c41515;
    }


/* Top Strip */

.top-strip-background {
    background-image: url('/Images/Layout/road-repeat.png');
    background-position: center top;
    background-repeat:repeat-x;
}

.top-strip {
    height: 18px;
}

/* No Gutter */

.no-gutters {
    background-color: #242424;
    display: block !important;
    width: 100%;
}

    .no-gutters .container-fluid {
        width:100%;
        margin: 0 auto;
        padding: 0 0;
    }

        .no-gutters .container-fluid .row {
            margin: 0 0;
            padding: 0 0;
        }

            .no-gutters .container-fluid .row .col-xs-12, .no-gutters .container-fluid .row .col-md-4 {
                margin: 0 0 !important;
                padding: 0 0 !important;
            }


@media (min-width: 1200px){
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}



.wide-pics img {
    width: 100%;
}

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

    /* This is a fix for screens larger than 1920px */
    .wide-picture img {
        width: 100%;
    }
}


/* Caption */

div.caption {
    margin:6px auto;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    font-style:italic;
}

/* Seperator */

div.seperator {
    border-top: 1px solid #aaaaaa;
    clear: both;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 0 0 16px;
    padding: 0;
}


/* Social Icons */

.navbar-custom .nav.navbar-nav.navbar-right .fa {
    font-size: 32px;
    line-height: 100%;
}

.navbar-custom .nav.navbar-nav.navbar-right.navbar-icons li > a {
    padding-top: 9px !important;
}

.navbar-custom .nav.navbar-nav.navbar-right.navbar-icons li > a:hover  {
    color: #e3e3e3;
}


@media (max-width: 992px) {
    .navbar-custom .nav.navbar-nav.navbar-right.navbar-icons li > a{
        padding-top: 2px !important;
    }
}

.navbar-custom .nav.navbar-nav.navbar-right li > a 
{
    padding-top: 9px !important;
}

@media (max-width: 768px) {
    .navbar-custom .nav.navbar-nav.navbar-right.navbar-icons li > a {
        padding-top: 0 !important;
    }
}


/**** Social Media Icons ****/

.header-contact div.social-media-icons {
    font-weight: normal;
    line-height: 32px;
    position: relative;
    z-index:0;
}

.header-contact div.social-media-icons span {
    font-size: 40px !important;
    margin-top:0;
}

.fa-stack {
    position: relative;
    display: inline-block !important;
    width: 1em;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
}

.header-contact div.social-media-icons a.linkedin, .header-contact div.social-media-icons a.linkedin:visited {
    color: #0274b3;
}

.header-contact div.social-media-icons a.linkedin:hover {
    color: #005f94;
}

.header-contact div.social-media-icons a.twitter, .header-contact div.social-media-icons a.twitter:visited {
    color: #28a9e2;
}

.header-contact div.social-media-icons a.twitter:hover {
    color: #2393c4;
}

.header-contact div.social-media-icons a.facebook, .header-contact div.social-media-icons a.facebook:visited {
    color: #395185;
}

.header-contact div.social-media-icons a.facebook:hover {
    color: #334877;
}

.header-contact div.social-media-icons a.youtube, .header-contact div.social-media-icons a.youtube:visited {
    color: #c92d27;
}

.header-contact div.social-media-icons a.youtube:hover {
    color: #b12721;
}

.header-contact div.social-media-icons a.google-plus, .header-contact div.social-media-icons a.google-plus:visited {
    color: #dc4a38;
}

.header-contact div.social-media-icons a.google-plus:hover {
    color: #c64130;
}

/* Padding */

div.container .pt-0 {
    padding-top: 0;
}

div.container .pb-0 {
    padding-bottom: 0;
}

div.container .pb-20 {
    padding-bottom:20px;
}

div.container .pl-0 {
    padding-left: 0;
}

div.container .pr-0 {
    padding-right: 0;
}

/* Margins */

div.container .mt-0 {
    margin-top: 0;
}

div.container .mt-15 {
    margin-top: 15px;
}

div.container .mt-30 {
    margin-top: 30px;
}

div.container .mb-0 {
    margin-bottom: 0;
}

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

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

div.container .mb-15 {
    margin-bottom: 15px;
}

div.container .mb-20 {
    margin-bottom: 20px !important;
}

div.container .mb-30 {
    margin-bottom: 30px;
}

div.container .ml-0 {
    margin-left: 0;
}

div.container .mr-0 {
    margin-right: 0;
}

/************ Video Resizer **************/

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.video-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: solid #000000 1px;
}

@media (max-width: 992px) {
.video-container {
    margin-top: 0 !important;
    }
}


/**** Vertical Align ****/


.vcenter {
    display: flex;
    align-items: center;
}


/* Extra small devices (767px and down) */
@media (max-width: 767px) {
    .row.vcenter {
        display: block; /* Turn off the flexible box layout */
    }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .row.vcenter {
        display: flex;
        align-items: center;
    }
}

/* Multi-Column Lists */

.two-col-fix {
    /*padding:0;*/
    /*list-style-position:inside;*/
    column-gap: 50px;
}

.two-col-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.three-col-list {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

.four-col-list,
.four-col-list-map {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}

@media(min-width:992px) and (max-width:1199px) {
    .four-col-list-map {
        columns: 3;
    }
}

@media (max-width : 767px) {

    .two-col-list,
    .three-col-list,
    .four-col-list {
        columns: initial;
        -webkit-columns: initial;
        -moz-columns: initial;
    }

    .four-col-list-map {
        columns: 3;
    }
}

@media(max-width:575px) and (min-width:410px) {
    .four-col-list-map {
        columns: 2;
    }
}

@media(max-width:409px) {
    .four-col-list-map {
        columns: initial;
    }
}

@media (min-width : 768px) And (max-width : 991px) {

    .two-col-list {
        columns: initial;
        -webkit-columns: initial;
        -moz-columns: initial;
    }

    .three-col-list,
    .four-col-list,
    .four-col-list-map {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}