@media only screen and (max-width:767px){.container{padding-right:5px;}
 .mobilecol{padding:0 5px 0 5px;}
 .contact_formblock{background-color:#4A4A4A;margin-top:20px;margin-bottom:20px;padding:2px;}
 .input-group input{font-size:16px;color:#000;}
}
p a{text-decoration:underline;}
.tac{text-align:center!important;}
.Whichrole{margin:20px 0px;font-size:22px !important;}
.g-recaptcha{margin-top:20px;float:right;}
.sandboxbutton{background-color:#52ad3b;border:0;font-size:20px;text-align:center;padding:20px 50px;margin:30px 0;width:100%;color:#fff;}
 .sandboxbutton:hover{background-color:#52ad3b;border:0;text-align:center;}
 /*Top*/

.TopEntry h1{color:#000;margin-bottom:10px;font-weight:300;font-size:42px;text-align:center;}
.TopEntry p {text-align:center;color:#000;font-size:16px;}
.TopEntry {margin:20px 0px;}

 /*Signup Right*/
  .SignupRight {color:#444;padding-left:40px;}
.SignupRight{padding-top:40px;}
.SignupRight h4 {color:#7e7e7e;margin-left:0px;font-size:20px;font-weight:400;margin-bottom:20px;}
.SignupRight ul {}
.SignupRight li{font-size:15px;line-height:26px;margin-bottom:10px;}
.SignupRight i {line-height:26px;font-size: 22px;color:#98be7c;}
.SignupRight hr{    border-top: 1px solid #d5d5d5;}
.input-group-addon {color: #000!important;}
.mobilecol fieldset{padding:6px;}
.mb100{margin-bottom:300px;}
li .fared{color:#e16f6f;}
.errormessage strong{color:#e6e512;}
.SuccessEmailConfirm{background-color: #65b43f; color: #fff; font-size: 16px; padding: 10px 20px;}
.SignupSuccess {color:#000;}
.SignupSuccess .SuccessMessagePara {text-align:center;font-size:15px;margin-top:20px;}


/*Thanks*/
.Thankscont {color:#000;}
.Thankscont div{font-size:16px;margin-top:20px;}
    
    
    
    
    
    
    .asd {
    }

@media only screen and (max-width:500px){.input-group span{display:none;}
 .input-group-addon{display:none;}
 .sandboxbutton, .sandboxbutton:active, .sandboxbutton:focus{background-color:#52ad3b;border:0;font-size:18px;text-align:center;padding:25px 0px;margin:20px 0 20px 0px;width:100%;}
 .contact_formblock{background-color:#4A4A4A;margin-top:20px;margin-bottom:20px;padding:2px;}
 .input-group .form-control{height:50px;width:80vw;}
::-webkit-input-placeholder{/* Chrome/Opera/Safari */ color:pink;} ::-moz-placeholder{/* Firefox 19+ */ color:pink;} :-ms-input-placeholder{/* IE 10+ */ color:pink;} :-moz-placeholder{/* Firefox 18- */ color:pink;} .contact_formblock{min-width:30px;/*margin-left:-10px;margin-right:-10px;*/ } }
.rowhite{background-color:#fff;}
.errormessage{padding:10px 20px 10px 20px;color:#fff;background-color:#c33f2e;font-size:16px;text-align:center;margin-top:0px;}
.form-group label{color:#000;}
.control-label{font-weight:400;color:#000;font-size:14px;font-family:'Open Sans', sans-serif;text-align:right;}
.checkss{}
.input-group .form-control{height:60px;color:#000;font-size:16px;}
.evenuppre{line-height:36px;}
.contact_formblock{margin-top:20px;margin-bottom:20px;  border: 1px solid #c5c5c5;box-shadow: 0 10px 50px -6px rgba(0,0,0,0.16);}
    .contact_formblock fieldset {
        padding: 40px 20px;
    }

.mobilecol{background-color:#f5f6f8;padding-bottom:40px;padding-top:20px;}

.input-group-addon{min-width:150px;text-align:right;font-size:15px;}
.datatoggle a, .datatoggle a:hover, .datatoggle a:link, .datatoggle a:visited, .datatoggle a:active, .datatoggle a:focus{text-decoration:none;color:#000;}
.datatoggle{line-height:40px;padding:5px 10px 5px 10px;font-size:16px;background-color:#1873AB;line-height:16px;margin:10px;line-height:40px;color:#fff;}
 .datatoggle.blue{background-color:#4CB71E;color:#fff;line-height:40px;}
 .datatoggle:hover{background-color:#4CB71E;color:#fff;line-height:40px;}
.signuptextarea{height:120px !important;color:#000;font-size:16px;line-height:22px;}
input[type=checkbox].css-checkbox{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
 input[type=checkbox].css-checkbox + label.css-label{padding-left:36px;min- height:24px;display:inline-block;line-height:24px;background-repeat:no-repeat;background-position:0 0;font-size:14px;vertical-align:middle;cursor:pointer;color:#000;font-weight:400;margin-top:5px;margin-left:15px;}
 input[type=checkbox].css-checkbox:checked + label.css-label{background-position:0 -24px;}
label.css-label{background-image:url(/images/csscheckbox.png);-webkit-touch-callout:none;-webkit-user-select:none;-html-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.signuppage .input-group{margin-top:20px;margin-bottom:0px;}
.signuppage .ipaddr{color:#000;padding-top:40px;}
.sandboxNextStep{margin-top:10px;}
strong{font-weight:600;}
.sandboxNextStep h1{font-weight:400;color:#2184C1;}
.vertical-center{text-align:center;min-height:100%;/* Fallback for browsers do NOT support vh unit */ min-height:50vh;/* These two lines are counted as one:-) */ display:flex;align-items:center;}
.thankyoubox{min-height:400px;}
.thanksimage{color:#3E3E3E;padding:10px;font-size:42px;font-weight:300;text-transform:initial;}
.nextstepdocs{text-align:center;padding:20px;font-size:16px;color:#000;}
 .nextstepdocs h4{font-weight:300;font-size:22px;}
 .nextstepdocs img{margin-top:20px;}
.signup-left{padding-top:40px;}
 .signup-left h1{color:#444;font-size:32px;font-weight:400;}
 .signup-left li{color:#444;font-size:14px;padding-left:5px;line-height:12px;height:28px;}
#leftlist{line-height:1.5em;list-style-image:url(/images/greentick18.png);margin:40px;padding-left:35px;}
.MIddleName{display:none;}
.BoxError{border: 2px solid red;}

.trialaccess {}
.trialaccess li{margin-bottom:5px;font-size:14px;color:#444;}
    .trialaccess i {font-size:14px;} 
    
    
    
    * {
        box-sizing: border-box;
    }







/* form starting stylings ------------------------------- */
.form-group {
    position: relative;
    margin-bottom: 45px;
  min-height:50px;
}

input {
    font-size: 18px;
    color:#000;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #bcbcbc;
}

    input:focus {
        outline: none;
    }

/* LABEL ======================================= */
.form-group label {
    color: #444;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #5264AE;
}

/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block;
    width: 100%;
}

    .bar:before, .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #3f68b4;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #3f68b4;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #3f68b4;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #3f68b4;
    }

    to {
        width: 0;
        background: transparent;
    }
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}