/* @import url('http://example.com/example_style.css'); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.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/magnific-popup.js/0.9.1/magnific-popup.min.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: bold;
}
@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:18px; line-height:1.3; font-family: 'Futura', sans-serif; font-weight:500; color:#000; opacity:0 }
body.loaded { opacity: 1 }
.altFont{}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family: 'Futura', sans-serif; font-weight:500; 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: 1300px; 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.80); 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.blue_bg:before { background:rgba(0,33,83,0.85); }
button.mfp-close:focus { outline: none !important;}
.get-bg { display:none !important; }
.altBg { background:#f6f6f6; }
.lightBlue{background-color:#0054a4}
.yellowBg{background-color:#ffcb05}
.yellowtranBg{background-color:rgba(253,193,0,0.55)}
.gradientYellow{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdc100+0,fdc100+60,b88f0a+93 */
background: #fdc100; /* Old browsers */
background: -moz-linear-gradient(top, #fdc100 0%, #fdc100 60%, #b88f0a 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdc100 0%,#fdc100 60%,#b88f0a 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdc100 0%,#fdc100 60%,#b88f0a 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc100', endColorstr='#b88f0a',GradientType=0 ); /* IE6-9 */
}
.gradientBlue{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054a4+4,043564+99 */
background: #0054a4; /* Old browsers */
background: -moz-linear-gradient(top, #0054a4 4%, #043564 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0054a4 4%,#043564 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0054a4 4%,#043564 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054a4', endColorstr='#043564',GradientType=0 ); /* IE6-9 */
}
.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}
.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);}
.button a , a.button { padding:10px 25px; background:#fdc100; color:#002157; border:1px solid #fdc100; 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:#fdc100;text-align:center; color:#002157; border:1px solid #fdc100; 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:#fdc100; color:#002157;}
.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 if you want any other font awesome icon just put icon class in Content */
/* 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; }
.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; }
.margin-top10{margin-top:10px}
.margin-top20{margin-top:20px}
.margin-top30{margin-top:30px}
.m0-15{margin-left:-15px; margin-right:-15px;}
::-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: 'Futura', 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: 'Futura', sans-serif; padding:9px 39px; background:#fdc100; color:#000; border:1px solid #fdc100; 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:#fdc100; 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/Eca%20Grupo%20Nov-2018/leftArrow.png');background-repeat: no-repeat;}
.slick-next{right: -170px;}
.slick-next:before{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/rightarrow.png');background-repeat: no-repeat;}
.slick-dots li button {background: #ffc300;border-radius: 50%;}
.slick-dots li button:before {content: '';}
.slick-dots li.slick-active button {background: #ecb502;}
/*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: 30px; bottom: 0;width: 100px; height: 80%;background-color: rgba(253,193,0,0.43);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: 80%;background-color: rgba(253,193,0,0.43);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.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 .recYellow{position: absolute;left: 47px; bottom: 0; width: 10px;height: 75%;background-color: #fdc100;content: '';display: block;transform: skewX(-20deg); z-index: 6;}
.conoceModule.nextGen.wraprightSide .recYellow{left: inherit;right: 58px;transform: skewX(20deg);}
.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;}
.max700{max-width:700px; width:100%; margin:0 auto;}
.max770{max-width:770px; width:100%; margin:0 auto;}
.max863{max-width:863px; 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}
.font20 , body .font20{font-size:20px}
.font21 , body .font21{font-size:21px}
.font22 , body .font22{font-size:22px}
.font22 , body .font22{font-size:24px}
.font24 ,.font24 h3{font-size:24px}
.font33 , body .font33{font-size:33px}
.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; }
/* Button Updates */
.BtnRight { padding-left: 75px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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; height:100vh;} */
.diseno-HomePage{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:160px; 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:absolute; z-index:3; left:0; top:0; width:100% !important; height:auto;}
.Diseno-Header a img{max-width: 120px;}
.diseno-HomePage .body-container-wrapper {position: relative;z-index: 2;height:100vh;}
.Diseno-Header:before{position:absolute; left:0; top:0; width:100%; height:160px; 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; z-index:-1;}
.disenoBanner-section{padding-top:120px; padding-bottom:100px; height:100vh; display:block; width:100%; overflow:hidden;}
.table-module{display:table; width:100%; height:100%}
.table-cell-module{display:table-cell; vertical-align:middle;}
/* .disenoBanner-section>div{display:table-cell; vertical-align:middle;} */
.eca-left, .chimalistac-right{position:relative;}
.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: 450px;border-radius: 50%; width: 450px; 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; font-size:24px; color: #0055a5;}
.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; text-shadow:none;}
.chimalistac-right .menuList li:last-child a { text-shadow: none;}
.websitecta.webgreen-Cta a {background-color: #c4d600;border:1px solid #c4d600}
.websitecta.webgreen-Cta a:hover{background-color:transparent; color:#c4d600}
/* .forBackVideo { position: absolute; overflow: hidden;width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
iframe { position: absolute; top: 0; left: 0; width: 100%;height: 100%; border: 0;} */
.forBackVideo { position: absolute !important; top: 0; right: 0;bottom: 0; left: 0; overflow: hidden; z-index: 0;width: 100%; height: 100%; padding-top:56.25%;}
/* .forBackVideo iframe {width: 100%;height: 100%;border: 0; max-width: none;min-width: 100%; min-height: 100%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;} */
.forBackVideo video {width: 100%;height: 100%;border: 0; max-width: none;min-width: 100%; min-height: 100%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; background-color:#000;}
.forBackVideo:before { position: absolute; width: 100%; height: 100%; content: ''; background-color: transparent; left: 0; top: 0; z-index: 1;}
.eca-circleLogo img { max-width: 150px;}
.eca-inner { padding: 40px 40px 60px;}
.chimalistac-inner { padding: 20px 40px 30px;}
.chimalistac-inner ul li:last-child { padding: 25px 0 10px;}
/************************************************
Globle header and Top strip For Blog
********************************************** */
.blogHeader-Section {border-bottom: 25px solid #0054a4;}
.blogheader-phone img,.blogheader-phone a {display: inline-block;vertical-align: middle;}
.blogheader-phone img {padding-right: 15px;}
.blogheader-cta a:hover, .blogheader-phone a:hover{color:#fdc100}
/************************************************
Globle header and Top strip
********************************************** */
.header-Strip {padding: 10px 0;}
.social-Icon > ul > li {display: inline-block;vertical-align: middle;margin-right: -4px;padding-right: 20px; padding-top:15px; padding-bottom:15px; }
.social-Icon > ul > li > a {display: inline-block; vertical-align: middle; font-size: 15px; margin-left: 10px;}
.social-Icon > ul > li .paymentOnline a {display: inline-block; vertical-align: middle; font-size: 15px; margin-left: 10px;}
.social-Icon > ul > li img {height: 19px;width: auto;}
.social-Icon > ul > li:last-child {padding-right: 0;}
/* 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:#fdc100; color:#000; }
/* Navigation */
.navigation{background-color:#1f3786; color:#fff; }
.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:#fdc100}
.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: normal;max-width: 170px; font-size:16px; color: #fff; padding:10px 13px;}
.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: #0054a4;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: 200px;width: 200px;}
.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-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/Eca%20Grupo%20Nov-2018/footerBg.png');background-repeat: no-repeat;background-size: cover; background-position: center center; border-top: 4px solid #fdc100;}
.footer-Section .footer-logo>a>img { max-width: 193px;}
.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%);}
.footerStrip span{ font-size: 14px; font-weight: 500; }
.footerStrip span a{ text-decoration: underline; font-weight: 600; font-style: italic; }
/************************************************
Eca Home Page
********************************************** */
.banner_v1{padding:140px 0 290px 0}
.conoceModule .table {height: 500px;max-height: 500px;}
.conoceLeft-Content>div {padding-right: 80px;}
.conoceListItem ul {margin: 0;list-style: none; margin-top:20px;}
.conoceListItem ul li {padding-bottom: 12px;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: 7px; height: 7px; background-color: #fdc100; 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/Eca%20Grupo%20Nov-2018/quote-Left.png'); width:32px; height:18px; 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/Eca%20Grupo%20Nov-2018/quote-right.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: top; margin-right: -4px;}
.activity-Section .activity-list-content { display: inline-block; margin-right: -4px; width: calc(100% - 80px); vertical-align: top; padding-left: 28px;}
.activity-Section .activity-list-content ul{margin:0; padding:0;}
.activity-Section .activity-list-inner {max-width: 450px;}
.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;}
/************************************************
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: #fdc100;}
.metodo-Content .line-sub { position: absolute;left: 23px;bottom: -15%; width: 42px;height: 10px;background-color: #fdc100;}
.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(253,193,0,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;}
/************************************************
potenciadores Page
********************************************** */
.potenciadoresfour-column .playground-parent{margin-left:-15px; margin-right:-15px}
/************************************************
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; 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:#fff; border: 1px solid #0054a4; background-color:#0054a4; 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 #0054a4; color:#0054a4;}
.blog-pagination ul li.previous-posts-link a:hover,
.blog-pagination ul li.next-posts-link a:hover{background-color:transparent; color:#0054a4; border:1px solid #0054a4}
.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: #0054a4;}
.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: #0054a4;}
.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: #fabe3e; border: 2px solid transparent; line-height: 1.2; border-radius:10px;}
.subscribe-Form form input[type="submit"]:hover { background: transparent; border: 2px solid #fabe3e;color: #fabe3e;}
.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;}
.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;}
.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: 75px; bottom: 0px;height: 130%;width: 130px; background-color: #fdc100;display: block; transform: skewX(-25deg);z-index: 1;}
.forfirst-Index .yellow-linetop {position: absolute;left: 215px; top: -75px; width: 80px;height: 75px;display: block;background-color: #d38f00;transform: skewX(25deg);z-index: 0;}
.forfirst-Index .post-header {max-width: 550px;width: 100%;}
.feature-postImg {height: 220px;}
/* Blog Post */
.blogpost-Dateparent {position: relative;}
.blogpost-Dateparent .post-Date {padding-left: 20%;padding-top: 20px;padding-bottom: 20px;}
.blogpost-Dateparent .yellow-linebottom {position: absolute;left: 40px;bottom: 1px;height: 150%;width: 84px;background-color: #fdc100;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: 105px;top: -64px;width: 80px;height: 64px;display: block;background-color: #d38f00;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: #fdc100; content: '';}
/************************************************
Eca Home Page option 2
********************************************** */
.ecagrupo-homepage .header-container-wrapper {position: relative;}
.Eca-header {position: absolute;left: 0; top: 0;width: 100% !important; height: auto;z-index: 2; background-color: #fff; padding: 10px 0;}
.Eca-header img {max-width: 100px;}
.ecagrupo-homepage .body-container-wrapper {height: calc(100vh - 97.05px); margin-top: 97.05px;}
.eca-home-ver2 {height: calc(100vh - 97.05px);}
.eca-home-parent { display: table; width: 100%;height: 100%;vertical-align:top;}
.eca-home-left,.eca-home-right { display: table-cell; height: 100%; vertical-align:top;}
.eca-home-innerparent {display: table;width: 100%;height: 100%;}
.eca-home-innerparent .eca-blankside ,.eca-home-innerparent .eca-leftside {display: table-cell; height: 100%;
vertical-align:middle;
padding-left:15px; padding-right:15px;}
.eca-blankside{height:1px;}
.eca-leftside { background-color: rgba(0,85,165,0.86);}
.eca-leftside.chimalistac-rightside { background-color: rgba(196,214,0,0.93);}
.logo-circlestyle {display: block; width: 200px; height: 200px; background-color: rgba(255,255,255,0.77);border-radius: 50%; margin: 0 auto;line-height: 200px; text-align: center;}
.logo-circlestyle img { max-width: 150px; margin: 0 auto;}
.menuTitle-right{color:}
.eca-leftside-nav ul li {padding: 7px 0;}
.eca-leftside-nav ul li a {text-transform: uppercase; font-weight:700; font-size:20px;}
.eca-leftside-nav ul li a:hover{color:#febd3e}
.eca-leftside-nav.chimalistac-rightside-nav ul li a:hover{color:#0055a5}
/* .eca-leftside .button a{color:#464646; border-radius:10px; padding: 16px 70px 10px;} */
.eca-leftside .button a{color:#464646; border-radius:10px; padding: 11px 50px 7px; font-size:24px}
.eca-leftside .button a:hover{color:#febd3e}
.eca-leftside .button.chimalistac-enter-bta a:hover{color:#fff;}
.eca-leftside-nav {padding-top: 40px;}
.eca-leftside-nav.chimalistac-rightside-nav {padding-top: 20px;}
/* Banner Strip 03-04-2020 */
.bannerNewStrip { position: relative; }
.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: #002157; }
/* Payment Page 8-4-20 */
.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;}
/*Modelo Educativo Virtual ECA 2020 */
.bannerTitleInner h2{font-size:33px;line-height:1.45;}
.conoceLeft-Content.innerLeftContent .conoceListItem p{font-size: 14px;line-height: 1.5;}
.banner_v1.banner_v2{padding:105px 0 110px;background-position: top;}
.button.bannerCta a{padding: 8px 25px;}
.conoceModule{overflow:hidden;}
.conoceright-Img.conoceright-ImgV2{height: 300px;min-height:300px;background-position: top;}
.conoceLeft-Content.innerLeftContent >div{padding-right:100px;padding-left: 66px;}
.conoceListItem.ListItemV2{font-size:17px;}
.conoceModule.nextGen.conoceModuleV2 .rectangTra{width: 230px;left: -142px;}
.conoceModule.nextGen.conoceModuleV2 .recYellow{left: 35px; width:7px;}
.conoceright.conocerightV2New .recYellow{width: 7px;height: 70%;right: 55px;background-color: #fdc100;transform: skewX(-20deg); }
.conoceModule.conoceright.conocerightV2New {background-color:#f7f7f7;}
.conoceright-Img.conoceright-ImgV3{height: 315px;min-height: 315px;background-position:center top;}
.conoceright.conocerightV2New .rectangTra{transform: skewX(-20deg);right: -152px;background-color:#f7f7f7;width: 222px;}
/* left Image Right Content */
.quotes-Section.listingBanner{background-position: center top;}
/* Title With listing Module */
.conoceListItem.conoceListItemV2{font-size:14px;line-height:1.5;}
.conoceListItem.conoceListItemV2 ul li:before{left: -2px;}
.rightListing{padding-left:38px}
.leftListing{padding-right:30px;}
.conoceListItem.conoceListItemV2.conoceListItemNew ul li:last-child {margin-top: 25px;}
/* Title With Six Column */
.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:#1f4965;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%;}
/* pillar Educative section */
.pillarEduSection{padding: 50px 0px 76px;}
.pillarEduSection:before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(9 ,35 ,69 ,0.85);}
.pillarEduSection .parentBox{position:relative;z-index:2;}
/* 23-3-21 */
.bannerNewStrip .bannerStripTitle h2 a { text-decoration: underline; color: #000;}
/* 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; }
/* Updates 29-12-21*/
.HomeBdy .bannerNewStrip:before, .bannerNewStrip:after{ background-image: none; }
.HomeBdy .singleColumn { background-color: #ffc72c; }
.HomeBdy .playground-Section.overlay.blue:before { background: rgba(31,55,134,0.76);}
.HomeBdy .quotes-Section.overlay.bluelight:before { background-color: rgb(31,55,134,0.76);}
.NosotrosBdy .vision-Section.overlay.bluedark:before { background-color: rgb(31,55,134,0.76);}
.NosotrosBdy .historiaBottomSec { background-color: #e4bc2f;}
.ModeloEducativoBdy .formation-Section:after{ background-color: #e4bc2f; }
.ModeloEducativoBdy .formation-Section.overlay.white:before { background: none;}
/* New Section*/
.ImageContSection .ImageContSectionParent { display: flex; border-top: 1px solid #e4bc2f;}
.ImageContSection .ContBoxL { background-color: #1f3786; padding: 40px 61px 50px;}
.ImageContSection .ContBoxLInner h6{ font-size: 26px; line-height: 1.3; }
/* Three Column Section */
.ThreeColBoxSectionNew .IconLink img { width: 22px;}
.ThreeColBoxSectionNew .icon-parent-new-one{ height: 164px; width: 164px; margin: 0 auto; background-size: contain; }
.ThreeColBoxSectionNew h3 { line-height: 1.4; text-transform: uppercase;}
.ThreeColBoxSectionNew { padding: 37px 0 27px;}
.ThreeColBoxSectionNew .IconLink span { padding-left: 5px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*-=-=- Smaller Desktop Devices -=-=-*/
@media (min-width:1231px ) {
.instalaciones-sliderV2{ max-width: 800px; }
.ThreeColBoxSectionNew .playground-parent { max-width: 980px; margin: 0 auto;}
}
@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 5px;}
.social-Icon > ul > li > a{margin-left:8px;}
.social-Icon>ul>li .paymentOnline a{margin-left: 8px;}
.social-Icon>ul>li{padding-right: 10px;}
/********************************
diseno-HomePage
**************************** */
.Diseno-Header: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, .eca-inner .menuList ul li:last-child { 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; font-size:18px;}
/* .conoceModule.wrapright .rectanglenew:before{right: -235px;} */
.playgroundn-inner{width:33.33%;}
.blog-rightSide{padding-left:0%}
/************************************************
Eca Home Page option 2
********************************************** */
.eca-leftside .button a {padding: 13px 20px 10px; font-size:18px;}
.eca-leftside-nav ul li a{font-size:18px;}
.ecaBgImag{background-size: cover !important;}
.blogpost-Dateparent .post-Date > div {width: 100%;}
/************************************************
Eca header popup
********************************************** */
.popup-section { width: 70%; }
}
/*-=-=- Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {
.wrapper { max-width:900px }
.forBackVideo{display:none;}
.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{max-width: 140px; font-size:14px;}
.social-Icon > ul > li > a{margin-left:10px;}
.social-Icon>ul>li .paymentOnline a{margin-left: 10px;}
.social-Icon>ul>li{padding-right: 20px;}
.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: 183px; height:74px; top: -74px;}
.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;}
/************************************************
Eca header popup
********************************************** */
.popup-title h3 { font-size: 30px; }
.popup-section { padding: 80px 30px; }
/* New Section */
.ImageContSection .ContBoxL{ padding: 30px; }
.ImageContSection .ContBoxLInner h6 { font-size: 20px;}
}
@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;}
}
/*-=-=- 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; }
.font24 ,.font24 h3{font-size:22px}
.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; }
.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; }
.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.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: #0054a4; 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 '' -=-=-=*/
.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: 0; 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";}
.chimalistac-inner .menuList ul li{padding: 1px 0;}
.eca-inner ul li{padding:6px 0}
/* 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.wraprightSide .rectangTra {transform: skewX(10deg); right: -200px;}
.conoceModule.nextGen.wraprightSide .recYellow { transform: skewX(10deg); right: 20px;}
/* navigation */
.navigation .hs-menu-wrapper{display:none;}
/* .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:100%; 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;} */
.social-Icon > ul{padding-right:20px; padding-left: 20px; text-align:left;}
.social-Icon > ul > li { display: inline-block;padding: 0;text-align: left;padding: 5px 5px; margin-right:-4px; width:50%; }
.telephone a+a:before{display:none;}
/********************************
diseno-HomePage
**************************** */
.Diseno-Header:before{height: 140px}
.Diseno-Header img{max-width:100px;}
.Diseno-Header a img { max-width: 90px;}
.circle-Inner{width:350px; height:350px;}
.eca-circleLogo{max-width:100px;}
.eca-circleLogo img { max-width: 100px;}
.eca-inner{padding: 30px 25px;}
.chimalistac-inner{padding: 20px 25px;}
/************************************************
Eca Home Page
********************************************** */
.banner_v1{padding:40px 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;}
/* ************************************************
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;}
/****************************
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: 168px; height: 74px;}
.forfirst-Index .blog-featureImg a{height:250px;}
.blog-pagination{text-align:center; padding-top:20px;}
.eca-home-innerparent .eca-leftside { width: 100%;}
.eca-home-innerparent .eca-blankside {display: none;}
.eca-leftside.chimalistac-rightside{padding-top:20px;}
.eca-enter-bta{padding-top:40px;}
/* 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 Educativo Virtual ECA 2020 ************************/
.conoceLeft-Content.innerLeftContent >div{padding-right:50px;padding-left:0}
.conoceModule.nextGen.conoceModuleV2 .rectangTra{width: 244px;}
.conoceModule.nextGen.conoceModuleV2 .rectangTra{transform: skewX(-18deg);}
.conoceModule.nextGen.conoceModuleV2 .recYellow{transform: skewX(-18deg);left: 65px;}
/* Left Image Right Content With Cta Module */
.conoceright.conocerightV2 .recYellow{right: 40px;}
.conoceModule.nextGen.conoceModuleV2 .rectangTra{width: 253px;}
.conoceright.conocerightV2New .recYellow{right: 57px;}
/* Title With Six Column */
.miternal-inner.sixColIcon{width:33.33% !important;}
/* pillar educative */
.pillarEduSection{padding: 30px 0px;}
/************************************************
Eca header popup
********************************************** */
.popup-section { width: 90%; }
/* New Section */
.ImageContSection .ImageBoxL { width: 100%; height: 300px;}
.ImageContSection .ImageContSectionParent { display: block;}
.ImageContSection .ContBoxL { width: 100%;}
/* Three Column Section */
.ThreeColBoxSectionNew h3 { font-size: 20px;}
}
/*-=-=- 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%; }
.mBlock{display:block; margin-right:0;}
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;}
a.expandMenu{ top:20px; }
/********************************
diseno-HomePage
**************************** */
.disenoBanner-section, .disenoBanner-section>div{display:block; height:auto;}
.table-module, .table-cell-module{display:block; width:100%;}
.forBackVideo{}
.Diseno-Header a img{max-width: 80px;}
.Diseno-Header:before{height:120px;}
.diseno-HomePage{height:auto;}
.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;}
.social-Icon ul{padding-left:30px; padding-right:50px; }
/************************************************
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-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;}
/* ************************************************
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;}
/* 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: 65px;height: 44px;top: -44px;}
.blogpost-Dateparent .post-Date {padding-left: 40px;}
li.TopHeaderDropdown ul{ opacity:1; visibility: visible; display:none; min-width:160px; }
li.TopHeaderDropdown ul li a{ padding:10px; font-size: 14px; }
.eca-home-parent {display: block;width: 100%;height: auto;}
.eca-home-left, .eca-home-right {display: block; width: 100%; height: auto;}
.eca-home-innerparent {display: block; height: auto; width: 100%;}
.eca-home-innerparent .eca-leftside {display: block; height: auto; padding: 30px 15px;}
/************************Modelo Educativo Virtual ECA 2020 ************************/
.conoceright-Img.conoceright-ImgV2{background-position: right center;}
/* left Image Right Content With Cta Module */
.conoceright-Img.conoceright-ImgV3{background-position: left;}
.conoceLeft-Content.innerLeftContent>div{padding-left:0;}
/* Title With Listing Section */
.conoceListItem.conoceListItemV2 ul{padding:0;}
.rightListing {padding-left:0}
.leftListing{padding-right:0}
/* Title With Six Column */
.miternal-inner.sixColIcon{width:33.33% !important;}
.conoceLeft-Content.innerLeftContent >div{padding-right:0;}
.conoceListItem.conoceListItemV2.conoceListItemNew ul li:last-child{margin-top:0;}
.conoceLeft-Content.innerLeftContent .conoceListItem p {text-align:center;}
.titleWithlogosContent{text-align:center;}
.logo-circlestyle{margin-top: -18% !important;}
.boxparent{padding-top: 80%;}
/************************************************
Eca header popup
********************************************** */
.popup-section .mfp-close { margin-top: 20px; margin-right: 20px; }
.popup-section { padding: 50px 30px; }
.popup-title h3 { font-size: 25px; }
.popup-title { padding-bottom: 15px; }
.popup-content p { font-size: 18px; }
.popup-cta { padding-top: 20px; }
.popup-cta a { font-size: 18px; padding: 15px 20px; }
.popup-section .mfp-close { width: 40px; height: 40px; line-height: 40px; font-size: 47px; }
.BtnRight { padding-left: 20px;}
/* 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;}
/* New Section */
.ImageContSection .ImageBoxL{ height: 275px; }
}
@media(max-width:600px){
.topleftSript {width: 100%;margin-right: 0;}
.toprightSript {width: 100%; padding-top: 15px;}
.toprightSript ul {padding: 0;}
.topleftSript img {max-width: 150px;}
.social-Icon ul{padding-left:0px}
.playgroundn-inner{width:100%; margin-right:0;}
.school-Detail{padding-left:0;}
}
@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; width:50%; } */
.social-Icon > Ul > li > a {margin-left: 6px;}
/************************************************
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%;}
/* ************************************************
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;}
/* **********
Payment Page
************* */
.paymentboxRepeat { padding: 30px 20px;}
/* Title With Six Column */
.miternal-inner.sixColIcon{width:100% !important;}
/************************************************
Eca header popup
********************************************** */
.popup-title h3 { font-size: 22px; }
.popup-content p { font-size: 16px; }
.popup-cta a { font-size: 16px; padding: 15px 20px; }
.popup-section .mfp-close { font-size : 40px; line-height : 37px; }
/* New Section */
.ImageContSection .ImageBoxL{ height: 180px; }
}
@media(max-width:400px){
.circle-Inner {width: 280px;height: 280px;}
.eca-inner .menuList ul li a, .eca-inner .menuList ul li:last-child{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: 7px 11px;font-size: 12px;}
.chimalistac-inner ul li:last-child{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;} */
.logo-circlestyle{margin-top: -28% !important;}
}
@-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
}
/*-=-=-=-=-=-=-=-=-=-=
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*/ }