/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
    /* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}

    /* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.banner__image:after {
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.30));
    border-bottom: 5px solid #00c1d4 !important;
    content: " ";
    position: absolute;
    top: 0%;
    left: 0%;
}

.quoting .quoting__submit {
    margin: 0px auto 20px;
    padding: 12px 28px;
    background: #003865;
    border-width: 0px;
    border-radius: 10px;
    color: #FFF !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    outline: 0;
}

.content__page .landing-text h1,
.content__page .landing-text h1 *,
.content__page .landing-text h2,
.content__page .landing-text h2 *,
.content__page .landing-text h3,
.content__page .landing-text h3 * {
    margin-top: 0px;
    color: #003865 !important;
}

ul li.ui-tabs-active a {
    opacity: 1;
    background-color: #003865 !important;
    color: #fff !important;
}

.btn-verdetalles {
    padding: 12px 24px;
    background: #003865 !important;
    border-radius: 6px;
    box-shadow: inset 0px -4px 8px rgb(0 0 0 / 10%);
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-shadow: 0px 0px 2px rgb(0 0 0 / 20%);
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
}

.content__page .landing-text h2 {
    margin-top: 0px;
    color: #003865 !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Myriad Pro Regular';
}

.body-container-wrapper {
    margin-top: 74px;
}

.header {
    background-color: #1f3c64;
    overflow: hidden;
    z-index: 999;
    /*position:fixed;z-index:11111;top:0; border-bottom:4px solid #EDEDED;*/
}

.header-in {
    width: 92% !important;
    margin: 0 auto !important;
    height: 90px;
    float: none !important;
}

.area-mobil {
    display: none !important;
}

.header .bg-logo {
    height: 83px;
    padding: 6px;
    float: left;
    text-align: center;
    margin-bottom: 7px;
}

.header .nav {
    float: left;
}

.header .nav ul {
    padding: 0;
    margin: 0;
}

.header .nav li {
    float: left;
    margin: 35px 6% 25px;
    list-style: none;
}

.header .nav li a {
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    font-weight: light;
    text-transform: uppercase;
}

.header .social-nav {
    float: right;
}

.header .social-nav ul {
    padding: 0;
    margin: 0;
}

.header .social-nav li {
    float: left;
    width: 32px;
    margin: 29px 7px;
    list-style: none;
}

.banner {
    height: auto;
    overflow: hidden;
    margin-top: 90px;
}

.banner img {
    width: 100% !important;
}

.banner-mobile {
    display: none;
}

.banner p {
    margin-top: 485px;
    color: #fff;
    font-size: 2.250em;
    text-align: center;
}

.banner p span {
    color: #fff;
    font-size: 0.857em;
}

.accion {
    max-width: 1082px;
    overflow: hidden;
    margin: 40px auto;
}

.accion .cta {
    text-align: center;
    width: 50%;
    float: left;
}

.cta-footer {
    margin: 20px auto 0;
}

.cta-footer img {
    max-width: 100%;
}

.suscribe .hs-field-desc {
    display: none !important;
}

.suscribe p span {
    color: #27519B;
}

.suscribe .hs-form-required {
    display: none;
}

.suscribe .hs-input {
    color: #808285;
    font-size: 1.250em;
    width: 60%;
    float: left;
    border: 1px solid #808285;
}

.suscribe .hs-button,
.content-lp .formulario input.hs-button {
    background-color: #FBB040;
    color: #005BAB;
    float: left;
    font-size: 1.250em;
    border: none;
    width: 40%;
    cursor: pointer;
}

.content-lp .formulario input.hs-button {
    width: auto !important;
    padding: 0 20px;
    margin-top: 10px;
    font-size: 1em !important;
}

.buttonsolicitabivienda {
    width: 100% !important;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}

.suscribe-small .hs-field-desc {
    display: none !important;
}

.suscribe-small p span {
    color: #27519B;
}

.suscribe-small .hs-form-required {
    display: none;
}

.suscribe-small .hs-input {
    color: #808285;
    font-size: 1.250em;
    width: 60%;
    float: left;
    border: 1px solid #808285;
}

.suscribe-small .hs-button,
.content-lp .formulario input.hs-button {
    background-color: #FBB040;
    color: #005BAB;
    float: left;
    font-size: 1.250em;
    border: none;
    width: 40%;
    cursor: pointer;
}

#open-menu {
    display: none;
}

.suscribe ul.hs-error-msgs {
    display: none !important;
}
}

.suscribe-small ul.hs-error-msgs {
    display: none !important;
}

.post-item {
    max-width: 1280px;
    margin: 40px auto;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 40px;
}

.imagenIzquierda {
    width: 50%;
    float: left;
    height: 172px;
    overflow: hidden;
}

.hs-featured-image-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.hs-featured-image {
    max-width: 100%;
    width: 100%;
    float: left !important;
    margin: 0 0 20px 0 !important;
}

.hs-featured-image-wrapper h2,
.hs-featured-image-wrapper h1 {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 145, 203, 0.5);
    width: 100%;
    overflow: hidden;
    padding: 20px;
    color: #fff;
}

.hs-featured-image-wrapper h2 a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

hr {
    display: none;
}

.postContenido p {
    font-size: 17px;
}

.postContenidoLista {
    color: #9d9fa1;
    width: 46.76%;
    ;
    float: right;
}

.postContenidoLista h2 {
    margin: 3px 0 15px;
}

.postContenidoLista h2 a {
    color: #1F285D;
    font-size: 1.250em;
    line-height: 26px;
    opacity: 1.0;
    -webkit-transition: opacity 0.4s linear;
}

.postContenidoLista h2 a:hover {
    opacity: 0.7;
}

.postContenidoLista a {
    color: #6D6E71;
    font-weight: bold;
    text-decoration: none;
}

a.more-link {
    font-size: 1.125em;
    color: #0063A8;
    display: none !important;
}

.read {
    float: right;
    width: 40%;
    text-align: right;
    padding: 15px 0 0 0;
}

a.previous-posts-link {
    overflow: hidden;
    background-color: #005BAB;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    float: left;
    margin-top: 10px;
}

a.next-posts-link {
    overflow: hidden;
    background-color: #005BAB;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    float: right;
    margin-top: 10px;
}

.search {
    background-color: #D1D3D4;
    padding: 20px;
    margin: 0px 30px 30px 0;
}

.search input.hs-input {
    width: 75%;
    height: 50px;
    border: none;
    color: #6d6e71;
    font-size: 1.563em;
}

