p{

    text-align: left;

    font: Regular 18px Tahoma;

    letter-spacing: 0.05px;

    color: #5A9DC7;

    opacity: 1;

}

#present{

    padding-bottom: 5px;

    background: transparent url('../assets/Images/Rectangle 3.png') 0% 100% no-repeat padding-box;

    opacity: 1;

}

.text{

    font: normal normal bold 24px Tahoma;

    letter-spacing: 0.08px;

    color: #5A9DC7;

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    text-align: center;

    opacity: 1;

}

    

#Pict1,#Pict2,#Pict3,#Pict4,#Pict5,#Pict6{

    position:relative;

}



.overlay1,.overlay2,.overlay3,.overlay4,.overlay5,.overlay6{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right:0;

    width: 90%; 

    height:220px;

    opacity: 0;

    transition: .5s ease;

    background-color: rgba(255, 255, 255, 0.8);

}



#Pict1:hover .overlay1{

    opacity: 1;

}

#Pict2:hover .overlay2{

    opacity: 1;

}

#Pict3:hover .overlay3{

    opacity: 1;

}

#Pict4:hover .overlay4{

    opacity: 1;

}

#Pict5:hover .overlay5{

    opacity: 1;

}

#Pict6:hover .overlay6{

    opacity: 1;

}



.overlay_1,.overlay_2,.overlay_3,.overlay_4,.overlay_5,.overlay_6{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 15px;

    right:0;

    width: 350px; 

    height:220px;

    opacity: 0;

    transition: .5s ease;

    background-color:  rgba(255, 255, 255, 0.8);

}



#Pict1:hover .overlay_1{

    opacity: 1;

}

#Pict2:hover .overlay_2{

    opacity: 1;

}

#Pict3:hover .overlay_3{

    opacity: 1;

}

#Pict4:hover .overlay_4{

    opacity: 1;

}

#Pict5:hover .overlay_5{

    opacity: 1;

}

#Pict6:hover .overlay_6{

    opacity: 1;

}



#loading{

    width: 100%;

    height: 100%;

    top:0;

    left:0;

    position: absolute;

    background: white url("../assets/Images/loader.gif") no-repeat center;

    z-index: 999;

    overflow: visible;

}



/*#loading-image{

    position: absolute;

    top:50%;

    left:50%;

    z-index:100;

} 



#content {

    display: none;

} */



/* #loading {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 100;

    width: 100vw;

    height: 100vh;

    background-color: rgba(192, 192, 192, 0.5);

    background-image: url("../assets/Images/loader.gif");

    background-repeat: no-repeat;

    background-position: center;

} */


ul.sub-nav {
    list-style: none;
    padding: 10px 20px;
    background: #fff;
    position: absolute;
    /* width: 100%; */
    text-align: center;
    box-shadow: 1px 1px 5px 5px #0000000a;
    z-index: 99;
    display: none;
}
a.nav-link {
    position: relative;
}
.nav-item:hover .sub-nav {
    display: block;
}
a.sub-nav-link {
    color: #5a9dc7;
}