/*General*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

body {
	font-family: 'Poppins', sans-serif;
	line-height: 1.3;
	font-size: 16px;
	/*background: #1c2431;*/
	background: white;
	color: #0a2c38;
}

#loader {
	/*background: aliceblue;*/
	background: white;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 99999;
}


#loader.fondo {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 99999;

}

#loader.noche {
	background: #1f273c;
}

#loader.dia {
	background: linear-gradient(#406a99, #daeeff);
}

#loader.dia img:nth-child(1) ,
#loader.noche img:nth-child(1) 
{
	
	position: relative;
	margin: auto;
	display: block;
	top: 25vh;

}
#loader img:nth-child(1) 
{
	width: 150px;
}

#loader img:nth-child(2) {

	position: relative;
	margin: auto;
	display: block;
	top: 50vh;
}



#fondo {
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	perspective: 40px;
	overflow: hidden;
}

#fondo #camino {
	width: 233px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background-color: #505654;
	transform: rotateX(49deg);
	overflow: hidden;
	border: 32px solid #c06d37;

}

#fondo #camino #linea {
	position: absolute;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 100px;
	background: #fff;
	animation: linea 1s linear infinite;
}

@keyframes linea {
	0% {
		top: 0;
	}

	100% {
		top: 100%;
		height: 0px;
	}
}

