html, body {
  scroll-behavior: smooth !important;
}

body {
	font-family: font-family: 'Lato', sans-serif;
}

optgroup[label="Entrega inmediata*"]:not(option) {
    color: #c3002f;
}

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

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

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

h4 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: black;
}

p{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.promo1{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #cc0000;
}

.promo2{
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #5f5f5f!important;
	
}

.nuevo{
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: white;
	background: #cc0000;
	padding: 2px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;

}   

.red{
	color: white;
	background: #cc0000;
}

.red-txt{
	color:#cc0000!important; 
}

.red-txt:hover{
	color: black!important;
}

.txt-white{
	color: white!important;
}

.txt-blue{
	color: #2394d3!important;
}

.txt20{
	font-size: 16px;
}

.txt23{
	font-size: 25px;
}

.txt25{
	font-size: 35px;
}

hr.style-one {
    border-color: #cc0000;
    border-top-width: 5px;
    margin-top: 1rem;
}

a{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #3f3f3f;
}

header .icono {
    color: #0c89ef;
	font-size: 40px;
}

#redes{
	position: fixed;
    right: 0;
    top: 9rem;
    z-index: 99999;
}
#redes .facebook{
	background: blue;
    padding: 15px 18px;
    color: white;
	font-size: 1.3rem;
}
#redes .insta{
	background: #ff00b5;
    padding: 10px 18px;
    color: white;
	position: absolute;
	top: 2.5rem;
	font-size: 1.3rem;
}

.btn-red{
	color: white;
	background: #cc0000;
	border-radius: 0px;
	font-size: 13px;
	font-weight: bold;
}

.btn-red:hover{
	color: white;
	background: black;
	border-radius: 0px;
	font-size: 13px;
	font-weight: bold;
	
}

.border-menu{
	border-bottom: 5px #cc0000 solid;
	border-color: #cc0000;
}

.btn-et{
	color: white;
	background: #cc0000;
	border-radius: 5px;
	font-size: 13px;
}

.btn-et:hover{
	color: white;
	background: #920000;
	border-radius: 5px;
	font-size: 13px;
	
}


.btn-form{
	color: white;
	background: #cc0000;
	border-radius: 0px;
	font-size: 13px;
	font-weight: bold;
}

.fondo1 {
    background: url(../img/bg-civic.jpg) center center no-repeat;
    background-size: cover;
    height: 500px;
}


hr.style-one {
    border-color: #cc0000;
    border-top-width: 5px;
    margin-top: 1rem;
}

.txtfooter{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #565656;
}	

.txtfooter2{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #808080;
}	

.btn-redf{
	color: white;
	background: #cc0000;
	border-radius: 5px;
	font-size: 13px;
}

.gray2{
	background: #f5f5f5;
}

.grayform{
	background:black;
}

.gray{
	background: #5f5f5f;
}

.white:{
	color: white!important;
}
.red{
	color: white;
	background: #cc0000;
}

.img-size{
	width: 500px;
}

.img-size1{
	width: 70px;
}

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

#logo img {
	max-height: 85px;
}

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



.zoom {
	padding-top: 1rem;
    transition: transform .2s;
    height: auto;
    margin: 0;
    max-width: 100%;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.texto {
	top: 0;
    color: #FFF;
    z-index: 999;
}

.btn1{
	background: #d9001d;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    width: 147px;
    border-radius: 0px;
}

.btn1:hover{
	background: #a20318;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    width: 147px;
    border-radius: 0px;
	
}

.btn2{
	background: #d9001d;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    width: 300px;
    border-radius: 0px;
}

.btn2:hover{
	background: #a20318;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    width: 300px;
    border-radius: 0px;
	
}

.fb{
	font-size:40px!important;
	color: #0068c4;
}

.fb:hover{
	font-size:40px!important;
	color: #0068c4;
}

form input.form-control, 
form select.form-control {
    height: 32px;
    font-size: 14px;
}
form textarea.form-control {
	font-size: 14px;
}

.bg-footer1{
	background: #efefef;
}

.bg-footer2{
	background: #3c3c3c;
}

.bg-footer3{
	background: #212121;
}

.txt-dir{
	color: #c7c7c7;
	font-size: 12px;
}


.txt-white{
	text-decoration: none!important;
	font-weight: bold!important;
	color: white!important;
}

.txt-white:hover{
	text-decoration: none!important;
	font-weight: bold!important;
	color: white!important;
}

.m-f{
	margin-bottom: 0px;
}

.avi{
	color: white!important;
	font-size: 13px;
}

.avi:hover{
	color: white!important;
	font-size: 13px;
}

.llama{
	font-size: 1.25rem;
	color: #212529!important;
}

.llama:hover{
	font-size: 1.25rem;
	color: #cc0000!important;
	text-decoration: none;
}


.w-style{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(255 255 255 / 58%);
}


.colortel{
	color: white!important;
	text-decoration: none!important;
} 

.colortel:hover{
	color: #cc0000!important;
	text-decoration: none!important;
}

.colortel2{
	color: white!important;
	text-decoration: none!important;
} 

.colortel2:hover{
	color: #cc0000!important;
	text-decoration: none!important;
}

@media (max-width: 600px){
	
.logomovil{
	width: 55px!important;
}	

#banner {
margin-top:70px!important;
}
	
}


@media (max-width: 767px){

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

.movilbanner{
    font-size: 26px;
    margin-top: -26px;
	margin-bottom: 113px;
}

.movilform1{
	color:black!important;
	margin-top: 50px;
    text-align: center;
	
}

}