.search a.hs-button {
    background: url(//1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/bicredit/lupa.png)no-repeat #00ADF5 50%;
    height: 50px;
    background-size: auto 35px;
    width: 25%;
    overflow: hidden;
    display: block;
    float: right;
}

.reciente {
    background-color: #0063A8;
    margin-bottom: 30px;
}

.reciente h3 {
    color: #fff;
    font-size: 1.525em;
    margin-left: 15px;
    text-transform: uppercase;
}

.reciente ul {
    background-color: #fff;
    padding: 20px;
    margin: 0 20px 20px;
    color: #A7A9AC;
}

.reciente ul li a {
    color: #A7A9AC;
    font-size: 1.325em;
}

.anuncio {
    margin-bottom: 30px;
}

.contenido-blog {
    max-width: 1000px;
    margin: 0 auto 40px !important;
    float: none !important;
}

.home-message h1 {
    color: #033D78 !important;
    font-size: 40px;
    margin-bottom: 0;
}

.home-message p {
    color: #939598 !important;
    margin-top: 10px;
}

.blog-home-subscription {
    background: #F1F2F2;
    margin-top: 20px;
    border-radius: 5px;
    padding: 0 10px 10px 10px;
}

.blog-home-subscription h3 {
    background: #0075EE;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 0;
    color: #ffffff;
    padding: 10px 10px 10px 100px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 44px;
}

.widget-type-post_listing h3 {
    background: #0075EE;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0;
    color: #ffffff;
    padding: 10px 10px 10px 100px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 44px;
}

.blog-home-subscription input[type=email] {
    background: #ffffff;
    border: 0;
    border-radius: 5px;
    outline: none;
}

.blog-home-subscription input[type=submit] {
    background-color: #0075EE;
    padding: 6px 14px;
    color: #ffffff;
    outline: none;
    margin: 10px auto;
    border: 0;
    display: block;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
}

.google-search input {
    background: #F1F2F2;
    border-radius: 10px;
}

.float-right ul {
    float: right;
}

.show-on-web {
    display: block;
}

.show-on-mobile {
    display: none;
}

.back-button-header {
    width: 170px !important;
}

.google-search-small {
    margin-top: -6px;
    width: 236px !important;
}

.google-search-small label {
    display: none !important;
}

.google-search-small .hs-input {
    height: 30px;
    padding: 5px !important;
    width: 200px !important;
    float: left;
    background: #ffffff;
}

.google-search-small a {
    width: 8%;
    min-width: 20px;
    height: 20px;
    float: left;
    background: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/newBI/search-icon-white-one-hi.png) center center no-repeat transparent !important;
    background-size: 26px !important;
    text-indent: -9999px !important;
}

.google-search .hs-input {
    float: left;
    width: 90% !important;
    margin-right: 2%;
    background: #ffffff;
}

.google-search a {
    width: 8%;
    min-width: 36px;
    height: 32px;
    float: left;
    background: url(https://2661626.fs1.hubspotusercontent-na1.net/hubfs/2661626/blogbi/search-icon.jpg) center center no-repeat transparent;
    background-size: 40px;
    text-indent: -9999px;
}

.sky-box a:hover {
    color: #0CAFF4;
}

.sky-box .see-more a {
    background-color: #0CAFF4;
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
    margin-bottom: 20px;
    border-radius: 10px;
    display: inline-block;
}

.green-box .see-more a {
    background-color: #7fb73a;
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
    margin-bottom: 20px;
    border-radius: 10px;
    display: inline-block;
}

.orange-box a:hover {
    color: #f4a40d;
}

.orange-box .see-more a {
    background-color: #f4a40d;
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
    margin-bottom: 20px;
    border-radius: 10px;
    display: inline-block;
}

.purple-box a:hover {
    color: #8C0AB5;
}

.purple-box .see-more a {
    background-color: #8C0AB5;
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
    margin-bottom: 20px;
    border-radius: 10px;
    display: inline-block;
}

.red-box a:hover {
    color: #8C0AB5;
}

.red-box .see-more a {
    background-color: #FF4F38;
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
    margin-bottom: 20px;
    border-radius: 10px;
    display: inline-block;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-text {
    width: 52%;
    float: right;
    padding-right: 0;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
    width: 45%;
    overflow: hidden;
    height: 90px;
}

.blog-home-subscription h3 {
    background-image: url(https://2661626.fs1.hubspotusercontent-na1.net/hubfs/2661626/blogbi/bi-blue.jpg) !important;
    background-color: #00B1F7 !important;
    background-repeat: no-repeat !important;
}

.widget-views-blue h3 {
    background-image: url(https://2661626.fs1.hubspotusercontent-na1.net/hubfs/2661626/blogbi/bi-sky.jpg) !important;
    background-color: #00B1F7 !important;
    background-repeat: no-repeat !important;
}

.widget-title-yellow h3 {
    background-image: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/newBI/bi-orange.jpg) !important;
    background-color: #FEA500 !important;
    background-repeat: no-repeat !important;
    background-size: 218px !important;
}

.green-box h3 {
    background-image: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/bi-green.jpg) !important;
    background-color: #7fb539 !important;
    background-repeat: no-repeat !important;
    /*background-size: 218px !important;*/
}

.green-box a {
    white-space: normal !important;
}

.widget-title-purple h3 {
    background-image: url(https://2661626.fs1.hubspotusercontent-na1.net/hubfs/2661626/blogbi/bi-purple.jpg) !important;
    background-color: #A405BA !important;
    background-repeat: no-repeat !important;
    background-size: 246px !important;
}

.widget-title-red h3 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-image: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/bi-red.png) !important;
    background-position: 32% center !important;
    background-color: #FF4F38 !important;
    background-repeat: no-repeat !important;
    background-size: 29px !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 34px !important;
    text-indent: 50% !important;
    text-align: left !important;
    position: relative;
}

.widget-title-red h3:before {
    width: 1px;
    height: 32px;
    margin-top: -16px;
    background: #FFF;
    content: " ";
    position: absolute;
    top: 50%;
    left: 42%;
}

.widget-type-rss_listing h3,
.widget-type-post_filter h3 {
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding: 10px 10px 10px 45px;
    background: url(https://2661626.fs1.hubspotusercontent-na1.net/hubfs/2661626/blogbi/bi-sky.jpg) no-repeat #0CAFF4;
    margin-top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
    text-align: center;
    background-position: center center;
    text-indent: -9999px;
    float: none !important;
    background-size: 280px;
    height: 32px;
}

.widget-type-post_filter h3 {
    margin: 0 !important;
}

.widget-type-post_filter ul {
    list-style-type: none;
}

.widget-type-post_filter ul li {
    padding: 8px 0;
}

.widget-type-post_filter ul li a {
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    display: block;
    color: #033D78;
}

.widget-type-post_filter ul {
    padding-left: 0;
}

.widget-topics,
.widget-type-post_listing {
    background: #F1F2F2;
    border-radius: 5px;
    margin-top: 20px;
}

.widget-type-rss_listing,
.widget-type-post_listing {
    padding: 0px 20px 20px 20px;
}

.widget-type-post_listing li {
    padding: 5px 0;
}

.widget-type-post_listing a {
    text-decoration: none;
    color: #033d78;
    font-size: 16px;
    padding: 5px 0;
}

.widget-type-post_listing a:hover {
    opacity: 0.7;
}

.hs-rss-item.hs-with-featured-image {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #b6b7b7;
}

.hs-rss-item-text {
    padding-right: 0;
}

.hs-rss-title {
    color: #033D78;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.hs-rss-description p {
    font-size: 15px;
    color: #939598;
}

.top-header {
    padding: 20px 0 20px 0;
    font-size: 0.850em;
    color:#fff !important;
    width: auto !important;
    min-width: 420px !important;
    float: right !important;
}

.top-header span {
    float: right;
    color: #ffffff !important;
}

.top-header a {
    color: #ffffff;
    background: #023c77;
    border-radius: 3px;
    padding: 5px;
    text-decoration: none;
}

.sub-header {
    background: #ededed;
    padding: 20px 0;
}

.sub-header ul {
    margin: 0;
    padding: 0;
}

.sub-header ul li {
    display: inline;
    margin-right: 20px;
}

.sub-header .contenido-blog {
    margin-bottom: 0 !important;
}

.sub-header a {
    padding: 6px 20px;
    color: #ffffff;
    text-decoration: none;
    background: #0CAFF4;
    border-radius: 10px;
    font-size: 18px;
}

.sub-header a.productos-servicios {
    background: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/2018/Soluciones%20Bi/blog/r-blog.png) center left no-repeat transparent !important;
    background-size: 24px !important;
    padding-left: 32px !important;
    color: #61A5F8;
}

.sub-header a.soluciones-bi {
    background: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/2018/Soluciones%20Bi/blog/b-virtual.png) center left no-repeat transparent !important;
    background-size: 24px !important;
    padding-left: 32px !important;
    color: #7DC718;
}

