@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css'){
  font-display: swap;
};
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&family=Poppins:wght@300;400;500;700&display=swap');*/
@font-face {
    font-family: 'CIBFont Sans';
    src: url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Light.eot');
    src: url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Light.eot?#iefix') format('embedded-opentype'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Light.woff2') format('woff2'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Light.woff') format('woff'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Light.ttf') format('truetype'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Light.svg#CIBFontSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CIBFont Sans';
    src: url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Bold.eot');
    src: url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Bold.woff2') format('woff2'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Bold.woff') format('woff'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Bold.ttf') format('truetype'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSans-Bold.svg#CIBFontSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CIBFont Serif';
    src: url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSerif-Bold.eot');
    src: url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSerif-Bold.woff2') format('woff2'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSerif-Bold.woff') format('woff'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSerif-Bold.ttf') format('truetype'),
        url('https://renting.rentingcolombia.com/hubfs/font/CIBFontSerif-Bold.svg#CIBFontSerif-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/***********************************************/
/* 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    */
/*****************************************/









   
/* ==========================================================================
   #TABLE OF CONTENT
   ========================================================================== */









   
/**
* CONTENTS
*
* SETTINGS
* All..................Because our Settings layer doesn’t actually produce any
*                      CSS, we can safely glob all of the files into one import
*                      without risk of bloating our compiled stylesheet. This
*                      also allows us to easily recycle all of our
*                      project-level settings into other Sass file/projects.
*                      Please see `settings/_all.scss` for a full table of
*                      contents.
* TOOLS
* All..................Because our Tools layer doesn’t actually produce any
*                      CSS, we can safely glob all of the files into one import
*                      without risk of bloating our compiled stylesheet. This
*                      also allows us to easily recycle all of our
*                      project-level tooling into other Sass file/projects.
*                      Please see `tools/_all.scss` for a full table of
*                      contents.
*
* GENERIC
* Box-sizing...........Better default `box-sizing`.
* Normalize............A level playing field.
* Reset................A pared back reset to remove margins.
* Shared...............Sensibly and tersely share global commonalities.
*
* ELEMENTS
* Headings.............Heading styles.
* Images...............Base image styles.
* Links................Hyperlink styles.
* List.................Default list styles.
* Page.................Page-level styles (HTML element).
* Tables...............Set table width.
*
* OBJECTS
* Band.................Padding top/bottom spacer
* Box..................boxes off content using padding.
* Layout...............Generic layout module.
* List-bare............Lists with no bullets or indents.
* List-inline..........Simple abstraction for setting lists out in a line.
* Media................Place any image- and text-like content side-by-side.
* Wrappers.............Wrappers and page constraints.
*
* COMPONENTS
* Buttons..............Button styles.
* Card.................Basic card structure.
* 
*
*
* COMPONENTS BY PAGE
* RCG-home: form-subscribe........Email subscription form section.
* RCG-home: encuesta section
*
*
* UTILITIES
* Background...........Background color.
* Clearfix.............Clearfix floats.
* Display..............Block - inline - inline-block - none.
* Flex.................Flex properties
* Hacks................Short-term hacks and quick-fixes.
* Headings.............Reassigning our heading styles to helper classes.
* Healthcheck..........Visual health-check tool.
* Hide.................Hide elements visually & structurally.
* Margin...............Margin bottom.
* Position.............Fixed & sticky utilities.
* Shadows..............Global box shadow ui.
* Text.................Text utilities.
* Widths...............Simple width helper classes.
*
*
*/










/* ==========================================================================
   #COLORS
   ========================================================================== */










/*  
*  Set up a colour palette which allows us to theme the entire project from one location.
*/











;





/* Theme palette. */






           







/* Reassign literal variables to meaningful ones.
   ========================================================================== */

























/* ==========================================================================
   #CORE
   ========================================================================== */










/**
* This core file sets up the most important setup variables. They
* underpin a lot of how the framework functions and should be modified and
* preconfigured with caution.
*/










/*  Base typographical styles and baseline grid.
   ========================================================================== */













   








/* Global spacing units
   ========================================================================== */










/*  
* There are two rules to creating Vertical Rhythm:
*
* Set the spaces between each element to a multiple of the baseline
* Set the line-height of each text element to a multiple of the baseline
*
* It is not recommended that you modify these following variables.
* (it can break your vertical rhythm), but if you need to, you can.
*/

















/* ==========================================================================
   #GLOBAL
   ========================================================================== */










/**
*  The global settings file contains any project-wide variables; things that
*  need to be made available to the entire codebase.
*/










/* Standarise some UI treatments
   ========================================================================== */
































/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */










/**
* More sensible default box-sizing:
* css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
*/


html {
  box-sizing: border-box;
}

*, 
*:before,
*:after {
  box-sizing: inherit;
}










/* ==========================================================================
   #NORMALIZE
   ========================================================================== */  
   /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */










/* Document
   ========================================================================== */










/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/


 html {
  line-height: 1.15;                /* 1 */
  text-size-adjust: 100%;           /* 2 */
}










/* Sections
   ========================================================================== */







*{font-family: 'CIBFont Sans';'Arial'}


/**
* Remove the margin in all browsers.
*/


body {
  margin: 0;
}





/**
* Add the correct display in IE 9-.
*/


article,
aside,
footer,
header,
nav,
section {
  display: block;
}





/**
* Render the `main` element consistently in IE.
*/


main {
  display: block;
}





/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/


h1 {
  font-size: 2em;
  margin: 0.67em 0;
}










/* Grouping content
   ========================================================================== */










/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/

figcaption,
figure,
main {                /* 1 */
  display: block;
}

 



/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/


hr {
  box-sizing: content-box;    /* 1 */
  height: 0;                  /* 1 */
  overflow: visible;          /* 2 */
}





/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/


pre {
  font-family: monospace, monospace;   /* 1 */
  font-size: 1em;                      /* 2 */
}










/* Text-level semantics
   ========================================================================== */










/**
*  1. Remove the gray background on active links in IE 10.
*  2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/


a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;    /* 2 */
  font-size: 1.1rem;
}





/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/


abbr[title] {
  border-bottom: none;                    /* 1 */
  text-decoration: underline;             /* 2 */
  text-decoration: underline dotted;      /* 2 */
}





/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/


b,
strong {
  font-weight: inherit;
}





/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/


b,
strong {
  font-weight: bolder;
}





/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/


code,
kbd,
samp {
  font-family: monospace, monospace;  /* 1 */
  font-size: 1em;                     /* 2 */
}





/**
* Add the correct font style in Android 4.3-.
*/


dfn {
  font-style: italic;
}





/**
* Add the correct background and color in IE 9-.
*/


mark {
  background-color: #ff0;
  color: #000;
}





/**
* Add the correct font size in all browsers.
*/


small {
  font-size: 80%;
}





/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/


sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}










/* Embedded content
   ========================================================================== */










/**
* Remove the border on images inside links in IE 10.
*/


img {
  border-style: none;
}





/**
* Hide the overflow in IE.
*/

svg:not(:root) {
  overflow: hidden;
}










/* Forms
   ========================================================================== */


   







/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/


button,
input,
optgroup,
select,
textarea {
  font-family: inherit;      /* 1 */
  font-size: 100%;           /* 1 */
  line-height: 1.15;         /* 1 */
  margin: 0;                 /* 2 */
}





/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/


button,
input {                      /* 1 */
  overflow: visible;
}





/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/


button,
select { /* 1 */
  text-transform: none;
}





/**
* Correct the inability to style clickable types in iOS and Safari.
*/


button,
[type="button"],
[type="reset"],
[type="submit"] {
  appearance: button;
}





/**
* Remove the inner border and padding in Firefox.
*/


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}


/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}





/**
 * Correct the padding in Firefox.
 */


fieldset {
  padding: 0.35em 0.75em 0.625em;
}





/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/


legend {
  box-sizing: border-box;     /* 1 */
  color: inherit;             /* 2 */
  display: table;             /* 1 */
  max-width: 100%;            /* 1 */
  padding: 0;                 /* 3 */
  white-space: normal;        /* 1 */
}





/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/


progress {
  display: inline-block;         /* 1 */
  vertical-align: baseline;      /* 2 */
}





/**
* Remove the default vertical scrollbar in IE 10+.
*/


textarea {
  overflow: auto;
}





/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;  /* 1 */
  padding: 0;              /* 2 */
}





/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}





/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/


[type="search"] {
  appearance: textfield;             /* 1 */
  outline-offset: -2px;              /* 2 */
}





/**
* Remove the inner padding in Chrome and Safari on macOS.
*/


[type="search"]::-webkit-search-decoration {
  appearance: none;
}





/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

 
::-webkit-file-upload-button {
  appearance: button;    /* 1 */
  font: inherit;                 /* 2 */
}










/* Interactive
   ========================================================================== */










/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/


details {
  display: block;
}





/*
* Add the correct display in all browsers.
*/


summary {
  display: list-item;
}










/* Misc
   ========================================================================== */










/**
* Add the correct display in IE 9-.
*/

canvas {
  display: inline-block;
}





/**
* Add the correct display in IE 10+.
*/


template {
  display: none;
}





/**
* Add the correct display in IE 10.
*/

[hidden] {
  display: none;
}










/* ==========================================================================
   #RESET
   ========================================================================== */










/**
* A very simple reset that sits on top of Normalize.css.
*/


body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin:  0;
  padding: 0;
}

 
 


/**
* Remove trailing margins from nested lists.
*/


li > ol,
li > ul {
  margin-bottom: 0;
}
 
 
 


/**
* Remove default table spacing.
*/


table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
 
 


/**
* 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
*    on fieldsets.
*/


fieldset {
  min-width: 0;     /* 1 */
  border: 0;
}










/* ==========================================================================
   #SHARED
   ========================================================================== */










/**
* Shared declarations for certain elements.
*/





/**
* Always declare margins in the same direction:
* csswizardry.com/2012/06/single-direction-margin-declarations
*
* Use global spacing unit
*/


address,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, ol, ul,
figure,
hr,
table,
fieldset {
  margin-bottom: 0.9rem;
}
 
 
 


/**
* Consistent indentation for lists.
*/
 
dd, ol, ul {
  margin-left: 1.7rem;;
}










/* ==========================================================================
   #HEADINGS
   ========================================================================== */









   
/**
 * Simple default styles for headings 1 through 6.
 */

/* Modular scale ratio: 1.125 */

;
;
;
;
;
;












