/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */


@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,600italic,700,600,300italic,300,400italic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700,300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);


/****************************/
/*      Buscador Home       */
/****************************/

.buscadorblogIndex .hs-search-field__bar {
    position: relative;
}

.buscadorblogIndex .hs-search-field__form {
    display: flex;
    align-items: center;
    background: #fff;
    border-bottom: 3px solid #f47920;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: background 0.2s ease;
    position: relative;
}

.buscadorblogIndex .hs-search-field__form:focus-within {
    background: #fff3eb;
}

/* Lupa decorativa (pseudo-elemento) */
.buscadorblogIndex .hs-search-field__form::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f47920' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.buscadorblogIndex .hs-search-field__input {
    flex: 1;
    height: 58px;
    padding: 0 16px 0 52px;
    font-size: 16px;
    font-weight: 500;
    color: #111;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

.buscadorblogIndex .hs-search-field__input::placeholder {
    color: #aaa;
    font-weight: 400;
}

/* Botón buscar — corte diagonal atrevido */
.buscadorblogIndex .hs-search-field__button {
    height: 58px;
    padding: 0 26px;
    background: #f47920;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 0% 100%);
    transition: background 0.15s ease;
    flex-shrink: 0;
}

.buscadorblogIndex .hs-search-field__button:hover {
    background: #c95e08;
}

.buscadorblogIndex .hs-search-field__button svg {
    width: 18px;
    height: 18px;
    fill: #fff;
}

/* Dropdown de sugerencias */
.buscadorblogIndex .hs-search-field__suggestions-container {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1.5px solid #e5e5e5;
    border-top: 3px solid #f47920;
    z-index: 999;
}

.buscadorblogIndex .hs-search-field__suggestions {
    list-style: none;
    padding: 0;
    margin: 0;
}

.buscadorblogIndex .hs-search-field__suggestions li {
    padding: 10px 16px;
    font-size: 14px;
    color: #555;
    border-bottom: 1px solid #f5f5f5;
    transition: background 0.12s;
}

.hs-search-field__suggestions li:last-child {
    border-bottom: none;
}

/* Fila "Resultados para X" */
.buscadorblogIndex .hs-search-field__suggestions li.results-for {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #f47920;
    background: #fff3eb;
    cursor: default;
}

.buscadorblogIndex .hs-search-field__suggestions li:not(.results-for):hover {
    background: #f5f5f5;
}

.buscadorblogIndex .hs-search-field__suggestions li a {
    color: #111;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

.buscadorblogIndex .hs-search-field__suggestions li a:hover {
    color: #f47920;
}

/* Texto resaltado en las sugerencias */
.buscadorblogIndex .hs-search-highlight {
    color: #f47920;
    font-weight: 700;
}

/* Ocultar label accesible visualmente */
.buscadorblogIndex .hs-search-field__label.show-for-sr,
.buscadorblogIndex .hs-search-sr-message-container.show-for-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.buscadorblogIndex .hs-search-field__form input {
    border: none !important;
    padding: 10px;
    padding-left: 60px !important;
}

.buscadorblogIndex .hs-search-field__input:focus {
    outline-style: none !important;
}



.buscadorblogIndex {
    display: flex !important;
    margin: 30px auto 0 auto !important;
    max-width: 1400px;
    float: none !important;
}

.buscadorblogIndex .hs_cos_wrapper {
    width: 100%;
}

.buscadorblogIndex .hs-search-field.hs-search-field--initialized {
    width: 40%;
    float: left;
    margin-top: 20px;
}

@media(max-width:769px) {
    .buscadorblogIndex .hs-search-field.hs-search-field--initialized {
        width: 100%;
        float: left;
        margin-top: 20px;
    }
}


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

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

/* These includes are optional, but helpful. */
    {
    % include "hubspot/styles/responsive/modules.css" %
}

    {
    % include "hubspot/styles/patches/recommended.css" %
}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/





body {
    margin: 0 auto;
    float: none;
    padding: 0px;
    line-height: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #07090B;
    font-family: 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5 {
    /*font-family: 'PT Sans', sans-serif;*/
    font-family: 'Roboto Slab', serif;

}

/* SERGIO: AÑADIDO MÁS INTERLINEADO A LOS TÍTULOS DE LOS POSTS A PETICIÓN DE WAM*/

span.hs_cos_wrapper_type_text {
    line-height: 38px;
}

.uppercase {
    text-transform: uppercase;
}

body .plugn {
    display: none;
}

a {
    text-decoration: none;
    color: #fd7601;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: hand !important;
}

/* Highlighted Text */
::-moz-selection {
    color: #fff;
    background: #666;
    text-shadow: none;
}

::selection {
    color: #fff;
    background: #666;
    text-shadow: none;
}

.container-fluid .row-fluid .wrapper {
    max-width: 1400px;
    padding: 0px;
    float: none;
    margin: 0 auto;
}

.header-container {
    background: #fff;
    z-index: 9999;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-container-wrapper {
    position: relative;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 0px 5px #ccc;
    background: #fff;
}



.header-container .hs_cos_wrapper_type_logo a img {
    /*max-height: 74px;*/
    width: auto;
}

.header-container .hs_cos_wrapper_type_logo a img {
    padding-top: 12px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}


.header-cta {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.small-header .header-container {
    padding-top: 0px;
    padding-bottom: 0px;
}

.small-header .pad-20tb {
    padding-top: 5px;
    padding-bottom: 5px;
}

.small-header .custom-menu-primary .hs-menu-wrapper>ul {
    padding-top: 0;
}

.small-header .header-container .hs_cos_wrapper_type_logo a img {
    max-width: 150px;
    padding-top: 2px;
}


.small-header .header-cta {
    margin-top: 5px;
}





/* ==========================================================================
 
                                Navigation                                
 
   ========================================================================== */




.custom-menu-primary .hs-menu-wrapper>ul {
    background: ;
    padding-top: 18px;
    float: right;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;

}

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

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

.mobile-trigger,
.child-trigger {
    display: none !important;
}

.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;

}


.custom-menu-primary .hs-menu-wrapper>ul>li>a {
    padding: 10px 15px;
    position: relative;
    color: #333333;
    display: block;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>a:hover,
.custom-menu-primary .hs-menu-wrapper>ul>li.active a {
    color: #8cc647;
}

.custom-menu-primary .hs-menu-wrapper>ul>li {
    font-weight: normal;
    /*text-transform: uppercase;*/
    /*margin-right: 10px;*/
}


.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    background: #fff;
    -webkit-transition: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    color: #34495e;
    font-weight: 600;
    padding: 6px 15px;
}




/* ==========================================================================
 
                                Call-to-Action                              
 
   ========================================================================== */



.header-cta {
    margin-top: 20px;
    - webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}


.cta_border_button .cta_button {
    width: 100%;
    max-width: 172px;
    color: #fff;
    border-color: #34495e;
    background: #34495e;
    border-style: solid;
    border-width: 2px;
    text-transform: uppercase;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 10px 16px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: hand !important;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-appearance: none;
    letter-spacing: .5px;
}

.cta_border_button .cta_button:hover {
    border: 2px solid #0F2030;
    border-color: #333;
    background: #0F2030;
    color: #FFF;
}




/* ==========================================================================
 
                                Body-Container                            
 
   ========================================================================== */


.body-container-wrapper {
    padding-top: 40px;
}

.no-margin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.font-semibold {
    font-weight: 600;
}





/* ==========================================================================
 
                                Blog-Style                            
 
   ========================================================================== */



/*Post-Listing*/

.post-listing {
    display: block;
    margin: 0 -25px 0 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;

}

.post-item {
    float: left;
    width: 49%;
    padding-right: 25px;
    display: block;
    box-sizing: border-box;
    margin: 0 0 25px 0;
    /*min-height: 360px;*/
    list-style: none;
    padding-bottom: 0;
}

.post-item h2 a,
.post-item h2 {
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    color: #fd7601;
    font-family: 'Roboto Slab', serif;

    font-weight: 400;
}

body .post-item a span.post-featured-image {
    display: block;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*border-radius: 6px;*/
    position: relative;
    overflow: hidden;
    cursor: hand !important;
}


.post-item .features-image-block {
    position: relative;
}

.post-item .features-image-block:hover .set-overlay {
    opacity: 1;
}

.post-item .features-image-block .set-overlay {

    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    /*border-radius: 6px;*/
    background-image: linear-gradient(top, rgba(160, 206, 78, 0.925) 0, rgba(160, 206, 78, 0.925) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(253, 118, 1, 0.93)), color-stop(1, rgba(253, 118, 1, 0.93)));
    background-image: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a0ce4e, endColorstr=#a0ce4e), alpha(opacity=0);
    background-image: -webkit-linear-gradient(top, rgba(253, 118, 1, 0.93) 0, rgba(253, 118, 1, 0.93) 100%);
    background-image: -moz-linear-gradient(top, rgba(5, 159, 186, 0.925) 0, rgba(5, 159, 186, 0.925) 100%);
    background-image: -ms-linear-gradient(top, rgba(5, 159, 186, 0.925) 0, rgba(5, 159, 186, 0.925) 100%);
    background-image: -o-linear-gradient(top, rgba(5, 159, 186, 0.925) 0, rgba(5, 159, 186, 0.925) 100%);
    text-transform: uppercase;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.post-item a.read-more-link {
    font-family: 'Roboto Slab', serif;
    text-align: center;
    display: inline-block;
    position: absolute;
    /*text-transform: lowercase !important;*/
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    font-weight: 400;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-width: 1px 0;
    white-space: nowrap;

    min-width: 225px;
    max-width: 95%;
    letter-spacing: .05em;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.social-shares {
    font-weight: bold;
    color: #aaa;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    letter-spacing: .06em;
    text-align: center;
}

.hot-post-header .social-shares {
    position: relative;
    padding-top: 20px;
    display: block;
    top: 0px;
    bottom: 0px;
}

.hot-post-header .social-shares .fa {
    color: #ffffff;
}

.hot-post-header .social-shares .fa:hover {
    color: rgba(160, 206, 78, 0.925);
}

.social-shares .fa {
    color: #000000;
    font-size: 20px;
    padding: 0px 10px;
}


.hot-post-header {
    height: 299px;
    text-align: center;
    position: relative;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    /* SERGIO: NUEVA CABECERA DEL BLOG */
    /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/slider_blog_grande_azul.jpg');*/
    /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/nuevo_slider_blog_grande.jpg');*/
    background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/Cabeceras/header-blog-grande.jpg');
    max-width: 1394px;
    margin: 0 auto;
    margin-top: 88px;
}

.hot-post-header .wrapper {
    position: relative;
    top: 20%;
}

.hot-post-header:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    /*background:rgba(0,0,0,0.5);*/
}

.hot-post-header .cell-wrapper {
    position: absolute;
    top: 0%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 1;
}

.hot-post-header h1,
.hot-post-header h1 a {
    font-size: 50px;
    font-weight: 700;
    /*text-shadow: 1px 0 1px #000;*/
    color: #fff;
    margin: 52px 0 12px;
    line-height: 60px;
}

.hot-post-header a.more-link {
    margin: 0 auto;
    display: block;
    color: #ffffff;
    font-weight: 700;
    border: 1px solid #ffffff;
    max-width: 210px;
    padding: 12px 10px;
    font-size: 16px;
    letter-spacing: 1px;
}

.hot-post-header a.more-link:hover {
    background: rgba(160, 206, 78, 0.50);
    border: 1px solid rgba(160, 206, 78, 0.5);
}

.blog-post-date,
.blog-post-date .fa {
    color: #ffffff;
    font-size: 16px;
}

p.share-text {
    margin: 0px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
}

.blog-section .post-listing .post-item:first-child {
    display: none;
}

.post-body {
    padding-top: 20px;
}



/*Sidebar Style*/

.blog-sidebar {
    padding-top: 18px;
}

.post-topic h3 {
    font-size: 25px;
    margin-top: 0px;
    color: #000000;
    /*font-family: 'Raleway', sans-serif;*/
    border-left: 5px solid #fd7601;
    padding-left: 20px;
}

.hs_cos_wrapper_type_blog_subscribe h3 {
    font-size: 25px;
    margin-top: 0;
    color: #000;
    /*font-family: 'Raleway',sans-serif;*/
    border-left: 5px solid #059fba;
    padding-left: 20px;
}

.hs-button {
    background: #fd7601;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
    padding: 5px 20px;
    display: block;
    /*text-transform: uppercase;*/
    margin-top: 20px;
    border: none;
    padding: 15px;
    margin-top: 20px;
    border: #fff solid 5px;
}

.post-topic ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.post-topic ul li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 10px;
}

.post-topic ul li a {
    background: #eee;
    font-weight: bold;
    /*color: #6c7279;*/
    color: #000;
    font-size: 12px;
    /*border: 1px solid #f3f3f3;*/
    font-family: 'PT Sans', sans-serif;
    padding: 5px 20px;
    display: block;
    text-transform: uppercase;
}

.body-container .tabber-tabs {
    /*border-bottom: 1px solid #ddd;*/
    list-style: none;
    padding: 0;
    margin: 0 0 -2px;
}

.tabber-tabs>li {
    float: left;
}

.tabber-tabs>.active>a,
.tabber-tabs>.active>a:hover,
.tabber-tabs>.active>a:focus {
    /*color: #059fba;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
border-top:3px solid #059fba;*/

    font-size: 25px;
    margin-top: 0;
    color: #000;
    /*font-family: 'Raleway',sans-serif;*/
    border-left: 5px solid #059fba;
    padding-left: 20px;
    font-weight: 900;
}

.tabber-tabs>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    /*border: 1px solid transparent;*/
    text-decoration: none;
    display: block;
    font-size: 22px;
}

.tabber-content {
    background: #fff;
    /*padding: 8px 15px 8px 15px;*/
    /*border: 1px solid #ddd;*/
}

.custom_listing_comments .fa-comment,
.comment {
    color: #049fba;
}

/*Author-Style*/

.author-link {
    color: #000000;
}

.author-link:hover {
    text-decoration: underline;
    color: #8cc647;
}

.topic-link:hover {
    color: #8cc647;
}

.for-topic-text {
    color: #022F3C;
    font-size: 17px;
    margin-right: 5px;
}

.hs-blog-post .topic-link {
    padding: 0px 10px;
    display: inline-block;
    border: 1px solid #0B1927;
    color: #0B1927;
    margin-bottom: 5px;
}

.hs-blog-post #hubspot-topic_data {
    margin: 0px;
    padding-top: 35px;
}

