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

html {
	height: 100%;
	/*
		font-family: 'Oswald', sans-serif;
	*/
}

body {
	height: 100%;
	font-family: 'Oswald', 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;
}

.pseudo-select {
	background: url("../img/flecha_blanca_abajo.svg") 96% center no-repeat, url("../img/linea.svg") 85% center no-repeat, rgba(0,0,0,0.6) center no-repeat;
	/*background-position: 98% center, 90% center;*/
	background-size: auto 20px, auto 30px, cover;
	font-size: 1.2em;
	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;
	}


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

	.red-btn {
		background: #2F5D7C;
		color: #FFF;
	}

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

.section-title {
	font-size: 2.3em;
	margin-top: 0;
	padding-top: 75px;
	text-align: right;
	text-shadow: 2px 2px 0px #2F5D7C;
	text-transform: uppercase;
}

.white-title {
	color: #FFF;
}

.black-title {
	color: #000;
}

.contact-content {
	margin-top: 20px;
	padding-bottom: 30px;
}

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

/*==================================
	Contenedores.
==================================*/
.container {
	padding-left: 1em;
	padding-right: 1em;
}

.catalogo-pdf {
	height: 1000px;
	width: 100%;
}

/*==================================
		Barra de navegación.
==================================*/
.navigation-bar {
	height: 55px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

	.hamburger-container {
		bottom: 0;
		display: inline-block;
		left: 0;
		margin: auto;
		padding: 0;
		position: absolute;
		top: 0;
	}

		.hamburguer-picture {
			display: inline-block;
			background: url("../img/logo-trs.png") no-repeat center;
			background-size: auto 50%;
			cursor: pointer;
			width: 100px;
			height: 180px;
		}

	.main-logo {
		/*background: url("../img/force-logo.svg") no-repeat center;*/
		background-size: auto 50%;
		bottom: 0;
		display: inline-block;
		height: 100%;
		right: 0;
		margin: auto;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100px;
	}

	.menu-options-container {
		-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;
		left: -100%;
		width: 100%;
		height: 100%;
		background: #FFF;
		z-index: 1001;
		overflow: scroll;
	}

		.close-container {
			display: inline-block;
			height: 60px;
			left: 0;
			margin: auto;
			padding: 0;
			position: absolute;
			top: 0;
		}

			.close-picture {
				display: inline-block;
				background: url("../img/icon_cerrar.svg") no-repeat center;
				background-size: auto 50%;
				cursor: pointer;
				width: 60px;
				height: 60px;
			}

		.menu-title {
			display: inline-block;
			font-size: 1.8em;
			margin: auto;
			padding: 8px 15px;
			position: absolute;
			right: 0;
			text-transform: uppercase;
			top: 0;
		}

		.menu-options {
			-webkit-justify-content: space-around;
			justify-content: space-around;
			position: absolute;
			margin: auto;
			bottom: 0;
			right: 0;
			left: 0;
			top: 60px;
			width: 100%;
			height: calc(100% - 60px);
			padding-left: 0;
			text-align: center;
		}

			.menu-options li {
				list-style: none;
				font-size: 1.9em; /*font-size: 2.5em;*/
				font-weight: bold;
				width: 100%;
				/*margin-bottom: 40px;*/
			}

			.menu-options li:last-child {
				margin-bottom: 0;
			}

				/*.menu-options li a,
				.menu-options li span {
		 			text-decoration: none;
		 			color: #FFF;
		 		}*/

		 		.menu-options li a {
		 			-webkit-justify-content: center;
					justify-content: center;
		 			text-decoration: none;
		 			width: 100%;
		 		}

		 			.menu-options li a .option-number {
		 				border-right: 4px solid #000;
		 				/*flex-grow: 0;*/
		 				color: #2F5D7C;
		 				/*padding-left: 80px;*/
		 				padding-right: 10px;
		 				/*width: 120px;*/
		 			}

		 			.menu-options li a .option-text {
		 				color: #000;
		 				padding-left: 10px;
		 				text-align: left;
		 				text-transform: uppercase;
		 				/*width: 100%;*/
		 				width: 150px;
		 			}

		 		/*.menu-options li a:hover,
		 		.menu-options li span:hover {
		 			font-weight: bold;
		 			cursor: pointer;
		 		}*/

		 		.menu-options li a:hover {
		 			cursor: pointer;
		 		}

		#hamburger-check {
			display: none;
		}

		#hamburger-check:checked + .menu-options-container {
			height: 100%;
			left: 0;
		}

