/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.css');

@font-face {
  font-family: 'Futura';
  src: url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/FuturaT-Bold.woff2') format('woff2'),
    url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/FuturaT-Bold.woff') format('woff'),
    url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/FuturaT-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/Futura-Medium.woff2') format('woff2'),
    url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/Futura-Medium.woff') format('woff'),
    url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/Futura-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}











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





/* Global Style Declaration -=-=-=-=-=-=-=*/
* { box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0; padding:0; font-size:16px; line-height:1.5; font-family: 'Cabin', sans-serif; font-weight:400; color:#000; opacity:0; overflow-x: hidden; }
body.loaded  { opacity: 1 }
h1, h2, h3, h4, h5, h6 {  margin:0; padding:0; font-family: 'Cabin', sans-serif; font-weight:700; line-height:1.25; }
h1, .h1 { font-size:38px; line-height:1.36; }
h2, .h2 { font-size:30px; line-height:1.2; }

h3, .h3 { font-size:25px; line-height:1.1; }
h4, .h4 { font-size:22px; line-height:1.4; }
h5, .h5 { font-size:20px; line-height:1.4; }
h6, .h6 { font-size:18px; line-height:1.5; }

img { max-width:100%; height:auto; border:none; vertical-align:middle; }
a { text-decoration:none; color:#000; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
a:hover { color:#1996ff; }
p { margin:0; }
* + h1, * + h2 { margin-top:35px; }
* + h3, * + h4 { margin-top:30px; }
* + h5, * + h6  { margin-top:25px; }
* + p { margin-top:20px }
input[type=submit] { cursor:pointer; background-image:url('//1831846.fs1.hubspotusercontent-na1.net/hubfs/1831846/blank.png') !important;  }
.wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1100px; padding-left: 15px; padding-right: 15px; }

.clearfix { display:block; }
.clearfix:before,.clearfix:after { content:''; width:100%; display:table; }

.futuraFont{font-family: 'Futura', sans-serif;}
.altfontfamily{font-family: 'Cabin', sans-serif;}

/* For Hubspot >>>>>> */
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }
/* <<<<<< For Hubspot */

.set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; background-repeat:no-repeat; }
.overlay > * { position:relative; z-index:2; }
/* .overlay:before { content:''; background:rgba(25,24,22,0.71); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; } */
.overlay:before { content:''; background:rgba(25,24,22,0.35); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; }
.overlay.white:before { background:rgba(255,255,255,0.70); }
.overlay.lightwhite:before { background:rgba(255,255,255,0.80); }
.overlay.blue:before { background:rgba(0,84,164,0.60); }
.overlay.bluedark:before { background:rgba(0,84,164,0.67); }
.overlay.bluelight:before { background:rgba(0,84,164,0.38); }
.overlay.black:before{background: rgba(0,0,0,0.7);}


.overlay.blacklight:before { background:rgba(0,0,0,0.51); }
.overlay.blacklightest:before { background:rgba(0,0,0,0.42); }
.overlay.blackdark:before { background:rgba(0,0,0,0.80); }
.overlay.black63:before{background:rgba(0,0,0,0.63)}
.overlay.blacker:before{background:rgba(17,17,17,0.75)}
.overlay.blacker38:before{background:rgba(11,7,11,0.38)}
.overlay.blacker80:before{background:rgba(17,17,17,0.80)}



