/**
 * @file
 * Subtheme specific CSS.
 */

 @font-face {
    font-family: 'BundayClean';
    font-display: swap;
    src: url('/shared/fonts/BundayClean-RegularUp.woff2') format('woff2'),
         url('/shared/fonts/BundayClean-RegularUp.woff') format('woff'),
         url('/shared/fonts/BundayClean-RegularUp.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    unicode-range: U+000-5FF; /* Latin glyphs */
}

@font-face {
    font-family: 'OpenSans';
    font-display: swap;
    src: url('/shared/fonts/open-sans-latin-400-normal.woff2') format('woff2'),
         url('/shared/fonts/open-sans-latin-400-normal.woff') format('woff'),
         url('/shared/fonts/open-sans-latin-400-normal.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    unicode-range: U+000-5FF; /* Latin glyphs */
}

@font-face {
    font-family: 'OpenSans';
    font-display: swap;
    src: url('/shared/fonts/open-sans-latin-500-normal.woff2') format('woff2'),
         url('/shared/fonts/open-sans-latin-500-normal.woff') format('woff'),
         url('/shared/fonts/open-sans-latin-500-normal.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    unicode-range: U+000-5FF; /* Latin glyphs */
}

/* @font-face {
    font-family: 'BundayClean';
    src: url('/shared/fonts/BundayClean-RegularUpItalic.woff2') format('woff2'),
         url('/shared/fonts/BundayClean-RegularUpItalic.woff') format('woff'),
         url('/shared/fonts/BundayClean-RegularUpItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    unicode-range: U+000-5FF;
} */

/* @font-face {
    font-family: 'BundayClean';
    font-display: swap;
    src: url('/shared/fonts/BundayClean-SemiLightUp.woff2') format('woff2'),
         url('/shared/fonts/BundayClean-SemiLightUp.woff') format('woff'),
         url('/shared/fonts/BundayClean-SemiLightUp.ttf') format('truetype');
    font-style: normal;
    font-weight: 100;
    unicode-range: U+000-5FF;
} */

@font-face {
    font-family: 'BundayClean';
    font-display: swap;
    src: url('/shared/fonts/BundayClean-SemiBoldUp.woff2') format('woff2'),
         url('/shared/fonts/BundayClean-SemiBoldUp.woff') format('woff'),
         url('/shared/fonts/BundayClean-SemiBoldUp.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    unicode-range: U+000-5FF;
}
/*
@font-face {
    font-family: 'BundayClean';
    src: url('/shared/fonts/BundayClean-SemiLightUp.woff2') format('woff2'),
         url('/shared/fonts/BundayClean-SemiLightUp.woff') format('woff'),
         url('/shared/fonts/BundayClean-SemiLightUp.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    unicode-range: U+000-5FF;
} */

@font-face {
    font-family: 'BundayClean';
    font-display: swap;
    src: url('/shared/fonts/BundayClean-BoldUp.woff2') format('woff2'),
         url('/shared/fonts/BundayClean-BoldUp.woff') format('woff'),
         url('/shared/fonts/BundayClean-BoldUp.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
    unicode-range: U+000-5FF; /* Latin glyphs */
}

/* @font-face {
    font-family: 'BundayClean';
    src: url('/shared/fonts/BundayClean-BoldUpItalic.woff2') format('woff2'),
         url('/shared/fonts/BundayClean-BoldUpItalic.woff') format('woff'),
         url('/shared/fonts/BundayClean-BoldUpItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: bold;
    unicode-range: U+000-5FF;
} */

html, body {
    overflow-x: hidden;
}

body, p, a, li {
    font-family: 'OpenSans', sans-serif;
    font-weight: normal;
}

h1, h2, h1 a, h2 a, h3, h3 a,
.h1, .h2, .h1 a, .h2 a, .h3, .h3 a {
    font-family: 'BundayClean', sans-serif;
    font-weight: bold;
}

h4, h5, h6,
.h4, .h5, .h6 {
    font-family: 'BundayClean', sans-serif;
    font-weight: normal;
}

.navbar-expand-lg .menu--main .navbar-nav .nav-link,
.btn a, .btn, .main-text span, .carousel-quote .carousel-caption a, input,
#result-table-header, .search-autocomplete-container, .clinicas-seleccionadas  {
    font-family: 'BundayClean', sans-serif;
}

.menu-prod-image.icon {
    font-family: 'OpenSans', sans-serif;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}
*:focus {
    outline: none;
}

.grecaptcha-badge {
    position: absolute !important;
}
.node--type-resultados {
    position: relative;
}
/* .grecaptcha-badge:hover {
    width: 256px !important;
} */

#block-copyright p {
    margin-bottom:0 !important;
}

.container-fluid .container {
    padding-left:0;
    padding-right:0;
}

#main-wrapper {
    padding-top: 0;
}

h1.title {
    position:relative;
}

@media (max-width: 768px) {
    .h1, h1 {
        font-size: 2.3rem;
        line-height: 1.1;
    }
}

.node--type-site-blog-entry h1.title::after,
.node--type-article h1.title::after,
.node--type-faq h1.title::after,
.node--type-guia-de-producto h1.title::after,
.node--type-webform h1.title::after,
.node--type-page:not(.path-frontpage) h1.title::after,
.node--type-producto h1.title::after,
.path-taxonomy  h1.title::after,
.path-content  h1.title::after,
/* FAQ page: full-width split layout on desktop */
.path-faq .views-faq-split,
.node--type-faq .views-faq-split {
    width: 100%;
    max-width: 100%;
}

.path-faq .views-faq-split__desktop,
.node--type-faq .views-faq-split__desktop {
    min-height: 480px;
}

.path-faq .views-faq-split__content .views-field-title,
.node--type-faq .views-faq-split__content .views-field-title,
.path-faq .views-faq-split__mobile .accordion-body .views-field-title,
.node--type-faq .views-faq-split__mobile .accordion-body .views-field-title {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.path-faq  h1.title::after,
.path-guia  h1.title::after,
.path-webform h1.title::after,
.path-search h1.title::after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    color: #ff6162;
    font-weight: bolder;
    position: absolute;
    left: 0;
    margin-left: 0;
    vertical-align: .255em;
    border-top: 4px solid;
    border-right: 30px solid;
    border-bottom: 0;
    border-left: 30px solid;
    bottom: -10px;
}


.node--type-site-blog-entry .field--name-body a,
.node--type-article .field--name-body a,
.node--type-faq .field--name-body a,
.node--type-guia-de-producto .field--name-body a,
.node--type-producto .field--name-body a,
.node--type-podcast-episode .field--name-body a {
    text-decoration: underline;
    font-weight: bold;
    color: #00cacc;
}

.node--type-site-blog-entry .field--name-body .suggested-prod a {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}

.node--type-site-blog-entry .views-field-title,
.node--type-article .views-field-title,
.node--type-faq .views-field-title,
.node--type-guia-de-producto .views-field-title,
.node--type-podcast-episode .views-field-title {
    line-height:1.3;
    font-size:95%;
}

.node--type-site-blog-entry .field--name-field-teaser-text,
.node--type-article .field--name-field-teaser-text,
.node--type-faq .field--name-field-teaser-text,
.node--type-guia-de-producto .field--name-field-teaser-text {
    margin-bottom: 1rem;
}
.titulo-fuente a {
    font-weight:bold;
    color: #ff6162;
    font-size:1.3rem;
}

.ov-visible {
    overflow:visible;
}
.feed-icons {
    display: none;
}

/* ICONOS FONT */

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

  [class^="fa-"], [class*=" fa-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 22px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .fa-tiktok:before {
    content: "\e900";
  }

.fa-asterisk:before {
    content: "\f069";
  }
  .fa-plus:before {
    content: "\f067";
  }
  .fa-search:before {
    content: "\f002";
  }
  .fa-check:before {
    content: "\f00c";
  }
  .fa-power-off:before {
    content: "\f011";
  }
  .fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e";
  }
  .fa-refresh:before {
    content: "\f021";
  }
  .fa-book:before {
    content: "\f02d";
  }
  .fa-map-marker:before {
    content: "\f041";
  }
  .fa-plus-circle:before {
    content: "\f055";
  }
  .fa-minus-circle:before {
    content: "\f056";
  }
  .fa-times-circle:before {
    content: "\f057";
  }
  .fa-check-circle:before {
    content: "\f058";
  }
  .fa-gift:before {
    content: "\f06b";
  }
  .fa-phone-square:before {
    content: "\f098";
  }
  .fa-twitter:before {
    content: "\f099";
  }
  .fa-facebook:before, .fa-facebook-f:before {
    content: "\f09a";
  }
  .fa-credit-card:before {
    content: "\f09d";
  }
  .fa-feed:before, .fa-rss:before {
    content: "\f09e";
  }
  .fa-tasks:before {
    content: "\f0ae";
  }
  .fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9";
  }
  .fa-envelope:before {
    content: "\f0e0";
  }
  .fa-umbrella:before {
    content: "\f0e9";
  }
  .fa-desktop:before {
    content: "\f108";
  }
  .fa-laptop:before {
    content: "\f109";
  }
  .fa-tablet:before {
    content: "\f10a";
  }
  .fa-spinner:before {
    content: "\f110";
  }
  .fa-chevron-circle-left:before {
    content: "\f137";
  }
  .fa-chevron-circle-right:before {
    content: "\f138";
  }
  .fa-youtube:before {
    content: "\f16a";
  }
  .fa-youtube-play:before {
    content: "\f16a";
  }
  .fa-instagram:before {
    content: "\f16d";
  }
  .fa-apple:before {
    content: "\f179";
  }
  .fa-windows:before {
    content: "\f17a";
  }
  .fa-android:before {
    content: "\f17b";
  }
  .fa-automobile:before,  .fa-car:before {
    content: "\f1b9";
  }
  .fa-sliders:before,  .fa-sliders-h:before {
    content: "\f1de";
  }
  .fa-linkedin:before {
    content: "\f08c";
  }
  .fa-quote-left:before {
    content: "\f10d";
  }


/* NAVBAR */

#block-comparabien-barrio-main-menu {
    margin-left: auto !important;
}

#navbar-main.navbar {
    padding: 0rem 1rem;
}

@media (min-width: 992px) {
    #navbar-main.navbar {
        height: 78px;
    }
}


.navbar .container {
    padding-left:0;
    padding-right:0;
}

.navbar-brand  {
    font-size: 0 !important;
    width: 270px;
    margin-top: -8px;
    padding-top:0;
    padding-bottom:0;
}