.sub-header a.noticias {
    background: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/2018/Soluciones%20Bi/blog/s-producto.png) 6px 6px no-repeat #f4a40d !important;
    background-size: 24px !important;
    padding-left: 40px !important;
}


.footer {
    padding: 32px 0;
    background-color: #0075EE;
    font-size: 0.850em;
    color:#fff;
    margin-top: 30px;
}

.footer .widget-title span {
    color: #ffffff;
    font-size: 16px;
}

.footer-simple-menu {
    max-width: 1200px;
    margin: 0 auto !important;
    float: none !important;
}

.footer-copy {
    max-width: 1200px;
    margin: 40px auto 0 !important;
    float: none !important;
    color: #ffffff;
}

.footer-copy a {
    color: #ffffff;
    padding: 0 !important;
    border-top: 0 !important;
    margin: 0 10px;
}

.footer a {
    color: #ffffff;
    padding: 4px 0px 10px 0;
    border-top: 1px solid #1F285D;
}

.footer a:hover {
    opacity: 0.7;
}

.postContenidoLista p img {
    display: none;
}

#hubspot-author_data {
    color: #005BAB;
}

.content-lp {
    width: 75% !important;
    margin: 110px auto 20px !important;
    float: none !important;
    color: #808285;
}

.content-lp h2 {
    font-size: 1.875em;
    color: #1F285D;
}

.content-lp p,
.content-lp ul li {
    font-size: 1.000em;
}

.content-lp ul li {
    color: #1f285d;
    width: 100%;
    float: left;
}

.content-lp a {
    color: #1f285d;
    font-weight: bold;
    text-decoration: none;
}

.content-lp a:hover {
    text-decoration: underline;
}

.content-lp .formulario {
    border: 1px solid #231F20;
    padding: 0 30px 30px;
    margin-top: 18px;
}

.content-lp .formulario h2 {
    color: #1F285D;
    font-size: 1.75em;
    margin: 20px 0;
}

.content-lp .formulario input.hs-input {
    height: 38px;
    font-size: 1em;
    color: #6D6E71;
    border: 1px solid #231F20;
    margin: 10px 0;
}

.content-lp .formulario input.hs-input[type="radio"] {
    float: left;
    height: auto;
    margin: 3px;
}

.content-lp h2 {
    color: #1F285D;
}

.widget-type-form h3 {
    display: none;
}

.hs-form-required {
    display: none;
}

.sidebar-typ {
    margin-top: 30px;
}

.sidebar-typ .img-typ {
    margin-bottom: 30px;
}

#hs-search-module .hs-form label {
    display: none;
}

