* {
    font-family: 'Raleway';
}

.f12{
    font-size:1.2em;
}

.text-primary {
    color: #0d47a1 !important;
}

.bg-primary {
    background-color: #115293 !important;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.navbar-light .text-light {
    color: #0d47a1 !important;
}

.navbar-light .navbar-toggler {
    color: rgba(13,71,161, 0.5);
    border-color: rgba(13,71,161, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2842, 96, 148, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.bg-effect {
    background-color: #fff;
    background-image: linear-gradient(-135deg,#115293,#64b5f6, #33eaff);
}

.carousel-item>img {
    width: 100%;
    zoom: 7;
    max-height: 100px;
}

.jumbotron{
    border-radius:0;
}

#modal{
    display:none;
}

.no-desktop {
    display: none;
}

.no-mobile{
    display:inherit;
}

.image-mp{
    width: 100%;
}

@media (min-width: 1200px) {
    .image-mp {
        width: auto;
    }
}

@media (max-width: 768px) {
    .d-grid-custom.show, .d-grid-custom.collapsing {
        display: grid !important;
        background: #17599a;
        width: 100%;
    }

    .navbar-light .text-light {
        color: #ffffff !important;
    }
}

    @media (min-width: 768px) {
        .collapse, .navbar-expand-custom {
            display: block !important;
        }

        .image-mp {
            width: auto;
            max-width: 90%;
        }
    }

    @media only screen and (max-width: 415px) {
        .carousel-item > img {
            height: 100vw !important;
            transform: scale(2);
        }

        .no-desktop {
            display: inherit;
        }

        .no-mobile {
            display: none;
        }
    }

    .navbar-fixed-top {
        position: fixed;
        width: 100%;
        z-index: 2;
    }

    @media only screen and (max-width: 360px) {
        /*header.navbar{
        padding: .5rem .5rem;
    }*/

        .navbar-collapse-custom {
            transition-duration: 0ms;
        }

        .text-center-sm {
            text-align: center !important;
        }
    }

    .no-desktop video {
        pointer-events: none;
    }

    /*main{
    padding-top: 73px;
}*/

::-webkit-input-placeholder { /* Edge */
    font-size: 12px;
    font-family: 'Raleway';
    font-weight: 100 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 12px;
    font-family: 'Raleway';
    font-weight: 100 !important;
}

::placeholder {
    font-size: 12px;
    font-family: 'Raleway';
    font-weight: 100 !important;
}

    ::-webkit-scrollbar {
        width: 8px; /* Tama�o del scroll en vertical */
        height: 8px; /* Tama�o del scroll en horizontal */
    }

    /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
    ::-webkit-scrollbar-thumb {
        background: #64b5f6;
        /*    border-radius: 4px;*/
    }
        /* Cambiamos el fondo y agregamos una sombra cuando est� en hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #185b9c;
            box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
        }
        /* Cambiamos el fondo cuando est� en active */
        ::-webkit-scrollbar-thumb:active {
            background-color: #185b9c;
        }

    /* Ponemos un color de fondo y redondeamos las esquinas del track */
    ::-webkit-scrollbar-track {
        background: #e1e1e1;
    }
        /* Cambiamos el fondo cuando est� en active o hover */
        ::-webkit-scrollbar-track:hover,
        ::-webkit-scrollbar-track:active {
            background: #d4d4d4;
        }