/*==================================
	Estilos generales.
==================================*/
* {
   box-sizing: border-box;
}

html {
	/*font-family: 'Raleway', sans-serif;*/
}

.flex-row-class {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: row;
    flex-direction: row;
}

.flex-column-class {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
    flex-direction: column;
}

.btn-container {
	text-align: center;
}

	.btn {
		text-decoration: none;
		display: inline-block;
		padding: 10px 5px;
		text-align: center;
		width: 100%;
	}

		.white-btn {
			background: #FFF;
			color: #1C6BAE;
		}

		.blue-btn {
			background: #70a4cf;
			color: #FFF;
		}

.active-button {
	background: #70a4cf!important;
}

.locked-button {
	background: rgb(207,208,209)!important;
}

.current-section {
	border-bottom: 3px solid #facf08;
	/*box-shadow: 0px 3px 0px #1C6BAE;*/
}

/*==================================
	Contenedores.
==================================*/
.container {
	font-family: 'Raleway', sans-serif;
	padding-left: 1em;
	padding-right: 1em;
}

.main-content {
	padding-top: 0px;
}

/*==================================
		Barra de navegación.
==================================*/
.navbar {
	/*background: #FFF;
	border-bottom: 2px solid #1C6BAE;*/
	font-family: 'Raleway', sans-serif;
	left: 0;
	position: fixed;
    padding: 0 1em;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.navbar-bg {
	background: rgba(9, 37, 60, 0.8);/*rgba(112, 164, 207, 0.8)*/
}

	.logo-container {
		flex-shrink: 0;
		padding: 5px 0;
		width: 70px;
	}

		.logo-container img {
			width: 100%;
			height: auto;
		}

	.menu-options {
		display: none;
		padding: 0;
		margin: 0;
		width: 50%;
	}

		.menu-options li {
			list-style: none;
		}

			.menu-options li a,
			.menu-options li label {
				color: #FFF;
				cursor: pointer;
				font-size: 1em;
				font-weight: bold;
				text-decoration: none;
				text-shadow: 2px 1px 2px #000;
			}

	.hamburguer-container {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		padding: 0;
	}

		.hamburguer-picture {
			display: inline-block;
			background: url("../img/hamburger-menu.svg") no-repeat center;
			background-size: auto 50%;
			cursor: pointer;
			width: 75px;
			height: 100%;
		}

	.mobile-menu-options {
		-webkit-transition:  all 0.5s ease-in-out;
	    -moz-transition:  all 0.5s ease-in-out;
	    -ms-transition:  all 0.5s ease-in-out;
	    -o-transition:  all 0.5s ease-in-out;
	    transition:  all 0.5s ease-in-out;
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8); /*rgba(9, 37, 60, 0.8)*/
		z-index: 999;
		overflow: scroll;
	}

		#hamburger-check:checked + .mobile-menu-options {
			right: 0;
		}

		#hamburger-check {
			display: none;
		}

		.mm-options {
			-webkit-justify-content: space-around;
			justify-content: space-around;
			width: 100%;
			height: 50%;
			padding-left: 0;
			text-align: center;
		}

			.mm-options li {
				height: 50px;
				width: 80%;
			}

			.mm-options li a,
			.mm-options li label {
				color: #FFF;
				cursor: pointer;
				display: inline-block;
				font-size: 1.3em;
				font-weight: bold;
				height: 100%;
				line-height: 50px;
				text-decoration: none;
				width: 100%;
			}

	.close-menu-container {
		-webkit-justify-content: center;
		justify-content: center;
		height: 50%;
		width: 100%;
	}

		.close-menu {
			background: url("../img/icon_cerrar_circular.svg") no-repeat center;
			background-size: 100% auto;
			cursor: pointer;
			height: 40px;
			width: 40px;
		}

/*==================================
		Banner principal.
==================================*/
.main-banner {
	background: url("../img/main-banner-bg.jpg") center no-repeat;
	background-size: cover;
	height: 100vh;
	justify-content: center;
}

	.banner-content-container {
		background: rgba(0,0,0,0.5);
		border-radius: 5px;
		color: #FFF;
		padding-bottom: 50px;
		padding-top: 50px;
		text-align: center;
	}

		.banner-content-container h1 {
			font-weight: bold;
		}

