@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@700&display=swap" rel="stylesheet');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

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

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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


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


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
  font-family: 'Open Sans', sans-serif;  
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden], .hidden, .hidden-sm {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */

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

html,
button,
input,
select,
textarea {
    color: #000;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

a {
    text-decoration: none;
}

em, i {
  font-style: italic;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

ul.bullet-negro {
  position: relative;
  margin-left: 10px;
}

ul.bullet-negro li {
  position: relative;
  margin: 0 0 25px;
  padding-left: 15px;
}

ul.bullet-negro li:before {
  content: '';
  position: absolute;
  top: 10px; 
  left: 0; 
  width: 7px; 
  height: 7px; 
  border-radius: 50%; 
  background-color: #000;
}

ul.bullet-negro li:last-of-type {
  margin: 0;
}

ul.bullet-verde {
  position: relative;
}

ul.bullet-verde li {
  position: relative;
  margin: 0 0 20px;
  padding-left: 30px;
}

ul.bullet-verde li:before {
  content: '';
  position: absolute;
  width: 20px; 
  height: 20px;
  top: 2px; 
  left: 0; 
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/CRM/crm-icono-palomita-verde.png');
  background-repeat: no-repeat; 
  background-size: contain;
  background-position: center;
}

ul.bullet-check {
  position: relative;
}

ul.bullet-check li {
  position: relative;
  margin: 0 0 30px;
  padding-left: 30px;
}

ul.bullet-check li:before {
  content: '';
  position: absolute;
  width: 20px; 
  height: 20px;
  top: 6px; 
  left: 0; 
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Desarrollo/desarrollo-web-icono-palomita.png');
  background-repeat: no-repeat; 
  background-size: contain;
  background-position: center;
}


.hs_cos_wrapper_type_linked_image img {
    width: 100%;
}


/***************************************** Header ************************************/

.mm-page {
  background: #fff!important;
}

a[href="#page"] {
  display: none!important;
}

.mm-wrapper_opening a[href="#page"] {
  display: block!important;
}

.mm-wrapper_opening a[href="#menu"] {
  display: none!important;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

#navbar-toggle,
.menu-close {
  position: absolute;
  display: inline-block;
  width: auto;
  top: 20px;
  right: 20px;
  padding: 0;
	background: none;
	border: 0; 
	clear: both;
	cursor: pointer;
	outline: none;
	color: #fff;
	z-index: 15;
	vertical-align: middle;
}

#navbar-toggle {
  display: none;
}

#navbar-toggle .icon-bar,
.menu-close .icon-bar {
	display: block;
	position: relative;
	width: 25px;
	height: 3px;
	background-color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#navbar-toggle .icon-bar + .icon-bar,
.menu-close .icon-bar + .icon-bar {
  margin-top: 6px;
}

.menu-close .hamburger-bun,
.menu-close .hamburger-patty {
	position: relative;
}

#navbar-toggle.navbar-toggle-active .icon-bar {
	background-color: #fff;
}

.menu-close .bun-top,
.menu-close .hamburger-patty {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-close .bun-top {
	top: 9px;
}

.menu-close .hamburger-patty {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.menu-close .bun-btm {
	bottom: 9px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.visuallyhidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: -1px;
	clip: rect(0,0,0,0);
	overflow: hidden;
}



.navbar-toggle-active {
    padding: 50px 40px 76px!important;
}

.header-container-wrapper {
  position: relative; 
  z-index: 10;
}

header {
  padding: 25px 0 0;
  font-family: 'Work Sans', sans-serif;
  border-bottom: 2px solid #f2f2f2;
}

header a {
  display: inline-block;
  color: #000;
}

.logo img {
  max-width: 300px;
  min-height: 62px;
  width: 100%;
}

a.hay-vacantes {
    display: block;
    width: 145px;
    position: absolute;
    left: 275px;
    top: -32px;
}

.menu-top {
  justify-content: flex-end;
}

.menu-top li {
  margin-left: 30px;
}

.menu-top li:first-of-type {
  margin-left: 0;
}

.menu-top li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-radius: 10px;
}

.menu-top li a.login {
  padding: 10px 20px; 
  border: 2px solid #000;
  font-weight: 600;
}

.menu-top li a.contacto {
  padding: 10px 20px; 
  color: #fff;
  border: 2px solid #e84d4f;
  background-color: #e84d4f;
  font-weight: 600;
}

.menu, 
.hs-menu-flow-horizontal {
  position: relative;
  margin: 15px 0 0;
}

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

.menu li,
.hs-menu-flow-horizontal > ul > li {
  margin: 0 5px;
}

.menu li a, 
.hs-menu-flow-horizontal > ul > li > a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%!important;
  padding: 18px!important;
  overflow: unset!important;
  font-size: 20px;
  font-weight: 600;
}

.hs-menu-flow-horizontal > ul > li:first-of-type a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block!important;
  padding: 18px 0!important;
  width: 24px; 
  height: 20px;
  background-image: url('https://blog.cliento.mx/hubfs/Site2020/Home/Header/home-cliento-header.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0;
}

.hs-menu-flow-horizontal > ul > li > a:hover {
  color: #fff;
  background-color: #737373;
}

.hs-menu-flow-horizontal > ul > li:first-of-type > a:hover {
  color: transparent;
  background-color: transparent;
}

.menu li.sub-m,
.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 18px 35px 18px 18px!important;
}

.menu li.sub-m:after,
.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {
  content: "\f107";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  font-family: FontAwesome;
  font-size: 22px;
}

.hs-menu-flow-horizontal li.hs-item-has-children a:hover:after {
  color: #fff;
}

/*.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  margin-right: 94px;
}*/

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
  float: none!important;
  display: inline-block;
  vertical-align: middle;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper {
  right: 0;
  left: auto!important;
}

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

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

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  padding: 0!important;
  width: auto!important;
  max-width: unset!important;
  overflow: unset!important;
}

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

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul {
  padding: 30px 10%!important;
  box-shadow: 1px 3px 7px #ccc;
  background-color: #fff;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li {
  position: relative;
  padding-left: 50px;
  margin: 0 0 15%;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li:not(.hs-item-has-children) {
  min-height: 40px;
  margin: 0 0 5%;
  line-height: 40px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li:last-of-type:not(.hs-item-has-children) {
  margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) > ul > li:first-of-type:before {
  content: '';
  position: absolute; 
  width: 40px; 
  height: 40px;
  top: 0;
  left: 0;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Header/iconos-menu-cliento-sprite.jpg');
  background-repeat: no-repeat;
  background-size: auto 35px;
  background-position: 0 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) > ul > li:nth-child(2):before {
  content: '';
  position: absolute; 
  width: 40px; 
  height: 40px;
  top: 0;
  left: 0;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Header/iconos-menu-cliento-sprite.jpg');
  background-repeat: no-repeat;
  background-size: auto 35px;
  background-position: -54px 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(3) > ul > li:nth-child(3):before {
  content: '';
  position: absolute; 
  width: 40px; 
  height: 40px;
  top: 0;
  left: 0;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Header/iconos-menu-cliento-sprite.jpg');
  background-repeat: no-repeat;
  background-size: auto 35px;
  background-position: -107px 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) > ul > li:first-of-type:before {
  content: '';
  position: absolute; 
  width: 40px; 
  height: 40px;
  top: 0;
  left: 0;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Header/iconos-menu-cliento-sprite.jpg');
  background-repeat: no-repeat;
  background-size: auto 35px;
  background-position: -317px 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) > ul > li:nth-child(2):before {
  content: '';
  position: absolute; 
  width: 40px; 
  height: 40px;
  top: 0;
  left: 0;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Header/iconos-menu-cliento-sprite.jpg');
  background-repeat: no-repeat;
  background-size: auto 35px;
  background-position: -370px 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:nth-child(5) > ul > li:nth-child(3):before {
  content: '';
  position: absolute; 
  width: 40px; 
  height: 40px;
  top: 0;
  left: 0;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Header/iconos-menu-cliento-sprite.jpg');
  background-repeat: no-repeat;
  background-size: auto 35px;
  background-position: -422px 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li:last-of-type {
  margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li > a {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li > ul {
  position: relative!important;
  left: 0!important;
  opacity: 1!important;
  visibility: visible!important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li > ul li a {
  margin: 0 0 5px;
  line-height: 130%;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul > li > ul li:last-of-type a {
  margin: 0;
}

ul.menu-child {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: absolute;
  padding: 20px;
  width: 325px;
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,0.9);
}

ul.menu-child li {
  margin-left: 0;
  margin: 0 0 15px;
  font-size: 17px;
  font-weight: 600;
}

ul.menu-child li:last-of-type {
  margin: 0;
}

.sub-m:hover ul.menu-child {
  display: block;
}

.brmovil { display:inline: }

@media screen and (max-width: 1200px) {
  .menu li {
    margin-left: 20px;
  }

  .menu li a {
    font-size: 17px;
  }
  
}

@media screen and (max-width: 1024px) { 
  .menu li, .hs-menu-flow-horizontal>ul>li {
    margin: 0;
  }
  
  .logo img {
    max-width: 200px;
  }
  
  .cliento-menu > li > a {
    display:block;
    padding: 20px 15px;
    font-size: 18px;
  }
}

@media screen and (max-width: 925px) {
  .menu li:first-of-type {
    display: none;
  }
}

@media screen and (max-width: 850px) {
  header > div > .flex {
    display: block;
  }

  header a {
    display: block;
    width: 100%;
    max-width: 210px;
  }

  .logo img {
    display: inline-block;
    margin: 0 0 20px;
  }
  
  .menu-sitio .hidden-m {
    display: none;
  }
  
  .cliento-menu {
    display: none;
		min-height: 58px;
		background-color: #23364B;
		width: 100%;
	}
  
  a.hay-vacantes {
      width: 86px;
      left: 210px;
      top: -11px;
  }  
  #navbar-toggle {
    display: block;
  }

  .menu-top {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  /*.menu-sitio .hidden-m {
    display: none;
  }*/

  .menu-top.flex {
    display: flex;
    margin: 0;
  }

  .menu-top li {
    width: 50%;
    margin-left: 0;
    text-align: center;
  } 

  .menu-top li a {
    border-radius: 0;
  }

  .menu {
    display: none;
  }
  
  .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker {
       opacity: .0!important;
      -webkit-transition: opacity .4s ease .4s;
      -o-transition: opacity .4s ease .4s;
      transition: opacity .4s ease .1s;
  }
  
a.menu-close {
    position: absolute;
    top: 1;
    z-index: 9;
    /*transform: translate(-100%, -150%);*/
}

  a.menu-close span.icon-bar.hamburger-bun.bun-top {
    background: white;
  }

  a.menu-close span.icon-bar.hamburger-bun.bun-btm {
    background: white;
  }
  
  .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
      z-index: 50;
  }  
}

/***************************************** Columnas ************************************/

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 31.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 49%;}
.col-7 {width: 56.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.flex-margin .col-1{-ms-flex:0 0 6.333333333333334%;flex:0 0 6.333333333333334%;}
.flex-margin .col-2{-ms-flex:0 0 14.666666666666668%;flex:0 0 14.666666666666668%;}
.flex-margin .col-3{-ms-flex:0 0 23%;flex:0 0 23%;}
.flex-margin .col-4{-ms-flex:0 0 31.333333333333336%;flex:0 0 31.333333333333336%;}
.flex-margin .col-5{-ms-flex:0 0 39.66666666666667%;flex:0 0 39.66666666666667%}
.flex-margin .col-6{-ms-flex:0 0 48%;flex:0 0 48%;}
.flex-margin .col-7{-ms-flex:0 0 56.333333333333336%;flex:0 0 56.333333333333336%;}
.flex-margin .col-8{-ms-flex:0 0 64.66666666666667%;flex:0 0 64.66666666666667%;}
.flex-margin .col-9{-ms-flex:0 0 73%;flex:0 0 73%;}
.flex-margin .col-10{-ms-flex:0 0 81.33333333333334%;flex:0 0 81.33333333333334%;}
.flex-margin .col-11{-ms-flex:0 0 89.66666666666667%;flex:0 0 89.66666666666667%;}
.flex-margin .col-12{-ms-flex:0 0 98%;flex:0 0 98%;}

.flex-margin .flex .col-1{-ms-flex:0 0 6.333333333333334%;flex:0 0 6.333333333333334%;}
.flex-margin .flex .col-2{-ms-flex:0 0 14.666666666666668%;flex:0 0 14.666666666666668%;}
.flex-margin .flex .col-3{-ms-flex:0 0 23%;flex:0 0 23%;}
.flex-margin .flex .col-4{-ms-flex:0 0 31.333333333333336%;flex:0 0 31.333333333333336%;}
.flex-margin .flex .col-5{-ms-flex:0 0 39.66666666666667%;flex:0 0 39.66666666666667%}
.flex-margin .flex .col-6{-ms-flex:0 0 48%;flex:0 0 48%;}
.flex-margin .flex .col-7{-ms-flex:0 0 56.333333333333336%;flex:0 0 56.333333333333336%;}
.flex-margin .flex .col-8{-ms-flex:0 0 64.66666666666667%;flex:0 0 64.66666666666667%;}
.flex-margin .flex .col-9{-ms-flex:0 0 73%;flex:0 0 73%;}
.flex-margin .flex .col-10{-ms-flex:0 0 81.33333333333334%;flex:0 0 81.33333333333334%;}
.flex-margin .flex .col-11{-ms-flex:0 0 89.66666666666667%;flex:0 0 89.66666666666667%;}
.flex-margin .flex .col-12{-ms-flex:0 0 98%;flex:0 0 98%;}

.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90, .w-90-m { width: 90%; }
.w-100 { width: 100%; }

.w-320 { max-width: 320px; width:100%; }
.w-330 { max-width: 275px; width:100%; }

.height-auto { height: auto!important; }
.height520 { height: 510px; }  


/********************************* Flex ****************************************************/

.flex, .flex-m { 
  display: flex; 
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;   
}

.column-direction { 
  flex-direction: column; 
  -webkit-flex-direction: column; 
  -moz-flex-direction: column;     
}


.column-reverse {
    display: flex;
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;  
}

.row-direction { 
  flex-direction: row; 
  -webkit-flex-direction: row; 
  -moz-flex-direction: row;     
}

.reverse {  
  flex-direction: row-reverse; 
  -webkit-flex-direction: row-reverse; 
  -moz-flex-direction: row-reverse;     
}

.between { 
  justify-content: space-between; 
  -webkit-justify-content: space-between; 
  -moz-justify-content: space-between;   
}

.content-center { 
  justify-content: center; 
  -webkit-justify-content: center; 
  -moz-justify-content: center;   
}

.content-left {
  justify-content: flex-start;
  -webkit-justify-content: flex-start; 
  -moz-justify-content: flex-start; 
}

.content-right{
  justify-content: flex-end;
  -webkit-justify-content: flex-end; 
  -moz-justify-content: flex-end; 
}

.flex-center { 
  align-items: center;  
  -webkit-align-items: center;  
  -moz-align-items: center;      
}

.flex-top { 
  align-items: flex-start;  
  -webkit-align-items: flex-start;  
  -moz-align-items: flex-start;    
}

.flex-bottom { 
  align-items: flex-end; 
  -webkit-align-items: flex-end; 
  -moz-align-items: flex-end; 
}

.flex1 { 
  flex: 1;  
}

.wrap{
  flex-wrap:wrap;
}

.five-columns .flex > div {
  flex: 1 20%!important;
}

.flex-grow > div, 
.flex-grow > div > div,
.flex-grow > div > div > div {
  height: 100%;
}

.flex-grow > div > div.texto {
  display: flex; 
  flex-direction: column; 
  -webkit-flex-direction: column; 
  -moz-flex-direction: column;     
}

/*.grow {
  flex-grow: 1;
}*/

.row-reverse .flex-column {
  flex-direction: row-reverse;
}

.z-index {
  z-index: 1;
}

.z-index2 {
  z-index: 2!important;
}

.top25 { top:25px; }


/******************** hojas ************************************/

.hoja-1400 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:1400px; width:100%; padding:0 15px; box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; z-index: 1; }
.hoja-1300 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:1300px; width:100%; padding:0 15px; box-sizing: border-box;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 1; }
.hoja-1200 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:1200px; width:100%; padding:0 15px; box-sizing: border-box;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 1; }
.hoja-1100 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:1100px; width:100%; padding:0 15px; box-sizing: border-box;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 1; }
.hoja-1024 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:1024px; width:100%; padding:0 15px; box-sizing: border-box;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 1; }
.hoja-1000 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:1000px; width:100%; padding:0 15px; box-sizing: border-box;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; z-index: 1; }
.hoja-900 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:900px; width:100%; padding:0 15px; box-sizing: border-box;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; z-index: 1; }
.hoja-800 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:800px; width:100%;  padding:0 15px;  box-sizing: border-box;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 1; }
.hoja-700 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display:block; margin:auto; max-width:800px; width:100%;  padding:0 15px;  box-sizing: border-box;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 1; }