.navbar-dark .navbar-toggler-icon {
    color: #ffffff;
    background-image: none;
  }

  /* .navbar-dark .navbar-toggler-icon::before {
    content: "\f0c9";
    font-size: 30px;
    font-family: 'icomoon' !important;
} */


.navbar-dark  .navbar-toggler {
    width: 30px;
    height: 22px;
    position: relative;
    margin: .25rem 0.75rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    outline:none;
  }

  .navbar-dark  .navbar-toggler span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  .navbar-dark .navbar-toggler span.toggle1 {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    content:" ";
  }

  .navbar-dark .navbar-toggler span.toggle2 {
    top: 9px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    content:" ";
  }

  .navbar-dark .navbar-toggler span.toggle3 {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    content:" ";
  }

  .navbar-dark .navbar-toggler.open span.toggle1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 4px;
  }

  .navbar-dark .navbar-toggler.open span.toggle2 {
    width: 0%;
    opacity: 0;
  }

  .navbar-dark .navbar-toggler.open span.toggle3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left:4px;
  }

  .navbar-dark .navbar-toggler {
    border: 0;
}

#navbar-top {
    /* background-color: #1663a9 !important; */
    background: linear-gradient(90deg, #133463 30%, #1663a9 70%, #00cacc 100%) !important;
    padding: 0;
}

#navbar-top .region-top-header {
    width:100%;
    margin:0 auto;
}

#navbar-top .cintillo a {
    color:white;
    text-decoration: none;
}

@media (max-width: 350px) {
    .navbar-brand  {
        width:215px;
    }
}

@media (min-width: 350px) and (max-width: 576px) {
    .navbar-brand  {
        width:240px;
    }
}

.menu--main .navbar-nav {
    font-size: 1.3rem;
}

.navbar-expand-lg .menu--main .navbar-nav .nav-link {
    padding: 0.5rem 1rem;
    font-weight: 500;
    text-align: left;
}
@media (min-width: 992px) {
    .navbar-expand-lg .menu--main .navbar-nav .nav-link {
        padding: 1.5rem 0.7rem;
        text-align: center;
    }
    .menu--main .navbar-nav li.facebook {
        margin-left: 1rem;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .menu--main .navbar-nav .nav-link {
        padding: 1.5rem 1.1rem;
        text-align: center;
    }
 }

.navbar-expand-lg .menu--main .navbar-nav .nav-link.sm {
    padding: 22px 0.3rem 10px 0.3rem;
    width:auto;
}

.navbar-nav .dropdown-menu {
    padding: .5rem 0;
    top: 68px;
}

.navbar-nav .dropdown-item {
    padding:0;
}

.menu--main .navbar-nav .nav-item .dropdown-toggle::after {
    border: 0;
    margin: 0;
}

.menu--main .navbar-nav .nav-item:hover .nav-link {
    color: white;
}


@media (min-width: 992px) {
    .menu--main .navbar-nav .nav-item {
        position:relative;
    }

    .menu--main .navbar-nav .nav-item:hover .nav-link::after {
        border-top: 2px solid;
        border-bottom: 0;
        position:absolute;
        left: 43%;
        top: 55px;
        border-left: 7px solid;
        border-right: 9px solid;
        content: " ";
    }

    .menu--main .navbar-nav .nav-item.peru:hover .nav-link::after,
    .menu--main .navbar-nav .nav-item.colombia:hover .nav-link::after,
    .menu--main .navbar-nav .nav-item.mexico:hover .nav-link::after,
    .menu--main .navbar-nav .nav-item.argentina:hover .nav-link::after,
    .menu--main .navbar-nav .nav-item.chile:hover .nav-link::after,
    .menu--main .navbar-nav .nav-item.brasil:hover .nav-link::after,
    .menu--main .navbar-nav .nav-item.panama:hover .nav-link::after,
    .menu--main .navbar-nav .nav-item.espana:hover .nav-link::after,
    .menu--main .navbar-nav .nav-item:hover .nav-link.social::after {
        left: 28%;
    }

    .menu--main .navbar-nav .peru .dropdown-menu,
    .menu--main .navbar-nav .colombia .dropdown-menu,
    .menu--main .navbar-nav .mexico .dropdown-menu,
    .menu--main .navbar-nav .brasil .dropdown-menu,
    .menu--main .navbar-nav .espana .dropdown-menu {
        right: 0;
        left: auto;
    }

}

.site-footer__bottom .social {
    margin: 0 4px;
}

.site-footer__bottom .social i:before {
    font-size: 24px;
}

.navbar-nav .dropdown-item a,
.navbar-nav .dropdown-item a:hover,
.navbar-nav .dropdown-item a:focus,
.navbar-nav .dropdown-item a:active {
    text-decoration:none;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: .25rem 1.5rem;
}

/* Flags */

.navbar-nav .flag {
    height: 24px;
    width: 24px;
    display: block;
    border: 2px solid #ffffff;
    border-radius: 12px;
}

.navbar-nav .flag.pe {
    background-image: url(/shared/images/flags/peru.svg);
}
.navbar-nav .flag.co {
    background-image: url(/shared/images/flags/colombia.svg);
}
.navbar-nav .flag.mx {
    background-image: url(/shared/images/flags/mexico.svg);
}
.navbar-nav .flag.br {
    background-image: url(/shared/images/flags/brazil.svg);
}
.navbar-nav .flag.cl {
    background-image: url(/shared/images/flags/chile.svg);
}
.navbar-nav .flag.ar {
    background-image: url(/shared/images/flags/argentina.svg);
}
.navbar-nav .flag.pa {
    background-image: url(/shared/images/flags/panama.svg);
}
.navbar-nav .flag.es {
    background-image: url(/shared/images/flags/spain.svg);
}

.dropdown-toggle.sm::after {
    margin-left: 0em;
    vertical-align: .5em;
}

.navbar-expand-lg .menu--main .navbar-nav .nav-link.dropdown-toggle.sm {
    height:40px;
    padding-top: 24px;
}

@media (max-width: 991px) {
    .navbar .container {
        position: relative;
    }
    .menu--main .navbar-nav li.facebook {
        right: 129px;
        position: absolute;
        bottom: 0px;
        width: 30px;
        z-index: 100;
    }
    .menu--main .navbar-nav li.twitter {
        right: 102px;
        position: absolute;
        bottom: 0px;
        width: 30px;
        z-index: 100;
    }
    .menu--main .navbar-nav li.youtube {
        right: 72px;
        position: absolute;
        bottom: 0px;
        width: 30px;
        z-index: 100;
    }
    .menu--main .navbar-nav li.instagram {
        right: 41px;
        position: absolute;
        bottom: 0px;
        width: 30px;
        z-index: 100;
    }
    .menu--main .navbar-nav li.blog {
        right: 10px;
        position: absolute;
        bottom: 0px;
        width: 30px;
        z-index: 100;
    }
    .menu--main .navbar-nav > li.peru,
    .menu--main .navbar-nav > li.mexico,
    .menu--main .navbar-nav > li.colombia,
    .menu--main .navbar-nav > li.argentina,
    .menu--main .navbar-nav > li.brasil,
    .menu--main .navbar-nav > li.chile,
    .menu--main .navbar-nav > li.panama,
    .menu--main .navbar-nav > li.espana  {
        width: 100%;
        padding-left:10px;
        padding-top: 15px;
        border-top: 1px solid #ffffff;
        margin-top: 10px;
    }
    .navbar-expand-lg .menu--main .navbar-nav .nav-link.dropdown-toggle.sm {
        padding-top: 0;
    }
}

/* BLOG */

.field--type-image img {
    border-radius: .5rem!important;
    width: 100%!important;
}

.field--name-node-title {
    font-weight: 500;
}

.img-autocrop {
    overflow: hidden;
    padding-top: 50%;
    position: relative;
    border-radius: 0.5rem !important;
}

.img-autocrop img {
    width: 100%!important;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.a2a_label {
    height: 1px !important;
    width: 1px !important;
}

.nav.links {
    margin-bottom: 20px;
}

.nav.links .nav-link {
    padding:0;
    margin-left:auto;
}

.nav.links .nav-link a {
    color: #ffffff;
    background: #00cacc;
    padding: 10px 20px;
    border-radius: 20px;
    margin-bottom: 18px;
}

.node--type-site-blog-entry .main-content,
.node--type-site-blog-entry .sidebar .block .content,
.node--type-article .main-content,
.node--type-article .sidebar .block .content,
.node--type-faq .main-content,
.node--type-faq .sidebar .block .content,
.node--type-guia-de-producto .main-content,
.node--type-guia-de-producto .sidebar .block .content,
.node--type-webform .main-content,
.node--type-webform .sidebar .block .content,
.node--type-sponsors .main-content,
.node--type-sponsors .sidebar .block .content,
.node--type-producto .sidebar .block .content,
.node--type-company .sidebar .block .content,
.node--type-podcast-episode .main-content,
.node--type-podcast-episode .sidebar .block .content,
.path-producto .sidebar .block .content,
.path-produto .sidebar .block .content {
    font-size: 1.1rem;
}

.category-block {
    padding:0;
}

.category-block a, .category-block span {
    color: #00cacc;
    text-decoration: underline;
}

.node--type-site-blog-entry #block-comparabien-barrio-page-title,
.node--type-podcast-episode #block-comparabien-barrio-page-title,
.node--type-producto #block-comparabien-barrio-page-title,
.node--type-company #block-comparabien-barrio-page-title,
.node--type-faq #block-comparabien-barrio-page-title {
    margin-top: 0 !important;
}

.category-block a.badge, .category-block span.badge {
    color: white !important;
    text-decoration: none;
    font-size: 1rem;
    margin-right: 1rem;
}

.sidebar_first {
    display: none;
}

@media (min-width: 1200px) {
    .node--type-site-blog-entry .sidebar_first,
    .node--type-faq .sidebar_first,
    .node--type-producto .sidebar_first,
    .node--type-guia-de-producto .sidebar_first,
    .node--type-company .sidebar_first {
        display: block;
    }
}

@media (max-width: 576px) {
    .node--type-site-blog-entry .category-block,
    .node--type-podcast-episode .category-block {
        margin-top: 15px !important;
    }

    .node--type-article #block-comparabien-barrio-page-title,
    .node--type-faq #block-comparabien-barrio-page-title,
    .node--type-guia-de-producto #block-comparabien-barrio-page-title {
        margin-top: 30px !important;
    }
    .node--type-site-blog-entry #block-comparabien-barrio-page-title h1.title,
    .node--type-article #block-comparabien-barrio-page-title h1.title,
    .node--type-faq #block-comparabien-barrio-page-title h1.title,
    .node--type-guia-de-producto #block-comparabien-barrio-page-title h1.title,
    .node--type-webform #block-comparabien-barrio-page-title h1.title,
    .node--type-producto #block-comparabien-barrio-page-title h1.title,
    .node--type-sponsors #block-comparabien-barrio-page-title h1.title,
    .node--type-company #block-comparabien-barrio-page-title h1.title {
        font-size: 2.1rem;
    }
}

