/*
Theme Name: IUNIQ - v1
Theme URI: https://www.nextlevel.es
Author: NextLevel
Description: ---
Version: 1.0
Text Domain: this-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

.fnt-montserrat { font-family: 'Montserrat', sans-serif; }

/* */
body { font-size: 1rem; line-height: 1.13; font-family: 'Montserrat', sans-serif; font-weight: 300; color: #434343; background-color: #fff; }

strong, b { font-weight: 700; }

p,
.margin-p { margin-bottom: 1.7rem; }
	p:last-child,
	.margin-p:last-child { margin-bottom: 0 !important; }

a { text-decoration: none; color: #92ff44; border-bottom: 2px solid #92ff44; }
	a:hover { text-decoration: none; color: #92ff44; border-bottom-color: #92ff44; }

.btn.focus, .btn:focus { box-shadow: none; }

@media (min-width: 1400px) {
	.container { max-width: 1140px; }
}

/* */
.animate-all { -webkit-transition: all .5s; /* Safari prior 6.1 */ transition: all .5s; }
	.animate-all * { -webkit-transition: all .5s; /* Safari prior 6.1 */ transition: all .5s; }

.o-transition { -webkit-transition: opacity .5s ease-in-out; /* Safari prior 6.1 */ transition: opacity .5s ease-in-out; }
.o-visible { opacity: 1 !important; }
.o-invisible { opacity: 0 !important; }

.d-transition { -webkit-transition: display .5s ease-in-out; /* Safari prior 6.1 */ transition: display .5s ease-in-out; }
.d-visible { display: inherit !important; }
.d-invisible { display: none !important; }

.is-transitioning { pointer-events: none; cursor: progress; }

[class^="icon-"], [class*=" icon-"] { vertical-align: middle; -webkit-font-smoothing: antialiased; display: inline-block; }
.icon-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; }
.icon-xs { font-size: .75em; }
.icon-sm { font-size: .875em; }
.icon-1x { font-size: 1em; }
.icon-2x { font-size: 2em; }
.icon-3x { font-size: 3em; }
.icon-4x { font-size: 4em; }
.icon-5x { font-size: 5em; }
.icon-6x { font-size: 6em; }
.icon-7x { font-size: 7em; }
.icon-8x { font-size: 8em; }
.icon-9x { font-size: 9em; }
.icon-10x { font-size: 10em; }

/* OWL */
.owl-carousel { padding: 0; }

	.owl-carousel .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin-top: -25.5px; height: 55px; }
		@media ( max-width: 768px ) { .owl-carousel .owl-nav { position: relative; top: auto; margin-top: 0; } }
		.owl-theme .owl-nav [class*=owl-] { position: absolute; top: 0; left: 0; width: auto; height: 100%; text-align: left; background-color: transparent; color: #000; outline: none; margin: 0; padding: 0; border-radius: 0; opacity: 1; }
			@media ( max-width: 768px ) { .owl-theme .owl-nav [class*=owl-] { width: 50%; text-align: center; } }
			.owl-theme .owl-nav [class*=owl-] .icon { font-size: 1.8rem; margin: 0; color: #0F5898; background: #fff; padding: .8rem; border-radius: 0; }
				@media ( max-width: 768px ) { .owl-theme .owl-nav [class*=owl-] .icon { width: 100%; } }

			.owl-carousel .owl-nav .owl-prev { left: 0; right: auto; }
			.owl-carousel .owl-nav .owl-next { left: auto; right: 0; }

			.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; color: #000; outline: none; }
				.owl-theme .owl-nav [class*=owl-]:hover .icon { background-color: #00AEC7; color: #fff; }

	.owl-carousel .owl-dots { margin: 1rem 0 0; }
		@media ( max-width: 768px ) {
			.owl-carousel .owl-dots { display: none; }
		}
		.owl-carousel .owl-dots .owl-dot { vertical-align: middle; }
			.owl-carousel .owl-dots .owl-dot span { background-color: #d0d0d0; width: 12px; height: 12px; border: 3px solid #fff; margin: 0 4px; }
				.owl-carousel .owl-dots .owl-dot.active span { background-color: #00AEC7; border-color: #00AEC7; }

	.owl-carousel .owl-stage { display: flex !important; }
	.owl-carousel .owl-item .owl-slide { width: 100%; height: 100%; object-fit: cover; max-width: initial; }


/* Carousel */
.carousel-indicators { position: relative; display: flex; align-items: center; justify-content: center; margin-top: .5rem; }
    .carousel-indicators li { width: 22px; height: 22px; border-radius: 50%; border: 4px solid #92ff44; background: none; opacity: 1; }
        .carousel-indicators li:hover,
        .carousel-indicators li.active { background-color: #92ff44; opacity: 1; }

.carousel-control-next,
.carousel-control-prev { width: 23px; height: 33px; margin: -17px 1rem 0; opacity: 1; background: url(images/ico-flecha.png) no-repeat left top; top: 50%; }

	.carousel-control-next:hover,
	.carousel-control-prev:hover { background-position: left bottom; }

	.carousel-control-next { background-position: right top; }
		.carousel-control-next:hover { background-position: right bottom; }


/* Modales */
.modal-backdrop { background-color: #fff; opacity: 1; }
	.modal-backdrop.fade { opacity: 1; }
	.modal-backdrop.show { opacity: 1; }

.modal {  }
	.modal .modal-content { border-radius: 0; border: 0 none; box-shadow: 0 0 6px 0 #0e0e0e; }
	.modal .modal-body {  }
		.modal .modal-body h2.modal-title { font-size: 2.25rem; color: #296B8B; margin-top: 0; margin-bottom: 2rem; }
	.modal .close { font-size: 2.5rem; z-index: 1020; opacity: 1; }
		.modal .close:hover { opacity: 1; }

	.modal .modal-full { min-width: 100vw; }
		.modal .modal-full .modal-content { min-height: 100vh; box-shadow: none; }

	.modal .modal-fullw { min-width: 100vw; }

	.modal-hide { }
		.modal .modal-hide { display: none; }
	.modal-view { display: none; }
		.modal .modal-view { display: initial; }

.modal.ekko-lightbox { }
	.modal.ekko-lightbox .modal-header { position: absolute; z-index: 1; right: 0; top: 0; border-bottom: 0 none; }
	.modal.ekko-lightbox .modal-body { padding: 1rem; }
		.modal.ekko-lightbox .modal-body .ekko-lightbox-nav-overlay { top: 50%; height: auto; }
			.modal.ekko-lightbox .modal-body .ekko-lightbox-nav-overlay a { opacity: 1; text-decoration: none; justify-content: flex-start; }
				.modal.ekko-lightbox .modal-body .ekko-lightbox-nav-overlay a:last-child { text-align: right; justify-content: flex-end; }
					.modal.ekko-lightbox .modal-body .ekko-lightbox-nav-overlay a .icon { font-size: 1.8rem; margin: 0; color: #fff; background: #e4e4e4; padding: .8rem; flex-grow: 0; }
						.modal.ekko-lightbox .modal-body .ekko-lightbox-nav-overlay a:hover .icon { background-color: #0cb99e; }

/* Formulario */
.wpcf7 { }
	.wpcf7 .ajax-loader { position: absolute; }
	.wpcf7 label { color: #000; font-size: 1.2rem; }
	.wpcf7 .form-control { font-size: .75rem; padding: .77rem .7rem; border: none; border-bottom: 1px solid #be6967; border-radius: 0; background-color: transparent; color: #000; height: auto; }
		.wpcf7 textarea.form-control { border: 1px solid #be6967; padding: .4rem 1.2rem; }

	.wpcf7 .wpcf7-submit { font-size: 1.15rem; padding: .8rem 3.1rem; background-color: #be6967; color: #fff; border: 1px solid #be6967; border-radius: 2rem; }
		.wpcf7 .wpcf7-submit:hover { background-color: #be6967; color: #fff; border-color: #be6967; }
	.wpcf7 .small { font-size: .85rem; }
		.wpcf7 .small label { font-size: .85rem; font-weight: 300; }
	.wpcf7 .small-lopd { font-size: .85rem; color: #afafaf; }

	.wpcf7 span.wpcf7-list-item { margin-left: 1.5rem; }
		.wpcf7 span.wpcf7-list-item input.checkbox { margin-left: -1rem; }

	.wpcf7 .wpcf7-not-valid-tip { position: absolute; font-size: 60%; background-color: rgba(211,61,61,0.8); color: #fff; padding: 2px 4px; border-radius: 5px; width: 250px; z-index: 20; bottom: 100%; margin: 2px 2px; }
		.wpcf7 .col-checkbox .wpcf7-form-control-wrap { position: sticky; display: block; }
			.wpcf7 .col-checkbox .wpcf7-form-control-wrap .wpcf7-not-valid-tip { top: 0%; bottom: auto; left: 14px; }

	.wpcf7 .wpcf7-response-output { position: absolute; margin: 0 20px; padding: 10px 40px; font-size: 80%; text-align: center; border-radius: 10px; }
		.wpcf7 .wpcf7-response-output.wpcf7-validation-errors { background-color: #f7e700; }
		.wpcf7 .wpcf7-response-output.wpcf7-spam-blocked { background-color: #ffa500; }
		.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng,
		.wpcf7 .wpcf7-response-output.wpcf7-aborted { background-color: #ff0000; color: #fff; }
		.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #398f14; color: #fff; }

	.wpcf7 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ }
	.wpcf7 :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }
	.wpcf7 ::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }


/* Botones */
[class^="btn-icon-"]:before, [class*=" btn-icon-"]:before,
[class^="btn-icon-"]:after, [class*=" btn-icon-"]:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

   display: inline-block;
   vertical-align: middle;
   font-size: 80%;
}

.btn { border-radius: 0; text-transform: uppercase; text-decoration: none; }
	.btn:hover { text-decoration: none; }
	.btn i { font-size: 150%; margin-right: .5rem; vertical-align: middle; }

.btn-normal { border-radius: 20px; color: #92ff44 !important; background-color: transparent !important; border-color: #92ff44 !important;  text-decoration: none; text-transform: none; border-width: 1px; }
    .btn-normal:hover { color: #434343 !important; background-color: #92ff44 !important; border-color: #92ff44 !important; text-decoration: none; }


.btn-size2 { font-size: 1rem; padding: 0.9rem 1.6rem; border-radius: 37px; font-weight: 500; }

.btn-icon-right:after { content: "\e908"; margin-left: .5rem; }
.btn-icon-left:before { content: "\e909"; margin-right: .5rem; }
.btn-icon-close:before { content: "\e90c"; margin-right: .5rem; }


/* Otros */

.image-ratio { background: no-repeat center center; background-size: cover; position: relative; min-width: 100%; height: auto; }

.div-ratio { background: no-repeat center center; background-size: cover; position: relative; min-width: 100%; height: auto; }
	.div-ratio.video-ratio > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/* General */
.cl-verde { color: #92ff44; }
.cl-blanco { color: #ffffff; }

.fp-tableCell > .container { height: 90vh; margin-top: 5vh; margin-bottom: 5vh; display: flex; flex-flow: column nowrap; align-items: stretch; }
.fp-tableCell > .container-fluid { height: 95vh; margin-top: 5vh; margin-bottom: 0; padding: 4vh 0; display: flex; flex-flow: column nowrap; align-items: stretch; }

	.section-intro .fp-tableCell > .container { height: 74vh; margin-top: 18vh; margin-bottom: 8vh; }
	.section-intro .fp-tableCell > .container-fluid { height: 84vh; margin-top: 16vh; }

.container-bkg { background: no-repeat center center; background-size: cover; }
.slide-bkg { background: no-repeat center center; background-size: cover; }

.change-hover { position: relative; display: inline-flex; flex-flow: column nowrap; border-bottom: 0 none; }
    .change-hover > span { vertical-align: bottom; display: inline-block; overflow: hidden; transition: height .5s ease-out, opacity .5s }
    .change-hover > span:first-child { height: auto; opacity: 1; }
    .change-hover > span:last-child { height: 0; opacity: 0; }

    .change-hover:hover > span:first-child { height: 0; opacity: 0; }
    .change-hover:hover > span:last-child { height: auto; opacity: 1; }


.cabecera { font-size: 1.5rem; padding: 1rem 0 0; font-weight: 500; position: fixed; top: 0; left: 0; width: 100%; z-index: 1; }
	body .cabecera .logo-xl { font-size: 2rem; display: block; color: #92ff44; }
        body .cabecera .logo-xl a { text-decoration: none; color: #92ff44; border-bottom: 0 none; }
            body .cabecera .logo-xl a:hover { text-decoration: none; color: #92ff44; border-bottom: 0 none; }

        body.page-template-home .cabecera .logo-xl { color: #fff; }
            body.page-template-home .cabecera .logo-xl a { color: #fff; }
                body.page-template-home .cabecera .logo-xl a:hover { color: #fff; }

	body .cabecera .logo-xs { font-size: 2rem; display: block; color: #434343; }
        body .cabecera .logo-xs a { text-decoration: none; color: #434343; border-bottom: 0 none; }
            body .cabecera .logo-xs a:hover { text-decoration: none; color: #434343; border-bottom: 0 none; }

        body.fp-bkg-isDark .cabecera .logo-xs { color: #fff; }
            body.fp-bkg-isDark .cabecera .logo-xs a { color: #fff; }
                body.fp-bkg-isDark .cabecera .logo-xs a:hover { color: #fff; }

	body.fp-viewing-0 .cabecera .logo-xl,
	body.fp-viewing-0-0 .cabecera .logo-xl,
	body.fp-viewing-0-1 .cabecera .logo-xl { display: block; }
    body.fp-viewing-0 .cabecera .logo-xs,
    body.fp-viewing-0-0 .cabecera .logo-xs,
    body.fp-viewing-0-1 .cabecera .logo-xs { display: none; }

	body:not(.fp-viewing-0):not(.fp-viewing-0-0):not(.fp-viewing-0-1) .cabecera .logo-xl { display: none; }
    body:not(.fp-viewing-0):not(.fp-viewing-0-0):not(.fp-viewing-0-1) .cabecera .logo-xs { display: block; }

    .cabecera .btn-menu { color: #434343; text-decoration: none; border-bottom: 0 none; }
        .cabecera .btn-menu:hover { color: #92ff44; text-decoration: none; border-bottom: 0 none; }

        body.fp-bkg-isDark .cabecera .btn-menu { color: #92ff44; text-decoration: none; border-bottom: 0 none; }
            body.fp-bkg-isDark .cabecera .btn-menu:hover { color: #fff; text-decoration: none; border-bottom: 0 none; }


.pie { font-size: 1rem; display: none; position: absolute; bottom: 2.4rem; left: 0; width: 100%; z-index: 1; z-index: 10000; color: #e0dfdf; }
    .pie .icon-logo-xl { font-size: 1.9rem; color: #92ff44; }

    .fp-viewing-sec-contact .pie { display: block; }

.section-general { background: #fff no-repeat center center; background-size: cover; }
    .section-general:first-child,
    .section-general.section-dark,
    .section-general .section-slide-dark { background-color: #434343; color: #fff; }

    .section-general.section-aboutus-intro { background-image: url(images/aboutus-intro-bkg.jpg); }
	.section-general.section-specs-intro { background-image: url(images/specs-intro-bkg.jpg?v=1); }
	.section-general.section-specs-discover { background-image: url(images/specs-discover-bkg.jpg); }
	.section-general.section-all-contact { background-image: url(images/contact-bkg.png); background-size: inherit; }

    .section-general .fp-controlArrow { display: none; }


.navbar-principal { right: -280px; min-width: 280px; max-width: 280px; padding: 2rem 1rem; position: fixed; top: 0; height: 100vh; z-index: 10000; transition: all 0.3s; background-color: #434343; }
	.navbar-principal.active { right: 0; }

    .navbar-principal .btn-menu { font-size: 1.5rem; padding: .9rem 0 0; font-weight: 500; color: #92ff44; text-decoration: none; display: inline-block; border-bottom: 0 none; }
        .navbar-principal .btn-menu:hover { color: #fff; text-decoration: none; }

	.navbar-principal .svg-factory { display: none; bottom: 2rem; right: 4.6rem; position: absolute;}
		body.page-template-home.fp-viewing-0-0 .navbar-principal .svg-factory { display: block; }

    body.fp-viewing-sec-contact .navbar-principal { background-color: #fff; }
        body.fp-viewing-sec-contact .navbar-principal .btn-menu { color: #353535; }
            body.fp-viewing-sec-contact .navbar-principal .btn-menu:hover { color: #92ff44; }


.navbar-principal-overlay { display: none; position: fixed; /* full screen */ top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; transition: all 0.5s ease-in-out; }
	.navbar-principal-overlay.active { display: block; opacity: 1; }

.nav-principal { font-size: 1.9rem; padding: 3.4rem 0 1rem 2rem; }
    .nav-principal > li { margin: 1.2rem 0 0; }
        .nav-principal > li:first-child { margin: 0; }
        .nav-principal > li > a,
        .nav-principal > li > a:focus { padding: .5rem 0; color: #e0dfdf; text-decoration: none; display: inline-block; border-bottom: 2px solid transparent; font-weight: 500; }
            .nav-principal > li > a:hover { color: #92ff44; text-decoration: none; border-bottom-color: #92ff44; }

    body.fp-viewing-sec-contact .nav-principal > li > a,
    body.fp-viewing-sec-contact .nav-principal > li > a:focus { color: #353535; }
        body.fp-viewing-sec-contact .nav-principal > li > a:hover { color: #92ff44; border-bottom-color: #92ff44; }


.nav-laterales { }
    .nav-laterales a { padding: 0; margin: 0; color: #434343; font-weight: 500; text-decoration: none; border-bottom: 0 none; }
        .nav-laterales a.active,
        .nav-laterales a:hover { color: #92ff44; font-weight: 700; text-decoration: none; }


.svg-factory { width: 115px; height: auto; max-width: 100%; }
	.svg-factory__ring { transform-origin: center; backface-visibility: hidden; will-change: transform; }

@keyframes rotateSVG {
	0% { transform: rotate(0deg) translateZ(0); }
	100% { transform: rotate(360deg) translateZ(0); }
}

@keyframes reverseRotateSVG {
	0% { transform: rotate(0deg) translateZ(0); }
	100% { transform: rotate(-720deg) translateZ(0); }
}

.svg-installation { width: 400px; animation: rotateSVG 25s linear infinite; max-width: 100%; }
	.svg-installation g { animation: reverseRotateSVG 25s linear infinite; transform-origin: center; }


.section-home-intro { font-size: 1.2rem; line-height: 1.2; min-height: 100vh !important; }
    .section-home-intro h1 { font-size: 2.18rem; font-weight: 500; line-height: 1.5; }
        .section-home-intro h1 strong { font-weight: 700; }
    .section-home-intro .icon-factory { font-size: 6rem; margin-top: 5rem; color: #92ff44; }

    .section-home-intro .section-slide-bkg { background-color: #292929; }

    .section-home-intro .numbers { font-size: 4.1rem; font-weight: 600; color: #92ff44; text-align: center; }

	body.fp-bkg-isSlideMove .section-home-intro .section-slide [data-aos^=fade][data-aos^=fade] { opacity: 0; transform: translate3d(0, 3rem, 0); }

	.section-home-intro .section-slide:not(.active) [data-aos^=fade][data-aos^=fade] { opacity: 0; transform: translate3d(0, 3rem, 0); }

.section-home-discover { font-size: 1.55rem; line-height: 1.5; }
    .section-home-discover h2 { font-size: 2rem; color: #92ff44; }
    .section-home-discover .icon-ftop,
    .section-home-discover .icon-fhoriz { font-size: 4.2rem; color: #92ff44; }

.section-home-finacially { font-size: 1.55rem; line-height: 1.5; }
    .section-home-finacially .nav-legales { font-size: 1.75rem; }



.section-aboutus-intro { font-size: 1.55rem; line-height: 1.25; min-height: 100vh !important; }
	.section-aboutus-intro h1 { font-size: 2.18rem; line-height: 1.25; margin-bottom: 1.4rem; font-weight: 600; }
        .section-aboutus-intro h1 strong { font-weight: 700; }

    .section-aboutus-intro .icon-factory { font-size: 6rem; margin-top: 5rem; color: #92ff44; }

.section-aboutus-team { font-size: 1.55rem; line-height: 1.55; }
    .section-aboutus-team h2 { font-size: 2rem; }
        .section-aboutus-team h2 a { color: #434343; text-decoration: none; }
            .section-aboutus-team h2 a.active,
            .section-aboutus-team h2 a:hover { color: #92ff44; font-weight: 700; text-decoration: none; }

.section-aboutus-dry { font-size: 1.55rem; line-height: 1.55; font-weight: 600; }
    .section-aboutus-dry h2 { font-size: 2rem; font-weight: 600; }
    .section-aboutus-dry .icon-installation { font-size: 12.5rem; margin-top: 5rem; color: #434343; }

.section-aboutus-process { font-size: 1.55rem; line-height: 1.55; }
    .section-aboutus-process h2 { font-size: 2rem; font-weight: 700; color: #92ff44; }
    .section-aboutus-process .svg-factory { width: 370px; max-width: 100%; }


.section-specs-intro { font-size: 1.55rem; line-height: 1.25; min-height: 100vh !important; }
	.section-specs-intro h1 { font-size: 2.18rem; line-height: 1.25; font-weight: 600; }
        .section-specs-intro h1 strong { font-weight: 700; }
    .section-specs-intro .icon-factory { font-size: 6rem; margin-top: 5rem; color: #92ff44; }

.section-specs-technical { font-size: 1.55rem; line-height: 1.55rem; }
    .section-specs-technical h2 { font-size: 2.5rem; font-weight: 600; color: #92ff44; }

    .section-specs-technical .icon-malla { font-size: 4.5rem; margin-top: 2rem; position: relative; padding: 8rem 2.8rem; display: inline-block; }
        .section-specs-technical .icon-malla::before { border: 2px solid #92ff44; border-radius: 50%; padding: 5.1rem 5.9rem; }
        .section-specs-technical .icon-malla::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px dashed #92ff44; border-radius: 50%; }

.section-specs-features { font-size: 1.55rem; line-height: 1.55rem; }
    .section-specs-features h2 { font-size: 2.5rem; color: #92ff44; }
    .section-specs-features h3 { font-size: 2rem; color: #92ff44; margin-bottom: 1.9rem; }

    .section-specs-features .icon-fhoriz { color: #92ff44; font-size: 4.2rem; display: none; }

.section-specs-slider { }
	.section-specs-slider .owl-carousel .owl-nav { display: none; }
	.section-specs-slider .owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; margin-top: .5rem; }
		.section-specs-slider .owl-carousel .owl-dots .owl-dot { width: 22px; height: 22px; border-radius: 50%; border: 4px solid #92ff44; background: none; opacity: 1; margin: 0 .5rem; }
			.section-specs-slider .owl-carousel .owl-dots .owl-dot:hover,
			.section-specs-slider .owl-carousel .owl-dots .owl-dot.active { background-color: #92ff44; opacity: 1; }

			.section-specs-slider .owl-carousel .owl-dots .owl-dot span { display: none; }

.section-all-contact { font-size: 1.55rem; line-height: 1.55; }
    .section-all-contact h2 { font-size: 2.5rem; }


.section-general.sec-fnt { font-size: 1.1rem; line-height: 1.15; }
.section-general .sec-h1 { font-size: 2.18rem; line-height: 1.15; }
.section-general .sec-h2 { font-size: 1.85rem; line-height: 1.15; }
.section-general .sec-h3 { font-size: 1.65rem; line-height: 1.15; }
.nav-laterales { font-size: 1.35rem; margin-bottom: 2rem; }

/* Responsive */

@media ( max-width: 768px ) {
    .section-general { height: auto !important; }
    .fp-tableCell > .container { height: auto; margin-top: 5vh; margin-bottom: 5vh; }
    	.section-intro .fp-tableCell > .container { height: 80vh; margin-top: 15vh; margin-bottom: 5vh; }
	.section-home-discover .container-bkg { background: none !important; }
}

@media ( min-height: 576px ) {
}

@media ( min-width: 768px ) {
	.btn-size2 { font-size: 1.2rem; padding: 1.1rem 2rem; }
	body .cabecera .logo-xl { font-size: 3rem; }
	body .cabecera .logo-xs { font-size: 3.9rem; }

	.navbar-principal { right: -350px; min-width: 350px; max-width: 350px; }
	.nav-principal > li { margin: 2.2rem 0 0; }
}

@media ( min-width: 992px ) {
	.fp-tableCell > .container { height: 74vh; margin-top: 18vh; margin-bottom: 8vh; }
	.fp-tableCell > .container-fluid { height: 84vh; margin-top: 16vh; margin-bottom: 0vh; padding: 4vh 0; }

    .btn-size2 { font-size: 1.6rem; }

    .cabecera { font-size: 1.9rem; padding: 2.8rem 0 0; }
    body .cabecera .logo-xl { font-size: 5.6rem; }

    .navbar-principal { right: -462px; min-width: 462px; max-width: 462px; padding: 2rem 1rem; }
    .nav-principal { font-size: 2.75rem; }
    .navbar-principal .btn-menu { font-size: 1.9rem; padding: .9rem 4.6rem 0 0; }
	.navbar-principal::after { font-size: 7.2rem; bottom: 4rem; right: 5.6rem; }

	.section-home-intro h1 { font-size: 2.58rem; }
	.section-home-intro .icon-factory { font-size: 7.3rem; margin-top: 0; }
	.section-home-intro .numbers { font-size: 8.2rem; }

	.section-home-discover { font-size: 1.35rem; color: #fff; }
        .section-home-discover .container-bkg { padding: 3.4rem 6.2rem; }
		.section-home-discover h2 { font-size: 2rem; }

    .section-home-finacially { font-size: 1.35rem; line-height: 1.9; }


    .section-aboutus-intro { font-size: 1.55rem; line-height: 1.55; }
        .section-aboutus-intro h1 { font-size: 2.58rem; line-height: 1.55; }
        .section-aboutus-intro .icon-factory { font-size: 7.3rem; margin-top: 0; }

    .section-aboutus-team { font-size: 1.35rem; line-height: 1.7; }
        .section-aboutus-team h2 { font-size: 2.5rem; }

    .section-aboutus-dry { font-size: 2.85rem; line-height: 1.6; font-weight: 600; }
		.section-aboutus-dry h2 { font-size: 2rem; line-height: 1.5; font-weight: 600; }
        .section-aboutus-dry .icon-installation { font-size: 25rem; margin-top: 0; }

    .section-aboutus-process { font-size: 1.35rem; line-height: 1.5; }
        .section-aboutus-process h2 { font-size: 2rem; }
        .section-aboutus-process .icon-factory { font-size: 23rem; margin-bottom: 0; }

	.section-specs-intro { font-size: 1.35rem; line-height: 1.35; }
		.section-specs-intro h1 { font-size: 2.58rem; }
        .section-specs-intro .icon-factory { font-size: 7.3rem; margin-top: 0; }

    .section-specs-technical { font-size: 1.35rem; line-height: 1.35rem; }
        .section-specs-technical h2 { font-size: 2.5rem; }
        .section-specs-technical .icon-malla { font-size: 24.5rem; margin-top: 0; }

    .section-specs-features { font-size: 1.35rem; line-height: 1.35rem; color: #fff; }
        .section-specs-features h2 { font-size: 2.5rem; }
		.section-specs-features h3 { font-size: 1.5rem; }

		.section-specs-features .icon-fhoriz { display: inline-block; }

		.section-specs-features .section-slide-bkg .container-bkg { background: url() no-repeat left top, url(images/specs-discover-bkg-in.jpg) no-repeat right top;  background-size: 42.4%, 57.6%; }

    .section-all-contact { font-size: 1.55rem; }
        .section-all-contact h2 { font-size: 2.5rem; }

}

@media ( min-width: 1200px ) {
	.fp-tableCell > .container { height: 80vh; margin-top: 15vh; margin-bottom: 5vh; }
	.fp-tableCell > .container-fluid { height: 84vh; margin-top: 16vh; margin-bottom: 0vh; padding: 4vh 0; }

	.section-home-intro h1 { font-size: 3.58rem; }
	.section-home-discover { font-size: 1.55rem; }
		.section-home-discover h2 { font-size: 2.5rem; }

	.section-home-finacially { font-size: 1.75rem; }

	.section-aboutus-intro { font-size: 2.9rem; }
		.section-aboutus-intro h1 { font-size: 3.58rem; }

    .section-aboutus-team { font-size: 1.75rem; line-height: 1.9; }
        .section-aboutus-team h2 { font-size: 3rem; }

	.section-aboutus-process { font-size: 1.55rem; line-height: 1.5; }
        .section-aboutus-process h2 { font-size: 2.9rem; }

	.section-aboutus-dry h2 { font-size: 2.85rem; line-height: 1.6; }

    .section-specs-intro { font-size: 1.55rem; line-height: 1.55; }
		.section-specs-intro h1 { font-size: 3.58rem; }

    .section-specs-technical { font-size: 1.55rem; line-height: 1.55rem; }
		.section-specs-technical h2 { font-size: 3.05rem; }

    .section-specs-features { font-size: 1.5rem; line-height: 2.4rem; }
        .section-specs-features h2 { font-size: 2.5rem; }
        .section-specs-features h3 { font-size: 2.2rem; }

    .section-all-contact { font-size: 2rem; }
        .section-all-contact h2 { font-size: 3.6rem; }

	.pie { font-size: 2rem; }
		.pie .icon-logo-xl { font-size: 3.9rem; }

	.section-general.sec-fnt { font-size: 1.55rem; line-height: 1.35; }
	.section-general .sec-h1 { font-size: 2.95rem; line-height: 1.15; }
	.section-general .sec-h2 { font-size: 2.5rem; line-height: 1.15; }
	.section-general .sec-h3 { font-size: 2rem; line-height: 1.15; }
	.nav-laterales { font-size: 2rem; margin-bottom: 0; }
	.nav-laterales-s1 { font-size: 1.7rem; margin-bottom: 0; }
}

@media ( min-width: 1400px ) {
    .container { max-width: 1380px; }
        .fp-tableCell > .container { height: 74vh; margin-top: 18vh; margin-bottom: 8vh; }
        .fp-tableCell > .container-fluid { height: 84vh; margin-top: 16vh; margin-bottom: 0vh; padding: 4vh 0; }

	.section-home-discover .container-bkg { padding: 4.4rem 6.2rem; }
	.section-home-discover h2 { font-size: 2.5rem; }

	.section-general.sec-fnt { font-size: 1.55rem; line-height: 1.35; }
	.section-general .sec-h1 { font-size: 3.55rem; line-height: 1.15; }
	.section-general .sec-h2 { font-size: 3rem; line-height: 1.15; }
	.section-general .sec-h3 { font-size: 2.5rem; line-height: 1.15; }
	.nav-laterales { font-size: 2rem; margin-bottom: 0; }
	.nav-laterales-s1 { font-size: 1.7rem; margin-bottom: 0; }
}

@media ( min-width: 1800px ) {
    .container { max-width: 1774px; }
        .fp-tableCell > .container { height: 74vh; margin-top: 18vh; margin-bottom: 8vh; }
        .fp-tableCell > .container-fluid { height: 84vh; margin-top: 16vh; margin-bottom: 0vh; padding: 4vh 0; }
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: black;
}

/* Loaded */

.loaded #loader-wrapper,
#loader-wrapper.loader-wrapper-off {
	visibility: hidden;

	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%);  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

.loader-svg {
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	width: 142px;
	height: auto;
}
	.loader-svg path {
		fill:none;
		stroke: #92ff44;
		stroke-width: 15px;
		visibility: hidden;
		transform:translateZ(0);
		backface-visibility: hidden;
	}

	.loaded #loader-wrapper .loader-section.section-left,
	#loader-wrapper.loader-wrapper-off .loader-section.section-left {
		-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(-100%);  /* IE 9 */
		transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}

	.loaded #loader-wrapper .loader-section.section-right,
	#loader-wrapper.loader-wrapper-off .loader-section.section-right {
		-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(100%);  /* IE 9 */
		transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}

.barba-loader {
	position: fixed;
	width: 100vw;
	height: 200vh;
	pointer-events: none;
	background-color: #000000;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
}

/* Oli css */

.mCSB_container {
	height: 100%;
}

html:not(.no-js) [data-aos=fade-up] {
	transform: translate3d(0, 3rem, 0);
}

html:not(.no-js) [data-aos=fade-right] {
	transform: translateX(-3rem);
}

.tile__text {
	left: 50%;
	top: 50%;
	transform: translate3D(0,-50%,0) rotate(0deg);
	border-radius: 50%;
	width: 48%;
	height: 92%;
	font-size: 1.5vw;
	transform-origin: left center;
	will-change: transform;
	backface-visibility: hidden;
}

.tile__text .chars {
	position: absolute !important;
	left: 0;
	top: 0;
	transform-origin: bottom center;
	width: 1.10vw;
	height: 48%;
}

.tile__text .chars.whitespace {
	width: 10px;
}

.btn--wavy {
	position: relative;
}

.btn--wavy::before, .btn--wavy::after {
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: center;
	width: 100%;
	height: 100%;
	border: #92ff44 dotted 1px;
	border-radius: 37px;
	animation: scaleWave 2s linear infinite;
}

@keyframes scaleWave {
	0% {
		transform:translateZ(0) scale(1, 1);
		opacity: 1;
	}

	100% {
		transform:translateZ(0) scale(1.3, 1.7);
		opacity: 0;
	}
}

.btn--wavy::after {
	animation-delay: 1s;
}
