@charset "utf-8";

@font-face {
    font-family: Microgramma;
    src: url(../fonts/microgramma-bold.otf) format("opentype");
}

body {
    overflow: hidden
}

body, h1, h2, h3, h4, h5, p, a {
    font-family: Roboto, Arial;
}

h1 {
    margin-top: 5vh;
    font-size: 9vh;
    color: #fff;
    /*font-family: 'Titillium Web';*/
    font-family: Microgramma;
}

/** CSS fixed punto **/
#containingElement {
    position: relative;
    background-color: #202020;
    background-image: url(../img/esqueleto.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    /*
	background-repeat:no-repeat;
  	background-size:contain;
  	background-position:center center;
  	*/
    width: 100%;
    /*transition:
    width 0.3s ease-in-out,
    height 0.3s ease-in-out;*/
}

.smallerImage {
    position: absolute;
    max-width: 1%;
    max-height: 20vh
}

#controls {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
/** FIN CSS fixed punto **/


/* CSS Document */
:root {
    --blanco: #FFF;
    --blanco-roto: #ececec;
    --negro: #000000;
    --gris: #eee;
    --font-color: #393c41;
}

.lianotaciones1, .lianotaciones2, .lianotaciones3 {
    display: block;
    position: relative;
    line-height: 15px;
    padding-bottom: 0;
    width: 100vw;
    border-rigth: #FFFFFF;
    border-style: solid;
}

.lianotaciones1 {
    display: block;
    max-width: 30%;
    height: auto;
    position: absolute;
    right: calc(500px - 100vw);
    top: 17vh;
    transform: translate(-30%, -30%);
}

ul {
    list-style-type: circle;
    /*max-width: 100px;*/
    text-align: left;
}

.iconos {
    padding: 10px;
    width: 100%;
    max-width: 100px;
}

.centradovertical {
    margin-bottom: auto;
    margin-top: auto;
}

.scrolling-wrapper {
    overflow-x: auto;
}

.fa-info-circle {
    color: var(--font-color);
    animation-duration: 4s;
}

.col-sm-auto {
    width: 100%
}

.times {
    color: var(--blanco);
}

.botoncerrar {
    position: absolute;
    right: 0px;
}

.contenedor-movil {
    width: 1350px;
}

.partearriba {
    height: 30%
}

#section1 {
    height: 200vh !important;
}

.parteabajo {
    height: 70%
}

h1 {
    /*font-size:35px;*/
    text-align: center;
}

.flechaabajo {
    position: absolute;
    bottom: -10px;
    color: var(--blanco);
    font-size: 3rem;
}

.alinearabajo {
    position: absolute;
    bottom: 0px;
}

.clasedivfondo {
    background-color: white;
    transition: all 1s ease-in-out;
}

.bg-calidad-xs {
    background-image: url(../img/izquierda-clara.jpg);
    background-position: right;
    background-repeat: no-repeat;
}

@media screen and (max-width: 400px) {
    .izquierda {
        background-image: url(../img/izquierda-clara.jpg);
    }

    .derecha {
        background-image: url(../img/derecha-clara.jpg);
    }
}

@media screen and (min-width: 401px) {
    .izquierda {
        background-image: url(../img/izquierda2.jpg);
        /*background-image:url(../img/izquierda-clara.jpg);*/
        background-position: right;
        background-repeat: no-repeat;
    }

    .derecha {
        background-image: url(../img/derecha2.jpg);
        background-position: left;
        background-repeat: no-repeat;
    }
}

.textoproducto1 {
    transition: all 1s ease-in-out;
    color: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}

.textoproducto2 {
    transition: all 1s ease-in-out;
    color: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}

.textoproducto3 {
    transition: all 1s ease-in-out;
    color: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}

.textoproducto4 {
    transition: all 1s ease-in-out;
    color: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}