input[type="submit"],
button {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.area-derecha {
    margin: 30px 0 !important;
}

.cta-blog-listing {
    max-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}

.cta-left {
    width: 50%;
    float: left;
    overflow: hidden;
}

.cta-center {
    width: 50%;
    overflow: hidden;
}

.cta-right {
    width: 46.76%;
    float: right;
    overflow: hidden;
}

.postContenido {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    color: #808285;
}

.postContenido .icon-topic {
    float: left;
    margin-right: 20px;
    width: auto;
    max-width: 70px;
}

.postContenido .full-title {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 20px;
}

.postContenido h1 {
    text-align: left;
    color: #1F285D;
    font-size: 3.75em;
    padding-left: 125px;
    float: left;
    margin: 0;
    min-height: 100px;
    padding-top: 14px;
}

.postContenido h2,
.postContenido h3 {
    color: #F4A40D;
}

.autor-social {
    border-top: 1px solid #999b9e;
    overflow: hidden;
    width: 100%;
}

.autor-social * {
    color: #999b9e !important;
}

.autor-social-home * {
    font-size: 12px;
    color: #999b9e !important;
    margin-bottom: 20px;
}

.autor-social b,
.autor-social-home b {
    color: #1b4f85 !important;
}

.autor-social .autor {
    width: 50%;
    float: left;
    overflow: hidden;
    padding: 13px 0;
}

.autor-social .social {
    width: 40%;
    float: right;
    overflow hidden;
    min-width: 480px;
}

.postContenido a {
    color: #1F285D;
}

.contenidoDelPost {
    margin: 0 auto;
}

.contenidoDelPost .cta-left {
    width: 100%;
    text-align: center;
    overflow: hidden;
    float: none;
}

.contenidoDelPost .suscribe,
.contenidoDelPost .suscribe-small {
    margin: 10px auto 0;
    float: none;
    overflow: hidden;
    width: 100%;
}

.contenidoDelPost .suscribe span,
.contenidoDelPost .suscribe-small span {
    overflow: hidden;
    width: 40%;
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 400px;
}

.widget-categories h3 {
    background: url(https://2661626.fs1.hubspotusercontent-na1.net/hubfs/2661626/blogbi/bi-blue.jpg) no-repeat center center #0075EE;
    background-size: 150px;
    height: 32px;
    color: #ffffff;
    padding: 10px 20px;
    margin: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
    text-indent: -99999px;
}

.widget-categories li {
    padding: 0 10px;
}

.widget-categories a {
    color: #033D78;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 5px;
}

.comment-subscribe {
    display: none;
    overflow: hidden;
}

.suscribe-small {
    float: right !important;
    min-width: 400px;
    display: none;
}

.comment-subscribe .actions {
    float: right;
}

.contenidoDelPost .suscribe p,
.contenidoDelPost .suscribe-small p {
    color: #939598;
    text-align: center;
}

.contenidoDelPost .suscribe p span,
.contenidoDelPost .suscribe-mall p span {
    color: #27519B;
}

.contenidoDelPost .suscribe .hs-form-required,
.contenidoDelPost .suscribe-small .hs-form-required {
    display: none;
}

.contenidoDelPost .suscribe .hs-input,
.contenidoDelPost .suscribe-small .hs-input {
    color: #808285;
    font-size: 1.250em;
    width: 290px;
    float: left;
    border: 1px solid #808285;
}

.suscribe .hs-button,
.suscribe-small .hs-button {
    padding: 10px;
    font-weight: bold;
    background-color: #0075ee;
    color: #ffffff;
    float: left;
    font-size: 16px;
    border: none;
    width: auto;
    margin-left: 20px;
    border-radius: 10px;
}

.contenidoDelPost .suscribe ul.hs-error-msgs,
.suscribe-small ul.hs-error-msgs {
    display: none !important;
}

.contenidoDelPost .cta-left img {
    width: 490px !important;
}

#hubspot-topic_data {
    margin-left: 6px;
}

#hubspot-topic_data-cat a {
    color: #939598;
    background: #EDEDED;
    padding: 6px 14px;
    text-decoration: none;
}

.hs_cos_flex-slider {
    margin: 0 0 15px !important;
}

.blog-pagination {
    max-width: 1080px;
    margin: 40px auto 0;
}

.imagen img {
    margin-bottom: 20px;
}

.imagen .hs-image-widget {
    width: 100% !important;
}

img {
    width: 100%;
    height: auto;
}

.row-fluid [class*="html"] {
    min-height: 0 !important;
}

.footer .social-nav {
    display: none;
}

.comments {
    margin-top: 50px;
}

.buttonsolicitabivienda {
    width: 100% !important;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}

.suscribe-small-title {
    background: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/newBI/suscribe-small-title.png) center left no-repeat transparent;
    background-size: 340px;
    height: 36px;
    text-indent: -9999px;
    margin-top: 0;
    margin-bottom: 5px;
}

.suscribe-title {
    background: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/newBI/suscribe-title.png) center center no-repeat transparent;
    background-size: 480px;
    height: 50px;
    text-indent: -9999px;
}

.comments-title {
    font-size: 32px;
    color: #033d78;
    margin: 40px 0 0;
    line-height: 36px;
}

.comments .hs_firstname {
    width: 48%;
    float: left;
    margin-bottom: 20px;
    border-radius: 10px;
}

.comments .hs_email {
    width: 48%;
    float: right;
    margin-bottom: 20px;
    border-radius: 10px;
}

.comments .hs_lastname,
.comments .hs_website {
    width: 48%;
    margin-bottom: 20px;
    float: right;
    border-radius: 10px;
}

.comments #comment-form .hs-button {
    background-color: #0075EE;
    color: #ffffff;
    height: 50px;
    cursor: pointer;
    font-size: 1.250em;
    border: none;
    width: 40%;
    float: right;
    margin-top: 20px;
    border-radius: 10px;
}

.comments .actions .field.hs-form-field {
    float: left;
    margin-top: 15px;
}

.comments #comments-listing {
    overflow: hidden;
    margin: 0 0 20px;
    padding-bottom: 20px;
}

.comments #comments-listing .hs-button {
    color: #005BAB;
    float: left;
    font-size: 1em;
    border: none;
    cursor: pointer;
    float: right;
    margin-top: 37px;
}

select.hs-input {
    border: 1px solid #231f20;
    background: url(//1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/bicredit/redise%C3%B1o/arrow-point-to-down.png)no-repeat 96% 50%;
    -webkit-appearance: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    color: #6d6e71;
    margin-top: 5px;
    margin-bottom: 15px;
}


/*==================================================
SWITCH MENU
=================================================*/
.switch-menu {
    background: #023c77;
    overflow: hidden;
    display: none !important;
}

#mobile-back-button {
    text-decoration: none;
    padding: 5px 10px;
    color: #ffffff;
    display: block;
}

.switch-menu-mobile {
    overflow: hidden;
    display: none !important;
}

.mobile-menu {
    background: #0075ee;
    display: none;
}

.mobile-menu ul {
    margin: 0;
    padding: 0;
}

.mobile-menu ul li a {
    text-decoration: none;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 5px 10px;
    line-height: 30px;
    display: block;
}

.mobile-switch-open-menu {
    display: none;
}

.switch-menu .contenido-blog {
    margin-bottom: 10px !important;
}

.switch-menu ul {
    width: 100%;
    overflow: hidden;
}

.switch-menu ul li {
    width: 18%;
    margin: 0 1%;
    border-bottom: 1px solid #0075ee;
    text-align: center;
}

.switch-menu ul li a {
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}

/*==================================================
RECURSOS
=================================================*/

.hs-cta-img {
    max-width: 500px;
    margin: 0 auto;
}

.seccion-rcr {
    border: 1px solid #1F285D;
    padding: 2%;
    margin: 20px 0;
    position: relative;
    overflow: hidden;
}

.seccion-rcr .hs-cta-node {
    overflow: hidden;
}

@media only screen and (max-width: 460px) {
    .contenido-blog {
        margin: 0 10px 40px !important;
    }

    #hs-search-module label {
        display: none !important;
    }

    .footer .widget-title span {
        padding: 0 20px;
    }

    .show-on-web {
        display: none;
    }

    .show-on-mobile {
        display: block;
    }
}

/*=======================================
Hover en imagens de Listing
=======================================*/

