/* -- */
/* Home Page / Model Page Carousel */
/* -- */
#owl-home {
    /* Parallex */
	/*position: fixed;*/
	z-index: 0;
    background-color: #000000;
}
    #owl-home .owl-wrapper-outer {
        margin-top: 84px;
        background-color: #000000;
    }
    #owl-home.lower-menu .owl-wrapper-outer {
        margin-top: 114px;
    }
    /* Put navigation at bottom and middle */
    #owl-home .owl-controls {
        /*position: absolute;
        width: 100%;
        bottom: 0px;
        right: 0px;
        left: 0px;
        transition: bottom 0.5s;
        -webkit-transition: bottom 0.5s;
        -moz-transition: bottom 0.5s;
        -ms-transition: bottom 0.5s;*/
        visibility: hidden; /* For lazy loading, do not show controls until afterLazyLoad function fires */
        margin-top: 0px;
    }
        /* Center the navigation and put up 50px */
        #owl-home .owl-controls .owl-pagination {
            position: absolute;
            /*bottom: 50px;*/
            bottom: 60px;
            top: auto;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
        }
            #owl-home .owl-controls .owl-pagination .owl-page {
                display: inline-block;
            }
                /* Change dots to custom image */
                #owl-home .owl-controls .owl-pagination .owl-page span {
                    background: url(images/carouselDotModel.png);
                    display: block;
                    height: 5px;
                    margin: 5px 7px;
                    width: 21px;
                	filter: Alpha(Opacity=90);/*IE7 fix*/
                    opacity: 0.9;
                }
                #owl-home .owl-controls .owl-pagination .owl-page.active span {
                    background: url(images/carouselDotModelOn.png);
                }
    /* Move the image down 84px to give room for header and sub-nav */
    #owl-home div.owl-item {
        /*margin-top: 84px;*/
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s;
        text-align: center;
    }
    #owl-home.lower-menu div.owl-item {
        /*margin-top: 114px;*/
    }
    /* Style the caption */
    #owl-home div.owl-item .caption {
        position: absolute;
        font-size: 0.8em;
        bottom: auto;
        top: 20px;
        left: auto;
        right: 20px;
        color: #FFF;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 5px 10px;
        text-align: center;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; /* future proofing */
        -khtml-border-radius: 5px; /* for old Konqueror browsers */
    }
    /* Alternate left and right */
    #owl-home div.owl-item:nth-child(odd) .caption {
        left: 20px;
        right: auto;
    }
    /* preloading images */
    #owl-home div.owl-item.loading{
	    min-height: 400px;
	    /*background: url(images/logo.png) no-repeat center center;*/
        /*-webkit-animation-name: spinLoader;
        -webkit-animation-duration: 2000ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: spinLoader;
        -moz-animation-duration: 2000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: spinLoader;
        -ms-animation-duration: 2000ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        animation-name: spinLoader;
        animation-duration: 2000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;*/
    }
    #owl-home div.owl-item.loading:after{
        position: absolute;
        top: 40%;
        font-family: "FontAwesome";
        content: "\f005";
        color: #600;
        font-size: 3em;
        font-weight: 100;
        -webkit-animation-name: spinLoader;
        -webkit-animation-duration: 1500ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: spinLoader;
        -moz-animation-duration: 1500ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: spinLoader;
        -ms-animation-duration: 1500ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        animation-name: spinLoader;
        animation-duration: 1500ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    @-ms-keyframes spinLoader {
        from { -ms-transform: rotate(0deg); }
        to { -ms-transform: rotate(360deg); }
    }
    @-moz-keyframes spinLoader {
        from { -moz-transform: rotate(0deg); }
        to { -moz-transform: rotate(360deg); }
    }
    @-webkit-keyframes spinLoader {
        from { -webkit-transform: rotate(0deg); }
        to { -webkit-transform: rotate(360deg); }
    }
    #owl-home div.owl-item.loading .caption,
    #owl-home div.owl-item.loading .overlay {
	    display: none;
    }
    #owl-home .item img {
        display: block;
        width: 100%;
        height: auto;
    }
    /* Place arrows on bottom left and right */
    #owl-home .owl-controls .owl-buttons div {
        position: absolute;
        background: none;
        filter: Alpha(Opacity=90);/*IE7 fix*/
        opacity: 0.9;
    }
        #owl-home .owl-controls .owl-buttons div.owl-prev {
            bottom: 50%;
            left: 0px !important;
            /*left: 25px;
            bottom: 25px;*/
        }
        #owl-home .owl-controls .owl-buttons div.owl-next {
            bottom: 50%;
            right: 0px !important;
            /*right: 25px;
            bottom: 25px;*/
        }
