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



/* HEADER */
.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; color: rgba(255,255,255,.9);}
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 { background-color: transparent;}
body.page-template-page-transparent-header-light div#top-bar li.html.custom { color: white;}


/* 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;}
ul.check-blue li:before { content: ''!important; background-image: url(https://iotsens.com/wp-content/uploads/2022/05/check-blue.svg); width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; top: 12px;}
.absolute-footer { display: none;}
.check-blue > li.bullet-arrow { padding-bottom: 20px;}
.res-text { font-size: unset;}
.no-ls, .no-ls > span { letter-spacing: 0!important;}







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




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




/* 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: #ffffff47;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item-es{ border-radius: 50px 0 0 50px; padding-left: 3px; margin-left: 15px;}
ul:not(.nav-sidebar) > .menu-item.wpml-ls-item-en { 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.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: baseline;}
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 { border-top: none!important; max-width: 580px; bottom: 10px; left: 50%; transform: translateX(-50%); border-radius: 55px; box-shadow: 0 2px 4px #00000024;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 15px 15px 15px 20px!important;}
.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;}
button.change-settings-button { margin: 0; transform: translateY(-2px);} */



/* FORMS */

.dark input[type='email'], .dark input[type='date'], input[type='search'], .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='search'], 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 14px!important;font-size: 1em!important;}

input[type=email]:focus, input[type=search]: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;}



/* 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-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_3[data-scroll=out] .gfield, li.bullet-arrow[data-scroll=out], .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_3[data-scroll=in] .gfield, li.bullet-arrow[data-scroll=in], .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_3 .gfield:nth-child(2), li.bullet-arrow:nth-child(2), .timeline .flickity-slider > .row:nth-child(2) h3 {transition-delay: .1s}
form#gform_3 .gfield:nth-child(3), li.bullet-arrow:nth-child(3), .timeline .flickity-slider > .row:nth-child(3) h3 {transition-delay: .2s}
form#gform_3 .gfield:nth-child(4), li.bullet-arrow:nth-child(4), .timeline .flickity-slider > .row:nth-child(4) h3 {transition-delay: .3s}
form#gform_3 .gfield:nth-child(5), li.bullet-arrow:nth-child(5), .timeline .flickity-slider > .row:nth-child(5) h3 {transition-delay: .4s}
form#gform_3 .gfield:nth-child(6), li.bullet-arrow:nth-child(6), .timeline .flickity-slider > .row:nth-child(6) h3 {transition-delay: .5s}
form#gform_3 .gfield:nth-child(7), li.bullet-arrow:nth-child(7), .timeline .flickity-slider > .row:nth-child(7) h3 {transition-delay: .6s}
form#gform_3 .gfield:nth-child(8), li.bullet-arrow:nth-child(8), .timeline .flickity-slider > .row:nth-child(8) h3 {transition-delay: .7s}
form#gform_3 .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; }}


/* PORTATIL HASTA TABLET */

@media only screen and (max-width: 1366px) and (min-width: 850px) {
    
    .fs-laptop-0-9 {font-size: 0.9rem!important}
    .fs-laptop-0-95 {font-size: 0.95rem!important}
    .fs-laptop-1 {font-size: 1rem!important}
    .fs-laptop-1-1 {font-size: 1.1rem!important}
    .fs-laptop-1-2 {font-size: 1.2rem!important}
    .fs-laptop-1-3 {font-size: 1.3rem!important}
    .fs-laptop-1-4 {font-size: 1.4rem!important}
    .fs-laptop-1-5 {font-size: 1.5rem!important}
    .fs-laptop-1-6 {font-size: 1.6rem!important}
    .fs-laptop-1-7 {font-size: 1.7rem!important}
    .fs-laptop-1-8 {font-size: 1.8rem!important}
    .fs-laptop-1-9 {font-size: 1.9rem!important}
    .fs-laptop-2 {font-size: 2rem!important}
    .fs-laptop-2-1 {font-size: 2.1rem!important}
    .fs-laptop-2-3 {font-size: 2.3rem!important}
    .fs-laptop-2-6 {font-size: 2.6rem!important}
    .fs-laptop-3 {font-size: 3rem!important}
    .title-cabecera {font-size: 2.6rem;}
    div#masthead { font-size: 95%;}
    
    
}


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




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


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


/* Movil */
@media (max-width: 549px) {
    
    .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;}
    #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { border-radius: 0; bottom: 0;}
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 15px!important;}
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding-left: 0!important;}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice { margin-bottom: 4px;}
    body.page-template-page-transparent-header-light .header-wrapper:not(.stuck) div#logo { margin-top: 0;}
    .transparent .header-main { height: 75px!important;}
    body.page-template-page-transparent-header-light div#top-bar > .flex-row.container { margin-bottom: 0; margin-top: 0;}
    #logo { width: 180px!important;}
    body .header.show-on-scroll, body .stuck .header-main { height: 65px!important;}
    
}