/* estilos del sitio web */

/*fuentes y fuentes CDN*/
@font-face {
    font-family: PlusJakartaSans;
    src: url('../fonts/PlusJakartaSans-Regular.eot');
    src: url('../fonts/PlusJakartaSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Regular.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype'),
        url('../fonts/PlusJakartaSans-Regular.svg#PlusJakartaSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Strawford';
    src: url('Strawford-Bold.eot');
    src: url('Strawford-Bold.eot?#iefix') format('embedded-opentype'),
        url('Strawford-Bold.woff2') format('woff2'),
        url('Strawford-Bold.woff') format('woff'),
        url('Strawford-Bold.ttf') format('truetype'),
        url('Strawford-Bold.svg#Strawford-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Niramit;
    src: url('../fonts/Niramit-Light.eot');
    src: url('../fonts/Niramit-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Niramit-Light.woff2') format('woff2'),
        url('../fonts/Niramit-Light.woff') format('woff'),
        url('../fonts/Niramit-Light.ttf') format('truetype'),
        url('../fonts/Niramit-Light.svg#Niramit-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Monesta;
    src: url('../fonts/Monesta-SemiBold.eot');
    src: url('../fonts/Monesta-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Monesta-SemiBold.woff2') format('woff2'),
        url('../fonts/Monesta-SemiBold.woff') format('woff'),
        url('../fonts/Monesta-SemiBold.ttf') format('truetype'),
        url('../fonts/Monesta-SemiBold.svg#Monesta-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Monesta;
    src: url('../fonts/Monesta-Regular.eot');
    src: url('../fonts/Monesta-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Monesta-Regular.woff2') format('woff2'),
        url('../fonts/Monesta-Regular.woff') format('woff'),
        url('../fonts/Monesta-Regular.ttf') format('truetype'),
        url('../fonts/Monesta-Regular.svg#Monesta-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Monesta;
    src: url('../fonts/Monesta-Bold.eot');
    src: url('../fonts/Monesta-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Monesta-Bold.woff2') format('woff2'),
        url('../fonts/Monesta-Bold.woff') format('woff'),
        url('../fonts/Monesta-Bold.ttf') format('truetype'),
        url('../fonts/Monesta-Bold.svg#Monesta-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Monesta;
    src: url('../fonts/Monesta-Medium.eot');
    src: url('../fonts/Monesta-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Monesta-Medium.woff2') format('woff2'),
        url('../fonts/Monesta-Medium.woff') format('woff'),
        url('../fonts/Monesta-Medium.ttf') format('truetype'),
        url('../fonts/Monesta-Medium.svg#Monesta-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Niramit;
    src: url('../fonts/Niramit-SemiBold.eot');
    src: url('../fonts/Niramit-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Niramit-SemiBold.woff2') format('woff2'),
        url('../fonts/Niramit-SemiBold.woff') format('woff'),
        url('../fonts/Niramit-SemiBold.ttf') format('truetype'),
        url('../fonts/Niramit-SemiBold.svg#Niramit-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Strawford';
    src: url('../fonts/Strawford-Regular.eot');
    src: url('../fonts/Strawford-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Strawford-Regular.woff2') format('woff2'),
        url('../fonts/Strawford-Regular.woff') format('woff'),
        url('../fonts/Strawford-Regular.ttf') format('truetype'),
        url('../fonts/Strawford-Regular.svg#Strawford-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*estilos generales*/
html{}
html, body{opacity: 0; font-family: PlusJakartaSans;}
html{position:relative; min-height:100%}
body{margin-bottom:0px;}
.height-100{height:100%}
.displayflex{display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-flex-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: center;
  justify-content: center;
}
.sinpaddingleft{padding-left:0px !important}
.sinpaddingright{padding-right:0px !important}
.row-con-margen{margin-left:-15px; margin-right:-15px}
.w100Hauto{width:100%; height:auto}
.error{color:#F00; font-size:10px; font-weight:300;}
.empty{color:#F00; font-size:10px; font-weight:300;}
.oculto-success{font-size:14px; font-weight:300; text-align:center; margin-top:10px; color:#000}
.error-borde{border:1px solid #DB2629 !important}
.centrado {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
}
.mailto{color:inherit; text-decoration:none}
.mailto:hover{color:inherit; text-decoration:underline;}
.display-block{display:block}
.grayscale
{
-moz-filter: grayscale(100%);
-o-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
/*-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.grayscale:hover{
	-webkit-filter:none !important;
	filter:none !important;
	-moz-filter:none !important;
	-o-filter:none !important;
	-ms-filter:none !important;
}
span.pointer,b.pointer,a.pointer{cursor:pointer}
.relative{position:relative}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 appearance:none;
 -moz-appearance:none;
 margin: 0;
}
.pointer{cursor:pointer}
.transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;}
.row{margin-left:0px; margin-right:0px}
.row-con-margen{margin-left:-15px !important; margin-right:-15px !important}
:focus {
    outline: none;
}
.elemento *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #000000 !important;
	opacity:1;
}
.elemento *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #000000 !important;
	opacity:1;
}
.elemento *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #000000 !important;
	opacity:1;
}
.elemento *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #000000 !important;
	opacity:1;
}
.transition{
		transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;
}
.mensaje-de-error,.mensaje-de-error-2{
  color:#DB2629
}
.float {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #25d366;
    color: rgba(31, 173, 83, 0.3);
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
    z-index: 10000;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
.float:hover {
  color: rgba(38, 217, 104, 0.7);
}
.float .fa-whatsapp{
  color: #fff;
  font-size: 40px;
  margin-top: 11px;
}
.acciones{
  position: fixed; right: 45px; bottom: 30px; z-index: 100
}

@-webkit-keyframes zcwmini2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
  }
}
.container-custom{
  padding-left: 7%; padding-right: 7%
}
#ocultosuccess,#ocultosuccess2{
  text-align: center;
}
.mensaje-de-error,.mensaje-de-error-2{
  color:#DB2629
}
.content-table{
  display: table; width: 100%; height: 100%
}
.content-row{
  display: table-row;
}
.content-cell{
  display: table-cell; vertical-align: middle;
}
.relativeZ1{position: relative; z-index: 1}
.pngrendering {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.a-seccion{position: absolute; top: -70px; display: inline-block;}

/*Header*/
header{position: fixed; z-index: 1000; width: 100%; height: 100px; background-color: #77351b;}
header .logo{
  margin-top: 22.5px
}
header .menu{
  position: absolute; right: 15px; top: 0;
}
header .menu .line-custom{
  height: 100px; width: 1px; display: inline-block; background: #AD8676; vertical-align: middle;
}
header .menu .fb{margin-right: 20px; margin-left: 35px}
header .menu .insta{margin-right: 30px}
header .menu .a-tel{
  font-family: PlusJakartaSans;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2.4px;
  text-align: left;
  color: #fbf5eb;
}
header .menu .a-tel img{margin-right: 5px}
header .menu .idio{
  font-family: PlusJakartaSans;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-align: left;
  color: #fff;
  margin-left: 35px;
  margin-right: 37px;
}
header .menu .idio a, header .menu .idio a:hover, header .menu .idio a:focus{
  color: #fff; text-decoration: none;
}
header .menu .abre-menu{margin-left: 33px; cursor: pointer;}
.menu-lateral{
  width: 100%; height: 100vh;  background: rgba(0,0,0,0.50); position: fixed; right: -100%; top:0; opacity: 0; z-index: 15000; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; text-align: center;
}
.menu-lateral.inn{right: 0; opacity: 1;}
.menu-lateral .c-menu{width: 50%; height: 100%; background-color: #77351b; margin-left: 50%; position: relative;}
.menu-lateral .c-menu .cabecera{
  border-bottom: solid 1px #fbf5eb; width: 100%; height: 100px; position: absolute; right: 0; top: 0; padding-left: 100px; text-align: right;
}
.menu-lateral .c-menu .cabecera span{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: 3.6px;
  text-align: left;
  color: #f6e0c1;
  position: absolute;
  left: 100px;
  top: 28px;
}
.menu-lateral .c-menu .cabecera .line{
  margin-right: 35px; height: 100px; width: 1px; display: inline-block; background: #AD8676; vertical-align: middle;
}
.menu-lateral .c-menu .cabecera .cierra-menu{
  margin-right:96px;
}
.menu-lateral .c-menu .line-dos{height: 1px; background: #fbf5eb; width: 100%; position: absolute; right: 0; bottom: 100px}
.menu-lateral .c-menu ul{padding-left: 0; margin-bottom: 0}
.menu-lateral .c-menu ul li{
  font-family: PlusJakartaSans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: 3.2px;
  text-align: left;
  color: #f6e0c1;
  list-style-type: none;
}
.menu-lateral .c-menu ul li a, .menu-lateral .c-menu ul li a:hover, .menu-lateral .c-menu ul li a:focus{
  color: #f6e0c1;
}
.menu-lateral .c-menu ul li a{display: block; width: 450px}
.menu-lateral .c-menu ul li a:hover, .menu-lateral .c-menu ul li a:focus{
  text-decoration: none; border-bottom:1px solid #f6e0c1
}
.menu-lateral .c-menu p{
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: 2px;
  text-align: left;
  color: #a0725f;
  margin-top: 30px;
  margin-bottom: 0
}
.menu-lateral .c-menu p a, .menu-lateral .c-menu p a:hover, .menu-lateral .c-menu p a:focus{
  color: #a0725f; text-decoration: none
}
.menu-lateral .c-menu p img{margin-right: 10px}
.menu-lateral .c-menu .content-cell{padding-left: 100px}

.inicio-1{position: relative;}
.ParallaxVideo {
    height: 100vh;
}
.ParallaxVideo video {
    min-width: 100%;
    top: 0;
    z-index: -9999;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}
.inicio-1 .info{
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 80%
}
.inicio-1 .registre{
  width: 223.9px;
  height: 31.6px;
  background-color: #b55219;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  border:none;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px;
  margin: auto;
  z-index: 1
}
.inicio-1 .divisor{
  height: 1px; width: 100%; background: #fbf5eb; position: absolute; left: 0; bottom: 100px; z-index: 1
}
.inicio-1 .opacity{
  width: 100%; height: 100%; background: rgba(0,0,0,0.30); position: absolute; left: 0; top: 0; z-index: 1
}
.inicio-2{
  background-color: #f7f6f4; padding-top: 119px; padding-bottom: 119px; position: relative;
}
.inicio-2 .shape{
  position: absolute; left: 0; top: 205px
}
.inicio-2 .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #77351b;
  margin-bottom: 23px
}
.inicio-2 .subtitulo{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #b55219;
  margin-bottom: 24px
}
.inicio-2 .c-p{text-align: center; margin-bottom: 40px}
.inicio-2 .c-p p{
  width: 789.2px;
  display: inline-block;
  max-width: 100%;
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #666;
  margin-bottom: 0
}
.inicio-2 .c-p-2{text-align: center; margin-bottom: 30px}
.inicio-2 .c-p-2 p{
  display: inline-block;
  width: 789.2px;
  max-width: 100%;
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #666;
}
.inicio-2 button{
  width: 290px;
  height: 31.6px;
  border: solid 1px #b55219;
  background: none;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #b55219;
  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;
}
.inicio-2 button:hover{
  background: #b55219; color:#fff;
}
.inicio-2 .c-image{position: relative; margin-bottom: 40px}
.inicio-2 .c-image .sobrepuesto{
  background: rgba(0,0,0,0.20); width: 100%; height: 100%; position: absolute; left: 0; top: 0;
}
.inicio-2 .c-image .sobrepuesto button{
  width: 272.7px;
  height: 44.1px;
  font-family: PlusJakartaSans;
  font-size: 11.2px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2.23px;
  text-align: center;
  border:1px solid #b55219;
  background: #b55219; color:#fff;
  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;
}
.inicio-2 .c-image .sobrepuesto button:hover{
  background-color: #fff; color: #b55219;
}
.inicio-2 .c-image .sobrepuesto .play-video{position: absolute; left: 0; right:0; bottom: 51px; margin: auto; text-align: center;}
.inicio-2 .c-image .sobrepuesto .play-video .img-play{margin-bottom: 50px}
.inicio-3{
  padding-top: 117px; padding-bottom: 119px; overflow: hidden; background: #fff
}
.inicio-3 .container-fluid{padding-left: 0; padding-right: 0}
.inicio-3 .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #77351b;
  margin-bottom: 23px
}
.inicio-3 .subtitulo{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #b55219;
  margin-bottom: 25px;
}
.inicio-3 .c-p{text-align: center; margin-bottom: 40px}
.inicio-3 .c-p p{
  width: 789.2px;
  max-width: 100%;
  display: inline-block;
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #666;
}
.inicio-3 .item{position: relative; background-color: rgba(0,0,0,0.30); background-blend-mode: multiply;}
.inicio-3 .item .img-base{opacity: 0}
.inicio-3 .item .centrado{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.inicio-3 .item .centrado span{
  font-family: PlusJakartaSans;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 2.8px;
  text-align: center;
  color: #fff;
}
.inicio-3 .item button{
  width: 208.7px;
  height: 31.6px;
  border:none;
  background-color: #b55219;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #fbf5eb;
  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 36px;
  margin: auto;
}
.inicio-3 .item:hover button{
  opacity: 1
}
.inicio-4{
  padding-top: 121px; padding-bottom: 44px; background-color: #f7f6f4; position: relative; overflow: hidden;
}
.inicio-4 .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #77351b;
  margin-bottom: 23px
}
.inicio-4 .subtitulo{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #b55219;
  margin-bottom: 40px
}
.inicio-4 .info{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  margin-bottom: 0
}
.inicio-4 .info span{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #b55219;
  display: block;
  margin-bottom: 15px
}
.inicio-4 .row-dos{
  margin-top: 48px; margin-bottom: 122px
}
.inicio-4 .shape{
  position: absolute; right: 0; top: 600px
}
.inicio-4 .item-img{
  margin-bottom: 48px
}
.inicio-4 .item-img .titulo-item{
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: left;
  color: #333;
  padding-top: 10px;
  margin-top: 13px;
  border-top:1px solid #b55219;
}
.carousel .arrow-left{
  position: absolute; left: 45%; bottom: 38px; z-index: 1
}
.carousel .arrow-right{
  position: absolute; right: 45%; bottom: 38px; z-index: 1
}
.carousel-indicators li {
    box-sizing: border-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    background-clip: inherit;
    border-top: none;
    border-bottom: none;
    padding: 0;
    opacity: .5;
    transition: opacity .6s ease;
}
.carousel-indicators .active{
  background: #fff
}
.carousel-indicators{bottom: 23px}
.inicio-4 .titulo-spa{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #77351b;
  margin-top: 49px;
  margin-bottom: 23px
}
.inicio-4 .subtitulo-spa{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #b55219;
  margin-bottom: 30px
}
.inicio-4 .parrafo-spa{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #666;
  margin-bottom: 30px
}
#carouselExampleIndicators{margin-top: 50px}
.experiencias{
  padding-top: 118px; padding-bottom: 119px; overflow: hidden; background: #fff
}
.experiencias .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #77351b;
  margin-bottom: 36px
}
.experiencias .subtitulo{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #b55219;
  margin-bottom: 30px
}
.experiencias .c-p{text-align: center;}
.experiencias .c-p p{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #666;
  width: 994px;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 40px
}
.experiencias .subtitulo-2{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #b55219;
  margin-top: 46px;
  margin-bottom: 30px
}
.owner-benefits{
  background-image: url('../img/fondo-ownner.webp'); padding-top: 108px; padding-bottom: 82px; background-size: cover;
}
.owner-benefits .titulo-o{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #fbf5eb;
  margin-bottom: 30px
}
.owner-benefits .subtitulo-o{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #fbf5eb;
  margin-bottom: 16px
}
.owner-benefits .c-p-o{
  text-align: center;
}
.owner-benefits .c-p-o p{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #fbf5eb;
  width: 826px;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 30px
}
.owner-benefits .c-row{padding-left: 50px; padding-right: 50px}
.owner-benefits .titulo-owner{
  font-family: Monesta;
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  padding-bottom: 15px;
  border-bottom: 1px solid #b55219;
  margin-bottom: 15px;
}
.owner-benefits .titulo-owner.margt{margin-top: 20px}
.owner-benefits .titulo-owner span{
  font-size: 20px;
}
.owner-benefits .parrafo-owner{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.owner-benefits button{
  width: 208.7px;
  height: 31.6px;
  background-color: #b55219;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #fbf5eb;
  border:none;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  margin-top: 38px;
}
.experiencias .shape{
  position: absolute; bottom: 375px; right: 0
}
.agsana{
  background-image: url('../img/fondo-agsana.webp'); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; padding-top: 120px; padding-bottom: 120px;
}
.agsana .titulo{
  font-family: Monesta;
  font-size: 36px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: center;
  color: #77351b;
  margin-bottom: 100px;
}
.agsana .c-table{text-align: center;}
.agsana .c-table table{display: inline-block;}
.agsana .c-table table tr td:nth-child(2){
  padding-left: 48px; padding-right: 34px;
}
.agsana .c-table p{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  width: 579px;
  margin-bottom: 35px;
  max-width: 100%;
}
.agsana .c-table button{
  width: 208.7px;
  height: 31.6px;
  border: solid 0.5px #b55219;
  background: none;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #b55219;
}
.agsana .c-table table tr td:nth-child(3){text-align: left;}
.ubicacion{
  padding-top: 120px; padding-bottom: 120px; background: #fff; overflow: hidden;
}
.ubicacion .info{height: 100%; background-color: #77351b; padding-left: 94px}
.ubicacion .info .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: left;
  color: #fbf5eb;
  margin-bottom: 43px;
}
.ubicacion .info p{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #f6e0c1;
  width: 414px;
  max-width: 100%;
  margin-bottom: 40px
}
.ubicacion .info button{
  width: 253.9px;
  height: 31.6px;
  background: none;
  border: solid 0.5px #fbf5eb;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #fbf5eb;
}

footer{
  position: relative;
}
footer .contacto{
  background-color: #f7f6f4; position: relative; padding-top: 122px; padding-bottom: 116px; overflow: hidden;
}
footer .contacto .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: left;
  color: #77351b;
  margin-bottom: 23px
}
footer .contacto .subtitulo{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: left;
  color: #b55219;
  margin-bottom: 80px
}
footer .contacto p{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  margin-bottom: 100px
}
footer .contacto p b{font-weight: 600}
footer .contacto .shape{
  position: absolute; left: 0; top: 50px
}
footer .contacto .c-form{
  background-color: #e6e5e3; padding: 40px;
}
footer .contacto .solicite{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #77351b;
  margin-bottom: 20px
}
footer .contacto form .helper{
  font-family: Niramit;
  font-size: 10px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.6;
  letter-spacing: normal;
  text-align: left;
  color: #77351b;
  margin-bottom: 5px
}
footer .contacto form input[type=text],footer .contacto form input[type=email]{
  width: 100%;
  height: 30.8px;
  margin: 5.2px 0 7px;
  background-color: #f7f6f4;
  border:none;
  margin-bottom: 7px
}
footer .contacto form ul{padding-left: 0}
footer .contacto form ul li{
  font-family: Niramit;
  font-size: 10px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.6;
  letter-spacing: normal;
  text-align: left;
  color: #77351b;
  list-style-type: none;
}
footer .contacto form ul li input{vertical-align: sub;}
footer .contacto button{
  width: 252.2px;
  height: 31.6px;
  border: solid 0.5px #b55219;
  background: none;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #b55219;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
}
footer .pie{
  padding-top: 50px; background-color: #77351b;
}
footer .pie .c-table{text-align: center; border-top:1px solid #ad8676}
footer .pie .c-table table{display: inline-block;}
footer .pie .c-table table tr{vertical-align: top;}
footer .pie .c-table table tr td{text-align: left;}
footer .pie .c-table table tr td:nth-child(1){padding-top: 80px}
footer .pie .c-table table tr td:nth-child(2){
  padding-left: 115px; padding-right: 115px;
}
footer .pie .c-table table ul{padding-left: 0; margin-bottom: 0}
footer .pie .c-table table ul li{
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.6;
  letter-spacing: 2px;
  text-align: left;
  color: #f6e0c1;
  list-style-type: none;
}
footer .pie .c-table table ul li a, footer .pie .c-table table ul li a:hover, footer .pie .c-table table ul li a:focus{
  color: #f6e0c1; text-decoration: none;
}
footer .pie .c-table table tr td:nth-child(3){padding-right: 96px}
footer .pie .c-table table tr td:nth-child(4){padding-right: 96px}
footer .pie .c-table table p{
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.6;
  letter-spacing: 1px;
  text-align: left;
  color: #f6e0c1;
}
footer .pie .c-table table p a, footer .pie .c-table table p a:hover, footer .pie .c-table table p a:focus{
  color: #f6e0c1; text-decoration: none;
}
footer .pie .c-table table tr td:nth-child(3), footer .pie .c-table table tr td:nth-child(4), footer .pie .c-table table tr td:nth-child(5){padding-top: 45px}
footer .divisor-final{
  height: 1px; background: #ad8676; margin-bottom: 12px
}
footer h3{
  font-family: Niramit;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.17;
  letter-spacing: normal;
  text-align: center;
  color: #f7f6f4;
  margin: 0;
  padding-bottom: 16px
}
footer h3 a, footer h3 a:hover, footer h3 a:focus{
  color: #f7f6f4; text-decoration: none
}
footer h3.dos{text-align: right;}
footer .last-line{
  background: #ad8676; width: 1px; height: 55px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;
}
.portada{
  height: 600px; position: relative; background-image: url('../img/portada-beneficios.webp'); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-color: rgba(0,0,0,0.30); background-blend-mode: multiply;
}
.portada.garden-view{
  background-image: url('../img/portada-garden-view.webp');
}
.portada h1{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-top:75px;
  margin-bottom: 0
}
.portada .opciones{
  margin-top: 23px; text-align: center;
}
.portada .opciones button.active{
  width: 163.4px;
  height: 31.6px;
  background-color: #b55219;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  border:none;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  margin-left: 12px;
  margin-right: 12px
}
.portada .opciones button{
  width: 163.4px;
  height: 31.6px;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  margin-left: 20px;
  margin-right: 20px;
  border: solid 1px #fff; background: none
}
.beneficios-1{
  padding-top: 46px;
}
.beneficios-1 .c-isotipo{text-align: center; margin-bottom: 36px}
.beneficios-1 p{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #666;
  margin-bottom: 35px;
}
.beneficios-1 .frase{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #b55219;
  margin-bottom: 43px
}
.beneficios-izquierda{
  position: relative; background-color: #f7f6f4;
}
.beneficios-izquierda .subinfo{
  width: 476.2px; max-width: 100%; display: inline-block;
}
.beneficios-izquierda .subinfo .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: left;
  color: #77351b;
  margin-bottom: 34px
}
.beneficios-izquierda .subinfo .parrafo{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  margin-bottom: 30px
}
.beneficios-izquierda .subinfo ul{padding-left: 20px; margin-bottom: 0}
.beneficios-izquierda .subinfo ul li{
  list-style-type: disc;
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #77351b;
  margin-bottom: 30px
}
.beneficios-izquierda .subinfo ul li span{
  color: #666;
}
.beneficios-izquierda .subinfo .info-scroll{height: 400px; overflow: auto}
.beneficios-izquierda .info{height: 100%}

/*Scrollbar*/
.beneficios-izquierda .info-scroll::-webkit-scrollbar {
  width: 8px;
}

 /* Estilos barra (thumb) de scroll */
.beneficios-izquierda .info-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.beneficios-izquierda .info-scroll::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

.beneficios-izquierda .info-scroll::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

 /* Estilos track de scroll */
.beneficios-izquierda .info-scroll::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}

.beneficios-izquierda .info-scroll::-webkit-scrollbar-track:hover,
.beneficios-izquierda .info-scroll::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

.beneficios-izquierda .fondo-sobrepuesto{
  height: 100%; width: 80%; background-image: url('../img/fondo-b-derecha.webp'); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-color: rgba(247,246,244); background-blend-mode: multiply; position: absolute; right: -15px; top: 0
}
.beneficios-izquierda .bg2{
  background-color: rgba(247,246,244);
}
.beneficios-izquierda .fondo-b-izquierda{position: absolute; left: -15px; top: 0; z-index: 1; pointer-events: none}
.beneficios-izquierda .titulo-2{
  font-family: PlusJakartaSans;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2.8px;
  color: #b55219;
  text-align: left;
  margin-bottom: 30px
}
.beneficios-izquierda .subinfo .parrafo b{font-weight: 600}
.entre-beneficios{
  height: 50px; background: #fff
}
.beneficios-3{
  padding-top: 119px; padding-bottom: 98px;
}
.beneficios-3 .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: center;
  color: #77351b;
  margin-bottom: 33px;
}
.beneficios-3 p{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #666;
  margin-bottom: 30px
}
.beneficios-3 .item{width: 33.3vw;}
.beneficios-3 .slick-center .item{padding-left: 25px; padding-right: 25px}
.beneficios-3 .img{
  height: 590px; background-position: center;
}
.beneficios-3 .info{
  padding-top: 33px; padding-left: 25px; padding-right: 25px
}
.beneficios-3 .info .titulo-2{
  font-family: PlusJakartaSans;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2.8px;
  color: #b55219;
  margin-bottom: 30px
}
.beneficios-3 .info .parrafo{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: left;
  color: #666;
}
.beneficios-3 .arrow-left{
  position: absolute; left: 20px; top: 273px; z-index: 1; cursor: pointer;
}
.beneficios-3 .arrow-right{
  position: absolute; right: 20px; top: 273px; z-index: 1; cursor: pointer;
}
.slick-next,.slick-prev{display: none !important}

.modelo{
  padding-top: 122px; padding-bottom: 122px
}
.modelo .info{padding-left: 105px}
.modelo .info .titulo{
  font-family: Monesta;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: normal;
  text-align: left;
  color: #77351b;
  margin-bottom: 6px;
}
.modelo .info .subtitulo{
  font-family: PlusJakartaSans;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: left;
  color: #b55219;
  margin-bottom: 20px
}
.modelo .info ul{padding-left: 20px; margin-bottom: 30px}
.modelo .info ul li{
  list-style-type: disc;
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #77351b;
}
.modelo .info ul li span{
  color: #666;
}
.modelo .info button{
  width: 151.3px;
  height: 31.6px;
  background: none;
  border: solid 1px #b55219;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #b55219;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
}
.modelo #carouselExampleIndicators{margin-top: 0}
.portada .regresar{
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom:1px solid #fff;
  width: 130px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: auto;
}
.portada .regresar:hover,.portada .regresar:focus{
  text-decoration: none; color: #fff;
}
.modelo .info .titulo-p{
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #666;
}
.portada .opciones button.xl,.portada .opciones button.active .xl{width: 218px}
.contiene-video-experiencias{
  text-align: center; margin-bottom: 118px;
}
.contiene-video-experiencias button{
  width: 290px;
  height: 31.6px;
  border: solid 1px #b55219;
  background: none;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #b55219;
  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;
}
.contiene-video-experiencias button:hover{
  background: #b55219; color:#fff;
}
#modalBrochure .cerrar-modal{position: absolute; right:20px; top: 20px; cursor: pointer; filter: brightness(0);}
#modalBrochure .titulo-2{
  font-family: Monesta;
  font-size: 36px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #77351b;
  margin-bottom: 30px;
}
#modalBrochure button.enviar{
  width: 208.7px;
  height: 31.6px;
  border: solid 0.5px #b55219;
  background: none;
  border-top-left-radius: 12.13px;
  border-bottom-right-radius: 12.13px;
  font-family: PlusJakartaSans;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  color: #b55219
}
#modalBrochure h3{
  font-family: PlusJakartaSans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 3.6px;
  text-align: center;
  color: #b55219;
  margin-bottom: 20px;
  margin-top: 0;
}
#modalBrochure h3 a, #modalBrochure h3 a:hover, #modalBrochure h3 a:focus{
  color: #b55219; text-decoration: none;
}
#modalBrochure .contenido{
  padding: 50px; position: relative;
}
#modalBrochure input[type=text],#modalBrochure input[type=email]{
  width: 100%;
  height: 30.8px;
  margin: 5.2px 0 7px;
  background-color: #f7f6f4;
  border: none;
  margin-bottom: 20px;
  font-family: Niramit;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  padding-left: 15px;
}

/* medias */
@media (max-width:991px){
  header .logo {
    margin-top: 28.5px;
    width: 150px;
}
header .menu .insta,header .menu .fb,header .menu .a-tel, header .uno{display: none}
header .menu .idio{margin-right: 31px}
.menu-lateral .c-menu{width: 80%; margin-left: 20%}
.menu-lateral .c-menu .cabecera{padding-left: 30px}
.menu-lateral .c-menu .cabecera span{left: 30px}
.menu-lateral .c-menu .cabecera .cierra-menu {
    margin-right: 15px;
}
.menu-lateral .c-menu ul li{font-size: 12px}
.menu-lateral .c-menu .content-cell {
    padding-left: 30px;
}
.menu-lateral .c-menu p{font-size: 9px; line-height: 2.2; margin-top: 20px}
.ParallaxVideo video{height: 100%}
.inicio-1 .info{font-size: 30px !important; line-height: 1.04 !important;}
.inicio-2{padding-top: 90px; padding-bottom: 100px}
.inicio-2 button{width: 300px}
.inicio-2 .titulo{font-size: 40px}
.inicio-2 .subtitulo{font-size: 16px}
.inicio-2 .c-image .sobrepuesto button{bottom: 20%}
.inicio-3 .titulo{font-size: 40px}
.inicio-3 .subtitulo{font-size: 16px; padding-left: 15px; padding-right: 15px}
.inicio-3 .subtitulo br{display: none}
.inicio-3 .c-p{padding-left: 15px; padding-right: 15px}
.inicio-3{padding-top: 90px; padding-bottom: 70px}
.inicio-3 .item{margin-bottom: 30px}
.inicio-3 .item button{opacity: 1}
.inicio-4{padding-top: 90px}
.inicio-4 .titulo{font-size: 40px}
.inicio-4 .subtitulo{font-size: 16px;}
.inicio-4 .subtitulo br{display: none}
.inicio-4 .info{text-align: center;}
.inicio-4 .info span{margin-top: 15px; text-align: center;}
.inicio-4 .row-dos{margin-bottom: 48px}
.inicio-4 .item-img .titulo-item{text-align: center;}
.carousel .arrow-left{left: 25%}
.carousel .arrow-right{right: 25%}
.inicio-4 .titulo-spa{font-size: 40px}
.inicio-4 .subtitulo-spa{font-size: 16px}
.inicio-4 .parrafo-spa br{display: none}
.experiencias{padding-top: 90px; padding-bottom: 100px}
.experiencias .titulo{font-size: 40px}
.experiencias .subtitulo{font-size: 16px; padding-left: 15px; padding-right: 15px}
.experiencias .subtitulo br{display: none}
.experiencias .c-p{padding-left: 15px; padding-right: 15px}
.experiencias .subtitulo-2{font-size: 16px; margin-bottom: 46px; padding-left: 15px; padding-right: 15px}
.owner-benefits{padding-top: 50px; padding-bottom: 50px}
.owner-benefits .titulo-o{font-size: 40px}
.owner-benefits .subtitulo-o{font-size: 16px; padding-left: 15px; padding-right: 15px}
.owner-benefits .subtitulo-o br{display: none}
.owner-benefits .c-p-o p{padding-left: 10px; padding-right: 10px}
.agsana{padding-top: 100px; padding-bottom: 100px}
.agsana .titulo{font-size: 25px; margin-bottom: 50px}
.agsana .titulo br{display: none}
.agsana .c-table table, .agsana .c-table table tbody, .agsana .c-table table tr, .agsana .c-table table td{display: block; text-align: center;}
.agsana .c-table table tr td:nth-child(2) {
    display: none
}
.agsana .c-table p{width: auto; font-size: 14px; text-align: center;}
.agsana .c-table table tr td:nth-child(3) {
    text-align: center; padding-top: 30px
}
.ubicacion {
    padding-top: 0;
    padding-bottom: 0;
}
.ubicacion .c-iframe{padding-left: 0}
.ubicacion .info {
    height: 100%;
    background-color: #77351b;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
    padding-bottom: 35px
}
.ubicacion .c-infor{padding-right: 0}
.ubicacion .info .titulo{font-size: 40px; text-align: center; margin-bottom: 20px}
.ubicacion .info p{width: 100%; text-align: center; margin-bottom: 30px}
.ubicacion .info{text-align: center;}
footer .contacto{padding-top: 90px; padding-bottom: 100px; text-align: center;}
footer .contacto .titulo{font-size: 40px; text-align: center;}
footer .contacto .subtitulo{font-size: 16px; text-align: center; margin-bottom: 50px}
footer .contacto p{text-align: center; margin-bottom: 50px}
footer .contacto .logo{margin-bottom: 60px}
footer .pie .c-table table, footer .pie .c-table table tbody, footer .pie .c-table table tr, footer .pie .c-table table td{
  display: block; width: 100% !important; text-align: center !important;
}
footer .pie .c-table table tr td:nth-child(1) {
    padding-top: 50px;
}
footer .pie .c-table table tr td:nth-child(2){display: none}
footer .pie .c-table table tr td:nth-child(3) {
    padding-right: 15px; padding-left: 15px; text-align: center;
}
footer .pie .c-table table ul li{text-align: center;}
footer .pie .c-table table tr td:nth-child(4) {
    padding-right: 15px; padding-left: 15px; text-align: center;
}
footer .pie .c-table table p{text-align: center; padding-bottom: 40px}
footer .last-line{display: none}
footer h3 span{display: none}
footer h3.dos {
    text-align: center;
}
footer h3.one{margin-bottom: 0; padding-bottom: 0}
.portada .centrado{width: 100%}
.portada h1{font-size: 40px}
.portada .opciones button{width: 100px}
.portada .opciones button.active{width: 100px}
.portada .opciones button{margin-left: 5px; margin-right: 5px}
.portada .opciones button.active{margin-left: 0; margin-right: 5px}
.portada .opciones button.tercero{margin-right: 0}
.modelo {
    padding-top: 60px;
    padding-bottom: 100px;
}
.modelo .info {
    padding-left: 0; text-align: center;
}
.modelo .info .titulo{font-size: 40px; text-align: center; margin-bottom: 30px}
.modelo .c-carrusel{padding-right: 0}
.modelo .info .subtitulo{font-size: 16px; text-align: center; margin-top: 25px}
.modelo .info ul{column-count: 2}
.modelo .info ul{column-gap: 30px}
.portada{background-position: center;}
.beneficios-izquierda .subinfo .titulo{padding-top: 50px; text-align: center; font-size: 40px}
.beneficios-izquierda .subinfo{width: 100%}
.beneficios-izquierda .fondo-sobrepuesto{width: calc(100% + 30px); left: -15px; right: inherit;}
.beneficios-izquierda .subinfo .parrafo{padding-left: 15px; padding-right: 15px; text-align: center;}
.beneficios-izquierda .titulo-2{font-size: 16px; text-align: center;}
.beneficios-3{padding-top:90px; padding-bottom: 50px}
.beneficios-3 .titulo{font-size: 40px;}
.beneficios-3 .titulo br{display: none}
.beneficios-3 .item {
    width: 100vw;
}
.beneficios-3 .img{background-position: center;}
.beneficios-3 .info .titulo-2{text-align: center;}
.beneficios-3 .info .parrafo{text-align: center;}
.beneficios-3 .info{padding-left: 10px}
.beneficios-izquierda .fondo-b-izquierda{max-width: 100%}
.inicio-2 .shape{width: 80px; top: 0}
.inicio-4 .shape{top: 0; width: 80px}
footer .contacto .shape{width: 80px; top: 0}
.experiencias .shape{bottom: 0; width: 80px}
.inicio-2 .c-image .sobrepuesto .play-video{bottom: 10px}
.inicio-2 .c-image .sobrepuesto .play-video .img-play {
    margin-bottom: 20px;
    width: 60px;
}
.portada .opciones button{vertical-align: middle;}
.portada .regresar{width: 145px}
.owner-benefits .parrafo-owner{margin-bottom: 30px}
.owner-benefits .parrafo-owner{font-size: 14px}
.owner-benefits .titulo-owner{font-size: 25px}
.owner-benefits .titulo-owner span{font-size: 18px}
.owner-benefits .c-row {
    padding-left: 15px;
    padding-right: 15px;
}

}
@media (max-width:991px)
{

}

@media (min-width:768px) and (max-width:991px)
{
.ubicacion .container{max-width: none; width: 100%}
.beneficios-izquierda .subinfo .info-scroll{height: 250px}
}

@media (min-width:992px) and (max-width:1199px)
{
.ubicacion .info p{width: 315px}
footer .pie .c-table table tr td:nth-child(2) {
    padding-left: 65px;
    padding-right: 65px;
}
footer .pie .c-table table tr td:nth-child(3) {
    padding-right: 56px;
}
footer .pie .c-table table tr td:nth-child(4) {
    padding-right: 56px;
}
.portada .centrado{width: 80%}
.modelo .info {
    padding-left: 55px;
}
footer .contacto .shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 123px;
}
}

@media (min-width:768px){

}
@media (min-width:992px){

}
@media (min-width:768px) and (max-height:800px){
  .menu-lateral .c-menu ul li{font-size: 12px}
  .menu-lateral .c-menu p{margin-top: 20px; line-height: 2.2; font-size: 9px}
}
@media (min-width:1200px) and (max-width:1299px)
{

}
@media (min-width:1300px) and (max-width:1450px)
{

}
@media (min-width:1200px) and (max-width:1499px)
{

}
@media (min-width:1500px) and (max-width:1679px)
{

}
@media (min-width:1680px) and (max-width:1920px)
{

}
@media (min-width:1200px) and (max-width:1449px){

}
@media (min-width:1200px) and (max-width:1249px){

}
@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1200px;
  }
  .portada .centrado{width: 80%}
}