/*! Theme styles */

/*! Fonts */
@import url('//fonts.googleapis.com/css?family=SuraSans:300,400,500,700&display=swap');
@font-face {font-family: SuraSans; src: url('../fonts/SuraSans-Bold.otf') format("woff2"), url('../fonts/SuraSans-Bold.otf') format("woff"), url('../fonts/SuraSans-Bold.otf') format("truetype"); font-display: swap; font-weight: 700; font-style: normal;}

/*! Colors */
:root {
  --white: 255, 255, 255;
  --light-gray: 236, 240, 241;
  --medium-gray: 151, 151, 151;
  --gray: 118, 134, 146;
  --blue-gray: 129, 137, 169;
  --light-blue-gray: 137, 161, 211;
  --dark-gray: 83, 86, 90;
  --aqua: 0, 174, 199;
  --yellow: 227, 232, 41;
  --blue: 0, 51, 160;
  --boxshadow: 0 2px 30px 0 rgb(224, 229, 240);
}

/*! Custom Reboot / Normalize */
html {font-size: 18px;}
img {max-width: 100%; height: auto; display: inline-block;}
a {transition: all ease-in-out .2s; -webkit-transform: translate3d(0,0,0); color: rgb(var(--aqua));}
body {color: rgb(var(--dark-gray)); background-color: rgb(var(--white)); font: normal 400 1rem/1.3 'SuraSans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; text-rendering: optimizeLegibility; overflow-x: hidden;}

/*! Helper classes */
.text-align-right {text-align: right;}
.text-align-right {text-align: right;}
.text-align-center {text-align: center;}

/*! Buttons */
.button {display: inline-block; padding: .88rem 1.6rem; -webkit-appearance: none; border: 0; background: none; color: rgb(var(--dark-gray)); text-transform: uppercase; text-decoration: none!important; font-weight: 500; font-size: .88rem; cursor: pointer; text-align: center; line-height: 1; border-radius: 99rem; transition: all ease-in-out .2s;}
.button.button-outline {padding: calc(.88rem - 4px) calc(1.6rem - 4px); border: 2px solid transparent;}
.button.button-transparent {background-color: transparent; color: rgb(var(--dark-gray)); font-weight: 400;}
.button.button-transparent:hover {background-color: rgba(var(--light-gray),.75);}
.button.button-aqua {background-color: rgb(var(--aqua)); color: rgb(var(--white));}
.button.button-aqua:hover {background-color: rgba(var(--aqua),.7);}
.button.button-aqua.button-outline {background-color: rgb(var(--white)); color: rgb(var(--aqua)); border-color: rgb(var(--aqua));}
.button.button-aqua.button-outline:hover {color: rgb(var(--white)); background: rgb(var(--aqua));}
.button.button-yellow {background-color: rgb(var(--yellow)); color: rgb(var(--dark-gray));}
.button.button-yellow:hover {background-color: rgba(var(--yellow),.7);}
.button.button-blue {background-color: rgb(var(--blue)); color: rgb(var(--white));}
.button.button-blue:hover {background-color: rgba(var(--blue),.7);}
.button.button-full {padding: .88rem; width: 100%;}
.button.button-big {padding: 1rem; font-weight: 700; font-size: 1.1rem;}
.text-align-right .button {margin-left: .5rem;}
.text-align-center .button {margin: 0 .25rem;}
.text-align-left .button {margin-right: .5rem;}
.button:only-child {margin: 0;}

/*! Modal window */
.modal-window {overflow: auto; -webkit-overflow-scrolling: touch;}
.modal-window {position: fixed; background-color: rgba(var(--dark-gray),.7); top: 0; right: 0; bottom: 0; left: 0; z-index: 999; visibility: hidden; opacity: 0; pointer-events: none; transition: all ease-in-out .2s;}
.modal-window:target {visibility: visible; opacity: 1; pointer-events: auto;}
.modal-close {position: absolute; right: 0; top: 0;}
.modal-inner {width: 100%; max-width: 1140px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 2rem 1rem 2rem; background: rgb(var(--white)); overflow-y: auto;}
.modal-close {display: block; width: 1rem; height: 1rem; position: absolute; top: 2rem; right: 2rem; background: url('../img/icon-times-aqua.svg') center no-repeat; background-size: contain; cursor: pointer; z-index: 99;}
.modal-close:hover {opacity: .75;}
.modal-close .label {text-indent: -999rem; display: block;}
.modal-body > div {border-right: 2px solid rgba(var(--dark-gray),.4);}
.modal-body > div:last-child {border: 0;}
.modal-window .contact-item, .modal-window .login-item {padding: 0 2rem;}
.modal-window ul {padding-left: 1.5rem;}
.modal-window a {text-decoration: underline; font-size: .88rem;}
.modal-window ul.contact-list {list-style: none; padding: 0;}
.modal-window ul.contact-list a[href^="tel:"] {color: rgb(var(--dark-gray)); text-decoration: none;}
.modal-window .link {margin: 1rem 0;}
.modal-window .app {font-size: .88rem;}
.modal-window .social-network {list-style: none; margin: 1rem 0; padding: 0;}
.modal-window .social-network li {display: inline-block;}
.modal-window .icon {display: inline-block; width: 1.2rem; height: 1.2rem; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; margin-right: .5rem;}
.modal-window .icon .label {text-indent: -999rem; display: inline-block;}
.modal-window .icon.icon-twitter-dark-gray {background-image: url('../img/icon-twitter-dark-gray.svg');}
.modal-window .icon.icon-facebook-dark-gray {background-image: url('../img/icon-facebook-dark-gray.svg');}
.modal-window .icon.icon-linkedin-dark-gray {background-image: url('../img/icon-linkedin-dark-gray.svg');}
.modal-window .icon.icon-twitter-blue {background-image: url('../img/icon-twitter-blue.svg');}
.modal-window .icon.icon-facebook-blue {background-image: url('../img/icon-facebook-blue.svg');}
.modal-window .icon.icon-instagram-blue {background-image: url('../img/icon-instagram-blue.svg');}
.modal-window .icon.icon-whatsapp-blue {background-image: url('../img/icon-whatsapp-blue.svg');}
.modal-window .icon.icon-apple-blue {background-image: url('../img/icon-apple-blue.svg');}
.modal-window .icon.icon-android-blue {background-image: url('../img/icon-android-blue.svg');}
.modal-window .contact-item, .modal-window .login-item {height: 100%; display: flex; flex-direction: column; flex: 1 1 auto;}
.modal-window .column-footer {margin-top: auto;}

/*! Underline titles */
.underline-title {font-weight: 700; color: rgb(var(--blue)); font-size: 1.3rem; position: relative; padding: 0 0 .77rem 0; margin-bottom: 1.5rem; text-transform: uppercase;}
.underline-title:after {content: ''; display: block; width: 1.3rem; height: 4px; border-radius: 4px; background: rgb(var(--yellow)); position: absolute; bottom: 0; left: 0;}

/*! Section titles */
.section-title {text-align: center; margin: 2rem 0;}
.section-title .title {font-family: 'SuraSans', serif; font-weight: 700; line-height: 1.2; font-size: 2.6rem; color: rgb(var(--aqua));}

/*! Slider */
.slider {margin-top: 2rem; padding: 0 3rem;}
.slider .slide {outline: 0;}
.slick-next, .slick-prev, .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {width: .88rem; height: 1.5rem; background-position: center; background-size: contain; background-repeat: no-repeat;}
.slick-next:before, .slick-prev:before { display: none; content: '';}
.slick-disabled {opacity: .2;}
.slick-prev {left: 0; background-image: url('../img/icon-slider-prev.svg')!important;}
.slick-next {right: 0; background-image: url('../img/icon-slider-next.svg')!important;}
.slick-dots {width: auto; left: 50%; transform: translateX(-50%); bottom: -2rem;}
.slick-dots li {display: inline-block; width: auto; height: auto; margin: 0; padding: 5px;}
.slick-dots li button {background-color: rgb(var(--aqua)); width: 4px; height: 4px; border-radius: 99rem; transition: all ease-in-out .2s; padding: 0;}
.slick-dots li button:before {display: none; content: '';}
.slick-dots li.slick-active button {width: 24px;}

/*! Header */
#header .pre-header {border-bottom: 1px solid rgba(var(--medium-gray),.4); text-align: right;}
#header > .container {padding-top: 1.4rem; padding-bottom: 1.4rem;}
#header .brand {height: 100%; display: inline-block;}
#header .brand-image {width: 7.5rem;}
#header .menu-mobile {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; display: none;} 
#header .menu-mobile .icon {display: inline-block; width: 3rem; height: 3rem; padding: 1rem; margin-left: .5rem; border-radius: 50%; background-size: 2rem; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: none;} 
#header .menu-mobile .icon.icon-menu {border: 1px solid rgb(var(--light-gray)); background-image: url('../img/icon-menu-blue.svg');}
#header .menu-mobile .icon.icon-menu.active {border: 1px solid rgb(var(--light-gray)); background-image: url('../img/icon-times-blue.svg'); background-size: 1rem;}
#header .menu-mobile .icon.icon-login {border: 0; background-size: 1.2rem; background-image: url('../img/icon-login-blue.svg');}
#header .menu-mobile .icon .label {display: inline-block; text-indent: -999rem;}

/*! Country selector */
.country-selector {margin: 0; padding: 0; list-style: none; font-size: 0; position: relative; display: inline-block;}
.country-selector li {line-height: 1;}
.country-selector .dropdown {display: inline-block; padding: .77rem 2rem .77rem 1rem; border-left: 1px solid rgba(var(--medium-gray),.4); font-size: .77rem; color: rgb(var(--dark-gray)); background: url('../img/icon-chevron-down-dark-gray.svg') calc(100% - .5rem) center no-repeat; background-size: .77rem; text-decoration: none; cursor: pointer;}
.country-selector .dropdown:hover, .country-selector .dropdown.active {background-color: rgb(var(--light-gray));}
.country-list {position: absolute; margin: 0; padding: 0; list-style: none; right: 0; z-index: 99; text-align: left; background-color: rgb(var(--white)); border-top: 1px solid rgba(var(--medium-gray),.4); margin-top: 1rem; opacity: 0; pointer-events: none; transition: all ease-in-out .2s; box-shadow: var(--boxshadow);}
.country-list.active {margin-top: 0; opacity: 1; pointer-events: all;}
.country-list li {padding: 0 .5rem;}
.country-list a {font-size: .88rem; padding: .77rem; display: block; border-bottom: 1px solid rgba(var(--medium-gray),.4); color: rgb(var(--blue)); text-decoration: none; line-height: 1.1;}
.country-list a:hover {color: rgb(var(--blue));}
.country-list li:last-child a {border: 0;}

/*! Main navigation */
.main-navigation {background: rgb(var(--light-gray)); position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0; z-index: 98; border-bottom: 1px solid rgb(var(--white));}
.main-navigation ul {padding: 0; margin: 0; list-style: none; width: 100%; font-size: 0; text-align: right;}
.main-navigation li {display: inline-block;}
.main-navigation a {display: block; color: rgb(var(--dark-gray)); font-weight: 400; font-size: 1rem; padding: 1rem; width: 100%; text-decoration: none; position: relative; text-transform: uppercase;}
.main-navigation a:hover {color: rgb(var(--aqua));}
.main-navigation a:after {content: ''; display: block; height: 0; width: 0; background: rgb(var(--aqua)); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all ease-in-out .2s; border-radius: 5px;}
.main-navigation a:hover:after, .main-navigation li.active a:after, .main-navigation li a.active:after {height: 3px; width: 2rem;}
#mobile-navigation {display: none;}
#mobile-navigation.main-navigation li {display: block;}
#mobile-navigation a {padding: .5rem 0; margin-bottom: .5rem; font-size: 1.2rem;}
#mobile-navigation a:after {left: calc(100% - 15px);}
#mobile-navigation .primary-navigation {padding-top: 1rem;}
#mobile-navigation .secondary-navigation {border-top: 1px solid rgb(var(--white)); margin-top: 1rem; padding: .5rem 0;}
#mobile-navigation .secondary-navigation a {text-transform: none; font-weight: 700; color: rgb(var(--aqua));}

/*! Companies section */
.companies {padding: 2rem 0;}
.company {background-color: rgb(var(--white)); box-shadow: -6px 2px 30px -9px rgba(210, 210, 210, 0.44); height: 100%; display: flex; flex-direction: column;}
.company .media {margin: 0;}
.company-info {padding: 1.6rem 0 1.6rem 1.6rem;}
.company-content {height: 100%; display: flex;}
.company-title {font-size: 1.25rem; font-weight: 700; padding: 0 1.6rem; margin: 15px 0 0 0; position: relative;}
.company-title:before {content: ''; position: absolute; width: 4px; height: 100%; display: block; left: 0; top: 0;}
.company.inversiones .company-title:before {background-color: rgb(var(--yellow));}
.company.seguros .company-title:before {background-color: rgb(var(--blue));}
.company-title a {color: rgb(var(--blue)); display: inline-block;}
.company-description {margin-top: 0rem; font-size: .88rem; font-weight: 500;}
.company-products {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; height: 100%;}
.company-products li {display: flex; flex-grow: 1; height: 100%; justify-content: center; align-items: center; width: 100%; border-bottom: 1px solid rgb(var(--white)); line-height: 1;}
.company-products li:last-child {border-bottom: 0;}
.company-products a {position: relative; display: flex; flex-grow: 1; flex-flow: column; justify-content: center; padding: 1rem; height: 100%; width: 100%; font-weight: 700; font-size: .88rem; text-transform: uppercase; line-height: 1; text-decoration: none;}
.company.inversiones .company-products a {background-color: rgba(var(--dark-gray),.1); color: rgb(var(--blue));}
.company.inversiones .company-products a:hover {background-color: rgb(var(--medium-gray)); color: rgb(var(--white));}
.company.seguros .company-products a {background-color: rgba(var(--blue),.1); color: rgb(var(--blue));}
.company.seguros .company-products a:hover {background-color: rgb(var(--light-blue-gray)); color: rgb(var(--white));}
.company-products .label {display: inline-block; line-height: 1.3; padding-left: 2.5rem; font-weight: 500;}
.company-products .icon:after {content: ''; display: block; width: 1.5rem; height: 1.5rem; position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: contain;}
.company-dropdown {display: none; padding: 1rem; position: relative; cursor: pointer;}
.company-dropdown:after {content: ''; display: block; width: 1rem; height: 1rem; background-position: center; background-repeat: no-repeat; background-size: contain; transition: all ease-in-out .2s; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%) rotate(0);}
.company-dropdown.active:after {transform: translateY(-50%) rotate(-180deg);}
.company-dropdown .label {font-size: 1.1rem; text-transform: uppercase; font-weight: 700;}
.company.inversiones .company-dropdown {background-color: rgb(var(--yellow));}
.company.inversiones .company-dropdown .label {color: rgb(var(--dark-gray));}
.company.inversiones .company-dropdown:after {background-image: url('../img/icon-chevron-down-dark-gray.svg');}
.company.seguros .company-dropdown {background-color: rgb(var(--blue));}
.company.seguros .company-dropdown .label {color: rgb(var(--white));}
.company.seguros .company-dropdown:after {background-image: url('../img/icon-chevron-down-white.svg');}