/* If header is fixed, adjust margin */
#wrapper.fixed #owl-home div.owl-item {
    margin-top: 40px;
}
/* Style footer to appear in middle of page */
#owl-home-footer {
    /*position: fixed;
    bottom: 0px;
    top: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 80%;
    transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;*/
    position: relative;
    margin-top: -60px;
    text-align: center;
    height: 50px;
}
/* Text of footer */
    #owl-home-footer strong {
        display: block;
        font-size: 0.5em;
        color: #FFF;
        /*margin-bottom: -14px;*/
        margin-bottom: 0px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 3px;
    }
    #owl-home-footer a {
        display: block;
        margin-top: 6px;
    }
#owl-home div.owl-item .flag-right,
#owl-home div.owl-item .flag-left {
    position: absolute;
    top: 20px;
    bottom: auto;
    visibility: hidden;
    z-index: 201;
    display: none;
}
#owl-home div.owl-item.active .flag-right,
#owl-home div.owl-item.active .flag-left {
    -webkit-transition: right 1.5s, left 1.5s;
    -moz-transition: right 1.5s, left 1.5s;
    -ms-transition: right 1.5s, left 1.5s;
    transition: right 1.5s, left 1.5s;
    visibility: visible;
}

#owl-home div.owl-item.active .flag-right {
    left: auto;
    right: -150px;
}
#owl-home div.owl-item.active .flag-left {
    left: -150px;
    right: auto;
}

#owl-home div.owl-item .overlay {
	left: 10em;
	position: absolute;
    margin-top: 10%;
    z-index: 201;
    display: none;
    width: 100%;
}
    #owl-home div.owl-item .overlay h1,
    #owl-home div.owl-item .overlay h2 {
        font-family: sans-serif;
        font-weight: 900;
        letter-spacing: 0px;
    }
    #owl-home div.owl-item .overlay h1 {
        color: #fff;
        font-size: 3em;
        -webkit-text-shadow: 0 0 30px rgba(0,0,0,0.5);
        -moz-text-shadow: 0 0 30px rgba(0,0,0,0.5);
        text-shadow: 0 0 30px rgba(0,0,0,0.5);
        text-align: left;
    }
        #owl-home div.owl-item .overlay h1.large {
            font-size: 4em !important;
            line-height: .8;
        }
        #owl-home div.owl-item .overlay h1.small {
            font-size: 2.2em !important;
            line-height: 1;
        }
    #owl-home div.owl-item .overlay h2 {
        font-family: 'Cabin';
        font-size: 1.4em;
        color: #9c1418;
        text-align: left;
        -webkit-text-shadow: 0 0 30px rgba(255,255,255,0.5);
        -moz-text-shadow: 0 0 30px rgba(255,255,255,0.5);
        text-shadow: 0 0 30px rgba(255,255,255,0.5);
    }
        #owl-home div.owl-item .overlay h2.light {
            color: #fff;
            -webkit-text-shadow: 0 0 30px rgba(0,0,0,0.5);
            -moz-text-shadow: 0 0 30px rgba(0,0,0,0.5);
            text-shadow: 0 0 30px rgba(0,0,0,0.5);
        }
    #owl-home div.owl-item .overlay.middle {
        margin-top: 15% !important;
    }
    #owl-home div.owl-item .overlay.top {
        margin-top: 0 !important;
        left: auto;
    }
    #owl-home div.owl-item .overlay.bottom {
        left: 0;
        margin-bottom: 80px !important;
        margin-top: auto !important;
    }
        #owl-home div.owl-item .overlay.bottom img {
            max-width: 1400px;
            margin: 0 auto;
        }
    #owl-home div.owl-item .overlay.banner {
	    margin-top: 100px !important;
        left: 50px;
    }
        #owl-home div.owl-item .overlay.banner.right {
            left: auto;
            right: 50px;
        }
            #owl-home div.owl-item .overlay.banner.right img {
                float: right;
            }
            #owl-home div.owl-item .overlay.banner.right .button {
                clear: right;
            }
                #owl-home div.owl-item .overlay.banner.right .button a {
                    margin-top: 10px;
                }
    #owl-home div.owl-item .overlay.right h1 {
        text-align: right;
    }
    #owl-home div.owl-item .overlay.right h2 {
        text-align: right;
    }
    #owl-home div.owl-item .overlay .button {
        margin-top: 20px;
    }
    #owl-home div.owl-item .overlay .button a {
        min-width: 200px;
        max-width: 300px;
        width: 80%;
        padding: 20px;
    }