.imagenIzquierda img,
.seccion-rcr .hs-cta-node img {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.imagenIzquierda:hover img,
.seccion-rcr .hs-cta-node:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

/*=====================================
Hover del Leer mas
====================================*/
/* Effect 1: Brackets */
a.more-link::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

a.more-link::after {
    margin-left: 10px;
    content: '>>';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}

a.more-link:hover::after,
a.more-link:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}

/*=====================================
Inputs
====================================*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    font-family: Arial;
    font-size: 12px !important;
    color: #939598;
    border: 0px solid #939598 !important;
    border-radius: 10px;
    padding: 10px !important;
    width: 100% !important;
}
textarea::placeholder{
  font-size: 12px;
}
.sm-chat-message{
  line-height: 0.2em !important;
}

.hs-form fieldset {
    max-width: auto !important;
  display: flex;
  
}

.hs-field-desc {
    color: #000000 !important;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
}

.hs_subscribe {
    width: 35%;
    float: right;
}

.recaptchatable #recaptcha_response_field {
    line-height: 31px !important;
}

.custom_error_message {
    margin: 170px 0 70px !important;
}

.formulario input[type="checkbox"] {
    margin: 4px 5px !important;
    height: 15px !important;
}

.formulario ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

.formulario textarea {
    margin-top: 5px;
    margin-bottom: 10px;
}


/*LANDING 1*/
.contenido-landing {
    margin-bottom: 40px !important;
}

.landing-header {
    font-size: 28px;
    background: url(https://2661626.fs1.hubspotusercontent-na1.net/hubfs/2661626/blogbi/Icono_LP-Descarga-de-contenido.png) top left no-repeat;
    padding-left: 130px;
    margin: 50px 0;
}

.landing-header h1 {
    margin: 0;
    padding: 0;
    color: #033d78;
    border-left: 1px solid #a3a3a3;
    margin-left: 20px;
    padding-left: 30px;
    min-height: 120px;
}

.landing-header-no-img {
    font-size: 28px;
    margin: 50px 0;
    text-align: center;
}

.landing-header h1 {
    margin: 0;
    padding: 0;
    color: #033d78;
    border-left: 1px solid #a3a3a3;
    margin-left: 20px;
    padding-left: 30px;
    min-height: 120px;
}

.landing-banner img {
    border-bottom: 15px solid #00c1d4 !important;
    margin-bottom: 0px;
}

.landing-share {
    border-top: 2px solid #a3a3a3;
    padding: 10px;
    margin-bottom: 50px;
}

.landing-share .row-fluid-wrapper {
    float: right;
}

.landing-share-text {
    margin-right: 20px;
}

.landing-share * {
    color: #a3a3a3;
}

.landing-text * {
    color: #939598;
}

.landing-form {
    background: none #f1f2f2;
    padding: 0 25px 25px;
    border-radius: 10px;
    margin-top: 3%;
}

.landing-form h3 {
    display: block;
    margin-left: -25px;
    margin-right: -25px;
    padding: 15px;
    background: #003865;
    margin-top: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ffffff;
    text-align: center;
    font-size: 24px;
}

.landing-form label {
    color: #939598;
    font-weight: 700;
    margin-bottom: 8px !important;
    display: block;
    padding-left: 10px;
}

.landing-form input {
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 10px;
}

.landing-form .hs-button {
    background: none #00a7c8;
    border-radius: 10px;
    color: #fff;
    padding: 10px 50px;
    display: table;
    margin: 10px auto 0;
    text-decoration: none;
    border: none;
    width: auto;
    font-weight: bold;
}

/*LANDING 1*/
.typ-header {
    font-size: 28px;
    margin: 50px 50px 0 50px;
}

.typ-header h1 {
    margin: 0 auto;
    padding: 20px 0 0;
    color: #033d78;
    text-align: center;
}

.typ-line-title {
    width: 60% !important;
    margin: 0 auto !important;
    border-bottom: 5px solid #f4a40d;
    visibility: visible !important;
    float: none !important;
    display: block !important;
    min-height: 15px !important;
}

.typ-message {
    min-height: 200px;
    background: #f1f2f2;
    padding: 53px 0 10px 0;
}

.typ-download {
    margin-bottom: 40px;
}

.typ-download a {
    font-size: 20px;
    font-weight: 700;
    background: #f4a40d;
    border-radius: 10px;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    border-bottom: 5px solid #d9dbdc;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 20px !important;
}


.typ-subtitle {
    font-size: 28px;
    background: url(https://2661626.fs1.hubspotusercontent-na1.net/hubfs/2661626/blogbi/Icono_Solicita-tu-credito.png) top left no-repeat;
    padding-left: 130px;
    margin: 50px 0;
}

.typ-subtitle h1 {
    margin: 0;
    color: #003865;
    border-left: 1px solid #a3a3a3;
    margin-left: 20px;
    padding: 26px 0 26px 30px;
}

.typ-text * {
    color: #939598;
}

.typ-form {
    background: none #f1f2f2;
    padding: 0 25px 25px;
    border-radius: 10px;
}

.typ-form h3 {
    display: block;
    margin-left: -25px;
    margin-right: -25px;
    padding: 15px;
    background: #0075ee;
    margin-top: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ffffff;
    text-align: center;
    font-size: 24px;
}

.typ-form label {
    color: #939598;
    font-weight: 700;
    margin-bottom: 8px !important;
    display: block;
    padding-left: 10px;
}

.typ-form input {
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 10px;
}

.typ-form .hs-button {
    background: none #0075ee;
    border-radius: 10px;
    color: #ffffff;
    padding: 10px 20px;
    display: table;
    margin: 10px auto 0;
    text-decoration: none;
    width: auto;
    font-weight: bold;
}

.related-articles {
    background: #f1f2f2;
    overflow: hidden;
    padding: 40px;
    margin-top: 20px;
}

.related-articles h3 {
    margin: 0 0 40px;
    font-size: 40px;
    color: #033d78;
    text-align: center;
}

.topic-inside {
    max-width: 800px;
    overflow: hidden;
    float: none !Important;
    margin: 0 auto;
}

.related-articles .related-post-item {
    width: 46%;
    margin: 0 2% 15px;
    float: left;
}

.related-articles .related-bullet {
    float: left;
    width: 4px;
    height: 4px;
    background: #00397A;
    margin: 7px 6px 0 0;
    border-radius: 50%;
    position: absolute;
}

.related-articles .related-post-item a {
    text-decoration: none !important;
    color: #939598;
    float: left;
    padding-left: 12px;
}

.header-bi-menu {
    border-bottom: 10px #ededed solid;
    background: #fff;
    overflow: hidden;
    padding-bottom: 10px;
}

.header-listings h1 {
    padding-top: 20px !important;
}

.header-listings .listing-title {
    display: none;
}

#BotonesHeader {
    padding-top: 39px;
    max-width: 1200px;
    margin: 0 auto;
}

#BotonesHeader .logo img {
    margin-left: 30px;
    margin-top: 40px;
}

