header{
    position: sticky!important;
    top: 0!important;
    z-index: 999999;
}
/*logo*/
.logo{
    width: 300px;
    height: 70px;
}
.logo img{
    width: 88%;
}
/*navigation button*/
.navigation__button{
    color: #3C66A1!important;   
}
.navigation__button:focus{
    outline: #3C66A1!important;
}
/*navigation toggler*/
.navigation__toggler{
    position: relative;
    width: 50px;
    height: 60px;
}
       .top,
       .middle,
       .bottom{
           position: absolute;
           left: 20%;
           width: 50%;
           background-color:#3C66A1;
           border: 1px solid #3C66A1;
           margin-top: 0;
           margin-bottom: 0;
       }
       .top{
          
           top: 18px;
       }
       .middle{
           top: 49%;
       }
       .bottom{
           bottom: 18px;
       }
       .appear{
           opacity: 1;
           transition: 300ms all ease;
       }
       .disappear{
        opacity: 0;
        transition: 300ms all ease;
       }
        .schedule-spin{
            transition: 300ms all ease;
            transform: rotate(-45deg);
       }
        .counterclockwise-spin{
            transition: 300ms all ease;
            transform: rotate(45deg);
       }
        .neutral-spin{
            transition: 300ms all ease;
            transform: rotate(0deg);
       }
/*separator nav link*/
.separator-link{
    padding-top: 5px;
    color: #3C66A1;
}
    .separator-link-vertical{
        background-color: #3C66A1;
        width: 60%;
        margin: 0 auto;
    }
/*correction bootstrap*/
.navbar{
   background-color:rgb(255, 255, 255)!important;
   background-repeat: repeat;
   box-shadow: 0 6px 10px rgba(75, 75, 75, 0.3);
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 4%;
   padding-right: 4%;
   
}
  
    .navbar-nav li{
        text-align: center;
    } 
    .navbar-social{
        text-align: center;
        margin-left: 30px;
        margin-right: 30px;
        padding-bottom: 8px;
        padding-top: 8px;
    }
        .navbar-social i{
            color: #3C66A1;
            margin-left: 5px;
            margin-right: 5px;
                
        }
        .navbar-social i:hover{
            transform: scale(1.5);
        }
        .navbar-social p{
            display: inline;
            color: white;
        }
.nav-link__normal{
    /* font-family: 'Gelasio', serif; */ 
    color: #3C66A1!important;
}
    .nav-link__especial{
        display: inline-block;
        background-color: #3C66A1;
        color: #fff!important;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 5px;
        /* text-shadow: 0px 1px 2px black; */
    }
    
.nav-link:hover{
    color: rgb(116, 190, 240)!important;
}
.navbar-toggler{
    color: white!important;
}
.dropdown-item:hover{
    background-color: #3C66A1!important;
    color: #fff;
}
@media (max-width:991px){
    .nav-link__especial{
        width: 30%;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar{
        padding-left: 0!important;
        padding-right: 0!important;
    }
}
@media (max-width:767px){
    .info strong{
        display: block!important;
        width: 50%;
        margin-bottom: 4px;
        margin-right: auto;
        margin-left: auto;
    }
    .info span{
        display: inline-block;
        font-size: 13px;
        line-height: 1.3;
    }
}
@media (max-width:390px){
    .logo{
        width: 250px;
    }
}