#blog-categories a {
    color: #00cacc;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #00cacc;
    margin-right: 10px;
    padding: 3px 12px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 24px;
    padding-left: 35px;
    margin-bottom:5px;
    line-height: 1.5;
    font-size: 1.1rem;
}

#blog-categories a:hover {
    color: #ffffff;
    background-color: #00cacc;
}

#blog-categories a.auto {
    background-image: url(/shared/images/icons/blog/auto.png);
    background-size: 35px;
    padding-left: 43px;
}
#blog-categories a.casa {
    background-image: url(/shared/images/icons/blog/casa.png);
}
#blog-categories a.finanzas {
    background-image: url(/shared/images/icons/blog/finanzas.png);
}
#blog-categories a.salud {
    background-image: url(/shared/images/icons/blog/salud.png);
}
#blog-categories a.futuro {
    background-image: url(/shared/images/icons/blog/futuro.png);
}
#blog-categories a.seguridad {
    background-image: url(/shared/images/icons/blog/seguridad.png);
}
#blog-categories a.auto:hover {
    background-image: url(/shared/images/icons/blog/auto_w.png);
}
#blog-categories a.casa:hover {
    background-image: url(/shared/images/icons/blog/casa_w.png);
}
#blog-categories a.finanzas:hover {
    background-image: url(/shared/images/icons/blog/finanzas_w.png);
}
#blog-categories a.salud:hover {
    background-image: url(/shared/images/icons/blog/salud_w.png);
}
#blog-categories a.futuro:hover {
    background-image: url(/shared/images/icons/blog/futuro_w.png);
}
#blog-categories a.seguridad:hover {
    background-image: url(/shared/images/icons/blog/seguridad_w.png);
}

.path-taxonomy .view-header {
    position: relative;
}

.view-blog-sections .view-header {
    font-size: 1.25rem;
    margin-bottom: 3rem;
    position: relative;
}

.blog-sponsor {
    position: absolute;
    top: -100px;
    right: 0;
    font-size: 1rem;
    background-image: url(/shared/images/brands/tucaja.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 64px;
    background-position-y: bottom;
    text-align: right;
    width: 100px;
    padding-right: 6px;
}

@media (max-width: 768px) {
    .blog-sponsor {
        top:5px;
        background-image: url(/shared/images/brands/tucaja-sm.png);
        padding-bottom: 30px;
        width: 140px;
        margin-right: 5px;
        padding-right: 0;
    }
    .path-taxonomy .view-header,
    .view-blog-sections .view-header,
    .views-element-container.col-auto  {
        position: initial;
    }
}

.view-body-comparador .view-content {
    margin: 0;
}

.subs-news {
    background: #f2f2f2;
}

#subscribeModal input[type=email] {
    border: 1px solid #606060;
}

#subscribeModal .modal-footer {
    border:0;
}

#subscribeModal .form-group {
    margin-bottom:0;
}

#subscribeModal .btn.btn-light {
    display: none;
}

.subs-news  .btn.btn-primary,
#subscribeModal .btn.btn-primary {
    margin: 0 auto;
    border-radius: 30px;
    margin: 0 auto;
    padding: 0.375rem 3rem;
}

.view-related-content img {
    border-radius: 0.25rem;
}

.view-related-content .views-field-field-image .field-content {
    float: left !important;
    margin-right: .5rem !important;
}

.view-related-content-blog img {
    border-radius: 0.25rem;
}

.at-share-btn-elements {
    height:35px;
}

.modal-title {
    line-height: 1.2;
}

/* Footer */

.site-footer__bottom {
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
}

.site-footer .content {
    font-size: 1em;
    width: 100%;
}

.site-footer {
    padding: 30px 0;
}

.site-footer__bottom .region {
    margin-top: 0;
}

.site-footer .navbar-brand {
    margin: 0 auto;
    width:240px;
}
.site-footer .navbar-brand img {
    filter: invert(.5) sepia(1) saturate(1.5) hue-rotate(155deg)
}

.site-footer .navbar-nav li.nav-item {
    padding: 0;
}

.site-footer .navbar-nav {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    height: 320px;
    margin-left: 0px;
    margin-bottom: 20px;
}

.site-footer .navbar-nav .nav-link {
    padding: .25rem .5rem;
}

.node--type-site-blog-entry .site-footer .field--name-body a {
    text-decoration: none;
}

@media (max-width: 340px) {
    .site-footer .navbar-nav {
        text-align: center;
        width: 100%;
    }
}

@media (min-width: 340px) {
    .site-footer .navbar-nav {
        height: 130px;
        font-size:0.9rem;
    }
}

@media (min-width: 400px) {
    .site-footer .navbar-nav {
        margin-left: 0;
        font-size:0.9rem;
    }
    .site-footer .navbar-nav li.nav-item {
        padding: 0 10px;
    }
}

@media (min-width: 480px) {
    .site-footer .navbar-nav {
        margin-left: 10%;
    }
}

@media (min-width: 540px) {
    .site-footer .navbar-nav {
        margin-left: 15%;
        height: 130px;
    }
}

@media (min-width: 576px) {
    .site-footer__bottom {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .site-footer .navbar-nav {
        height: 102px;
        margin-left: 90px;
    }
    .site-footer__bottom {
        max-width: 720px;
    }
    .site-footer .navbar-nav {
        font-size:1rem;
    }
}

@media (min-width: 992px) {
    .site-footer .navbar-nav {
        height: 90px;
        margin-left: 50px;
        font-size:1.1rem;
    }
    .site-footer__bottom {
        max-width: 960px;
    }
    .site-footer .navbar-nav .nav-link {
        padding: .5rem 1rem;
    }
    .site-footer__bottom .block {
        margin: .5em auto;
    }
}

@media (min-width: 1200px) {
    .site-footer .navbar-nav {
        height: 90px;
        margin-left: 80px;
    }
    .site-footer__bottom {
        max-width: 1140px;
    }
    .site-footer__bottom .region {
        margin-top: 20px;
    }
}

.site-footer a.badge.badge-secondary {
    color: #ffffff;
    font-size: 1rem;
    margin: 0 10px 10px;
    background: #599fb9;
    padding: 0.5rem 1rem;
}

.site-footer a.badge.badge-secondary:hover, .site-footer a.badge.badge-secondary:active {
    color: #ffffff;
    background: #00cacc;
}

.site-footer a.badge.badge-secondary:focus {
    box-shadow: none;
}

.site-footer a.badge.badge-secondary i {
    margin-right: 0.6rem;
    font-size: 1.1rem;
}

@media (min-width: 480px) {
    .app-stores {
        width:480px;
    }
}

/* Bloque 1-2-3 */

#block-123, #block-123-2, #block-123-3, #block-123ss, #block-123sv {
    background:#f2f2f2;
}

.node--type-comparador #block-123,
.node--type-comparador #block-123-2,
.node--type-comparador #block-123-3,
.node--type-comparador #block-123ss,
.node--type-comparador #block-123sv {
    background: #ff6162;
    color:#ffffff;
}

.container-123 h4 {
    color: #ff6162;
    font-size: 1.7em;
    font-weight: 500;
}

.node--type-comparador .container-123 h4 {
    color: #ffffff;
}

.container-123 .col-9 {
    padding-right:0;
}

.container-123 .col-9 p {
    font-weight: 100;
    font-size: 1rem;
}

.container-123 h4 span.number {
    font-size: 2.5rem;
    font-weight: normal;
}

.container-123 .col-3  {
    background-position-y: bottom !important;
    height: 100%;
}

.container-123 .col-3.compara {
    background: url(/shared/images/icons/compara.svg) no-repeat;
}
.container-123 .col-3.elige {
    background: url(/shared/images/icons/elige.svg) no-repeat;
}
.container-123 .col-3.solicita {
    background: url(/shared/images/icons/solicita.svg) no-repeat;
}
.container-123 .col-3.compra {
    background: url(/shared/images/icons/compra.svg) no-repeat;
}

.node--type-comparador .container-123 .col-3.compara {
    background: url(/shared/images/icons/compara-wh.svg) no-repeat;
}
.node--type-comparador .container-123 .col-3.elige {
    background: url(/shared/images/icons/elige-wh.svg) no-repeat;
}
.node--type-comparador .container-123 .col-3.solicita {
    background: url(/shared/images/icons/solicita-wh.svg) no-repeat;
}
.node--type-comparador .container-123 .col-3.compra {
    background: url(/shared/images/icons/compra-wh.svg) no-repeat;
}

.container-123 .col-3 i {
    color: #ff6162;
    font-size: 3.5rem;
    margin-bottom: 23px;
}

.gray-back {
    background: #f0f0f0;
}

#block-123-3 .content {
    margin-left: auto!important;
    margin-right: auto!important;
}

.featured-bottom .container-fluid .container.container-123 {
    padding: 0;
}

/* #block-123sv .col-3.compara, #block-123ss .col-3.compara {
    background: url(/shared/images/icons/uno.svg) no-repeat;
    background-size: 65%;
    background-position: center;
}
#block-123sv .col-3.elige, #block-123ss .col-3.elige {
    background: url(/shared/images/icons/dos.svg) no-repeat;
    background-size: 65%;
    background-position: center;
}
#block-123sv .col-3.solicita {
    background: url(/shared/images/icons/tres.svg) no-repeat;
    background-size: 65%;
    background-position: center;
}
#block-123ss .col-3.solicita {
    background: url(/shared/images/icons/tranquilo.svg) no-repeat;
    background-size: 65%;
    background-position: center;
} */

/* Carousel Quotes */

.home-slider .view-content,
.carousel-quote .view-content {
    margin: 0;
}

.carousel, .carousel-quote {
    padding:0;
}

.carousel-item {
    overflow: hidden;
}
.carousel-quote .carousel-item .carousel-caption {
    left:0;
    right:0;
    text-align: left;
    padding-right: 10%;
    bottom:0;
    padding-left: 10%;
    padding-bottom: 30px;
    padding-top: 10px;
}

