@font-face {
  font-family: 'ChevySans-Bold';
    src:   url('../fonts/ChevySans-Bold.otf') format('opentype');
       font-family: 'ChevySans', sans-serif;

}

@font-face {
    font-family: 'ChevySans-BoldItalic';
      src:   url('../fonts/ChevySans-BoldItalic.otf') format('opentype');
         font-family: 'ChevySans', sans-serif;
  
  }


@font-face {
    font-family: 'ChevySans-Demi';
      src:   url('../fonts/ChevySans-Demi.otf') format('opentype');
         font-family: 'ChevySans', sans-serif;
  
  } 

@font-face {
    font-family: 'ChevySans-DemiItalic';
      src:   url('../fonts/ChevySans-DemiItalic.otf') format('opentype');
         font-family: 'ChevySans', sans-serif;
  
  } 


@font-face {
    font-family: 'ChevySans-Medium';
      src:   url('../fonts/ChevySans-Medium.otf') format('opentype');
         font-family: 'ChevySans', sans-serif;
  
  }  


  @font-face {
    font-family: 'ChevySans-MediumItalic';
      src:   url('../fonts/ChevySans-MediumItalic.otf') format('opentype');
         font-family: 'ChevySans', sans-serif;
  
  }  



  @font-face {
    font-family: 'ChevySans-Regular';
       src:  url('../fonts/ChevySans-Regular.otf') format('opentype');
         font-family: 'ChevySans', sans-serif;
  
  }


@font-face {
  font-family: 'ChevySans-Light';
    src:   url('../fonts/ChevySans-Light.otf') format('opentype');
       font-family: 'ChevySans', sans-serif;

} 

@font-face {
    font-family: 'ChevySans-Italic';
      src:   url('../fonts/ChevySans-Italic.otf') format('opentype');
         font-family: 'ChevySans', sans-serif;
  
  }  

 


.font-italic{
	font-family: 'ChevySans', sans-serif; 
}


body {
	font-family: 'ChevySans', sans-serif;
	font-weight: 300;
	color: #282828;
}

h1{
	font-family: 'ChevySans', sans-serif;
	font-weight: 400;	
}

h2{
	font-family: 'ChevySans', sans-serif;
	font-weight: 400;
}

h3{
	font-family: 'ChevySans', sans-serif;
	font-weight: 400;
}

h4{
	font-family: 'ChevySans', sans-serif;
	
}

h5{
	font-family: 'ChevySans', sans-serif;
	font-weight: 300;
}

h6{
	font-family: 'ChevySans', sans-serif;
	font-weight: 300;
}  

p{
	font-family: 'ChevySans', sans-serif;
	font-weight: 300;
}

.menu1{
	position: fixed!important;
}

.h1banner{ 
	font-weight: 400;
  	font-family: 'Louis-BoldItalic', sans-serif;
  	font-size: 4rem; 
  	text-shadow: 5px 5px 5px #000;
}

.h2banner{
	font-weight: 400;
  	font-family: 'Louis-Regular', sans-serif;
  	font-size: 2rem;  
}

/*backgrounds*/


.bg-white{ 
	background:#ffffff;
}

.bg-light{ 
	background:#d8d8d8;
}

.bg-gray{ 
	background:#5b5b5b;
}

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


.bg-footer2{
	background: gray;
}


/*BOTONES*/
.btn-llamanos{
	font-family: 'Louis-BoldItalic', sans-serif;
    background: #4d4f50;
    color: white;
    border-radius: 0px;
    font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
}

.btn-llamanos:hover{
	font-family: 'Louis-BoldItalic', sans-serif;
    background: #797a7a;
    color: white;
    border-radius: 0px;
    font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
}
 
.btn-whats{
    font-family: 'Louis-BoldItalic', sans-serif;
    background: #5bb552;
    color: white;
    border-radius: 0px;
    font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
}
  
.btn-whats:hover{
    font-family: 'Louis-BoldItalic', sans-serif;
    background: #3e8e35;
    color: white;
    border-radius: 0px;
    font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
} 

.btn-envia{
    font-family: 'Louis-BoldItalic', sans-serif;
    background: #cd9834;
    color: white;
    border-radius: 0px;
    font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
}
  
.btn-envia:hover{
    font-family: 'Louis-BoldItalic', sans-serif;
    background: #a8731d;
    color: white;
    border-radius: 0px;
    font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
}
 

.btn-1{
	background: #cd9834!important;
	color: white;
	font-size: 16px;
	border-radius: 0px;
	font-family: 'Louis-Regular', sans-serif;
}

.btn-1:hover{
	background: #a06e1d!important; 
	color: white;
	font-size: 16px;
	border-radius: 0px;
	font-family: 'Louis-Regular', sans-serif;
}



/*fondo formulario*/ 
.bg-form {
    background: rgba(255, 255, 255, .7);
}



.menu-sticky {
    position: fixed;
    top: 0px;
    bottom: auto;
    width: 100%;
    z-index: 9999;
} 

/*tamaño logo*/
#logo img {
	max-height: 35px;
}


/*banner fondo*/
#banner {
    background-image: url(../img/onix-banner.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

 
.txt-yellow{
	color: #cd9834!important;
}

.txt-yellow::placeholder {  
	color: #cd9834!important;  
} 

.txt-gray{
	color: #3b3b3b!important;
}

.txt-gray::placeholder {  
	color: #4d4f50!important;  
}

.txt-enganche{
	color: #3b3b3b!important;
	font-size: 50px;
} 
 
.txt-promo{
	color: #cd9834!important;
	font-size: 100px;
} 
 

.list{
    font-size: 14px; 
}


/*caja*/
.graybox {
    border-top: 1px #636363 solid;
    border-right: 1px #636363 solid;
    border-left: 1px #636363 solid;
    border-bottom: 1px #636363 solid;
    padding: 12px;
    height: 380px;
}


/*textos footer*/
.txt-footer{
	color: white;
	font-size: 17px;
}

.border-end {
    border-right: 1px solid rgba(0,0,0,.1) !important;
}


ul.colores {
    display: inline-block;
    list-style: none;
    padding: 0px;
}
ul.colores li {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100px;
}

.colores #rojo-metalico {
    background: #d20021; 
}

.colores #acero-metalico {
    background: #68696b;
  
}

.colores #blanco-polar {
    background: #dadada; 
    border: 1px solid #818181;
}


.colores #azul-persuasion {
    background: #7794a1; 
}

.colores #plata-metalico {
    background: #8e97a0;  
}




@media (max-width: 768px){

    .txt-enganche{
        color: #3b3b3b!important;
        font-size: 20px;
    } 
     
    .txt-promo{
        color: #cd9834!important;
        font-size: 50px;
    }     

.txt-movil{
	font-size: 25px;
} 

.txt-movil2{
	font-size: 20px;
} 




#banner {
    background-size: 160% auto;
    background-position: 0px 0px;
}
 


.movilform1{
	margin-top: 10px;
    text-align: center;
}

.bgformovil{
	margin-top: 200px;
	margin-bottom: 20px;
	background: #cccccc;
	color: white!important;
}



}