/* @import url('http://example.com/example_style.css'); */ @import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.css'); @font-face { font-family: 'Futura'; src: url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/FuturaT-Bold.woff2') format('woff2'), url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/FuturaT-Bold.woff') format('woff'), url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/FuturaT-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Futura'; src: url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/Futura-Medium.woff2') format('woff2'), url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/Futura-Medium.woff') format('woff'), url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/font/Futura-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Global Style Declaration -=-=-=-=-=-=-=*/ * { box-sizing:border-box; -webkit-box-sizing:border-box; } body { margin:0; padding:0; font-size:16px; line-height:1.5; font-family: 'Cabin', sans-serif; font-weight:400; color:#000; opacity:0; overflow-x: hidden; } body.loaded { opacity: 1 } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family: 'Cabin', sans-serif; font-weight:700; line-height:1.25; } h1, .h1 { font-size:38px; line-height:1.36; } h2, .h2 { font-size:30px; line-height:1.2; } h3, .h3 { font-size:25px; line-height:1.1; } h4, .h4 { font-size:22px; line-height:1.4; } h5, .h5 { font-size:20px; line-height:1.4; } h6, .h6 { font-size:18px; line-height:1.5; } img { max-width:100%; height:auto; border:none; vertical-align:middle; } a { text-decoration:none; color:#000; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; } a:hover { color:#1996ff; } p { margin:0; } * + h1, * + h2 { margin-top:35px; } * + h3, * + h4 { margin-top:30px; } * + h5, * + h6 { margin-top:25px; } * + p { margin-top:20px } input[type=submit] { cursor:pointer; background-image:url('//1831846.fs1.hubspotusercontent-na1.net/hubfs/1831846/blank.png') !important; } .wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1100px; padding-left: 15px; padding-right: 15px; } .clearfix { display:block; } .clearfix:before,.clearfix:after { content:''; width:100%; display:table; } .futuraFont{font-family: 'Futura', sans-serif;} .altfontfamily{font-family: 'Cabin', sans-serif;} /* For Hubspot >>>>>> */ body .row-fluid [class*="span"] { min-height:0px; } body .row-fluid [class*="span"].widget-type-space { min-height:1px; } /* <<<<<< For Hubspot */ .set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; background-repeat:no-repeat; } .overlay > * { position:relative; z-index:2; } /* .overlay:before { content:''; background:rgba(25,24,22,0.71); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; } */ .overlay:before { content:''; background:rgba(25,24,22,0.35); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; } .overlay.white:before { background:rgba(255,255,255,0.70); } .overlay.lightwhite:before { background:rgba(255,255,255,0.80); } .overlay.blue:before { background:rgba(0,84,164,0.60); } .overlay.bluedark:before { background:rgba(0,84,164,0.67); } .overlay.bluelight:before { background:rgba(0,84,164,0.38); } .overlay.black:before{background: rgba(0,0,0,0.7);} .overlay.blacklight:before { background:rgba(0,0,0,0.51); } .overlay.blacklightest:before { background:rgba(0,0,0,0.42); } .overlay.blackdark:before { background:rgba(0,0,0,0.80); } .overlay.black63:before{background:rgba(0,0,0,0.63)} .overlay.blacker:before{background:rgba(17,17,17,0.75)} .overlay.blacker38:before{background:rgba(11,7,11,0.38)} .overlay.blacker80:before{background:rgba(17,17,17,0.80)} .get-bg { display:none !important; } .altBg { background:#f6f6f6; } .lightBlue{background-color:#0054a4} .lightgreenBg{background-color:#c4d82e} .yellowBg{background-color:#ffcb05} .yellowtranBg{background-color:rgba(253,193,0,0.55)} .lightGray{background-color:#ebebeb} .fontWhite, .fontWhite a { color:#fff; } .fontWhite a:hover { color:#0dbd8d; } .fontblack, .fontblack a{color:#000000} .lightBlack, .lightBlack a{color:#292929} .fontyellow, .fontyellow a { color:#fdc100; } .fontlightyellow, .fontlightyellow a {color:#fabe3e} .fontLightblue, .fontLightblue a{color:#0054a4} .fontdarkerBlue, .fontdarkerBlue a{color:#004a80} .fontdarkBlue, .fontdarkBlue a{color:#002157} .fontBlue, .fontBlue a{color:#2368ae} .fontGray, .fontGray a{color:#585858} .fontlightGrren, .fontlightGrren a{color:#c4d82e} .fontGraytone, .fontGraytone a{color:#464646} .fontsoftGray, .fontsoftGray a{color:#636363} .fontLightGray, .fontLightGray a { color:#999999; } .fontGreen, .fontGreen a { color:#89c632; } .fontOrange, .fontOrange a { color:#f89424; } .color-opacity { color: rgba(0,0,0,.5);} .softBlack, .softBlack a{color:#363636} .themecolor{color:#c5d503} .fontlightestGray, .fontlightestGray a{color:#ebebeb} .fontdarkGreen, .fontdarkGreen a{color:#88924d} .button a , a.button { padding:10px 25px; background:#c4d82e; color:#002157; border:1px solid #c4d82e; max-width:100%; display:inline-block; border-radius:3px; } .button a:hover , a.button:hover { background:transparent; color:#ffffff; } .button.ver2 a , a.button.ver2{padding:10px 31px;} .button.ver2 a:hover , a.button.ver2:hover { background:transparent; color:#ffffff; } .button.ver3 a , a.button.ver3{padding:10px 31px; background:#ffffff; color:#606060; border:1px solid #ffffff} .button.ver3 a:hover , a.button.ver3:hover { background:transparent; color:#ffffff; } .buttonyellow a , a.buttonyellow { padding: 8px 5px; min-width: 115px; background:#c4d82e;text-align:center; color:#002157; border:1px solid #c4d82e; max-width:100%; display:inline-block; border-radius:3px; } .buttonyellow a:hover , a.buttonyellow:hover { background:transparent; color:#002157; } .buttonyellow.style2 a , a.buttonyellow.style2{background:#c4d82e; color:#ffffff;} .buttonyellow.style2 a:hover , a.buttonyellow.style2:hover{background:transparent;color:#ffffff;} .bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6 { font-weight:700; } .semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6 { font-weight:600; } .medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; } .normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; } .light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; } .uppercase { text-transform: uppercase; } .text-center { text-align:center; } .text-right { text-align:right; } .text-left { text-align:left; } .text-justify{text-align: justify;} /* put listStyle class to "parent" tag of "ul" */ .nolistStyle ul{margin:0; padding:0; list-style:none;} .listStyle * + ul { margin-top:15px; } .listStyle ul li { padding-left:25px; position:relative; } .listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#ea8c20; font-weight:normal; top:1px; } .listStyle ul li:not([class*="fa-"]):before { content:"\f111"; font-size:50%; line-height:3; } /*Default without any class in
  • 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; } .pb150,.p150-0 { padding-bottom:150px; } .pb160,.p160-0 { padding-bottom:160px; } .pt10,.p10-0 { padding-top:10px; } .pt20,.p20-0 { padding-top:20px; } .pt30,.p30-0 { padding-top:30px } .pt40,.p40-0 { padding-top:40px; } .pt50,.p50-0 { padding-top:50px; } .pt60,.p60-0 { padding-top:60px; } .pt70,.p70-0 { padding-top:70px; } .pt80,.p80-0 { padding-top:80px; } .pt90,.p90-0 { padding-top:90px; } .pt100,.p100-0 { padding-top:100px; } .pt110,.p110-0 { padding-top:110px; } .pt120,.p120-0 { padding-top:120px; } .pt130,.p130-0 { padding-top:130px; } .pt140,.p140-0 { padding-top:140px; } .pt150,.p150-0 { padding-top:150px; } .pt160,.p160-0 { padding-top:160px; } .margin-top10{margin-top:10px} .margin-top20{margin-top:20px} .margin-top30{margin-top:30px} ::-webkit-input-placeholder { opacity:0.7 !important; color:inherit !important; } ::-moz-placeholder { opacity:0.7 !important; color:inherit !important; } :-ms-input-placeholder { opacity:0.7 !important; color:inherit !important; } form .input { margin-right:0 !important; } form fieldset { max-width:inherit !important; margin:0 -10px; } form fieldset.form-columns-1 .field { width:100% !important; } form fieldset.form-columns-2 .field { width:50% !important; } form fieldset.form-columns-3 .field { width:33.33% !important; } form .field { padding:0 0 20px; } form fieldset .field { padding-left:10px; padding-right:10px; } form ul.multi-container { padding-top:10px; } form ul.multi-container li { margin:5px 0; } textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select { display:block; border:1px solid #e4e4e4; outline:none; background:rgba(149,149,149,0.26); font-size:16px; line-height:20px; font-family: 'Cabin', sans-serif; font-weight:400; color:#000; margin:0; padding:7px 20px; width:100% !important; border-radius:10px; } textarea { min-height:110px; } form input[type="radio"],form input[type="checkbox"] { display:none } form input[type="radio"]+span,form input[type="checkbox"]+span { position:relative; display:block; padding-left:30px; cursor:pointer } form input[type="radio"]+span:before,form input[type="checkbox"]+span:before { content:"\f00c"; font-family:fontawesome; color:#f26c23 ; position:absolute; left:4px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #ccc; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px } form input[type="radio"]+span:before { border-radius:50% } form input[type="radio"]:checked+span:before { background:#f26c23 ; border-color:#f26c23 } form input[type="checkbox"]:checked+span:before { border-color:#f26c23 ; font-size:12px; background:#f26c23 ; color:#fff; letter-spacing:0; } input[type="submit"] { outline:none; font-family: 'Cabin', sans-serif; padding:9px 39px; background:#c4d82e; color:#000; border:1px solid #c4d82e; font-size:18px; line-height:18px; text-transform:uppercase; font-weight:700; border-radius:10px; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; } input[type="submit"]:hover { color:#c4d82e; background:transparent; } .hs-form-required{display:none;} .slick-prev, .slick-next{width: auto; height: auto;} .slick-prev.slick-arrow {width: auto; height: auto;} .slick-prev{left: -170px;} .slick-prev:before,.slick-next:before{background-size: 30px 50px;width: 30px; height: 50px;content: ''; background-position: top center;display: block;} .slick-prev:before{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/green-ArrowLeft.png');background-repeat: no-repeat;} .slick-next{right: -170px;} .slick-next:before{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/green-ArrowRight.png');background-repeat: no-repeat;} .slick-dots li button {background: #c4d82e;border-radius: 50%;} .slick-dots li button:before {content: '';} .slick-dots li.slick-active button {background: #aabd19;} /*for Hubspot >>>>>>*/ .hs-error-msgs { list-style:none; margin:0 0 10px; padding:0 0 0 10px; font-size:12px; color:#f00; } /*<<<<<<<<<<*/ .table{display:table; width:100%;} .table-cell{display:table-cell; vertical-align:middle;} .rectangle{position:relative; z-index:10} /* .rectangle:before{position:absolute; content:''; background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Shape-Img.png');background-size: auto 100%;right: -190px;background-position: right center;top: 0; z-index: -1; width: 100%;height: 100%; background-repeat: no-repeat;} .rectangle:after{position: absolute;right: -65px; bottom: 0; width: 10px;height: 75%;background-color: #fdc100;content: '';display: block;transform: skewX(-20deg); z-index: 6;} */ .rectanglenew{position:relative; z-index:10} /* .rectanglenew:before{position:absolute; content:''; background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Shape-Img-2.png');background-size: auto 100%;right: 0px;background-position: right -1px center;top: 0; z-index: -1; width: 100%;height: 100%; background-repeat: no-repeat;} */ /* .rectanglenew:after{position: absolute; right: 40px; bottom: 0;width: 100px; height: 80%;background-color: rgba(253,193,0,0.43);content: '';display: block;transform: skewX(20deg);z-index: 6;} */ /* .rectanglenew:before{position: absolute;content: ''; right: -150px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff; transform: skewX(19deg);} */ /* rectaglr */ .relative{position:relative} .conoceright-Img{height:500px; min-height:500px;} .conoceright .rectangTra{position: absolute;content: ''; left:inherit; right: -170px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff; transform: skewX(19deg);} .conoceright .recYellow{position: absolute; right: 20px; bottom: 0;width: 100px; height: 65%;background-color: rgba(196,216,46,0.58);content: '';display: block;transform: skewX(20deg);z-index: 6;} .conoceright.wrapright .rectangTra{position: absolute;content: '';right:inherit; left: -170px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff; transform: skewX(-19deg);} .conoceright.wrapright .recYellow{position: absolute; right:inherit; left: 20px; bottom: 0;width: 100px; height: 65%;background-color: rgba(196,216,46,0.58);content: '';display: block;transform: skewX(-20deg);z-index: 6;} .conoceModule.nextGen .rectangTra{position: absolute;content: '';right:inherit; left: -150px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff; transform: skewX(-19deg);} .conoceModule.nextGen .rectangTra.grayskew{background:#f6f6f6} .conoceModule.nextGen.wraprightSide .rectangTra{position: absolute;content: ''; left:inherit; right: -150px;top: 0;z-index: 0; width: 259px;height: 100%; background-repeat: no-repeat;background: #fff; transform: skewX(19deg);} .conoceModule.nextGen.wraprightSide .rectangTra.grayskew{background:#f6f6f6} .conoceModule.nextGen .recYellow{position: absolute;left: 47px; bottom: 0; width: 10px;height: 75%;background-color: #c4d82e;content: '';display: block;transform: skewX(-20deg); z-index: 6;} .conoceModule.nextGen .recYellow.topSideLine{bottom: inherit; top: 0; left: 100px;} .conoceModule.nextGen.wraprightSide .recYellow{left: inherit;right: 58px;transform: skewX(20deg);} .conoceModule.nextGen.wraprightSide .recYellow.topSideLine {right: 94px;left: inherit;} .conoceLeft-Content{z-index:11; position:relative} /* .conoceModule.wrapright .rectanglenew:before{transform: skewX(-19deg);z-index:-1; right: -106px;} .conoceModule.wrapright .rectanglenew:after{transform: skewX(-20deg); right:-130px;} .conoceModule.wraprightSide .rectangle:before{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Shape-Img-2.png');right: -0px;} .conoceModule.wraprightSide .rectangle:after{transform: skewX(20deg);right: 60px;} */ /* globle */ .max1300{max-width:1300px; width:100%; margin:0 auto;} .max1150{max-width:1150px; width:100%; margin:0 auto;} .max1080{max-width:1080px; width:100%; margin:0 auto;} .max900{max-width:900px; width:100%; margin:0 auto;} .max800{max-width:800px; width:100%; margin:0 auto;} .max700{max-width:700px; width:100%; margin:0 auto;} .max770{max-width:770px; width:100%; margin:0 auto;} .max600{max-width:600px; width:100%; margin:0 auto;} .max560{max-width:560px; width:100%; margin:0 auto;} .max300{max-width:300px; width:100%; margin:0 auto;} /* line-heigth */ .line-height15{line-height:1.5;} .line-height17{line-height:1.7;} /* font Size */ .font12 , body .font12{font-size:12px} .font15 , body .font15{font-size:15px} .font16 , body .font16{font-size:16px} .font17 , body .font17{font-size:17px} .font18 , body .font18{font-size:18px} .font19 , body .font19{font-size:19px} .font20 , body .font20{font-size:20px} .font21 , body .font21{font-size:21px} .font22 , body .font22{font-size:22px} .font33 , body .font33{font-size:33px} .font40 , body .font40{font-size:40px} .font45 , body .font45{font-size:45px} .overflow{overflow:hidden;} /* Landing Page CSS */ .LPHeaderSection .phoneNumber p a{ font-size:24px; color:rgba(0, 0, 0, 0.7); display: inline-block; vertical-align: middle; } .LPHeaderSection .phoneNumber p img{ margin-right: 15px; display: inline-block; vertical-align: middle; } .LPHeaderSection .phoneNumber{ padding-right:110px; } .LPHeaderSection.style2 .phoneNumber{ padding-right:0px; } .LPHeaderSection.style2 .phoneNumber a{ color:#4d4d4d; } .LPHeaderSection .centerLink a{ font-size:24px; color:#0054a4; } .LPHeaderSection .centerLink a:hover{ color:#fdc100; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-= Page Wise CSS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /******************************** diseno-HomePage **************************** */ .diseno-HomePage{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Diseno-BgImg.jpg'); background-position:center center; background-size:cover; position:relative; background-repeat:no-repeat;} .diseno-HomePage:before{position:absolute; left:0; top:0; width:100%; height:220px; content:'';background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Eca%20Grupo%20Nov-2018/Top-Strip.png'); background-position:center top; background-size:100% 100%; background-repeat:no-repeat;} .Diseno-Header{position:relative; z-index:5;} .diseno-HomePage .body-container-wrapper {position: relative;z-index: 9;} .disenoBanner-section{padding-top:120px; padding-bottom:100px;} .eca-left,.chimalistac-right { width: 50%;display: inline-block;margin-right: -4px; vertical-align: top;text-align: center;padding: 0 60px;} .circle-Inner {background-color: rgba(255,255,255,0.93); height: 530px;border-radius: 50%; width: 530px; margin: 0 auto;} .eca-inner{border: 4px solid #2b318d; padding: 60px 40px;} .eca-inner ul {padding: 15px 0;} .eca-inner ul li {padding: 10px 0;} .eca-inner .menuList ul li a {text-shadow: -2px -2px 3.96px rgba(43, 39, 77, 0.45);-webkit-text-shadow: -2px -2px 3.96px rgba(43, 39, 77, 0.45); color: #0055a5; font-size: 24px; font-weight: 700;} .eca-inner ul li:last-child{padding: 10px 0 20px;} .eca-inner ul li:last-child a {font-weight: 400;text-shadow: none;} .websitecta a {font-size: 24px; background-color: #0055a5;display: inline-block;color: #fff; padding: 9px 36px;font-weight: 400; border:1px solid #0055a5;} .websitecta a:hover{background-color:transparent; color:#0055a5} .chimalistac-inner{border: 4px solid #94c941; padding: 35px 40px;} .chimalistac-inner .menuList ul{padding-top:10px;} .chimalistac-inner .menuList ul li {padding: 4px 0;} .chimalistac-inner .menuList{text-shadow: -2px -2px 3.96px rgba(43, 39, 77, 0.45);-webkit-text-shadow: -2px -2px 3.96px rgba(43, 39, 77, 0.45); color:#382f2d; font-size: 24px;} .chimalistac-inner ul li:last-child{ padding:25px 0 20px;} .websitecta.webgreen-Cta a {background-color: #c4d600;border:1px solid #c4d600} .websitecta.webgreen-Cta a:hover{background-color:transparent; color:#c4d600} /************************************************ Globle header and Top strip For Blog ********************************************** */ .blogHeader-Section {border-bottom: 25px solid #c4d82e; padding-top:15px;} .blogheader-phone img,.blogheader-phone a {display: inline-block;vertical-align: middle;} .blogheader-phone img {padding-right: 15px; width:34px; height:19px;} .blogHeader-Section .blogHeader-Logo img {width: 150px;} .blogheader-cta a:hover, .blogheader-phone a:hover{color:#88924d} /************************************************ Globle header and Top strip ********************************************** */ .header-Strip {padding: 20px 0;} .topleftSript img{max-width:128px;} .social-Icon > ul {display:flex; align-items:center;justify-content: flex-end;gap: 24px;flex-wrap: wrap;} .social-Icon > ul > li {display: inline-block;} .social-Icon > ul > li > a {display: flex;align-items: center;justify-content: start;gap: 15px;font-size: 15px;} .social-Icon > ul > li > img {height: 19px;width: auto;} /* Top strip Dropdown Menu */ li.TopHeaderDropdown { position:relative; } li.TopHeaderDropdown ul{ margin:0; padding:0; position:absolute; top:100%; left:0; text-align: left; background-color:#fff; z-index: 99; min-width: 180px; opacity:0; visibility:hidden; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; } li.TopHeaderDropdown:hover ul{ opacity:1; visibility:visible; } li.TopHeaderDropdown ul li a{ background-color:#fff; display: inline-block; vertical-align: middle; font-size: 15px; padding:15px 12px; width: 100%; display: block; } li.TopHeaderDropdown ul li:hover a{ background-color:#c5d503; color:#fff; } /* Navigation */ .navigation{background-color:#190b12; color:#fff; line-height:1.3} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul{margin-bottom:0;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover {color: #000000; background-color:#c5d503} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul>li{float:none ; display: inline-block; vertical-align: middle; margin-right:-4px;} .navigation li.hs-menu-item.hs-menu-depth-1 >div {height: 60px;display: table;width: 100%;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{display:table-cell; vertical-align:middle;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{white-space: nowrap;max-width: 170px; font-size:16px; color: #fff;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding:15px 0} /* .navigation .hs-menu-children-wrapper{background-color: #190b12;color: #fff;} */ .navigation .hs-menu-children-wrapper{background-color: #343b69; color: #fff;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{max-width: none;width: 100%;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper{left:200px;} .childExpand {display: none;} /************************************************ Globle Footer ********************************************** */ .footer-logo{padding-right:20px;} .footer-logo a{display:inline-block; } .footer-logo a img{max-width:136px;} .footer-listing{padding-right:20px;} .footer-listing li { padding: 4px 0;} .footer-listing li:first-child { padding-top: 0;} /* .footer-listing li:last-child {padding: 30px 0 0;} */ .footer-listing li a {font-size: 14px;} .footer-listing li a:hover{color:#000;} .footer-Section {background-image: url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/pattern.png');background-repeat: no-repeat;background-size: cover; background-position: center center; border-top: 4px solid #c5d503;} .contact span { font-size: 14px; display: inline-block; margin-right: -4px;vertical-align: middle;width: calc(100% - 25px);padding-left: 15px; line-height:1.4;} .contact ul {padding: 15px 0;} .contact li {padding: 5px 0;} .contact li img {display: inline-block;margin-right: -4px;vertical-align: middle;} .contact li a {display: inline-block;vertical-align: middle;font-size: 14px;} .telephone a {padding-right: 20px;position: relative;} .telephone a+a:before {content: '';left: -11px;top: 50%;position: absolute;width: 5px;height: 5px;border-radius: 50%;background-color: #fff;transform: translateY(-50%);} /************************************************ Eca Home Page ********************************************** */ .banner_v1{padding:170px 0 165px 0} .conoceModule .table {height: 500px;max-height: 500px;} .conoceModuleImg-Option img{max-width:280px;} .conoceLeft-Content>div {padding-right: 80px;} .conoceListItem ul {margin: 0;list-style: none; margin-top:20px; padding-left:20px;} .conoceListItem ul li {padding-bottom: 2px;position: relative; padding-left: 13px;} .conoceListItem ul li:last-child {padding-bottom: 0;} .conoceListItem ul li:before {position: absolute; left: -19px;top: 8px;content: ''; width: 5px; height: 5px; background-color: #c4d82e; border-radius: 50%;} /* .conoceListItem p>strong { color: #002157;} */ .playgroundn-inner{padding:15px;} .icon-parent { display: inline-block;height: 80px; width: auto; margin-bottom:20px;} .quotes-parent{position:relative} .quotes-parent:before, .quotes-parent:after{content:''; background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/quoteLeft.png'); width:20px; height:12px; background-size:cover; background-position:center center; left:-40px; top:-10px; position:absolute;} .quotes-parent:after{background-image:url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Colegio_img_Nov-2018/quoteright.png'); left:inherit; top:-10px; right:-40px; } .conoceModule.wraprightSide .conoceLeft-Content>div{padding-right:0; padding-left:80px;} /* Blog */ .blog-Parent {margin-left: -15px;margin-right: -15px;} .blog-third {padding: 15px;} .blog-inner { background-color: #fff;border-radius: 5px; padding: 18px;border: 1px solid #eaeaea;} .blog-Img {height: 200px;} .calendar{border-top:1px solid #dddddd;} .calendar span { opacity: 0.5;padding-left: 10px; } .calendar > * {display: inline-block;vertical-align: top;} /************************************************ Preescolar Page ********************************************** */ .banner_v2{padding:160px 0 160px 0} .activity-Section .activity-list-Icon {width: 80px; height: auto;text-align: center;display: inline-block;vertical-align: middle; margin-right: -4px;} .activity-Section .activity-list-content { display: inline-block; margin-right: -4px; width: calc(100% - 80px); vertical-align: middle; padding-left: 10px;} .activity-Section .activity-list-content ul{margin:0; padding:0; list-style-type:none;} /* .activity-Section .activity-list-inner {max-width: 450px;} */ .activity-Section .activity-list-inner{padding-right:30px;} /* .activity-Section .activity-Parent .activity-inner:nth-child(2) .activity-list-inner {margin: 0 0 0 auto;} */ .activity-Section .activity-Parent .activity-inner:nth-child(3) .activity-list-inner {max-width: 560px;} /************************************************ Nosotros Page ********************************************** */ .vision-parent {margin-left: -40px;margin-right: -40px;} .vision-inner {padding: 20px 40px 20px;} .vision-parent .vision-inner:first-child .vision-Content { text-align: justify;} .vision-inner {position: relative;} .vision-parent .vision-inner:nth-child(3n+2):before, .vision-parent .vision-inner:nth-child(3n+2):after {content: '';position: absolute; left: 0px; top: 50%; width: 2px; height: 95%;background-color: #fdc100; transform: translateY(-50%);} .vision-parent .vision-inner:nth-child(3n+2):after{left: inherit;right: 0;} .historia-parent {position: relative;} .historia-parent:before {content: '';position: absolute;left: 50%;top: 0;width: 5px;height: 100%;background-color: #fff;transform: translateX(-50%);} .historia-content {padding-right:250px; text-align: center;position: relative;} .historia-detail {position: relative;} .historia-content:before {content: ''; position: absolute;right: 0;top: 60px;width: 33%;height: 5px;background-color: #fff;} .historia-content:after { content: '';position: absolute; right: 32%;top: 55px;width: 15px;height: 15px;background-color: #fff;border-radius: 50%;} /* .historia-img {width: 128px;height: 128px;background-color: #ffffff;margin: 5px;border-radius: 50%;} */ .historia-img {width: 128px;height: 128px; background-color: #ffffff;border-radius: 50%;margin: -20px 52px 0 auto;position: relative;border: 5px solid #fff;} .historia-img>div {width: 100%;height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;border-radius: 50%; position: relative;} .historia-img:before {position: absolute; content: ''; width: 50%;height: 5px; background-color: #fff; right: -55px; top: 50%; transform: translateY(-50%);} .historia-parent .historia-inner:nth-child(2n+1) { float: left;} .historia-parent .historia-inner:nth-child(2n) {float: right;clear: both; text-align: right; margin-top: -190px; } .historia-parent .historia-inner:nth-child(2n) .historia-content {padding-right: 0;padding-left: 250px;} .historia-parent .historia-inner:nth-child(2n) .historia-content:before { right: inherit;left: 0;top: 70px;} .historia-parent .historia-inner:nth-child(2n) .historia-content:after {right: inherit;left: 32%;top: 65px;} .historia-parent .historia-inner:nth-child(2n) .historia-img:before { right: inherit;left: -55px;} .historia-parent .historia-inner:nth-child(2n) .historia-img {margin: -20px 0 0 52px;} /* .historia-parent .historia-inner:nth-child(2n) {padding-bottom: 50px;} */ .historia-parent .historia-inner:nth-child(2n):last-child { margin-top: -100px;} /************************************************ Nosotros Page Phase 2 ********************************************** */ .colegio-historiaImg {width: 135px;height: 135px;border-radius: 50%;border: 4px solid #c4d82e;} .colegio-historiaImg.right-sideImg{display:none;} .colegio-historiaContent {width: calc(100% - 135px);padding-left: 30px;} .colegio-his-parent .colegio-his-Inner:nth-child(odd) {padding-left: 140px;} .colegio-his-parent .colegio-his-Inner:nth-child(even) {padding-right: 140px;} /************************************************ modelo educativo Page ********************************************** */ .metodo-parent { max-width: 870px; padding-left: 100px;} .metodo-Content {padding-left: 50px;text-align: justify;position: relative;} .metodo-Content .line-plus {position: absolute;left: 23px;top: 0;width: 4px; height: 115%;background-color: #c5d503;} .metodo-Content .line-sub { position: absolute;left: 23px;bottom: -15%; width: 42px;height: 10px;background-color: #c5d503;} .formation-parent {max-width: 303px;} .formation-Section {position: relative;} .formation-Section:after {position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: '';background-color: rgba(196,213,1,0.72);z-index: 1;width: 40%;height: 45%;} /************************************************ actividades extracurriculares Page ********************************************** */ .miternal-Icon {width: 80px;max-width: 80px;margin: 0 auto;} .secundaria-parent .ib{margin-right:-5px;} .secundaria-parent .miternal-inner .miternal-Icon{width: 80px;max-width: 80px;margin: 0 auto;height: 80px;} .school-Detail{padding-left:60px;} /************************************************ Admisiones Page ********************************************** */ .sesiones-timing {max-width:100%;width: 100%;text-align: left;padding-left: 40px;} .sesiones-title {display: inline-block;vertical-align: top;margin-right: -4px;} .sesiones-content ul {margin: 0;padding: 0;list-style: none;} .sesiones-content {display: inline-block;margin-right: -4px; vertical-align: top; padding-left: 20px; } /************************************************ Admisiones Page Phase - 2 ********************************************** */ .admissionProcess-repeat {padding: 30px;position: relative;} .admissionProcess-repeat:before {content: '';width: 21px;height: 21px;position: absolute; left: 50%;transform: translateX(-50%);background-color: #fff; bottom: 0; border-radius: 50%;} .admissionProcess-repeat:after {content: '';position: absolute;bottom: 8px;left: 0;width: 100%;height: 6px;background-color: #fff;} .admissionProcess-repeat:nth-child(4n+1):after {left: 50%;} .admissionProcess-repeat:nth-child(4n+4):after {left: -50%;} .admission-Info{padding-left:12%;} .admissionProcess-Parent .admissionProcess-repeat:last-child:after { width: 100%;} /************************************************ potenciadores Page ********************************************** */ .potenciadoresfour-column .playground-parent{margin-left:-15px; margin-right:-15px} /************************************************ Instalaciones Page Phase-II ********************************************** */ .preparatoria-Section {position: relative;} .preparatoria-Parent {position: relative; z-index: 1;} .preparatoria-Section:before {position: absolute;left: 0;top: 0;width: 50%;height: 100%;content: '';background-color: rgba(17,17,17,0.71); z-index: 0; border-right: 8px solid #c4d82e;} .preparatoria-listStyle ul {margin: 0;padding: 0;list-style-type: none;} .preparatoria-listStyle ul li {padding-left: 55px;position: relative;} .preparatoria-listStyle ul li:before {position: absolute; left: 32px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #c4d82e; content: ''; border-radius: 50%;} /************************************************ primaria Page ********************************************** */ .conoceModule-MultiImge span {padding: 10px 8px;max-width: 105px;width: 105px; text-align: center;} .conoceModule-MultiImge img {max-width:105px;display: inline-block; margin-right: -4px;vertical-align: middle; } .conoceModule.version3withImg .conoceLeft-Content {padding-left: 80px;} .conoceModule.wraprightSide.version3withImg .conoceLeft-Content {padding-left: 0;padding-right: 80px;} /************************************************ Idiomas Phase-II Page ********************************************** */ .iconGrp-child { padding-left: 15px; padding-right: 15px; max-width:150px;} .iconGrp-Parent {max-width: 430px;margin: 0 auto;} .conoceright.wrapright .rectangTra.grayskew, .conoceright .rectangTra.grayskew {background: #f6f6f6;} /************************************************ Blog Page ********************************************** */ .postbody-structure { margin-left: -15px;margin-right: -15px;} .postbody-img , .postbody-Content {padding-left: 15px;padding-right: 15px;} .blog-rightSide{padding-left:2%} .blogpost-item {padding: 30px 0;} .blogpost-item:first-child {padding-top: 0;} .blog-featureImg a {width: 100%;height: 230px; display: block;background-size: cover;background-repeat: no-repeat;} .topiclink-All {padding: 3px 0;} .topiclink-All .topic-link { padding: 1px 2px;border: 1px solid #a1a1a1; border-radius: 5px; display: inline-block;margin-right: -4px;color:#636363; font-size: 14px; } .topiclink-All .topic-link + .topic-link { margin-left: 10px;} .blog-SocialIcon .hs-blog-social-share{height:auto;} .blog-SocialIcon .hs-blog-social-share-list { margin: 0; background-color: #e5e9eb;display: inline-block;padding: 7px 5px 5px; margin:10px 0 0;} .blog-SocialIcon .hs-blog-social-share-list .hs-blog-social-share-item-google-plus {display: none;} .blog-SocialIcon .hs-blog-social-share-list .hs-blog-social-share-item:last-child {margin-right: 0;} .blog-SocialIcon .hs-blog-social-share-item{line-height:1} .blog-SocialIcon .hs-blog-social-share-item-facebook .fb_iframe_widget{line-height: 1;vertical-align: top;} .blog-SocialIcon .hs-blog-social-share-item-facebook .fb_iframe_widget span {vertical-align: middle !important;} .blog-SocialIcon .hs-blog-social-share .hs-blog-social-share-list:after{content:''} .blog-SocialIcon .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item.hs-blog-social-share-item-facebook {margin-right: 0;} /* Blog Pagination */ .blog-pagination .previous-posts-link {float: none;} .blog-pagination{text-align:right; padding-top:10px;} .blog-pagination ul { margin: 0 0 50px; padding-left:0;} /* .blog-pagination ul span.pg { margin: 0 20px;} */ .blog-pagination ul li { display: inline-block; margin: 0 4px; text-align:center;} .blog-pagination ul li.previous-posts-link:, .blog-pagination ul li.next-posts-link .blog-pagination ul li.hide { visibility: hidden;} .blog-pagination ul li a { text-decoration: none; color: ;} .blog-pagination li a{ width: 30px; height: 30px; color:#363636; border: 1px solid #c4d82e; background-color:#c4d82e; line-height: 29px; border-radius: 0px; display:inline-block;} .blog-pagination ul li a:hover, .blog-pagination ul li.active a { background-color: transparent; border: 1px solid #c4d82e; color:#c4d82e;} .blog-pagination ul li.previous-posts-link a:hover, .blog-pagination ul li.next-posts-link a:hover{background-color:transparent; color:#c4d82e; border:1px solid #c4d82e} .blog-pagination .next-posts-link { float: none;} .blog-pagination li a { font-size: 23px; font-weight: 500;} .blog-pagination li.previous-posts-link a ,.blog-pagination li.next-posts-link a {background-color: transparent; border: none;color: #c4d82e;} .blog-pagination li.next-posts-link a:hover {border: none;} .blog-pagination ul li.previous-posts-link a:hover, .blog-pagination ul li.next-posts-link a:hover {border: none;} /* .blog-pagination li.previous-posts-link a {background-color: transparent; color: #0054a4; border: none; } */ /* Blog rightside */ .blog-rightSide h3 { font-size: 25px; font-weight: 700; color: #88924d;} .subscribe-Form { background-color: #ebebeb;padding: 17px 20px;} .subscribe-Form form {padding-top: 20px;} .subscribe-Form form .field {padding: 0 0 10px;} .subscribe-Form form .field input[type="email"] { border: transparent;line-height: 1.3; font-size: 23px;text-align: center; color: #acacac;border-radius: 10px; font-weight: 700; background-color:#fff; padding:12px 20px;} .subscribe-Form form input[type="submit"] {display: block; width: 100%; font-size: 23px; background-color: #c4d82e; border: 2px solid transparent; line-height: 1.2; border-radius:10px; color:#fff;} .subscribe-Form form input[type="submit"]:hover { background: transparent; border: 2px solid #c4d82e;color: #c4d82e;} .blog_category ul {list-style: none; padding: 0;margin: 0; padding-top: 25px;padding-bottom: 20px;} .blog_category ul li {display: inline-block; vertical-align: middle;margin-right: 4px; padding-bottom:5px;} .blog_category ul li a { border: 1px solid #868686;border-radius: 4px;padding: 3px; display: block; background-color: transparent; font-weight:700;} .blog_category ul li a:hover { background-color: #868686; color: #fff;} .leftRecentImage {width: 100px;height: 60px;background-size: cover;background-repeat: no-repeat;} .sideBox {border-bottom: 1px solid #ebebeb;} .recentPostItem {margin-left: -10px;margin-right: -10px;padding-top: 7px;padding-bottom: 7px;} .recentpost-LeftSide,.recentpost-RightSide {padding-left: 10px;padding-right: 10px;;display: inline-block; vertical-align: middle;margin-right: -4px;} .recentpost-LeftSide {width: 120px} .recentpost-RightSide {width: calc(100% - 120px);text-align: left;} .recentpost-RightSide .recePostContent a:hover , .recentlist-Btn a:hover{color:#88924d;} .recentlist-Btn {padding: 15px 0;} .blog_category .filter-expand-link {text-align: right;display: block;color: #464646;} .blog_category ul {text-align: left;padding: 0;padding-top: 25px;padding-bottom: 15px;} .blog_category {padding-top: 30px;border-bottom: 1px solid #ebebeb; padding-bottom: 15px;} .blog-followSocial ul {padding-left: 0;} .followus-Blog {padding-top: 30px;} .blog-followSocial li {display: inline-block;} .blog-followSocial li a {line-height: 1;} .blog-followSocial li a i {display: block;font-size: 35px;} .blog-followSocial li.twitter-link a {color: #1b95e0;} .blog-followSocial li.facebook-link a {color: #4267b2;} .blog-followSocial li.twitter-link a:hover {color: #0c7abf;} .blog-followSocial li.facebook-link a:hover {color: #365899;} .forfirst-Index .date_icon { width: 20px;} .forfirst-Index .date_iconContent { width: calc(100% - 23px);} .forfirst-Index .postbody-structure {overflow: hidden;} .forfirst-Index .blog-featureImg a{height:330px;} .first-IndexParent {position: relative;} .first-IndexRight {padding-left:25%;} .forfirst-Index .yellow-linebottom {position: absolute; left: 77px; bottom: 0px;height: 130%;width: 130px; background-color: #c4d82e;display: block; transform: skewX(-25deg);z-index: 1;} .forfirst-Index .yellow-linetop {position: absolute;left: 222px; top: -75px; width: 80px;height: 75px;display: block;background-color: #88924d;transform: skewX(25deg);z-index: 0;} .forfirst-Index .post-header {max-width: 550px;width: 100%;} .first-IndexParent .post-header h2>a:hover { color: #c4d82e;} .feature-postImg {height: 220px;} /* Blog Post */ .post-header h4>a:hover { color: #88924d;} .blogpost-Dateparent {position: relative;} .blogpost-Dateparent .post-Date {padding-left: 20%;padding-top: 20px;padding-bottom: 20px;} .blogpost-Dateparent .yellow-linebottom {position: absolute;left: 48px;bottom: 0px;height: 150%;width: 84px;background-color: #c4d82e;display: block;transform: skewX(-25deg);z-index: 1;} .blogpost-Dateparent .blogpost-Dateparent .post-Date {padding-left: 20%; padding-top: 20px;padding-bottom: 20px;} .blogpost-Dateparent .post-Date > div {padding-left: 10px;padding-right: 10px;} .blogpost-Dateparent .yellow-linetop {position: absolute;left: 116px;top: -67px;width: 80px;height: 67px; display: block; background-color: #88924d; transform: skewX(25deg); z-index: 0;} .hs-blog-post .blog-section .post-body {text-align: justify;line-height: 1.66;} .hs-blog-post .post-body img{padding-top:50px; padding-bottom:20px; width:100%;} .hs-blog-post .post-body .cta_button img { width:auto; padding:0 } .hs-blog-post .post-body .cta_button { display:inline-block } .hs-blog-post .post-body .hs-cta-wrapper { display:block; text-align:center } .blog-section .post-body * + p {margin-top: 40PX;} .blog-Form label {margin-bottom: 5px; display: block;color: #636363;} .blog-Form form {padding-top: 30px; padding-bottom:50px;} .blog-Form form textarea {min-height: 180px;} .blog-Form .hs_recaptcha {display: none;} .blog-Form .actions {text-align: center; padding-top:20px;} .blogpost-Title h1 {display: inline-block;position: relative;} .blogpost-Title h1:before {position: absolute;left: 0;bottom: -13px; width: 100%; height: 4px; background-color: #898989; content: '';} /* Banner Strip 03-04-2020 */ .bannerNewStrip { position: relative; } .bannerStripTitle a {font-size: 30px; color:#000;line-height: 1.2;padding: 10px 31px;background: #1A7684;color: white;border: 1px solid #1A7684;border-radius: 3px;position:relative;z-index:3;} .bannerStripTitle a:hover{color:#fff; cursor:pointer;background:#C5D348;border:1px solid #FFF} .bannerNewStrip:before { content: ''; position: absolute; background-image: url('https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/ALOHA/leftBannerImage.png'); width: 30%; height: 100%; background-size: cover; background-position: top right; top: 0; background-repeat: no-repeat; left: 0; } .bannerNewStrip:after { content: ''; position: absolute; background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/ALOHA/rightBannerImage.png); width: 30%; height: 100%; background-size: cover; background-position: top left; top: 0; background-repeat: no-repeat; right: 0; } .bannerStripTitle h2,.bannerSubTitleStrip { color: #000000; } .bannerStripTitle h2 { font-weight: 400; } /* Payment Page */ .paymentboxRepeat{padding:60px 60px 50px; border-radius:10px; overflow:hidden;} .paymentformSection{max-width:240px; width:100%; margin:0 auto;} .paymentformSection form{text-align:left;} .paymentboxStyle input[type="text"] { background-color: #fff; border-radius: 0;} .paymentformSection input[type="image"] { width: 208px; margin: 0 auto; max-width: 100%;} .paymentboxStyle { position: relative;} .paymentboxStyle * { position: relative; z-index: 2;} .paymentboxStyle:before {content: '';width: 100%;height: 100%;top: 2px;left: 2px;background-color: rgba(0,0,0,0.4);position: absolute;} .paypalbottomImg img { max-width: 113px; margin: 0 auto;} .font24 { font-size: 24px;line-height: 1.3; } .paymentboxRepeat { background-position: center center; background-repeat: no-repeat; background-size: cover; } /* Modelo Education New page 2020 */ /* Left Content Right Image Section*/ .banner_v1.banner_v2 {padding: 105px 0 110px;} .conoceLeft-Content.innerLeftContent .conoceListItem.conoceListItemNew p {font-size: 14px;line-height: 1.3;} .conoceModule.nextGen.conoceModuleV2{background-color:#f6f6f6;} .conoceModule.nextGen.conoceModuleV2 .rectangTra{background:#f6f6f6;} .conoceright-Img.conoceright-ImgV2{height: 300px;min-height: 300px;background-position:top;} .conoceLeft-Content.innerLeftContent>div {padding-right: 100px;padding-left: 60px;} /* Title With Six Column */ .overlay.playground-Section {background-position: top;} .subTitle p{font-size:16px;line-height:1.5;} .sixColContent p{font-size:14px;line-height:1.5;} .sixColIcon span {font-size: 20px;font-weight: 700;color:#000000;height: 26px;width: 26px;background-color: #fdc100;display: inline-block;border-radius: 50%;line-height: 26px;} .miternal-inner.sixCol1 {width: 20%;} .miternal-inner.sixCol2 {width: 15%;} .miternal-inner.sixCol3,.miternal-inner.sixCol4,.miternal-inner.sixCol5,.miternal-inner.sixCol6 {width: 16%;} /* Title With logo Section */ .titleWithLogoSection{padding:50px 0 45px} .titleWithlogosContent p{font-size:14px;line-height:1.5;} .titleWithlogosContent{max-width:444px; margin:0 auto;} .logosParent {text-align: center;} .logosParent {max-width: 695px;margin: 0 auto;} /* Title With listing Module */ .counterTitle div>h5 {color: #c4d82e;} .listingTitle div> h5{color:#c4d82e;} .quotes-Section.listingBanner {background-position: bottom;} .conoceListItem.conoceListItemV2{font-size:14px;line-height:1.5;} .conoceListItem.conoceListItemV2 ul li:before{left: -2px;height:7px; width:7px;} .rightListing{padding-left:38px} .leftListing{padding-right:30px;} .conoceListItem.conoceListItemV2.conoceListItemNew ul li:last-child {margin-top: 25px;} .conoceModule.nextGen.conoceModuleV2 .recYellow{width: 7px;left:60px;height: 70%;} /* pillar Educative section */ .pillarEduSection.green{padding: 70px 0px 76px;} .pillarEduSection.green:before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0 ,0 ,0 ,0.66);} .pillarEduSection .parentBox{position:relative;z-index:2;} .pillarEduSection.green .title h3{color:#c5d503} /* Form Section */ .FormSection .SubTitle h4 { color: #010101; font-weight: 400;} .FormSection .FormTitle h3 { font-size: 24px;} .FormTop textarea, .FormTop input[type="text"], .FormTop input[type="number"], .FormTop input[type="email"], .FormTop input[type="tel"], .FormTop select{ border: 1px solid #000; outline: 0; background: #ffffff; font-size: 18px; border-radius: 3px !important;} .FormTop input[type="submit"] { font-size: 22px; text-transform: initial !important; padding: 13px; background-color: #ffd305; border-radius: 5px;} .FormTop .actions { padding-top: 30px;} .FormTop input[type="submit"]:hover { color: #000; background-color: transparent;} .FormSection .FormBottomTitle { font-size: 17px; font-weight: 500;} .FormSection .FormSubTitle { font-size: 12px;} /* Form Section V2 */ .FormSectionV2, .FormSectionV2 .FormTitle h3, .FormSectionV2 .SubTitle h4{ font-family: 'Cabin', sans-serif !important; } .FormSectionV2 .FormTop textarea, .FormSectionV2 .FormTop input[type="text"], .FormSectionV2 .FormTop input[type="number"], .FormSectionV2 .FormTop input[type="email"], .FormSectionV2 .FormTop input[type="tel"], .FormSectionV2 .FormTop select{ font-family: 'Cabin', sans-serif !important; } .FormSectionV2 .FormTop input[type="submit"]{ font-family: 'Cabin',sans-serif !important; background-color: #c4d82e; border-color: #c4d82e; } .FormSectionV2 .FormTop input[type="submit"]:hover{ background-color: transparent; } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-= Responsive Media Queries CSS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /*-=-=- Smaller Desktop Devices -=-=-*/ @media (max-width:1500px ) { .eca-left, .chimalistac-right{padding:0px 30px;} } @media (max-width:1230px ) { .wrapper { max-width:1000px } .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{padding: 10px 10px;} /******************************** diseno-HomePage **************************** */ .diseno-HomePage:before{height:170px;} .Diseno-Header img {max-width: 120px;} .eca-circleLogo {max-width: 180px;margin: 0 auto;} .circle-Inner {width: 450px;height: 450px;} .eca-circleLogo {max-width: 200px;margin: 0 auto;} .eca-inner .menuList ul li a { font-size: 18px;} .chimalistac-inner .menuList a {font-size: 18px;} .websitecta a{font-size: 18px;} .chimalistac-inner ul li:last-child {padding: 5px 0 10px;} /* .conoceModule.wrapright .rectanglenew:before{right: -235px;} */ .playgroundn-inner{width:33.33%;} .blog-rightSide{padding-left:0%} /************************************************ primaria Page ********************************************** */ .conoceModule.wraprightSide.version3withImg .conoceLeft-Content>div{padding-left:30px;} .conoceModule.version3withImg .conoceLeft-Content>div{padding-right:30px;} .conoceModule.version3withImg .conoceLeft-Content {padding-left: 30px;} .conoceModule.wraprightSide.version3withImg .conoceLeft-Content {padding-left: 0;padding-right: 30px;} .blogpost-Dateparent .post-Date > div {width: 100%;} } /*-=-=- Tablet Landscape and Smaller Devices -=-=-*/ @media (max-width:1080px ) { .wrapper { max-width:900px } .eca-left, .chimalistac-right{padding:0 15px;} .eca-circleLogo{max-width: 150px;} /* .conoceModule.wrapright .rectanglenew:before{right: -254px;} */ .conoceModule.wrapright .rectanglenew:before {right: -80px;width: 200px;transform: skewX(-9deg);} .conoceModule.wrapright .rectanglenew:after {transform: skewX(-9deg);} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{width: 100%;max-width: 100%;display: block;height: 100%;display: flex;align-items: center;} .rectanglenew:before{ right: -90px;width: 200px;transform: skewX(9deg);} .rectanglenew:after{transform: skewX(10deg);} /**************************** Blog Section * ****************************** */ .postbody-Content, .postbody-img {width: 100%;display: block; margin-right: 0;} .postbody-Content {padding-top: 20px;} .forfirst-Index .postbody-Content{padding-top:0;} .forfirst-Index .yellow-linebottom {width: 80px;} .forfirst-Index .yellow-linetop {width: 60px; left: 192px; height:75px; top: -75px;} .blogpost-Dateparent .post-Date > div {width: 100%;} .blogpost-Dateparent .yellow-linebottom {width: 50px; left: 48px;bottom: 0;} .blogpost-Dateparent .yellow-linetop {width: 50px; height: 75px;top: -75px;left: 120px;} /************************************************ Instalaciones Page Phase-II ********************************************** */ .preparatoria-Section:before{width:70%;} /**************************** Common For Exter addtion * ****************************** */ .conoceModuleImg-Option img {max-width: 200px;} } @media(min-width:992px){ .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper{opacity: 0;visibility: hidden; display:none;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{opacity: 1; visibility: visible; display:block;} } @media (max-width: 991px) and (min-width: 768px) { .diseno-HomePage{height:100vh;} } /* Update: 10-07-2025 Fix Menu Mobile */ a.expandMenu{ display:none; } .navigation .hs-menu-wrapper{ display:block; } /*-=-=- Tablet Portrait and Smaller Devices -=-=-*/ @media (max-width:991px ) { .wrapper { max-width:700px } .tabw20 {width:20%;} .tabw25 { width:25%; } .tabw30 { width:30%; } .tabw33 { width:33.33%; } .tabw40 { width:40%; } .tabw50 { width:50%; } .tabw60 { width:60%; } .tabw66 { width:66.66%; } .tabw70 { width:70%; } .tabw75 { width:75%; } .tabw100 { width:100%; } h1, .h1 { font-size:30px; line-height:1.3; } h2, .h2 { font-size:28px; line-height:1.33; } h3, .h3 { font-size:26px; line-height:1.4; } h4, .h4 { font-size:22px; line-height:1.44; } h5, .h5 { font-size:20px; line-height:1.5; } h6, .h6 { font-size:18px; line-height:1.5; } .pl-m{padding-left:0} .pr-m{padding-right:0} .pb40,.p40-0 { padding-bottom:25px; } .pb50,.p50-0 { padding-bottom:30px; } .pb60,.p60-0 { padding-bottom:35px; } .pb70,.p70-0 { padding-bottom:40px; } .pb80,.p80-0 { padding-bottom:45px; } .pb90,.p90-0 { padding-bottom:50px; } .pb100,.p100-0 { padding-bottom:55px; } .pb110,.p110-0 { padding-bottom:55px; } .pb120,.p120-0 { padding-bottom:55px; } .pb130,.p130-0 { padding-bottom:60px; } .pb140,.p140-0 { padding-bottom:60px; } .pb150,.p150-0 { padding-bottom:60px; } .pb160,.p160-0 { padding-bottom:60px; } .pt40,.p40-0 { padding-top:25px; } .pt50,.p50-0 { padding-top:30px; } .pt60,.p60-0 { padding-top:35px; } .pt70,.p70-0 { padding-top:40px; } .pt80,.p80-0 { padding-top:45px; } .pt90,.p90-0 { padding-top:50px; } .pt100,.p100-0 { padding-top:55px; } .pt110,.p110-0 { padding-top:55px; } .pt120,.p120-0 { padding-top:55px; } .pt130,.p130-0 { padding-top:60px; } .pt140,.p140-0 { padding-top:60px; } .pt150,.p150-0 { padding-top:60px; } .pt160,.p160-0 { padding-top:60px; } .slick-next {right: -50px;} .slick-prev {left: -50px;} .font45 , body .font45{font-size:30px} .font33 , body .font33{font-size:25px} .font21 , body .font21{font-size:20px} .font20 , body .font20{font-size:18px} /*-=-=-=-= Mobile menu JS USE MENU ICON as '' -=-=-=*/ a.expandMenu { width: 40px; height: 40px; display: block; cursor:pointer; position: absolute; top: 30px; right: 15px; padding: 5px; } a.expandMenu i { position:relative; width: 30px; left:0; height: 4px; opacity:1; display: block; background: #c4d82e; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } a.expandMenu.open i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; } a.expandMenu.open i:nth-child(2) { position:relative; left:-46px; opacity:0; } a.expandMenu.open i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; } /*-=-=-=-= Mobile Submenu JS USE SUBMENU ICON as '' -=-=-=*/ .childExpand {display: block;} .childExpand { position: absolute; top: 15px; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; } /* .childExpand i { position:relative; width: 15px; left:0; height: 0px; opacity:1; display: block; background: #fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } */ .childExpand i { position:relative; width: 15px; left:0; height: 0px; opacity:1; display: block; background: #fff; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -7px; } /* .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } */ .childExpand.open .fa-angle-down:before { content: "\f106";} /* wrapper Imges */ .conoceright.wrapright .rectangTra {transform: skewX(-10deg);left: -200px;} .conoceright.wrapright .recYellow {transform: skewX(-10deg); left: 5px;} .conoceright .rectangTra {transform: skewX(10deg); right: -200px;} .conoceright .recYellow {transform: skewX(10deg);right: 10px;} .conoceModule.nextGen .rectangTra {transform: skewX(-10deg); left: -200px;} .conoceModule.nextGen .recYellow { transform: skewX(-10deg); left: 20px;} .conoceModule.nextGen .recYellow.topSideLine {bottom: inherit;top: 0; left: 40px;} .conoceModule.nextGen.wraprightSide .rectangTra {transform: skewX(10deg); right: -200px;} .conoceModule.nextGen.wraprightSide .recYellow { transform: skewX(10deg); right: 20px;} .conoceModule.nextGen.wraprightSide .recYellow.topSideLine{right:40px;} /* .navigation .hs-menu-wrapper.active{display:block;} */ .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {display: block;text-align: left;width: 100%;max-width: 100%;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul {display: block;width: 100%;height: auto;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:relative;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{width:100%; max-width:none; display:block;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper{left:0;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{display:none;} /* .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{visibility: hidden;} */ .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{visibility: visible;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper{visibility: visible; opacity:1} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding:20px 10px;} /* .social-Icon ul li { display: block;padding: 0;text-align: left;padding: 5px 0; margin-right:0;} */ .telephone a+a:before{display:none;} /******************************** diseno-HomePage **************************** */ .diseno-HomePage:before{height: 140px} .Diseno-Header img{max-width:100px;} .circle-Inner{width:350px; height:350px;} .eca-circleLogo{max-width:100px;} .eca-inner{padding: 30px 25px;} .chimalistac-inner{padding: 20px 25px;} /************************************************ Eca Home Page ********************************************** */ .banner_v1{padding:90px 0 90px 0} .conoceLeft-Content>div{padding-right: 20px;} .conoceModule.wraprightSide .conoceLeft-Content>div{padding-right:0; padding-left:20px;} .playgroundn-inner {padding: 15px 10px;} .quotes-parent:before {left: 0;top: -20px;} .quotes-parent:after { top: inherit;bottom: -20px;right: 0;} /************************************************ Preescolar Page ********************************************** */ .banner_v2{padding:90px 0 90px 0} /************************************************ Nosotros Page ********************************************** */ .vision-parent {margin-left: -15px;margin-right: -15px;} .vision-inner {padding: 20px 15px 20px;} .historia-content { padding-right: 100px;} .historia-parent .historia-inner:nth-child(2n) .historia-content {padding-right: 0;padding-left: 100px;} .historia-img {margin: 0px 52px 0 auto;} .historia-parent .historia-inner:nth-child(2n) .historia-img {margin: 20px 0 20px 52px;} .historia-img {margin: 20px 52px 20px auto;} .historia-content:before {top: 100px;width: 65px;} .historia-content:after {top: 94px; left: 80%;} .historia-parent .historia-inner:nth-child(2n) .historia-content:after { left: 63px;} .historia-parent .historia-inner:nth-child(2n):last-child{margin-top: 0px;} /************************************************ Nosotros Page Phase 2 ********************************************** */ .colegio-his-parent .colegio-his-Inner:nth-child(odd) {padding-left: 70px;} .colegio-his-parent .colegio-his-Inner:nth-child(even) {padding-right: 70px;} /* ************************************************ modelo educativo Page ********************************************** */ .metodo-Section {padding-bottom: 90px;} .metodo-parent {padding-left: 0;} .formation-Section:after {height: 60%;width: 48%;} .potenciadoresfour-column{padding-top:40px; padding-bottom:40px;} .potenciadoresfour-column .playground-parent{margin-left:-10px; margin-right:-10px;} /************************************************* Admisiones Page Phase - 2 ********************************************** */ .admissionProcess-repeat:nth-child(2n):after {left: -50%;} .admissionProcess-repeat:nth-child(odd):after {left: 50%;} /************************************************ Instalaciones Page Phase-II ********************************************** */ .preparatoria-Section:before {width: 70%;} /************************************************ primaria Page ********************************************** */ .conoceModule.version3withImg .conoceLeft-Content{padding-left:15px;} .conoceModule.wraprightSide.version3withImg .conoceLeft-Content { padding-right: 15px;} /**************************** Blog Section * ****************************** */ .row-fluid .blog-LeftSide ,.row-fluid .blog-rightSide {width: 100%;display: block;float: none !important;} .row-fluid .blog-rightSide {margin-left: 0 !important;} .blogpost-item { padding: 15px 0;} .forfirst-Index .yellow-linebottom {width: 60px;} .forfirst-Index .yellow-linetop {left: 172px; height: 75px;} .forfirst-Index .blog-featureImg a{height:250px;} .blog-pagination{text-align:center; padding-top:20px;} /* Banner Strip 03-04-2020 */ .bannerSubTitleStrip { max-width: 340px; margin: 0 auto; } .bannerNewStrip { padding-top: 15px; padding-bottom: 15px; } /* Payment page */ .paymentboxRepeat { padding: 50px 25px;} /* Modelo Education New page 2020 */ /* Left Content Right Image Section*/ .conoceLeft-Content.innerLeftContent>div {padding-right: 50px;} /* Title With Six Column */ .miternal-inner.sixColIcon{width:33.33% !important;} .conoceModule.nextGen.conoceModuleV2 .recYellow{left: 18px;} /* pillar Educative section */ .pillarEduSection{padding: 40px 0px;} .admissionProcess-Parent .admissionProcess-repeat:last-child:before , .admissionProcess-Parent .admissionProcess-repeat:last-child:after {display:none} } @media (min-width:767px ) { .colegio-his-parent .colegio-his-Inner:nth-child(even) .colegio-historiaImg {display: none;} .colegio-his-parent .colegio-his-Inner:nth-child(even) .right-sideImg {display: inline-block;} .colegio-his-parent .colegio-his-Inner:nth-child(even) .colegio-historiaContent {padding-left: 0;padding-right: 30px;} } @media (max-width:1920px ) { .rectangTra, .recYellow {display:none !important;} } /*-=-=- Mobile Devices -=-=-*/ @media (max-width:767px ) { .wrapper { max-width:100%; padding-left:15px; padding-right:15px; } .mtop10 { margin-top:10px; } /* >>>>>>> margin top 10px in mobile <<<<<<<< */ .mtop20 { margin-top:20px; } /* >>>>>>> margin top 20px in mobile <<<<<<<< */ .mtop30 { margin-top:30px; } /* >>>>>>> margin top 30px in mobile <<<<<<<< */ .mpt0,.mp0 { padding-top:0 !important; } .mpb0,.mp0 { padding-bottom:0 !important; } .mpl0,.mp0 { padding-left:0 !important; } .mpr0,.mp0 { padding-right:0 !important; } .mobile-center { text-align:center; } /*>>>>>>> text-align:center in mobile <<<<<<<<<<<<*/ .text-right { text-align:center; } .mw25 { width:25%; } .mw33 { width:33.33%; } .mw50 { width:50%; } .mw66 { width:66.66%; } .mw75 { width:75%; } .mw100 { width:100%; } form fieldset[class*="form-columns"] .field { width:100%; } .table{display:block; width:100%;} .table-cell{display:block; vertical-align:middle;} .footer-Section{background-size:100% 100%} /* For the rachagle */ .conoceModule.wraprightSide .rectangTra, .conoceModule.wraprightSide .recYellow, .conoceModule .rectangTra, .conoceModule .recYellow{display:none !important;} /******************************** diseno-HomePage **************************** */ .diseno-HomePage:before{background-position: center top -59px; background-size: auto; height:100%;} .eca-left, .chimalistac-right {display: block;width: 100%;margin-right: 0;padding: 15px;} .footer-Section{padding-top:40px;} .footer-logo, .footer-listing, .footer-right {display: block;text-align: center;width: 100%;margin-right: 0;padding: 0;} /* .footer-listing li:last-child {padding: 15px 0 0;} */ .contact {text-align: left;} .footer-logo {padding-bottom: 30px;} .footer-listing {padding-bottom: 30px;} /************************************************ Eca Home Page ********************************************** */ .conoceright-Img{height:350px !important; min-height:350px;} .rectangle:before {display: none;} .rectangle:after { display: none;} .rectanglenew:before{display: none;} .rectanglenew:after{display: none;} .conoceModule .table{height:auto; max-height:100%;} .conoceModule .wrapLeft { padding-left:15px !important; padding-right:15px;} .activity-inner{display:block; margin-right:0;} /* .activity-Section .activity-list-inner{max-width:100%;} */ .activity-Section .activity-list-inner{max-width:100%; padding-right:0} .activity-Section .activity-Parent .activity-inner:nth-child(2) .activity-list-inner {margin: 0;max-width: 100%;} /************************************************ Nosotros Page ********************************************** */ .vision-parent{padding-top:10px; margin-left:0; margin-right:0;} .vision-parent .vision-inner:nth-child(3n+2):before, .vision-parent .vision-inner:nth-child(3n+2):after{display:none;} .historia-inner {width: 100%;padding: 20px;} .historia-parent .historia-inner:nth-child(2n) {float: left;clear: both;margin-top: 0;} .historia-parent:before {left: 0;} .historia-content:before {top: 12px;right: inherit;left: -21px;width: 130px;} .historia-content:after {left: 107px;top: 6px;} .historia-img {margin: 30px 0 0px 52px;} .historia-parent .historia-inner:nth-child(2n) .historia-img{margin: 30px 0 0px 52px;} .historia-img:before {right: inherit; left: -76px;width: 76px;} .historia-parent .historia-inner:nth-child(2n) .historia-content {padding-left: 0;} .historia-content {padding-right: 0;} .historia-parent .historia-inner:nth-child(2n) .historia-content:before {top: 12px;left: -21px;width: 130px;} .historia-parent .historia-inner:nth-child(2n) .historia-content:after {left: 105px;top: 6px;} .historia-img {width: 80px;height: 80px; border: 2px solid #fff;} .historia-parent .historia-inner:nth-child(2n) .historia-img:before {left: -76px;} .historia-parent .historia-inner:nth-child(2n):last-child{margin-top:0;} /************************************************ Nosotros Page Phase 2 ********************************************** */ .colegio-his-parent .colegio-his-Inner:nth-child(odd), .colegio-his-parent .colegio-his-Inner:nth-child(even) { padding-left: 0;padding-right: 0;padding: 10px 0;} .admissionProcess-Section{overflow:hidden;} .admission-Info{padding-left:0;} /* ************************************************ modelo educativo Page ********************************************** */ .metodo-Content .line-plus {height: 107%;left: 0;} .metodo-Content .line-sub {bottom: -8%;left: 0;} .metodo-Content { padding-left: 25px;} .formation-parent {max-width: 100%;} .formation-Content {text-align: left;} .formation-Section:after {display: none;} /************************************************ Instalaciones Page Phase-II ********************************************** */ .preparatoria-Section:before {width: calc(100% - 8px);} /* wrapRight Section */ .wraprightSide .wrapRight {padding-left: 15px;} .conoceModule.wraprightSide .conoceright-Img {margin-top: 0 !important;} /* ************************************************ Blog Page ********************************************** */ /* .forfirst-Index .yellow-linebottom {transform: skewX(-15deg);left: 43px;} .forfirst-Index .yellow-linetop {left: 112px;top: -79px;width: 20px;height: 79px;} .forfirst-Index .yellow-linebottom {width: 20px;left: 47px;} */ .postbody-structure { overflow: hidden;} .forfirst-Index .blog-featureImg a{height:200px;} /* .forfirst-Index .yellow-linebottom {bottom: inherit;top: -40px;width: 20px; height: 100px;transform: skewX(-25deg); left: 24px;} .forfirst-Index .yellow-linetop {left: 56px;height: 40px;top: -40px;} .first-IndexRight {padding-left: 51px;} */ .blog-Form form{padding-bottom: 30px;} .subscribe-Form h3 br {display: none;} .forfirst-Index .yellow-linebottom {display: none;} .forfirst-Index .yellow-linetop {display: none;} .first-IndexRight {padding-left: 15px; padding-right: 15px;} .blogpost-Dateparent .yellow-linebottom {width: 15px;left: 20px;height: 130%;transform: skewX(-20deg);} .blogpost-Dateparent .yellow-linetop {width: 15px;left: 68px;height: 47px;top: -47px;} .blogpost-Dateparent .post-Date {padding-left: 40px;} /************************************************ primaria Page ********************************************** */ .conoceModule.version3withImg .conoceLeft-Content{padding-left:15px; padding-right: 15px;} .conoceModule.wraprightSide.version3withImg .conoceLeft-Content { padding-right: 15px; padding-left:15px;} li.TopHeaderDropdown ul{ opacity:1; visibility: visible; display:none; } li.TopHeaderDropdown ul li a{ font-size:14px; padding:10px; } li.TopHeaderDropdown ul{ min-width:160px; } /* Payment page */ .paymentboxRepeat { padding: 30px 20px;} /* Modelo Education New page 2020 */ /* Left Content Right Image Section*/ .conoceLeft-Content.innerLeftContent>div {padding-right:0; text-align:center;padding-left:0;} /* Title With Six Column */ .miternal-inner.sixColIcon{width:33.33% !important;} /* Title With Listing Section */ .conoceListItem.conoceListItemV2 ul{padding:0;} .rightListing {padding-left:0} .leftListing{padding-right:0} .conoceListItem.conoceListItemV2.conoceListItemNew ul li:last-child{margin-top:0;} .admissionProcess-repeat:before , .admissionProcess-repeat:after {display:none} .admissionProcess-repeat .equal_div{height:auto !important} /* Form Section */ .FormTop form fieldset.form-columns-3 .field { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;} .FormSection .FormTitle h3 { font-size: 20px;} .FormSection .SubTitle h4 { font-size: 18px;} .FormTop input[type="submit"] { font-size: 20px;} .FormTop .actions { padding-top: 15px;} } @media(max-width:991px){ .header-Strip .wrapper{flex-direction: column;gap:15px;} .social-Icon > ul{justify-content:space-evenly;gap:8px;} .header-Strip{padding:20px 0;} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul{padding-bottom:12px;} } @media(max-width:600px){ .topleftSript {width: 100%;margin:0 auto 0 0;} .toprightSript {width: 100%;} .toprightSript ul {padding: 0;} .topleftSript img {max-width: 150px;} .playgroundn-inner{width:100%; margin-right:0;} .school-Detail{padding-left:0;} /************************************************ Nosotros Page Phase 2 ********************************************** */ .colegio-historiaImg {display: block;margin: 0 auto;} .colegio-historiaContent {width: 100%;padding-left: 0;padding-top: 10px;} } @media(max-width:480px){ .activity-Section .activity-list-Icon {display: block;margin: 0 auto; width: 100%;padding-bottom: 10px;} .activity-Section .activity-list-content { display: block; width: 100%;} .historia-content:before, .historia-parent .historia-inner:nth-child(2n) .historia-content:before {width: 80px;} .historia-content:after, .historia-parent .historia-inner:nth-child(2n) .historia-content:after {left: 55px;} .social-Icon > ul > li {padding: 5px 4px; text-align:center; } .social-Icon > ul > li > a {margin-left: 6px; font-size:14px; } /************************************************ actividades extracurriculares Page ********************************************** */ .miternal-Icon {width: 60px;max-width: 60px;height: 60px;} .miternal-inner {padding: 20px 10px;} .secundaria-parent .miternal-Icon{width: 60px;max-width: 60px;height: 60px;} .secundaria-parent .miternal-inner{padding: 20px 10px;} .secundaria-parent .miternal-inner {width: 50%;} .activity-Section .activity-list-inner{text-align:center;} /************************************************ Idiomas Phase-II Page ********************************************** */ .iconGrp-child { padding-left: 10px; padding-right: 10px;} /* ************************************************ Blog Page ********************************************** */ /* Blog Header */ .blogheader-cta, .blogheader-phone{width:100%;} .comment-Section >div {width: 100%;} .blogpost-Dateparent .yellow-linetop , .blogpost-Dateparent .yellow-linebottom{display:none;} .blogpost-Dateparent .post-Date{padding-left:15px; padding-right:15px;} .blogpost-Dateparent .post-Date > div{padding-left:0; padding-right:0;} /* Title With Six Column */ .miternal-inner.sixColIcon{width:100% !important;} } @media(max-width:400px){ .circle-Inner {width: 280px;height: 280px;} .eca-inner .menuList ul li a{font-size:12px;} .eca-inner ul li {padding: 5px 0;} .websitecta {padding-top: 15px;} .eca-inner ul li:last-child {padding: 5px 0 0px;} .eca-inner ul {padding: 5px 0;} .websitecta a {padding: 9px 12px;font-size: 12px;} .chimalistac-inner .menuList a { font-size: 12px;} .chimalistac-inner .menuList ul li {padding: 1px 0;} .chimalistac-inner .menuList ul { padding-top: 0px;} .chimalistac-inner {padding: 12px 25px;} .websitecta.webgreen-Cta {padding-top: 5px;} /* .social-Icon ul{padding-left:20px;} */ } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } #hs_cos_wrapper_widget_1542707345573193{ margin-top:-8px; } /*-=-=-=-=-=-=-=-=-=-= Browser Hacks -=-=-=-=-=-=-=-=-=-=-=-=*/ @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .classname { /*only for safari....CSS*/ } } _:-ms-input-placeholder, :root .classname { /*only for internet explorer....CSS*/ }