/*.blog-section {padding-top: 50px;}*/

.blog-content {
    padding-right: 30px;
}

.buscadorblog input[type=search] {
    border: 0px;
    padding: 10px;
}

.buscadorblog input[type=search]:focus {
    outline-style: none !important;
}

.buscadorblog button {
    border: 0px;
}



/*Recent Posts*/

.rss-blog {
    margin-bottom: 50px;
}

body .hs-rss-item.hs-with-featured-image {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {
    width: 100%;
    padding-right: 0px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-text {
    width: 100%;
    padding-right: 0px;
    padding-left: 10px;
    line-height: 20px;
    font-size: 14px;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.popular ul li a:hover,
.hs-rss-item-text a:hover {
    color: #fd7601;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
    width: 30%;
}

.hs-rss-byline {
    opacity: 1;
    font-size: 10px;
    font-family: 'PT Sans', sans-serif;
    color: #03799a;
    text-transform: capitalize;
    font-weight: bold;
}

.popular ul {
    list-style: none;
    padding-left: 0px;
}

.popular ul li {
    line-height: 20px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 30px;
}

.popular ul li:before,
.popular ul li:before {
    content: "\f00c";
    position: absolute;
    left: 5px;
    top: 2px;
    font-family: "FontAwesome";
    width: 16px;
    height: 16px;
    color: #059fba;
}


.popular ul li a {
    font-size: 14px;
}

/**/


.blog-subscription {
    background: #f2f2f2;
    border-top: 3px solid #8cc647;
    padding-bottom: 0px;
    text-align: center;
    margin-bottom: 50px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.21);
}

.blog-subscription h2 {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    color: #000;
}

.blog-subscription .widget-type-linked_image {
    text-align: center;
    padding: 25px 0px 10px;
}

.blog-subscription .widget-type-rich_text {
    padding: 10px 15px;
}

.blog-subscription p {
    font-size: 16px;
    color: #000;
    margin-top: 0;
    line-height: 25px;
}

.blog-subscription form {
    position: relative;
}

.blog-subscription label,
.blog-subscription .hs-form-required {
    display: none;
}

.blog-subscription input[type="email"] {
    text-align: left !important;
    height: 50px;
    border: 1px solid #ccc;
    padding-left: 16px;
    font-size: 14px;
    padding-right: 50px;
}

.blog-subscription input[type="email"]:focus {
    outline: none;
}

.blog-subscription .hs-error-msgs.inputs-list {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 2px solid #EF731A;
    position: relative;
    top: -1px;
}

.blog-subscription .hs-button {
    border: none;
    padding: 10px 20px;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 0px;
    font-weight: bold;
    background: #34495e;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 50px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    padding: 0px;
}

/* Placeholder Text */
::-webkit-input-placeholder {
    /* Webkit Browsers */
    color: #555;
    opacity: 1;
    font-size: 14px;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #555;
    opacity: 1;
    font-size: 14px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #555;
    opacity: 1;
    font-size: 14px;
}

:-ms-input-placeholder {
    /* IE10 */
    color: #555;
    opacity: 1;
    font-size: 14px;
}


.hs-button:hover {
    background: #c55e04;
    cursor: pointer;
}


#comment-form {
    padding-top: 35px;
}

#comment-form input {
    text-align: left !important;
    min-height: 50px;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    width: 100%;
}

.form-columns-2 h2 {
    color: #0B1927;
    font-size: 25px;
    font-weight: 700;
}

#comment-form label {
    font-size: 16px;
}

#comment-form textarea {
    text-align: left !important;
    min-height: 100px;
    border: 1px solid #ccc;
}

#comment-form .hs-form-booleancheckbox input {
    min-height: 10px;
    width: auto;
}

body #comment-form .hs-button {
    border: none;
    padding: 10px 20px;
    text-align: center !important;
    display: block;
    margin-top: 25px;
    font-weight: bold;
    /*background:#34495e;*/
    color: #fff;
    max-width: 250px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#comment-form .hs-button:hover {
    background: #b15301;
}

.footer-copyright {
    padding: 0px 0px 20px;
}


.about-author-sec {
    margin-top: 50px;
}

.about-author-sec img {
    border-radius: 50px;
}

.about-author-sec h4 {
    margin-top: 0px;
}

.section.post-header h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    margin-top: 0px;
}

/*Post-listing-sample  All Post Page*/

.post-listing-simple .post-item:first-child {
    margin-left: 0px;
}

.post-listing-simple .post-item h2 {
    margin-top: 10px;
    font-size: 18px;
}

.post-listing-simple .post-item h2 a {
    font-weight: 500;
    color: #2d3033;
    line-height: 30px;
    font-size: 18px;
}

.post-listing-simple .post-item h2 a:hover {
    color: #03799a;
}


.post-listing-simple .post-item {
    max-width: 239px;
    margin: 0 23px 30px 0px;
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    background: #f2f2f2;
    padding-bottom: 20px;
}

.text-wrap {
    padding: 0px 10px;
}

.all-post-date span {
    color: #03799a;
    font-weight: bold;
}

.all-post-date {
    margin: 5px 0px 0px;
    font-size: 12px
}


/*Social-Share*/

.social-share {
    background: #f2f3f4;
    padding-top: 30px;
    border-top: 3px solid #8cc647;
    padding-bottom: 30px;
    margin-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
}

.social-share h3 {
    margin: 0px;
}

.text-center {
    text-align: center;
    margin-bottom: 35px;
}

/*Footer*/

.footer-container-wrapper {
    /*background: #0F2030;*/
    margin-top: 0px !important;
}

.footer-container h4 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}

.about-us {
    text-align: right;
}

.contact-us {
    text-align: left;
}

.copy {
    color: #666;
    padding-top: 30px;
    padding-bottom: 10px;
}

.copy a {
    color: #fff;
    text-decoration: underline;
}


.row-fluid .twitter iframe {
    width: 100% !important;
    margin-top: 80px;
}


/*Pagination-Style*/


.blog-pagination {
    position: relative;
    margin-top: 30px;
}

.page-numbers {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.page-numbers li {
    float: left;
    margin-right: 5px;
}

.previous-posts-link {
    float: left;
    margin-right: 10px;
    font-size: 16px;
    background: #fd7601;
    padding: 5px 15px;
    color: #fff;
    font-weight: 600;
    position: relative;
    top: -5px;
}

.next-posts-link {
    float: right;
    font-size: 16px;
    background: #fd7601;
    padding: 5px 15px;
    color: #fff;
    font-weight: 600;
}

.page-numbers li a:hover,
.page-numbers li.current a {
    color: #059fba;
}

.blog-pagination .page-numbers li a {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    padding: 5px 15px;
    border: 1px solid;
}

.all-posts-link {

    margin-right: 10px;
    font-size: 16px;
    /*background: #059fba;
 padding: 10px 15px;*/
    color: #fd7601;
    font-weight: 600;
    position: relative;
    top: 0px;

}

.hs-author-profile .hs-author-name {
    font-size: 30px;
    font-weight: 400;
    color: #0B1927;

}

.hs-author-profile {
    padding-bottom: 40px;
}

.hs-author-listing-header {
    margin: 0 0 40px 0;
}

.hs-author-profile .hs-author-avatar img {
    margin: 0px 0px 20px;
    border-radius: 50%;
}

/*HS-post*/

body.hs-blog-post .widget-type-cell.blog-sidebar {
    /*display:none;*/
}

body.hs-blog-post .hot-post-header {
    background-position: center center;
}

body.hs-blog-post .post-cta-mod .cta_button {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 0;
    width: 100%;
    padding: 13px 0;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    cursor: pointer;
    float: none;
    /*top:30px;*/
    position: relative;
}

body.hs-blog-listing .read-post,
body.hs-blog-listing .widget-type-cell.post-cta {
    display: none;
}

.post-cta {
    padding-top: 30px;
}

.post-cta h3,
.post-cta h2 {
    margin: 0px;
    font-size: 24px;
    font-weight: 400;
    color: #333;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    text-shadow: 1px 0 1px #cccccc;
}

body.hs-blog-post .read-post {
    position: absolute;
    bottom: 5%;
    z-index: 1;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    border: 1px solid #fff;
    padding: 10px 20px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    max-width: 170px;
    font-size: 16px;
}

body.hs-blog-post .read-post:hover {
    background: rgba(160, 206, 78, 0.50);
    border: 1px solid rgba(160, 206, 78, 0.5);
}

#article {
    padding-bottom: 25px;
}

body.hs-blog-post .hs-author-avatar img {
    float: left;
    margin-right: 20px;
    border-radius: 50%;
}

body.hs-blog-post .author-link {
    color: #000;
    font-size: 18px;
    position: relative;
    top: 20px;
}

body.hs-blog-post .more-link {
    display: none;
}

body.hs-blog-post .hot-post-header .social-shares {
    padding-top: 5px;
}

