/*
Theme Name: Digitis
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/



/* HEADER */
.header-inner.flex-row.container.logo-left { padding: 0 40px;}
.nav-dark .header-nav.nav>li>a { color: white;}
ul.header-nav.header-nav-main.nav.nav-right > li.nav-icon.has-icon:last-child { margin-left: 80px;}
.has-dropdown .icon-angle-down { font-size: 1.2em; margin-left: 0.4em;}
body.page-template-page-transparent-header-light div#top-bar > .flex-row.container { margin-bottom: -15px; margin-top: 10px;}
div#top-bar li.html.custom { font-size: .9em; margin-right: 16px!important;}
div#top-bar li.html.custom > a { margin: 0 0.7em; font-weight: 400; }
#header.transparent div#top-bar li.html.custom > a { color: rgba(255,255,255,.9);}
#header:not(.transparent) div#top-bar li.html.custom > a { color: #2d2926;}
div#top-bar li.html.custom > a:hover { color: white;}
div#top-bar li.html.custom > a i { margin-right: 6px;}
.header-wrapper:not(.stuck) .flex-col.hide-for-medium.flex-left.flex-grow li.html.custom.html_top_right_text { display: none;}
.header-wrapper .flex-col.hide-for-medium.flex-left.flex-grow li.html.custom.html_top_right_text > a { font-size: 86%; font-weight: initial; margin-right: 15px;}
.header-wrapper .flex-col.hide-for-medium.flex-left.flex-grow li.html.custom.html_top_right_text > a > i { font-size: 100%; margin-right: 8px;}
body.page-template-page-transparent-header-light .header-wrapper:not(.stuck) div#logo{ margin-top: -35px;}
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header) { border-color: rgba(255,255,255,.2);}
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header) > a { color: rgba(255,255,255,.8);}
ul.nav-sidebar img.ux-sidebar-menu-icon { width: 30px; height: 30px; margin-right: 10px!important;}
body.page-template-page-transparent-header-light div#top-bar, #header.transparent div#top-bar { background-color: transparent;}
body.page-template-page-transparent-header-light div#top-bar li.html.custom { color: white;}
.nav-dropdown>li>a { color: #2d2926; font-weight: bold}
.nav-dropdown>li>a:hover {color: #FFD700}
.header-nav-main.nav-line-bottom > li > a:before { background-color: #FFD700!important; width: 30px;}

/* AJUSTES */
h1, h2, h3, h4, h5, h6, .heading-font {line-height: 1.2;}
p.lead, a.lead{ font-size: 1.25em; line-height: 1.4}
ul.lead {font-size: 1.25em;}
body { line-height: 1.5;}
ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star { border-bottom: none;}
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before { color: #FFD700;}
ul.lead li.bullet-arrow:before {font-size: 1em}
.z-i-10 { z-index: 10;}
.z-i--1 {z-index: -1}
.col-sticky > .col-inner { position: sticky; top: 180px;}
.m-auto > .col-inner, .row.m-auto { margin: auto!important;}
.otgs-development-site-front-end { display: none;}
.is-small-s {font-size: .9em}
ul.blue-arrow li.bullet-arrow::before { color: #428ee9;}
ul.check-blue > li { padding-left: 35px;}
.absolute-footer { display: none;}
.check-blue > li.bullet-arrow { padding-bottom: 20px;}
.res-text { font-size: unset!important;}
.no-ls, .no-ls > span { letter-spacing: 0!important;}
.slider-home .banner-layers.container { max-width: 100%;}
.slider-home .text-box.banner-layer { filter: drop-shadow(0px -6px 6px rgba(50, 50, 0, 0.2));}
.slider-home .text-box:before { content: ''; background-color: white; width: 100%; height: 120px; display: block; clip-path: polygon(100% 0%, 0% 100%, 100% 100%); box-shadow: 0 -5px 5px black; filter: drop-shadow(0px -4px 3px rgba(50, 50, 0, 0.5)); transform: translateY(1px);}
.slider-home ol.flickity-page-dots { bottom: 250px; left: calc(50vw - 670px); right: unset;}
.slider-home .flickity-prev-next-button svg.flickity-button-icon { background-color: #ffffff54; border: none; padding: 30%;}
.slider-home .flickity-prev-next-button { opacity: 1; top: 64%;}
.slider-home .flickity-prev-next-button.previous { right: calc(50vw - 610px); left: unset;}
.slider-home .flickity-prev-next-button.next { right: calc(50vw - 665px);}
.cifras-home > h2 { font-weight: 900; color: #FFD700; font-size: 2.7em; margin-bottom: .2em;}
.cifras-home > h2 span.count-up { color: #2D2926;}
.cifras-home > p { text-transform: uppercase; font-style: italic; font-size: 1.3em; line-height: 1.2;}
.section-overlay-gradient .section-bg-overlay { background: linear-gradient(180deg, black, transparent); background-color: unset!important; opacity: .05;}
.banner h1, .banner h2, .banner h3 { font-weight: 700; line-height: initial;}
.banner-servicio-home h3.h1 { font-size: 1.8em;}
.banner-servicio-home .text-box.banner-layer { min-width: 375px;}
.banner-servicio-home .text-box.banner-layer:after, .banner-servicio-home .text-box.banner-layer:before { content: ''; position: absolute; background-size: contain; background-repeat: no-repeat; transition: all .2s}
.banner-servicio-home .text-box.banner-layer:after { width: 75px; height: 75px; bottom: 0; right: 0; background-image: url(/wp-content/uploads/2022/09/triangle-home-service.svg); z-index: 10 }
.banner-servicio-home .text-box.banner-layer:before { width: 27px; height: 27px; bottom: 16px; right: 14px; background-image: url(/wp-content/uploads/2022/09/arrow-home-service.svg); z-index: 11 }
.banner-servicio-home:hover .text-box.banner-layer:after {opacity: 0}
.banner-servicio-home .text-box-content.text, .banner-servicio-home .text-box-content .text-inner {transition:all .2s}
.banner-servicio-home:hover .text-box-content.text { background-color: #2D2926!important;}
.banner-servicio-home:hover .text-box-content .text-inner * { color: white;}
.banner-servicio-home .banner-layers > .text-box > .text-box-content { min-height: 330px; display: flex; align-items: center;}
html:not(#ux-builder) .banner-servicio-home .text-box.banner-layer {pointer-events: none}
.banner-servicio-home { min-height: 500px;}
.bg-yellow { background-color: #FFD700; display: inline-block; width: auto; padding: 0 3px;}
.no-divider .is-divider { display: none;}
.col.post-item h5.post-title.is-large { font-size: 1.3em;}
.col.post-item .post-meta.is-small.op-8 {margin: 0.6em 0; font-size: 1em; font-style: italic; font-weight: bold; text-transform: uppercase; opacity: .5;}
.section.section-footer-2:before { content: ''; width: 56%; position: absolute; height: 100%; background-color: #FFD700; z-index: 1; clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);}
.section.section-footer-2 > .bg.section-bg { width: 70%; transform: translateX(50%);}
ul.links-footer > li { list-style: none; margin-left: 0; display: inline-block; margin-right: 1em; margin-bottom: 0;}
ul.links-footer > li > a { color: #222;}
footer#footer a.icon.button.circle { color: #222;}
footer#footer a.icon.button.circle:hover { color: #222!important;}
footer#footer a.icon.button.circle:hover > i { color: #FFD700!important;}
.dark ul.links-footer > li > a { color: #fff;}
.bg-yellow-split > * { background-color: #FFD700;}
.bg-yellow-split > *:first-child { padding-left: 0.15em;}
.bg-yellow-split > *:last-child { padding-right: 0.15em;}
.bg-yellow-split > strong { padding-right: 10px; margin-right: -8px;}
.accordion-title.active { color: initial!important; background-color: transparent; border-color: initial!important;}
.accordion-title { padding: 0.6em 2.3em 0.6em 0; border-color: initial;}
.accordion-item:not(.not-xl) .accordion-title { font-size: 130%;}
.accordion .toggle { left: auto; right: 0;}
.accordion-inner { padding: 1em 0em;}
a.button.primary:not(.is-outline):not(.is-underline):not(.is-link) { color: #2d2926;}
.button, button, input[type=submit], input[type=reset], input[type=button] { padding: 0 2em; letter-spacing: 0}
.italic-button { font-style: italic;}
.mask-angled-large { -webkit-clip-path: polygon(0 calc(0% + 110px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 110px), 100% 0, 100% 100%, 0 100%);}
.slider-logos .flickity-slider > .ux-logo { margin: 0 20px;}
.slider-logos .flickity-slider { display: flex;}
.slider-logos .flickity-viewport { min-height: 110px;}
html:not([ng-app="uxBuilder"]) .clicable .text-box {pointer-events: none}
.stack.stack-3 { flex-flow: row wrap;}
.stack.stack-3 > div { max-width: 33.333%; flex-basis: 33.333%;padding: 0 15px 40px;}
.stack.stack-3.cifras-teleco > div:nth-child(1), .stack.stack-3.cifras-teleco > div:nth-child(2), .stack.stack-3.cifras-teleco > div:nth-child(3), .stack.stack-3.cifras-teleco > div:nth-child(4) { max-width: 25%; flex-basis: 25%;}
.title-section { letter-spacing: .08em; text-transform: uppercase; font-weight: 900;}
.icon-box-illustration-support .icon-box-text { margin-left: 2em; padding: 15px!important; border: 2px solid; border-radius: 15px; position: relative}
.icon-box-illustration-support .icon-box-text:after { content: ''; position: absolute; width: 30px; height: 30px; background-image: url(/wp-content/uploads/2022/11/arrow-left-.svg); background-repeat: no-repeat; top: 30px; left: -20px;background-size: contain;}
.rosco-img-1 { transition: all .5s ease; z-index: 2;}
.ilustracion-rosco:hover .rosco-img-1 { opacity: 0;}
.rosco-img-2 { transition: all .5s ease; position: absolute; top: 0; z-index: -1; left: 0px; max-width: 100%; max-height: 100%; opacity: 0}
.ilustracion-rosco:hover .rosco-img-2 { opacity: 1;}
b, strong { font-weight: 900;}
a.close-accordion { display: block; text-align: center; background-color: #f3f3f3; padding: 0.8em 1.6em; color: #2d2926; position: relative; max-width: 300px; margin: 10px auto -1.5em; border-radius: 50px; text-transform: uppercase; cursor: pointer;transition: all .2s;}
a.close-accordion:after { content: ''; width: 16px; height: 16px; background-image: url(/wp-content/uploads/2022/12/boton-cerrar-superior.svg); background-size: contain; background-repeat: no-repeat; position: absolute; right: 20px; top:20px}
a.close-accordion:hover { color: #2d2926; background-color: #e1dfdf;}
ul ul, ul ol, ol ol, ol ul { margin: 1em 0 1em 1em;}
.black {color:#2d2926}
.social-icons.follow-icons { display: flex;}
.social-icons.follow-icons > a.icon.button { display: inline-block;}
.social-icons.follow-icons > a.icon.button.linkedin { order: 0;}
.social-icons.follow-icons > a.icon.button.twitter { order: 1;}
.social-icons.follow-icons > a.icon.button.facebook { order: 2;}
.social-icons.follow-icons > a.icon.button.instagram { order: 3;}
a.button.icon-yellow > i { color: rgb(255 214 1); font-size: 200%;}
.autocomplete-suggestions { font-size: 95%;}
.autocomplete-suggestions .search-name { line-height: 1.4;}
.live-search-results.text-left.z-top { margin-left: -200px;}
body.search.search-results .shade.shade-top.hide-for-sticky.fill { display: none;}
body.search.search-results img.header_logo.header-logo { display: block!important;}
body.search.search-results img.header-logo-dark { display: none!important;}
body.search.search-results input#s { background-color: rgba(0,0,0,.03); border-color: rgba(0,0,0,.09); color: #333!important;}
body.search.search-results .form-flat .button.icon { color: black !important;}









/* TIMELINE */ 
.timeline-graf {padding:10px 10px 40px 10px;}
body .timeline-img  {width:2600px; max-width:2600px; }
body .mCSB_buttonLeft, body .mCSB_buttonRight { background-size: contain; opacity: 1!important; background-position: center!important; width: 30px!important; height: 30px!important; top: -188px!important;}
body .mCSB_buttonLeft { left: -40px!important; transform: rotate(180deg);}
body .mCSB_buttonRight { right: -40px!important; left: unset!important;}
.mCSB_draggerContainer { background-color: #535050; max-height: 2px;}
.mCSB_dragger_bar { margin-top: -2px!important; background-color: #676767!important; border-radius: 0!important;}
.mCSB_draggerRail { display: none;}
/*body .mCSB_draggerContainer {opacity:0}*/







/* BLOG */
ul#menu-menu-categorias-blog { display: flex; justify-content: center; gap: 2em; list-style: none;}
ul#menu-menu-categorias-blog > li { margin-left: 0; font-style: italic; font-size: 1.1em;}
ul#menu-menu-categorias-blog > li > a { color: #2D2926;}
div#content.blog-wrapper.blog-archive.page-wrapper .row.large-columns-2 .col.post-item:first-child { max-width: 100%; flex-basis: 100%;}
div#content.blog-wrapper.blog-archive.page-wrapper p.from_the_blog_excerpt { display: none;}
.box-blog-post .is-divider { height: 4px; max-width: 50px; background-color: #FFD700;}
.col.post-item a:hover { color: initial;}
.col.post-item p.cat-label.is-xxsmall.op-7.uppercase { font-size: .8em; font-weight: bold; opacity: .5; margin-bottom: 0.6em;}
div#content.blog-wrapper.blog-archive.page-wrapper .box-text-inner { display: flex; flex-direction: column;}
div#content.blog-wrapper.blog-archive.page-wrapper .box-text-inner .is-divider { order: -1; margin-bottom: 1em;max-width: 60px;}
.blog-wrapper.blog-single .entry-header-text a { color: #2d2926;}
.blog-wrapper.blog-single .entry-header-text a:hover { color: #716b67;}
.blog-wrapper.blog-single .entry-header-text span.meta-author { pointer-events: none;}


/* TAMAÑOS TEXTOS */
.hero-home h1 { font-size: 4rem; margin-bottom: 25px;}
.hero-home p.lead {font-size: 1.8rem; letter-spacing: .01em;}
.h1-size {font-size: 4em; line-height: 1;}
.h2-size-l {font-size: 3.3rem;}
.h2-size {font-size: 2.7rem;}
.h3-size-l {font-size: 2.3rem;}
.h3-size {font-size: 2rem;}
.h4-size {font-size: 1.7rem;}
.h5-size {font-size: 1.4rem;}
.banner h1 { font-size: 1.8em;}




/*IMAGENES EN TEXTO */
img.img-text-iot { clip-path: circle(0%); transition: 1.8s cubic-bezier(0.25,1,0.5,1);}
img.img-text-iot:nth-of-type(2) {transition-delay: .5s}
img.img-text-iot:nth-of-type(3) {transition-delay: 1s}
img.img-text-iot:nth-of-type(4) {transition-delay: 1.5s}
img.img-text-iot:nth-of-type(5) {transition-delay: 2s}
img.img-text-iot:nth-of-type(6) {transition-delay: 2.5s}
img.img-text-iot:nth-of-type(7) {transition-delay: 3s}
.col[data-animated="true"] img.img-text-iot {clip-path: circle(50%);}





/* BOTONES */
a.button.reveal-icon { min-height: 50px; line-height: 2.7; padding: 0 2em 0 3.6em; border: none;}
a.button.reveal-icon::before { content: ''; width: 50px; height: 100%; display: block; position: absolute; border-radius: 50px; left: 0; transition: width .8s cubic-bezier(.86,0,.07,1),background-color 2s cubic-bezier(.86,0,.07,1),box-shadow 2s cubic-bezier(.86,0,.07,1); /* width: 100%; */ z-index: 0; mix-blend-mode: lighten; bottom: 0;}
a.button.reveal-icon.primary::before { background-color: #4e4c4c;}
a.button.reveal-icon.secondary::before {background-color: #3B7AC9;}
a.button.secondary.reveal-icon { background-color: #407ec947;}
a.button.reveal-icon:hover::before, a.button.is-small.reveal-icon:hover::before { width: 100%;}
a.button.reveal-icon i { position: absolute; top: 50%; transform: translateY(-50%); left: 20px;opacity: 1; transition: .5s ease}
a.button.reveal-icon:hover i {left:25px}
.reveal-icon i+span { transform: unset;}
.button.reveal-icon:hover { box-shadow: none;}
a.button.is-small.reveal-icon { min-height: 42px;}
a.button.is-small.reveal-icon::before { height: 42px; width: 42px; top: 0;}
a.button.is-small.reveal-icon i { left: 16px;}
.btn-anim:before { content: ""; position: absolute; top: -2px; left: -15px; display: block; border-radius: 28px; background: rgba(255, 215, 0, 0.4); width: 46px; height: 46px; transition: all 0.3s ease; z-index: 0; mix-blend-mode: darken;}
.btn-anim.is-large:before { width: 52px; height: 52px;}
.btn-anim.is-larger:before { width: 60px; height: 60px;}
.btn-anim:hover:before { width: calc(100% + 36px); background: rgba(255, 215, 0, 0.7);}
.btn-anim i.icon-angle-right { transition: .2s;}
.btn-anim:hover i.icon-angle-right { transform: translateX(4px);}
a.button.light { font-weight: 400;}
a.button.left-button { display: flex; align-items: end; justify-content: space-between;}
a.button.yellow-hover:hover {color: #ebc600}
a.button.yellow-hover {transition: all .2s}

/* FLYOUT */
.flyout-close-button, .flyout-edit-button { margin: 30px!important; border-radius: 50%; background: #C21B36; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.flyout-close-button svg, .flyout-edit-button svg {fill:black; width: 18px!important;  height: 18px!important;}
div#flyout-content-id-952 {height: 100vh; bottom: -100vh;}
.flyout-trigger-id-952.flyout-trigger.trigger-bottom.trigger-image {bottom: 20px; border-radius: 50%; background: #C21B36; padding: 15px; right: 20px; box-shadow:0 3px 6px rgba(0,0,0,0.16); left: unset!important;}
.flyout-trigger-id-952.flyout-trigger.trigger-bottom.trigger-image:hover {opacity:.8}
.flyout-trigger-id-952.flyout-trigger.trigger-bottom.trigger-image img {width: 40px; height:40px}
.flyout-content.slide { padding: 0;}
.ayuda-section .section-content { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 30px 0;}
.col.padding-base > .col-inner, .padding-base-div{ padding: 25px}
.icon-boton { padding-top: 4em;}
.icon-boton .icon-box-img { margin-bottom: 1.5em;}





/* WPML */

ul:not(.nav-sidebar) > .menu-item.wpml-ls-item { background-color: #ffffff2b; margin: 0;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item:hover { background-color: #ffffff47;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item.wpml-ls-current-language { background-color: #ffffffe6;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item:not(:last-child){ border-radius: 50px 0 0 50px; padding-left: 3px; margin-left: 15px;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item:last-child { border-radius: 0 50px 50px 0; padding-right: 3px;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item > a { font-size: .9em; line-height: unset!important; margin: 0 0.7em; padding: 5px 0;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item:not(.wpml-ls-current-language) > a { font-weight: 400;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item.wpml-ls-current-language > a { color: #2d2926;}
#header:not(.transparent) ul:not(.nav-sidebar) > .menu-item.wpml-ls-item.wpml-ls-current-language { background-color: #ffd700;}
#header:not(.transparent) ul:not(.nav-sidebar) > .menu-item.wpml-ls-item:not(.wpml-ls-current-language) { background-color: #ffd70059;}ul.nav-sidebar li.wpml-ls-item-es {width: 50%; margin-left: 0;}
ul.nav-sidebar li.wpml-ls-item-en { margin: -51px 0 0 50%; width: 50%;}
ul.nav-sidebar > li.menu-item:not(.wpml-ls-item) { font-size: 115%;}
ul.nav-sidebar { align-items: flex-start;}
ul.nav-sidebar li.wpml-ls-item > a { padding-left: 0!important; justify-content: center;}
ul.nav-sidebar .menu-item.wpml-ls-item.wpml-ls-current-language { background-color: #ffffff26;}



/* COOKIES */



#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { min-height: 100vh!important; display: flex; justify-content: center; align-items: flex-end; border-top: none!important; background-color: #000000bf!important; padding-bottom: 30px;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 15px 15px 15px 20px!important; width: 100%; display: flex!important; align-items: center; background-color: white; max-width: 580px; bottom: 10px; border-radius: 55px;}
.moove-gdpr-info-bar-content { padding: 0!important;}
button.mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0 { font-family: 'Montserrat', sans-serif!important; font-weight: bold!important;}
aside#moove_gdpr_cookie_info_bar img { width: 50px; -webkit-animation: cookie-rotate 2.6s ease-in-out; -webkit-animation-iteration-count: infinite;}
.moove-gdpr-cookie-notice { display: flex; align-items: center;}
.moove-gdpr-cookie-notice > p:first-child { margin-right: 1em!important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding-left: 1em!important;}
.moove-gdpr-cookie-notice > p:last-child { font-size: .8em!important;}




/* FORMS */

.dark input[type='email'], .dark input[type='date'], .dark input[type='number'], .dark input[type='text'], .dark input[type='tel'], .dark input[type='url'], .dark input[type='password'], .dark textarea, .dark select, .dark .select-resize-ghost, .dark .select2-container .select2-choice, .dark .select2-container .select2-selection { background-color: #ffffff1c; border: none;    color: white;}

input[type='email'], input[type='date'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection { border-radius: 0px; box-shadow: none;padding: 8px 0!important;font-size: 1em!important; border-width: 0 0 2px 0; border-color: #2D2926;}

input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { box-shadow: none; background-color: #ffffff47;}
.dark .gform_body ::placeholder { color: white;}
.gfield_consent_label { font-weight: 400;}
input.gform_button { border-radius: 50px; padding: 0 3em; font-family: 'Montserrat', sans-serif;}
p.gform_required_legend { display: none;}
form#gform_1 .gform_footer.top_label { justify-content: end;}
input#gform_submit_button_1 { margin-right: 0; color: #2d2926; text-transform: unset; letter-spacing: 0;}
label.gfield_consent_label > a { color: #222; text-decoration: underline;}



/* ANIMACIONES */
.divider-anim .divider {width: 0; transition: 1.8s cubic-bezier(0.25,1,0.5,1);}
.col.divider-anim[data-animated="true"]  .divider{width: 66%;}
[data-animate=flipInY], .slider [data-animate=flipInY], [data-animate=flipInX], .slider [data-animate=flipInX] { -webkit-transform: unset; transform: unset;}
[data-animate=flipInX] {opacity:1!important}
.delay-05s { transition-delay: .5s;}
.delay-1s { transition-delay: 1s;}
@keyframes looped_rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes scrolling-text-animation{from{transform:translateX(-20%) translateZ(0)}to{transform:translateX(-500%) translateZ(0)}}
@-webkit-keyframes cookie-rotate { 0% {transform: rotate(0deg);} 60% {transform: rotate(360deg);} 100% {transform: rotate(360deg);}}
@keyframes animation-button-before {0% {width: 50px} 50% {width: 100%} 100% {width: 50px}}
a.button.reveal-icon[data-scroll="in"]:before {animation: animation-button-before 2s cubic-bezier(.86,0,.07,1); animation-delay: .5s }
.banner-animado .banner-bg.fill{height:0!important; transition: height 1.5s ease-in-out}
.col[data-animated="true"] .banner-animado .banner-bg.fill {height: 120%!important;}

/* Animacion texto v1 */
.op-0:not(.anim-2) {opacity: 0}
.splitting[data-scroll=out]:not(.anim-2) .char, form#gform_1[data-scroll=out] .gfield, .timeline h3[data-scroll=out], .content-caracteristicas-prod h3[data-scroll=out], h1.product-title[data-scroll=out], .product-short-description > p[data-scroll=out] {
  opacity: 0.1;
  transform: translateY(0.25em);
}
.splitting[data-scroll=in]:not(.anim-2) .char, form#gform_1[data-scroll=in] .gfield, .timeline h3[data-scroll=in], .content-caracteristicas-prod h3[data-scroll=in], h1.product-title[data-scroll=in], .product-short-description > p[data-scroll=in] {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc( 20ms * var(--char-index) + 500ms );
}
form#gform_1 .gfield:nth-child(2), li.bullet-arrow:nth-child(2), .timeline .flickity-slider > .row:nth-child(2) h3 {transition-delay: .1s}
form#gform_1 .gfield:nth-child(3), li.bullet-arrow:nth-child(3), .timeline .flickity-slider > .row:nth-child(3) h3 {transition-delay: .2s}
form#gform_1 .gfield:nth-child(4), li.bullet-arrow:nth-child(4), .timeline .flickity-slider > .row:nth-child(4) h3 {transition-delay: .3s}
form#gform_1 .gfield:nth-child(5), li.bullet-arrow:nth-child(5), .timeline .flickity-slider > .row:nth-child(5) h3 {transition-delay: .4s}
form#gform_1 .gfield:nth-child(6), li.bullet-arrow:nth-child(6), .timeline .flickity-slider > .row:nth-child(6) h3 {transition-delay: .5s}
form#gform_1 .gfield:nth-child(7), li.bullet-arrow:nth-child(7), .timeline .flickity-slider > .row:nth-child(7) h3 {transition-delay: .6s}
form#gform_1 .gfield:nth-child(8), li.bullet-arrow:nth-child(8), .timeline .flickity-slider > .row:nth-child(8) h3 {transition-delay: .7s}
form#gform_1 .gfield:nth-child(9), li.bullet-arrow:nth-child(9), .timeline .flickity-slider > .row:nth-child(9) h3 {transition-delay: .8s}

/* Animacion texto v2 */
.anim-2.splitting[data-scroll=in] .char {
  animation: slide-in-char 1s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(3ms * var(--char-index) + 500ms );
}
.anim-2.slow.splitting[data-scroll=in] .char { animation-delay: calc(20ms * var(--char-index) + 1000ms );}
.anim-2.intermediate.splitting[data-scroll=in] .char { animation-delay: calc(10ms * var(--char-index) + 500ms );}

.anim-2.splitting[data-scroll=out] .char {
    opacity: 0
} 
@keyframes slide-in-char { from { transform: translateY(1.5em); opacity: 0; }}


/* Animacion BLOCKS */
.text--blocks[data-scroll='out'] .char {
  visibility: hidden;
}
.text--blocks[data-scroll='in'] {
  overflow: hidden;
  position: relative;
}
.text--blocks[data-scroll='in'] .char {
  transition-delay: 0.5s;
}
.text--blocks[data-scroll='in']:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFD700;
  -webkit-animation: block 1.2s 0.25s both;
          animation: block 1.2s 0.25s both;
}
@-webkit-keyframes block {
  0% {
    transform: translate(-110%, 0);
  }
  45%, 55% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(110%, 0);
  }
}
@keyframes block {
  0% {
    transform: translate(-110%, 0);
  }
  45%, 55% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(110%, 0);
  }
}

.text--blocks {
    display: inline-block;
    width: auto;
}




/* ANIMACIONES SVG */

/* OPACITY */
@-webkit-keyframes opacity-anim{ 0%{ opacity:1;} 50%{ opacity:0; }100%{opacity:1;}}
@-moz-keyframes opacity-anim{ 0%{ opacity:1;} 50%{ opacity:0; }100%{opacity:1;}}
@-o-keyframes opacity-anim{ 0%{ opacity:1;} 50%{ opacity:0; }100%{opacity:1;}}
@-ms-keyframes opacity-anim{ 0%{ opacity:1;} 50%{ opacity:0; }100%{opacity:1;}}
@keyframes opacity-anim{ 0%{ opacity:1;} 50%{ opacity:0; }100%{opacity:1;}}

.animation-opacity {  -webkit-animation:2s opacity-anim infinite linear; -moz-animation:2s opacity-anim infinite linear; -o-animation:2s opacity-anim infinite linear; -ms-animation:2s opacity-anim infinite linear; animation:2s opacity-anim infinite linear;}

/* UP & DOWN */
@-webkit-keyframes up-down{ 0%{ transform: translateY(0);} 50%{ transform: translateY(8px); }100%{transform: translateY(0);}}
@-moz-keyframes up-down{ 0%{ transform: translateY(0);} 50%{ transform: translateY(8px); }100%{transform: translateY(0);}}
@-o-keyframes up-down{ 0%{ transform: translateY(0);} 50%{ transform: translateY(8px); }100%{transform: translateY(0);}}
@-ms-keyframes up-down{ 0%{ transform: translateY(0);} 50%{ transform: translateY(8px); }100%{transform: translateY(0);}}
@keyframes up-down{ 0%{ transform: translateY(0);} 50%{ transform: translateY(8px); }100%{transform: translateY(0);}}

.animation-up-down {  -webkit-animation:2s up-down infinite linear; -moz-animation:2s up-down infinite linear; -o-animation:2s up-down infinite linear; -ms-animation:2s up-down infinite linear; animation:2s up-down infinite linear;}


/* ROTATE */
@-webkit-keyframes rotate-anim{ from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
@-moz-keyframes rotate-anim{ from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
@-o-keyframes rotate-anim{ from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
@-ms-keyframes rotate-anim{ from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
@keyframes rotate-anim{ from { transform: rotate(0deg); } to { transform: rotate(360deg); }}

.animation-rotate { -webkit-animation:4s rotate-anim infinite linear; -moz-animation:4s rotate-anim infinite linear; -o-animation:4s rotate-anim infinite linear; -ms-animation:4s rotate-anim infinite linear; animation:4s rotate-anim infinite linear; transform-origin: center; transform-box: fill-box;}


/* ROTATE ANTENA */
@-webkit-keyframes rotate-antena-anim{ 0% { transform: rotate(0deg) } 50% { transform: rotate(50deg) } 100% { transform: rotate(0deg) }}
@-moz-keyframes rotate-antena-anim{ 0% { transform: rotate(0deg) } 50% { transform: rotate(50deg) } 100% { transform: rotate(0deg) }}
@-o-keyframes rotate-antena-anim{ 0% { transform: rotate(0deg) } 50% { transform: rotate(50deg) } 100% { transform: rotate(0deg) }}
@-ms-keyframes rotate-antena-anim{ 0% { transform: rotate(0deg) } 50% { transform: rotate(50deg) } 100% { transform: rotate(0deg) }}
@keyframes rotate-antena-anim{ 0% { transform: rotate(0deg) } 50% { transform: rotate(50deg) } 100% { transform: rotate(0deg) }}

.animation-antena-rotate { -webkit-animation:4s rotate-antena-anim infinite linear; -moz-animation:4s rotate-antena-anim infinite linear; -o-animation:4s rotate-antena-anim infinite linear; -ms-animation:4s rotate-antena-anim infinite linear; animation:4s rotate-antena-anim infinite linear; transform-origin: center; transform-box: fill-box;}



/* OPACITY STEPS */
@-webkit-keyframes opacity-anim-1 { 0% { opacity: 1 } 50%, 100% { opacity: .3 }}
@-moz-keyframes opacity-anim-1 { 0% { opacity: 1 } 50%, 100% { opacity: .3 }}
@-o-keyframes opacity-anim-1 { 0% { opacity: 1 } 50%, 100% { opacity: .3 }}
@-ms-keyframes opacity-anim-1 { 0% { opacity: 1 } 50%, 100% { opacity: .3 }}
@keyframes opacity-anim-1 { 0% { opacity: 1 } 50%, 100% { opacity: .3 }}

@-webkit-keyframes opacity-anim-2 { 50% { opacity: 1 } 0%, 100% { opacity: .3 }}
@-moz-keyframes opacity-anim-2 { 50% { opacity: 1 } 0%, 100% { opacity: .3 }}
@-o-keyframes opacity-anim-2 { 50% { opacity: 1 } 0%, 100% { opacity: .3 }}
@-ms-keyframes opacity-anim-2 { 50% { opacity: 1 } 0%, 100% { opacity: .3 }}
@keyframes opacity-anim-2 { 50% { opacity: 1 } 0%, 100% { opacity: .3 }}

@-webkit-keyframes opacity-anim-3 { 100% { opacity: 1 } 0%, 50% { opacity: .3 }}
@-moz-keyframes opacity-anim-3 { 100% { opacity: 1 } 0%, 50% { opacity: .3 }}
@-o-keyframes opacity-anim-3 { 100% { opacity: 1 } 0%, 50% { opacity: .3 }}
@-ms-keyframes opacity-anim-3 { 100% { opacity: 1 } 0%, 50% { opacity: .3 }}
@keyframes opacity-anim-3 { 100% { opacity: 1 } 0%, 50% { opacity: .3 }}

.animation-opacity-1 { animation:2s opacity-anim-1 infinite linear;}
.animation-opacity-2 { animation:2s opacity-anim-2 infinite linear;}
.animation-opacity-3 { animation:2s opacity-anim-3 infinite linear;}


/* Animaciones mapa delegaciones */
.mapa-delegaciones path.path-obremo { transition: opacity 1s}
.col-mapa-delegaciones[data-scroll="out"] .mapa-delegaciones path.path-obremo { opacity: 0;}
.col-mapa-delegaciones[data-scroll="in"] .mapa-delegaciones path.path-obremo { opacity: 1;}


/* PC Portátil mediano */
@media only screen and (max-width: 1366px) {
    
    .container-width, .full-width .ubermenu-nav, .container, body .row { max-width: 1300px;}
    body { font-size: 108%;}
    .hero-home h1 { font-size: 3.6rem;}
    .hero-home p.lead { font-size: 1.7rem;}
    .h1-size {font-size: 3.5em;}
    .h2-size-l { font-size: 3.1rem;}
    .h2-size { font-size: 2.5rem;}
    .h3-size-l {font-size: 2.1rem;}
    .h3-size { font-size: 1.8rem;}
    .h4-size {font-size: 1.5rem;}
    .h5-size {font-size: 1.2rem;}
    p.lead, a.lead, ul.lead { font-size: 1.2em;}
    .slider-home .text-box:before {height: 100px}
    .slider-home ol.flickity-page-dots { left: calc(50vw - 645px); bottom: 210px;}
    .slider-home .flickity-prev-next-button { top: 54%;}
    .slider-home .flickity-prev-next-button.next { right: calc(50vw - 643px);}
    .slider-home .flickity-prev-next-button.previous { right: calc(50vw - 590px);}
    .megamenu-areas .icon-box-img { width: 80px!important;}
    .megamenu-areas h5 { font-size: 85%;}
    .mask-angled-large { -webkit-clip-path: polygon(0 calc(0% + 95px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 95px), 100% 0, 100% 100%, 0 100%);}
    .slider-home { margin-bottom: -230px!important;}
}




/* PC Portátil pequeño */
@media only screen and (max-width: 1290px) {
    
    .container-width, .full-width .ubermenu-nav, .container, body .row { max-width: 1200px;}
    body { font-size: 105%;}
    .hero-home h1 { font-size: 3.5rem;}
    .hero-home p.lead { font-size: 1.6rem;}
    .h1-size {font-size: 3.3em;}
    .h2-size-l { font-size: 3rem;}
    .h2-size { font-size: 2.5rem;}
    .h3-size-l {font-size: 2rem;}
    .h3-size { font-size: 1.7rem;}
    .h4-size {font-size: 1.4rem;}
    .h5-size {font-size: 1.15rem;}
    p.lead, a.lead, ul.lead { font-size: 1.18em;}
    .slider-home .text-box:before {height: 90px}
    .slider-home .flickity-prev-next-button.next{ right: calc(50vw - 598px);}
    .slider-home .flickity-prev-next-button.previous { right: calc(50vw - 547px);}
    .slider-home ol.flickity-page-dots { left: calc(50vw - 605px);}
    .mask-angled-large { -webkit-clip-path: polygon(0 calc(0% + 90px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 90px), 100% 0, 100% 100%, 0 100%);}
    
}


/* Tablet */
@media (max-width: 849px) {
    
    .h1-size {font-size: 2.8em;}
    .is-full-height { height: auto;}
    .no-br-tablet br { display: none;}
    .header-wrapper:not(.stuck) div#logo { margin-top: inherit!important;}
    .slider-home .text-box:before {height: 70px}
    .slider-home .flickity-prev-next-button.previous { right: 10%;}
    .slider-home .flickity-prev-next-button.next { right: 4%;}
    .slider-home .flickity-prev-next-button { top: 77%;}
    .slider-home ol.flickity-page-dots { left: 5%;}
    .banner-servicio-home .text-box.banner-layer { min-width: unset;}
    .banner-servicio-home { min-height: unset;}
    .mask-angled-large { -webkit-clip-path: polygon(0 calc(0% + 70px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 70px), 100% 0, 100% 100%, 0 100%);}
    .banner-servicio-home .banner-layers > .text-box > .text-box-content { min-height: 300px;}
    .cifras-home > h2 { font-size: 2.2em;}
    .cifras-home > p { font-size: 1.15em;}
    .row-align-center-tablet { justify-content: center!important;}
    body .timeline-img { width: 2100px; max-width: 2100px;}
    .sidebar-menu .nav > li > a { color: #232323;}
    .sidebar-menu li.html.custom.html_topbar_left { display: block;}
    .sidebar-menu li.html.custom.html_topbar_left > a { padding-left: 0; font-size: 1em;}
    .sidebar-menu li.html.custom.html_topbar_left > a > i { margin-right: 10px;}
    .sidebar-menu .social-icons.follow-icons > a { color: #222; border: 2px solid #222; border-radius: 50%; height: 40px; min-width: 40px; font-size: 20px; padding: 5px; margin-left: 0; display: flex; align-items: center; justify-content: center;}
    
}


/* Movil */
@media (max-width: 549px) {
    
    .header-inner.flex-row.container.logo-left { padding: 0 15px;}
    .hero-home h1 { font-size: 2.1rem;}
    .hero-home p.lead { font-size: 1.4rem;}
    .hero-home p.lead { font-size: 1.4rem;}
    .h1-size {font-size: 2.8em;}
    .h2-size-l { font-size: 2.5rem;}
    .h2-size { font-size: 2.1rem;}
    .h3-size-l {font-size: 1.7rem;}
    .h3-size { font-size: 1.4rem;}
    .h4-size {font-size: 1.2rem;}
    .h5-size {font-size: 1.1rem;}
    p.lead, a.lead, ul.lead { font-size: 1.15em;}
    .hero-case h1 { font-size: 2.5em;}
    .hero-case h2 { font-size: 1.8em;}
    .banner h1 { font-size: 1.4em;}
    .slider-home .text-box:before {height: 40px}
    .slider-home ol.flickity-page-dots { bottom: 190px; transform: scale(.8); left: 3%;}
    .banner-servicio-home .banner-bg > .is-border { border-width: 0!important}
    .section.section-footer-2:before { width: 100%; height: 75%; top: 0; clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);}
    .section.section-footer-2 > .bg.section-bg { width: 100%; transform: unset;}
    .no-br-mobile br { display: none;}
    .stack-mobile { overflow: scroll; flex-flow: nowrap; width: calc(100% + 15px); padding-right: 15px; padding-bottom: 14px}
    .cifras-home > h2 { font-size: 2em;}
    .cifras-home > p { font-size: 1em;}
    .cifras-home br { display:none}
    .stack-mobile::-webkit-scrollbar { height: 4px; width: 0px; background: #d4d4d4;}
    .stack-mobile::-webkit-scrollbar-thumb:horizontal { background: #2d2926; border-radius: 0;}
    .mask-angled-large { -webkit-clip-path: polygon(0 calc(0% + 40px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 40px), 100% 0, 100% 100%, 0 100%);}
    .slider-home { margin-bottom: -170px!important;}
    .banner-servicio-home .banner-layers > .text-box > .text-box-content { min-height: unset;}
    .center-mobile > .col-inner {text-align: center}
    .left-mobile > .col-inner {text-align: left}
    .center-mobile > .col-inner > .img {margin:auto}
    .left-mobile > .col-inner > .img {margin-left:0}
    .stack.stack-3 { flex-flow: unset;}
    .stack.stack-3 > div { max-width: unset; flex-basis: unset; padding: 0;}
    .icon-box-illustration-support .icon-box-img { max-width: 80px;}
    .icon-box-illustration-support { align-items: flex-start!important;}
    .icon-box-mobile-60 .icon-box-img { max-width: 60px;}
    .icon-box-mobile-80 .icon-box-img { max-width: 80px;}
    span.mobile-is-small { font-size: .8em;}
    body .timeline-img { width: 1500px; max-width: 1500px;}
    .timeline-graf { padding: 10px 0px 40px;}
    body .mCSB_buttonLeft { left: -40px!important; transform: rotate(180deg);}
    body .mCSB_buttonLeft, body .mCSB_buttonRight {display: none!important}
    ul#menu-menu-categorias-blog { justify-content: left; gap: 1em; overflow-x: scroll;}
    ul#menu-menu-categorias-blog > li > a { white-space: nowrap;}
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { max-width: 90%; padding: 10px!important; border-radius: 20px;}
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding-left: 0!important; justify-content: center!important;}
    .moove-gdpr-cookie-notice { font-size: 92%;}
    .moove-gdpr-info-bar-content { text-align: center;}
    .btn-anim.is-large:before { width: 46px; height: 46px;}
    .banner-servicio-home .text-box.banner-layer > .text-box-content { background-color: rgb(255 215 0 / 93%)!important;}
    svg.mapa-delegaciones { max-height: 400px;}
    .banner-servicio-home .text-box.banner-layer:before { width: 20px; height: 20px; right: 10px; bottom: 10px;}
    .banner-servicio-home .text-box.banner-layer:after { width: 55px; height: 55px;}
    .autocomplete-suggestions { font-size: 85%;}
    
}