/*! Company-products icons */
.company-products .icon.icon-afp:after {background-image: url('../img/icon-afp-blue.svg');}
.company-products .icon.icon-afisa:after {background-image: url('../img/icon-afisa-blue.svg');}
.company-products .icon.icon-corredores:after {background-image: url('../img/icon-corredores-blue.svg');}
.company-products .icon.icon-sva:after {background-image: url('../img/icon-sva-blue.svg');}
.company-products .icon.icon-afap:after {background-image: url('../img/icon-afap-blue.svg');}
.company-products .icon.icon-auto:after {background-image: url('../img/icon-auto-blue.svg');}
.company-products .icon.icon-hogar:after {background-image: url('../img/icon-hogar-blue.svg');}
.company-products .icon.icon-vida:after {background-image: url('../img/icon-vida-blue.svg');}
.company-products .icon.icon-empresa:after {background-image: url('../img/icon-empresa-blue.svg');}
.company-products .icon.icon-otros:after {background-image: url('../img/icon-otros-blue.svg');}
/*! company-products icons :hover */
.company-products .icon.icon-afp:hover:after {background-image: url('../img/icon-afp-white.svg');}
.company-products .icon.icon-afisa:hover:after {background-image: url('../img/icon-afisa-white.svg');}
.company-products .icon.icon-corredores:hover:after {background-image: url('../img/icon-corredores-white.svg');}
.company-products .icon.icon-sva:hover:after {background-image: url('../img/icon-sva-white.svg');}
.company-products .icon.icon-afap:hover:after {background-image: url('../img/icon-afap-white.svg');}
.company-products .icon.icon-auto:hover:after {background-image: url('../img/icon-auto-white.svg');}
.company-products .icon.icon-hogar:hover:after {background-image: url('../img/icon-hogar-white.svg');}
.company-products .icon.icon-vida:hover:after {background-image: url('../img/icon-vida-white.svg');}
.company-products .icon.icon-empresa:hover:after {background-image: url('../img/icon-empresa-white.svg');}
.company-products .icon.icon-otros:hover:after {background-image: url('../img/icon-otros-white.svg');}

