#homepage-modal-holder-placed
{
    display: none;
}
#homepage-modal
{
    
    width: 100%;
    height: 100%;
    position: relative;
    /*background-image: url("/widgets/soeHomepageModal/images/soe-hm-visitors.jpg");*/
    background-repeat: no-repeat;
    
    background-color: white;
}
#homepage-modal-holder
{
    width: 945px;
    height: 471px;
    position: relative;
    margin: 0 auto;
}
#homepage-modal h1
{
    color: #09c3f1 !important;
    background-color: transparent !important;
    
    margin: 0;
    padding: 25px 0 0.25em 0;
}
#homepage-modal ul.menu
{
    list-style-type: none;
    margin: 0;
    padding: 0;   
}
#homepage-modal ul.menu li
{
    
}
#homepage-modal ul.menu li a
{
    font-size: 1.5em;
    color: #707070;
    border-bottom: 1px solid #707070;
    display: block;
    text-decoration: none;
    line-height: 2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
#homepage-modal ul.menu li a.current
{
    color: White;
    background-color: #707070;
    text-decoration: none;
}
#homepage-modal ul.menu li a:hover
{
    color: White;
    background-color: #f19c09;
    text-decoration: none;
    border-bottom: 1px solid #f19c09;
}

#homepage-modal .left-text
{
    width: 260px;
    float: left;
    background-color: White;
    height: 100%;
    padding-left: 25px;
    position: relative;
    z-index: 2;
}
#homepage-modal .trans
{
    position: relative;
    z-index: 1;
}
#homepage-modal .back
{
    z-index: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}
#homepage-modal .back div
{
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    background-position: top right;
    background-repeat: no-repeat;
}
#homepage-modal .back div.hovered
{
    z-index: 2;
}
#homepage-modal .logo
{
    position: absolute;
    right: 15px;
    bottom: 15px;
}
button.mfp-close
{
    right: -15px;
    top: -15px;
    color: white !important;
    font-size: 30px;
    background-color: black;
    border-radius: 25px;
    font-weight: normal;
    padding: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border: 1px solid #fff;
}
.mfp-close:active {
    top: -15px; }
.tempback
{
    background-color: White;
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 260px;
}
#homepage-modal .left-text p
{
    width: 300px;
}
.homepage-modal-chk-holder
{
    color: white;
    text-align: center;
    font-size: 1.25em;
    background-color: black;
    padding: 0.5em 0;
    width: 945px;
    background-color: #707070;
}
.homepage-modal-chk-holder input
{
    margin-right: 0.5em;
}

@media all and  (max-width: 970px) 
{
    #homepage-modal
    {
        /*overflow: hidden;*/
        width: 100%;
        height: 100%;
        border-right: 1px solid #fff;
    }
    #homepage-modal-holder
    {
        width: 95%;
        height: 100%;
    }
    .homepage-modal-chk-holder
    {
        width: 100%;
    }
}
@media all and  (max-width: 900px) 
{
    #homepage-modal .back div
    {
        right: -10%;
    }
    #homepage-modal
    {
        border-right: 1px solid #fff;
    }
}
@media all and  (max-width: 850px) 
{
    #homepage-modal .back div
    {
        right: -20%;
    }
    #homepage-modal
    {
        border-right: 1px solid #fff;
    }
}
/*
@media all and  (max-width: 660px) 
{
    #homepage-modal .logo
    {
        display: none;
    }
}*/
@media all and  (max-width: 740px) 
{
    #homepage-modal .trans
    {
        display: none;
    }
    #homepage-modal .left-text
    {
        width: 100%; 
        padding-right: 25px;
        float: none;
        padding-bottom: 25px;
    }
    #homepage-modal ul.menu li a
    {
        font-size: 1.15em;
    }
    #homepage-modal .left-text p
    {
        width: 100%;
    }
    .homepage-modal-chk-holder
    {
        font-size: 1em;
    }
}