.paisaje div {
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.luna {
	margin: 20px calc(100vw - 160px);

}

.noche .nube {
	background: #A4A4A4;
}

.dia .nube {
	background: #efefef;
}

.nube {

	width: 90px;
	height: 42px;
	-webkit-animation: nubes 35s infinite;
	margin-left: 0;
}

.nube:before {
	border-radius: 50%;

	content: "";
	position: absolute;
	width: 48px;
	height: 48px;
	left: -22px;
	bottom: 0;

}

.noche .nube:before {
	box-shadow: 20px -20px 0 0 #A4A4A4, 90px 0 0 0 #A4A4A4, 60px -27px 0 10px #A4A4A4;
	background: #A4A4A4;
}

.dia .nube:before {
	box-shadow: 20px -20px 0 0 #efefef, 90px 0 0 0 #efefef, 60px -27px 0 10px #efefef;
	background: #efefef;
}

/*luna*/
.noche .luna {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #9fb0df;
	box-shadow: 0 0 25px #fff, inset -36px 0 34px #585858, inset -27px 10px 84px #e9e9fd;
}

.dia .luna {
	width: 100px;
	height: 100px;
	background: #f7fce2;
	border-radius: 50%;
	box-shadow: 0 0 10px #f7fce2, 0 0 30px #f7fce2, 0 0 50px #f7fce2, 0 0 80px #f7fce2, 0 0 100px #f7fce2, 0 0 140px #f7fce2, 0 0 170px #f7fce2, 0 0 200px #f7fce2, 0 0 230px #f7fce2, 0 0 260px #f7fce2, 0 0 270px #f7fce2;
}

/*nubes en posiciones*/

.nube:nth-child(1) {
	top: auto;
	bottom: 120px;
	opacity: 0.85
}

.nube:nth-child(2) {
	right: auto;
	left: 320px;
	opacity: 0.5
}

.nube:nth-child(3) {
	bottom: auto;
	top: 120px;
	right: auto;
	left: 80px;
	opacity: 0.75;
}

.nube:nth-child(4) {
	bottom: auto;
	top: 20px;
	right: auto;
	left: 320px;
	opacity: 0.65;
}

/*animacion*/

/**/

@-webkit-keyframes nubes {
	60% {
		top: 40px;
	}

	60% {
		left: 100%;
	}
}

@keyframes nubes {
	60% {
		top: 40px;
	}

	60% {
		left: 100%;
	}
}

@-moz-keyframes nubes {
	60% {
		top: 40px;
	}

	60% {
		left: 100%;
	}
}

@-o-keyframes nubes {
	60% {
		top: 40px;
	}

	60% {
		left: 100%;
	}
}

.dia .stars {
	opacity: 0;
}

.noche .stars {
	opacity: 1;

	-webkit-transition: all 3s 0.4s ease;
	transition: all 3s 0.4s ease;
}

.stars div:nth-child(n) {
	position: absolute;
	background: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(255, 255, 255, 1);
	overflow: hidden;
	width: 0.4%;
	height: 0.4%;

	margin-left: 20%;
	margin-top: -20%;

	-webkit-transition: all 1s 0s ease;
	transition: all 1s 0s ease;
}

.noche .stars div:nth-child(n) {
	margin-left: 0;
	margin-top: 0;

	-webkit-transition: all 1s 0.4s ease-out;
	transition: all 1s 0.4s ease-out;
}

.stars div:nth-child(1) {
	left: 25%;
	top: 30%;
}

.stars div:nth-child(2) {
	left: 55%;
	top: 20%;
}

.stars div:nth-child(3) {
	left: 60%;
	top: 60%;
}

.stars div:nth-child(4) {
	left: 40%;
	top: 45%;
}

.stars div:nth-child(5) {
	left: 15%;
	top: 55%;
}

.stars div:nth-child(6) {
	left: 40%;
	top: 10%;
}

.stars div:nth-child(7) {
	left: 80%;
	top: 55%;
}


/*Loader 2*/

div.camionContainer
{
width: 100%;
    height: 100vh;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
.loaderCamion {
  position: relative;
  width: 130px;
  height: 100px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#115b6b, #3d8c9f),  linear-gradient(#cc7f4c, #cc7f4c), linear-gradient(#cc7f4c, #cc7f4c);
  background-size: 80px 70px, 30px 50px, 30px 30px;
  background-position: 0 0, 80px 20px, 100px 40px;
}
.loaderCamion:after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 12px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  box-sizing: content-box;
  border: 10px solid #000;
  box-shadow: 78px 0 0 -10px #fff, 78px 0 #000;
  animation: wheelSk 0.75s ease-in infinite alternate;
}

.loaderCamion:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0px;
  height: 70px;
  width: 70px;
  background-image: linear-gradient(#136d80 45px, transparent 0),
    linear-gradient(#c67743 45px, transparent 0),
    linear-gradient(#525252 45px, transparent 0);
  background-repeat: no-repeat;
  background-size: 30px 4px;
  background-position: 0px 11px, 8px 35px, 0px 60px;
  animation: lineDropping 0.75s linear infinite;
}

@keyframes wheelSk {
  0%, 50%, 100% { transform: translatey(0) }
  30%, 90% { transform: translatey(-3px) }
}

@keyframes lineDropping {
  0% {
    background-position: 100px 11px, 115px 35px, 105px 60px;
    opacity: 1;
  }
  50% { background-position: 0px 11px, 20px 35px, 5px 60px }
  60% { background-position: -30px 11px, 0px 35px, -10px 60px }
  75%, 100% {
    background-position: -30px 11px, -30px 35px, -30px 60px;
    opacity: 0;
  }
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.blue {
	color: #17a2b8;
}

.orange {
	color: #f17e49;
}

.white {
	color: #fff;
}

.green {
	color: #709C19;
}

.red {
	color: #B82E10;
}


section {
	padding: 30px 0;
}


.titulosSeccion {
	color: white;
	text-align: center;
	background: rgba(28, 36, 49,.8 );
	padding: 30px 0;

}


section#quienes>.container,
section#servicios>.container,
section#contacto>.container,
section#cotizador>.container,
section#RegistroCliente>.container{
	position: relative;
	top: 30vh;
}

.mr-15 {
	margin-right: 15px;
}


.card-header {

	background-color: rgb(16, 75, 93);
	border-bottom: 2px solid rgb(227, 116, 48);
	color: #17a2b8;
}

.modal .modal-header,
.modal .card-header {
	background-color: #17a2b8;
    border-bottom: 3px solid #f17e49;
    color: #ffffff;
}

.modal .card-body {
	color: #000000;
}

.card-body {

	color: #f17e49;
}

.form-group label {
	color: #2d7589;
}

.form-control {

	color: #c4723d !important;
	border: 1px solid #c4723d;

}

.modal-header .close {
	color: white;
}

/*Navbar*/
.navbar-toggler
{
	color: #eb8547;
}

#navMain {
	background: rgba(28, 36, 49,.5);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

#navMain.scroll {
	transition: all 1s ease;
	background: rgba(28, 36, 49, 0.8);
}

#navMenuMain a img {
	width: 65px;
	transition: all 1s ease;

}

#navMenuMain a>#logo.scroll {
	width: 70px;
}