.section-container {
	padding: 50px 0;
}

	.section-title {
		font-family: 'Poppins', sans-serif;
		position: relative;
		text-align: center;
		text-transform: uppercase;
	}

		.ancla {
			position: absolute;
			top: -130px;
		}

	.section-subtitle {
		font-size: 0.9em;
		font-style: italic;
		font-weight: bold;
		margin-top: 0;
		text-align: center;
	}

	.half-container {
		padding: 10px 20px;
	}

	.img-half-viewport {
		height: auto;
		width: 100%;
	}

		.img-half-viewport img {
			height: auto;
			padding: 0 5px;
			width: 100%;
		}

		.home-video {
			width: 100%;
		}

	.img-experience {
		background: url("../img/service6.jpg") center no-repeat;
		background-size: cover;
	}

	.img-vision {
		background: url("../img/service7.jpg") center no-repeat;
		background-size: cover;
	}

		.minisubtitle {
			font-family: 'Poppins', sans-serif;
			font-size: 1.1em;
			text-decoration: underline;
		}

		.white-subtitle{}

.services-section {
	background: url("../img/services-bg.jpg") center no-repeat;
	background-size: cover;
	color: #FFF;
	padding-bottom: 0;
}

.equipos-img-container {
	padding-bottom: 20px;
}

.img-services,
.img-equipos {
	border: 1px solid #70a4cf;
	border-radius: 5px;
	margin-bottom: 20px;
	width: 100%;
}

.cobertura-container {
	background: rgba(9, 37, 60, 0.6);
	color: #FFF;
	margin-top: 35px;
	padding-bottom: 30px;
	padding-top: 30px;
}

	.lista-cobertura ul {
		width: 100%;
	}

.equipment-container {
	background: url("../img/equipment-bg.jpg") center no-repeat;
	background-size: cover;
	color: #FFF;
}
/*==================================
			Cotización.
==================================*/
.origin-destination-container {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}

	.origin-container,
	.destination-container,
	.service-type-container,
	.tipo-mudanza-container,
	.tipo-servicio-container {
		width: 100%;
	}

	.destination-container {
		padding-top: 30px;
	}

		.origin-destination-title {
			font-size: 1.1em;
			font-weight: bold;
		}

		.pseudo-select-container {
			width: 100%;
		}

		.pseudo-select {
			background: url("../img/flecha_blanca_abajo.svg") 96% center no-repeat, rgb(9, 37, 70) center no-repeat;
			background-size: auto 20px, auto 30px, cover;
			/*font-size: 1.1em;*/
			height: 50px;
			left: 0;
			line-height: 50px;
			position: relative;
			text-align: center;
			top: 0;
			width: 100%;
		}

			.pseudo-select span {
				color: #FFF;
				display: block;
				left: 0;
				padding-left: 20px;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 1;
			}

			.pseudo-select select {
				border: none;
				height: 50px;
				left: 0;
				opacity: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 5;
			}

		.label-form {
			color: #253B53;
			display: inline-block;
			/*font-size: 1.1em;*/
			margin-top: 15px;
			width: 100%;
		}

		.text-form {
			border: 2px solid rgba(37, 59, 83, 0.3);
			color: #253B53;
			/*font-size: 1.1em;*/
			padding: 10px 0 10px 15px;
			width: 100%;
		}

		.textarea-form {
			border: 2px solid rgba(37, 59, 83, 0.3);
			/*font-size: 1.1em;*/
			height: 200px;
			margin-bottom: 20px;
			padding: 10px 0 10px 15px;
			width: 100%;
		}

