/*Font stuff*/

@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuebook';
    src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'), url('../fonts/bebasneue_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuelight';
    src: url('../fonts/bebasneue_light-webfont.woff2') format('woff2'), url('../fonts/bebasneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('../fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuethin';
    src: url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'), url('../fonts/bebasneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*Links*/

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

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



/*Nav Bar Stuff*/


/*Adjust position of body to appear below navbar*/

@media only screen and (min-width: 320px) {
    body {
        padding-top: 50px;
    }
}

@media only screen and (min-width: 480px) {
    body {
        padding-top: 50px;
    }
}

@media only screen and (min-width: 768px) {
    body {
        padding-top: 55px;
    }
}

@media only screen and (min-width: 992px) {
    body {
        padding-top: 158px;
    }
    // .navbar-header {
    //     background-image: url("../img/logo_sm.png");
    //     background-repeat: no-repeat;
    //     float: left;
    // }
}

// body
// {
//     padding-top: 50px;
// }
.small-logo {
    position: fixed;
    left: 0px;
    // margin-left: -15px;
}

.large-logo {
    position: inherit;
    // top: 200px;
    padding: 37px 0px 10px 0px;
}

.af-logo-tag-left {
    position: relative;
    top: 45px;
}

.headerobjectLeft {
    position: fixed;
    float: left;
    top: 42px;
    text-decoration: none;

}

.headerobjectRight {
    position: fixed;
    float: right;
    top: 52px;
}

// .navbar-nav {
//     width: 100%;
//     text-align: center;
// }

// .navbar-nav > li {
//     float: none;
//     display: inline-block;
// }

.navbar {
    text-transform: uppercase;
    font-family: Helvetica;
    font-weight: 900;
    border: 0;
}

.navbar-custom {
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
}

// .navbar .navbar-collapse {
//     text-align: center;
// }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #000;
}

/*.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #aaaaaa;  
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; 
background-color: #000;
}*/

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-collapse {
  text-align:center;
  }

.navbar-nav {
    display:inline-block;
    float:none;
  }

.nav-stacked>li+li {
    margin-top: 0px;
    margin-left: 0;
}

/*Body Content Stuff*/

.af-body {
    padding: 15px 0px 15px 30px;
}


.af-body-headline {
    font-family: 'bebas_neue_regularregular';
    text-transform: uppercase;
    color: #262626;
    background-color: rgba(255, 255, 255, 0.0);
    font-size: 30px;
}

.af-body-copy{
    padding: 20px 15px 0px 15px;
    // margin-left: 15px;
}



/*Footer Stuff*/

.af-map {
    background-color: #000;
}

.af-footer-div-style {
    padding: 32px;
    color: #ffffff;
    background-color: #191919;
}

.af-copyright {
    padding: 24px 0px 0px 0px;
    color: #FFFFFF;
    background-color: #191919;
    text-align: center;
    font-size: 0.8em;
}

.af-footer-contact-headline {
    font-family: 'bebas_neue_regularregular';
    text-transform: uppercase;
    color: #ffffff;
    background-color: rgba(255, 0, 0, 0.0);
    font-size: 30px;
}

.af-footer-contact-body {
    color: #fff;
}

.af-footer-contact-body h2 {
    font-family: Helvetica;
    text-transform: none;
    color: #ffffff;
    background-color: rgba(255, 0, 0, 0.0);
    font-size: 30px;
}

.af-footer-headline {
    font-family: 'bebas_neue_regularregular';
    text-transform: uppercase;
    color: #bf0000;
    background-color: #191919;
    font-size: 30px;
    // margin-top: 0px;
    // padding; 500px 0px 0px 0px;
}

.af-footer-link-style {
    padding-left: 20px;
    color: #ffffff;
    background-color: #191919;
}