#navMenuMain .nav-link {
	color: #f17e48;
	font-weight: bold;
	font-size: 1.1em;
	transition: all 1s ease;
	padding-bottom: 0px;
}

#navMenuMain .nav-link:hover,
#navMenuMain .nav-link:active {
	color: #2d7589;
}

.nav-item.active .nav-link {
	color: #1bb8e3 !important;
    border-bottom: 2px solid #eb8547;
}

/*
#redes .nav-link
{
	font-size: 1.5em;
	color: #2d7589;
	font-weight: bold;

	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: bounce;
	animation-name: bounce;

}
*/
#redes>.nav-item {
	width: 45px;
	height: 45px;
	display: block;
	text-align: center;
	margin: 5px;
	border-radius: 10px;
	/*box-shadow: 3px 3px 3px*/
	transition: all 0.25s;

}

#redes>.nav-item:hover {
	transform: translateY(-5px);
}


#redes>.nav-item:nth-child(1) .nav-link {
	background: #4267b2;
	color: #fff;
	width: 45px;
	height: 45px;
	border-radius: 10px;
	transition: all 0.25s;
}

#redes>.nav-item:nth-child(2) .nav-link {
	color: #fff;
	background: rgb(173, 0, 0);
	width: 45px;
	height: 45px;
	border-radius: 10px;
	transition: all 0.25s;

}

#redes>.nav-item:nth-child(3) .nav-link {
	color: #fff;
	background: #691d7c;
	width: 45px;
	height: 45px;
	border-radius: 10px;
	transition: all 0.25s;

}

#redes>.nav-item:nth-child(4) .nav-link {
	color: #fff;
	background: #82a02d;
	width: 45px;
	height: 45px;
	border-radius: 10px;
	transition: all 0.25s;

}

#redes>.nav-item:nth-child(5) .nav-link {
	background:  #fff;
	color: black;
	width: 45px;
	height: 45px;
	border-radius: 10px;
	transition: all 0.25s;
}

#redes>.nav-item:nth-child(6) .nav-link {
	background: #FF8D33;
	color: #fff;
	width: 45px;
	height: 45px;
	border-radius: 10px;
	transition: all 0.25s;
}




#redes .nav-link:hover,
#redes .nav-link:active {
	color: #c4723d;
}

#redes>.nav-item>.nav-link {
	position: relative;
}

#redes>.nav-item>.nav-link>svg {
	top: 50%;
	left: 50%;
	margin: 5.6px 0 0 0;
	/*position: absolute;*/
}

@-webkit-keyframes bounce {

	0%,
	30%,
	60%,
	100% {
		-webkit-transform: translateY(0);
	}

	15%,
	45%,
	75% {
		-webkit-transform: translateY(-5px);
	}
}

@keyframes bounce {

	0%,
	30%,
	60%,
	100% {
		transform: translateY(0);
	}

	15%,
	45%,
	75% {
		transform: translateY(-5px);
	}
}

footer {
	background: #0a2d39;
	color: white;
}

footer a {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	color: white;
	font-weight: bold;
	margin-top: 5px;
}

footer a:hover {
	color: #f17e49;
}


footer ul{
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	list-style-type:none;
}

footer ul li {
	    margin: 10px auto;
}
footer>.containerFAQ {
	width: 100%;
	height: auto;
	background-color: #115b6b;
}

footer>.containerFAQ>.row {
	margin-right: 0px;
	margin-left: 20vh;
}

