*{ margin: 0; padding: 0; }
:root{
  --colMain : #4c372b;
  --colCorp1  : #fcc600;
  --colCorp2  : #ef8e33;
  --colCorp3  : #e86432;
  --colCorp4 : #e95364;
  --colCorp5  : #4d4d4d;
  --colCorp6  : #5c53a0;

}
body{
  background: #fff;
  font-family: 'nunito', sans-serif;
}

h2{
  color:var(--colCorp4);
  font-size: 2.5em;
  padding: 10px 0;
  margin-bottom: 50px;
  margin-top: 30px;
  text-transform: uppercase;
  
}
h3{
  font-size: 1.6em;
}
h4{
  font-size: 1.4em;
  color: var(--colMain);
}

p{
  margin: 10px 0;
  color: var(--colCorp5);
  font-weight: 200;
  font-size: 1.2em;
}
.p-big{font-size: larger; font-weight: 400;}
.boque{padding-bottom: 100px; padding-top: 100px;}
.bloquetop{margin-top: 100px;}

/*##### INTRO #####*/
.videoprincipal{margin-top: 70px;}
.video-responsive {height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;}
.video-responsive iframe, .video-responsive object, .video-responsive embed {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.testimoniales-logo{height: 100px;}
.ciudades{padding-top: 70px;}
.ciudades h3{color: var(--colCorp3);}
/*##### INTRO #####*/

/*##### ¿QUIENES SOMOS? #####*/
.team{margin-bottom: 70px;}
.team-name{color: var(--colCorp3);font-size: 1.3em;font-weight: 200; display: block; margin-bottom: -4px; padding-top: 10px;}
.team-position{color: var(--colCorp5);font-weight: 400;font-size: .8em; text-transform: uppercase; }
/*#quienessomos{background: rgb(252,198,0); background: linear-gradient(138deg, rgba(252,198,0,1) 0%, rgba(239,142,51,1) 31%, rgba(232,100,50,1) 65%, rgba(233,83,100,1) 100%);}*/
.mas1{font-size: 3.0em; color: var(--colCorp2); padding-top: 10px;}
.numero1{font-size: 4.0em; color: var(--colCorp6); font-weight: 600;}
.dato1{font-size: 1.6em; color: var(--colCorp1); padding-top: 20px; text-align: left; line-height: 1.0em; padding-left: 20px;}
.dato2{font-size: 1.6em; color: var(--colCorp2); padding-top: 20px; text-align: left; line-height: 1.0em; padding-left: 20px;}
.dato3{font-size: 1.6em; color: var(--colCorp3); padding-top: 20px; text-align: left; line-height: 1.0em; padding-left: 20px;}  
.dato4{font-size: 1.6em; color: var(--colCorp4); padding-top: 20px; text-align: left; line-height: 1.0em; padding-left: 20px;}
.dato1movil{font-size: 1.6em; color: var(--colCorp1); padding-top: 20px; text-align: right; line-height: 1.0em;}
.dato2movil{font-size: 1.6em; color: var(--colCorp2); padding-top: 20px; text-align: left; line-height: 1.0em;}
.dato3movil{font-size: 1.6em; color: var(--colCorp3); padding-top: 20px; text-align: left; line-height: 1.0em;}  
.dato4movil{font-size: 1.6em; color: var(--colCorp4); padding-top: 20px; text-align: left; line-height: 1.0em;}



/*##### LOGOS #####*/
.logo-aliados{ max-width: 400px; margin-top: 30px; margin-bottom: 40px;}

/*##### PRODUCTOS Y SERVICIOS #####*/

.servicio-ico2{ max-width: 180px; margin-top: 30px;}
.servicio-txt{text-align: center;  font-weight: bold; font-size: 1em; color: var(--colCorp3); text-transform: uppercase;}
.servicioDF-txt{text-align: center;  font-weight: lighter; font-size: .9em; color: var(--colCorp5);}
.servicios h3{font-weight: 600; color: var(--colCorp3);}
.productosyservicios h4{font-weight: 600; color: var(--colCorp3);}
.productosyservicios p{color: var(--colCorp5);}
.servicios-info h4{color: var(--colCorp2); text-align: center;}
.servicios-info p{color: var(--colCorp5);}
.servicios-info ol li{margin-left: 40px; font-size: 1.2em;}
.servicios-bullet{color: var(--colCorp5); margin-left: 30px; font-weight: 200; font-size: 1.2em;}
.modulo{color: var(--colCorp3);  font-weight: 400; font-size: 1.2em;}
.modulo-cont{color: var(--colCorp5);  font-weight: 200; font-size: 1.2em;}
.piedepag{font-size: .9em;}
.subparrrafotitulo{font-size: 1.1em; padding-top: 20px; text-align: center; color:var(--colCorp5); font-weight: 600; display: block;}
.subparrrafo{font-size: .9em; padding-top: 20px; color:var(--colCorp5); font-weight: 200; display: block;}
.sub-parrafo{padding-top: 30px;}
/*##### / PRODUCTOS Y SERVICIOS #####*/

/*##### SEPARADOR #####*/
.sep {background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; height: 350px; position: relative;}
.bgpic01 {background-image: url(../images/df-separador/bg-pic01.jpg);}
.bgpic02 {background-image: url(../images/df-separador/bg-pic02.jpg);}
/*##### /SEPARADOR #####*/
/*##### AVISO #####*/
#aviso ul li{color: var(--colCorp5); font-weight: 200; font-size: 1.2em;}
/*##### /AVISO #####*/
/*##### ALIANZAS #####*/
.alianzaslogo{height: 120px; padding: 20px;}
/*##### / ALIANZAS ####*/
.mreg{font-size: .6em;}
/*agenda
.calendly-badge-widget{
  position: relative !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
  right: auto !important;
  bottom: auto !important;
}

.calendly-badge-widget .calendly-badge-content{
  display: inline-block !important;
  margin: 0 auto !important;
  line-height: 1.7em !important;
}*/
.calendly-inline-widget{
  min-height: 670px;
}
/* agenda */
/*formulario*/
.contact-popup-message img{
  display: block;
  max-width: 80px;
  width: 100%;
  margin: 0 auto;
}

.contact-popup-message div{
  position: relative;
  display: block;
  text-align: center;
  margin: 10px 0px;
  font-size: 1.2em;
  font-weight: 400;
}

.main-popup-message {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
  z-index: 3200;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .7);
  backdrop-filter: blur(8px);
}

