/* GLOBAL */
/* GLOBAL CSS *//*********************************************************************************************/
/*************************************** GLOBAL STYLES ***************************************/
/*********************************************************************************************/
.shareButton {display:none !important;}
/*** Fancy Screen Resize Transition Effect ***/


/* BUILT IN DYNAMIC MARGINS AND PADDINGS ===================================== */
@media (max-width: 767px){.margin-bottom{margin-bottom: 25px;}} @media (max-width: 400px){.margin-bottom{margin-bottom: 20px;}}
@media (min-width: 768px){.margin-bottom{margin-bottom: 30px;}} @media (min-width: 992px){.margin-bottom{margin-bottom: 35px;}}
@media (min-width: 1200px){.margin-bottom{margin-bottom: 40px;}} @media (min-width: 1590px){.margin-bottom{margin-bottom: 45px;}}
/* BUILT IN DYNAMIC MARGINS AND PADDINGS ===================================== */
@media (max-width: 767px){.margin-top{margin-top: 65px;}} @media (max-width: 400px){.margin-top{margin-top: 60px;}}
@media (min-width: 768px){.margin-top{margin-top: 40px;}} @media (min-width: 992px){.margin-top{margin-top: 40px;}}
@media (min-width: 1200px){.margin-top{margin-top: 40px;}} @media (min-width: 1590px){.margin-top{margin-top: 40px;}}
/* BUILT IN DYNAMIC MARGINS AND PADDINGS ===================================== */
@media (max-width: 767px){.negative-top-margin{margin-top: -25px;}} @media (max-width: 400px){.negative-top-margin{margin-top: -20px;}}
@media (min-width: 768px){.negative-top-margin{margin-top: -30px;}} @media (min-width: 992px){.negative-top-margin{margin-top: -35px;}}
@media (min-width: 1200px){.negative-top-margin{margin-top: -40px;}} @media (min-width: 1590px){.negative-top-margin{margin-top: -45px;}}
.no-margins {margin-top: 0; margin-bottom: 0;} .no-top-margin {margin-top: 0;}
/* BUILT IN DYNAMIC MARGINS AND PADDINGS ===================================== */
@media (max-width: 767px){
    .padding-top-bottom{padding-top: 25px; padding-bottom: 15px;}} @media (max-width: 400px){.padding-top-bottom{padding-top: 20px; padding-bottom: 20px;}}
@media (min-width: 768px){
    .padding-top-bottom{padding-top: 30px; padding-bottom: 30px;}} @media (min-width: 992px){.padding-top-bottom{padding-top: 35px; padding-bottom: 35px;}}
@media (min-width: 1200px){
    .padding-top-bottom{padding-top: 40px; padding-bottom: 40px;}} @media (min-width: 1590px){.padding-top-bottom{padding-top: 45px; padding-bottom: 45px;}}
/* BUILT IN DYNAMIC MARGINS AND PADDINGS ===================================== */
@media (max-width: 767px){.padding-top{padding-top: 25px;}} @media (max-width: 400px){.padding-top{padding-top: 20px;}}
@media (min-width: 768px){.padding-top{padding-top: 30px;}} @media (min-width: 992px){.padding-top{padding-top: 35px;}}
@media (min-width: 1200px){.padding-top{padding-top: 40px;}} @media (min-width: 1590px){.padding-top{padding-top: 45px;}}
/* BUILT IN DYNAMIC MARGINS AND PADDINGS ===================================== */
@media (max-width: 767px){.extraspacing{margin-bottom: 11px;}} @media (max-width: 400px){.extraspacing{margin-bottom: 7px;}}
@media (min-width: 768px){.extraspacing{margin-bottom: 14px;}} @media (min-width: 992px){.extraspacing{margin-bottom: 17px;}}
@media (min-width: 1200px){.extraspacing{margin-bottom: 20px;}} @media (min-width: 1590px){.extraspacing{margin-bottom: 23px;}}