#BotonesHeader .botones {
    margin-left: 1%;
    margin-right: 4%;
    text-align: center;
    float: left;
    text-decoration: none;
}

.anim-grow:hover img,
.anim-grow:focus img,
.anim-grow:active img {
    transform: scale(1.1);
}

.section_name {
    text-decoration: none;
    font-size: 12px;
    max-width: 80px;
    color: #5B5C5E;
    margin: auto;
}

#BotonesHeader .logoCorporacionBi {
    margin-top: 28px;
    text-align: center;
}

.button-home {
    margin-left: 1% !important;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {
    width: 200% !important;
    max-width: 200% !important;
    margin-left: -60%;
}

.inputs-list.multi-container {
    padding-left: 0;
}

.inputs-list.multi-container li {
    list-style-type: none;
}

.inputs-list.multi-container label {
    margin-bottom: 0 !important;
}

#redesSociales {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px #1f285d solid;
}

#redesSociales img {
    width: 24px;
    max-width: 24px;
}

.redes {
    margin-top: 20px;
    text-align: center;
}

#redesSociales .redes {
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
}


/*ERROR PAGE*/
.background-error {
    background: url(https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/newBI/Franja.png) left top repeat-y;
}

.content-error {
    background: #ffffff;
    padding: 100px 20px;
    overflow: hidden;
    float: none !important;
    margin: 60px auto !important;
}

.content-error * {
    color: #939598;
}

.content-error h1 {
    color: #033d78;
    font-size: 40px !important;
    margin-top: 0;
    padding: 0;
}

.content-error li {
    margin-bottom: 10px;
}

.content-error a {
    text-decoration: none;
    margin-bottom: 10px;
}


/*=========================================
MEDIA QUERY
=========================================*/

@media only screen and (min-width: 769px) {

    .desktop-menu {
        display: block !important;
        border-bottom: 10px #ededed solid;
        background: #fff;
        overflow: hidden;
        padding-bottom: 10px;
    }

}

@media only screen and (max-width: 1024px) {

    .contenidoDelPost .suscribe .hs-input,
    .contenidoDelPost .suscribe-small .hs-input {
        width: 260px;
    }
}

@media only screen and (max-width: 769px) {

    #open-menu {
        display: block;
    }

    #open-menu img {
        float: left;
        position: absolute;
        width: 30px;
        margin: 20px 10px;
    }

    .contenidoDelPost .suscribe .hs-input,
    .contenidoDelPost .suscribe-small .hs-input {
        width: 280px;
    }

    .top-header {
        min-width: 200px !important;
    }

    .google-search-small {
        overflow: hidden;
        z-index: 999999;
        position: relative;
        margin-top: 5px !important;
    }

    .suscribe-title {
        background-size: 400px;
    }

    .autor-social .social {
        min-width: 500px !important;
        float: left;
    }

    .desktop-menu {
        display: none !important;
    }

    .large-2 {
        position: relative;
        width: 16.66667%;
    }

    .hide-for-small {
        display: inherit !important;
    }

    .header {
        position: inherit;
        overflow: auto;
        z-index: 999;
        top: inherit;
    }

    .header-in {
        display: none !important;
    }

    .area-mobil {
        display: block !important;
    }

    .area-mobil .logo-mobil {
        margin: 0 auto !important;
        float: none !important;
        padding: 10px;
        text-align: center;
    }

    .banner,
    .imagen {
        margin-top: 0;
    }

    .banner p {
        margin-top: 385px;
        font-size: 1.375em !important;
    }

    .banner p span {
        font-size: 1.125em;
    }

    .imagenIzquierda {
        width: 100%;
        height: 200px;
        margin-bottom: 20px;
    }

    .postContenidoLista {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    .suscribe .hs-button,
    .suscribe .hs-input,
    .suscribe-small .hs-button,
    .suscribe-small .hs-input {
        font-size: 1.125em;
    }

    .contenido-blog .blog-area {
        width: 100% !important;
    }

    .contenido-blog .area-derecha {
        width: 100%;
        overflow: hidden;
        padding: 0 30px
    }

    .contenido-blog .area-derecha .row-number-7 {
        width: 48%;
        float: left;
    }

    .contenido-blog .area-derecha .row-number-8 {
        width: 48%;
        float: right;
        overflow: hidden;
    }

    .contenido-blog .area-derecha .row-number-9 {
        width: 48%;
        float: left;
    }

    .contenido-blog .area-derecha .row-number-10 {
        width: 48%;
        float: right;
    }

    .search {
        margin: 0 0 30px;
    }

    .reciente {
        overflow: hidden;
    }

    .reciente ul li a {
        font-size: 1em;
    }

    #hs-search-module .hs-form label {
        display: block;
        color: #0063a8;
        font-size: 1.875em;
        margin-left: 15px;
        text-transform: uppercase;
        font-family: arial;
        font-weight: bolder;
        margin: 10px 0 30px;
    }

    .hs-featured-image-wrapper h2,
    .hs-featured-image-wrapper h1 {
        width: 95%;
        padding: 20px 15px;
    }

    .footer .social-nav {
        display: block;
        float: none !important;
        width: 210px !important;
        margin: 0 auto !important;
    }

    .footer .social-nav ul {
        margin: 0;
        padding: 0;
    }

    .footer .social-nav li {
        float: left;
        width: 32px;
        margin: 15px 10px;
        list-style: none;
    }

    .footer {
        padding: 32px 0px 10px;
    }

    .content-lp {
        margin: 0 auto !important;
    }

    .cta-left {
        overflow: hidden;
        width: 100%;
        float: none;
    }

    .cta-right {
        width: 100%;
        float: none;
        overflow: hidden;
        text-align: center;
        margin: 40px 0 0;
    }

    .cta-right img {
        width: 100% !important;
    }

    .banner-mobile {
        display: block;
    }

    .banner {
        display: none;
    }

    .banner p {
        margin-top: 240px;
        font-size: 1.125em !important;
    }

    .banner p span {
        font-size: 1em;
    }

    .search {
        margin: 0 0 30px;
    }

    .footer .widget-title span {
        margin-left: 20px;
        font-weight: 700;
    }

    .footer-copy .widget-type-text {
        margin-left: 20px !important;
    }

    .footer-copy .float-right {
        float: left;
        margin-left: 20px;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        margin: 0 20px 0 0 !important;
    }

    .related-articles .related-post-item {
        width: 100%;
        margin: 0 0 20px 0 !important;
        float: none !important;
        text-align: center;
    }

    .related-articles .related-post-item a {
        float: none !important;
    }

    .related-articles .related-post-item span {
        display: none !important;
    }

    .contenidoDelPost .suscribe span,
    .contenidoDelPost .suscribe-small span {
        width: 100%;
    }

    .postContenido .full-title {
        margin-top: 20px;
    }

    .postContenido h1 {
        font-size: 32px;
        padding-top: 15px;
    }

    .autor-social {
        padding: 0 30px;
    }

    .widget-topics,
    .widget-type-post_listing {
        margin: 10px 20px !important;
    }

    .typ-header {
        margin: 0 !important;
    }

    .typ-header h1 {
        font-size: 40px !important;
    }

    .typ-text {
        margin: 0 20px !important;
    }

    .contenido-landing {
        margin: 20px !important;
    }

    .typ-subtitle {
        background: none !important;
        padding-left: 0 !important;
        margin: 0;
    }

    .typ-subtitle h1 {
        margin-left: 0;
        border: 0;
        padding: 20px 0;
        font-size: 28px;
    }

    .landing-header h1 {
        font-size: 30px;
        min-height: 118px;
        margin: 20px 0;
    }

    .sub-header ul li {
        overflow: hidden;
        width: 100%;
    }

    .sub-header a {
        width: 90%;
        display: block;
        margin: 0 2%;
    }

    .widget-type-logo {
        float: left !important;
        margin-left: 20px !important;
    }

    .top-header {
        float: right !important;
        margin-right: 60px !important;
    }

    .custom-menu-primary.js-enabled {
        margin-top: -95px !important;
    }

    .google-search .hs-input {
        width: 82% !important;
    }

    .suscribe-small {
        margin-top: 15px;
        float: left !important;
        width: 100% !important;
    }

    .suscribe-small-title {
        background-size: 300px;
    }

    .suscribe-small .hs-input {
        width: 45% !important;
    }
}

