/* Main Slider  */
.html_carousel {}
#main-carousel {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}
/* Main Slider Overwrite  */
#main-carousel div.slide {
    height: 500px !important;
    position: relative;
    padding-top: 100px;
    z-index: 200;
    vertical-align: top;
}
/* Image Slider with Shadows  */
#main-carousel div.slide img,
#main-carousel div.slide a img  {
    width:100% !important;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
}

.container-navigation {
    width: 100%;
}

#main-carousel div.slide div.item-slider {
    position: absolute;
    width: 100%;
    min-height: 92px !important;
}

#main-carousel div.slide div.item-slider .block-title {
    font-size: 42px;
    margin-top: 8px;
    font-weight: 400;
}

#main-carousel div.slide div.item-slider .row {
    margin-top: 8px;
}


.html_carousel div.slide {
    display: inline-block !important;
    z-index: 100;
    margin-top: 0px;
}

.html_carousel div.slide img {
    width: 100%;
    height: 100%;
}

.html_carousel div.slide div.item-slider {
    background-color: rgba(0, 0, 0, 0.6);
    position: relative;
    display: block;
    margin-top: -100px;
    padding-top: 10px;
}

div.slide iframe {
    width:100%;
    max-height: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* Slider Captions */
.item-slider-caption {
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.lead{
    font-weight:200;
    line-height:23px !important;
    height: 19px !important;
    margin-bottom: 0px;
    margin-top: -10px;
}

.btn-slider {
    margin-top: 12px;
    letter-spacing: 1px;
    color: #FFFFFF;
    border: 2px solid #B3B3B3;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    padding: 8px 25px 8px 25px !important;
    text-align: center;
    text-transform:uppercase;
}


.btn-slider:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #edebeb;
}


.item-slider-caption .green {
    border: 0px solid #3d933d;
    background-color: rgba(91, 183, 91,1) !important;
}


.item-slider-caption .green:hover {
    background-color: rgba(61, 147, 61,1) !important;
}

.btn-slider i.icon-arrow {
    background: transparent url("../images/images.png") no-repeat;
    background-position: -20px -78px;
}




/*  Slide Content, example: site/reviews  */
.html_carousel div.slide div.slider-overlay-content {
    position: absolute;
    display: block;
    width:40%;
    top: 28%;
    left: 50%;
    color: #fff;
    margin-left: -20%;
    text-align: center;
}

#main-carousel  div.slide div.slider-overlay-content .review-image img {
    width: auto !important;
}

.html_carousel div.slide {
    position: relative;
}

.html_carousel div.slide div.slider-text-content {
    position: absolute;
    display: block;
    width:700px;
    top: 50%;
    left: 50%;
    color: #fff;
    margin-left: -350px;
    text-align: center;
}

div.slider-text-content h1,
div.slider-text-content h2 {
    font-size: 50px;
    text-shadow: 2px 2px 2px rgba(10, 10, 10, 1);
}



div.slide div.slider-overlay-content .review-image img {
    width: auto !important;
    height: auto !important;
}

div.slider-overlay-content .review-customer-text {
    margin: 40px 0px;
    font-size: 18px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 36px;
}

div.slider-overlay-content .review-customer-name {
    margin-top: 20px;
    font-size: 22px;
}

div.slider-overlay-content  h1 {
    font-size: 50px;
    margin-top: 35px;
    margin-bottom: 50px;
}

div.slider-overlay-content  h2 {
    margin-top: 20px;
    margin-bottom: 0px;
}

.clearfix {
    float: none;
    clear: both;
}

#pager-corusel-main {
    margin:0;
    text-align: left;
}


/* Navigation Arrows */
.html_carousel .prev, .html_carousel .prev:hover,
.html_carousel .next,  .html_carousel .next:hover {
    position: relative;
    margin:0;
    padding:0;
    margin-top: -30%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    width:38px;
    height:75px;
    z-index: 450;
}

.html_carousel .prev, .html_carousel .prev:hover {
    float: left;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: transparent url("../images/images.png") no-repeat;
    background-position: 0px top;
}

.html_carousel .next, .html_carousel .next:hover {
    float: right;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: transparent url("../images/images.png") no-repeat;
    background-position: -39px 0px;
}

#mprev, #mnext {
    position: absolute !important;
    float: none;
    margin:0;
    padding:0;
    top: 300px;
}

#mprev { left: 50px; }
#mnext { right: 50px; }

/* Pagination */
.silder-pager {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

.silder-pager a {
    margin: 0 5px;
    text-decoration: none;
}

.silder-pager a.selected {
    text-decoration: underline;
}

.pagination {
    text-align: center;
}

.pagination a {
    background: transparent url("../images/images.png") no-repeat;
    background-position: 0px -78px;
    width: 10px;
    height: 11px;
    margin: 0 5px 0 0;
    display: inline-block;
}

.pagination a.selected {
    background: transparent url("../images/images.png") no-repeat;
    background-position: -11px -78px;
    cursor: default;
}

.pagination a span {
    display: none;
}

/* Racetarcks slider */
#racetrack .pagination {
    margin: 0 !important;
}

/* Main Slider */


/* Homepage Testimonails Slider Arrows */
#slprev , #slnext {
    margin-top: -47.8%;
}

#slprev {
    margin-left: -35px;
}

#slnext {
    margin-right: -35px;
}

#other-available-car-slider {
    margin: 10px 10px -10px 4px;
}

#add-available-car-slider {

}

