@charset "utf-8";
/* :::::::::::: Main Styles - Structure Stylesheet 
 -----------------------------------------------------------------  
 :: StyleSheet  : Main Styles
 :: 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.
*/


html, body{ height: 100%; }

body{
    display: block;
    /*background: #ffffff url('./../images/body/background.jpg') repeat-x left top;*/
}

#body{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -575px;
    padding-bottom: 575px;
    display: block;
    position: relative;
    z-index: 300;
    background-color: #ffffff;
}

a{color: #1e1e1e;}
a:hover{color: #f04f23;}

.gray{padding-top: 30px; background-color: #f2efef;}

div.content{padding-bottom: 60px;}

/*p{text-align: center;}*/

a, a:hover, a:active{ outline: none; }
section.small p{font-size: 120%;}

#content{
    height: auto;
    min-height: 520px;
    display: block;
    position: relative;
}

#myCarousel{
    width: 100%;
    height: auto;
    display: block;
}

#carousel_inner, #carousel_inner .item, #carousel_inner .item img{
    width: 100%;
    height: auto;
}

#home_panels{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    background-color: #000000;
}

#home_panels .home_panel{
    width: 20%;
    max-width: 20%;
    height: auto;
    padding: 0px !important;
    display: block;
    overflow: hidden;
    position: relative;
    background: url('./../images/temp/panel1.jpg') no-repeat left top;
    background-size: 100%;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#home_panels .home_panel_part{
    width: 20%;
    max-width: 20%;
    height: auto;
    padding: 0px !important;
    display: block;
    overflow: hidden;
    position: relative;
    background: url('./../images/temp/panel2.jpg') no-repeat left top;
    background-size: 100%;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
#home_panels .home_panel_service{
    width: 20%;
    max-width: 20%;
    height: auto;
    padding: 0px !important;
    display: block;
    overflow: hidden;
    position: relative;
    background: url('./../images/temp/panel3.jpg') no-repeat left top;
    background-size: 100%;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
#home_panels .home_panel_fin{
    width: 20%;
    max-width: 20%;
    height: auto;
    padding: 0px !important;
    display: block;
    overflow: hidden;
    position: relative;
    background: url('./../images/temp/panel4.jpg') no-repeat left top;
    background-size: 100%;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
#home_panels .home_panel_gov{
    width: 20%;
    max-width: 20%;
    height: auto;
    padding: 0px !important;
    display: block;
    overflow: hidden;
    position: relative;
    background: url('./../images/temp/panel5.jpg') no-repeat left top;
    background-size: 100%;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#home_panels .home_panel:first-child{ border-left: 1px solid #ffffff; }

#home_panels .home_panel a{
    width: 100%;
    height: 100%;
    display: block;
}

#home_panels .home_panel p{
    width: 100%;
    height: auto;
    padding: 15px 7px;
    margin: 0px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 22px;
    color: #ffffff;
    text-shadow: 1px 1px #777777;
    text-align: center;
}


#cart_slide{
    width: 100%;
    height: 700px;
    display: block;
    background: #585858 url('./../images/test/cart_slider_bg.jpg') repeat-x left top;
 
}

#cart_slide #cart_slide_top{
    width: 100%;
    height: 120px;
    display: block;
    overflow: hidden;
}

#cart_slide #cart_slide_top h3{
    font-size: 36px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
}

#cart_slide #cart_slide_top p{
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
}

#cart_slide_ctrls{
    width: 100%;
    height: 90px;
    display: block;
    background-color: #000;
}

#title_bar {
  background-color: #333;
}

#title_bar h1 {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    font-size: 150%;
    font-weight: 500;
    margin-left: 1%;
}
p.title {
  font-size: 36px;
  font-family: Verdana, sans-serif;
}
.orange_btn {
  background-color: #ea470e;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
}

.btn_size{
    margin: 0 auto;
    width: 200px;
}

a.btn_pdf{
    color: #ffffff;
}





/*Side Tab
 -----------------------------------------------------------------  */
#side_contact{
     width: 300px;
     height: 420px;
     margin-top: -200px;
     display: block;
     position: fixed;
     top: 50%;
     right: -300px;

     background-color: #f04f23;
    -webkit-box-shadow: -1px 2px 9px -2px rgba(0,0,0,0.54);
    -moz-box-shadow: -1px 2px 9px -2px rgba(0,0,0,0.54);
    box-shadow: -1px 2px 9px -2px rgba(0,0,0,0.54);
}


#side_contact h4{
     width: 100%;
     height: auto;
     margin: 0px;
     padding: 0px;
     margin-bottom: 10px;
     display: block;
     font-size: 20px;
     font-weight: bold;
     color: #ffffff;
     text-align: center;
     text-shadow: 1px 1px #c33e19;
}