/*==================================
		Slider principal.
==================================
.slide-height {
	height: 100vh;
}*/

	.slider-container {
		height: 100vh;
		overflow: hidden;
		position: relative;
		width: 100%;
	}

		.overflow-slides-container {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-webkit-align-items: stretch;
			align-items: stretch;
			-webkit-flex-direction: row;
		    flex-direction: row;
		    height: 100vh;
			width: 400%;
		}

			.slide {
				-webkit-align-items: flex-end;
				align-items: flex-end;
				font-family: 'Oswald', sans-serif;
				color: rgb(2, 24, 45);
				height: 100%;
				padding: 20px 20px 60px 20px;
				width: 100%;
			}

			
			.slide {
				position: relative;
			}

			.slide::before {
				background: linear-gradient(
					to right,
					rgba(0,0,0,0.75),
					rgba(0,0,0,0.4),
					rgba(0,0,0,0.2)
				);
				}

			.slide * {
				position: relative;
				z-index: 1;
			}
			

			/*.slide[data-slide="1"] {
				background: url("../img/force-slide4.jpg") center no-repeat;
				background-size: cover;
			}*/

			.slide[data-slide="1"] {
				background: url("../img/sliders/slider1.png") bottom no-repeat;
				background-size: cover;
			}

			.slide[data-slide="2"] {
				background: url("../img/sliders/slider2.png") center no-repeat;
				background-size: cover;
			}

			.slide[data-slide="3"] {
				background: url("../img/sliders/slider3.png") center no-repeat;
				background-size: cover;
			}

			.slide[data-slide="4"] {
				background: url("../img/sliders/slider4.png") center no-repeat;
				background-size: cover;
			}

			.slide[data-slide="5"] {
				background: url("../img/sliders/slider5.png") center no-repeat;
				background-size: cover;
			}

			.slide[data-slide="6"] {
				background: url("../img/sliders/slider6.png") center no-repeat;
				background-size: cover;
			}

			.slide[data-slide="7"] {
				background: url("../img/sliders/slider7.png") center no-repeat;
				background-size: cover;
			}

			.slide[data-slide="8"] {
				background: url("../img/sliders/slider8.png") center no-repeat;
				background-size: cover;
			}

			.slide[data-slide="9"] {
				background: url("../img/sliders/slider9.png") center no-repeat;
				background-size: cover;
			}

			.slide-description {
				/*margin-left: 30px;*/
				margin-top: 5px;
				width: 100%;
			}

				.border-left {
					background: rgba(0,0,0,0.60);
					padding: 20px;
					border-radius: 8px;
					backdrop-filter: blur(4px);
				}

				.slide-description .slide-title {
					color: #2F5D7C;
  					text-shadow: 0 4px 20px rgba(0,0,0,0.9);
					/*font-size: 3.5em;*/
					font-size: 1.9em;
					font-weight: bold;
					margin: 0;
					text-transform: uppercase;
				}

				.slide-description .slide-subtitle {
					color: #FFF;
					/*font-size: 1.5em;*/
					font-size: 1.3em;
					margin: 0 0 12px 0;
					padding-left: 1em;
					position: relative;
					text-shadow: 2px 2px 0px #2F5D7C;
					text-transform: uppercase;
				}

					.slide-description .slide-subtitle:after {
						content: "";
						position: absolute;
						background: #2F5D7C;
						height: 4px;
						bottom: -7px;
						left: 24px;
						margin: auto;
						width: 50px;
					}

				.slide-description .desc-text {
					color: #FFF;
					font-size: 1.2em;
					font-weight: lighter;
					margin-bottom: 30px;
					/*width: 400px;*/
					width: 100%;
					text-shadow: 0 2px 10px rgba(0,0,0,0.8);
				}

					.hide-mobile {
						display: none;
					}

	.slide-controls {
		bottom: 20px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
	}

		.slide-control {
			background: rgba(247, 50, 63, 0.4);
			cursor: pointer;
			display: inline-block;
			height: 3px;
			margin-right: 10px;
			width: 60px;
			position: relative;
		}

			.slide-control span {
				display: inline-block;
				height: 3px;
				position: absolute;
				top: 0;
				left: 0;
			}

			.active-control {
				background: rgba(247, 50, 63, 1);
				cursor: default;
				animation: progreso 10s linear infinite;
			}


			@keyframes progreso {
			    0% {
			        width: 0;
			    }
			    100% {
			        width: 100%;
			    }
			}

