* {box-sizing: border-box;}
body{margin:0 auto;font-family: 'Balsamiq Sans', cursive;font-weight:normal;background-attachment: fixed !important;min-height:97vh !important;}
.main { max-width:768px; width : 100%;margin:0 auto;background-color:#dd87c9;height:91vh;}
.text-center{text-align:center;}

.caption{color:#fff;font-size:2em;}
.caption1{margin:0px 40px;color:#fff;font-size:2em;}
.login-box{ background-color:#518931;border-radius:12px;margin:0px 40px;}
.btn,.text-control{width:85%;padding:10px;border-radius:6px;margin:20px 20px;border:none;margin-bottom:0px;font-family: 'Balsamiq Sans', cursive;font-weight:normal;}
.chk-control{padding:0px;margin-top:12px;margin-bottom:0px;font-family: 'Balsamiq Sans', cursive;font-weight:normal;}
.chk-control td{padding-right:12px;}
.bg-purple{background-color:#e1d157;color:#fff;font-weight:bold;font-size:20px;}
.btn{margin-bottom:30px;}
.top-150{padding-top:150px;}
.top-100{padding-top:100px;}
.top-50{padding-top:50px;}
.top-10{padding-top:20px;}
.mt-100{margin-top:100px;}
.mt-10{margin-top:10px;}
 .wrapper1{background-color:#fff;padding:10px;}
@media only screen and (max-width:800px) {
  /* For tablets: */
  .top-100{padding-top:50px;}
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .top-100{padding-top:20px;}
}


/*IE9*/
*::selection 
{
    background-color:transparent;
} 
*::-moz-selection
{
    background-color:transparent;
}
*
{        
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}