/*-------------------------------------layout setting-------------------------------------*/
a, a:visited{color:rgba(255,255,255,.7)}
a:hover, a:focus{color:#fff;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
.wrapper{padding:3em 0}
.container{max-width:1220px;position:relative}
h1, h2, h3, h4, h5{margin:0;font-weight:bold}
p{margin:0}
.red{color:#ff0000}
.blue{color:#06F}
/*------------------------------------pre-registration------------------------------------*/
body{/*background:url(images/bg-presignup.jpg) center #1d3c56 no-repeat;background-size:cover;background-attachment:fixed;*/text-align:center;color:#0065A8;}
.pre-header{padding:1.5% 0}
.pre-header h1{display:inline-block;margin:20px auto 0;padding:10px 0 0;color:#0065A8;font-size:1.5rem;line-height:1.2;font-weight:400;border-top:1px solid rgba(255,255,255,.3)}
.partner-text h2{
	color: #f19113;
}
.pre-header .lg{display:block;margin:0 auto;max-width:100%}
.signup-wrap h2{font-size:4rem;line-height:1.2;/*font-family:'Titillium Web', sans-serif*/}
.signup-wrap .tips{color:#0065A8;}
.signup-bar form{display:block;margin:10px 0;position:relative}
.signup-bar ul{list-style:none;padding:0;margin:0 0 5px 0}
.signup-bar ul li{margin:0 -2px}
.signup-bar ul li.first p{float:inherit;width:100%}
.signup-bar p{float:left;width:50%;padding:2px;position:relative;text-align:center}
.signup-bar p .field-validation-error{font-size:.813rem;color:#F00}
.signup-bar select:required:invalid {color:#7993ab}
.signup-bar option[disabled] {display:none}
.signup-bar option{color:#333}
.signup-bar .input{width:100%;font-size:1.125rem;line-height:28px;color:#333;background:rgba(76,137,177,.3);padding:8px 12px;margin:0;border:1px solid #83a1b5;border-radius:1px}
.signup-bar .input::placeholder{color:#7993ab}
.signup-bar .input:focus{background:#fff6b9;color:#333}
.signup-bar input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}
.signup-bar .select{padding:9px}
.signup-bar .submit{display:block;width:100%;font-size:1.25rem;font-weight:bold;text-transform:uppercase;line-height:40px;padding:5px;margin:0;border:none;border-radius:1px;background:#00b2f4;color:#fff;cursor:pointer;text-align:center}
.signup-bar .submit:hover{background:#ebb100;text-decoration:none}
.bonus-grid{padding:15px 0 0 0;display:none;}
.bonus-grid ul{list-style:none;padding:0;margin:0;background:url(images/dark-triangles.png);box-shadow:0 0 5px rgba(0,0,0,.7)}
.bonus-grid ul li{float:left;width:33.3333%;padding:30px 20px;margin:0;color:#fff;text-align:center;font-size:1rem;line-height:1.2;font-weight:bold}
.bonus-grid ul li p strong{display:block;background:rgba(255,233,88,.2);color:#ffe958;font-size:.75rem;padding:8px 4px;margin-bottom:20px;border:1px solid #ffe958;border-radius:1px}
.bonus-grid ul li p span{display:block}
.bonus-grid ul li p small{display:block;font-weight:100;font-size:.75rem;padding-top:5px}
.pre-content{padding-bottom:60px}
.product-grid{max-width:700px;margin:0 auto;list-style:none;padding:0}
.product-grid li{text-align:left;line-height:1.2;padding:30px 30px 30px 130px;border-bottom:1px dashed rgba(47,126,178,.3);position:relative}
.product-grid li:last-child{border:none}
.product-grid li .ico{display:inline-block;position:absolute;left:0;top:28px}
.product-grid li h3{margin:0 0 10px 0;}
.product-grid li a{color: #0065A8;}
.pre-footer{padding:10px 0;background:#111}
.pre-footer .lg{display:inline-block;vertical-align:middle;height:25px;opacity:.3}
.pre-footer .link{display:inline-block;vertical-align:middle;padding:5px;margin:12px 0 0 10px;font-size:.75rem;opacity:.5}
.pre-footer .link:hover, .pre-footer .lg:hover{opacity:.7}
.error{background:#f5f5f5;color:#999}
.error a, .error a:visited{color:#074f93}
.error a:hover, .error a:focus{color:#000}
.error .pre-header{background:#074f93}
/*-------------------------------------------- Wynne --------------------------------------------*/
body.bg-perryandkim{
	background: url(images/bg-perryandkim.jpg) center #1d3c56 no-repeat !important;
}
.partner-logo {width: 60%;margin: 0 auto;}
.partner-logo img{width: 25%;padding: 20px;}
body.bg-perryandkim h1{
	border-top:none;
	margin-top: 0px;
}
/*-------------------------------------------- RWD Begin --------------------------------------------*/
@media screen and (max-width:1024px){
    .pre-header{padding:20px 0}
}
@media screen and (max-width:768px){
	.signup-wrap h2{font-size:3.25rem}
}
@media screen and (max-width:640px){
	.partner-logo {
		width: 80%;
	}
	.partner-logo img {
		width: 40%;
	}
	.signup-wrap h2{font-size:3rem}
	.signup-bar p{float:inherit;width:100%}
	.bonus-grid ul li{padding:15px 10px;font-size:.813rem}
}
@media screen and (max-width:540px){
	.signup-wrap h2{font-size:2.25rem}
	.product-grid{margin-top:-20px}
	.product-grid li{padding:20px 10px;text-align:center}
	.product-grid li .ico{position:static;margin-bottom:10px}
}
@media screen and (max-width:414px){
	.wrapper{padding:2em 0}
	.pre-header .lg{height:40px}
	.pre-header h1{font-size:1rem;margin-top:10px;padding-top:5px}
	.signup-wrap h2{font-size:1.75rem}
	.signup-wrap .tips{font-size:.813rem}
	.signup-bar .input{font-size:1rem;padding:6px 10px}
    .signup-bar .select{padding:7px 10px}
	.bonus-grid ul li{padding:10px 5px;font-size:.75rem}
}
@media screen and (max-width:320px){
	.signup-wrap h2{font-size:1.5rem}
	.signup-wrap .tips{font-size:.75rem}
	.product-grid li{font-size:.813rem}
}