﻿body {
}

#signup_box
{
    display:none;
}
.bg-popup
{
   position: fixed;
    top: 0;
    left: 0;
    z-index:999999999;
    width: 100vw;
    height: 100vh;
    overflow-y:auto;
    background: rgba(0, 0, 0, 0.6);  
    display:none; 
    
}
/*SignUp New*/
.wrapperdeal
{
    width:98%;
    max-width:600px;
    margin:0px auto;
    height:auto;
    overflow:hidden;
    position:absolute;
    top:45%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 50px; 
    background: #fff;   
    border-radius:4px;
    z-index:999999999;   
      
}
#close_signup
{
    text-align:right;
    padding:10px;
    cursor:pointer;
    color: #443827;
}
#back_signupdeal
{
    width:100%;
    height:auto;
    margin-bottom:20px;
    display:none;  
}
#box_signup
{
    width:600px;
    overflow:auto; 
    height:600px;       
    margin:auto;
    padding:10px 30px 30px 30px;    
}
#banner_signup
{
    max-width:600px;
    width:100%;
    margin:0px auto;
    text-align:center;
    margin-bottom:30px;
    margin-top:30px;
}
#banner_signup img
{
    width:100%;
}
#bg_banner
{
    width:100%;
    height:auto;
    border-bottom:1px solid #555;
    padding-bottom:20px;    
}
#title_signup
{
    text-align:center;
    font-size:20pt;
    font-weight:bold;    
    color:#3e3e3e;
    text-transform:uppercase;
    line-height:30px;
}
#box_restrictions
{
    width:100%;
    height:auto;
    text-align:left;   
    font-size:12pt;
    line-height:30px;
    margin-top:10px;
    color:#73656d;
}
#restrictions
{
    color:#73656d;    
}
#box_expired
{
    width:100%;
    height:auto;
    text-align:left;   
    font-size:12pt;
    line-height:30px;
    margin-top:10px;
    color:#73656d;
}
#expired
{
    color:#73656d;    
}
#box_serial
{
    width:100%;
    height:auto;
    text-align:left;   
    line-height:30px;
    font-size:12pt;
    color:#4099d3;
    margin-top:10px;
}
#serial
{
    color:#73656d;   
}
#box_serial b
{
     color:#73656d;   
}
.signdeal {
    overflow: hidden;
    width: 100%;
    margin: 0px auto;
    color: #443827;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
   background: url(../images/bg-gold.webp) center 60% no-repeat;
    background-size: cover;
    border-radius: 5px!important;
    
}
#bSubmitS
{
    width: 100%;

    background:
    linear-gradient(
    135deg,
    #f4b2c9 0%,
    #e78fb0 50%,
    #dc7fa3 100%
    );

    background-size: 200% auto;

    box-shadow:
    0 12px 28px rgba(223,127,165,0.26),
    inset 0 1px 1px rgba(255,255,255,0.35);

    padding: 14px 30px;

    font-size: 11pt;

    letter-spacing: 2px;

    font-weight: 600;

    border: 1px solid rgba(255,255,255,0.25);

    text-transform: uppercase;

    text-align: center;

    cursor: pointer;

    margin: 0 auto;

    max-width: 180px;

    color: #fff;

    border-radius: 999px;

    transition: all 0.35s ease;

    margin-top: 20px;
}

/* HOVER */

#bSubmitS:hover
{
    transform: translateY(-3px);

    background-position: right center;

    box-shadow:
    0 18px 35px rgba(223,127,165,0.34);
}
#formsigndeal
{
    margin-top:0px;
}
.formrowtopdeal
{
	color:#73656d;
    margin-bottom:5px;
    text-align:left;
    font-weight: bold;    
}
.formrowdeal
{
	margin-bottom: 10px;
}
.txtboxsigndeal
{
    width:99%;
    border: 1px solid #ccc;
    height: 30px;
}
.buttonrowdeal
{
	text-align: center;
}
#loadspinner
{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    padding-top:250px;
    left:0px;
    overflow:hidden;
    display:none;
    z-index:999999999999999999;
    background:rgba(0,0,0,0.5);
}
#img_loader
{
    width:28px;
    height:28px;
    margin:0px auto;
}
#img_loader img
{
    width:28px;
    height:28px;
}
.row_title_top
{
    width:100%;
    height:auto;
    text-align:left;   
    font-size:12pt;
    line-height:20px;
    margin-top:10px;
    color:#4d4d4d;
}
#row_title
{
    margin-bottom:20px;    
}
/*SignUp New*/





@media screen and (max-width: 600px) 
{
    /*SignUp New*/
    #information
    {
        width:96%;    
    }
    #box_signup
    {
        width:100%;    
    }
    #banner_signup
    {
        width:96%;    
    }
    #banner_signup_deal
    {
        width:96%;    
    }
    /*SignUp New*/
    
}