.cuadrado1 {
    top: 0%;
    left: 0%;
    height: 100%;
    background-image: url("../img/txl-32.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    text-align: center;
    transition: all 1s ease-in-out;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.cuadrado1:hover {
    /*top: 50%;	
	left: 25%;
	transform: scale(2);*/
    transform: scale(1.1);
    filter: none;
    -webkit-filter: grayscale(0%);
    z-index: 9999;
}

.cuadrado2 {
    top: 0%;
    left: 0%;
    height: 100%;
    background-image: url("../img/kit-txl-32.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    transition: all 1s ease-in-out;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

    .cuadrado2:hover {
    /*top: 50%;
	left: -25%;
	transform: scale(2);*/
    transform: scale(1.1);
    filter: none;
    -webkit-filter: grayscale(0%);
    z-index: 9999;
    }

.cuadrado3 {
    bottom: 0%;
    left: 0%;
    height: 100%;
    background-image: url("../img/kit-120.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    transition: all 1s ease-in-out;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(1);
    -webkit-filter: grayscale(100%);
}

.cuadrado3:hover {
    /*bottom: 50%;
	left: 25%;
	transform: scale(2);*/
    transform: scale(1.1);
    filter: none;
    -webkit-filter: grayscale(0%);
    z-index: 9999;
}

.cuadrado4 {
    /*bottom: 0%;
	left: 0%;*/
    height: 100%;
    background-image: url("../img/barrera.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    transition: all 1s ease-in-out;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.cuadrado4:hover {
    /*bottom: 50%;
	left: -25%;
	transform: scale(2);*/
    transform: scale(1.1);
    filter: none;
    -webkit-filter: grayscale(0%);
    z-index: 9999;
}

.divenlace {
    text-decoration: none;
}

/*.lineas {
	position:relative; left:10%; top: 10%; background-color: #fff; border: 2px solid #000; border-radius: 8px; box-sizing: initial; height: 6px; width: 6px	
}*/

.lineavertical {
    position: relative;
    border-left: 6px solid black;
    height: 500px;
    left: 400px;
    z-index: 100000;
}

.puntovertical {
    position: relative;
    left: 500px;
    top: 300px;
    content: "\A";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid black;
    background-color: white;
    display: inline-block;
}

.textosobrevideo {
    position: absolute;
    z-index: 10000;
    color: var(--negro);
    bottom: 20px;
}

.textosobrevideo display-4 lead {
    color: var(--blanco-roto);
}

.tituloseccion {
    margin-bottom: 1vh;
    font-weight: bold;
}

.titulopresu {
    margin-bottom: 1vh;
}

#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: var(--negro); /* in case the video doesn't fit the whole page*/
    /*background-image:  our video ;*/
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index: 3;
}

.marginbottom {
    margin-bottom: 1vh;
}

.margintop {
    margin-top: 2vh;
}

.col-dere {
    top: -5vh;
}

#section0 .layer {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    bottom: 5%;
    /*
	* Preventing flicker on some browsers
	* See http://stackoverflow.com/a/36671466/1081396  or issue #183
	*/
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*solves problem with overflowing video in Mac with Chrome */
#section0 {
    overflow: hidden;
}

.row {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

html, body {
    font-family: 'Roboto', sans-serif;
    height: 100%;
    background-color: var(--blanco);
    color: var(--font-color);
}

.full-height {
    height: 100%;
}

.table thead th {
    border-bottom: none;
    border-top: none;
}

.table td, .table th {
    border-bottom: none;
    border-top: none;
}

.display-4 {
    font-size: 15px;
}

.boder-dark {
    border-color: var(--negro);
}

.lead {
    font-size: 12px;
    text-align: center;
}

.cajones {
    margin-right: 0px;
    margin-left: 0px;
    width: 25vw;
    padding-right: 5px;
    padding-left: 5px;
}

.cajones p {
    margin-bottom: auto;
}

.contenidosabermas {
    position: absolute;
    bottom: 3vh;
    font-size: 1vh;
}

.logo {
    position: absolute;
    z-index: 9999;
    top: 2vh;
    left: 2vh;
}

.btcompartir {
    position: fixed;
    z-index: 9999;
    bottom: 10vh;
    right: 3vw;
    /*background-image:url(../img/compartir1.png);
	background-repeat:no-repeat;*/
    border-radius: 50px;
    cursor: pointer;
}

.flechas {
    position: fixed;
    bottom: 1vh;
    text-align: center;
    right: 0;
    left: 0;
}

.paddingtop {
    padding-top: 2vh;
}

.trescajones, .datos1 {
    color: var(--blanco-roto);
}

.datos1 {
    bottom: -30vh;
}

.fondo1, .fondo2, .fondo0 {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.anotaciones {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.fondo1 {
    background-image: url("../img/render-1.jpg");
}

.fondo2 {
    background-image: url("../img/detalle-1.jpg");
}

.fondo0 {
    background-image: url("../img/tecropro-bg.jpg");
}

#section0 h1 {
    font-size: 50px;
    letter-spacing: 2px;
    line-height: 52px;
    margin-left: 4%;
}

#section0 h1 .gama-title {
    opacity: 0.75;
}

.tecropro {
    font-size: 90px;
    padding-left: 232px;
}

.home-footer {
    bottom: 0;
    position: absolute;
}

.home-footer .icons-content {
    padding-bottom: 25px;
}

.home-footer .icons-content h2 {
    font-size: 40px;
}

.home-footer h2 {
    font-weight: 100;
    color: #ffffff;
}

.home-footer img {
    width: 100px;
    height: auto;
}

.home-subtext {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 200;
    padding-top: 8px;
}

.home-capacity {
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 45px;
}

.home-capacity span {
    color: #ffffff;
    font-size: 12px;
}

.hidden-xs {
    display: none;
}

.visible-xs {
    display: block;
}

@keyframes aparecer1 {
    0% {
        color: rgba(0,0,0,0.00);
        border-color: rgba(0,0,0,0.00);
    }

    95% {
        color: rgba(0,0,0,0.00);
        border-color: rgba(0,0,0,0.00);
    }

    100% {
        color: var(--text-color);
        border-color: rgba(255,255,255,1.00)
    }
}

.aparecer1 {
    animation-name: aparecer1;
}

.encargar, .pagar {
    font-size: 20px;
    border-radius: 50px;
    border-width: medium;
    min-width: 180px;
}

.text-dark {
    border-color: var(--blanco);
}

.col-izq {
    margin-top: 50px;
}

.parrafo {
    text-align: center;
}

.fondopresupuesto {
    height: 25vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: bottom;
}

.fondo1 {
    background-image: url("../img/render-1.jpg");
}

.fondo2 {
    background-image: url("../img/detalle-1.jpg");
}

.anotaciones {
    background-image: url("../img/esqueleto.jpg");
}

.fondopresupuesto {
    background-image: url("../img/presupuesto-movil.jpg");
}

/* La pantalla es más baja de 800px */
@media (max-height: 800px) {
    /*.hidden-height{
		display:none;	
	}*/

    .forzaraltura {
        height: 1100px;
    }
}


/* pantalla es más ancha de 768px */
@media (min-width: 768px) {

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
    form, fieldset, input, textarea, p, blockquote, th, td {
        padding: 0;
        margin: 0;
    }

    .lead {
        font-size: 15px;
    }

    a {
        text-decoration: none;
    }


    table {
        border-spacing: 0;
        font-size: 1.8vh;
    }

    fieldset, img {
        border: 0;
    }

    address, caption, cite, code, dfn, em, strong, th, var {
        font-weight: normal;
        font-style: normal;
    }

    strong {
        font-weight: bold;
    }

    ol, ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    caption, th {
        text-align: left;
    }

    q:before, q:after {
        content: '';
    }

    abbr, acronym {
        border: 0;
    }
}

/* Custom CSS
 * --------------------------------------- */

.wrap {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    position: relative;
}
/*h1{
	font-size: 35px;
}*/

.intro p {
    width: 50%;
    margin: 0 auto;
    font-size: 1.5em;
}

.section {
    text-align: center;
}


.full-height {
    height: 100%;
}

.col-izq, .col-dere, .parteabajo {
    background-color: var(--blanco);
    text-align: left;
    padding: 50px;
    margin-top: 0px;
}

.col-izq, col-dere {
    height: 100%;
    width: 415px !important;
}

.col-dere {
    top: 0px;
}

.partearriba {
    height: 70%
}

.parteabajo {
    height: 30%
}


.seccion1, .seccion2 {
    height: 100%
}


.cajones {
    margin-right: 0px;
    margin-left: 0px;
}

.alienarabajo {
    position: absolute;
    bottom: 5%;
}

.trescajones {
    margin-top: auto;
    margin-bottom: 10vh;
}

.datos1 {
    margin-bottom: -15vh;
}



.sabermas {
    font-size: 20px;
}

.alert-dark {
    background-color: var(--gris);
    border: none;
    border-radius: 20px;
    margin-top: 4vh;
}


.card-body {
    max-height: 100vh;
}

.card {
    border: none;
}


.fondo1, .fondo2, .anotaciones, .fondopresupuesto {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: bottom;
}

.fondo1 {
    background-image: url("../img/render-1.jpg");
}

.fondo2 {
    background-image: url("../img/detalle-1.jpg");
}

.anotaciones {
    background-image: url("../img/esqueleto.jpg");
}

.fondopresupuesto {
    background-image: url("../img/presupuesto.jpg");
    background-position: right;
}

.fondotransparente {
    background-image: url("../img/presupuesto-transparente2.png");
    background-position: right;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    padding: 7%;
}

p, th {
    /*font-size:1.7vh;*/
    font-size: 14px;
    text-align: left;
}

.alerta {
    position: absolute;
    width: 100%;
    top: 10vh;
    padding: .75rem 1.25rem;
    margin-bottom: 25px;
    /* border: 1px solid transparent; */
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0.0);
    color: white;
    border: none;
}

.display-4 {
    font-size: 27px;
}

.alerta {
    position: absolute;
    width: 100%;
    top: 10vh;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    /*border: 1px solid transparent;*/
    border-radius: .25rem;
    background-color: rgba(0, 0, 0, 0.0);
    color: white;
    border: none;
}

.cajones {
    max-width: 160px;
}

.hidden-xs {
    display: block
}

.visible-xs {
    display: none
}

.margintop {
    margin-top: 0.5vh;
}

.textosobrevideo {
    margin-top: auto;
    position: relative;
    margin-bottom: 5vh;
}

#section1 {
    height: auto !important;
}

#linea1 {
    margin-top: -1.5vh;
    margin-bottom: -1.8vh;
    margin-left: 0.28vw;
    width: 4px;
    min-height: 20vh;
    background: black;
    transform: scaleY(0);
    transform-origin: center;
    z-index: 1;
    position: relative;
}

#circulo1 {
    content: "\A";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid black;
    background-color: white;
    display: inline-block;
    transform: scaleY(0);
    transform-origin: center;
    z-index: 1000;
    position: relative;
}

#letras1 {
    margin-left: 2vh;
    margin-top: 15px;
    visibility: hidden;
}

