/* CSS Document */

.cart-margin {
	margin-right:5px;
}

.cart-margin-big {
	margin-right:10px;
}


.parts-button{
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: .3rem;
    border-style: solid;
    border-width: 1px 1px 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: .5rem .5rem .5rem .5rem;
    font-size: 1.625rem;
    background-color: #f5a800;
    border-color: #c18d14;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}



	
	  .hero-full-screen {
		  margin-top:130px;
   		 min-height: 55vh;
     -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
	background-color: #00000029;
}


	  .hero-half-screen {
		  margin-top:130px;
   		 min-height: 45vh;
     -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
	background-color: #00000029;
}





 .hero-text {
    display: inline-block;
    top:50%;
    left:50%;   
    transform: translate(-50%, -50%);
    position:absolute;
   
 }
 
 
 
 	  .hero2 {
   		 
     -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;

}
  
  
  
.hero-icon-width {
	width:175px;
	
}


/*THIS IS NAV1 AND NAV2 HIDDEN AND DISPLAY SECTIONS FOR HAMBUGER SIZE OF 904PX*/


.nav-border-left {
	
	 border-left: 1px solid #c1c1c1 !important;
	     padding-left: 15px;
		  padding-top: 10px;
	
}

@media only screen and (max-width: 904px) { 
.small-nav
{
	display:block !important;
	color:#f5a800;
	font-weight:600;

}

.hidden-for-mobile

{
	display:none !important;

}




	  .hero-full-screen {
 
   		    min-height: unset;
    margin-top: 50px;
     -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
	background-color: #00000029;
	 
}


	  .hero-half-screen {
 
   		    
    margin-top: 50px;
     -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover;
    position: relative;
	background-color: #00000029;
	min-height: 23vh;
}


.hero-text {
    display: unset; 
    top: unset;
     left: unset; 
 transform: unset;
     position: unset; 
    margin-top: 70px;
}


.hero-icon-width {
	width:140px;
	
}

.mobile-hero {
	display:block !important;
	width:100%;
}

}

@media only screen and (min-width: 904px) { 

.small-nav
{
	display: none !important;

}




.hidden-for-mobile

{
	display:block !important;

}

.mobile-hero {
	display:none !important;
	width:100%;
}


}
/* ***END*** THIS IS NAV1 AND NAV2 HIDDEN AND DISPLAY SECTIONS FOR HAMBUGER SIZE OF 904PX*/



.zindex-nav {
	z-index:99999999999;	
}


.box-pad
{
    padding-left: 5%;
    padding-top: 1%;
    padding-right: 5%;
    padding-bottom: 1%;
}



.mobile-home-block

{
	height:312px;
		background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	 
	
}



@media only screen and (max-width: 40em) { 

.mobile-home-block

{
	min-height:250px;
	height:unset;
		background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	 
	
}


.home-border {
    border-bottom: solid 1px white;
    border-left: unset;
}

}



.overlay {

    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    min-height: 250px;
    padding-left: 25px;
    padding-top: 45px;
    padding-right: 25px;

}

.home-border
{
	 border-bottom: solid 1px white;
 border-left: solid 1px white;
}
 




.white-text
{
	color:#FFFFFF;
}

 .gray-text
{
	color:#e2e2e2;
}

 .home-gray-text
{
	color: #CBCBCB !important;
}

.dark-blue-text
{
	color:#1D428A;
}

.yellow-text
{
	color:#eca610;
}

.yellow-bg
{
	background-color:#eca610;
}



 .large-pad
 
 {
	 padding-top:100px;
	 padding-bottom:100px;
 }
 
 
  .medium-pad
 
 {
	 padding-top:75px;
	 padding-bottom:75px;
 }
 
   .small-pad
 
 {
	 padding-top:50px;
	 padding-bottom:50px;
 }
 
 .white-bg
{
	background-color:#FFFFFF;
}

 
 .gray-bg
{
	background-color:#f7f7f7;
}

 .blue-bg
{
	background-color:#1D428A;

}

.pb-15
{
	padding-bottom:15px;
}

.pb-30
{
	padding-bottom:30px;
}


.pb-50
{
	padding-bottom:50px;
}


.pb-75
{
	padding-bottom:75px;
}


.pt-15
{
	padding-top:15px;
}

.pt-30
{
	padding-top:30px;
}

.pt-50
{
	padding-top:50px;
}

.pt-75
{
	padding-top:75px;
}

/*small*/
@media only screen and (max-width: 40em) { 

.mobile-center
{
	text-align: center !important;
}



 .large-pad
 
 {
	 padding-top:50px;
	 padding-bottom:50px;
 }
 
 
  .medium-pad
 
 {
	 padding-top:35px;
	 padding-bottom:35px;
 }
 
   .small-pad
 
 {
	 padding-top:20px;
	 padding-bottom:20px;
 }
 
 .hero-icon-width {
	width:100px;
	
}
 
 
 
 
}

  .case-pad {
	  
	  padding:15px;
	  
  }