/*==================================
			Servicios.
==================================*/
.services-section {
	background: #000;
	padding-bottom: 30px;
}

	.service {
		cursor: pointer;
		margin-bottom: 20px;
		padding: 1em;
		width: 100%;
	}

	.service:last-child {
		margin-bottom: 0;
	}

		.service img {
			width: 40%;
		}

		.service p {
			color: #FFF;
			padding-left: 7px;
			width: 50%;
		}

			.service p span {
				border-left: 2px solid #FFF;
				display: inline-block;
				font-size: 1.5em;
				padding-left: 5px;
				text-transform: uppercase;
				width: 100%;
			}

/*.service-description-container {
	-webkit-justify-content: center;
	justify-content: center;
	background: #FFF;
	height: 100%;
	left: 0;
	position: fixed;
	top: -0%;
	width: 100%;
}*/

	.capacitacion-container,
	.analisis-container,
	.pipc-container,
	.simulacro-container {
		-webkit-justify-content: center;
		justify-content: center;
		-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;
		background: #FFF;
		height: 100%;
		left: 0;
		overflow-y: scroll;
		padding: 0 1em;
		position: fixed;
		top: -100%;
		width: 100%;
		z-index: 1001;
	}

		.img-service-container {
			display: none;
			width: 35%;
		}

			.img-service-container img {
				height: auto;
				width: 80%;
			}

		.txt-service-container {
			padding: 10px 10px 10px 20px;
			width: 100%;
		}

		.capacitacion-container h2,
		.analisis-container h2,
		.pipc-container h2,
		.simulacro-container h2 {
			text-shadow: 1px 1px 0px #2F5D7C;
			text-transform: uppercase;
		}

				.training-courses li {
					margin: 0;
					width: 100%;
				}

		#capacitacion-check,
		#analisis-check,
		#pipc-check,
		#simulacro-check {
			display: none;
		}

		#capacitacion-check:checked + .capacitacion-container,
		#analisis-check:checked + .analisis-container,
		#pipc-check:checked + .pipc-container,
		#simulacro-check:checked + .simulacro-container {
			top: 0;
		}

		.close-service-container {
			text-align: center;
		}

			.close-service {
				background: #2F5D7C url("../img/close-icon.svg") center no-repeat;
				background-size: 20px;
				border-radius: 50%;
				cursor: pointer;
				display: inline-block;
				height: 40px;
				margin-bottom: 20px;
				margin-top: 20px;
				width: 40px;
			}

/*==================================
			Nosotros.
==================================*/
.aboutus-section {
	padding-bottom: 50px;
}

	.about-tags label {
		border-bottom: 2px solid #2F5D7C;
		color: #2F5D7C;
		font-size: 1.2em;
		padding: 7px 0;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
	}

		.label-selected {
			background: #2F5D7C;
			color: #FFF!important;
		}

		.about-text {
			-webkit-justify-content: center;
			justify-content: center;
			background: url("../img/mision.jpg") center no-repeat;
			background-size: cover;
			height: 450px;
			font-size: 1.2em;
			text-align: center;
		}

			input[name="about-radio"],
			input[name="about-radio"] + * {
				display: none;
			}

			input[name="about-radio"]:checked + * {
				display: inline-block;
			}

			.valores-container {
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				width: 100%;
			}

				.valores-container span {
					display: inline-block;
					padding: 10px 0;
					width: 33%;
				}

			.certificaciones-container {
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				width: 100%;
			}

				.certificaciones-container span {
					display: inline-block;
					padding: 5px 0;
					width: 100%;
				}

	.our-clients h2 {
		font-size: 1.6em;
		margin: 30px 0;
		text-align: center;
		text-transform: uppercase;
	}

		.our-clients .width-img {
			height: auto;
			margin: 20px 0;
			width: 200px;
		}

		.our-clients .height-img {
			height: auto;
			margin: 20px 0;
			width: 110px;
		}

