@charset "utf-8";
/* :::::::::::: Main Styles - Structure Stylesheet 
 -----------------------------------------------------------------  
 :: StyleSheet  :Vehicle
 :: Version     : 1.0.0
 :: Author      : James Gober
 :: Company     : App Soft Development
 :: Company URL : http://appsoftdevelopment.com
 -----------------------------------------------------------------
     Copyright  : (C) 2014 App Soft Development. All Rights Reserved.
*/

ol.carousel-indicators li{background-color: #5b5b5b; width: 15px; height: 15px;}
ol.carousel-indicators li.active{background-color: #e8542a; width: 20px; height: 20px;}
section.small{margin-top: 50px; padding-bottom: 40px; padding-left: 15%; padding-right: 15%;}

div.title_bar{margin-bottom: 60px;}

img.size{width: 100% !important; min-width: 100%; height: auto; margin: 0 auto;}
div.gallery{ height: auto; padding: 0px !important; overflow: hidden; }
div.gallery img.gal_img_lg{width: 100% !important; min-width: 100% !important; height: auto; display: block; position: relative; }
div.gallery img.gal_img_sm{width: 50% !important; min-width: 50% !important; height: auto; display: block; position: relative; float: left; }

div.standard_features{padding-left: 5%;}

ul li.features{font-size: 150%; color: #5b5b5b; font-weight: 200;}
ul li.specs{font-size: 140%; color: #5b5b5b; list-style: none; display: block;}
ul li.specs span{width: 39%;font-weight: bold;  text-align:right; float:left; font-size: 100%; } 
ul li.specs span.text_wrap{width: 60%;  padding-left: 1%; font-weight: 200; text-align:left; float:left; font-size: 100%; }
@media screen and (max-width: 1500px){
ul li.specs span{width: 45%;}
ul li.specs span.text_wrap{width: 54%;}
}
@media screen and (max-width: 1300px){
ul li.specs span{width: 55%;}
ul li.specs span.text_wrap{width: 43%;}
}
@media screen and (max-width: 991px){
ul li.specs span{width: 39%;}
ul li.specs span.text_wrap{width: 60%;}
}
@media screen and (max-width: 700px){
ul li.specs span{width: 100%; text-align: left;}
ul li.specs span.text_wrap{width: 100%; clear: left;}
}
@media screen and (max-width: 991px){div.standard_features{ margin-top: 40px;}}


div#img_gallery{margin-bottom: 40px; padding: 0px;}
div.customs{ padding-left: 1%; padding-right: 1%; }
div.customs img{border: 1px solid #5b5b5b; width: 98% !important; min-width: 100%; height: auto; margin: 0 auto;}
@media screen and (max-width: 991px){div.customs img{margin-top: 15px;}}

div.brochure_section{margin-top: 12%;}
div.bro_button{width: 90%; display: block; background-color: #35393a; padding: 10px;  margin-bottom: 10px; float: left;}
div.bro_button:hover{background-color: #000000;}
div.bro_button a{color: #ffffff;}
i.brochure{color: #e8542a; font-size: 130%; padding-right: 10px; }


p.warranty{text-align: center; font-weight: bold; font-size: 170%; color: #5b5b5b;}
p.war_b{text-align: center; font-weight: bold; color: #5b5b5b; font-size: 130%; }
p.war{text-align: center; font-weight: normal; color: #5b5b5b; font-size: 130%; }


a.gal_vid{
    display: block;
    outline: none;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-color: #000000 !important;
}

#video_modal{
    width: 100%;
    height: 100%;
    padding-top: 1%;
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
}

a#vid_x{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.veicles_desc, .veicles_desc p{
    text-align: justify !important;
}


@media screen and (max-width: 640px){
	ul li.features { font-weight:400; color:#777;  }
	ul li.specs span.text_wrap { font-weight:400; color:#777;  }
	div.customs .sh a { font-size:16px; }
}

@media screen and (max-width: 900px){
	.title_bar span{ float:left; }
}