/**
* Simple default styles for headings 1 through 6. Anything more opinionated
* than simple font-size changes should likely be applied via classes (see:
* http://csswizardry.com/2016/02/managing-typography-on-large-apps/).
*/


h1 {
  font-family: 'CIBFont Sans';
font-weight: bold;

  font-size: 2.25rem;
  line-height: 1.4;
}

h2 {
  font-family: 'CIBFont Sans';
font-weight: bold;

  font-size: 1.75rem;
  line-height: 1.4;
}

h3 {
  font-family: 'CIBFont Sans';
font-weight: bold;

  font-size: 1.5rem;
  line-height: 1.4;
}

h4 {
  font-family: 'CIBFont Sans';
font-weight: bold;

  font-size: 1.25rem;
  line-height: 1.4;
}

h5 {
  font-family: 'CIBFont Sans';
font-weight: bold;

  font-size: 1.125rem;
  line-height: 1.4;
}

h6 {
  font-family: 'CIBFont Sans';
font-weight: bold;

  font-size: 1rem;
  line-height: 1.4;
}










/* ==========================================================================
   #IMAGES
   ========================================================================== */










/**
 * 1. Fluid images for responsive purposes.
 * 2. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 * 3. Offset `alt` text from surrounding copy.
 */


img {
  max-width: 100%;          /* 1 */
  vertical-align: middle;   /* 2 */
  font-style: italic;       /* 3 */
}





/**
 * 1. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */


img[width],
img[height] {
  max-width: none;  /* [1] */
}










/* ==========================================================================
   #LINKS
   ========================================================================== */










/**
 * Default styles for simple hyperlinks.
 */


a {
  text-decoration: none;
  color: inherit;
}

a:hover,
a:focus {
/*   text-decoration: underline; */
}










/* ==========================================================================
   #LIST
   ========================================================================== */










/**
* Visually offset definition titles from their definitions.
*/


dt {
  font-weight: 700;
}










/* ==========================================================================
   #PAGE
   ========================================================================== */










/**
* Simple page-level setup.
*
* 1. Ensure the page always fills at least the entire height of the viewport.
* 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
*    navigating between pages that do/do not have enough content to produce
*    scrollbars naturally.
* 3. Set the default `font-size` and `line-height` and family for the entire project.
*/


html {
  /* Box model */
  min-height: 100vh;                             /* 1 */
  overflow-y: scroll;                            /* 2 */

  /* Typography */
  font-family: 'CIBFont Sans';                /* 3 */
  font-size: 100%;                /* 3 */
  line-height: 1.7;            /* 3 */

  /* Visual */
  background-color: #fff;
  color: #565A65;
}

@media (max-width: 425px) {
  
  html {
    font-size: 90%;                /* 3 */
  }

}





::selection {
  color: #fff;
  background-color: #f20024;
}










/* ==========================================================================
   #TABLES
   ========================================================================== */










/**
* 1. Ensure tables fill up as much space as possible.
*/


table {
  width: 100%;   /* 1 */
}










/* ==========================================================================
   #BAND
   ========================================================================== */










.o-band {
  display: block;
  padding-top: 1.7rem;
  padding-bottom: 1.7rem;
}










/* Size variants
   ========================================================================== */









.o-band--fl {
  padding-top: 0;
  padding-bottom: 0; 
}

.o-band--xs {
  padding-top: 0.4rem          
  padding-bottom: 0.4rem;
}
   
.o-band--sm {
   padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
  
.o-band--lg {
  padding-top: 3.4rem;
  padding-bottom: 3.4rem;
}

.o-band--xl {
  padding-top: 6.8rem;
  padding-bottom: 6.8rem;
}










@media (min-width: 30em) {




  .o-band\@xs {
    display: block;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
  }
  
  
  
  
  
  
  
  
  
  
  /* Size variants
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  .o-band--fl\@xs {
    padding-top: 0;
    padding-bottom: 0; 
  }
  
  .o-band--xs\@xs {
    padding-top: 0.4rem          
    padding-bottom: 0.4rem;
  }
     
  .o-band--sm\@xs {
     padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }
    
  .o-band--lg\@xs {
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
  }
  
  .o-band--xl\@xs {
    padding-top: 6.8rem;
    padding-bottom: 6.8rem;
  }

  




}










@media (min-width: 45em) {




  .o-band\@sm {
    display: block;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
  }
  
  
  
  
  
  
  
  
  
  
  /* Size variants
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  .o-band--fl\@sm {
    padding-top: 0;
    padding-bottom: 0; 
  }
  
  .o-band--xs\@sm {
    padding-top: 0.4rem          
    padding-bottom: 0.4rem;
  }
     
  .o-band--sm\@sm {
     padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }
    
  .o-band--lg\@sm {
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
  }
  
  .o-band--xl\@sm {
    padding-top: 6.8rem;
    padding-bottom: 6.8rem;
  }

  




}










@media (min-width: 64em) {




  .o-band\@md {
    display: block;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
  }
  
  
  
  
  
  
  
  
  
  
  /* Size variants
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  .o-band--fl\@md {
    padding-top: 0;
    padding-bottom: 0; 
  }
  
  .o-band--xs\@md {
    padding-top: 0.4rem          
    padding-bottom: 0.4rem;
  }
     
  .o-band--sm\@md {
     padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }
    
  .o-band--lg\@md {
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
  }
  
  .o-band--xl\@md {
    padding-top: 6.8rem;
    padding-bottom: 6.8rem;
  }

  




}










@media (min-width: 75em) {




  .o-band\@lg {
    display: block;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
  }
  
  
  
  
  
  
  
  
  
  
  /* Size variants
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  .o-band--fl\@lg {
    padding-top: 0;
    padding-bottom: 0; 
  }
  
  .o-band--xs\@lg {
    padding-top: 0.4rem          
    padding-bottom: 0.4rem;
  }
     
  .o-band--sm\@lg {
     padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }
    
  .o-band--lg\@lg {
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
  }
  
  .o-band--xl\@lg {
    padding-top: 6.8rem;
    padding-bottom: 6.8rem;
  }

  




}









/* UI variants
  ========================================================================== */










.o-band--light {
  color: #000;
}

.o-band--dark {
  color: #fff;
}










/* ==========================================================================
   #BOX
   ========================================================================== */










/**
 * The box object simply boxes off content. Extend with cosmetic styles in the
 * Components layer.
 *
 * 1. So we can apply the `.o-box` class to naturally-inline elements.
 *
 */

 
.o-box {
  display: block;                     /* 1 */
  padding:  1.7rem;
}

.o-box > *:last-child {
  margin-bottom: 0;
}










/* Size variants
   ========================================================================== */










.o-box--fl {
  padding: 0;
}

.o-box--xs {
  padding: 0.4rem;
}
 
.o-box--sm {
   padding: 0.9rem;
}

.o-box--lg {
  padding: 3.4rem;
}

.o-box--xl {
  padding: 6.8rem;
}










@media (min-width: 30em) {




  .o-box\@xs {
    display: block;                     /* 1 */
    padding:  1.7rem;
  }
  
  .o-box\@xs > *:last-child {
    margin-bottom: 0;
  }
  
  
  
  
  
  
  
  
  
  
  /* Size variants
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .o-box--fl\@xs {
    padding: 0;
  }
  
  .o-box--xs\@xs {
    padding: 0.4rem;
  }
   
  .o-box--sm\@xs {
     padding: 0.9rem;
  }
  
  .o-box--lg\@xs {
    padding: 3.4rem;
  }
  
  .o-box--xl\@xs {
    padding: 6.8rem;
  }




  
}










@media (min-width: 45em) {




  .o-box\@sm {
    display: block;                     /* 1 */
    padding:  1.7rem;
  }
  
  .o-box\@sm > *:last-child {
    margin-bottom: 0;
  }
  
  
  
  
  
  
  
  
  
  
  /* Size variants
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .o-box--fl\@sm {
    padding: 0;
  }
  
  .o-box--xs\@sm {
    padding: 0.4rem;
  }
   
  .o-box--sm\@sm {
     padding: 0.9rem;
  }
  
  .o-box--lg\@sm {
    padding: 3.4rem;
  }
  
  .o-box--xl\@sm {
    padding: 6.8rem;
  }




  
}










@media (min-width: 64em) {




  .o-box\@md {
    display: block;                     /* 1 */
    padding:  1.7rem;
  }
  
  .o-box\@md > *:last-child {
    margin-bottom: 0;
  }
  
  
  
  
  
  
  
  
  
  
  /* Size variants
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .o-box--fl\@md {
    padding: 0;
  }
  
  .o-box--xs\@md {
    padding: 0.4rem;
  }
   
  .o-box--sm\@md {
     padding: 0.9rem;
  }
  
  .o-box--lg\@md {
    padding: 3.4rem;
  }
  
  .o-box--xl\@md {
    padding: 6.8rem;
  }




  
}










@media (min-width: 75em) {




  .o-box\@lg {
    display: block;                     /* 1 */
    padding:  1.7rem;
  }
  
  .o-box\@lg > *:last-child {
    margin-bottom: 0;
  }
  
  
  
  
  
  
  
  
  
  
  /* Size variants
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .o-box--fl\@lg {
    padding: 0;
  }
  
  .o-box--xs\@lg {
    padding: 0.4rem;
  }
   
  .o-box--sm\@lg {
     padding: 0.9rem;
  }
  
  .o-box--lg\@lg {
    padding: 3.4rem;
  }
  
  .o-box--xl\@lg {
    padding: 6.8rem;
  }




  
}










/* Style variants
   ========================================================================== */









.o-box--light {
  color:  #000;
}

.o-box--dark {
  color: #fff;
}












/* ==========================================================================
   #LAYOUT
   ========================================================================== */










/**
* Grid-like layout system.
*
* The layout object provides us with a column-style layout system. This file
* contains the basic structural elements, but classes should be complemented
* with width utilities, for example:
*
*   <div class="o-layout">
*     <div class="o-layout__item  u-1/2">
*     </div>
*     <div class="o-layout__item  u-1/2">
*     </div>
*   </div>
*
* The above will create a two-column structure in which each column will
* fluidly fill half of the width of the parent. We can have more complex
* systems:
*
*   <div class="o-layout">
*     <div class="o-layout__item  u-1/1  u-1/3@md">
*     </div>
*     <div class="o-layout__item  u-1/2  u-1/3@md">
*     </div>
*     <div class="o-layout__item  u-1/2  u-1/3@md">
*     </div>
*   </div>
*
* The above will create a system in which the first item will be 100% width
* until we enter our medium breakpoint, when it will become 33.333% width. The
* second and third items will be 50% of their parent, until they also become
* 33.333% width at the medium breakpoint.
*
*
*/











