
.popupout{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;display:none}
#popup {
    background-color: #fff;
    border: 5px solid #fff;
    max-height: 90%;
    left: 50%;
    margin-left: -435px;
    overflow-y: auto;
    padding: 35px 81px;
    position: fixed;
    top: 5%;
    width: 850px;
    border-radius: 5px;
}
#popup .alert{text-align:center;display:none}
#popup .close{height:15px;position:absolute;right:15px;top:15px;width:15px;cursor:pointer;}
#popup input::-webkit-input-placeholder{color:#444;font-family:Lato,sans-serif}
#popup input::-moz-placeholder{color:#444;font-family:Lato,sans-serif}
#popup input:-ms-input-placeholder{color:#444;font-family:Lato,sans-serif}
#popup input:-moz-placeholder{color:#444;font-family:Lato,sans-serif}
#popup .h{color:#b41c58;font-size:29px;font-weight:900;line-height:1;margin-bottom:40px;text-align:center;text-transform:uppercase}
#popup .h2{color:#363636;font-size:17px;font-weight:900;margin-top:20px;margin-bottom:10px;}
#popup .l .item1 .txt1,#popup .l .item1 .txt2{font-size:13px;line-height:1;margin-bottom:3px;}
#popup .item1 img{height:140px;margin-bottom:20px;}
#popup .l{float:left;width:49%;}
#popup .r{float:right;width:49%;}
#popup input[type='text'], #popup input[type='email'] {
    border: 1px solid #c2c2c2;
    margin: 0 0.5% 5px 0.5%;
    width: 49%;
    padding: 1% 2%;
    float: left;
}

#popup input[type='submit'] {
    color: white;
    background-color: #54669d;
    border: none;
    padding: 14px 26px;
    font-size: 25px;
    margin: 20px auto auto auto;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 6px;
}

.mhalert{}
.mhalert .h{text-align: center;}
.mhalert p{text-align: center;}
.mhalert input {
    font-size: 18px;
    height: 35px;
    float: none !important;
    display: inline-block !important;
    margin: -39px 0 0 0 !important;
}
.mhalert button {
    margin: 0 !important;
    display: inline-block !important;
    padding: 5px 13px 12px 13px;
    line-height: 1;
}
.mhalert img {
    height: 273px;
    display: block;
    margin: auto auto 13px auto;
}
#mhclock {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #b41c58;
    margin-top: 2px;
    margin-bottom: 20px;
}

.mhalert button {
    margin: 0 !important;
    display: inline-block !important;
    padding: 5px 13px 12px 13px;
    line-height: 1;
        background: #135e99;
    border: none;
    font-size: 20px;
    color: #fff;
    padding: 6px 18px;
    margin-bottom: 24px;
    cursor: pointer;
}

@media (max-width: 885px) {
    #popup {
        background-color: #fff;
        border: 5px solid #fff;
        max-height: 85%;
        left: 0;
        margin-left: 0;
        overflow-y: auto;
        padding: 2%;
        top: 5%;
        width: 100%;
        border-radius: 0;
    }
    #popup .l,#popup .r{float:none;width:100%;}
    .sales-template .buy-button{display:block;}
    .hidemobile{display:none}
}

.clearfix:after,.clearfix:before{content:'0';display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}div.news{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;padding:10px 15px;border:1px solid #ccc}


@media (min-width: 641px) {
    .popup_txt_desktop{display:block;}
    .popup_txt_mobile{display:none;}
}

@media (max-width: 640px) {
    .popup_txt_desktop{display:none;}
    .popup_txt_mobile{display:block;}
}