footer>.containerFAQ>.row>.col-md-4 {
	padding: 60px 0;
}

footer>.containerFAQ>.row>.col-md-4> h4 {
	font-size: 15px;
}


footer>.containerFAQ>.row>.col-md-4  a {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.751);
}

footer>.containerFAQ>.row>.col-md-6 {
	margin-top: 30px;
}

footer>.containerFAQ>.row>.col-md-6> h4 {
	font-size: 15px;
}

footer>.containerFAQ>.row>.col-md-6 > a
{
	font-size: 12px;
	color: rgba(255, 255, 255, 0.751);
}

footer>.containerFAQ + .container{
	    padding: 30px inherit;
}
footer>.container>.row>.col-md-12 {
	background: #0a2d39;
	bottom: 0px;
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
}

footer>.container>.row>.col-md-12>.footerCopyright>p {
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.751);
}

div#avisoPrivModal p
{
	text-align: justify;
}
/*Home*/

section#slider>#sliderMain .slides {
	width: 100%;
	min-height: calc(100vh);
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

section#slider>#sliderMain .slides > .container > .row div.col-md-3 > div.card {
	height: 350px;
	/*width:250px*/
}

section#slider>img {
	position: absolute;
	z-index: 9;
	right: 0;
	top: calc(100vh - 252px);
}

.slides:nth-child(1) {

	/*background:  
	linear-gradient( rgba(40, 164, 186, 0.35), 
		rgba(224, 109, 38, 0.3) ),url('../img/slider/1.jpg?x=1');*/
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url('../img/slider/1.jpg?x=1');
}

.slides:nth-child(1) .row {
	height: calc(100vh - 200px);
	position: relative;
	top: 200px;
}

.slides:nth-child(2) .row {
	height: calc(100vh - 350px);
	position: relative;
	top: 200px;
}

.slides:nth-child(3) .row {
	height: calc(100vh - 350px);
	position: relative;
	top: 200px;
}


.slides h3 {

	color: white;
	font-weight: bolder;
	font-size: 2em;

}

.slides:nth-child(2) {
	/*background: linear-gradient( rgba(40, 164, 186, 0.35), 
		rgba(224, 109, 38, 0.3) ), url('../img/slider/2.jpg?x=1');*/
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url('../img/slider/2.jpg?x=1');
}

.slides:nth-child(3) {
	/*background: linear-gradient( rgba(40, 164, 186, 0.35), 
		rgba(224, 109, 38, 0.3) ), url('../img/slider/3.jpg?x=1');*/
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url('../img/slider/3.jpg?x=1');
}

.slick-Custom {
	position: absolute;
	top: 50vh;
	color: #16768a;
	font-size: 35px;
	background: white;
	z-index: 1;
	border-radius: 100%;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
	border: 0px;
	border-color: #356f7a;
}

button.slick-Custom.next.btn.slick-arrow {
	right: 10px;
	color: #eb8547;
}

button.slick-Custom.before.btn.slick-arrow {
	left: 10px;
	color: #eb8547;
}

/*Somos*/
section#somos>.container>.row>.col-md-12 {
	display: flex;
	flex-wrap: wrap;
	align-content: space-evenly;
	min-height: 50vh;
	justify-content: center;
}

section#somos>.container>.row>.col-md-12 h3 {
	color: #17a2b8;
	font-weight: bolder;

}

section#somos>.container>.row>.col-md-12 p {
	color: #0a2c38;
	
	font-weight: bold;
	text-align: left;
}

/*caracteristicas*/
section#caracteristicas {
	display: flex;
	width: 100%;
	min-height: 550px;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../img/parallax/tranquilidad.jpg?x=1');
	position: relative;
}

section#caracteristicas>.container {
	display: flex;
}

section#caracteristicas>.container>.row>.col-md-3 {
	display: flex;
	justify-content: center;
	align-items: center;
}

section#caracteristicas>.container>.row>.col-md-3>.card {
	margin: 30px auto;
	border-radius: 20px;
	box-shadow: 5px 5px 5px #00000045;
	width: 275px;
	height: 285.5px;
}