.margen-chico {
  position: relative; 
  display:block; 
  margin:auto; 
  max-width:1200px; 
  width:100%;
}


/*********************************  Margen ****************************************************/

.m0 { margin: 0; }
.m5 { margin-top: 5px; margin-bottom:5px }
.m10 { margin-top: 10px; margin-bottom:10px }
.m20 { margin-top: 20px; margin-bottom:20px  }
.m30 { margin-top: 30px; margin-bottom:30px  }
.m40 { margin-top: 40px; margin-bottom:40px  }
.m50 { margin-top: 50px; margin-bottom:50px  }
.m60 { margin-top: 60px; margin-bottom:60px  }
.m70 { margin-top: 70px; margin-bottom:70px  }
.m80 { margin-top: 80px; margin-bottom:80px  }
.m90 { margin-top: 90px; margin-bottom:90px  }
.m100 { margin-top: 100px; margin-bottom:100px  }

.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml10 { margin-left: 10px }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }

.mr10 { margin-right: 10px }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

/*********************************  Padding ****************************************************/

.pad0 { padding:0 !important; }
.pad10 { padding-top:10px; padding-bottom:10px; }
.pad15 { padding-top:15px; padding-bottom:15px; }
.pad20 { padding-top:20px; padding-bottom:20px; }
.pad30 { padding-top:30px; padding-bottom:30px; }
.pad40 { padding-top:40px; padding-bottom:40px; }
.pad50 { padding-top:50px; padding-bottom:50px; }
.pad60 { padding-top:60px; padding-bottom:60px; }
.pad70 { padding-top:70px; padding-bottom:70px; }
.pad80 { padding-top:80px; padding-bottom:80px; }
.pad90 { padding-top:90px; padding-bottom:90px; }
.pad100 { padding-top:100px; padding-bottom:100px; }


.pad-lat5 { padding-left:5px; padding-right:5px; }
.pad-lat10 { padding-left:10px; padding-right:10px; }
.pad-lat15 { padding-left:15px; padding-right:15px; }
.pad-lat20 { padding-left:20px; padding-right:20px; }
.pad-lat25 { padding-left:25px; padding-right:25px; }
.pad-lat30 { padding-left:30px; padding-right:30px; }
.pad-lat40 { padding-left:40px; padding-right:40px; }
.pad-lat50 { padding-left:50px; padding-right:50px; }
.pad-lat60 { padding-left:60px; padding-right:60px; }

.pad-l5 { padding-left:5px; }
.pad-l10 { padding-left:10px; }
.pad-l15 { padding-left:15px; }
.pad-l20 { padding-left:20px; }
.pad-l25 { padding-left:25px; }
.pad-l30 { padding-left:30px; }
.pad-l40 { padding-left:40px; }
.pad-l50 { padding-left:50px; }
.pad-l60 { padding-left:60px; }

.pad-r5 { padding-right:5px; }
.pad-r10 { padding-right:10px; }
.pad-r15 { padding-right:15px; }
.pad-r20 { padding-right:20px; }
.pad-r25 { padding-right:25px; }
.pad-r30 { padding-right:30px; }
.pad-r40 { padding-right:40px; }
.pad-r50 { padding-right:50px; }
.pad-r60 { padding-right:60px; }

.padt10 { padding-top:10px; }
.padt15 { padding-top:15px; }
.padt20 { padding-top:20px; }
.padt30 { padding-top:30px; }
.padt40 { padding-top:40px; }
.padt50 { padding-top:50px; }
.padt60 { padding-top:60px; }
.padt70 { padding-top:70px; }
.padt80 { padding-top:80px; }
.padt90 { padding-top:90px; }
.padt100 { padding-top: 100px; }

.padb10 { padding-bottom:10px; }
.padb15 { padding-bottom:15px; }
.padb20 { padding-bottom:20px; }
.padb30 { padding-bottom:30px; }
.padb40 { padding-bottom:40px; }
.padb50 { padding-bottom:50px; }
.padb60 { padding-bottom:60px; }
.padb70 { padding-bottom:70px; }
.padb80 { padding-bottom:80px; }
.padb90 { padding-bottom:90px; }
.padb100 { padding-bottom: 100px; }
.padl30 { padding-left:30px; }
.padl40 { padding-left:40px; }
.padl60 { padding-left:60px; }
/*********************************  Fuentes ****************************************************/

.work  { font-family: 'Work Sans', sans-serif; }
.open  { font-family: 'Open Sans', sans-serif; }
.pt { font-family: 'PT Sans', sans-serif; }

.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px!important; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px!important; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs23 { font-size:23px!important; }
.fs24 { font-size:24px; }
.fs25 { font-size:25px; }
.fs26 { font-size:26px; }
.fs28 { font-size:28px; }
.fs30 { font-size:30px; }
.fs32 { font-size:32px; }
.fs34 { font-size:34px; }
.fs35 { font-size:35px; }
.fs36 { font-size:36px; }
.fs38 { font-size:38px; }
.fs40 { font-size:40px; }
.fs42 { font-size:42px; }
.fs44 { font-size:44px; }
.fs45 { font-size:45px; }
.fs46 { font-size:46px; }
.fs48 { font-size:48px; }
.fs49 { font-size:49px; }
.fs50 { font-size:50px; }
.fs52 { font-size:52px; }
.fs54 { font-size:54px; }
.fs55 { font-size:55px; }
.fs56 { font-size:56px; }
.fs58 { font-size:58px; }
.fs60 { font-size:60px; }
.fs70 { font-size:70px; }
.fs75 { font-size:75px; }
.fs80 { font-size:80px; }