@media (max-width: 576px) {
    .carousel-quote .carousel-item > img {
        max-width: 450%;
        margin-left:-75%;
    }
    .carousel-quote .carousel-item.izquierda > img {
        margin-left:-240%;
    }
    .carousel-quote .carousel-caption .h3 p {
        font-size: 1.25rem;
    }
    .carousel-indicators {
        bottom: -5px;
        margin-right:3%;
    }
    .carousel-quote .carousel-caption a {
        margin-top: 5px;
    }
}
@media (min-width: 576px) {
    .carousel-quote .carousel-item  > img {
        max-width: 200%;
        margin-left:-25%;
    }
    .carousel-quote .carousel-item.izquierda  > img {
        margin-left:-50%;
    }
}
@media (min-width: 768px) {
    .carousel-quote .carousel-item  > img,
    .carousel-quote .carousel-item.izquierda  > img {
        max-width: 150%;
        margin-left:-20%;
    }
    .carousel-quote .carousel-item .carousel-caption {
        padding-right: 10%;
        padding-left: 40%;
    }
    .carousel-quote .carousel-item.izquierda .carousel-caption {
        padding-right: 40%;
        padding-left: 10%;
    }
}
@media (min-width: 992px) {
    .carousel-quote .carousel-item  > img,
    .carousel-quote .carousel-item.izquierda  > img {
        max-width: 120%;
        margin-left:-10%;
    }
}

@media (min-width: 1200px) {
    .carousel-quote .carousel-item .carousel-caption {
        padding-left: 50%;
        padding-bottom: 30px;
        padding-right: 12%;
    }
    .carousel-quote .carousel-item.izquierda .carousel-caption {
        padding-left: 12%;
        padding-right: 50%;
    }
    .carousel-quote .carousel-item  > img,
    .carousel-quote .carousel-item.izquierda  > img {
        max-width: 100%;
        margin-left:0%;
    }
}

.carousel-quote .carousel-caption a {
    background: #ff6162;
    display: inline-block;
    padding: 5px 25px;
    color: #ffffff;
    margin-top: 30px;
    border-radius: 25px;
    font-size:1.1rem;
    text-decoration: none;
    font-weight:500;
    font-style:normal;
}

.carousel-quote .carousel-caption a:hover,
.carousel-quote .carousel-caption a:focus {
    background-color: #c74748;
    border-color: #c74748;
}

.carousel-quote .carousel-caption .h3 p {
    font-weight: bold;
    font-size: 1.3rem;
    font-style:normal;
    color:#ffffff;
}

@media (max-width: 375px) {
    .carousel-quote .carousel-caption .h3 p {
        font-size: 1.2rem;
    }
}

@media (max-width: 350px) {
    .carousel-quote .carousel-caption p a {
        display:none;
    }
}
.carousel-indicators [data-bs-target] {
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background-color: transparent;
    border: 2px solid #00cacc;
}

.carousel-quote .carousel-caption .h3 p::before, .carousel-caption .h3 p::after {
    content: '"';
}

.carousel-quote .carousel-caption p {
    font-size: 1.3rem;
    font-weight:bold;
    font-style:normal;
    margin:0;
}

.carousel-indicators {
    left: auto;
}

.carousel-indicators .active {
    background-color: #00cacc;
}

.carousel-quote .h3 {
    font-size: 1.4rem;
    font-family: 'OpenSans';
    font-weight: normal !important;
}

/* carousel blog */

.featured-bottom-first-wrapper,
.node--type-comparador .blog-carousel {
    background: #245D77;
}
.region-featured-bottom-first {
    padding-top:40px;
    padding-bottom:40px;
}

.node--type-comparador .blog-carousel {
    padding-top:16px;
    padding-bottom:16px;
}

@media (max-width: 576px)  {
    .region-featured-bottom-first {
        padding-left:15px;
        padding-right:15px;
    }
}

.blog-carousel .view-header h2 {
    color: #00cacc;
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: normal;
    height: 34px;
}

.blog-carousel .view-header h2::before {
    content: "\f09e";
    font-family: 'icomoon';
    padding-right: 20px;
    font-weight: bold;
}

.featured-bottom .container-fluid {
    padding:0;
}

.featured-bottom .container-fluid .container {
    padding-right: 15px;
    padding-left: 15px;
}

.blog-carousel {
    width: 100%;
}

.blog-carousel .carousel-multiple .carousel-item  {
    padding: 0 5px;
}

.blog-carousel .carousel-multiple .carousel-item .carousel-caption a {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.1;
}

.featured-bottom .block-dfp-block {
    margin: auto;
    width:300px;
}

.carousel-multiple .carousel-item {
    padding:0 5px;
}

.carousel-multiple .carousel-control-next {
    right: 0;
    height: 42px;
    margin: auto 0;
    width: 42px;
    opacity:1;
    transition:none;
    z-index:20;
}

.carousel-multiple .carousel-control-prev {
    left: 0;
    height: 42px;
    margin: auto 0;
    width: 42px;
    opacity:1;
    transition:none;
    z-index:20;
}

.carousel-multiple .carousel-control-next .carousel-control-next-icon,
.carousel-multiple .carousel-control-prev .carousel-control-prev-icon {
    color: #00cacc;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'icomoon';
    background-image: none;
    width:unset;
    height: unset;
}

.carousel-multiple .carousel-control-next .carousel-control-next-icon:after {
    content: "\f138";
}

.carousel-multiple .carousel-control-prev .carousel-control-prev-icon:after {
    content: "\f137";
}

@media (min-width: 576px) {

    .blog-carousel .carousel-item.col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .carousel-multiple .carousel-item.col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (max-width: 787px)  {
    .featured-bottom .block-dfp-block {
        margin-top: 30px;
    }
}

.blog-carousel .slide__caption a {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.1rem;
    font-weight: 500;
    margin-top:auto;
    text-align: center;
}

.blog-carousel .carousel-multiple .carousel-item .carousel-caption a {
    text-align: center;
    margin-top: auto;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
    padding-left: 15px;
    padding-right: 15px;
}

.blog-carousel .carousel-multiple .carousel-item .carousel-caption  {
    position:absolute;
    background-image: linear-gradient(0deg, #1e2022 0%, transparent 50%);
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    display: flex!important;
    left:0;
    right:0;
    padding: 0;
    margin: 0;
    bottom:0;
}

@media (min-width: 1024px)  {
    /* .pe .blog-carousel,
    .co .blog-carousel,
    .mx .blog-carousel,
    .br .blog-carousel  {
        width: 790px;
        margin-left:auto;
        margin-right:auto;
    } */

    .featured-bottom .block-dfp-block {
        margin-top: 49px;
        margin-right: 0;
    }
}
@media (max-width: 576px)  {
    .blog-carousel .view-header h2 {
        font-size: 1.6rem;
    }
    .blog-carousel .container {
        width:90% !important;
        margin: 0 auto;
    }
}

/* Descripción Comparador */

.body-comparador .field-content > h2 {
    margin-top: 3rem !important;
}

.body-comparador b {
    color: #555555;
}

.body-comparador .field-content > h2,
.faq-block h2,
.node--type-comparador .related-content h2 {
    color: #00cacc;
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: normal;
}

.node--type-comparador .related-content h2 {
    margin-left: -10px;
}

.node--type-comparador .related-content .views-row.my-2 {
    margin: 0 !important;
    padding: 0.2em 0.5em 0 0;
}

.node--type-comparador .related-content .views-row {
    margin-bottom: 0.2rem;
}

.sidebar_second .similar-products {
    margin-left:0;
    margin-right:0;
}

.sidebar_second .views-field-title .field-content a {
    color: #00cacc;
    padding: 5px 0;
    display: block;
    text-decoration: underline;
    font-weight: bold;
}

@media (min-width: 768px) {
    .node--type-comparador .related-content .views-row {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .node--type-comparador .related-content .views-row {
        flex: 0 0 auto;
        width: 33.33%;
    }
}

.body-comparador h4 {
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: normal;
}

.body-comparador h2,
.body-comparador .col-12 > h2,
.body-comparador .col-6 > h2 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: bold;
}

.body-comparador h3 {
    font-size: 1.2rem;
    font-weight: bold;
}

.body-comparador p,
.body-comparador ul li,
.body-comparador ol li {
    font-size:0.9rem;
}

.body-comparador p a,
.body-comparador ul li a {
    color: #00cacc;
}

.body-comparador p a:hover,
.body-comparador ul li a:hover {
    color: #00cacc;
    text-decoration: underline;
}

.faq-block h2::before,
.body-comparador .field-content > h2::before,
.node--type-comparador .related-content h2::before {
    content: "\f02d";
    font-family: 'icomoon';
    padding-right: 20px;
    font-weight: bold;
}

.body-comparador .field--name-field-seo-content,
.body-comparador .view-content {
    padding: 45px 0;
}

.body-comparador .field--name-field-seo-content .field__item:first-child h2,
.body-comparador .views-row:first-child h2  {
    color: #00cacc;
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 400;
}

.body-comparador .field--name-field-seo-content .field__item:first-child h2:before,
.body-comparador .views-row:first-child h2:before {
    content: "\f02d";
    font-family: 'icomoon';
    padding-right: 20px;
    font-weight: 700;
}

.body-comparador .field--name-field-seo-content > .field__item,
.body-comparador .views-row:first-child {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .body-comparador .field--name-field-seo-content > .field__item:has(.columns-1),
    .body-comparador .views-row {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.faq-block, .related-content {
    margin-bottom:45px;
}

@media (max-width: 576px) {
    .faq-block, .related-content {
        margin-left: 15px;
        margin-right: 15px;
    }

}

.node--type-comparador .faq-block .item-list,
.node--type-faq .faq-block .item-list {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.node--type-comparador .faq-block .item-list ul,
.node--type-faq .faq-block .item-list ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left:-15px;
    margin-right:-15px;
}
.node--type-comparador .faq-block .item-list ul li,
.node--type-faq .faq-block .item-list ul li {
    width:100%;
}

@media (min-width: 768px) {
    .node--type-comparador .faq-block .item-list ul li,
    .node--type-faq .faq-block .item-list ul li {
        width:50%;
    }
}

.node--type-comparador .similar-products {
    margin-right: 1rem !important;
}

.toc-js-container {
    max-height: unset !important;
}


/* BANNER MEDIOS */

#block-medios {
    background-color: #007498;
}

#block-medios .media-container.container {
    padding:30px 0;
}

@media (max-width: 992px) {
    #block-medios .media-container.container {
        max-width:none !important;
    }
}

#block-medios .media-banner {
    width: 100%;
    background: url(/shared/images/other/medios.png) no-repeat;
    height: 112px;
    background-size: 100%;
    display: block;
}

#block-medios .media-banner.co {
    background: url(/shared/images/other/medios-co.png) no-repeat;
    background-size: 100%;
}

#block-medios .media-banner.mx {
    background: url(/shared/images/other/medios-mx.png) no-repeat;
    background-size: 100%;
}

#block-medios .media-banner.cl {
    background: url(/shared/images/other/medios-cl.png) no-repeat;
    background-size: 100%;
}