section#caracteristicas>.container>.row>.col-md-3>.card:hover img,
section#caracteristicas>.container>.row>.col-md-3>.card:active img {
	filter: invert(100%) sepia() saturate(10000%) hue-rotate(5deg);
}

section#caracteristicas>.container>.row>.col-md-3>.card>img {
	width: 50%;
	margin: auto;
	filter: invert(100%) sepia() saturate(10000%) hue-rotate(303deg);
	transition: all 3s ease;
}

section#caracteristicas>.container>.row>.col-md-3>.card h5 {
	font-size: 25px;
	text-align: center;
	color: #17a2b8;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 15px;
}

section#caracteristicas>.container>.row>.col-md-3>.card p {
	color: #f17e49;
	font-size: 20px;
	font-weight: bold;
	text-align: justify;
	padding: 20px;
}

/*******ESTAS DEFINICIONES ROMPEN EL RESPONISVE DESIGN, CUIDADO *************/
section#caracteristicas>.container.p-20 {
	left: 50%;
	top: 50%;
	position: absolute;
	margin: -165px 0 0 -570px;
}

/****************************************************************************/

/*video*/
section#video>.container>.rowVideo {
	flex-wrap: wrap;
	display: flex;
	align-content: space-evenly;
	min-height: 80vh;
}

section#video video {
	width: 270px;
	height: 270px;
	width: 90%;
	height: 90%;
}

section#video video[poster] {
	object-fit: revert;
	max-height: 300px;
	background: #0f5a6a;
}

section#video>.container>.row .col-md-6.center {
	margin: 50px 0 50px 0;
}

section#video>.container>.rowVideo>.col-md-6>.row>.col-md-12>.btn {
	margin: 20px auto;
}


section#video>.container>.row>.col-md-12 h3 {
	color: #17a2b8;
	font-weight: bolder;
	text-align: center;
	margin: 30px auto;
}

/*Vehiculos*/
section#vehiculos {
	width: 100%;
	padding: 60px 0;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../img/parallax/ruedas.jpg?x=1');
	display: flex;
	flex-direction: column;
	justify-content: center;
}

section#vehiculos>.container>.row>.col-md-12 h3 {
	color: #fff;
	font-weight: bolder;
	text-align: center;
	margin: 60px auto;
}

section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos {
	margin: 30px auto;
}

section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos img {
	width: 60%;
	display: flex;
	margin: auto;
}

section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos .card {
	margin: auto 15px;
}

section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos .card .title {
	font-size: 18px;
	font-weight: 500;
	color: #17a2b8;

}

section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos .card:hover .title,
section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos .card:active .title {
	position: relative;
	z-index: 99;
	color: #ed792a;
}

section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos .card .card-body {
	position: absolute;
	opacity: 0;
	top: 0;
	transition: all 1s ease;
	height: inherit;
	display: block;
	align-items: center;
}

section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos .card:hover .card-body,
section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos .card:active .card-body {
	opacity: 1;
	background: rgba(10, 45, 57, 1);
	border-radius: 5px;
	border: 3px solid orange;
	color: white;

}

/*Página Quienes Somos*/

section#quienes {
	width: 100%;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	/*background: linear-gradient(rgba(40, 164, 186, 0.35),
			rgba(224, 109, 38, 0.3)), url('../img/parallax/somos.jpg?x=1');*/
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),url('../img/parallax/somos.jpg?x=1');
	height: 60vh;
}

section#lupa {
	    padding: 60px 0;
}

section#lupa  .col-md-6 {
	margin: 30px auto;
}

section#lupa  p {
	margin: 20px auto;
}



section#lupa h3 {
	text-align: center;
	margin: 60px 0;
}

section#valores {
	width: 100%;
	    padding: 60px 0;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	/*background: url('../img/parallax/parallax_alt_quienes_somos.jpg?x=1');*/
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../img/parallax/parallax_alt_quienes_somos.jpg?x=1');
}