/*------------------------------------*\
  #Simple Spacing & Padding Styles
\*------------------------------------*/
.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.ph-20 {padding-left: 20px; padding-right: 20px;}
.ph-30 {padding-left: 30px;padding-right: 30px;}
.ph-40 {padding-left: 40px;padding-right: 40px;}
.pv-20 {padding-top: 20px;padding-bottom: 20px;}
.pv-30 {padding-top: 30px;padding-bottom: 30px;}
.pv-40 {padding-top: 40px;padding-bottom: 40px;}
.mt-5 {margin-top: 5px;}
.mb-5 {margin-bottom: 5px;}
.mt-10 {margin-top: 10px;}
.mb-10 {margin-bottom: 10px;}
.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.space-top {padding-top: 20px;}
.space-bottom {padding-bottom: 20px;}
.margin-clear {margin-top: 0 !important; margin-bottom: 0 !important;}
.padding-top-clear {padding-top: 0 !important;}
.padding-bottom-clear {padding-bottom: 0 !important;}
.padding-ver-clear {padding-bottom: 0 !important; padding-top: 0 !important;}
.padding-hor-clear {padding-right: 0 !important; padding-left: 0 !important;}
.border-bottom-clear {border-bottom: none !important;}
.border-top-clear {border-top: none !important;}
.border-clear {border: none !important;}
.nopadding { padding: 0 !important;  margin: 0 !important; }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:900;}


/*------------------------------------*\
  #Custom Image Floats
\*------------------------------------*/
@media (max-width: 399px){
	.float-left, .float-right {width: 100%; margin-bottom: 15px;}}
@media (min-width: 400px){
	.float-left {width: 35%; float: left; margin: 0 20px 10px 0; margin-top: 3px;}
	.float-right {width: 35%; float: right; margin: 0 0 10px 20px; margin-top: 3px;}}
@media (max-width: 767px){ /* smaller images */
	.float-left-sm { width: 25%; margin: 0 20px 10px 0; padding-top: 3px; float: left;}
	.float-right-sm {width: 25%; margin: 0 0 10px 20px; padding-top: 3px; float: right;}}
@media (min-width: 768px){ /* smaller images */
	.float-left-sm { width: 170px; max-width: 20%; float: left; margin: 0 10px 5px 0; padding-top: 3px;}
	.float-right-sm {width: 170px; max-width: 20%; float: right; margin: 0 0 5px 10px; padding-top: 3px;}}
	

.clearfix {margin-top:0px !important; padding-bottom:0px;}


html {
height: 100%; width: 100%; padding: 0; margin: 0;
background: #ffffff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-x: hidden;
}