.fw100 { font-weight: 100; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw900 { font-weight: 900; }

.semi  { font-weight: 600; }
.bold, strong, b  { font-weight: 700; }
.extra { font-weight: 800; }

.under { text-decoration: underline !important; }
.underline { border-bottom:  2px solid; }
.upper { text-transform: uppercase; }

.line-normal { line-height:normal; }

.line-130 { line-height: 130%; }
.line-120 { line-height: 120%; }
.line-100 { line-height: 100%; }



/******************** Posiciones *********************************/
 
.absolute { position:absolute; }
.relative { position:relative!important;}
.fixed { position:fixed; }


/******************** display **********************************/

.block, .salto { display: block; }
.inline { display: inline-block; } 
.auto { margin-left: auto; margin-right:auto; }

.inline-top { display:inline-block; vertical-align:top }
.inline-middle { display:inline-block; vertical-align:middle; }
.inline-bottom { display:inline-block; vertical-align:bottom; }

.border-box { 
   box-sizing: border-box;   
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
}

.content-box { 
    box-sizing: content-box; 
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;  
}


/******************** Text Align **********************************/

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.texto-destacado {
  padding: 0 5px;
  color: #000; 
  background-color: #fff;
}

.texto-absoluto {
  position: absolute; 
  left: 10px;
  bottom: 10px; 
  color: #fff; 
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
}


/***************** Colores ******************************/




















.rojo { color:#E54E4E; }
.rojo2 { color:#FF6262; }

.gris { color:#F2F2F2; }
.gris2 { color:#D9D9D9; }
.gris3 { color:#737373; }

.blanco { color: #fff; }
.negro { color: #000; }
.negro2 { color: #2C2C2D; }

.azul { color: #37426f; }
.verde { color:#3cc86b; }

.bgrojo { background: #E54E4E; }
.bgrojo2 { background: #FF6262; }

.bgbaige { background: #E7E2D5; }

.bggris { background: #F2F2F2; }
.bggris2 { background: #D9D9D9; }
.bggris3 { background: #737373; }
.bggris4 { background: #2F424F; }

.bgazul { background: #37426f; }
.bgblanco  {background: #fff !important; }
.bgnegro2  {background: #2C2C2D; }

.hover-r:hover { color: #FF6262; }

.bg-gris-50 {
  position: relative;
}

.bg-gris-50:before {
  content: '';
  position: absolute; 
  height: 50%;
  left: 0; 
  right: 0;
  bottom: 0; 
  background-color: #f2f2f2;
}

.bg-gris-90 {
  position: relative;
}

.bg-gris-90:before {
  content: '';
  position: absolute; 
  height: 90%;
  left: 0; 
  right: 0;
  bottom: 0; 
  background-color: #f2f2f2;
}

.bgblanco-50:after{
 	content: '';
	background: #fff;
	height: 100%;
	position: absolute;
	right: 0;
 	top: 0;
	width: 30%;
}

.bg-banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: 55%; 
  background-position: right top;
}

.bg-banner:before {
  content: ''; 
  position: absolute; 
  /*width: 50%;*/
  width: 47%;
  top: 150px;
  bottom: 0;
  left: 0;
  background-color: #ebe3d6;
}

.banner-400{
	min-height: 400px;
}
.banner-contain{
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center center;
}
.banner-center{
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
}
.banner-content{
	min-height: 560px;
}

.borde-top-negro {
  border-top: 2px solid #000;
}

.borde-top-gris {
  border-top: 2px solid #d8d8d8;
}

.borde-bottom-gris {
  border-bottom: 2px solid #d8d8d8;
}

.borde-left-gris {
  border-left: 2px solid #d8d8d8;
}

.borde-right-gris {
  border-right: 2px solid #d8d8d8;
}

.border-gris2 {
  border: #D9D9D9 1px solid;
}

.shadow {
  box-shadow: #D9D9D9 0 0 10px;
}

.borde-negro {
  position: relative;
  display: block;
  width: 85px;
  height: 85px;
  border: 1px solid #000;
  border-radius: 50%;
  margin: auto;
  text-align: center;
  line-height: 85px;
}

/* Breadcrumbs */
.hs-breadcrumb-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  max-width: 1440px;
  margin: auto;
  padding: 0 15px;
}

.hs-breadcrumb-menu-item {
  float: none !important;
  padding: 10px 0px 10px 10px!important;
  line-height: 130%;
}

.hs-breadcrumb-menu-item:first-of-type {
  padding: 10px 0px!important;
} 

.hs-breadcrumb-menu-item a,
.hs-breadcrumb-menu-item span {
  color: #979797;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.hs-breadcrumb-menu-item span {
  color: #000;
}

.hs-breadcrumb-menu-item span.hs-breadcrumb-menu-divider {
  color: #979797;
}

ul.hs-breadcrumb-menu.fixed-bread {
  position: fixed;
  top: 0;
  /*left: 5%;*/
  z-index: 10;
  background: #fff;
  width: 100%;
  max-width: 100%;
}
/*
.anclas-servicios .hoja-1400,
.anclas-atraccion .hoja-1400,
.anclas-soluciones .hoja-1400 {
  max-width: 800px;
}*/

.row-anclas {
  border-bottom: 2px solid #f2f2f2;
}

.row-anclas li {
  /*max-width: 160px;*/
  /*max-width: 170px;*/
  width: 100%;
  line-height: 130%;
  text-align: center;
  font-family: 'Work Sans',sans-serif;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

/***** iceberg *****/
.img-iceberg {
  max-width: 1002px;
  width: 100%;
}
.thumbnails{
	position: absolute;
	top: 0;
	left: 0;
}
.thumbnails > div{
	height: 106px;
	width: 160px;
	position: absolute;
  cursor: pointer;
}
.thumb1{
	top: 62px;
  left: 430px;
}
.thumb2{
	top: 440px;
  left: 760px;
}
.thumb3{
	top: 530px;
  left: 140px;
}
.thumb4{
	top: 690px;
  left: 475px;
}

/* Logos */
.logo_home ul.lista-logos li {
    width: 175px;
    margin: 20px 20px;
}

/* Iconos */
.icos-logos span.list-icon.mampfre {
    background-position: -17px 0px;
    width: 136px;
    height: 73px;
}

.icos-logos span.list-icon.dentalia {
    background-position: -167px -1px;
    height: 70px;
    width: 143px;
}

.icos-logos span.list-icon.promocasa {
    background-position: -322px -1px;
    height: 64px;
    width: 143px;
}

.icos-logos span.list-icon.up {
    background-position: -479px -1px;
    height: 65px;
    width: 135px;
}


.icos-logos span.list-icon.edenred {
    background-position: -628px -1px;
    height: 75px;
    width: 113px;
}

.icos-logos span.list-icon.adeco {
    background-position: -754px 0px;
    height: 63px;
    width: 146px;
}

.icos-logos span.list-icon.mastercard {
    background-position: -914px 0px;
    height: 78px;
    width: 89px;
}

.icos-logos span.list-icon.clip {
    background-position: -1017px 0px;
    height: 76px;
    width: 70px;
}

.icos-logos span.list-icon.seko {
    background-position: -1098px 0px;
    height: 68px;
    width: 146px;
}

.icos-logos span.list-icon.posadas {
    background-position: -1257px 0px;
    height: 57px;
    width: 152px;
}

.icos-logos span.list-icon.boston {
    background-position: -1423px 0px;
    height: 68px;
    width: 121px;
}

.icos-logos span.list-icon.save {
    background-position: -1557px 0px;
    height: 76px;
    width: 67px;
}

.icos-logos span.list-icon.palominos {
    background-position: -1637px 0px;
    height: 65px;
    width: 131px;
}

.icos-logos span.list-icon.interface {
    background-position: -1781px 0px;
    height: 62px;
    width: 148px;
}

.icos-logos span.list-icon.europan {
    background-position: -1942px 0px;
    height: 70px;
    width: 145px;
}

.icos-logos span.list-icon.delphinus {
    background-position: -2101px 0px;
    height: 71px;
    width: 160px;
}

.icos-logos span.list-icon.benq {
    background-position: -2273px 0px;
    height: 70px;
    width: 103px;
}

.icos-logos span.list-icon.avantis {
    background-position: -2389px 0px;
    height: 77px;
    width: 84px;
}

span.icos-gente {
  display: block;
  width: 100px; 
  height: 90px;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Inbound-marketing/inbound-marketing-sprite-iconos.png');
  background-repeat: no-repeat; 
  background-size: auto 90px;
  margin: 0 auto 15px;
}

span.icos-gente.ico-lider {
  background-position: 0 0;
}

span.icos-gente.ico-marketing {
  background-position: -120px 0;
}

span.icos-gente.ico-campanias {
  background-position: -234px 0;
}

span.icos-gente.ico-video {
  background-position: -355px 0;
}

span.icos-gente.ico-posicionamiento {
  width: 144px;
  background-position: -485px 0;
}

span.icos-gente.ico-crm {
  width: 115px;
  background-position: -660px 0;
}

span.icos-gente.ico-desarrollo {
  background-position: -806px 0;
}

span.icos-gente.ico-diseno {
  background-position: -936px 0;
}

span.icos-crm {
    display: block;
    width: 100px;
    height: 90px;
    background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/CRM/crm-sprite-iconos.png);
    background-repeat: no-repeat;
    background-size: auto 90px;
    margin: 0 0 15px;
}

span.icos-crm.ico-implementar {
    background-position: 0 0;
}

span.icos-crm.ico-conectar {
    background-position: -130px 0;
}

span.icos-crm.ico-optimizar {
  background-position: -265px 0;
}

span.icos-proceso {
    display: block;
    width: 100px;
    height: 90px;
    background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/CRM/crm-sprite-iconos-2.png);
    background-repeat: no-repeat;
    background-size: auto 90px;
    margin: 0 0 15px;
}

span.icos-proceso.ico-levantamiento {
  background-position: 0 0;
}

span.icos-proceso.ico-optimizacion {
  background-position: -130px 0;
}

span.icos-proceso.ico-aprobacion {
  background-position: -258px 0;
}

span.icos-proceso.ico-configuracion {
  background-position: -385px 0;
}

span.icos-proceso.ico-importacion {
  width: 112px;
  background-position: -515px 0;
}

span.icos-proceso.ico-capacitacion {
  background-position: -655px 0;
}

.logos_tecnologia > div {
  max-width: 1200px;
  width: 100%;
}

.logos_tecnologia .icos-logos li span.list-icon {
  width: 280px;
  height: 170px;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Inbound-marketing/inbound-marketing-sprite-logos-tecnologia.png')!important;
}

.logos_tecnologia .icos-logos span.list-icon.hubspot {
  background-position: 0 0;
}

.logos_tecnologia .icos-logos span.list-icon.eloqua {
  background-position: -325px 0;
}

.logos_tecnologia .icos-logos span.list-icon.pardot {
  width: 340px;
  background-position: -675px 0;
}

.logos_tecnologia .icos-logos span.list-icon.marketo {
  width: 325px;
  background-position: -1065px 0;
}

.logos_tecnologia .icos-logos span.list-icon.active {
  width: 400px;
  background-position: -1446px 0;
}

.logos_tecnologia .icos-logos span.list-icon.mailchimp {
  background-position: -1912px 0;
}

.logos_casos .icos-logos li span.list-icon {
  width: 260px;
  height: 150px;
  background-image: url('https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Inbound-marketing/inbound-marketing-sprite-logos-casos-de-exito.png')!important;
}

/*.logos_casos .icos-logos li {
  margin: 0 0 20px;
}*/


.logos_casos .icos-logos span.list-icon.sport-solutions {
  background-position: 0 0;
}

.logos_casos .icos-logos span.list-icon.dentalia {
  background-position: -370px 0;
}

.logos_casos .icos-logos span.list-icon.uniko {
  background-position: -730px 0;
}

.logos_casos .icos-logos span.list-icon.adecco {
  background-position: -1078px 0;
}

.logos_casos .icos-logos span.list-icon.boston {
  width: 230px;
  background-position: -1448px 0;
}

.logos_casos .icos-logos span.list-icon.san-angelinn {
  width: 300px;
  background-position: -1795px 0;
}

.logos_casos .icos-logos span.list-icon.dermaarte {
  width: 250px;
  background-position: 14px -136px;
}

.logos_casos .icos-logos span.list-icon.delphinus {
  width: 325px;
  background-position: -326px -136px;
}

.logos_casos .icos-logos span.list-icon.seko {
  width: 240px;
  background-position: -750px -130px;
}

.logos_casos .icos-logos span.list-icon.benq {
  width: 180px;
  background-position: -1072px -130px;
}

.logos_casos .icos-logos span.list-icon.avantis {
  width: 170px;
  background-position: -1335px -155px;
}

.logos_casos .icos-logos span.list-icon.clip {
  width: 135px;
  background-position: -1580px -150px;
}

.logos_casos .icos-logos span.list-icon.ordas {
  width: 300px;
  background-position: -1804px -150px;
}

.logos_casos .icos-logos span.list-icon.williams {
  width: 575px;
  background-position: 0 -264px;
}

.logos_casos .icos-logos span.list-icon.up {
  width: 300px;
  background-position: -722px -266px;
}

.logos_crm .icos-logos li {
  background: #f2f2f2;
  box-shadow: rgba(0,0,0,.5) 4px 4px 10px -2px;
  padding: 10px;
  max-width: 210px;
  width: 100%;
  min-height: 170px;
  display: flex;
  margin: 0 40px 25px;
  align-items: center;
}

.logos_crm .icos-logos span.list-icon {
  width: 210px;
  height: 80px;
  margin: 0 auto;
}

.logos_crm .icos-logos span.list-icon.europan {
  background-position: -8px center;
}

.logos_crm .icos-logos span.list-icon.edacom {
  background-position: -226px center;
  width: 194px;
}

.logos_crm .icos-logos span.list-icon.delreal {
  width: 210px;
  background-position: -430px center;
}

.logos_crm .icos-logos span.list-icon.dentalia {
  width: 169px;
  background-position: -648px center;
}

span.ico-beneficios {
  display: block;
  width: 117px;
  height: 90px;
  background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Trabaja-con-nosotros/trabaja-en-cliento-sprite-iconos.png);
  background-repeat: no-repeat;
  background-size: auto 90px;
}

span.ico-beneficios span{
  display: none;
}

span.ico-beneficios.ico-seguro {
  background-position: 0 0;
}

span.ico-beneficios.ico-eventos {
  background-position: -105px 0;
}

span.ico-beneficios.ico-vacaciones {
  background-position: -212px 0;
}

span.ico-beneficios.ico-friday {
  background-position: -317px 0;
}

span.ico-beneficios.ico-ensaladas {
  background-position: -428px 0;
}

span.ico-beneficios.ico-coffee {
  width: 115px;
  background-position: -538px 0;
}

span.ico-beneficios.ico-snacks {
  background-position: -646px 0;
}

span.ico-beneficios.ico-estacionamiento {
  background-position: -765px 0;
}

span.icos-aplicaciones {
  display: block;
  width: 165px;
  height: 85px;
  background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/CRM/crm-sprite-logos-plataformas.png);
  background-repeat: no-repeat;
  background-size: auto 85px;
}

span.icos-aplicaciones.ico-hubspot {
  background-position: 0 0;
}

span.icos-aplicaciones.ico-salesforce {
  width: 128px;
  background-position: -240px 0;
}

span.icos-aplicaciones.ico-sap {
  background-position: -436px 0;
}

span.icos-aplicaciones.ico-zoho {
  width: 200px;
  background-position: -675px 0;
}

span.icos-aplicaciones.ico-calixta {
  width: 220px;
  background-position: -950px 0;
}

span.icos-campanias {
  display: block;
  width: 115px;
  height: 70px;
  background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/campanias-pagadas/campanas-pagadas-sprite-iconos.png);
  background-repeat: no-repeat;
  background-size: auto 70px;
  margin: 0 0 15px;
}


li.mb20.b-rojo:before {
    content: "";
    background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/campanias-pagadas/campanas-pagadas-icono-x.png);
}

span.icos-campanias.ico-busqueda {
  background-position: 0 0;
}

span.icos-campanias.ico-display {
  background-position: -150px 0;
}

span.icos-campanias.ico-youtube {
  background-position: -285px 0;
}

span.icos-campanias.ico-shopping {
  background-position: -400px 0;
}

span.icos-campanias.ico-facebook {
  background-position: -530px 0;
}

span.icos-campanias.ico-linkedin {
  background-position: -640px 0;
}

span.icos-campanias.ico-geolocalizadas {
  background-position: -760px 0;
}

span.icos-campanias.ico-remarketing {
  background-position: -868px 0;
}

span.icos-seo {
  display: block;
  width: 130px;
  height: 110px;
  background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/SEO/agencia-seo-mexico-cliento-sprite.png);
  background-repeat: no-repeat;
  background-size: auto 110px;
  margin: 0 auto 15px;
}

span.icos-seo.ico-escalera {
  background-position: 0 0;
}

span.icos-seo.ico-formula {
  background-position: -121px 0;
}

span.icos-seo.ico-mejores {
  width: 100px;
  background-position: -245px 0;
}

span.icos-seo.ico-condesa {
  background-position: -338px 0;
}

span.icos-desarrollo {
  display: block;
  width: 110px;
  height: 85px;
  background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Desarrollo/desarrollo-web-sprite-iconos-1.png);
  background-repeat: no-repeat;
  background-size: auto 85px;
}

span.icos-desarrollo.ico-front {
  background-position: -450px 0;
}

span.icos-desarrollo.ico-back {
  background-position: -340px 0;
}

span.icos-desarrollo.ico-sistema {
  background-position: -225px 0;
}

span.icos-desarrollo.ico-objetivos {
  background-position: -112px 0;
}

span.icos-desarrollo.ico-integracion {
  background-position: 6px 0;
}

span.icos-fases {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Desarrollo/desarrollo-web-sprite-iconos-2.png);
  background-repeat: no-repeat;
  background-size: auto 100px;
}

span.icos-fases.fase1 {
  background-position: 0 0;
}

span.icos-fases.fase2 {
  width: 120px;
  background-position: -136px 0;
}

span.icos-fases.fase3 {
  width: 135px;
  background-position: -287px 0;
}

span.icos-fases.fase4 {
  width: 120px;
  background-position: -468px 0;
}

span.icos-fases.fase5 {
  width: 135px;
  background-position: -625px 0;
}

span.icos-fases.fase6 {
  width: 150px;
  background-position: -805px 0;
}

span.icos-soluciones {
  display: block;
  width: 215px;
  height: 92px;
  background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Desarrollo/desarrollo-web-sprite-logos.png);
  background-repeat: no-repeat;
  background-size: auto 92px;
  margin: auto;
}

span.icos-soluciones.ico-hubspot {
  background-position: 0 0;
}

span.icos-soluciones.ico-salesforce {
  width: 135px;
  background-position: -1120px 0;
}

span.icos-soluciones.ico-sap {
  width: 170px;
  background-position: -872px 0;
}

span.icos-soluciones.ico-zoho {
  background-position: -582px 0;
}

span.icos-soluciones.ico-dynamics {
  background-position: -292px 0;
}

span.icos-soluciones.ico-calixta {
  width: 245px;
  background-position: -1345px 0;
}

.icos-social .ico{
  display: block;
  background: url(https://www.cliento.mx/hubfs/Site2020/social-media/social-media-sprite-iconos-cliento.jpg) no-repeat;
  height: 146px;
}
.icos-social .ico1{
  background-position: -27px center;
  width: 160px;
}
.icos-social .ico2{
  background-position: -226px center;
  width: 158px;
}
.icos-social .ico3{
  background-position: -424px center;
  width: 155px;
}
.icos-social .ico4{
  background-position: -620px center;
  width: 155px;
}
.icos-social .ico span{
  display: none;
}

.ico-conexion {
  position: relative;
}

.ico-conexion:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 75px;
  bottom: -58px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(https://www.cliento.mx/hubfs/Site2020/Desarrollo/desarrollo-web-icono-integraciones.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.bullet {
  line-height: 130%;
}
.bullet li {
  list-style: disc;
  margin: 0 0 15px 25px;
}

.items-tab {
  display: none;
}

.items-tab.item-1 {
  display: block;
}

.fondo-nosotros {  
  background-image: url(https://www.cliento.mx/hubfs/Site2020/Home/2023/home-cliento-clientes-equipo.jpg);
  background-repeat: no-repeat;
  width: 1200px;
  height: 590px;
  margin: auto;
}

.fondo-nosotros-en {
  background-image: url(https://www.cliento.mx/hubfs/Site2020/en/home/2023/cliento-team-jun23.jpg);
}

.pleca-cliento {
    top: 197px;
    position: relative;
    width: 473px;
    left: 94px;
    padding: 10px 30px;
    box-sizing: border-box;
    height: 238px;
}

.box-vacante {
  position: absolute;
  right: 0;
  bottom: 10px;
  max-width: 236px;
  width: 100%;   
}

.btn-borde {
  padding: 10px 15px;
  border: solid 2px;
  border-radius: 8px;
}

.borde-radius {
  border-radius: 8px;
}

.btn-borde-rojo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  max-width: 230px;
  width: 100%;
  padding: 10px 20px;
  margin-top: 20px;
  color: #fff;
  border: 2px solid #e84d4f;
  background-color: #e84d4f;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  border-radius: 8px;
  line-height: 130%;
}

.btn-rojo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 20px;
  margin-top: 20px;
  color: #fff;
  border: 2px solid #e84d4f;
  background-color: #e84d4f;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  border-radius: 8px;
  line-height: 130%;
}

.btn-rojo-cta {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 8px 30px;
  color: #fff;
  border: 2px solid #e84d4f;
  background-color: #e84d4f;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  border-radius: 8px;
  line-height: 130%;
}

.flex-tabs li {
  display: flex;
  max-width: unset;
  margin: 0 20px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.flex-tabs li:hover,
.flex-tabs li.tab-active {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 12px 20px;
  color: #fff;
  border: 2px solid #e84d4f;
  background-color: #e84d4f;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  border-radius: 8px;
  line-height: 130%;
}

p.casos {
  position: relative;
  margin: 0 0 25px;
  display: none;
  padding: 15px 10px;
  font-family: 'Work Sans',sans-serif;
  font-size: 22px;
  color: #fff;
  background-color: #2c2c2d;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}

p.casos:after {
  content: "\f107";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  color: #fff;
  font-family: FontAwesome;
  font-size: 35px;
}

p.casos.active:after {
  content: "\f107";
  line-height: normal;
  -webkit-transform: rotate(180deg) translateY(50%);
  -moz-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}

.btn-borde-rojo-small {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  padding: 8px 20px;
  color: #fff;
  border: 2px solid #e84d4f;
  background-color: #e84d4f;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  border-radius: 8px;
  line-height: 130%;
}

.btn-borde-bco {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  max-width: 230px;
  width: 100%;
  padding: 15px 20px;
  margin-top: 20px;
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  border-radius: 8px;
  line-height: 130%;
}

.btn-borde-negro, .btn-borde-negro2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  max-width: 230px;
  width: 100%;
  padding: 12px 20px;
  margin-top: 20px;
  color: #000;
  border: 2px solid #000;
  background-color: transparent;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Work Sans', sans-serif;
  border-radius: 8px;
  line-height: 130%;
}
.btn-borde-negro2 {
  max-width: 250px;
}


/*** Logos socios tecnológicos ***/


.logo-socio {
    height: auto!important;
    padding: 30px 0 45px;
}

.logo-socio figure {
    background-image: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/socios-tecnologicos/socios-cliento-hubspot-sprite-logos.jpg);
    width: 230px;
    height: 70px;
    margin: auto;
    padding:  0;
}
  
.logo-socio figure.semrush {
    background-position: -247px 0px;
    width: 160px;
    height: 72px;
}

.logo-socio figure.sprout {
    background-position: -421px 0px;
    width: 247px;
    height: 72px;
}  
  
.logo-socio figure.logo-wistia {
    background-position: -681px 0px;
    width: 210px;
}

.logo-socio figure.zapier {
    background-position: -907px 0px;
    width: 154px;
}

.logo-socio figure.wopress {
    background-position: -1074px 0px;
    width: 169px;
    height: 72px;
}  
  
  
.logo-socio figure.mailchimp {
    background-position: -1255px 0px;
    width: 225px;
    height: 71px;
}

.logo-socio figure.hotjar {
    background-position: -1493px 0px;
    width: 146px;
    height: 71px;    
}

.logo-socio figure.calixta {
    background-position: -1654px 0px;
    width: 237px;
    height: 71px;
}  
  
.logo-socio figure.slack {
    background-position: -1899px 0px;
    width: 216px;
    height: 71px;
}

.logo-socio figure.monday {
    background-position: -2130px 0px;
    width: 221px;
    height: 71px;
}

.logo-socio figure.dropbox {
    background-position: -2368px 0px;
    width: 213px;
    height: 71px;
}

/*Content marketing*/
.icos-casos-content .ico{
	background: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/content-marketing/cliento-content-mkt-sprite-logos.jpg) no-repeat;
	height: 104px;
}
.icos-casos-content .ico1{
	background-position: -14px center;
	width: 238px;
}
.icos-casos-content .ico2{
	background-position: -266px center;
	width: 244px;
}
.icos-casos-content .ico3{
	background-position: -524px center;
	width: 204px;
}
.icos-casos-content .ico4{
	background-position: -741px center;
	width: 206px;
}
.icos-casos-content .ico5{
	background-position: -960px center;
	width: 170px;
}
.icos-ayuda-content .ico{
	background: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/content-marketing/cliento-content-mkt-sprite-icono.png) no-repeat;
	height: 125px;
	margin: 0 auto 40px;
}
.icos-ayuda-content .ico1{
	background-position: -14px center;
	width: 120px;
}
.icos-ayuda-content .ico2{
	background-position: -142px center;
	width: 175px;
}
.icos-ayuda-content .ico3{
	background-position: -327px center;
	width: 122px;
}
.icos-ayuda-content .ico4{
	background-position: -458px center;
	width: 150px;
}

/*estrategia digital*/

.icos-estrategia-dig .ico{
	background: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/estrategias-digitales/estrategia-digital-sprite-iconos.png) no-repeat;
	height: 100px;
}
.icos-estrategia-dig .ico1{
	background-position: -138px center;
	width: 95px;
}
.icos-estrategia-dig .ico2{
	background-position: -275px center;
	width: 95px;
}
.icos-estrategia-dig .ico3{
	background-position: 0px center;
    width: 92px;
}
.icos-estrategia-dig .ico4{
	background-position: -410px center;
	width: 115px;
}
.icos-estrategia-dig .ico5{
	background-position: -564px center;
	width: 115px;
}
.icos-estrategia-dig .ico6{
	background-position: -708px center;
	width: 115px;
}


.icos-estrategia-dig-casos .icos-logos span.list-icon {
  background: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/estrategias-digitales/estrategia-marketing-digital-sprite.png) no-repeat;
  height: 112px;
  margin: 0 auto;
}
.icos-estrategia-dig-casos .icos-logos span.list-icon.dentalia{
	background-position: -9px center;
  width: 156px;
}
.icos-estrategia-dig-casos .icos-logos span.list-icon.prisa{
	background-position: -174px center;
  width: 184px;
}
.icos-estrategia-dig-casos .icos-logos span.list-icon.clip{
	background-position: -909px center;
  width: 111px;
}
.icos-estrategia-dig-casos .icos-logos span.list-icon.boston{
	background-position: -552px center;
  width: 123px;
}
.icos-estrategia-dig-casos .icos-logos span.list-icon.mastercard{
	background-position: -367px center;
  width: 176px;
}
.icos-estrategia-dig-casos .icos-logos span.list-icon.marival {
	background-position: -1028px center;
  width: 163px;
}
.icos-estrategia-dig-casos .icos-logos span.list-icon.fiesta-americana{
	background-position: -691px center;
  width: 208px;
}

/*growth casos de exito*/

.icos-casos-growth .icos-logos li {
    background: #f2f2f2;
    box-shadow: rgba(0,0,0,.5) 4px 4px 10px -2px;
    padding: 10px;
    max-width: 225px;
    width: 100%;
    min-height: 175px;
    display: flex;
    margin: 0 40px 25px;
}

.icos-casos-growth .icos-logos span.list-icon{
	background: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Servicios/servicios-cliento-logos-sprite.png) no-repeat;
	height: 100px;
  margin: auto;
}
.icos-casos-growth .icos-logos span.list-icon.nimblr{
	background-position: -136px center;
  width: 178px;
}
.icos-casos-growth .icos-logos span.list-icon.hitsbook{
	background-position: -10px center;
  width: 115px;
}
.icos-casos-growth .icos-logos span.list-icon.clip{
	background-position: -322px center;
  width: 103px;
}
.icos-casos-growth .icos-logos span.list-icon.uniko{
	background-position: -433px center;
  width: 192px;
}

/*soluciones*/
.bgblanco-t-l-50:before, 
.bgblanco-t-r-50:before {
  content: '';
  background: #fff;
  height: 50px;
  position: absolute;
  left: 0;
  top: -50px;
  width: 100%;
  max-width: 1200px;
}
.bgblanco-t-r-50:before{
  left: initial;
  right: 0;
}
.flechas-down:after{
  background: #fff;
  border: #000 4px solid;
  border-radius: 100px;
  content: '\f103';
  font-family: FontAwesome;
  font-size: 35px;
  line-height: normal;
  padding: 6px 12px;
  position: absolute;
  bottom: -27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

.icos-casos-soluciones .icos-logos li {
    background: #f2f2f2;
    box-shadow: rgba(0,0,0,.5) 4px 4px 10px -2px;
    padding: 10px;
    max-width: 258px;
    width: 100%;
    min-height: 170px;
    display: flex;
    margin: 0 30px 50px;
    align-items: center;
}
.icos-casos-soluciones .icos-logos span.list-icon {
  background: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/soluciones/soluciones-cliento-casos-sprite.png) no-repeat;
  height: 96px;
  margin: auto;
}
.icos-casos-soluciones .icos-logos span.list-icon.up{
  background-position: -9px center;
  width: 214px;
}
.icos-casos-soluciones .icos-logos span.list-icon.prisa{
  background-position: -233px center;
  width: 184px;
}
.icos-casos-soluciones .icos-logos span.list-icon.avantis{
  background-position: -426px center;
  width: 125px;
}
.icos-casos-soluciones .icos-logos span.list-icon.cabo-norte{
  background-position: -560px center;
  width: 125px;
}
.icos-casos-soluciones .icos-logos span.list-icon.dentalia{
  background-position: -694px center;
  width: 206px;
}
.icos-casos-soluciones .icos-logos span.list-icon.novalaser{
  background-position: -909px center;
  width: 222px;
}
.icos-casos-soluciones .icos-logos span.list-icon.europan{
  background-position: -1140px center;
  width: 258px;
}

/*********Contacto**********/

::-webkit-input-placeholder {
  font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 18px !important;
    opacity: 1;
  }
::-moz-placeholder {
  font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 18px !important;
    opacity: 1;
  }
::-moz-placeholder {
  font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 18px !important;
    opacity: 1;
  }
::-ms-input-placeholder {
  font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 18px !important;
    opacity: 1;
  }
.form-contacto fieldset.form-columns-1, .form-contacto fieldset.form-columns-2 {
    width: 100%;
    max-width: 100%;
}
.form-contacto .hs-form-field {
    margin-bottom: 35px;
  font-family: 'Open Sans', sans-serif;
}
.form-contacto .hs-form-field label {
    display: inline-block;
    font-size: 24px;
  line-height: 120%;
    margin-bottom: 15px;
}
.form-contacto .input .hs-input {
    border: 2px solid #d8d8d8;
    border-radius: 10px;
    font-size: 24px;
    min-height: 45px;
    padding: 0 20px;
  width: 100% !important;
}
.form-contacto .hs-fieldtype-booleancheckbox label{
  font-size: 22px;
}
.form-contacto .hs-fieldtype-booleancheckbox .hs-form-booleancheckbox input{
  width: auto !important;
}
.form-contacto .input textarea.hs-input {
  font-family: 'Open Sans', sans-serif;
    min-height: 100px;
  width: 100% !important;
}
.form-contacto .hs-fieldtype-radio {
    margin-top: 30px;
}
.form-contacto .hs-fieldtype-radio .hs-form-radio {
    display: inline-block;
    margin-right: 50px;
}
.form-contacto .hs-fieldtype-radio .hs-form-radio input {
    width: auto !important;
}
.form-contacto .hs-fieldtype-radio .hs-input, .form-contacto .hs-form-booleancheckbox .hs-input {
    min-height: auto;
    margin-right: 20px;
}
.form-contacto .hs-field-desc a {
    color: #e84d4f;
}
.form-contacto .hs-submit .actions input {
    box-sizing: border-box;
    width: 100%;
    max-width: 300px;
    padding: 12px 20px;
    color: #fff;
    border: 2px solid #e84d4f;
    background-color: #e84d4f;
    font-weight: 600;
    font-size: 22px;
    font-family: 'Work Sans',sans-serif;
    border-radius: 8px;
    line-height: 130%;
}
.form-contacto .hs-richtext {
    text-align: right;
    width: 100%;
    position: relative;
}
.form-contacto .hs-richtext p {
    position: absolute;
    right: 0;
}
.form-contacto .hs-form-field .hs-error-msgs label.hs-error-msg {
    font-size: 18px;
    color: #e84d4f;
}
.form-contacto .hs_error_rollup {
    display: none;
}
.form-contacto .hs-fieldtype-file {
  margin-bottom: 10px;
}
.form-contacto .hs-fieldtype-file label {
  font-weight: 600;
}
.form-contacto .hs-fieldtype-file .input .hs-input{
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 22px;
  font-style: italic;
  min-height: 40px;
  width: auto !important;
  padding: 0;
}
/*.form-contacto .hs-fieldtype-file .input:before{
  background: #f2f2f2;
  border: #000 1px solid;
  content: 'Seleccionar archivo \f0c6';
  cursor: pointer;
  display: inline-block;
  font-family: 'Open Sans',sans-serif, FontAwesome;
  font-size: 24px;
  font-weight: 400;
  margin: 10px 0 0;
  padding: 10px;
}
.form-contacto .hs-fieldtype-file input[type="file"] {
 width: 0.1px;
 height: 0.1px;
 min-height: 0 !important;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
 }*/
.form-contacto input.hs-input[type="checkbox"], .form-contacto input.hs-input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    top: 1px;
    width: 18px !important;
    height: 18px !important;
    min-height: 0 !important;
    margin: 0 8px 0 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: 0;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    padding:0;
}
.form-contacto input.hs-input[type="checkbox"]:hover:before, .form-contacto input.hs-input[type="checkbox"]:checked:before,
.form-contacto input.hs-input[type="radio"]:hover:before, .form-contacto input.hs-input[type="radio"]:checked:before{
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 50%;
    background-color: #e84d4f;
}
.btn-file {
  background: #d8d8d8;
  box-shadow: #999 0 2px 1px;
  border-radius: 10px;
  padding: 15px 20px;
}
.btn-file i {
  transform: rotate(224deg);
}

/*********Vacantes**********/
.form-vacante .flex {
  align-items: flex-start;
}
.form-vacante .form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 40px;
  background-color: #f2f2f2;
}
.form-vacante .form h3 {
  margin: 0 0 40px;
  font-weight: 700;
  font-size: 34px;
  font-family: 'Work Sans',sans-serif;
  line-height: 130%;
}
.form-vacante .hs-form {
  position: relative;
  padding: 0 0 50px;
}
.form-vacante .hs-richtext p {
  margin: 0 0 40px;
  font-weight: 700;
  font-size: 24px;
  font-family: 'Work Sans',sans-serif;
  line-height: 130%;
}
.form-vacante .btn-borde-negro {
  max-width: 100%;
  text-align: center;
}
.form-vacante .hs-form-field {
  margin-bottom: 35px;
}
.form-vacante .hs-form-field label {
  display: inline-block;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 15px;
}
.form-vacante .hs-form-field .hs-error-msgs label.hs-error-msg {
  margin: 10px 0 0;
  font-size: 18px;
  color: #e84d4f;
}
.form-vacante .input .hs-input {
  max-width: 100%!important;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  font-size: 22px;
  min-height: 45px!important;
}
.form-vacante input.hs-input[type="checkbox"] {
  -webkit-appearance: none;
  position: relative;
  top: 1px;
  width: 18px!important;
  height: 18px!important;
  min-height: 0!important;
  margin: 0 8px 0 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  outline: 0;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  cursor: pointer;
}
.form-vacante input.hs-input[type="checkbox"]:hover:before, 
.form-vacante input.hs-input[type="checkbox"]:checked:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 50%;
  background-color: #e84d4f;
}
.form-vacante .input input[type="file"] {
  min-height: 0!important;
  border: 0;
  border-radius: 0;
}
.form-vacante .hs-form div:nth-last-of-type(2) {
  position: absolute;
  left: 0;
  bottom: -50px;
}
.form-vacante .hs-form div:nth-last-of-type(2) .hs-richtext p {
  font-weight: 400;
  font-style: italic;
}
.form-vacante .hs-submit .actions input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 12px 20px;
  color: #fff;
  border: 2px solid #e84d4f;
  background-color: #e84d4f;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Work Sans',sans-serif;
  border-radius: 8px;
  line-height: 130%;
}

@media screen and (max-width: 767px) {
  .form-vacante .form {
    padding: 20px 15px;
  }
  .top25 { top:0px; }   
}

.getscript, .link-bloque-a{
	cursor: pointer;
}
.link-bloque-a{
  display: inline-block;
	/*height: 100%;*/
  width: 100%;
}

/*********lazy**********/
img.lazy {
  font-size: 10px;
  color: transparent;
}
.lazy {
  background-image: none !important;
  position: relative;
}
.lazy:before, .lazy:after {
  content: '';
  position: absolute;
  top: 40%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #E54E4E;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lazy:before {
  left: 40%;
  animation: lds-ellipsis1 0.6s infinite;
}
.lazy:after {
  left: 45%;
  animation: lds-ellipsis2 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/*animación circulo*/
/*.lazy:after {
  content: " ";
  display: block;
  width: 50px;
  height: 50px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #E54E4E;
  border-color: #E54E4E transparent #E54E4E transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}*/
.flex .text-center.lazy:before, .flex .text-center.lazy:after{
  display: none;
}

.visible-m {
  display: none;
}


/***************************************** Footer ************************************/

.footer {
  margin-top: 50px;
  padding: 50px 0;
  color: #fff;
  background-color: #2C2C2D;
}

.footer li {
  color: #fff;
}

.menu-footer > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 10px;
}

.menu-footer > div:first-of-type {
  padding: 0;
}

.menu-footer ul {
  margin: 0 0 35px;
}

.menu-footer ul:last-of-type {
  margin: 0;
}

.menu-footer ul li,
.menu-footer ul li a {
  color: #fff;
  line-height: 130%;
} 

.menu-footer ul li {
  margin: 0 0 10px;
  line-height: 130%;
}

.menu-footer ul li:last-of-type {
  /*margin: 0;*/
}

.menu-footer ul li span {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 22px; 
  font-weight: 600;
  line-height: 130%;
}

.menu-footer ul li a,
.menu-footer ul li p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: normal;
}

.menu-footer ul.direccion a {
  display: block;
}

.menu-footer ul.direccion li img {
  margin: 20px 0 0;
}

.menu-footer ul ul {
  padding: 0 0 0 10px;
}

.logo-footer {
  display: block; 
  width: 100%;
}

.logo-footer img {
  max-width: 250px; 
  width: 100%;
}

.redes {
  margin: 0;
}

.redes p {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.menu-footer ul.flex-redes {
  display: flex;
  font-size: 17px;
  margin: 0 0 10px;
  padding: 0;
}

.menu-footer ul.flex-redes li {
  margin-left: 10px;
}
.menu-footer ul.flex-redes li a img{
  margin: 0;
}

.menu-footer ul.flex-redes li:first-child {
  margin-left: 0;
}

#button.show { display:inline-block; }  

#button {
  display: none;
  background-color: #2c2c2c;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 4%;
  right: 4%;
  transition: background-color .3s;
  z-index: 1000;
  border-radius: 60px;    
}

#button:hover {
  cursor: pointer;
  background-color: #333;
}

#button:active {
  background-color: #555;
}