.popup-color1 {
  background-color: rgba(0, 0, 0, 0.42) !important;;
}

.mppm-popup-box {
  position: relative;
  right: 0;
  left: 0;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 140px;
  max-width: 900px;
  width: 94%;
  border-radius: 3px;
  /*background-color: #011e41;*/
  background-color: #fff;
  color: #444;
  font-weight: 400;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.mppm-popup-text2 {
  position: relative;
  font-size: 1.4em;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 0px 20px;
  text-align: center;
}

.mppm-popup-text2 img{
  display: block;
  max-width: 70px;
  margin: 0 auto;
}

.mppm-popup-item{
  position: relative;
  display: table;
  max-width: 730px;
  width: 100%;
  font-weight: 700;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.mppm-popup-item-icon{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width:70px;
  width:100%;
}

.mppm-popup-item-icon img{
  max-width:50px;
  width: 100%;
}

.mppm-popup-item-text{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 70px);
  padding: 0px 10px;
}

.mppm-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  background-image: url('https://bluepureloyalty.com/app/images/mail/close-w.png');
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 100;
  cursor: pointer;
}

.mppm-popup-logo{
  position: relative;
  padding: 30px 30px 13px 30px;
}

.mppm-popup-logo img{
  max-width: 220px;
  width: 100%;
}

.mppm-popup-image{
  position: relative;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
  padding: 30px;
}

.mppm-popup-image img{
    max-width: 180px;
  width: 100%;
}

.mppm-popup-image img:nth-child(1){
  max-width: 100px;
width: 100%;
margin: 0px 10px;
}

.mppm-popup-image img:nth-child(2){
  max-width: 100px;
width: 100%;
margin: 0px 10px;
}

.mppm-popup-image img:nth-child(3){
  max-width: 100px;
width: 100%;
margin: 0px 10px;
}

.mppm-popup-image img:nth-child(4){
  max-width: 180px;
width: 100%;
margin: 0px 10px;
}

.mppm-popup-footer{
  position: relative;
  text-align: center;
  background: #ec774b;
  padding: 10px 10px;
}

.mppm-popup-footer img{
  max-width: 60px;
  width: 100%;
}

.mppm-popup-pleca{
  position: relative;
  background: #e36232;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  display: flex;
}

.mppm-popup-pleca span:nth-child(1) {
  width: 33%;
  background: #ec774b;
}

.mppm-popup-pleca span:nth-child(2) {
  width: 33%;
  background: #f37c50;
}

@media screen and (max-width: 450px)
{
  .mppm-popup-item-icon{
    display: block;
    max-width:100%;
  }
  
  .mppm-popup-item-text{
    display: block;
    width:100%;
  }
}

.tbx-textarea{
  min-height:100px;
}