#block-medios .media-banner.br {
    background: url(/shared/images/other/medios-br.png) no-repeat;
    background-size: 100%;
}

/* HOME */

.path-frontpage h1.title {
    text-align: center;
    font-size: 2rem;
    font-weight: normal;
    color: #ff6162;
}

.node--type-page .container-fluid {
    padding-left:0;
    padding-right: 0;
}

.node--type-page .site-footer .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

/* .node--type-page #content {
    padding:0;
} */

.node--type-page #main > .row {
    margin:0;
}

.menu-prod-image.icon {
    background-size: 79px !important;
    padding-top: 80px;
    display: block;
    font-size: 1.1rem;
    font-weight: 100;
    width: 108px;
    text-align: center;
    color: #555555;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
}

.main-product {
    width: 33% !important;
    text-align: center;
    position:relative;
}

.main-product:hover a,
#otros-list .main-product:hover a,
.main-product:hover button {
    color: #00cacc;
    font-weight: 400;
}


@media (min-width: 992px) {
    .main-product {
        width: 20% !important;
    }
}

.icon.icon-tarjetas {
    background: url(/shared/images/icons/tarjetas-credito.svg) no-repeat center top;
}
.icon.icon-prestamos {
    background: url(/shared/images/icons/prestamos-personales.svg) no-repeat center top;
}
.icon.icon-soat {
    background: url(/shared/images/icons/soat.svg) no-repeat center top;
}
.icon.icon-seg-vehiculares {
    background: url(/shared/images/icons/seguros-vehiculares.svg) no-repeat center top;
}
.icon.icon-depositos {
    background: url(/shared/images/icons/depositos-plazo.svg) no-repeat center top;
}
.icon.icon-auto {
    background: url(/shared/images/icons/creditos-vehiculares.svg) no-repeat center top;
}
.icon.icon-hipotecas {
    background: url(/shared/images/icons/creditos-hipotecarios.svg) no-repeat center top;
}
.icon.icon-seg-oncologicos {
    background: url(/shared/images/icons/seguros-oncologicos.svg) no-repeat center top;
    background-position-y: 8px;
}
.icon.icon-ahorros {
    background: url(/shared/images/icons/ahorros.svg) no-repeat center top;
    background-size: 72px !important;
    background-position-y: 7px;
}
.icon.icon-seg-vida {
    background: url(/shared/images/icons/seguros-vida.svg) no-repeat center top;
    background-position-y: 12px;
    background-size: 75px !important;
}
.icon.icon-seg-viaje {
    background: url(/shared/images/icons/seguros-viaje.svg) no-repeat center top;
    background-position-y: 15px;
    background-size: 70px !important;
}
.icon.icon-rapidos {
    background: url(/shared/images/icons/prestamos-rapidos.svg) no-repeat center top;
    background-size: 90px !important;
    background-position-y: -5px;
}
.icon.icon-seg-hogar {
    background: url(/shared/images/icons/seguros-hogar.svg) no-repeat center top;
}
.icon.icon-seg-salud {
    background: url(/shared/images/icons/seguros-salud.svg) no-repeat center top;
    background-size: 64px !important;
    background-position-y: 14px;
}
.icon.icon-consorcio {
    background: url(/shared/images/icons/consorcio-inmobiliario.svg) no-repeat center top;
}
.icon.icon-afp {
    background: url(/shared/images/icons/afp.svg) no-repeat center top;
    background-position-y: 8px;
}
.icon.icon-cts {
    background: url(/shared/images/icons/cts.svg) no-repeat center top;
    background-size: 74px !important;
    background-position-y: 5px;
}
.icon.icon-cuentas {
    background: url(/shared/images/icons/cuentas.svg) no-repeat center top;
}

.icon.icon-otros {
    background: url(/shared/images/icons/more.svg) no-repeat center top;
    border: 0;
    outline: none;
    cursor: pointer;
}


.menu-prod-image.icon.new:before {
    content: "NUEVO";
    display: block;
    position: absolute;
    top: -3px;
    left: 20%;
    background: #00cacc;
    color: white;
    font-size: 0.75rem;
    padding: 3px 5px;
    border-radius: 5px;
    font-weight: bold;
}

.br .menu-prod-image.icon.new:before {
    content: "NOVO";
}

#otros-list {
    background: white;
    padding: 40px 20px;
    width: 100%;
    border-top: 2px dashed #00cacc;
}
#otros-list .main-product {
    margin-top: auto;
    margin-bottom: auto;
}

#otros-list .main-product a {
    padding: 10px 7px;
    display: block;
    font-weight: 100;
    color: #999;
    font-size: 1.1rem;
}

#main-slider .carousel-caption {
    right: 23%;
    top: 32%;
    left: 23%;
    height: 160px;
}

@media (min-width: 1200px) {
    #main-slider .campaign .carousel-caption {
        top: 25%;
        left: 15%;
        right: 15%;
    }
}

#main-slider .carousel-caption .first {
    float: left;
    border-right: 1px solid #fff;
    padding-right: 30px;
    padding-left: 30px;
}

#main-slider .carousel-caption .first img {
    width:100%;
}

#main-slider .carousel-caption .second {
    float: left;
    padding-left: 30px;
    font-size: 1.8rem;
    text-align: left;
    padding-right: 0;
    margin-bottom: 10px;
}

#main-slider .campaign .carousel-caption .second {
    margin-top: auto;
}

@media (min-width: 992px) {
    #main-slider .carousel-caption .second {
        padding-top: 12px
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    #main-slider .campaign .carousel-caption {
        top: 10%;
        left: 15%;
        right: 15%;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    #main-slider .carousel-item > img {
        max-width: 160%;
        margin-left:-30%;
    }
    #main-slider .carousel-caption {
        right: 15%;
        top: 24%;
        left: 15%;
        height: 160px;
    }
}

@media (max-width: 576px) {
    #main-slider .carousel-item > img {
        max-width: 260%;
        margin-left:-75%;
    }
    #main-slider .carousel-caption {
        right: 10%;
        top: 20%;
        left: 10%;
        height: 160px;
    }
    #main-slider .carousel-caption .first {
        display: none;
    }
    #main-slider .carousel-caption .second {
        padding-left: 0;
        font-size: 1.8rem;
        text-align: center;
        padding-right: 0;
        width: 100%;
    }
    .path-frontpage h1.title {
        font-size: 1.7rem;
    }
}


@media (min-width: 1920px) {
    #main-slider .carousel-item > img,
    .carousel-quote .carousel-item > img  {
        width:100%;
    }
    #main-slider .carousel-item,
    .carousel-quote .carousel-item {
        min-width: 100vw!important;
    }
}

.path-frontpage .block-companylist-block {
    margin-left: -15px;
    margin-right: -15px;
}

/* SLIDERS CAMPAIGNS */

#main-slider .campaign2 .carousel-caption .first {
    border-right: 0;
    text-align:left;
    padding-right: 0px;
    padding-left: 0px;
}
.campaign .carousel-caption .first.col,
.campaign2 .carousel-caption .second.col {
    border:0 !important;
}
.campaign .carousel-caption .second.col,
.campaign2 .carousel-caption .first.col  {
    font-size:1.8rem;
    line-height:1.2;
}
.campaign .carousel-caption .second.col .key,
.campaign2 .carousel-caption .first.col .key {
    font-weight:bold;
    font-size:2.2rem;
}
.campaign .carousel-caption .second.col .btn,
.campaign2 .carousel-caption .first.col .btn {
    margin-top:20px;
    border-radius:20px;
    font-size:1.2rem;
    padding-left:20px;
    padding-right:20px;
}
.carousel-caption .slogan {
    font-weight: 100;
    margin-top: 40px;
}
.logo-mob {
    top: 15px;
    left: 51%;
    position: absolute;
}
@media (min-width: 576px) {
    .mobile-only {
        display:none;
    }
}
@media (max-width: 576px) {
    #main-slider .campaign2 .carousel-caption .second {
        display: none;
    }
    #main-slider .campaign2 .carousel-caption .first {
        display: block;
    }
    #main-slider .campaign2 .carousel-caption a,
    #main-slider .campaign .carousel-caption a {
        /* position: absolute;
        bottom: 20px; */
        margin-top: 15px;
    }
    #main-slider .campaign .carousel-caption a {
        right: 0;
    }
    #main-slider .campaign2 .carousel-caption a {
        left: 0;
    }
    .campaign .carousel-caption .second.col{
        text-align: right !important;
        font-size:1.4rem !important;
        /* height:100%; */
    }
    .campaign2 .carousel-caption .first.col {
        text-align: left !important;
        font-size:1.4rem !important;
        /* height:100%; */
    }
    .campaign .carousel-caption .second.col .key,
    .campaign2 .carousel-caption .first.col .key {
        font-size:2rem !important;
    }
    #main-slider .carousel-item.campaign>img {
        margin-left: -63%;
    }
    #main-slider .carousel-item.campaign.app>img {
        margin-left: -45%;
    }
    #main-slider .carousel-item.campaign.afp>img {
        margin-left: -42%;
    }
    #main-slider .carousel-item.campaign.tc.celular>img {
        margin-left: -50%;
    }
    #main-slider .carousel-item.campaign.tc.casa>img {
        margin-left: -35%;
    }
    #main-slider .carousel-item.campaign.tc.viaje>img {
        margin-left: -26%;
    }
    #main-slider .campaign .carousel-caption,
    #main-slider .campaign2 .carousel-caption {
        bottom: auto;
        top: 10px;
        height:100%;
    }
    .carousel-caption .slogan {
        margin-top:0;
    }
    #main-slider .carousel-item.campaign2>img {
        margin-left: -105%;
    }
    #main-slider .carousel-indicators {
        left: 0;
        margin-right: 0;
        margin-left: 0;
    }
    #main-slider .carousel-indicators {
        bottom: -45px;
    }
}

/*  NUEVO SLIDER */
.media--loading::before {
    display: none;
}

.home-slider .carousel-item:after {
    content: " ";
    background: linear-gradient(90deg, rgba(0,0,0,0) 43%, rgba(0,0,0,0.6418942577030813) 100%);
    width:100%;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
}

.home-slider .carousel-caption {
    text-align: right;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.2;
    bottom: unset;
    top: 27%;
    left: unset;
    width: 40%;
    right:12%;
    z-index:20;
}
.home-slider .carousel-caption .h3 {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.1;
    margin-bottom: 0;
}
.home-slider .carousel-caption p {
    margin-bottom: 0;
    margin-top: 10px;
}
.home-slider .carousel-caption .btn-primary {
    background-color: #ff6162;
    color: white;
    margin-top: 20px;
    border-radius: 20px;
    padding: 0.375rem 20px;
    font-size: 1.2rem;
}
.home-slider .carousel-caption .btn-primary a {
    color: white;
}

