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}
#splash ul.ticks li,
#splashLeft 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:#000 url(/images/secret-swingers-club-background.jpg) center top no-repeat;}
body.search, body.subPage{background-image:none;}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul{font-weight:400;margin:0}
h1,
h2,
h3,
h4,
h5,
h6{font-family:adobe-garamond-pro, 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%}
#splash,
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}
.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:#cc0000;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:#E70505}
#splashLeft p,
#splashLeft 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}
#splashLeft p,
#splashLeft ul,
.content h5{font-size:14px}
#splash{width:100%;margin:10px auto;}
#splash .wld_badge_item_detail{color:#ccc;}
#splash .logo{text-align:center;padding:20px 10% 0}
#splash.article .logo{text-align:center;padding:20px 10%}
#splash .logo img{width:100%;max-width:383px}
#splashLeft{width:50%;display:inline-block;height:650px;vertical-align:top}
#splashLeft p{width:90%}
#splashLeft ul{width:80%;margin-bottom:15px}
#splash.search #splashRight,
#splashRight{width:50%;height:550px;min-height:560px;display:inline-block;position:relative;color:#fff;}
#splashLeft ul li{margin-bottom:10px;color:#fff;}
#splash.homePage #splashRight{}
.moreMembers #splashLeft{width:55%;height:auto}
.moreMembers #splashRight{width:45%;height:auto;}
#splash.search #splashRight,
#splash.search #splashLeft{height:auto;}
.article #splashLeft{width:55%;height:auto}
.article #splashRight{width:45%;height:auto;}
.homePage #splashRight h1{max-width:280px;float:left}
.artThumb,
.form-main .sub{float:left}
#splash p{padding:0 15px 15px 30px;color:#fff;clear:both}
#splash p.helpTip{padding:15px 0 15px 0;margin:0 auto;color:#CCC;font-size:10px;}
#splash h2,
#splash h3{padding:0 15px 5px 30px;clear:both;color:#fff;}
#splash h1{padding:15px 15px 5px 30px;clear:both;color:#fff;}
.form-main{clear:left;max-width:440px;padding:25px;font:700 14px;text-align:center;margin:10px auto}
.form-main .form-row{text-align:left;margin-bottom:10px}
.form-main .form-title-row{text-align:center;margin-bottom:25px}
.form-main h2{display:inline-block;box-sizing:border-box;color:#4c565e;font-size:24px;padding:0 10px 5px;border-bottom:2px solid #C00;margin:0}
.form-main .form-row>label span{display:inline-block;box-sizing:border-box;color:#fff;width:130px;text-align:right;vertical-align:top;padding:12px 20px 12px 10px;font-size:1em;font-weight:700;white-space:nowrap}
.tab .form-main .form-row>label span{color:#000;}
.form-main .deskButton{margin:0 0 0 134px;width:240px;}
#threeColumn .threeColumnItem .center,
.video h2{text-align:center}
.form-main input,
.form-main select{color:#5f5f5f;padding:8px;border:1px solid #a8a8a8;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .08);box-sizing:border-box}
/* .form-main input{width:240px}
.form-main select{background-color:#fff;max-width:240px} */
.form-main button{display:block;border-radius:4px;background-color:#C00;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}
.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:#fff; text-align:center!important; }
.form-main button{display:block;border-radius:4px;background-color:#C00;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}
.artThumb{margin:0 15px 15px 0}
#splash ul.ticks{font-size:14px;margin:15px 0 10px 30px;padding:0}
#splash ul.ticks li{margin:0 0 5px;padding:0 0 0 20px;background:url(/images/bullet_splash.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:15px;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:30px}
.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;}
#splashRight .wld_badge_item_detail{color:#fff}
.grecaptcha-badge { bottom:-65px !important; }
@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, .tab h1{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 .form-main{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:#8BC53F;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%}
#footerInner,
#twoColumn{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.form-main .form-row>label span{width:110px;padding:12px 20px 12px 10px}
.form-main .deskButton{margin:0 0 0 110px;width:240px;}
}
@media only screen and (max-width:895px){#splash>div{height:auto}
.steps li{width:44%;height:120px}
.steps li h4{font-size:16px}
li.step3,
li.step4{margin-top:30px}
.form-main{padding:15px;max-width:80%;margin:20px auto 0}
.form-main h2{font-size:18px}
.form-main .form-row{max-width:300px;margin:12px auto;text-align:left}
.form-main .form-title-row{margin-bottom:15px}
.form-main .form-row>label span{display:block;text-align:left;padding:0 0 5px}
.form-main select{width:100%;max-width:none}
.form-main select.dob{width:32%}
.form-main input{width:100%}
.form-main .form-radio-buttons>div{margin:0 0 10px}
.form-main 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}
#splash>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){body{background-image:none;}
.desktopHide{display:none!important}
.mobileHide{display:block!important}
#splash.article>div,
#splash.moreMembers>div,
#splash.search #splashRight,
#splash>div{width:100%}
#splash.homePage #splashRight{background:url(/images/bg_splash_generic_3.jpg) right bottom no-repeat #fff}
.homePage #splash #splashLeft,
.register #splash #splashLeft{background:url(/images/secret-swingers-club-background-medium.jpg) right bottom no-repeat #000;background-size:length}
#splash #splashRight{border-top:20px solid;border-top-color:#000;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}
}
@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 .form-main{padding:5px;margin:0 auto}
}
@media only screen and (max-width:610px){.form-main h2,
.steps li h4{font-size:18px}
.homePage #splash #splashLeft{background:url(/images/secret-swingers-club-background-medium.jpg) bottom right no-repeat #000;background-size:90%}
#splash.homePage #splashRight{background:url(/images/bg_splash_generic_3.jpg) right bottom no-repeat #fff;background-size:90%}
.steps li{width:90%;margin-top:30px}
.form-main{padding:15px;max-width:90%;margin:20px auto 0}
.form-main .form-row{max-width:300px;margin:12px auto;text-align:left}
.form-main .form-title-row{margin-bottom:15px}
.form-main .form-row>label span{display:block;text-align:left;padding:0 0 5px}
.form-main select{width:100%;max-width:none}
.form-main select.dob{width:32%}
.form-main input{width:100%}
.form-main .form-radio-buttons>div{margin:0 0 10px}
.form-main 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}
.regionList li { line-height: 30px;}
}
@media only screen and (max-width:508px){.homePage #splash #splashLeft,
.register #splash #splashLeft{background:url(/images/secret-swingers-club-background-small.jpg) no-repeat;background-size:contain;padding:0}
.form-main.reg{background-color:#fff;max-width:100%!important;margin:270px 0 0;min-height:224px}
#splash h2 { color:#333; }
.wld-field:not(.wld-field--confirm) .wld-field__caption label { color:#666; }
}
@media only screen and (max-width:530px){#splashLeft p{font-size:15px}
#splash{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:508px){
#splash p { color:#333 }	
}

@media only screen and (max-width:490px){#splash #splashRight{border-top:20px solid;border-top-color:#000;min-height:inherit;background-size:contain}
footer{height:328px;overflow-x:hidden}
}
@media only screen and (max-width:450px){.form-main .form-row{margin:7px auto}
}
@media only screen and (max-width:415px){.form-main.reg{margin:200px 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}
#splash #splashRight 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 .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 .ch a:before{background-position:128px 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 .ch a:hover:before{background-position:128px -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}
#footerInner{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,.2); display: flex; max-width: 403px; height: auto; margin: 50px 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; }
.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: 0 15px 0 10px; }
.signup .wld-field__caption { text-align:left; color:#FFF; }


/* 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/select-arrow1.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; }

/* DGRP Form... 
------------------------------------------------ */

.signup { background: rgba(255,255,255,.2); display: flex; max-width: 403px; height: auto; margin: 50px 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; }
.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: 0 15px 0 10px; }
.signup .wld-field__caption { text-align:left; color:#FFF; }


/* 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/select-arrow1.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;
}

.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;
}


:-ms-input-placeholder {  
   color:transparent;
}

/* HP additional styles */

button:hover {opacity: 0.8; }
.error {color: #f00;}
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; }