.layoutFooter { margin-top:50px; } 
.registerwrap { 
position: absolute;
    top: 85px;
    width: 100%; }
.registerwrap #register {
background: url('https://d1o1tw4jx4uh52.cloudfront.net/img/homebg.png');
    border: 1px solid #d1d1d1;
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    padding: 0;
    width: 425px;
    z-index: 1000;

}
.registerwrap #register p.title {
color: #ff8878;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
}
.registerwrap #register p.title span {
    font-weight: bold;
}
.registerwrap #register label {
    float: left;
    height: 32px;
    line-height: 32px;
    padding-right: 10px;
    text-align: right;
    width: 25%;
}
#signupform { padding: 0 10px; }
#signupform select { width: 22%;
border: 1px solid #ccc;
    height: 28px;
    padding: 0; }

#signupform #province, #signupform #search_sex, #signupform #search_seeking,#signupform input[type="text"]  { 
width:68%;
} 
#signupform input[type="text"]  { 
padding:10px;
} 
#signupform input.knop {
    background: #69a74e none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
#signupform  input.knop:hover { border:0!important; background-color:#578843; }
.layoutSection { padding:0px!important; }
.layoutSection .grid {
background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
    height: 480px;
    overflow: hidden; }
.layoutSection .grid ul { margin-top:20px; width: 2100px; }
.layoutSection .grid ul li {float: left;
    height: 230px;
    line-height: 20px;
    margin-left: 20px;
margin-right:0!important;
    width: 210px;}
@media(max-width:580px) {
	
	.registerwrap { top:45px; }
        .registerwrap #register p.title { font-size: 22px; }
	.registerwrap #register { box-shadow: 0; width: 99%; margin-left: inherit; position: inherit; left: inherit; top:inherit; padding: 0; }
}

@media(max-width:764px) {
	.layoutSection .grid ul { width: 1000px; }
	.layoutSection .grid ul li {
	float: left;
	    height: 140px!important;
	    line-height: 20px;
	    margin-left: 0!important;
	    margin-right: 0 !important;
	    width: 160px!important;
padding:0 10px!important;
	}
}
@media all and (min-width: 764px) 
{
	.layoutHeader > .container {
	height:85px !important
	}
}	

* { text-shadow: none!important; color: #242424; font-family:"PT Sans",sans-serif  }
.layoutHeader .topBar {
background: none!important;
height:75px;
 }
#signupform input.knop { background: #5ab77f }
#signupform input.knop:hover { background: #64de8f }

.midtext {margin-top:35px }
.midtext p { font-size:14px; }
h1 { color: #ff8878; width: 100%; text-align:center; }
.midtext h2 { color: #ff8878; }
.layoutFooter {
    background: #363839 none repeat scroll 0 0;
    margin-top: 50px;
	
}
ul.checks {  display: table; width:100%; }
ul.checks li {
    font-size: 16px;
    line-height: 24px;
width:33%;
display:inline;
float:left;
 margin-bottom: 16px;
    margin-top: 16px;
}
.fa-check {color:#53af4e }
.layoutFooter * { color: #fff!important;}
.layoutFooter li {  float:left }
.layoutHeader .login { 
top:20px;
}
.layoutHeader > .container {
height: 75px!important;
}
.registerwrap #register { 
background: #fff;
}
.registerwrap #register p.title {
    color: #3d3d3d !important;
    font-size: 26px;
    font-weight: bold;
    margin: 10px;
}
.singleSection {
    background-attachment: fixed;
background-position: 50% center;
    background-repeat: repeat;
    
    color: #fff;
height:300px;
position:relative;
 }
.singleSection .container {
   margin: 0 auto;
    max-width: 700px;
z-index:2;
 }
.singleSection .container p {
font-size: 14px; color: #fff; margin-top:25px;
text-align:center
}

.singleSection .container .title {
font-size: 34px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
margin-top:75px;
font-family: "PT Sans",sans-serif;
}
.layoutFooter .bottom { padding-top:25px }
.registerwrap {
width:auto!important;
right:15%;
top: 250px
}

.layoutSection .grid {
background: rgba(0, 0, 0, 0) url("https://d1o1tw4jx4uh52.cloudfront.net/img/cheating_bg.jpg") no-repeat scroll 0 0 / cover ;
    border-top: medium none;
    height: 660px;
}

.layoutSection > h2 {
    background: #ff8878;
    font-size: 36px;
    line-height: 65px;
    position: absolute;
    right: 15%;
    text-align: right;
    top: 125px;
text-shadow:none;
padding:0 10px;
color:#fff
}
.layoutHeader .login .loginForm .line2 { color:#000; }

.overlay {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
	filter: alpha(opacity=60); /* For IE8 and earlier */
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.registerwrap #register label { 
font-size:12px;
}
.registerwrap #register label#terms { 
display: inline-block; margin-left: 5px; width: 90%; font-size: 10px; font-weight: normal; line-height: normal; float: none; text-align: left; height: 100%;
}

/* responsive */
@media(max-width:580px) {
.layoutHeader .login { display:none; }
.layoutHeader .toggleMenu{display:block; position:absolute; top:15px; right:15px; dz-index:10000; }
.layoutFooter li { float:none; }
.layoutFooter p { text-align: left; }
.midtext p { font-size:12px;padding: 0 5px; }
.singleSection .container p { font-size: 12px;padding: 0 5px;
    margin-top: 5px;} 
.singleSection .container .title { font-size: 24px; }
ul.checks li { font-size:11px }
	.layoutSection > h2 {
padding:0;
right: 0;
right: 0;
    text-align: center;
    top: 75px;
    width: 100%;
font-size:18px;
font-weight:bold
 }
	.registerwrap { top:70px; right: 0;width: 100% !important; border:0; margin:0;}
.registerwrap #register label {  font-size: 12px;
    text-align: left;
    width: 100%; }
.registerwrap #register label#terms { width:85%!important; }
	.registerwrap #register { width: 100% !important; border:0; margin:0; }
        .registerwrap #register p.title { font-size: 16px; }
	.registerwrap #register { box-shadow: 0; width: 99%; margin-left: inherit; position: inherit; left: inherit; top:inherit; padding: 0; }
}
@media all and (max-width: 979px)
{
	.layoutHeader .login { display:block; }
}
@media(max-width:767px) { 
body { padding-left:0; padding-right:0px;
.layoutHeader .login { display:block; }
}
@media all and (max-width: 880px)
{

.layoutHeader { height: 75px; }

.layoutHeader > .container { height:auto!important; }
	
}

.layoutSection .grid { background: rgba(0, 0, 0, 0) url("https://d1o1tw4jx4uh52.cloudfront.net/img/cheating_bg.jpg") no-repeat scroll 0 0 / cover
}