section#valores h3 {
	text-align: center;
	padding: 30px;
	color: #fff;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}

section#valores .col-md-6 {
	margin: 30px auto;
}

/*
section#valores .card {
	margin: 15px 0;
	min-height: 350px;
	transition: all 0.25s;
}

section#valores .card:hover {
	transform: scale(1.1);
	box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

section#valores .card .card-header {
	text-align: center;
}

section#valores .card .card-body {
	text-align: center;
}

section#valores .card .card-body svg {
	color: #17a2b8;
	font-size: 70px;
	display: block;
	margin: 30px auto;
}*/
:root {
	--surface-color: #fff;
	--curve: 40;
  }

section#valores .card {
	position: relative;
	display: block;
	height: 100%;  
	border-radius: calc(var(--curve) * 1px);
	overflow: hidden;
	text-decoration: none;
  }
  
  section#valores .card__image {      
	width: 100%;
	height: auto;
	    position: relative;
    top: -76px;
  }
  
  section#valores .card__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;      
	border-radius: calc(var(--curve) * 1px);    
	background: #1c2431;   
	transform: translateY(100%);
	transition: all 1s ease-in-out;
  }
  
  section#valores .card:hover .card__overlay {
	transform: translateY(0);
	
  }
  
  section#valores .card__header {
	position: relative;
	display: flex;
	align-items: center;
	gap: 2em;
	padding: 2em;
	border-radius: calc(var(--curve) * 1px) 0 0 0;    
	background-color: var(--surface-color);
	transform: translateY(-100%);
	transition: .2s ease-in-out;
  }
  
  section#valores .card__arc {
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 100%;
	right: 0;      
	z-index: 1;
  }
  
  section#valores .card__arc path {
	fill: var(--surface-color);
	d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
  }       
  
  section#valores  .card:hover .card__header {
	transform: translateY(0);
	background: #1c2431;
  }
   section#valores  .card:hover .card__header i
   {
   	color: white;
   }
  section#valores .card:hover .card__arc path
  {
  	fill: #1c2431;
  }
  section#valores  .card__thumb {
	flex-shrink: 0;
	width: 50px;
	height: 50px;      
	border-radius: 50%;      
  }
  
  section#valores  .card__title {
	margin: 0 0 .3em;
	color: #66c9b0;
  }
  
  section#valores .card__tagline {
	display: block;
	margin: 1em 0;
	font-family: "MockFlowFont";  
	font-size: .8em; 
	color: #D7BDCA;  
  }
  
  section#valores .card__status {
	font-size: .8em;
	color: #D7BDCA;
  }
  
  section#valores .card__description {
	padding: 0 2em 2em;
	margin: 0;
	color: #d9d9d9;
	/*display: -webkit-box;*/
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
  }    


/*Página Quienes Somos*/

section#servicios {
	width: 100%;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	/*background: linear-gradient(rgba(40, 164, 186, 0.35),
			rgba(224, 109, 38, 0.3)), url('../img/parallax/servicios.jpg?x=2');*/
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../img/parallax/servicios.jpg?x=2');
	height: 60vh;
}

.colordiv {
	background-color: antiquewhite;
}

section#listServicios .row {
	margin-top: 60px;
	margin-bottom: 60px;
}

section#listServicios>.container>.row>.col-md-12:nth-child(1) {
	margin: 10px;
}

section#listServicios>.container>.row img.rounded-circle {
	/*box-shadow: 0px 6px 20px 7px #ccc;*/
	margin: 30px 0px;
	overflow: hidden;
	transition: all .5s;

}

section#listServicios>.container>.row .col-md-4:hover img.rounded-circle {
transform: scale(1.3);
    filter: drop-shadow(2px 4px 6px #394855);
    transition: all .5s;
}

section#listServicios>.container>.row>.col-md-4>h4.orange {

	margin: 0 0 25px 0;
}


/*Página Registro Cliente*/

