@font-face{
  font-family: DMSans;
  src : url('../font/DMSans-Regular.ttf')
}
@font-face{
  font-family: manrope;
  src : url('../font/manrope.regular.otf')
}
.font-dmsans-titulos{
	font-family: DMSans;
}
.font-manrope-texto{
	font-family: manrope;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }
.swiper {
  width: 100%;
  height: 100%;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.secc-slider-home{
	height: 100vh;
	position: relative;
}
.slider-home-content{
	width: 100%;
	height: 100%;
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-end;
	padding-bottom: 7%;
}
.swiper-button-prev, .swiper-button-next{
	background: rgba(0,0,0,0.5);
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  color: #fff !important;
  font-size: 20px !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 20px !important;
}
.div-fondo-general{
	width: 100%;
	height: 100%;
	background-color: #0006;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
.div-fondo-general h2, .div-fondo-general p{
	width: 100%;
	color: #fff;
}
.div-fondo-general h2{
	font-weight: 500;
	font-size: 25px;
	padding: 0px 30px;
}
.div-fondo-general p{
	font-weight: 400;
	font-size: 16px;
	padding: 0px 30px;
}
.h6-number-contador{
	color: #041635;
	font-weight: 700;
	line-height: 80px;
	font-size: 80px;
}
.h6-descrip-contador{
	color: #4b4f59;
	font-weight: 500;
	line-height: 35px;
	font-size: 25px;
}
.h6-about{
	color: #222628;
	font-size: 14px;
	line-height: 30.1px;
	font-weight: 600;
}
.div-linea-bottom{
	height: 2px;
	width: 40%;
	background-color: #222628;
}
.titulo-sobre{
	color: #222628;
	line-height: 55px;
	font-size: 25px;
	font-weight: 500;
}
.p-descrip-sobre{
	color: #444444;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
}
.div-img-right{
	width: 100%;
	margin-left: 0%;
	height: 400px;
	position: relative;
}
.div-img-right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.div-grafico-uno{
	width: 125px;
	height: 100px;
	left: 0;
	top: 0;
	position: absolute;
}
.div-uno-grafico{
	width: 25px;
	height: 25px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}
.div-dos-grafico{
	width: 25px;
	height: 74px;
	background-color: #fff;
	position: absolute;
	left: 25px;
	bottom: 0;
}
.div-tres-grafico{
	width: 25px;
	height: 50px;
	background-color: #fff;
	position: absolute;
	left: 50px;
	top: 0;
}
.div-cuatro-grafico{
	width: 25px;
	height: 25px;
	background-color: #fff;
	position: absolute;
	left: 75px;
	top: 50px;
}
.div-cinco-grafico{
	width: 25px;
	height: 25px;
	background-color: #fff;
	position: absolute;
	left: 100px;
	top: 0;
}
.div-fondo-contenido{
	background-color: #041635;
	width: 100%;
	padding-top: 20%;
	padding-bottom: 5%;
	height: auto;
}
.div-cliente-pro-k{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 40px;
}
.div-info-grid-dos{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 40px;
}
.div-grid-tres-navbar{
	display: none;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0px;
}
.div-grid-blog{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 40px;
}
.div-grid-blog div a{
	text-decoration: none;
}
.container-top{
	margin-top: -5%;
}
.div-card-blanco{
	background-color: #fff;
	border: 1px solid #EDEDED;
	height: 100%;
}
.secc-aseoramiento{
	background-image: url('../img/slider-uno.jpg');
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 60vh;
}
.nosotros{
	background-image: url('../img/nosotros.jpg') !important;
}
.contacto{
	background-image: url('../img/foto2-scaled.jpg') !important;
}
.planificacion{
	background-image: url('../img/slider2.jpg') !important;
}
.riesgo{
	background-image: url('../img/slider-tres.jpg') !important;
}
.blog{
	background-image: url('../img/about-page-title-bg.jpg') !important;
	height: 60rem !important;
}
.blog-detalle{
	background-image: url('../img/about-page-title-bg.jpg') !important;
}
.titulo-cabeceras-externas{
	color: #fff;
	font-weight: 600;
	line-height: 80px;
	font-size: 40px;
}
.container-top-servicios{
	margin-top: 0%;
}
.tiutlo-grande-amstel{
	color: #222628;
	font-size: 30px;
	font-weight: 600;
}
.div-grafico-amstel{
	width: 250px;
	height: 200px;
	position: relative;
	margin: 0 auto;
}
.color-04{
	color: #303e57 !important;
}
.grafico-uno-amstel{
	width: 50px;
	height: 50px;
	background-color: #303e57;
	position: absolute;
	left: 0;
	bottom: 0;
}
.grafico-dos-amstel{
	width: 50px;
	height: 50px;
	background-color: #222628;
	position: absolute;
	left: 50px;
	top: 50px;
}
.grafico-tres-amstel{
	width: 50px;
	height: 100px;
	background-color: #222628;
	position: absolute;
	left: 100px;
	bottom: 0;
}
.grafico-cuatro-amstel{
	width: 50px;
	height: 150px;
	background-color: #303e57;
	position: absolute;
	left: 150px;
	top: 0;
}
.grafico-cinco-amstel{
	width: 50px;
	height: 50px;
	background-color: #303e57;
	position: absolute;
	right: 0;
	top: 0;
}
.div-card-blanco-top{
	margin-top: 0px;
}
.div-fondo-hacemos{
	background-color: #041635;
}
.link-hacemos, .link-hacemos:hover, .link-hacemos:focus{
	color: #fff !important;
	text-decoration: none;
}
.li-border-bottom-blanco{
	border-bottom: 1px solid #fff;
}
.div-negro-contacto{
	background-color: #181C22;
}
.p-preguntas-desc, .p-preguntas-desc a, .p-preguntas-desc a:hover{
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
}
.icon-chats-blanco{
	color: #fff;
	font-size: 30px;
}
.btn-contac-freceuntes, .btn-contac-freceuntes:hover, .btn-contac-freceuntes:focus{
	background-color: #fff;
	color: #181C22;
	width: 100%;
	border-radius: 20px;
}
.accordion-button:not(.collapsed){
	box-shadow: none !important;
	background-color: transparent !important;
	color: #222628 !important;
}
.accordion-button:not(.collapsed)::after{
	filter: brightness(0);
}
.accordion-item{
	border-left: 0px !important;
	border-right: 0px !important;
	border-radius: 0 !important;
	background-color: transparent;
}
.accordion-button{
	font-family: DMSans;
	font-weight: 600;
	font-size: 18px;
	background-color: transparent !important;
}
.accordion-body{
	font-weight: 400;
	font-family: manrope;
	font-size: 16px;
}
.row-fondo-img{
	background-image: url('../img/map.png');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.div-comentario{
	background-color: #181C22;
	padding: 40px 40px;
}
.p-comentario{
	color: #fff;
	font-weight: 500;
	font-size: 20px;
}
.div-comentario i{
	color: #fff;
	font-weight: 600;
	font-size: 50px;
}
.secc-contacto{
	background-color: #edf2f5;
}
.titulo-info-contac{
	color: #222628;
	font-size: 25px;
	line-height: 25px;
	font-weight: 500;
}
.btn-redes-contac{
	width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #041635;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.div-card-blanco-contac{
	background-color: #fff;
}
.h6-size-contac{
	font-size: 35px;
}
input, textarea {
  border: 0;
  border-bottom: 2px solid #d8dbdf;
  outline: none;
  transition: .2s ease-in-out;
  box-sizing: border-box;
  color: #d8dbdf;
  font-weight: 400;
}

label {
  top: -8px;
  left: 0; right: 0;
  color: #d8dbdf;
  display: flex;
  align-items: center;
  position: absolute;
  font-size: 1rem;
  cursor: text;
  transition: .2s ease-in-out;
  box-sizing: border-box;
}

input,
label, textarea {
  width: 100%;
  height: 3rem;
  font-size: 1rem;
}

/* Interation */
input:valid,
input:focus,
textarea:valid,
textarea:focus {
  border-bottom: 2px solid #d8dbdf;  
}

input:valid + label,
input:focus + label, 
textarea:valid + label,
textarea:focus + label{
  color: #d8dbdf;
  font-size: .8rem;
  top: -40px;
  pointer-events: none;
}
textarea{
	 resize: none;
}
.textarea-height{
	height: 8rem !important;
}
.btn-contac, .btn-contac:hover, .btn-contac:focus{
	background-color: #041635;
	color: #fff;
	border-radius: 20px;
	position: relative;
}
.btn-contac:after{
	content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  right: 54px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 11px;
  border-color: transparent transparent #ffffff transparent;
}
header{
	background-color: transparent !important;
	position: absolute;
	top: 0;
	z-index: 2;
	left: 0;
	width: 100%;
}
.navbar-transparent{
	background-color: transparent !important;
}
.nav-link{
	color: #222628;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
}
.nav-link:focus{
	color: #222628 !important;
	border-bottom: 3px solid #fff;
}
.nav-link:hover, .nav-link.active{
	color: #222628 !important;
	border-bottom: 3px solid #fff;
}
.img-nav{
	width: 100%;
}
.navbar-brand{
	width: 50%;
}
.link-nav-redes{
	font-size: 20px !important;
}
.div-blanco-color{
	color: #ffffffb0;
	border-bottom: 1px solid #ffffffb0;
}
.div-blanco-color a, .div-blanco-color a:hover{
	color: #ffffffb0 !important;
	text-decoration: none;
}
.div-blanco-color i{
	margin-right: 10px;
}
.div-blanco-color:nth-child(1),.div-blanco-color:nth-child(2){
  border-right: 1px solid #ffffffb0;
}
.nav-celular{
	display: flex;
}
.navbar-grande{
	display: none;
}
.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus{
	color: #fff;
	border: 0px;
	padding: 0px;
	font-size: 40px;
}
.navbar-toggler span{
	color: #fff;
}
footer{
	background-color: #041635;
}
.btn-blanco-contac, .btn-blanco-contac:hover, .btn-blanco-contac:focus{
	background-color: #fff !important;
	color: #041635;
}
.btn-blanco-contac:after{
  border-color: transparent transparent #041635 transparent;
}
.container-footer{
	padding: 0px 20px;
}
.titulo-gooter{
	font-size: 40px !important;
}
.div-bottom-footer{
	border-bottom: 1px solid #fff;
}
.div-grid-cuatro-footer{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 40px;
	margin-top: 5%;
	padding-bottom: 10%;
	border-bottom: 1px solid #fff;
}
.logo-footer{
	width: 70%;
}
.btn-contac-footer{
	color: #fff !important;
	border-color: #fff !important;
}
.p-textos-footer, .p-textos-footer a{
	color: #ABAFB5;
	line-height: 26.999px;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}
.img-comentario{
	width: 95%;
	margin-top: 8rem;
	display: none;
}
.secc-subir{
	margin-top: -5%;
}
.row-absolute-comentario{
	position: relative;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
  background-color: #fff !important;
  color: #727377 !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  width: 100%;
  margin-top: 0PX !important;
}
.fixed div a.navbar-brand{
	padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.fixed div div ul li a.nav-link{
	color: #727377 !important;
}
.fixed div div ul li a.nav-link:focus{
	color: #727377 !important;
	border-bottom: 3px solid #727377;
}
.fixed div div ul li a.nav-link:hover, .nav-link.active{
	color: #727377 !important;
	border-bottom: 3px solid #727377;
}
.fixed div a img.img-nav{
	filter: brightness(0) !important;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
.div-card-blog{
	background-color: #fff;
	border: 1px solid #2226281a;
}
.p-plomo-blog{
	color: #7a878f;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
}
.p-plomo-blog i{
	color: #45A6E7 !important;
}
.titulo-blog{
	font-size: 25px;
	line-height: 32px;
	font-weight: 500;
	color: #222628;
}
.div-card-img{
	width: 100%;
	height: 320px;
}
.div-card-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.div-card-conten{
	padding: 40px 40px;
}
.subtitulo-noticias{
	color: #ffffffb0;
	font-size: 22px;
	line-height: 25.3px;
	font-weight: 200;
}
.titulo-noticias{
	color: #fff;
	font-size: 30px;
	line-height: 120px;
	font-weight: 700;
}
.div-linea-blnco-notcias{
	width: 20%;
	height: 2px;
	background-color: #ffffffb0;
}
.div-img-card-noticas{
	width: 100%;
	height: 300px;
	border-radius: 5px;
}
.div-img-card-noticas img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.div-conten-noticas{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	align-content: space-between;
}
.titulo-noticas{
	color: #fff;
	font-size: 22px;
	line-height: 33px;
	font-weight: 600;
}
.p-plomo-noticias{
	color: #fff !important;
	font-size: 15px !important;
	line-height: 21.12px;
	font-weight: 400 !important;
}
.p-size-noticas{
	font-size: 16px !important;
}
.btn-noticias-mas, .btn-noticias-mas:hover, .btn-noticias-mas:focus{
  border: solid 1px #ffffffb0 ;
  padding: 0.5625em 1.5625em;
  background-color: transparent;
  font-weight: 500;
  font-size: 0.875em;
  color: #ffffffb0 ;
}
.div-fondo-noticias{
	align-items: flex-end !important;
	align-content: flex-end !important;
	padding-bottom: 10% !important;
}
.btn-negro-noticias, .btn-negro-noticias:hover, .btn-negro-noticias:focus{
	border: 1px solid #222628 !important;
	color: #222628 !important;
}
.enlace-contacto, .enlace-contacto:hover{
	color: #444444 !important;
	text-decoration: none;
}
.dropdown-item{
  white-space: normal !important;
}
.div-img-detalle{
	width: 100%;
	height: 500px;
}
.div-img-detalle img{
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.h1-titulo-detalle{
	color: #222628;
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
}
.div-bottom-detalle{
	border-bottom: 2px solid #222628;
}
.link-regreso-detalle, .link-regreso-detalle:hover{
	color: #041635;
	text-decoration: none;
	display: flex;
    align-items: center;
}
.li-dro-widht{
	width: 22rem;
	border-bottom: 1px solid #00000054;
	text-align: center;
}
.li-dro-widht-noticias{
	width: 13rem;
	border-bottom: 1px solid #00000054;
	text-align: center;
}
.li-border-celular{
	border-bottom: 1px solid #00000054;
}
@media screen and (min-width: 768px){
	.h1-titulo-detalle{
		font-size: 50px;
		line-height: 55px;
	}
	.blog{
		height: 100vh !important;
	}
	.titulo-noticias{
		font-size: 40px;
	}
	.div-grid-blog{
		grid-template-columns: repeat(2, 1fr);
	}
	.div-grid-cuatro-footer{
		grid-template-columns: repeat(2, 1fr);
	}
	.navbar-brand {
    width: 35%;
	}
	.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus{
		font-size: 50px;
	}
	.div-fondo-general h2 {
    font-size: 25px;
    padding: 0px 80px;
	}
	.div-fondo-general p{
		font-size: 17px;
		padding: 0px 80px;
	}
	.titulo-sobre{
    font-size: 50px;
	}
	.div-img-right{
    width: 60%;
    margin-left: 40%;
	}
	.div-cliente-pro-k{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px;
	}
	.tiutlo-grande-amstel{
    font-size: 55px;
	}
	.div-comentario{
    padding: 80px 80px;
	}
	.div-info-grid-dos{
		grid-template-columns: repeat(2, 1fr);
	}
	.div-grid-tres-navbar{
		display: grid;
	}
	.div-fondo-noticias{
    align-items: center !important;
    align-content: center !important;
    padding-bottom: 3% !important;
	}
}
@media screen and (min-width: 1024px){
	.div-fondo-noticias{
    align-items: flex-end !important;
    align-content: flex-end !important;
	}
	.titulo-noticias{
		font-size: 70px;
	}
	.img-comentario{
		margin-top: 10rem;
		display: block;
	}
	.div-grid-cuatro-footer{
		grid-template-columns: repeat(4, 1fr);
	}
	.container-footer{
		padding: 0px 100px;
	}
	.nav-link{
		color: #fff;
	}
	.nav-link:focus{
		color: #fff !important;
		border-bottom: 3px solid #fff;
	}
	.nav-link:hover, .nav-link.active{
		color: #fff !important;
		border-bottom: 3px solid #fff;
	}
	.navbar-brand {
    width: 15%;
	}
	.container-top-servicios{
    margin-top: -35%;
	}
	.div-fondo-general h2 {
    padding: 0px 0px;

	}
	.div-fondo-general p{
		padding: 0px 0px;

	}
	.div-fondo-contenido{
    height: 110vh;
	}
	.div-grafico-amstel{
		margin: 0 0;
	}
	.div-card-blanco-top{
    margin-top: 30px;
	}
	.nav-celular{
		display: none;
	}
	.navbar-grande{
		display: flex;
	}
	.row-absolute-comentario{
		position: absolute;
		width: 80%;
		left: 10%;
		top: 3%;
	}
}
@media screen and (min-width: 1200px){
	.div-grid-blog{
		grid-template-columns: repeat(3, 1fr);
	}
	.img-comentario{
		margin-top: 8rem;
	}
	.div-fondo-general h2 {
    font-size: 40px;
	}
	.div-fondo-general p{
		font-size: 20px;
	}
	.container-top-servicios{
    margin-top: -30%;
	}
}
@media screen and (min-width: 1300px){
	.container-top-servicios{
    margin-top: -20%;
	}
}