/*==================================
			Galería.
==================================*/
.gallery-section {
	background: #000;
	padding-bottom: 30px;
}

	.event {
		cursor: pointer;
		margin-bottom: 20px;
		padding: 1em;
		width: 100%;
	}

	.event:last-child {
		margin-bottom: 0;
	}

		.event img {
			width: 40%;
		}

		.event p {
			border-left: 2px solid #FFF;
			color: #FFF;
			padding-left: 7px;
			width: 50%;
		}

			.event-title {
				display: inline-block;
				font-size: 1em;
				padding-left: 5px;
				text-transform: uppercase;
				width: 100%;
			}

			.big-img-content p {
				text-align: center;
			}

			.event-date {
				font-size: 0.8em;
				font-weight: lighter;
				padding-left: 5px;
			}

.event-gallery {
	-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;
	background: #FFF;
	height: 100%;
	left: 0;
	padding: 20px 1em;
	position: fixed;
	overflow-y: scroll;
	top: -100%;
	width: 100%;
	z-index: 1001;
}

#gallery-check {
	display: none;
}

	#gallery-check:checked + .event-gallery {
		top: 0;
	}

	.big-img-content {
		/*overflow: hidden;*/
	}

		.big-img-container {
			/*padding-bottom: 50px;*/
			width: 100%;
		}

			.big-img-container img {
				height: auto;
				margin-bottom: 1em;
				width: 100%;
			}

		.mini-img-container {
			display: none;
		}

/*==================================
			Contacto.
==================================*/
.contact-background {
  background: url("../img/fondo_contacto_original.png") center no-repeat;
  background-size: cover;
  color: #FFF;
  position: relative;
  z-index: 0;
}

		.contact-background::before {
			content: "";
			position: absolute;
			inset: 0;
			background: rgba(10, 20, 40, 0.65);
			backdrop-filter: blur(6px);
			-webkit-backdrop-filter: blur(6px);
			pointer-events: none;
			z-index: 1;
		}

		.contact-background .container {
			position: relative;
			z-index: 2;
		}

		.form-container {
			backdrop-filter: blur(2px);
			-webkit-backdrop-filter: blur(4px);
			border-radius: 10px;
			padding: 25px;
			padding-bottom: 30px;
			text-align: center;
			width: 100%;
			background: rgba(0, 0, 0, 0.35);
		}

			.form-container label {
				display: inline-block;
				margin-bottom: 5px;
				text-align: left;
				width: 100%;
			}

			.form-container .input-text,
			.form-container .text-area {
				background: transparent;
				border-bottom: 1px solid #FFF;
				border-left: 5px solid #FFF;
				border-right: 1px solid #FFF;
				border-top: 1px solid #FFF;
				color: #FFF;
				display: inline-block;
				margin-bottom: 30px;
				text-align: left;
				width: 87%;
			}

				.form-container .input-text:focus,
				.form-container .text-area:focus {
					background: #FFF;
					color: #000;
					outline: 2px solid #2F5D7C;
				}

			.form-container .text-area {
				height: 300px;
			}

		.phone-sm-container {
			border-top: 1px solid #FFF;
			padding-top: 20px;
			width: 100%;
		}

			.phone-contact-container,
			.sm-contact-container {
				text-align: center;
				width: 50%;
			}

			.sm-contact-container {
				/*padding-top: 40px;*/
			}

				.phone-contact-container p,
				.sm-contact-container p {
					display: none;
					/*font-size: 1.5em;
					margin-bottom: 0;
					text-transform: uppercase;*/
				}

				.phone-contact-container a {
					color: #FFF;
					font-size: 1.5em;
					text-transform: uppercase;
				}

				.sm-contact-container div {
					/*-webkit-justify-content: flex-start;
					justify-content: flex-start;*/
				}

					.contact-sm-icon {
						display: inline-block;
						height: 40px;
						/*margin-right: 10px;*/
						width: 40px;
					}

					/*.contact-facebook-icon {
						background: url("../img/icon_blanco_facebook.svg") no-repeat center;
						background-size: 100%;
					}

					.contact-twitter-icon {
						background: url("../img/icon_blanco_twitter.svg") no-repeat center;
						background-size: 100%;
					}

					.contact-instagram-icon {
						background: url("../img/icon_blanco_instagram.svg") no-repeat center;
						background-size: 100%;
					}*/

			.follow-us-facebook {
				background: url("../img/facebook-blanco.svg") no-repeat 12px;
				background-size: auto 50%;
				border: 1px solid #FFF;
				border-radius: 30px;
				color: #FFF;
				padding: 6px 15px 6px 30px;
				text-decoration: none;
			}


			.follow-us-instagram {
				background: url("../img/instagram.svg") no-repeat 12px;
				background-size: auto 50%;
				border: 1px solid #FFF;
				border-radius: 30px;
				color: #FFF;
				padding: 6px 15px 6px 30px;
				text-decoration: none;
			}

			.follow-us-x {
				background: url("../img/x.svg") no-repeat 12px;
				background-size: auto 50%;
				border: 1px solid #FFF;
				border-radius: 30px;
				color: #FFF;
				padding: 6px 15px 6px 30px;
				text-decoration: none;
			}