/* -- */
/* Features */
/* -- */
#owl-features .owl-item,
#owl-featured .owl-item {
    border: none !important;
}
    #owl-features .owl-item h3 {
        color: #3d3d3d;
        margin: 0;
        padding: 10px;
        text-transform: uppercase;
        font-size: 0.9em;
        font-weight: 900;
        letter-spacing: 0px;
        display: block;
    }
    #owl-features .owl-item img {
        width: 100%;
        max-height: 200px;
        max-width: 200px;
        padding: 10px 10px 0px;
    }
    #owl-featured .owl-item img {
        width: 100%;
        padding: 5px;
    }
    #owl-features .owl-item p {
        padding: 10px;
        font-size: 0.8em !important;
        display: block;
        height: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        line-height: 1.2em !important;
    }
    #owl-featured .owl-item h3 {
        padding-left: 5px;
    }
    #owl-featured .owl-item p {
        /*padding-bottom: 30px;*/
        padding: 0px 10px 30px 5px;
        display: block;
        height: 150px;
    }
    /* Place arrows on bottom left and right */
    #owl-features .owl-controls .owl-buttons div,
    #owl-featured .owl-controls .owl-buttons div {
        position: absolute;
        background: none;
        filter: Alpha(Opacity=90);/*IE7 fix*/
        opacity: 0.9;
    }
        #owl-features .owl-controls .owl-buttons div.owl-prev,
        #owl-featured .owl-controls .owl-buttons div.owl-prev {
            left: -50px !important;
            bottom: 50%;
        }
        #owl-features .owl-controls .owl-buttons div.owl-next,
        #owl-featured .owl-controls .owl-buttons div.owl-next {
            right: -50px !important;
            bottom: 50%;
        }


/* -- */
/* Testimonials */
/* -- */
#owl-testimonials .owl-controls {
    margin: -20px 0px 0px;
}


/* -- */
/* Featured XD */
/* -- */
#owl-features-xd .owl-wrapper-outer {
    overflow: visible;
}
#owl-features-xd .owl-item {
    visibility: hidden;
}
    #owl-features-xd .owl-item.active {
        visibility: visible;
    }
    #owl-features-xd .owl-item .item {
        margin-left: 50%;
    }
        #owl-features-xd .owl-item .item.first {
            padding-top: 20px;
        }
        #owl-features-xd .owl-item .item.third {
            padding-top: 70px;
        }
