body{
    padding:0;
    margin:0;
    background-color: #900069 ;
	
}
.inner {
    position: absolute;
}
.inner-container {
    width: 100%;
    height: 100%;
}
.container-left{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
	background-color: #A50079;
   padding-top: 50%;
}
.container-right{
    margin-top:3%;
    width: 50%;
    left: calc(50vw);
    overflow: hidden;
    position: absolute;
    top: 30vh;
	
}
.box{
    font-family: Helvetica;
    color: #fff;
    padding: 30px 0px;
    vertical-align: middle;
}
.division{
    position: absolute;
    height: 100%;
    width: 100%;
    font-family: Helvetica;
    color: #fff;
    padding: 30px 0px;
    top: 15vh;
}
.box h3{
    text-align:center;
    margin:30px 0;
    font-size:30px;
}
.box input{
    display:block;
    width:53%;
    margin:20px auto;
    padding:15px;
    color: #A50079;
    border:0;
}
.box input:focus,.box input:active,.box button:focus,.box button:active{
    outline:none;
}
.box button{
    background: #4F1967;
    border:0;
    color:#fff;
    padding:10px;
    font-size:20px;
    width:53.1%;
    margin:20px auto;
    display:block;
    cursor:pointer;
}
.box button:active{
    background:#a50079;
}
.box p{
    font-size:14px;
    text-align:center;
}
.box .checkbox{
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    left: 23vh;
}
.text-muted {
    color: #fff;
}

.pull-left{
    right: -8vh;
    font-size: 18px;
    top: 3px;
}

.c-checkbox span, .c-radio span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    margin-right: 5px;
    text-align: left;
}
.c-checkbox:hover span, .c-radio:hover span {
    border-color: #FFF;
}
.c-checkbox input[type=checkbox]:checked+span{
    background-color: #a50079;
}

@media only all and (max-width: 1300px) {
    .pull-left{
        right: 0vh;
        font-size: 18px;
        top: 3px;
    }
    .box .checkbox{
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        left: 16vh;
    }
}
@media only all and (max-width: 1000px) {
    .pull-left{
        right: 0vh;
        font-size: 18px;
        top: 3px;
    }
    .box .checkbox{
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        left: 24vh;
    }
}
@media only all and (max-width: 768px) {
    .division{
        position: absolute;
        height: 100%;
        width: 100%;
        font-family: Helvetica;
        color: #fff;
        padding: 30px 0px;
        top: 0vh;
    }
    .container-left{
        width: 100%;
        height: 35%;
        overflow: hidden;
        background: rgba(0,0,0,0.13);
    }
    .container-right{
        width: 100%;
        left: 0vh;
        overflow: hidden;
        top: 40vh;
    }
}
@media only all and (max-width: 500px) {
    .box .checkbox {
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        left: 10vh;
    }
    .pull-left{
        right: -12vh;
        font-size: 18px;
    }
}