@media (min-width: 1920px) {
    .home-slider .carousel-item img {
        width: 100%;
    }
    .home-slider .carousel-item {
        min-width: 100vw !important;
    }
    .home-slider .carousel-caption {
        right: 20%;
    }
}
@media (max-width: 1200px) {
    .home-slider .carousel-caption {
        top: 25%;
    }
}
@media (min-width: 1200px) {
    .home-slider .carousel-caption .h3 {
        font-size: 2.8rem;
    }
}
@media (max-width: 992px) {
    .home-slider .carousel-item img {
        max-width: 160%;
        margin-left: -30%;
    }
    .home-slider .carousel-caption {
        top: 24%;
        right: 15%;
        width: 32%;
    }
}
@media (max-width: 768px) {
    .home-slider .carousel-item img {
        max-width: 160%;
        margin-left: -30%;
    }
    .home-slider .carousel-caption {
        width: 50%;
        top: unset;
        bottom: 15%;
        right: 15%;
    }
}
@media (max-width: 576px) {
    .home-slider .carousel-indicators {
        bottom: -45px;
        left: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .home-slider .carousel-item img {
        max-width: 260%;
        margin-left: -50% !important;
    }
    .home-slider .carousel-caption {
        width: 100%;
        top: unset;
        bottom: 10px;
        right: 7%;
        font-size: 1.4rem;
    }
    .home-slider .carousel-caption .h3 {
        font-size: 2rem;
    }
    .home-slider .carousel-caption .btn-primary {
        margin-top: 15px;
    }
}
@media (max-width: 430px) {
    .home-slider .carousel-caption {
        width: 60%;
        bottom: 0;
        right: 5%;
        font-size:1.3rem;
    }
    .home-slider .carousel-caption .h3 {
        font-size:1.9rem;
    }
    .home-slider .carousel-caption p {
        margin-top:8px;
    }
    .home-slider .carousel-item .media:after {
        content: " ";
        background: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.6418942577030813) 100%);
    }
}

/* WEBFORM */

.webform-title {
    background: #00cacc;
    color: #fff;
    padding: 10px;
    margin-top: 30px;
}
fieldset.col-auto {
    padding:0;
}

/* COMPANY */

.product-list {
    font-size:1.2rem;
    text-align: center;
}

.product-list p {
    text-align: left;
}

.product-list h4 {
    background: #00cacc;
    color: #ffffff;
    padding: 4px;
    margin-top: 22px;
}

.product-summary {
    font-size: 1.1rem;
    font-weight: 100;
    width: 100%;
}

/* Pagina 404 */

#not-found {
  width:100%;
  height:100%;
  background:#ffffff;
  font-weight:300;
  margin:0;
  padding:0;
}

#not-found #title {
  text-align:center;
  font-size:40px;
  margin-top:40px;
  margin-bottom:-40px;
  position:relative;
  color:#fff;
}

#not-found .circles {
    background:#fff;
    text-align: center;
    position: relative;
  margin-top:-60px;
}

#not-found .circles p {
    font-size: 240px;
    color: #fff;
    padding-top: 60px;
    position: relative;
  z-index: 9;
  line-height: 100%;
}

#not-found .circles p small {
  font-size: 40px;
  line-height: 100%;
  vertical-align: top;
}

#not-found .circles .circle.small {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #48A9E6;
    position: absolute;
    z-index: 1;
    top: 80px;
    left: 50%;
    animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);
    -webkit-animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

#not-found .circles .circle.med {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: #ff6162;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 10%;
    animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);
    -webkit-animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

#not-found .circles .circle.big {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: #00cacc;
    position: absolute;
    z-index: 1;
    top: 200px;
    right: 0;
    animation: 8s bigmove infinite;
    -webkit-animation: 8s bigmove infinite;
    animation-delay: 3s;
    -webkit-animation-delay: 1s;
}

#not-found a.boton {
    font-size: 1.5rem;
    line-height: 1;
    vertical-align: top;
    bottom: 23%;
    position: absolute;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 10px 30px;
    border-radius: 30px;
    left: calc( 50% - 81px);
    margin-top: 20px;
}

#not-found a.boton:hover {
    background:#ff6162;
}

@-webkit-keyframes smallmove {
    0% { top: 10px; left: 45%; opacity: 1; }
    25% { top: 300px; left: 40%; opacity:0.7; }
    50% { top: 240px; left: 55%; opacity:0.4; }
    75% { top: 100px; left: 40%;  opacity:0.6; }
    100% { top: 10px; left: 45%; opacity: 1; }
}
@keyframes smallmove {
    0% { top: 10px; left: 45%; opacity: 1; }
    25% { top: 300px; left: 40%; opacity:0.7; }
    50% { top: 240px; left: 55%; opacity:0.4; }
    75% { top: 100px; left: 40%;  opacity:0.6; }
    100% { top: 10px; left: 45%; opacity: 1; }
}

@-webkit-keyframes medmove {
    0% { top: -20px; left: 20%; opacity: 1; }
    25% { top: 300px; left: 80%; opacity:0.7; }
    50% { top: 240px; left: 55%; opacity:0.4; }
    75% { top: 100px; left: 40%;  opacity:0.6; }
    100% { top: -20px; left: 20%; opacity: 1; }
}

@keyframes medmove {
    0% { top: -20px; left: 20%; opacity: 1; }
    25% { top: 300px; left: 80%; opacity:0.7; }
    50% { top: 240px; left: 55%; opacity:0.4; }
    75% { top: 100px; left: 40%;  opacity:0.6; }
    100% { top: -20px; left: 20%; opacity: 1; }
}

@-webkit-keyframes bigmove {
    0% { top: -80px; right: 4%; opacity: 0.5; }
    25% { top: 100px; right: 40%; opacity:0.4; }
    50% { top: 240px; right: 55%; opacity:1; }
    75% { top: 100px; right: 35%;  opacity:0.6; }
    100% { top: -80px; right: 4%; opacity: 0.5; }
}
@keyframes bigmove {
    0% { top: -80px; right: 4%; opacity: 0.5; }
    25% { top: 100px; right: 40%; opacity:0.4; }
    50% { top: 240px; right: 55%; opacity:1; }
    75% { top: 100px; right: 35%;  opacity:0.6; }
    100% { top: -80px; right: 4%; opacity: 0.5; }
}


/* SIDEBAR */

.sidebar.col-md-3 {
    display: block;
    flex: none;
    max-width: none;
    order: unset;
    padding: 0;
}

@media (min-width: 992px) {
    .sidebar.col-md-3 {
        width: 300px;
        padding-top:35px;
    }
    .sidebar #block-bloquedfp {
        height: 600px;
    }
}

.sidebar .block-dfp-block.block {
    text-align: center;
    border:0;
    background: transparent;
}

@media (max-width: 992px) {
    .sidebar .block-dfp-block.block {
        position:initial !important;
    }
    /* .sidebar #block-bloquedfp {
        height: 345px;
    } */

    #block-123sv .col-2.compara, #block-123sv .col-2.elige, #block-123sv .col-2.solicita {
        background-size: 90%;
    }
}

.sidebar .block {
    background-color: #ffffff;
    border: 0;
}

.sidebar .block h2 {
    font-size: 1.3rem;
    border-bottom: 1px solid #606060;
    color: #606060;
}

.sidebar .similar-products {
    margin-left:0;
    margin-right:0;
}

#edit-search {
    margin-top:0;
}

.breadcrumb {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 15px;
}

.sidebar .views-exposed-form {
    margin-top: 15px;
}

button#edit-submit-search {
    font-size:0;
}

button#edit-submit-search:after,
button#edit-submit-search-2:after {
    content: "\f002";
    font-family: 'icomoon';
    font-weight: bold;
    font-size: 1rem;
}

.sidebar .form-item-search {
    width:80%;
}

.sidebar .views-exposed-form .js-form-type-textfield {
    padding-right:0;
}

.sidebar .views-exposed-form .js-form-type-textfield .form-control {
    border-radius: 0;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-right-color: transparent;
}

.sidebar .views-exposed-form .form-actions {
    padding-left:0;
}

.sidebar .views-exposed-form .form-actions .btn {
    border-radius: 0;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

/* ABOUT US */

#about-slider h2.title {
    color: #ffffff;
    font-size: 3rem;
    width: 100%;
}

#about-slider .subtitle {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.2;
    padding-top: 10px;
}

#about-slider .carousel-caption {
    right: 23%;
    top: 32%;
    left: 23%;
    height: 160px;
}

@media (max-width: 576px) {
    #about-slider .carousel-item > img {
        max-width: 200%;
        margin-left:-50%;
    }
    #about-slider .carousel-caption {
        right: 10%;
        top: 10%;
        left: 10%;
        height: 160px;
    }
    #about-slider h2.title {
        font-size: 2.3rem;
    }
    #about-slider .subtitle {
        font-size: 1.4rem;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    #about-slider .carousel-caption {
        right: 10%;
        top: 24%;
        left: 10%;
        height: 160px;
    }
    #about-slider h2.title {
        font-size: 2.3rem;
    }
    #about-slider .subtitle {
        font-size: 1.4rem;
    }

}

@media (min-width: 768px) and (max-width: 992px) {
    #about-slider .carousel-caption {
        right: 15%;
        top: 24%;
        left: 15%;
        height: 160px;
    }
    #about-slider h2.title {
        font-size: 2.3rem;
    }
    #about-slider .subtitle {
        font-size: 1.4rem;
    }

}


.list-reasons .icon {
    background-size: 79px !important;
    padding-top: 90px;
    display: block;
    font-size: 1.25rem;
    font-weight: 100;
    width: 108px;
    text-align: center;
    color: #999;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
}

.about-reasons {
    text-align: center;
    font-size: 1.6rem;
    font-weight: normal;
    margin-bottom: 50px;
    margin-top: 30px;
}

.about-reasons h1 {
    font-weight: normal;
    font-size: 2rem;
}

.list-reasons .icon-free {
    background: url(/shared/images/icons/about/free.png) no-repeat center top;
}
.list-reasons .icon-freedom {
    background: url(/shared/images/icons/about/freedom.png) no-repeat center top;
}
.list-reasons .icon-shield {
    background: url(/shared/images/icons/about/shield.png) no-repeat center top;
}
.list-reasons .icon-book {
    background: url(/shared/images/icons/about/book.png) no-repeat center top;
}
.list-reasons .icon-calendar {
    background: url(/shared/images/icons/about/calendar.png) no-repeat center top;
}
.list-reasons .icon-easy {
    background: url(/shared/images/icons/about/easy.png) no-repeat center top;
}

