/*-------------------------------------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:#fff}
.pre-header{padding:1.5% 0}
.pre-header h1{display:inline-block;margin:20px auto 0;padding:10px 0 0;color:#c8d8e7;font-size:1.5rem;line-height:1.2;font-weight:400;border-top:1px solid rgba(255,255,255,.3)}
.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:#c8d8e7}
.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(255,255,255,.7);padding:8px 12px;margin:0;border:1px solid #fff;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(255,255,255,.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}
.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}
/*-------------------------------------------- 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){
	.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}
}

/*-------------------------------------------- Wynne --------------------------------------------*/
body.bg-perryandkim{
	background: url(images/bg-perryandkim.jpg) center #1d3c56 no-repeat !important;
}
.partner-logo{}
body.bg-perryandkim h1{
	border-top:none;
	margin-top: 0px;
}
.addpadding{
	padding: 60px auto 30px auto;
	text-align: center;
}
.addpadding .ico{
	display: block;
	margin: 0 0 15px 0;
}
.addpadding .ico img{
	margin: 0 auto;
}
.c_conter {
    margin: 10px auto 25px auto;
    display: block;
}
.pre-content .btn,
.pre-content .btn:visited {
    display: inline-block;
    vertical-align: top;
    margin: 25px auto 0 auto;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.2;
    text-transform: uppercase;
	border: 1px solid #43a3f4;
	border-radius: 7px;
	background: #43a3f4;
	white-space: break-spaces;
	font-weight: bold;
}
.pre-content .freenow:hover {
    border: 1px solid #097fe2;
    background: #097fe2;
}
.addbottom {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;	
}