.af-footer-contact {
    padding: 16px 32px 32px 32px;
    background-image: linear-gradient(#c00000, #430000);
}

.af-social {
    color: #fff;
    background-color: #191919;
    // padding-right: 20px;
}

.af-social-icon {
    // position: relative;
    // top: 5px;
    padding: 0px 10px 10px 0px;
}

/*Thumbnail stuff*/


/*.thumbnail {
    display: inline;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0 none;
    box-shadow: none;
    }
*/

.af-thumbnail {
    display: block;
    padding: 5px;
    margin: 5px 0px 10px 0px;
    // line-height: 1.42857143;
    color: #262626;
    background-color: #ddd;
    border: 0px solid #ddd;
    border-radius: 0px;
    width: 100%;
    font-family: helvetica;
    font-size: 1em;
    font-weight: 600;
    // text-transform: uppercase;
}

.wc-label {
    position: relative;
    bottom: 2px;
    color: #262626;
    background-color: #ddd;
    padding: 1px 5px 1px;
    border: 0px solid #262626;
    border-radius: 4px;
}

.fleet {
    color: #000;
    background-color: #fff;
    padding: 0px 0px 30px 0px;
}

.af-ev-thumb {
    /*display: inline-block;*/
    /*min-height: 192px;
    min-width: 144px;*/
    padding: 0px;
    margin: 0px -15px 0px -15px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0px;
}

.af-ev-container {
    display: inline-block;
    position: relative;
    left: 0px;
}

.af-thumb {
    /*margin-bottom: 30px;*/
}

.ev-thumb {
    padding: 16px 0px 0px 0px;
    margin: 0px 0px 32px 0px;
}

.af-thumbTag {
    position: relative;
    padding-top: 5px;
    background-color: #ddd;
}

.af-gallery-title {
    font-family: 'bebas_neue_regularregular';
    text-transform: uppercase;
    color: #262626;
    font-size: 30px;
    padding: 10px 15px 10px 15px;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    margin: 0px -15px 0px -15px;
}

.af-ev-link {
    font-family: helvetica;
    font-size: 1.3em;
    font-weight: 600;
    color: #0572c6;
    background-color: #fff;
}

.af-tag-link {
    font-family: helvetica;
    font-size: 1.3em;
    font-weight: 600;
    color: #8aa228;
    background-color: #fff;
}


/* HERO stuff */

.af-hero-headline {
    font-family: 'bebas_neuebold';
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(255, 0, 0, 0.0);
    font-size: 60px;
    margin-top: 140px;
    padding: 0px 0px 0px 0px;
    text-shadow: 0 0 5px black;
    text-align: center;
    position: relative; 
    vertical-align: middle;
    bottom: 50px; 
}

.af-hero-body {
    font-family: Helvetica;
    font-weight: 666;
    text-transform: none;
    color: #ffffff;
    background-color: rgba(255, 0, 0, 0.0);
    font-size: 1.2em;
    padding: 0px 0px 15px 0px;
    text-align: center;
    position: relative; 
    vertical-align: middle;
    bottom: 50px;
    text-shadow: 0 0 5px black;
}

.af-hero-bg {
    background: no-repeat left center;
    // background: url('../img/corporate.png') no-repeat left center;
    // no-repeat center center fixed
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

// .af-hero-bg {
//     background: url('../img/corporate.png') no-repeat left center;
//     // no-repeat center center fixed
//     -webkit-background-size: cover;
//     -moz-background-size: cover;
//     -o-background-size: cover;
//     background-size: cover;
// }

/*Carousel Stuff*/

.af-carousel-holder {
    margin: 0px -15px 0px -15px;
}

// .af-oc-item {
//     background: #e5e5e5;
//     margin: 0px
// }

// .af-oc-btn {
//     background-color: #bd0000;
//     color: #262626;
//     padding: 5px 10px;
//     cursor: pointer
// }

// .owl-carousel .owl-nav .owl-prev,
//   .owl-carousel .owl-nav .owl-next,
//   .owl-carousel .owl-dot {
//     //width, height
//     width:30px;
//     height:30px;
//     ...
// }
// .owl-carousel .owl-nav .owl-prev{
//     background: url('left-icon.png') no-repeat;
// }
// .owl-carousel .owl-nav .owl-next{
//     background: url('right-icon.png') no-repeat;
// }

.af-slider{
    overflow:hidden;
    width: 100%;
    height: auto;
    margin: 0 auto; 
    background: #333333;
}

.af-slider img {
  // height: calc(50vh - 100px);
  width: auto;
  margin: 0 auto; /* it centers any block level element */
}

.slick-prev, .slick-next {
    height: 55px;
    width: 75px;
    // background-color: #262626;
    }

.slick-prev{
    position: absolute;
    top: 40%;
    left: 0px;
    z-index: 998;
    /*plan to add button image*/
    }

.slick-next{
    position: absolute;
    top: 40%;
    z-index: 997;
    right: 0px;
    /*plan to add button image*/
    }

 .rightIcon {
    float: right;

}

.rightIcon,.leftIcon { 
    // margin:100px;
    font-size:3em; 
}

// BUTTON SHIZNIT

.btn-primary {
    color: #fff;
    background-color: #262626;
    border-color: #000000;
}

.btn-primary:focus {
    color: #fff;
    background-color: #262626;
    border-color: #000000;
}

.navbar-default .navbar-nav>li>a:hover {
    color: rgb(187, 0, 0);
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus {
    color: rgb(187, 0, 0);
    background-color: transparent;
}

.btn-lg {
    font-weight: 900;
    padding: 10px 16px 12px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 28px;
    color: #222;
    background-color: rgba(255, 255, 255, 0.7);
    border-color: #888;
    text-shadow: none;
}

.btn-primary:hover {
    color: #fff;
    background-color: rgba(34, 34, 34, 0.8);
    border-color: rgba(153, 0, 0, 0.8);
}

.af-footer {
    margin-top: 20px;
}

.af-fp-btn {
    margin: 30px 0px 0px 0px;
}


// .btn-group-lg>.btn {
//     padding: 10px 16px;
//     font-size: 18px;
//     line-height: 1.3333333;
//     border-radius: 6px;
//     color: rgb(187, 0, 0);
//     background-color: transparent;
// }