.gallery-container{
    width:100%;
    height:auto;
    padding-top : 75px;
    background-color: #fefefe;
}
.vertical-menu{
    padding-top: 95px;
}
.gallery-container ul{
    list-style:none ;
    font-family:'Saira';
}
.gallery-container li{
    padding: 3px;
    padding-left: 20px;
    transition: all ease 0.2s;
    width: 50%;
    cursor: pointer;
}
.fixer {
    overflow-y: scroll;
    position: fixed;
}
.gallery-container li:hover{
    background-color: #0054a5;
    color:#fefefe;
    width: 100%;
}
.activer{
    background-color: #0054a5;
    color:#fefefe;
    width: 100%!important;
}
.disp{
    display: none;
    transition: all ease 0.3s;
    width: 100%;
    height:85vh;
    padding: 30px;
    background-color:#f9f9f9;
}

#calulut{
    display: block;
}
.show{
    display: block;
}
.hide{
    display: none;
}
.photo-thumb{
    width: 100%;
    height:140px;
    text-align: center;
}
.photo-thumb img{
    width: 90%;
    height:auto;
    cursor: pointer;
    transition: all ease 0.3s;
    margin: 0 auto;
    border: 5px solid #717171;
}
.photo-thumb img:hover{
    width: 100%;
}
.disp h3{
    font-family:'Saira';
}
.modaler{
    height: 96%;
    overflow: hidden;
    text-align: center;
    padding: 20px;
    top: 20px!important;
}
.modaler img{
    height: 100%;
    margin: 0 auto;
}