@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
	--colorAqua: #017d6d;
	--colorAzul: #112940;
	--colorVerde: #c9d424;


	--colorTexto: #112940;
	--Blanco: #FFF;
	--Negro: #000;
}


/*GLOBALES*/
body{
	font-family: "Montserrat", sans-serif;
}
*{
	margin:0px;
	border:0px;
	padding: 0px;
}
.top-centered{
	display: flex;
	justify-content: center;
	align-items: start;
}
.centered{
	display: flex;
	justify-content: center;
	align-items: center;
}
.centered-right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.centered-izq{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.bottom-end{
	display: flex;
	justify-content: flex-end;
	align-items: end;
}

/*HEADER*/
header img.logo.color{
	display: none;
}
header img.logo.blanco{
	display: block;
}

.logo-color header img.logo.color{
	display: block;
}
.logo-color header img.logo.blanco{
	display: none;
}
.logo-color header .nav-item a{
	color: var(--colorTexto);
}
.logo-color header .nav-item a{

}
/* .logo-color header .nav-item a:hover{
	color: var(--colorAqua);
	border-bottom: 2px solid var(--colorAqua);
}
.logo-color .nav-link:focus, .nav-link:hover{
	color: var(--colorAqua);
} */

header{ 
	padding: 10px 0px;
	top: 0px;
	width: 100%;
    background: #FFF;
	z-index: 9;
}
header img.logo{
	width: 210px;
}
header .nav-item a{
	color: var(--Blanco);
	padding: 10px 20px;
	font-weight: 400;
	text-decoration: none;
	margin: 0px 20px;
}
header .nav-item a:hover{
	font-weight: 500;
	border-bottom: 2px solid var(--colorAqua);
}
header a.informes:hover{
	border-bottom: none;
}
.nav-link:focus, .nav-link:hover{
	color: var(--colorAqua) !important;
}
header .logoa:hover{
	border-bottom: none;
}
header .navbar-collapse{
	justify-content: end;
}

/*FOOTER*/
footer{
	padding: 50px;
	background: var(--colorAzul);
	text-align: center;
}
footer h3{
	color: var(--Blanco);
	font-size: 1.6rem;
	font-weight: 300;
	margin-bottom: 0px;
	margin-right: 30px;
}
footer a i{
	color: var(--colorVerde);
	font-size: 1.8rem;
	margin-right: 20px;
}


/*SWIPPER*/
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*BANER PRINCIPAL*/
.bannerPrincipal{
	padding: 0px 0px 50px;
}
.bannerPrincipal .swiper-slide{
	padding: 0% 2%;
}
.bannerPrincipal .swiper-button-next{
    right: var(--swiper-navigation-sides-offset, 50px);
    left: auto;
	color: var(--Blanco);
}
.bannerPrincipal .swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 50px);
	right: auto;
	color: var(--Blanco);
}
.bannerPrincipal .swiper-slide{
	position: relative;
}
.bannerPrincipal .swiper-slide .caja{
	position: absolute; 
	/* left: 5%; */
	bottom: 11%;
}
.bannerPrincipal .swiper-slide .caja h1{
	font-size: 3rem;
	color: var(--Blanco);
	text-align: left;
	font-weight: 800;
}
.bannerPrincipal .swiper-slide .caja h1 span{
	font-size: 3rem;
	color: var(--colorVerde);
}


.atendemos{
	padding: 50px 0px;
	text-align: center;
}
.atendemos h3{
	color: var(--colorTexto);
	font-size: 1.5rem;
	font-style: italic;
	font-weight: 600;
}
.atendemos h2{
	color: var(--colorVerde);
	font-size: 4rem;
	font-weight: 800;
	margin: 30px 0px;
}
.atendemos p{
	color: var(--colorTexto);
	font-size: 1.2rem;
	font-weight: 400;
}



.banner-texto{
    padding: 11% 0px 0px;
    text-align: center;
    background: url('../img/equipos-renta/bannerequipos-80.jpg');
	background-position: center center;
    background-size: 100%;
    height: 50vh;
    margin-top: -85px;
}
.banner-texto h2{
	font-size: 4rem;
	font-weight: 900;
	color: var(--Blanco);
}

.equipos{
	padding: 50px 0px;
}
.equipos img{
	width: 450px;
}
.equipos h3{
	font-size: 2rem;
	font-weight: 700;
	color: var(--colorTexto);

}
.equipos p{
	font-size: 1.6rem;
	font-weight: 400;
	color: var(--colorTexto);
}
.equipos ul{
	list-style: none;
	padding-left: 0px;
}
.equipos ul li{
	font-size: 1.6rem;
	font-weight: 400;
	color: var(--colorTexto);
	margin-bottom: 15px;
}
.equipos ul li img{
	width: 30px;
	margin-right: 10px;
}
.equipos .mgT-20{
	margin-top: 40px;
}



.banner-texto.contacto{
	padding: 14% 0px 10%;
    margin-top: -85px;
    text-align: center;
    background: url('../img/contacto/bannercontacto-80.jpg');
	background-position: center center;
    background-size: cover;
    height: auto;
}
.banner-texto.contacto h2{
	text-align: left;
}
.banner-texto.contacto p{
	font-size: 1rem;
	text-align: left;
	color: var(--Blanco);
}
.banner-texto.contacto .caja{
	padding: 30px;
	background-color: var(--Blanco);
	border-radius: 30px;
	text-align: left;
}
.banner-texto.contacto .caja .form-control{
	margin-bottom: 20px;
	border-color: var(--colorTexto);
	border-radius: 10px;
}
.banner-texto.contacto .caja button{
	background: var(--colorAzul);
	color: var(--Blanco);
	font-size: 1rem;
	font-weight: 700;
	margin-top: 20px;
}

.banner-texto.ban-aviso{
	padding: 14% 0px 10%;
    margin-top: -85px;
    text-align: center;
    background: url('../img/aviso/banneraviso-80.jpg');
	background-position: center center;
    background-size: cover;
    height: auto;
}
.aviso{
	padding: 80px 0px;
}
.aviso p{
	font-size: 1.1rem;
    color: var(--colorTexto);
    margin-bottom: 30px;
    text-align: center;
    padding: 0px 21%;
}
.aviso h4{
	text-align: center;
	font-size: 1.1rem;
	color: var(--colorTexto);
	font-weight: 700;
}



.banner-texto.ban-terminos{
	padding: 14% 0px 10%;
	margin-top: -85px;
	text-align: center;
	background: url('../img/tyc/bannerterminos-80.jpg');
	background-position: center center;
	background-size: cover;
	height: auto;
}
.terminos{
	padding: 80px 0px;
}
.terminos h3{
	text-align: center;
	font-size: 2rem;
	color: var(--colorTexto);
	font-weight: 700;
	margin-bottom: 60px;
}
.terminos ul{
	list-style: none;
	margin-bottom: 80px;
}
.terminos ul li{
	position: relative;
    font-size: 1.1rem;
    color: var(--colorTexto);
    margin-bottom: 30px;
    text-align: left;
}
.terminos ul li i{
	position: absolute;
	color: var(--colorAqua);
	top: 15%;
	left: -2rem;
}
.terminos p{
    font-size: 1.1rem;
    color: var(--colorTexto);
    margin-bottom: 30px;
    text-align: center;
}

ul.rs-top {
 position: relative;
 padding: 0;
 margin: 0;
}
ul.rs-top li {
 list-style: none;
 margin-bottom: 15px;
 position: fixed;
 right: 18px;
 top: 67%;
 z-index: 99;
}
ul.rs-top li a img {
 width: 60px;
}