@charset "UTF-8"; /*
font-family: 'Montserrat', serif;
font-family: "Playfair", serif;
font-family: 'Cabin', sans-serif;	
*/
@import url('https://fonts.googleapis.com/css2?family=Bruno+Ace+SC&family=Cabin:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4 { font-family: "Montserrat", serif; font-optical-sizing: auto; font-style: normal; }
p, body, a, li, .primary { font-family: 'Cabin', sans-serif; font-optical-sizing: auto; font-style: normal; }
p { color: #818181; font-size: 16px; font-weight: 300; line-height: 1.2; text-align: justify; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

/*********************** GENERAL ***********************/
:focus { outline: none; }
section { z-index: 89; position: relative; }
body { background: #fff; padding: 0; margin: 0; }
ul {padding: 0;margin: 0;list-style: none;position: relative;}
img { display: block; width: 100%; border: none; }
a {text-decoration: none;color: inherit;display: block;/* -webkit-transition: all .5s ease; */-moz-transition: all .5s ease;-o-transition: all .5s ease;/* transition: all .5s ease; */}

.contenedor {width: 1440px;margin: 0px auto;position: relative;border: 0px solid red;display: block;}
.contenedor2 { width: 960px; margin: 0px auto; position: relative; border: 0px solid red; }
.upper { text-transform: uppercase; }
.center { text-align: center !important; }
.left { text-align: left; }
.right { text-align: right; }
.inline { display: inline; }
.desktop { display: block; }
.movil { display: none; }
.hidden { display: none; }
.onlymovil { display: none; }
.Fixed { overflow: hidden; }

/*
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);
-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);
*/

/*********************** CLEAR ***********************/
.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px 10px; }
.padding30 { padding: 30px 10px; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display: none !important; }
input.error { border-bottom: 2px solid #F00!important; }
select.error { border-bottom: 2px solid #F00!important; }
textarea.error { border-bottom: 2px solid #F00!important; }

/*********************** COLUMNAS ***********************/
.col2 li {
   float: left;
   width: 50%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.col3 li {
   float: left;
   width: 33.33%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.col4 li {
   float: left;
   width: 25%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.col5 li {
   float: left;
   width: 20%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.col6 li {
   float: left;
   width: 16.66%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.col7 li {
   float: left;
   width: 14.28%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.col8 li {
   float: left;
   width: 12.5%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.col9 li {
   float: left;
   width: 11.1%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.vertical-align {
   display: table;
   width: 100%;
}

.vertical-align li {
   float: none;
   display: table-cell;
   vertical-align: middle;
   height: auto;
}
.col3Foot li:nth-child(1) {
   width: 25%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}

.col3Foot li:nth-child(2) {
   width: 25%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}
.col3Foot li:nth-child(3) {
   width: 50%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   position: relative;
}
.col2mix li:nth-child(even) {
   width: 70%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}
.col2mix li:nth-child(odd)::before {content: '';width: 0px;height: 100%;position: absolute;border: 1px solid #fff;right: 0px;top: 0px;}
.col2mix li:nth-child(odd) {
   width: 30%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}
.col1 li {
   float: left;
   width: 100%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
}
.full li {
   float: left;
   width: 100%;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   position: relative;
   padding-bottom: 30px;
   margin-bottom: 30px;
   border-bottom: 2px solid #fff;
}


/*********************** HEADER ***********************/
header {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index: 90;
}

header.header_chico {
   background-color: rgb(14 11 38 / 80%);
   background-image: linear-gradient(to bottom, #00000000, #00000000);
   box-shadow: 0px 0px 15px rgba(0,0,0,.4);
}

.logo {
   width: 40%;
   float: left;
   opacity: 1;
}

.logo img {width: 170px;height: auto;margin: 10px 0px;}

header.header_chico .logo img {
}
.LangSwitch {
   border: 2px solid #a99378;
   width: 50px;
   margin: 30px 0px;
   float: right;
   border-radius: 10px;
}
.LangSwitch:hover {background-color: rgba(255,255,255,.1);}
.LangSwitch span {text-align: center;display: block;color: #fff;line-height: 14px;padding: 8px 0px;font-size: 14px;}
.btn-movil {width: 30px;height: 30px;padding: 4px;float: right;margin-top: 25px;margin-bottom: 10px;background-color: #00b0a5;cursor: pointer;border-radius: 50%;color: #fff;text-align: center;position: relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.btn-movil span:nth-child(1) {margin-top: 6px;}
.btn-movil span {border: 1px solid #fff;width: calc(100% - 7px);float: left;margin: 2px 0px 3px 3px;}
.Submenu .close-movil {width: 15px;height: 15px;padding: 4px;margin-top: 21px;line-height: 15px;border: 2px solid #fff;border-radius: 5px;color: #fff;font-size: 14px;cursor: pointer;text-align: center;position: relative;top: 0px;left: 90%;background-color: #5f28b2;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.menu {
   width: 30%;
   float: left;
   margin: 30px 0px;
}

.menu li {
}

.menu li #OpenMenu {
   border: 2px solid #a99378;
   width: 110px;
   margin: auto;
   border-radius: 20px;
}

.menu li #OpenMenu .fa-bars {
   color: #a99378;
}

.Submenu #CloseMenu .fa-x {
   color: #fff;
}

.menu li a {
   text-align: center;
   line-height: 30px;
   font-size: 16px;
   color: #fff;
}

.menu li a:hover {
}

.CloseMenu {
   width: 50px;
   height: 50px;
   text-align: center;
   position: absolute;
   right: 0px;
   line-height: 50px;
   font-size: 30px;
   color: #fff;
   z-index: 900;
   cursor: pointer;
}

.Submenu {
}

.Submenu {
   width: 25%;
   display: block;
   position: fixed;
   height: 100%;
   top: 0px;
   left: 0px;
   z-index: 101;
   background-color: rgb(95 40 178 / 80%);
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   display: none;
}

.Submenu.Open {
   width: 25%;
   opacity: 1;
   display: block;
   background-color: rgb(95 40 178 / 95%);
}

.Submenu.Open #CloseMenu, .Submenu.Open .logo, .Submenu.Open .OpenMenu li {
   display: block;
   opacity: 1;
   margin: 0px auto 0px auto;
   padding: 9px 0px;
}

.Submenu .logo {
   width: 200px;
   margin: 10px auto 30px auto;
   float: none;
}

.Submenu #CloseMenu {
   border: 2px solid #fff;
   width: 110px;
   margin: auto;
   border-radius: 20px;
   display: none
}

.Submenu .OpenMenu {
   width: 70%;
   margin: 50px auto;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 30px 0px;
}

.Submenu .OpenMenu li {
   padding: 10px 0px;
}

.Submenu .OpenMenu li a .fa-chevron-right {
   opacity: 0;
   font-size: 18px;
   line-height: 30px;
   margin-bottom: 4px;
}

/*
.Submenu .OpenMenu li a:hover .fa-chevron-right { opacity: 1; }
.Submenu .OpenMenu li a:hover {font-size: 30px;line-height: 25px; left: -10px; }
*/
.Submenu .OpenMenu li a {
   font-size: 18px;
   line-height: 20px;
   margin: 0px auto;
   width: 300px;
   position: relative;
   text-align: left;
   color: #fff;
   text-transform: uppercase;
}

/*********************** HOMEPAGE ***********************/
.HomeSlider {
   height: 100vh;
   overflow: hidden;
   position: relative;
}
.ConFrase {width: 80%;margin: 0px 10%;position: absolute;top: 30%;left: 0%;}
.ConFrase blockquote {font-size: 44px;text-transform: uppercase;color: #fff;font-weight: 200;font-family: 'Montserrat';line-height: 50px;position: relative;width: fit-content;}
.ConFrase blockquote strong {display: block;font-size: 20px;text-transform: uppercase;width: 450px;line-height: 20px;margin: 20px 0px;background-color: #5f28b2;padding: 10px;}
.ConFrase blockquote::before {content : '"';font-size: 80px;line-height: 30px;position: absolute;left: -40px;opacity: .5;font-family: cursive;}
.ConFrase blockquote::after {content : '"';font-size: 80px;line-height: 30px;position: absolute;right: -40px;bottom: 50px;opacity: .5;font-family: cursive;transform: scale(-1, 1);}

.Text {width: 1200px;margin: 0px calc(50% - 600px);position: absolute;bottom: calc(20% - 65px);}
.Text h2 {color: #fff;font-size: 50px;text-transform: uppercase;text-shadow: 0px 0px 10px #000;position: relative;}
.Text h2::before {content: '';width: 10px;height: 40px;position: absolute;background-color: #00b0a5;left: -20px;top: 10px;transform: skew(-18deg);}
.Text h2 span {display: block;font-size: 30px;text-transform: uppercase;font-weight: 300;width: 75%;line-height: 40px;padding-left: 30px;}
.Text h2 span strong {display: block;font-weight: 600;}
.TextContainer {width: 300px;margin: 0px calc(50% - 150px);position: absolute;top: calc(50% - 65px);}
#vid {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   min-width: 100%;
   min-height: 100%;
   width: 100%;
   height: auto;
   z-index: -1000;
   overflow: hidden;
}

.WithImage {
   background-position: center center;
   background-size: 100%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-repeat: no-repeat;
}

.MainSlider .owl-dots {
   width: fit-content;
   height: 30px;
   position: absolute;
   z-index: 90;
   bottom: 40px;
   right: 130px;
}

.MainSlider .owl-dots .owl-dot {
   width: 20px;
   height: 20px;
   background-color: #0c293d;
   float: right;
   margin: 5px;
}

.MainSlider .owl-dots .owl-dot.active, .MainSlider .owl-dots .owl-dot:hover {
   background-color: #fff;
}

.MainSlider .owl-nav {
   width: fit-content;
   height: 30px;
   position: absolute;
   z-index: 90;
   bottom: 40px;
   right: 70px;
}

.MainSlider .owl-nav .owl-next, .MainSlider .owl-nav .owl-prev {
   width: 20px;
   height: 20px;
   margin: 5px;
   background-color: #0c293d;
   float: left;
   line-height: 20px;
   text-align: center;
   color: #fff;
   font-size: 10px;
}

.MainSlider .owl-nav .owl-next:hover, .MainSlider .owl-nav .owl-prev:hover {
   background-color: #fff;
   color: #0c293d;
}
.Inicio01 {background: #00B0A5;background: linear-gradient(90deg,rgba(0, 176, 165, 1) 0%, rgba(95, 40, 178, 1) 63%);padding: 90px 0px;}
.counters {  }
.counters .counter {width: 220px;margin: 30px auto;text-align: center;font-size: 80px;font-weight: 800;font-family: 'Bruno Ace SC', sans-serif;color: #fff;}
.counters .counter span {  }
.counters .counter p {font-size: 15px;text-align: center;color: #fff;line-height: 20px;margin: 0px 0px 30px 0px;}
.CallBtn {width: 140px;background-color: #fff;margin: 60px auto 10px auto;border: 2px solid #fff;text-align: center;padding: 14px 10px;font-size: 18px;border-radius: 19px;line-height: 16px;color: #5f28b2;font-weight: 800;text-transform: uppercase;position: relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;}
.CallBtn:hover {background-color: rgb(0 0 0 / 40%);color: #fff;border: 2px solid #fff;}
.CallBtn::before {content: "";background-image: url('../img/divhey-isotipo.svg');width: 60px;height: 50px;position: absolute;background-position: center;background-size: 90%;top: -65px;left: calc(50% - 30px);animation-name: floating;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-delay: 2s;}

.CalltoMarcas {aspect-ratio: 16 / 9;position: relative;background-image: url(../img/divhey-people.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.CalltoMarcas .textBlock {position: absolute;width: 50%;bottom: 5%;left: 5%;background-color: rgb(0 0 0 / 80%);padding: 30px;}
.CalltoMarcas blockquote {color: #fff;line-height: 27px;font-size: 26px;text-transform: uppercase;font-weight: 400;font-family: 'Montserrat';position: relative;}
.CalltoMarcas blockquote::before {content : '"';font-size: 80px;line-height: 30px;position: absolute;left: -40px;opacity: .5;font-family: cursive;}
.CalltoMarcas blockquote::after {content : '"';font-size: 80px;line-height: 30px;position: absolute;right: -40px;opacity: .5;font-family: cursive;transform: scale(-1, 1);}

.CalltoMarcas blockquote strong{display: block;font-size: 26px;margin: 13px 0px;line-height: 27px;}
.Inicio03 {background-color: #916beb;padding: 0px 0px 30px 0px;}
.Inicio03 .CalltoAction {padding: 10px 0px;background-color: #5f28b2;}
.Inicio03 .CalltoAction h3 {line-height: 20px;text-align: center;color: #fff;margin: 0px;padding: 10px 0px;font-size: 30px;font-weight: 400;text-transform: uppercase;}
.Inicio03 .CalltoAction h3 span {font-weight: 700;}
.CoverFallas {width: calc(100% - 30px);margin: 15px;position: relative;}
.CoverFallas h4 {position: absolute;bottom: 40px;left: 5px;width: calc(100% - 60px);color: #fff;background-color: rgb(0 0 0 / 70%);padding: 10px 0px 10px 35px;font-size: 22px;line-height: 30px;font-weight: 400;text-transform: uppercase;height: 58px;}
.CoverFallas h4::before {content: '';width: 30px;height: 78px;position: absolute;background-color: #5f28b2;left: -10px;top: 0px;transform: skew(-10deg);}
.CoverFallas img {  }



.HomeSectionFirst {
   background-color: #0c293d;
   padding: 120px 0px 70px 0px;
}

.HomeSectionFirst .col2 li:nth-child(1) h3 {
   font-size: 14rem;
   width: 300px;
   height: 170px;
   text-align: center;
   margin: 70px auto 10px auto;
}

.HomeSectionFirst .col2 li:nth-child(2) h3 {
   padding-left: 30px;
   margin: 10px 0px;
}

.HomeSectionFirst h3 {
   color: #fff;
   font-size: 3rem;
   line-height: 3.3rem;
   font-weight: 200;
   font-family: "Playfair", serif;
}

.HomeSectionFirst .col2 li:nth-child(1) h3 span.Chico {
   text-transform: uppercase;
   font-size: 2rem;
   position: absolute;
   left: 160px;
   top: -30px;
}

.HomeSectionFirst .col2 li:nth-child(1) h3 span.Mediano {
   color: #a99378;
   font-size: 4rem;
   position: absolute;
   bottom: 70px;
   right: 80px;
   z-index: 1;
   text-transform: uppercase;
}

.HomeSectionFirst .col2 h4 {
   font-size: 3rem;
   padding-left: 30px;
   text-align: right;
   line-height: 1rem;
   color: #a99378;
   font-weight: 200;
}

.HomeSectionFirst .col2 h4 span {
   font-size: 4rem;
}

.HomeSectionFirst .col2 p {
   color: #a99378;
   font-size: 1.6rem;
   padding-left: 30px;
   text-align: left;
   line-height: 2.6rem;
   margin: 60px 0px 0px 0px;
}

.Partners {
   margin: 100px 0px 60px 0px;
}

.Partners img {
   width: 150px;
   margin: 10px auto;
   height: auto;
}
.HomeSectionFirst .col1 h4 {font-size: 40px;text-align: center;line-height: 50px;color: #fff;font-weight: 200;width: 90%;margin: 40px auto;}
.HomeSectionFirst .col1 p {text-align: center;color: #a99378;font-size: 22px;line-height: 26px;width: 60%;margin: 30px auto 0px auto;}

.HomeSectionSecond {
   padding: 50px 0px 100px 0px;
   position: relative;
   background-color: #fff;
}

.HomeSectionSecond::before {
   content: '';
   position: absolute;
   width: 100%;
   height: 50%;
   left: 0px;
   top: -1px;
   background-color: #0c293d;
   z-index: 1;
}

.ELProblema-01 {background: #00B0A5;background: linear-gradient(15deg,rgba(0, 176, 165, 1) 0%, rgba(95, 40, 178, 1) 63%);padding: 80px 0px;}
.ELProblema-01 .col3::before {content: '';border: 1px solid #fff;position: absolute;width: calc(100% - 2px);bottom: 0px;left: 0px;}
.ELProblema-01 h2 {width: 70%;text-align: center;margin: 30px auto;line-height: 40px;text-transform: uppercase;font-size: 36px;color: #fff;font-weight: 600;}
.ELProblema-01 h3 {font-size: 20px;line-height: 26px;width: 90%;text-transform: uppercase;color: #fff;font-weight: 300;text-align: center;margin: 10px auto;min-height: 52px;}
.ELProblema-01 p {width: 90%;margin: 10px auto 40px auto;text-align: justify;color: #fff;line-height: 22px;font-size: 16px;font-weight: 200;text-align-last: center;}
.ELProblema-01 img {width: calc(100% - 30px);margin: 15px;}
.ELProblema-01 .col5 {margin: 50px 0px 40px 0px;}
.ELProblema-02 {background-color: #0e0b26;padding: 120px 0px 0px 0px;}
.ELProblema-02::before {content: '';width: 50%;height: 100%;position: absolute;right: 0px;bottom: 0px;}
.ELProblema-02 h3 {text-align: left;width: 70%;font-size: 24px;text-transform: uppercase;color: #fff;line-height: 30px;position: absolute;}
.ELProblema-02 h3 span {font-weight: 200;font-size: 13px;line-height: 18px;display: block;}
.ELProblema-02 p {font-size: 16px;font-weight: 200;color: #fff;width: 80%;line-height: 28px;}
.ELProblema-02 img {width: 80%;margin: 0px auto;}

.SectionEvolucion {background-color: #0e0b26;padding: 80px 0px 0px 0px;}
.SectionEvolucion h3 {text-align: center;margin: 30px auto;line-height: 40px;text-transform: uppercase;font-size: 36px;color: #00b0a5;font-weight: 600;}
.SectionEvolucion .contenedor p {font-size: 20px;color: #fff;line-height: 33px;width: 80%;margin: 30px auto 60px auto;text-align: center;text-transform: uppercase;position: relative;}
.CarrEvolucion {  }
.CarrEvolucion .owl-nav {  }
.CarrEvolucion .owl-nav .owl-prev {  }
.CarrEvolucion .owl-nav .owl-next {  }
.CarrEvolucion .owl-nav div:hover {  }
.CarrEvolucion .owl-dots {width: fit-content;margin: 0px auto;height: 35px;padding-bottom: 40px;}
.CarrEvolucion .owl-dots .owl-dot {width: 20px;height: 20px;background-color: #fff;margin: 5px;float: left;border-radius: 50%;}
.CarrEvolucion .owl-dots .owl-dot:hover, .CarrEvolucion .owl-dots .owl-dot.active {background-color: #00ada3;}
.CarrEvolucion h4 {width: 70%;margin: 15px auto 30px auto;color: #fff;text-align: center;font-size: 26px;text-transform: uppercase;line-height: 26px;position: relative;}
.CarrEvolucion h4::before {content: '';border: 1px solid #02b0a5;width: 100%;position: absolute;bottom: -13px;left: 0%;}
.CarrEvolucion h4 span {font-weight: 200;display: block;font-size: 16px;line-height: 20px;}
.CarrEvolucion p {width: 60%;margin: 15px auto;font-size: 18px;text-align: center;font-weight: 400;color: #00b0a5;line-height: 22px;text-transform: uppercase;}
.CarrEvolucion img {margin: 30px 0px;}

.Enfoque-01 {background: #5F28B2;background: radial-gradient(circle,rgba(95, 40, 178, 1) 0%, rgba(14, 11, 38, 1) 100%);padding: 80px 0px 120px 0px;}
.Enfoque-01 h2 {color: #00b0a5;text-align: center;font-size: 30px;text-transform: uppercase;line-height: 40px;width: 70%;margin: 30px auto;}
.Enfoque-01 h2 span {  }
.Enfoque-01 p {font-size: 20px;color: #fff;line-height: 33px;width: 60%;margin: 30px auto 60px auto;text-align: center;text-transform: uppercase;position: relative;}
.Enfoque-01 > div > p::before {content: '';border: 1px solid #02b0a5;width: 80%;position: absolute;bottom: -10px;left: 10%;}
.Enfoque-01 h2 strong {  }
.Enfoque-01 .col3 > li:nth-child(5) {margin-left: 16.665%;}
.Enfoque-01 h3 {color: #00b0a5;text-align: left;font-size: 30px;text-transform: uppercase;line-height: 40px;width: 80%;margin: 30px 0px;}
.Enfoque-01 h4 {width: calc(100%  - 30px);margin: 15px;color: #00b0a5;text-align: center;font-size: 20px;text-transform: uppercase;line-height: 30px;}
.Enfoque-01 img {width: 70%;margin: 15px auto;}
.Enfoque-01 .col2 p { font-size: 20px; width: 80%; margin: 30px 0px; color: #fff; line-height: 33px; text-align: left; }
.Enfoque-01 .col3 p {width: calc(100%  - 30px);margin: 15px;font-size: 18px;text-align: center;font-weight: 400;color: #fff;line-height: 26px;}

.ContactoCallto {padding: 120px 0px;background-color: #0e0b26;}
.ContactoCallto h3 {color: #00b0a5;text-align: left;font-size: 30px;text-transform: uppercase;line-height: 40px;width: 80%;margin: 30px 0px;}
.ContactoCallto p {font-size: 20px;width: 80%;margin: 30px 0px;color: #fff;line-height: 33px;text-align: left;text-transform: uppercase;position: relative;}

.SectionProyectos {background: #00B0A5;background: linear-gradient(90deg,rgba(0, 176, 165, 1) 0%, rgba(95, 40, 178, 1) 63%);padding: 90px 0px;}
.SectionProyectos h3 {width: 70%;text-align: center;margin: 10px auto;line-height: 40px;text-transform: uppercase;font-size: 36px;color: #fff;font-weight: 600;}
.CalltoProyectos {background: #0e0b26;padding: 70px 0px;}
.CalltoProyectos h3 {width: 40%;text-align: center;margin: 10px auto;line-height: 40px;text-transform: uppercase;font-size: 36px;color: #fff;font-weight: 300;}
.CalltoProyectos h3 span {font-weight: 800;}

#FormPal ::placeholder { color: #000;font-family: 'Montserrat';  }
#FormPal {width: calc(100% - 30px);margin: 15px;}
#FormPal textarea {height: 100px;width: calc(100% - 14px);padding-left: 9px;border: 1px solid #fff;background-color: #fff;font-size: 14px;font-weight: 600;color: #000;font-family: 'Montserrat';}
#FormPal input {height: 30px;width: calc(100% - 14px);padding-left: 9px;border: 1px solid #fff;background-color: #fff;font-size: 14px;font-weight: 600;color: #000;}
#FormPal input#SubmitPal {width: 140px;height: 40px;font-size: 16px;text-transform: uppercase;color: #fff;background-color: #00b0a5;border: 0px;}
#FormPal input#SubmitPal:disabled, #FormPal input#SubmitPal:hover {  }

.CoverModelo {
   width: calc(100% - 30px);
   margin: 15px;
   overflow: hidden;
   height: auto;
   /* aspect-ratio: 3 / 4; */
   position: relative;
}

.CoverModelo:hover .OverlayModelo {
   opacity: 1;
}

.OverlayModelo {
   background-color: rgb(169 147 120 / 80%);
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: 1;
   opacity: 0;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.OverlayModelo h3 {
   text-transform: uppercase;
   text-align: center;
   font-weight: 200;
   font-size: 34px;
   margin: 20px calc(50% - 100px) 0px calc(50% - 100px);
   width: 200px;
   color: #fff;
}

.OverlayModelo h4 {
   font-size: 18px;
   text-align: center;
   text-transform: uppercase;
   color: #fff;
   line-height: 1rem;
   margin: 0px calc(50% - 100px);
   width: 200px;
   font-weight: 200;
}

.OverlayModelo h4 span {
   font-size: 130px;
   display: block;
   line-height: 80px;
   margin: -20px 0px 30px 0px;
   font-weight: 600;
}

.CoverModelo img {width: calc(100% - 30px) !important;height: auto;margin: 15px;}

.HomeSectionThird {padding: 70px 0px 30px 0px;}
.menu-amenidades {width: 400px;position: absolute;z-index: 10;background-color: rgb(255 255 255 / 90%);right: 30px;top: 30px;}
.menu-amenidades .full {width: calc(100% - 40px);float: left;padding: 0px 20px;background-color: #0c293d;}
.menu-amenidades2 h3, .menu-amenidades h3 {font-size: 16px;line-height: 16px;text-transform: uppercase;text-align: center;margin: 0px;padding: 6px 0px;color: #fff;}
.menu-amenidades2 .mitad, .menu-amenidades .mitad {width: calc(50% - 40px);float: left;padding: 10px 20px;}
.menu-amenidades2 .mitad p, .menu-amenidades .mitad p {font-size: 10px;line-height: 16px;margin: 10px 0px;font-weight: 600;color: #0c293d;}
.menu-amenidades2 .mitad span, .menu-amenidades .mitad span {font-weight: 800;padding-right: 5px;}
.menu-amenidades2 {width: 400px;position: absolute;z-index: 10;background-color: rgb(255 255 255 / 90%);right: 30px;bottom: 70px;}
.menu-amenidades2 .full {width: calc(100% - 40px);float: left;padding: 0px 20px;background-color: #ff5721;}

.MapaAmenidades {margin: 50px 0px;background-color: aliceblue;}
.MapaAmenidades .ConteMapa {width: 1200px;height: 100%;aspect-ratio: 16 / 8;margin: 0px auto;position: relative;}
.MapaAmenidades .ContePuntos {width: 1200px;height: 100%;position: absolute;}
.MapaAmenidades .ConteMapa img {width: 100%;height: 100%;position: relative; }
.MapaAmenidades .ConteMapa a {width: 20px;height: 20px;background-color: #0c293d;border-radius: 50%;position: absolute;text-align: center;color: #fff;font-size: 13px;line-height: 20px;z-index: 10;}
.MapaAmenidades .ConteMapa a::before {content: '';position: absolute;width: 28px;height: 28px;background-color: rgb(12 41 61 / 50%);z-index: -1;left: -4px;top: -4px;border-radius: 50%;}
.HomeSectionThird .Decoracion {width: 100%;height: 100%;position: relative;}

.HomeSectionThird .Decoracion::after {
   content: '';
   position: absolute;
   width: calc(93% - 20px);
   border-bottom: 10px solid #7ec7e0;
   border-left: 10px solid #7ec7e0;
   border-right: 10px solid #7ec7e0;
   height: calc(100% - 10px);
   bottom: -6%;
   right: calc(12% - -10px);
   z-index: -1;
}

.HomeSectionThird .Decoracion::before {
   content: '';
   position: absolute;
   width: calc(93% - 20px);
   border-top: 10px solid #7ec7e0;
   border-right: 10px solid #7ec7e0;
   height: 10%;
   top: 6%;
   right: calc(12% - -10px);
}

.HomeSectionThird img {
   width: 90%;
   height: auto;
   margin: 0px auto;
}
.notdecored img {width: calc(100% - 30px);margin: 15px;height: auto;}
.HomeSectionThird p {
   text-align: center;
   color: #0c293d;
   width: 100%;
   margin: 50px auto 30px auto;
   font-size: 2rem;
   line-height: 3rem;
}

.HomeSectionThird p.isSmall {
   text-align: left;
   font-size: 16px;
   line-height: 1.8;
   margin: 30px 0px;
   width: 80%;
}
.notdecored p.isSmall {
   width: calc(100% - 30px);
   margin: 30px 15px;
   text-align: left;
   }
.HomeSectionThird p strong {
}

.HomeSectionThird a {
   font-size: 1.4rem;
   text-align: center;
   width: 230px;
   margin: 50px auto 10px auto;
   line-height: 40px;
   background-color: #a99378;
   border-radius: 20px;
   color: #fff;
   text-transform: uppercase;
}

.HomeSectionThird a:hover {
}

.HomeSectionThird h1 {
   font-size: 3.5rem;
   line-height: 4rem;
   font-weight: 200;
   font-family: "Playfair", serif;
   padding-right: 110px;
   color: #0c293d;
}

.HomeSectionThird h1 span {
   color: #7ec7e0;
   font-size: 8rem;
   display: block;
   line-height: 7rem;
}

.HomeSectionThird h1 strong {
}
.HomeSectionThird h3 {
   width: 90%;
   font-size: 24px;
   color: #7ec7e0;
   margin: 20px 0px;
}
.HomeSectionThird h4 {
   width: 500px;
   font-size: 44px;
   color: #0c293d;
   margin: 20px 0px;
   line-height: 1.3;
}
.HomeSectionThird h4 span {
   font-style: italic;
}
.CalltoMapa {  }
.CalltoMapa .FloatMapa {width: 400px;height: 160px;position: absolute;z-index: 1;background-color: rgb(12 41 61 / 95%);padding: 20px 10px 20px 40px;top: 30px;right: 30px;}
.CalltoMapa .Maps {position: relative;}
.CalltoMapa .DatosContacto {  }

.HomeSectionContact { background-color: #a99378;padding: 80px 0px 200px 0px; }
.HomeSectionContact img {width: 100%;position: absolute;bottom: 0px;left: 0%;pointer-events: none;z-index: -1;}
.HomeSectionContact h3 {
   font-size: 48px;
   line-height: 50px;
   font-weight: 200;
   color: #0c293d;
   font-family: "Playfair", serif;
   padding-right: 100px;
   width: 70%;
   font-weight: 600;
}

.HomeSectionContact h4 {
   font-size: 3rem;
   margin: 30px 0px 50px 0px;
   color: #fff;
}

.HomeSectionContact .DatosContacto {margin: 30px 0px 30px 20px;}
.DatosContacto p {color: #fff;font-size: 20px;width: 300px;text-align: left;line-height: 26px;margin: 10px 0px 30px 0px;}
.DatosContacto a {color: #fff;font-size: 16px;text-align: left;line-height: 30px;margin: 0px 0px 0px 0px;}
.DatosContacto a:hover {  }
   
.HomeSectionContact.Contacto #FormHome {
   margin: 30px auto;
   width: 600px;
}

.HomeSectionContact.Contacto h4 {
   text-align: center;
}

#FormHome ::placeholder {
   color: #0e0b26;
   font-family: 'Montserrat', serif;
   font-size: 12px;
   font-weight: 600;
}
.SectionContacto {background-color: #0e0b26;padding: 80px 0px;}
.SectionContacto h4 {font-size: 28px;text-align: left;width: 90%;text-transform: uppercase;line-height: 34px;margin: 30px 0px;color: #00b0a5;}
.SectionContacto h4 span {font-size: 22px;display: block;line-height: 30px;margin: 10px 0px;color: #fff;}
.SectionContacto img {width: 150px;height: auto;margin: 30px 0px;animation-name: floating;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-delay: 2s;}
.SectionContacto h3 {font-size: 30px;text-align: left;width: 40%;text-transform: uppercase;line-height: 40px;margin: 30px 0px;color: #00b0a5;}
.SectionContacto p {text-align: left;font-size: 16px;width: 80%;color: #fff;text-transform: uppercase;font-weight: 400;font-family: 'Montserrat';}
.SectionContacto li:nth-child(1) > p:nth-child(3){margin-bottom: 90px;}
#FormHome {
   width: calc(100% - 50px);
   margin: 30px auto;
}

#FormHome input {
   background-color: #fff;
   color: #00b0a5;
   border: 1px solid #fff;
   width: calc(100% - 24px);
   padding-left: 10px;
   padding-bottom: 5px;
   font-size: 16px;
   height: 30px;
   margin: 0px 5px;
   border-radius: 5px;
}

#FormHome textarea {
   background-color: #fff;
   color: #00b0a5;
   font-family: 'Montserrat', serif;
   font-size: 12px;
   font-weight: 600;
   border: 1px solid #fff;
   width: calc(100% - 24px);
   padding-left: 10px;
   padding-bottom: 5px;
   resize: none;
   height: 100px;
   padding-top: 10px;
   margin: 0px 5px;
   border-radius: 5px;
}

#FormHome input#submitFormHome {
   border: 0px;
   width: 100px;
   background-color: #00b0a5;
   height: 30px;
   color: #fff;
   cursor: pointer;
   float: right;
   line-height: 30px;
   font-size: 12px;
   text-transform: uppercase;
   margin: 5px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

#FormHome input#submitFormHome:disabled, #FormHome input#submitFormHome:hover {width: 130px;background-color: #5f28b2;}

/*********************** CONTACTO ***********************/
.full {width: 100%;float: left;}
.doble {width: 50%;float: left;}

/*********************** FOOTER ***********************/
.UltimasNoticias {padding: 80px 0px;}
.UltimasNoticias h2 {text-align: center;font-size: 44px;margin: 30px auto 50px auto;line-height: 50px;color: #0c293d;width: 400px;background-color: #fff;position: relative;}
.UltimasNoticias::before {content: '';width: calc(100% - 2px);position: absolute;border: 1px solid #a99378;top: 140px;left: 0px;}
.UltimasArticulo {width: calc(100% - 20px);margin: 10px;}
.UltimasArticulo .FeatUltimas {width: calc(50% - 20px);height: auto;aspect-ratio: 3 / 3;float: left;background-position: center center;background-repeat: no-repeat;background-size: cover;margin-right: 20px;}
.UltimasArticulo .TextUltimas {width: 50%;float: left;}
.UltimasArticulo .TextUltimas h3 {margin: 0px;font-size: 18px;line-height: 24px;}
.UltimasArticulo .TextUltimas p {font-size: 14px;text-align: left;margin: 10px 0px;}
.UltimasArticulo .TextUltimas a {text-align: center;width: 100px;background-color: #0c293d;padding: 6px 0px;margin: 10px 0px 0px 0px;color: #fff;font-size: 12px;}

footer {
   background-color: #0e0b26;
   padding: 40px 0px 20px 0px;
   background-image: url('../img/back-footer-divhey.jpg');
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}
.LogoFoot {width: 200px;margin: 20px 0px 0px 0px;}
.col3Foot {padding: 30px 0px 40px 0px;}
footer .col3Foot::before {content: '';border: 1px solid #fff;position: absolute;width: calc(100% - 220px);margin: 0px 0px;right: 0px;top: 0px;}
footer .col3Foot::after {content: '';border: 1px solid #fff;position: absolute;width: 100%;margin: 0px 0px;bottom: 10px;left: 0px;}

footer .ContFoot {
   margin: 0 auto;
   width: 600px;
}
footer .Datos p {
   color: #fff;
   text-align: left;
   font-size: 16px;
   margin: 10px 0px;
   width: 90%;
   text-transform: uppercase;
}
footer .ContFoot a {
   width: calc(50% - 20px);
   float: left;
}
footer .Social {width: fit-content;margin: 20px auto 5px auto;}
footer .Social a {width: 50px;height: 50px;font-size: 34px;border-radius: 15px;line-height: 50px;float: left;margin: 10px 10px;text-align: center;/* color: #0e0b26; *//* background-color: #fff; *//* border-radius: 50%; */}
footer .Social a:hover {/* color: #a99378; */}
footer .ContFoot a:nth-child(1) {
   text-align: right;
   padding-right: 20px;
   position: relative;
}

footer .ContFoot a:nth-child(1)::before {
   content: ' | ';
   position: absolute;
   width: 20px;
   text-align: center;
   right: -10px;
}

footer .ContFoot a:nth-child(2) {
   text-align: left;
   padding-left: 20px;
}

footer nav {
   /* width: 380px; */
   /* margin: 0px auto; */
}

footer nav a {
   text-align: left;
   color: #fff;
   margin: 10px 0px;
   text-transform: uppercase;
}

footer a:hover {/* color: #a99378; */}
footer .Copy a {
   text-align: center;
   color: #fff;
   font-size: 14px;
   line-height: 20px;
   border: none;
   padding: 0px;
   width: fit-content;
   margin: 10px auto;
   }
footer .Copy p {
   text-align: center;
   color: #fff;
   font-size: 10px;
   line-height: 10px;
   margin: 0px 0px 0px 0px;
   border: none;
   padding: 0px;
}

/*********************** MODELOS ***********************/
.ModelosSectionCall {background-color: #a99378;padding: 100px 0px;}
.ModelosSectionCall h2 {color: #fff;text-align: center;font-size: 48px;line-height: 56px;width: 80%;margin: 10px auto;}
.ModelosSection { padding: 80px 0px; }
.ModelosSection h2 { font-family: "Playfair", serif; color: #a99378; text-transform: uppercase; font-size: 90px; line-height: 90px; margin: 0px; width: 100%; position: relative; }
.ModelosSection h2::before { content: ''; border-bottom: 2px solid #a99378; position: absolute; width: 62%; top: 41px; right: 0; }
.ModelosSection > div > p {font-size: 20px;line-height: 26px;width: 80%;color: #0c293d;font-weight: 400;margin-bottom: 80px;}
.ConteMenuModelos { margin: 50px 0px 0px 0px; }
.BotonMenuModelos {width: calc(20% - 10px);float: left;margin: 5px;position: relative;}
.ConteMenuModelos .BotonMenuModelos:nth-child(1)::after { display: none }
.BotonMenuModelos::after { content: ''; position: absolute; height: calc(100% - 2px); border-right: 2px solid; top: 0px; left: -6px; }
.BotonMenuModelos a {text-align: center;padding: 10px;font-size: 20px;text-transform: uppercase;font-weight: 600;color: #0c293d;line-height: 20px;width: fit-content;margin: 0px auto;border-bottom: 2px solid #fff;}
.BotonMenuModelos a:hover {border-bottom: 2px solid #0c293d;}
.ConteColModel { margin: 60px 0px 40px 0px; }
.ConteColModel .ColModel { float: left; width: 50%; }
.ConteColModel .ColModel:nth-child(2) { width: 50%; }
.ConteColModel .ColModel:nth-child(3) { width: 100%; }
.ConteModel {width: 90%;margin: 10px auto;}
.ConteModel ul li, .ConteModel ol li {font-size: 17px;line-height: 20px;margin: 10px 0px;}
.ConteModel ul, .ConteModel ol {margin-bottom: 30px;}
.ConteModel ul { padding: revert;margin: revert;list-style: revert; }
.ConteModel ul li {  }
.ColModel h3 { font-size: 34px;position: relative;color: #0c293d;width: 100%;border-bottom: 2px solid;padding-bottom: 10px;line-height: 40px;margin-bottom: 50px;}
.ColModel h3 span { font-size: 30px;display: block;text-align: right;position: absolute;right: 0px;color: #a99378; }
.FeatModel { width: calc(100% - 20px);margin: 10px; }
.FeatModel img {width: calc(100% - 30px) !important;margin: 0px 15px;height: auto;}
.ConteAmeni { width: 90%; }
.ConteAmeni p {  }
.ConteUbicacion { width: calc(100% - 20px);margin: 30px 10px; }
.ConteUbicacion img {width: 30% !important;margin: 0px 10% !important;float: left;height: auto;}
.Ubicacion { width: 50%;float: left; }
.Ubicacion p {  }
.DescModelo { width: 50%;float: right; }
.DescModelo p {margin: 10px 0px;}
.Disclaimer {width: 90%;margin-left: 10%;}
.Disclaimer p {text-align: right;font-size: 14px;}
.AmeniSectionThird .col2mixW {margin: 170px 0px 80px 0px;}
.AmeniSectionThird .col2mixW h4 {color: #7ec7e0;font-size: 100px;line-height: 1;margin: 10px 0px;text-align: right;padding-right: 40px;font-weight: 200;}
.AmeniSectionThird .col2mixW h4 span {display: block;font-size: 60px;line-height: 1;}
.AmeniSectionThird .owl-dots {width: 300px;margin: 20px auto;position: relative;}
.AmeniSectionThird .owl-dots a {line-height: 20px;font-size: 18px;margin: 10px auto;font-weight: 500;}
.AmeniSectionThird .owl-dots a:hover {color: #7ec7e0;}
.AmeniSectionThird {padding: 80px 0px;}
.CarruselModelos .owl-nav , .Modelos .owl-nav , .Amenidades .owl-nav {width: fit-content;margin: 0px auto 30px auto;float: right;}
.CarruselModelos .owl-nav .owl-prev , .Modelos .owl-nav .owl-prev , .Amenidades .owl-nav .owl-prev {width: 30px;height: 40px;font-size: 20px;line-height: 40px;text-align: center;border: 2px solid #0c293d;color: #0c293d;float: left;margin: 0px 10px;}
.CarruselModelos .owl-nav .owl-next , .Modelos .owl-nav .owl-next , .Amenidades .owl-nav .owl-next {width: 30px;height: 40px;font-size: 20px;line-height: 40px;text-align: center;border: 2px solid #0c293d;float: left;margin: 0px 10px 0px 0px;color: #0c293d;}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {border: 2px solid #a99378;color: #fff;background-color: #0c293d}
.Amenidades img  { height: auto; aspect-ratio: 3 / 5; }
.Amenidades .CoverAmenidad {width: calc(100% - 20px);margin: 10px;aspect-ratio: 3 / 4;}
.Amenidades .CoverAmenidad:hover .Overlaymenidad {background-color: rgb(12 41 61 / 20%);}
.Amenidades .Overlaymenidad {  }
.Amenidades .Overlaymenidad {background-color: rgb(12 41 61 / 50%);background-blend-mode: multiply;position: absolute;z-index: 1;width: calc(100% - 20px);height: calc(100% - 20px);left: 10px;margin: 0px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;background-position: center;background-size: cover;background-repeat: no-repeat;}
.Amenidades .Overlaymenidad h3 {width: 50%;position: absolute;left: 0px;font-size: 30px;line-height: 1;text-align: left;padding-left: 30px;color: #fff;margin: 20px 0px;}
.Amenidades .Overlaymenidad img {width: 140px !important;height: 140px !important;margin: 10px;position: absolute;right: 0px;bottom: 0px;}
.AmeniSectionThird .Amenidades .owl-dots {width: auto;float: left;margin: 0px 10px;}
.AmeniSectionThird .Amenidades .owl-dots .owl-dot {width: 20px;height: 20px;float: left;background-color: #0c293d;margin: 5px;}
.AmeniSectionThird .Amenidades .owl-dots .owl-dot:hover, .AmeniSectionThird .Amenidades .owl-dots .owl-dot.active {background-color: #a99378;}
.Circle {  }

/*.CalltoSections {background-color: #0c293d;padding: 100px 0px;}*/
/*.CalltoSections h3 {text-align: center;color: #fff;font-size: 48px;line-height: 54px;margin: 30px auto;width: 90%;}*/
/*.CalltoSections a {width: 310px;padding: 10px 0px;color: #fff;background-color: #a99378;border-radius: 20px;text-align: center;margin: 50px auto 30px auto;text-transform: uppercase;font-size: 14px;}*/
.CalltoSections {background-color: #0c293d;padding: 100px 0px;}
.CalltoSections h3 {text-align: center;color: #fff;font-size: 32px;line-height: 38px;margin: 30px auto;width: 90%;font-weight: 600;}
.CalltoSections h3 span {font-weight: 800;font-size: 70px;display: block;line-height: 100px;}
.CalltoSections a {width: 310px;padding: 10px 0px;color: #fff;background-color: #a99378;border-radius: 20px;text-align: center;margin: 50px auto 30px auto;text-transform: uppercase;font-size: 14px;}

.ModelosGaleria {background-color: #fff;padding: 0px 0px;}
.GalModelos {  }
.GalModelos img {width: calc(100% - 10px) !important;margin: 5px auto;height: auto;}


/*********************** BLOG ***********************/
.ColBlogs li:nth-child(1) {
   width: 70%;
   float: left;
}

.ColBlogs li:nth-child(2) {
   width: calc(30% - 20px);
   float: left;
   padding: 0px 10px;
}

.ColBlogs.Tips li {
   width: 100%;
}

.Tips .DestacadaBlog {
   height: 350px;
}

.SmallSlider {height: 300px;position: relative;padding: 100px 0px 0px 0px;background-image: url('https://asterixco.com/Clientes/MarinaCostaBonita/img/Banner-01.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}

.SmallSlider h3 {line-height: 40px;font-size: 40px;color: #fff;text-align: center;width: 500px;margin: 190px calc(50% - 250px) 0px calc(50% - 250px);text-shadow: 0px 0px 10px rgba(0,0,0,.7);}

.Posts, .Blogs {
   padding: 60px 0px;
}

.Blogs h3 {
   font-size: 30px;
   text-transform: uppercase;
   line-height: 1;
   margin: 30px 0px 20px 0px;
   color: #413f3f;
   font-weight: 800;
}

/*.Blogs aside { width: calc(30% - 20px); padding: 0px 10px; float: left;}*/
.ContenidoFeed {
   margin: 20px 0px;
   background-color: rgba(255,255,255,.1);
   padding: 20px 0px
}

.SinResultados {
   margin: 20px 0px;
   background-color: rgba(255,255,255,.1);
   padding: 20px 0px;
   min-height: 350px;
}

.SinResultados p {
   padding-left: 20px;
   color: #454545;
}

.SinResultados p span {
   font-weight: 600
}

.SinResultados a {
   border-radius: 10px;
   width: 250px;
   padding: 10px 0px;
   margin-left: 20px;
   background-color: #0c293d;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   font-size: 14px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.SinResultados a:hover {
   width: 270px;
}

.DestacadaBlog {
   aspect-ratio: 2/ 1;
   height: auto;
   width: 100%;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   /* border: 2px solid #fff; */
   margin: 0 auto;
   /* box-shadow: 0px 0px 5px rgba(0,0,0,.4); */
   border-radius: 5px;
   position: relative;
   z-index: 0;
   cursor: pointer;
}

.Recuadro {
   background-color: #0c293d;
   position: absolute;
   bottom: 0px;
   width: calc(100% - 40px);
   padding: 15px 20px;
   z-index: 1;
   border-radius: 0px 0px 5px 5px;
}

.Fecha {
   width: 33.33%;
   float: left;
   font-size: 14px;
   color: #fff;
   line-height: 1;
   margin: 0px;
   text-align: center;
}

.CateBlog {
   width: 33.33%;
   float: left;
   font-size: 14px;
   line-height: 1;
   color: #fff;
   margin: 0px;
   text-align: center;
}

.Recuadro .Vistas {
   width: 33.33%;
   float: left;
   font-size: 14px;
   color: #fff;
   line-height: 1;
   margin: 0px;
   text-align: center;
}

.CateBlog .fa, .Fecha .fa, .Recuadro .Vistas .fa {
   margin-right: 5px;
}

.CateBlog:hover {
   color: #a99378;
}

.ContenidoFeed h4 {
   color: #0c293d;
   margin: 10px 20px 10px 0px;
   font-size: 20px;
   line-height: 1;
   text-transform: uppercase;
}

.DescripcionFeed p {
   font-size: 14px;
   line-height: 1.6;
   text-align: justify;
   text-align-last: left;
   /* width: 100%; */
}

.DescripcionFeed p em {
}

.DescripcionFeed ol {
   list-style: decimal;
   margin: 0px 10px;
   padding: 0px 20px;
}

.DescripcionFeed ul {
   list-style: initial;
   margin: 0px 10px;
   padding: 0px 20px;
}

.DescripcionFeed li {
   font-size: 14px;
   font-weight: 400;
   line-height: 1.6;
   text-align: justify;
   text-align-last: left;
   color: #0c293d;
   width: 100% !important;
   float: none !important;
}

.ContenidoFeed .VerMas {
   background-color: #0c293d;
   padding: 10px 0px;
   text-align: center;
   color: #fff;
   font-size: 14px;
   width: 200px;
   float: right;
   margin: 10px 20px 0px 20px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.ContenidoFeed .VerMas:hover, .ContenidoFeed .VerMas:disabled {
   width: 220px;
   background-color: #a99378;
}

.Autor {
   margin: 10px 20px 20px 20px;
   font-size: 14px;
   color: #fff;
   text-align: right;
   font-weight: 600;
}

.SideBarBlog h4 {
   color: #413f3f;
   font-size: 26px;
   margin: 10px 0px;
   line-height: 1;
   font-weight: 600
}

#BuscarBlog input {
   width: calc(70% - 10px);
   height: 40px;
   padding-left: 10px;
   -webkit-appearance: textfield;
   border: 1px solid #0c293d;
   background-color: rgba(255,255,255,.8)
}

#BuscarBlog input#SearchBlog {
   background-color: #0c293d;
   width: 30%;
   border: none;
   position: relative;
   top: -1px;
   color: #fff;
   font-size: 11px;
   line-height: 1;
   cursor: pointer;
   padding-left: 0px;
   text-transform: uppercase;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

#BuscarBlog input#SearchBlog:hover {
   background-color: #0c293d;
}

.Sidebar a:first-child {
   margin-top: 10px;
}

.Sidebar span {
   font-family: 'Montserrat', sans-serif;
   font-weight: 600;
}
.Sidebar span svg {
   left: 14px;
   bottom: 12px;
   position: absolute;
}

.Sidebar a {
   font-size: 12px;
   padding: 10px 10px 10px 30px;
   position: relative;
   display: block;
   color: #fff;
   background-color: #0c293d;
   margin-bottom: 2px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.Sidebar a::before {
   /* content: "\f054"; */
   /* font-size: 8px; */
   /* position: absolute; */
   /* left: 14px; */
   /* bottom: 12px; */
   /* -webkit-transition: all .5s ease; */
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   /* transition: all .5s ease; */
}

.Sidebar a:hover::before {
   left: 20px;
}

.Sidebar a.activo {
   background-color: #a99378;
   color: #fff;
}

.Sidebar a:hover {
   background-color: #a99378;
   padding: 10px 10px 10px 35px;
   color: #fff;
}

.Share {
   border-bottom: 1px solid #fff;
   border-top: 1px solid #fff;
   padding: 10px 0px;
   width: 80%;
   margin: 0 auto;
}

.Share h5 {
   text-align: center;
   font-size: 16px;
   line-height: 1;
   margin: 0px;
   color: #0c293d;
   text-transform: uppercase;
}

.ShareContent {
   width: 300px;
   margin: 20px auto;
   background-color: rgba(0,0,0,.2);
   border-radius: 5px;
}

.ShareContent a {
   width: calc(25% - 10px);
   float: left;
   margin: 5px;
   background-color: rgba(255,255,255,.5);
   text-align: center;
   padding: 10px 0px;
   color: #0c293d;
}

.ShareContent a:hover {
   background-color: rgba(255,255,255,.8)
}

.Resultados-titulo {
   font-size: 16px;
   color: #454545;
   line-height: 1;
}

.Resultados-titulo span {
   font-weight: 600
}

.RecientesHome {
   padding: 30px 0px;
   background-color: #a99378;
}

.RecientesHome .DestacadaBlog {
   height: 250px
}

.RecientesHome h3 {
   width: 400px;
   margin: 10px auto;
   text-align: center;
   font-size: 30px;
   color: #fff;
   line-height: 1;
}

.RecientesHome .ContenidoFeed {
   width: calc(100% - 20px);
   margin: 10px;
   background-color: inherit;
}

.RecientesHome .ContenidoFeed h4 {
   font-size: 18px;
   text-align: center;
   color: #fff;
}

.RecientesHome .ContenidoFeed .VerMas {
   float: none;
   margin: 15px auto;
   background-color: #0c293d;
}

.RelatedPost {
   padding: 30px 0px;
   background-color: #e8e8e8;
}

.RelatedPost h3 {
   color: #363436;
   margin: 10px 0px;
   text-align: center;
   font-size: 30px;
   line-height: 1;
   text-transform: uppercase;
}

.CoverRelated:hover .DestRelated {
   background-blend-mode: multiply;
   background-color: rgba(0,0,0,.3);
}

.DestRelated {
   height: 200px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   border: 2px solid #fff;
   border-radius: 5px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.CoverRelated {
   width: calc(95% - 10px);
   margin: 10px auto;
   padding: 5px;
}

.CoverRelated h4 {
   text-align: center;
   color: #363436;
   text-transform: uppercase;
   margin: 10px 0px;
   font-size: 16px;
}

.CoverRelated .ReadMore {
   background-color: #0c293d;
   width: 140px;
   margin: 0 auto;
   padding: 5px 0px;
   color: #fff;
   text-align: center;
   font-size: 14px;
   /* border-radius: 10px; */
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.CoverRelated .ReadMore:hover {
   width: 160px;
}

.RecientesHome.Tips {
   background-color: #f5f5f5;
}

.RecientesHome.Tips h3 {
   color: #0c293d;
}

.RecientesHome.Tips .ContenidoFeed h4 {
   color: #a99378;
}

.Comentar {
   width: 100%;
   margin: 0px auto;
   background-color: #0c293d;
   padding: 10px 0px;
}

#Comments {
   background-color: rgba(255, 255, 255, .9);
   width: calc(80% - 20px);
   padding: 10px;
   margin: 30px auto 30px auto;
   border-radius: 10px;
}

#Comments .Titulo {
   text-align: center;
   font-size: 16px;
   line-height: 1;
   margin: 10px 0px 10px 0px;
   font-weight: bolder;
   color: #a99378;
   text-transform: uppercase;
}

#Comments textarea {
   width: calc(100% - 14px);
   border: 1px solid #3d3f40;
   background-color: rgba(0,0,0,0);
   height: 70px;
   padding-top: 10px;
   padding-left: 10px;
   color: #3d3f40;
   resize: none;
   font-family: 'Roboto', sans-serif;
}

#Comments input:nth-child(2) {
   margin-right: 10px;
}

#Comments input {
   height: 25px;
   padding-left: 10px;
   border: 1px solid #3d3f40;
   background-color: rgba(0,0,0,0);
   color: #3d3f40;
   width: calc(50% - 19px);
   float: left;
}

#Comments input#submitComment {
   width: 150px;
   padding-left: 0px;
   cursor: pointer;
   height: 25px;
   color: #fff;
   background-color: #a99378;
   border: none;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

#Comments input#submitComment:hover, #Comments input#submitComment:disabled {
   width: 160px
}

.Subtitulo {
   text-align: left;
   font-size: 16px;
   line-height: 1;
   margin: 20px 0px;
   font-weight: 500;
   color: #fff;
   text-transform: uppercase;
}

.ComentarioCont {
   width: 80%;
   margin: 0 auto
}

.Comentario {
   background-color: rgb(232 232 232);
   border-radius: 10px;
   padding: 10px 10px 20px 10px;
   margin: 10px 0px;
   width: calc(100% - 20px);
}

.Comentario p {
   font-size: 14px;
   line-height: 1;
   margin: 5px 15px;
   background-color: rgba(255, 255, 255, 1);
   color: #000;
   padding: 10px;
   border-radius: 5px;
   position: relative;
}

.Comentario .FechaComment {
   color: #0c293d;
   font-size: 10px;
   position: absolute;
   bottom: -15px;
   left: 10px;
}

.Comentario .TituComment, .Respuesta .TituComment {
   margin: 5px 0px;
   font-size: 14px;
   color: #0c293d;
   line-height: 1;
   font-weight: 600;
}

.Respuesta {
   width: 70%;
   float: right;
   text-align: right;
}

.Respuesta p {
   text-align: left;
   text-align-last: left;
}

.Respuesta .FechaComment {
   right: 10px;
   left: initial;
}

/*********************** PAGINADOR BLOG ***********************/
.pagination {
   padding-left: 0;
   border-radius: 4px;
   margin: 20px auto;
   display: table;
   width: 100%;
   display: table;
}

.pagination > li {
   display: inline;
   width: auto!important;
   padding: 0!important;
   float: none !important;
}

.pagination > li > a, .pagination > li > span {
   position: relative;
   float: left;
   padding: 6px 12px;
   margin-left: -1px;
   line-height: 1.42857143;
   color: #0c293d;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
   margin-left: 0;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
   z-index: 2;
   color: #0c293d;
   background-color: #eee;
   border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
   z-index: 3;
   color: #fff;
   cursor: default;
   background-color: #0c293d;
   border-color: #0c293d;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
   color: #777;
   cursor: not-allowed;
   background-color: #fff;
   border-color: #ddd;
}

.pagination-lg > li > a, .pagination-lg > li > span {
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
}

.pager {
   padding-left: 0;
   margin: 20px 0;
   text-align: center;
   list-style: none;
}

.pager li {
   display: inline;
}

.pager li > a, .pager li > span {
   display: inline-block;
   padding: 5px 14px;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 15px;
}

.pager li > a:hover, .pager li > a:focus {
   text-decoration: none;
   background-color: #eee;
}

.pager .next > a, .pager .next > span {
   float: right;
}

.pager .previous > a, .pager .previous > span {
   float: left;
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
   color: #777;
   cursor: not-allowed;
   background-color: #fff;
}

@media screen and (min-width: 10px) and (max-width: 479px) {
   .col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col3 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col6 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col3Foot li:nth-child(1), .col3Foot li:nth-child(2), .col3Foot li:nth-child(3) { width: 100%; float: left; }
   .col2mix li:nth-child(even), .col2mix li:nth-child(odd), .col2mixW li:nth-child(even), .col2mixW li:nth-child(odd) { width: 100%; float: left; }
   
   .vertical-align { display: block; }
   footer .ContFoot, .contenedor { width: 95% }
   .onlymovil, .movil {display: block; }
   p { font-size: 14px; }
   .menu {/* display: none; */width: 20%;margin: 0px 0px;}
   .menu li:nth-child(1) { display: none; }
   .menu li:nth-child(2) a {border: 2px solid #a99378;width: calc(100% - 4px);margin: 25px auto 10px auto;font-size: 10px;line-height: 20px;border-radius: 10px;}
   .logo {width: 40%;margin: 0px;}
   .logo img {width: 110px;}
   .btn-movil { margin-top: 12px;margin-bottom: 12px; }
   .Submenu.Open {width: 100%;}
   .Submenu .logo {width: fit-content;}
   .Submenu .OpenMenu {width: 80%;margin: 30px auto;}
   .Submenu .OpenMenu li {padding: 15px 0px;}
   .Submenu .OpenMenu li a {font-size: 18px;}
   .MainSlider {  }
   .Slider {height: 80vh;}
   .HomeSlider {height: 80vh;}
   .ConFrase { top: 20%; }
   .ConFrase blockquote {font-size: 18px;line-height: 28px;width: 88%;margin-block-start: 2%;margin-block-end: 2%;margin-inline-start: 5%;margin-inline-end: 5%;}
   .ConFrase blockquote strong {width: 100%;font-size: 14px;line-height: 16px;margin: 5px 0px 20px 0px;}
   .ConFrase blockquote::before, .ConFrase blockquote::after {  }
   .Text {width: 70%;margin: 0px 15%;}
   .Text h2 {font-size: 22px;line-height: 30px;margin: 10px 0px;}
   .Text h2::before {width: 10px;height: 30px;left: -20px;top: 0px;}
   .Text h2 span {width: 100%;line-height: 20px;font-size: 15px;padding-left: 10px;}
   .TextContainer {width: 200px;margin: 0px calc(50% - 100px);top: auto;bottom: 120px;}
   #vid {width: auto;height: 100%;}
   .MainSlider .owl-nav {bottom: 5px;right: 5px;}
   .MainSlider .owl-nav .owl-next, .MainSlider .owl-nav .owl-prev {  }
   .MainSlider .owl-dots {right: 70px;bottom: 5px;}
   .MainSlider .owl-dots .owl-dot.active, .MainSlider .owl-dots .owl-dot:hover {  }
   .SmallSlider {height: 130px;}
   .SmallSlider h3 {width: 90%;margin: 40px 5% 0px 5%;font-size: 30px;text-transform: uppercase;line-height: 30px;}
   footer .ContFoot a {width: 100%;float: none;text-align: center;}
   footer .ContFoot a:nth-child(2), footer .ContFoot a:nth-child(1) {text-align: center;padding-left: 0px;}
   footer .ContFoot a:nth-child(1)::before {display: none;}
   footer nav {width: 50%;margin: 0 auto;}
   footer nav a {font-size: 12px;line-height: 18px;text-align: center;}
   footer .Datos p {text-align: center;margin: 10px auto;}
   footer .Social a {width: 40px;height: 40px;}
   footer .Copy p {  }
   .Inicio01 {padding: 30px 0px;}
   .counters {  }
   .counters .counter  {width: 200px;margin: 10px auto;font-size: 50px;}
   .counters .counter span  {  }
   .counters .counter p {font-size: 14px;}
   .CallBtn {padding: 5px 0px;font-size: 14px;}
   .CallBtn:hover {  }
   .CallBtn::before {  }
   .Inicio03 {  }
   .Inicio03 .CalltoAction {padding: 20px 0px;}
   .Inicio03 .CalltoAction h3 {width: 90%;margin: 0 auto;line-height: 20px;font-size: 20px;}
   .CalltoMarcas {aspect-ratio: 3 / 4;background-position: center bottom;background-size: 115%;background-color: #f4f3f8;}
   .CalltoMarcas .textBlock {width: 80%;padding: 5%;top: 5%;height: max-content;}
   .CalltoMarcas blockquote {line-height: 20px;font-size: 20px;margin-block-start: 3%;margin-block-end: 3%;margin-inline-start: 10%;margin-inline-end: 10%;}
   .CalltoMarcas blockquote::before, .CalltoMarcas blockquote::after {font-size: 60px;line-height: 30px;}
   .CalltoMarcas blockquote::before {font-size: 60px;line-height: 30px;}
   .CoverFallas h4 {font-size: 16px;line-height: 18px;width: calc(85% - 60px);height: 50px;padding: 16px 0px 4px 35px;}
   .CoverFallas h4::before {width: 30px;height: 70px;}
   .ELProblema-01 {padding: 50px 0px;}
   .ELProblema-01 h2 {width: 100%;margin: 20px auto;line-height: 30px;font-size: 28px;}
   .ELProblema-01 h3 {font-size: 18px;line-height: 20px;width: 80%;}
   .ELProblema-01 p {font-size: 14px;line-height: 20px;}
   .ELProblema-02 {padding: 30px 0px 0px 0px;}
   .ELProblema-02::before {width: 100%;height: 0%;}
   .ELProblema-02 h3 {width: 90%;position: relative;font-size: 20px;line-height: 22px;margin: 0px 5%;text-align: center;}
   .ELProblema-02 p {width: 90%;margin: 20px 5%;line-height: 20px;font-size: 14px;text-align: center;}
   .ELProblema-02 img {width: 60%;}

   .SectionEvolucion {padding: 30px 0px 0px 0px;}
   .SectionEvolucion h3 {margin: 20px auto;line-height: 30px;font-size: 24px;}
   .SectionEvolucion .contenedor p {font-size: 16px;line-height: 23px;margin: 20px auto 10px auto;}
   .CarrEvolucion .owl-dots {width: fit-content;margin: 0px auto;height: 35px;padding-bottom: 40px;}
   .CarrEvolucion .owl-dots .owl-dot {width: 20px;height: 20px;background-color: #fff;margin: 5px;float: left;border-radius: 50%;}
   .CarrEvolucion .owl-dots .owl-dot:hover, .CarrEvolucion .owl-dots .owl-dot.active {background-color: #00ada3;}
   .CarrEvolucion h4 {width: 80%;font-size: 22px;text-transform: uppercase;line-height: 26px;position: relative;}
   .CarrEvolucion h4::before {content: '';border: 1px solid #02b0a5;width: 100%;position: absolute;bottom: -13px;left: 0%;}
   .CarrEvolucion h4 span {font-weight: 200;display: block;font-size: 16px;line-height: 20px;}
   .CarrEvolucion p {width: 60%;margin: 15px auto;font-size: 18px;text-align: center;font-weight: 400;color: #00b0a5;line-height: 22px;text-transform: uppercase;}
   .CarrEvolucion img {margin: 30px 0px;}
   
   .Enfoque-01 {padding: 30px 0px;}
   .Enfoque-01 h2, .Enfoque-01 h3 {width: 100%;font-size: 24px;line-height: 30px;text-align: center;}
   .Enfoque-01 p {width: 90%;font-size: 18px;line-height: 24px;}
   .Enfoque-01 h3 {}
   .Enfoque-01 .col2 p {font-size: 18px;line-height: 24px;width: 90%;margin: 20px auto;text-align: center;}
   .Enfoque-01 img {  }
   .Enfoque-01 h4 {font-size: 18px;line-height: 20px;}
   .Enfoque-01 .col3 p {width: calc(80%  - 30px);font-size: 14px;text-align: center;line-height: 20px;margin: 15px auto;}
   .Enfoque-01 .col3 > li:nth-child(5) {margin-left: 0px;}

   .ContactoCallto {padding: 30px 0px;}
   .ContactoCallto h3 {width: 100%;text-align: center;font-size: 24px;line-height: 30px;}
   .ContactoCallto p {width: 90%;text-align: center;font-size: 18px;line-height: 20px;margin: 20px auto;}
   #FormHome textarea, #FormPal textarea {font-size: 12px;}
   #FormHome input#submitFormHome, #FormPal input#SubmitPal {font-size: 12px;margin: 10px auto;display: block;}
   #FormHome, #FormPal {  }
   #FormHome input, #FormPal input {font-size: 12px;}

   .SectionProyectos {padding: 40px 0px;}
   .SectionProyectos h3 {text-align: center;width: 100%;font-size: 24px;line-height: 34px;}
   .CalltoProyectos {padding: 30px 0px;}
   .CalltoProyectos h3 {width: 100%;font-size: 20px;line-height: 24px;}
   .SectionContacto {padding: 30px 0px 30px 0px;}
   .SectionContacto h3 {width: 100%;margin: 30px auto;text-align: center;font-size: 22px;line-height: 27px;}
   .SectionContacto img {margin: 15px auto 30px auto;width: 120px;}
   .SectionContacto p {text-align: center;margin: 20px auto;}
   .SectionContacto li:nth-child(1) > p:nth-child(3) {margin-bottom: 40px;}
   .SectionContacto h4 {width: 100%;font-size: 18px;line-height: 22px;text-align: center;}
   .SectionContacto h4 span {font-size: 16px;line-height: 20px;}
   .col2mix li:nth-child(odd)::before {width: 100%;height: 0px;bottom: 0px;top: auto;width: 90%;left: 5%;}
   
   
   .Posts, .Blogs {padding: 30px 0px;}
   .OpenSide {width: 70%;background-color: #0c293d;color: #fff;line-height: 30px;font-size: 16px;text-align: center;margin: 10px auto;padding: 10px 0px;}
   .CerrarSideBar {width: 40px;height: 40px;text-align: center;line-height: 40px;border: 2px solid #fff;position: fixed;bottom: 77%;right: 2%;background-color: #0c293d;color: #fff;}
   .ColBlogs li:nth-child(1) {width: 100%;}
   .ColBlogs li:nth-child(2) {width: 100%;padding: 0px;float: none;}
   .SideBarBlog {display: none;position: fixed;width: calc(90% - 20px);height: calc(70% - 20px);bottom: 10%;left: 5%;z-index: 999;background-color: #fff;padding: 10px;overflow: scroll;}
   .Overlay {display: none;width: 100%;height: 100%;left: 0%;bottom: 0%;position: fixed;background-color: rgb(0 0 0 / 40%);z-index: 998;}
   .ContenidoFeed h4 {text-align: center;font-size: 18px;text-transform: none;margin: 10px 0px 10px 0px;}
   .CalltoSections {padding: 50px 0px;}
   .CalltoSections h3 {font-size: 24px;line-height: 1.2;}
   .CalltoSections h3 span {font-size: 50px;line-height: 1;}
   .CalltoSections a {width: 250px;font-size: 12px;}
   .ConteMapa .menu-amenidades, .ConteMapa .menu-amenidades2 { display: none }
}

@media screen and (min-width: 480px) and (max-width: 680px) {
   .col2 li {float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
   .col3 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col5 li {float: left;width: 50%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
   .col6 li {float: left;width: 33.3%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
   .col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col3Foot li:nth-child(1), .col3Foot li:nth-child(2), .col3Foot li:nth-child(3) { width: 100%; float: left; }
   .col2mix li:nth-child(even), .col2mix li:nth-child(odd), .col2mixW li:nth-child(even), .col2mixW li:nth-child(odd) { width: 100%; float: left; }
   
   .vertical-align { display: block; }
   footer .ContFoot, .contenedor { width: 95% }
   .onlymovil, .movil {display: block; }
   p { font-size: 14px; }
   .menu {/* display: none; */width: 20%;margin: 0px 0px;}
   .menu li:nth-child(1) { display: none; }
   .menu li:nth-child(2) a {border: 2px solid #a99378;width: calc(100% - 4px);margin: 25px auto 10px auto;font-size: 10px;line-height: 20px;border-radius: 10px;}
   .logo {width: 40%;margin: 0px;}
   .logo img {width: 110px;}
   .btn-movil { margin-top: 12px;margin-bottom: 12px; }
   .Submenu.Open {width: 100%;}
   .Submenu .logo {width: fit-content;}
   .Submenu .OpenMenu {width: 80%;margin: 30px auto;}
   .Submenu .OpenMenu li {padding: 15px 0px;}
   .Submenu .OpenMenu li a {font-size: 18px;}
   .MainSlider {  }
   .Slider {height: 80vh;}
   .HomeSlider {height: 80vh;}
   .ConFrase { top: 20%; }
   .ConFrase blockquote {font-size: 18px;line-height: 28px;width: 88%;margin-block-start: 2%;margin-block-end: 2%;margin-inline-start: 5%;margin-inline-end: 5%;}
   .ConFrase blockquote strong {width: 100%;font-size: 14px;line-height: 16px;margin: 5px 0px 20px 0px;}
   .ConFrase blockquote::before, .ConFrase blockquote::after {  }
   .Text {width: 70%;margin: 0px 15%;}
   .Text h2 {font-size: 22px;line-height: 30px;margin: 10px 0px;}
   .Text h2::before {width: 10px;height: 30px;left: -20px;top: 0px;}
   .Text h2 span {width: 100%;line-height: 20px;font-size: 15px;padding-left: 10px;}
   .TextContainer {width: 200px;margin: 0px calc(50% - 100px);top: auto;bottom: 120px;}
   #vid {width: auto;height: 100%;}
   .MainSlider .owl-nav {bottom: 5px;right: 5px;}
   .MainSlider .owl-nav .owl-next, .MainSlider .owl-nav .owl-prev {  }
   .MainSlider .owl-dots {right: 70px;bottom: 5px;}
   .MainSlider .owl-dots .owl-dot.active, .MainSlider .owl-dots .owl-dot:hover {  }
   .SmallSlider {height: 130px;}
   .SmallSlider h3 {width: 90%;margin: 40px 5% 0px 5%;font-size: 30px;text-transform: uppercase;line-height: 30px;}

   footer .ContFoot a {width: 100%;float: none;text-align: center;}
   footer .ContFoot a:nth-child(2), footer .ContFoot a:nth-child(1) {text-align: center;padding-left: 0px;}
   footer .ContFoot a:nth-child(1)::before {display: none;}
   footer nav {width: 50%;margin: 0 auto;}
   footer nav a {font-size: 12px;line-height: 18px;text-align: center;}
   footer .Datos p {text-align: center;margin: 10px auto;}
   footer .Social a {width: 40px;height: 40px;}
   footer .Copy p {  }
   .Inicio01 {padding: 30px 0px;}
   .counters {  }
   .counters .counter  {width: 200px;margin: 10px auto;font-size: 50px;}
   .counters .counter span  {  }
   .counters .counter p {font-size: 14px;}
   .CallBtn {padding: 5px 0px;font-size: 14px;}
   .CallBtn:hover {  }
   .CallBtn::before {  }
   .Inicio03 .col4 li {width: 50%;}
   .Inicio03 .CalltoAction {padding: 20px 0px;}
   .Inicio03 .CalltoAction h3 {width: 90%;margin: 0 auto;line-height: 20px;font-size: 20px;}
   .CalltoMarcas {aspect-ratio: 3 / 3;background-position: center bottom;background-size: 115%;background-color: #f4f3f8;}
   .CalltoMarcas .textBlock {width: 80%;padding: 5%;top: 5%;height: max-content;}
   .CalltoMarcas blockquote {line-height: 20px;font-size: 20px;margin-block-start: 3%;margin-block-end: 3%;margin-inline-start: 10%;margin-inline-end: 10%;}
   .CalltoMarcas blockquote::before, .CalltoMarcas blockquote::after {font-size: 60px;line-height: 30px;}
   .CalltoMarcas blockquote::before {font-size: 60px;line-height: 30px;}
   .CoverFallas h4 {font-size: 16px;line-height: 18px;width: calc(85% - 60px);height: 50px;padding: 16px 0px 4px 35px;}
   .CoverFallas h4::before {width: 30px;height: 70px;}
   .ELProblema-01 {padding: 50px 0px;}
   .ELProblema-01 .col5 li:nth-child(5) {margin-left: 25%;}
   .ELProblema-01 h2 {width: 100%;margin: 20px auto;line-height: 30px;font-size: 28px;}
   .ELProblema-01 h3 {font-size: 18px;line-height: 20px;width: 80%;}
   .ELProblema-01 p {font-size: 14px;line-height: 20px;}
   .ELProblema-02 {padding: 30px 0px 0px 0px;}
   .ELProblema-02::before {width: 100%;height: 0%;}
   .ELProblema-02 h3 {width: 80%;position: relative;font-size: 22px;line-height: 22px;margin: 0px 10%;text-align: center;}
   .ELProblema-02 p {width: 90%;margin: 20px 5%;line-height: 20px;font-size: 14px;text-align: center;}
   .ELProblema-02 img {width: 60%;}
   
   .Enfoque-01 {padding: 30px 0px;}
   .Enfoque-01 .col3 li { width: 50% }
   .Enfoque-01 .col3 > li:nth-child(6) { margin-left: 25% }
   .Enfoque-01 h2, .Enfoque-01 h3 {width: 100%;font-size: 24px;line-height: 30px;text-align: center;}
   .Enfoque-01 p {width: 90%;font-size: 18px;line-height: 24px;}
   .Enfoque-01 h3 {}
   .Enfoque-01 .col2 p {font-size: 18px;line-height: 24px;width: 90%;margin: 20px auto;text-align: center;}
   .Enfoque-01 img {width: 40%;}
   .Enfoque-01 h4 {font-size: 18px;line-height: 20px;}
   .Enfoque-01 .col3 p {width: calc(80%  - 30px);font-size: 14px;text-align: center;line-height: 20px;margin: 15px auto;}
   .Enfoque-01 .col3 > li:nth-child(5) {margin-left: 0px;}
   
   .ContactoCallto {padding: 30px 0px;}
   .ContactoCallto h3 {width: 80%;margin: 30px auto;text-align: center;font-size: 24px;line-height: 30px;}
   .ContactoCallto p {width: 90%;text-align: center;font-size: 18px;line-height: 20px;margin: 20px auto;}
   #FormHome textarea, #FormPal textarea {font-size: 12px;}
   #FormHome input#submitFormHome, #FormPal input#SubmitPal {font-size: 12px;margin: 10px auto;display: block;}
   #FormHome, #FormPal {width: 400px;margin: 30px auto 10px auto;}
   #FormHome input, #FormPal input {font-size: 12px;}

   .SectionEvolucion {padding: 30px 0px 0px 0px;}
   .SectionEvolucion h3 {margin: 20px auto;line-height: 30px;font-size: 24px;}
   .SectionEvolucion .contenedor p {font-size: 16px;line-height: 23px;margin: 20px auto 10px auto;}
   .CarrEvolucion .owl-dots {width: fit-content;margin: 0px auto;height: 35px;padding-bottom: 40px;}
   .CarrEvolucion .owl-dots .owl-dot {width: 20px;height: 20px;background-color: #fff;margin: 5px;float: left;border-radius: 50%;}
   .CarrEvolucion .owl-dots .owl-dot:hover, .CarrEvolucion .owl-dots .owl-dot.active {background-color: #00ada3;}
   .CarrEvolucion h4 {width: 85%;font-size: 18px;text-transform: uppercase;line-height: 22px;position: relative;}
   .CarrEvolucion h4::before {content: '';border: 1px solid #02b0a5;width: 100%;position: absolute;bottom: -13px;left: 0%;}
   .CarrEvolucion h4 span {font-size: 14px;line-height: 16px;}
   .CarrEvolucion p {width: 80%;font-size: 14px;line-height: 18px;}
   .CarrEvolucion img {margin: 30px 0px;}
   
   .SectionProyectos {padding: 40px 0px;}
   .SectionProyectos h3 {text-align: center;width: 100%;font-size: 24px;line-height: 34px;}
   .CalltoProyectos {padding: 30px 0px;}
   .CalltoProyectos h3 {width: 100%;font-size: 20px;line-height: 24px;}
   .SectionContacto {padding: 30px 0px 30px 0px;}
   .SectionContacto h3 {width: 80%;margin: 30px auto;text-align: center;font-size: 26px;line-height: 27px;}
   .SectionContacto img {margin: 15px auto 30px auto;width: 120px;}
   .SectionContacto p {text-align: center;margin: 20px auto;}
   .SectionContacto li:nth-child(1) > p:nth-child(3) {margin-bottom: 40px;}
   .SectionContacto h4 {width: 100%;font-size: 18px;line-height: 22px;text-align: center;}
   .SectionContacto h4 span {font-size: 16px;line-height: 20px;}
   .col2mix li:nth-child(odd)::before {width: 100%;height: 0px;bottom: 0px;top: auto;width: 90%;left: 5%;}
   
   
   .Posts, .Blogs {padding: 30px 0px;}
   .OpenSide {width: 70%;background-color: #0c293d;color: #fff;line-height: 30px;font-size: 16px;text-align: center;margin: 10px auto;padding: 10px 0px;}
   .CerrarSideBar {width: 40px;height: 40px;text-align: center;line-height: 40px;border: 2px solid #fff;position: fixed;bottom: 77%;right: 2%;background-color: #0c293d;color: #fff;}
   .ColBlogs li:nth-child(1) {width: 100%;}
   .ColBlogs li:nth-child(2) {width: 100%;padding: 0px;float: none;}
   .SideBarBlog {display: none;position: fixed;width: calc(90% - 20px);height: calc(70% - 20px);bottom: 10%;left: 5%;z-index: 999;background-color: #fff;padding: 10px;overflow: scroll;}
   .Overlay {display: none;width: 100%;height: 100%;left: 0%;bottom: 0%;position: fixed;background-color: rgb(0 0 0 / 40%);z-index: 998;}
   .ContenidoFeed h4 {text-align: center;font-size: 18px;text-transform: none;margin: 10px 0px 10px 0px;}
   .CalltoSections {padding: 50px 0px;}
   .CalltoSections h3 {font-size: 24px;line-height: 1.2;}
   .CalltoSections h3 span {font-size: 50px;line-height: 1;}
   .CalltoSections a {width: 250px;font-size: 12px;}
   .ConteMapa .menu-amenidades, .ConteMapa .menu-amenidades2 { display: none }
}

@media screen and (min-width: 681px) and (max-width: 1023px) {
   .col2 li {float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
   .col3 li {float: left;width: 33.333%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
   .col4 li {width: 50%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
   .col5 li {float: left;width: 33.330%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
   .col6 li {float: left;width: 33.3%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative;}
   .col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
   .col3Foot li:nth-child(1), .col3Foot li:nth-child(2), .col3Foot li:nth-child(3) { width: 100%; float: left; }
   .col2mix li:nth-child(even), .col2mix li:nth-child(odd), .col2mixW li:nth-child(even), .col2mixW li:nth-child(odd) { width: 100%; float: left; }
   
   .vertical-align { display: block; }
   footer .ContFoot, .contenedor { width: 95% }
   .onlymovil, .movil {display: block; }
   .desktop { display: none; }
   p { font-size: 14px; }
   .menu {/* display: none; */width: 20%;margin: 0px 0px;}
   .menu li:nth-child(1) { display: none; }
   .menu li:nth-child(2) a {border: 2px solid #a99378;width: calc(100% - 4px);margin: 25px auto 10px auto;font-size: 10px;line-height: 20px;border-radius: 10px;}
   .logo {width: 40%;margin: 0px;}
   .logo img {width: 110px;}
   .btn-movil { margin-top: 12px;margin-bottom: 12px; }
   .Submenu.Open {width: 100%;}
   .Submenu .logo {width: fit-content;}
   .Submenu .OpenMenu {width: 80%;margin: 10px auto;padding: 10px 0px;}
   .Submenu .OpenMenu li {padding: 15px 0px;}
   .Submenu .OpenMenu li a {font-size: 16px;line-height: 16px;}
   .MainSlider {  }
   .Slider {height: 80vh;}
   .HomeSlider {height: 70vh;}
   .ConFrase {top: 50%;}
   .ConFrase blockquote {font-size: 18px;line-height: 24px;width: 88%;margin-block-start: 2%;margin-block-end: 2%;margin-inline-start: 5%;margin-inline-end: 5%;}
   .ConFrase blockquote strong {width: 90%;font-size: 16px;line-height: 24px;margin: 5px 0px 20px 0px;}
   .ConFrase blockquote::before, .ConFrase blockquote::after {  }
   .Text {width: 70%;margin: 0px 15%;}
   .Text h2 {font-size: 22px;line-height: 30px;margin: 10px 0px;}
   .Text h2::before {width: 10px;height: 30px;left: -20px;top: 0px;}
   .Text h2 span {width: 100%;line-height: 20px;font-size: 15px;padding-left: 10px;}
   .TextContainer {width: 200px;margin: 0px calc(50% - 100px);top: auto;bottom: 120px;}
   #vid {width: auto;height: 100%;}
   .MainSlider .owl-nav {bottom: 5px;right: 5px;}
   .MainSlider .owl-nav .owl-next, .MainSlider .owl-nav .owl-prev {  }
   .MainSlider .owl-dots {right: 70px;bottom: 5px;}
   .MainSlider .owl-dots .owl-dot.active, .MainSlider .owl-dots .owl-dot:hover {  }
   .SmallSlider {height: 130px;}
   .SmallSlider h3 {width: 90%;margin: 40px 5% 0px 5%;font-size: 30px;text-transform: uppercase;line-height: 30px;}
   footer .ContFoot a {width: 100%;float: none;text-align: center;}
   footer .ContFoot a:nth-child(2), footer .ContFoot a:nth-child(1) {text-align: center;padding-left: 0px;}
   footer .ContFoot a:nth-child(1)::before {display: none;}
   footer nav {width: 50%;margin: 0 auto;}
   footer nav a {font-size: 12px;line-height: 18px;text-align: center;}
   footer .Datos p {text-align: center;margin: 10px auto;}
   footer .Social a {width: 40px;height: 40px;}
   footer .Copy p {  }
   .Inicio01 {padding: 60px 0px;}
   .counters {  }
   .counters .counter  {width: 200px;margin: 10px auto;font-size: 50px;}
   .counters .counter span  {  }
   .counters .counter p {font-size: 14px;line-height: 18px;}
   .CallBtn {padding: 5px 0px;font-size: 14px;}
   .CallBtn:hover {  }
   .CallBtn::before {  }
   .Inicio03 .col4 li {}
   .Inicio03 .CalltoAction {padding: 20px 0px;}
   .Inicio03 .CalltoAction h3 {width: 90%;margin: 0 auto;line-height: 26px;font-size: 26px;}
   .CalltoMarcas {aspect-ratio: 3 / 3;background-position: center bottom;background-size: 115%;background-color: #f4f3f8;}
   .CalltoMarcas .textBlock {width: 80%;padding: 5%;top: 5%;height: max-content;}
   .CalltoMarcas blockquote {line-height: 26px;font-size: 24px;margin-block-start: 3%;margin-block-end: 3%;margin-inline-start: 10%;margin-inline-end: 10%;}
   .CalltoMarcas blockquote::before, .CalltoMarcas blockquote::after {font-size: 60px;line-height: 30px;}
   .CalltoMarcas blockquote::before {font-size: 60px;line-height: 30px;}
   .CoverFallas h4 {font-size: 16px;line-height: 18px;width: calc(85% - 60px);height: 50px;padding: 16px 0px 4px 35px;}
   .CoverFallas h4::before {width: 30px;height: 70px;}
   .ELProblema-01 {padding: 50px 0px;}
   .ELProblema-01 .col5 li:nth-child(4) {margin-left: 16.6%;}
   .ELProblema-01 h2 {width: 100%;margin: 20px auto;line-height: 30px;font-size: 24px;}
   .ELProblema-01 h3 {font-size: 18px;line-height: 20px;width: 80%;}
   .ELProblema-01 p {font-size: 16px;line-height: 18px;}
   .ELProblema-02 {padding: 30px 0px 0px 0px;}
   .ELProblema-02::before {width: 100%;height: 0%;}
   .ELProblema-02 h3 {width: 80%;position: relative;font-size: 24px;line-height: 26px;margin: 0px 10%;text-align: center;}
   .ELProblema-02 h3 span {}
   .ELProblema-02 p {width: 90%;margin: 20px 5%;line-height: 20px;font-size: 16px;text-align: center;}
   .ELProblema-02 img {width: 40%;}
   
   .Enfoque-01 {padding: 30px 0px;}
   .Enfoque-01 .col3 li { width: 50% }
   .Enfoque-01 .col3 > li:nth-child(6) { margin-left: 25% }
   .Enfoque-01 h2, .Enfoque-01 h3 {width: 90%;font-size: 26px;line-height: 30px;text-align: center;}
   .Enfoque-01 p {width: 90%;font-size: 18px;line-height: 24px;}
   .Enfoque-01 h3 {}
   .Enfoque-01 .col2 p {font-size: 18px;line-height: 24px;width: 90%;margin: 20px auto;text-align: center;}
   .Enfoque-01 img {width: 250px;}
   .Enfoque-01 h4 {font-size: 18px;line-height: 20px;}
   .Enfoque-01 .col3 p {width: calc(80%  - 30px);font-size: 12px;text-align: center;line-height: 20px;margin: 15px auto;}
   .Enfoque-01 .col3 > li:nth-child(5) {margin-left: 0px;}
   
   .ContactoCallto {padding: 30px 0px;}
   .ContactoCallto h3 {width: 80%;margin: 30px auto;text-align: center;font-size: 24px;line-height: 30px;}
   .ContactoCallto p {width: 90%;text-align: center;font-size: 18px;line-height: 20px;margin: 20px auto;}
   #FormHome textarea, #FormPal textarea {font-size: 12px;}
   #FormHome input#submitFormHome, #FormPal input#SubmitPal {font-size: 12px;margin: 10px auto;display: block;}
   #FormHome, #FormPal {width: 400px;margin: 30px auto 10px auto;}
   #FormHome input, #FormPal input {font-size: 12px;}
   
   .SectionEvolucion {padding: 30px 0px 0px 0px;}
   .SectionEvolucion h3 {margin: 20px auto;line-height: 30px;font-size: 24px;width: 80%;}
   .SectionEvolucion .contenedor p {font-size: 16px;line-height: 23px;margin: 20px auto 10px auto;}
   .CarrEvolucion .owl-dots {width: fit-content;margin: 0px auto;height: 35px;padding-bottom: 40px;}
   .CarrEvolucion .owl-dots .owl-dot {width: 20px;height: 20px;background-color: #fff;margin: 5px;float: left;border-radius: 50%;}
   .CarrEvolucion .owl-dots .owl-dot:hover, .CarrEvolucion .owl-dots .owl-dot.active {background-color: #00ada3;}
   .CarrEvolucion h4 {width: 85%;font-size: 18px;text-transform: uppercase;line-height: 22px;position: relative;}
   .CarrEvolucion h4::before {content: '';border: 1px solid #02b0a5;width: 100%;position: absolute;bottom: -13px;left: 0%;}
   .CarrEvolucion h4 span {font-size: 14px;line-height: 16px;}
   .CarrEvolucion p {width: 80%;font-size: 14px;line-height: 18px;}
   .CarrEvolucion img {margin: 30px 0px;}
   
   .SectionProyectos {padding: 40px 0px;}
   .SectionProyectos h3 {text-align: center;width: 100%;font-size: 24px;line-height: 34px;}
   .CalltoProyectos {padding: 30px 0px;}
   .CalltoProyectos h3 {width: 100%;font-size: 20px;line-height: 24px;}
   .SectionContacto {padding: 30px 0px 30px 0px;}
   .SectionContacto h3 {width: 80%;margin: 30px auto;text-align: center;font-size: 26px;line-height: 27px;}
   .SectionContacto img {margin: 15px auto 30px auto;width: 120px;}
   .SectionContacto p {text-align: center;margin: 20px auto;}
   .SectionContacto li:nth-child(1) > p:nth-child(3) {margin-bottom: 40px;}
   .SectionContacto h4 {width: 100%;font-size: 18px;line-height: 22px;text-align: center;}
   .SectionContacto h4 span {font-size: 16px;line-height: 20px;}
   .col2mix li:nth-child(odd)::before {width: 100%;height: 0px;bottom: 0px;top: auto;width: 90%;left: 5%;}

}

@media screen and (min-width: 1024px) and (max-width: 1399px) {
   .contenedor { width: 90% }
   .logo img { width: 180px }
   
   .Submenu.Open { width: 40% }
   
   .HomeSectionFirst h3 {font-size: 2.7rem;line-height: 2.7rem;}
   .HomeSectionFirst .col2 li:nth-child(1) h3 {margin: 40px auto 10px auto;}
   .HomeSectionFirst .col2 p {margin: 30px 0px 0px 0px;}
   .HomeSectionThird h1 {font-size: 2.7rem;line-height: 3.4rem;}
   .HomeSectionThird h1 span {font-size: 5rem;line-height: 5rem;}
   .HomeSectionThird p {font-size: 1.8rem;line-height: 2.5rem;}
   .HomeSectionContact h3 {font-size: 2.8rem;line-height: 2.8rem;}
   .HomeSectionThird h4 {font-size: 38px;line-height: 1.2;width: 90%;}
   .AmeniSectionThird .col2mixW h4 {font-size: 80px;}
   .AmeniSectionThird .col2mixW h4 span {font-size: 54px;}
   .ModelosSection h2 {font-size: 80px;}
   .ModelosSection h2::before {  }
   .BotonMenuModelos {width: calc(15% - 10px);}
   .ConteColModel .ColModel {width: 40%;}
   .ConteColModel .ColModel:nth-child(2) { width: 60%; }
   #vid { height: 100%; width: auto; }
   .MapaAmenidades .ConteMapa {width: 900px;}
   .MapaAmenidades .ContePuntos {width: 900px;}
   .menu-amenidades {top: 10px;}
   .menu-amenidades2 {bottom: 10px;}
   .menu-amenidades2 .mitad p, .menu-amenidades .mitad p {margin: 5px 0px;}
   .AmeniSectionThird .Amenidades .owl-dots .owl-dot {width: 16px;height: 16px;}
   .BotonMenuModelos a {font-size: 18px;padding: 10px;}
}

@media screen and (min-width: 1024px) and (max-width: 1299px) {
}
@media screen and (min-height: 1024px) and (max-height: 1299px) {
   .WithImage {background-size: cover;}
}
@media (min-width: 1440px) {
}
@keyframes floating {
   from { transform: translate(0,  0px); }
   65%  { transform: translate(0, 15px); }
   to   { transform: translate(0, -0px); }   
}
@keyframes blink {
   from { opacity: 0;background-size: 10%; }
   65%  { opacity: 1;background-size: 50%; }
   to   { opacity: 0;background-size: 20%; }   
}