/*! Tabs */
.tabs-nav {padding: 0; margin: 0; display: flex; flex-direction: row; align-items: stretch; list-style: none; border-bottom: 1px solid rgba(var(--dark-gray),.2);}
.tabs-nav li {display: flex; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1; flex-basis: 0;}
.tabs-nav li a {display: block; width: 100%; padding: 1rem .5rem; text-align: center; position: relative; cursor: pointer; font-size: 1.3rem; color: rgb(var(--dark-gray)); text-decoration: none; font-weight: 400; height: 100%; text-transform: uppercase;}
.tabs-nav li a:after {content: ''; display: block; height: .3rem; width: 0; background-color: transparent; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all ease-in-out .2s;}
.tabs-nav li a:hover:after {background-color: rgba(var(--dark-gray),.2); width: 100%;}
.tabs-nav li a.active:after {background-color: rgb(var(--blue)); width: 100%;}

/*! Needs section */
.needs {background-color: rgb(var(--light-gray)); padding: 2rem 0;}
.needs-selectors {padding: 2rem 0;}
.need-selector {display: flex; flex-wrap: wrap; align-items: center; margin: 0;}
.need-selector .label {flex-grow: 0; margin-right: 1rem;}
.need-selector select {flex-grow: 1; padding: .77rem 3rem .77rem 1.6rem; color: rgb(var(--blue-gray)); background: url('../img/icon-chevron-down-gray.svg') calc(100% - 1rem) center no-repeat; background-color: rgb(var(--white)); background-size: 1rem; border-radius: 99rem; box-shadow: var(--boxshadow); border: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
.need-selector select::-ms-expand {display: none;}
.needs-search.button {padding: 1rem 3rem; letter-spacing: 2px; font-weight: 700; min-width: 50%; outline: none;}
.needs-results {background-color: rgb(var(--white)); box-shadow: var(--boxshadow); position: relative; margin-top: 2rem; padding: 1rem 2rem;}
.needs-results:before {content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 1.75rem 1.5rem 1.75rem; border-color: transparent transparent rgb(var(--white)) transparent; position: absolute; top: -1.5rem; left: 50%; transform: translateX(-50%);}
.needs-close {display: block; width: 1.6rem; height: 1.6rem; position: absolute; top: 2rem; right: 2rem; background: url('../img/icon-times-aqua.svg') center no-repeat; background-size: contain; cursor: pointer;}
.needs-close:hover {opacity: .75;}
.needs-close .label {text-indent: -999rem; display: block;}
.needs-cards {padding: 0 2rem; margin-top: -2rem;}
.need-card {padding: 2rem 0;}
.need-card .caption a {word-break: break-all;}
.needs-cards .card-content {padding: 1rem; box-shadow: var(--boxshadow); border-radius: 5px; background-color: rgb(var(--white)); margin: 0 1rem; display: flex; flex-direction: column; flex-grow: 1; height: 100%;}
.needs-cards .cta {display: flex; flex-grow: 1; width: 100%; justify-content: center; margin-top: 1rem;}
.needs-cards .cta .button {align-self: flex-end;}
.needs-cards .slick-track {display: flex !important;}
.needs-cards .slick-slide {height: inherit !important; outline: none;}

/*! Companies slider section */
.companies-posters.slider {padding: 0; margin: 0 0 4rem 0;}
.companies-posters .poster {position: relative; padding: 0; margin: 0;}
.companies-posters .media {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(var(--dark-gray));}
.companies-posters .media:after {content: ''; z-index: 5; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
.companies-posters .media picture, .companies-posters .media img {width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 1;}
.companies-posters .caption {position: relative; z-index: 98; padding: 8% 0;}
.companies-posters .poster-caption {padding: 2rem 1rem 2rem 0;}
.companies-posters .poster-caption .title {font-family: 'SuraSans', serif; font-weight: 700; line-height: 1.2; font-size: 2.6rem; color: rgb(var(--aqua));}
.companies-posters .poster-caption .legend {color: rgb(var(--white)); font-size: 1.7rem; margin-bottom: 2rem;}
.companies-posters.slider .slick-arrow {z-index: 99;}
.companies-posters.slider .slick-next {right: 1rem; background-image: url('../img/icon-slider-next-white.svg')!important;}
.companies-posters.slider .slick-prev {left: 1rem; background-image: url('../img/icon-slider-prev-white.svg')!important;}
.companies-posters.slider .slick-dots {bottom: 2rem; text-align: right; padding: 0 15px; width: 100%; max-width: 1140px;}
.companies-posters.slider .slick-dots li button {background-color: rgb(var(--white));}

/*! About section */
.about {padding: 0 0 2rem 0;}
.about .tabs-nav li a {font-size: 1rem; text-transform: none;}
.about .tabs-nav li a strong {display: block;}
.about .tab-content {position: relative; padding: 2rem 0;}
.about .tab-content .media {width: 41.66%; position: absolute; margin: 0 auto 0 0; top: 2rem; left: 15px;}
.about .tab-content .content {padding: 2rem 4rem; background-color: rgb(var(--white)); box-shadow: var(--boxshadow); width: 75%; position: relative; margin: 2rem 15px 0 auto;}
.about .tab-content .title {color: rgb(var(--aqua)); font-size: 1.77rem; font-weight: 700; line-height: 1.3;}
.about .tab-content .slick-dots {bottom: -1.5rem;}
.about .tab-content .tab-cta {margin-top: 3rem;}

/*! Companies contact section */
.companies-contact {background-color: rgb(var(--light-gray)); padding: 3rem 0;}
.companies-contact .row > div {height: 100%;}
.companies-contact .container > .row > div:first-child {border-right: 2px solid rgb(var(--white));}
.companies-contact .contact-item {padding: 2rem;}
.companies-contact .contact-list {list-style: none; margin: 0 0 1rem 0; padding: 0;}
.companies-contact .contact-list .list-title {margin-bottom: .5rem;}
.companies-contact .contact-list .list-title strong {font-weight: 500;}
.companies-contact .contact-list li {font-weight: 700; line-height: 1.5;}
.companies-contact .contact-list a {color: rgb(var(--dark-gray));}

/*! Footer */
#footer {padding: 2rem 0;}
#footer .main-footer {padding: 0 0 2rem 0; border-bottom: 1px solid rgba(var(--blue-gray),.2);}
#footer .brand a {display: inline-block;}
#footer .brand img {width: 7.5rem;}
#footer .footer-nav ul {padding: 0; margin: 0; width: 100%;}
#footer .footer-nav a {text-align: left; color: rgb(var(--blue)); font-weight: 700; font-size: .88rem; text-transform: uppercase;}
#footer .sub-footer {margin: 0; padding-top: 2rem;}
#footer .sub-footer ul {list-style: none; margin: 0; padding: 0; line-height: 1;}
#footer .sub-footer ul li {margin-bottom: .5rem;}
#footer .sub-footer a {font-size: .88rem; font-weight: 400; color: rgb(var(--blue));}
#footer .sub-footer .title a, #footer .sub-footer .title {font-size: .88rem; text-transform: uppercase; color: rgb(var(--blue-gray)); font-weight: 700;}
#footer .copyright {font-size: .77rem; color: rgb(var(--blue-gray)); text-align: right; padding: 2rem 0 0 0;}
#footer .footer-nav .footer-primary-menu {display: flex; flex-direction: row; align-items: start;}
#footer .footer-nav .footer-primary-menu li {display: flex; padding-right: 1.5rem; width: 20%;}

/*! Debug only */
/** {box-shadow: inset 0 0 0 1px rgba(0,0,0,.5);}*/

/*! Crossbrowsing fixes */
/*! IE11 */
html[data-agent*="Trident"] .company, html[data-agent*="Trident"] .company-content {display: block;}
html[data-agent*="Trident"] .company-products {display: block; font-size: 0;}
html[data-agent*="Trident"] .company-products li {display: block; height: auto;}
html[data-agent*="Trident"] .company-products a {display: block;}

/*! Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
  .needs-selectors {padding: 2rem 0 0 0;}
  .needs-wrapper, .needs-selectors > .row.align-items-center {align-items: flex-end!important;}
  .need-selector .label {flex: 0 0 100%; margin-bottom: .5rem; padding-left: 1rem;}
  .needs-results {margin-top: 3rem;}
  .modal-body > div {border-right: 0;}
  .modal-window .contact-item, .modal-window .login-item {padding: 1rem; border-bottom: 2px solid rgba(var(--dark-gray),.2);}
}

/*! Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
  .modal-inner {min-width: 100%;}
	html {font-size: 16px;}
  .main-navigation a {padding: 1rem 0 1rem 1rem;}
  #footer .footer-nav a {font-size: .77rem;}
  .company-info {padding: 1.6rem;}
  .about .tabs-nav li a {font-size: .88rem;}
  .about .tabs-nav li a strong {font-size: 1rem;}
}
/*! Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
	html {font-size: 14px;}
  .section-title {margin: 1.5rem 0;}
  .section-title .title {font-size: 2rem;}
  .tabs-nav li a {font-size: 1rem;}
  .needs {padding-bottom: 3rem;}
  .need-selector {margin-bottom: 2rem;}
  .needs-button-wrapper {text-align: center;}
  .needs-results {padding: 1rem .5rem;}
  .needs-results .section-title .title {font-size: 1.5rem;}
  .needs-close {width: 1rem; height: 1rem; top: 1rem; right: 1rem;}
  .companies-posters .media {position: static;}
  .companies-posters .media:after {display: none;}
  .companies-posters .caption {padding: 0;}
  .companies-posters .poster-caption {padding: 1rem 0;}
  .companies-posters .poster-caption .title {font-size: 2rem;}
  .companies-posters.slider .slick-arrow {top: 25%;}
  .companies-posters .poster-caption .legend {color: rgb(var(--dark-gray)); font-size: 1.5rem;}
  .companies-posters.slider .slick-dots {bottom: -2rem; text-align: center;}
  .companies-posters.slider .slick-dots li button {background-color: rgb(var(--aqua));}
  .about .tab-content .media {display: none;}
  .about .tab-content .content {padding: 15px 15px 30px 15px; width: 100%; margin: 0;}
  .about .tabs-nav-wrapper {overflow: auto;}
  .companies-contact {padding: 1rem 0;}
  .companies-contact .contact-item {padding: 2rem 1rem;}
  .companies-contact .container > .row > div:first-child , .companies-contact .container > .row > div:last-child .contact-item{border: 0;}
  .companies-contact .container .contact-item {border-bottom: 2px solid rgb(var(--white));} 
  .modal-window {overflow: auto; -webkit-overflow-scrolling: touch;}
  .modal-inner {top: 0; transform: translate(-50%, 0); padding: 2rem 0;}
  .modal-body > div:last-child .contact-item, .modal-body > div:last-child .login-item {border-bottom: 0; padding: 1rem;}
  .companies {padding: 20px 0 2rem 0;}
  .companies .company.inversiones {margin-bottom: 1rem;}
  .company-dropdown {display: block;}
  .company-content {display: none;}
  #header .menu-mobile {display: block;}
  #header {background-color: rgb(var(--white)); position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0; z-index: 98; border-bottom: 1px solid rgb(var(--light-gray)); box-shadow: var(--boxshadow);}
  #header .pre-header, .header-tools-wrapper, #navigation.main-navigation {display: none; position: static;}
	#header .brand-image {max-width: 70px;}
	#footer .brand {margin-bottom: 1rem;}
  #footer .footer-nav .footer-primary-menu {flex-direction: column;}
  #footer .footer-nav .footer-primary-menu li {width: 100%; padding: 0; margin-bottom: .5rem;}
	#footer .footer-nav .footer-primary-menu li a {font-size: 1rem;}
  #footer .footer-secondary-menu {margin-bottom: 2rem!important;}
  #footer .copyright {text-align: left;}
}