body.hs-blog-post .widget-type-cell.blog-content {
    /*margin:0 auto;*/
    max-width: 770px;
    /*float:none;*/
    padding: 0px;
}

/*body.hs-blog-post .section.post-body img{display:none;}*/

body.hs-blog-post .section.post-body,
body.hs-blog-post .section.post-body p,
.hs-author-bio {
    font-size: 18px;
    line-height: 30px;
    color: #0B1927;
}

.hs-author-social-section {
    padding-top: 30px;
}

.hs-author-social-label {
    font-size: 18px;
    padding-right: 10px;
}

body.hs-blog-listing .hs-author-social-links a.hs-author-social-link .fa {
    vertical-align: middle;
}

body.hs-blog-listing .hs-author-social-links a.hs-author-social-link {
    text-indent: 0;
    background-image: none;
    text-align: center;
    color: #fff;
    background-color: #8cc647;
    padding: 8px 9px;
    font-size: 20px;
    margin-right: 5px;
}

body.hs-blog-listing .hs-author-social-links a.hs-author-social-link:hover {
    background: #0B1927;
}

body.hs-blog-post .section.post-body h2,
body.hs-blog-post .section.post-body h3 {
    /*font-family: 'Roboto Slab', serif;*/
    font-size: 28px;
    color: #0B1927;
}

body.hs-blog-post .section.post-body ul {
    padding-left: 0px;
    list-style-type: none;
}

body.hs-blog-post .section.post-body ul li {
    position: relative;
    padding-left: 30px;
    margin: 0 0 10px;
}


body.hs-blog-post .section.post-body ul li:before {
    content: "\f111";
    position: absolute;
    left: 0px;
    top: 0;
    color: #283D52;
    font-family: "FontAwesome";
    width: 13px;
    height: 13px;
    font-size: 11px;
}


body.hs-blog-post .hs-form fieldset,
#comment-form textarea {
    max-width: 100%;
    width: 100%;
}


/* ==========================================================================
   Responsive-Style
   ========================================================================== */



@media(max-width:1024px) and (min-width:769px) {

    body .hot-post-header {
        height: auto;
        min-height: 174px;
        padding-top: 125px;
        /*margin-top: 137px;*/
        /* SERGIO: NUEVA CABECERA DEL BLOG */
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/slider_blog_mediana.jpg');*/
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/nuevo_slider_blog_mediana.jpg');*/
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/Cabeceras/header-blog-mediana.jpg');

    }

    .blog-subscription .widget-type-linked_image {
        text-align: center;
        padding: 25px 0 10px;
        max-width: 150px;
        margin: 0 auto !important;
        float: none;
        display: block;
    }

    body .post-item {
        /*min-height:450px;*/

    }

}


@media(max-width:768px) {

    .header-container .hs_cos_wrapper_type_logo a img {
        /*max-width:150px;*/
        padding-top: 0px;
        padding-left: 15px;

    }

    body .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        background: #0F2030;
        -webkit-transition: none;
    }

    body .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        color: #ffffff;
        font-weight: 600;
        padding: 0px 0px;
        font-size: 14px;
    }

    .header-container-wrapper {
        position: relative;
        box-shadow: none;
        border-bottom: 1px solid #e2e2e3;
        /*margin-bottom: 20px;*/
    }

    body .hs-menu-wrapper {
        display: none;
    }

    .post-cta h3,
    .post-cta h2 {
        line-height: 35px;
    }

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

    .header-cta {
        display: none !important;
        visibility: hidden;
    }

    .body-container-wrapper {
        padding-top: 0px;
    }

    .blog-section {
        padding-top: 15px;
        padding-right: 0px;
    }

    .blog-content {
        padding-right: 0px;
    }

    .post-body .hs-featured-image {
        float: none;
        width: 100%;
        margin: 0 auto 30px;
        max-width: 100%;
    }

    .blog-sidebar {
        margin-top: 25px;
    }

    .post-listing {
        margin: 0 0px 0 0;
    }

    body .post-item {
        float: none;
        width: 100%;
        padding-right: 0px;
    }

    .hot-post-header h1,
    .hot-post-header h1 a {
        font-size: 35px;
        line-height: 40px;
        margin: 0px;
    }

    .hot-post-header {
        height: auto;
        min-height: 500px;
        padding-top: 100px;
    }

    body .hot-post-header {
        height: auto;
        min-height: 174px;
        padding-top: 125px;
        margin-top: 0px !important;
        /* SERGIO: NUEVA CABECERA DEL BLOG */
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/slider_blog_pequena.jpg');*/
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/nueva_slider_blog_pequena.jpg');*/
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/Cabeceras/header-blog-peque%C3%B1a.jpg')
    }

    .post-listing-simple .post-item {
        margin: 0 auto;
        max-width: 100%;
        display: block;
    }


}





/* ==========================================================================
   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 !important;
    /* Hide button on Desktop */
}




@media (max-width: 767px) {


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

    /*
    * 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;
        -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: #fff;
    }


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

    .mobile-trigger {
        display: inline-block !important;
        /* Hide button on Desktop */
        cursor: pointer;
        /* Mouse pointer type on hover */
        position: absolute;
        /*******************************************/
        top: 33px;
        /* Position Button at top right of screen  */
        right: 10px;
        /*******************************************/
        width: auto;
        /* Button width */
        height: auto;
        /* Button height */
        padding: 6px 12px;
        margin-top: -16px;
        z-index: 99999999999;
        /* Z-index to keep button on top of other layers */
        font-size: 16px;
        text-align: center;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;
        margin-top: 0px;
    }

    .mobile-trigger:hover {
        text-decoration: none;
        /* Removes link text underline on button */
    }

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


    /* Toggle Button Icon & Animations
     ========================================================================== */

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

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

    .mobile-trigger i,
    .mobile-trigger i:before,
    .mobile-trigger i:after {
        width: 35px;
        /* Icon line width*/
        height: 5px;
        /* Icon line height */
        background-color: #000;
        /* Icon color */
        display: inline-block;
    }

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

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


    /* 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 Toggle Button Icon & Animations
     ========================================================================== */

    .child-trigger i {
        position: relative;
        top: 50%;
        /* Centers icon inside button */
        margin: 0 auto !important;
    }

    .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: #fff;
        /* 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 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }


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

    /* 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 {
        position: relative;
        /**************************************************************/
        top: 20px;
        /* Positions the menu to drop from the very top of the screen */
        left: 0px;
        /**************************************************************/
        width: 100%;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    }

    .custom-menu-primary .hs-menu-wrapper {
        padding: 0 0 0 0;
        width: 100%;
        /* Full screen width */
        z-index: 8888;
    }

    /* Level 1 Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul {
        background: #0F2030;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li {
        position: relative;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li a {
        font-size: 16px;
        /* Font size of top level list items */
        line-height: 40px;
        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: #fff !important;
        /* link color set by global mobile-aColor variable */
    }

    .custom-menu-primary .hs-menu-wrapper>ul li a:hover {
        color: #fff !important;
        /* link hover color set by global mobile-aColorHover variable */
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after {
        display: none;
    }

    /* Level 2 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul ul {
        background: transparent;
        border: 0px;
        padding: 0px;
    }

    .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 */
    }

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

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
        display: none;
    }

    /* 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 */
    }

}

/*MODIFICACIONES*/

.hs-rss-item-text {
    font-size: 16px;
}

/*Header*/
.custom-header-link-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-header-link-left ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    padding: 0 6px 0 0;
    margin: 0 2px 0 0;
    border-right: 1px solid #049fba;
}

.custom-header-right-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: right;
}

.custom-header-right-link ul li {
    font-size: 14px;
    display: inline-block;
    color: #525254;
    margin: 0 0 0 10px;
    text-transform: capitalize;
}

.custom-menu-primary .hs-menu-wrapper {
    display: block !important;
    /*display: none;*/
}

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

.custom-menu-primary .hs-menu-wrapper>ul>li {
    background: transparent;
    background: #049fbb;
    position: static !important;
    float: none !important;
    display: inline-block;
}

/* ==========================================================================
   Header
   ========================================================================== */

.custom-header-wrapper .page-center {
    position: relative;
}

.custom-header-link-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-header-link-left ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    padding: 0 6px 0 0;
    margin: 0 2px 0 0;
    border-right: 1px solid #049fba;
}

.custom-header-link-left ul li:nth-child(2) {
    border-right: none;
}

.custom-header-link-left ul li:last-child {
    border-right: none;
}

.custom-header-link-left ul li a {
    font-family: asapregular, Arial, Verdana, san-serif;
    font-size: 12px;
    line-height: 12px;
    color: #049fba;
}

.custom-header-link-left ul li a:visited {
    color: rgb(130, 151, 168);
}

.custom-header-link-left ul li a:hover {
    color: #fb5f3f;
}

.custom-header-right-link {
    padding: 3px 0 0;
}

.custom-header-right-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: right;
}

.custom-header-right-link ul li {
    font-size: 14px;
    display: inline-block;
    color: #525254;
    margin: 0 0 0 10px;
    text-transform: capitalize;
}

.custom-header-right-link ul li a {
    color: #525254;
    font-family: asapregular, Arial, Verdana, san-serif;
    font-size: 14px;
    line-height: 14px;
}

.custom-header-right-link ul li a:hover {
    color: #fb5f3f;
}

.custom-header-social-icon {
    position: relative;
    float: right !important;
    width: auto !important;
}

.custom-header-social-icon h2 {
    display: none;
}

.custom-header-social-icon ul {
    margin: 0;
    padding: 0 0 0 26px;
    list-style: none;
    position: fixed;
    top: 47px;
    z-index: 999;
}

.custom-header-social-icon ul li {
    margin: 0 0 20px 0;
}

.custom-header-social-icon h3 {
    display: none;
}

.custom-header-social-icon p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.custom-logo {
    padding: 8px 0 19px;
}

.custom-search-icon a img {
    cursor: pointer;
    display: block;
    float: right;
    position: absolute;
    top: 100px;
    right: 0;
}

.span12.widget-span.widget-type-raw_html.custom-header-form {
    bottom: 0;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 38px;
    top: 90px;
    width: 0 !important;
    outline: 1px solid transparent;
    background: #fff;
    transition: width 1s ease, outline 1s ease;
    -webkit-transition: width 1s ease, outline 1s ease;
    -moz-transition: width 1s ease, outline 1s ease;
    -o-transition: width 1s ease, outline 1s ease;
}

.active-input .span12.widget-span.widget-type-raw_html.custom-header-form {
    outline: 1px solid #989495;
    width: 380px !important;
}

.header-container-wrapper .custom-header-form form.SearchSite {
    padding: 6px 10px 10px;
    margin: 0;
}

.header-container-wrapper .custom-header-form .consumerLogin {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 25px 0;
}

.header-container-wrapper .custom-header-form .form span.label {
    display: none;
}

.header-container-wrapper .custom-header-form .form span.field {
    display: block;
    height: 16px;
    width: 244px;
    font-family: Arial;
}

.header-container-wrapper .custom-header-form input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.header-container-wrapper .custom-header-form input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.header-container-wrapper .custom-header-form input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.header-container-wrapper .custom-header-form input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.header-container-wrapper .custom-header-form .form span.field>input {
    border: none;
    display: block;
    font-family: Arial;
    font-size: 14px;
    width: 244px;
}

.header-container-wrapper .custom-header-form .form span.field>input:focus {
    outline: 0 none;
}

.header-container-wrapper .custom-header-form .form span.submit {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

.header-container-wrapper .custom-header-form .form span.submit>input {
    height: 40px;
    margin: 0 0 0 10px;
    width: 40px;
}

.custom-header-link-left {
    padding: 1px 0 0;
}

.header-container-wrapper {}

.header-container {}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}