#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  position: relative;
  top: -2px;
}

.menu-footer ul.f-contacto {
  margin: 15px 0 0;
  padding: 0;
}

.menu-footer ul.f-contacto li {
  margin: 0;
}

.f-copyright {
  padding: 20px 0;
  background-color: #0c0c0c;
  text-align: center;
}

.f-copyright p,
.f-copyright p a {
  color: #fff;
  font-size: 15px;
  line-height: 130%;
}

.dnone {
  display: none;
}

@media screen and (max-width: 768px) {
  .menu-footer.flex {
    display: block;
  }

  .menu-footer > div {
    padding: 0 0 20px!important;
    margin: 0 0 20px; 
    border-bottom: 1px solid #fff;
  }

  .menu-footer > div:last-of-type {
    padding: 0;
    margin: 0; 
    border-bottom: 0;
  }

  .menu-footer ul {
    margin: 0 0 20px;
  }

  .menu-footer li span {
    margin: 0;
  }

  .logo-footer img {
    display: block; 
    margin: auto;
  }
}

@media (max-width: 1280px) {
  
  .hoja-1400{
    max-width: 90%;
  }
  
  .banner-400 {
    min-height: 375px;
  }
  
  .fondo-nosotros{
    background-size: contain;
    height: 515px;
    width: 1120px;
  }
  .pleca-cliento {
    height: 205px;
    top: 202px;
    left: 101px;
    width: 409px;
    padding: 10px;
  }
  .box-vacante{
    bottom: 0;
    max-width: 200px;
  }
  
  .w-330 {
    max-width: 270px;
  }
  
}