/* Default/mandatory classes
   ========================================================================== */










/**
 * 1. Allows us to use the layout object on any type of element.
 * 2. We need to defensively reset any box-model properties.
 * 3. Use the negative margin trick for multi-row grids:
 *    http://csswizardry.com/2011/08/building-better-grid-systems/
 */



.o-layout {
  display: flex;                            /* 1 */
  flex-wrap: wrap;
  padding: 0;                                /* 2 */
  margin: 0;                                 /* 2 */
  list-style-type: none;                     /* 1 */
  margin-left: -1.7rem;     /* 3 */
}






/**
* 1. Required in order to combine fluid widths with fixed gutters.
* 2. By default, all layout items are full-width (mobile first).
* 3. Gutters provided by left padding:
*    http://csswizardry.com/2011/08/building-better-grid-systems/
*/


.o-layout__item {
  flex: 1 1 100%;                             /* 1 */
  max-width: 100%;                            /* 1 */
  box-sizing: border-box;                     /* 2 */
  padding-left: 1.7rem;      /* 5 */
}










/* Gutter size modifiers
   ========================================================================== */










.o-layout--fl {
  margin-left: 0;
}

.o-layout--fl > .o-layout__item {
  padding-left: 0;
}





.o-layout--xs { 
  margin-left: -0.4rem;
}
 
 .o-layout--xs > .o-layout__item { 
   padding-left: 0.4rem;
 }
   




.o-layout--sm {
  margin-left: -0.9rem;
}

.o-layout--sm > .o-layout__item {
  padding-left: 0.9rem;
}





.o-layout--lg {
  margin: 3.4rem;
}

.o-layout--lg > .o-layout__item {
  padding-left: 3.4rem;
}





.o-layout--xl {
  margin-left: -6.8rem;
}

.o-layout--xl > .o-layout__item {
  padding-left: 6.8rem;
}











/* Auto width items
   ========================================================================== */










/**
* Each item grows to fill available space base on distribution amoung the number of items
* Items are stil capable of wrapping
*/


.o-layout--auto > .o-layout__item {
  flex: 1 1 0;
}










/* Equal height columns
   ========================================================================== */










/**
* Stretch all grid items of each row to have an equal-height.
* Please be aware that this modifier class doesn’t take any effect in IE9 and
* below and other older browsers due to the lack of `display: flex` support.
*/





.o-layout--stretch > .o-layout__item{
  display: flex;
  flex-wrap: wrap;
}










/* ==========================================================================
   #LIST-BARE
   ========================================================================== */










/**
* Strip list-like appearance from lists by removing their bullets and any
* indentation.
*
* Note: Declaring the item class might not be necessary everywhere,
* but is for example in <dl> lists for the <dd> children.
*/


.o-list-bare {
  list-style: none;
  margin-left: 0;
}

.o-list-bare__item {
  margin-left: 0;
}










/* ==========================================================================
   #LIST-INLINE
   ========================================================================== */










/**
* The list-inline object simply displays a list of items in one line.
*/


.o-list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
}

.o-list-inline__item {
  display: inline-block;
}










/* ==========================================================================
   #MEDIA
   ========================================================================== */










/**
* Place any image- and text-like content side-by-side, as per:
* http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
*
* 1. Overide when using the media object for the purpose of shape-outside property.
*
*/










/*
* o-meida is the wrapping element for .o-media__img and .o-media__body 
*/ 


.o-media {
  display: block;
}

.o-media__img {
  float: left;
  margin-right: 1.7rem;
}

.o-media__img img {
  display: block;
}

.o-media__body {
  overflow: hidden;  /* 1 */
  display: block;
}

.o-media__body,
.o-media__body > *:last-child {
  margin-bottom: 0;
}










/* Reversed media objects
   ========================================================================== */










.o-media--reverse > .o-media__img {
    float: right;
    margin-right: 0;
    margin-left: 1.7rem;
}










/* UI variants
   ========================================================================== */










/**
* Allow for shape-outside property - extend shape-outside functionality
* width component class 
*/   


.o-media--shape .o-media__body {
  overflow: unset;
}










/* ==========================================================================
   #WRAPPER
   ========================================================================== */










/**
* Page-level constraining and wrapping elements.
*/


.o-wrapper {
  max-width: 80rem !important;
  padding-right: 0.9rem;    
  padding-left: 0.9rem;     
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
}

.o-wrapper:after {
  content: "";
  display: table;
  clear: both;
}








/* Size variants
   ========================================================================== */










.o-wrapper--xs {
  max-width: 37.5rem !important;
}

.o-wrapper--sm {
  max-width: 65rem !important;
}

.o-wrapper--lg {
  max-width: 92.5rem !important;
}

.o-wrapper--xl {
  max-width: 125rem !important;
}










/* ==========================================================================
   #BUTTONS
   ========================================================================== */










/**
*
* 1. Allow the use of style box model properties.
* 2. Line up different sized buttons.
* 3. Make buttons inherit font styles (often necessary when styling `input`s as
*    buttons).
* 4. Reset/normalize styles.

* 5. Force all button-styled elements to appear clickable.
*
*/


.c-btn {
  /* Position */
  position: relative;

  /* Box model */
  display: inline-block;      /* 1 */
  vertical-align: middle;     /* 2 */
  margin: 0;                  /* 4 */
  padding: 0.9rem 1.7rem;

  /* Typography */
  font: inherit;              /* 3 */
  text-align: center;         /* 4 */
  text-decoration: none;      /* 4 */

  /* Visual */
  background-color: transparent;
  cursor: pointer;            /* 5 */
  border: unset;
  border-radius: 3px;

  /* Misc */
  transition: all 300ms ease-in-out !default;
}










/* Style variants
   ========================================================================== */










.c-btn--primary,
.c-btn--primary:link,
.c-btn--primary:visited {
  color: #fff;
  background-color: #00BF6F;
  border: 1px solid #00BF6F;
  border-radius: 3px;
}

.c-btn--primary:hover,
.c-btn--primary:active,
.c-btn--primary:focus {
  background-color: #00BF6F;
  border: 1px solid #00BF6F;
}





.c-btn--secondary,
.c-btn--secondary:link,
.c-btn--secondary:visited {
  color: #fff;
  background-color: #FFD300;
  border: 1px solid #FFD300;
  border-radius: 3px;
}

.c-btn--secondary:hover,
.c-btn--secondary:active,
.c-btn--secondary:focus {
  background-color: #FFD300;
  border: 1px solid #FFD300;
}





.c-btn--tertiary,
.c-btn--tertiary:link,
.c-btn--tertiary:visited {
  color: #fff;
  background-color: ;
  border: 1px solid ;
  border-radius: 0;
}

.c-btn--tertiary:hover,
.c-btn--tertiary:active,
.c-btn--tertiary:focus {
  background-color: ;
  border: 1px solid ;
}





.c-btn--success,
.c-btn--success:link,
.c-btn--success:visited {
  color: #fff;
  background-color: ;
  border: 1px solid ;
  border-radius: 3px;
}

.c-btn--success:hover,
.c-btn--success:active,
.c-btn--success:focus {
  background-color: ;
  border: 1px solid ;
}





.c-btn--error,
.c-btn--error:link,
.c-btn--error:visited {
  color: #fff;
  background-color: ;
  border: 1px solid ;
  border-radius: 3px;
}

.c-btn--error:hover,
.c-btn--error:active,
.c-btn--error:focus {
  background-color: ;
  border: 1px solid ;
}





.c-btn--link,
.c-btn--link:link,
.c-btn--link:visited {
  color: ;
  background-color: unset;
  border: unset;
}

.c-btn--link:hover,
.c-btn--link:active,
.c-btn--link:focus {
  text-decoration: underline;
}





.c-btn--flat,
.c-btn--flat:link,
.c-btn--flat:visited {
  color: inherit;
  background-color: unset;
  border: unset;
}

.c-btn--flat:hover,
.c-btn--flat:active,
.c-btn--flat:focus {
  color: inherit;
  background-color: unset;
  border: unset;
}










/* Ghost buttons
   ========================================================================== */










/**
* Ghost buttons have see-through backgrounds and are bordered.
*/


.c-btn--ghost-primary, 
.c-btn--ghost-primary:link, 
.c-btn--ghost-primary:visited {
  color: #00BF6F;
  border: 1px solid #00BF6F;
}

.c-btn--ghost-primary:hover,
.c-btn--ghost-primary:active,
.c-btn--ghost-primary:focus {
  background-color: #00BF6F;
  color: #fff;
}





.c-btn--ghost-secondary, 
.c-btn--ghost-secondary:link, 
.c-btn--ghost-secondary:visited {
  color: #FFD300;
  border: 1px solid #FFD300;
}

.c-btn--ghost-secondary:hover,
.c-btn--ghost-secondary:active,
.c-btn--ghost-secondary:focus {
  background-color: #FFD300;
  color: #fff;
}





.c-btn--ghost-tertiary, 
.c-btn--ghost-tertiary:link, 
.c-btn--ghost-tertiary:visited {
  color: ;
  border: 1px solid ;
}

.c-btn--ghost-tertiary:hover,
.c-btn--ghost-tertiary:active,
.c-btn--ghost-tertiary:focus {
  background-color: ;
  color: #fff;
}





.c-btn--ghost-success, 
.c-btn--ghost-success:link, 
.c-btn--ghost-success:visited {
  color: ;
  border: 1px solid ;
}

.c-btn--ghost-success:hover,
.c-btn--ghost-success:active,
.c-btn--ghost-success:focus {
  background-color: ;
  color: #fff;
}





.c-btn--ghost-error, 
.c-btn--ghost-error:link, 
.c-btn--ghost-error:visited {
  color: ;
  border: 1px solid ;
}

.c-btn--ghost-error:hover,
.c-btn--ghost-error:active,
.c-btn--ghost-error:focus {
  background-color: ;
  color: #fff;
}










/* Size variants
   ========================================================================== */










.c-btn--sm { 
  padding: 0.4rem  0.9rem; 
}
 
 .c-btn--lg {
   padding: 0.9rem 3.4rem;
}










/* UI variants
   ========================================================================== */










.c-btn--block {
  display: block;
  width: 100%;
}










/* ==========================================================================
  #CARD
  ========================================================================== */


  
  
  
  