.is-valid-select{
  border-color: #28a745 !important;
  padding-right: calc(1.5em + 0.75rem)!important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right calc(0.375em + 0.1875rem) center !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.is-invalid-select{
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem)!important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right calc(0.375em + 0.1875rem) center !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.mppm-popup-box-vs {
  position: relative;
  right: 0;
  left: 0;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 140px;
  max-width: 1300px;
  width: 94%;
  border-radius: 3px;
  /*background-color: #011e41;*/
  background-color: #fff;
  color: #444;
  font-weight: 400;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.mppm-popup-text-vs {
  position: relative;
  font-size: 1.4em;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 0px 20px 20px 20px;
  text-align: center;
}

.mppm-service-title{
  position: relative;
  display: block;
  width: 100%;
  padding: 40px 20px 20px 20px;
  font-size: 1.2em;
  font-weight: 500;
}

.mppm-service-options{
  position: relative;
  display: block;
  width: 100%;
  padding:10px;
  text-align: center;
}

.item-service{
  position: relative;
  display: inline-table;
  max-width: 435px;
  margin: 0px 0px 15px 0px;
  padding: 10px;
}

.item-service input[type=checkbox]{
  position: relative;
  display: inline-table;
}

.item-service-image{
  position: relative;
  display: inline-table;
  width: 80px;
  vertical-align: middle;
}

.item-service-image img{
  max-width: 50px;
  width: 100%;
  margin: 0 9px 0 8px;
}

.item-service-text{
  position: relative;
  display: inline-table;
  width: 320px;
  text-align: left;
  vertical-align: middle;
}

.ddl-services{
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.item-service-title{
  position: relative;
  width: 100%;
  text-align: center;
  padding: 0px;
  font-size: 1.4em;
  font-weight: 500;
  text-transform: uppercase;
  color: #e86432;
  margin: 0px 0px 10px 0px;
}
.item-service-title-icon{
  position: relative;
  width: 100%;
  text-align: center;
  padding:10px;
  margin-top: 10px;
}

.item-service-title-icon img{
  max-width:110px;
  width:100%;
  margin: 0 auto;
}

@media screen and (max-width: 503px)
{
  .item-service-text{
    text-align: center;
    display: block;
    width:100%;
  }
}
/*formulario*/
/*newsletter*/
.error-ajax{
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  color: #e23434;
  font-weight: 400;
  padding: 8px 10px;
  margin-bottom: 8px;
  border-radius: 3px;
  background-color: transparent;
  margin-top: 5px;
  display: none;
}
.mppm-popup-text3 {
  position: relative;
  font-size: 1.4em;
  max-width: 460px;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 20px;
  text-align: center;
}

.mppm-popup-text3 img{
  display: block;
  max-width: 290px;
  margin: 0 auto;
}

.mppm-popup-text3 div{
  position: relative;
  margin-top:30px;
}

.mppm-popup-text3 div img{
  display: block;
  max-width: 70px;
  margin: 0 auto;
}
/*newsletter*/

.sloganfinal{color: var(--colCorp2); font-weight: 600; font-size: 1.5em; margin-top: 50px; padding: 0px 80px 0px 80px;}
/* Modificaciones 20 Febrero */
.alcancecirclebtn {
	min-width: 180px;
}
.alcancecirclebtn div {
	margin: 10px auto;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #E6E7E7;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Open Sans Condensed';
	cursor: pointer;
}
.alcancecirclebtn div:after {
	content: "";
	position: absolute;
	left: 4%;
	top: 4%;
	height: 92%;
	width: 92%;
	border-width: 5px;
	border-style: solid;
	border-radius: 50%;
}
.alcancecirclebtn div:before {
	content: "";
	position: absolute;
	left: 1%;
	top: 1%;
	z-index: -1;
	height: 98%;
	width: 98%;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	animation: alcancecirclecall 2s infinite;
}
@media (max-width: 1200px) {
	.alcancecirclebtn div {
		width: 140px;
		height: 140px;
		font-size: 0.9rem;
	}
	.alcancecirclebtn div:after {
		border-width: 3px;
	}
}
@media (max-width: 1200px) {
	.alcancecirclebtn div {
		width: 140px;
		height: 140px;
		font-size: 0.9rem;
	}
	.alcancecirclebtn div:after {
		border-width: 3px;
	}
}
.alcancebutton:nth-child(1) {
	color: #72AC32;
	border-color: #72AC32;
}
.alcancebutton:nth-child(1):hover div,
.alcancebutton:nth-child(1).active div {
	background: #72AC32;
	color: #fff;
}
.alcancebutton:nth-child(2) {
	color: #71408A;
	border-color: #71408A;
}
.alcancebutton:nth-child(2):hover div,
.alcancecirclebtn:nth-child(2).active div {
	background: #71408A;
	color: #fff;
}
.alcancebutton:nth-child(3) {
	color: #E96D29;
	border-color: #E96D29;
}
.alcancebutton:nth-child(3):hover div,
.alcancebutton:nth-child(3).active div {
	background: #E96D29;
	color: #fff;
}
.alcancebutton:nth-child(4) {
	color: #E42E87;
	border-color: #E42E87;
}
.alcancebutton:nth-child(4):hover div,
.alcancebutton:nth-child(4).active div {
	background: #E42E87;
	color: #fff;
}
.alcancebutton:nth-child(5) {
	color: #8BB5DF;
	border-color: #8BB5DF;
}
.alcancebutton:nth-child(5):hover div,
.alcancebutton:nth-child(5).active div {
	background: #8BB5DF;
	color: #fff;
}
@keyframes alcancecirclecall {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}



/*#####  REDES ######*/
i{
color: var(--colMain);
}
/*##### /REDES #####*/
/*.footerdf{background: rgb(252,198,0);
  background: linear-gradient(-180deg, rgba(252,198,0,1) 0%, rgba(239,142,51,1) 31%, rgba(232,100,50,1) 65%, rgba(233,83,100,1) 100%); 
}*/
.footerdf{background: var(--colCorp3);}
.iconodf{width: 110px;}
.powered{width: 230px;}
/**/
/*aviso de privacidad*/
.avisodeprivacidad a{color: var(--colCorp5);font-weight: 200;font-size: 1.2em;}
.avisodeprivacidad{color: var(--colCorp5);}
.avisodeprivacidad:hover{color: var(--colCorp2);}

/*links*/
.enlace{color: var(--colCorp4); font-weight: bolder;}
.enlace:hover{color: var(--colCorp2);}

.bgfinal{
background: #e1e1e1;}
/**/
.btn-primary{background:var(--colMain); border-color: var(--colMain);}
.btn-primary:hover{background:var(--colCorp3);}
.btn-primary:active{background:var(--colCorp3);}

.btn-secondary{background:var(--colSec);}

.navbar-brand{
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-brand img{
  max-height: 85px;
}
nav.navbar{
  padding: 10px 0;
  font-size: 0.9rem;
}


.navbar-collapse{
  text-align: center;
}

/*########## ACCESO #####*/
.nav-link {cursor: pointer; }
.navbar-nav .nav-link{
  color:#fff;
  text-transform: uppercase;
  position: relative;
  display: block;
  font-size: 0.9em;
}
.fixed-top .navbar-nav .nav-link{ color:var(--colCorp5); }
.navbar-nav .nav-link::before{
    content:"";
    width: 100%;
    position: absolute; left: 0; bottom: 0;
    border-bottom: 0px solid var(--colMain);
    transition: all .5s;
  }
.navbar-nav .nav-link.active{
  color:var(--colMain);
}
.navbar-nav .nav-link.active::before{
  border-bottom: 2px solid var(--colMain);
  transition: all .5s;
}


section{
  padding-top: 20px;
  padding-bottom: 40px;
  margin-bottom: 180px;
}

li{
  margin: 10px 0;
  color: var(--colMain);
}

.elreto{
  background: var(--colMain);
  letter-spacing: 2px;
  font-size: 1.2em;
  padding: 40px 20px;
}


 #contacto input, #contacto textarea, #contacto button{
  margin-top: 10px;
}
#contacto p{text-align: justify;}



footer .footer-nav{
  background: var(--colMain);
  color: var(--colSec);
}
footer .footer-nav a{
  display: inline-block;
  color: var(--colW);
  font-size: 0.7em;
  margin: 10px;
}


.bluemx{
  background: var(--bluemx);
  font-size: 0.7em;
  line-height: 0.9em;
  padding: 10px;
  // border-top: 8px solid var(--colSec);
}
.bluemx a{
  color:#101E40;
}



.nav-tabs .nav-item.nav-link{
  color: var(--colMain);
}
.nav-tabs .nav-item.nav-link.active{
  background: var(--colMain);
  color:#fff;
}

#nav-datos{
  margin-top: 40px;
}
#nav-datos .form-control-plaintext{
  font-weight: bold;
}
#nav-datos button{
  margin-top: 20px;
  width: 200px;
}
#nav-datos small{display: block; opacity: 0.6;}


header {
  /*background-image: linear-gradient(#fff, #E6E6E6);*/
  position: relative;
}

header ul {
	list-style: none;
  text-align: center;
}
header ul li {
	list-style: none;
	display: inline-block;
	color: #fff;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
header ul li a {
  padding: 4px;
  font-size: 0.8rem;
	color: #000;
}
header ul li a:hover {
	text-decoration: none;
	color: var(--colMain);
}




#banner{margin-top: 0;}


strong.main{
  color:var(--colMain);
}

.hr{
  width: 80px;
  height: 8px;
  background: var(--colMain);
  margin: 40px auto;
}

.barra{margin-bottom: 200px;}
.barra img{width: 100%;}
.barra .text{
  background-image: linear-gradient(to right, #BE191D , #EE2A2E, #BE191D);
  color:#fff;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  color:#fff;
  font-size: 1.8em;
  text-align: center;
  padding: 20px 10px;
  box-shadow: 0 10px 20px rgba(0,0,0, 0.3);
  text-shadow: 0 4px 8px rgba(0,0,0, 0.2);
}





nav.navbar .fa-bars{
  color:#fff;
}
nav.navbar.fixed-top .fa-bars{
  color:var(--colMain);
}
nav.navbar.fixed-top{
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  transform: translateY(-100px);
  transition: all .5s;
}
nav.navbar.fixed-top.visible{
  transform: translateY(0);
  transition: all .5s;
}

.modal-header h2{
  padding: 20px;
  margin: 0 auto;
}
.modal-header .close{
  color:#000;
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 0;
}
.modal a{
  color:#000;
}
.modal .links{
  font-size: 0.8em;
}
.modal .links a{
  margin: 10px;
}

.modal .card-body a.btn.btn-sm{
  font-size: 1em !important;
}
.modal .card-body a.btn .fa{
  font-size: 12px;
}



.nav-item.dropdown{
  border-bottom: 2px solid var(--colMain);
}

.tabledetail{
  font-size: 0.8em;
}


.vertical-align{
  align-items: center;	
}

.img-circle{
  border-radius: 50%;
}

.servicio-item{
  color: var(--colGray);
  font-size: 0.9em;
  min-width: 220px;
  max-width: 300px;
}
.servicio-item:hover{
  text-decoration: none;
  color: var(--colMain);
}
.servicio-item img {
  max-width: 100%;
}

.stateofmind{width: 100%;}

.segmento-item{
  color: var(--colGray);
  font-size: 0.9em;
  min-width: 220px;
  max-width: 160px;
}
.segmento-item:hover{
  text-decoration: none;
  color: var(--colMain);
}
.segmento-item img {
  max-width: 100%;
}

.txtimg p{
    font-weight: 600;
    text-transform: uppercase;
}
.tamano-item{
  color: var(--colGray);
  font-size: 0.9em;
  min-width: 220px;
  max-width: 160px;
}
.tamano-item:hover{
  text-decoration: none;
  color: var(--colMain);
}
.tamano-item img {
  max-width: 100%;
}

.su-quote-style-default {
  position: relative;
  margin-bottom: 1.5em;
  padding: 0.5em 3em;
  text-align:center;
}
.su-quote-inner {
  min-height: 140px;
  padding-top: 20px;
}
.su-quote-inner p{
  padding: 0 10%;
}
.su-quote-cite{
  font-weight: bold;
}



.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23061E41' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23061E41' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}





footer a{
  color: var(--colSec);
    padding-bottom: 20px;
}
footer a:hover{
  text-decoration: none;
  color: var(--colMain);
}
footer .socials a{
  font-size: 30px;
  color: var(--colMain);
}
footer .socials a:hover{
  color: var(--colSec);
}

.socials{
  margin-top: -150px;

}
.fa.fa-chevron-up{
  color: var(--colGray);
}
.fa.fa-chevron-up:hover{
  color: var(--colMain);
}

img, .pleca, header{
  animation: .6s ease-out 0s 1 initOther;
}

[data-l], p, a{
  animation: 1s ease-out 0s 1 initTxt;
}

@keyframes initTxt{
  0%{ opacity:0; }
  100%{ opacity:1; }
}
@keyframes initOther{
  0%{ opacity:0; }
  100%{ opacity:1; }
}


#suscribete{
  padding-bottom: 30px;
  margin-top: 0px;
  margin-bottom: 20px;
}
#suscribete h3{
  margin-bottom: 20px;
}