#csprev , #csnext {
    margin-top: -90px;
}

#bsprev , #bsnext {
    margin-top: -95px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#bsprev {
    margin-left: 5px;
}

#bsnext {
    margin-right: 5px;
}

#gsprev , #gsnext {
    margin-top: -140px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#gsprev {
    margin-left: 15px;
}

#gsnext {
    margin-right: 15px;
}

#pprev , #pnext {
    margin-top: -112%;
    opacity: 0.98;
    filter: alpha(opacity=98);
}

#pprev {
    margin-left: -45px;
}

#pnext {
    margin-right: -48px;
}


.car-box {
    width: 200px;
    height: 110px;
    text-align: center;
    vertical-align: bottom;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 1px #d0d0d0;
    border-radius: 5px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 3px #ccc;
    -webkit-box-shadow: 0px 0px 3px #ccc;
    box-shadow: 0px 0px 3px #ccc;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.car-box:hover {
    background-color: #dfdfdf;
}

.car-box-selected {
    background-color: #faa7a7;
    color: #000;
}

.car-box img {
    width:174px !important;
    height: 50px !important;
    margin-top: 20px;
}


/* Founders Slider */
#founders-slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


#founders-slider div.slide {
    position: relative;
    z-index: 1;
}

#founders-slider div.slide  img {
    width:100%;
    max-width: 1400px;
    max-height: 700px;
    height: auto;
    margin-bottom: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Gallery Thumbnail  */
#model-gallery {
    position: relative;
    border-top:12px solid #dfdfdf;
}

.no-border #model-gallery {
    border-top:none;
}

#model-gallery-carousel {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#model-gallery-carousel div.slide {
    position: relative;
    z-index: 1;
}

#model-gallery-carousel div.slide img {
    max-width: 1200px;
    max-height: 700px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#model-thumbnail-wrapper {
    height: 120px;
    width: 100%;
    display: block;
    background-color: rgba(0,0,0, 0.9) !important;
    position: relative;
    z-index: 500;
    overflow:hidden;

}

#model-gallery-thumbnails {
    overflow: hidden;
    margin-left: 0px;
    z-index: 2;
}

#model-gallery-thumbnails img {
    display: block;
    float: left;
    margin: 20px 6px 20px 6px;
    width: 118px;
    height: 80px;
    box-shadow: 0 0 10px #000;
    border: 1px solid #000;
    opacity: 0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}

#model-gallery-thumbnails img:hover {
    opacity: 1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

#model-gallery-thumbnails img.selected {
    border: 1px solid #7a7a7a;
    opacity: 1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
/* Arrows Navigator */
#alprev , #alnext {
    margin-top: -18%;
}

#alprev {
    margin-left: 2%;
}

#alnext {
    margin-right: 2%;
}

#tprev , #tnext {
    margin-top: -32%;
}

#gprev , #gnext {
    margin-top: -22%;
}

#gcprev , #gcnext {
    margin-top: -28%;
}

#fprev {
    margin-left: 2%;
}

#fnext {
    margin-right: 2%;
}

#fprev , #fnext {
    margin-top: -24%;
}


/* Buttons */
.btn-booknow {
    font-family: Arial,Helvetica,sans-serif;
    padding: 3px 40px 3px 40px !important;
    margin-top:-10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: normal;
}

@media (min-width: 780px) and  (max-width: 1400px) {

    .html_carousel div.slide div.slider-overlay-content
    {
        position: absolute;
        display: block;
        width:60%;
        top: 25%;
        left: 40%;
        color: #fff;
        margin-left: -20%;
        text-align: center;
    }
}
@media (min-width: 980px) and  (max-width: 1350px) {

    #mprev, #mnext {
        top: 250px;
    }

    /* Image Slider with Shadows  */
    #main-carousel div.slide img,
    #main-carousel div.slide a img  {
        margin-left: auto;
        margin-right: auto;
        z-index: -1;
    }

    .top-block-description {
        color: #5b5b5b;
        padding: 10px 0 10px 20px;
        text-align: center;
        width: 80%;
    }

    #main-carousel div.slide {
        height: 400px !important;
        padding-top: 100px;
        position: relative;
        vertical-align: top;
        z-index: 200;
    }

    #main-carousel div.slide div.item-slider {
        min-height: 92px !important;
        position: absolute;
        width: 100% !important;
        position: absolute;
        top:480px;
    }

}

@media (min-width: 1400px)  {
    #wrapper .caroufredsel_wrapper,
    #model-gallery-wrapper  .html_carousel {
        background: url("/themes/exotics/images/background.jpg") no-repeat;
        background-size: 100% 100%;
    }

    #main-carousel div.slide,
    #model-gallery-carousel div.slide {
        background-color: transparent;
    }

    #main-carousel div.slide div.item-slider {
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        top:600px;
        height: 92px;
    }

    #main-carousel div.slide div.item-slider .item-slider-caption {
        padding-left: 12px;
    }

    #main-carousel div.slide > img,
    #main-carousel div.slide a > img,
    #model-gallery-carousel div.slide > img,
    #founders-slider div.slide > img,
    #main-carousel div.slide > iframe {
        height: 500px;
        display: block;
        margin-top:12px;
        -webkit-box-shadow: 2px 2px 300px 200px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 300px 200px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 300px 200px rgba(0,0,0,0.65);
    }

    #founders-slider div.slide > img {
        margin-bottom: 12px !important;
    }

    #fprev , #fnext {
        margin-top: -25%;
    }
}