.conhint{
    position:fixed!important;
    top:30px;
    left:50%;

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

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

    transform: translate(-50%, 0);
    background-color:#954858;
    z-index:999999999999!important;
    max-width:800px;
    height:400px;
    font-family: "Verdana", sans-serif!important;
    color:#ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:20px 40px;
    display:none;
}

.conhint p,.conhint h2, .conhint h3,.conhint strong{
    font-family: "Verdana", sans-serif!important;
    color:#ffffff!important;
}
.conhint p,.conhint strong{
    font-size:16px!important;
    line-height:21px!important;
    padding:0 0 15px 0!important;
}
.conhint h2
{
    text-transform: uppercase;
    margin:20px 0;
    font-size:17px;
    font-weight: bold;
}
.conhint h3{
    text-transform: uppercase;
    margin:20px 0;
    background-color: transparent!important;

    font-size:20px;

}
.conhint .closebtn{

    width:23px;
    height:23px;
    border:1px solid;
    border-radius:50%;
    padding:5px;
    float:right;
    cursor:pointer;
box-sizing: unset;
}
.conhint .closebtn img{
width:100%;
height:auto;
    vertical-align: unset;
}
.conhint p.strong{
    font-weight: bold;
}

.activehint{
    display:block!important;
}
@media screen and (max-width:800px){
    .conhint{
        overflow-y:scroll;
        height:100%;
        padding:20px 10px;

    }
}