@media only screen and (max-width:600px){

  header ul li {
    display: block;
    padding: 6px;
  }

  nav.navbar.fixed-top{
    transform: translateY(0);
    transition: all .5s;
  }
  #topheader{
    display: none;
  }
  #banner{margin-top: 73px;}
}








.country {
  font-size: 0.7rem !important;
  margin-top: 4px;
}
.fixed-top .country{ margin-top: 0; }
.country ul {
	position: relative;
	min-width: 80px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.country ul a {
	display: block;
  text-decoration: none;
  font-size: 1em;
}
.fixed-top .country ul a { font-size: 0.9em;}
.country ul li:first-child a {
	display: block;
	border-radius: 3px;
	color: #eee;
}
.fixed-top .country ul li:first-child a{ color: #797F86; }
.country ul li:first-child:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #D3D3D4;
	padding-bottom: 10px;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -12px;
}
.country ul li:first-child + li {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	display: none;
}
.country ul li:first-child + li a {
	border-radius: 3px;
	background: linear-gradient(#fff, #f5f5f5);
	animation-duration: 0.1s;
	color: #797F86;
}
.country ul li:first-child + li a:hover {
	color: #fff;
	background: #061E41;
}
.country ul:hover li {
	display: block !important;
	z-index: 9;
}
.country ul:hover li:after {
	display: none !important;
}
.country ul li:first-child + li:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: -4px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #061E41;
}
.fixed-top .country {
	font-size: 0.8em;
}
.fixed-top .country ul {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}
.fixed-top .country ul a {
	padding: 0.5rem 1rem;
}
header li.separator {
	display: inline-block;
	min-height: 40px;
	margin-bottom: -14px;
	width: 1px;
	background: #D3D3D4;
	margin-left: 20px;
}
.fixed-top li.separator {
	display: inline-block;
	min-height: 20px;
	width: 1px;
	background: #D3D3D4;
	margin-left: 20px;
}
@media (max-width: 1200px) {

  .nav-item{
    font-size: 1.2rem;
  }
  .navbar-collapse{
    background: rgba(0,0,0,0.4);
    border-radius: 0 0 8px 8px;
  }
  .fixed-top .navbar-collapse{
    background: transparent;
  }

  .country{
    min-width: 140px;
  }
	li.separator {
		min-height: 1px !important;
		width: 100% !important;
		margin: 0 !important;
	}
	.country ul li:first-child + li {
		position: static;
		display: block;
		width: 50%;
	}
	.country ul li:after,
	.country ul li:before {
		display: none !important;
	}
	.country ul {
		display: flex;
		text-align: center;
	}
	.country ul li {
		flex-grow: 1;
		width: 50%;
		min-width: auto !important;
	}
	.country ul li:first-child + li a {
		background: transparent;
		color: #ffffff;
	}
	.country ul li:first-child a {
		color: #eee;
    font-weight: bold;
    animation-duration: 0.1s;
  }
  .fixed-top .country ul li:first-child + li a{
    color: #797F86;
  }
  .fixed-top .country ul li:first-child a{
    color: #061E41;
  }
}


@media (min-width:600px){
  .fixed-top:not(.visible){
    display: none;
    }
  }


  #contacto .btn-default{
    font-size: 1.1em;
  }


  .btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    align-items: center;
  }
  .btn-group .btn {
    width: 30%;
    min-width: 180px;
    flex-grow: 1;
    border-radius: 3px !important;
    margin: 2px 4px;
  }
  .btn-group .btn.active {
    /* background: #061D41 !important;*/
    
  }

  footer{
    margin-top: 20px;
  }