.c-card {
  position: relative;
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  /*border-radius: 30px;*/
}


.c-card__header {
  padding: 1.7rem;
  margin-bottom: 0;  
  border-bottom: 1px solid gray200;
}

.c-card__body {
  padding: 1rem;
  margin-bottom: 0;  
}

.c-card__footer {
  padding:1.7rem;
  margin-bottom: 0;  
  border-top: 1px solid gray200;
}





  


/* Card image
  ========================================================================== */








.c-card__img,
.c-card__img--top,
.c-card__img--bottom {
  flex-shrink: 0; 
  width: 100%;    
}

.c-card__img,
.c-card__img--top {
  border-top-left-radius:  5px;
  border-top-right-radius: 5px;
}

.c-card__img,
.c-card__img--bottom {
  border-bottom-left-radius:  5px;
  border-bottom-right-radius: 5px;
}




p {
    font-size: 1.25rem;
    line-height: 1.2;
}





/* ==========================================================================
  #RCG-HOME: form-subscribe
  ========================================================================== */



.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{
  color: #00984A;
}

.rcg-home .c-form-subscribe .hs-button:hover {
    background-color: transparent;
    color: #f6863c;
    border: 2px solid #f6863c;
    transition: all 0.5s ease;
}
.c-card-localiza--special::before {
  background-color: #f6863c !important;}


.rcg-home .c-form-subscribe {
  width: 100% !important;
}

@media (min-width: 45em) {
  
  .rcg-home .c-form-subscribe {
    width: 50% !important;
    margin: 0 auto !important;
    float: none !important;
  }
  
}

.rcg-home .c-form-subscribe .form-title {
  color: #FFD300
}

.rcg-home .c-form-subscribe label {
  display: block;
  text-align: left;
  color: white;
}

.rcg-home .c-form-subscribe  .hs-button {
  display: inline-block;
  padding: 1rem 2rem;
  color: white;
  background-color: #f6863c;
  border: 0;
  font-size:1.5rem;
  font-weight:bold;
}

.rcg-home .c-form-subscribe .hs-form-field {
  margin-bottom: 0.9rem;
}


.rcg-home .c-form-subscribe .input input,
.rcg-home .c-form-subscribe .input select{
  border: 1px solid #707070;
  border-radius: 0;
}

.rcg-home .c-form-subscribe  .hs-richtext {
  color: white;
}

.rcg-home .c-form-subscribe  .hs-richtext a {
  text-decoration: underline;
}






/* ==========================================================================
  #RCG-HOME: encuesta
  ========================================================================== */






.rcg-home .c-encuesta__rt h2 {
  color: #565A65;
  font-size: 1.5625rem;
  margin-bottom: 1.5rem;
}

@media(min-width: 45em) {
  
  .rcg-home .c-encuesta__rt h2 {
    font-size: 1.975rem;
  }
  
}

.rcg-home .c-encuesta__rt ul {
  list-style: none;
  margin-left: 2.7rem;
}

.rcg-home .c-encuesta__rt li {
  position: relative;
  margin-bottom: 1.5rem;
}

.rcg-home .c-encuesta__rt li::before {
  position: absolute;
  left: -2.5em;
  display: inline-block;
  content: "";
  background-image: url(https://renting.camionescol.co/hubfs/RCG-HOME/Icon%20feather-check-circle.png);
  width: 2em;
  height: 2em;
  margin-right: 1em;
  vertical-align: bottom;
  background-size: cover;
}











/* ==========================================================================
   #BACKGROUND
   ========================================================================== */










.u-bg-primary {
  background-color:  #00BF6F !important;
}

.u-bg-secondary {
  background-color: #FFD300 !important;
}

.u-bg-tertiary {
  background-color:  !important;
}

.u-bg-success {
  background-color:  !important;
}

.u-bg-error {
  background-color:  !important;
}

.u-bg-tint {
  background-color: #dee2e6 !important;
}

.u-bg-blue100 {
  background-color: #00BF6F;
}

.u-bg-blue200 {
  background-color: #F5F6FD;
}

.u-bg-gray {
  background-color: #EBEBEB;
}

.u-bg-white {
  background-color: white;
}









/* ==========================================================================
   #CLEARFIX
   ========================================================================== */

   








/**
* For certain browsers
*
* 1. The space content is one way to avoid an Opera bug when the contenteditable
*    attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that are clearfixed.
*
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/


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

.u-clearfix:after {
  clear: both;
}





/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/


.u-clearfix {
  zoom: 1;      /* For IE 6/7 (trigger hasLayout) */
}










/* ==========================================================================
   #DISPLAY
   ========================================================================== */










.u-display-block {
  display: block !important;
}

.u-display-inline {
  display: inline !important;
}

.u-display-inline-block {
  display: inline-block !important;
}

.u-display-none {
  display: none !important;
}










@media (min-width: 30em) {





  .u-display-block\@xs {
    display: block !important; 
  }

  .u-display-inline\@xs {
    display: inline !important; 
  }

  .u-display-inline-block\@xs {
    display: inline-block !important; 
  }

  .u-display-none\@xs {
    display: none !important; 
  } 





}





@media (min-width: 45em) {






  .u-display-block\@sm {
    display: block !important; 
  }

  .u-display-inline\@sm {
    display: inline !important; 
  }

  .u-display-inline-block\@sm {
    display: inline-block !important; 
  }

  .u-display-none\@sm {
    display: none !important; 
  }






}






@media (min-width: 64em) {





  .u-display-block\@md {
    display: block !important; 
  }

  .u-display-inline\@md {
    display: inline !important; 
  }

  .u-display-inline-block\@md {
    display: inline-block !important;
  }

  .u-display-none\@md {
    display: none !important; 
  } 





}






@media (min-width: 75em) {





  .u-display-block\@lg {
    display: block !important; 
  }

  .u-display-inline\@lg {
    display: inline !important;
  }

  .u-display-inline-block\@lg {
    display: inline-block !important;
  }

  .u-display-none\@lg {
    display: none !important; 
  }
    
    



}










/* ==========================================================================
   #FLEX
   ========================================================================== */










/* Flex direction
  ========================================================================== */










.u-row {
  flex-direction: row !important; 
}

.u-column {
  flex-direction: column !important; 
}

.u-row-reverse {
  flex-direction: row-reverse !important; 
}

.u-column-reverse {
  flex-direction: column-reverse !important; 
}






@media (min-width: 30em) {





  .u-row\@xs {
    flex-direction: row !important; 
  }

  .u-column\@xs {
    flex-direction: column !important; 
  }

  .u-row-reverse\@xs {
    flex-direction: row-reverse !important; 
  }

  .u-column-reverse\@xs {
    flex-direction: column-reverse !important; 
  } 





}






@media (min-width: 45em) {





  .u-row\@sm {
    flex-direction: row !important; 
  }

  .u-column\@sm {
    flex-direction: column !important; 
  }

  .u-row-reverse\@sm {
    flex-direction: row-reverse !important; 
  }

  .u-column-reverse\@sm {
    flex-direction: column-reverse !important; 
  } 





}






@media (min-width: 64em) {





  .u-row\@md {
    flex-direction: row !important; 
  }

  .u-column\@md {
    flex-direction: column !important; 
  }

  .u-row-reverse\@md {
    flex-direction: row-reverse !important; 
  }

  .u-column-reverse\@md {
    flex-direction: column-reverse !important; 
  } 





}






@media (min-width: 75em) {





  .u-row\@lg {
    flex-direction: row !important; 
  }

  .u-column\@lg {
    flex-direction: column !important; 
  }

  .u-row-reverse\@lg {
    flex-direction: row-reverse !important; 
  }

  .u-column-reverse\@lg {
    flex-direction: column-reverse !important; 
  } 






}










/* Justify content
  ========================================================================== */
  









.u-start {
  justify-content: flex-start !important; 
}

.u-end {
  justify-content: flex-end !important; 
}

.u-center {
  justify-content: center !important; 
}

.u-between {
  justify-content: space-between !important; 
}

.u-around {
  justify-content: space-around !important; 
}
  










@media (min-width: 30em) {





  .u-start\@xs {
    justify-content: flex-start !important; 
  }

  .u-end\@xs {
    justify-content: flex-end !important; 
  }

  .u-center\@xs {
    justify-content: center !important; 
  }

  .u-between\@xs {
    justify-content: space-between !important; 
  }

  .u-around\@xs {
    justify-content: space-around !important; 
  } 





}
  





@media (min-width: 45em) {





  .u-start\@sm {
    justify-content: flex-start !important; 
  }

  .u-end\@sm {
    justify-content: flex-end !important; 
  }

  .u-center\@sm {
    justify-content: center !important; 
  }

  .u-between\@sm {
    justify-content: space-between !important; 
  }

  .u-around\@sm {
    justify-content: space-around !important; 
  } 





}





@media (min-width: 64em) {





    .u-start\@md {
      justify-content: flex-start !important; 
    }

    .u-end\@md {
      justify-content: flex-end !important; 
    }

    .u-center\@md {
      justify-content: center !important; 
    }

    .u-between\@md {
      justify-content: space-between !important; 
    }

    .u-around\@md {
      justify-content: space-around !important; 
    } 





}






@media (min-width: 75em) {





    .u-start\@lg {
      justify-content: flex-start !important; 
    }

    .u-end\@lg {
      justify-content: flex-end !important; 
    }

    .u-center\@lg {
      justify-content: center !important; 
    }

    .u-between\@lg {
      justify-content: space-between !important; 
    }

    .u-around\@lg {
      justify-content: space-around !important; 
    } 





}










/* Align items
  ========================================================================== */










.u-top {
  align-items: flex-start !important; 
}

.u-bottom {
  align-items: flex-end !important; 
}

.u-middle {
  align-items: center !important; 
}

.u-baseline {
  align-items: baseline !important; 
}

.u-stretch {
  align-items: stretch !important; 
}






@media (min-width: 30em) {





  .u-top\@xs {
    align-items: flex-start !important; 
  }

  .u-bottom\@xs {
    align-items: flex-end !important; 
  }

  .u-middle\@xs {
    align-items: center !important; 
  }

  .u-baseline\@xs {
    align-items: baseline !important; 
  }

  .u-stretch\@xs {
    align-items: stretch !important; 
  } 





}





@media (min-width: 45em) {





  .u-top\@sm {
    align-items: flex-start !important; 
  }

  .u-bottom\@sm {
    align-items: flex-end !important; 
  }

  .u-middle\@sm {
    align-items: center !important; 
  }

  .u-baseline\@sm {
    align-items: baseline !important; 
  }

  .u-stretch\@sm {
    align-items: stretch !important; 
  } 





}





@media (min-width: 64em) {





  .u-top\@md {
    align-items: flex-start !important; 
  }

  .u-bottom\@md {
    align-items: flex-end !important; 
  }

  .u-middle\@md {
    align-items: center !important; 
  }

  .u-baseline\@md {
    align-items: baseline !important; 
  }

  .u-stretch\@md {
    align-items: stretch !important; 
  } 





}





@media (min-width: 75em) {





  .u-top\@lg {
    align-items: flex-start !important; 
  }

  .u-bottom\@lg {
    align-items: flex-end !important; 
  }

  .u-middle\@lg {
    align-items: center !important; 
  }

  .u-baseline\@lg {
    align-items: baseline !important; 
  }

  .u-stretch\@lg {
    align-items: stretch !important; 
  } 





}










/* Align content
  ========================================================================== */










.u-content-start {
  align-content: flex-start !important; 
}

.u-content-end {
  align-content: flex-end !important; 
}

.u-content-center {
  align-content: center !important; 
}

.u-content-between {
  align-content: space-between !important; 
}

.u-content-around {
  align-content: space-around !important; 
}

.u-content-stretch {
  align-content: stretch !important; 
}





@media (min-width: 30em) {





  .u-content-start\@xs {
    align-content: flex-start !important; 
  }

  .u-content-end\@xs {
    align-content: flex-end !important; 
  }

  .u-content-center\@xs {
    align-content: center !important; 
  }

  .u-content-between\@xs {
    align-content: space-between !important; 
  }

  .u-content-around\@xs {
    align-content: space-around !important; 
  }

  .u-content-stretch\@xs {
    align-content: stretch !important; 
  } 





}










@media (min-width: 45em) {





  .u-content-start\@sm {
    align-content: flex-start !important; 
  }

  .u-content-end\@sm {
    align-content: flex-end !important; 
  }

  .u-content-center\@sm {
    align-content: center !important; 
  }

  .u-content-between\@sm {
    align-content: space-between !important; 
  }

  .u-content-around\@sm {
    align-content: space-around !important; 
  }

  .u-content-stretch\@sm {
    align-content: stretch !important; 
  } 





}





@media (min-width: 64em) {





  .u-content-start\@md {
    align-content: flex-start !important; 
  }

  .u-content-end\@md {
    align-content: flex-end !important; 
  }

  .u-content-center\@md {
    align-content: center !important; 
  }

  .u-content-between\@md {
    align-content: space-between !important; 
  }

  .u-content-around\@md {
    align-content: space-around !important; 
  }

  .u-content-stretch\@md {
    align-content: stretch !important; 
  } 





}





@media (min-width: 75em) {





  .u-content-start\@lg {
    align-content: flex-start !important; 
  }

  .u-content-end\@lg {
    align-content: flex-end !important; 
  }

  .u-content-center\@lg {
    align-content: center !important; 
  }

  .u-content-between\@lg {
    align-content: space-between !important; 
  }

  .u-content-around\@lg {
    align-content: space-around !important; 
  }

  .u-content-stretch\@lg {
    align-content: stretch !important; 
  } 





}










/* Align self
  ========================================================================== */










.u-self-auto {
  align-self: auto !important; 
}

.u-self-start {
  align-self: flex-start !important; 
}

.u-self-end {
  align-self: flex-end !important; 
}

.u-self-center {
  align-self: center !important; 
}

.u-self-baseline {
  align-self: baseline !important; 
}

.u-self-stretch {
  align-self: stretch !important; 
}





@media (min-width: 30em) {





  .u-self-auto\@xs {
    align-self: auto !important; 
  }

  .u-self-start\@xs {
    align-self: flex-start !important; 
  }

  .u-self-end\@xs {
    align-self: flex-end !important; 
  }

  .u-self-center\@xs {
    align-self: center !important; 
  }

  .u-self-baseline\@xs {
    align-self: baseline !important; 
  }

  .u-self-stretch\@xs {
    align-self: stretch !important; 
  } 






}





@media (min-width: 45em) {





  .u-self-auto\@sm {
    align-self: auto !important; 
  }

  .u-self-start\@sm {
    align-self: flex-start !important; 
  }

  .u-self-end\@sm {
    align-self: flex-end !important; 
  }

  .u-self-center\@sm {
    align-self: center !important; 
  }

  .u-self-baseline\@sm {
    align-self: baseline !important; 
  }

  .u-self-stretch\@sm {
    align-self: stretch !important; 
  } 






}





@media (min-width: 64em) {





  .u-self-auto\@md {
    align-self: auto !important; 
  }

  .u-self-start\@md {
    align-self: flex-start !important; 
  }

  .u-self-end\@md {
    align-self: flex-end !important; 
  }

  .u-self-center\@md {
    align-self: center !important; 
  }

  .u-self-baseline\@md {
    align-self: baseline !important; 
  }

  .u-self-stretch\@md {
    align-self: stretch !important; 
  } 






}






@media (min-width: 75em) {





  .u-self-auto\@lg {
    align-self: auto !important; 
  }

  .u-self-start\@lg {
    align-self: flex-start !important; 
  }

  .u-self-end\@lg {
    align-self: flex-end !important; 
  }

  .u-self-center\@lg {
    align-self: center !important; 
  }

  .u-self-baseline\@lg {
    align-self: baseline !important; 
  }

  .u-self-stretch\@lg {
    align-self: stretch !important; 
  } 






}











/* Order
  ========================================================================== */









  
.u-first {
  order: -1; 
}

.u-last {
  order: 1; 
}

.u-order-0 {
  order: 0; 
}

.u-order-1 {
  order: 1; 
}

.u-order-2 {
  order: 2;
}

.u-order-3 {
  order: 3; 
}

.u-order-4 {
  order: 4;
}

.u-order-5 {
  order: 5;
}

.u-order-6 {
  order: 6; 
}

.u-order-7 {
  order: 7; 
}

.u-order-8 {
  order: 8; 
}

.u-order-9 {
  order: 9; 
}

.u-order-10 {
  order: 10; 
}

.u-order-11 {
  order: 11; 
}

.u-order-12 {
  order: 12; 
}





@media (min-width: 30em) {





  .u-first\@xs {
    order: -1; 
  }

  .u-last\@xs {
    order: 1; 
  }

  .u-order-0\@xs {
    order: 0; 
  }

  .u-order-1\@xs {
    order: 1; 
  }

  .u-order-2\@xs {
    order: 2; 
  }

  .u-order-3\@xs {
    order: 3; 
  }

  .u-order-4\@xs {
    order: 4; 
  }

  .u-order-5\@xs {
    order: 5; 
  }

  .u-order-6\@xs {
    order: 6; 
  }

  .u-order-7\@xs {
    order: 7; 
  }

  .u-order-8\@xs {
    order: 8; 
  }

  .u-order-9\@xs {
    order: 9; 
  }

  .u-order-10\@xs {
    order: 10; 
  }

  .u-order-11\@xs {
    order: 11; 
  }

  .u-order-12\@xs {
    order: 12; 
  }





}





@media (min-width: 45em) {





  .u-first\@sm {
    order: -1; 
  }

  .u-last\@sm {
    order: 1; 
  }

  .u-order-0\@sm {
    order: 0; 
  }

  .u-order-1\@sm {
    order: 1; 
  }

  .u-order-2\@sm {
    order: 2; 
  }

  .u-order-3\@sm {
    order: 3; 
  }

  .u-order-4\@sm {
    order: 4; 
  }

  .u-order-5\@sm {
    order: 5; 
  }

  .u-order-6\@sm {
    order: 6; 
  }

  .u-order-7\@sm {
    order: 7; 
  }

  .u-order-8\@sm {
    order: 8; 
  }

  .u-order-9\@sm {
    order: 9; 
  }

  .u-order-10\@sm {
    order: 10; 
  }

  .u-order-11\@sm {
    order: 11; 
  }

  .u-order-12\@sm {
    order: 12; 
  }





}





@media (min-width: 64em) {





  .u-first\@md {
    order: -1; 
  }

  .u-last\@md {
    order: 1; 
  }

  .u-order-0\@md {
    order: 0; 
  }

  .u-order-1\@md {
    order: 1; 
  }

  .u-order-2\@md {
    order: 2; 
  }

  .u-order-3\@md {
    order: 3; 
  }

  .u-order-4\@md {
    order: 4; 
  }

  .u-order-5\@md {
    order: 5; 
  }

  .u-order-6\@md {
    order: 6; 
  }

  .u-order-7\@md {
    order: 7; 
  }

  .u-order-8\@md {
    order: 8; 
  }

  .u-order-9\@md {
    order: 9; 
  }

  .u-order-10\@md {
    order: 10; 
  }

  .u-order-11\@md {
    order: 11; 
  }

  .u-order-12\@md {
    order: 12; 
  }





}





@media (min-width: 75em) {





  .u-first\@lg {
    order: -1; 
  }

  .u-last\@lg {
    order: 1; 
  }

  .u-order-0\@lg {
    order: 0; 
  }

  .u-order-1\@lg {
    order: 1; 
  }

  .u-order-2\@lg {
    order: 2; 
  }

  .u-order-3\@lg {
    order: 3; 
  }

  .u-order-4\@lg {
    order: 4; 
  }

  .u-order-5\@lg {
    order: 5; 
  }

  .u-order-6\@lg {
    order: 6; 
  }

  .u-order-7\@lg {
    order: 7; 
  }

  .u-order-8\@lg {
    order: 8; 
  }

  .u-order-9\@lg {
    order: 9; 
  }

  .u-order-10\@lg {
    order: 10; 
  }

  .u-order-11\@lg {
    order: 11; 
  }

  .u-order-12\@lg {
    order: 12; 
  }





}




/* ==========================================================================
   #HACKS
   ========================================================================== */









._img-100 img {
  width: 100%;
}


@media (max-width: 45em) {
  ._nowrapper {
    padding: 0 !important;
  }
}








/* ==========================================================================
   #HEADINGS
   ========================================================================== */










/**
* Redefine all of our basic heading styles against utility classes so as to
* allow for double stranded heading hierarchy, e.g. we semantically need an H2,
* but we want it to be sized like an H1:
*
* <h2 class="u-h1"></h2>
*
*/  


.u-h1 {
  font-size:   !important;
}

.u-h2 {
  font-size:   !important;
}

.u-h3 {
  font-size:   !important;
}

.u-h4 {
  font-size:   !important;
}

.u-h5 {
  font-size:   !important;
}

.u-h6 {
  font-size:   !important;
}










/* ==========================================================================
   #HEALTHCHECK
   ========================================================================== */










/**
* Highlight types of class to visually see the makeup of our UIs.
*/


/*

[class^="o-"],
[class*=" o-"] {
  outline: 10px solid orange;
}

[class^="c-"],
[class*=" c-"] {
  outline: 10px solid cyan;
}

[class^="u-"],
[class*=" u-"] {
  outline: 10px solid violet;
}

[class^="_"],
[class*=" _"] {
  outline: 10px solid red;
}

*/










/* ==========================================================================
   #HIDE
   ========================================================================== */










/**
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/


.u-hidden {
  visibility: hidden !important;
}











/* ==========================================================================
   #MARGIN
   ========================================================================== */










.u-mb {
  margin-bottom: 1.7rem  !important;
}










/* Size variants
   ========================================================================== */










.u-mb--fl {
  margin-bottom: 0 !important;
}

.u-mb--xs { 
  margin-bottom: 0.4rem !important;
}
 
.u-mb--sm {
   margin-bottom: 0.9rem !important;
}

.u-mb--lg {
  margin-bottom: 3.4rem !important;
}

.u-mb--xl {
  margin-bottom: 6.8rem !important;
}










/* ==========================================================================
   #POSITION
   ========================================================================== */

















.u-fixed-top {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.u-fixed-bottom {
  position: fixed !important;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: $zindex-fixed;
}


@supports (position: sticky) {
    .u-sticky-top {
      position: sticky !important;
      top: 0;
      z-index: 1020;
  }
}










/* ==========================================================================
   #SHADOWS
   ========================================================================== */










.u-shadow {
  box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14) !important;
}










/* Size variants
    ========================================================================== */










.u-shadow--none {
  box-shadow: none !important;
}

.u-shadow--xs {
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14) !important;
}