/*==================================
			Cursos.
==================================*/
.services-banner {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	background: url("../img/fondo_contacto_original.png") center no-repeat;
	background-size: cover;
	height: 200px;
	position: relative;
	 overflow: hidden;  
}

.services-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(10, 20, 40, 0.70);
  pointer-events: none;
  z-index: 0;
}
	
	.services-menu-container {
		display: none;
	}

.service-container {

}

	.first-service-container {
		
	}

		.service-content {
			color: #3C3C3B;
			padding: 50px 1em;
			text-align: center;
			width: 100%;
		}

			.service-content h1 {
				font-size: 1.6em;
				width: 100%;
			}

			.service-content p {
				font-size: 1em;
				width: 100%;
			}

		.service-img {
			display: none;
		}

	.second-service-container {
		background: #3C3C3B;
		color: #FFF;
		padding: 50px 0;
	}


/*==================================
			Productos.
==================================*/
.shuttle-service {
	margin: 40px 0;
}

	.img-product-container {
		justify-content: center;
		text-align: center;
		align-self: stretch;
		width: 100%;
	}

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

	.info-service-container {
		width: 100%;
	}

		.service-title {
			border-bottom: 2px solid #2F5D7C;
			color: rgb(110, 110, 110);
			font-size: 1.5em;
			margin: 5px 0 10px 0;
		}

		.service-info p {
			margin: 10px 0;
		}

.cotizar-container {
	padding: 20px 0;
	text-align: right;
}

/*========== Productos Home=========*/
.products-section {
}

	.products-home {
		
	}

		.products-home {
			margin-top: 20px;
		}

		.catalog-container {
			text-align: center;
			width: 100%;
		}

			.catalog-container img {
				width: 100%;
			}

			.catalog-container p {
				font-size: 1.2em;
				margin: 5px 0;
			}

	.ver-catalogos-container {
		margin: 10px 0 40px 0;
		text-align: center;
	}