#side_contact #side_tab{
     width: 50px;
     height: 200px;
     margin-top: -100px;
     display: block;
     cursor: pointer;
     position: absolute;
     top: 50%;
     left: -50px;
    
    -moz-border-radius-bottomleft: 14px;
    border-bottom-left-radius: 14px;
    -moz-border-radius-topleft: 14px;
    border-top-left-radius: 14px;
}


.side_open {
    background: #f04f23 url('./../images/body/side_tab_close.png') no-repeat left center;
}
.side_closed {
    background: #f04f23 url('./../images/body/side_tab_open.png') no-repeat left center;
}


#side_contact input[type='text']{
     width: 100%;
     height: 35px;
     margin: 0px;
     padding: 0px;
     margin-bottom: 10px;
     display: block;
     text-indent: 7px;
}


#side_contact textarea{
     width: 100%;
     height: 100px;
     margin: 0px;
     padding: 0px;
     margin-bottom: 10px;
     display: block;
     text-indent: 7px;
     resize: none;
     overflow: scroll;
}


#side_contact input[type='submit']{
     width: 95%;
     height: 35px;
     margin: 0px;
     padding: 0px;
     margin-bottom: 10px;
     display: block;
     text-indent: 7px;
     border: none;
     background-color: #333333;
     color: #ffffff;
}








h3.staff_name{
    padding-top: 35px;
    text-align: center; 
    text-decoration: none; 
    color: #EA470E;
    line-height: 0px;
}

p.staff_display {
    padding-top: 5px;
    text-align: center; 
    text-decoration: none; 
    color: #EA470E;
}

div.staff{
    width: 23%;
    min-width: 380px;
    height: auto;
    margin-bottom: 30px;
    margin-left: 1%;
    display: inline-block;
    float: left;
  
}

