/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
/*
@font-face {
    font-family: JOSEFINSANS-REGULAR;
    src: url("fonts/JOSEFINSANS-REGULAR.TTF");
}

	.JOSEFINSANSR {
    font-family: JOSEFINSANS-REGULAR !important;
	}

@font-face {
    font-family: JOSEFINSLAB-BOLD;
    src: url("fonts/JOSEFINSLAB-BOLD.TTF");
}

	.JOSEFINSANSB {
    font-family: JOSEFINSLAB-BOLD !important;
	}
	
@font-face {
    font-family: JOSEFINSLAB-ITALIC;
    src: url("fonts/JOSEFINSLAB-ITALIC.TTF");
}

	.JOSEFINSANSI {
    font-family: JOSEFINSLAB-ITALIC !important;
	}
*/

html {
        scroll-behavior: smooth;
       /*Comenta la línea (o dale el valor 'auto' a scroll behavior )
       para probar la diferencia con y sin scroll suavizado*/
    }

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
  background: #888; 
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.inputCont::placeholder { color: #c4b590; }
.inputCont::-webkit-input-placeholder { color: #c4b590; } /* WebKit */
.inputCont::-moz-placeholder { color: #c4b590; } /* Firefox 19+ */

.blink{
  -webkit-animation: blink;
  animation: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes blink {
  0%   {opacity: 1;}
  10%   {opacity: 0.8;}
  20%   {opacity: 0.6;}
  30%   {opacity: 0.4;}
  40%   {opacity: 0.2;}
  50%   {opacity: 0;}
  60%   {opacity: 0.2;}
  70%   {opacity: 0.4;}
  80%   {opacity: 0.6;}
  90%   {opacity: 0.8;}
  100%   {opacity: 1;}
}


.blur{
  -webkit-animation: blur;
  animation: blur;
  animation-duration: 2s;
  animation-iteration-count: 3;
  color: transparent;
}
@keyframes blur {
  0%   {text-shadow: 0px 0px 25px #000;}
  10%   {text-shadow: 0px 0px 20px #000;}
  20%   {text-shadow: 0px 0px 15px #000;}
  30%   {text-shadow: 0px 0px 10px #000;}
  40%   {text-shadow: 0px 0px 5px #000;}
  50%   {text-shadow: 0px 0px 0px #000;}
  60%   {text-shadow: 0px 0px 5px #000;}
  70%   {text-shadow: 0px 0px 10px #000;}
  80%   {text-shadow: 0px 0px 15px #000;}
  90%   {text-shadow: 0px 0px 20px #000;}
  100%   {text-shadow: 0px 0px 25px #000;}
}


/*-----------cel----------*/
@media screen and (max-width: 767px) {
.ocultar{
display:none;
}

.IndexBackgroundImg1{
	background: url(https://mallorcaresidence.mx/img/Mallorca_portada.png);
    background-size: cover;
    background-position-x: right;
}

.txtI1{
	background-color: #a68f59;
    color: #fff !important;
    font-size: 8vw;
    letter-spacing: 5px;
    text-shadow: 0 0 20px black;
}

.txtI2{
	color: #212121;
    font-size: 5vw;
}

.imgMallorca1{
	width: 30%;
    padding-top: 5%;
}

.AlignTxt1{
	text-align:center;
}
.AlignTxtWK{
	text-align:-moz-center;
	text-align:-webkit-center;
}

.BtnAgendaVisita{
    background-color: #95804dad;
    color: white;
    min-width: 50%;
    padding: 10px 30px 0px 30px;
    font-size: 7vw;
    border: none;
    border-radius: 40px;
	transition:0.5s;
}

.BtnAgendaVisita:hover{
    background-color: #95804d;
    color: white;
	transition:0.5s;
}

.AlignBtn1{
	text-align:center;
}
.ImgI1{
	width:100%;
}

.Txtcentrado{
    position: absolute;
    top: 60%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 20px;
    text-align: left;
}

.btnContacto{
    background-color: #000;
    color: white;
    min-width: 50%;
    padding: 0px 30px 3px 30px;
    font-size: 7vw;
    border: none;
    border-radius: 40px;
	transition:0.5s;
}

.btnContacto:hover{
    background-color: #000ad;
    color: white;
	transition:0.5s;
}

.nosotrosBackgroundImg1{
	height: 18vh;
    background: url(https://mallorcaresidence.mx/img/02M.png);
    background-size: contain;
    background-position-x: center;
    text-shadow: 0 0 30px black;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-color: #bebebe;
}

.TxtcentradoNosotros{
    position: absolute;
    top: 55%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
}

.ImgCentradoNosotros1{
    position: absolute;
    top: 21%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
    max-width: 700px;
    width: 80%;
}

.rownosotros1{
	width:100%;
}
.TxtNosotros1{
	font-size:45px;
}
.TxtNosotros2{
	font-size:50px;
}
.TxtNosotros3{
	font-size:18px;
}

.ubicacionBackgroundImg1{
	height: 19vh;
    background: url(https://mallorcaresidence.mx/img/11.png);
    background-size: 160%;
}

.TxtcentradoUbicacion{
    position: absolute;
    top: 66%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: center;
	text-shadow: 0 0 50px black;
}

.ImgCentradoUbicacion1{
	position: absolute;
    top: 15%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
    max-width: 550px;
    width: 45%;
}

.TxtUbicacion1{
    font-size: 35px;
    line-height: 1;
}

.amenidadesBackgroundImg1{
    background: url(https://mallorcaresidence.mx/img/amenidades2.png);
	height: 33vh;
    background-size: cover;
    background-position-x: 93%;
}

.txtamenidadesm1{
	color: #fff;
    font-size: 40px;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
    line-height: 1;
    text-shadow: 0 0 20px black;
}

.TxtcentradoAmenidades{
    position: absolute;
    top: 82%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: center;
	text-shadow: 0 0 50px black;
}

.TxtcentradoAmenidades2{
    position: absolute;
    top: 50%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 16px;
    text-align: justify;
	text-shadow: 0 0 50px black;
}

.ImgCentradoAmenidades1{
	position: absolute;
    top: 25%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
    max-width: 550px;
    width: 45%;
}

.TxtAmenidades1{
    font-size: 35px;
    line-height: 1;
}

.TxtAmenidades1{
    font-size: 33px;
    line-height: 1;
}

.TxtAmenidades3{
    font-size: 44px;
    line-height: 1;
}

.imgCarrusel1{
	width:100%;
	margin-top: -7%;
	position: relative;
}

.txtProyecto{
	color: #a68f59;
    font-size: 12vw;
}

.txtOC{
	font-size:9vw;
}

.imgUbicacion1{
	margin-top: -13px;
}

.txtMcenter{
	text-align:center !important;
}

.paddingMBC{
	padding: 5% 0% 0px 5%;
}

}
/*-----------cel----------*/

/*-----------pc----------*/
@media screen and (min-width: 767px) {
.no_ocultar{
display:none;
}
.IndexBackgroundImg1{
	background: url(https://mallorcaresidence.mx/img/Mallorca_portada.png);
    background-size: cover;
    background-position: left;
    text-align: -webkit-center;
    text-align: -moz-center;
    background-position-y: 50px;
    background-position-x: 50%;
}

.imgMallorca1{
	width:55%;
}

.BtnAgendaVisita{
    background-color: #95804dad;
    color: white;
    min-width: 700px;
    padding: 10px 30px 0px 30px;
    font-size: 2vw;
    border: none;
    border-radius: 40px;
	transition:0.5s;
}

.BtnAgendaVisita:hover{
    background-color: #95804d;
    color: white;
	transition:0.5s;
}

.AlignTxt1{
	text-align:justify;
}

.AlignTxtWK{
	text-align:left;
}

.txtI1{
	color: #a68f59;
    font-size: 4.2vw;
    letter-spacing: 2px;
}

.txtI2{
	color:#242424; 
	font-size:1.8vw;
}
.AlignBtn1{
	text-align:left;
}
.ImgI1{
	width:100%;
	position: relative;
}
.Txtcentrado{
    position: absolute;
    top: 75%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: left;
}

.btnContacto{
    background-color: #000;
    color: white;
    width: 80%;
    padding: 5px;
    font-size: 2vw;
    border: none;
    border-radius: 40px;
    transition: 0.5s;
}

.btnContacto:hover{
    background-color: #000ad;
    color: white;
	transition:0.5s;
}

.nosotrosBackgroundImg1{
	height: 41vw;
    background: url(https://mallorcaresidence.mx/img/02.png);
    background-size: contain;
    background-position: center;
}

.TxtcentradoNosotros{
    position: absolute;
    top: 75%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
}

.ImgCentradoNosotros1{
    position: absolute;
    top: 41%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
    max-width: 700px;
    width: 80%;
}

.ImgCentradoNosotros2{
    position: absolute;
    top: 20%;
    left: 10%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
    max-width: 550px;
    width: 10%;
}

.rownosotros1{
	width:80%;
}
.TxtNosotros1{
	font-size:60px;
}
.TxtNosotros2{
	font-size:70px;
}
.TxtNosotros3{
	font-size:25px;
}

.paddingTxtNosotros1{
	padding-top:10%;
}


.ubicacionBackgroundImg1{
	    height: 42vw;
    background: url(https://mallorcaresidence.mx/img/ubicacion_Espectacular.png);
    background-size: contain;
    background-position-y: 80px;
    background-repeat: no-repeat;
    background-color: #008df2;
}

.TxtcentradoUbicacion{
    position: absolute;
    top: 66%;
    left: 47.5%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
}

.ImgCentradoUbicacion1{
	position: absolute;
    top: 20%;
    left: 10%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
    max-width: 550px;
    width: 10%;
}

.TxtUbicacion1{
    font-size: 60px;
    line-height: 1;
}


.amenidadesBackgroundImg1{
	height: 40vw;
    background: url(https://mallorcaresidence.mx/img/01.png);
    background-size: cover;
	background-position-y: 75px;
}

.TxtcentradoAmenidades{
    position: absolute;
    top: 70%;
    left: 47.5%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
}

.TxtcentradoAmenidades2{
    position: absolute;
    top: 50%;
    left: 50%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
	text-shadow: 0 0 50px black;
}

.ImgCentradoAmenidades1{
	position: absolute;
    top: 20%;
    left: 10%;
    right: -33%;
    transform: translate(-50%, -51%);
    color: #fff;
    font-size: 24px;
    text-align: justify;
    max-width: 550px;
    width: 10%;
}

.TxtAmenidades1{
    font-size: 65px;
    line-height: 1;
}

.TxtAmenidades2{
    font-size: 20px;
    text-align: justify;
    line-height: 1.5;
}

.TxtAmenidades3{
    font-size: 65px;
    line-height: 1;
	width:100%;
	text-align:center;
}

.imgCarrusel1{
	width:100%;
	margin-top: -7%;
	position: relative;
}

.txtProyecto{
	color: #a68f59;
    font-size: 3vw;
	height: 400px;
}

.txtOC{
	font-size:5vw;
}

.imgUbicacion1{
	margin-top: -8%;
}

.paddingMBC{
	padding: 0px 0% 0px 35%;
}

.paddingMBC1{
	padding: 5% 15% 5% 15%;
}

.IGR{
    padding-top: 4%;
}

}
/*-----------pc----------*/



.contenedorImgTxt{
    position: relative;
    display: inline-block;
    text-align: center;
	width: 100%;
}

.inputCont{
	background-color: #a68f59;
    width: 100%;
    height: 45px;
    color: #c4b590;
    padding: 15px;
    border: none;
    border-radius: 0px;
    border-bottom: solid 1px;
	padding-left:0px;
}

.inputCont:focus-visible{
	outline: none !important;
}

::placeholder {
  color: #fff;
  font-size: 1.5em;
}

.active{
	font-weight:900;
	color:#a68f59 !important;
}

.scrolled{
	width:100%;
	font-size:18px;
	position: fixed;
	background-color: #212121;
	z-index: 999999;
	height: 40px;
	top:0;
	line-height: 4;
	transition: 2s;
}
.noscrolled{
	width: 100%;
    background-color: #212121;
	position: fixed;
	z-index: 999999;
    margin: 0px;
    font-size: 18px;
    line-height: 4;
	transition: 2s;
}

.imgNS{
	width: 100%;
	position: relative;
	top: -25px;
}
.imgS{
	width: 80%;
	position: relative;
	top: 0px;
	background-color: #212121;
}

.ProyectoDestacado{
	width:100%;
	transition:0.2s;
	min-height: 290px;
}

.menuCerrado{
	width: 100%;
    height: 100%;
    background-color: #ffffffdb;
    z-index: 9999;
    position: fixed;
	top: -100%;
	transition:0.5s;
}
.menuAbierto{
	width: 100%;
    height: 100%;
    background-color: #ffffffdb;
    z-index: 9999;
    position: fixed;
	top:0px;
	transition:0.5s;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}