#linea2 {
    margin-top: -1.5vh;
    margin-bottom: -1.8vh;
    margin-left: 0.28vw;
    width: 4px;
    min-height: 20vh;
    background: black;
    transform: scaleY(0);
    transform-origin: center;
    z-index: 1;
    position: relative;
}

#circulo2 {
    content: "\A";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid black;
    background-color: white;
    display: inline-block;
    transform: scaleY(0);
    transform-origin: center;
    z-index: 1000;
    position: relative;
}

#letras2 {
    margin-left: 2vh;
    margin-top: 15px;
    visibility: hidden;
}

#linea3 {
    margin-top: -1.5vh; /*-1vh*/
    margin-bottom: -1.8vh;
    margin-left: 0.28vw;
    width: 4px;
    min-height: 20vh;
    background: black;
    transform: scaleY(0);
    transform-origin: center;
    z-index: 1;
    position: relative;
}

#circulo3 {
    content: "\A";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid black;
    background-color: white;
    display: inline-block;
    transform: scaleY(0);
    transform-origin: center;
    z-index: 1000;
    position: relative;
}

#letras3 {
    margin-left: 2vh;
    margin-top: 15px;
    visibility: hidden;
}

#compartir {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    border-radius: 50px;
}

/*#divbtcompartir {
			position:fixed;
			width:60px;
			height:60px;
			display:block;
			z-index:9;
			bottom:40px;
			right:40px;
			border-radius:50px;
		}*/