.header-container .hs_cos_wrapper_type_logo a {}

.header-container .hs_cos_wrapper_type_logo a img {}

/* ==========================================================================
   Footer
   ========================================================================== */
.footerIcons {
    width: 100%;
    margin: 10px 0 10px;
    float: left;
}

.footerIcons div.icon {
    float: left;
    width: 180px;
    margin: 0 80px 0 0;
    vertical-align: top
}

.footerIcons div.icon.plan {
    margin: 0 0 0 0;
}

.footerIcons div.icon>a {
    display: inline-block;
    text-align: center;
    width: 180px;
}

.footerIcons div.icon>a div.iconImage {
    overflow: hidden;
    text-align: center;
    margin: 40px auto 0;
    max-height: 88px;
}

.footerIcons div.icon>a div.iconImage>img {
    overflow: hidden;
    position: relative;
}

.footerIcons div.icon.specialOffers>a>h3 {
    color: #fb5f3f;
    margin: 14px 0 67px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
}

.footerIcons div.icon.signUp>a>h3 {
    color: #4fc15c;
    margin: 27px 0 37px;
    font-size: 22px;
    line-height: 30px;
}

.footerIcons div.icon.weatherIcon>a>h3 {
    margin: 20px 0 64px;
    color: #e9b208;
    font-size: 22px;
    line-height: 30px;
}

.footerIcons div.icon.plan>a>h3 {
    color: #bf6bae;
    margin: 25px 0 64px;
    font-size: 22px;
    line-height: 30px;
}

.footerIcons div.icon.specialOffers:hover {
    background: #fb5f3f;
}

.footerIcons div.icon.specialOffers:hover>a div.iconImage>img {
    top: -88px;
}

.footerIcons div.icon.signUp:hover {
    background: #4fc15c;
}

.footerIcons div.icon.signUp:hover>a div.iconImage>img {
    top: -74px;
}

.footerIcons div.icon.signUp>a div.iconImage {
    height: 74px;
}

.footerIcons div.icon.signUp:hover>a>h3 {
    color: #fff;
}

.footerIcons div.icon.specialOffers:hover>a>h3 {
    color: #fff;
}

.footerIcons div.icon.weatherIcon:hover {
    background: #e9b208;
}

.footerIcons div.icon.weatherIcon>a div.iconImage {
    max-height: 84px;
}

.footerIcons div.icon.weatherIcon:hover>a>h3 {
    color: #fff;
}

.footerIcons div.icon.plan:hover>a>h3 {
    color: #fff;
}

.footerIcons div.icon.weatherIcon:hover>a div.iconImage>img {
    top: -84px;
}

.footerIcons div.icon.plan:hover {
    background: #bf6bae;
}

.footerIcons div.icon.plan>a div.iconImage {
    max-height: 79px;
}

.footerIcons div.icon.plan:hover>a div.iconImage>img {
    top: -79px;
}

.custom-footer-icon-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-footer-icon-left ul li.UtilityPrint {
    background: url("https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Visitacostadelsol-feb2016-Theme/images/icon_print.png?t=1455604628356") no-repeat scroll right 14px #fff;
    margin: 0 40px 0 0;
}

.custom-footer-icon-left ul li.UtilityEmail {
    background: url("https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Visitacostadelsol-feb2016-Theme/images/icon_email-1.png?t=1455604628356") no-repeat scroll right 15px #fff;
}

.custom-footer-icon-left {
    padding: 0 0 18px;
}

.custom-footer-icon-left ul li {
    float: left;
    font-size: 18px;
    padding: 10px 0 0;
    height: 40px;
}

.custom-footer-icon-left ul li a {
    height: 28px;
    padding: 0 50px 0 0;
}

.custom-footer-icon-right ul {
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
    display: block;
    text-align: right;
}

.custom-footer-icon-right ul li {
    margin: 0 0 0 15px;
    display: inline-block;
}

.custom-footer-icon-right ul.footer-icon1 {
    display: none;
}

.custom-footer-top-row1 {
    padding: 45px 0 30px;
}

.custom-footer-top-row2 {
    padding: 0 0 23px;
}

.custom-footer-top {
    background: #04a0b9;
    float: left;
    position: relative;
    width: 100%;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
}

.custom-top-menu ul {
    margin: 0;
    padding: 0;
}

