#form-whats, #form-phone{  
	position: absolute;
    background: white;
    z-index: 9999999;
    padding: 13px;
    width: 250px;
    right: -3rem;
    top: 4rem;
    border: 1px solid;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}  

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: black;
}


h1{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;

}

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

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

h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
}

h5{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

h6{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}  

p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}


h7{
font-family: 'Open Sans', sans-serif;
}

h7, h7 a{
    display: flex;
	text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
	color: black;
	
}

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

.colores #escarlata {
    background: #83191d;
}

.colores #gris {
    background: #7b7b7b;
  
}

.colores #plata {
    background: #d1d4d8;
}

.colores #rojo {
    background: #83191d;
}

.colores #negro {
    background: #000000; 
}   
 
.colores #blanco { 
    background: white;
     border: 1px solid #515151;
} 

.txt-legal{
	font-size: 12px!important;
}

.txt-promo{
	font-size: 50px!important;
}

.list{
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

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

.txt-dark{
	color: #282828;
}

.txt-dark:hover{ 
	color: #fd0719!important;
}

.txt-red{
	color: #fd0719;
}


.txt-gray{
	color: #3c3c3c;
}

.txt-p-footer{
	font-size: 15px;
	margin-bottom: 4px; 
}

.weight1{
	font-weight: 300!important;

}
 

.weight2{
	font-weight: 700!important;
 
}

.l-space1 {
    letter-spacing: 1.3px;
}

.txt-shadow{
	text-shadow: 2px 2px 2px #000;
}

.logomovil2{
	width: 180px;
}

.img-size{
	width: 90px!important;
}

.img-size2{
	width: 500px!important;
}

.img-cleber{
	width: 130px;
}
.b-icon{
	margin-top: -5px;
	width: 25px;
}

.version-size{
	width: 200px;
}
 
.line-footer{
	margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid white;

}

.mapa{
	font-size: 12px;
	color: #fd0719!important;

}

.db a{
	display: block;
}

.btn-ver{
	color: #fd0719;
	font-size: 14px;
	font-weight: 600;
}

.btn-ver:hover{
	color: #aa000c;
	font-size: 14px;
	text-decoration: underline;
	font-weight: 600;
}

.btn-envia{
    background: #fd0719;
    color: white;
    border-radius: 0px;
    font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
}

.btn-envia:hover{
    background:#aa000c;
    color: white;
    border-radius: 0px;
    font-size:  14px;
	margin-left: 5px;
	margin-top: 5px;

}

.btn-car{
    background: #37474f;
    color: white!important;
    border-radius: 20px;
    font-size: 15px;
    padding left: 15px!important;
	padding right: 15px!important;
	
}

.btn-car:hover{
    background: #263238;
    color: white!important;
    border-radius: 20px;
    font-size: 15px;
    padding left: 15px!important;
	padding right: 15px!important;


}


.cva{
	color:#fd0719!important;
    font-size: 20px;
    font-weight: 700;
    padding: 0px;
    text-align: center;
}

.cva:hover{
	color:#aa000c!important;
    font-size: 20px;
    font-weight: 700;
    padding: 0px;
    text-align: center;
}

.btn-llamanos{
    background: #fd0719;
    color: white!important;
    border-radius: 20px;
    font-size: 14px;
    padding left: 15px!important;
	padding right: 15px!important;
	
}

.btn-llamanos:hover{
    background: #aa000c;
    color: white!important;
    border-radius: 20px;
    font-size: 14px;
    padding left: 15px!important;
	padding right: 15px!important;


}

.btn-download{
	color: #fd0719;
	font-size: 17px;
}

.btn-download:hover{
	color: #3c3c3c;
	font-size: 17px;
}

.round-button{
	font-family: 'Open Sans', sans-serif; 
    font-size: 14px;
    font-weight: bold;
    line-height: 110%;
    text-align: center;
    display: inline-block;
    border-radius: 100rem;
    padding: 8px;
    background:#fd0719;
    color: #fff!important;
    margin-top: 8px;
}

.round-button:hover{
	font-family: 'Open Sans', sans-serif; 
    font-size: 14px;
    font-weight: bold;
    line-height: 110%;
    text-align: center;
    display: inline-block;
    border-radius: 100rem;
    padding: 8px;
    background: #aa000c;
    color: #fff!important;
    margin-top: 8px;
    
}

.call-button{
	font-family: 'Open Sans', sans-serif; 
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: #fd0719;
    font-size: 1.5rem;
    color: white!important;
    font-weight:900!important;

}

.call-button:hover{
	font-family: 'Open Sans', sans-serif; 
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: #aa000c;
    font-size: 1.5xrem;
    color: white!important;
    font-weight:900!important;
}


.whats-button{
	font-family: 'Open Sans', sans-serif; 
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: #00B241;
    font-size: 1.5rem;
    color: white!important;
    font-weight:900!important;

}

.whats-button:hover{
	font-family: 'Open Sans', sans-serif; 
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: #028f36;
    font-size: 1.5xrem;
    color: white!important;
    font-weight:900!important;
}





.round-button-c{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
    line-height: 110%;
    text-align: center;
    display: inline-block;
    border-radius: 100rem;
    padding: .5rem 1rem;
    background:#fd0719;
    color: #fff;
    margin-top: 8px;
}

.round-button-c:hover{
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 110%;
    text-align: center;
    display: inline-block;
    border-radius: 100rem;
    padding: .5rem 1rem;
    background: #aa000c;
    color: #fff;
    margin-top: 8px;
}

.round-button-c2{
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
    line-height: 110%;
    text-align: center;
    display: inline-block;
    border-radius: 100rem;
    padding: .5rem 1rem;
    background:#fd0719;
    color: #fff;
    margin-top: 8px;
}

.round-button-c2:hover{
	font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 110%;
    text-align: center;
    display: inline-block;
    border-radius: 100rem;
    padding: .5rem 1rem;
    background: #aa000c;
    color: #fff;
    margin-top: 8px;
}

.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.contacto{
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 20px;
	display: block;
	/*background: #c3002f;*/
	color: #c3002f;
	/*border-radius: 50rem;*/
}

.formstyle{
	background: rgb(226 226 226 / 90%);
	font-size: 11px!important;
    margin-bottom: .1rem;
	border-radius: 5px;
}

.form-control
{
font-size: 13px!important;	
}


 
.btnform{
	background: #c3002f;
	color: white;
	border-radius: 20px;
}  

.btnform:hover {
    background: #900023;
    color: black;
    border-radius: 20px;
}


.icon {
    color: #ffffff!important;
    font-size: 30px!important;
    margin-right: 1rem;
}

.icon:hover {
    color: #fd0719!important;
    font-size: 30px!important;
    margin-right: 1rem;
}


/*colores bg*/

.bg-gray{
	background: #e3e6e8;
}

.bg-gray2{
	background: #f4f4f4;
	padding: 10px;
}

.bg-white{
	background: white; 
}

/*colores footer*/
.bg-darkgray {
    background: #232323;
}

.bg-black {
    background: black;
}

.fc-red {
    color: #fd0719;
}

.fc-red:hover { 
    color: #aa000c;
    text-decoration: none;
}

.fc-white {
    color: white;
}

a.fc-white:hover {
    color: #a0a0a0;
}


#logo img {
	max-height: 85px;
}
#menu .navbar-brand img {
    width: 190px;
}

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