section#registrocliente {
		
	/*width: 100%;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat:no-repeat;
	background-attachment: fixed !important;
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../img/parallax/cliente.jpg?x=1');
	height: 60vh;*/
	
	width: 100%;
	background-size: 100% 100%; /*Con esto ocupas el 100% del contenedor*/
   background-repeat: no-repeat;  /*Evitas que la imagen se repita si el contenedor es mas grande*/
   background-image:url("../img/parallax/cliente.jpg?x=1");
		
}



/*Página Registro Cliente*/
section#contacto {
	width: 100%;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	/*background: linear-gradient(rgba(40, 164, 186, 0.35),
			rgba(224, 109, 38, 0.3)), url('../img/parallax/contacto.jpg?x=1');*/
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../img/parallax/contacto.jpg?x=1');
	height: 60vh;
}

section#ContactoInfo .row {

	margin-top: 10px;
	margin-bottom: 10px;
}

section#ContactoInfo ul li {

	line-height: 2;
}

section#ContactoInfo ul li a {
	color: #2d7589;
}

section#ContactoInfo>.container>.row>.col-md-5>ul li.list-group-item {
	overflow: hidden;
}

section#ContactoInfo>.container>.row>.col-md-5>ul li.list-group-item:hover {
	transform: scale(1.1);
	transition: transform .5s;
	box-shadow: 0px 0px 10px 2px #e37430;
	z-index: 99;
}

section#ContactoInfo>.container>.row>.col-md-5>ul li.list-group-item:hover span.text-muted {
	color: #ed7928 !important;
}
section#ContactoInfo > .container > .row > .col-md-5 > h4{
	margin: 25px 0 0 0;
}
section#ContactoInfo > .container > .row > .col-md-7 > h4.mb-3{
	margin: 25px 0 0 0;
}
section#ContactoInfo > .container > .row > h1,
section#ContactoInfo > .container > .row > h2,
section#ContactoInfo > .container > .row > h3,
section#ContactoInfo > .container > .row > h4,
section#ContactoInfo > .container > .row > h5,
section#ContactoInfo > .container > .row > h6
{
	margin: 15px 0;
}

section#ContactoInfo > .container > .row > label,
section#ContactoInfo > .container > .row > p,
section#ContactoInfo > .container > .row > a
{
	margin: 12px 0;
}

section#mapadestino {
	width: 100%;
	height: 100%;
}

section#mapadestino>.row>.col-md-12>#mapdest {
	height: 80vh;
	width: 100%;
}

section#mapadistancia {
	width: 100%;
	height: 100%;
}

section#mapadistancia>.row>.col-md-12>#mapdist {
	height: 80vh;
	width: 100%;
}

/*CARDS OVERLAY */
.card.animated {
	overflow: hidden;
}

.card.animated .card-img-overlay {
	transition: all 1s ease;
	background: rgb(67 ,75 ,90);
	opacity: 0;
	top: 100%;
}

.card.animated .card-img {
	object-fit: cover;
	transition: all 1s ease;
}

.card.animated:hover .card-img-overlay,
.card.animated:active .card-img-overlay {
	opacity: 1;
	top: -1px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.card .card-img-overlay {
	left: -1px;
	top: -1px;
}

section#caracteristicas>.container>.row>.col-md-3>.card>.card-img-overlay h5 {
	color: #f17e49;
	padding: 0%;
	text-align: center;
}

section#caracteristicas>.container>.row>.col-md-3>.card>.card-img-overlay p {
	color: white;
	padding: 0%;
	text-align: center;
	font-size: 15px;
}

/*Necesarios*/
/*
.row
{
	margin-top: 10px;
	margin-bottom: 10px;
}
*/

/* MEDIA QUERIES */


