h1,
h2,
h3,
h4{letter-spacing:-.5px}
.modServices,
header,
section{margin:0 auto}
#threeColumn a:hover,
a{text-decoration:none}
#threeColumn span:hover,
a:hover{text-decoration:underline}
ul.ticks li,
#introLeft ul.links li,
.regionList ul,
ul.tab-links li{list-style:none}
body{font-family:'Open Sans', Arial, Helvetica, Sans-serif;font-size:13px;margin:0;background: url(/images/page_bg.gif) repeat-x #990000}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul{font-weight:400;margin:0}
h1,
h2,
h3,
h4,
h5,
h6{font-family:'Open Sans', Arial, Helvetica, Sans-serif;color:#3C5286}
h2,
h3,
h4{line-height:1.2em}
h1{font-size:30px}
h2{font-size:25px}
h3,
h4{font-size:20px}
p{color:#252525;font-size:14px;line-height:21px}
input{font-family:'Open Sans', Arial, Helvetica, Sans-serif}
#container{width:100%;max-width:1600px;margin:0 auto -18px;position:relative;}
section{text-align:left}
.modServices{width:960px;max-width:80%}
#intro,
header{max-width:1048px}
#id129 section{width:984px}
img{border:none}
a{color:#C00;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s}
.mobileHide{display:none!important}

.mobileHideLogo{display:none!important}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
blockquote{max-width:586px;margin:30px 0 30px -34px;background:url(/templates/main/images/blockQuote.png) 0 30px no-repeat}
blockquote p{max-width:552px;margin:0 0 0 34px!important;font-size:25px!important;line-height:34px!important;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;color:#363636;padding:22px 0 24px}
a:active{background-color:transparent}
header{height:50px}
header button.login{float:right;display:block;border-radius:4px;background-color:#eee;color:#333;font-weight:700;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .08);padding:6px 11px;font-size:1em;border:0;cursor:pointer;transition:all linear .15s;margin:15px 15px 0 0;overflow:hidden}
header button.login:hover{background-color:#fff}
button.link{display:block;border-radius:4px;background-color:#bd0000;color:#fff;font-weight:700;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .08);padding:6px 11px;font-size:1em;border:0;cursor:pointer;transition:all linear .15s;margin:15px 15px 0 0;overflow:hidden}
button.link:hover{background-color:#990000}
#introLeft p,
#introLeft ul{color:#000;line-height:1.1em}
.content p{margin-top:10px;margin-bottom:5px}
.content h2{font-size:28px}
.content h3{font-size:25px}
.content h4{font-size:20px}
#introLeft p,
#introLeft ul,
.content h5{font-size:14px}
#intro{width:100%;margin:10px auto;background:#fff}
#intro .logo{text-align:center;padding:20px 10% 0}
#intro.article .logo{text-align:center;padding:20px 10%}
#intro .logo img{width:100%;max-width:338px}
#introLeft{width:50%;display:inline-block;height:550px;vertical-align:top}
#introLeft p{width:90%}
#introLeft ul{width:80%;margin-bottom:15px}
#intro.search #introRight,
#introRight{width:50%;height:550px;min-height:560px;display:inline-block;position:relative}
#introLeft ul li{margin-bottom:10px}
#intro.homePage #introRight{background:url(/images/easy-asian-dating-uk-splash-background-1.jpg) right bottom no-repeat #fff}

.mature #intro.homePage #introRight{background:url(/images/mature-asian-dating-uk-background-1.jpg) right bottom no-repeat #fff}

#intro.search #introRight{background:url(/images/bg_splash_generic_3.jpg) right bottom no-repeat #fff}
.moreMembers #introLeft{width:55%;height:auto}
.moreMembers #introRight{width:45%;height:auto;background:#fff}
#intro.search #introRight, #intro.search #introLeft{height:auto;}
.article #introLeft{width:55%;height:auto}
.article #introRight{width:45%;height:auto;background:#fff}
.homePage #introRight h1{float:left; color:#FFF}
.homePage #introRight p { color:#fff; font-size: 16px; }



#intro .itv1{float:right;margin:20px 15px 10px 30px}
#intro .itv2{margin:20px 15px 10px 30px}
.artThumb,
.mainForm .sub{float:left}
#intro p{padding:0 15px 15px 30px;color:#252525;clear:both}
#intro p.helpTip{padding:15px 0 15px 0;margin:0 auto;color:#252525;font-size:10px;}
#intro h2,
#intro h3{padding:0 15px 5px 15px;clear:both}
#intro h1{padding:15px 15px 5px 30px;clear:both}
.mainForm{clear:left;max-width:440px;padding:25px;font:700 14px;text-align:center;margin:10px auto}
.mainForm .formElement{text-align:left;margin-bottom:10px}
.form-title-row{text-align:center; margin: 30px 0 0 0; width:100%}
.mainForm h2{display:inline-block;box-sizing:border-box;color:#4c565e;font-size:24px;padding:0 10px 5px;border-bottom:2px solid #EA2B94;margin:0}
.mainForm .formElement>label span{display:inline-block;box-sizing:border-box;color:#3C5286;width:130px;text-align:right;vertical-align:top;padding:12px 20px 12px 10px;font-size:1em;font-weight:700;white-space:nowrap}
.mainForm .deskButton{margin:0 0 0 134px;width:240px;}
#threeColumn .threeColumnItem .center,
.video h2{text-align:center}
.mainForm input,
.mainForm select{color:#5f5f5f;padding:8px;border:1px solid #a8a8a8;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .08);box-sizing:border-box}
.mainForm input{width:240px}

.mainForm .terms input{width: auto;}
.mainForm .terms { font-size:10px; }

/* .mainForm select{background-color:#fff;max-width:240px} */
.mainForm button{display:block;border-radius:4px;background-color:#bd0000;color:#fff;font-weight:700;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .08);padding:14px 22px;font-size:1em;border:0;margin:0 auto;cursor:pointer}

.mainForm button:hover {background-color:#cc0000}

.wld-field:not(.wld-field--confirm) .wld-field__caption { text-align:center; margin-bottom: 10px; }
.wld-field:not(.wld-field--confirm) .wld-field__caption label { font-size: 22px!important; margin: 0 auto; color:#3C5286; text-align:center!important; }

.artThumb{margin:0 15px 15px 0}
ul.ticks{font-size:14px;margin:0 0 10px 30px;padding:0; color:#fff}
ul.ticks li{margin:0 0 5px;padding:0 0 0 20px;background:url(/images/tickbox.png) bottom left no-repeat}
#threeColumn{max-width:1048px;padding:0;margin:0 auto;background:#fff}
#threeColumn .threeColumnItem{width:28.3%;display:inline-block;margin:0 2.5%;vertical-align:top;padding-top:20px}
#threeColumn img{width:100%}
#threeColumn span{color:#C00}
#threeColumn .threeColumnItem h4{font-size:20px;letter-spacing:2px;margin:14px 0 4px}
#threeColumn .threeColumnItem p{font-size:15px;color:#252525;padding:0 10px 0 0}
.content p{max-width:100%;margin:0 auto 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#252525;font-size:17px;line-height:1.6em}
.copyWhite{background:#fff;margin-bottom:20px}
.copyArea{width:1044px;max-width:100%;margin:20px auto 40px}
.copyArea .copyPic{display:inline-block;vertical-align:middle;width:48%;text-align:center}
.copyArea .copyPic img{max-width:90%;padding:5%}
.copyArea .second .above{display:none}
.copyArea .second .below img{float:right}
.copyContainer{display:inline-block;vertical-align:top;width:52%;padding-bottom:20px}
.finish{display:none}
.copyArea .wide{width:100%}
.video{padding:10px 0 20px}
.video h2{margin:20px}
.copyContainer p{padding:0 20px}
.copyContainer h3{padding:5% 20px 0}
.copyContainer h4{padding:10px 20px 0;text-align:left}
.copyContainer p,
.copyContainer ul{width:auto;font-size:15px}
.copyContainer ul{padding-left:25px}
.copyContainer .c2aList{padding-left:0}
#wld_container{margin:0 auto;display:inline-block}
.wld_container{display:block;text-align:center}
#wld_badge_inner{padding: 10px}
.wld_badge_item{margin:0 10px;padding:0;height:162px;display:inline-block}
.wld_badge_item img{border:1px solid #ccc;padding:5px 5px 15px;background:#F7F7F2}
.wld_badge_item_detail{margin-top:5px;font-size:10px;width:100%;overflow:hidden;text-align:center;color:#666}
.itv2{display:none;}
.grecaptcha-badge { visibility: hidden; } /** reCaptchaGoGo **/

@media (max-width:910px) and (min-width:769px){.itv1{display:none;}
}
@media (max-width:909px) and (min-width:769px){.itv2{display:inline-block;}
}
@media (max-width:975px) and (min-width:565px){.homePage .wld_badge_item{margin:0 6px;padding:0;height:162px;display:inline-block}
.homePage #wld_badge_item_8{display:none!important}
}
@media (max-width:2000px) and (min-width:862px){.subPage #wld_badge_item_17,
.subPage #wld_badge_item_18,
.subPage #wld_badge_item_19,
.subPage #wld_badge_item_20,
.subPage #wld_badge_item_21,
.subPage #wld_badge_item_22,
.subPage #wld_badge_item_23,
.subPage #wld_badge_item_24{display:none!important}
}
@media (max-width:974px){.login #wld_badge_item_7,
.login #wld_badge_item_8{display:none!important}
}
@media (max-width:924px) and (min-width:864px){.subPage .wld_badge_item{margin:0 6px;padding:0;height:162px;display:inline-block}
}
@media (max-width:864px) and (min-width:733px){.subPage span.men #wld_badge_item_14,
.subPage span.men #wld_badge_item_16,
.subPage span.men #wld_badge_item_18,
.subPage span.men #wld_badge_item_20,
.subPage span.men #wld_badge_item_22,
.subPage span.men #wld_badge_item_24,
.subPage span.women #wld_badge_item_13,
.subPage span.women #wld_badge_item_15,
.subPage span.women #wld_badge_item_17,
.subPage span.women #wld_badge_item_19,
.subPage span.women #wld_badge_item_21,
.subPage span.women #wld_badge_item_23{display:none!important}
}
@media (max-width:732px) and (min-width:612px){.subPage span.men #wld_badge_item_12,
.subPage span.men #wld_badge_item_14,
.subPage span.men #wld_badge_item_16,
.subPage span.men #wld_badge_item_18,
.subPage span.men #wld_badge_item_20,
.subPage span.men #wld_badge_item_22,
.subPage span.men #wld_badge_item_24,
.subPage span.women #wld_badge_item_11,
.subPage span.women #wld_badge_item_13,
.subPage span.women #wld_badge_item_15,
.subPage span.women #wld_badge_item_17,
.subPage span.women #wld_badge_item_19,
.subPage span.women #wld_badge_item_21,
.subPage span.women #wld_badge_item_23{display:none!important}
}
@media (max-width:611px) and (min-width:490px){.subPage span.men #wld_badge_item_18,
.subPage span.men #wld_badge_item_20,
.subPage span.men #wld_badge_item_22,
.subPage span.men #wld_badge_item_24,
.subPage span.women #wld_badge_item_17,
.subPage span.women #wld_badge_item_19,
.subPage span.women #wld_badge_item_21,
.subPage span.women #wld_badge_item_23{display:none!important}
}
@media (max-width:490px) and (min-width:200px){.subPage span.men #wld_badge_item_14,
.subPage span.men #wld_badge_item_16,
.subPage span.men #wld_badge_item_18,
.subPage span.men #wld_badge_item_20,
.subPage span.men #wld_badge_item_22,
.subPage span.men #wld_badge_item_24,
.subPage span.women #wld_badge_item_13,
.subPage span.women #wld_badge_item_15,
.subPage span.women #wld_badge_item_17,
.subPage span.women #wld_badge_item_19,
.subPage span.women #wld_badge_item_21,
.subPage span.women #wld_badge_item_23{display:none!important}
}
@media (max-width:800px) and (min-width:691px){.homePage #wld_badge_item_7,
.homePage #wld_badge_item_8{display:none!important}
}
@media (max-width:690px) and (min-width:567px){.homePage #wld_badge_item_6,
.homePage #wld_badge_item_7,
.homePage #wld_badge_item_8{display:none!important}
}
@media (max-width:566px) and (min-width:483px){,
.homePage #wld_badge_item_6,
.homePage #wld_badge_item_7,
.homePage #wld_badge_item_8{display:inline-block!important}
}
@media (max-width:482px){.homePage #wld_badge_item_7,
.homePage #wld_badge_item_8{display:none!important}
}
@media (max-width:360px){.wld_badge_item{margin:0 4px}
}
.joinLink{display:none}
.tabs{width:100%;max-width:1048px;margin:20px auto}
ul.tab-links{font-size:1.2em;margin:2em 0 0;padding:0 0 13px;border-bottom:1px solid #ddd;line-height:1em}
ul.tab-links:after{display:block;clear:both;content:''}
ul.tab-links li{margin:0;float:left; border-bottom: none; margin-bottom: -1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { ul.tab-links li{ margin-bottom:-2px;} }
ul.tab-links a{background:#eee;padding:10px 30px;margin-right:1em;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #ddd;text-decoration:none;transition:all linear .15s;color:#4c4c4c}
ul.tab-links a:hover{background:#fff;text-decoration:none}
li.active a:hover,
ul.tab-links li.active a{background:#fff;color:#4c4c4c;border-bottom-color:#fff}
ul.tab-members{width:90%!important;margin:10px 30px 20px!important;padding:0 0 13px;border-bottom:1px solid #ddd;line-height:1em!important}
ul.tab-members li{margin-bottom:-2px!important;float:right}
.tab{display:none;background:#fff;margin-top:0;padding-top:3px}
.tab.active{display:block}
.tab .tabLeft,
.tab .tabRight{width:45%;display:inline-block}
.tab h3{margin:20px 0 0 20px}
.tab p{margin:5px 20px 10px 20px}
.tab .tabLeft{padding-bottom:20px;vertical-align:top}
.tab .tabRight{padding-top:20px;position:relative}
.tab .tabRight .mainForm{padding:5px;margin:0 0 0 30px}
.tab,::-ms-backdrop{margin-top:-2px}
.alternative{max-width:1048px;padding:0 0 20px;margin:20px auto}
.alternative .left{width:48.5%;float:left}
.alternative .right{width:48.5%;float:right}
.regionList{width:20%;float:left}
.regionList ul li.parent{margin:10px 0 5px}
.steps{margin:20px 0 20px 25px;padding:0}
.steps li{float:left;width:22%;display:block;background:#f4f4f4;margin:15px 23px 0 0;border:1px solid #e2e2e2}
.steps li .hdr{background:#EA2B94;color:#fff;text-align:center;width:40%;margin:-15px 15px 0 10px;padding:4px 0;text-shadow:0 2px 2px rgba(0, 0, 0, .5);box-shadow:0 1px 1px rgba(0, 0, 0, .5)}
.steps li p{font-size:13px;margin:10px}
.steps li h4{font-size:18px;margin:15px 0 0 10px}
.steps li span{background:#069;margin:0 auto}
.vidWrapper{width:80%;max-width:740px;margin:0 auto}
.vidContainer{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.vidContainer embed,
.vidContainer iframe,
.vidContainer object{position:absolute;top:0;left:0;width:100%;height:100%}
@media (max-width:767px){.tab-links{display:none}
.tab{display:block}
#tab2,
#tab3{margin-top:20px}
.vidWrapper{width:100%;margin:0 auto}
}
.cd-top,
img.lazy{display:inline-block}
.cd-top{height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, .05);overflow:hidden;text-indent:100%;white-space:nowrap;background:url(/images/cd-top-arrow.svg) center 50% no-repeat rgba(232, 98, 86, .8);visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s}
.cd-top.cd-fade-out,
.cd-top.cd-is-visible,
.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1}
@media only screen and (min-width:768px){.cd-top{right:20px;bottom:20px}
}
@media only screen and (min-width:1024px){main p{font-size:20px;font-size:1.25rem}
.cd-top{height:60px;width:60px;right:30px;bottom:30px}
}
img.lazy{max-width:100%;min-width:48px;min-height:48px;background-repeat:no-repeat;background-image:url(/images/loading.gif)}
@media only screen and (max-width:1080px){blockquote{margin:0 0 25px;background:url(/templates/main/images/blockQuote.png) 0 30px no-repeat}
blockquote p{max-width:552px;margin:0!important;padding:22px 0 24px 40px}
}
@media only screen and (max-width:980px){#wrap,
.content{width:100%}
#footerInside,
#twoColumn{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.mainForm .formElement>label span{width:110px;padding:12px 20px 12px 10px}
.mainForm .deskButton{margin:0 0 0 110px;width:240px;}
}
@media only screen and (max-width:895px){#intro>div{height:auto}
.steps li{width:44%;height:120px}
.steps li h4{font-size:16px}
li.step3,
li.step4{margin-top:30px}
.mainForm{padding:15px;max-width:80%;margin:20px auto 0}
.mainForm h2{font-size:18px}
.mainForm .formElement{max-width:300px;margin:12px auto;text-align:left}
.mainForm .form-title-row{margin-bottom:15px}
.mainForm .formElement>label span{display:block;text-align:left;padding:0 0 5px}
.mainForm select{width:100%;max-width:none}
.mainForm select.dob{width:32%}
.mainForm input{width:100%}
.mainForm .form-radio-buttons>div{margin:0 0 10px}
.mainForm button{margin:0 auto}
.and{color:#3C5286;display:block;padding:0 0 5px;font-size:1em;font-weight:700}
.copyArea .copyPic,
.copyArea .second .above{display:block;width:100%}
.copyArea .second .below{display:none}
.copyArea .copyPic img{max-height:360px}
.copyArea .copyContainer{width:100%;margin-top:20px;margin-bottom:30px}
.copyArea{margin-top:20px}
}
@media only screen and (max-width:823px){#threeColumn .threeColumnItem{width:100%;margin:0 auto 30px;display:block}
#threeColumn .threeColumnItem h4,
#threeColumn .threeColumnItem p{padding:0 20px}
#intro>div{height:auto;padding:0 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
}
@media only screen and (max-width:768px){
	
	
.desktopHide{display:none!important}
.mobileHide{display:block!important}







.homePage #introRight h1{float:left; color:#666}
.homePage #introRight p { color:#000; font-size: 16px; }
ul.ticks{color:#000}





#intro.article>div,
#intro.moreMembers>div,
#intro.search #introRight,
#intro>div{width:100%;}
#intro.homePage #introRight{background:url(/images/bg_splash_generic_3.jpg) right bottom no-repeat #fff}
.homePage #intro #introLeft, .register #intro #introLeft{background:url(/images/bg_splash_image_03.jpg) right bottom no-repeat #fff;background-size:length}
#intro #introRight{border-top:20px solid;border-top-color:#990000;min-height:inherit}
.joinLink{display:block}
.regionList{width:30%;float:left}
p{font-size:14px;}
p.copy{font-size:12px}
h3{font-size:22px}
.copyArea .copyPic img{max-width:100%;padding:0}

}
@media only screen and (max-width:710px){.row{padding:0}

footer .footerLinks ul li{ margin: 15px 0; font-size: 14px}
footer .copyright ul li{ margin: 15px 0; font-size: 14px}
.regionList ul li{margin:15px 0; font-size: 14px}
}
@media only screen and (max-width:680px){.tab .tabLeft,
.tab .tabRight{width:100%;display:inline-block}
.alternative .left,
.alternative .right{width:100%;float:none}
.alternative .right{margin-top:20px}
.tab .tabLeft{padding-bottom:10px;vertical-align:top}
.tab .tabRight{margin:0;padding-top:0;position:relative}
.tab .tabRight .mainForm{padding:5px;margin:0 auto}





}
@media only screen and (max-width:610px){.mainForm h2,
.steps li h4{font-size:18px}
.homePage #intro #introLeft{background:url(/images/bg_splash_image_03.jpg) bottom right no-repeat #fff;background-size:90%}
#intro.homePage #introRight{background:url(/images/bg_splash_generic_3.jpg) right bottom no-repeat #fff;background-size:90%}
.steps li{width:90%;margin-top:30px}
.mainForm{padding:15px;max-width:90%;margin:20px auto 0}
.mainForm .formElement{max-width:300px;margin:12px auto;text-align:left}
.mainForm .form-title-row{margin-bottom:15px}
.mainForm .formElement>label span{display:block;text-align:left;padding:0 0 5px}
.mainForm select{width:100%;max-width:none}
.mainForm select.dob{width:32%}
.mainForm input{width:100%}
.mainForm .form-radio-buttons>div{margin:0 0 10px}
.mainForm button{margin:0 auto}




}
@media only screen and (max-width:509px){h3{font-size:18px;line-height:1.4em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.regionList{width:40%;float:left}
}
@media only screen and (max-width:508px){.homePage #intro #introLeft, .register #intro #introLeft{background:url(/images/bg_splash_image_small.jpg) no-repeat;background-size:contain;padding:0}
.mainForm.reg{background-color:#fff;max-width:100%!important;margin:270px 0 0;min-height:224px}

.desktopHideLogo{display:none!important}
.mobileHideLogo{display:block!important}

}
@media only screen and (max-width:530px){#introLeft p{font-size:15px}
#intro{margin:0 auto 20px}
h5{margin-top:30px}
.content h4{font-size:23px}
.content h3{font-size:30px}
.content p{font-size:15px}
.copyArea{margin:20px auto 20px}
.copy{width:100%}
h1{font-size:30px}
header{height:45px}
header button.login{margin:8px 10px 0 0;overflow:hidden}



}
@media only screen and (max-width:490px){#intro #introRight{border-top:20px solid;border-top-color:#990000;min-height:inherit;background-size:contain}
footer{height:328px;overflow-x:hidden}



}
@media only screen and (max-width:450px){#intro .itv1{display:none}
#intro .itv2{display:inline-block;}
.mainForm .formElement{margin:7px auto}

}
@media only screen and (max-width:415px){.mainForm.reg{margin:240px 0 0}
body{overflow-x:hidden}
#threeColumn a{background-size:20px}
#threeColumn .threeColumnItem{margin-bottom:35px}
}
@media only screen and (max-width:360px){h3{font-size:16px}
#intro #introRight h1{padding:15px 0 10px 30px;width:90%!important;float:none}
}
footer{width:100%;max-width:1048px;margin:10px auto;padding:0;clear:both}
footer.noBorder{border:0;margin-top:0}
footer .footerLinks,
footer .logo{float:left;width:25%}
footer .logo{margin:0}
footer .logo a img{width:80%;margin-bottom:20px}
footer a{color:#eee}
footer a:hover{color:#fff}
footer .logo .copy{bottom:3px;left:0;font-size:12px;line-height:18px;color:#eee}


footer .copyright ul{margin:0;padding:0;list-style:none;font-size:12px;line-height:19px;color:#fff}


footer .footerLinks h3{font-weight:700;font-size:16px;margin:30px 0 8px;color:#eee}
footer .footerLinks ul{margin:0;padding:0;list-style:none;font-size:12px;line-height:19px}
footer .international a:before{content:"";float:left;width:16px;height:11px;margin:4px 12px 0 0;background:url(/images/int-flags.png)}
footer .international .au a:before{background-position:112px 0}
footer .international .ca a:before{background-position:96px 0}
footer .international .ie a:before{background-position:80px 0}
footer .international .nz a:before{background-position:64px 0}
footer .international .us a:before{background-position:48px 0}
footer .international .uk a:before{background-position:32px 0}
footer .international .za a:before{background-position:16px 0}
footer .international .de a:before{background-position:160px 0}
footer .international .au a:hover:before{background-position:112px -11px}
footer .international .ca a:hover:before{background-position:96px -11px}
footer .international .ie a:hover:before{background-position:80px -11px}
footer .international .nz a:hover:before{background-position:64px -11px}
footer .international .us a:hover:before{background-position:48px -11px}
footer .international .uk a:hover:before{background-position:32px -11px}
footer .international .za a:hover:before{background-position:16px -11px}
footer .international .de a:hover:before{background-position:160px -11px}
footer .footerLinks a{color:#eee;text-decoration:none}
footer .footerLinks a:hover{color:#fff;text-decoration:underline}
@media only screen and (max-width:768px){footer,
footer.row{padding:0}
footer{margin:40px 0 0;max-width:100%;overflow-y:hidden}
#footerInside{padding:0;margin:0}
footer .logo{width:45%!important;margin-left:15px!important}
.footerLinks,
footer .menu2{width:45%!important;margin-left:15px}
.menu2{clear:both}
.international,
.menu2{margin-top:15px}
footer h3{margin-top:0!important;margin-bottom:2px!important}
}








/* DGRP Form... 
------------------------------------------------ */

.signup { background: rgba(255,255,255,.5); display: flex; max-width: 403px; height: auto; margin: 20px auto 0 auto; padding: 20px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }


.signup__form { flex: 1; }
.signup .wld-component { height: 100%; }
.signup .wld-form { display: flex; height: 100%; flex-direction: column; }
.signup .wld-form__fields { flex: 1; display: flex; margin: 0 0 6px 0; }
.signup .wld-form__actions { display: flex; justify-content: space-between; }
.signup .wld-fieldgroup { flex: 1; align-self: center; display: none; }
.signup .wld-fieldgroup--active { display: block; }
.signup .wld-field__input { display: flex; }
/* add space between date pickers */
.signup .wld-input + .wld-input { }
#signup-dobday { -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
#signup-dobmonth {  border-radius: 0; }
#signup-dobyear { -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.signup .wld-input--select,
.signup .wld-input--text { width: 100% }
/* confirmation fields */
.signup .wld-field--confirm { display: flex; flex-wrap: wrap; padding: 5px 0; }
.signup .wld-field--confirm .wld-field__input { flex: 0; order: 0; }
.signup .wld-field--confirm .wld-field__caption { order: 1; flex: 1; }
/* hide <labels> */
.wld-field:not(.wld-field--confirm) .wld-field__caption { }
/*--Tooltip--*/
.signup .wld-field__help { background: #fff; color: #777; font-size: 11px; font-family: "Open sans", sans-serif; font-weight: 400; line-height: 13px; margin: 0;
    padding: 10px; width: 100%; height: auto; box-shadow: 0 0 4px rgba(0,0,0,.2); -webkit-border-radius: 15px; border-radius: 15px; position: absolute; bottom: 192px; display: flex; align-items: center; width: 383px; }
.signup .wld-field__help::before { content: ''; background: #fff; width: 1em; height: 1em; transform: rotate(45deg); position: absolute; bottom: -4px; left: 20px; }

.wld-form__suffix p { padding:10px 0 0 0!important; margin:0; font-size:12px!important; width:100%!important }

.signup input[type=checkbox] { width:auto!important; transform: scale(1.2); margin: 5px 15px 0 10px; }
.signup .wld-field__caption { text-align:left; }


/* GENERAL INPUT STYING
------------------------------------------------ */
.wld-input { font: inherit; }
.wld-input--text, .wld-input--select { display: block; color: #666; background: #fff; width: 100%; height: 60px; font-size: 16px; font-family: "Open sans", sans-serif; font-weight: 400; padding: 0; margin: 0; text-indent: 10px; border: 1px solid #ccc; box-shadow: none; -webkit-border-radius: 2px; border-radius: 2px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ }
.wld-input--select { background: url(/images/down-arrow.png) no-repeat right #fff; background-size: 44px 60px; }
/*--Mozilla Text-indent Fix--*/
@-moz-document url-prefix() { .wld-input--text, .wld-input--select { text-indent: 10px!important; }
}
.wld-button { background: #CC0000; 
color: #fff; display: block; font-size: 25px!important; font-family: 'Open sans', sans-serif; font-weight: 600; margin: 0 auto; padding: 21px 0; text-transform: uppercase; text-decoration: none; line-height: 19px; height: 60px; text-align: center; border: 0; cursor: pointer; width: 100%; z-index: 9997; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 200ms ease-in-out 100ms; -moz-transition: all 200ms ease-in-out 100ms; -ms-transition: all 200ms ease-in-out 100ms; -o-transition: all 200ms ease-in-out 100ms; transition: all 200ms ease-in-out 100ms; }
/* ERRORS
------------------------------------------------ */
.wld-error-overlay { position: absolute; background: #c00; font-size: 14px; font-family: 'Open sans', sans-serif; font-weight: 400; padding:.5em; margin-top: .75em; z-index: 9999; max-width: 15em; box-shadow: 0 3px 5px rgba(0,0,0,.2); border-radius: 4px; color: #fff; z-index: 9999; }
.wld-error-overlay::before { content: ''; width: 1em; height: 1em; transform: rotate(45deg); background: inherit; position: absolute; top: -.5em; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* 
.signup .wld-field--confirm { margin-bottom: 60px }
.wld-input { margin-bottom: 60px } */
.signup { padding-top: 70px!important }
.wld-input--select { background:none!important; }
.signup .wld-form__actions { clear:both; margin-top: 80px; }
.wld-field__caption { margin-left: 20px!important; margin-top: 4px }
.signup .wld-field--confirm .wld-field__caption { padding-left: 20px; }
}
/*------------Media Queries------------*/
@media screen and (max-width: 610px) {
.signup { margin: 10px auto 0 auto; }
.signup .wld-field__caption { padding-left: 10px; }
.wld-input--select { text-indent: 0px;  }
}
@media screen and (max-width: 483px) {
    .signup .wld-field__help { width: auto; left: 0; margin: 0 20px; }
    .signup .wld-field__help::before { left: 0; right: 0; margin: auto; }
}
@media screen and (max-width: 443px) {
    .signup { background: none; border-radius: 0;}
    .signup .wld-field__help { bottom: 222px; }
}
@media screen and (max-width: 360px) {
    #signup-dobday, #signup-dobmonth, #signup-dobyear { text-indent: 5px!important; }
}
@media screen and (max-width: 340px) {
    #signup-dobmonth { letter-spacing: -1px; }
}
::-webkit-input-placeholder {
   color:transparent;
}

:-moz-placeholder { /* Firefox 18- */
   color:transparent; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color:transparent; 
}

:-ms-input-placeholder {  
   color:transparent;
}

/* HP additional styles */

button:hover {opacity: 0.8; }
.error {color: #000;}
label.error { position: absolute; background: #c00; font-size: 14px; font-family: 'Open sans', sans-serif; font-weight: 400; padding:.5em; margin-top: 3.8em; z-index: 9999; max-width: 15em; box-shadow: 0 3px 5px rgba(0,0,0,.2); border-radius: 4px; color: #fff; left: 30px; }
label.error::before { content: ''; width: 1em; height: 1em; transform: rotate(45deg); background: inherit; position: absolute; top: -.5em; }
#day-error { left: 8%;  }
#month-error { left: 38%;  }
#year-error { left: 68%;  }
#agree-error { left: 19px; }
a { /* Remove all the outline border all in our document. */ outline: none; }