/*==================================
			Footer.
==================================*/
footer {
	border-top: 4px solid #2F5D7C;
	color: #3C3C3B;
	font-family: 'Oswald', sans-serif;
}

	footer a {
		color: #3C3C3B;
	}

	.footer-content {
		/*-webkit-justify-content: space-around;
		justify-content: space-around;*/
	}

		.logo-footer {
			background: url("../img/logo-fm.png") no-repeat center;
			background-size: auto 50%;
			display: inline-block;
			height: 200px;
			margin: 30px 0;
			width: 150px;
		}

		.footer-sm-icon {
			display: inline-block;
			height: 40px;
			margin-right: 10px;
			width: 40px;
		}

		.contact-footer {
			margin-right: 25px;
		}

			.ft-follow-us-facebook {
				background: url("../img/facebook-rojo.svg") no-repeat 12px;
				background-size: auto 50%;
				border: 1px solid #3C3C3B;
				border-radius: 30px;
				padding: 6px 15px 6px 30px;
				text-decoration: none;
			}

		.address-footer {
			display: none;
		}

		.social-media > a:last-child {
			margin-right: 0;
		}

			/*.facebook-icon {
				background: url("../img/facebook-01.svg") no-repeat center;
				background-size: 100%;
			}

			.twitter-icon {
				background: url("../img/twitter-01.svg") no-repeat center;
				background-size: 100%;
			}

			.instagram-icon {
				background: url("../img/instagram-01.svg") no-repeat center;
				background-size: 100%;
			}*/

	.mayan-footer {
		/*border-left: 2px solid #3C3C3B;
		padding: 20px 0 20px 15px;*/
		border-top: 2px solid #3C3C3B;
		padding-bottom: 6px;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}

		.mayan-footer p {
			margin: 0;
		}

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

	.btn {
		width: 200px;
	}

	/*==================================
		Menu principal.
	==================================*/
	.menu-options-container {
		width: 350px;
	}

	.slide {
		-webkit-align-items: center;
		align-items: center;
		background-position: center center;
	}

		.slide-description {
			margin-left: 30px;
		}

			.slide-description .slide-title {
				font-size: 3.5em;
			}

			.slide-description .slide-subtitle {
				font-size: 1.5em;
			}

			.slide-description .desc-text {
				width: 400px;
			}

				.hide-mobile {
					display: inline;
				}

	.contact-title {
		font-size: 3em;
	}

		.contact-content {
			-webkit-flex-direction: row;
	    	flex-direction: row;
			margin-top: 50px;
			padding-bottom: 70px;
		}

			.form-container {
				padding-bottom: 0;
			} 

			.phone-sm-container {
				-webkit-flex-direction: column;
	    		flex-direction: column;
				border: none;
				width: 50%;
			}

				.sm-contact-container {
					padding-top: 40px;
				}

				.phone-contact-container,
				.sm-contact-container {
					border-left: 1px solid #FFF;
					padding-left: 30px;
					text-align: left;
					width: 80%;
				}

					.phone-contact-container p,
					.sm-contact-container p {
						display: block;
						font-size: 1.5em;
						margin-bottom: 0;
						text-transform: uppercase;
					}


					.sm-contact-container div {
						-webkit-justify-content: flex-start;
						justify-content: flex-start;
					}

						.contact-sm-icon {
							margin-right: 10px;
						}


	.img-service-container-div {
		position: relative;
		display: inline-block;
		width: 40%;
	}
		.img-service-container-div::before {
			content: "";
			position: absolute;
			inset: 0;
			background: rgba(10, 20, 40, 0.65);
			pointer-events: none;
			z-index: 1;
			backdrop-filter: blur(0.5px);
    		-webkit-backdrop-filter: blur(0.5px);
		}

		.img-service-container-div img {
			display: block;
			width: 100%;
		}

	.services-container {
		/*-webkit-justify-content: center;
		justify-content: center;*/
		-webkit-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	    padding-bottom: 50px;
	}

		.service {
			-webkit-justify-content: center;
			justify-content: center;
			position: relative;
			width: 50%;
		}

			.service p {
				position: absolute;
				bottom: 0;
				left: 50%;
				margin: auto;
				z-index: 2;
			}

		.img-service-container {
			display: inline-block;
		}

		.txt-service-container {
			width: 65%;
		}

			.txt-service-container h2 {
				display: none;
			}