@media only screen and (max-width: 480px) {
    .content-error h1 {
        margin-top: 20px;
        text-align: center;
    }

    .suscribe-small .hs-input {
        width: 80% !important;
    }

    .suscribe-small .hs-button {
        margin-top: 15px !important;
        margin-left: 0px !important;
    }

    .suscribe-title {
        background-size: 300px;
    }

    .google-search .hs-input {
        width: 80% !important;
    }

    .header-listings .contenido-blog {
        background-size: 60px !important;
    }

    .header-listings h1 {
        font-size: 32px;
        padding-left: 40px;
        padding-top: 0px !important;
        line-height: 36px !important;
    }

    .widget-type-rss_listing h3,
    .widget-type-post_filter h3 {
        background-size: 240px !important;
    }

    .rss-seguridad h3 {
        background-size: 24px !important;
    }

    .widget-title-yellow h3 {
        background-size: 200px !important;
    }

    .widget-title-purple h3 {
        background-size: 220px !important;
    }

    .imagenIzquierda {
        height: 100px !important;
    }

    .sub-header a {
        width: 80% !important;
        font-size: 16px;
    }

    .postContenido h1 {
        font-size: 18px;
        padding-left: 80px;
        padding-top: 5px;
    }

    .postContenido .full-title {
        margin-bottom: 0 !important;
    }

    .full-title h1 {
        background-size: 60px;
    }

    .autor-social .autor,
    .autor-social .social {
        width: 100% !important;
        float: left;
    }

    .footer .widget-title span {
        margin-left: 0 !important;
    }

    .contenidoDelPost .suscribe .hs-input,
    .contenidoDelPost .suscribe-small .hs-input {
        width: 100%;
    }

    .contenidoDelPost .suscribe .hs-button,
    .contenidoDelPost .suscribe-small .hs-button {
        width: 100%;
        margin: 20px 0 0 0 !important;
    }

    .hs-rss-title {
        font-size: 14px !important;
    }

    .landing-header {
        background-size: 60px;
        padding-left: 70px;
    }

    .landing-header h1 {
        padding-left: 20px;
        margin-left: 10px;
        font-size: 24px;
    }
}



/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


    {
    % set ulColor="#0075ee" %
}

/* Set ul background color */
    {
    % set liColor="#0075ee" %
}

/* Set li background Color */
    {
    % set aColor="#ffffff" %
}

/* Set link Color */
    {
    % set aColorHover="#ffffff" %
}

/* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper>ul {
    background: {
            {
            ulColor
        }
    }

    ;
}

.custom-menu-primary .hs-menu-wrapper>ul>li {
    background: {
            {
            liColor
        }
    }

    ;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>a {
    color: {
            {
            aColor
        }
    }

    ;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>a:hover {
    color: {
            {
            aColorHover
        }
    }

    ;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper>ul ul {}

.custom-menu-primary .hs-menu-wrapper>ul ul li {
    background: {
            {
            liColor
        }
    }

    ;
}

.custom-menu-primary .hs-menu-wrapper>ul ul li a {
    color: {
            {
            aColor
        }
    }

    ;
}

.custom-menu-primary .hs-menu-wrapper>ul ul li a:hover {
    color: {
            {
            aColorHover
        }
    }

    ;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper>ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
    .custom-menu-primary .hs-menu-wrapper {
        display: block !important;
    }
}


.content__page .landing-form fieldset.form-columns-1 h3 , .landing-form fieldset.form-columns-1 h3 {
    background: transparent;
    color: #003865 !important;
    font-size: 18px;
}

.content__page .landing-form fieldset.form-columns-1 h3 a,.landing-form fieldset.form-columns-1 h3 a{
    color: #484848 !important;
  text-decoration:none;
}
/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger,
.child-trigger {
    display: none;
    /* Hide button on Desktop */
}