@media (max-width: 1200px) {
  
  .hoja-1200{
    max-width: 90%;
  }
  
  .banner-400 {
    min-height: 350px;
  }
  
  .form-contacto .hs-fieldtype-booleancheckbox label {
    font-size: 20px;
  }
  .form-contacto .hs-richtext {
    text-align: left;
    margin-bottom: 30px;
  }
  .form-contacto .hs-richtext p {
    position: initial;
  }
  
  .fondo-nosotros {
    height: 490px;
    width: 1050px;
  }
  .pleca-cliento {
    height: 192px;
    top: 190px;
    left: 95px;
    width: 382px;
  }
  .pleca-cliento .fs34 {
    font-size: 34px;
  }
  .pleca-cliento .fs18 {
    font-size: 17px;
  }
  .pleca-cliento .pad20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .box-vacante {
    right: -15px;
  }
  
  .w-330 {
    max-width: 250px;
  }
  
}

@media (max-width: 1100px) {
  
  .logo img {
      max-width: 190px;
      min-width: 190px;
  }
  
  .menu li a, .hs-menu-flow-horizontal > ul > li > a {
    padding: 12px!important;
  }
  
  .menu li.sub-m, .hs-menu-flow-horizontal > ul > li.hs-item-has-children > a {
    padding: 12px 25px 12px 12px!important;
  } 
  
  .menu li.sub-m:after, 
  .hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {
    right: 5px;
  }
  
  .thumb2 {
    left: 780px;
  }
  
  .fondo-nosotros {
    height: 445px;
    width: 960px;
  }
  .pleca-cliento {
    height: 175px;
    top: 174px;
    left: 87px;
    width: 349px;
  }
  .pleca-cliento .fs34 {
    font-size: 28px;
  }
  .pleca-cliento .fs20, .box-vacante.fs20 {
    font-size: 18px;
  }
  .pleca-cliento .fs18, .box-vacante .fs18 {
    font-size: 15px;
  }
  .pleca-cliento .pad20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .box-vacante {
    max-width: 196px;
    right: -10px;
  }
  .box-vacante .fs24 {
    font-size: 20px;
  }
  
  .w-330 {
    max-width: 225px;
  }
  
}