.event-gallery { 
	-webkit-justify-content: center;
	justify-content: center;
}

	.gallery-container {
		/*-webkit-justify-content: center;
		justify-content: center;*/
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	    padding-bottom: 50px;
	}

		.event {
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-flex-direction: column;
	    	flex-direction: column;
			position: relative;
			width: 25%;
		}

			.event p {
				font-size: 0.9em;
				margin: 0;
				width: 100%;
			}

			.event img {
				width: 100%;
			}

	.img-text-container {
		-webkit-flex-direction: row;
	    flex-direction: row;
	    /*padding-top: 40px;*/
	}

		.event-text-container {
			order: 2;
			padding-left: 20px;
			width: 50%;
		}

		.big-img-content {
			/*height: 400px;*/
			width: 100%;
		}

		.big-img-container {
			-webkit-flex-direction: row;
	    	flex-direction: row;
	    	-webkit-flex-wrap: wrap;
	    	flex-wrap: wrap;
			-webkit-order: 1;
			order: 1;
			/*height: 100%;
			overflow: hidden;*/
			padding-bottom: 0;
			position: relative;
			/*width: 300%;*/
		}

			.big-img-container img {
				/*height: 100%;
				width: auto;*/
				width: 60%;
			}

			.current-img {
				bottom: 0;
				margin: auto;
				left: 0;
				/*position: absolute;*/
				right: 0;
				top: 0;
			}

			.hidden-img {
				display: none;
			}

		.mini-img-container {
			display: inline-block;
			height: 70px;
		}

			.mini-img-container img {
				cursor: pointer;
				height: 100%;
				margin-right: 15px;
				width: auto;
			}


	/*==================================
			Nosotros.
	==================================*/
	.about-tags {
		-webkit-flex-direction: row;
	    flex-direction: row;
	}
	
		.about-tags label {
			border-bottom: 2px solid #2F5D7C;
			padding: 7px 0;
			text-align: center;
			width: 24%;
		}

	.footer-content,
	.first-container-clients,
	.second-container-clients {
		-webkit-flex-direction: row;
	    flex-direction: row;
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}

		.mayan-footer {
			border-left: 2px solid #3C3C3B;
			border-top: none;
			padding: 20px 0 20px 15px;
			width: 300px;
		}

			.address-footer {
				display: inline-block;
			}

	/*==================================
				Cursos.
	==================================*/
	.services-banner {
		height: 300px;
	}

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

	.services-menu-container {
		background: rgba(0,0,0,0.6);
		display: block;
		width: 100%;
		z-index: 1;
	}

		.services-menu-container ul {
			-webkit-justify-content: space-around;
			justify-content: space-around;
			margin: 0;
			padding: 0;
			width: 100%;
		}

			.services-menu-container ul li {
				
				display: inline-block;
				height: 100%;
				list-style: none;
				padding: 10px 0;
				width: 25%;
			}

				.services-menu-container ul li a {
					border-right: 1px solid #FFF;
					color: #FFF;
					display: inline-block;
					/*height: 100%;*/
					padding: 3px 8px;
					text-align: center;
					text-decoration: none;
					width: 100%;
				}

				.services-menu-container ul li:last-child a {
					border-right: none;
				}

				.services-menu-container ul li a:hover,
				.current-course {
					border-bottom: 3px solid #2F5D7C;
				}


	.first-service-container {
		height: 500px;
	}

		.service-content {
			text-align: center;
			width: 100%;
		}

			.service-content h1 {
				display: inline-block;
				font-size: 2.2em;
				width: 60%;
			}

			.service-content p {
				display: inline-block;
				text-align: left;
				width: 60%;
			}

		.service-img {
			-webkit-flex-grow: 0;
			flex-grow: 0;
			display: inline-block;
			height: 100%;
			width: 300px;
		}

		.analisis-img {
			background: url("../img/ANALISIS-DE-RIESGOS.jpg") top no-repeat;
			background-size: cover;
		}

		.busqueda-img {
			background: url("../img/BUSQUEDA-Y-RESCATE.jpg") top no-repeat;
			background-size: cover;
		}

		.clasificacion-heridos {
			background: url("../img/TRIAGE.jpg") top no-repeat;
			background-size: cover;
		}

		.combate-incendios {
			background: url("../img/COMBATE-DE-INCENDIOS.jpg") top no-repeat;
			background-size: cover;
		}

		.evacuacion {
			background: url("../img/EVACUACION.jpg") top no-repeat;
			background-size: cover;
		}

		.primeros-auxilios {
			background: url("../img/PRIMEROS-AUXILIOS.jpg") top no-repeat;
			background-size: cover;
		}

		.comando-incendios {
			background: url("../img/sistema-de-comando-de-incidentes.jpg") top no-repeat;
			background-size: cover;
		}

		.manejo-extintores {
			background: url("../img/EXTINTORES.jpg") top no-repeat;
			background-size: cover;
		}

		.seguridad-patrimonial {
			background: url("../img/seguridad-patrimonial.jpg") top no-repeat;
			background-size: cover;
		}

	/*==================================
				Productos.
	==================================*/	
	.shuttle-service {
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: row;
		flex-direction: row;
	}

		.img-product-container {
			width: 40%;
		}

			.img-product-container img {
				width: 200px;
			}

		.info-service-container {
			padding-left: 1em;
			width: 60%;
		}

		.details-container {
			-webkit-flex-direction: row;
			flex-direction: row;
		}

		.details-container img {
			width: 40%;
		}

		.details-container ul {
			width: 60%;
		}
	
	/*========== Productos Home=========*/
	.products-home {
		-webkit-flex-direction: row;
		flex-direction: row;
	}

		.catalog-container {
			width: 30%;
		}
}

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

	.btn {
		width: 300px;
	}
}