.noselec {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.logoheader {
			position:fixed;
			display:block;
			z-index:9;
			top:5px;
			left:5px;
		}*/


/*.imgheader {
			position:fixed;
			display:block;
			z-index:9;
			top:5px;
			left:5px;
		}*/

}


/* Bootstrap styles */
.bg-light {
    background-color: rgb(241, 241, 241)
}

#section3 .fp-tableCell {
    display: inline;
}

body {
    overflow-x: hidden !important;
}

.bg-carga {
    background-image: url('../img/derecha-clara.jpg');
}

.btn-whatsapp {
    border-radius: 50%;
    border: 1px solid #f0f0f0;
    padding: 4px;
    background-color: #ffffff;
    transition: all .2s ease-in-out;
}

    .btn-whatsapp:hover {
        transform: scale(1.1);
        border-radius: 50%;
    }

.position-absolute {
    position: absolute;
}

/* Hide bullets navs unlinked anchor */
#fp-nav ul li:nth-child(3n), #fp-nav ul li:nth-child(4n), #fp-nav ul li:nth-child(5n) {
    display: none;
}

#fp-nav ul li:nth-child(6n), #fp-nav ul li:nth-child(7n) {
    display: block;
}

/* Language selector */
#language-container {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

    #language-container .selectpicker {
        background: transparent;
        color: #ffffff;
        padding: 4px !important;
        border-radius: 5px !important;
        border-color: #ffffff;
        border-style: solid;
    }

        #language-container .selectpicker option {
            color: #000000;
        }

    #language-container:after {
        border-top: 6px solid #f00;
    }