.u-shadow--sm {
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14) !important;
}

.u-shadow--lg {
  box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14) !important;
}

.u-shadow--xl {
  box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14) !important;
}










/* ==========================================================================
   #TEXT
   ========================================================================== */










/* Alignment
   ========================================================================== */










.u-text-center {
  text-align: center !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-right {
  text-align: right !important;
}

.u-text-justify {
  text-align: justify !important;
}






@media (min-width: 30em) {


  .u-text-center\@xs {
    text-align: center !important; 
  }

  .u-text-left\@xs {
    text-align: left !important;
  }

  .u-text-right\@xs {
    text-align: right !important; 
  }

  .u-text-justify\@xs {
    text-align: justify !important; 
  }
  
  
  
}



@media (min-width: 45em) {


  .u-text-center\@sm {
    text-align: center !important; 
  }

  .u-text-left\@sm {
    text-align: left !important;
  }

  .u-text-right\@sm {
    text-align: right !important; 
  }

  .u-text-justify\@sm {
    text-align: justify !important; 
  }
  
  
  
}






@media (min-width: 64em) {


  .u-text-center\@md {
    text-align: center !important; 
  }

  .u-text-left\@md {
    text-align: left !important;
  }

  .u-text-right\@md {
    text-align: right !important; 
  }

  .u-text-justify\@md {
    text-align: justify !important; 
  }
  
  
  
}





@media (min-width: 75em) {


  .u-text-center\@lg {
    text-align: center !important; 
  }

  .u-text-left\@lg {
    text-align: left !important;
  }

  .u-text-right\@lg {
    text-align: right !important; 
  }

  .u-text-justify\@lg {
    text-align: justify !important; 
  }
  
  
  
}








/* Transformation
   ========================================================================== */










.u-text-lowercase {
  text-transform: lowercase !important;
}

.u-text-uppercase {
  text-transform: uppercase !important;
}

.u-text-capitalize {
  text-transform: capitalize !important;
}










/* Colors
   ========================================================================== */










.u-text-primary {
  color: #00BF6F !important;
}

.u-text-secondary {
  color: #FFD300 !important;
}

.u-text-tertiary {
  color:  !important;
}

.u-text-success {
  color: 0 !important;
}

.u-text-error {
  color:  !important;
}










/* ==========================================================================
   #WIDTHS
   ========================================================================== */










/**
* simpluscss generates a series of utility classes that give a fluid width to
* whichever element they’re applied, e.g.:
*
*   <img src="" alt="" class="u-1/2" />
*
* These classes are most commonly used in conjunction with our layout system,
* e.g.:
*
*   <div class="o-layout__item  u-1/2">
*
*
* Optionally, simpluscss can generate offset classes which can push and pull
* elements left and right by a specified amount, e.g.:
*
*   <div class="o-layout__item  u-2/3  u-pull-1/3">
*
* This is useful for making very granular changes to the rendered order of
* items in a layout.
*/










/* Whole
   ========================================================================== */










.u-1\/1 {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.u-push-1\/1 {
  margin-left: 100% !important;
}

.u-pull-1\/1 {
  margin-right: 100% !important;
}










/* halves
   ========================================================================== */










.u-1\/2 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  width: 50% !important;
}

.u-push-1\/2 {
  margin-left: 50% !important;
}

.u-pull-1\/2 {
  margin-right: 50% !important;
}





.u-2\/2 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.u-push-2\/2 {
  margin-left: 100% !important;
}

.u-pull-2\/2 {
  margin-right: 100% !important;
}










/* Thirds
   ========================================================================== */










.u-1\/3 {
  flex: 0 0 33.333333333% !important;
  max-width: 33.333333333% !important;
  width: 33.333333333% !important;
}

.u-push-1\/3 {
  margin-left: 33.333333333% !important;
}

.u-pull-1\/3 {
  margin-right: 33.333333333% !important;
}





.u-2\/3 {
  flex: 0 0 66.666666667% !important;
  max-width: 66.666666667% !important;
  width: 66.666666667% !important;
}

.u-push-2\/3 {
  margin-left: 66.666666667% !important;
}

.u-pull-2\/3 {
  margin-right: 66.666666667% !important;
}





.u-3\/3 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.u-push-3\/3 {
  margin-left: 100% !important;
}

.u-pull-3\/3 {
  margin-right: 100% !important;
}










/* Fourths
   ========================================================================== */










.u-1\/4 {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  width: 25% !important;
}

.u-push-1\/4 {
  margin-left: 25% !important;
}

.u-pull-1\/4 {
  margin-right: 25% !important;
}





.u-2\/4 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  width: 50% !important;
}

