/* Write your custom CSS here */
.logoinicio{
    width: 100%;
    max-width: 300px;
    display: block;
    margin: auto;
}
.mt-1 {
    margin-top: 1vh !important;
}

.logo-colegio, .logo-awali {
    width: 100% !important;
}

.mt-3 {
    margin-top: 3vh !important;
}

.p-2 {
    padding: 2%;
}

.p-4 {
    padding: 4%;
}

.p-5 {
    padding: 5%;
}

.tabs-left .tab-pane {
    margin-left: 60px;
}

.topmenu-outer {
    background-color: #0093D6 !important;
}


.topmenu-outer a, .top-menu .navbar-nav>li>a>i {
    color: #fff;
}
.topmenu-outer .top-menu ul li{
    background-color: #0093D6;
}

.top-menu .navbar-nav>li {
    height: 49px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    padding: 1%;
}

.color-v {
    color: #0093D6;
}

.sindots {
    list-style: none;
}

.sindots li i {
    color: #0093D6;
}

.banner {
    background-image: url('/img/banner-1.jpg');
    background-size: cover;
    min-height: 30vh;
    background-position: center;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    flex-direction: column;
    border-bottom: 30px solid #0093D6 !important;
}

.banner-viaje {
    background-image: url('/img/awali/banner_padre.jpg');
    background-size: cover;
    min-height: 30vh;
    background-position: center;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    flex-direction: column;
    border-bottom: 30px solid #0093D6 !important;
}

/**
.banner-viaje::before {
    content: "";
    position: absolute;
    height: 34vh;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
}
**/

.tenencuenta {
    background-color: #e3e3e3;
    padding: 3%;
}

.barraprogreso>div {
    background-color: #e3e3e3;
    padding: 0.5% 0;
    border: 3px solid #f1f4f8;
}

.progreso {
    background-color: #777575 !important;
}


.cd-gallery>li {
    width: 46% !important;
}

.card-nov {
    width: 50%;
    margin-right: 2%;
    padding: 0;
}

.cd-item-wrapper {
    margin: 0 !important;
}

.cd-item-wrapper li.selected {
    width: 100%;
    height: 30vh;
    overflow: hidden;
}

.cd-item-wrapper li {
    padding: 0;
    left: 0;
    margin: 0;
}

.slideshow figure {
    border: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

@media(max-width:700px) {

    .logo-colegio {
        width: auto !important;
        height: 100px !important;
        display: block;
        margin: auto;
    }

    .banner-viaje p, .banner-viaje h1, .banner-viaje {
        text-align: center;
    }

    .logo-awali {
        display: none !important;
    }

    .search-button {
        display: none;
    }

    .sidebar-pusher i {
        color: #fff;
    }

    .cd-gallery>li {
        width: 100% !important;
    }

    .page-footer {
        text-align: center;
    }
}

@media only screen and (min-width: 1110px) {
    .cd-gallery>li {
        width: 46%;
        float: left;
        margin-right: 4%;
        margin-bottom: 2.5em;
    }
}