.center-cropped {
    width: 380px;
    height: 310px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

p.cta_cont{font-weight: bold; line-height: 12px;}

div.veh_btn{background-color: #EA470E; margin-top: 10px; margin-bottom: 50px; margin-left: 30%; margin-right: 30%; padding-top: 7px; padding-bottom: 7px; text-align: center; cursor:pointer; }
div.veh_btn a{color: #ffffff; font-weight: bold;}


.test_slide img {
    display: block;
    max-height: 300px;
    min-height: 300px;
    max-width: 300px;
    min-width: 300px;
}

img.res_size_test{
    max-height: 300px;
    min-height: 300px;
    max-width: 300px;
    min-width: 300px;
}

img.staffimg{
    max-height: 297px;
    min-height: 297px;
    padding-bottom: 30px;
}

img.team_full { max-width:100%; margin-bottom:15px; }

@media screen and (max-width: 400px){
    #side_contact{
        /* display: none; */
    }
}



.bslide_txt_topleft{ position: absolute; right: auto !important; left: 5% !important; top: 2% !important; bottom: auto !important; text-align: left; }
.bslide_txt_midleft{ position: absolute; right: auto !important; left: 5% !important; top: 40% !important; bottom: auto !important; text-align: left;}
.bslide_txt_bottomleft{ position: absolute; right: auto !important; left: 5% !important; top: auto !important; bottom: 2% !important; text-align: left;}

.bslide_txt_topright{ position: absolute; right: 5% !important; left: auto !important; top: 2% !important; bottom: auto !important; text-align: right; }
.bslide_txt_midright{ position: absolute; right: 5% !important; left: auto !important; top: 40% !important; bottom: auto !important; text-align: right;}
.bslide_txt_bottomright{ position: absolute; right: 5% !important; left: auto !important; top: auto !important; bottom: 2% !important; text-align: right;}

.bslide_txt_topleft h3, 
.bslide_txt_midleft h3, 
.bslide_txt_bottomleft h3{ text-align: left !important; }

.bslide_txt_topleft p, 
.bslide_txt_midleft p, 
.bslide_txt_bottomleft p{ text-align: left !important; }

.bslide_txt_topright h3, 
.bslide_txt_midright h3, 
.bslide_txt_bottomright h3{ text-align: right !important; }

.bslide_txt_topright p, 
.bslide_txt_midright p, 
.bslide_txt_bottomright p{ text-align: right !important; }


.bslide_txt_light h3,
.bslide_txt_normal h3,
.bslide_txt_dark h3{
     font-size: 3em !important;
}

.bslide_txt_light h3{ color: #ffffff; text-shadow: 1px 1px rgba(0,0,0,0.7); font-weight: bold; }
.bslide_txt_normal h3{ color: #ffc56a; text-shadow: 1px 1px rgba(0,0,0,0.7); font-weight: bold; }
.bslide_txt_dark h3{ color: #000000; text-shadow: 1px 1px rgba(0,0,0,0.2); font-weight: bold; }

.bslide_txt_light p{ color: #ffffff; text-shadow: 1px 1px rgba(0,0,0,0.7); font-weight: bold; }
.bslide_txt_normal p{ color: #ffc56a; text-shadow: 1px 1px rgba(0,0,0,0.7); font-weight: bold; }
.bslide_txt_dark p{ color: #000000; text-shadow: 1px 1px rgba(0,0,0,0.2); font-weight: bold; }

.section-government { width:100%; height:auto; }
.section-government-title { width:100%; height:auto; background-color:#333; }
.section-government > p { padding-left:25px; padding-right:25px; }
.section-government > ul { padding: 10px 50px; }
.section-government > ul > li { font-size:120%; line-height: 1.6; }


.cta_cont{ text-align:center; }

#principal table { width:100%; font-size:1em; }
#principal #btn { padding:5px 15px; font-size:12px; font-weight:bold; }

#testimonialCarouselPage .carousel-inner .item .testimonial-container a { color:#ea470e; }

section.custom-vehicle-section img, img.custom-vehicle-img { max-width:100%; width:48%; height:auto; margin:0 1%; }
@media screen and (max-width: 767px){
	section.custom-vehicle-section img, img.custom-vehicle-img { max-width:100%; width:100%; margin:0 auto; }
}

.vehicle-quicknav-container { position:fixed; bottom:0; left:0; margin:0 auto 10px 15px;  padding:0; background:transparent; z-index:999; }
	a.quicknav-btn { float:left; position:relative; display:block; width:44px; height:44px; border-radius:200%; text-align:center; color:#fff; background-color:#ea470e; border:1px solid #fff;}
		a.quicknav-btn i.fa { position:relative; font-size:28px; top:9px; }
	a.quicknav-btn.accessories-btn { width:100px; border-radius:2em; line-height:1; }
		.accessories-label { position:relative; top:6px; }
	a.quicknav-btn:hover { color:#fff000; background-color:#d73800; }
	a.quicknav-btn + a.quicknav-btn { margin-left:15px; }
	.vehicle-quicknav-container:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}


.square-service-block{
	position:relative;
	overflow:hidden;
	margin:15px auto;
	}
.square-service-block a {
  background-color: #e74c3c;
  border-radius: 5px;
  display: block;
  padding: 60px 20px;
  text-align: center;
  width: 100%;
}
.square-service-block a:hover{
  background-color: rgba(231, 76, 60, 0.8);
  border-radius: 5px;
}

.ssb-icon {
  color: #fff;
  display: inline-block;
  font-size: 78px;
  margin: 0 0 20px;
}

h2.ssb-title {
  color: #fff;
  font-size: 20px;
  font-weight: 200;
  margin:0;
  padding:0;
  text-transform: uppercase;
}
	


.service-icons{
    margin:40px 0px;
}

.service .square-feature{
	width: 130px;
	height: 130px;
	background:#5db4c0;
	border: 2px solid #eee;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);  
	margin:0 auto;
}

.service h2{
    font-size: 18px;
}

.service .square-feature span{
	font-size:30px;
	margin:0 auto;
	padding-top:50px;
}

.service .fa{
	color:#FFF;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/* TECHNICAL HELP CTAs */
.cta-container { width: 100%; height: auto; max-width: 465px; position: relative; margin:0 auto 15px; padding: 0px;overflow: hidden;}
	.cta-container a { position: relative; display: block; width: 100%; height: 100%;}		
		.cta-inner { position:relative; }
			.cta-image { position: absolute; top: 0; left: 0;width: 100%; height: 100%; padding: 0px 0px; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 1; background-color: transparent;}
			.cta-image-container { display: block; width: 100%; height: auto; max-width: 100%;vertical-align: middle; }
			.cta-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); text-align: center; padding: 0px 0px; -webkit-transition: background-color .25s; -webkit-transition-timing-function: linear; transition: background-color .25s; transition-timing-function: linear;}
				.cta-label { position: relative; bottom: 0; left: 0; width: 100%; height: auto; padding: 0px 0px; margin: 0 auto; text-align: center; background-color:#e74c3c; -webkit-transition: background-color .25s; -webkit-transition-timing-function: linear; transition: background-color .25s; transition-timing-function: linear; display:table; table-layout:fixed; vertical-align:middle; }
					.cta-text { color: #fff; font-weight:400; font-size:20px; line-height:1; margin: 0 auto; padding:15px 10px;  display:table-cell; vertical-align:middle; letter-spacing:1px; -webkit-transition:all .25s; -webkit-transition-timing-function:linear; transition:all .25s; transition-timing-function:linear; }
						.cta-text h2 { font-size:20px; margin:0 auto; text-transform:uppercase; }
	.cta-container a:hover, .cta-container a:focus {text-decoration:none;}
	.cta-container a:hover .cta-inner .cta-overlay { background-color: rgba(0,0,0,0); }
	.cta-container a:hover .cta-label { background-color:#dd1c08; }
	.cta-container a:hover .cta-text { text-decoration:none; }
	.cta-container a:hover .cta-text h2 { text-decoration:none; }
@media screen and (max-width: 1200px){ .cta-text, .cta-text h2 {font-size:14px;} }
@media screen and (max-width: 991px){ .cta-text, .cta-text h2 {font-size:20px;} }