.get-bg { display:none !important; }
.altBg { background:#f6f6f6; }
.lightBlue{background-color:#0054a4}
.lightgreenBg{background-color:#c4d82e}
.yellowBg{background-color:#ffcb05}
.yellowtranBg{background-color:rgba(253,193,0,0.55)}
.lightGray{background-color:#ebebeb}



.fontWhite, .fontWhite a { color:#fff; }
.fontWhite a:hover { color:#0dbd8d; }
.fontblack, .fontblack a{color:#000000}
.lightBlack, .lightBlack a{color:#292929}

.fontyellow, .fontyellow a { color:#fdc100; }
.fontlightyellow, .fontlightyellow a {color:#fabe3e}
.fontLightblue, .fontLightblue a{color:#0054a4}
.fontdarkerBlue, .fontdarkerBlue a{color:#004a80}
.fontdarkBlue, .fontdarkBlue a{color:#002157}
.fontBlue, .fontBlue a{color:#2368ae}
.fontGray, .fontGray a{color:#585858}
.fontlightGrren, .fontlightGrren a{color:#c4d82e}
.fontGraytone, .fontGraytone a{color:#464646}
.fontsoftGray, .fontsoftGray a{color:#636363}
.fontLightGray, .fontLightGray a { color:#999999; }
.fontGreen, .fontGreen a { color:#89c632; }
.fontOrange, .fontOrange a { color:#f89424; }
.color-opacity { color: rgba(0,0,0,.5);}
.softBlack, .softBlack a{color:#363636}
.themecolor{color:#c5d503}
.fontlightestGray, .fontlightestGray a{color:#ebebeb}
.fontdarkGreen, .fontdarkGreen a{color:#88924d}





.button a , a.button { padding:10px 25px; background:#c4d82e; color:#002157; border:1px solid #c4d82e; max-width:100%; display:inline-block; border-radius:3px;  }
.button a:hover , a.button:hover { background:transparent; color:#ffffff; }
.button.ver2 a , a.button.ver2{padding:10px 31px;}
.button.ver2 a:hover , a.button.ver2:hover { background:transparent; color:#ffffff; }
.button.ver3 a , a.button.ver3{padding:10px 31px; background:#ffffff; color:#606060; border:1px solid #ffffff}
.button.ver3 a:hover , a.button.ver3:hover { background:transparent; color:#ffffff; }


.buttonyellow a , a.buttonyellow { padding: 8px 5px; min-width: 115px; background:#c4d82e;text-align:center; color:#002157; border:1px solid #c4d82e; max-width:100%; display:inline-block; border-radius:3px;  }
.buttonyellow a:hover , a.buttonyellow:hover { background:transparent; color:#002157; }
.buttonyellow.style2 a , a.buttonyellow.style2{background:#c4d82e; color:#ffffff;}
.buttonyellow.style2 a:hover , a.buttonyellow.style2:hover{background:transparent;color:#ffffff;}


.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6  { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6  { font-weight:600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }

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

/* put listStyle class to "parent" tag of "ul" */
.nolistStyle ul{margin:0; padding:0; list-style:none;}

.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:25px; position:relative; }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#ea8c20; font-weight:normal; top:1px;  }
.listStyle ul li:not([class*="fa-"]):before { content:"\f111"; font-size:50%; line-height:3; } /*Default without any class in <li> if you want any other font awesome icon just put icon class in <li class="fa-angle-right"> Content</li> */

/* Widths */
.fl { float:left; }  
.fr { float:right; }  
.ib { display: inline-block; vertical-align:middle; margin-right:-5px; }
.ib.vt { vertical-align:top;  }
.w16	{width: 16.66%;}
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

/*unique paddings*/
.pl0, .p0, .plr0 { padding-left:0; }
.pl10, .p0-10 { padding-left:10px; }
.pl15, .p0-15 { padding-left:15px; }
.pl20, .p0-20 { padding-left:20px; }
.pl30 , .p0-30{ padding-left:30px; }
.pr10, .p0-10 { padding-right:10px; }
.pr15, .p0-15 { padding-right:15px; }
.pr20, .p0-20 { padding-right:20px; }
.pr30, .p0-30 { padding-right:30px; }

.pb10,.p10-0 { padding-bottom:10px; }
.pb20,.p20-0 { padding-bottom:20px; }
.pb30,.p30-0 { padding-bottom:30px  }
.pb40,.p40-0 { padding-bottom:40px; }
.pb50,.p50-0 { padding-bottom:50px; }
.pb60,.p60-0 { padding-bottom:60px; }
.pb70,.p70-0 { padding-bottom:70px; }
.pb80,.p80-0 { padding-bottom:80px; }
.pb90,.p90-0 { padding-bottom:90px; }
.pb100,.p100-0 { padding-bottom:100px; }
.pb110,.p110-0 { padding-bottom:110px; }
.pb120,.p120-0 { padding-bottom:120px; }
.pb130,.p130-0 { padding-bottom:130px; }
.pb140,.p140-0 { padding-bottom:140px; }
.pb150,.p150-0 { padding-bottom:150px; }
.pb160,.p160-0 { padding-bottom:160px; }
.pt10,.p10-0 { padding-top:10px; }
.pt20,.p20-0 { padding-top:20px; }
.pt30,.p30-0 { padding-top:30px  }
.pt40,.p40-0 { padding-top:40px; }
.pt50,.p50-0 { padding-top:50px; }
.pt60,.p60-0 { padding-top:60px; }
.pt70,.p70-0 { padding-top:70px; }
.pt80,.p80-0 { padding-top:80px; }
.pt90,.p90-0 { padding-top:90px; }
.pt100,.p100-0 { padding-top:100px; }
.pt110,.p110-0 { padding-top:110px; }
.pt120,.p120-0 { padding-top:120px; }
.pt130,.p130-0 { padding-top:130px; }
.pt140,.p140-0 { padding-top:140px; }
.pt150,.p150-0 { padding-top:150px; }
.pt160,.p160-0 { padding-top:160px; }


.margin-top10{margin-top:10px}
.margin-top20{margin-top:20px}
.margin-top30{margin-top:30px}


::-webkit-input-placeholder { opacity:0.7 !important; color:inherit !important; }
::-moz-placeholder { opacity:0.7 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:0.7 !important; color:inherit !important; }
form .input { margin-right:0 !important; }
form fieldset { max-width:inherit !important; margin:0 -10px;  }
form fieldset.form-columns-1 .field { width:100% !important; }
form fieldset.form-columns-2 .field { width:50% !important; }
form fieldset.form-columns-3 .field { width:33.33% !important; }
form .field { padding:0 0 20px; }
form fieldset .field { padding-left:10px; padding-right:10px; } 
form ul.multi-container { padding-top:10px; }
form ul.multi-container li { margin:5px 0; }
textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select { display:block; border:1px solid #e4e4e4; outline:none; background:rgba(149,149,149,0.26); font-size:16px; line-height:20px;  font-family: 'Cabin', sans-serif; font-weight:400; color:#000; margin:0; padding:7px 20px; width:100% !important; border-radius:10px; }
textarea { min-height:110px; }
form input[type="radio"],form input[type="checkbox"] {  display:none }
form input[type="radio"]+span,form input[type="checkbox"]+span {  position:relative; display:block; padding-left:30px; cursor:pointer }
form input[type="radio"]+span:before,form input[type="checkbox"]+span:before {  content:"\f00c"; font-family:fontawesome; color:#f26c23 ; position:absolute; left:4px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #ccc; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px }
form input[type="radio"]+span:before {  border-radius:50% }
form input[type="radio"]:checked+span:before {  background:#f26c23 ; border-color:#f26c23  }
form input[type="checkbox"]:checked+span:before {  border-color:#f26c23 ; font-size:12px; background:#f26c23 ; color:#fff; letter-spacing:0; }
input[type="submit"] { outline:none;  font-family: 'Cabin', sans-serif; padding:9px 39px; background:#c4d82e; color:#000; border:1px solid #c4d82e; font-size:18px; line-height:18px; text-transform:uppercase; font-weight:700; border-radius:10px;
  -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
input[type="submit"]:hover { color:#c4d82e; background:transparent; }

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


.slick-prev, .slick-next{width: auto; height: auto;}
.slick-prev.slick-arrow {width: auto; height: auto;}
.slick-prev{left: -170px;}
.slick-prev:before,.slick-next:before{background-size: 30px 50px;width: 30px; height: 50px;content: ''; background-position: top center;display: block;}
.slick-prev:before{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/green-ArrowLeft.png');background-repeat: no-repeat;}
.slick-next{right: -170px;}
.slick-next:before{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/green-ArrowRight.png');background-repeat: no-repeat;}

.slick-dots li button {background: #c4d82e;border-radius: 50%;}
.slick-dots li button:before {content: '';}
.slick-dots li.slick-active button {background: #aabd19;}



/*for Hubspot   >>>>>>*/
.hs-error-msgs { list-style:none; margin:0 0 10px; padding:0 0 0 10px; font-size:12px; color:#f00; }
/*<<<<<<<<<<*/

.table{display:table; width:100%;}
.table-cell{display:table-cell; vertical-align:middle;}

.rectangle{position:relative; z-index:10}
/* .rectangle:before{position:absolute; content:''; background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Shape-Img.png');background-size: auto 100%;right: -190px;background-position: right center;top: 0; z-index: -1; width: 100%;height: 100%; background-repeat: no-repeat;}
.rectangle:after{position: absolute;right: -65px; bottom: 0; width: 10px;height: 75%;background-color: #fdc100;content: '';display: block;transform: skewX(-20deg); z-index: 6;}
*/


.rectanglenew{position:relative; z-index:10}
/* .rectanglenew:before{position:absolute; content:''; background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Shape-Img-2.png');background-size: auto 100%;right: 0px;background-position: right -1px center;top: 0; z-index: -1; width: 100%;height: 100%; background-repeat: no-repeat;} */
/* .rectanglenew:after{position: absolute; right: 40px; bottom: 0;width: 100px; height: 80%;background-color: rgba(253,193,0,0.43);content: '';display: block;transform: skewX(20deg);z-index: 6;}

*/


/* .rectanglenew:before{position: absolute;content: ''; right: -150px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff;  transform: skewX(19deg);}
*/

/* rectaglr */
.relative{position:relative}
.conoceright-Img{height:500px; min-height:500px;}
.conoceright .rectangTra{position: absolute;content: ''; left:inherit; right: -170px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff;  transform: skewX(19deg);}
.conoceright .recYellow{position: absolute; right: 20px; bottom: 0;width: 100px; height: 65%;background-color: rgba(196,216,46,0.58);content: '';display: block;transform: skewX(20deg);z-index: 6;}
.conoceright.wrapright .rectangTra{position: absolute;content: '';right:inherit; left: -170px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff;  transform: skewX(-19deg);}
.conoceright.wrapright .recYellow{position: absolute; right:inherit; left: 20px; bottom: 0;width: 100px; height: 65%;background-color: rgba(196,216,46,0.58);content: '';display: block;transform: skewX(-20deg);z-index: 6;}





.conoceModule.nextGen .rectangTra{position: absolute;content: '';right:inherit; left: -150px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff;  transform: skewX(-19deg);}
.conoceModule.nextGen .rectangTra.grayskew{background:#f6f6f6}
.conoceModule.nextGen.wraprightSide .rectangTra{position: absolute;content: ''; left:inherit; right: -150px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff;  transform: skewX(19deg);}
.conoceModule.nextGen.wraprightSide .rectangTra.grayskew{background:#f6f6f6}


.conoceModule.nextGen .recYellow{position: absolute;left: 47px; bottom: 0; width: 10px;height: 75%;background-color: #c4d82e;content: '';display: block;transform: skewX(-20deg); z-index: 6;}
.conoceModule.nextGen .recYellow.topSideLine{bottom: inherit; top: 0; left: 100px;}
.conoceModule.nextGen.wraprightSide .recYellow{left: inherit;right: 58px;transform: skewX(20deg);}
.conoceModule.nextGen.wraprightSide .recYellow.topSideLine {right: 94px;left: inherit;}


.conoceLeft-Content{z-index:11; position:relative}

/* .conoceModule.wrapright .rectanglenew:before{transform: skewX(-19deg);z-index:-1; right: -106px;}
.conoceModule.wrapright .rectanglenew:after{transform: skewX(-20deg); right:-130px;}

.conoceModule.wraprightSide .rectangle:before{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Shape-Img-2.png');right: -0px;}
.conoceModule.wraprightSide .rectangle:after{transform: skewX(20deg);right: 60px;} */


/* globle */
.max1300{max-width:1300px; width:100%; margin:0 auto;}
.max1150{max-width:1150px; width:100%; margin:0 auto;}
.max1080{max-width:1080px; width:100%; margin:0 auto;}
.max900{max-width:900px; width:100%; margin:0 auto;}
.max800{max-width:800px; width:100%; margin:0 auto;}
.max700{max-width:700px; width:100%; margin:0 auto;}
.max770{max-width:770px; width:100%; margin:0 auto;}
.max600{max-width:600px; width:100%; margin:0 auto;}
.max560{max-width:560px; width:100%; margin:0 auto;}
.max300{max-width:300px; width:100%; margin:0 auto;}

/* line-heigth */
.line-height15{line-height:1.5;}
.line-height17{line-height:1.7;}
/* font Size */
.font12 , body .font12{font-size:12px}
.font15 , body .font15{font-size:15px}
.font16 , body .font16{font-size:16px}
.font17 , body .font17{font-size:17px}
.font18 , body .font18{font-size:18px}
.font19 , body .font19{font-size:19px}
.font20 , body .font20{font-size:20px}
.font21 , body .font21{font-size:21px}
.font22 , body .font22{font-size:22px}
.font33 , body .font33{font-size:33px}
.font40 , body .font40{font-size:40px}
.font45 , body .font45{font-size:45px}


.overflow{overflow:hidden;}



/* Landing Page CSS */
.LPHeaderSection .phoneNumber p a{ font-size:24px; color:rgba(0, 0, 0, 0.7); display: inline-block; vertical-align: middle; }
.LPHeaderSection .phoneNumber p img{ margin-right: 15px; display: inline-block; vertical-align: middle; }
.LPHeaderSection .phoneNumber{ padding-right:110px; }
.LPHeaderSection.style2 .phoneNumber{ padding-right:0px; }
.LPHeaderSection.style2 .phoneNumber a{ color:#4d4d4d; }
.LPHeaderSection .centerLink a{ font-size:24px; color:#0054a4; }
.LPHeaderSection .centerLink a:hover{ color:#fdc100; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Page Wise CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/********************************
diseno-HomePage  
****************************  */
.diseno-HomePage{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Diseno-BgImg.jpg'); background-position:center center; background-size:cover; position:relative; background-repeat:no-repeat;}
.diseno-HomePage:before{position:absolute; left:0; top:0; width:100%; height:220px; content:'';background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Top-Strip.png'); background-position:center top; background-size:100% 100%; background-repeat:no-repeat;}
.Diseno-Header{position:relative; z-index:5;}
.diseno-HomePage .body-container-wrapper {position: relative;z-index: 9;}
.disenoBanner-section{padding-top:120px; padding-bottom:100px;}
.eca-left,.chimalistac-right { width: 50%;display: inline-block;margin-right: -4px; vertical-align: top;text-align: center;padding: 0 60px;}
.circle-Inner {background-color: rgba(255,255,255,0.93); height: 530px;border-radius: 50%; width: 530px; margin: 0 auto;}
.eca-inner{border: 4px solid #2b318d; padding: 60px 40px;}
.eca-inner ul {padding: 15px 0;}
.eca-inner ul li {padding: 10px 0;}

.eca-inner .menuList ul li a {text-shadow: -2px -2px 3.96px rgba(43, 39, 77, 0.45);-webkit-text-shadow: -2px -2px 3.96px rgba(43, 39, 77, 0.45); color: #0055a5; font-size: 24px; font-weight: 700;}
.eca-inner ul li:last-child{padding: 10px 0 20px;}
.eca-inner ul li:last-child a {font-weight: 400;text-shadow: none;}
.websitecta a {font-size: 24px; background-color: #0055a5;display: inline-block;color: #fff; padding: 9px 36px;font-weight: 400; border:1px solid #0055a5;}
.websitecta a:hover{background-color:transparent; color:#0055a5}
.chimalistac-inner{border: 4px solid #94c941; padding: 35px 40px;}

.chimalistac-inner .menuList ul{padding-top:10px;}
.chimalistac-inner  .menuList ul li {padding: 4px 0;}
.chimalistac-inner .menuList{text-shadow: -2px -2px 3.96px rgba(43, 39, 77, 0.45);-webkit-text-shadow: -2px -2px 3.96px rgba(43, 39, 77, 0.45); color:#382f2d; font-size: 24px;}
.chimalistac-inner ul li:last-child{ padding:25px 0 20px;}
.websitecta.webgreen-Cta a {background-color: #c4d600;border:1px solid #c4d600}
.websitecta.webgreen-Cta a:hover{background-color:transparent; color:#c4d600}



/************************************************
Globle header and Top strip  For Blog 
**********************************************  */




.blogHeader-Section {border-bottom: 25px solid #c4d82e; padding-top:15px;}
.blogheader-phone img,.blogheader-phone a {display: inline-block;vertical-align: middle;}
.blogheader-phone img {padding-right: 15px; width:34px; height:19px;}
.blogHeader-Section .blogHeader-Logo img {width: 150px;}
.blogheader-cta a:hover, .blogheader-phone a:hover{color:#88924d}


/************************************************
Globle header and Top strip  
**********************************************  */


.header-Strip {padding: 20px 0;}
.topleftSript img{max-width:128px;}
.social-Icon > ul {display:flex; align-items:center;justify-content: flex-end;gap: 24px;flex-wrap: wrap;}
.social-Icon > ul > li {display: inline-block;}
.social-Icon > ul > li > a {display: flex;align-items: center;justify-content: start;gap: 15px;font-size: 15px;}
.social-Icon > ul > li > img {height: 19px;width: auto;}


/* Top strip Dropdown  Menu */
li.TopHeaderDropdown { position:relative; }
li.TopHeaderDropdown ul{ margin:0; padding:0; position:absolute; top:100%; left:0; text-align: left; background-color:#fff; z-index: 99;  min-width: 180px; opacity:0; visibility:hidden; 
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);  
  transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; }
li.TopHeaderDropdown:hover ul{ opacity:1;  visibility:visible;  }
li.TopHeaderDropdown ul li a{ background-color:#fff; display: inline-block; vertical-align: middle; font-size: 15px; padding:15px 12px; width: 100%; display: block; }
li.TopHeaderDropdown ul li:hover a{ background-color:#c5d503; color:#fff;  }

/* Navigation */
.navigation{background-color:#190b12; color:#fff; line-height:1.3}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul{margin-bottom:0;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover {color: #000000; background-color:#c5d503}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul>li{float:none ; display: inline-block;    vertical-align: middle; margin-right:-4px;}
.navigation li.hs-menu-item.hs-menu-depth-1 >div {height: 60px;display: table;width: 100%;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{display:table-cell; vertical-align:middle;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{white-space: nowrap;max-width: 170px; font-size:16px;    color: #fff;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding:15px 0}

/* .navigation .hs-menu-children-wrapper{background-color: #190b12;color: #fff;} */
.navigation .hs-menu-children-wrapper{background-color: #343b69; color: #fff;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{max-width: none;width: 100%;}
.navigation .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:200px;}
.childExpand {display: none;}
/************************************************
Globle  Footer   
**********************************************  */
.footer-logo{padding-right:20px;}
.footer-logo a{display:inline-block; }
.footer-logo a img{max-width:136px;}
.footer-listing{padding-right:20px;}
.footer-listing li { padding: 4px 0;}
.footer-listing li:first-child { padding-top: 0;}
/* .footer-listing li:last-child {padding: 30px 0 0;} */
.footer-listing li a {font-size: 14px;}
.footer-listing li a:hover{color:#000;}
.footer-Section {background-image: url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/pattern.png');background-repeat: no-repeat;background-size: cover; background-position: center center; border-top: 4px solid #c5d503;}
.contact span { font-size: 14px;    display: inline-block; margin-right: -4px;vertical-align: middle;width: calc(100% - 25px);padding-left: 15px; line-height:1.4;}
.contact ul {padding: 15px 0;}
.contact li {padding: 5px 0;}

.contact li img {display: inline-block;margin-right: -4px;vertical-align: middle;}
.contact li a {display: inline-block;vertical-align: middle;font-size: 14px;}
.telephone a {padding-right: 20px;position: relative;}
.telephone a+a:before {content: '';left: -11px;top: 50%;position: absolute;width: 5px;height: 5px;border-radius: 50%;background-color: #fff;transform: translateY(-50%);}

/************************************************
Eca Home Page
**********************************************  */

.banner_v1{padding:170px 0 165px 0}
.conoceModule .table {height: 500px;max-height: 500px;}
.conoceModuleImg-Option img{max-width:280px;}
.conoceLeft-Content>div {padding-right: 80px;}
.conoceListItem ul {margin: 0;list-style: none; margin-top:20px; padding-left:20px;}
.conoceListItem ul li {padding-bottom: 2px;position: relative;    padding-left: 13px;}
.conoceListItem ul li:last-child {padding-bottom: 0;}
.conoceListItem ul li:before {position: absolute; left: -19px;top: 8px;content: ''; width: 5px; height: 5px; background-color: #c4d82e; border-radius: 50%;}
/* .conoceListItem p>strong { color: #002157;} */

.playgroundn-inner{padding:15px;}
.icon-parent { display: inline-block;height: 80px; width: auto; margin-bottom:20px;}
.quotes-parent{position:relative}
.quotes-parent:before, .quotes-parent:after{content:''; background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/quoteLeft.png'); width:20px; height:12px; background-size:cover; background-position:center center; left:-40px; top:-10px; position:absolute;}
.quotes-parent:after{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/quoteright.png');  left:inherit; top:-10px; right:-40px; }

.conoceModule.wraprightSide .conoceLeft-Content>div{padding-right:0; padding-left:80px;}
/* Blog */
.blog-Parent {margin-left: -15px;margin-right: -15px;}
.blog-third {padding: 15px;}
.blog-inner { background-color: #fff;border-radius: 5px; padding: 18px;border: 1px solid #eaeaea;}
.blog-Img {height: 200px;}
.calendar{border-top:1px solid #dddddd;}
.calendar span { opacity: 0.5;padding-left: 10px; }
.calendar > * {display: inline-block;vertical-align: top;}

/************************************************
Preescolar Page
**********************************************  */

.banner_v2{padding:160px 0 160px 0}

.activity-Section .activity-list-Icon {width: 80px; height: auto;text-align: center;display: inline-block;vertical-align: middle; margin-right: -4px;}
.activity-Section .activity-list-content { display: inline-block; margin-right: -4px; width: calc(100% - 80px); vertical-align: middle; padding-left: 10px;}
.activity-Section .activity-list-content ul{margin:0; padding:0; list-style-type:none;}
/* .activity-Section .activity-list-inner {max-width: 450px;} */
.activity-Section .activity-list-inner{padding-right:30px;}
/* .activity-Section .activity-Parent .activity-inner:nth-child(2) .activity-list-inner {margin: 0 0 0 auto;} */
.activity-Section .activity-Parent .activity-inner:nth-child(3) .activity-list-inner {max-width: 560px;}

/************************************************
Nosotros Page
**********************************************  */
.vision-parent {margin-left: -40px;margin-right: -40px;}
.vision-inner {padding: 20px 40px 20px;}
.vision-parent .vision-inner:first-child .vision-Content { text-align: justify;}
.vision-inner {position: relative;}
.vision-parent .vision-inner:nth-child(3n+2):before, .vision-parent .vision-inner:nth-child(3n+2):after {content: '';position: absolute; left: 0px; top: 50%; width: 2px; height: 95%;background-color: #fdc100;  transform: translateY(-50%);}
.vision-parent .vision-inner:nth-child(3n+2):after{left: inherit;right: 0;}

.historia-parent {position: relative;}
.historia-parent:before {content: '';position: absolute;left: 50%;top: 0;width: 5px;height: 100%;background-color: #fff;transform: translateX(-50%);}
.historia-content {padding-right:250px; text-align: center;position: relative;}
.historia-detail {position: relative;}
.historia-content:before {content: ''; position: absolute;right: 0;top: 60px;width: 33%;height: 5px;background-color: #fff;}
.historia-content:after { content: '';position: absolute; right: 32%;top: 55px;width: 15px;height: 15px;background-color: #fff;border-radius: 50%;}

/* .historia-img {width: 128px;height: 128px;background-color: #ffffff;margin: 5px;border-radius: 50%;} */
.historia-img {width: 128px;height: 128px; background-color: #ffffff;border-radius: 50%;margin: -20px 52px 0 auto;position: relative;border: 5px solid #fff;}

.historia-img>div {width: 100%;height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;border-radius: 50%; position: relative;}
.historia-img:before {position: absolute;  content: ''; width: 50%;height: 5px; background-color: #fff; right: -55px; top: 50%; transform: translateY(-50%);}


.historia-parent .historia-inner:nth-child(2n+1) { float: left;}
.historia-parent .historia-inner:nth-child(2n) {float: right;clear: both; text-align: right; margin-top: -190px; }
.historia-parent .historia-inner:nth-child(2n) .historia-content {padding-right: 0;padding-left: 250px;}
.historia-parent .historia-inner:nth-child(2n) .historia-content:before { right: inherit;left: 0;top: 70px;}
.historia-parent .historia-inner:nth-child(2n) .historia-content:after {right: inherit;left: 32%;top: 65px;}
.historia-parent .historia-inner:nth-child(2n) .historia-img:before { right: inherit;left: -55px;}
.historia-parent .historia-inner:nth-child(2n) .historia-img {margin: -20px 0 0 52px;}

/* .historia-parent .historia-inner:nth-child(2n) {padding-bottom: 50px;} */
.historia-parent .historia-inner:nth-child(2n):last-child { margin-top: -100px;}



/************************************************
Nosotros Page Phase 2
**********************************************  */
.colegio-historiaImg {width: 135px;height: 135px;border-radius: 50%;border: 4px solid #c4d82e;}
.colegio-historiaImg.right-sideImg{display:none;}
.colegio-historiaContent {width: calc(100% - 135px);padding-left: 30px;}
.colegio-his-parent .colegio-his-Inner:nth-child(odd) {padding-left: 140px;}
.colegio-his-parent .colegio-his-Inner:nth-child(even) {padding-right: 140px;}


/************************************************
modelo educativo Page
**********************************************  */
.metodo-parent { max-width: 870px; padding-left: 100px;}
.metodo-Content {padding-left: 50px;text-align: justify;position: relative;}
.metodo-Content .line-plus {position: absolute;left: 23px;top: 0;width: 4px; height: 115%;background-color: #c5d503;}
.metodo-Content .line-sub { position: absolute;left: 23px;bottom: -15%; width: 42px;height: 10px;background-color: #c5d503;}

.formation-parent {max-width: 303px;}
.formation-Section {position: relative;}
.formation-Section:after {position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: '';background-color: rgba(196,213,1,0.72);z-index: 1;width: 40%;height: 45%;}


/************************************************
actividades extracurriculares Page
**********************************************  */

.miternal-Icon {width: 80px;max-width: 80px;margin: 0 auto;}
.secundaria-parent .ib{margin-right:-5px;}
.secundaria-parent .miternal-inner .miternal-Icon{width: 80px;max-width: 80px;margin: 0 auto;height: 80px;}
.school-Detail{padding-left:60px;}


/************************************************
Admisiones Page
**********************************************  */
.sesiones-timing {max-width:100%;width: 100%;text-align: left;padding-left: 40px;}
.sesiones-title {display: inline-block;vertical-align: top;margin-right: -4px;}
.sesiones-content ul {margin: 0;padding: 0;list-style: none;}
.sesiones-content {display: inline-block;margin-right: -4px; vertical-align: top;    padding-left: 20px;
}


/************************************************
Admisiones Page Phase - 2
**********************************************  */
.admissionProcess-repeat {padding: 30px;position: relative;}
.admissionProcess-repeat:before {content: '';width: 21px;height: 21px;position: absolute; left: 50%;transform: translateX(-50%);background-color: #fff; bottom: 0; border-radius: 50%;}
.admissionProcess-repeat:after {content: '';position: absolute;bottom: 8px;left: 0;width: 100%;height: 6px;background-color: #fff;}
.admissionProcess-repeat:nth-child(4n+1):after {left: 50%;}
.admissionProcess-repeat:nth-child(4n+4):after {left: -50%;}
.admission-Info{padding-left:12%;}
.admissionProcess-Parent .admissionProcess-repeat:last-child:after {  width: 100%;}

/************************************************
potenciadores Page
**********************************************  */
.potenciadoresfour-column .playground-parent{margin-left:-15px; margin-right:-15px}


/************************************************
Instalaciones Page Phase-II
**********************************************  */
.preparatoria-Section {position: relative;}
.preparatoria-Parent {position: relative; z-index: 1;}
.preparatoria-Section:before {position: absolute;left: 0;top: 0;width: 50%;height: 100%;content: '';background-color: rgba(17,17,17,0.71); z-index: 0; border-right: 8px solid #c4d82e;}
.preparatoria-listStyle ul {margin: 0;padding: 0;list-style-type: none;}
.preparatoria-listStyle ul li {padding-left: 55px;position: relative;}
.preparatoria-listStyle ul li:before {position: absolute; left: 32px; top: 50%; transform: translateY(-50%); width: 4px;  height: 4px; background-color: #c4d82e; content: ''; border-radius: 50%;}

/************************************************
primaria Page
**********************************************  */
.conoceModule-MultiImge span {padding: 10px 8px;max-width: 105px;width: 105px; text-align: center;}
.conoceModule-MultiImge img {max-width:105px;display: inline-block; margin-right: -4px;vertical-align: middle; }

.conoceModule.version3withImg .conoceLeft-Content {padding-left: 80px;}
.conoceModule.wraprightSide.version3withImg .conoceLeft-Content {padding-left: 0;padding-right: 80px;}

/************************************************
Idiomas Phase-II Page
**********************************************  */
.iconGrp-child {  padding-left: 15px; padding-right: 15px; max-width:150px;}
.iconGrp-Parent {max-width: 430px;margin: 0 auto;}
.conoceright.wrapright .rectangTra.grayskew, .conoceright .rectangTra.grayskew {background: #f6f6f6;}




/************************************************
Blog Page
**********************************************  */

.postbody-structure { margin-left: -15px;margin-right: -15px;}
.postbody-img , .postbody-Content {padding-left: 15px;padding-right: 15px;}

.blog-rightSide{padding-left:2%}
.blogpost-item {padding: 30px 0;}
.blogpost-item:first-child {padding-top: 0;}
.blog-featureImg a {width: 100%;height: 230px; display: block;background-size: cover;background-repeat: no-repeat;}
.topiclink-All {padding: 3px 0;}
.topiclink-All .topic-link { padding: 1px 2px;border: 1px solid #a1a1a1; border-radius: 5px; display: inline-block;margin-right: -4px;color:#636363;    font-size: 14px;	}
.topiclink-All .topic-link + .topic-link { margin-left: 10px;}


.blog-SocialIcon .hs-blog-social-share{height:auto;}
.blog-SocialIcon .hs-blog-social-share-list { margin: 0; background-color: #e5e9eb;display: inline-block;padding: 7px 5px 5px; margin:10px 0 0;}
.blog-SocialIcon .hs-blog-social-share-list .hs-blog-social-share-item-google-plus {display: none;}
.blog-SocialIcon .hs-blog-social-share-list .hs-blog-social-share-item:last-child {margin-right: 0;}
.blog-SocialIcon .hs-blog-social-share-item{line-height:1}
.blog-SocialIcon .hs-blog-social-share-item-facebook .fb_iframe_widget{line-height: 1;vertical-align: top;}
.blog-SocialIcon .hs-blog-social-share-item-facebook .fb_iframe_widget span {vertical-align: middle !important;}
.blog-SocialIcon .hs-blog-social-share .hs-blog-social-share-list:after{content:''}


.blog-SocialIcon .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item.hs-blog-social-share-item-facebook {margin-right: 0;}




/* Blog Pagination */
.blog-pagination .previous-posts-link {float: none;}
.blog-pagination{text-align:right; padding-top:10px;}
.blog-pagination ul { margin: 0 0 50px; padding-left:0;} 
/* .blog-pagination ul span.pg { margin: 0 20px;} */
.blog-pagination ul li { display: inline-block; margin: 0 4px; text-align:center;}
.blog-pagination ul li.previous-posts-link:,
.blog-pagination ul li.next-posts-link
.blog-pagination ul li.hide { visibility: hidden;}
.blog-pagination ul li a { text-decoration: none; color: ;}
.blog-pagination li a{ width: 30px; height: 30px; color:#363636; border: 1px solid #c4d82e; background-color:#c4d82e; line-height: 29px; border-radius: 0px; display:inline-block;}

.blog-pagination ul li a:hover,
.blog-pagination ul li.active a { background-color: transparent;  border: 1px solid #c4d82e; color:#c4d82e;}
.blog-pagination ul li.previous-posts-link a:hover,
.blog-pagination ul li.next-posts-link a:hover{background-color:transparent;  color:#c4d82e; border:1px solid #c4d82e}
.blog-pagination .next-posts-link { float: none;}

.blog-pagination li a { font-size: 23px; font-weight: 500;}
.blog-pagination li.previous-posts-link a ,.blog-pagination li.next-posts-link a {background-color: transparent; border: none;color: #c4d82e;}
.blog-pagination li.next-posts-link a:hover {border: none;}
.blog-pagination ul li.previous-posts-link a:hover, .blog-pagination ul li.next-posts-link a:hover {border: none;}
/* .blog-pagination li.previous-posts-link a {background-color: transparent;
color: #0054a4;
border: none;
} */




/* Blog rightside */

.blog-rightSide h3 { font-size: 25px;  font-weight: 700; color: #88924d;}
.subscribe-Form { background-color: #ebebeb;padding: 17px 20px;}
.subscribe-Form form {padding-top: 20px;}
.subscribe-Form form .field {padding: 0 0 10px;}
.subscribe-Form form .field input[type="email"] { border: transparent;line-height: 1.3; font-size: 23px;text-align: center; color: #acacac;border-radius: 10px;  font-weight: 700; background-color:#fff; padding:12px 20px;}
.subscribe-Form form input[type="submit"] {display: block; width: 100%; font-size: 23px; background-color: #c4d82e; border: 2px solid transparent; line-height: 1.2; border-radius:10px; color:#fff;}
.subscribe-Form form input[type="submit"]:hover { background: transparent; border: 2px solid #c4d82e;color: #c4d82e;}

.blog_category ul {list-style: none; padding: 0;margin: 0; padding-top: 25px;padding-bottom: 20px;}
.blog_category ul li {display: inline-block; vertical-align: middle;margin-right: 4px; padding-bottom:5px;}
.blog_category ul li a { border: 1px solid #868686;border-radius: 4px;padding: 3px; display: block; background-color: transparent; font-weight:700;}
.blog_category ul li a:hover { background-color: #868686; color: #fff;}

.leftRecentImage {width: 100px;height: 60px;background-size: cover;background-repeat: no-repeat;}
.sideBox {border-bottom: 1px solid #ebebeb;}
.recentPostItem {margin-left: -10px;margin-right: -10px;padding-top: 7px;padding-bottom: 7px;}
.recentpost-LeftSide,.recentpost-RightSide {padding-left: 10px;padding-right: 10px;;display: inline-block; vertical-align: middle;margin-right: -4px;}
.recentpost-LeftSide {width: 120px}
.recentpost-RightSide {width: calc(100% - 120px);text-align: left;}
.recentpost-RightSide .recePostContent a:hover , .recentlist-Btn a:hover{color:#88924d;}

.recentlist-Btn {padding: 15px 0;}

.blog_category .filter-expand-link {text-align: right;display: block;color: #464646;}
.blog_category ul {text-align: left;padding: 0;padding-top: 25px;padding-bottom: 15px;}
.blog_category {padding-top: 30px;border-bottom: 1px solid #ebebeb; padding-bottom: 15px;}


.blog-followSocial ul {padding-left: 0;}
.followus-Blog {padding-top: 30px;}
.blog-followSocial li {display: inline-block;}
.blog-followSocial li a {line-height: 1;}
.blog-followSocial li a i {display: block;font-size: 35px;}
.blog-followSocial li.twitter-link a {color: #1b95e0;}
.blog-followSocial li.facebook-link a {color: #4267b2;}
.blog-followSocial li.twitter-link a:hover {color: #0c7abf;}
.blog-followSocial li.facebook-link a:hover {color: #365899;}

.forfirst-Index .date_icon { width: 20px;}

.forfirst-Index .date_iconContent { width: calc(100% - 23px);}
.forfirst-Index .postbody-structure {overflow: hidden;}
.forfirst-Index .blog-featureImg a{height:330px;}
.first-IndexParent {position: relative;}
.first-IndexRight {padding-left:25%;}
.forfirst-Index .yellow-linebottom {position: absolute; left: 77px; bottom: 0px;height: 130%;width: 130px; background-color: #c4d82e;display: block; transform: skewX(-25deg);z-index: 1;}
.forfirst-Index .yellow-linetop {position: absolute;left: 222px; top: -75px; width: 80px;height: 75px;display: block;background-color: #88924d;transform: skewX(25deg);z-index: 0;}

.forfirst-Index .post-header {max-width: 550px;width: 100%;}
.first-IndexParent .post-header h2>a:hover { color: #c4d82e;}
.feature-postImg {height: 220px;}


/* Blog Post  */

.post-header h4>a:hover { color: #88924d;}
.blogpost-Dateparent {position: relative;}

.blogpost-Dateparent .post-Date {padding-left: 20%;padding-top: 20px;padding-bottom: 20px;}
.blogpost-Dateparent .yellow-linebottom {position: absolute;left: 48px;bottom: 0px;height: 150%;width: 84px;background-color: #c4d82e;display: block;transform: skewX(-25deg);z-index: 1;}
.blogpost-Dateparent .blogpost-Dateparent .post-Date {padding-left: 20%; padding-top: 20px;padding-bottom: 20px;}
.blogpost-Dateparent .post-Date > div {padding-left: 10px;padding-right: 10px;}
.blogpost-Dateparent .yellow-linetop {position: absolute;left: 116px;top: -67px;width: 80px;height: 67px; display: block; background-color: #88924d; transform: skewX(25deg); z-index: 0;}

.hs-blog-post .blog-section .post-body {text-align: justify;line-height: 1.66;}
.hs-blog-post .post-body img{padding-top:50px; padding-bottom:20px; width:100%;}
.hs-blog-post .post-body .cta_button img { width:auto; padding:0 }
.hs-blog-post .post-body .cta_button { display:inline-block }
.hs-blog-post .post-body .hs-cta-wrapper { display:block; text-align:center }


.blog-section .post-body * + p {margin-top: 40PX;}
.blog-Form label {margin-bottom: 5px;    display: block;color: #636363;}
.blog-Form form {padding-top: 30px; padding-bottom:50px;}
.blog-Form form textarea {min-height: 180px;}
.blog-Form .hs_recaptcha {display: none;}
.blog-Form .actions {text-align: center; padding-top:20px;}

.blogpost-Title h1 {display: inline-block;position: relative;}
.blogpost-Title h1:before {position: absolute;left: 0;bottom: -13px; width: 100%;    height: 4px; background-color: #898989; content: '';}




/* Banner Strip 03-04-2020 */

.bannerNewStrip { position: relative; }
.bannerStripTitle a {font-size: 30px; color:#000;line-height: 1.2;padding: 10px 31px;background: #1A7684;color: white;border: 1px solid #1A7684;border-radius: 3px;position:relative;z-index:3;}
.bannerStripTitle a:hover{color:#fff; cursor:pointer;background:#C5D348;border:1px solid #FFF}
.bannerNewStrip:before { content: ''; position: absolute; background-image: url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/ALOHA/leftBannerImage.png'); width: 30%; height: 100%; background-size: cover; background-position: top right; top: 0; background-repeat: no-repeat; left: 0; }
.bannerNewStrip:after { content: ''; position: absolute; background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/ALOHA/rightBannerImage.png); width: 30%; height: 100%; background-size: cover; background-position: top left; top: 0; background-repeat: no-repeat; right: 0; }
.bannerStripTitle h2,.bannerSubTitleStrip { color: #000000; }
.bannerStripTitle h2 { font-weight: 400; }

/* Payment Page */

.paymentboxRepeat{padding:60px 60px 50px; border-radius:10px; overflow:hidden;}
.paymentformSection{max-width:240px; width:100%; margin:0 auto;}
.paymentformSection form{text-align:left;}
.paymentboxStyle  input[type="text"] { background-color: #fff; border-radius: 0;}
.paymentformSection input[type="image"] { width: 208px; margin: 0 auto; max-width: 100%;}
.paymentboxStyle { position: relative;}
.paymentboxStyle * { position: relative; z-index: 2;}
.paymentboxStyle:before {content: '';width: 100%;height: 100%;top: 2px;left: 2px;background-color: rgba(0,0,0,0.4);position: absolute;}
.paypalbottomImg img { max-width: 113px; margin: 0 auto;}
.font24 { font-size: 24px;line-height: 1.3; }
.paymentboxRepeat {    background-position: center center; background-repeat: no-repeat; background-size: cover; }


/* Modelo Education New page 2020 */
/*  Left Content Right Image Section*/
.banner_v1.banner_v2 {padding: 105px 0 110px;}
.conoceLeft-Content.innerLeftContent .conoceListItem.conoceListItemNew p {font-size: 14px;line-height: 1.3;}
.conoceModule.nextGen.conoceModuleV2{background-color:#f6f6f6;}
.conoceModule.nextGen.conoceModuleV2 .rectangTra{background:#f6f6f6;}
.conoceright-Img.conoceright-ImgV2{height: 300px;min-height: 300px;background-position:top;}
.conoceLeft-Content.innerLeftContent>div {padding-right: 100px;padding-left: 60px;}


/* Title With Six Column */

.overlay.playground-Section {background-position: top;}
.subTitle p{font-size:16px;line-height:1.5;}
.sixColContent p{font-size:14px;line-height:1.5;}
.sixColIcon span {font-size: 20px;font-weight: 700;color:#000000;height: 26px;width: 26px;background-color: #fdc100;display: inline-block;border-radius: 50%;line-height: 26px;}
.miternal-inner.sixCol1 {width: 20%;}
.miternal-inner.sixCol2 {width: 15%;}
.miternal-inner.sixCol3,.miternal-inner.sixCol4,.miternal-inner.sixCol5,.miternal-inner.sixCol6 {width: 16%;}

/* Title With logo Section */

.titleWithLogoSection{padding:50px 0 45px}
.titleWithlogosContent p{font-size:14px;line-height:1.5;}
.titleWithlogosContent{max-width:444px; margin:0 auto;}
.logosParent {text-align: center;}
.logosParent {max-width: 695px;margin: 0 auto;}

/* Title With listing Module */
.counterTitle div>h5 {color: #c4d82e;}
.listingTitle div> h5{color:#c4d82e;}
.quotes-Section.listingBanner {background-position: bottom;}
.conoceListItem.conoceListItemV2{font-size:14px;line-height:1.5;}
.conoceListItem.conoceListItemV2 ul li:before{left: -2px;height:7px; width:7px;}
.rightListing{padding-left:38px}
.leftListing{padding-right:30px;}
.conoceListItem.conoceListItemV2.conoceListItemNew ul li:last-child {margin-top: 25px;}
 .conoceModule.nextGen.conoceModuleV2 .recYellow{width: 7px;left:60px;height: 70%;}


/*  pillar Educative section */
.pillarEduSection.green{padding: 70px 0px 76px;}
.pillarEduSection.green:before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0 ,0 ,0 ,0.66);}
.pillarEduSection .parentBox{position:relative;z-index:2;}
.pillarEduSection.green .title h3{color:#c5d503}

/* Form Section */
.FormSection .SubTitle h4 { color: #010101; font-weight: 400;}
.FormSection .FormTitle h3 { font-size: 24px;}
.FormTop textarea, .FormTop input[type="text"], .FormTop input[type="number"], .FormTop input[type="email"], .FormTop input[type="tel"], .FormTop select{ border: 1px solid #000; outline: 0; background: #ffffff; font-size: 18px; border-radius: 3px !important;}
.FormTop input[type="submit"] { font-size: 22px; text-transform: initial !important; padding: 13px; background-color: #ffd305; border-radius: 5px;}
.FormTop .actions { padding-top: 30px;}
.FormTop input[type="submit"]:hover { color: #000; background-color: transparent;}
.FormSection .FormBottomTitle { font-size: 17px; font-weight: 500;}
.FormSection .FormSubTitle { font-size: 12px;}
/* Form Section V2 */
.FormSectionV2, .FormSectionV2 .FormTitle h3, .FormSectionV2 .SubTitle h4{ font-family: 'Cabin', sans-serif !important; }
.FormSectionV2 .FormTop textarea, .FormSectionV2 .FormTop input[type="text"], .FormSectionV2 .FormTop input[type="number"], .FormSectionV2 .FormTop input[type="email"], .FormSectionV2 .FormTop input[type="tel"], .FormSectionV2 .FormTop select{ font-family: 'Cabin', sans-serif !important;  }
.FormSectionV2 .FormTop input[type="submit"]{ font-family: 'Cabin',sans-serif !important; background-color: #c4d82e; border-color: #c4d82e; }
.FormSectionV2 .FormTop input[type="submit"]:hover{ background-color: transparent; }



/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*-=-=- Smaller Desktop Devices -=-=-*/
@media (max-width:1500px ) {

  .eca-left, .chimalistac-right{padding:0px 30px;}



}



@media (max-width:1230px ) {
  .wrapper { max-width:1000px }


  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{padding: 10px 10px;}


  /********************************
  diseno-HomePage  
  ****************************  */
  .diseno-HomePage:before{height:170px;}
  .Diseno-Header img {max-width: 120px;}
  .eca-circleLogo {max-width: 180px;margin: 0 auto;}
  .circle-Inner {width: 450px;height: 450px;}
  .eca-circleLogo {max-width: 200px;margin: 0 auto;}
  .eca-inner .menuList ul li a { font-size: 18px;}
  .chimalistac-inner .menuList a {font-size: 18px;}
  .websitecta a{font-size: 18px;}
  .chimalistac-inner ul li:last-child {padding: 5px 0 10px;}
  /*   .conoceModule.wrapright .rectanglenew:before{right: -235px;} */

  .playgroundn-inner{width:33.33%;}
  .blog-rightSide{padding-left:0%}
  /************************************************
  primaria Page
  **********************************************  */
  .conoceModule.wraprightSide.version3withImg .conoceLeft-Content>div{padding-left:30px;}
  .conoceModule.version3withImg .conoceLeft-Content>div{padding-right:30px;}

  .conoceModule.version3withImg .conoceLeft-Content {padding-left: 30px;}
  .conoceModule.wraprightSide.version3withImg .conoceLeft-Content {padding-left: 0;padding-right: 30px;}
  .blogpost-Dateparent .post-Date > div {width: 100%;}

}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {
  .wrapper { max-width:900px }
  .eca-left, .chimalistac-right{padding:0 15px;}
  .eca-circleLogo{max-width: 150px;}
  /*   .conoceModule.wrapright .rectanglenew:before{right: -254px;} */

  .conoceModule.wrapright .rectanglenew:before {right: -80px;width: 200px;transform: skewX(-9deg);}
  .conoceModule.wrapright .rectanglenew:after {transform: skewX(-9deg);}

  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{width: 100%;max-width: 100%;display: block;height: 100%;display: flex;align-items: center;}

  .rectanglenew:before{ right: -90px;width: 200px;transform: skewX(9deg);}
  .rectanglenew:after{transform: skewX(10deg);}


  /****************************
  Blog Section			
  * ******************************    */

  .postbody-Content, .postbody-img {width: 100%;display: block; margin-right: 0;}
  .postbody-Content {padding-top: 20px;}
  .forfirst-Index .postbody-Content{padding-top:0;}
  .forfirst-Index .yellow-linebottom {width: 80px;}
  .forfirst-Index .yellow-linetop {width: 60px; left: 192px; height:75px; top: -75px;}



  .blogpost-Dateparent .post-Date > div {width: 100%;}
  .blogpost-Dateparent .yellow-linebottom {width: 50px; left: 48px;bottom: 0;}
  .blogpost-Dateparent .yellow-linetop {width: 50px; height: 75px;top: -75px;left: 120px;}
  /************************************************
  Instalaciones Page Phase-II
  **********************************************  */
  .preparatoria-Section:before{width:70%;}

  /****************************
  Common For Exter addtion		
  * ******************************    */
  .conoceModuleImg-Option img {max-width: 200px;}



}

@media(min-width:992px){
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper{opacity: 0;visibility: hidden; display:none;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{opacity: 1; visibility: visible; display:block;}
}
@media (max-width: 991px) and (min-width: 768px) {

  .diseno-HomePage{height:100vh;}

}


/* Update: 10-07-2025 Fix Menu Mobile */
a.expandMenu{
  display:none;
}

.navigation .hs-menu-wrapper{
  display:block;
}

/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:991px ) {
  .wrapper { max-width:700px }

  .tabw20	{width:20%;}
  .tabw25 { width:25%; }
  .tabw30 { width:30%; }
  .tabw33 { width:33.33%; }
  .tabw40 { width:40%; }
  .tabw50 { width:50%; }
  .tabw60 { width:60%; }
  .tabw66 { width:66.66%; }
  .tabw70 { width:70%; }
  .tabw75 { width:75%; }
  .tabw100 { width:100%; }

  h1, .h1 { font-size:30px; line-height:1.3; }
  h2, .h2 { font-size:28px; line-height:1.33; }
  h3, .h3 { font-size:26px; line-height:1.4; }
  h4, .h4 { font-size:22px; line-height:1.44; }
  h5, .h5 { font-size:20px; line-height:1.5; }
  h6, .h6 { font-size:18px; line-height:1.5; }




  .pl-m{padding-left:0}
  .pr-m{padding-right:0}
  .pb40,.p40-0 { padding-bottom:25px; }
  .pb50,.p50-0 { padding-bottom:30px; }
  .pb60,.p60-0 { padding-bottom:35px; }
  .pb70,.p70-0 { padding-bottom:40px; }
  .pb80,.p80-0 { padding-bottom:45px; }
  .pb90,.p90-0 { padding-bottom:50px; }
  .pb100,.p100-0 { padding-bottom:55px; }
  .pb110,.p110-0 { padding-bottom:55px; }
  .pb120,.p120-0 { padding-bottom:55px; }

  .pb130,.p130-0 { padding-bottom:60px; }
  .pb140,.p140-0 { padding-bottom:60px; }
  .pb150,.p150-0 { padding-bottom:60px; }
  .pb160,.p160-0 { padding-bottom:60px; }
  .pt40,.p40-0 { padding-top:25px; }
  .pt50,.p50-0 { padding-top:30px; }
  .pt60,.p60-0 { padding-top:35px; }
  .pt70,.p70-0 { padding-top:40px; }
  .pt80,.p80-0 { padding-top:45px; }
  .pt90,.p90-0 { padding-top:50px; }
  .pt100,.p100-0 { padding-top:55px; }
  .pt110,.p110-0 { padding-top:55px; }
  .pt120,.p120-0 { padding-top:55px; }
  .pt130,.p130-0 { padding-top:60px; }
  .pt140,.p140-0 { padding-top:60px; }
  .pt150,.p150-0 { padding-top:60px; }
  .pt160,.p160-0 { padding-top:60px; }


  .slick-next {right: -50px;}
  .slick-prev {left: -50px;}




  .font45 , body .font45{font-size:30px}
  .font33 , body .font33{font-size:25px}
  .font21 , body .font21{font-size:20px}
  .font20 , body .font20{font-size:18px}



  /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expandMenu"><i></i><i></i><i></i></a>' -=-=-=*/
  a.expandMenu { width: 40px; height: 40px; display: block; cursor:pointer; position: absolute; top: 30px; right: 15px; padding: 5px;  }
  a.expandMenu i { position:relative; width: 30px; left:0; height: 4px; opacity:1; display: block; background: #c4d82e; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  a.expandMenu.open i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; }
  a.expandMenu.open i:nth-child(2) { position:relative; left:-46px; opacity:0; }
  a.expandMenu.open i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; }

  /*-=-=-=-= Mobile Submenu JS USE  SUBMENU ICON as '<a class="childExpand"><i></i><i></i></a>' -=-=-=*/
  .childExpand {display: block;}
  .childExpand { position: absolute; top: 15px; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; }
  /*     .childExpand i { position:relative; width: 15px; left:0; height: 0px; opacity:1; display: block; background: #fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } */
  .childExpand i { position:relative; width: 15px; left:0; height: 0px; opacity:1; display: block; background: #fff; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -7px; }
  /*     .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } */
  .childExpand.open .fa-angle-down:before { content: "\f106";}



  /*  wrapper Imges  */
  .conoceright.wrapright .rectangTra {transform: skewX(-10deg);left: -200px;}
  .conoceright.wrapright .recYellow {transform: skewX(-10deg); left: 5px;}
  .conoceright .rectangTra {transform: skewX(10deg); right: -200px;}
  .conoceright .recYellow {transform: skewX(10deg);right: 10px;}
  .conoceModule.nextGen .rectangTra {transform: skewX(-10deg); left: -200px;}
  .conoceModule.nextGen .recYellow { transform: skewX(-10deg); left: 20px;}
  .conoceModule.nextGen .recYellow.topSideLine {bottom: inherit;top: 0; left: 40px;}
  .conoceModule.nextGen.wraprightSide .rectangTra {transform: skewX(10deg); right: -200px;}
  .conoceModule.nextGen.wraprightSide .recYellow { transform: skewX(10deg); right: 20px;}
  .conoceModule.nextGen.wraprightSide .recYellow.topSideLine{right:40px;}








  /*   .navigation .hs-menu-wrapper.active{display:block;} */
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {display: block;text-align: left;width: 100%;max-width: 100%;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul {display: block;width: 100%;height: auto;}
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:relative;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{width:100%; max-width:none; display:block;}
  .navigation .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:0;}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{}
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{}
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{display:none;}
  /*   .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{visibility: hidden;} */
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{visibility: visible;}
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper{visibility: visible; opacity:1}
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding:20px 10px;}

  /*   .social-Icon ul li { display: block;padding: 0;text-align: left;padding: 5px 0; margin-right:0;} */

  .telephone a+a:before{display:none;}




  /********************************
  diseno-HomePage  
  ****************************  */
  .diseno-HomePage:before{height: 140px}
  .Diseno-Header img{max-width:100px;}


  .circle-Inner{width:350px; height:350px;}
  .eca-circleLogo{max-width:100px;}
  .eca-inner{padding: 30px 25px;}
  .chimalistac-inner{padding: 20px 25px;}

  /************************************************
  Eca Home Page
  **********************************************  */

  .banner_v1{padding:90px 0 90px 0}
  .conoceLeft-Content>div{padding-right: 20px;}
  .conoceModule.wraprightSide .conoceLeft-Content>div{padding-right:0; padding-left:20px;}
  .playgroundn-inner {padding: 15px 10px;}
  .quotes-parent:before {left: 0;top: -20px;}
  .quotes-parent:after { top: inherit;bottom: -20px;right: 0;}

  /************************************************
  Preescolar Page
  **********************************************  */

  .banner_v2{padding:90px 0 90px 0}
  /************************************************
  Nosotros Page
  **********************************************  */
  .vision-parent {margin-left: -15px;margin-right: -15px;}
  .vision-inner {padding: 20px 15px 20px;}



  .historia-content { padding-right: 100px;}
  .historia-parent .historia-inner:nth-child(2n) .historia-content {padding-right: 0;padding-left: 100px;}
  .historia-img {margin: 0px 52px 0 auto;}
  .historia-parent .historia-inner:nth-child(2n) .historia-img {margin: 20px 0 20px 52px;}
  .historia-img {margin: 20px 52px 20px auto;}
  .historia-content:before {top: 100px;width: 65px;}
  .historia-content:after {top: 94px; left: 80%;}
  .historia-parent .historia-inner:nth-child(2n) .historia-content:after { left: 63px;}

  .historia-parent .historia-inner:nth-child(2n):last-child{margin-top: 0px;}

  /************************************************
  Nosotros Page Phase 2
  **********************************************  */
  .colegio-his-parent .colegio-his-Inner:nth-child(odd) {padding-left: 70px;}
  .colegio-his-parent .colegio-his-Inner:nth-child(even) {padding-right: 70px;}

  /* ************************************************
  modelo educativo Page
  **********************************************  */

  .metodo-Section {padding-bottom: 90px;}
  .metodo-parent {padding-left: 0;}
  .formation-Section:after {height: 60%;width: 48%;}
  .potenciadoresfour-column{padding-top:40px; padding-bottom:40px;}
  .potenciadoresfour-column .playground-parent{margin-left:-10px; margin-right:-10px;}


  /*************************************************
  Admisiones Page Phase - 2
  **********************************************  */
  .admissionProcess-repeat:nth-child(2n):after {left: -50%;}
  .admissionProcess-repeat:nth-child(odd):after {left: 50%;}
  /************************************************
  Instalaciones Page Phase-II
  **********************************************  */
  .preparatoria-Section:before {width: 70%;}
  /************************************************
  primaria Page
  **********************************************  */
  .conoceModule.version3withImg .conoceLeft-Content{padding-left:15px;}
  .conoceModule.wraprightSide.version3withImg .conoceLeft-Content { padding-right: 15px;}

  /****************************
  Blog Section			
  * ******************************    */

  .row-fluid .blog-LeftSide ,.row-fluid .blog-rightSide {width: 100%;display: block;float: none !important;}
  .row-fluid .blog-rightSide {margin-left: 0 !important;}
  .blogpost-item { padding: 15px 0;}
  .forfirst-Index .yellow-linebottom {width: 60px;}
  .forfirst-Index .yellow-linetop {left: 172px; height: 75px;}
  .forfirst-Index .blog-featureImg a{height:250px;}
  .blog-pagination{text-align:center; padding-top:20px;}

  /*  Banner Strip 03-04-2020  */

  .bannerSubTitleStrip { max-width: 340px; margin: 0 auto; }
  .bannerNewStrip { padding-top: 15px; padding-bottom: 15px; }

  /*  Payment page  */
  .paymentboxRepeat { padding: 50px 25px;}

  /* Modelo Education New page 2020 */
  /*  Left Content Right Image Section*/

  .conoceLeft-Content.innerLeftContent>div {padding-right: 50px;}
  
  /*  Title With Six Column  */
  .miternal-inner.sixColIcon{width:33.33% !important;}
  .conoceModule.nextGen.conoceModuleV2 .recYellow{left: 18px;}

/*  pillar Educative section */
.pillarEduSection{padding: 40px 0px;}
  .admissionProcess-Parent .admissionProcess-repeat:last-child:before  , .admissionProcess-Parent .admissionProcess-repeat:last-child:after {display:none}

}

@media (min-width:767px ) {

  .colegio-his-parent .colegio-his-Inner:nth-child(even) .colegio-historiaImg {display: none;}
  .colegio-his-parent .colegio-his-Inner:nth-child(even)  .right-sideImg {display: inline-block;}
  .colegio-his-parent .colegio-his-Inner:nth-child(even) .colegio-historiaContent {padding-left: 0;padding-right: 30px;}

}



@media (max-width:1920px ) {
  .rectangTra, .recYellow {display:none !important;}
}




/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {
  .wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
  .mtop10 { margin-top:10px; } /* >>>>>>> margin top 10px in mobile <<<<<<<< */
  .mtop20 { margin-top:20px; } /* >>>>>>> margin top 20px in mobile <<<<<<<< */
  .mtop30 { margin-top:30px; } /* >>>>>>> margin top 30px in mobile <<<<<<<< */
  .mpt0,.mp0 { padding-top:0 !important; }
  .mpb0,.mp0 { padding-bottom:0 !important; }
  .mpl0,.mp0 { padding-left:0 !important; }
  .mpr0,.mp0 { padding-right:0 !important; }
  .mobile-center { text-align:center; } /*>>>>>>>    text-align:center in mobile   <<<<<<<<<<<<*/
  .text-right { text-align:center; }

  .mw25 { width:25%; }
  .mw33 { width:33.33%; }
  .mw50 { width:50%; }
  .mw66 { width:66.66%; }
  .mw75 { width:75%; }
  .mw100 { width:100%; }

  form fieldset[class*="form-columns"] .field { width:100%; }



  .table{display:block; width:100%;}
  .table-cell{display:block; vertical-align:middle;}
  .footer-Section{background-size:100% 100%}

  /*  For the rachagle  */
  .conoceModule.wraprightSide .rectangTra, .conoceModule.wraprightSide .recYellow, .conoceModule .rectangTra, .conoceModule .recYellow{display:none !important;}


  /********************************
  diseno-HomePage  
  ****************************  */
  .diseno-HomePage:before{background-position: center top -59px; background-size: auto; height:100%;}
  .eca-left, .chimalistac-right {display: block;width: 100%;margin-right: 0;padding: 15px;}

  .footer-Section{padding-top:40px;}
  .footer-logo, .footer-listing, .footer-right {display: block;text-align: center;width: 100%;margin-right: 0;padding: 0;}
  /*   .footer-listing li:last-child {padding: 15px 0 0;} */
  .contact {text-align: left;}
  .footer-logo {padding-bottom: 30px;}
  .footer-listing {padding-bottom: 30px;}

  /************************************************
  Eca Home Page
  **********************************************  */
  .conoceright-Img{height:350px !important; min-height:350px;}
  .rectangle:before {display: none;}
  .rectangle:after { display: none;}
  .rectanglenew:before{display: none;}
  .rectanglenew:after{display: none;}
  .conoceModule .table{height:auto; max-height:100%;}
  .conoceModule .wrapLeft {  padding-left:15px !important; padding-right:15px;}

  .activity-inner{display:block; margin-right:0;}
  /*   .activity-Section .activity-list-inner{max-width:100%;} */
  .activity-Section .activity-list-inner{max-width:100%; padding-right:0}
  .activity-Section .activity-Parent .activity-inner:nth-child(2) .activity-list-inner {margin: 0;max-width: 100%;}


  /************************************************
  Nosotros Page
  **********************************************  */

  .vision-parent{padding-top:10px; margin-left:0; margin-right:0;}
  .vision-parent .vision-inner:nth-child(3n+2):before, .vision-parent .vision-inner:nth-child(3n+2):after{display:none;}


  .historia-inner {width: 100%;padding: 20px;}
  .historia-parent .historia-inner:nth-child(2n) {float: left;clear: both;margin-top: 0;}
  .historia-parent:before {left: 0;}
  .historia-content:before {top: 12px;right: inherit;left: -21px;width: 130px;}
  .historia-content:after {left: 107px;top: 6px;}
  .historia-img {margin: 30px 0 0px 52px;}
  .historia-parent .historia-inner:nth-child(2n) .historia-img{margin: 30px 0 0px 52px;}
  .historia-img:before {right: inherit; left: -76px;width: 76px;}
  .historia-parent .historia-inner:nth-child(2n) .historia-content {padding-left: 0;}
  .historia-content {padding-right: 0;}
  .historia-parent .historia-inner:nth-child(2n) .historia-content:before {top: 12px;left: -21px;width: 130px;}
  .historia-parent .historia-inner:nth-child(2n) .historia-content:after {left: 105px;top: 6px;}
  .historia-img {width: 80px;height: 80px; border: 2px solid #fff;}
  .historia-parent .historia-inner:nth-child(2n) .historia-img:before {left: -76px;}
  .historia-parent .historia-inner:nth-child(2n):last-child{margin-top:0;}


  /************************************************
  Nosotros Page Phase 2
  **********************************************  */

  .colegio-his-parent .colegio-his-Inner:nth-child(odd), .colegio-his-parent .colegio-his-Inner:nth-child(even) { padding-left: 0;padding-right: 0;padding: 10px 0;}

  .admissionProcess-Section{overflow:hidden;}
  .admission-Info{padding-left:0;}

  /* ************************************************
  modelo educativo Page
  **********************************************  */
  .metodo-Content .line-plus {height: 107%;left: 0;}
  .metodo-Content .line-sub {bottom: -8%;left: 0;}
  .metodo-Content { padding-left: 25px;}

  .formation-parent {max-width: 100%;}
  .formation-Content {text-align: left;}
  .formation-Section:after {display: none;}
  /************************************************
  Instalaciones Page Phase-II
  **********************************************  */
  .preparatoria-Section:before {width: calc(100% - 8px);}



  /*  wrapRight Section  */
  .wraprightSide .wrapRight {padding-left: 15px;}
  .conoceModule.wraprightSide .conoceright-Img {margin-top: 0 !important;}


  /* ************************************************
  Blog Page
  **********************************************  */
  /*   .forfirst-Index .yellow-linebottom {transform: skewX(-15deg);left: 43px;}
  .forfirst-Index .yellow-linetop {left: 112px;top: -79px;width: 20px;height: 79px;}
  .forfirst-Index .yellow-linebottom {width: 20px;left: 47px;}
  */
  .postbody-structure { overflow: hidden;}
  .forfirst-Index .blog-featureImg a{height:200px;}

  /*   .forfirst-Index .yellow-linebottom {bottom: inherit;top: -40px;width: 20px; height: 100px;transform: skewX(-25deg); left: 24px;}
  .forfirst-Index .yellow-linetop {left: 56px;height: 40px;top: -40px;}
  .first-IndexRight {padding-left: 51px;} */

  .blog-Form form{padding-bottom: 30px;}
  .subscribe-Form h3 br {display: none;}
  .forfirst-Index .yellow-linebottom {display: none;}
  .forfirst-Index .yellow-linetop {display: none;}
  .first-IndexRight {padding-left: 15px; padding-right: 15px;}


  .blogpost-Dateparent .yellow-linebottom {width: 15px;left: 20px;height: 130%;transform: skewX(-20deg);}
  .blogpost-Dateparent .yellow-linetop {width: 15px;left: 68px;height: 47px;top: -47px;}
  .blogpost-Dateparent .post-Date {padding-left: 40px;}

  /************************************************
  primaria Page
  **********************************************  */
  .conoceModule.version3withImg .conoceLeft-Content{padding-left:15px; padding-right: 15px;}
  .conoceModule.wraprightSide.version3withImg .conoceLeft-Content { padding-right: 15px; padding-left:15px;}


  li.TopHeaderDropdown ul{ opacity:1; visibility: visible; display:none; }
  li.TopHeaderDropdown ul li a{ font-size:14px; padding:10px; }
  li.TopHeaderDropdown ul{ min-width:160px; }

  /*  Payment page  */

  .paymentboxRepeat { padding: 30px 20px;}
  /* Modelo Education New page 2020 */
  /*  Left Content Right Image Section*/
 .conoceLeft-Content.innerLeftContent>div {padding-right:0; text-align:center;padding-left:0;}
 
  /*  Title With Six Column  */
  .miternal-inner.sixColIcon{width:33.33% !important;}
/*   Title With Listing Section */
   .conoceListItem.conoceListItemV2 ul{padding:0;}
  .rightListing {padding-left:0}
  .leftListing{padding-right:0}
  .conoceListItem.conoceListItemV2.conoceListItemNew ul li:last-child{margin-top:0;}
  
  .admissionProcess-repeat:before  ,  .admissionProcess-repeat:after  {display:none}
  .admissionProcess-repeat .equal_div{height:auto !important}

  
  /* Form Section */
  .FormTop form fieldset.form-columns-3 .field { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}
  .FormSection .FormTitle h3 { font-size: 20px;}
  .FormSection .SubTitle h4 { font-size: 18px;}
  .FormTop input[type="submit"] { font-size: 20px;}
  .FormTop .actions { padding-top: 15px;}

}

@media(max-width:991px){
  .header-Strip .wrapper{flex-direction: column;gap:15px;}
  .social-Icon > ul{justify-content:space-evenly;gap:8px;}
  .header-Strip{padding:20px 0;}  
  .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul{padding-bottom:12px;}
}

@media(max-width:600px){
  .topleftSript {width: 100%;margin:0 auto 0 0;}
  .toprightSript {width: 100%;}
  .toprightSript ul {padding: 0;}
  .topleftSript img {max-width: 150px;}

  .playgroundn-inner{width:100%; margin-right:0;}
  .school-Detail{padding-left:0;}

  /************************************************
  Nosotros Page Phase 2
  **********************************************  */

  .colegio-historiaImg {display: block;margin: 0 auto;}
  .colegio-historiaContent {width: 100%;padding-left: 0;padding-top: 10px;}




}

@media(max-width:480px){
  .activity-Section .activity-list-Icon {display: block;margin: 0 auto; width: 100%;padding-bottom: 10px;}
  .activity-Section .activity-list-content { display: block; width: 100%;}
  .historia-content:before, .historia-parent .historia-inner:nth-child(2n) .historia-content:before {width: 80px;}
  .historia-content:after, .historia-parent .historia-inner:nth-child(2n) .historia-content:after {left: 55px;}
  .social-Icon > ul > li {padding: 5px 4px; text-align:center; }
  .social-Icon > ul > li > a {margin-left: 6px; font-size:14px; }
  /************************************************
  actividades extracurriculares Page
  **********************************************  */
  .miternal-Icon {width: 60px;max-width: 60px;height: 60px;}
  .miternal-inner {padding: 20px 10px;}
  .secundaria-parent .miternal-Icon{width: 60px;max-width: 60px;height: 60px;}
  .secundaria-parent .miternal-inner{padding: 20px 10px;}
  .secundaria-parent .miternal-inner {width: 50%;}

  .activity-Section .activity-list-inner{text-align:center;}

  /************************************************
  Idiomas Phase-II Page
  **********************************************  */
  .iconGrp-child { padding-left: 10px; padding-right: 10px;}


  /* ************************************************
  Blog Page
  **********************************************  */

  /* Blog Header   */
  .blogheader-cta, .blogheader-phone{width:100%;}
  .comment-Section >div {width: 100%;}
  .blogpost-Dateparent .yellow-linetop , .blogpost-Dateparent .yellow-linebottom{display:none;}
  .blogpost-Dateparent .post-Date{padding-left:15px; padding-right:15px;}
  .blogpost-Dateparent .post-Date > div{padding-left:0; padding-right:0;}
  
/*  Title With Six Column  */
  .miternal-inner.sixColIcon{width:100% !important;}
 




}

@media(max-width:400px){

  .circle-Inner {width: 280px;height: 280px;}
  .eca-inner .menuList ul li a{font-size:12px;}
  .eca-inner ul li {padding: 5px 0;}
  .websitecta {padding-top: 15px;}
  .eca-inner ul li:last-child {padding: 5px 0 0px;}
  .eca-inner ul {padding: 5px 0;}
  .websitecta a {padding: 9px 12px;font-size: 12px;}
  .chimalistac-inner .menuList a {	font-size: 12px;}
  .chimalistac-inner .menuList ul li {padding: 1px 0;}
  .chimalistac-inner .menuList ul { padding-top: 0px;}
  .chimalistac-inner {padding: 12px 25px;}
  .websitecta.webgreen-Cta {padding-top: 5px;}
  /*   .social-Icon ul{padding-left:20px;} */







}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px,0,0);
    transform: translate3d(50px,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px,0,0);
    transform: translate3d(50px,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}


#hs_cos_wrapper_widget_1542707345573193{
  margin-top:-8px;
}









/*-=-=-=-=-=-=-=-=-=-=
Browser Hacks
-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
  ::i-block-chrome, .classname { /*only for safari....CSS*/ }
}
_:-ms-input-placeholder, :root .classname { /*only for internet explorer....CSS*/ }