@media (max-width: 767px) {


    /* Variables
     ========================================================================== */

        {
        % set menuColorMobile="#0075ee" %
    }

    /* Set Mobile Menu Background Color */
        {
        % set aColorMobile="#ffffff" %
    }

    /* Set Link Color */
        {
        % set aColorHoverMobile="#ffffff" %
    }

    /* Set Link Hover Color */

    /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

    .custom-menu-primary,
    .custom-menu-primary .hs-menu-wrapper>ul,
    .custom-menu-primary .hs-menu-wrapper>ul li,
    .custom-menu-primary .hs-menu-wrapper>ul li a {
        display: block;
        float: none;
        position: static;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        padding: 0px;
        margin: 0px;
        background-image: none;
        background-color: transparent;
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        max-width: none;
        width: 100%;
        height: auto;
        line-height: 1;
        font-weight: normal;
        text-decoration: none;
        text-indent: 0px;
        text-align: left;

        color: {
                {
                aColorMobile
            }
        }

        ;
    }


    /* Toggle Button
     ========================================================================== */

    .mobile-trigger {
        display: inline-block !important;
        /* Show button on mobile */
        cursor: pointer;
        /* Mouse pointer type on hover */
        position: absolute;
        /*******************************************/
        top: 0px;
        /* Position Button at right of screen  */
        right: 10px;
        /*******************************************/
        width: auto;
        /* Button width */
        height: auto;
        /* Button height */
        padding: 7px 10px 8px 10px;
        background: #ffffff;

        /* Background color */
        border: 1px solid {
                {
                menuColorMobile
            }
        }

        ;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;

        color: {
                {
                menuColorMobile
            }
        }

        ;
    }

    .mobile-trigger:hover {
        text-decoration: none;

        /* Removes link text underline on button */
        color: {
                {
                aColorHoverMobile
            }
        }

        ;

        background-color: {
                {
                menuColorMobile
            }
        }

        ;
        border-color: transparent;
    }

    /* Change button when menu is open */
    .mobile-open .mobile-trigger {
        color: {
                {
                aColorHoverMobile
            }
        }

        ;

        background-color: {
                {
                menuColorMobile
            }
        }

        ;
        border-color: transparent;
    }


    /* Toggle Button Icon
     ========================================================================== */

    .mobile-trigger i {
        display: inline;
        position: relative;
        top: -4px;
    }

    .mobile-trigger i:before,
    .mobile-trigger i:after {
        position: absolute;
        content: '';
    }

    .mobile-trigger i,
    .mobile-trigger i:before,
    .mobile-trigger i:after {
        width: 22px;
        /* Icon line width */
        height: 2px;
        /* Icon line height */
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;

        background-color: {
                {
                menuColorMobile
            }
        }

        ;
        /* Icon color */
        display: inline-block;
    }

    .mobile-trigger i:before {
        top: -6px;
        /* Position top line */
    }

    .mobile-trigger i:after {
        top: 6px;
        /* Position bottom line */
    }

    .mobile-trigger:hover i,
    .mobile-trigger:hover i:before,
    .mobile-trigger:hover i:after,
    .mobile-open .mobile-trigger i,
    .mobile-open .mobile-trigger i:before,
    .mobile-open .mobile-trigger i:after {
        background-color: {
                {
                aColorHoverMobile
            }
        }

        ;
        /* Icon color */
    }


    /* Child Toggle Button
     ========================================================================== */

    .child-trigger {
        display: block !important;
        /* Hide button on Desktop */
        cursor: pointer;
        /* Mouse pointer type on hover */
        position: absolute;
        top: 0px;
        right: 0px;
        width: 55px !important;
        /* Button width */
        min-width: 55px !important;
        height: 45px !important;
        /* Button height */
        padding: 0 !important;
        border-left: 1px dotted rgba(255, 255, 255, .20);
    }

    .child-trigger:hover {
        text-decoration: none;
    }

    .child-trigger i {
        position: relative;
        top: 50%;
        /* Centers icon inside button */
        margin: 0 auto !important;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .child-trigger i:after {
        position: absolute;
        content: '';
    }

    .child-trigger i,
    .child-trigger i:after {
        width: 10px;
        /* Icon line width */
        height: 1px;

        /* Icon line height */
        background-color: {
                {
                aColorMobile
            }
        }

        ;
        /* Icon color */
        display: block;

    }

    .child-trigger i:after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .child-trigger.child-open i:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .child-trigger.child-open i {}


    /* Menu Styles on Mobile Devices
     ========================================================================== */

    .custom-menu-primary.js-enabled {
        position: relative;
        padding-top: 44px;
        /* Makes room for button */
        margin: 10px 0 10px 0;
    }

    /* Hide menu on mobile */
    .custom-menu-primary.js-enabled .hs-menu-wrapper,
    .custom-menu-primary.js-enabled .hs-menu-children-wrapper {
        display: none;
    }

    /* Make child lists appear below parent items */
    .custom-menu-primary ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        display: none;
    }

    /* Mobile Menu Styles */
    .custom-menu-primary.js-enabled .hs-menu-wrapper {
        width: 100%;
        position: relative;
        /**************************************************************/
        top: 0;
        /* Positions the menu to drop from the very top of the screen */
        left: 0;
        /**************************************************************/
        padding: 0;
    }

    .custom-menu-primary .hs-menu-wrapper {
        background-color: {
                {
                menuColorMobile
            }
        }

        ;
        /* Menu background color set off global menuColorMobile variable */
        width: 100%;
        /* Full screen width */
    }

    /* Level 1 Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul>li {
        position: relative;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li a {
        font-size: 22px;
        /* Font size of top level list items */
        line-height: 45px;
        overflow: visible;
    }

    /* Level 1 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul li {
        border-top: 1px dotted rgba(255, 255, 255, .35);
        /* Adds transparent dark highlights to top of top level list items */
    }

    .custom-menu-primary .hs-menu-wrapper>ul li a {
        padding: 0 10px;

        color: {
                {
                aColorMobile
            }
        }

        ;
        /* link color set by global mobile-aColor variable */
    }

    .custom-menu-primary .hs-menu-wrapper>ul li a:hover {
        color: {
                {
                aColorHoverMobile
            }
        }

        ;
        /* link hover color set by global mobile-aColorHover variable */
    }

    /* Level 2 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul ul li {
        background-color: rgba(255, 255, 255, .08);
    }

    .custom-menu-primary .hs-menu-wrapper>ul ul li a {
        text-indent: 10px;
        /* Indent Child lists */
        font-size: 16px;
        /* Font size of child lists */
    }

    /* Level 3 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul ul ul li a {
        text-indent: 30px;
        /* Indent Child lists */
    }

    .custom-menu-primary .hs-menu-wrapper>ul ul ul ul li a {
        text-indent: 50px;
        /* Indent Child lists */
    }

    /* Effect 4: bottom border enlarge */
    nav a {
        position: relative;
        display: inline-block;
        outline: none;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    }

    nav a:hover,
    nav a:focus {
        outline: none;
    }

    .cl-effect-4 ul li a {
        padding: 0 0 10px;
    }

    .cl-effect-4 ul li a::after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #fff;
        content: '';
        opacity: 0;
        -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
        transition: height 0.3s, opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .cl-effect-4 ul li a:hover::after,
    .cl-effect-4 ul li a:focus::after {
        height: 4px;
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

    .noUi-tooltip {
        color: #ffffff !important;
    }