/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,700;0,800;0,900;1,400&display=swap");
 html {
   line-height: 1.15;
   /* 1 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
 }
 
 /* Sections
    ========================================================================== */
 /**
  * Remove the margin in all browsers.
  */
 body {
   margin: 0;
 }
 
 /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
 h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }
 
 /* Grouping content
    ========================================================================== */
 /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
 hr {
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   /* 1 */
   height: 0;
   /* 1 */
   overflow: visible;
   /* 2 */
 }
 
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 pre {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /* Text-level semantics
    ========================================================================== */
 /**
  * Remove the gray background on active links in IE 10.
  */
 a {
   background-color: transparent;
 }
 
 /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 abbr[title] {
   border-bottom: none;
   /* 1 */
   text-decoration: underline;
   /* 2 */
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
   /* 2 */
 }
 
 /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
 b,
 strong {
   font-weight: bolder;
 }
 
 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 code,
 kbd,
 samp {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /**
  * Add the correct font size in all browsers.
  */
 small {
   font-size: 80%;
 }
 
 /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 sup {
   top: -0.5em;
 }
 
 /* Embedded content
    ========================================================================== */
 /**
  * Remove the border on images inside links in IE 10.
  */
 img {
   border-style: none;
 }
 
 /* Forms
    ========================================================================== */
 /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
 button,
 input,
 optgroup,
 select,
 textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
   line-height: 1.15;
   /* 1 */
   margin: 0;
   /* 2 */
 }
 
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
 button,
 input {
   /* 1 */
   overflow: visible;
 }
 
 /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
 button,
 select {
   /* 1 */
   text-transform: none;
 }
 
 /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
 button,
 [type=button],
 [type=reset],
 [type=submit] {
   -webkit-appearance: button;
 }
 
 /**
  * Remove the inner border and padding in Firefox.
  */
 button::-moz-focus-inner,
 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
 /**
  * Restore the focus styles unset by the previous rule.
  */
 button:-moz-focusring,
 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
 /**
  * Correct the padding in Firefox.
  */
 fieldset {
   padding: 0.35em 0.75em 0.625em;
 }
 
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
 legend {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   /* 1 */
   color: inherit;
   /* 2 */
   display: table;
   /* 1 */
   max-width: 100%;
   /* 1 */
   padding: 0;
   /* 3 */
   white-space: normal;
   /* 1 */
 }
 
 /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
 progress {
   vertical-align: baseline;
 }
 
 /**
  * Remove the default vertical scrollbar in IE 10+.
  */
 textarea {
   overflow: auto;
 }
 
 /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
 [type=checkbox],
 [type=radio] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */
 }
 
 /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
   height: auto;
 }
 
 /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
 [type=search] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
   /* 2 */
 }
 
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 [type=search]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   /* 1 */
   font: inherit;
   /* 2 */
 }
 
 /* Interactive
    ========================================================================== */
 /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
 details {
   display: block;
 }
 
 /*
  * Add the correct display in all browsers.
  */
 summary {
   display: list-item;
 }
 
 /* Misc
    ========================================================================== */
 /**
  * Add the correct display in IE 10+.
  */
 template {
   display: none;
 }
 
 /**
  * Add the correct display in IE 10.
  */
 [hidden] {
   display: none;
 }
 
 body {
   margin: 0;
   padding: 0;
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
   line-height: 1.7;
   color: #0d141c;
 }
 
 a {
   text-decoration: none;
 }
 
 .web-width {
   width: 85%;
   margin: auto;
 }
 @media screen and (max-width: 1200px) {
   .web-width {
     width: 90%;
   }
 }
 @media screen and (min-width: 1800px) {
   .web-width {
     width: 100rem;
   }
 }
 
 .web-width-alt {
   margin: auto;
 }
 @media screen and (max-width: 1200px) {
   .web-width-alt {
     width: 90%;
   }
 }
 @media screen and (min-width: 1800px) {
   .web-width-alt {
     width: 100rem;
   }
 }
 
 .web-width-alt2 {
   width: 85%;
   margin: auto;
 }
 @media screen and (max-width: 1200px) {
   .web-width-alt2 {
     width: 90%;
   }
 }
 @media screen and (min-width: 1800px) {
   .web-width-alt2 {
     width: 50rem;
   }
 }
 
 .web-width-alt3 {
   width: 45rem;
   margin: auto;
 }
 @media screen and (max-width: 800px) {
   .web-width-alt3 {
     width: 90%;
   }
 }
 @media screen and (min-width: 1800px) {
   .web-width-alt3 {
     width: 50rem;
   }
 }
 
 .web-width-alt4 {
   width: 38rem;
   margin: auto;
 }
 @media screen and (max-width: 800px) {
   .web-width-alt4 {
     width: 100%;
   }
 }
 
 .web-width-alt5 {
   width: 30rem;
   margin: auto;
 }
 @media screen and (max-width: 800px) {
   .web-width-alt5 {
     width: 100%;
   }
 }
 
 .subtitles {
   margin: auto;
   margin-top: 2.5rem;
   width: 38rem;
 }
 @media screen and (max-width: 1200px) {
   .subtitles {
     width: 100%;
   }
 }
 .subtitles__title {
   font-size: 1.4rem;
   font-weight: 1000;
   text-align: center;
   margin-top: 3rem;
   margin-bottom: 0.4rem;
 }
 .subtitles__title-alt2 {
   font-size: 1.8rem;
   font-weight: 1000;
   text-align: center;
   margin: auto;
   margin-top: 0;
   margin-bottom: 0;
   width: 30rem;
   line-height: 1.4;
   font-family: "Alegreya Sans", sans-serif;
 }
 @media screen and (max-width: 600px) {
   .subtitles__title-alt2 {
     width: 100%;
   }
 }
 .subtitles__title-alt {
   font-size: 1.4rem;
   font-weight: 600;
   text-align: center;
   color: black;
   margin-top: 3rem;
   text-transform: uppercase;
 }
 .subtitles__text {
   font-size: 1rem;
   text-align: center;
   color: #0d141c;
   margin: auto;
   margin-bottom: 4.5rem;
 }
 .subtitles__text-alt {
   font-size: 1rem;
   text-align: center;
   color: white;
   margin: auto;
   margin-bottom: 4.5rem;
   width: 800px;
 }
 @media screen and (max-width: 1200px) {
   .subtitles__text-alt {
     width: 80%;
   }
 }
 @media screen and (max-width: 800px) {
   .subtitles__text-alt {
     width: 100%;
   }
 }
 .subtitles__content {
   font-size: 1rem;
   text-align: justify;
   color: #0d141c;
   margin: auto;
   margin-bottom: 4.5rem;
 }
 @media screen and (max-width: 600px) {
   .subtitles__content {
     text-align: justify;
   }
 }
 .subtitles__inside {
   padding-top: 2.5rem;
 }
 .subtitles__img {
   width: 35rem;
   margin: auto;
   display: block;
   margin-bottom: 5rem;
 }
 @media screen and (max-width: 600px) {
   .subtitles__img {
     width: 100%;
   }
 }
 
 .subtitles-margin {
   margin-top: 2.5rem;
 }
 
 .text-link {
   color: white;
 }
 .text-link:hover {
   text-decoration: underline;
 }
 
 .ie-grid__1 {
   -ms-grid-column: 1;
 }
 
 .ie-grid__2 {
   -ms-grid-column: 2;
 }
 
 .ie-grid__3 {
   -ms-grid-column: 3;
 }
 
 .ie-grid__4 {
   -ms-grid-column: 4;
 }
 
 /* Para Safari */
 ::-moz-selection {
   background: #636266;
 }
 ::selection {
   background: #636266;
 }
 
 /* Para Firefox */
 ::-moz-selection {
   background: #636266;
 }
 
 #header {
   width: 100%;
   background: white;
 }
 
 .header-top-block {
   background: #304C56;
 }
 
 .header-top {
   height: 4rem;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding-top: 0;
   position: relative;
 }
 @media screen and (max-width: 600px) {
   .header-top {
     display: block;
   }
 }
 .header-top__left {
   color: #0d141c;
 }
 .header-top__right {
   text-align: right;
   color: #304C56;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-right: 1.5rem;
   padding-bottom: 0.5rem;
 }
 @media screen and (max-width: 600px) {
   .header-top__right {
     display: grid;
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
     display: -ms-grid;
     -ms-grid-columns: 1fr 1fr;
     padding-top: 0.4rem;
   }
 }
 .header-top__socialmedia {
   margin-right: 2rem;
   margin-left: 2rem;
 }
 @media screen and (max-width: 600px) {
   .header-top__socialmedia {
     display: none;
   }
 }
 .header-top__social {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
   height: 1.4rem;
 }
 .header-top__ul {
   list-style: none;
   padding-left: 0;
   margin-top: 0;
   margin-bottom: 0;
 }
 .header-top__li {
   list-style: none;
   text-align: center;
 }
 .header-top__a {
   color: white;
   font-size: 0.85rem;
 }
 .header-top__a:hover {
   color: white;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
 }
 
 .menu {
   width: 90%;
   margin: auto;
   background: white;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   border-radius: 10px;
   position: absolute;
   top: 3rem;
   left: 0;
   right: 0;
   margin: auto;
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
 }
 @media screen and (min-width: 1800px) {
   .menu {
     width: 100rem;
   }
 }
 .menu__ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
 .menu__li {
   display: inline-block;
 }
 @media screen and (max-width: 1200px) {
   .menu__li {
     display: block;
   }
 }
 .menu__a {
   color: #0d141c;
   margin-left: 4.5rem;
   position: relative;
   font-size: 1rem;
 }
 .menu__a:hover {
   color: #304C56;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
 }
 @media screen and (max-width: 1200px) {
   .menu__a {
     display: block;
     height: 30px;
     border-bottom: 1px solid #F0F0F0;
     color: #0d141c;
     padding: 10px;
     text-align: center;
     margin-left: 0;
   }
 }
 .menu__button {
   margin-left: 1.4rem;
   color: white;
   background: #636266;
   padding: 0.5rem 0.6rem;
 }
 .menu__button:hover {
   -webkit-filter: brightness(110%);
           filter: brightness(110%);
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
 }
 @media screen and (max-width: 1200px) {
   .menu__button {
     background: none;
     padding: 0;
     margin-left: 0;
   }
   .menu__button:hover {
     background: none;
   }
 }
 
 @media screen and (max-width: 1200px) {
   .container-menu {
     width: 100%;
   }
 }
 
 .logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   margin-top: 0.4rem;
   padding-left: 2.5rem;
 }
 .logo__img {
   height: 2rem;
 }
 
 .btn-menu {
   display: none;
   text-decoration: none;
   color: #304C56;
   font-size: 1.8rem;
   padding-right: 2.5rem;
 }
 @media screen and (max-width: 1200px) {
   .btn-menu {
     display: block;
   }
 }
 
 .menu-link {
   padding-top: 0;
 }
 @media screen and (max-width: 1200px) {
   .menu-link {
     position: absolute;
     background: white;
     width: 100%;
     top: 3.3rem;
     z-index: 1200;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
   }
   
   .menu-close {
     left: -110%;
   }
 
   .menu-open {
     left: 0;
   }
 }
 
 /* Style the dropdown button to fit inside the topnav */
 .dropdown .dropbtn {
   font-size: 1rem;
   border: none;
   outline: none;
   color: #0d141c;
   background-color: inherit;
   font-family: inherit;
   cursor: pointer;
   padding: 0;
   margin-left: 1.8rem;
 }
 @media screen and (max-width: 1200px) {
   .dropdown .dropbtn {
     cursor: default;
     margin-left: 0rem;
     margin: auto;
     display: block;
     padding-top: 10px;
     padding-bottom: 10px;
     font-weight: bold;
   }
 }
 
 /* Style the dropdown content (hidden by default) */
 .dropdown-content {
   background: white;
   min-width: 160px;
   z-index: 1;
 }
 @media screen and (min-width: 1200px) {
   .dropdown-content {
     display: none;
     position: absolute;
   }
 }
 
 /* Style the links inside the dropdown */
 .dropdown-content a {
   float: none;
   color: #0d141c;
   font-size: 1rem;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   text-align: center;
   border-bottom: solid 1px #F0F0F0;
 }
 @media screen and (min-width: 1200px) {
   .dropdown-content a {
     text-align: left;
   }
 }
 
 /* Add a dark background on topnav links and the dropdown button on hover */
 .topnav a:hover, .dropdown:hover .dropbtn {
   color: #304C56;
 }
 
 /* Add a grey background to dropdown links on hover */
 .dropdown-content a:hover {
   color: #304C56;
   -webkit-filter: brightness(120%);
           filter: brightness(120%);
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
 }
 
 /* Show the dropdown menu when the user moves the mouse over the dropdown button */
 .dropdown:hover .dropdown-content {
   display: block;
 }
 
 @media screen and (max-width: 1200px) {
   .fa-caret-down {
     display: none;
   }
 }
 
 .menu-link {
   margin-top: 0.3rem;
   padding-right: 2.5rem;
 }
 @media screen and (max-width: 1200px) {
   .menu-link {
     padding-right: 0;
   }
 }
 .menu-link__top {
   text-align: right;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
 @media screen and (max-width: 1200px) {
   .menu-link__top {
     text-align: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
   }
 }
 .menu-link__icon {
   height: 1.5rem;
   margin-right: 0.5rem;
 }
 .menu-link__text {
   text-align: right;
   font-size: 1rem;
   color: #0d141c;
 }
 .menu-alt {
   width: 85%;
   margin: auto;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media screen and (max-width: 1200px) {
   .menu-alt {
     width: 88%;
   }
 }
 @media screen and (min-width: 1800px) {
   .menu-alt {
     width: 100rem;
   }
 }
 @media screen and (max-width: 1000px) {
   .menu-alt {
     display: block;
   }
 }
 
 .logo-alt {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   margin-top: 0.6rem;
 }
 .logo-alt__img {
   height: 4.8rem;
 }
 @media screen and (max-width: 1000px) {
   .logo-alt__img {
     height: 4.8rem;
     margin-bottom: 0.6rem;
   }
 }
 @media screen and (max-width: 1000px) {
   .logo-alt {
     display: block;
     text-align: center;
   }
 }
 
 .menu-alt-link__top {
   text-align: right;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
 @media screen and (max-width: 1000px) {
   .menu-alt-link__top {
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     margin-top: 0.2rem;
     padding: 0.5rem;
   }
 }
 .menu-alt-link__icon {
   height: 1.2rem;
   margin-right: 0.5rem;
 }
 .menu-alt-link__text {
   text-align: right;
   font-size: 1rem;
   color: white;
   font-weight: 400;
 }
 .menu-alt-link__slogan {
   font-size: 1.7rem;
   color: white;
   font-weight: 600;
   text-align: right;
 }
 @media screen and (max-width: 1000px) {
   .menu-alt-link__slogan {
     display: none;
   }
 }
 
 .icon {
   display: block;
   position: relative;
   width: 1.5em;
   height: 1.5em;
   margin: 0 auto;
 }
 
 .icon:before,
 .icon:after {
   content: "";
   position: absolute;
 }
 
 .dropp {
   margin: auto;
   margin-top: 2.2rem;
   width: 26rem;
   -webkit-box-shadow: 0 1px 3px #0a0a0a;
           box-shadow: 0 1px 3px #0a0a0a;
 }
 @media screen and (max-width: 1000px) {
   .dropp {
     width: 100%;
   }
 }
 
 .dropp-header {
   background: white;
   color: #0d141c;
   -webkit-box-align: stretch;
   box-align: stretch;
   -moz-align-items: stretch;
   -ms-align-items: stretch;
   -o-align-items: stretch;
   align-items: stretch;
   -ms-flex-align: stretch;
   display: -webkit-box;
   display: -moz-box;
   display: box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   box-orient: horizontal;
   -webkit-box-direction: normal;
   box-direction: normal;
   -moz-flex-direction: row;
   flex-direction: row;
   -ms-flex-direction: row;
   -webkit-box-pack: start;
   box-pack: start;
   -moz-justify-content: flex-start;
   -ms-justify-content: flex-start;
   -o-justify-content: flex-start;
   justify-content: flex-start;
   -ms-flex-pack: start;
 }
 
 .dropp-header__title {
   display: block;
   padding: 1.2rem 1.2rem;
   -webkit-box-flex: 8;
   box-flex: 8;
   -moz-flex: 8;
   -ms-flex: 8;
   flex: 8;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
   -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
 }
 
 .dropp-header__btn {
   display: block;
   background: #304C56;
   color: #fff;
   padding: 1.2rem 0.5em;
   -webkit-box-flex: 1;
   box-flex: 1;
   -moz-flex: 1;
   -ms-flex: 1;
   flex: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
 
 .dropp-header__btn .icon {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
 
 .dropp-header__btn .icon:before,
 .dropp-header__btn .icon:after {
   top: 30%;
   left: 25%;
   width: 50%;
   height: 15%;
   background: black;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 
 .dropp-header__btn .icon:after {
   top: 55%;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 
 .dropp-header__btn.js-open {
   background: #dd4040;
 }
 
 .dropp-header__btn.js-open .icon {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 
 .dropp-header__btn.js-open .icon:before,
 .dropp-header__btn.js-open .icon:after {
   background: #fff;
 }
 
 .dropp-header__btn:focus {
   outline: none;
 }
 
 .dropp-body {
   overflow: hidden;
   width: 100%;
   max-height: 0;
   background: #292929;
   color: #fff;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
 
 .dropp-body.js-open {
   max-height: 20em;
 }
 
 .dropp-body label {
   display: block;
   font-size: 0.875em;
   color: #fff;
   text-decoration: none;
   padding: 1em 0.5em;
   font-weight: 400;
   -webkit-box-shadow: 0 -1px 0 #171717, inset 0 1px 0 #313131;
           box-shadow: 0 -1px 0 #171717, inset 0 1px 0 #313131;
   cursor: pointer;
 }
 
 .dropp-body label:first-child {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 
 .dropp-body label:hover,
 .dropp-body label.js-open {
   background: #dd4040;
 }
 
 .dropp-body label > input {
   display: none;
 }
 
 #footer {
   background: #F0F0F0;
   color: #0d141c;
   width: 100%;
   position: relative;
 }
 @media screen and (max-width: 1200px) {
   #footer {
     height: auto;
   }
 }
 
 .footer-top {
   display: grid;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr 1fr;
   padding-top: 1.8rem;
 }
 @media screen and (max-width: 800px) {
   .footer-top {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
     padding-top: 1rem;
     text-align: center;
   }
 }
 .footer-top__column {
   padding-top: 2rem;
   padding-left: 5rem;
 }
 @media screen and (max-width: 800px) {
   .footer-top__column {
     padding-left: 0;
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
 }
 .footer-top__nav {
   padding-left: 0;
   margin: 0;
 }
 .footer-top__logo {
   margin-top: 0.8rem;
   width: 17rem;
 }
 .footer-top__title {
   list-style: none;
   font-size: 1rem;
   margin-bottom: 0.8rem;
   font-weight: bold;
   text-transform: uppercase;
 }
 .footer-top__item {
   list-style: none;
   font-size: 1rem;
   margin-bottom: 0.2rem;
 }
 .footer-top__link {
   color: #0d141c;
   font-size: 1rem;
 }
 .footer-top__link:hover {
   color: #304C56;
 }
 .footer-top__link-alt {
   color: #0d141c;
   font-size: 1rem;
 }
 .footer-top__social-block {
   margin-top: 1.5rem;
 }
 .footer-top__social {
   margin-right: 1rem;
   height: 1.8rem;
 }
 @media screen and (max-width: 800px) {
   .footer-top__hide {
     display: none;
   }
 }
 
 .footer-down {
   margin-top: 1rem;
   border-top: 1px solid #F0F0F0;
   background: #636266;
 }
 @media screen and (max-width: 800px) {
   .footer-down {
     padding-bottom: 6rem;
   }
 }
 .footer-down__text {
   padding-top: 1.1rem;
   padding-bottom: 1rem;
   font-size: 0.85rem;
   text-align: center;
   color: white;
   font-weight: 500;
 }
 @media screen and (max-width: 800px) {
   .footer-down__text {
     text-align: center;
   }
 }
 @media screen and (max-width: 600px) {
   .footer-down__text {
     font-size: 0.6rem;
   }
 }
 
 .pagination-block {
   margin-top: 1rem;
   margin-bottom: 2rem;
 }
 
 .pagination {
   text-align: center;
   margin-top: 1.5rem;
   margin-bottom: 2.5rem;
 }
 
 .pagination a {
   color: #0d141c;
   padding: 0.5rem 1.2rem;
   font-size: 1rem;
   border: solid 1px #636266;
   border-radius: 4px;
   margin-left: 0.4rem;
   margin-right: 0.4rem;
   font-weight: 600;
 }
 @media screen and (max-width: 800px) {
   .pagination a {
     font-size: 0.6rem;
     margin-left: 0.2rem;
     margin-right: 0.2rem;
   }
 }
 .pagination a:hover {
   color: white;
   background: #636266;
   -webkit-filter: brightness(120%);
           filter: brightness(120%);
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
 }
 
 .button-color1 {
   width: 11rem;
   height: 3rem;
   text-transform: capitalize;
   color: white;
   background: #304C56;
   border: none;
   cursor: pointer;
   font-size: 1rem;
 }
 .button-color1:hover {
   background: #0d141c;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   color: white;
 }
 
 .button-color1-alt {
   padding: 0.7rem 1.6rem;
   color: white;
   background: #304C56;
   cursor: pointer;
   font-size: 0.85rem;
   border: none;
   text-transform: uppercase;
   font-weight: 700;
   border-radius: 10px;
 }
 .button-color1-alt:hover {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   -webkit-filter: brightness(120%);
           filter: brightness(120%);
 }
 
 .button-color1-alt1 {
   padding: 0.6rem 1.2rem;
   color: #636266;
   background: #304C56;
   cursor: pointer;
   font-size: 0.6rem;
   border: none;
   font-weight: 700;
   border-radius: 4px;
 }
 .button-color1-alt1:hover {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   -webkit-filter: brightness(120%);
           filter: brightness(120%);
 }
 
 .button-full {
   width: 100%;
 }
 
 .button-color2 {
   width: 11rem;
   height: 3rem;
   text-transform: capitalize;
   color: white;
   background: #636266;
   border: none;
   cursor: pointer;
   font-size: 1rem;
 }
 .button-color2:hover {
   -webkit-filter: brightness(120%);
           filter: brightness(120%);
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
 }
 
 .button-color2-alt {
   padding: 0.5rem 2.6rem;
   color: #636266;
   background: #304C56;
   cursor: pointer;
   font-size: 0.6rem;
   border-radius: 50px;
   text-transform: uppercase;
   font-weight: 700;
 }
 .button-color2-alt:hover {
   -webkit-filter: brightness(120%);
           filter: brightness(120%);
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
 }
 @media screen and (max-width: 1200px) {
   .button-color2-alt {
     padding: 0.6rem 2.6rem;
     font-size: 1rem;
   }
 }
 
 .button-full {
   width: 100%;
 }
 
 .banner-CTA-block {
   background: #F0F0F0;
   margin-top: 2.5rem;
 }
 
 .banner-CTA {
   padding-top: 2rem;
   padding-bottom: 2rem;
   text-align: center;
   width: 80%;
   margin: auto;
 }
 @media screen and (max-width: 800px) {
   .banner-CTA {
     width: 100%;
   }
 }
 .banner-CTA__title {
   font-size: 2.6rem;
   margin: auto;
   margin-top: 0rem;
   margin-bottom: 2.5rem;
   line-height: 1.2;
   color: #1D1D1B;
 }
 @media screen and (max-width: 800px) {
   .banner-CTA__title {
     width: 100%;
   }
 }
 .banner-CTA__text {
   font-size: 1rem;
   color: #0d141c;
 }
 .banner-CTA__button {
   margin-top: 2rem;
   margin-bottom: 1rem;
 }
 
 .vision-block {
   margin-top: 4rem;
   background: #F0F0F0;
   padding-top: 1.2rem;
 }
 @media screen and (max-width: 800px) {
   .vision-block {
     margin-top: 2rem;
   }
 }
 
 .vision-block-alt {
   margin-top: 2rem;
   padding-top: 1.2rem;
 }
 @media screen and (max-width: 1200px) {
   .vision-block-alt {
     margin-top: 1.2rem;
   }
 }
 
 .vision {
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr;
   padding-top: 0;
   padding-bottom: 2.5rem;
 }
 @media screen and (max-width: 1200px) {
   .vision {
     display: block;
     text-align: center;
   }
 }
 .vision__title {
   font-size: 1.4rem;
   font-weight: 800;
   text-align: left;
   padding-top: 5.5rem;
   width: 90%;
 }
 @media screen and (max-width: 1200px) {
   .vision__title {
     text-align: center;
     padding-top: 0;
     width: 80%;
     margin: auto;
   }
 }
 .vision__text {
   font-size: 1rem;
   color: #0d141c;
   margin-top: 0;
   text-align: left;
   line-height: 2.4;
   width: 90%;
 }
 @media screen and (max-width: 1200px) {
   .vision__text {
     margin: auto;
     width: 90%;
     margin-top: 2rem;
     margin-bottom: 0;
   }
 }
 .vision__text-alt {
   font-size: 1rem;
   width: 80%;
   color: #0d141c;
   margin: auto;
   margin-top: 4rem;
   margin-bottom: 2rem;
   text-align: center;
 }
 @media screen and (max-width: 1200px) {
   .vision__text-alt {
     margin: auto;
     width: 100%;
   }
 }
 .vision__left {
   -ms-grid-column: 1;
 }
 @media screen and (max-width: 1200px) {
   .vision__left {
     margin-bottom: 1rem;
   }
 }
 .vision__right {
   text-align: right;
   -ms-grid-column: 2;
 }
 @media screen and (max-width: 1200px) {
   .vision__right {
     text-align: center;
   }
 }
 .vision__img {
   width: 90%;
 }
 @media screen and (max-width: 1200px) {
   .vision__img {
     margin-top: 3rem;
   }
 }
 @media screen and (max-width: 500px) {
   .vision__img {
     width: 100%;
   }
 }
 .vision__img-alt {
   width: 70%;
 }
 .vision__margintop {
   margin-top: 2rem;
 }
 @media screen and (max-width: 1200px) {
   .vision__margintop {
     margin-top: 2.5rem;
   }
 }
 .vision__button {
   margin-top: 3rem;
   text-align: right;
 }
 @media screen and (max-width: 1200px) {
   .vision__button {
     text-align: center;
   }
 }
 
 .vision-alt {
   display: grid;
   -ms-grid-columns: 48% 52%;
   grid-template-columns: 48% 52%;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr;
   padding-top: 2rem;
   padding-bottom: 4rem;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt {
     display: block;
     text-align: center;
   }
 }
 .vision-alt__title {
   font-size: 1.4rem;
   font-weight: 600;
   color: black;
   text-transform: uppercase;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt__title {
     text-align: center;
   }
 }
 .vision-alt__text {
   font-size: 1rem;
   width: 100%;
   margin-top: 0rem;
   color: #0d141c;
   text-align: left;
   list-style: none;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt__text {
     margin: auto;
     width: 100%;
     float: none;
     text-align: justify;
     margin-bottom: 1.5rem;
   }
 }
 .vision-alt__left {
   -ms-grid-column: 2;
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
   padding-left: 5rem;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt__left {
     padding-left: 0;
   }
 }
 .vision-alt__left-align {
   text-align: left;
 }
 .vision-alt__right {
   text-align: right;
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
   -ms-grid-column: 1;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt__right {
     text-align: center;
   }
 }
 .vision-alt__img {
   width: 90%;
   float: left;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt__img {
     float: none;
     margin-top: 2.5rem;
   }
 }
 @media screen and (max-width: 500px) {
   .vision-alt__img {
     width: 100%;
   }
 }
 .vision-alt__img-alt {
   width: 75%;
   margin-right: 3rem;
   margin-bottom: 0;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt__img-alt {
     float: none;
   }
 }
 .vision-alt__button {
   margin-top: 3rem;
 }
 .vision-alt__text-list-block {
   display: block;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt__text-list-block {
     margin: auto;
   }
 }
 .vision-alt__check {
   width: 1.3rem;
   height: 1.3rem;
   margin-right: 0.6rem;
   padding-top: 0.2rem;
 }
 
 .vision-alt2 {
   display: grid;
   -ms-grid-columns: 48% 52%;
   grid-template-columns: 48% 52%;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr;
   margin-top: 0;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt2 {
     display: block;
     text-align: center;
     margin-bottom: 0;
   }
 }
 .vision-alt2__title {
   font-size: 1.4rem;
   font-weight: 600;
   color: #636266;
   margin-top: 0;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt2__title {
     text-align: center;
   }
 }
 .vision-alt2__text {
   font-size: 1rem;
   width: 100%;
   margin-top: 0rem;
   color: #0d141c;
   text-align: justify;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt2__text {
     margin: auto;
     width: 100%;
     float: none;
   }
 }
 .vision-alt2__left {
   -ms-grid-column: 2;
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt2__left {
     margin-bottom: 1rem;
     text-align: center;
   }
 }
 .vision-alt2__left-align {
   text-align: left;
 }
 .vision-alt2__right {
   text-align: right;
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
   -ms-grid-column: 1;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt2__right {
     text-align: center;
   }
 }
 .vision-alt2__img {
   width: 19rem;
   float: left;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt2__img {
     float: none;
     width: auto;
   }
 }
 @media screen and (max-width: 500px) {
   .vision-alt2__img {
     width: 100%;
   }
 }
 .vision-alt2__img-alt {
   width: 80%;
   margin-right: 3rem;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt2__img-alt {
     display: none;
   }
 }
 .vision-alt2__button {
   margin-top: 3rem;
   margin-bottom: 4rem;
 }
 @media screen and (max-width: 1200px) {
   .vision-alt2__button {
     float: none;
   }
 }
 
 .vision4 {
   display: grid;
   -ms-grid-columns: 65% 35%;
   grid-template-columns: 65% 35%;
   display: -ms-grid;
   -ms-grid-columns: 2fr 1fr;
   padding-bottom: 2rem;
 }
 @media screen and (max-width: 1200px) {
   .vision4 {
     display: block;
     text-align: center;
   }
 }
 .vision4__title {
   font-size: 1.4rem;
   font-weight: 800;
   text-transform: uppercase;
 }
 .vision4__text {
   font-size: 1rem;
   width: 80%;
   margin-top: 0;
   text-align: justify;
 }
 @media screen and (max-width: 1200px) {
   .vision4__text {
     margin: auto;
     width: 100%;
     margin-bottom: 1.2rem;
   }
 }
 .vision4__text1 {
   margin-top: 1.2rem;
 }
 @media screen and (max-width: 1200px) {
   .vision4__text1 {
     margin-top: 0;
   }
 }
 .vision4__text2 {
   margin-top: 4.5rem;
 }
 @media screen and (max-width: 1200px) {
   .vision4__text2 {
     margin-top: 0;
   }
 }
 .vision4__text-alt {
   font-size: 1rem;
   width: 80%;
   color: #0d141c;
   margin: auto;
   margin-top: 4rem;
   margin-bottom: 2rem;
   text-align: center;
 }
 @media screen and (max-width: 1200px) {
   .vision4__text-alt {
     margin: auto;
     width: 100%;
   }
 }
 .vision4__text-list {
   font-size: 1rem;
   width: 90%;
   color: #0d141c;
   margin-top: 0;
   margin-bottom: 0;
 }
 @media screen and (max-width: 1200px) {
   .vision4__text-list {
     margin: auto;
     width: 100%;
   }
 }
 .vision4__left {
   -ms-grid-column: 1;
 }
 @media screen and (max-width: 1200px) {
   .vision4__left {
     margin-bottom: 1rem;
   }
 }
 .vision4__right {
   text-align: right;
   -ms-grid-column: 2;
 }
 @media screen and (max-width: 1200px) {
   .vision4__right {
     text-align: center;
   }
 }
 .vision4__img {
   width: 22rem;
 }
 @media screen and (max-width: 1200px) {
   .vision4__img {
     margin-top: 3rem;
   }
 }
 @media screen and (max-width: 500px) {
   .vision4__img {
     width: 100%;
   }
 }
 .vision4__img-alt {
   width: 70%;
 }
 .vision4__margintop {
   margin-top: 3.6rem;
 }
 @media screen and (max-width: 1200px) {
   .vision4__margintop {
     margin-top: 2.5rem;
   }
 }
 
 #banner {
   background-image: url(../img/banner-home.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 92vh;
 }
 @media screen and (max-width: 800px) {
   #banner {
     height: 45rem;
     background-position: 85%;
   }
 }
 
 .banner {
   display: grid;
   display: -ms-grid;
   grid-template-columns: 1fr 1fr;
   -ms-grid-columns: 1fr 1fr;
   margin: auto;
 }
 @media screen and (max-width: 1200px) {
   .banner {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
     width: 40rem;
   }
 }
 @media screen and (max-width: 800px) {
   .banner {
     width: 100%;
   }
 }
 .banner__left {
   color: white;
   -ms-grid-column: 1;
   text-align: left;
   width: 80%;
 }
 @media screen and (max-width: 800px) {
   .banner__left {
     width: 100%;
   }
 }
 .banner__title {
   font-size: 2.6rem;
   margin: auto;
   margin-top: 0rem;
   margin-bottom: 0;
   line-height: 1.2;
   font-weight: 700;
   padding-top: 6.5rem;
 }
 .banner__social {
   position: absolute;
   bottom: 5.8rem;
 }
 .banner__social-icon {
   height: 2rem;
   margin-right: 1.4rem;
 }
 .banner__text {
   font-size: 1rem;
   margin: auto;
   margin-top: 2.5rem;
   font-weight: 500;
 }
 .banner__right {
   text-align: right;
   -ms-grid-column: 2;
   height: 85vh;
 }
 
 .stripe-background {
   background-image: url(../img/banner-2.jpg);
   height: auto;
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   height: 60vh;
 }
 @media screen and (max-width: 1200px) {
   .stripe-background {
     min-height: 25rem;
   }
 }
 .stripe-background__block {
   margin: auto;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding-top: 8.8rem;
 }
 .stripe-background__text {
   font-size: 1.4rem;
   color: white;
   text-align: center;
   text-transform: uppercase;
   line-height: 1.4;
   font-weight: 400;
 }
 .stripe-background__button {
   text-align: center;
   margin-top: 2.5rem;
 }
 
 .anuncios-alt {
   background: white;
   display: -ms-grid;
   display: grid;
   grid-column-gap: 2.5rem;
   margin: auto;
   -ms-grid-columns: 1fr 1fr 1fr 1fr;
   grid-template-columns: repeat(4, 1fr);
 }
 @media screen and (max-width: 1200px) {
   .anuncios-alt {
     display: block;
   }
 }
 
 .anuncio-alt {
   background-color: white;
   border: 1px solid #CCCCCC;
   border-bottom: 2px solid #304C56;
   color: #0d141c;
   padding-bottom: 0;
 }
 .anuncio-alt__title {
   width: 95%;
   margin: auto;
   margin-top: 0.3rem;
   text-transform: capitalize;
   margin-bottom: 0;
   font-size: 1rem;
   color: #1D1D1B;
   text-align: left;
   min-height: 3rem;
 }
 .anuncio-alt__location {
   width: 95%;
   color: #0d141c;
   margin: auto;
   margin-top: 0;
   text-transform: capitalize;
   margin-bottom: 0;
   text-align: left;
   font-size: 0.85rem;
 }
 .anuncio-alt__contenedor3 {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1.5fr 1fr;
   grid-template-columns: 1.5fr 1fr;
   width: 95%;
   margin: auto;
   margin-bottom: 0.6rem;
 }
 @media screen and (max-width: 350px) {
   .anuncio-alt__contenedor3 {
     display: block;
   }
 }
 @media screen and (max-width: 1200px) and (min-width: 700px) {
   .anuncio-alt__contenedor3 {
     display: block;
   }
 }
 .anuncio-alt__contenedorpicture {
   overflow: hidden;
   position: relative;
   margin-bottom: 0.6rem;
 }
 .anuncio-alt__picture {
   width: 100%;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   display: block;
 }
 .anuncio-alt__picture:hover {
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
 }
 .anuncio-alt__data {
   -ms-grid-column: 1;
   font-size: 0.85rem;
   text-transform: capitalize;
   color: #0d141c;
   margin: auto;
   margin-top: 0.2rem;
   margin-bottom: 0.6rem;
   width: 95%;
 }
 @media screen and (max-width: 350px) {
   .anuncio-alt__data {
     text-align: left;
   }
 }
 @media screen and (max-width: 1200px) and (min-width: 700px) {
   .anuncio-alt__data {
     text-align: left;
   }
 }
 .anuncio-alt__prize {
   -ms-grid-column: 2;
   font-size: 0.85rem;
   font-weight: 700;
   text-align: right;
 }
 @media screen and (max-width: 350px) {
   .anuncio-alt__prize {
     text-align: left;
   }
 }
 @media screen and (max-width: 1200px) and (min-width: 700px) {
   .anuncio-alt__prize {
     text-align: left;
   }
 }
 .anuncio-alt__ocasion {
   position: absolute;
   background: #304C56;
   padding-left: 1rem;
   width: 4.8rem;
   color: white;
   top: 0.5rem;
   font-size: 1rem;
 }
 
 .inmuebles-vermas {
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr;
   width: 40rem;
   margin: auto;
   text-align: center;
   margin-bottom: 3.5rem;
 }
 @media screen and (max-width: 800px) {
   .inmuebles-vermas {
     width: 100%;
   }
 }
 @media screen and (max-width: 600px) {
   .inmuebles-vermas {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
   }
 }
 .inmuebles-vermas__button {
   margin-top: 1rem;
 }
 
 .whatsapp__index {
   position: fixed;
   width: 270px;
   height: 3.6rem;
   bottom: 35px;
   right: 45px;
   background-color: #00BB35;
   color: white;
   border-radius: 50px;
   text-align: center;
   z-index: 100;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding-left: 2.5rem;
   padding-right: 2.5rem;
   margin-left: 0;
 }
 .whatsapp__index:hover {
   -webkit-transform: scale(1.03);
       -ms-transform: scale(1.03);
           transform: scale(1.03);
 }
 @media screen and (max-width: 1200px) {
   .whatsapp__index {
     bottom: 35px;
   }
 }
 @media screen and (max-width: 420px) {
   .whatsapp__index {
     right: 8%;
     width: 65%;
     padding-left: 2rem;
     padding-right: 2rem;
   }
 }
 @media screen and (max-width: 380px) {
   .whatsapp__index {
     width: 70%;
     padding-left: 1.8rem;
     padding-right: 1.8rem;
   }
 }
 .whatsapp__icon {
   color: white;
   height: 2.4rem;
   margin-right: 0.2rem;
 }
 .whatsapp__text {
   text-transform: uppercase;
   font-size: 1.1rem;
   font-weight: 700;
 }
 
 #inmuebles {
   background: #dfe4e7;
 }
 
 .inmuebles {
   padding-top: 0.1rem;
 }
 
 .slider-final {
   position: relative;
 }
 
 .inmuebles-index__block {
   display: -ms-grid;
   display: grid;
   grid-column-gap: 2.5rem;
   grid-row-gap: 2.5rem;
   margin: auto;
   margin-bottom: 2.5rem;
   -ms-grid-columns: 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 @media screen and (max-width: 1200px) {
   .inmuebles-index__block {
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
   }
 }
 @media screen and (max-width: 600px) {
   .inmuebles-index__block {
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
   }
 }
 
 .stripe-background-center {
   background: white;
   padding-top: 1rem;
   padding-bottom: 2.5rem;
 }
 .stripe-background-center__block {
   margin: auto;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .stripe-background-center__title {
   font-size: 1rem;
   color: #0d141c;
   text-align: center;
   font-weight: 800;
 }
 .stripe-background-center__text {
   font-size: 1rem;
   text-align: left;
   color: #0d141c;
   margin: auto;
   margin-top: 2rem;
 }
 @media screen and (max-width: 600px) {
   .stripe-background-center__text {
     text-align: center;
   }
 }
 .stripe-background-center__button {
   text-align: center;
   margin-top: 3.5rem;
 }
 .stripe-background-center__button-alt {
   text-align: center;
   margin-top: 2rem;
 }
 .stripe-background-center__values {
   display: -ms-grid;
   display: grid;
   grid-column-gap: 1.8rem;
   margin: auto;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
 }
 @media screen and (max-width: 600px) {
   .stripe-background-center__values {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
     text-align: center;
     margin-top: 2rem;
   }
 }
 .stripe-background-center__column {
   margin-top: 2rem;
 }
 @media screen and (max-width: 600px) {
   .stripe-background-center__column {
     margin-top: 0;
   }
 }
 .stripe-background-center__value {
   margin-top: 0.8rem;
   margin-bottom: 0;
 }
 
 .underline-block {
   border-bottom: 4.8px solid #304C56;
   border-radius: 10px;
   width: 65px;
   text-align: center;
   display: block;
   margin: auto;
   margin-top: 0;
   margin-bottom: 2.6rem;
 }
 
 #bannerhome-2 {
   background-image: url(../img/banner-2.jpg);
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   height: 28rem;
 }
 
 .bannerhome-2 {
   display: grid;
   display: -ms-grid;
   grid-template-columns: 1fr 1fr;
   -ms-grid-columns: 1fr 1fr;
 }
 @media screen and (max-width: 800px) {
   .bannerhome-2 {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
   }
 }
 .bannerhome-2__block {
   margin-top: 6.5rem;
 }
 .bannerhome-2__title {
   font-size: 1.4rem;
   font-weight: 1000;
   text-align: center;
   color: white;
   text-align: left;
   margin-top: 0;
   margin-bottom: 2rem;
 }
 @media screen and (max-width: 800px) {
   .bannerhome-2__title {
     text-align: center;
   }
 }
 .bannerhome-2__text {
   font-size: 1rem;
   text-align: center;
   color: white;
   margin: auto;
   margin-bottom: 2.5rem;
   text-align: left;
 }
 @media screen and (max-width: 800px) {
   .bannerhome-2__text {
     text-align: center;
   }
 }
 @media screen and (max-width: 800px) {
   .bannerhome-2__button {
     text-align: center;
   }
 }
 
 .video-youtube {
   text-align: center;
   margin-top: 4rem;
 }
 
 @media screen and (max-width: 800px) {
   .video-youtube iframe {
     width: 100%;
   }
 }
 
 .filtro-home {
   margin-top: 2.5rem;
   background: white;
   padding: 1rem 1rem;
 }
 @media screen and (max-width: 800px) {
   .filtro-home {
     display: -ms-grid;
     display: grid;
     grid-row-gap: 1rem;
   }
 }
 .filtro-home__input {
   font-size: 0.85rem;
   border: 1px solid white;
   color: #304C56;
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
   padding-left: 0.3rem;
   background: white;
   width: 6.5rem;
 }
 @media screen and (max-width: 800px) {
   .filtro-home__input {
     width: 100%;
   }
 }
 .filtro-home__location {
   font-size: 0.85rem;
   border: 1px solid white;
   color: #304C56;
   padding-top: 0.55rem;
   padding-bottom: 0.55rem;
   padding-left: 0.6rem;
   background: white;
   width: 6rem;
 }
 @media screen and (max-width: 800px) {
   .filtro-home__location {
     width: 100%;
   }
 }
 .filtro-home__button {
   font-size: 0.85rem;
   padding-top: 0.39rem;
   padding-bottom: 0.39rem;
   float: right;
   width: 5.5rem;
   background: #304C56;
   text-align: center;
   font-weight: 300;
   border-radius: 3px;
 }
 @media screen and (max-width: 800px) {
   .filtro-home__button {
     width: 100%;
   }
 }
 
 .filtro-asesores {
   margin: auto;
   margin-top: 2.5rem;
   background: white;
   padding: 1rem 1rem;
   width: 23rem;
 }
 .filtro-asesores__input {
   font-size: 0.85rem;
   border: 1px solid white;
   color: #304C56;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 0.3rem;
   background: #F0F0F0;
   width: 16rem;
 }
 .filtro-asesores__button {
   font-size: 0.85rem;
   padding-top: 0.39rem;
   padding-bottom: 0.39rem;
   float: right;
   width: 6rem;
   background: #304C56;
   text-align: center;
   font-weight: 300;
   border-radius: 3px;
 }
 
 .anuncios {
   background: white;
   display: -ms-grid;
   display: grid;
   grid-column-gap: 1.8rem;
   margin: auto;
   -ms-grid-columns: 1fr 1fr 1fr 1fr;
   grid-template-columns: repeat(4, 1fr);
 }
 @media screen and (max-width: 1000px) {
   .anuncios {
     grid-column-gap: 1rem;
   }
 }
 @media screen and (max-width: 700px) {
   .anuncios {
     display: block;
   }
 }
 
 .anuncio {
   background-color: white;
   width: 100%;
   border: 1px solid #CCCCCC;
   color: #0d141c;
   margin-bottom: 1.5rem;
   padding-bottom: 0.5rem;
   position: relative;
 }
 .anuncio__title {
   width: 95%;
   margin: auto;
   margin-top: 0.3rem;
   text-transform: capitalize;
   margin-bottom: 0;
   font-size: 1rem;
   color: #1D1D1B;
   text-align: left;
   min-height: 3rem;
 }
 .anuncio__location {
   width: 95%;
   color: #0d141c;
   margin: auto;
   margin-top: 0;
   text-transform: capitalize;
   margin-bottom: 0;
   text-align: left;
   font-size: 0.85rem;
 }
 .anuncio__contenedor3 {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1.5fr 1fr;
   grid-template-columns: 1.5fr 1fr;
   width: 95%;
   margin: auto;
 }
 @media screen and (max-width: 350px) {
   .anuncio__contenedor3 {
     display: block;
   }
 }
 @media screen and (max-width: 1200px) and (min-width: 700px) {
   .anuncio__contenedor3 {
     display: block;
   }
 }
 .anuncio__picture {
   height: 15rem;
   width: 100%;
 }
 @media screen and (max-width: 1500px) {
   .anuncio__picture {
     height: 14rem;
   }
 }
 @media screen and (max-width: 1400px) {
   .anuncio__picture {
     height: 13rem;
   }
 }
 @media screen and (max-width: 1300px) {
   .anuncio__picture {
     height: 12rem;
   }
 }
 @media screen and (max-width: 1200px) {
   .anuncio__picture {
     height: 11rem;
   }
 }
 @media screen and (max-width: 1100px) {
   .anuncio__picture {
     height: 10.5rem;
   }
 }
 @media screen and (max-width: 1000px) {
   .anuncio__picture {
     height: 10rem;
   }
 }
 @media screen and (max-width: 900px) {
   .anuncio__picture {
     height: 9.5rem;
   }
 }
 @media screen and (max-width: 800px) {
   .anuncio__picture {
     height: 9rem;
   }
 }
 @media screen and (max-width: 700px) {
   .anuncio__picture {
     height: 24rem;
   }
 }
 @media screen and (max-width: 650px) {
   .anuncio__picture {
     height: 22.5rem;
   }
 }
 @media screen and (max-width: 600px) {
   .anuncio__picture {
     height: 21rem;
   }
 }
 @media screen and (max-width: 550px) {
   .anuncio__picture {
     height: 19.5rem;
   }
 }
 @media screen and (max-width: 500px) {
   .anuncio__picture {
     height: 18rem;
   }
 }
 @media screen and (max-width: 450px) {
   .anuncio__picture {
     height: 16.5rem;
   }
 }
 @media screen and (max-width: 400px) {
   .anuncio__picture {
     height: 15rem;
   }
 }
 @media screen and (max-width: 350px) {
   .anuncio__picture {
     height: 13.5rem;
   }
 }
 @media screen and (max-width: 300px) {
   .anuncio__picture {
     height: 12rem;
   }
 }
 .anuncio__data {
   -ms-grid-column: 1;
   font-size: 0.85rem;
   text-transform: capitalize;
   color: #0d141c;
   font-weight: 400;
 }
 @media screen and (max-width: 350px) {
   .anuncio__data {
     text-align: left;
   }
 }
 @media screen and (max-width: 1200px) and (min-width: 700px) {
   .anuncio__data {
     text-align: left;
   }
 }
 .anuncio__prize {
   -ms-grid-column: 2;
   font-size: 0.85rem;
   color: #0d141c;
   font-weight: 800;
   text-align: right;
 }
 @media screen and (max-width: 350px) {
   .anuncio__prize {
     text-align: left;
   }
 }
 @media screen and (max-width: 1200px) and (min-width: 700px) {
   .anuncio__prize {
     text-align: left;
   }
 }
 
 .filtro-top {
   margin-top: 4.5rem;
   margin-bottom: 2rem;
   background: white;
 }
 @media screen and (max-width: 800px) {
   .filtro-top {
     margin-bottom: 1rem;
   }
 }
 .filtro-top__input {
   font-size: 1rem;
   border: 1px solid #F0F0F0;
   color: #0d141c;
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
   padding-left: 0.3rem;
   background: #F0F0F0;
   width: 12.5%;
   border-radius: 3px;
 }
 @media screen and (max-width: 800px) {
   .filtro-top__input {
     margin-bottom: 0.6rem;
     padding-top: 0.3rem;
     padding-bottom: 0.3rem;
   }
 }
 @media screen and (max-width: 800px) {
   .filtro-top__mobile1 {
     float: left;
     width: 49%;
   }
 }
 @media screen and (max-width: 800px) {
   .filtro-top__mobile2 {
     float: right;
     width: 49%;
   }
 }
 .filtro-top__location {
   font-size: 1rem;
   border: 1px solid #F0F0F0;
   color: #0d141c;
   padding-top: 0.55rem;
   padding-bottom: 0.55rem;
   padding-left: 0.6rem;
   background: #F0F0F0;
   width: 23.5%;
   border-radius: 3px;
 }
 @media screen and (max-width: 1000px) {
   .filtro-top__location {
     width: 23%;
   }
 }
 @media screen and (max-width: 800px) {
   .filtro-top__location {
     width: 77%;
   }
 }
 .filtro-top__button {
   font-size: 1rem;
   padding-top: 0.39rem;
   padding-bottom: 0.39rem;
   float: right;
   width: 10%;
   background: #304C56;
   text-align: center;
   font-weight: 300;
 }
 @media screen and (max-width: 800px) {
   .filtro-top__button {
     width: 17%;
   }
 }
 @media screen and (max-width: 800px) {
   .filtro-top__mobile {
     display: none;
   }
 }
 
 .contador-resultados {
   border-bottom: 1px solid #A8A8A8;
   padding-bottom: 0.3rem;
   margin-bottom: 1.5rem;
 }
 
 .contador-resultadosA__text {
   font-size: 1rem;
   text-align: left;
   font-weight: 400;
   background: white;
 }
 @media screen and (max-width: 800px) {
   .contador-resultadosA__text {
     text-align: center;
     margin-bottom: 1rem;
   }
 }
 .contador-resultadosA__main {
   margin-left: 0.3rem;
 }
 
 .icon-search {
   color: white;
 }
 
 .icon-search-text {
   margin-left: 0.3rem;
   font-weight: 400;
 }
 @media screen and (max-width: 800px) {
   .icon-search-text {
     display: none;
   }
 }
 
 .icon-search-alt {
   color: white;
 }
 
 .icon-search-text-alt {
   margin-left: 0.3rem;
   font-weight: 400;
 }
 
 @media screen and (max-width: 400px) {
   .fa-filter {
     display: none;
   }
 }
 
 .dropbtn2 {
   color: white;
   border: none;
   cursor: pointer;
   font-size: 1.8rem;
 }
 
 .dropdown2 {
   float: right;
   position: relative;
   display: inline-block;
   margin-right: 0;
 }
 
 .dropdown2-content {
   margin-top: 0.1rem;
   padding-top: 0.4rem;
   display: none;
   position: absolute;
   background-color: white;
   width: 12rem;
   height: 7rem;
   -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.6);
           box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.6);
   z-index: 1;
   right: 0;
   text-align: left;
   font-size: 1rem;
 }
 .dropdown2-content__first {
   color: #636266;
   display: block;
   font-weight: 400;
 }
 .dropdown2-content__first__icon {
   color: #0d141c;
   padding-top: 0.2rem;
   padding-bottom: 0.2rem;
   padding-right: 0.6rem;
   font-size: 1.2rem;
 }
 .dropdown2-content__line {
   width: 85%;
 }
 .dropdown2-content__second {
   color: #636266;
   padding: 0.4rem 1.3rem;
   display: block;
 }
 
 .dropdown2-content a:hover {
   background-color: #ddd;
 }
 
 .show {
   display: block;
 }
 
 .fa-fire {
   padding-right: 0.8rem;
 }
 
 .filtro-modal {
   background: white;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 50% 50%;
   grid-template-columns: 50% 50%;
   margin-bottom: 0.3rem;
 }
 .filtro-modal__text {
   -ms-grid-column: 1;
   font-size: 1rem;
   color: #636266;
   background: white;
   padding-top: 0.4rem;
   color: #292929;
 }
 .filtro-modal__input {
   -ms-grid-column: 2;
   padding: 0.3rem 0.8rem;
   font-size: 1rem;
   background: white;
   border: white;
 }
 @media screen and (min-width: 800px) {
   .filtro-modal__hide {
     display: none;
   }
 }
 
 @media screen and (min-width: 1000px) {
   .tarjeta {
     width: 61.5rem;
     margin: auto;
     margin-top: 1.5rem;
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 42rem 300px;
     grid-template-columns: 42rem 300px;
     grid-column-gap: 0.5rem;
   }
 }
 @media screen and (min-width: 800px) {
   .tarjeta__anuncio {
     -ms-grid-column: 1;
     grid-column: 1;
     margin-top: 3.5rem;
     text-align: left;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
 }
 .tarjeta__anuncio__title {
   text-transform: uppercase;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 1.8rem;
 }
 .tarjeta__anuncio__location {
   text-transform: capitalize;
   font-size: 1rem;
   margin-top: 0;
   margin-bottom: 0;
   color: #0d141c;
 }
 .tarjeta__anuncio__imagen {
   width: 100%;
   margin: auto;
   margin-top: 1.5rem;
   border: 1px solid #D3D3D3;
 }
 @media screen and (min-width: 1000px) {
   .tarjeta__anuncio__imagen {
     height: 28rem;
   }
 }
 @media screen and (max-width: 999px) {
   .tarjeta__anuncio__imagen {
     height: 33rem;
   }
 }
 @media screen and (max-width: 950px) {
   .tarjeta__anuncio__imagen {
     height: 31.5rem;
   }
 }
 @media screen and (max-width: 900px) {
   .tarjeta__anuncio__imagen {
     height: 30rem;
   }
 }
 @media screen and (max-width: 850px) {
   .tarjeta__anuncio__imagen {
     height: 28.5rem;
   }
 }
 @media screen and (max-width: 800px) {
   .tarjeta__anuncio__imagen {
     height: 27rem;
   }
 }
 @media screen and (max-width: 750px) {
   .tarjeta__anuncio__imagen {
     height: 25.5rem;
   }
 }
 @media screen and (max-width: 700px) {
   .tarjeta__anuncio__imagen {
     height: 24rem;
   }
 }
 @media screen and (max-width: 650px) {
   .tarjeta__anuncio__imagen {
     height: 22.5rem;
   }
 }
 @media screen and (max-width: 600px) {
   .tarjeta__anuncio__imagen {
     height: 21rem;
   }
 }
 @media screen and (max-width: 550px) {
   .tarjeta__anuncio__imagen {
     height: 19.5rem;
   }
 }
 @media screen and (max-width: 500px) {
   .tarjeta__anuncio__imagen {
     height: 18rem;
   }
 }
 @media screen and (max-width: 450px) {
   .tarjeta__anuncio__imagen {
     height: 16.5rem;
   }
 }
 @media screen and (max-width: 400px) {
   .tarjeta__anuncio__imagen {
     height: 15rem;
   }
 }
 @media screen and (max-width: 350px) {
   .tarjeta__anuncio__imagen {
     height: 13.5rem;
   }
 }
 @media screen and (max-width: 300px) {
   .tarjeta__anuncio__imagen {
     height: 12rem;
   }
 }
 .tarjeta__anuncio__subtitle {
   margin-top: 2rem;
   margin-bottom: 1rem;
   font-size: 1rem;
   font-weight: bold;
   text-transform: uppercase;
   color: black;
 }
 @media screen and (min-width: 1200px) {
   .tarjeta__anuncio__subtitle2 {
     display: none;
   }
 }
 .tarjeta__anuncio__description {
   text-align: left;
   font-size: 1rem;
   color: #0d141c;
   line-height: 1.5;
   margin-bottom: 1.5rem;
 }
 .tarjeta__anuncio__datosprincipales {
   font-size: 1rem;
   text-align: left;
   margin-right: 0.8rem;
   margin-bottom: 0.5rem;
 }
 .tarjeta__anuncio__datosprincipales2 {
   font-size: 1rem;
   color: #0d141c;
 }
 .tarjeta__anuncio__prize {
   font-size: 2.2rem;
   margin-bottom: 0.2rem;
   text-align: right;
   color: #0d141c;
   font-size: 1.4rem;
 }
 .tarjeta__anuncio__prize2 {
   font-size: 1rem;
   margin-bottom: 1rem;
   text-align: right;
   color: #0d141c;
 }
 .tarjeta__anuncio__descargar {
   font-size: 1rem;
   color: #304C56;
   text-align: center;
 }
 .tarjeta__contacto {
   padding: 0;
   text-align: center;
   margin-top: 0;
   height: 50rem;
 }
 @media screen and (min-width: 800px) {
   .tarjeta__contacto {
     -ms-grid-column: 2;
     grid-column: 2;
     margin-top: 3.5rem;
     padding: 0 1rem;
   }
 }
 .tarjeta__contacto__anunciante {
   text-transform: capitalize;
   margin-bottom: 0;
   font-size: 1rem;
 }
 .tarjeta__contacto__picture {
   margin: auto;
   width: 8.5rem;
   height: 8.5rem;
   border-radius: 50%;
   margin-bottom: 1rem;
 }
 @media screen and (min-width: 800px) {
   .tarjeta__contacto__picture {
     width: 12rem;
     height: 12rem;
   }
 }
 .tarjeta__contacto__name {
   margin-top: 0rem;
   margin-bottom: 0.3rem;
   font-size: 0.9rem;
 }
 @media screen and (min-width: 800px) {
   .tarjeta__contacto__name {
     font-size: 1rem;
     margin-top: 1.5rem;
   }
 }
 .tarjeta__contacto__icon {
   font-size: 1.8rem;
   margin: 0 auto;
 }
 @media screen and (min-width: 800px) {
   .tarjeta__contacto__icon {
     font-size: 2rem;
     padding-top: 0.5rem;
     padding-bottom: 0.4rem;
   }
 }
 .tarjeta__contacto__phone {
   margin-top: 0;
   font-size: 1rem;
   text-align: center;
   color: #0d141c;
 }
 @media screen and (min-width: 800px) {
   .tarjeta__contacto__phone {
     padding-bottom: 0.3rem;
   }
 }
 .tarjeta__contacto__contacta {
   margin-top: 3rem;
   margin-bottom: 1.5rem;
   font-size: 1rem;
   text-transform: uppercase;
   font-weight: bold;
   color: black;
 }
 @media screen and (min-width: 800px) {
   .tarjeta__contacto__contacta {
     text-align: left;
   }
 }
 .tarjeta__contacto__aviso {
   width: 95%;
   margin: auto;
   margin-top: 0;
   margin-bottom: 0.3rem;
   color: #0d141c;
   font-size: 1rem;
 }
 @media screen and (min-width: 800px) {
   .tarjeta__contacto__aviso {
     margin: 0 auto;
   }
 }
 .tarjeta__contacto__button {
   margin-top: 2rem;
 }
 
 .contacto2__form__input {
   width: 95%;
   padding: 0.6rem 0.8rem;
   margin: 0.3rem;
   border: 1px solid #ccc;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 1rem;
   border-radius: 3px;
 }
 .contacto2__form__mensaje {
   min-width: 95%;
   max-width: 95%;
   padding: 0.6rem 0.8rem;
   margin: 0.3rem;
   display: inline-block;
   border: 1px solid #ccc;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 1rem;
   border-radius: 3px;
   min-height: 12rem;
   max-height: 12rem;
 }
 .contacto2__form__boton {
   color: white;
   padding: 0.7rem 1.2rem;
   margin: 0.5rem 0;
   border: none;
   cursor: pointer;
   width: 95%;
 }
 
 #banner-us {
   height: auto;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
 @media screen and (min-width: 1200px) {
   #banner-us {
     background-position: center;
   }
 }
 
 .banner-nosotros {
   background-image: url(../img/banner-1.jpg);
 }
 
 .banner-contacto {
   background-image: url(../img/banner-3.jpg);
 }
 
 .banner-asesores {
   background-image: url(../img/banner-4.jpg);
 }
 
 .banner-us {
   height: 26rem;
 }
 .banner-us__title {
   font-size: 2.6rem;
   font-weight: 600;
   margin: auto;
   margin-bottom: 0;
   padding-top: 10rem;
   color: white;
   text-align: center;
 }
 
 .three-columns {
   text-align: left;
 }
 .three-columns__block {
   display: grid;
   -ms-grid-columns: 1fr 5.5rem 1fr 5.5rem 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-column-gap: 5.5rem;
   grid-row-gap: 2.5rem;
   margin: auto;
   margin-top: 3.5rem;
   width: 100%;
 }
 @media screen and (max-width: 1200px) {
   .three-columns__block {
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
   }
 }
 @media screen and (max-width: 800px) {
   .three-columns__block {
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
   }
 }
 .three-columns__item {
   margin: 0;
   background: white;
   border: 1px solid #ccc;
   border-bottom: 2px solid #304C56;
 }
 @media screen and (max-width: 1200px) {
   .three-columns__item {
     width: 20rem;
     margin-bottom: 1.5rem;
     width: 100%;
   }
 }
 .three-columns__img {
   width: 100%;
   margin: auto;
   display: block;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
 }
 .three-columns__img:hover {
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
 }
 .three-columns__picture {
   margin: auto;
   width: 8.5rem;
   height: 8.5rem;
   border-radius: 50%;
   margin-bottom: 1rem;
   border: 2px solid #F0F0F0;
   display: block;
 }
 @media screen and (min-width: 800px) {
   .three-columns__picture {
     width: 12rem;
     height: 12rem;
   }
 }
 .three-columns__up {
   position: relative;
   margin: auto;
   overflow: hidden;
   margin-top: 1.5rem;
 }
 .three-columns__down {
   text-align: center;
   min-height: auto;
   margin: auto;
   margin-bottom: 1.5rem;
   color: #0d141c;
 }
 @media screen and (max-width: 1200px) {
   .three-columns__down {
     width: 95%;
     min-height: 5.2rem;
   }
 }
 .three-columns__title {
   font-weight: bold;
   font-size: 1rem;
   margin-bottom: 0;
   margin-top: 1.5rem;
   text-align: center;
 }
 @media screen and (max-width: 1200px) {
   .three-columns__title {
     text-align: center;
     font-size: 1rem;
   }
 }
 .three-columns__text {
   color: #0d141c;
   font-size: 1rem;
   margin-top: 1.5rem;
   margin-bottom: 0;
   text-align: justify;
 }
 @media screen and (max-width: 1200px) {
   .three-columns__text {
     margin-bottom: 5rem;
     font-size: 1rem;
   }
 }
 .three-columns__button {
   margin-top: 1rem;
   text-align: center;
   margin-bottom: 0.8rem;
 }
 
 .center-text {
   background: white;
   text-align: center;
 }
 .center-text__block {
   margin: auto;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding-top: 3.8rem;
 }
 .center-text__title {
   font-size: 1.4rem;
   font-weight: 800;
   color: #636266;
   text-align: center;
   text-transform: uppercase;
   margin-bottom: 0;
 }
 .center-text__title-alt {
   font-size: 1.4rem;
   font-weight: 800;
   text-align: center;
   text-transform: uppercase;
   margin-bottom: 0;
 }
 .center-text__block-p {
   margin-top: 2rem;
 }
 .center-text__text {
   font-size: 1rem;
   width: 90%;
   margin: auto;
 }
 @media screen and (max-width: 800px) {
   .center-text__text {
     width: 100%;
     text-align: center;
   }
 }
 .center-text__text-alt {
   font-size: 1rem;
   color: #636266;
   text-align: center;
   text-transform: uppercase;
 }
 
 .grid-three {
   margin-top: 1rem;
 }
 .grid-three__block {
   background: white;
   display: -ms-grid;
   display: grid;
   margin: auto;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
 }
 @media screen and (max-width: 1200px) {
   .grid-three__block {
     display: block;
   }
 }
 .grid-three__item {
   text-align: center;
   height: 10.5rem;
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
 }
 .grid-three__item:hover {
   -webkit-transform: scale(1.09);
       -ms-transform: scale(1.09);
           transform: scale(1.09);
 }
 .grid-three__icon {
   height: 6.8rem;
   margin-top: 1.5rem;
   position: relative;
 }
 
 .grid-two {
   margin-bottom: 2rem;
   margin-top: 2.4rem;
 }
 .grid-two__block {
   background: white;
   display: -ms-grid;
   display: grid;
   margin: auto;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   grid-column-gap: 1.2rem;
   margin-bottom: 1.2rem;
 }
 @media screen and (max-width: 1200px) {
   .grid-two__block {
     display: block;
   }
 }
 .grid-two__item {
   margin: auto;
   position: relative;
   overflow: hidden;
 }
 @media screen and (max-width: 1200px) {
   .grid-two__item {
     width: 60%;
     margin-bottom: 1.2rem;
   }
 }
 @media screen and (max-width: 600px) {
   .grid-two__item {
     width: 100%;
   }
 }
 .grid-two__itemB {
   margin: auto;
   position: relative;
 }
 @media screen and (max-width: 1200px) {
   .grid-two__itemB {
     width: 60%;
     margin-bottom: 0;
     margin-top: 4rem;
   }
 }
 @media screen and (max-width: 600px) {
   .grid-two__itemB {
     width: 100%;
   }
 }
 .grid-two__absolute {
   position: absolute;
   left: 2.5rem;
   right: 0;
   bottom: 1.8rem;
   min-height: 3rem;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 @media screen and (max-width: 1200px) {
   .grid-two__absolute {
     left: 0;
     width: 90%;
   }
 }
 .grid-two__absolute-alt {
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 @media screen and (max-width: 1200px) {
   .grid-two__absolute-alt {
     left: 2rem;
   }
 }
 .grid-two__bullet {
   width: 18px;
   height: 18px;
   background: #304C56;
 }
 .grid-two__bullet-alt {
   width: 25px;
   height: 14px;
   background: #304C56;
   margin-top: 0.3rem;
 }
 .grid-two__a-text {
   text-transform: uppercase;
   font-size: 1rem;
   color: white;
   margin-left: 1rem;
   line-height: 1.5;
 }
 @media screen and (max-width: 600px) {
   .grid-two__a-text {
     font-size: 0.85rem;
     margin-left: 0.6rem;
   }
 }
 .grid-two__a-text-alt {
   text-transform: uppercase;
   font-size: 1rem;
   color: #0d141c;
   margin-left: 1rem;
   line-height: 1.5;
 }
 .grid-two__img {
   width: 100%;
   margin: auto;
   display: block;
 }
 .grid-two__img:hover {
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
 }
 .grid-two__item-alt {
   margin: auto;
   position: relative;
   width: 50%;
   overflow: hidden;
 }
 @media screen and (max-width: 1200px) {
   .grid-two__item-alt {
     width: 60%;
   }
 }
 @media screen and (max-width: 600px) {
   .grid-two__item-alt {
     width: 100%;
   }
 }
 .grid-two__block-alt {
   background: white;
 }
 .grid-two__img-alt {
   margin: auto;
   display: block;
   width: 100%;
 }
 .grid-two__img-alt:hover {
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
 }
 .grid-two__only {
   margin: auto;
   position: relative;
 }
 .grid-two__icon {
   height: 4.5rem;
   margin: auto;
   margin-top: 1.5rem;
   position: relative;
   text-align: center;
   display: block;
 }
 .grid-two__icon:hover {
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
 }
 .grid-two__icon-alt {
   height: 6.5rem;
   margin: auto;
   margin-top: 0;
   position: relative;
   text-align: center;
   display: block;
 }
 
 .banner-middle__img {
   width: 90%;
   display: block;
   margin: auto;
   margin-top: 3rem;
 }
 .banner-middle__img:hover {
   -webkit-transform: scale(1.04);
       -ms-transform: scale(1.04);
           transform: scale(1.04);
 }
 
 .boton-panico-alt {
   margin-top: 6rem;
 }
 @media screen and (max-width: 1200px) {
   .boton-panico-alt {
     display: block;
   }
 }
 .boton-panico-alt__block {
   display: -ms-grid;
   display: grid;
   margin: auto;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   height: auto;
   padding-top: 0.5rem;
   width: 50rem;
   padding-bottom: 2.8rem;
 }
 @media screen and (max-width: 1200px) {
   .boton-panico-alt__block {
     width: auto;
   }
 }
 @media screen and (max-width: 1200px) {
   .boton-panico-alt__block {
     display: table;
   }
 }
 .boton-panico-alt__margintop {
   margin-top: 3rem;
 }
 @media screen and (max-width: 1200px) {
   .boton-panico-alt__margintop {
     margin-top: 0;
   }
 }
 .boton-panico-alt__item {
   display: -ms-grid;
   display: grid;
   -ms-grid-rows: 1fr 1fr 1fr;
   grid-template-rows: 1fr 1fr 1fr;
 }
 .boton-panico-alt__item-left {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin-bottom: 0.8rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
 @media screen and (max-width: 1200px) {
   .boton-panico-alt__item-left {
     margin: auto;
   }
 }
 .boton-panico-alt__item-right {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin-bottom: 0.8rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
 @media screen and (max-width: 1200px) {
   .boton-panico-alt__item-right {
     margin: auto;
   }
 }
 @media screen and (max-width: 1200px) {
   .boton-panico-alt__item-in2 {
     margin-bottom: 2rem;
   }
 }
 .boton-panico-alt__icon {
   height: 9rem;
   margin: auto;
   display: block;
   margin-bottom: 0.3rem;
 }
 .boton-panico-alt__icon:hover {
   -webkit-transform: scale(1.08);
       -ms-transform: scale(1.08);
           transform: scale(1.08);
 }
 .boton-panico-alt__text {
   color: #0d141c;
   line-height: 1.2;
   text-align: center;
   margin-left: 0.5rem;
   text-transform: uppercase;
   font-size: 0.85rem;
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
 }
 .boton-panico-alt__img {
   width: 22.6rem;
   margin: auto;
   display: block;
   position: relative;
 }
 .boton-panico-alt__img:hover {
   -webkit-transform: scale(1.05);
       -ms-transform: scale(1.05);
           transform: scale(1.05);
 }
 @media screen and (max-width: 1200px) {
   .boton-panico-alt__img {
     width: 20rem;
     display: table-header-group;
     margin-bottom: 2.4rem;
   }
 }
 @media screen and (max-width: 600px) {
   .boton-panico-alt__img {
     width: 100%;
   }
 }
 
 .controla-alt {
   width: 70%;
   margin: auto;
   margin-top: 4.5rem;
 }
 @media screen and (max-width: 1200px) {
   .controla-alt {
     width: 100%;
   }
 }
 @media screen and (min-width: 1400px) {
   .controla-alt {
     width: 100%;
   }
 }
 .controla-alt__A {
   display: block;
   text-align: center;
 }
 @media screen and (min-width: 1400px) {
   .controla-alt__A {
     width: 60rem;
     margin: auto;
   }
 }
 .controla-alt__B {
   display: grid;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr 1fr;
   margin: auto;
 }
 @media screen and (max-width: 1200px) {
   .controla-alt__B {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
   }
 }
 @media screen and (min-width: 1400px) {
   .controla-alt__B {
     width: 60rem;
     margin: auto;
   }
 }
 .controla-alt__C {
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr;
   width: 34rem;
   margin: auto;
 }
 @media screen and (max-width: 1200px) {
   .controla-alt__C {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
     width: auto;
   }
 }
 @media screen and (min-width: 1400px) {
   .controla-alt__C {
     width: 60rem;
     margin: auto;
   }
 }
 @media screen and (max-width: 1200px) {
   .controla-alt__item-in2 {
     margin-bottom: 2rem;
   }
 }
 .controla-alt__icon {
   height: 10rem;
   margin: auto;
   display: block;
   margin-top: 0.6rem;
   margin-bottom: 0.6rem;
 }
 .controla-alt__icon:hover {
   -webkit-transform: scale(1.08);
       -ms-transform: scale(1.08);
           transform: scale(1.08);
 }
 .controla-alt__text {
   color: #0d141c;
   line-height: 1.2;
   text-align: center;
   margin-left: 0.5rem;
   text-transform: uppercase;
   font-size: 0.85rem;
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
 }
 .controla-alt__img {
   width: 17rem;
   margin: auto;
   display: block;
   position: relative;
 }
 @media screen and (max-width: 1200px) {
   .controla-alt__img {
     width: 20rem;
     display: table-header-group;
     margin-bottom: 2.4rem;
   }
 }
 @media screen and (max-width: 600px) {
   .controla-alt__img {
     width: 100%;
   }
 }
 
 .grid-filter {
   display: grid;
   -ms-grid-columns: 1fr 1fr 1fr 3fr;
   grid-template-columns: 1fr 1fr 1fr 3fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr 1fr 3fr;
   margin-top: 4.2rem;
 }
 @media screen and (max-width: 400px) {
   .grid-filter {
     grid-template-columns: 1fr 3fr 3fr 1fr;
     -ms-grid-columns: 1fr 3fr 3fr 1fr;
   }
 }
 .grid-filter__square {
   background: #636266;
   -ms-grid-column: 2;
   -ms-grid-column-span: 2;
   grid-column: 2/4;
   -ms-grid-row: 1;
   -ms-grid-row-span: 1;
   grid-row: 1/2;
   height: 15rem;
   width: 15rem;
   margin-top: 3rem;
   padding: 2rem;
   z-index: 1;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 @media screen and (max-width: 400px) {
   .grid-filter__square {
     width: auto;
   }
 }
 .grid-filter__flecha-left {
   width: 2rem;
   position: absolute;
   top: 1.2rem;
   left: 1.2rem;
 }
 .grid-filter__flecha-right {
   width: 2rem;
   position: absolute;
   bottom: 1.2rem;
   right: 1.2rem;
 }
 .grid-filter__text {
   color: white;
   font-size: 0.85rem;
   text-align: justify;
   margin: auto;
   padding: 1rem;
   font-weight: 400;
   line-height: 1.5;
 }
 .grid-filter__textB {
   margin-top: 0.5rem;
 }
 .grid-filter__img {
   -ms-grid-column: 3;
   -ms-grid-column-span: 2;
   grid-column: 3/5;
   -ms-grid-row: 1;
   -ms-grid-row-span: 1;
   grid-row: 1/2;
   height: 100%;
   height: 24rem;
   background-image: url(../img/banner-filtro.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 0;
 }
 
 .grid-filter-alt {
   display: grid;
   -ms-grid-columns: 1fr 5rem 2fr 6rem 2.5fr 2fr;
   grid-template-columns: 1fr 5rem 2fr 6rem 2.5fr 2fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 5rem 2fr 6rem 2.5fr 2fr;
   margin-top: 4.2rem;
 }
 @media screen and (max-width: 1200px) {
   .grid-filter-alt {
     display: block;
   }
 }
 .grid-filter-alt__img {
   -ms-grid-column: 1;
   -ms-grid-column-span: 3;
   grid-column: 1/4;
   -ms-grid-row: 1;
   -ms-grid-row-span: 3;
   grid-row: 1/4;
   height: 28rem;
   background-image: url(../img/filtro-fondo.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 0;
 }
 @media screen and (max-width: 1200px) {
   .grid-filter-alt__img {
     display: none;
   }
 }
 .grid-filter-alt__square1 {
   -ms-grid-column: 4;
   -ms-grid-column-span: -1;
   grid-column: 4/3;
   -ms-grid-row: 2;
   -ms-grid-row-span: 1;
   grid-row: 2/3;
   z-index: 1;
   width: 16rem;
   padding-left: 2rem;
   position: relative;
 }
 @media screen and (max-width: 1200px) {
   .grid-filter-alt__square1 {
     padding-left: 0;
     margin: auto;
     margin-top: 2rem;
   }
 }
 .grid-filter-alt__square2 {
   -ms-grid-column: 4;
   -ms-grid-column-span: 2;
   grid-column: 4/6;
   -ms-grid-row: 2;
   -ms-grid-row-span: 1;
   grid-row: 2/3;
   z-index: 1;
   position: relative;
 }
 @media screen and (max-width: 1200px) {
   .grid-filter-alt__square2 {
     margin-top: 3.5rem;
   }
 }
 .grid-filter-alt__hoja {
   margin: auto;
   display: block;
   height: 18.5rem;
   -webkit-box-shadow: 8px 24px 8px 5px rgba(0, 0, 0, 0.2);
           box-shadow: 8px 24px 8px 5px rgba(0, 0, 0, 0.2);
 }
 .grid-filter-alt__title {
   color: red;
   text-transform: uppercase;
   font-size: 0.85rem;
   text-align: center;
   margin-bottom: 0.4rem;
   font-weight: 500;
 }
 .grid-filter-alt__titlegrid {
   color: #8CC63F;
   text-transform: uppercase;
   font-size: 0.85rem;
   text-align: center;
   margin-bottom: 0.4rem;
   font-weight: 500;
 }
 .grid-filter-alt__border {
   border: 3px solid #8CC63F;
   display: -ms-grid;
   display: grid;
   height: 20rem;
 }
 .grid-filter-alt__bordergrid {
   border: 3px solid red;
   display: -ms-grid;
   display: grid;
   grid-template-columns: 1fr 1fr;
   -ms-grid-columns: 1fr 1fr;
   height: 20rem;
 }
 @media screen and (max-width: 1200px) {
   .grid-filter-alt__bordergrid {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
     grid-template-rows: 1fr 1fr;
     -ms-grid-rows: 1fr 1fr;
     grid-row-gap: 1rem;
     height: auto;
     padding-top: 1rem;
     padding-bottom: 1rem;
     width: 15.5rem;
     margin: auto;
   }
 }
 .grid-filter-alt__check {
   height: 2.6rem;
   position: absolute;
   bottom: -1.5rem;
   left: 46%;
 }
 
 .section-brands__block {
   background: white;
   display: -ms-grid;
   display: grid;
   margin: auto;
   -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
   grid-template-columns: repeat(5, 1fr);
 }
 @media screen and (max-width: 1200px) {
   .section-brands__block {
     grid-template-columns: repeat(3, 1fr);
     -ms-grid-columns: 1fr 1fr 1fr;
   }
 }
 @media screen and (max-width: 800px) {
   .section-brands__block {
     grid-template-columns: repeat(2, 1fr);
     -ms-grid-columns: 1fr 1fr;
   }
 }
 @media screen and (max-width: 500px) {
   .section-brands__block {
     display: block;
   }
 }
 .section-brands__item {
   text-align: center;
   height: 10.5rem;
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
 }
 .section-brands__icon {
   height: 5.3rem;
   margin-top: 1.5rem;
   position: relative;
 }
 .section-brands__icon-alt {
   width: 73%;
   margin-top: 1.5rem;
   position: relative;
 }
 .section-brands__icon-alt:hover {
   -webkit-transform: scale(1.2);
       -ms-transform: scale(1.2);
           transform: scale(1.2);
 }
 @media screen and (max-width: 1200px) {
   .section-brands__icon-alt {
     height: 12rem;
   }
 }
 
 .blog-block {
   margin-top: 4.5rem;
 }
 
 .banner-block-blog {
   margin-top: 5.5rem;
 }
 
 .banner-block-asesores {
   margin-bottom: 2.5rem;
 }
 
 #blog-container {
   margin-top: 5rem;
   margin-bottom: 2.5rem;
 }
 
 .blog-container {
   display: -ms-grid;
   display: grid;
   grid-column-gap: 3.5rem;
   grid-row-gap: 1.5rem;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
 }
 @media screen and (max-width: 1200px) {
   .blog-container {
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
   }
 }
 @media screen and (max-width: 600px) {
   .blog-container {
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
   }
 }
 
 .blog-articulo {
   margin: auto;
 }
 @media screen and (max-width: 1000px) {
   .blog-articulo {
     display: block;
   }
 }
 .blog-articulo__A {
   width: 90%;
   margin: auto;
 }
 @media screen and (max-width: 1000px) {
   .blog-articulo__A {
     width: 100%;
   }
 }
 .blog-articulo__title {
   font-size: 1.4rem;
   text-align: center;
   margin-top: 0;
   text-align: left;
 }
 .blog-articulo__img {
   width: 100%;
   margin-top: 2rem;
 }
 .blog-articulo__description {
   margin-top: 1.5rem;
   font-size: 1rem;
   color: #0d141c;
   text-align: justify;
 }
 .blog-articulo__subtitle {
   font-weight: bold;
   margin-top: 4rem;
   margin-bottom: 1.5rem;
   font-size: 1rem;
 }
 .blogarticulo-author {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 2fr;
   grid-template-columns: 1fr 2fr;
   border-top: 2px solid #F0F0F0;
   border-bottom: 2px solid #F0F0F0;
   margin-top: 3rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 .blogarticulo-author__left {
   -ms-grid-column: 1;
 }
 .blogarticulo-author__right {
   -ms-grid-column: 2;
 }
 .blogarticulo-author__title {
   margin-top: 1.3rem;
   font-size: 1rem;
   font-weight: bold;
 }
 .blogarticulo-author__description {
   font-size: 1rem;
 }
 .blogarticulo-author__description2 {
   margin-top: 1rem;
   font-size: 1rem;
 }
 .blogarticulo-author__pic {
   width: 12.5rem;
 }
 
 .icon-bar2 {
   text-align: center;
   margin-bottom: 2rem;
 }
 
 .icon-bar2 a {
   display: inline-block;
   margin-bottom: 0.5rem;
   width: 24.4%;
   color: white;
   font-size: 20px;
   padding-top: 0.3rem;
   padding-bottom: 0.3rem;
 }
 @media screen and (max-width: 600px) {
   .icon-bar2 a {
     width: 22%;
   }
 }
 
 .facebook {
   background: #3B5998;
   color: white;
 }
 
 .twitter {
   background: #55ACEE;
   color: white;
 }
 
 .google {
   background: #dd4b39;
   color: white;
 }
 
 .whatsapp {
   background: #34AF23;
   color: white;
 }
 
 .contact-alt {
   margin: auto;
   background: #636266;
   float: right;
   padding-top: 1.5rem;
   margin-bottom: 2.5rem;
 }
 @media screen and (max-width: 1000px) {
   .contact-alt {
     width: 30rem;
     float: none;
   }
 }
 @media screen and (max-width: 600px) {
   .contact-alt {
     width: 100%;
   }
 }
 .contact-alt__title {
   font-size: 1.8rem;
   text-align: center;
   color: white;
   margin: auto;
   width: 86%;
   font-weight: 1000;
   line-height: 1.2;
 }
 @media screen and (max-width: 600px) {
   .contact-alt__title {
     width: 95%;
   }
 }
 .contact-alt__text {
   font-size: 1rem;
   text-align: left;
   color: white;
   margin: auto;
   margin-top: 1rem;
   width: 86%;
 }
 @media screen and (max-width: 600px) {
   .contact-alt__text {
     width: 95%;
   }
 }
 .contact-alt__form {
   width: 86%;
   margin: auto;
   margin-top: 0.6rem;
 }
 @media screen and (max-width: 600px) {
   .contact-alt__form {
     width: 95%;
   }
 }
 .contact-alt__input {
   width: 100%;
   padding: 0.6rem 0.8rem;
   margin: 1rem 0 0rem;
   display: inline-block;
   border: 1px solid #A8A8A8;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 0.85rem;
   height: 2.5rem;
   color: #0d141c;
 }
 .contact-alt__button {
   text-align: center;
   margin-top: 1.8rem;
   padding-bottom: 1.8rem;
   border: none;
 }
 
 .fb-page {
   margin-left: 11%;
 }
 
 .blog-container-alt {
   display: -ms-grid;
   display: grid;
   grid-column-gap: 2.5rem;
   grid-row-gap: 0.4rem;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   margin-bottom: 1.5rem;
   width: 92%;
 }
 @media screen and (max-width: 1200px) {
   .blog-container-alt {
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
   }
 }
 @media screen and (max-width: 600px) {
   .blog-container-alt {
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
   }
 }
 
 .blog-item {
   margin-bottom: 1.5rem;
   border: 1px solid #F0F0F0;
 }
 .blog-item__title {
   width: 95%;
   margin: auto;
   text-transform: capitalize;
   margin-bottom: 0.3rem;
   font-size: 0.85rem;
   color: #636266;
   text-align: left;
 }
 .blog-item__picture {
   width: 100%;
 }
 
 #appointment-postula {
   margin-top: 5rem;
 }
 
 .appointment {
   width: 40rem;
   margin: auto;
   padding-top: 2.5rem;
   padding-bottom: 2rem;
 }
 @media screen and (max-width: 800px) {
   .appointment {
     width: 100%;
   }
 }
 .appointment__title {
   font-size: 1.4rem;
   text-align: left;
   margin-top: 0;
   font-weight: 600;
   color: #0d141c;
 }
 @media screen and (max-width: 800px) {
   .appointment__title {
     text-align: center;
     width: 100%;
   }
 }
 .appointment__text {
   font-size: 1rem;
   margin-bottom: 1.5rem;
   color: white;
   margin: 1.2rem 1rem;
   font-weight: 400;
 }
 @media screen and (max-width: 800px) {
   .appointment__text {
     width: 100%;
   }
 }
 .appointment__left {
   color: #1D1D1B;
 }
 @media screen and (max-width: 800px) {
   .appointment__left {
     margin-bottom: 2.5rem;
   }
 }
 @media screen and (max-width: 800px) {
   .appointment__right {
     width: 100%;
   }
 }
 .appointment__square {
   background: #636266;
   border-radius: 20px;
   padding: 2.5rem 1.5rem;
   padding-bottom: 1rem;
 }
 .appointment__content {
   display: grid;
   display: -ms-grid;
   grid-template-columns: 0.5rem 1fr;
   -ms-grid-columns: 0.5rem 1fr;
   grid-column-gap: 1.5rem;
 }
 .appointment__gridicon {
   width: 1.8rem;
   padding-bottom: 20%;
 }
 .appointment__gridtext {
   margin-left: 0.8rem;
   line-height: 1.5;
   margin-bottom: 1.3rem;
 }
 .appointment__gridtextA {
   font-size: 0.6rem;
   font-weight: 700;
   text-transform: uppercase;
   color: white;
   margin-bottom: 0.4rem;
 }
 .appointment__gridtextA-alt {
   font-size: 0.6rem;
   font-weight: 700;
   color: white;
   margin-bottom: 0.4rem;
 }
 .appointment__gridtextB {
   font-size: 0.6rem;
   font-weight: 400;
   color: white;
   margin-bottom: 0.4rem;
 }
 .appointment__label {
   width: 100%;
   text-align: left;
   color: #0d141c;
   font-size: 0.6rem;
 }
 .appointment__checkpoint {
   margin-top: 0.6rem;
 }
 .appointment__input-alt {
   margin-left: 0.2rem;
   margin-right: 2.5rem;
 }
 .appointment__label-alt {
   width: 100%;
   text-align: left;
   color: #0d141c;
   font-size: 0.85rem;
   text-transform: uppercase;
 }
 .appointment__three {
   display: grid;
   display: -ms-grid;
   grid-template-columns: 1fr 1fr 1fr;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-column-gap: 0.7rem;
   text-align: left;
   color: #0d141c;
   font-size: 0.6rem;
 }
 .appointment__input {
   width: 100%;
   padding-left: 0.8rem;
   margin-top: 0.2rem;
   margin-bottom: 0.8rem;
   display: inline-block;
   border: none;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 0.6rem;
   height: 2.2rem;
   background: #DBDDDF;
   border-radius: 5px;
 }
 .appointment__two {
   display: grid;
   display: -ms-grid;
   grid-template-columns: 1fr 1fr;
   -ms-grid-columns: 1fr 1fr;
   grid-column-gap: 2rem;
 }
 @media screen and (max-width: 600px) {
   .appointment__two {
     display: block;
   }
 }
 .appointment__message {
   min-width: 100%;
   max-width: 100%;
   padding: 0.6rem 0.8rem;
   margin: 0.5rem 0 0;
   display: inline-block;
   border: none;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 1rem;
   min-height: 5.5rem;
   max-height: 5.5rem;
   background: #DBDDDF;
   border-radius: 5px;
 }
 .appointment__button {
   width: 13rem;
   margin: auto;
   margin-top: 1.6rem;
   display: block;
 }
 @media screen and (max-width: 1000px) {
   .appointment__button {
     margin-top: 2rem;
     display: block;
     width: 100%;
   }
 }
 .appointment__button-alt {
   width: 13rem;
   margin: auto;
   margin-top: 4rem;
   display: block;
 }
 @media screen and (max-width: 1000px) {
   .appointment__button-alt {
     width: 100%;
   }
 }
 
 #appointment-alt {
   background-image: url(../img/asesor-inmobiliario-viera-2.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
 
 .appointment-alt {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding-top: 3.5rem;
   padding-bottom: 4.5rem;
 }
 @media screen and (max-width: 800px) {
   .appointment-alt {
     display: block;
   }
 }
 .appointment-alt__title {
   font-size: 1.4rem;
   text-align: left;
   margin-top: 0;
   font-weight: 600;
   color: white;
 }
 @media screen and (max-width: 800px) {
   .appointment-alt__title {
     text-align: center;
     width: 100%;
   }
 }
 .appointment-alt__text {
   font-size: 1rem;
   text-align: left;
   margin-top: 0;
   margin-bottom: 1.5rem;
   width: 30rem;
   color: white;
 }
 @media screen and (max-width: 800px) {
   .appointment-alt__text {
     width: 100%;
   }
 }
 .appointment-alt__left {
   color: #1D1D1B;
 }
 @media screen and (max-width: 800px) {
   .appointment-alt__left {
     margin-bottom: 2.5rem;
   }
 }
 .appointment-alt__right {
   width: 30rem;
 }
 @media screen and (max-width: 800px) {
   .appointment-alt__right {
     width: 100%;
   }
 }
 .appointment-alt__form {
   width: 90%;
   float: right;
 }
 @media screen and (max-width: 800px) {
   .appointment-alt__form {
     float: none;
     width: 100%;
   }
 }
 .appointment-alt__label {
   width: 100%;
   text-align: left;
   color: white;
   font-size: 1rem;
 }
 .appointment-alt__input {
   width: 100%;
   padding-left: 0.8rem;
   margin-top: 0.5rem;
   margin-bottom: 1rem;
   display: inline-block;
   border: 1px solid #A8A8A8;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 1rem;
   height: 2.2rem;
 }
 .appointment-alt__two {
   display: grid;
   display: -ms-grid;
   grid-template-columns: 1fr 1fr;
   -ms-grid-columns: 1fr 1fr;
   grid-column-gap: 1.2rem;
 }
 .appointment-alt__message {
   min-width: 100%;
   max-width: 100%;
   padding: 0.6rem 0.8rem;
   margin: 0.5rem 0 1.4rem;
   display: inline-block;
   border: none;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   border: 1px solid #A8A8A8;
   font-size: 1rem;
   min-height: 9.8rem;
   max-height: 9.8rem;
 }
 .appointment-alt__button {
   width: 100%;
   border: none;
 }
 
 .error404 {
   width: 28rem;
   margin: auto;
   margin-bottom: 4rem;
 }
 @media screen and (max-width: 800px) {
   .error404 {
     width: 95%;
   }
 }
 .error404__text {
   margin-bottom: 4rem;
   color: #0d141c;
   font-size: 1rem;
   text-align: justify;
 }
 .error404__button {
   padding-bottom: 2rem;
   text-align: center;
 }
 
 .intranet-block {
   background-image: url(../img/banner-5.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-top: 5.5rem;
   padding-bottom: 5rem;
 }
 
 .intranet {
   margin: auto;
   background: white;
   width: 25rem;
   margin-top: 2.5rem;
 }
 @media screen and (max-width: 800px) {
   .intranet {
     width: 95%;
   }
 }
 .intranet__title {
   text-transform: uppercase;
   font-size: 1.4rem;
   text-align: center;
   padding-top: 2rem;
   margin-top: 0;
 }
 .intranet__text {
   font-size: 1rem;
   text-align: center;
   color: #0d141c;
   margin: auto;
   margin-top: 1.5rem;
   margin-bottom: 2.5rem;
   width: 80%;
 }
 @media screen and (max-width: 600px) {
   .intranet__text {
     width: 95%;
   }
 }
 .intranet__form {
   width: 80%;
   margin: auto;
 }
 @media screen and (max-width: 600px) {
   .intranet__form {
     width: 85%;
   }
 }
 .intranet__label {
   width: 100%;
   text-align: left;
   color: #0d141c;
   font-size: 1rem;
 }
 .intranet__input {
   width: 100%;
   padding: 0.6rem 0.8rem;
   margin: 0.5rem 0 1.5rem;
   display: inline-block;
   border: 1px solid #A8A8A8;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 1rem;
   color: #0d141c;
   height: 2.8rem;
 }
 .intranet__message {
   min-width: 100%;
   max-width: 100%;
   padding: 0.6rem 0.8rem;
   margin: 0.5rem 0 2rem;
   display: inline-block;
   border: 1px solid #A8A8A8;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 1rem;
   min-height: 9rem;
   max-height: 9rem;
 }
 .intranet__button {
   text-align: center;
   padding-bottom: 1.5rem;
 }
 
 #header-landing {
   width: 100%;
   background: #304C56;
 }
 
 .menu-landing {
   width: 80%;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   height: 5.4rem;
 }
 @media screen and (max-width: 1200px) {
   .menu-landing {
     width: 90%;
     height: 4rem;
   }
 }
 @media screen and (min-width: 1800px) {
   .menu-landing {
     width: 100rem;
   }
 }
 .menu-landing__burger {
   height: 2.5rem;
 }
 .menu-landing__ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   margin-top: 0.6rem;
   display: grid;
   display: -ms-grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
   grid-column-gap: 3rem;
 }
 @media screen and (max-width: 1200px) {
   .menu-landing__ul {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
   }
 }
 @media screen and (max-width: 1200px) {
   .menu-landing__li {
     display: block;
   }
 }
 .menu-landing__a {
   color: white;
   position: relative;
   font-size: 0.76rem;
   padding-bottom: 8px;
   font-weight: 600;
   text-align: center;
   display: block;
 }
 @media screen and (max-width: 1200px) {
   .menu-landing__a {
     display: block;
     text-align: left;
     margin-left: 5%;
     padding-top: 0.6rem;
     padding-bottom: 0.7rem;
     float: none;
     color: #0d141c;
     font-size: 1rem;
   }
 }
 
 .menu-landing__a:after {
   background: none repeat scroll 0 0 transparent;
   bottom: 0;
   content: "";
   display: block;
   height: 2px;
   left: 50%;
   position: absolute;
   background: white;
   -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
   -o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
   transition: width 0.3s ease 0s, left 0.3s ease 0s;
   width: 0;
 }
 
 .menu-landing__a:hover:after {
   width: 60%;
   left: 20%;
 }
 @media screen and (max-width: 1200px) {
   .menu-landing__a:hover:after {
     width: 0%;
   }
 }
 
 @media screen and (max-width: 1200px) {
   .container-menu-landing {
     width: 100%;
     padding-top: 0.6rem;
   }
 }
 
 .logo-landing {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   margin-top: 0;
 }
 .logo-landing__img {
   height: 2rem;
 }
 
 .btn-menu-landing {
   display: none;
   text-decoration: none;
   color: white;
   font-size: 1rem;
 }
 @media screen and (max-width: 1200px) {
   .btn-menu-landing {
     display: block;
   }
 }
 
 .menu-link-landing {
   margin-top: 0;
   padding-top: 0;
   width: 45rem;
 }
 @media screen and (max-width: 1200px) {
   .menu-link-landing {
     position: absolute;
     background: white;
     height: auto;
     width: 100%;
     top: 3.7rem;
     left: 0%;
     z-index: 1200;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
   }
 }
 .menu-link-landing__top {
   text-align: right;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
 @media screen and (max-width: 1200px) {
   .menu-link-landing__top {
     text-align: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
   }
 }
 .menu-link-landing__icon {
   height: 1.5rem;
   margin-right: 0.5rem;
 }
 .menu-link-landing__text {
   text-align: right;
   font-size: 1rem;
   color: #0d141c;
 }
 .icon {
   display: block;
   position: relative;
   width: 1.5em;
   height: 1.5em;
   margin: 0 auto;
 }
 
 .icon:before,
 .icon:after {
   content: "";
   position: absolute;
 }
 
 .dropp {
   margin: auto;
   margin-top: 2.2rem;
   width: 26rem;
   -webkit-box-shadow: 0 1px 3px #0a0a0a;
           box-shadow: 0 1px 3px #0a0a0a;
 }
 @media screen and (max-width: 1200px) {
   .dropp {
     width: 100%;
   }
 }
 
 .dropp-header {
   background: white;
   color: #0d141c;
   -webkit-box-align: stretch;
   box-align: stretch;
   -moz-align-items: stretch;
   -ms-align-items: stretch;
   -o-align-items: stretch;
   align-items: stretch;
   -ms-flex-align: stretch;
   display: -webkit-box;
   display: -moz-box;
   display: box;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   box-orient: horizontal;
   -webkit-box-direction: normal;
   box-direction: normal;
   -moz-flex-direction: row;
   flex-direction: row;
   -ms-flex-direction: row;
   -webkit-box-pack: start;
   box-pack: start;
   -moz-justify-content: flex-start;
   -ms-justify-content: flex-start;
   -o-justify-content: flex-start;
   justify-content: flex-start;
   -ms-flex-pack: start;
 }
 
 .dropp-header__title {
   display: block;
   padding: 1.2rem 1.2rem;
   -webkit-box-flex: 8;
   box-flex: 8;
   -moz-flex: 8;
   -ms-flex: 8;
   flex: 8;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
   -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
 }
 
 .dropp-header__btn {
   display: block;
   background: #304C56;
   color: #fff;
   padding: 1.2rem 0.5em;
   -webkit-box-flex: 1;
   box-flex: 1;
   -moz-flex: 1;
   -ms-flex: 1;
   flex: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
 
 .dropp-header__btn .icon {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
 
 .dropp-header__btn .icon:before,
 .dropp-header__btn .icon:after {
   top: 30%;
   left: 25%;
   width: 50%;
   height: 15%;
   background: black;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 
 .dropp-header__btn .icon:after {
   top: 55%;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 
 .dropp-header__btn.js-open {
   background: #dd4040;
 }
 
 .dropp-header__btn.js-open .icon {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 
 .dropp-header__btn.js-open .icon:before,
 .dropp-header__btn.js-open .icon:after {
   background: #fff;
 }
 
 .dropp-header__btn:focus {
   outline: none;
 }
 
 .dropp-body {
   overflow: hidden;
   width: 100%;
   max-height: 0;
   background: #292929;
   color: #fff;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
 
 .dropp-body.js-open {
   max-height: 20em;
 }
 
 .dropp-body label {
   display: block;
   font-size: 0.875em;
   color: #fff;
   text-decoration: none;
   padding: 1em 0.5em;
   font-weight: 400;
   -webkit-box-shadow: 0 -1px 0 #171717, inset 0 1px 0 #313131;
           box-shadow: 0 -1px 0 #171717, inset 0 1px 0 #313131;
   cursor: pointer;
 }
 
 .dropp-body label:first-child {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 
 .dropp-body label:hover,
 .dropp-body label.js-open {
   background: #dd4040;
 }
 
 .dropp-body label > input {
   display: none;
 }
 
 #banner-landing {
   background-image: url(../img/banner-landing.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
 @media screen and (max-width: 800px) {
   #banner-landing {
     background-position: 75%;
   }
 }
 @media screen and (max-width: 600px) {
   #banner-landing {
     background-position: 71%;
   }
 }
 
 .banner-landing {
   display: grid;
   display: -ms-grid;
   grid-template-columns: 1fr 1fr;
   -ms-grid-columns: 1fr 1fr;
   margin: auto;
   position: relative;
 }
 @media screen and (max-width: 800px) {
   .banner-landing {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
     height: auto;
   }
 }
 .banner-landing__left {
   color: white;
   -ms-grid-column: 1;
   text-align: left;
 }
 @media screen and (max-width: 800px) {
   .banner-landing__left {
     padding-left: 0;
     padding-top: 0;
     margin: auto;
     text-align: center;
   }
 }
 .banner-landing__right {
   -ms-grid-column: 2;
 }
 .banner-landing__more {
   text-align: center;
   position: absolute;
   bottom: 1.6rem;
   left: 45%;
   cursor: pointer;
 }
 .banner-landing__more:hover {
   -webkit-transform: scale(1.08);
       -ms-transform: scale(1.08);
           transform: scale(1.08);
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
 }
 @media screen and (max-width: 800px) {
   .banner-landing__more {
     display: none;
   }
 }
 .banner-landing__more-text {
   color: white;
   margin-bottom: 0;
   text-transform: uppercase;
   font-size: 0.6rem;
 }
 .contact-landing {
   margin: auto;
   margin-left: 0;
   margin-top: 5rem;
   background-color: rgba(255, 255, 255, 0.95);
   width: 27rem;
   padding-top: 2rem;
   padding-bottom: 2rem;
   margin-bottom: 5rem;
   border-radius: 10px;
 }
 @media screen and (max-width: 800px) {
   .contact-landing {
     display: block;
     margin-top: 17rem;
   }
 }
 @media screen and (max-width: 400px) {
   .contact-landing {
     padding-top: 1rem;
     width: 100%;
   }
 }
 .contact-landing__title {
   font-size: 1.8rem;
   text-align: center;
   color: #0d141c;
   margin: auto;
   width: 81%;
   text-transform: uppercase;
   line-height: 1.2;
   font-weight: 800;
 }
 @media screen and (max-width: 800px) {
   .contact-landing__title {
     display: none;
   }
 }
 .contact-landing__title-alt {
   display: none;
 }
 @media screen and (max-width: 800px) {
   .contact-landing__title-alt {
     display: block;
     font-size: 2.6rem;
     text-align: center;
     color: white;
     margin: auto;
     text-transform: uppercase;
     line-height: 1.4;
     padding-top: 4.5rem;
     width: 22rem;
     font-weight: 800;
   }
 }
 @media screen and (max-width: 400px) {
   .contact-landing__title-alt {
     width: 100%;
   }
 }
 .contact-landing__text {
   font-size: 1rem;
   text-align: left;
   color: #0d141c;
   margin: auto;
   margin-top: 2rem;
   width: 81%;
   margin-bottom: 1rem;
 }
 @media screen and (max-width: 800px) {
   .contact-landing__text {
     margin-top: 0;
   }
 }
 .contact-landing__text-alt {
   display: none;
 }
 @media screen and (max-width: 800px) {
   .contact-landing__text-alt {
     display: block;
     font-size: 1.9rem;
     line-height: 1.2;
     color: white;
     margin: auto;
     width: 81%;
   }
 }
 .contact-landing__form {
   width: 81%;
   margin: auto;
 }
 @media screen and (max-width: 600px) {
   .contact-landing__form {
     width: 88%;
   }
 }
 .contact-landing__input {
   width: 100%;
   padding: 0.6rem 0.8rem;
   margin: 0.8rem 0 0rem;
   display: inline-block;
   border: 1px solid #DBDDDF;
   border-radius: 5px;
   background: #DBDDDF;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 0.85rem;
   height: 2.5rem;
   color: #0d141c;
 }
 .contact-landing__button {
   text-align: center;
   margin-top: 1rem;
 }
 
 .soluciones {
   margin-bottom: 2rem;
 }
 @media screen and (max-width: 1700px) {
   .soluciones {
     margin-bottom: 3rem;
     margin-top: 1rem;
   }
 }
 .soluciones__title {
   color: #1D1D1B;
   padding-top: 2rem;
   text-align: center;
   text-transform: uppercase;
   font-size: 2.6rem;
   margin: auto;
   margin-bottom: 0;
   margin-top: 0;
   line-height: 1.2;
   font-family: "Bebas Neue", sans-serif;
   width: 28rem;
 }
 @media screen and (max-width: 1000px) {
   .soluciones__title {
     width: auto;
     margin-top: 18rem;
   }
 }
 .soluciones__block {
   display: -ms-grid;
   display: grid;
   margin: auto;
   -ms-grid-columns: 2.5fr 1fr;
   grid-template-columns: 2.5fr 1fr;
 }
 @media screen and (max-width: 1000px) {
   .soluciones__block {
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
   }
 }
 .soluciones__subtitle {
   color: #1D1D1B;
   padding-top: 2rem;
   text-align: right;
   font-size: 1rem;
   font-weight: 600;
 }
 @media screen and (max-width: 1000px) {
   .soluciones__subtitle {
     text-align: center;
   }
 }
 .soluciones__two {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   margin-top: 2rem;
 }
 @media screen and (max-width: 1000px) {
   .soluciones__two {
     width: 20rem;
     margin: auto;
     margin-top: 0;
   }
 }
 @media screen and (max-width: 600px) {
   .soluciones__two {
     width: 100%;
   }
 }
 
 .underline-block-alt {
   border-bottom: 6px solid #304C56;
   width: 65px;
   text-align: center;
   display: block;
   margin: auto;
   margin-top: 0.4rem;
 }
 
 .supervision {
   background-image: url(../img/banner-supervision.jpg);
   height: auto;
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   height: 35rem;
 }
 @media screen and (max-width: 800px) {
   .supervision {
     background-position: 85%;
   }
 }
 .supervision__block {
   margin: auto;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding-top: 2rem;
 }
 .supervision__text {
   text-align: center;
   color: white;
   text-transform: uppercase;
   line-height: 1.2;
   font-weight: 400;
   font-family: "Bebas Neue", sans-serif;
   font-size: 2.6rem;
   margin-bottom: 0rem;
 }
 
 .cotizacion {
   background-image: url(../img/banner-6.jpg);
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   margin-top: 5rem;
 }
 .cotizacion__block {
   margin: auto;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding-top: 2rem;
   padding-bottom: 2rem;
   display: grid;
   display: -ms-grid;
   grid-template-columns: 40rem auto;
   -ms-grid-columns: 40rem auto;
   grid-column-gap: 4.5rem;
 }
 @media screen and (min-width: 1600px) {
   .cotizacion__block {
     padding-top: 4rem;
   }
 }
 @media screen and (max-width: 1200px) {
   .cotizacion__block {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
   }
 }
 
 .appointment-landing {
   background-color: rgba(255, 255, 255, 0.95);
   height: auto;
   padding: 0.8rem 3.8rem 2.2rem;
   border-radius: 20px;
   width: 22rem;
 }
 @media screen and (max-width: 800px) {
   .appointment-landing {
     width: 70%;
     margin: auto;
   }
 }
 .appointment-landing__title {
   text-align: center;
   color: #0d141c;
   text-transform: uppercase;
   line-height: 1.2;
   font-weight: 800;
   font-size: 1.8rem;
   margin-bottom: 0rem;
 }
 .appointment-landing__text {
   font-size: 1rem;
   margin-bottom: 1.5rem;
   color: #0d141c;
   margin-top: 1.5rem;
 }
 @media screen and (max-width: 800px) {
   .appointment-landing__text {
     width: 100%;
   }
 }
 .appointment-landing__input {
   width: 100%;
   padding-left: 0.8rem;
   margin-top: 0.2rem;
   margin-bottom: 1rem;
   display: inline-block;
   border: none;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 0.85rem;
   height: 2rem;
   background: #DBDDDF;
   border-radius: 5px;
 }
 @media screen and (max-width: 600px) {
   .appointment-landing__input {
     border-radius: 0;
   }
 }
 .appointment-landing__button {
   margin: auto;
   margin-top: 0.5rem;
   display: block;
   border-radius: 5px;
 }
 @media screen and (max-width: 1000px) {
   .appointment-landing__button {
     float: none;
     margin: auto;
     margin-top: 2rem;
     display: block;
     width: 100%;
   }
 }
 
 .benefits {
   text-align: left;
 }
 .benefits__block {
   display: grid;
   -ms-grid-columns: 1fr 3.5rem 1fr 3.5rem 1fr 3.5rem 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   display: -ms-grid;
   -ms-grid-columns: 1fr 1fr 1fr 1fr;
   grid-column-gap: 3.5rem;
   margin: auto;
   width: 75%;
 }
 @media screen and (max-width: 1200px) {
   .benefits__block {
     grid-template-columns: 1fr 1fr;
     -ms-grid-columns: 1fr 1fr;
   }
 }
 @media screen and (max-width: 800px) {
   .benefits__block {
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
   }
 }
 .benefits__item {
   margin: auto;
 }
 @media screen and (max-width: 1200px) {
   .benefits__item {
     margin-bottom: 3rem;
   }
 }
 @media screen and (max-width: 800px) {
   .benefits__item {
     width: 20rem;
   }
 }
 @media screen and (max-width: 600px) {
   .benefits__item {
     width: 100%;
   }
 }
 .benefits__img {
   width: 5rem;
 }
 .benefits__up {
   text-align: center;
 }
 .benefits__down {
   text-align: center;
 }
 .benefits__title {
   font-weight: bold;
   font-size: 1rem;
   margin-bottom: 0;
 }
 .benefits__text {
   color: #0d141c;
   font-size: 0.85rem;
   margin-top: 0.3rem;
   margin-bottom: 0;
 }
 
 .testimonio {
   background-color: white;
   color: #0d141c;
 }
 .testimonio__picture {
   width: 13rem;
   height: 13rem;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   display: block;
   border-radius: 50%;
   margin: auto;
 }
 .testimonio__title {
   width: 95%;
   margin: auto;
   font-size: 1rem;
   font-weight: 800;
   color: #0d141c;
   text-align: center;
   margin-top: 1rem;
 }
 .testimonio__subtitle {
   width: 95%;
   margin: auto;
   font-size: 1rem;
   color: #0d141c;
   text-align: center;
   margin-top: 0.2rem;
 }
 .testimonio__description {
   font-size: 0.85rem;
   color: #0d141c;
   margin: auto;
   text-align: center;
   margin-top: 2rem;
   line-height: 2;
 }