@media (max-width: 1024px) { 
  .bgblanco-t-l-50:before, 
  .bgblanco-t-r-50:before {
    display: none;
  }  
  
  .pad80 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .padb80 {
    padding-bottom: 50px;
  }

  .w-80,
  .w-90 {
    width: 100%;
  }
  
  .fs70 {
    font-size: 65px;
  }
  
  .fs60 {
    font-size: 50px;
  }
  .fs60 {
    font-size: 40px;
  }
  
  .fs55 {
    font-size: 45px;
  }

  .fs45 {
    font-size: 32px;
  }
  
  .fs40 {
    font-size: 30px;
  }
  
  .fs38 {
    font-size: 32px;
  }
  
  .fs34 {
    font-size: 30px;
  }
  
  .fs28 {
    font-size: 26px;
  }
  
  .fs26 {
    font-size: 24px;
  }
  
  .fs24 {
    font-size: 22px;
  }
  
  .fs22 {
      font-size: 20px;
  }
  
  .banner-content {
    min-height: 400px;
  }
  
  .thumbnails > div{
    height: auto;
    width: 140px;
  }
  .thumb1 {
    top: 55px;
    left: 370px;
  }
  .thumb2 {
    top: 390px;
    left: 670px;
  }
  .thumb3 {
    top: 470px;
  }
  .thumb4 {
    top: 610px;
    left: 425px;
  }
  
  .fondo-nosotros {
    height: 410px;
    width: 890px;
  }
  .pleca-cliento {
    height: 165px;
    top: 159px;
    left: 81px;
    width: 324px;
  }
  .box-vacante {
    max-width: 186px;
  }
  .box-vacante.fs20, .box-vacante .fs24 {
    font-size: 18px;
  }
  .box-vacante .btn-borde {
    padding: 5px;
  }
  
}