#topheader{
  position: relative;
  z-index: 1;
}


  #initheader{
    min-height: 100vh;
  }

  .homeSlider {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 0;
  }
  .homeSlider .slick-prev {left: 30px; z-index: 1;}
  .homeSlider .slick-next {right: 30px;}
  .homeSlider .slick-list,
  .homeSlider .slick-track,
  .homeSlider .slick-slide,
  .homeSlider .slick-slide > div,
  .homeSlider .slick-slide > div > div {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left !important;
  }
  .homeSlider .slick-list .container,
  .homeSlider .slick-track .container,
  .homeSlider .slick-slide .container,
  .homeSlider .slick-slide > div .container,
  .homeSlider .slick-slide > div > div .container {
    height: 100%;
  }
  .homeSlider .slick-list .container .row,
  .homeSlider .slick-track .container .row,
  .homeSlider .slick-slide .container .row,
  .homeSlider .slick-slide > div .container .row,
  .homeSlider .slick-slide > div > div .container .row {
    height: 100%;
    align-items: center;
  }
  .homeSlider .slick-list .container .row .image,
  .homeSlider .slick-track .container .row .image,
  .homeSlider .slick-slide .container .row .image,
  .homeSlider .slick-slide > div .container .row .image,
  .homeSlider .slick-slide > div > div .container .row .image {
    text-align: center;
  }
  .homeSlider .slick-list .container .row .image img,
  .homeSlider .slick-track .container .row .image img,
  .homeSlider .slick-slide .container .row .image img,
  .homeSlider .slick-slide > div .container .row .image img,
  .homeSlider .slick-slide > div > div .container .row .image img {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
  .homeSlider .slick-list .container .row .titulo,
  .homeSlider .slick-track .container .row .titulo,
  .homeSlider .slick-slide .container .row .titulo,
  .homeSlider .slick-slide > div .container .row .titulo,
  .homeSlider .slick-slide > div > div .container .row .titulo,
  .homeSlider .slick-list .container .row .subtitulo,
  .homeSlider .slick-track .container .row .subtitulo,
  .homeSlider .slick-slide .container .row .subtitulo,
  .homeSlider .slick-slide > div .container .row .subtitulo,
  .homeSlider .slick-slide > div > div .container .row .subtitulo {
    color: #fff;
    font-weight: bold;
  }
  .homeSlider .slick-list .container .row .titulo,
  .homeSlider .slick-track .container .row .titulo,
  .homeSlider .slick-slide .container .row .titulo,
  .homeSlider .slick-slide > div .container .row .titulo,
  .homeSlider .slick-slide > div > div .container .row .titulo {
    font-size: 2.7rem;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
  }
  .homeSlider .slick-list .container .row .titulo2,
  .homeSlider .slick-track .container .row .titulo2,
  .homeSlider .slick-slide .container .row .titulo2,
  .homeSlider .slick-slide > div .container .row .titulo2,
  .homeSlider .slick-slide > div > div .container .row .titulo2 {
    font-size: 2.2rem;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
      color: #fff;
    font-weight: bold;
  }
  @media (max-width: 768px) {
    .homeSlider .slick-list .container .row .titulo,
    .homeSlider .slick-track .container .row .titulo,
    .homeSlider .slick-slide .container .row .titulo,
    .homeSlider .slick-slide > div .container .row .titulo,
    .homeSlider .slick-slide > div > div .container .row .titulo {
      font-size: 1.6rem;
      line-height: 1.2;
    }
  }

  @media (max-width: 768px) {
    .homeSlider .slick-list .container .row .titulo2,
    .homeSlider .slick-track .container .row .titulo2,
    .homeSlider .slick-slide .container .row .titulo2,
    .homeSlider .slick-slide > div .container .row .titulo2,
    .homeSlider .slick-slide > div > div .container .row .titulo2 {
      font-size: 1.6rem;
      line-height: 1.2;
        color: #fff;
    }
  }

  .homeSlider .slick-list .container .row .subtitulo,
  .homeSlider .slick-track .container .row .subtitulo,
  .homeSlider .slick-slide .container .row .subtitulo,
  .homeSlider .slick-slide > div .container .row .subtitulo,
  .homeSlider .slick-slide > div > div .container .row .subtitulo {
    color: #fff;
    font-size: 2.5rem;
    font-family: 'Open Sans', sans-serif;
    /*opacity: 0.6;*/
  }
  @media (max-width: 768px) {
    .homeSlider .slick-list .container .row .subtitulo,
    .homeSlider .slick-track .container .row .subtitulo,
    .homeSlider .slick-slide .container .row .subtitulo,
    .homeSlider .slick-slide > div .container .row .subtitulo,
    .homeSlider .slick-slide > div > div .container .row .subtitulo {
      font-size: 1.2rem;
    }
    .homeSlider .slick-slide > div > div .container .row .image img {
      width: 100%;
      max-width: 240px;
      margin: 0 auto;
    }
    .homeSlider .slick-slide > div > div img {
      width: 100%;
      max-width: 240px;
      margin: 0 auto;
    }
    .homeSlider .slick-list .container .row, .homeSlider .slick-track .container .row, .homeSlider .slick-slide .container .row, .homeSlider .slick-slide > div .container .row, .homeSlider .slick-slide > div > div .container .row{
      height: 80%;
      padding: 100px 40px 0;
    }
  }


.mainsliderslide{
  background-size: cover;
}
.mainsliderslide-logo{
  max-height: 200px;
}



.homeSlider:not(.slick-initialized) div {
	display: none;
}
.homeSlider:not(.slick-initialized) div:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.cookies{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--colMain);
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  z-index: 1;
}
.cookies a{
  color: var(--colMain);
}
.cookies p{
  font-size: 0.9em;
  color: var(--colSec);
  margin: 10px;
}
.cookies .btn{
  margin: 20px auto;
}





