/* =========================================================
 * Template Customization
 * ====================================================== */

/* ---------------------------------------------------------
 * This colors is used as background color for the header,
 * the footer and other sections. Also for some texts in 
 * the Homepage, and the main texts in the blog and landing 
 * pages. Also for some buttons, etc. */
   
  

/* ---------------------------------------------------------
 * This colors is used as background color for the header
 * and other sections. Also for some titles, links, buttons 
 * and arrows as bullet points. */

  

/* ---------------------------------------------------------
 * This colors is used in titles and texts. Also for the 
 * icons on one section in the Homepage. */
  
    

     
/* ============================================================
 * Styles
 * ========================================================= */
 
  /* =========================================================
 * HubSpot Requireds
 * ====================================================== */

  /* Images */

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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

/* =========================================================
 * InboundCycle Requireds
 * ====================================================== */
 
 /* ------------------------------------------------------------
 * Fonts */
 
  @font-face {
  font-family: 'brandon_grotesque';
  src: url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/brandon_reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
  

@font-face {
  font-family: "brandon_grotesque_light";
  src: url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Light.eot");
  src: url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Light.eot#iefix") format("embedded-opentype"), url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Light.woff") format("woff"), url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Light.woff2") format("woff2"), url("../fonts/BrandonGrotesque-Light.ttf") format("truetype"), url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Light.svg#svg-brandon_grotesque_light") format("svg"); }


@font-face {
  font-family: "brandon_grotesque_medium";
  src: url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Medium.eot");
  src: url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Medium.eot#iefix") format("embedded-opentype"), url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Medium.woff") format("woff"), url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Medium.woff2") format("woff2"), url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Medium.ttf") format("truetype"), url("https://235604.fs1.hubspotusercontent-na1.net/hubfs/235604/fonts/BrandonGrotesque-Medium.svg#svg-brandon_grotesque_medium") format("svg"); }


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
  
/* ------------------------------------------------------------
 * Globals */

  /* @group [ style.globals.css ] ============================= */
/* @group Layout -------------------------------------------- */

	* {
		-webkit-font-smoothing: antialiased;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.004) }

	html, body {
		margin: 0;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		color: #374042;
		background: transparent; }

	a,
	a:checked,
	a:active {
		color: #ff4e50;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease }

	a:hover {
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease }


	h1 {
		margin: 20px 0;
		color: #ff4e50;
		font-size: 52px;
		font-weight: 600;
		letter-spacing: -1.5px;
		line-height: 110% }

	h2 {
		margin: 20px 0;
		color: #374042;
		font-size: 38px;
		font-weight: 600;
		letter-spacing: -0.5px }

	h3 {
		margin: 20px 0;
		color: #374042;
		font-size: 28px;
		font-weight: 600;
		letter-spacing: -0.5px }

	.subtitle {
		margin: 0 0 30px 0;
		color: #374042;
		font-size: 28px;
		font-weight: 200;
		letter-spacing: -0.5px;
		opacity: 0.5 }

	p {
		margin: 0 0 20px 0;
		font-weight: 400;
		line-height: 150% }

	.widget-span {
		min-height: 0px!important }

	.widget-type-space {
		border: 1px solid transparent }

	.module {
		overflow: hidden }

	.wrapper {
		float: none!important;
		padding: 60px;
		margin: 0 auto!important;
		max-width: 1200px }

	.hs_cos_wrapper_type_rich_text ul {
		padding: 0;
		margin: 30px 0;
		list-style: none }

	.hs_cos_wrapper_type_rich_text ul ul {
		margin: 12px 0 }

	.hs_cos_wrapper_type_rich_text li {
		padding: 0 0 0 16px;
		margin: 0 0 10px 0;
		line-height: 140% }

	.hs_cos_wrapper_type_rich_text li:before {
		margin: 0 12px 0 0;
		float: left;
		font-family: "FontAwesome";
		content: "\f10c";
		color: #ff4e50 }

	.hs_cos_wrapper_type_rich_text li li:before {
		content: "\f1db";
		opacity: 0.5 }

	.clearfix:before,
	.clearfix:after {
	  content: " ";
	  display: table }

	.clearfix:after {
	  clear: both }

/* @end */
/* @group Social Icons -------------------------------------- */

	.hs_cos_wrapper_type_social_sharing a {
		margin: 0 2px;
		width: 42px!important;
		text-decoration: none;
		display: inline-block }

	.hs_cos_wrapper_type_social_sharing a img {
		display: none }

	.hs_cos_wrapper_type_social_sharing a:before {
		display: block;
		color: #374042;
		font-size: 18px;
		font-family: 'FontAwesome';
		width: 38px;
		height: 38px;
		border: 2px solid #374042;
		border-radius: 50%;
		line-height: 220%;
		text-align: center!important;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease }

	.hs_cos_wrapper_type_social_sharing a:hover:before {
		color: #ffffff;
		background-color: #374042 }

	.hs_cos_wrapper_type_social_sharing a.facebook:before 	{ content: '\f09a' }
	.hs_cos_wrapper_type_social_sharing a.linkedin:before 	{ content: '\f0e1' }
	.hs_cos_wrapper_type_social_sharing a.twitter:before 		{ content: '\f099' }
	.hs_cos_wrapper_type_social_sharing a.googleplus:before { content: '\f0d5' }
	.hs_cos_wrapper_type_social_sharing a.pinterest:before 	{ content: '\f231' }
	.hs_cos_wrapper_type_social_sharing a.email:before 			{ content: '\f003' }

	/* Follow Me Module */

	.hs_cos_wrapper_type_follow_me .fm_button span {
		display: block;
		margin: 0 3px;
		width: 38px;
		height: 38px;
		color: #ffffff;
		font-size: 16px;
		font-family: 'FontAwesome';
		text-align: center;
		border: 2px solid #ffffff;
		border-radius: 50%;
		line-height: 210%;
		background: none!important }

	.hs_cos_wrapper_type_follow_me .fm_button:hover span {
		background-color: rgba(255, 255, 255, .20)!important }

	.hs_cos_wrapper_type_follow_me .fm_twitter span:before 		{ content: '\f099' }
	.hs_cos_wrapper_type_follow_me .fm_linkedin span:before 	{ content: '\f0e1' }
	.hs_cos_wrapper_type_follow_me .fm_facebook span:before 	{ content: '\f09a' }
	.hs_cos_wrapper_type_follow_me .fm_youtube span:before 		{ content: '\f16a' }
	.hs_cos_wrapper_type_follow_me .fm_googleplus span:before { content: '\f0d5' }
	.hs_cos_wrapper_type_follow_me .fm_rss span:before 				{ content: '\f09e' }

/* @end */

/* @group Page 404 ---------------------------------------- */

.error-page .image-parallax.module {
  height: 335px; 
}

.error-page .title span {
    display: block;
    margin-top: 120px !important;
    padding: 10px;
    font-size: 72px;
    font-family: 'brandon_grotesque_light',sans-serif;
    font-weight: 200;
    text-align: center;
    color: white;
}
.error-page .title span:before {
    font-family: 'FontAwesome';
    content: "\f06a";
    display: block;
    font-size: 62px;
    text-shadow: 0x 2px 1px rgba(0,0,0,.25) !important;
    text-align: center;
    width: 100%;
}

.error-page .buttons-404 {
  margin: 40px;
  display: flex;
  justify-content: center; 
}

.error-page .buttons-404 span{
  margin-top: -10px;
  font-style: italic;
}

.error-page .buttons-404 .button--sic, .error-page .buttons-404 .button--sim {
   display: flex;
   flex-direction: column;
   width: 250px;
}
.error-page .buttons-404 .button--sim a{
   padding: 20px;
   background: black;
   color: white !important;
   text-transform: uppercase;
   margin: 20px; 
}

.error-page .buttons-404 .button--sic a {
   padding: 20px;
   background: #008fc6;
   color: white !important;
   text-transform: uppercase;
   margin: 20px; 
}

.error-page .buttons-404 a:hover {
  opacity: 0.5; 
}

/* @end */

/* @group Responsive ---------------------------------------- */

	@media ( max-width: 768px ) {

		.wrapper {
			padding: 30px }

		h1 {
			margin: 16px 0;
			font-size: 42px;
			letter-spacing: -1.2px }

		h2 {
			margin: 16px 0;
			font-size: 32px;
			letter-spacing: -0.4px }

		h3 {
			margin: 16px 0;
			font-size: 28px;
			letter-spacing: -0.4px }

		.subtitle {
			margin: 0 0 20px 0;
			font-size: 24px;
			letter-spacing: -0.4px }

	}

	@media ( max-width: 520px ) {

		.wrapper {
			padding: 40px 16px }

	}


/* @end */
/* @end */
  /* @group [ style.footer.css ] ============================== */
/* @group Layout -------------------------------------------- */
    
	.footer-container-wrapper {
		padding: 60px;
		background-color: #374042 }
	
	.footer-container {
		margin: 0 auto;
		max-width: 1082px;
		color: #fff }
	
	.footer-container .copyright {
		text-align: center }
	
	.footer-container .follow {
		text-align: right }

/* @end */
/* @group Responsive ---------------------------------------- */
    
	@media (max-width:768px) {

		.footer-container {
			text-align: center }
		
		.footer-container .logotype {
			margin: 0 0 15px 0 }

		.footer-container .copyright {
			font-size: 14px;
			opacity: 0.5;
			margin: 0 0 60px 0 }
		
		.footer-container .follow.module {
			text-align: center }
            
	}

/* @end */
/* @end */
  /* @group [ style.topbar.css ] ============================== */
/* @group Layout -------------------------------------------- */

	.header {
		position: fixed!important;
		min-width: 100%;
		top: 0;
		left: 0;
		padding: 24px 60px 12px;
		z-index: 999;
		background-color: #ff4e50 }

	.header .frame {
		float: none;
		margin: 0 auto!important;
		max-width: 1082px }

/* @end */
/* @group Logotype ------------------------------------------ */

	.header .logotype {
		text-align: left }

/* @end */
/* @group Menu ---------------------------------------------- */

	.header .menu {
		text-align: left; /*right*/ }

	.header .menu ul {
		float: none; /*right*/
		overflow: visible }

	.header .menu ul li {
		margin: 0 0 0 0px }

	.header .menu ul li a {
		padding: 0;
		max-width: 100%!important;
		width: auto!important;
		color: #fff;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: 500;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease }

	.header .menu ul li a:hover {
		opacity: 0.6 }

	.header .menu ul li.active a,
	.header .menu ul li.active-branch a {
		opacity: 0.5; }

	.header .menu ul li > ul {
		padding-top: 10px;
		text-align: left }

	.header .menu ul li > ul li  {
		margin: 0;
		border-bottom: solid 1px #666666;}

	.header .menu ul li > ul li a {
		padding: 10px 40px 10px 12px;
		background-color: #374042 }

	.header .menu ul li > ul li a:hover {
		color: #ff4e50;
		opacity: 1;
		background-color: #ffffff }
	
/* @end */
/* @group Responsive ---------------------------------------- */
	
	@media (min-width:769px) {
  
		.header .menu {
			display: block!important }

    .header .menu ul{
      margin-left: -15px!important;
    }

    .header .menu ul ul{
      margin-left: 0px!important;
    }

	}

	@media (max-width:768px) {

		.header {
			padding: 24px 30px }

		.header .menu {
			display: none;
			position: absolute;
			left: 0;
			width: 100%;
			background-color: rgba(0,0,0,0.90) }

		.header .menu ul {
			float: none;
			width: 100%;
			text-align: left }

		.header .menu ul li {
			float: none;
			width: 100%;
			margin: 0;
			border-top: 1px solid rgba(255,255,255,0.20) }			

		.header .menu ul li a {
			display: block;
			padding: 16px;
			font-size: 15px;
			font-weight: 600 }

		.header .menu ul li a:hover {
			color: #ff4e50;
			opacity: 1;
			background-color: #ffffff }

		.header .menu ul li > ul {
			position: relative!important;
			visibility: visible!important;
			opacity: 1!important;
			padding: 0 }

		.header .menu ul li > ul li a {
			display: block;
			padding: 16px;
			font-size: 15px;
			font-weight: 400;
			opacity: 0.6;
			background-color: transparent }
	}

	@media ( max-width: 520px ) {

		.header {
			padding: 16px }
		
	}

/* @end */
/* @end */
  /* @group [ style.forms.css ]================================ */
/* @group Fields -------------------------------------------- */
    
	.form-title {
		margin: 0 0 30px 0;
		color: #ff4e50; }
	
	.hs-form-field {
		display: block;
		margin: 0 0 15px 0 }
	
	.hs-form-field label {
		display: block;
		margin-bottom: 6px;
		font-weight: 600 }
	
	.hs-form-field label .hs-form-required {
		margin: 0 0 0 2px }

	.hs-form-field .input {
		margin: 0!important }
	
	.hs-form-field .hs-input {
		display: inherit;
		margin: 0;
		padding: 10px 10px!important;
		color: #374042;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		border: 1px solid #ddd;
		border-radius: 3px!important;
		box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);
		outline: none;
		background-color: #ffffff;
		-webkit-transition: all 0.2s ease; 
		-moz-transition: all 0.2s ease; 
		transition: all 0.2s ease }
	
	.hs-form-field select.hs-input {
		height: 44px }
	
	.hs-form-field .hs-input:hover {
		border-color: #ccc }

	.hs-form-field .hs-input:focus {
		border-color: #bbb; }

	.hs-form-field .hs-input.error,
	.hs-form-field .hs-input.error:hover,
	.hs-form-field .hs-input.error:focus {
		border-color: #f1d375;
		border-radius: 2px 2px 0 0!important;	}

/* @end */
/* @group Lists --------------------------------------------- */
	
	.inputs-list {
		margin: 10px 0;
		padding: 0px;
		list-style: none }
	
	.inputs-list li {
		margin: 0 0 5px 0 }
	
	.inputs-list li label {
		display: inline;
		font-weight: 400;
		/*opacity: 0.6 */
  }
	
	.inputs-list li.hs-form-radio input,
	.inputs-list li.hs-form-checkbox input,
	.inputs-list li.hs-form-booleancheckbox input {
		float: left;
		margin: 2px 5px 2px 1px }
	
	.inputs-list.hs-error-msgs {
		margin: 0;
		border-radius: 0 0 2px 2px;
		background-color: #f1d375 }
	
	.inputs-list.hs-error-msgs li {
		padding: 8px 10px 10px 10px }
	
	.inputs-list.hs-error-msgs li label {
		margin: 0;
		opacity: 1;
		font-size: 14px;
		color: #9c780a }

/* @end */
/* @group Buttons ------------------------------------------- */
	/*
	.button,
	.hs-button {
		display: inline-block;
		text-decoration: none;
		text-align: center;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px;
		-webkit-transition: all 0.2s ease; 
		-moz-transition: all 0.2s ease; 
		transition: all 0.2s ease;
		cursor: pointer }
	
	.button {
		padding: 10px 16px }
	
	.button.primary {
		color: #fff;
		border-color: #374042;
		background-color: #374042 }

	.button.primary:hover {
		color: #fff;
		border-color: #ff4e50;
		background-color: #ff4e50 }
	
	.button.secundary {
		color: #fff;
		border-color: #ff4e50;
		background-color: #ff4e50 }
	
	.button.secundary:hover {
		color: #fff;
		border-color: #374042;
		background-color: #374042 }

	.button.tertiary {
		color: #374042;
		border-color: #374042;
		background-color: none }

	.button.tertiary:hover {
		color: #fff;
		background-color: #374042 }

	.hs-button {
		display: inline-block;
		padding: 16px 60px;
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		border: 2px solid #ff4e50;
		background-color: #ff4e50  }

	.hs-button:hover {
		border-color: #374042;
		background-color: #374042 }

	.hs_submit .actions {
		margin: 20px 0 0 0;
		text-align: center }
		
		*/
		
/* @end */
/* @group Columns ------------------------------------------- */
	
	.form-columns-2,
	.form-columns-3 {
		min-width: 100% }
	
	.form-columns-2 .hs-form-field,
	.form-columns-3 .hs-form-field {
		padding: 0 10px;
		box-sizing: border-box }
	
	.form-columns-2 .hs-form-field:first-child,
	.form-columns-3 .hs-form-field:first-child {
		padding-left: 0 }
	
	.form-columns-2 .hs-form-field:last-child,
	.form-columns-3 .hs-form-field:last-child {
		padding-right: 0px }
	
/* @end */
/* @end */
  /* @group [ style.cta.css ] ================================= */
/* @group Layout -------------------------------------------- */
	
  .cta.btn-default,
	.cta.btn-light {
		display: inline-block;
		padding: 20px 60px;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		font-size: 18px;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		border: 2px solid #ffffff;
		border-radius: 4px;
		-webkit-transition: all 0.2s ease; 
		-moz-transition: all 0.2s ease; 
		transition: all 0.2s ease }

	.cta.btn-default {
		color: #fff;
		border-color: #374042;
		background-color: #374042 }
	
	.cta.btn-default:hover {
		color: #fff;
		border-color: #ff4e50;
		background-color: #ff4e50 }


/* @end */
/* @end */

/* ------------------------------------------------------------
 * Modules */

  /* @group [ style.module.basic-content.css ] ================ */
	
	.basic-content.module h1 {
		margin-top: 0 }

/* @end */
  /* @group [ style.module.image-parallax.css ] =============== */
/* @group Layout -------------------------------------------- */

	.image-parallax.module {
		/*background-color: rgba(0,0,0,.25)*/ }

	.image-parallax.module,
	.image-parallax.module .image-parallax-wrapper {
		height: 200px }
	
	.image-parallax.module .image-parallax-wrapper {
		float: none;
		max-width: 1140px;
		margin: 0 auto;
		text-align: center }
	
	.image-parallax.module .image-parallax-wrapper .title {
		margin: 60px 0 0 0;
		color: #fff;
		font-weight: bold;
		font-size: 62px;
		text-shadow: 0x 2px 1px rgba(0,0,0,1) }
	
	.image-parallax.module .image-parallax-wrapper .title span {
		text-shadow: 0 0 20px rgba(0,0,0,0.60) }

/* @end */
/* @group Responsive ---------------------------------------- */

	@media (max-width:768px) {
	
		.image-parallax.module {
			height: 160px }
		
		.image-parallax.module .image-parallax-wrapper .title {
			font-size: 42px }
		
	}

	@media (max-width:520px) {
	
		.image-parallax.module {
			height: 120px }
		
		.image-parallax.module .image-parallax-wrapper .title {
			margin-top: 40px;
			font-size: 25px }
		
	}

/* @end */
/* @end */
  /* @group [ style.module.share.css ] ======================== */
/* @group Layout -------------------------------------------- */
    
	.share.module {
		background-color: #f1f1f1 }
	
	.share.module .share-wrapper {
		padding: 60px;
		text-align: center }
	
	.share.module .label {
		display: block;
		margin: 0 0 30px 0;
		color: #374042;
		font-size: 18px }

/* @end */
/* @group Responsive ---------------------------------------- */

	@media (max-width:520px) {
	
		.share.module .share-wrapper {
			padding: 40px 30px }
		
		.share.module .label {
			font-size: 18px }
	
	}
		
/* @end */
/* @end */
  /* @group [ globals-stickycolumns.css ]====================================== */

  #ic-sticky-relative{
    position:relative;
  }

  #ic-sticky{
    position: absolute;
    transition: .0s;
  }


  #ic-sticky-wrapper{
    position: absolute;
    width: 100%;
  }


  /* Responsive ------------------------------------------------------------*/
  @media ( max-width: 935px ){
      #ic-sticky{
        width:100%!important;
        max-width:345px!important;
      }
  }
  @media ( max-width: 767px ){
    
      #ic-sticky-relative,
      #ic-sticky,
      #ic-sticky-wrapper{
        position: relative;
      }
    
      #ic-sticky{
        width:100%!important;
        max-width:435px!important;
      }
  }
/* @end */
  /* @group [ style.hero.css ] ============================== */

/* @group Hero ---------------------------------------------------------------*/

	.hero{
		padding: 0;
		background: #ddd;
    background-size: cover;
    background-position: center center;
	}
	.hero .wrapper{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.hero .wrapper.title-center{
		text-align: center;
    padding: 60px 0;
	}

	.hero .hero-ebook{
		text-align: center;
	}

  .hero .hero-background-image{
		display:none;
  }


/* @end */

/* ------------------------------------------------------------
 * Templates */

  /* @group [ style.template.landing-page.css ] =============== */
/* @group Layout -------------------------------------------- */


/* @end */
/* @group Responsive ---------------------------------------- */

	@media ( max-width: 768px ) {
		
	}

	@media ( max-width: 520px ) {
	
	}

/* @end */	
/* @end */
  /* @group [ style.template.thank-you-page.css ] ============= */
/* @group Layout -------------------------------------------- */
	
	.thank-you-page .basic-content.module h1,
	.thank-you-page .basic-content.module .subtitle {
		text-align: center }
	
	.thank-you-page .cta-download {
		text-align: center;
		padding: 40px 0 60px 0 }

/* @end */
/* @group Responsive ---------------------------------------- */

	@media ( max-width: 768px ) {
		
	}

	@media ( max-width: 520px ) {
		
		.thank-you-page .cta-download {
			padding: 30px 0 40px 0 }
		
	}

/* @end */	
/* @end */
  /* @group [ style.template.blog.css ] ======================= */
/* @group Layout -------------------------------------------- */

	/* Post Meta */

		.blog .post-meta {
			margin: 0 0 30px 0;
			height: 20px }

		.blog .post-meta > span {
			display: inline }

		.blog .post-meta .post-meta-author .post-meta-author-avatar img {
			float: left;
			margin: -12px 12px 0 0;
			width: 46px;
			height: 46px;
			border-radius: 50% }

		.blog .post-meta .post-meta-topics {
			margin-left: 8px;
			padding-left: 12px;
			border-left: 1px solid #ccc }

		.blog .post-meta .post-meta-topics a {
			text-decoration: none }

		.blog .post-meta .post-meta-topics a:hover {
			text-decoration: underline }

		.blog .post-meta .post-meta-counter {
			margin-left: 8px;
			padding-left: 12px;
			border-left: 1px solid #ccc }

		.blog .post-meta .post-meta-counter i {
			opacity: 0.5;
			margin: 0 0 0 2px }

		.blog .post-meta .post-meta-social {
			float: right }

		.blog .post-meta .post-meta-social > span {
			float: left;
			margin: 0 0 0 5px }

/* @end */
/* @group Post Listing -------------------------------------- */

	.blog .blog-listing .post {
		margin: 0 0 120px 0 }

	.blog .blog-listing .post h2 {
		margin: 0 0 30px 0 }

	.blog .blog-listing .post h2 a {
		text-decoration: none }

	.blog .blog-listing .post h2 a:hover {
		text-decoration: underline }

	/* Post Body */

	.blog .blog-listing .post .post-body .post-thumbnail {
		float: left;
		width: 40% }

	.blog .blog-listing .post .post-body .post-summary {
		margin-left: 40%;
		padding-left: 20px }

	.blog .blog-listing .post .post-body .post-summary .post-readmore a:after {
		font-family: "FontAwesome";
		content: "\f178";
		margin: 0 0 0 12px }

/* @end */
/* @group Post Content -------------------------------------- */

	.blog .post-content {
		margin: 0 0 60px 0 }

	.blog .post-content .post-header h1 {
		margin: 0 0 60px 0 }

	.blog .post-content .post-header .post-meta {
		margin: 0 0 60px 0 }
	
	.blog .post-content .post-body .post-thumbnail {
		margin-bottom: 30px }

/* @end */
/* @group Related Posts ------------------------------------- */

	.blog .post-related {
		margin: 60px 0 0 0;
		width: 100% }

	.blog .post-related-wrapper {
		float: left;
		width: 103%;
		margin-left: -1.5% }

	.blog .post-related .post-related-item {
		float: left;
		width: 30.33%;
		margin: 0 1.5% }

	.blog .post-related .post-related-item .post-related-item-thumbnail {
		margin-bottom: 15px }

	.blog .post-related .post-related-item .post-related-item-thumbnail a {
		display: block;
		height: 160px;
		background-color: #000; }

	.blog .post-related .post-related-item .post-related-item-thumbnail a img {
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease }

	.blog .post-related .post-related-item .post-related-item-thumbnail a:hover img {
		opacity: 0.8 }

	.blog .post-related .post-related-item .post-related-item-title a {
		text-decoration: none;
		font-weight: 500 }

	.blog .post-related .post-related-item .post-related-item-title a:hover {
		text-decoration: underline }

/* @end */
/* @group Pagination ---------------------------------------- */

	.blog .blog-pagination {
		padding: 60px 0 0;
		border-top: 1px solid #ddd }

	.blog .blog-pagination .previous {
		float: left }

	.blog .blog-pagination .next {
		float: right }

	.blog .blog-pagination .previous:before {
		font-family: "FontAwesome";
		content: "\f177";
		margin: 0 12px 0 0 }

	.blog .blog-pagination .next:after {
		font-family: "FontAwesome";
		content: "\f178";
		margin: 0 0 0 12px }

/* @end */
/* @group Sidebar ------------------------------------------- */

	.blog .sidebar {
		padding-left: 30px }

	.blog .sidebar .layout-widget-wrapper {
		margin: 0 0 60px 0 }

	.blog .sidebar .layout-widget-wrapper h3 {
		margin: 0 0 30px 0;
		font-size: 24px }

	.blog .sidebar .hs_cos_wrapper_type_post_listing ul,
	.blog .sidebar .hs_cos_wrapper_type_post_filter ul {
		list-style: none;
		padding: 0;
		margin: 0 }

	.blog .sidebar .hs_cos_wrapper_type_post_listing ul li,
	.blog .sidebar .hs_cos_wrapper_type_post_filter ul li {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #ddd }

	.blog .sidebar .hs_cos_wrapper_type_post_listing ul li:first-child,
	.blog .sidebar .hs_cos_wrapper_type_post_filter ul li:first-child {
		padding-top: 0px }

	.blog .sidebar .hs_cos_wrapper_type_post_listing ul li:last-child,
	.blog .sidebar .hs_cos_wrapper_type_post_filter ul li:last-child {
		padding-bottom: 0px;
		border-bottom: none }

	.blog .sidebar .hs_cos_wrapper_type_post_listing ul li a,
	.blog .sidebar .hs_cos_wrapper_type_post_filter ul li a {
		text-decoration: none;
		color: #374042;
		opacity: 0.5 }

	.blog .sidebar .hs_cos_wrapper_type_post_listing ul li a:hover,
	.blog .sidebar .hs_cos_wrapper_type_post_filter ul li a:hover {
		opacity: 1 }

	.blog .sidebar .layout-widget-wrapper .hs_cos_wrapper_type_follow_me > div{
		text-align: center }

	.blog .sidebar .layout-widget-wrapper .hs_cos_wrapper_type_follow_me a span {
		color: #374042;
		border-color: #374042 }

	.blog .sidebar .layout-widget-wrapper .hs_cos_wrapper_type_follow_me a:hover span {
		color: #fff;
		background-color: #374042!important }

/* @end */
/* @group Responsive ---------------------------------------- */

	@media ( max-width: 1140px ) {

		/* Blog Listing */

		.blog .blog-listing .post .post-meta .post-meta-author .post-meta-author-avatar img {
			margin: -8px 12px 0 0;
			width: 32px;
			height: 32px }

	}

	@media ( max-width: 920px ) {

		/* Blog Listing */

		.blog .post-meta .post-meta-author .post-meta-author-avatar img {
			display: none }

		.blog .post-meta .post-meta-social {
			display: block;
			margin: 10px 0 20px 0;
			width: 100%!important }

		.blog .post-meta .post-meta-social > span {
			margin: 0 5px 0 0 }

	}

	@media ( max-width: 768px ) {

		/* Post Listing */

		.blog .blog-listing .post {
			margin-bottom: 60px }

		.blog .blog-listing .post h2 {
			margin: 0 0 15px 0 }

		.blog .blog-listing .post .post-body .post-thumbnail {
			float: none;
			margin: 0 0 20px 0;
			width: 100% }

		.blog .blog-listing .post .post-body .post-summary {
			margin: 0;
			padding: 0 }

		/* Pagination */

		.blog .blog-pagination {
			margin-bottom: 60px }

		/* Post Content */

		.blog .post-footer {
			margin-bottom: 120px 	}


		/* Related Posts */

		.blog .post-related-wrapper {
			width: 100% }

		.blog .post-related .post-related-item {
			float: none;
			width: 100%;
			margin-bottom: 30px }

		/* Sidebar */

		.blog .sidebar {
			padding-left: 0px }

	}

	@media ( max-width: 520px ) {

	}

/* @end */
/* @end */
  /* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/
/* These includes are optional, but helpful. */
/* Images */

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/*****************************************/
/* Start your style declarations here    */
/*****************************************/
h1, h2, h3 {
    font-family:'brandon_grotesque_light', sans-serif !important;
}


h4, h5, h6 {
    font-family:'brandon_grotesque_medium', sans-serif !important;
}

.header {
    background: #0068a7 !important;
    background: -moz-linear-gradient(left, #0068a7 0%, #0099cd 100%) !important;
    background: -webkit-linear-gradient(left, #0068a7 0%,#0099cd 100%) !important;    
}

.header.fix-it{
  position: absolute!important;
}

.black .header {
    background: #222 !important;
}

.header a{
    color:#fff!important;
}
.header .hs-menu-children-wrapper a:hover{
    color:#0068a7!important;
}
      
.ev .image-parallax {
  max-width: 1080px;
  margin: 0 auto!important;
  float: none;
}

.ev .image-parallax,
.ev .wrapper,
.ev .footer-container,
.ev .header .frame {
    max-width: 950px!important;
    padding-right: 0;
    padding-left: 0;
}

.ev .image-parallax.module {height:250px;}

h1 {
    margin: 20px 0 10px !important;
    color: #468cba !important;
    font-size: 52px !important;
    font-weight: 200 !important;
    letter-spacing: -1.5px !important;
    line-height: 100% !important;
}

.subtitle {
    margin: 0 0 20px 0 !important;
    color: #374042 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    letter-spacing: -0.5px !important;
    opacity: 0.5 !important;
}


a, a:checked, a:active {
    color: #468cba !important;
    text-decoration:none;
}

.hs_cos_wrapper_type_rich_text li {
    color:#000 !important;
    font-weight:500;
}
    
.hs_cos_wrapper_type_rich_text li:before {
    margin: 0 12px 0 0;
    float: left;
    font-family: "FontAwesome";
    content: "\f0e7";
    color: #468cba !important;
}

.hs_cos_wrapper_type_rich_text li li:before {
    content: "\f0e7";
    opacity: 0.5;
}

.form-wrapper{
    padding:20px;
    background: #0068a7 !important;
    background: -moz-linear-gradient(top, #0068a7 0%, #59a1d5 100%) !important;
    background: -webkit-linear-gradient(top, #0068a7 0%,#59a1d5 100%) !important; 
}

.black .form-wrapper {
  background: #222!important;
}

#ic-sticky{
  top: 80px !important;
  position: sticky !important;
}

.form-title {
    font-size:32px;
    text-align:center;
    font-weight:20 !important0;
    margin: 0 0 30px 0;
    color: #ffffff !important;
}

.hs-form-field label{
    color:#ffffff !important;
    display: block;
    margin-bottom: 6px;
    font-weight: 400 !important;
} 

.hs-form-field .hs-field-desc{
  color: #ffffff !important;
}

.hs-form-field .hs-input {
    border-radius: 0px!important;
   width:100% !important;
}

input[type="checkbox"].hs-input,
input[type="radio"].hs-input{
    width: auto!important;
}

.hs-form-field label a {
    text-decoration: underline;
}

.inputs-list li.hs-form-booleancheckbox input {
    float: left;
    margin: 2px 5px 2px 1px;
    max-width:20px !important;
}
input[type="checkbox"] {
    border-radius: 0px!important;
   width:20px !important;
}

.hs-form fieldset{
    max-width:none !important;
}

.inputs-list a, .hs-form > a {color:#ffffff !important;}

input[type="submit"].hs-button {
    display: inline-block;
    padding: 16px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 500 !important;
    border: 2px solid #ffffff;
    background-color: #539ed2 !important;
    border-radius:0px !important;
    width:100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

input[type="submit"].hs-button:hover {
    color:#59a1d5 !important;
    border: 2px solid #539ed2 !important;
    background-color: #ffffff !important;
}

.hs-button {
    display: inline-block;
    padding: 16px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 500 !important;
    border: 2px solid #ffffff;
    background-color: transparent !important;
    border-radius:0px !important;
    width:100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

.hs-button:hover {
    color:#59a1d5 !important;
    border: 2px solid #ffffff !important;
    background-color: #ffffff !important;
}

.black .hs-button:hover {
  color: #222!important;
}

.legal-consent-container label.hs-form-booleancheckbox-display {
    opacity: 1;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    display: inherit !important;
}

.hs-richtext {
    font-size: 9px;
    text-align: justify;
}

.hs-richtext span{
  color: #fff !important;
}

.hs-richtext a {
    font-weight: normal;
    color: #fff !important;
    text-decoration: underline;
}

.cta-button {
  text-align: center;
}

.cta.btn-default {
    color: #fff!important;
    border-color: #0068a7 !important;
    border-radius:0px;
    background-color: #0068a7 !important;
}

.black .cta.btn-default {
  background-color: #222!important;
  border-color: #222 !important;
}

.cta.btn-default:hover {
    border-color: #0099cd !important;
    background-color: #0099cd !important;
}

.black .cta.btn-default:hover {
    color: #222 !important;
    background-color: #fff !important;
    border-color: #222 !important;
}

@media(max-width: 767px){
  
  #ic-sticky-wrapper{
    height: auto !important;
    margin: 0 auto;
    text-align: center;
  }
  #ic-sticky{
    position: static !important;
    margin: 0 auto; 
  }
}


/* @group Checkbox BOFU ------------------------------------------- */


.form-wrapper .hs_sic_checkbox_asesoramiento_personalizado_ve_checkbox_oferta_bofu_ve .input,
.form-wrapper .hs_sic_checkbox_oferta_bofu_iluminaci_n .input,
.form-wrapper .hs_sic_checkbox_oferta_bofu_simon_io .input,
.form-wrapper .hs_sic_checkbox_oferta_bofu_iluminacion_interior .input,
.form-wrapper .hs_sic_checkbox_oferta_bofu_iluminacion_exterior .input,
form .hs_sic____checkbox_oferta_bofu_serie_270 .input
{
    background-color: #4997cd;
    box-shadow: 1px 1px 20px 0px #00000045;
    padding: 5px 10px;
}

.hs-form fieldset .hs_sic_checkbox_asesoramiento_personalizado_ve_checkbox_oferta_bofu_ve span,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminaci_n span,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminacion_interior span,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminacion_exterior span,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_simon_io span {
  padding-left: 2px;
}

.hs-form fieldset .hs_sic_checkbox_asesoramiento_personalizado_ve_checkbox_oferta_bofu_ve span:before,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminaci_n span:before,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminacion_interior span:before,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminacion_exterior span:before,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_simon_io span:before,
.hs_sic____checkbox_oferta_bofu_serie_270 span:before
{ 
  content: "\f095";
  font-family: 'FontAwesome';
  padding-right: 5px;
  font-size: 17px;
}

.share.module {
    background:#ffffff !important;
}

.share.module .share-wrapper {
    padding:20px 0px 30px;
}

.share.module .label {
    background:#f1f1f1 !important; 
    display: block;
    margin: 0 0 30px 0;
    color: #000000 !important;
    font-weight:400 !important;
    font-size: 22px;
    padding:30px 0px;
    width:100% ;
}

.hs_cos_wrapper_type_follow_me .fm_instagram span:before {
  content: '\f16d';
}

.hs_cos_wrapper_type_follow_me .fm_vimeo span:before {
  content: '\f27d';
}

.hs_cos_wrapper_type_social_sharing a:before {
    display: block;
    color:#59a1d5 !important;
    font-size: 18px;
    font-family: 'FontAwesome' !important;
    width: 38px;
    height: 38px;
    border: 0px;
    line-height: 220%;
    text-align: center!important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.hs_cos_wrapper_type_social_sharing a:hover:before {
  opacity: .8;
}

.black .hs_cos_wrapper_type_social_sharing a:before {
  color: #222!important;
}

.hs_cos_wrapper_type_social_sharing a:hover:before {
    background:#ffffff;
    color: #0060a2;
}

.footer-container-wrapper {
    padding: 30px 60px;
    background: #0066ac !important;
    background: -moz-linear-gradient(left, #0066ac 0%, #0098d4 100%) !important;
    background: -webkit-linear-gradient(left, #0066ac 0%,#0098d4 100%) !important }

.black .footer-container-wrapper {
  background: #222!important;
}

.footer-container-wrapper .logotype {
    margin-top:10px;
}

.hs-footer-company-copyright{
    display:block !important;
    padding-top:10px;
}

.no-social .hs-footer-company-copyright{
	text-align: right;
}

/* ------ Follow me Footer -------*/



/* --------- LP AdHoc - template --------- */
body.adhoc {
    padding-top: 0 !important;
}

.adhoc .body-group .row-fluid {
  display: flex;
  align-items: flex-start;
}

.adhoc .body-group .logotype {
  position: sticky;
  top: 0;
  margin-bottom: 20px;
  max-width: 400px;
}

.adhoc .logotype .hs-image-widget {
  width: 100%;
  border-width: 0px;
  border: 0px;
}

.adhoc .body-group .wrapper {
  margin: 0!important;
}

.adhoc .body-group .wrapper .row-fluid {
  display: flex;
  flex-wrap: wrap;
}

.adhoc .body-group .form-wrapper {
  padding-bottom: 30px;
  background: #222!important;
}

.adhoc .body-group .hs-button {
  white-space: normal;
}


.adhoc .share.module .share-wrapper {
    padding: 0px 0px 30px;
}

.adhoc .hs_cos_wrapper_type_social_sharing a:before {
  color: #222!important;
}

.adhoc .footer-container-wrapper {
  background: #222!important;
}

.adhoc .flex .row-fluid {
    display: flex;
    justify-content: center;
    align-items: center;
}

.adhoc .footer-container-wrapper .footer-text span {
  font-size: 13px;
}

.adhoc footer .frame {
  display: flex;
  align-items: center;
}

.adhoc .web-site {margin: 0 3px}

.adhoc .web-site > span {
display: inline-block;
    position: relative;
    padding: 8px 9px;
    width: 36px;
    color: #fff !important;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
  height: 36px;}

.adhoc .web-site:hover span { background-color: rgba(255,255,255,.20) !important}

/* Responsive */
@media( min-width: 768px ){
  .adhoc .frame .widget-type-raw_html > .layout-widget-wrapper {
    float: right;
  }
}

@media( max-width: 768px ) {
  .adhoc .body-group .logotype {
    width: 100%;
  }
  
  .adhoc .footer-container .copyright {
    margin-bottom: 20px;
  }
}

@media( max-width: 580px ) {
  .adhoc .body-group .row-fluid {
    display: block;
  }
  
  .adhoc .body-group .wrapper {
    padding-top: 10px;
  }
  
  .adhoc .body-group .logotype {
    position: static;
    max-width: 300px;
  } 
}

/* --------- Centro de recursos - template --------- */


/* Centro de Recursos content */
.crpage .page-header {
    margin-top: 47px;
    margin-bottom: 58px;
}
.crpage .content-top {
    padding-bottom: 21px;
}
.cr-box-container {
    padding:20px 0px;
}

.cr-menu {
    list-style:none;
    text-align:inline-block;
    margin:20px 0px;
    padding:0px;
}

.cr-menu li{
    display:inline-block;
    margin:0px 5px;

}
.cr-menu li a {
    border-right:1px solid #374042 !important;
    display:block;
    padding:0px 15px !important;
    color:#374042;
    font-size:18px;
    font-weight:300;
}

.cr-menu li:first-child a {
    padding-left:0px !important;
}


.cr-menu li:last-child a {
    border-right:0px !important;
}


.cr-menu li a:hover{
    display:inline-block;
    color:#468cba !important;

}

.cr-menu li a.active{
    display:inline-block;
    color:#468cba !important;
}


.cr-box-container h2 {
    font-size: 20px;
    margin:20px 0px 40px;
    line-height: 1.27778;
    font-weight: 400;
    color: #999999 !important;
    font-family:'brandon_grotesque_light', sans-serif !important;
    border-bottom:1px solid #e3e3e3 !important;
    width:100%;
    padding:8px;
    text-indent:10px;
    display:block;
}


.cr-box-wrapper {
    box-sizing:border-box !important;
    width: 33%;
    float: left;
    border-right:1px solid #e3e3e3 !important;
    border-bottom:1px solid #e3e3e3 !important;
}

.cr-box-container span div:nth-child(3n+1) .cr-box-wrapper{
    border-right:0px !important;
}

.cr-box {
    margin-bottom: 25px;
    background-color: #fcfcfc !important;
    position: relative;
}
/*.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget .cr-box-wrapper .cr-box {
    margin: 0px 16px;
}*/

}
.cr-img-box {
    background-color: #DCDCDC !important;
    padding: 21px 4px 19px 20px;
    min-height: 193px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cr-img {
    width: auto !important;
    height: auto !important;
    max-height: 193px;
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
}
.cr-content {
    padding: 19px 15px 0px;
}


.cr-name-box {
    font-size: 1.2857em;
    line-height: 1.27778;
    font-weight: 300 !important;
    color: #0068a7 !important;
    margin-bottom: 8px;
    font-family:'brandon_grotesque_medium', sans-serif !important;
}

.cr-description-box p{
    font-weight:300;
}

.cr-cta-box-wrapper {
    padding: 0 15px;
}
.cr-cta-box {
    text-align: center; 
    padding-top: 20px; /* Altura del boton */
    padding-bottom: 15px;
}
.cr-cta-box .cr-cta {
    position: absolute;
    left: 0;
    bottom: 33px;
    width: 100%;
}
.cr-cta-box .hs-cta-node {
    margin: 0 15px;
    display: block;
}
.cr-cta-box .cta_button {
    padding: 16px 0px !important;
    margin: 0 !important;
    max-width: 261px !important;
}

.cr-button {
    margin:0px auto !important;
    display:block;
    background:#59a1d5 !important;
    width:200px;
    font-size:16px;
    padding:15px 12px;
    text-align:center;
    font-weight:bolder !important;
    color:#ffffff !important;
    text-decoration:none !important;
}

.cr-button:hover {
    background:#0068a7 !important;
}



@media screen and (max-width: 667px) {
    .cr-img-box {
        min-height: 140px;
    }
}
@media screen and (max-width: 640px) {
    /* Centro de recursos*/
    .cr-box-wrapper {
        width: 46.85%;
        margin-right: 6.3%;
    }
    /*.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:first-of-type .cr-box-wrapper, */.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:nth-child(2n) .cr-box-wrapper {
        margin-right: 0px;
    }
}
@media screen and (max-width: 533px) {

}

/* Smartphone Portrait */
@media screen and (max-width: 479px) {
    /*.show-tablet{
        display: none;
    }
    .show-movil{
        display: inline;
    }*/
    .content-ebook {
        width: 90%;
    }
    .cta-box a.cta_button {
        max-width: 113px !important;
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    /* Centro de recursos*/
    .cr-box-wrapper {
        width: 100%;
        margin-right: 0%;
    }
}

@media screen and (min-width: 641px) {
    /*.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:first-of-type .cr-box-wrapper, */.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:nth-child(3n) .cr-box-wrapper {
        margin-right: 0px;
    }
}
/* END Centro de Recursos content */





.hidden{display:none important;}


.preferencias-suscripcion .body-container .header{
    position:relative!important;
    padding:20px 0 5px;
    background:none!important;
    font-weight:bold;
    z-index:0;
}

#email-prefs-form h3{
    background:none!important;
    font-size:16px!important;
    color:#333!important;
    border:none!important;
    padding:0px!important;
}
    


/* Ebook Landing Page */
.ebook-img{
    margin-top: -240px;
    position: relative;
    max-height: 280px;
    width:auto;
}

@media ( max-width: 767px )	{
    .ebook-img{
        margin-top: -180px;
    }
}

@media ( max-width: 575px )	{
    .ebook-img{
        margin-top: -150px;
    }
}

/* Thank you page */

.thank-you-page .thank-you-module {
  padding: 30px;
  background: #eee;
  text-align: center;
  margin-bottom: 60px;
}

.thank-you-page .thank-you-module .cta-download {
  padding-bottom: 0px;
}
.cta-download-one{
  margin: auto;
  width: 50%;
  padding: 40px 0 60px 0;
}

/*
 * @file cookiebot.scss
 * @author: Adrian Marin <amarin@hiberus.com>
 */

#CybotCookiebotDialog {
  font-family: 'Noto Sans', sans-serif !important; }
  @media all and (min-width: 480px) {
    #CybotCookiebotDialog {
      margin-top: 48px !important;
      padding: 35px !important;
      max-width: 700px !important;
      border-radius: 4px !important; } }
  #CybotCookiebotDialog.with-preheader {
    top: 124px; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContent #CybotCookiebotDialogBodyContentText p {
    line-height: 2.2 !important;
    font-size: 15px !important; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; }
    #CybotCookiebotDialog #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonAccept {
      padding: 14px 25px !important;
      font-size: 15px !important;
      border-radius: 3px; }
  #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter {
    display: none; }

/*# sourceMappingURL=cookiebot.css.map */
  /* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/
/* These includes are optional, but helpful. */
/* Images */

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/*****************************************/
/* Start your style declarations here    */
/*****************************************/
h1, h2, h3 {
    font-family:'brandon_grotesque_light', sans-serif !important;
}


h4, h5, h6 {
    font-family:'brandon_grotesque_medium', sans-serif !important;
}

.header {
    background: #0068a7 !important;
    background: -moz-linear-gradient(left, #0068a7 0%, #0099cd 100%) !important;
    background: -webkit-linear-gradient(left, #0068a7 0%,#0099cd 100%) !important;    
}

.header.fix-it{
  position: absolute!important;
}

.black .header {
    background: #222 !important;
}

.header a{
    color:#fff!important;
}
.header .hs-menu-children-wrapper a:hover{
    color:#0068a7!important;
}
      
.ev .image-parallax {
  max-width: 1080px;
  margin: 0 auto!important;
  float: none;
}

.ev .image-parallax,
.ev .wrapper,
.ev .footer-container,
.ev .header .frame {
    max-width: 950px!important;
    padding-right: 0;
    padding-left: 0;
}

.ev .image-parallax.module {height:250px;}

h1 {
    margin: 20px 0 10px !important;
    color: #468cba !important;
    font-size: 52px !important;
    font-weight: 200 !important;
    letter-spacing: -1.5px !important;
    line-height: 100% !important;
}

.subtitle {
    margin: 0 0 20px 0 !important;
    color: #374042 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    letter-spacing: -0.5px !important;
    opacity: 0.5 !important;
}


a, a:checked, a:active {
    color: #468cba !important;
    text-decoration:none;
}

.hs_cos_wrapper_type_rich_text li {
    color:#000 !important;
    font-weight:500;
}
    
.hs_cos_wrapper_type_rich_text li:before {
    margin: 0 12px 0 0;
    float: left;
    font-family: "FontAwesome";
    content: "\f0e7";
    color: #468cba !important;
}

.hs_cos_wrapper_type_rich_text li li:before {
    content: "\f0e7";
    opacity: 0.5;
}

.form-wrapper{
    padding:20px;
    background: #0068a7 !important;
    background: -moz-linear-gradient(top, #0068a7 0%, #59a1d5 100%) !important;
    background: -webkit-linear-gradient(top, #0068a7 0%,#59a1d5 100%) !important; 
}

.black .form-wrapper {
  background: #222!important;
}

#ic-sticky{
  top: 80px !important;
  position: sticky !important;
}

.form-title {
    font-size:32px;
    text-align:center;
    font-weight:20 !important0;
    margin: 0 0 30px 0;
    color: #ffffff !important;
}

.hs-form-field label{
    color:#ffffff !important;
    display: block;
    margin-bottom: 6px;
    font-weight: 400 !important;
} 

.hs-form-field .hs-field-desc{
  color: #ffffff !important;
}

.hs-form-field .hs-input {
    border-radius: 0px!important;
   width:100% !important;
}

input[type="checkbox"].hs-input,
input[type="radio"].hs-input{
    width: auto!important;
}

.hs-form-field label a {
    text-decoration: underline;
}

.inputs-list li.hs-form-booleancheckbox input {
    float: left;
    margin: 2px 5px 2px 1px;
    max-width:20px !important;
}
input[type="checkbox"] {
    border-radius: 0px!important;
   width:20px !important;
}

.hs-form fieldset{
    max-width:none !important;
}

.inputs-list a, .hs-form > a {color:#ffffff !important;}

input[type="submit"].hs-button {
    display: inline-block;
    padding: 16px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 500 !important;
    border: 2px solid #ffffff;
    background-color: #539ed2 !important;
    border-radius:0px !important;
    width:100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

input[type="submit"].hs-button:hover {
    color:#59a1d5 !important;
    border: 2px solid #539ed2 !important;
    background-color: #ffffff !important;
}

.hs-button {
    display: inline-block;
    padding: 16px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 500 !important;
    border: 2px solid #ffffff;
    background-color: transparent !important;
    border-radius:0px !important;
    width:100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

.hs-button:hover {
    color:#59a1d5 !important;
    border: 2px solid #ffffff !important;
    background-color: #ffffff !important;
}

.black .hs-button:hover {
  color: #222!important;
}

.legal-consent-container label.hs-form-booleancheckbox-display {
    opacity: 1;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    display: inherit !important;
}

.hs-richtext {
    font-size: 9px;
    text-align: justify;
}

.hs-richtext span{
  color: #fff !important;
}

.hs-richtext a {
    font-weight: normal;
    color: #fff !important;
    text-decoration: underline;
}

.cta-button {
  text-align: center;
}

.cta.btn-default {
    color: #fff!important;
    border-color: #0068a7 !important;
    border-radius:0px;
    background-color: #0068a7 !important;
}

.black .cta.btn-default {
  background-color: #222!important;
  border-color: #222 !important;
}

.cta.btn-default:hover {
    border-color: #0099cd !important;
    background-color: #0099cd !important;
}

.black .cta.btn-default:hover {
    color: #222 !important;
    background-color: #fff !important;
    border-color: #222 !important;
}

@media(max-width: 767px){
  
  #ic-sticky-wrapper{
    height: auto !important;
    margin: 0 auto;
    text-align: center;
  }
  #ic-sticky{
    position: static !important;
    margin: 0 auto; 
  }
}


/* @group Checkbox BOFU ------------------------------------------- */


.form-wrapper .hs_sic_checkbox_asesoramiento_personalizado_ve_checkbox_oferta_bofu_ve .input,
.form-wrapper .hs_sic_checkbox_oferta_bofu_iluminaci_n .input,
.form-wrapper .hs_sic_checkbox_oferta_bofu_simon_io .input,
.form-wrapper .hs_sic_checkbox_oferta_bofu_iluminacion_interior .input,
.form-wrapper .hs_sic_checkbox_oferta_bofu_iluminacion_exterior .input,
form .hs_sic____checkbox_oferta_bofu_serie_270 .input
{
    background-color: #4997cd;
    box-shadow: 1px 1px 20px 0px #00000045;
    padding: 5px 10px;
}

.hs-form fieldset .hs_sic_checkbox_asesoramiento_personalizado_ve_checkbox_oferta_bofu_ve span,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminaci_n span,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminacion_interior span,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminacion_exterior span,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_simon_io span {
  padding-left: 2px;
}

.hs-form fieldset .hs_sic_checkbox_asesoramiento_personalizado_ve_checkbox_oferta_bofu_ve span:before,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminaci_n span:before,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminacion_interior span:before,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_iluminacion_exterior span:before,
.hs-form fieldset .hs_sic_checkbox_oferta_bofu_simon_io span:before,
.hs_sic____checkbox_oferta_bofu_serie_270 span:before
{ 
  content: "\f095";
  font-family: 'FontAwesome';
  padding-right: 5px;
  font-size: 17px;
}

.share.module {
    background:#ffffff !important;
}

.share.module .share-wrapper {
    padding:20px 0px 30px;
}

.share.module .label {
    background:#f1f1f1 !important; 
    display: block;
    margin: 0 0 30px 0;
    color: #000000 !important;
    font-weight:400 !important;
    font-size: 22px;
    padding:30px 0px;
    width:100% ;
}

.hs_cos_wrapper_type_follow_me .fm_instagram span:before {
  content: '\f16d';
}

.hs_cos_wrapper_type_follow_me .fm_vimeo span:before {
  content: '\f27d';
}

.hs_cos_wrapper_type_social_sharing a:before {
    display: block;
    color:#59a1d5 !important;
    font-size: 18px;
    font-family: 'FontAwesome' !important;
    width: 38px;
    height: 38px;
    border: 0px;
    line-height: 220%;
    text-align: center!important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.hs_cos_wrapper_type_social_sharing a:hover:before {
  opacity: .8;
}

.black .hs_cos_wrapper_type_social_sharing a:before {
  color: #222!important;
}

.hs_cos_wrapper_type_social_sharing a:hover:before {
    background:#ffffff;
    color: #0060a2;
}

.footer-container-wrapper {
    padding: 30px 60px;
    background: #0066ac !important;
    background: -moz-linear-gradient(left, #0066ac 0%, #0098d4 100%) !important;
    background: -webkit-linear-gradient(left, #0066ac 0%,#0098d4 100%) !important }

.black .footer-container-wrapper {
  background: #222!important;
}

.footer-container-wrapper .logotype {
    margin-top:10px;
}

.hs-footer-company-copyright{
    display:block !important;
    padding-top:10px;
}

.no-social .hs-footer-company-copyright{
	text-align: right;
}

/* ------ Follow me Footer -------*/



/* --------- LP AdHoc - template --------- */
body.adhoc {
    padding-top: 0 !important;
}

.adhoc .body-group .row-fluid {
  display: flex;
  align-items: flex-start;
}

.adhoc .body-group .logotype {
  position: sticky;
  top: 0;
  margin-bottom: 20px;
  max-width: 400px;
}

.adhoc .logotype .hs-image-widget {
  width: 100%;
  border-width: 0px;
  border: 0px;
}

.adhoc .body-group .wrapper {
  margin: 0!important;
}

.adhoc .body-group .wrapper .row-fluid {
  display: flex;
  flex-wrap: wrap;
}

.adhoc .body-group .form-wrapper {
  padding-bottom: 30px;
  background: #222!important;
}

.adhoc .body-group .hs-button {
  white-space: normal;
}


.adhoc .share.module .share-wrapper {
    padding: 0px 0px 30px;
}

.adhoc .hs_cos_wrapper_type_social_sharing a:before {
  color: #222!important;
}

.adhoc .footer-container-wrapper {
  background: #222!important;
}

.adhoc .flex .row-fluid {
    display: flex;
    justify-content: center;
    align-items: center;
}

.adhoc .footer-container-wrapper .footer-text span {
  font-size: 13px;
}

.adhoc footer .frame {
  display: flex;
  align-items: center;
}

.adhoc .web-site {margin: 0 3px}

.adhoc .web-site > span {
display: inline-block;
    position: relative;
    padding: 8px 9px;
    width: 36px;
    color: #fff !important;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
  height: 36px;}

.adhoc .web-site:hover span { background-color: rgba(255,255,255,.20) !important}

/* Responsive */
@media( min-width: 768px ){
  .adhoc .frame .widget-type-raw_html > .layout-widget-wrapper {
    float: right;
  }
}

@media( max-width: 768px ) {
  .adhoc .body-group .logotype {
    width: 100%;
  }
  
  .adhoc .footer-container .copyright {
    margin-bottom: 20px;
  }
}

@media( max-width: 580px ) {
  .adhoc .body-group .row-fluid {
    display: block;
  }
  
  .adhoc .body-group .wrapper {
    padding-top: 10px;
  }
  
  .adhoc .body-group .logotype {
    position: static;
    max-width: 300px;
  } 
}

/* --------- Centro de recursos - template --------- */


/* Centro de Recursos content */
.crpage .page-header {
    margin-top: 47px;
    margin-bottom: 58px;
}
.crpage .content-top {
    padding-bottom: 21px;
}
.cr-box-container {
    padding:20px 0px;
}

.cr-menu {
    list-style:none;
    text-align:inline-block;
    margin:20px 0px;
    padding:0px;
}

.cr-menu li{
    display:inline-block;
    margin:0px 5px;

}
.cr-menu li a {
    border-right:1px solid #374042 !important;
    display:block;
    padding:0px 15px !important;
    color:#374042;
    font-size:18px;
    font-weight:300;
}

.cr-menu li:first-child a {
    padding-left:0px !important;
}


.cr-menu li:last-child a {
    border-right:0px !important;
}


.cr-menu li a:hover{
    display:inline-block;
    color:#468cba !important;

}

.cr-menu li a.active{
    display:inline-block;
    color:#468cba !important;
}


.cr-box-container h2 {
    font-size: 20px;
    margin:20px 0px 40px;
    line-height: 1.27778;
    font-weight: 400;
    color: #999999 !important;
    font-family:'brandon_grotesque_light', sans-serif !important;
    border-bottom:1px solid #e3e3e3 !important;
    width:100%;
    padding:8px;
    text-indent:10px;
    display:block;
}


.cr-box-wrapper {
    box-sizing:border-box !important;
    width: 33%;
    float: left;
    border-right:1px solid #e3e3e3 !important;
    border-bottom:1px solid #e3e3e3 !important;
}

.cr-box-container span div:nth-child(3n+1) .cr-box-wrapper{
    border-right:0px !important;
}

.cr-box {
    margin-bottom: 25px;
    background-color: #fcfcfc !important;
    position: relative;
}
/*.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget .cr-box-wrapper .cr-box {
    margin: 0px 16px;
}*/

}
.cr-img-box {
    background-color: #DCDCDC !important;
    padding: 21px 4px 19px 20px;
    min-height: 193px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cr-img {
    width: auto !important;
    height: auto !important;
    max-height: 193px;
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
}
.cr-content {
    padding: 19px 15px 0px;
}


.cr-name-box {
    font-size: 1.2857em;
    line-height: 1.27778;
    font-weight: 300 !important;
    color: #0068a7 !important;
    margin-bottom: 8px;
    font-family:'brandon_grotesque_medium', sans-serif !important;
}

.cr-description-box p{
    font-weight:300;
}

.cr-cta-box-wrapper {
    padding: 0 15px;
}
.cr-cta-box {
    text-align: center; 
    padding-top: 20px; /* Altura del boton */
    padding-bottom: 15px;
}
.cr-cta-box .cr-cta {
    position: absolute;
    left: 0;
    bottom: 33px;
    width: 100%;
}
.cr-cta-box .hs-cta-node {
    margin: 0 15px;
    display: block;
}
.cr-cta-box .cta_button {
    padding: 16px 0px !important;
    margin: 0 !important;
    max-width: 261px !important;
}

.cr-button {
    margin:0px auto !important;
    display:block;
    background:#59a1d5 !important;
    width:200px;
    font-size:16px;
    padding:15px 12px;
    text-align:center;
    font-weight:bolder !important;
    color:#ffffff !important;
    text-decoration:none !important;
}

.cr-button:hover {
    background:#0068a7 !important;
}



@media screen and (max-width: 667px) {
    .cr-img-box {
        min-height: 140px;
    }
}
@media screen and (max-width: 640px) {
    /* Centro de recursos*/
    .cr-box-wrapper {
        width: 46.85%;
        margin-right: 6.3%;
    }
    /*.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:first-of-type .cr-box-wrapper, */.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:nth-child(2n) .cr-box-wrapper {
        margin-right: 0px;
    }
}
@media screen and (max-width: 533px) {

}

/* Smartphone Portrait */
@media screen and (max-width: 479px) {
    /*.show-tablet{
        display: none;
    }
    .show-movil{
        display: inline;
    }*/
    .content-ebook {
        width: 90%;
    }
    .cta-box a.cta_button {
        max-width: 113px !important;
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    /* Centro de recursos*/
    .cr-box-wrapper {
        width: 100%;
        margin-right: 0%;
    }
}

@media screen and (min-width: 641px) {
    /*.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:first-of-type .cr-box-wrapper, */.cr-box-container > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:nth-child(3n) .cr-box-wrapper {
        margin-right: 0px;
    }
}
/* END Centro de Recursos content */





.hidden{display:none important;}


.preferencias-suscripcion .body-container .header{
    position:relative!important;
    padding:20px 0 5px;
    background:none!important;
    font-weight:bold;
    z-index:0;
}

#email-prefs-form h3{
    background:none!important;
    font-size:16px!important;
    color:#333!important;
    border:none!important;
    padding:0px!important;
}
    


/* Ebook Landing Page */
.ebook-img{
    margin-top: -240px;
    position: relative;
    max-height: 280px;
    width:auto;
}

@media ( max-width: 767px )	{
    .ebook-img{
        margin-top: -180px;
    }
}

@media ( max-width: 575px )	{
    .ebook-img{
        margin-top: -150px;
    }
}

/* Thank you page */

.thank-you-page .thank-you-module {
  padding: 30px;
  background: #eee;
  text-align: center;
  margin-bottom: 60px;
}

.thank-you-page .thank-you-module .cta-download {
  padding-bottom: 0px;
}
.cta-download-one{
  margin: auto;
  width: 50%;
  padding: 40px 0 60px 0;
}

/*
 * @file cookiebot.scss
 * @author: Adrian Marin <amarin@hiberus.com>
 */

#CybotCookiebotDialog {
  font-family: 'Noto Sans', sans-serif !important; }
  @media all and (min-width: 480px) {
    #CybotCookiebotDialog {
      margin-top: 48px !important;
      padding: 35px !important;
      max-width: 700px !important;
      border-radius: 4px !important; } }
  #CybotCookiebotDialog.with-preheader {
    top: 124px; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContent #CybotCookiebotDialogBodyContentText p {
    line-height: 2.2 !important;
    font-size: 15px !important; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; }
    #CybotCookiebotDialog #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonAccept {
      padding: 14px 25px !important;
      font-size: 15px !important;
      border-radius: 3px; }
  #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter {
    display: none; }

/*# sourceMappingURL=cookiebot.css.map */

form .hs_submit .actions:hover {
  color: #4F9ACF !important;
}
#hs_cos_wrapper_module_145509799993976621 input[type="submit"]:hover {
    color: #4F9ACF !important;
}

.hs-content-id-52574684439 .row-depth-1.row-number-2 .image-parallax {
  display: none;
}

.thank-you-page .images-module-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 20px; 
  margin-top: 20px;
  margin-bottom: 40px;
}

.thank-you-page .text-module-wrapper ul {
  padding: 0;
  margin: 30px 0;
  list-style: none;
}

.thank-you-page .text-module-wrapper li {
    padding: 0 0 0 16px;
    margin: 0 0 10px 0;
    line-height: 140%;
}

.thank-you-page .text-module-wrapper li:before {
    margin: 0 12px 0 0;
    float: left;
    font-family: "FontAwesome";
    content: "\f0e7";
    color: #468cba !important;
}

.thank-you-page .cta-download {
  text-align: center;    
  padding: 40px 0 20px;
}

.thank-you-page .cta-download__wrapper {
  display: flex;    
  flex-wrap: wrap;    
  justify-content: center;    
  gap: 10px;
}

@media screen and (max-width: 580px) {
  .thank-you-page .images-module-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-gap: 20px; 
}
  
  .thank-you-page .cta-download__wrapper { 
    gap: 0px;
   }  
}

/*
 * @file cookiebot.scss
 * @author: Adrian Marin <amarin@hiberus.com>
 */

#CybotCookiebotDialog {
  font-family: 'Noto Sans', sans-serif !important; }
#CybotCookiebotDialog a, 
#CybotCookiebotDialog div, 
#CybotCookiebotDialogBodyContentControls, 
#CybotCookiebotDialogBodyContentTitle {
  font-family: 'Segoe UI',Arial,Helvetica,Verdana,sans-serif !important; }
  @media all and (min-width: 480px) {
    #CybotCookiebotDialog {
      margin-top: 48px !important;
      padding: 35px !important;
      max-width: 700px !important;
      border-radius: 4px !important; } }
  #CybotCookiebotDialog.with-preheader {
    top: 124px; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContent #CybotCookiebotDialogBodyContentText p {
    line-height: 2.2 !important;
    font-size: 15px !important; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; }
    #CybotCookiebotDialog #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonAccept {
      padding: 14px 25px !important;
      font-size: 15px !important;
      border-radius: 3px; }
    #CybotCookiebotDialogBodyButtonAccept {
      color: #FFF !important;
    }
  #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter {
    display: none; }
  #CybotCookiebotDialogBodyContentText p:nth-of-type(1){
    margin-bottom: 0;
	}
	#CybotCookiebotDialogBodyContentText p:nth-of-type(2){
		margin-top: 0px;
		margin-bottom: 12px;
	}


/*# sourceMappingURL=cookiebot.css.map */