#google-maps {
	color: #000;
	height: 400px;
	width: 100%;
}
/*==================================
		Footer.
==================================*/
footer {
	background: #09253c;/*70a4cf*/
	color: #70a4cf;
}

	.footer-panel {
		width: 100%;
	}

		.fp-title {
			font-weight: bold;
			text-transform: uppercase;
		}

		.domi-address span {
			font-weight: bold;
		}

		.domi-address p {
			margin-top: 0;
		}

		.domi-address a {
			color: #FFF;
			text-decoration: none;
		}

		.social-media-button {
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			background: #FFF;
			margin-bottom: 10px;
			text-decoration: none;
		}

			.social-media-icon {
				display: inline-block;
				height: 30px;
				width: 30px;
			}

			.social-media-button span:last-child {
				padding-left: 8px;
			}

		.facebook-button {
			color: #1C6BAE;
		}

			.facebook-icon {
				background: #1C6BAE url("../img/icon-face.svg") center no-repeat;
				background-size: 10px;
			}

		.twitter-button {
			color: #29A3F0;
		}

			.twitter-icon {
				background: #29A3F0 url("../img/Twitter_Logo_Blue.svg") center no-repeat;
				background-size: 60%;
			}

		.instagram-button {
			color: #D73576;
		}

			.instagram-icon {
				background: #D73576 url("../img/instagram-icon.svg") center no-repeat;
				background-size: 60%;
			}

	.mayan-footer {
		background: #09253c;/*09253c*/
		border-top: 2px solid #70a4cf;
		padding: 10px 0;
		text-align: center;
	}

		.mayan-footer p {
			margin: 0;
		}

			.mayan-footer p a {
				color: #FFF;
			}

/*==================================
	Whatsapp.
==================================*/
.whatsapp-button {
	position: fixed; 
	top: 85px; 
	right: 15px;
	z-index: 998;
}

/*==================================
		Media queries.
==================================*/
@media screen and (min-width: 769px) {
	.btn {
		width: 200px;
	}
	/*==================================
		Contenedores.
	==================================*/
	.container {
	    margin: 0 auto;
	    max-width: 1000px;
	    width: 90%;
	}

	.main-content {
		padding-top: 0px;
	}


	/*==================================
			Barra de navegación.
	==================================*/
	.logo-container {
		width: 90px;
	}

	.menu-options {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: row;
	    flex-direction: row;
	}

	.mobile-menu-options {
		display: none;
	}

	.hamburguer-container {
		display: none;
	}

	/*==================================
			Sections.
	==================================*/
	.two-columns-container,
	.services-img-container,
	.equipos-img-container,
	.lista-cobertura {
		-webkit-flex-direction: row;
	    flex-direction: row;
	}

		.lista-cobertura ul {
			width: 30%;
		}

		.half-container {
			width: 30%;
		}

		.img-half-viewport {
			-webkit-flex-direction: row;
	    	flex-direction: row;
			width: 70%;
		}

			.img-half-viewport img {
				height: auto;
				width: 60%;
			}

			.home-video {
				width: 40%;
			}

		.img-equipos {
			height: auto;
			margin-bottom: 0;
			width: 30%;
		}

		.img-services {
			height: auto;
			margin-bottom: 0;
			width: 48%;
		}

		.vision-container {
			order: 1;
		}

		.vision-img {
			order: 0;
		}

	.home-video {
		height: auto;
		width: 40%;
	}

	/*==================================
				Cotización.
	==================================*/
	.origin-destination-container,
	.service-type-container {
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-flex-direction: row;
	    flex-direction: row;
	    max-width: 800px;
	}

		.origin-container,
		.destination-container,
		.tipo-mudanza-container,
		.tipo-servicio-container {
			width: 45%;
		}

		.destination-container {
			padding-top: 0;
		}

		.label-form,
		.text-form,
		.textarea-form {
			max-width: 800px;
		}

	/*==================================
			Footer.
	==================================*/
	.footer-content {
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: row;
	    flex-direction: row;
	}

	.footer-content > div {
		width: 30%;
	}

	/*==================================
		Whatsapp.
	==================================*/
	.whatsapp-button {
		top: 100px;
	}
}

@media screen and (min-width: 1025px) {
	.container {
		max-width: 1150px;
		width: 80%;
	}

	.btn {
		width: 300px;
	}
}