#aviso .modal-body {
	padding: 40px;
	text-align: justify;
}
#aviso .modal-body p,
#aviso .modal-body ul {
	color: var(--colGray);
}
#aviso .modal-body ul {
	margin: 10px 30px;
}
#aviso .modal-body a {
	color: var(--colGray);
	text-decoration: underline;
}



#slide_samsung .mainsliderslide-logo,
#slide_melia .mainsliderslide-logo
{
	max-width: 400px;
}

#slide_mda .mainsliderslide-logo{
	max-width: 400px;
}


#quienes-somos .mt-2{
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}




.mainservicescontent:nth-child(even){
  box-shadow: 0 0 80px #e8e8e8;
}
.mainservicescontent:nth-child(odd){
  background: linear-gradient(to left, #fff, #EEEEEE, #fff);
}
.mainservicescontent{
  padding: 80px 20px;
}

.bggrey{
    background: #efefef;
    
}
/***********/
.aplicativo{
width: 73%;

}
.etapas{
    font-weight: 600;
    text-transform: uppercase;
}
.contact{
   color: #797F86; 
}
.contact:hover{
   text-decoration: none;
    color: #88B7E7;
}
.etapas {
  cursor: pointer;
}
.etapastxt{
  display: none;
}



/* MODIFICACION 17 feb */

.navbar-brand{
  min-width: 220px;
}

@media (max-width: 1340px) {
  .navbar-nav .nav-link {
    font-size: 0.7em !important;
  }
}


/* #################################### */
/* TOPBARLANG */
.topbarlang {
  display: flex;
  }
  .topbarlang ul {
  margin-right: 60px;
  margin-bottom: 0;
  list-style: none;
  }
  .topbarlang ul li a {
  display: block;
  color: #eee;
  font-size: 0.7rem;
  }
  .topbarlang ul li .active {
  border-bottom: 2px solid #0D1D41;
  }
  
  .navbar.bg-light .topbarlang ul {
  display: flex;
  margin-right: 60px;
  text-align: center;
  }
  .navbar.bg-light .topbarlang ul li a {
  color: #0D1D41;
  font-size: 0.7rem;
  padding: 4px;
  }
  
  .navbar.bg-light .topbarlang {
  position: absolute;
  top: 0;
  right: 0;
  }
  
  @media only screen and (max-width: 600px) {
  .navbar.bg-light .topbarlang {
  display: flex;
  position: static;
  }
  .navbar.bg-light .topbarlang ul li a {
  color: #0D1D41;
  font-size: 0.6rem;
  padding: 2px 4px;
  }
  }
  /* //// TOPBARLANG */
  /* #################################### */



/* #################################### */
/* Modificaciones 20 Febrero */
.alcancecirclebtn {
	min-width: 180px;
}
.alcancecirclebtn div {
	margin: 10px auto;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #E6E7E7;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Open Sans Condensed';
	cursor: pointer;
}
.alcancecirclebtn div:after {
	content: "";
	position: absolute;
	left: 4%;
	top: 4%;
	height: 92%;
	width: 92%;
	border-width: 5px;
	border-style: solid;
	border-radius: 50%;
}
.alcancecirclebtn div:before {
	content: "";
	position: absolute;
	left: 1%;
	top: 1%;
	z-index: -1;
	height: 98%;
	width: 98%;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	animation: alcancecirclecall 2s infinite;
}
@media (max-width: 1200px) {
	.alcancecirclebtn div {
		width: 140px;
		height: 140px;
		font-size: 0.9rem;
	}
	.alcancecirclebtn div:after {
		border-width: 3px;
	}
}
@media (max-width: 1200px) {
	.alcancecirclebtn div {
		width: 140px;
		height: 140px;
		font-size: 0.9rem;
	}
	.alcancecirclebtn div:after {
		border-width: 3px;
	}
}
.alcancebutton:nth-child(1) {
	color: #72AC32;
	border-color: #72AC32;
}
.alcancebutton:nth-child(1):hover div,
.alcancebutton:nth-child(1).active div {
	background: #72AC32;
	color: #fff;
}
.alcancebutton:nth-child(2) {
	color: #71408A;
	border-color: #71408A;
}
.alcancebutton:nth-child(2):hover div,
.alcancecirclebtn:nth-child(2).active div {
	background: #71408A;
	color: #fff;
}
.alcancebutton:nth-child(3) {
	color: #E96D29;
	border-color: #E96D29;
}
.alcancebutton:nth-child(3):hover div,
.alcancebutton:nth-child(3).active div {
	background: #E96D29;
	color: #fff;
}
.alcancebutton:nth-child(4) {
	color: #E42E87;
	border-color: #E42E87;
}
.alcancebutton:nth-child(4):hover div,
.alcancebutton:nth-child(4).active div {
	background: #E42E87;
	color: #fff;
}
.alcancebutton:nth-child(5) {
	color: #8BB5DF;
	border-color: #8BB5DF;
}
.alcancebutton:nth-child(5):hover div,
.alcancebutton:nth-child(5).active div {
	background: #8BB5DF;
	color: #fff;
}
@keyframes alcancecirclecall {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}


/* APLICATIVOS Y PROCESOS */



/* btn colores */
.aplicativosbutton:nth-child(1) div { background: #192F43; }
.aplicativosbutton:nth-child(2) div { background: #23589D; }
.aplicativosbutton:nth-child(3) div { background: #1E90CA; }
.aplicativosbutton:nth-child(4) div { background: #6BA5D2; }

.aplicativosbutton:hover div,
.aplicativosbutton.active div {
  text-decoration: none;
  background: #8BB5DF;
}
.aplicativosbutton:hover {
  text-decoration: none;
}
.aplicativosbutton div {
	color: #fff;
}
.aplicativosbutton div:before, .aplicativosbutton div:after {
  border-color: #8BB5DF !important;
}

.procesostit{
    padding: 10px;
}
.process-top{
    padding-top: 50px;
}
.process-top-img{
    margin-top: 80px;
}
.process-top-seg{
    padding-top: 120px;
}
.process-top-proapli{
    padding-top: 80px;
}
.mensaje{
    color: #ffffff;
    font-size: 17pt;
    margin-top: 30px;
}
.mensaje2020{
    color: #ffffff;
    font-size: 12pt;
    margin-top: 30px;
}
.procesosbolas{
    margin-bottom: -40px;
}


.bpl{
   width: 300px; 
}


/* ocultar mientras carga el contenido */

.navbar.bg-light .topbarlang ul {
  transform: translateY(-40px);
  transition: all 1s;
}


@media (max-width:600px) {
  li.nav-item {
    margin: 0 !important;
  }
}

/*nuevos elementos sgv*/
.aplicativoimg {
    max-width: 350px;
}
.bwIcon{
  width: 150px; padding-top: 20px;
}
.processIcon{
  width: 280px;
}
.appIcon{
  width: 150px;
}
.app-Icon{
  width: 500px;
}
.serviciosIcon{
  width: 100px;
}

/*CSS MCB*/


.logo-footer{
  width: 35%;
  text-align: center;
}
.min-height-bg600, .min-height-bg500, .min-height-bg400, .min-height-bg300, .min-height-bg200, .min-height-bg100, .min-height-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.15);
  }
  .min-height-bg600{ min-height: 600px; }
  .min-height-bg500{ min-height: 500px; }
  .min-height-bg400{ min-height: 400px; }
  .min-height-bg300{ min-height: 300px; }
  .min-height-bg200{ min-height: 200px; }
  .min-height-bg100{ min-height: 100px; }

  .legales-formulario{
    font-weight: 100;
    font-size: 9pt;
    line-height: 12pt;
}
  .logo-MCB-Spa{
      max-width: 300px;
  }


/** Bootstrap 5 column equal grid
 ******************************** **/
 .col-xs-5th,
 .col-sm-5th,
 .col-md-5th,
 .col-lg-5th {
     position: relative;
     min-height: 1px;
     padding-right: 10px;
     padding-left: 10px;
     width: 20%;
     float: left;
 }
 
 @media (min-width: 768px) {
     .col-sm-5th {
         width: 20%;
         float: left;
     }
 }
 @media (min-width: 992px) {
     .col-md-5th {
         width: 20%;
         float: left;
     }
 }
 @media (min-width: 1200px) {
     .col-lg-5th {
         width: 20%;
         float: left;
     }
 }

 /***PLECA***/
 .pleca {
	position: absolute;
	background:var(--colMain);
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	display: flex;
}
header .pleca {
   height: 4px;
}
 /***-PLECA-***/

 .logo-MCB-Spa{
  max-width: 300px;
}
.contact{
color: #fff;

  }
.contact h2{
    color: #fff;
      }
      .contact p{
        color: #fff;
          }
.contact a{
        color: #fff;
          }

.bgfooter{
  background: var(--colCorpG);
}
.powered{
  padding-bottom: 15px;
  display: inline-block;
}
.footerb {
  background: #8cb7e8;
  color: #0f1d41;
  font-size: 9pt;
}
.footerb a{
  color: #0f1d41;
}
.footermodal{
  background: var(--colG);
  text-align: center;
}

.footermodal ul li{
  display: inline;
  color: #444;
  font-size: 10pt;
  text-align: center;
}
.footermodal ul li a{
  color: #444;
  font-size: 1.1em;
}

/*contactanos*/
.bgcontacto{
  background: var(--colMain);
}

/* /CSS MCB/*
/*amenidades*/
.logo-amenities{
  width: 60%;
}
/************/

/*****separador****/

.bgsep{
  background: var(--colMain);
}

/*****separador2****/

#SERVICIOS{
  background: var(--colMain);
}
#SERVICIOS h2{
  color: #fff;
}


/***LA PAZ Y ALREDEDORES****/
.alrededoreslapaz{
  padding-bottom: 20px;

}
.alrededoreslapaz h4{
  padding-top: 20px;
padding-bottom: 20px;
}
.text-alrededores{

}
#LAPAZYALREDEDORES h4{
  padding-top: 10px;
  padding-bottom: 20px;
}
#LAPAZYALREDEDORES h2{
  padding-bottom: 80px;
}

