@font-face{
    font-family: Cloud;
    src: url(font/Cloud-Light.otf);
}
a:hover{
    text-decoration: none;
}
body{
    font-family: Cloud;
}

.form-login {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.margin-top{
    margin-top: 20px;
}
.size-box{
    width: 40px;
    height: 40px;
}
.nav-active{
    font-weight: bold;
   color: #FD6E8A;
}
.color-nav-noneactive{
    color: #0C7BDA;
}
.colot-nav-active{
    color: #FD6E8A;

}

.box-shadow:hover{
    -webkit-box-shadow: -1px 12px 26px -3px rgba(0,0,0,0.48);
    -moz-box-shadow: -1px 12px 26px -3px rgba(0,0,0,0.48);
    box-shadow: -1px 12px 26px -3px rgba(0,0,0,0.48);
    transition: ease-in-out 0.3s;
    text-decoration: none;
    cursor: pointer;

}
.shadow{
    -webkit-box-shadow: -1px 12px 26px -3px rgba(0,0,0,0.48);
    -moz-box-shadow: -1px 12px 26px -3px rgba(0,0,0,0.48);
    box-shadow: -1px 12px 26px -3px rgba(0,0,0,0.48);
    transition: ease-in-out 0.3s;
}
.resize_img{
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
h4{
    /* text-decoration: none;*/
 } 

.colortext-hilight{
    color:#0C7BDA;
    font-weight: bold;
}
.active-nav{
    color:#FD6E8A
}
.size-img-color{
    width: 44px;
    height:44px;
}
.over-text-navber:hover{
    cursor: pointer;
    color:#0C7BDA;
}

.over-text-footer:hover{
    cursor: pointer;
    text-decoration: underline;
}
.over-text-footer:hover h4{
    cursor: pointer;
    color: #333;
    transition: ease-in-out .2s;
}
.text-color-white{
    color: white
}