.about-process {
    margin-bottom: 75px;
    color: #ffffff;
    font-size:1.4rem;
    font-style: normal;
}

.about-process .image {
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 768px) {
    .about-process .image {
        display:none;
    }
    #block-123sv .col-2.compara, #block-123sv .col-2.elige, #block-123sv .col-2.solicita {
        background-size: 60%;
    }
}

.about-process .image.dream {
    background-image: url(/shared/images/about/dreams.jpg);
}
.about-process .text.dream {
    background-color: #00cacc;
    padding-left: 12% !important;
}
.about-process .image.frustration {
    background-image: url(/shared/images/about/frustration.jpg);
}
.about-process .text.frustration {
    background-color: #ff6162;
    padding-right: 12% !important;
}
.about-process .image.app {
    background-image: url(/shared/images/about/app.jpg);
}
.about-process .text.app {
    background-color: #00cacc;
    padding-left: 12% !important;
}
.about-process .image.tech {
    background-image: url(/shared/images/about/tech.jpg);
}
.about-process .text.tech {
    background-color: #ff6162;
    padding-right: 12% !important;
}

.about-process .text a {
    color: #ffffff;
    text-decoration: underline;
}

/* Counter */

.node--type-comparador .featured-bottom-third-wrapper .block-cb-argentina .content {
    background-image: none;
    background-repeat: no-repeat;
}

.featured-bottom-third-wrapper, .counter-wrap {
    background: #ff6162;
    color: #ffffff;
}

.main-text {
    font-size: 1.7rem;
    text-align: left;
}

.main-text span {
    font-style: normal;
    font-weight: 100;
}

.main-text .number {
    font-weight: bold;
    font-size: 2.3rem;
    font-style: normal;
}

.main-text .btn.btn-primary.btn-outline {
    border: 2px solid #ffffff;
    margin-bottom: 20px;
    border-radius: 30px;
    padding: 3px 30px;
    font-size: 1.2rem;
}

.world-icon {
    background-repeat: no-repeat;
    display: inline-block;
    padding: 30px 0 30px 150px;
    background-position-y: center;
    background-size: 130px;
    background-image:url(/shared/images/icons/world.svg);
}

@media (max-width: 576px) {
    .world-icon {
        padding: 20px 115px 20px 0;
        background-position-x: right;
        background-size: 115px;
    }
    .main-text .number {
        display:block;
        font-size: 2rem;
    }
    .main-text span {
        font-size: 1.4rem;
        line-height: 1;
    }
    .main-text .btn.btn-primary.btn-outline {
        margin-bottom: 13px;
    }
}

@media (max-width: 350px) {
    .world-icon {
        background-image: none;
        padding: 20px 15px;
    }
}

.header.tosort span, .sub-header.tosort span {
    background-image: url(/shared/images/icons/drop-down.png);
}

.cell .exclusive {
    background-image: url(/shared/images/icons/check.png);
}

.soat-gratis {
    width: 150px;
    position: absolute;
    top: -125px;
    right: -110px;
    animation: zoominoutsinglefeatured 1s infinite;
    z-index: 10;
}

.soat-gratis .text{
    color: #ff6162;
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1;
}

@media (max-width: 576px) {
    .soat-gratis {
        width: 80px;
        position: absolute;
        top: -260px;
        left: 10px;
    }
    .soat-gratis {
        font-size: 1.2rem;
    }
    .soat-gratis .text{
        font-size: 0.9rem;
    }
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.1,1.1);
    }
    100% {
        transform: scale(1,1);
    }
}

/* LANDINGS */

.node--type-comparador.landing #CollapsingNavbar,
.node--type-comparador.landing .featured-bottom,
.node--type-comparador.landing .site-footer {
    display: none !important;
}

.node--type-comparador.landing .navbar-brand {
    margin:0 auto;
}

.node--type-comparador.landing .disclaimer {
    display:block !important;
}

.node--type-podcast-episode.landing-email .audio-player,
.node--type-podcast-episode.landing-email .field--name-body,
.node--type-podcast-episode.landing-email #block-badgesbuttonspodcast {
    display: none;
}


/* Home Promo Slider */

    .carousel-item.promo .second{
        line-height: 1.2;
        font-weight:500;
    }
    .carousel-item.promo .row.buttons{
        font-size: 1.35rem;
        text-align: center;
        padding: 15px 0;
        margin-left: 4px;
    }
    .carousel-item.promo .row.buttons .col{
        border: 2px solid #fff;
        padding: 10px;
        border-radius: 0.5rem;
    }
    .carousel-item.promo .row.buttons .col img{
        margin: auto;
        margin-bottom: 10px;
        width:45px;
    }
    .carousel-item.promo a.btn {
        border-radius: 25px;
        padding: 5px 25px;
        font-size: 1.3rem;
        margin-top: 10px;
    }
@media (min-width: 576px) and (max-width: 992px) {
        .carousel-item.promo>img{
            margin-left:-10% !important;
        }
}
    @media (max-width: 576px) {
        .carousel-item.promo .carousel-caption {
            top: 30% !important;
        }
        .carousel-item.promo>img{
            margin-left:-21% !important;
        }
        .carousel-item.promo .second{
            font-size: 1.5rem !important;
        }
        .carousel-item.promo .row.buttons{
            font-size: 1.2rem;
            padding:5px 0;
            margin: 0 auto;
        }
        .carousel-item.promo .row.buttons .col{
            padding: 5px;
        }
        .carousel-item.promo .row.buttons .col img{
            width:35px;
        }
    }

@media (min-width: 992px) {
    .xx.path-frontpage #main-wrapper {
        background-image: url(https://cdn-pe.comparabien.com/web/back-navidad-lg.jpg);
        background-size: 100%;
        background-repeat: no-repeat repeat;
        background-position-x: center;
    }
    .xx.node--type-resultados #main-wrapper {
        background-image: url(https://cdn-pe.comparabien.com/web/back-navidad-sm.jpg);
        background-size: 100%;
        background-repeat: no-repeat repeat;
        background-position-x: center;
    }
    .xx.node--type-resultados #result {
        background: #ffffff;
    }
}

.a2a_kit {
    display: block;
    margin-bottom: 16px;
}

/* Cookies Banner */

#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab {
    color: #ffffff;
    font-family: 'OpenSans';
    font-weight: normal;
    line-height: 1.1;
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: rgba(0,0,0,0.75);
}


.eu-cookie-compliance-message h2 {
    font-size: 18px;
}

.eu-cookie-compliance-message {
    float: left;
    margin: 30px 0;
    max-width: 75%;
}

.eu-cookie-compliance-message p,
button.find-more-button.eu-cookie-compliance-more-button.find-more-button-processed {
    font-size: 1rem;
}

.eu-cookie-compliance-buttons {
    float: right;
    margin: 0 0 0 0;
    max-width: 25%;
    padding-top: 20px;
}

.eu-cookie-compliance-more-button {
    display:none;
}


button.eu-cookie-compliance-default-button, button.agree-button.eu-cookie-compliance-secondary-button {
    background: transparent;
    border-radius: 15px;
    padding: 6px 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    font-weight: normal;
    border: 1px solid #ffffff;
    color: #ffffff;
    width:100%;
}
button.eu-cookie-compliance-default-button:hover, button.agree-button.eu-cookie-compliance-secondary-button:hover {
    background: #ff6162;
}


.eu-cookie-compliance-message a,
    .eu-cookie-compliance-message a:hover {
        color:#ffffff !important;
        text-decoration: underline;
        font-family: 'OpenSans';
    }

@media (max-width: 600px) {
    .eu-cookie-compliance-content {
        max-width: 90%;
    }
    .eu-cookie-compliance-message {
        max-width: 100% !important;
        margin: 25px 0 0;
    }
    .eu-cookie-compliance-buttons {
        max-width: 100% !important;
        padding-top:0;
    }
    button.eu-cookie-compliance-default-button, button.agree-button.eu-cookie-compliance-secondary-button {
        margin-top: 15px;
        margin-bottom:15px;
        width:unset;
    }
}

button.agree-button.eu-cookie-compliance-secondary-button {
    background: #ff6162;
    border-color:#ff6162
}

button.agree-button.eu-cookie-compliance-secondary-button:hover {
    background: #cc4d4e;
}

/*  PODCAST */

/* @media (max-width: 768px) {
    .node--type-page article .node__content, .block-page-title-block .content {
        padding: 0 15px;
    }
} */
.sm2-bar-ui {
    max-width:none;
    min-width:0;
}

.mejs__container {
    width: 100% !important;
    border-radius: 20px;
    background: #ff6162 !important;
    height: 46px;
}

.mejs__controls, .mejs__controls:not([style*="display: none"]) {
    background: transparent !important;
}

.path-taxonomy .audio-player,
.path-search .audio-player  {
    margin-top:-65px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom: 25px;
    display: none;
}

.path-taxonomy .image-audio:after,
.path-search .image-audio:after {
    content: " ";
    position: absolute;
    background-image: url(/shared/images/icons/blog/play-button.svg);
    width: 100px;
    height: 100px;
    top: 50%;
    background-size: 100px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    cursor: pointer;
}

.path-taxonomy .image-audio.pressed:after,
.path-search .image-audio.pressed:after {
    content: none;
}

.path-taxonomy .node--type-podcast-episode .audio-player,
.path-search .node--type-podcast-episode .audio-player {
    background: transparent;
    padding: 0;
}

.audiofield-player label {
    display:none;
}

.node--type-podcast-episode .field--name-body .field__label {
    font-size: 28px;
    font-weight: bold;
}

#block-podcastartwork img {
    border-radius:4px;
}

.path-taxonomy .badge {
    font-size: 120%;
    margin-bottom: 10px;
    color: #ffffff;
}

.path-taxonomy .badge a {
    color: #fff;
    font-weight: bold;
}

.path-taxonomy .badge a:before {
    content: "\f09e";
    font-family: icomoon;
    margin-right: 10px;
}

.vocabulary-podcast {
    position:relative;
}