#owl-features-xd .owl-controls {
    position: absolute;
    text-align: center;
    width: 30%;
    margin-top: -20px;
}
        /* Center the navigation and put up 50px */
    #owl-features-xd .owl-controls .owl-pagination {
        position: relative;
    }
        #owl-features-xd .owl-controls .owl-pagination .owl-page {
            display: inline-block;
        }
                /* Change dots to custom image */
            #owl-features-xd .owl-controls .owl-pagination .owl-page span {
                background: url(images/offroad/off.png);
                display: block;
                height: 5px;
                margin: 5px 7px;
                width: 21px;
                filter: Alpha(Opacity=90); /*IE7 fix*/
                opacity: 0.9;
            }
            #owl-features-xd .owl-controls .owl-pagination .owl-page.active span {
                background: url(images/offroad/on.png);
            }
    /* Place arrows on bottom left and right */
    #owl-features-xd .owl-controls .owl-buttons {
        position: relative;
        margin-top: -36px;
        margin-left: auto;
        margin-right: auto;
    }
    /* Place arrows on bottom left and right */
    #owl-features-xd .owl-controls .owl-buttons div {
        background: none;
        filter: Alpha(Opacity=90);/*IE7 fix*/
        opacity: 0.9;
    }
        #owl-features-xd .owl-controls .owl-buttons div.owl-prev {
            padding-right: 60px;
        }
        #owl-features-xd .owl-controls .owl-buttons div.owl-next {
            padding-left: 60px;
        }





/* -- */
/* Responsive */
/* -- */
@media (max-width: 1200px) {
    #owl-home div.owl-item .flag-right,
    #owl-home div.owl-item .flag-left {
        top: 10px;
    }
    #owl-home div.owl-item .overlay.banner {
	    margin-top: 60px !important;
    }
        #owl-home div.owl-item .overlay.banner.right {
            margin-top: 60px !important;
            right: 0px;
        }
            #owl-home div.owl-item .overlay.banner.right .button {
                position: relative;
            }
                #owl-home div.owl-item .overlay.banner.right .button a {
                    position: absolute;
                    right: 120px;
                    left: auto;
                    margin-left: 70px;
                }
    #owl-features-xd .owl-controls {
        position: absolute;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
    #owl-features-xd .owl-item .item {
        margin-left: auto;
    }
    #owl-home div.owl-item .overlay.bottom {
        top: auto;
        margin: 0px 50px 60px 50px !important;
    }
        #owl-home div.owl-item .overlay.bottom img {
            width: 100%;
        }
}
@media (max-width: 900px) {
    #owl-home .owl-wrapper-outer,
    #owl-home.lower-menu .owl-wrapper-outer {
        margin-top: 40px;
    }
    #owl-home div.owl-item,
    #owl-home.lower-menu div.owl-item {
        /*margin-top: 40px;*/
    }
    #owl-home {
        height: auto !important;
    }
        #owl-home .item {
            height: auto !important;
        }
        #owl-home div.owl-item .caption {
            display: none;
        }
        #owl-home div.owl-item.loading {
            min-height: 150px;
        }
        #owl-home .owl-controls .owl-pagination {
            bottom: 40px;
        }
    #owl-home-footer {
        display: none;
    }
    #owl-home div.owl-item .flag-right,
    #owl-home div.owl-item .flag-left {
        display: inline;
    }
        #owl-home div.owl-item .flag-right img,
        #owl-home div.owl-item .flag-left img {
            max-height: 50px;
        }
}


@media (max-width: 768px) {
    #owl-home .owl-controls .owl-pagination .owl-page span {
        height: 3px;
        width: 8px;
    }
    #owl-home .owl-controls .owl-buttons div.owl-prev {
        left: 0px;
        bottom: 40%;
    }
    #owl-home .owl-controls .owl-buttons div.owl-next {
        right: 0px;
        bottom: 40%;
    }
    #owl-features .owl-item p {
        height: 230px;
        font-size: 1em !important;
    }
    #owl-features .owl-controls .owl-buttons div.owl-prev,
    #owl-featured .owl-controls .owl-buttons div.owl-prev {
        left: -35px !important;
    }
    #owl-features .owl-controls .owl-buttons div.owl-next,
    #owl-featured .owl-controls .owl-buttons div.owl-next {
        right: -35px !important;
    }
}
@media (max-width: 480px) {
    #owl-features .owl-item p {
        height: 275px;
    }
}
@media (max-width: 360px) {
    #owl-features .owl-item p {
        height: 350px;
    }
}