.font{
	font-family: 'Open Sans', sans-serif;
}

.dropdown-menu {
	font-family: 'Open Sans', sans-serif;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    /* color: #212529; */
    text-align: left;
    list-style: none;
    background-color:#fff0;
    background-clip: none;
    border: none; 
    border-radius: .25rem;
}

.modal {
z-index: 99999999;
}

.txt-bx{
	display: flex;
	text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
	color: #fd0719!important;
	font-size: 15px;
}

.fancybox-overlay,
.fancybox-opened {
	z-index: 9999;
}
.fancybox-skin,
.fancybox-wrap {
	z-index: 99999;
}


.fancybox-skin {
    position: relative;
    background: white!important;
    color: black!important;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}






.carousel-control-prev-icon {
   color: gray;
}

.carousel-control-next-icon {
   color: gray;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    font-size: 30px!important;
    position: absolute;
    left: 0;
    top: 50%;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    font-size: 30px!important;
    position: absolute;
    right: 0;
    top: 50%;

}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff!important;
    background-color: #fd0719!important;
}

.navbar-nav .nav-link {
    padding-right: 8px;
    padding-left: 8px;
}


.fondo1 {
    background: url(../img/fondo-1.jpg) center center no-repeat;
    background-size: 100%;
    height: 230px;
} 

.fondo2 {
    background: url(../img/fondo-2.jpg) center center no-repeat;
    background-size: 100%;
    height: 230px;
} 

.fondo2 {
    background: url(../img/fondo-2.jpg) center center no-repeat;
    background-size: 100%;
    height: 230px;
} 

.fondo3 {
    background: url(../img/fondo-3.jpg) center center no-repeat;
    background-size: 100%;
    height: 230px;
} 

.margin-gal{
	margin-top: -100px;	
}

.m-height{ min-height: 175px; }

.threesixty ul#colores li {
	display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.threesixty h4 {
    margin-bottom: 2rem;
}  


@media (max-width: 768px){
#banner {
    background-image: url(../img/flotillas-banner.jpg);
    background-size: 172%;
    background-repeat: no-repeat;
    background-position: -253px 0px;
}
#form-whats, #form-phone{ right: 1rem; }
}

@media (max-width: 767px){
.text-left{ text-align:center !important; }
#menu .navbar-brand img {
    width: 112px;
}
.navbar-nav{ display: block; }
.navbar-nav .nav-item{ display: inline-block; width: fit-content; }

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

#banner {
    background-size: 135% auto;
    background-position: -10px 45px;
}
	
.formstyle{ 
    margin-top:200px;
    margin-bottom:30px;
}

.txt-fondo1{
	font-size: 26px;
}

.fondo1 {
    background: url(../img/fondo-1.jpg) center center no-repeat;
    background-size: 165%;
    height: 300px;
}

.fondo2 {
    background: url(../img/fondo-1.jpg) center center no-repeat;
    background-size: 165%;
    height: 300px;
}

	
}