/* Tamaño de letra */
@media (max-width: 768px) {
	body {
		font-size: .9em;
	}
	.h1, h1 {
	    font-size: 1.8rem;
	}
	.h2, h2 {
	    font-size: 1.6rem;
	}
	.h3, h3 {
	    font-size: 1.4rem;
	}
	.h4, h4 {
	    font-size: 1.2rem;
	}
	.h5, h5 {
	    font-size: 1rem;
	}
	.h6, h6 {
	    font-size: .8rem;
	}

	.btn {
		font-size: .8rem;
	
}

/* slider */
@media (max-width: 768px) {
	section#slider > img {
	    position: absolute;
		z-index: 9;
		right: 0;
		height: 150px;
		top: calc(100vh - 150px);
	}

	section#slider>#sliderMain .slides > .container > .row div.col-md-3 > div.card {
		height: 245px !important;
	}

	section#slider>#sliderMain .slides > .container > .row div.col-md-3 > div.card > .card-footer > .btn {
		font-size: 0.5rem;
	}
}

/*slick*/
@media (max-width: 768px) {
	#sliderMain  button.slick-arrow
	{
		top: 56vh;
	}
	button.slick-arrow {
	    font-size: 1.5rem !important;
	    
	}
}



/* Nav */
@media (max-width: 768px) {
	ul#redes {
	    flex-direction: row;
	    justify-content: center;
	}
	#navMenuMain > a.navbar-brand {
		/*display: none;*/
		position: fixed;
		left: 82%;
		top: 3px;
	}
}

/* home */


/* Servicios */

/*contacto*/
@media (max-width: 768px) {
    section#ContactoInfo>.container>.row>.col-md-5>ul li.list-group-item:hover {
		transform: initial;
		transition: none;
		box-shadow: none;
	}
}
}


/* PATROCINADORES */

/*Media queries Cuau*/
/*contacto*/
@media (max-width: 768px) {

	/****************************Footer*****************************/
    footer .row  h4
	{
		text-align: center;
	}

	footer>.containerFAQ>.row {
		margin-right: 0px;
		margin-left: 0px;
	}

	footer > .containerFAQ > .row > .col-md-4
	{
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	footer > .container > .row > .col-md-12
	{
		text-align: center;
  		width: 100%;
	}
}


@media (max-width: 683px) {

	/****************************Slider Cars*****************************/

	section#vehiculos>.container>.row>.col-md-12{
		max-width: 100vw;
		width: 100%;
		overflow: hidden;
	}

	section#vehiculos>.container>.row>.col-md-12>#sliderVehiculos {
		width: 90%; 	
	}

	

}





/* LOGIN */
#loginregistro .card {
	border: 0px solid rgb(0 0 0 / 0%);
}
.gradient-custom-2 {
	/* fallback for old browsers */
	background: #fccb90;

	/* Chrome 10-25, Safari 5.1-6 
	background: -webkit-linear-gradient(to right, #eb8547, #eb8547, #ee7724, #ee7724);*/

	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	/*background: linear-gradient(to right, #eb8547, #eb8547, #ee7724, #ee7724);*/
	
	background: linear-gradient(to right, #eb8547c2, #eb8547bd, #ee7724d1, #ee7724e3), url('../img/parallax/highway-road.jpg?x=1');
}

@media (min-width: 768px) {
.gradient-form {
height: 100vh !important;
}
}
@media (min-width: 769px) {
.gradient-custom-2 {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
}
}

.container-fluid.color-card-black .card
{
	background: #1c2431;
}

.container-fluid.color-card-black .card .card-body 
{
	color: #fff;
}

.container-fluid.color-card-black .card .card-header {

	background-color: #1c2431;
	border-bottom: 2px solid rgb(16, 75, 93);
	color: #17a2b8;
}

.bg-content {
	background: #e9ecef !important;
}

section#cotizador {
	width: 100%;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	/*background: linear-gradient(rgba(40, 164, 186, 0.35),
			rgba(224, 109, 38, 0.3)), url('../img/parallax/servicios.jpg?x=2');*/
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../img/parallax/cotizador.jpg?x=2');
	height: 60vh;
}

section#RegistroCliente{
	width: 100%;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	/*background: linear-gradient(rgba(40, 164, 186, 0.35),
			rgba(224, 109, 38, 0.3)), url('../img/parallax/servicios.jpg?x=2');*/
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../img/parallax/registro.jpg?x=2');
	height: 60vh;
}