.p-50 {
    padding: 50px;
}

.bg-light {
    background-color: #F1F1F1 !important;
}

.bg-light2 {
    background-color: #808080 !important;
}

.bg-yellow {
    background-color: #FFD300;
}

.product-title {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
}

/*.product-img {
	filter: grayscale(1);
	padding: 15px;
	cursor: pointer;
	transition: all .2s ease-in-out;
}*/

.product-img {
    padding: 15px;
    width: 60%;
}

.product-card {
    padding: 20px 15px;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .product-card img {
        filter: grayscale(1);
        transition: all .2s ease-in-out;
    }

    .product-card:hover img {
        filter: grayscale(0);
        transform: scale(1.05);
    }

.product-card {
    background-color: #f1f1f1;
    border-radius: 10px;
    margin-top: 10px;
    height: 100%;
}

    .product-card a {
        text-decoration: none !important;
    }

.product-description {
    padding: 5px 25px 15px 25px;
    text-decoration: none !important;
    font-size: 12px;
    display: -webkit-box;
    /*-webkit-line-clamp: 4;*/
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card:hover .product-description {
    text-decoration-line: none;
}

#presupuesto a {
    color: #000000;
}

.px-50 {
    padding: 0 100px;
}

.btn-close {
    margin-top: 0;
    position: absolute;
    top: 20px;
    right: 100px;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.btn-bottom {
    position: absolute;
    bottom: 15px;
}

.slick-slide {
    height: auto;
}

    .slick-slide img {
        margin: 0 auto;
    }

.slick-track {
    padding-bottom: 20px;
}

.slick-prev:before, .slick-next:before {
    color: #000000 !important;
}

#aviso-legal {
    height: 10vh !important;
    width: 100%;
    bottom: 6px;
    position: absolute;
}

.tooltip > .tooltip-inner {
    background-color: #f00;
}

.inline-block {
    display:inline-block;
}

.carrusel-padding {
    padding: 0 100px;
}

@media (max-height: 650px) {
    .hide-h-650 {
        display: none;
    }
}

/* Ajuste responsive del título en el home */
@media screen and (max-width: 992px) {
    .gama-title {
        font-size: 35px;
    }

    .tecropro {
        font-size: 75px;
        padding-left: 165px;
    }

    #section0 h1 {
        line-height: 42px;
    }
}

@media screen and (max-width: 870px) {
    .gama-title {
        font-size: 20px;
    }

    .tecropro {
        font-size: 60px;
        padding-left: 98px;
    }

    #section0 h1 {
        line-height: 30px;
    }
}

@media screen and (max-width: 620px) {
    .gama-title {
        font-size: 15px;
    }

    .tecropro {
        font-size: 40px;
        padding-left: 0;
    }

    #section0 h1 {
        line-height: 20px;
        text-align:center !important;
    }
}

@media screen and (max-width: 768px) {
    /*.home-footer {
        display: none;
    }*/
    .carrusel-padding {
        padding: 0 60px;
    }
}


/* Ajuste responsive de iconos en el home 
@media screen and (max-height: 650px) {
}*/

#capacity {
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    line-height: 20px;
}

/*#capacity::after {
    content: counter(count);
    animation: counter 0.5s ease-in 1 alternate;
    counter-reset: count 3800;
}*/