@media (max-width: 900px) {
  .thumbnails > div{
    width: 130px;
  }
  .thumb1 {
    top: 46px;
    left: 320px;
  }
  .thumb2 {
    top: 340px;
    left: 580px;
  }
  .thumb3 {
    top: 410px;
    left: 110px;
  }
  .thumb4 {
    top: 540px;
    left: 355px;
  }
  .w-330 {
    max-width: 190px;
  }
  .fondo-nosotros {
    height: 365px;
    width: 780px;
  }
  .pleca-cliento {
    height: 143px;
    top: 140px;
    left: 71px;
    width: 283px;
  }
  .pleca-cliento .pad20 {
    padding-top: 0px;
  }
  .pleca-cliento .fs34 {
    font-size: 20px;
  }
  .pleca-cliento .fs18, .box-vacante .fs18 {
    font-size: 12px;
  }
  .box-vacante {
    max-width: 156px;
  }
  
}
@media (max-width: 800px) {
  .thumbnails > div {
    width: 120px;
  }
  .thumb1 {
    top: 40px;
    left: 280px;
  }
  .thumb2 {
    top: 310px;
    left: 520px;
  }
  .thumb3 {
    top: 370px;
    left: 100px;
  }
  .thumb4 {
    top: 480px;
    left: 320px;
  }
  .fondo-nosotros {
    height: 330px;
    width: 690px
  }
  .pleca-cliento {
    height: 126px;
    top: 125px;
    left: 61px;
    width: 253px;
  }
  .pleca-cliento .fs20 {
    font-size: 15px;
  }
  .box-vacante {
    max-width: 146px;
  }
  .box-vacante.fs20, .box-vacante .fs24 {
    font-size: 15px;
  }
}

@media (max-width: 768px) { 
  .hs-menu-flow-horizontal > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .menu li, 
  .hs-menu-flow-horizontal > ul > li {
    display: inline-block;
    float: none!important;
    margin: 0;
    vertical-align: middle;
  }
  
  .hs-menu-flow-horizontal > ul > li:first-of-type a {
    padding: 0!important;
  }
  
  .menu li.sub-m,
  .menu li a, .hs-menu-flow-horizontal > ul > li > a {
    padding: 15px 10px !important;
  }
  
  .hs-menu-flow-horizontal > ul > li.hs-item-has-children > a {
    padding: 15px 27px 15px 10px !important;
  }
  
  .menu li.sub-m:after, 
  .hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {
    right: 8px;
  }
  
  #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: block;
  }
  
  #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
    display: block;
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: none;
  }
  
  .pad80 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  
  .padt80 {
    padding-top: 40px;
  }
  
  .padb80 {
    padding-bottom: 40px;
  }
  
  .pad50 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  
  .pad-lat40 {
    padding-left: 0;
    padding-right: 0;
  }  
  
  .pad-lat30 {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .mb80,
  .mb60 {
    margin-bottom: 50px;
  }
  
  .mt80,
  .mt60 {
    margin-top: 50px; 
  }
  
  .fs70 {
    font-size: 55px;
  }
  
  .fs60 {
    font-size: 45px;
  }
  .fs50 {
    font-size: 35px;
  }
  
  .fs34 {
    font-size: 30px;
  }
  
  .fs45 {
    font-size: 35px;
  }
  
  .fs28 {
    font-size: 26px;
  }
  
  .fs26 {
    font-size: 24px;
  }
  
  .two-columns .flex {
    display: block;
  }
  
  .two-columns .col-6 {
    width: 100%;
  }
  
  .borde-bottom-gris {
    border-bottom: 0;
  }
  
  .blanco.borde-bottom-gris {
    border-bottom: 2px solid #d8d8d8;
  }
  
  .borde-left-gris {
    border-left: 0;
  }
  
  .w-330 {
    max-width: 220px;
  }
  
  .logos-empresas{
    margin-bottom: 60px;
  }
  .logos-empresas .padb60{
    padding-bottom: 30px;
  }
  
  .fondo-nosotros {
    /*display: none;*/
    width: 100%;
    background: none;
    height: auto;
  }
  .pleca-cliento {
    position: initial !important;
    /*max-width: 480px;*/
    max-width: 100%;
    width: 100%;
    padding: 10px 20px 30px;
    height: auto;
  }
  .box-vacante{
    display: none;
  }
  
  .salto {
    display: inline;
  }
  
  .row-blog > div {
    width: 48%;
  }
  
  .row-blog > div:last-of-type {
    display: none;
  }
  
  /*form contacto*/
  .info-contacto .fs60 {
    font-size: 35px;
  }
  .info-contacto .fs50 {
    font-size: 30px;
  }
  
  .column-reverse .flex.flex-column.wrap.content-center {
      flex-direction: column-reverse;
      display: flex;
  }  
  
  /**** iceberg *****/
  .thumbnails > div {
    height: auto;
    width: 110px;
  }
  .thumb1 {
    top: 40px;
    left: 280px;
  }
  .thumb2 {
    top: 290px;
    left: 500px;
  }
  .thumb3 {
    top: 350px;
  }
  .thumb4 {
    top: 460px;
    left: 315px;
  }
  
}

@media (max-width: 767px) { 
  .banner-content {
    min-height: auto;
    padding: 5% 1%;
  }
  
  .bg-banner {
    background-image: none;
  }
  
  .bg-banner:before {
    top: 0; 
    width: 100%;
  }
  
  /*.pad-lat30 {
    padding-left: 0;
    padding-right: 0;
  }*/
  
  .pad-lat30 {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .bg-banner .hoja-1200 {
    padding: 0;
  }
  
  .bg-banner.padt50 {
    padding-top: 0;
  }
  
  .bg-banner .mt100 {
    margin-top: 0;
  }
  
  .mb40 {
    margin-bottom: 30px;
  }
  
  .mb30 {
    margin-bottom: 20px;
  }
  
}


@media (max-width: 700px) { 
  /*.ico,
  span.icos-desarrollo,
  .bgblanco-50:after {
    display: none;
  }*/
  
  .rojo-m { color:#E54E4E; }
  
  .absolute-m{
    position: initial;
  }
  
  .row-anclas,
  .bgblanco-50:after,
  .hidden-m{
    display: none!important;
  }
  
  .flex { display: block; }
  .flex-interno,
  .img-banner.flex { display: flex; }
  .col-1, .col-2,  .col-3,  .col-4,  .col-5,  .col-6, .col-7,  .col-8,  .col-9,  .col-10, .col-11, .col-12 { width: 100%; box-sizing: border-box; }  
  
  .pad-l15,.pad-l20,.pad-l25,.pad-l30,.pad-l40,.pad-l50,.pad-l60{padding-left:10px;}
  .pad-r15,.pad-r20,.pad-r25,.pad-r30,.pad-r40,.pad-r50,.pad-r60{padding-right:10px;}
  
  .salto { display: inline; }
  .salto-m, .visible-m { display: block; }
  
  .text-center-m { text-align: center; }
  
  .pad70 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  .flex-interno > div:first-of-type { flex: 0; }
  .flex-interno > div:last-of-type { flex: 1; }
  
  .flex-interno > .col-6 { flex: 1!important; }
  
  .w-330 {
    max-width: 100%;
  }
  
  .ml10 {
    margin-left: 0;
  }
  
  p.casos {
    display: block;
  }
  
  .flex-tabs {
    display: none;
  }
  
  .flex-tabs li {
    margin: 0 0 10px;
  }
  
  .banner-400 {
    min-height: 150px;
  }
  
  .video-1 {
    text-align: center;
  }
  
  .row-blog > div {
    width: 100%;
    margin: 0 0 25px;
  }
  
  .mt80,
  .mt60 {
    margin-top: 35px; 
  }
  
  .mb60,
  .mb50 {
    margin-bottom: 35px;
  }
  
  .logos_tecnologia .icos-logos span.list-icon.active,
  .logos_casos .icos-logos span.list-icon.williams,
  .icos-casos-growth .ico2 {
    width: 100%;
  }
  .icos-casos-growth .ico2{
    max-width: 415px;
  }
  
  /*.texto img {
    display: block; 
    max-width: 75%; 
    width: 100%;
    margin: auto;
  }*/
  
  .clientos .flex .text-left {
    text-align: center;
  }
  
  footer{
    margin-top: 30px;
  }
  
  /**** iceberg *****/
  .thumbnails > div {
    width: 100px;
  }
  .thumb1 {
    top: 35px;
    left: 250px;
  }
  .thumb2 {
    top: 260px;
    left: 460px;
  }
  .thumb3 {
    top: 320px;
    left: 80px;
  }
  .thumb4 {
    top: 410px;
    left: 285px;
  }
  
}


@media (max-width: 680px) { 
  
  .hidden-sm{
    display: block !important;
  }
  
  .fs70 {
    font-size: 45px;
  }
  
  .fs60 {
    font-size: 40px;
  }
  .fs50 {
    font-size: 30px;
  }
  
  .fs34 {
    font-size: 28px;
  }
  
  .fs28 {
    font-size: 26px;
  }
  
  .fs26 {
    font-size: 24px;
  }
  
  /**** iceberg *****/
  .img-iceberg {
    margin-bottom: 50px;
    padding-bottom: 10px;
  }
  .img-iceberg > img {
    display: none;
  }
  .thumbnails {
    position: initial;
  }
  .thumbnails > div {
    position: initial;
    margin: 20px auto 30px;
    text-align: center;
    width: 100%;
  }
  .thumbnails img{
    max-width: 180px;
  }

}

@media (max-width: 480px) { 
  
  .hoja-1400, .hoja-1200{
    max-width: 100%;
  }
  
  .two-columns .pad50 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
  .pad-lat20 {
    padding-left: 0;
    padding-right: 0;
  }
  
  .fs70 {
    font-size: 38px;
  }
  
  .fs60, .fs50 {
    font-size: 30px;
  }
  
  .fs34 {
    font-size: 24px;
  }
  
  .fs28 {
    font-size: 22px;
  }
  
  .fs26,
  .fs24 {
    font-size: 20px;
  }
  
  .fs22 {
      font-size: 18px;
  }
  
  .fs20 {
      font-size: 17px;
  }  
  
  .fs18 {
    font-size: 16px;
 }
  
  .fs14m  {
    font-size: 14px!important;
 }
  /*.texto-destacado {
    display: inline-block;
    margin: 5px 0 0;
  }*/
  
  ul.bullet-check li {
    margin: 0 0 20px;
  }
  
  /*.texto img {
    max-width: 100%;
  }*/
  
  .icos-casos-growth .ico2 {
    background-position: -307px center;
    background-size: 330%;
  }
  
  .brmovil { display:block: }

}

@media (max-width: 380px) { 
  
  .hs-breadcrumb-menu{
    display: inline-block;
  }
  .hs-breadcrumb-menu-item {
    display: inline-block;
    padding: 10px 0px 0 10px !important;
  }
  .hs-breadcrumb-menu-item:first-of-type {
    padding: 10px 0px 0 !important;
  }
  .hs-breadcrumb-menu .last-crumb {
    padding-left: 0 !important;
    padding-bottom: 10px !important;
  }

}

/*-----------------mod header-------------*/

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

.visible-xs{
  display: none; 
}

.l-blog{
 background: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Home/agencia-de-inbound-marketing-imagen-blog-menu-1.jpg) no-repeat center center;
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
}

.clearfix:after {
  clear: both;
  display: block
}
ul.cliento-menu{
	list-style:none;
	margin: 0;
	padding: 0;
}
.cliento-menu a, .cliento-menu  a.active,.cliento-menu  a:active,.cliento-menu  a:visited,.cliento-menu  a:focus{
	color: #000;
  font-family: 'Work Sans',sans-serif;
	text-decoration:none;
}

.separador{
  position: relative; 
  margin: 10px 0 30px;
  border-top: 1px solid #CCC;
}
.fondo-gris{
  background: #f2f2f2; 
}
.fondo-blanco{
  background: #FFF; 
}
.separador img{
  position: relative;
  left: -100px;
  top: -13px;
  transition: left 0.1s;
}
.z1{
  z-index: 1; 
}
.z2{
  z-index: 2; 
}
.z3{
  z-index: 3; 
}
.z4{
  z-index: 4; 
}
.show-in{
  left: calc(50% - 13px)!important;
}

.m-header{
  min-height: 90px;
}

.menu-items{
   list-style: none;
   margin: 0;
   padding: 0;
}

.menu-items li{
   margin-bottom: 15px;
}

.menu-items li a{
   font-size: 18px; 
  font-weight: 600;
}

.cliento-menu a:hover{
  color:#e84d4f;
  font-weight: 600;
  text-decoration:none;
}

.cliento-menu{
	width: 100%;
	list-style: none;
	position:relative;
	background: #FFF;
  text-align: right;
}
.cliento-menu > li {	display: inline-block; text-align: left}
.cliento-menu > li > a{
  font-family: 'Work Sans',sans-serif;
  font-size: 20px;
    font-weight: 600;
	color: #000;
	text-decoration: none;
  border-bottom: 3px solid #FFF;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.cliento-menu > li > a.active,
.cliento-menu > li > a:hover,
li.drop-down ul > li > a:hover{
	border-color: #e84d4f;
}
.cliento-menu i {
  font-size: 18px;
  line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}
li.drop-down>ul{
	right: 0px;
	min-width: 250px;

}
.drop-down-ul{display:none;
    box-shadow: 1px 3px 7px #ccc;
    background-color: #fff;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
  }

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	color: #000;
	display: block;
	padding: 10px 22px;
	text-decoration: none;
	background-color: #FFF;	
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display:none;
	height: 100%;
	padding: 15px;
	min-width: 742px;

}
h4.row.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  display:none;
  padding-top: 0;
  min-height: 100%;
  z-index: 500;
}
h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670
  }
 .mega-menu ul li a {
  line-height: 25px;
  display: block;
}
ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
	color:#fff;
	background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
	left:0;
	display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Blog .blog-title{
	color:#fff;
	font-size:15px;
	text-transform:uppercase;

}
.Blog .blog-des{
	color:#ccc;
	font-size:90%;
	margin-top:15px;
}
.Blog a.view-more{
	margin-top:0px;
}
/*Images*/
.Images{
	left:0;
   width:100%;
	 display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
    box-shadow: 1px 3px 7px #ccc;
    background-color: #fff;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
	display:block;
}
/*responsive*/
 @media (min-width:767px){
   
   
   
	/*.cliento-menu > li > a{
	display:block;
	padding: 20px 15px;
  font-size: 18px;
 }*/
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:absolute;
}
 .flyout-right>ul{
	left: 100%;
	}
	.flyout-left>ul{
	right: 100%;
}
 }