.custom-top-menu ul li:first-child a {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.custom-top-menu ul li {
    font-weight: normal;
    float: left;
    clear: left;
    margin: 0 2px 3px 0;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-top: -20px;
    font-family: 'PT Sans', sans-serif;
}

.custom-top-menu ul li a {
    /*font-family:asapregular, Arial, Verdana, san-serif;*/
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #ebeaea;
    line-height: 24px;
}

.custom-top-menu ul li a:hover {
    color: #fff;
}

.custom-footer-address {
    float: left;
    padding: 20px 0 50px;
}

.custom-footer-address h3 {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 12px 0;
    margin-left: 20px;
}

.custom-footer-address p {
    color: #fff;
    line-height: 26px;
    font-size: 15px;
    margin: 0;
    margin-left: 20px;
}

span.number {
    letter-spacing: 1px;
}

.custom-footer-bottom {
    padding: 27px 0 0;
}

.custom-footer-copyright {
    float: left;
    font-size: 15px;
    margin: 0;
    padding: 8px 0 0;
    font-family: Arial;
    line-height: 24px;
    width: auto !important;
}

.custom-footer-bottom-menu {
    float: right !important;
    margin: 0 auto;
    width: 350px !important;
    text-align: right;
}

.custom-footer-bottom-menu ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.custom-footer-bottom-menu ul li {
    display: inline;
    list-style: none;
    margin: 0 0 20px 0;
    line-height: 25px;
}

.custom-footer-bottom-menu ul li:last-child a {
    border: 0;
}

.custom-footer-bottom-menu ul li a {
    border-right: 1px solid #049fba;
    line-height: 25px;
    font-size: 14px;
    margin: 0 3px 0 0;
    text-decoration: none;
    padding: 0 12px 0 7px;
    font-family: 'asapregular';
    font-family: 'PT Sans', sans-serif;
}

.custom-footer-text {
    text-align: right;
    padding: 0px 0 20px;
}

.custom-footer-image {
    text-align: right;
    padding: 0px 0 5px;
}

.custom-footer-image a {
    margin: 0 0 0 20px;
    display: inline-block;
    vertical-align: top;
}

.custom-footer-image img {
    display: block;
}

.custom-footer-text span {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
}

.custom-footer-text p {
    display: block;
    font-family: asapregular, Arial, Verdana, san-serif;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    color: #5c5753;
    margin: 0;
    padding: 0 0px 0 0;
}

.custom-footer-text img {
    max-width: 145px;
}

.custom-js {
    min-height: 0px !important;
}

.custom-spacer {
    padding: 15px 0;
}

.custom-spacer1 {
    padding: 51px 0 0;
}

.custom-spacer3 {
    padding: 19px 0;
}

.footer-container-wrapper {}

.footer-container {}

/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */





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


    {
    % set ulColor="transparent" %
}

/* Set ul background color */
    {
    % set liColor="transparent" %
}

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

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

/* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper>ul {
    background: #049fbb;
    display: block !important;
    position: relative;
    margin: 0;
    padding: 0;
}

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

    ;
    background: #049FBB;
    position: static !important;
}

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

    ;
    padding: 14px 15.09px;
    border-right: 1px solid #fff;
    display: block;
    font-family: asapregular,
    Arial,
    Verdana,
    san-serif;
    font-size: 15px;
    line-height: 18px;

}

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

    ;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>a {
    background: #6c6d6f;
    color: #fff;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul {
    border: medium none !important;
    display: block;
    opacity: 1 !important;
    overflow: hidden;
    position: static !important;
    visibility: visible !important;
    background: transparent;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li {
    display: block;
    float: left;
    width: 100%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:last-child>a {
    border: 0;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(1) {
    clear: left;
    display: block;
    margin: 11px 10px 5px;
    overflow: hidden;
    padding: 0 0 12px;
    width: 98%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ul {
    margin: 0 0 0 -8px !important;
    padding: 6px 0 0 !important;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2) {
    clear: left;
    display: block;
    margin: 11px 10px 5px;
    overflow: hidden;
    padding: 0;
    width: 98%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(3) {
    clear: left;
    display: block;
    margin: 23px 10px 5px;
    overflow: hidden;
    padding: 0;
    width: 98%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ull {
    padding: 0 !important;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul {
    border: 0 none !important;
    display: block;
    opacity: 1 !important;
    position: static !important;
    visibility: visible !important;
    overflow: hidden;
    background: transparent none repeat scroll 0 0 !important;
    float: left;
    padding: 15px 0 0;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li>ul>li {
    float: left;
    font-size: 15px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    text-align: left;
    width: 215px;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li>ul>li>a {
    color: #6b6b6b;
    float: left;
    font-size: 16px;
    line-height: 23px;
    padding: 5px 24px 0px 0;
    vertical-align: top;
    white-space: pre-wrap !important;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li>ul>li>a:hover {
    color: #6b6b6b;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ul {
    margin: 0;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ul>li>a {
    background: transparent none repeat scroll 0 0 !important;
    clear: both;
    color: #049fba;
    float: none !important;
    font-size: 14px;
    font-weight: normal;
    height: auto !important;
    letter-spacing: 0;
    line-height: 23px;
    padding: 0 8px;

}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ul>li>a:hover {
    color: #d64830;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li {
    width: 100%;
    margin: 0;
    padding: 0 0 0 15px;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li a {
    font-size: 22px;
    line-height: 18px;
    font-weight: 400;
    cursor: default;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child {
    background: #f0eeef none repeat scroll 0 0;
    clear: both;
    float: left;
    margin: 15px 0 0;
    padding: 25px 0 0;
    width: 100%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li {
    background: #fff none repeat scroll 0 0;
    float: left;
    display: inline-block;
    margin: 0 25px 0 0;
    width: 200px;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li>a>span {
    line-height: 0;
    margin: 0 0 15px;
    display: block;
    cursor: pointer;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li>a>span>img {
    width: 100%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li>a>h3 {
    font-size: 14px;
    height: 40px;
    margin: 0;
    font-weight: 400;
    color: #3a97b6;
    line-height: 20px;
    padding: 0px 12px 0;
    cursor: pointer;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li>a>h3:hover {
    color: #ff171c;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper>ul ul {
    border: 8px solid #6b6b6b;
    background: #fff;
    width: 100%;
    top: 46px;
    left: 0 !important;
}

.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:921px) {
    .custom-menu-primary .hs-menu-wrapper {
        display: block !important;
    }
}




/* ==========================================================================
   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: 920px) {


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

        {
        % set menuColorMobile="#fff" %
    }

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

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

    /* 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  */
        left: 12px;
        /*******************************************/
        width: auto;
        /* Button width */
        height: auto;
        /* Button height */
        padding: 11px 11px 10px 10px;
        background: transparent;
        /* Background color */
        border: 1px solid transparent;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;

        color: {
                {
                menuColorMobile
            }
        }

        ;
    }

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

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

        ;
        background-color: transparent;
        border-color: transparent;
    }

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

        ;
        background-color: #6b6b6b;
        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: 17px;
        /* Icon line width */
        height: 3px;
        /* Icon line height */
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        background-color: #fff;
        /* Icon color */
        display: inline-block;
    }

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

    .mobile-trigger i:after {
        top: 7px;
        /* 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: #fff;
        /* 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: 100% !important;
        /* Button width */
        min-width: 100% !important;
        height: 45px !important;
        /* Button height */
        padding: 0 !important;
    }

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

    .child-trigger i {
        position: relative;
        top: 50%;
        /* Centers icon inside button */
        margin: 0 auto !important;
        opacity: 0;
    }

    .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 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }


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

    .custom-menu-primary.js-enabled {
        position: relative;
    }

    /* 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: absolute;
        /**************************************************************/
        top: 40px;
        /* Positions the menu to drop from the very top of the screen */
        left: 12px;
        /**************************************************************/
        padding: 0;
        border: 2px solid #049fba;
        width: 353px;
    }

    .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:nth-child(2)>ul>li:nth-child(5)>ul {
        display: none !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>a>h2 {
        font-size: 22px;
        margin: 0;
        font-weight: 400;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child {
        border-top: 8px solid #6b6b6b;
        background: #f0eeef none repeat scroll 0 0;
        clear: both;
        float: left;
        margin: 15px 0 0;
        width: 100%;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul {
        display: block !important;
        padding: 0 0px 0 !important;
        float: left;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>u>li>a {
        font-size: 14px;
        line-height: 19.6px;
        padding: 10px 0px;
        color: #0d96d7 !important;

    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li {
        border-bottom: 1px solid #dedede;
        background: #f0f1f3;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li:hover {
        background: #e1e1e1;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li>a {
        font-size: 14px;
        line-height: 19.6px;
        padding: 10px 0px;
        color: #0d96d7 !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li:hover>a {
        color: #fb5f3f !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>.child-trigger {
        display: none !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul {
        display: block !important;
        padding: 0 15px 0;
        float: left;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li {
        padding: 0 25px 0 10px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>a {
        font-size: 15px;
        line-height: 18px;
        color: #0d96d7 !important;
        padding: 15px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul {
        padding: 10px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li:hover>a {
        background: #5b5c5e;
        color: #fff !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li.child-open>a {
        background: #5b5c5e;
        color: #fff !important;
    }

    /* Level 1 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul li {}

    .custom-menu-primary .hs-menu-wrapper>ul li a {
        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 {
        padding: 0 30px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul ul li a {
        font-size: 16px;
        line-height: 23px;
        padding: 10px 0px;
    }

    /* Level 3 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul ul ul li a {}

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


/* ==========================================================================


   7. MOBILE MEDIA QUERIES                              


   ========================================================================== */





/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */
@media (min-width: 1200px) and (max-width: 1600px) {
    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_espanol_def.jpg');
        background-repeat: no-repeat;
        width: 567px;
        height: 125px;
    }

}

@media (min-width: 1600px) {
    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_espanol_def.jpg');
        background-repeat: no-repeat;
        width: 567px;
        height: 125px;
    }

    .custom-header-wrapper {
        max-width: 1750px;
        margin: 0 auto !important;
        float: none !important;
    }

    .container-fluid .row-fluid .page-center {
        float: none;
        max-width: 1220px;
        margin: 0 auto;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li>ul>li {
        text-align: left;
        width: 275px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li {
        width: 230px;
        margin: 0 64px 0 0;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul {
        margin: 0;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>a {
        padding: 14px 14.98px;
    }

    .custom-footer-copyright {
        width: 43% !important;
    }

    .custom-footer-bottom-menu {
        width: auto !important;
        margin: 0 !important;
        vertical-align: top;
    }

    .custom-footer-bottom-menu {
        width: auto !important;
    }
}

@media (max-width: 1200px) {
    .custom-header-social-icon ul {
        margin: 0;
        padding: 0;
        display: none;
    }

    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_espanol_def.jpg');
        background-repeat: no-repeat;
        width: 567px;
        height: 125px;
    }

}

@media (min-width: 921px) and (max-width:990px) {
    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_espanol_def.jpg');
        background-repeat: no-repeat;
        width: 567px;
        height: 125px;
    }

    .custom-footer-icon-right ul.footer-icon1 {
        display: inline-block;
    }

    .custom-footer-icon-right ul {
        display: inline-block;
    }

    .custom-footer-icon-right {
        text-align: right;
    }

    .custom-top-icon-wrapper {
        padding: 0 20px;
    }

    .footerIcons div.icon {
        float: none;
        width: 180px;
        margin: 0 40px 0 0;
        display: inline-block;
    }

    .footerIcons {
        width: 100%;
        margin: 10px 0 10px;
        float: left;
        text-align: center;
    }

    .custom-footer-icon-right ul {
        float: right;
    }

}

@media (min-width: 921px) and (max-width:1050px) {
    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_espanol_def.jpg');
        background-repeat: no-repeat;
        width: 567px;
        height: 125px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul {
        /*text-align: center;*/
        background: #049fbb;
        float: left;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li {
        background: transparent;
        background: #049fbb;
        position: static !important;
        float: none !important;
        display: inline-block;
    }

    .custom-header-top {
        padding: 0 15px;
    }

    .custom-header-middle {
        padding: 0 15px;
    }

    .custom-header-bottom {
        padding: 0 15px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>a {
        padding: 14px 8px;
    }

    .custom-search-icon a img {
        right: 20px;
    }

    .span12.widget-span.widget-type-raw_html.custom-header-form {
        right: 52px;
    }

    .content-wrapper {
        padding: 37px 20px;
    }

    .custom-footer-top {
        padding: 0 20px;
    }

    .custom-footer-bottom {
        padding: 30px 20px 0;
        text-align: left;
    }

    .custom-footer-copyright {
        float: left;
        font-size: 15px;
        margin: 0;
        text-align: left;
        font-family: Arial;
        line-height: 24px;
    }

    .custom-footer-bottom-menu {
        float: right !important;
        margin: 0 auto;
        width: 100% !important;
        text-align: left;
    }

    .custom-footer-image {
        text-align: left;
        padding: 0;
    }

    .custom-footer-image a {
        display: block;
        vertical-align: top;
        margin: 10px 0 10px;
    }

    .custom-footer-text {
        text-align: left;
        padding: 0 0 20px;
    }

    .custom-header-social-icon ul {
        display: none;
    }

    .custom-top-icon-wrapper {
        padding: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 920px) {
    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_espanol_def.jpg');
        background-repeat: no-repeat;
        width: 567px;
        height: 125px;
    }

    .custom-hidden-tablet {
        display: none !important;
    }

    .custom-header-wrapper {
        background: transparent;
    }

    .custom-visible-tablet {
        display: block !important;
        padding: 115px 0 0;
    }

    .custom-header-top {
        padding: 0 15px;
    }

    .custom-header-middle {
        padding: 0 15px;
    }

    .custom-header-bottom {
        padding: 0 15px;
    }

    .mobile-trigger {
        background: #049fbb;
        top: 41px;
        left: 0;
        padding: 13px 11px 11px 10px;
    }

    .mobile-trigger:hover {
        background: #049fbb;
    }

    .mobile-open .mobile-trigger:hover {
        background: #6b6b6b;
    }

    .custom-search-icon a img {
        top: 184px;
        right: 15px;
    }

    .custom-visible-tablet {
        padding: 115px 0 0;
        width: 433px !important;
        display: inline-block !important;
    }

    .custom-menu-primary.js-enabled .hs-menu-wrapper {
        width: 100%;
        position: absolute;
        top: 90px;
        left: 0;
        padding: 0;
        border: 2px solid #049fba;
        width: 353px;
    }

    .span12.widget-span.widget-type-raw_html.custom-header-form {
        right: 65px;
        top: 176px;

    }

    .active-input .span12.widget-span.widget-type-raw_html.custom-header-form {
        display: block;
        width: 315px;
        transition: width .5s ease;
        -webkit-transition: width .5s ease;
        -moz-transition: width .5s ease;
        -o-transition: width .5s ease;
    }

    .custom-header-link-left {
        width: 50% !important;
    }

    .custom-header-right-link {
        width: 50% !important;
        margin: 0 !important;
    }

    .content-wrapper {
        padding: 37px 20px;
    }

    .custom-footer-top {
        padding: 0 20px;
    }

    .custom-footer-bottom {
        padding: 30px 20px 0;
        text-align: left;
    }

    .custom-footer-copyright {
        float: left;
        font-size: 15px;
        margin: 0;
        text-align: left;
        font-family: Arial;
        line-height: 24px;
    }

    .custom-footer-bottom-menu {
        float: right !important;
        margin: 0 auto;
        width: 100% !important;
        text-align: left;
    }

    .custom-footer-image {
        text-align: left;
        padding: 0;
    }

    .custom-footer-image a {
        display: block;
        vertical-align: top;
        margin: 20px 0 10px;
    }

    .custom-footer-text {
        text-align: left;
        padding: 0 0 20px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul {
        width: 100%;
    }

    .custom-footer-icon-right ul.footer-icon1 {
        display: inline-block;
    }

    .custom-footer-icon-right ul {
        display: inline-block;
    }

    .custom-footer-icon-right {
        text-align: right;
    }

    .custom-top-icon-wrapper {
        padding: 0 20px;
    }

    .footerIcons div.icon {
        float: none;
        width: 170px;
        margin: 0 0px 0 0;
        display: inline-block;
    }

    .footerIcons {
        width: 100%;
        margin: 10px 0 10px;
        float: left;
        text-align: center;
    }

    .custom-footer-icon-right ul {
        float: right;
    }

    .custom-footer-icon-left ul li.UtilityPrint {
        margin: 0 30px 0 0;
    }

    .custom-header-social-icon ul {
        display: none;
    }

    .custom-top-icon-wrapper {
        padding: 0 20px;
    }
}


/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 767px) {

    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_espanol_def.jpg');
        background-repeat: no-repeat;
        width: 567px;
        height: 125px;
    }

    .custom-menu-primary.js-enabled {
        width: calc(100% - 46px) !important;
        display: inline-block;
        background: #049fba;
        padding: 20px 0;
    }

    .custom-header-form-wrapper {
        position: relative;
    }

    .custom-search-icon {
        display: inline-block;
        width: auto !important;
        float: right !important;
    }

    .custom-search-icon a img {
        cursor: pointer;
        display: block;
        float: right;
        position: absolute;
        top: -41px;
        right: 10px;
    }

    .custom-logo1 {
        width: auto !important;
        display: inline-block !important;
        float: left !important;
    }

    .custom-language-menu {
        position: relative;
        width: auto !important;
        float: right !important;
    }

    .gbflatlist {
        display: block;
        width: auto;
        clear: both;
    }

    .gbflatlist p {
        font-size: 14px;
        color: #626463;
        margin: 0;
    }

    .custom-language-menu .gbflatlist {
        left: auto;
        right: 0px;
        top: 4px;
        position: absolute;
        margin: 0;
        background: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Visitacostadelsol-feb2016-Theme/images/arrow_subnav.png') no-repeat right center;
        cursor: pointer;
        padding: 0 20px 0 0;
    }

    .custom-language-menu ul {
        margin: 0;
        padding: 0;
        width: 153px;
        display: none;
        list-style: none;
        position: absolute;
        top: 35px;
        border-top: 1px solid #cacaca;
        right: 0px;
    }

    .custom-language-menu ul li {
        list-style: none;
        background: #fff;
        border-bottom: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
        border-left: 1px solid #cacaca;
        padding: 12px 10px;
        cursor: pointer;
        font-size: 12px;
        text-transform: capitalize;
    }

    .custom-language-menu ul li:hover a {
        background: #049fba;
        color: #fff;
    }

    .custom-language-menu ul li a {
        font-size: 12px;
        color: #525252;
        display: block;
        width: 100%;
        line-height: 12px;
    }

    .custom-header-bottom-mobile {
        padding: 8px 15px;
    }

    .span12.widget-span.widget-type-raw_html.custom-header-form {
        top: -50px;
    }

    .active-input .span12.widget-span.widget-type-raw_html.custom-header-form {
        display: block;
        width: 315px;
        transition: width .5s ease;
        -webkit-transition: width .5s ease;
        -moz-transition: width .5s ease;
        -o-transition: width .5s ease;
    }

    .content-wrapper {
        padding: 37px 20px;
    }

    .custom-footer-top {
        padding: 0 20px;
    }

    .custom-footer-bottom {
        padding: 30px 20px 0;
        text-align: left;
    }

    .custom-footer-copyright {
        float: left;
        font-size: 15px;
        margin: 0;
        text-align: left;
        font-family: Arial;
        line-height: 24px;
    }

    .custom-footer-bottom-menu {
        float: right !important;
        margin: 0 auto;
        width: 100% !important;
        text-align: left;
    }

    .custom-footer-image {
        text-align: left;
        padding: 0;
    }

    .custom-footer-image a {
        display: block;
        vertical-align: top;
        margin: 10px 0 10px;
    }

    .custom-footer-text {
        text-align: left;
        padding: 0px;
    }

    .custom-footer-bottom-menu ul {
        margin: 0;
        padding: 20px 0 10px 0;
        line-height: normal;
    }

    .custom-footer-address h3 {
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        margin: 0 0 12px 0;
        line-height: 14px;
        margin-left: 20px;
    }

    .custom-footer-bottom-menu ul li {
        display: inline-block;
        list-style: none;
        margin: 0;
        line-height: 0;
    }

    .custom-footer-bottom-menu ul li a {
        font-family: 'PT Sans', sans-serif;
    }

    body input[type="text"],
    body input[type="password"],
    body input[type="datetime"],
    body input[type="datetime-local"],
    body input[type="date"],
    body input[type="month"],
    body input[type="time"],
    body input[type="week"],
    body input[type="number"],
    body input[type="email"],
    body input[type="url"],
    body input[type="search"],
    body input[type="tel"],
    body input[type="color"],
    body input[type="file"],
    body textarea,
    body select {
        max-width: 100%;
    }

    .custom-logo1 img {
        max-width: 254px;
    }

    .custom-menu-primary.js-enabled {
        width: calc(100% - 41px) !important;
    }

    .active-input .span12.widget-span.widget-type-raw_html.custom-header-form {
        width: 315px !important;
        border: 0 !important;
        outline: 0 none;
    }

    .span12.widget-span.widget-type-raw_html.custom-header-form {
        right: 43px !important;
        outline: 0 none;
    }

    .span12.widget-span.widget-type-raw_html.custom-header-form {
        top: -51px;
    }

    .custom-menu-primary.js-enabled .hs-menu-wrapper {
        z-index: 999999999;
    }

    .custom-footer-icon-right ul.footer-icon1 {
        display: inline-block;
    }

    .custom-footer-icon-right ul {
        display: inline-block;
    }

    .custom-footer-icon-right {
        text-align: left;
        display: block !important;
    }

    .custom-top-icon-wrapper {
        padding: 0 20px;
    }

    .custom-footer-icon-left {
        padding: 0px 0;
        clear: both;
        width: 100% !important;
    }

    .footerIcons {
        width: 100%;
        margin: 10px 0 10px;
        float: left;
        display: none;
    }

    .custom-footer-icon-right {
        text-align: left;
        padding: 65px 0 60px;
    }

    .custom-footer-icon-right ul {
        float: left;
    }

    .custom-footer-icon-right ul li {
        margin: 0 16px 0 0;
        display: inline-block;
    }

    .custom-top-menu ul li:first-child a {
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .custom-top-menu ul li a {
        /*font-family: asapregular,Arial,Verdana,san-serif;*/
        font-family: 'PT Sans', sans-serif;
        font-size: 16px;
        color: #ebeaea;
        line-height: 33px;
        margin-bottom: 3px;
    }

    .custom-top-menu ul li:last-child {
        padding-bottom: 30px;
    }

    .custom-footer-top-row2 {
        padding: 0;
    }

    .custom-footer-bottom-menu ul li a {
        padding: 0 12px 0 0;
        font-family: 'PT Sans', sans-serif;
    }

    .custom-footer-icon-left ul li {
        float: left;
        font-size: 18px;
        padding: 0;
        height: 40px;
    }

    .custom-footer-icon-left ul li.UtilityEmail {
        background: url("https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Visitacostadelsol-feb2016-Theme/images/icon_email-1.png?t=1455604628356") no-repeat scroll right 1px #fff;
    }

    .custom-footer-icon-left ul li.UtilityPrint {
        background: url("https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Visitacostadelsol-feb2016-Theme/images/icon_print.png?t=1455604628356") no-repeat scroll right 0px #fff;
        margin: 0 40px 0 0;
    }
}

/* Portrait phones and smaller devices
   ========================================================================== */

@media (min-device-width: 479px) and (max-device-width: 568px) {
    body .hot-post-header {
        height: auto;
        min-height: 174px;
        padding-top: 125px;
        margin-top: 0px !important;
        background-size: auto !important;
        /* SERGIO: NUEVA CABECERA DEL BLOG */
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/slider_blog_movil_landscape.jpg');*/
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/nueva_slider_blog_movil_landscape.jpg');*/
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/Cabeceras/header-blog-movil-landscape.jpg');

    }

    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_blog_costa_del_sol_325x53.jpg');
        background-repeat: no-repeat;
        width: 353px;
        height: 53px;
    }
}

/* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 479px) {
    body .hot-post-header {
        height: auto;
        min-height: 174px;
        padding-top: 125px;
        margin-top: 0px !important;
        /* SERGIO: NUEVA CABECERA DEL BLOG */
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/slider_blog_movil_portrait.jpg');*/
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/nueva_slider_blog_movil_portrait.jpg');*/
        background-size: auto !important;
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/Cabeceras/header-blog-movil-portrait.jpg');

    }

    .logo {
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/cabecera_blog_costa_del_sol_325x53.jpg');
        background-repeat: no-repeat;
        width: 353px;
        height: 53px;
    }

    .custom-logo1 img {
        max-width: 254px;
    }

    .custom-menu-primary.js-enabled {
        width: calc(100% - 41px) !important;
    }

    .active-input .span12.widget-span.widget-type-raw_html.custom-header-form {
        width: 215px !important;
        border: 0 !important;
        outline: 0 none;
    }

    .span12.widget-span.widget-type-raw_html.custom-header-form {
        right: 43px !important;
    }

    .span12.widget-span.widget-type-raw_html.custom-header-form {
        top: -51px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>a>h2 {
        display: none;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul {
        display: none !important;
    }

    .custom-menu-primary.js-enabled .hs-menu-wrapper {
        width: 100%;
        position: absolute;
        top: 40px;
        left: 12px;
        padding: 0;
        border: 2px solid #049fba;
        width: 254px;
        z-index: 999999999;
    }

    .custom-top-menu ul li {
        display: none;
    }

    .custom-top-menu ul li:first-child {
        display: block;
        border: none;
        clear: left;
        float: left;
        padding: 10px 0 20px !important;
        width: auto;
        margin: 0;
    }

    .custom-footer-top-row1 {
        padding: 40px 0 0;
    }

    .custom-footer-top-row2 {
        padding: 0;
    }

    .custom-footer-bottom-menu ul li {
        display: block;
    }

    .custom-footer-bottom-menu ul li a {
        border-right: 0;
        line-height: 25px;
        font-size: 14px;
        margin: 0;
        text-decoration: none;
        padding: 0;
        /*font-family: 'asapregular';*/
        font-family: 'PT Sans', sans-serif;
    }

    .custom-top-menu ul li:first-child a {
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        margin-bottom: 0;
    }

    .custom-footer-icon-right {
        text-align: left;
        padding: 95px 0 10px;
    }

    .custom-footer-icon-right ul {
        margin: 0;
        padding: 10px 10px 10px 0;
        list-style: none;
        display: block;
        text-align: left;
    }

    .custom-footer-icon-right ul {
        float: left;
    }

    .custom-footer-icon-right ul {
        display: inline-block;
    }

    .custom-footer-icon-left ul li {
        float: left;
        font-size: 18px;
        padding: 0 0 0;
        height: auto;
        margin-top: 15px;
    }

    .custom-footer-top-row1 {
        padding: 30px 0 0;
    }

    .custom-footer-icon-left ul li.UtilityPrint {
        background: url("https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Visitacostadelsol-feb2016-Theme/images/icon_print.png?t=1455604628356") no-repeat scroll right 0 #fff;
        margin: 0 110px 0 0;
    }
}

.blogpost .blogpostheader h2 {
    font-size: 20px;
    margin-bottom: 0;
}

.blogpost .blogpostteaser {
    font-size: 14px;
    padding: 15px 15px 8px 15px;
    line-height: 24px;
}

.blogpost {
    width: 32%;
    height: 530px;
    float: left;
    background-color: #f1f2f4;
    margin: 0 8px 8px 0;
    position: relative;
    overflow: hidden;
}

div.postContent header.blogpostheader {
    padding: 0 15px;
    font-size: 20px;
    overflow: hidden;
}

.blog-section .post-banner-image {
    margin-top: 20px;
}

.blogpost .blogpostdetaillink {
    display: block;
    font-size: 14px;
    background: url(/images/blog/link_singlearrow.png) no-repeat 90px 2px;
    position: absolute;
    bottom: 16px;
    left: 14px;
}

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

.widget-type-post_listing li,
.widget-type-post_filter li {
    list-style: none;
}

/* ==========================================================================


   6. MISCELLANOUS                                        


   ========================================================================== */

.custom-visible-tablet {
    display: none !important
}




/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */





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


    {
    % set ulColor="transparent" %
}

/* Set ul background color */
    {
    % set liColor="transparent" %
}

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

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

/* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper>ul {
    background: #049fbb;
    display: block !important;
    position: relative;
    margin: 0;
    padding: 0;
}

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

    ;
    background: #049FBB;
    position: static !important;
}

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

    ;
    padding: 14px 15.09px;
    border-right: 1px solid #fff;
    display: block;
    font-family: asapregular,
    Arial,
    Verdana,
    san-serif;
    font-size: 15px;
    line-height: 18px;

}

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

    ;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>a {
    background: #6c6d6f;
    color: #fff;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul {
    border: medium none !important;
    display: block;
    opacity: 1 !important;
    overflow: hidden;
    position: static !important;
    visibility: visible !important;
    background: transparent;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li {
    display: block;
    float: left;
    width: 100%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:last-child>a {
    border: 0;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(1) {
    clear: left;
    display: block;
    margin: 11px 10px 5px;
    overflow: hidden;
    padding: 0 0 12px;
    width: 98%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ul {
    margin: 0 0 0 -8px !important;
    padding: 6px 0 0 !important;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2) {
    clear: left;
    display: block;
    margin: 11px 10px 5px;
    overflow: hidden;
    padding: 0;
    width: 98%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(3) {
    clear: left;
    display: block;
    margin: 23px 10px 5px;
    overflow: hidden;
    padding: 0;
    width: 98%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ull {
    padding: 0 !important;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul {
    border: 0 none !important;
    display: block;
    opacity: 1 !important;
    position: static !important;
    visibility: visible !important;
    overflow: hidden;
    background: transparent none repeat scroll 0 0 !important;
    float: left;
    padding: 15px 0 0;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li>ul>li {
    float: left;
    font-size: 15px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    text-align: left;
    width: 215px;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li>ul>li>a {
    color: #6b6b6b;
    float: left;
    font-size: 16px;
    line-height: 23px;
    padding: 5px 24px 0px 0;
    vertical-align: top;
    white-space: pre-wrap !important;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li>ul>li>a:hover {
    color: #6b6b6b;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ul {
    margin: 0;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ul>li>a {
    background: transparent none repeat scroll 0 0 !important;
    clear: both;
    color: #049fba;
    float: none !important;
    font-size: 14px;
    font-weight: normal;
    height: auto !important;
    letter-spacing: 0;
    line-height: 23px;
    padding: 0 8px;

}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:nth-child(2)>ul>li>ul>li>a:hover {
    color: #d64830;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li {
    width: 100%;
    margin: 0;
    padding: 0 0 0 15px;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li a {
    font-size: 22px;
    line-height: 18px;
    font-weight: 400;
    cursor: default;
}

.custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child {
    background: #f0eeef none repeat scroll 0 0;
    clear: both;
    float: left;
    margin: 15px 0 0;
    padding: 25px 0 0;
    width: 100%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li {
    background: #fff none repeat scroll 0 0;
    float: left;
    display: inline-block;
    margin: 0 25px 0 0;
    width: 200px;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li>a>span {
    line-height: 0;
    margin: 0 0 15px;
    display: block;
    cursor: pointer;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li>a>span>img {
    width: 100%;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li>a>h3 {
    font-size: 14px;
    height: 40px;
    margin: 0;
    font-weight: 400;
    color: #3a97b6;
    line-height: 20px;
    padding: 0px 12px 0;
    cursor: pointer;
}

.custom-menu-primary .hs-menu-wrapper>ul>li:hover>ul>li>ul>li>ul>li>a>h3:hover {
    color: #ff171c;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper>ul ul {
    border: 8px solid #6b6b6b;
    background: #fff;
    width: 100%;
    top: 46px;
    left: 0 !important;
}

.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:921px) {
    .custom-menu-primary .hs-menu-wrapper {
        display: block !important;
    }
}


/** FORM EMBED **/

.widget-type-blog_content form .hs-form-required {
    display: none;
}

.widget-type-blog_content form input:not([type="checkbox"]):not([type="submit"]) {
    height: 50px;
}

.widget-type-blog_content form li:before {
    display: none;
}

.widget-type-blog_content form .hs-error-msgs {
    font-size: 15px;
}

body.hs-blog-post .section.post-body form ul li {
    padding: 0;
}

.widget-type-blog_content form .hs-button {
    margin: 0;
    width: 100%;
    max-width: 250px;
}



/* ==========================================================================
   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: 920px) {


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

        {
        % set menuColorMobile="#fff" %
    }

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

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

    /* 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  */
        left: 12px;
        /*******************************************/
        width: auto;
        /* Button width */
        height: auto;
        /* Button height */
        padding: 11px 11px 10px 10px;
        background: transparent;
        /* Background color */
        border: 1px solid transparent;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;

        color: {
                {
                menuColorMobile
            }
        }

        ;
    }

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

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

        ;
        background-color: transparent;
        border-color: transparent;
    }

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

        ;
        background-color: #6b6b6b;
        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: 17px;
        /* Icon line width */
        height: 3px;
        /* Icon line height */
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        background-color: #fff;
        /* Icon color */
        display: inline-block;
    }

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

    .mobile-trigger i:after {
        top: 1px;
        /* 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: #fff;
        /* 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: 100% !important;
        /* Button width */
        min-width: 100% !important;
        height: 45px !important;
        /* Button height */
        padding: 0 !important;
    }

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

    .child-trigger i {
        position: relative;
        top: 50%;
        /* Centers icon inside button */
        margin: 0 auto !important;
        opacity: 0;
    }

    .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 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }


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

    .custom-menu-primary.js-enabled {
        position: relative;
    }

    /* 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: absolute;
        /**************************************************************/
        top: 40px;
        /* Positions the menu to drop from the very top of the screen */
        left: 12px;
        /**************************************************************/
        padding: 0;
        border: 2px solid #049fba;
        width: 353px;
    }

    .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:nth-child(2)>ul>li:nth-child(5)>ul {
        display: none !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>a>h2 {
        font-size: 22px;
        margin: 0;
        font-weight: 400;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child {
        border-top: 8px solid #6b6b6b;
        background: #f0eeef none repeat scroll 0 0;
        clear: both;
        float: left;
        margin: 15px 0 0;
        width: 100%;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul {
        display: block !important;
        padding: 0 0px 0 !important;
        float: left;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>u>li>a {
        font-size: 14px;
        line-height: 19.6px;
        padding: 10px 0px;
        color: #0d96d7 !important;

    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li {
        border-bottom: 1px solid #dedede;
        background: #f0f1f3;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li:hover {
        background: #e1e1e1;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li>a {
        font-size: 14px;
        line-height: 19.6px;
        padding: 10px 0px;
        color: #0d96d7 !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li:hover>a {
        color: #fb5f3f !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>.child-trigger {
        display: none !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul {
        display: block !important;
        padding: 0 15px 0;
        float: left;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>ul>li:last-child>ul>li {
        padding: 0 25px 0 10px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li>a {
        font-size: 15px;
        line-height: 18px;
        color: #0d96d7 !important;
        padding: 15px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul {
        padding: 10px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li:hover>a {
        background: #5b5c5e;
        color: #fff !important;
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li.child-open>a {
        background: #5b5c5e;
        color: #fff !important;
    }

    /* Level 1 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul li {}

    .custom-menu-primary .hs-menu-wrapper>ul li a {
        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 {
        padding: 0 30px;
    }

    .custom-menu-primary .hs-menu-wrapper>ul ul li a {
        font-size: 16px;
        line-height: 23px;
        padding: 10px 0px;
    }

    /* Level 3 and Higher Menu List Styles */
    .custom-menu-primary .hs-menu-wrapper>ul ul ul li a {}

    .custom-menu-primary .hs-menu-wrapper>ul ul ul ul li a {
        font-size: 14px !important;

    }
}

.blog-section-post {
    margin-top: 50px !important;
    /*margin-top: 0px !important;*/
}

.post-title h1 {
    font-size: 34px;
    color: #fd7601 !important;
}

/* MODIFICACIONES*/

.raya-separadora-mas {
    opacity: 0.3;
    width: 97%;
    float: left;
    margin: 0 0 25px 0;
}

.related {
    width: 33%;
    padding-right: 20px;
    margin-right: 2px;
}

.listado-principal {
    min-height: 360px;
    width: 33%;
}

.raya-separadora {
    opacity: 0.3;
    margin-top: 65px;
    margin-bottom: -25px;
}

.boton_mas_publicaciones {
    display: inline;
}

.mas-posts {
    float: right;
    margin-top: -45px;
    margin-right: 15px;
}

.fa {
    margin-right: 5px;
}

.social-icons {
    text-align: center;
}

.ultimos_posts {
    font-size: 18px;
    margin-top: 0;
    color: #000;
    border-left: 5px solid #fd7601;
    padding-left: 20px;
}

.ultimos_posts p {
    line-height: 20px;
}

.span12.widget-span.widget-type-blog_subscribe {
    margin-top: -20px;
    margin-bottom: 20px;
}

.modulo_suscripcion {
    background-color: #eee;
    padding: 10px 10px 10px 20px;
    border-top: 4px solid #fd7601;
    line-height: 22px;
}

.modulo_buscar {
    background-color: #ff7406;
    padding: 10px 10px 10px 20px;
    /* border-top: 4px solid #fd7601; */
    line-height: 22px;
    margin-bottom: -25px;
    color: #fff;
    text-align: center;
}

.hs-search-module {
    background-color: #ff7406;

}

.post-body h2 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #fd7601;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}

hr {
    opacity: 0.3;
}

.hs-blog-post .hot-post-header {
    display: none;
}

.hs-blog-post .body-container {
    margin-top: 50px;
}

a.hs-button.primary:hover {
    background: #c55e04;
    cursor: pointer;
}

a.hs-button.primary {
    background-color: #fd7601;
    margin: 0 auto;
    text-align: center;
    width: 40%;
    margin-top: 20px;
    cursor: pointer;
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
    .hot-post-header {
        /* SERGIO: NUEVA CABECERA DEL BLOG */
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/slider_blog_grande_azul.jpg');*/
        /*background-image:url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/nuevo_slider_blog_grande.jpg');*/
        background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog/Cabeceras/header-blog-grande.jpg');
        height: 299px;
    }


}

/**/

.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 {
    font-size: 13.5px;
}

select {
    border-color: #cccccc;
    border: 0;
    outline: 1px solid #fff;
    background-color: white;
    height: 30px;
    -webkit-appearance: button;
    border-radius: 0px !important;
}

.span9.widget-span.widget-type-cell.blog-content {
    margin-top: 27px;
}

.span9.widget-span.widget-type-cell {
    margin-top: 27px;
}

.comment.depth-0:first-child {
    margin-top: 60px !important;

}

label span,
legend.hs-field-desc {
    color: #747474;
    font-family: Verdana;
    font-weight: 200;
    font-size: 13px;
}


textarea,
input[type="text"],
input[type="email"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    height: 30px;
}

.modal {
    display: none;
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    left: 0;
    width: 660px;
    height: 400px;
    margin: 0 auto !important;
    background-color: #fff;
    max-width: 940px;
    max-height: 100%;
    padding: 12px 12px 12px 12px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #fff !important;
    z-index: 10000;
    border-radius: 0 !important;
    height: 385px;
    cursor: auto;
}

.modal-close {
    text-decoration: none;
    color: #fe7502 !important;
    position: fixed;
    cursor: pointer;
    font-weight: 900;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    margin-left: -10px;
    margin-top: -5px;
}

.span12.widget-span.widget-type-blog_subscribe.form-sidebar span {
    color: #fff;
    font-weight: 900;
}

/* SERGIO: COLOR BLANCO EN EL ENLACE DE LA POLÍTICA DE PRIVACIDAD DEL FORMULARIO DE SUSCRIPCIÓN AL BLOG, NO SE VEÍA*/
.span12.widget-span.widget-type-blog_subscribe.form-sidebar span a {
    color: #fff;
    text-decoration: underline;
}

#hs_form_target_module_14640001733691 legend.hs-field-desc {
    color: #fff;
    font-weight: 900;
}

.span12.widget-span.widget-type-blog_subscribe span {
    color: #fff;
    font-weight: 900;
}


legend.hs-field-desc {
    color: #fff;
    font-weight: 900;
}

.hs_politica_de_privacidad ul.inputs-list {
    list-style: none;
    padding-left: 0px;
    /*width:100%;
   margin-left: -18%;*/

}

/*Embed videos*/
.hs-responsive-embed iframe {
    height: 400px;
}

/*
input#politica_de_privacidad-b04bd54e-e97b-4ea7-b770-c9833f2d713e {
    -webkit-appearance: checkbox !important;
    box-sizing: border-box !important;
}*/

@media screen and (max-width: 720px) {
    .blog-section-post {

        margin-top: -85px !important;
    }
}

@media screen and (min-width: 720px) {
    .blog-section-post {

        margin-top: 0px !important;
    }
}

/*NUEVO 2025*/
.cabecera {
    position: relative;
    background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Blog%20contenidos_FOTOS/Tolox.png');
    background-size: cover;
    padding: 100px 0px;
    padding-bottom: 30px;
    color: white;
    display: flex !important;
    align-items: flex-end;
    /justify-content: space-between;
    height: 350px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto !important;
    max-width: 1400px;
    justify-content: space-between;
    float: none !important;
}

.cabecera::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 1000px;
    height: 100px;
    /* Ajusta la altura según necesites */
    background-image: url('https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/Trazado%205.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.cabecera__contenido {
    max-width: 50%;
    text-align: left;
    padding: 0px 50px;
    z-index: 99;
    min-height: 300px;
    /*position: absolute;*/
    /* bottom: -100px;*/
    margin-bottom: -65px;
}

.cabecera__contenido h1 {
    font-size: 50px;
}

.cabecera__contenido h2 {
    color: #fab337;
    font-size: 30px;
}

.cabecera__contenido p {
    float: left;
    color: black;
    width: 50%;
    margin-left: 20px;
    margin-top: 60px;
    line-height: 20px;
}


.cabecera .blog-text {
    color: #f47920;
    font-size: 75px;
    font-weight: bold;
    float: left;
    margin-bottom: -30px;
}

.formulario {
    background-color: #f47920;
    padding: 20px;
    border-radius: 10px;
    /*position:absolute;
    right:0;*/
    width: 20%;
}

.hs-richtext {
    font-size: 12px;
    line-height: 14px;
    text-align: left;
}

.hs_cos_wrapper_type_blog_subscribe h3 {
    display: none;
}

.hs-form-booleancheckbox span {
    color: white;
    font-size: 12px;
}

.hs-form-booleancheckbox a {
    color: white;
    text-decoration: underline;
}

.hs-button {
    text-align: left;
    padding: 5px 15px;
}

.hs-email label {
    display: none;
}

.hs-hs_persona label {
    display: none;
}

.hs-email .input {
    margin-bottom: 10px;
}

.hs-search-field.hs-search-field--initialized {
    width: 25%;
    float: right;
    margin-top: 20px;
}

.hs-search-field__form input {
    border: 3px solid #d7d7d7;
    padding: 10px;
}

.layout {
    display: flex;
    align-items: stretch;
    /* Asegura que ambas columnas tengan la misma altura */
    margin: 0 auto;
    max-width: 1400px;
    gap: 40px;
    margin-top: 80px;
    /* Aumenta el espacio con el título BLOG */
}

.layoutgap0 {
    display: flex;
    align-items: stretch;
    /* Asegura que ambas columnas tengan la misma altura */
    margin: 0 auto;
    max-width: 1400px;
    gap: 0px;
    margin-top: 80px;
    /* Aumenta el espacio con el título BLOG */
}

.grow3 {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: 8px;
    /* Reduce espacio entre título y párrafo */
}

.grow1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* Alinea con la imagen de la izquierda */
    gap: 8px;
}

.grow1.golf {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* Alinea con la imagen de la izquierda */
    gap: 20px;
}

.grow1.golf h2 {
    margin-top: 0px;
}

.grow2 {
    gap: 0px;
    flex: 2;
}

/* Reducir espacio entre título y párrafo */
.grow3 h2,
.grow1 h2,
.grow2 h2 {
    margin-bottom: 4px;
    /* Ajuste fino para que no haya separación excesiva */
    font-size: 32px;
}

/* Espacio entre párrafo e imagen */
.grow3 p,
.grow1 p,
.grow2 p {
    margin: 0px;
    font-size: 18px;
}

.bgorange {
    background-color: #FDEBD3;
    padding: 30px;

}

.grow3.borderleft {
    padding-left: 40px;
    border-left: 10px solid orange;
    flex: 2.5;
}

.grow3.borderright {
    padding-right: 40px;
    border-right: 10px solid orange;
}

/*pruebasblog*/
.blog-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0px;
}

.category-row {
    display: flex;
    gap: 20px;
}

.full-width {
    flex-direction: column;
}

.two-columns {
    display: flex;
    justify-content: space-between;
}

.category-block {
    border-radius: 10px;
    width: 100%;
}

.two-columns .category-block {
    width: 48%;
    /* Para que ocupen la mitad del ancho */
}

.category-block h1 {
    font-size: 24px;
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.post-list {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.subcategorias .post-item {
    width: 23%;
}

.ferie .post-item {
    width: 48%;
    padding: 0px;
}

.idiomatic .post-item {
    width: 100%;
    padding: 0px;
}

.category-block h2 {
    font-size: 32px;
}

.post-item h3 {
    font-weight: 500;
    color: #07090B;
    margin: 0;
}

.post-item p {
    line-height: 20px;
    color: #07090B;
}

.category-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.view-all-link {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #e67e22;
    /* Color naranja */
    transition: color 0.3s ease;
}

.view-all-link:hover {
    color: #d35400;
    /* Color más oscuro al pasar el ratón */
}

.category-header a {
    color: #d35400;
    margin-top: 10px;
    margin-left: 20px;
}

.post-date {
    margin-bottom: 0px;
    color: #d35400 !important;
}

.category-block.idiomatic {
    background: #FEF5E8;
    padding: 0px 30px;
}

/*.sol-y-playa {
    background: #f8f1e7;
    padding: 30px;
}*/
.escapadas {
    border-left: 10px solid #e67e22;
    padding: 30px;
}

/*REVISAR CSS PARA NO DUPLICAR */
/* 🔹 Sección de Sol y Playa */
.custom-category-row.sol-y-playa {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: #FEF5E8;
    /* Color de fondo */
    border-radius: 8px;
    margin-bottom: 40px;
}

/* 🔹 Header de la categoría */
.custom-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.custom-category-header h2 {
    font-size: 32px;
    font-weight: bold;
}

/* 🔹 Enlace "Ver todos" */
.custom-view-all {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #e67e22;
}

.custom-view-all:hover {
    color: #d35400;
}

/* 🔹 Diseño del listado de posts */
.custom-post-list {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

/* 🔹 Cada publicación */
.custom-post-item {
    display: flex;
    width: 48%;
}

/* 🔹 Contenido del post */
.custom-post-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.custom-post-content img {
    width: 180px;
    height: auto;
    border-radius: 5px;
    object-fit: cover;
}

/* 🔹 Texto del post */
.custom-text-content {
    flex: 1;
}

.custom-post-date {
    font-size: 14px;
    color: #d35400;
    margin-bottom: 5px;
}

.custom-post-item h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    color: #07090B;
}

.custom-post-item p {
    font-size: 16px;
    color: #07090B;
    line-height: 1.4;
}

.category-header h2 {
    font-size: 32px;
}

.custom-post-content img {
    width: 180px;
    height: 200px;
    /* border-radius: 5px; */
    object-fit: cover;
}

.blog-listing-wrapper.cell-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.custom-post-content.reverse {
    display: flex;
    gap: 80px;
    flex-direction: row-reverse;
}

.fullreverse .post-item {
    width: 100%;
    padding: 0px;
}

.reverse img {
    width: 100% !important;
    height: auto;
}

.reverse .category-header h2 {
    font-size: 32px !important;
    color: #07090B;
    font-weight: 600;
}

.blog-listing-wrapper.cell-wrapper {
    border-right: 10px solid orange;
    padding-right: 40px;
}

/*sidebar*/
/* 🔹 Contenedor del Sidebar */

.custom-sidebar {
    width: 200px;
    transition: all 0.3s ease-in-out;
}

.custom-sidebar.sticky {
    position: fixed;
    top: 280px;
    /* Se queda fijo en esta posición al hacer scroll */
}


/* 🔹 Estilos del menú */
.custom-sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-sidebar-menu li {
    margin-bottom: 10px;
}

/* 🔹 Estilos de los enlaces */
.custom-sidebar-menu a {
    display: block;
    text-decoration: none;
    color: #07090B;
    font-size: 20px;
    font-weight: normal;
    padding: 8px 10px;
    background: #FDEBD3;
    border-radius: 5px;
    text-align: left;
    transition: background 0.3s ease, color 0.3s ease;
}

.custom-sidebar-menu a:hover {
    background: #e67e22;
    color: white;
}

.cabecera.telecommuting {
    background-image: url(https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/telecommunications.webp);
}

.cabecera.idiomatic {
    background-image: url(https://1995901.fs1.hubspotusercontent-na1.net/hubfs/1995901/idiomatic.webp);
}



/* 🔹 Contenedor del menú */
.main-nav {
    display: flex;
    justify-content: flex-end;
    /* Alinea el menú a la derecha */
    align-items: center;
    padding-right: 20px;
    /* Espaciado respecto al borde derecho */
}

/* 🔹 Lista del menú */
.nav-list {
    list-style: none;
    display: flex;
    gap: 25px;
    /* Espaciado entre elementos */
    padding: 0;
    margin: 0;
}

/* 🔹 Estilo de los enlaces */
.nav-list li a {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    /* Color de los enlaces */
    transition: color 0.3s ease-in-out;
}

/* 🔹 Cambio de color en hover */
.nav-list li a:hover {
    color: #e67e22;
    /* Color naranja en hover */
}

/* 🔹 Responsivo: Ocultar en móviles */
@media (max-width: 768px) {
    .custom-sidebar {
        display: none;
    }
}

.blog-listing-wrapper.cell-wrapper {
    margin-top: 30px;
}

.spacermenu {
    margin-bottom: 10px;
}

.category-block.idiomatic.bloquesub {
    background: no-repeat;
}

.bloquesub.idiomatic .post-item {
    width: 23%;
    padding: 0px;
}

/*MOBILE*/
@media (max-width: 768px) {
    .telecommuting .post-item {
        width: 100%;
        padding: 0px 30px;
    }

    .subcategorias .post-item {
        width: 100%;
        padding: 0px 30px;
    }

    .two-columns {
        flex-direction: column;
    }

    .ferie .post-item {
        width: 100%;
        padding: 0px 30px;
    }

    .category-header {
        padding: 0px 30px;
    }

    .idiomatic .category-header {
        padding: 0px;
    }

    .custom-post-list {
        flex-direction: column;
    }

    .custom-post-content {
        flex-direction: column;
    }

    .custom-category-row.sol-y-playa {
        display: flex;
        flex-direction: column;
        padding: 0px 30px;
        background: none;
    }

    .custom-post-content img {
        width: 100%;
        height: 200px;
    }

    .custom-post-content.reverse {
        display: flex;
        gap: 20px;
        flex-direction: column-reverse;
        padding: 0px 30px;
    }

    .category-header a {
        margin-right: 20px;
    }

    .cabecera::after {
        display: none;
    }

    .cabecera__contenido {
        max-width: 100%;
        text-align: left;
        padding: 0px 20px;
        z-index: 99;
        min-height: 300px;
        margin-bottom: -65px;
    }

    .cabecera {
        flex-direction: column;
    }

    .cabecera__contenido p {
        color: white;
        width: 90%;
        margin-left: 20px;
        margin-top: 0px;
    }

    .formulario {
        width: 100%;
        z-index: 99;
    }

    .blog-listing-wrapper.cell-wrapper {
        border-right: none;
        padding-right: 0px;
    }

    .two-columns .category-block {
        width: 100%;
    }

}

@media (max-width: 768px) {
    .layout {
        flex-direction: column;
        padding: 40px;
    }

    .layoutgap0 {
        flex-direction: column;
    }

    .cabecera__contenido {
        width: 90%;
        margin-bottom: 0px !important;
    }

    .cabecera__contenido p {
        margin: 0px !important;
    }

    .cabecera .blog-text {
        line-height: 70px;
        margin: 0;
    }
}

a {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    transition: color 0.3s ease-in-out;
}

a:hover {
    color: #e67e22;
}

.logo {
    background-image: none !important;
}

@media (max-width: 768px) {
    .logo img {
        max-width: 400px !important;
    }
}

.cabecera.mice h1 {
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .formulario {
        display: none;
        !important
    }

    .layout {
        margin-top: 0;
        !important
    }
}

@media screen and (max-width: 767px) {
    .main-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        white-space: nowrap;
        position: relative;
        background-color: #f8f8f8;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .nav-list {
        display: flex;
        flex-wrap: nowrap;
        padding: 5px 0;
    }

    .nav-list li {
        flex: 0 0 auto;
    }

    .nav-list a {
        padding: 10px 12px;
        font-size: 0.9em;
        white-space: nowrap;
    }

    .layoutgap0 {
        margin-top: 0px;
    }
}

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