html,
        body {
            overflow-x: hidden;
        }

        .nav-item.active {
            /*	border-bottom: 1px solid white;*/
            color: red;
        }

        .hide {
            display: none;
        }

        .class-contacto {
            background-color: #202020;
            color: #ffffff;
            margin-top: -24px;
            margin-bottom: -24px;
        }

        .class-contacto h2 {
            color: #ffffff;
            padding-top: 40px;
            padding-bottom: 20px;
        }

        .class-contacto .status {
            border: 1px solid red;
            background-color: #ffffff;
            color: red;
            margin-top: 10px;
            padding: 20px;
        }

        body {
            background: white;
            margin: 0;
            padding: 0;
        }

        .loader {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            box-sizing: border-box;
            border: 3px solid white;
            animation: animate 2s linear infinite;
            z-index: 9001;
        }

        .loader:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: white;
            animation: animateBg 2s linear infinite;
        }

        .loader.complete {
            visibility: hidden;
            z-index: -9001;
        }

        @keyframes animate {
            0% {
                transform: translate(-50%, -50%) rotate(0deg);
            }

            25% {
                transform: translate(-50%, -50%) rotate(180deg);
            }

            50% {
                transform: translate(-50%, -50%) rotate(180deg);
            }

            75% {
                transform: translate(-50%, -50%) rotate(360deg);
            }

            100% {
                transform: translate(-50%, -50%) rotate(360deg);
            }
        }

        @keyframes animateBg {
            0% {
                height: 0;
            }

            25% {
                height: 0;
            }

            50% {
                height: 100%;
            }

            75% {
                height: 100%;
            }

            100% {
                height: 0;
            }
        }

        .preloader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: 1s;
            z-index: 9000;
        }

        .preloader:before {
            content: '';
            position: absolute;
            left: 0;
            width: 50%;
            height: 100%;
            background: #000;
            transition: 1s;
        }

        .preloader:after {
            content: '';
            position: absolute;
            right: 0;
            width: 50%;
            height: 100%;
            background: #000;
            transition: 1s;
        }

        .preloader.complete:before {
            left: -50%;
            background: transparent;
        }

        .preloader.complete:after {
            right: -50%;
            background: transparent;
        }

        .preloader.complete {
            visibility: hidden;
        }

        a:hover {
            text-decoration: none !important;
        }

        h1 {
            font-size: 5rem;
            font-family: 'Exo', sans-serif;
            color: black;
            z-index: 1;
        }

        ul {
            list-style-type: none;
            padding: 0;
        }

        .title {
            text-align: center;
            padding: 20px;
            margin: 15px;
        }

        h2 {
            font-size: 3rem;
            text-align: center;
            font-family: 'Exo', sans-serif;
            color: black;
            padding-bottom: 60px;
        }

        h1 {
            font-size: 3rem;
            text-align: center;
            font-family: 'Exo', sans-serif;
            color: black;
            padding-bottom: 60px;
        }

        .slogan {
            color: white;
            padding: 140px 0;
            margin: 0;
        }

        .white {
            color: white;
            opacity: 0.9;
        }

        .main-logo {
            max-width: 20rem;
            opacity: 0.9;
        }

        .header-page {
            padding-top: 70px;
            position: absolute;
            text-align: center;
        }

        .header-page .fa {
            padding: 20px;
            font-size: 30px;
            width: 70px;
            text-decoration: none;
            margin: 5px 2px;
            z-index: 2;
            color: white;
            transition: 0.2s;
        }

        .header-page .fa-facebook:hover {
            color: #3b5998;
            transition: 0.2s;
        }

        .header-page .fa-tripadvisor:hover {
            color: #00af87;
            transition: 0.2s;
        }

        .header-page .fa-map-marker:hover {
            color: #FE7569;
            transition: 0.2s;
        }

        .header-page .fa-phone:hover {
            color: #fd7e14;
            transition: 0.2s;
        }

        .header-page .fa-envelope:hover {
            color: #4c6ef5;
            transition: 0.2s;
        }

        .section {
            position: relative;
            width: 100%;
            height: 80vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        #btt {
            display: block;
            position: fixed;
            bottom: 30px;
            right: 30px;
            text-align: center;
            padding-top: 10px;
            z-index: 8000;
            cursor: pointer;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        #btt button {
            background: rgba(0, 0, 0, 0.35);
        }

        #btt .dropdown-menu {
            background-color: rgba(0, 0, 0, 0.35);
        }

        #btt .dropdown-item {
            color: white;
        }

        #btt .dropdown-item:hover {
            background-color: rgba(0, 0, 0, 0.4);
        }

        #btt a {
            cursor: pointer;
        }

        #Nosotros,
        #Carta,
        #Equipo {
            padding-bottom: 120px;
        }

        #Carta .menu-title {
            font-size: 20px;
            text-align: left;
            padding: 0;
            margin-bottom: 70px;
            font-family: 'Lato', sans-serif;
            font-weight: bold;
        }

        #Carta .menu-title2 {
            font-size: 20px;
            text-align: center;
            padding: 0;
            margin-bottom: 70px;
            font-family: 'Lato', sans-serif;
            font-weight: bold;
        }

        #Carta h3 {
            font-family: 'Cantarell', sans-serif;
            font-size: 18px;
        }

        #Carta .container {
            margin-bottom: 100px;
        }

        #Carta .col-lg-2 {
            margin-bottom: 50px;
        }

        #Carta .col-lg-4 {
            margin-bottom: 50px;
        }

        #Carta .img-cont {
            display: block;
            position: absolute;
            height: 200px;
        }

        #Carta .info-cont {
            display: block;
            margin-left: 150px;
            position: absolute;
            height: 200px;
        }

        #Carta li {
            margin-bottom: 40px;
            vertical-align: text-top;
            height: 110px;
        }

        #Carta p {
            font-size: 13px;
            font-family: 'Montserrat', sans-serif;
        }

        #Carta .split-para {
            text-align: left;
            width: 49%;
            display: inline-block;
        }

        #Carta span {
            text-align: right;
            width: 50%;
            display: inline-block;
        }

        #Carta img {
            border: 5px solid lightgrey;
            border-radius: 50%;
            transition: transform .5s;
        }

        #Carta img:hover {
            transform: scale(1.2);
        }

        #Carta button {
            height: 40px;
            width: 150px;
            border-radius: 6px;
            margin-bottom: 50px;
            cursor: pointer;
            transition: .3s;
        }

        #Carta button a {
            color: white;
        }

        #Carta button:hover {
            transition: .3s;
        }

        #Carta .col-lg-2 img {
            display: block;
            margin: auto;
        }

        .video-container {
            top: 0;
            left: 0;
            z-index: -1;
        }

        video {
            position: absolute;
            right: 0;
            bottom: 0;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -100;
            background-size: cover;
            overflow: hidden;
        }

        .color-overlay {
            position: absolute;
            top: 0;
            left: 0;
            background-color: black;
            width: 100%;
            height: 100%;
            opacity: 0.2;
        }

        .navbar-toggler-icon {
            color: white;
            opacity: 1 !important;
        }

        .navbar-dark {
            background: linear-gradient(black 0%, transparent 100%) !important;
        }

        .navbar-toggler {
            border: 0px;
        }

        .navbar-toggler-icon {
            opacity: 1;
            color: white;
            z-index: 2;
        }

        /* change the brand and text color */

        .navbar-dark .navbar-brand,
        .navbar-custom .navbar-text {
            font-family: 'Dancing Script', bold;
            font-size: 2.5rem;
            color: rgba(255, 255, 255, 0.9);
        }

        /* change the link color */

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.9);
            font-family: 'Lato', sans-serif;
            font-size: 1rem;
            padding: 30px 20px;
        }

        /* change the color of active or hovered links */

        .navbar-dark .nav-item.active .nav-link,
        .navbar-dark .nav-item:hover .nav-link {
            color: #ffffff;
        }

        p {
            width: 100%;
            font-family: 'Open Sans', sans-serif;
        }

        .image {
            width: 100%;
            height: 400px;
            margin-bottom: 15px;
            background-image: url("../images/Ingredientes.jpg");
            background-size: cover;
        }

        .main-brand {
            max-height: 6rem;
            opacity: 0.9;
            padding: 0 20px;
        }

        .brand {
            max-height: 3rem;
            opacity: 0.9;
        }

        .brand:hover {
            opacity: 1;
        }

        .nosotros-img {
            border-radius: 50%;
            border-width: thick;
            border-style: double;
            border-color: black;
        }

        .section-container {
            padding-top: 60px;
        }

        p.bold {
            font-weight: bold;
        }

        .contact-title {
            margin-bottom: 60px;
            color: white;
        }

        .parallax-window {
            background: transparent;
        }

        #Nosotros .col-md-6,
        #Opiniones .col-md-6 {
            margin-bottom: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            flex-wrap: wrap;
            overflow: hidden;
            text-align: center;
        }

        #Nosotros .col-md-6 .autor,
        #Opiniones .col-md-6 .autor {
            margin: 0;
            color: white;
            font-family: 'Cantarell', sans-serif;
            letter-spacing: 1px;
            font-size: 19px;
            opacity: 0.9;
        }

        .speechbubble {
            position: relative;
            background: rgba(255, 255, 255, 0.72);
            padding: 30px;
            width: 70%;
            border-radius: 10px;
        }

        .speechbubble p {
            margin: 0;
        }

        .speechbubble::after {
            content: "";
            display: block;
            position: absolute;
            bottom: -12px;
            left: 50%;
            margin-left: -12px;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid rgba(255, 255, 255, 0.72);
        }

        .profilepic {
            padding: 30px 0;
            border-radius: 50%;
            opacity: 0.9;
        }

        .container2 {
            max-width: 1200px;
            margin: 0 auto;
        }

        #Equipo {
            text-align: center;
        }

        #Equipo img {
            border: 10px solid lightgrey;
            border-radius: 50%;
            transition: transform .5s;
            margin-bottom: 40px;
            overflow: hidden;
        }

        #Equipo img:hover {
            transform: scale(1.2);
        }

        #Equipo h3 {
            font-family: 'Exo', sans-serif;
            font-size: 20px;
        }

        #Equipo h4 {
            font-family: 'Lato', sans-serif;
            font-size: 17px;
            margin-bottom: 30px;
        }

        #Equipo p {
            font-family: "Droid Serif", Georgia, serif;
            font-size: 14px;
            margin-bottom: 50px;
        }

        .staff {
            width: 300px;
        }

        #Takeaway {
            transition: 0.5s;
        }

        #Takeaway:hover {
            display: block;
            background-color: rgba(255, 255, 255, 0.3);
            transition: 0.5s;
        }

        .tz-gallery {
            margin-bottom: 120px;
            padding: 0;
        }

        #Galeria .lightbox:after {
            background-color: rgba(204, 173, 82, 0.6) !important;
        }

        #Galeria .row {
            margin-bottom: 0 !important;
        }

        footer {
            padding-top: 60px;
            background-color: #202020;
        }

        footer p {
            color: white;
        }

        footer .contact-section {
            display: block;
            margin-bottom: 8px;
        }

        footer .contact-section i {
            display: inline;
            color: white;
        }

        footer .contact-section p {
            display: inline;
            margin-left: 10px;
        }

        footer .social-row {
            margin-top: 30px;
            text-align: center;
        }

        footer .map-title {
            margin-top: 40px;
        }

        footer li {
            color: white;
        }

        footer .split-para {
            display: block;
            margin: 10px;
        }

        footer .split-para span {
            display: block;
            float: right;
            margin-left: 10px;
            margin-right: 40px;
            text-align: right;
        }

        footer .social {
            font-size: 40px;
        }

        footer .social .fa-instagram {
            color: white;
            transition: 0.2s;
        }

        footer .social .fa-instagram:hover {
            color: #c13584;
            transition: 0.2s;
        }

        footer .social .fa-facebook {
            color: white;
            transition: 0.2s;
        }

        footer .social .fa-facebook:hover {
            color: #3b5998;
            transition: 0.2s;
        }

        footer .social .fa-tripadvisor {
            color: white;
            transition: 0.2s;
        }

        footer .social .fa-tripadvisor:hover {
            color: #00af87;
            transition: 0.2s;
        }

        footer .social .fa-linkedin {
            color: white;
            transition: 0.2s;
        }

        footer .social .fa-linkedin:hover {
            color: #0077b5;
            transition: 0.2s;
        }

        .under-footer {
            padding: 40px 0;
            background-color: #090909;
            display: flex;
            padding-bottom: 200px;
        }

        .under-footer img {
            height: 30px;
            vertical-align: middle;
        }

        .under-footer .split-para {
            display: block;
            margin: 10px;
        }

        .under-footer .split-para span {
            color: lightgrey;
            display: block;
            float: right;
            width: 50%;
            margin-right: 10px;
            text-align: right;
        }

        @media (max-width: 1199.98px) {
            h2 {
                font-size: 4.8rem;
            }

            .brand {
                max-height: 2.8rem;
            }

            .main-logo {
                max-width: 19rem;
            }

            .main-brand {
                max-height: 5.8rem;
            }

            .navbar-nav .nav-link {
                padding: 15px 10px !important;
            }

            .header-page .fa {
                font-size: 27px;
                width: 65px;
            }
        }

        @media (max-width: 991.98px) {

            h2 {
                font-size: 4.6rem;
            }

            .brand {
                max-height: 2.6rem;
            }

            .main-logo {
                max-width: 18rem;
            }

            .main-brand {
                max-height: 5.6rem;
            }

            .col-md-6 {
                padding-bottom: 60px;
            }

            .map-col {
                padding-bottom: 0;
            }

            #collapse_target .dropdown-menu.show a {
                font-size: 0.8em !important;
            }

            .navbar-nav {
                background: rgba(0, 0, 0, 0.7);
                border-radius: 5px;
            }

        }

        @media (max-width: 767.98px) {
            h2 {
                font-size: 4.4rem;
            }

            .brand {
                max-height: 2.4rem;
            }

            .main-logo {
                max-width: 17rem;
            }

            .main-brand {
                max-height: 5.4rem;
            }

            .header-page .fa {
                font-size: 25px;
                width: 60px;
            }

        }

        @media (max-width: 575.98px) {
            h2 {
                font-size: 4.2rem;
            }

            .brand {
                max-height: 2.2rem;
            }

            .main-logo {
                max-width: 16rem;
            }

            .main-brand {
                max-height: 5.2rem;
            }

            .under-footer img {
                height: 25px;
            }
        }

        /*# sourceMappingURL=styles.css.map */

        .blog .fecha {
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            color: white;
            text-align: center;
        }

        .blog .body {
            font-family: 'Lato', sans-serif;
            font-size: 20px;
            color: white;
            text-align: center;
            padding-bottom: 150px;
        }

        .slogan2 {
            color: white;
            padding: 0 0;
            margin: 0;
            padding-top: 150px;
        }

        .lista1 {
            display: flex;
            flex-flow: wrap;
            text-align: justify;
            flex-basis: 25%;
            align-content: space-between;
        }

        .sub-lista-inicio1 li {
            display: inline-flex;
            /*height: 10vh;*/
            background-color: #000;
            padding: 15px;
            margin-top: 5px;
            flex-basis: 49%;
            text-align: justify;
            align-items: center;
            justify-content: center;
            margin-right: 5px;
            flex-grow: 0;
            font-family: 'Exo', sans-serif;
            font-weight: 600;
            color: #fff;
        }

        @media screen and (min-width:991px) {
            .navbar-expand-lg .navbar-nav .dropdown-menu {
                width: 20em;
            }

            #myVideo {
                position: relative;
                min-width: 100%;
                min-height: 100%;
                height: 100vh;
                z-index: -100;
                background-size: cover;
                overflow: hidden;
            }
        }

        #footer-s {
            z-index: 3;
        }

        .container {
            max-width: 90% !important;
        }

        .lista-inicio h3 {
            font-family: 'Exo', sans-serif;
        }

        .img-cont img {
            margin-bottom: 3em;
            width: 100%;
            height: auto;
            max-width: 525px;
        }

        .fila1 {
            display: flex;
            justify-content: center;
            max-width: 100%;
            margin: auto;
            width: 98%
        }

        .fila1 .col {
            display: flex;
            flex-direction: column;
            flex: 1 1 300px;
            /* 
	In the order, equal to
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 300px;
	*/
            margin: 1em;
        }

        @media (max-width: 900px) {
            .fila1 {
                flex-wrap: wrap;
            }
        
        }

        .contenido-par {
            width: 100%;
            z-index: 2;
            position: relative;
        }

        .titulo-razones {
            height: max-content;
            background-color: #484848;
            width: 100%;
            padding: 1em;
            color: white;
            text-align: center;
            margin-bottom: 450px;
        }

        .contenido-par .col-txt1 {
            background-color: #7b262af2;
            padding: 2em;
            text-align: justify;
            font-size: 18px;
            font-weight: 600;
            color: white;
        }

        .contenido-par .col-sm-4:hover {
            transform: scale(1.2);
            transition-duration: 0.8s;
            z-index: 90;
        }

        .contenido-par .col-sm-4 {
            z-index: 2;
            position: relative;
        }

        .contenido-par .col-txt2 {
            background-color: #5e0e00;
            padding: 2em;
            text-align: justify;
            font-size: 18px;
            font-weight: 600;
            color: white;
        }

        .contenido-par .col-txt3 {
            background-color: #7b262af2;
            padding: 2em;
            text-align: justify;
            font-size: 18px;
            font-weight: 600;
            color: white;
        }

        .contenido-par h3 {
            text-align: center;
            padding-bottom: 1em;
        }

        .row {
            margin: auto;
        }

        .parallax {
            overflow: hidden;
        }

        #Empresa {
            z-index: 3;
        }

        .d-txt,
        .titulo-1 p {
            font-family: 'Exo', sans-serif;
            line-height: unset;
            font-size: 16px;
            font-weight: 600;
        }

        @media screen and (min-width:1061px) {
            .sub-lista-inicio1 li:nth-child(4n+1) {
                background-color: #484848;
            }

            .sub-lista-inicio1 li:nth-child(4n+0) {
                background-color: #484848;
            }

            .tablink {
                width: inherit;
                font-family: 'Exo', sans-serif;

            }

        }

        @media screen and (max-width:1060px) {
            .bg-1 {
                flex-wrap: wrap;
            }

            .tablink {
                display: block;
                width: 100%;
            }

            .sub-lista-inicio1 li:nth-child(2n) {
                background-color: #484848;
            }

            .sub-lista-inicio1 li {
                flex-basis: 100% !important;
                height: 6em;
            }

            h2 {
                font-size: 30px;
            }

            .navbar {
                width: 100vw;
                max-width: 100vw;
            }

            .container {
                width: 100vw;
                max-width: 100vw;
            }

            #myVideo {
                position: relative;      
           
            }

            .section-container {
                max-width: 100%;
                width: 100%;
            }
        }

        .contenido-par .col-sm-4 {
            text-align: center;
            display: flex;
            justify-content: center;
            align-content: center;
            flex-wrap: wrap;
            flex-direction: row;
        }

        .ti-ban {
            display: flex;
            flex-basis: 100%;
            flex-flow: column;
        }

        .ti-ban h3 {
            margin: auto;
        }

        .but-ban {
            display: flex;
            background-color: #fff;
            padding: 1em;
            width: 15em;
            color: #000;
            font-family: 'Exo', sans-serif !important;
            font-size: 18px;
            text-decoration: none;
            text-align: center;
            margin: auto;
        }

        .but-ban:hover {
            color: red
        }

        .contenido-par h2 {
            padding: 0;
            color: #f4f4f4;
            font-weight: 600;
        }

        .contenido-par h1 {
            padding-top: 20vh;
            text-shadow: 0px 2px 2px #000;
            color: #f4f4f4;
            font-weight: 600;
        }

        .contenido-par h3 {
            text-align: center;
            width: 80%;
            max-width: 98%;
            margin: auto;
        }

        .contenido-par .row h3 {
            text-align: justify;
        }

        .parallax {
            padding-left: 0;
            padding-right: 0;
        }

        .fila1 .col-md-12 p {
            font-size: 20px;
        }

        .fila1 .col-md-12 h2 {
            text-align: left !important;
        }

        .alineado-j {
            text-align: justify;
        }

        .g-img-pers-1 {
            width: 100%;
            height: 450px;
            background-image: url("/images/persianas-horizontales.jpg");
        }

        .titulo-servicio-paralax {
            height: 50vh;
            color: #fff;
        }

        #par-servicios .contenido-par h2 {
            padding-top: 20vh;
            text-shadow: 0px 2px 2px #000;
        }

        /*clases utiles*/

        .anchofull {
            width: 100%;
        }

        .no-overflow {
            overflow: hidden;
        }

        .no-pad {
            padding: 0px;
        }

        /*cosas del acordion servicios*/

        #Servicios-acordion {
            padding: 3em, 2em, 3em, 0em;
        }

        #Servicios-acordion .col-lg-3 {
            padding: 0px;
        }

        #Servicios-acordion span {
            display: inherit;
            background-color: black;
            color: white;
            width: 100%;
            font-size: 20px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .mb-0 {
            height: auto;
            padding: 0px;
        }

        .mb-0 button {
            width: 100%;
        }

        .mb-0 img {
            position: relative;
            width: 100%;
        }

        .card {
            background-color: transparent;
            border: none;
        }

        #Servicios {
            padding-bottom: 2em;
            background-color: #fff;
        }

        /* efectos*/

        .card-header {
            margin: -2px -26px;
        }

        @media screen and (min-width:901px) {
            .row-cortina .img-fluid {
                height: 200px;
                float: right;
            }

            #acordion-servicios1,
            #acordion-servicios2 {
                max-width: 1600px;
            }

            .ef-scale {
                transform: scale(1, 1.2);
                transition: ease-in-out;
                transition-duration: 0.4s;
            }

            .ef-gray {
                filter: grayscale(100%);
            }

            .ef-gray:hover {
                filter: grayscale(0%);
            }

            .ef-scale:hover {
                transform: scale(1);
            }

            #Servicios-acordion {
                padding-bottom: 1em;
                box-shadow: 0px 0px 7px inset;
            }
        }

        @media screen and (max-width:900px) {
            .contenido-par h1 {
                font-size: 24px;
            }

            #acordion-servicios2 {
                margin-top: 2em;
            }

            .mb-0 button {
                width: 80%;
                height: fit-content;
            }
        }

        .card-body {
            text-align: justify;
            font-size: 19px;
        }

        /*dropdown*/

        #collapse_target .dropdown-menu.show a {
            display: flex;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            font-weight: 700;
            color: #fff !important;
            justify-content: center;
            align-content: center;
            padding: 1em;
        }

        #collapse_target .dropdown-menu.show {
            display: flex;
            flex-wrap: wrap;
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 8px;
            padding: 5px;
        }

        @media screen and (max-width:900px) {
            .row-cortina .img-fluid {
                height: auto;
            }

            #collapse_target .dropdown-menu.show a {
                font-size: 22px;
            }
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.9);
            font-family: 'Exo', sans-serif !important;
            font-size: 20px;
            padding: 30px 20px;
        }

        .dropdown-menu.show a:first-child {
            border-radius: 5px 5px 0px 0px;
        }

        .dropdown-menu.show a:last-child {
            border-radius: 0px 0px 5px 5px;
        }

        .cont-penr {
            min-height: 500px;
        }

        .class-contacto {
            padding-bottom: 2em;
        }

        .dark-r {
            color: #000 !important;
            text-shadow: 0px 2px 2px #ffb5b5 !important;
        }


        .dropdown-menu {
            margin-top: 0;
        }

        /*fix mouse trans on menu*/
        @media(min-width: 768px) {
            .ani-title1 {
                animation: text 5s 1;
            }

            @keyframes text {
                0% {
                    font-size: 0px;
                    letter-spacing: 15px;
                }

                80% {
                    letter-spacing: 8px;
                }
            }
        }

        .but-c a {
            padding: 8px 15px;
            background-color: gray;
            color: white;
            border-radius: 4px;
            font-weight: 600;
            font-family: 'Exo', sans-serif;
            display: flex;
            width: fit-content;
            margin: auto;
            justify-content: center;
        }

        .but-c a:hover {
            text-transform: uppercase;
        }

        .bg-1 {
            width: 100%;
        }

        .tablink {
            color: #fff;
            padding: 15px 10px 15px 10px;
            background-color: #000;
            font-weight: 800;
            font-size: 23px;
        }

        .tablink:hover {
            color: red;
            transition-duration: .8s;
        }

        .tab_mampara h3 {
            color: red;
        }

        .row-cortina {
            border: 1px solid black;
            border-radius: 8px;
            box-shadow: 0px 5px 5px #000;
            width: 90%;
            padding: 2%;
            margin-bottom: 20px;
        }

        .cabecera-video {
            height: 100vh !important;
        }

        .centrado {
            text-align: center;
        }

        .blanco {
            color: #fff;
        }

        .mauto {
            margin-left: auto;
            margin-right: auto;
        }

        .fs-17 {
            font-size: 17px;
        }

        .fs-20 {
            font-size: 20px;
        }

        .w-max-content {
            width: max-content;
        }

        .but-contactos .telcontacto a,
        .but-contactos .butcontactoflota a {
            padding: .5em 1em .3em 1em;
            background: red;
            color: white;
            display: block;
            width: max-content;
            transition: all .6s;
            width: 168px;
            text-align: center;
            margin-bottom: 1em;
        }

        .but-contactos .butcontactoflota a {
            background-color: #188c00;
            text-transform: uppercase;
        }

        .but-contactos .telcontacto a:before,
        .but-contactos .butcontactoflota a:before {
            margin-right: .5em;
        }

        .but-contactos .telcontacto:hover a,
        .but-contactos .butcontactoflota:hover a {
            background-color: #000;
        }

        .but-contactos {
            position: fixed;
            bottom: 5px;
            right: 10px;
            z-index: 999999;
        }