/* 
.carousel-control-prev,.carousel-control-next{
    background: linear-gradient(0,transparent, rgba(0,0,0,.4),transparent) !important;
} */

@font-face {
    font-family: "Swis721cnbt";
    src: url('../../fonts/Swis721\ Cn\ BT\ Bold.woff');
}
@font-face {
    font-family: "Swis721roman";
    src: url('../../fonts/Swis721\ Cn\ BT\ Roman.woff');
}
:root{
    --blue: rgb( 25, 69, 108) !important;
    --green: rgb(7, 170, 93) !important;
}       body{
    font-family: 'Swis721roman';
} 
.hide{
    display: none;
}

#unmuteButton{
    position: absolute;
    top: 90vh;
    right: 10px;
    z-index: 40000;
    border: none;
    background: none;
    color: rgba(255,255,255,.7);
    font-size: 20px;
    outline: none;
}
#unmuteButton:hover{
    color: rgba(255,255,255,1);
}
#unmuteButton:focus{
    outline: none;
}
.esperar{
    display: none;
}
.esperar.active{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255,255,255,.8);
    display: flex;
    z-index: 20000;
    justify-content: center;
    align-items: center;
}
.esperar h1{
    position: relative;
    font-size: 7rem;
    color: var(--blue);
    display: flex;
}
.esperar i{
    position: absolute;
    animation: girar 1s linear infinite;
    transform-origin: center;
}
#txtusudesc{ position: absolute; right: 100px;}
.empresa-img img {
    transition: .5s;
    cursor: pointer;
}
.empresa-img img:hover {
    transform: scale(1.1);
}
.whatermark{
    opacity: .6 !important;
}
.bg-primary2{
    background: var(--blue);
}
.text-primary2{
    color: var(--blue);;
}
h1,h2,h3{
    font-family: 'Swis721cnbt';
}
.btn1{
    display: block;
    margin: 5% 50%;
    width: 25%;
    transform:translate(-50%);
    font-family: "Swis721cnbt";
    align-content: center;
    text-align: center;
    text-decoration: none;
    background: var(--blue);
    padding: .5em ;
    color: white;
    font-size: 20px;
    border-radius: 50px;
    border: none;
    
}
.btn1:hover{
    transition: .5s;
    box-shadow: 0 0 10px black;
    background: var(--green);
    color: white;
}
.display-1{
    font-family: "Swis721cnbt";
    font-size: 200%;
    text-align: center;
    font-weight: bolder;
}
.display-2{
    font-family: "Swis721cnbt";
    margin: 0;
    padding: 0;
    color: rgb(100,100,100);
    font-size: 300%;
    text-align: center;
    font-weight: bolder;
}
        body,
        ul {
            padding: 0;
            margin: 0;
        }
        .bg-sirsa{
            background: #1c446c;
        }
        .video {
            position: relative;
            margin: 0;
            padding: 0;
            width: 100%;
            overflow: hidden !important;
        }
        .fideodark{
            content: '';
            position: absolute;
            top:0;
            left: 0;
            width: 100%;
            min-height: 10vh;
            /* height: 150vh !important; */
            background: rgba(0,0,0,.5);
        }
        .video video {
            background: silver;
            position: absolute;
            padding: 0;
            width: 100% !important;
            height: auto !important;
        }

        section {
            padding: 0 !important;
            padding: 70px 0 !important;
            min-height: 100vh;
            box-sizing: border-box;
        }

        #header.big a:hover {
            color: rgba(255, 255, 255, 1);
        }

        #header.big a {
            color: rgba(255, 255, 255, .7);
        }

        #header a:hover {
            color: rgba(0, 0, 0, 1);
        }

        #header a {
            color: rgba(0, 0, 0, .7);
            text-decoration: none;

            text-transform: uppercase;
        }

        #logo {
            font-size: 1.5rem;
            font-weight: bold;
        }

        #header.big {
            background: none;
        }

        #header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            display: flex;
            box-sizing: border-box;
            height: 70px;
            padding: 1rem;
            align-items: center;
            justify-content: space-between;
            background: #e7e7e7;
            z-index: 30000;
            transition: 1s;
        }

        #menu {
            display: flex;
            list-style: none;
            gap: .5rem;
            box-sizing: border-box;
        }

        #menu li {
            position: relative;
        }

        header.big #menu li span::before {
            position: absolute;
            content: '';
            width: 0%;
            height: 3px;
            background: linear-gradient(90deg, transparent, white, transparent);
            transition: .3s;
        }

        header.big #menu li a:hover~span::before {

            width: 100%;
        }

        header.big #menu li span {
            display: block;
            width: 100%;
            height: 2px;
            background: none;
            transition: 1s;
        }

        #btn-mobile {
            display: none;
        }

        #header .logo {
            width: 100px;
        }

        #header.big .logo {
            display: none;
        }

        #header .logowhite {
            display: none;
        }

        #header.big .logowhite {
            display: block;
            position: absolute;
            top: 40px;
            left: 20px;
            width: 200px;
            transition: 1s;
        }

        .spacer {
            height: 70px;
        }

        footer a {
            text-decoration: none;
            text-align: right;
        }
        .banner{
            display: flex;
            justify-content:right;
            align-items: center;
        }
        @media (max-width: 600px) {
            .video {
                margin-top: 70px !important;
                
            }

            #header.big .logo {
                display: block;
            }

            #header.big a {
                color: black;
            }

            #header.big .logowhite {
                display: none;
            }

            #header.big {
                background: #e7e7e7;
                
            }

            #nav #menu {
                visibility: hidden;
                transform: translateY(-70px);
                opacity: 0;
                display: block;
                position: absolute;
                top: 70px;
                left: 0;
                width: 100%;
                background: #e7e7e7;
                height: auto;
                transition: .5s;
            }

            #nav.active #menu {
                visibility: visible;
                height: calc(100vh - 70px);
                opacity: 1;
                overflow-y: auto;
                transform: translateY(0px);
                transition: 1s;
            }

            #menu a {
                color: black !important;
                display: block;
                width: 100%;
                text-align: center;
                padding: .5rem;
                font-size: 2rem;
                border-bottom: 1px solid #b7b7b7;
            }

            #menu a:hover {
                background: rgba(0, 0, 0, .1);
            }

            #btn-mobile {
                display: flex;
                border: none;
                padding: .5rem .1rem;
                cursor: pointer;
                background: none;
                gap: .5rem;

            }

            #btn-mobile #hamburger {
                border-top: 2px solid;
                width: 20px;

            }

            #btn-mobile #hamburger::after,
            #btn-mobile #hamburger::before {
                content: '';
                display: block;
                width: 20px;
                height: 2px;
                background: black;
                margin-top: 5px;
                transition: .3s;
            }

            #nav.active #btn-mobile #hamburger {
                border-top: transparent;


            }

            #nav.active #btn-mobile #hamburger::before {

                transform: rotate(135deg);
            }

            #nav.active #btn-mobile #hamburger::after {
                position: relative;
                transform: rotate(-135deg);
                top: -7px;
            }
            .btn1{
                width: 100% !important;
            }

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