.u-push-2\/4 {
  margin-left: 50% !important;
}

.u-pull-2\/4 {
  margin-right: 50% !important;
}





.u-3\/4 {
  flex: 0 0 75% !important;
  max-width: 75% !important;
  width: 75% !important;
}

.u-push-3\/4 {
  margin-left: 75% !important;
}

.u-pull-3\/4 {
  margin-right: 75% !important;
}





.u-4\/4 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.u-push-4\/4 {
  margin-left: 100% !important;
}

.u-pull-4\/4 {
  margin-right: 100% !important;
}










/* Fifths
   ========================================================================== */










.u-1\/5 {
  flex: 0 0 20% !important;
  max-width: 20% !important;
  width: 20% !important;
}

.u-push-1\/5 {
  margin-left: 20% !important;
}

.u-pull-1\/5 {
  margin-right: 20% !important;
}





.u-2\/5 {
  flex: 0 0 40% !important;
  max-width: 40% !important;
  width: 40% !important;
}

.u-push-2\/5 {
  margin-left: 40% !important;
}

.u-pull-2\/5 {
  margin-right: 40% !important;
}





.u-3\/5 {
  flex: 0 0 60% !important;
  max-width: 60% !important;
  width: 60% !important;
}

.u-push-3\/5 {
  margin-left: 60% !important;
}

.u-pull-3\/5 {
  margin-right: 60% !important;
}





.u-4\/5 {
  flex: 0 0 80% !important;
  max-width: 80% !important;
  width: 80% !important;
}

.u-push-4\/5 {
  margin-left: 80% !important;
}

.u-pull-4\/5 {
  margin-right: 80% !important;
}





.u-5\/5 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.u-push-5\/5 {
  margin-left: 100% !important;
}

.u-pull-5\/5 {
  margin-right: 100% !important;
}










/* Sixths
   ========================================================================== */










.u-1\/6 {
  flex: 0 0 16.6666667% !important;
  max-width: 16.6666667%  !important;
  width: 16.6666667%  !important;
}

.u-push-1\/6 {
  margin-left: 16.6666667% !important;
}

.u-pull-1\/6 {
  margin-right: 16.6666667% !important;
}





.u-2\/6 {
  flex: 0 0 33.3333333% !important;
  max-width: 33.3333333%  !important;
  width: 33.3333333%  !important;
}

.u-push-2\/6 {
  margin-left: 33.3333333%  !important;
}

.u-pull-2\/6 {
  margin-right: 33.3333333%  !important;
}





.u-3\/6 {
  flex: 0 0 50% !important;
  max-width: 50%  !important;
  width: 50%  !important;
}

.u-push-3\/6 {
  margin-left: 50% !important;
}

.u-pull-3\/6 {
  margin-right: 50% !important;
}





.u-4\/6 {
  flex: 0 0 66.6666667% !important;
  max-width: 66.6666667%  !important;
  width: 66.6666667%  !important;
}

.u-push-4\/6 {
  margin-left: 66.6666667% !important;
}

.u-pull-4\/6 {
  margin-right: 66.6666667% !important;
}





.u-5\/6 {
  flex: 0 0 83.333333% !important;
  max-width: 83.333333% !important;
  width: 83.333333% !important;
}

.u-push-5\/6 {
  margin-left: 83.333333% !important;
}

.u-pull-5\/6 {
  margin-right: 83.333333% !important;
}





.u-6\/6 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.u-push-6\/6 {
  margin-left: 100% !important;
}

.u-pull-6\/6 {
  margin-right: 100% !important;
}