@media (max-width: 768px) {
    .vocabulary-podcast .field--type-image img {
        margin-bottom: 0;
    }
}
.field--name-field-enlaces-de-podcast .field__items .field__item a {
    padding: 7px 25px;
    border: 0;
    border-radius: 50px;
    background-color: #CD67E5;
    font-weight: bold;
    background-image: url(https://cdn-pe.comparabien.com/podcast/apple-podcast-wh.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 7px center;
    padding-left: 50px;
    display: inline-block;
    margin-bottom: 10px;
    color:#ffffff;
}

.field--name-field-enlaces-de-podcast .field__items .field__item a:hover {
    opacity:0.8;
}

.field--name-field-enlaces-de-podcast .field__items .field__item:first-child a {
    background-color: #21BF66;
    background-image: url(https://cdn-pe.comparabien.com/podcast/spotify-full-wh.svg);
}

.field--name-field-enlaces-de-podcast .field__items .field__item {
    display: inline;
    margin-right: 5px;
}

.field--name-field-enlaces-de-podcast .field__items .field__item:last-child a {
    background-color: #ff0100;
    background-image: url(https://cdn-pe.comparabien.com/podcast/youtube-wh.svg);
}

.node--type-podcast-episode .field--name-field-enlaces-de-podcast {
    background: #f0f0f0;
    padding: 10px;
}
.node--type-podcast-episode .audio-player {
    background: #f0f0f0;
    padding: 0 10px 20px 10px;
}

.node--type-podcast-episode .field--name-field-enlaces-de-podcast .field__label {
    font-size:2rem;
    font-weight: bold;
    padding-bottom:20px;
}

/* Productos sugeridos  */

.node--type-producto .suggested-prod {
    margin-bottom: 40px;
}

.node--type-producto .suggested-prod .card-deck {
    width: 100%;
}

.suggested-prod.inserted .card-deck {
    width:100%;
    margin: 0 auto;
}

.suggested-prod .prod-name {
    display:none;
}

.suggested-prod.inserted .prod-name {
    display:block;
}

.suggested-prod.inserted > div > h2 {
    display:none;
}

.suggested-prod.inserted p {
    font-size: 0.9rem;
}

.suggested-prod p {
    margin-bottom:0;
}

@media (min-width: 992px) {
    .suggested-prod .card-deck {
        width: 90%;
        margin:0 auto;
    }
}

@media (min-width: 1200px) {
    .suggested-prod .card-deck {
        width: 85%;
        margin:0 auto;
    }
}

@media (max-width: 576px) {
    .suggested-prod .card-deck,
    .node--type-producto .suggested-prod .card-deck {
        width: 80%;
        margin:0 auto;
        max-width: 280px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .suggested-prod .card-deck .card:last-child {
        max-width: 285px;
        margin:0 auto;
    }
}

@media (min-width: 768px) {
    .suggested-prod .card-deck.mini,
    .suggested-prod .card-deck.micro {
        padding: 0 15%;
    }

    .suggested-prod .card-deck.micro .card.my-3 {
        max-width: 285px;
        margin: 0 auto;
    }
}

.suggested-prod {
    text-align: center;
    background: #f2f2f2;;
}

.suggested-prod h4.card-title {
    color: #000000;
    font-weight: bold;
}

.suggested-prod h2.prod-title {
    text-transform: uppercase;
    font-size: 0.9rem;
    margin-bottom: 10px;
    font-weight: normal;
}

.suggested-prod .card-footer {
    background: transparent;
    border-top:0;
}

.suggested-prod .btn.btn-primary {
    border-radius: 30px;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: bold;
    font-size: 1.2rem;
}

.suggested-prod .cc-benefit {
    font-size: .7em;
    text-align: left;
    display: block;
    margin-bottom: 4px;
    line-height: 1;
}

.suggested-prod .cc-benefit .cc-icon {
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 6px;
}

@media (min-width: 576px) and (max-width: 992px) {
    .suggested-prod .btn.btn-primary {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* VIDEO */

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

    /* LOGIN PAGE */

 .page-user-login, .modal-template {
     background: #ffffff;
 }

 .page-user-login #page, .modal-template #page {
    height: 100vh!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
 }

 .page-user-login #main-wrapper, .modal-template #main-wrapper {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
    -ms-flex-align: center!important;
    align-items: center!important;
 }

 .modal-template #main-wrapper {
    background: url(https://cdn-pe.comparabien.com/shared/images/splash.jpg);
 }

 .page-user-login .site-footer, .modal-template .site-footer {
    display:none;
 }

.page-user-login #content .section, .modal-template #content .section {
    max-width: 500px;
    margin: auto;
    width: 90%;
    padding: 20px 50px 50px 50px;
    border-radius: 10px;
    background: #f0f0f0;
}

.modal-template #content .section {
    background: #ffffff;
    text-align:center;
    overflow:hidden;
    position:relative;
    padding: 20px 50px;
}

.modal-template #content .section h1.title:after {
    display: none;
}

.page-user-login .navbar-brand, .modal-template .navbar-brand {
    margin-left: auto;
    margin-right: auto;
}

.page-user-login .featured-bottom, .modal-template .featured-bottom {
    display:none;
}

.page-user-login .btn.btn-primary.form-submit, .modal-template .btn.btn-primary.form-submit {
    border-radius: 50px;
    width: 70%;
    font-size: 1.3rem;
    margin-top: 20px;
    margin-left: 15%;
}

.views-infinite-scroll-content-wrapper {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ajax-progress-fullscreen,
.ui-dialog .ajax-progress-throbber {
    width: 50px;
    height: 50px;
    padding: 0;
    opacity: 1;
    border-radius: 0;
    background-color: transparent;
    background-image: url(/shared/images/icons/throbber.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px;
  }

  /* Compare button */

  .compare-button {
    display:none;
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    background: #ffffff;
    padding: 15px 10px;
    text-align: center;
    border-top: 1px solid #606060;
}

.compare-button .btn.btn-primary {
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 30px;
}

.btn-content {
    color: white !important;
    text-decoration: none !important;
    font-size: 1.1rem;
    border-radius: 30px;
    padding-left: 50px;
    padding-right: 50px;
}

/* Promo Banners */

.node--type-resultados .view-promo-banners .overflow-hidden, .node--type-page .view-promo-banners .overflow-hidden {
    margin:0 auto;
}

.node--type-resultados .view-promo-banners .carousel-caption, .node--type-page .view-promo-banners .carousel-caption {
    display:none;
}

.node--type-resultados .view-promo-banners .carousel, .node--type-page .view-promo-banners .carousel {
    padding: 20px 30px;
}

.node--type-resultados .carousel-multiple .carousel-control-prev, .node--type-page .carousel-multiple .carousel-control-prev {
    left: -15px;
}

.node--type-resultados .carousel-multiple .carousel-control-next, .node--type-page .carousel-multiple .carousel-control-next {
    right: -15px;
}

@media (max-width: 576px) {
    .node--type-resultados .view-promo-banners .carousel-inner, .node--type-page .view-promo-banners .carousel-inner {
        width: 210px;
    }
    .node--type-resultados .view-promo-banners .carousel, .node--type-page .view-promo-banners .carousel {
        display: flex;
        justify-content: center !important;
    }
}

.view-promo-banners h3 {
    color:#245d77;
    text-align: center;
    margin-top: 3rem ;
    margin-bottom: 1rem ;
}

.view-promo-banners p {
    font-size: 1.2rem ;
    text-align: center;
}

.view-promo-banners img {
    max-width: 300px;
    border-radius: 0.5rem;
}

.node--type-resultados .view-promo-banners img, .node--type-page .view-promo-banners img {
    max-width: 200px;
    border-radius: 0.3rem;
}

.tooltip {
    font-size:1rem;
    font-family: 'OpenSans';
}
.tooltip-inner {
    max-width: 500px;
    padding: 0.75rem 1rem;
    color: #fff;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: .5rem;
}

@media (max-width: 576px) {
    .tooltip-inner {
        max-width: 95%;
    }
}

/* bootstrap4 */

.ml-auto {
    margin-left: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: -1.2em;
    vertical-align: 0.2em;
    content: "";
    border-bottom: 0;
    border-left: .4em solid transparent;
    border-top: .4em solid;
    border-right: .4em solid transparent;
}
.node--type-company #content {
    position:relative;
}

.node--type-company h1.title {
    padding-top: 45px;
}

@media (min-width: 1200px) {
    .node--type-company h1.title {
        padding-top:0;
        padding-bottom: 20px;
    }
}


.blog-carousel .carousel-multiple .carousel-item img.image-style-blog-carousel,
.blog-carousel .carousel-multiple .carousel-item .carousel-caption {
    border-radius: 0.5rem;
}

@media (min-width: 1200px) {
    .node--type-resultados .view-promo-banners .carousel, .node--type-page .view-promo-banners .carousel {
        width: 80%;
        margin:0 auto;
    }
    .blog-carousel .carousel-multiple .carousel-item .carousel-caption {
        max-width:350px;
    }
    .blog-carousel .carousel-multiple .carousel-item img.image-style-blog-carousel {
        max-width:350px;
    }
}
@media (min-width: 1400px) {
    .node--type-resultados .view-promo-banners .carousel, .node--type-page .view-promo-banners .carousel {
        max-width: 70%;
        margin:0 auto;
    }
    .blog-carousel .carousel-multiple .carousel-item .carousel-caption {
        max-width:400px;
    }
    .blog-carousel .carousel-multiple .carousel-item img.image-style-blog-carousel {
        max-width:400px;
    }
}

/* CLS fix */

.form-compare .form-item .select-container .bootstrap-select > .dropdown-toggle,
.form-compare input[type="text"]:not(#edit-search):not(.input-text-hidden),
.form-compare input[type="email"],
.form-compare .search-autocomplete-container,
.form-compare .radio-group input:checked + span {
    height:36px;
}

.result-table .logo img,
.result-table .logo input[type="image"],
.marquee-content div img,
.path-redirect .div-content-modal img,
.product-detail img {
    border-radius: 0.25rem;
}
.caja-detalle-producto img {
    border-radius: 0.5rem;
}

/* CYBER FOOTER */

.cyber-footer .cross h4 {
    color: #ffffff;
}
.cyber-footer .cross img {
filter: invert(.4) sepia(1) saturate(2) hue-rotate(132deg);
}
.cyber-footer {
margin:0;
    background: #1663a9;
padding-left:15px;
padding-right:15px;
}
.cyber-footer .cross {
margin-top: 40px;
    color: #fff;
    padding: 20px 20px 40px 20px;
max-width:850px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.cyber-footer .cross a.boton {
    background: #133463;
    color: #00cacc;
    text-align: center;
    font-size: 1.3rem;
    padding: 30px 20px;
    border-radius: 20px;
    display:block;
}
.cyber-footer .cross a.boton:hover {
color: #ff6162;
background: #034784;
    }

.blog-video {
    border-radius: 0.5rem;
    overflow: hidden;
}

.sidebar_second .blog-video {
    border-radius: 0.25rem;
}

.blog-video .media-oembed-content,
.blog-video iframe {
    width: 100% !important;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto !important;
    display: block;
}