.span-mcb{
  font-size: larger;
  font-weight: bolder;
}

/* ------------------------- */
/* POPUP */
/* ------------------------- */

/*****formulario*******/

		
.contact-popup-message img{
  display: block;
  max-width: 80px;
  width: 100%;
  margin: 0 auto;
}

.contact-popup-message div{
  position: relative;
  display: block;
  text-align: center;
  margin: 10px 0px;
  font-size: 1.2em;
  font-weight: 400;
}

.main-popup-message {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
  z-index: 3200;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .7);
  backdrop-filter: blur(8px);
}

.popup-color1 {
  background-color: rgba(0, 0, 0, 0.42) !important;;
}

.mppm-popup-box {
  position: relative;
  right: 0;
  left: 0;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 140px;
  max-width: 900px;
  width: 94%;
  border-radius: 3px;
  /*background-color: #011e41;*/
  background-color: #fff;
  color: #444;
  font-weight: 400;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  
}

.mppm-popup-text2 {
  position: relative;
  font-size: 1.4em;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 0px 12px;
  text-align: center;
}

.mppm-popup-text2 img{
  display: block;
  max-width: 70px;
  margin: 0 auto;
}

.mppm-popup-text2 div{
  position: relative;
  display: block;
  max-width: 600px;
  width: 100%;
  font-weight: 700;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.mppm-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background-image: url('../images/df-popup/cerrar.svg');
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 100;
  cursor: pointer;
}

.mppm-popup-logo{
  position: relative;
  padding: 30px 30px 13px 30px;
  text-align: center;
}

.mppm-popup-logo img{
  max-width: 337px;
  width: 100%;
}

.popup-proyect-image{
  position: relative;
  text-align: right;
  margin: 0 auto;
  margin-top: 40px;
  padding: 30px;
}

.popup-proyect-image img{
    max-width: 450px;
  width: 100%;
}



/*.popup-proyect-image{
  width: 500px;
}

.popup-proyect-image img{
  width: 500px;
}*/
.popup-proyect-title{
  color:var(--colCorp4);
  font-size: 2.0em;
  padding: 10px 0;
  margin-bottom: 50px;
  margin-top: 30px;
  text-transform: uppercase;
}