@media (min-width: 30em) {
  









/* Whole
   ========================================================================== */










   .u-1\/1\@xs {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-1\/1\@xs {
    margin-left: 100% !important;
  }
  
  .u-pull-1\/1\@xs {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* halves
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/2\@xs {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  
  .u-push-1\/2\@xs {
    margin-left: 50% !important;
  }
  
  .u-pull-1\/2\@xs {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-2\/2\@xs {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-2\/2\@xs {
    margin-left: 100% !important;
  }
  
  .u-pull-2\/2\@xs {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Thirds
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/3\@xs {
    flex: 0 0 33.333333333% !important;
    max-width: 33.333333333% !important;
    width: 33.333333333% !important;
  }
  
  .u-push-1\/3\@xs {
    margin-left: 33.333333333% !important;
  }
  
  .u-pull-1\/3\@xs {
    margin-right: 33.333333333% !important;
  }
  
  
  
  
  
  .u-2\/3\@xs {
    flex: 0 0 66.666666667% !important;
    max-width: 66.666666667% !important;
    width: 66.666666667% !important;
  }
  
  .u-push-2\/3\@xs {
    margin-left: 66.666666667% !important;
  }
  
  .u-pull-2\/3\@xs {
    margin-right: 66.666666667% !important;
  }
  
  
  
  
  
  .u-3\/3\@xs {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-3\/3\@xs {
    margin-left: 100% !important;
  }
  
  .u-pull-3\/3\@xs {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Fourths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/4\@xs {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  
  .u-push-1\/4\@xs {
    margin-left: 25% !important;
  }
  
  .u-pull-1\/4\@xs {
    margin-right: 25% !important;
  }
  
  
  
  
  
  .u-2\/4\@xs {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  
  .u-push-2\/4\@xs {
    margin-left: 50% !important;
  }
  
  .u-pull-2\/4\@xs {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-3\/4\@xs {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  
  .u-push-3\/4\@xs {
    margin-left: 75% !important;
  }
  
  .u-pull-3\/4\@xs {
    margin-right: 75% !important;
  }
  
  
  
  
  
  .u-4\/4\@xs {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-4\/4\@xs {
    margin-left: 100% !important;
  }
  
  .u-pull-4\/4\@xs {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Fifths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/5\@xs {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    width: 20% !important;
  }
  
  .u-push-1\/5\@xs {
    margin-left: 20% !important;
  }
  
  .u-pull-1\/5 {
    margin-right: 20% !important;
  }
  
  
  
  
  
  .u-2\/5\@xs {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
  }
  
  .u-push-2\/5\@xs {
    margin-left: 40% !important;
  }
  
  .u-pull-2\/5\@xs {
    margin-right: 40% !important;
  }
  
  
  
  
  
  .u-3\/5\@xs {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
  }
  
  .u-push-3\/5\@xs {
    margin-left: 60% !important;
  }
  
  .u-pull-3\/5\@xs {
    margin-right: 60% !important;
  }
  
  
  
  
  
  .u-4\/5\@xs {
    flex: 0 0 80% !important;
    max-width: 80% !important;
    width: 80% !important;
  }
  
  .u-push-4\/5\@xs {
    margin-left: 80% !important;
  }
  
  .u-pull-4\/5\@xs {
    margin-right: 80% !important;
  }
  
  
  
  
  
  .u-5\/5\@xs {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-5\/5\@xs {
    margin-left: 100% !important;
  }
  
  .u-pull-5\/5\@xs {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Sixths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/6\@xs {
    flex: 0 0 16.6666667% !important;
    max-width: 16.6666667%  !important;
    width: 16.6666667%  !important;
  }
  
  .u-push-1\/6\@xs {
    margin-left: 16.6666667% !important;
  }
  
  .u-pull-1\/6 {
    margin-right: 16.6666667% !important;
  }
  
  
  
  
  
  .u-2\/6\@xs {
    flex: 0 0 33.3333333% !important;
    max-width: 33.3333333%  !important;
    width: 33.3333333%  !important;
  }
  
  .u-push-2\/6\@xs {
    margin-left: 33.3333333%  !important;
  }
  
  .u-pull-2\/6\@xs {
    margin-right: 33.3333333%  !important;
  }
  
  
  
  
  
  .u-3\/6\@xs {
    flex: 0 0 50% !important;
    max-width: 50%  !important;
    width: 50%  !important;
  }
  
  .u-push-3\/6\@xs {
    margin-left: 50% !important;
  }
  
  .u-pull-3\/6\@xs {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-4\/6\@xs {
    flex: 0 0 66.6666667% !important;
    max-width: 66.6666667%  !important;
    width: 66.6666667%  !important;
  }
  
  .u-push-4\/6\@xs {
    margin-left: 66.6666667% !important;
  }
  
  .u-pull-4\/6\@xs {
    margin-right: 66.6666667% !important;
  }
  
  
  
  
  
  .u-5\/6\@xs {
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;
    width: 83.333333% !important;
  }
  
  .u-push-5\/6\@xs {
    margin-left: 83.333333% !important;
  }
  
  .u-pull-5\/6\@xs {
    margin-right: 83.333333% !important;
  }
  
  
  
  
  
  .u-6\/6\@xs {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-6\/6\@xs {
    margin-left: 100% !important;
  }
  
  .u-pull-6\/6\@xs {
    margin-right: 100% !important;
  }










}  











@media (min-width: 45em) {
  









/* Whole
   ========================================================================== */










   .u-1\/1\@sm {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-1\/1\@sm {
    margin-left: 100% !important;
  }
  
  .u-pull-1\/1\@sm {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* halves
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/2\@sm {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  
  .u-push-1\/2\@sm {
    margin-left: 50% !important;
  }
  
  .u-pull-1\/2\@sm {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-2\/2\@sm {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-2\/2\@sm {
    margin-left: 100% !important;
  }
  
  .u-pull-2\/2\@sm {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Thirds
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/3\@sm {
    flex: 0 0 33.333333333% !important;
    max-width: 33.333333333% !important;
    width: 33.333333333% !important;
  }
  
  .u-push-1\/3\@sm {
    margin-left: 33.333333333% !important;
  }
  
  .u-pull-1\/3\@sm {
    margin-right: 33.333333333% !important;
  }
  
  
  
  
  
  .u-2\/3\@sm {
    flex: 0 0 66.666666667% !important;
    max-width: 66.666666667% !important;
    width: 66.666666667% !important;
  }
  
  .u-push-2\/3\@sm {
    margin-left: 66.666666667% !important;
  }
  
  .u-pull-2\/3\@sm {
    margin-right: 66.666666667% !important;
  }
  
  
  
  
  
  .u-3\/3\@sm {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-3\/3\@sm {
    margin-left: 100% !important;
  }
  
  .u-pull-3\/3\@sm {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Fourths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/4\@sm {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  
  .u-push-1\/4\@sm {
    margin-left: 25% !important;
  }
  
  .u-pull-1\/4\@sm {
    margin-right: 25% !important;
  }
  
  
  
  
  
  .u-2\/4\@sm {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  
  .u-push-2\/4\@sm {
    margin-left: 50% !important;
  }
  
  .u-pull-2\/4\@sm {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-3\/4\@sm {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  
  .u-push-3\/4\@sm {
    margin-left: 75% !important;
  }
  
  .u-pull-3\/4\@sm {
    margin-right: 75% !important;
  }
  
  
  
  
  
  .u-4\/4\@sm {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-4\/4\@sm {
    margin-left: 100% !important;
  }
  
  .u-pull-4\/4\@sm {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Fifths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/5\@sm {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    width: 20% !important;
  }
  
  .u-push-1\/5\@sm {
    margin-left: 20% !important;
  }
  
  .u-pull-1\/5\@sm {
    margin-right: 20% !important;
  }
  
  
  
  
  
  .u-2\/5\@sm {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
  }
  
  .u-push-2\/5\@sm {
    margin-left: 40% !important;
  }
  
  .u-pull-2\/5\@sm {
    margin-right: 40% !important;
  }
  
  
  
  
  
  .u-3\/5\@sm {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
  }
  
  .u-push-3\/5\@sm {
    margin-left: 60% !important;
  }
  
  .u-pull-3\/5\@sm {
    margin-right: 60% !important;
  }
  
  
  
  
  
  .u-4\/5\@sm {
    flex: 0 0 80% !important;
    max-width: 80% !important;
    width: 80% !important;
  }
  
  .u-push-4\/5\@sm {
    margin-left: 80% !important;
  }
  
  .u-pull-4\/5\@sm {
    margin-right: 80% !important;
  }
  
  
  
  
  
  .u-5\/5\@sm {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-5\/5\@sm {
    margin-left: 100% !important;
  }
  
  .u-pull-5\/5\@sm {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Sixths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/6\@sm {
    flex: 0 0 16.6666667% !important;
    max-width: 16.6666667%  !important;
    width: 16.6666667%  !important;
  }
  
  .u-push-1\/6\@sm {
    margin-left: 16.6666667% !important;
  }
  
  .u-pull-1\/6\@sm {
    margin-right: 16.6666667% !important;
  }
  
  
  
  
  
  .u-2\/6\@sm {
    flex: 0 0 33.3333333% !important;
    max-width: 33.3333333%  !important;
    width: 33.3333333%  !important;
  }
  
  .u-push-2\/6\@sm {
    margin-left: 33.3333333%  !important;
  }
  
  .u-pull-2\/6\@sm {
    margin-right: 33.3333333%  !important;
  }
  
  
  
  
  
  .u-3\/6\@sm {
    flex: 0 0 50% !important;
    max-width: 50%  !important;
    width: 50%  !important;
  }
  
  .u-push-3\/6\@sm {
    margin-left: 50% !important;
  }
  
  .u-pull-3\/6\@sm {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-4\/6\@sm {
    flex: 0 0 66.6666667% !important;
    max-width: 66.6666667%  !important;
    width: 66.6666667%  !important;
  }
  
  .u-push-4\/6\@sm {
    margin-left: 66.6666667% !important;
  }
  
  .u-pull-4\/6\@sm {
    margin-right: 66.6666667% !important;
  }
  
  
  
  
  
  .u-5\/6\@sm {
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;
    width: 83.333333% !important;
  }
  
  .u-push-5\/6\@sm {
    margin-left: 83.333333% !important;
  }
  
  .u-pull-5\/6\@sm {
    margin-right: 83.333333% !important;
  }
  
  
  
  
  
  .u-6\/6\@sm {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-6\/6\@sm {
    margin-left: 100% !important;
  }
  
  .u-pull-6\/6\@sm {
    margin-right: 100% !important;
  }










}  










@media (min-width: 64em) {
  









/* Whole
   ========================================================================== */










  .u-1\/1\@md {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-1\/1\@md {
    margin-left: 100% !important;
  }
  
  .u-pull-1\/1\@md {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* halves
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/2\@md {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  
  .u-push-1\/2\@md {
    margin-left: 50% !important;
  }
  
  .u-pull-1\/2\@md {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-2\/2\@md {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-2\/2\@md {
    margin-left: 100% !important;
  }
  
  .u-pull-2\/2\@md {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Thirds
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/3\@md {
    flex: 0 0 33.333333333% !important;
    max-width: 33.333333333% !important;
    width: 33.333333333% !important;
  }
  
  .u-push-1\/3\@md {
    margin-left: 33.333333333% !important;
  }
  
  .u-pull-1\/3\@md {
    margin-right: 33.333333333% !important;
  }
  
  
  
  
  
  .u-2\/3\@md {
    flex: 0 0 66.666666667% !important;
    max-width: 66.666666667% !important;
    width: 66.666666667% !important;
  }
  
  .u-push-2\/3\@md {
    margin-left: 66.666666667% !important;
  }
  
  .u-pull-2\/3\@md {
    margin-right: 66.666666667% !important;
  }
  
  
  
  
  
  .u-3\/3\@md {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-3\/3\@md {
    margin-left: 100% !important;
  }
  
  .u-pull-3\/3\@md {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Fourths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/4\@md {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  
  .u-push-1\/4\@md {
    margin-left: 25% !important;
  }
  
  .u-pull-1\/4\@md {
    margin-right: 25% !important;
  }
  
  
  
  
  
  .u-2\/4\@md {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  
  .u-push-2\/4\@md {
    margin-left: 50% !important;
  }
  
  .u-pull-2\/4\@md {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-3\/4\@md {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  
  .u-push-3\/4\@md {
    margin-left: 75% !important;
  }
  
  .u-pull-3\/4\@md {
    margin-right: 75% !important;
  }
  
  
  
  
  
  .u-4\/4\@md {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-4\/4\@md {
    margin-left: 100% !important;
  }
  
  .u-pull-4\/4\@md {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Fifths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/5\@md {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    width: 20% !important;
  }
  
  .u-push-1\/5\@md {
    margin-left: 20% !important;
  }
  
  .u-pull-1\/5\@md {
    margin-right: 20% !important;
  }
  
  
  
  
  
  .u-2\/5\@md {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
  }
  
  .u-push-2\/5\@md {
    margin-left: 40% !important;
  }
  
  .u-pull-2\/5\@md {
    margin-right: 40% !important;
  }
  
  
  
  
  
  .u-3\/5\@md {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
  }
  
  .u-push-3\/5\@md {
    margin-left: 60% !important;
  }
  
  .u-pull-3\/5\@md {
    margin-right: 60% !important;
  }
  
  
  
  
  
  .u-4\/5\@md {
    flex: 0 0 80% !important;
    max-width: 80% !important;
    width: 80% !important;
  }
  
  .u-push-4\/5\@md {
    margin-left: 80% !important;
  }
  
  .u-pull-4\/5\@md {
    margin-right: 80% !important;
  }
  
  
  
  
  
  .u-5\/5\@md {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-5\/5\@md {
    margin-left: 100% !important;
  }
  
  .u-pull-5\/5\@md {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Sixths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/6\@md {
    flex: 0 0 16.6666667% !important;
    max-width: 16.6666667%  !important;
    width: 16.6666667%  !important;
  }
  
  .u-push-1\/6\@md {
    margin-left: 16.6666667% !important;
  }
  
  .u-pull-1\/6\@md {
    margin-right: 16.6666667% !important;
  }
  
  
  
  
  
  .u-2\/6\@md {
    flex: 0 0 33.3333333% !important;
    max-width: 33.3333333%  !important;
    width: 33.3333333%  !important;
  }
  
  .u-push-2\/6\@md {
    margin-left: 33.3333333%  !important;
  }
  
  .u-pull-2\/6\@md {
    margin-right: 33.3333333%  !important;
  }
  
  
  
  
  
  .u-3\/6\@md {
    flex: 0 0 50% !important;
    max-width: 50%  !important;
    width: 50%  !important;
  }
  
  .u-push-3\/6\@md {
    margin-left: 50% !important;
  }
  
  .u-pull-3\/6\@md {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-4\/6\@md {
    flex: 0 0 66.6666667% !important;
    max-width: 66.6666667%  !important;
    width: 66.6666667%  !important;
  }
  
  .u-push-4\/6\@md {
    margin-left: 66.6666667% !important;
  }
  
  .u-pull-4\/6\@md {
    margin-right: 66.6666667% !important;
  }
  
  
  
  
  
  .u-5\/6\@md {
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;
    width: 83.333333% !important;
  }
  
  .u-push-5\/6\@md {
    margin-left: 83.333333% !important;
  }
  
  .u-pull-5\/6\@md {
    margin-right: 83.333333% !important;
  }
  
  
  
  
  
  .u-6\/6\@md {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-6\/6\@md {
    margin-left: 100% !important;
  }
  
  .u-pull-6\/6\@md {
    margin-right: 100% !important;
  }










}  










@media (min-width: 75em) {
  









/* Whole
   ========================================================================== */










  .u-1\/1\@lg {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-1\/1\@lg {
    margin-left: 100% !important;
  }
  
  .u-pull-1\/1\@lg {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* halves
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/2\@lg {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  
  .u-push-1\/2\@lg {
    margin-left: 50% !important;
  }
  
  .u-pull-1\/2\@lg {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-2\/2\@lg {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-2\/2\@lg {
    margin-left: 100% !important;
  }
  
  .u-pull-2\/2\@lg {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Thirds
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/3\@lg {
    flex: 0 0 33.333333333% !important;
    max-width: 33.333333333% !important;
    width: 33.333333333% !important;
  }
  
  .u-push-1\/3\@lg {
    margin-left: 33.333333333% !important;
  }
  
  .u-pull-1\/3\@lg {
    margin-right: 33.333333333% !important;
  }
  
  
  
  
  
  .u-2\/3\@lg {
    flex: 0 0 66.666666667% !important;
    max-width: 66.666666667% !important;
    width: 66.666666667% !important;
  }
  
  .u-push-2\/3\@lg {
    margin-left: 66.666666667% !important;
  }
  
  .u-pull-2\/3\@lg {
    margin-right: 66.666666667% !important;
  }
  
  
  
  
  
  .u-3\/3\@lg {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-3\/3\@lg {
    margin-left: 100% !important;
  }
  
  .u-pull-3\/3\@lg {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Fourths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/4\@lg {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  
  .u-push-1\/4\@lg {
    margin-left: 25% !important;
  }
  
  .u-pull-1\/4\@lg {
    margin-right: 25% !important;
  }
  
  
  
  
  
  .u-2\/4\@lg {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  
  .u-push-2\/4\@lg {
    margin-left: 50% !important;
  }
  
  .u-pull-2\/4\@lg {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-3\/4\@lg {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  
  .u-push-3\/4\@lg {
    margin-left: 75% !important;
  }
  
  .u-pull-3\/4\@lg {
    margin-right: 75% !important;
  }
  
  
  
  
  
  .u-4\/4\@lg {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-4\/4\@lg {
    margin-left: 100% !important;
  }
  
  .u-pull-4\/4\@lg {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Fifths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/5\@lg {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    width: 20% !important;
  }
  
  .u-push-1\/5\@lg {
    margin-left: 20% !important;
  }
  
  .u-pull-1\/5\@lg {
    margin-right: 20% !important;
  }
  
  
  
  
  
  .u-2\/5\@lg {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
  }
  
  .u-push-2\/5\@lg {
    margin-left: 40% !important;
  }
  
  .u-pull-2\/5\@lg {
    margin-right: 40% !important;
  }
  
  
  
  
  
  .u-3\/5\@lg {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
  }
  
  .u-push-3\/5\@lg {
    margin-left: 60% !important;
  }
  
  .u-pull-3\/5\@lg {
    margin-right: 60% !important;
  }
  
  
  
  
  
  .u-4\/5\@lg {
    flex: 0 0 80% !important;
    max-width: 80% !important;
    width: 80% !important;
  }
  
  .u-push-4\/5\@lg {
    margin-left: 80% !important;
  }
  
  .u-pull-4\/5\@lg {
    margin-right: 80% !important;
  }
  
  
  
  
  
  .u-5\/5\@lg {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-5\/5\@lg {
    margin-left: 100% !important;
  }
  
  .u-pull-5\/5\@lg {
    margin-right: 100% !important;
  }
  
  
  
  
  
  
  
  
  
  
  /* Sixths
     ========================================================================== */
  
  
  
  
  
  
  
  
  
  
  .u-1\/6\@lg {
    flex: 0 0 16.6666667% !important;
    max-width: 16.6666667%  !important;
    width: 16.6666667%  !important;
  }
  
  .u-push-1\/6\@lg {
    margin-left: 16.6666667% !important;
  }
  
  .u-pull-1\/6\@lg {
    margin-right: 16.6666667% !important;
  }
  
  
  
  
  
  .u-2\/6\@lg {
    flex: 0 0 33.3333333% !important;
    max-width: 33.3333333%  !important;
    width: 33.3333333%  !important;
  }
  
  .u-push-2\/6\@lg {
    margin-left: 33.3333333%  !important;
  }
  
  .u-pull-2\/6\@lg {
    margin-right: 33.3333333%  !important;
  }
  
  
  
  
  
  .u-3\/6\@lg {
    flex: 0 0 50% !important;
    max-width: 50%  !important;
    width: 50%  !important;
  }
  
  .u-push-3\/6\@lg {
    margin-left: 50% !important;
  }
  
  .u-pull-3\/6\@lg {
    margin-right: 50% !important;
  }
  
  
  
  
  
  .u-4\/6\@lg {
    flex: 0 0 66.6666667% !important;
    max-width: 66.6666667%  !important;
    width: 66.6666667%  !important;
  }
  
  .u-push-4\/6\@lg {
    margin-left: 66.6666667% !important;
  }
  
  .u-pull-4\/6\@lg {
    margin-right: 66.6666667% !important;
  }
  
  
  
  
  
  .u-5\/6\@lg {
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;
    width: 83.333333% !important;
  }
  
  .u-push-5\/6\@lg {
    margin-left: 83.333333% !important;
  }
  
  .u-pull-5\/6\@lg {
    margin-right: 83.333333% !important;
  }
  
  
  
  
  
  .u-6\/6\@lg {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .u-push-6\/6\@lg {
    margin-left: 100% !important;
  }
  
  .u-pull-6\/6\@lg {
    margin-right: 100% !important;
  }










}  


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





.hs-menu-wrapper.hs-menu-flow-horizontal ul .hs-menu-children-wrapper{margin-top: -7px;}




























































 */