@media (max-width:767px){
.visible-xs{
  
  display: block; 
  }
	/*.cliento-menu {
    display: none;
		min-height: 58px;
		background-color: #23364B;
		width: 100%;
	}*/
	
	.cliento-menu > li > a{
		width:100% ;
	    display:none ;
	
	}
	.cliento-menu > li{
		width:100%;
	}
	.display.cliento-menu > li > a{
	  display:block ;
	  	padding: 20px 22px;
	}
	
.mega-menu, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:relative;
}

}
a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}

.cintillo a{
  color: #000;
  font-size: 18px;
  
}
.l-video { text-decoration: underline; cursor: pointer;}
.l-video{
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.cintillo{
  position: relative;
  padding: 15px 0;
  background: #F2F2F2 url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Header/cintillo-home-cliento-pieza-izq.png) no-repeat left top;
}
.cintillo .flex{
  justify-content: center;
}
.cintillo::after{
  content: '';
  background: url(https://207840.fs1.hubspotusercontent-na1.net/hubfs/207840/Site2020/Header/cintillo-home-cliento-pieza-der.png) no-repeat right top;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.c-texto{
  padding: 0 15px;
  font-size: 18px;
  text-align: center;
  line-height: 130%;
}
@media(max-width:970px){
  .cintillo .getscript{
    font-size: 16px;
  }
  .cintillo .getscript img{
    margin-top: 5px;
  }
  .c-texto{
    font-size: 16px;
  }
}
@media(max-width:900px){
  .cintillo .getscript img{
    margin-top: 5px;
  }
  .cintillo .c-imagen{
    max-width: 60%;
  }
  .cintillo .c-texto{
    max-width: 20%;
    text-align: center;
  }

}
@media(max-width:768px) {
  .cintillo {
    padding: 5px 0;
  }
}
@media(max-width:767px){
  .cintillo {
    background: #f2f2f2;
  }
  .cintillo::after {
    display: none;
  }
  .fondo-derecha a{
    display: inline-block;
    margin-left: 10px;
  }
  /*.cintillo .flex{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  }*/
  .c-texto{
    display: none;
  }
  .cintillo .c-imagen{
    /*max-width: 80%;*/
    max-width: 100%;
  }
  .cintillo .fondo-derecha{
    /*max-width: 20%;*/
    max-width: 100%;
    font-size: 15px;
  }

}

@media(max-width:465px){
  .cintillo {
    padding: 10px 0;
  }
  .cintillo .fondo-derecha {
    margin: 5px 0 0;
  }
  .cintillo .getscript img{
    margin-top: 5px;
  }
  .fs32 {
    font-size: 26px;
  }
  .fs30 {
    font-size: 24px;
  }
  /*.cintillo .c-imagen{
    max-width: 75%;
  }*/
  /*.cintillo .fondo-derecha{
    max-width: 40%;
    font-size: 15px;
  }*/
}


/*------mod blog 2020--------*/

.img-fondo {
  width: 100%;
  /*height: 149px;*/
  padding: 36% 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.img-fondo span{
  display: none;
}

/*.max410 {
  max-width: 440px;
  width:100%;
}*/

.col-4.max410.shadow {
  background: white;
  box-shadow: 1px 3px 7px #ccc;
}

.txt-blog {
  box-sizing: border-box;
  padding: 15px 20px 65px;
  line-height: normal;
  position: relative;
  text-align: left;
}

.irart {     
  position: absolute;
  bottom: 16px;
  right: 20px; 
}

.col-4.max410.shadow {
  position: relative;
}

/*------ mod logos -----*/

.icos-logos li {
    display: inline-block;
    margin: 0 20px 25px;    
    position: relative;
    vertical-align: top;  
}

span.list-icon a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.icos-logos li span.list-icon {
    display: block;
    background-repeat: no-repeat;
    width: 266px;
    height: 72px;
    margin: 0 auto 10px;
}

.lista-logos {
    flex-wrap: wrap;
}

li span.list-icon.salle {
    background-position: -277px 0px;
    width: 225px;
}


li span.list-icon.anahuac {
    background-position: -497px 0px;
    width: 280px;
}

li span.list-icon.up {
    background-position: -770px 0px;
    width: 265px;
}

li span.list-icon.at-t {
    background-position: -1030px 0px;
    width: 170px;
}

li span.list-icon.citibanamex {
    background-position: -1190px 0px;
    width: 250px;
}

li span.list-icon.kpmg {
    background-position: -1425px 0px;
    width: 170px;
}

li span.list-icon.cocacola {
    background-position: -1580px 0px;
    width: 215px;
}

li span.list-icon.p-g {
    background-position: 0 -72px;
    width: 80px;
}

li span.list-icon.sony {
    background-position: -88px -72px;
    width: 178px;
}

li span.list-icon.bunn {
    background-position: -255px -72px;
    width: 178px;
}

li span.list-icon.sherwin {
    background-position: -430px -72px;
    width: 245px;
}



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

.lista-logos { 
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.icos-parques li {
   display: inline-block;
   margin: 0 1% 25px;
   position: relative;
   vertical-align: top;
   width: 48%;
}

}

/*----- mod footer v2 ------*/

/*.mm-listview, #mm-2 > ul, #mm-7 > ul {
  padding-top: 60px !important;
}*/

/*.mm-panel, .mm-panels, .mm-navbar{
      background: #000!important; 
      color: #FFF!important;
   }*/
.mm-panel, .mm-panels, .mm-navbar{
      background: #f2f2f2!important; 
      color: #000!important;
   }

.mm-listitem a:active,
.mm-listitem a:hover,
.mm-listitem a:visited,
.mm-listitem a{
  color: #000!important;
}

.mm-btn:after, .mm-btn:before {
  border-color: #000!important; 
}

/*-------- mod faqs -------*/

.row-faqs {
  margin: 0 0 20px;
}

.faqs-module {
  margin: 0 0 25px;
  border-bottom: solid 2px #000;
}

.title-tab {
  position: relative;
  margin: 0 0 20px;
  padding: 0 30px 0 0;
  cursor: pointer;
}

.title-tab p {
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  line-height: 130%;
}

.title-tab:after {
  content: "\f107";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  font-family: FontAwesome;
  font-size: 35px;
}

.title-tab.arrow-tab:after {
  content: "\f107";
  line-height: normal;
  -webkit-transform: rotate(180deg) translateY(50%);
  -moz-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}

.op-tab {
  display: none;
}

.op-tab > div {
  padding: 0 0 20px;
}

.op-tab p {
  font-size: 18px;
  line-height: 130%;
}

.op-tab ul li {
  position: relative; 
  padding-left: 15px;
  margin: 0 0 5px;
  line-height: 130%;
}

.op-tab ul li:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #002d74;
}