body {font-weight: 300; font-family: 'Lato', arial, sans-serif; color: #222;}
hr {border-top: 1px solid #cecece;}
h1,h2,h3,h4,h5,h6 {font-family: 'Lato', serif; text-align: left;}


strong {color: #505050; font-weight: 700;}
em {font-style: italic; font-weight: 300;}

#savecontent, html, body {background: #cecece url(/userfiles/664/images/ticks.png) repeat; color:#505050;}

.text-muted {visibility: hidden;}

#navContainer {font-weight: 400; 
background: #d51c0b;
background: -moz-linear-gradient(left,  #d51c0b 0%, #ae1f2a 100%);
background: -webkit-linear-gradient(left,  #d51c0b 0%,#ae1f2a 100%);
background: linear-gradient(to right,  #d51c0b 0%,#ae1f2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d51c0b', endColorstr='#ae1f2a',GradientType=1 );

box-shadow: 0px 20px 40px rgba(0,0,0,0.40);
}

footer {
    margin-top: 30px !important; 
    background: #cecece url(/userfiles/664/images/dark-Tire.png) repeat; padding: 20px; background-attachment: fixed;
    border-width: 0px;
    border-style: solid; 
    border-color: #ffffff; 
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.4);
    
}

a {color: #ae1f2b;}
a:hover {color: #505050; text-decoration: none;}
#savecontent a:link, #savecontent a:visited {color: #ae1f2b; text-decoration: none; font-weight: 700;}
#savecontent a:hover, #savecontent a:focus, #savecontent a:active {color: #707070; text-decoration: none; font-weight: 700;}

.graylinks a:link, .graylinks a:visited {color: #636363 !important; text-decoration: none; font-weight: 400 !important;}
.graylinks a:hover, .graylinks a:focus, .graylinks a:active {color: #636363; text-decoration: underline; font-weight: 400;}

a.socialmedia:link, a.socialmedia:visited {color: #aaa; text-decoration: none;}

.pageheading h1 {text-align: center; margin: 0 0 3px 0; font-weight: 400; color: #fff; text-shadow: 2px 2px #0b79bf;}
.img-responsive:hover {opacity: 1;}


	#navContainer a:hover {background: #505050;}
	.img-responsive:hover {opacity: 0.93;}
	.copyright a {color: #505050;}
	
.headerbg {background: #000 url(/userfiles/648/images/main-header-image.jpg) no-repeat center center;
    -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.fourcolumns img:hover {opacity: .9;}	

.socialiconbarvertical {background: rgba(255, 255, 255, 0.5);}

.btn-custom {border-radius: 4px; padding:5px 10px 7px 10px;}
.btn-custom:hover {color:#ffffff !important;}

      
      
/*********************************************************Contact Form**************************************************************************/
.form-horizontal {color:#505050 !important;}

 
/*********************************************************Social Icon Header For Mobile**************************************************************************/
.socialiconbarmobileext .glyphicon {color: #ffffff;} .socialiconbarmobileext .glyphicon:hover {color: #ffffff;}
.socialiconbarmobileext, .socialiconbarmobile {background:#2e3192;}
.socialiconbarmobileext div {border-left: 0px solid #333;}



/*********************************************************************************************/
/*************************************** MEDIA QUERIES ***************************************/
/*********************************************************************************************/


@media (max-width: 1199px){ /******************** UP TO EXTRA LARGE ********************/
}

@media (max-width: 991px){  /******************** UP TO LARGE ********************/
.smallerphone {font-size: 26px !important;}
}

@media (max-width: 767px){  /******************** UP TO MEDIUM ********************/
    .navbar-toggle {margin-right: 0px;}
    #savecontent, html, body {margin-top: -10px;}
	#navContainer {border-top: 0px solid rgba(255,255,255,0.5); border-bottom: 0px solid rgba(255,255,255,0.5);}
	#navContainer > div > div {padding-left: 0;}
	.dropdown-menu {text-align: left !important; margin-top: 1px !important;}
/*************************************** Logo Size for Smartphone and Tablets ***************************************/
       .img-responsive {padding-left: 10px; width: 175px; height: auto; margin-top: 4px; margin-bottom: 4px;}
}

@media (max-width: 479px){  /******************** UP TO SMALL ********************/
    .fourcolumns {width: 100% !important;}
    .fourcolumns img {width: 75% !important;}
    .fullwidth {width: 100% !important;}
    .ha-bg-parallax {height: 265px !important;}
}

@media (max-width: 380px){  /******************** UP TO EXTRA SMALL ********************/

    .ha-bg-parallax {height: 265px !important;}
}


@media (min-width: 1px){  /******************** EXTRA SMALL AND UP ********************/
	h1 {font-size: 24px; margin: 0px 0 10px 0; padding: 0; font-weight: 900; color: #ae1f2b; text-shadow: 1px 1px #ffffff;}
	h2 {font-size: 24px; margin: 30px 0 10px 0; padding: 0; font-weight: 900; color: #333333;}
	h3 {font-size: 24px; margin: 30px 0 10px 0; padding: 0; font-weight: 900; color: #333333;}
	h4 {font-size: 18px; margin: 30px 0 10px 0; padding: 0; font-weight: 300; color: #505050;}
	h5 {font-size: 18px; margin: 30px 0 10px 0; padding: 0; font-weight: 300; color: #505050;}
	h6 {font-size: 16px; margin: 30px 0 10px 0; padding: 0; font-weight: 300; color: #505050;}
	p, body {font-size: 16px;}
	.navbar-brand {font-size: 20px; padding-left: 15px; font-family: 'Lato', serif; font-weight: 900; color: #5168ac;}
	.blackbg iframe {height: 300px;}
	.headerbg {height: 200px;}
	
}

@media (min-width: 480px){  /******************** SMALL AND UP ********************/
	h1 {font-size: 36px;}
	h2 {font-size: 26px;}
	h3 {font-size: 24px;}
	h4 {font-size: 18px;}
	h5 {font-size: 18px;}
	h6 {font-size: 18px;}
	p, body {font-size: 16px;}
	.navbar-brand {font-size: 24px;}
		.headerbg {height: 250px;}
}

@media (min-width: 768px){  /******************** MEDIUM AND UP ********************/
	.nav>li>a {padding: 10px 15px; font-size: 12px !important;}
	h1 {font-size: 36px;}
	h2 {font-size: 24px;}
	h3 {font-size: 24px;}
	h4 {font-size: 18px;}
	h5 {font-size: 18px;}
	h6 {font-size: 18px;}
	p, body {font-size: 16px;}
	.btn {font-size: 15px;}
	.blackbg {margin-top: -10px;}
		.blackbg iframe {height: 400px;}
		   
		    .fa-facebook-square:hover {color: #3b69cc; cursor: pointer;}
		    .fa-twitter-square:hover {color: #28afe8; cursor: pointer;}
		    .fa-google-plus-square:hover {color: #e44936; cursor: pointer;}
		    .fa-linkedin-square:hover {color: #127fbd; cursor: pointer;}
		    .wrapper {padding-top: 115px;}
		    	.headerbg {height: 300px;}
}

@media (min-width: 992px){  /******************** LARGE AND UP ********************/
	.nav>li>a {padding: 10px 20px; font-size: 14px !important;}
	h1 {font-size: 36px;}
	h2 {font-size: 24px;}
	h3 {font-size: 24px;}
	h4 {font-size: 18px;}
	h5 {font-size: 18px;}
	h6 {font-size: 18px;}
	p, body {font-size: 16px;}
	.btn {font-size: 16px;}
		.blackbg iframe {height: 500px;}
			.headerbg {height: 350px;}
					.footertagline {margin-top: 20px;}
}

@media (min-width: 1200px){  /******************** EXTRA LARGE AND UP ********************/
.nav>li>a {padding: 10px 30px; font-size: 16px !important;}
	h1 {font-size: 46px;}
	h2 {font-size: 36px;}
	h3 {font-size: 24px;}
	h4 {font-size: 18px;}
	h5 {font-size: 18px;}
	h6 {font-size: 18px;}
	p, body { font-size: 16px;}
		.headerbg {height: 400px;}
		.headcaption {height: 400px;}

}


/*********************************************************************************************/
/**************************************** OTHER FIXES ****************************************/
/*********************************************************************************************/


.new-button {
	box-shadow: 0px 1px 15px rgba(0,0,0,0.20);
	background: #d51c0b;
    background: -moz-linear-gradient(left,  #d51c0b 0%, #ae1f2a 100%);
    background: -webkit-linear-gradient(left,  #d51c0b 0%,#ae1f2a 100%);
    background: linear-gradient(to right,  #d51c0b 0%,#ae1f2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d51c0b', endColorstr='#ae1f2a',GradientType=1 );
	border-radius:5px;
	text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100%;
	text-decoration:none;
	text-align:center;}
.new-button:hover {
	background: #00b7ea;
    background: -moz-linear-gradient(left,  #00b7ea 0%, #0087bc 100%);
    background: -webkit-linear-gradient(left,  #00b7ea 0%,#0087bc 100%);
    background: linear-gradient(to right,  #00b7ea 0%,#0087bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#0087bc',GradientType=1 );
    box-shadow: 0px 10px 55px rgba(0,0,0,0.40);
    transition: all ease-in-out 0.25s;;
}

@media (max-width: 767px) {	
	
  .navbar-static-top,.navbar-fixed-top {position: fixed;left: 0;top: 32px;width: 100%;}
  .wrapper-static { margin-top: 45px; }
  .wrapper-fixed { margin-top: 103px; }
  
  .navbar-toggle { margin-right: 0; }
  .navbar-collapse { text-align: right;; }
}


#headerContainer {
    border-bottom: 0px solid #fff; border-top: 0 solid #fff; 
         -webkit-box-shadow:0px 7px 40px 0px rgba(0, 0, 0, 0.2);
            -moz-box-shadow:0px 7px 40px 0px rgba(0, 0, 0, 0.2);
                 box-shadow:0px 7px 40px 0px rgba(0, 0, 0, 0.2);}

img.border {
border: 8px solid #fff; 
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}



.jumbotron {
    background-color:rgba(255, 255, 255, 0.3) !important;
    filter: blur(3px);
    border-width: 1px;
    border-style: solid; 
    border-color: #ffffff; 
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.4);
}

.jumbotron h1 {
    margin-top:-10px;
    text-shadow: 1px 1px #ffffff;
}


#headerContainer > div > div > a.navbar-brand.brandingdiv.visible-xs-block.hidden-sm.hidden-md.hidden-lg {display: none !important;}
#headerContainer > div > div > a.hidden-xs {display: block !important;}

.glyphicon-chevron-left, .glyphicon-chevron-right {color:#ffffff;}



.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top: 50%;}



.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.btn-success {background: #2e3192; border: 0px solid white; color: #ffffff;}
.btn-success:hover {background: #505050; border: 0px solid white; color: #ffffff;}


/********************************Image Styling**********************************/


img.photo-fx {
border-width: 1px;
line-height: 0; 
border-style: solid; 
border-color: #ffffff; 
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.4);
}

#headerContainer > div > div > a.hidden-xs > img {
border-width: 0px;
line-height: 0; 
border-style: solid; 
border-color: #ffffff; 
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.04), 0 0px 0px rgba(0, 0, 0, 0.4);
}

a.socialmedia {color: #2e3192;}
a.socialmedia:hover {color: #505050;}

/************************************************************************FOOTER*****************************************************************/

footer a {color:#ffffff !important; text-decoration:none}
footer a:hover {color:#2e3192 !important; text-decoration:none}

	.copyright a {color: #cecece;}
	.copyright {color:#cecece; margin-bottom:15px;}
	

/**************************************************************PARALLAX SCROLL BG***************************************************************/	
.ha-bg-parallax {

    background: url(/userfiles/664/images/junk-car-bg.jpg) no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: 500px;
    margin: 0 auto;
    width: 100%;
    display: table;
    vertical-align: middle;

}



.ha-bg-parallax .ha-parallax-body {

    display: table-cell;
    vertical-align: bottom;

}




.ha-bg-parallax .ha-diamond-divider-md {

    margin: 15px 0px;

}



.ha-bg-parallax .ha-heading-parallax {

    font-style: italic;
    font-size:42px;
    text-shadow: 3px 3px #000000;
    font-weight: 900;
    text-transform: none;
    color: #ffffff;
    padding-bottom: 0px;

}

@media(max-width:768px) {
    .ha-bg-parallax .ha-heading-parallax {
    font-style: italic;
    font-size:22px;
    text-shadow: 3px 3px #000000;
    font-weight: 900;
    text-transform: none;
    color: #ffffff;
    padding-bottom: 0px;
}

.ha-bg-parallax {

    background: url(/userfiles/664/images/junk-car-bg.jpg) no-repeat;
    height: 300px;
    margin: 0 auto;
    width: 100%;
    display: table;
    vertical-align: middle;

}

}


/***********************************************************TESTIMONIAL SLIDER*****************************************************************/
.unit{
 text-align:center;
 color:#fff;
 padding:20px 20px 20px 20px;
}
.testimonial h3{
 display:inline-block;
 color:#ae1f2b;
 padding:10px;
 margin-left: 0%;
}
.testimonial .byline{
 display:inline-block;
 color:#505050;
 font-size:18px;
 margin-left: 35%;
}


#socialiconbarmobilefix {display: none !important;}
.header-cta-btn {color:#fff;}

.carousel-control.left,.carousel-control.right {background-image:none;}

.carousel-indicators {
  bottom:0px;
}

.carousel-indicators li {
  border-color:#999;
  background-color:#ccc;
}

.carousel-inner {
   margin-bottom:30px;
}
.submit-form-message {
    margin-top: 70px;
    margin-bottom: 40px;
}


/* PAGE SPECIFIC */

/* FOOTER */

footer { background-color: 3; margin-top: 20px; }