@keyframes counter {
    0% {
        counter-increment: count 0;
    }

    10% {
        counter-increment: count 380;
    }

    20% {
        counter-increment: count 760;
    }

    30% {
        counter-increment: count 1140;
    }

    40% {
        counter-increment: count 1420;
    }

    50% {
        counter-increment: count 1800;
    }

    60% {
        counter-increment: count 2180;
    }

    70% {
        counter-increment: count 2540;
    }

    80% {
        counter-increment: count 2920;
    }

    90% {
        counter-increment: count 3300;
    }

    100% {
        counter-increment: count 3800;
    }
}


#area {
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    line-height: 20px;
}

/*#area::after {
    content: counter(count);
    animation: counterArea 0.5s ease-in 1 alternate;
    animation-name: counterArea;
    animation-duration:0.5s;
    counter-reset: count 500;
}*/

@keyframes counterArea {
    0% {
        counter-increment: count 0;
    }

    10% {
        counter-increment: count 50;
    }

    20% {
        counter-increment: count 100;
    }

    30% {
        counter-increment: count 150;
    }

    40% {
        counter-increment: count 200;
    }

    50% {
        counter-increment: count 250;
    }

    60% {
        counter-increment: count 300;
    }

    70% {
        counter-increment: count 350;
    }

    80% {
        counter-increment: count 400;
    }

    90% {
        counter-increment: count 450;
    }

    100% {
        counter-increment: count 500;
    }
}

#carga {
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    line-height: 20px;
}

/*#carga::after {
    content: counter(count);
    animation: counterCarga 0.5s ease-in 1 alternate;
    counter-reset: count 1000;
}*/

@keyframes counterCarga {
    0% {
        counter-increment: count 0;
    }

    10% {
        counter-increment: count 100;
    }

    20% {
        counter-increment: count 200;
    }

    30% {
        counter-increment: count 300;
    }

    40% {
        counter-increment: count 400;
    }

    50% {
        counter-increment: count 500;
    }

    60% {
        counter-increment: count 600;
    }

    70% {
        counter-increment: count 700;
    }

    80% {
        counter-increment: count 800;
    }

    90% {
        counter-increment: count 900;
    }

    100% {
        counter-increment: count 1000;
    }
}

#language-container p {
    position: relative;
    display: flex;
    float: left;
    margin-top: 5px;
    background: transparent;
    padding: 4px !important;
    border-radius: 5px !important;
    border-color: #ffffff;
    border-style: solid;
    border: 1px solid #fff;
    margin: 0;
    padding: 4px 15px !important;
}
#language-container i {
    font-size: 12px;
    padding-top: 4px;
    padding-right: 4px;
}
#language-container p:hover {
    background: #2b61ab !important;
    color: #ffffff !important;
}
.home-footer .icons-content {
    padding-bottom: 90px;
}
.home-footer .icons-content button {
    background: #ffffff;
}
.home-footer .icons-content button:hover {
    background: #ffd101;
    color: #343a40;
}
/*#fp-nav ul li:nth-child(7n) {
    display: none;
}*/
.configurator-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #ffd101;
    color: #333333;
    text-transform: uppercase;
    border-radius: 35px;
    font-weight: 600;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    margin-top: -45px;
    padding: 1.5rem 3rem !important;
}
.configurator-btn:hover {
    background: #ffffff;
    color: #333333;
    text-decoration: none;
}
/*.section-normativa p {
    font-size: 13px;
}*/
#slide1 .category-name,
#section3 .category-name,
.slide .category-name {
    font-weight: 900 !important;
    color: #2b61ab !important;
    text-transform: uppercase;
    font-size: 38px;
}
#slide1 h3,
#section3 h3,
.slide h3 {
    font-weight: 400 !important;
    font-size: 21px !important;
    text-align: start;
    text-transform: uppercase;
    margin-bottom: 7px;
    line-height: 26px;
}
#slide1 .hr-configurator,
#section3 .hr-configurator,
.slide .hr-configurator {
    margin: 0;
    width: 20%;
    background: #ffd101;
    height: 2px;
    margin-bottom: 25px;
}
.alert-dark {
    background-color: #eaaa0040;
}
#slide1 h1 {
    font-family: Roboto;
    text-align: left;
}
.plus-icon {
    font-size: 30px;
    vertical-align: text-bottom;
    font-weight: 300;
    margin-right: 10px;
}