@import "https://fonts.googleapis.com/css?family=Roboto:300,500";


body{background:#C84698;font-size:100%;line-height:1.25;font-family:'Roboto',Arial,sans-serif;font-weight:300}
.logo{width 195px;margin-top:40px;}
.masthead-adult{padding:0 0 7em;width:100%;background:#C84698 url(../../../../uploads/3625/image/5df8ce50a4f08-37-STDhero.jpg) top center no-repeat;background-size:cover;box-sizing:border-box}

.cl-effect-2 a{line-height:44px;-webkit-perspective:1000px;perspective:1000px}
.cl-effect-2 a span{position:relative;display:inline-block;padding:0 14px;background:#2195de;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.csstransforms3d .cl-effect-2 a span::before{position:absolute;top:100%;left:0;width:100%;height:100%;background:#0965a0;content:attr(data-hover);-webkit-transition:background .3s;transition:background .3s;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}
.cl-effect-2 a:hover span,.cl-effect-2 a:focus span{-webkit-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)}
.csstransforms3d .cl-effect-2 a:hover span::before,.csstransforms3d .cl-effect-2 a:focus span::before{background:#28a2ee}
*,:after,:before{box-sizing:border-box}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.odp-top{position:absolute;top:140px;right:0}

/* DESKTOP MENU */
.non-dropdown-menu{position:absolute;top:40px;right:256px;background:rgba(0,0,0,0.6);padding:0 0em 0 1em}
.dropdown-menu{position:absolute;top:40px;background:rgba(0,0,0,0.6);padding:0 1em}
.interest{right:162px;padding-left:0}
.country{right:94px;padding-right:0;background:rgba(50,50,50,0.6)}
.login{right:0;padding:0 1em 0 0;background:rgba(50,50,50,0.6)}
.non-dropdown-menu a:link, .dropdown-menu a:link{display:inline-block;color:#fff;padding:1.5em 1em;text-decoration:none;font-weight:500;font-family:'Roboto',Arial,sans-serif}
a:link,a:visited{color:#fff;text-decoration:none;pointer:cursor}
a:hover,a:active{color:#C84698 !important;pointer:cursor}
.dropdown a{display:block !important;padding:0.5em 2em !important}
.dropdown{width:162px;visibility:hidden;position:absolute;top:100%;left:0;margin:0;background:rgba(0,0,0,0.6);padding:1em 0;list-style:none;opacity:0;filter:alpha(opacity=0);-webkit-transition:1200ms ease;transition:200ms ease}
.dropdown-menu:hover .dropdown{visibility:visible;z-index:9999;opacity:1;filter:alpha(opacity=100)}
div.container.animated.fadeIn.go{z-index:9999}

/* OFF-CANVAS MENU */
.overlay{position:absolute;background:rgba(0,0,0,0);width:100%;height:100%;display:none;z-index:999999;-webkit-transition:all 225ms ease;transition:all 225ms ease;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;cursor:pointer}
.scotch-is-showing .overlay{display:block}
.c-hamburger{display:none;position:absolute;top:40px;right:20px;overflow:hidden;margin:0;padding:0;width:66px;height:62px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s;background:rgba(0,0,0,0.5)}
.c-hamburger:focus{outline:none}
.c-hamburger span{display:block;position:absolute;top:30px;left:18px;right:18px;height:1px;background:#fff}
.c-hamburger span::before,.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:1px;background-color:#fff;content:""}
.c-hamburger span::before{top:-6px}
.c-hamburger span::after{bottom:-6px}
.c-hamburger--htx span{-webkit-transition:background 0 .3s;transition:background 0 .3s}
.c-hamburger--htx span::before,.c-hamburger--htx span::after{-webkit-transition-duration:0.3s,.3s;transition-duration:0.3s,.3s;-webkit-transition-delay:0.3s,0;transition-delay:0.3s,0}
.c-hamburger--htx span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;transition-property:top,transform}
.c-hamburger--htx span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
.c-hamburger--htx.is-active span{background:none}
.c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
.cf:before,.cf:after{content:" ";display:table;clear:both}

/* WALDO FORM */
#form-wrapper {
  background: rgba(0,0,0,0.7);
  width: 45%;
  margin: 4em 0 0 0;
  padding: 3em 3em 2em 3em;
  text-align: center;
}
.simform{position:relative;max-width:450px;width:100%;text-align:left;font-size:2em}
.simform .submit{display:none}
.simform ol{margin:0;padding:0;list-style:none;position:relative;-webkit-transition:height .4s;transition:height .4s}
.simform ol:before{content:'';background-color:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;width:100%;height:2.35em}
.questions li{z-index:100;position:relative;visibility:hidden;height:0;-webkit-transition:visibility 0 0.4s,height 0 .4s;transition:visibility 0 0.4s,height 0 .4s}
.questions li.current,.no-js .questions li{visibility:visible;height:auto;-webkit-transition:none;transition:none}
.questions li > span{display:block;overflow:hidden}
.questions li > span label{display:block;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transform:translateY(-100%);transform:translateY(-100%);margin-bottom:0.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;text-align:center;font-size:0.6em;font-weight:500}
.questions li.current > span label,.no-js .questions li > span label{-webkit-transition:none;transition:none;-webkit-transform:translateY(0);transform:translateY(0)}
.show-next .questions li.current > span label{-webkit-animation:moveUpFromDown .4s both;animation:moveUpFromDown .4s both}
.questions input{display:block;margin:.2em 0 0;padding:.5em 1em .5em .7em;width:calc(100% - 2em);border:none;background:transparent;font-weight:300;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;color:#fff}
.questions .current input,.no-js .questions input{opacity:1}
.questions input:focus,.simform button:focus{outline:none}
.next{position:absolute;top:2em;right:0;bottom:1.15em;display:block;padding:0;width:2em;height:2em;border:none;background:none;opacity:0;color:rgba(0,0,0,0.4);text-align:center;z-index:9999;cursor:pointer;-webkit-transition:-webkit-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .3s;-webkit-transform:translateX(-20%);-ms-transform:translateX(-20%);transform:translateX(-20%);-webkit-tap-highlight-color:rgba(0,0,0,0)}
.next::after{position:absolute;left:0.2em;top:-0.4em;width:20px;height:20px;content:url(../_img/arrow.svg);text-transform:none;font-style:normal;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.next.show{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);pointer-events:auto}
.simform .progress{width:0;height:.15em;background:rgba(r,g,b,0.5);-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out}
.simform .progress::before{position:absolute;top:auto;width:100%;height:inherit;background:rgba(r,g,b,0.3);content:''}
.simform .number{position:absolute;right:0;overflow:hidden;margin:1em 0;width:3em;font-weight:700;font-size:.4em;color:#fff}
.simform .number:after{position:absolute;left:50%;content:'/';opacity:.4;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.simform .number span{float:right;width:40%;text-align:center}
.simform .number .number-current{float:left}
.simform .number-next{position:absolute;left:0}
.simform.show-next .number-current{-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.simform.show-next .number-next{-webkit-animation:moveUpFromDown .4s both;animation:moveUpFromDown .4s both}
.simform .error-message,.simform .final-message{position:absolute;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}
.simform .error-message{padding:.7em 3.5em 0 0;width:100%;color:rgba(255,255,255,0.7);font-style:italic;font-size:.5em}
.final-message{top:50%;left:0;padding:.5em;width:100%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.error-message.show,.final-message.show{visibility:visible;opacity:1}
.final-message.show{-webkit-transition-delay:.5s;transition-delay:.5s}
.simform-inner.hide{visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s,visibility 0 .3s;transition:opacity 0.3s,visibility 0 .3s}
.no-js .simform{font-size:1.75em}
.no-js .questions li{padding:0 0 2em}
.no-js .simform .submit{display:block;float:right;padding:10px 20px;border:none;background:rgba(0,0,0,0.3);color:rgba(0,0,0,0.4)}
.no-js .simform .controls{display:none}
input[type=text]::-ms-clear{display:none}
input#dobday,input#dobmonth{width:25%;display:inline-block}
input#dobyear{width:35%;display:inline-block}
::-webkit-input-placeholder{color:#fff;-webkit-font-smoothing:antialiased}
::-moz-placeholder{color:#fff;-moz-osx-font-smoothing:grayscale}
:-ms-input-placeholder{color:#fff}
input:-moz-placeholder{color:#fff}
input[type=radio]{display:none}
label.male{display:inline-block;position:relative;top:.21em;background:#C84698 url(../_img/maled74e.svg?url=/sa) center center no-repeat;background-size:contain;width:50%;padding:1.17em 0 1.13em;height:10px;cursor:pointer}
label.female{display:inline-block;position:relative;top:.21em;background:#C84698 url(../_img/femaled74e.svg?url=/sa) center center no-repeat;background-size:contain;width:50%;padding:1.17em 0 1.13em;height:10px;cursor:pointer}
#warning p {position:relative;top:125px;font-size:13px;line-height:18px;text-align: center;padding: 0 10px;}
.terms{position:relative;top:4em;color:rgba(0,0,0,0.8);font-family:'Roboto',Arial,sans-serif;font-size:.4em;text-transform:uppercase;letter-spacing:.1em;text-align:center;color: #fff}
.terms a:link,.terms a:visited{text-decoration:none;color:rgba(255,255,255,0.8);font-weight:700!important}
.terms a:hover,.terms a:active{text-decoration:none;color:rgba(255,255,255,1)}
@-webkit-keyframes moveUpFromDown {
from{-webkit-transform:translateY(100%)}
to{-webkit-transform:translateY(0)}
}
@keyframes moveUpFromDown {
from{-webkit-transform:translateY(100%);transform:translateY(100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@media screen and (max-width: 44.75em) {
section.form{padding:1em 2em}
.simform{font-size:1.8em}
}
@media screen and (max-width: 33.5625em) {
.simform{font-size:1.2em}
}
#mobile-form-wrap{display:none}
#secondstep{margin-top:5px;display:none;}

/* INTERESTS */
.interests-wrap{padding:0 0 7em 0;}
.interests{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.interest-tile{display:inline-block;width:23%;height:300px;margin:2em 0 0 0;padding:1em 0 0 0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.no-strings{background:url(../_img/i-nostrings.html)no-repeat;background-size:cover;align-items:flex-end}
.dogging{background:url(../_img/i-dogging.html)no-repeat;background-size:cover;align-items:flex-end}
.milf{background:url(../_img/i-milf.html)no-repeat;background-size:cover;align-items:flex-end}
.affairs{background:url(../_img/i-affairs.html)no-repeat;background-size:cover;align-items:flex-end}
.interest-tile h3{background:rgba(0, 0, 0, 0.5);margin:0;padding:1em;width:100%;font-weight:500;color:#fff;-webkit-transition:all 0.3s;position:absolute;bottom:0}
.interest-tile h3:hover{background:rgba(0,0,0,0.8);border-left:5px solid #C84698;-webkit-transition:all 0.3s}

/* MEMBERS */
.members-wrap{background:#6D3381;padding:4.5em 0em;}
.members{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.member-photo{position:relative;display:inline-block;width:15.5%;height:260px;margin:2em 0 0 0;padding:2em;background:#6D3381;text-align:center}
.member-photo img{width:100%;margin-bottom:1em;border-radius:100px;}
.member-photo p strong{color:#fff;font-family:'Roboto',Arial,sans-serif;font-size:1.2em;display:block}
.member-photo p{color:#fff;font-family:'Roboto',Arial,sans-serif;font-size:1em}
.member-photo:before{content:"";position:absolute;top:-5px;right:20px;width:14.1px;height:23px;}
.wld_badge_item{position:relative;display:inline-block;width:15.5%;height:260px;margin:2em 0 0 0;padding:2em;background:#6D3381;text-align:center;pointer-events:none;}
.wld_badge_item_photo img{width:100%;height:100%;margin-bottom:1em;border-radius:100px;}
.wld_badge_item_detail {color:#fff;font-family:'Roboto',Arial,sans-serif;font-size:1.0em;display:block}
.wld_badge_item_detail span strong{color:#fff;font-family:'Roboto',Arial,sans-serif;font-size:1.0em;display:block}
.wld_badge_item_detail span{color:#fff;font-family:'Roboto',Arial,sans-serif;font-size:1em}
.wld_badge_item:before{content:"";position:absolute;top:-5px;right:20px;width:14.1px;height:23px;}
.members-wrap + .why-you-should-join-wrap{padding:0 0 4em 0}

/* WHAT'S GOING ON */
.whats-going-on-wrap{padding:5em 0}
.whats-going-on-wrap h2{color:#fff;display:inline;position:relative;z-index:2}
.whats-going-on{margin:2em 0 0 0}

/* WHY YOU SHOULD JOIN */
.why-you-should-join-wrap{background:#6D3381;padding:6em 0em 4em 0;}
.why-you-should-join{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.why{width:20%;margin-top:2em;display:inline-block}
.why img{width:100%}

/* BLOG */
.article-wrap{margin:-45em 0 0 0;background:rgba(0,0,0,0.5);color:#fff;font-family:'Roboto',Arial,sans-serif}
.masthead-adult.article{min-height:1000px;background:#000 url(../_img/bg-masthead-adult.html) top center no-repeat;background-size:cover;box-sizing:border-box}
body.blog .nine.columns{padding:4em 0}
body.blog .nine.columns h3{font-size:1.6em;font-weight:300;color:#fff;margin:2em 0 1em 0}
body.blog .three.columns{padding:4em 0 4em 3em;background:rgba(0,0,0,0.7)}
body.blog .three.columns h3{font-size:1.6em;font-weight:300;color:#fff}
body.blog .three.columns a:link,body.blog .three.columns a:visited{display:block;margin:1em 0;color:#f00;font-weight:500}
body.blog .three.columns a:hover,body.blog .three.columns a:active{display:block;color:#f00}

/* FOOTER */
.footer-wrap{padding:7em 0;color:#fff;font-family:'Roboto',Arial,sans-serif}
.footer-wrap a:link,
.footer-wrap a:visited {
  text-decoration: none;
  color: #fff;
  margin-right: 0.5em;
  line-height: 1.5em;
  font-weight: 500;
}
.footer-wrap a:hover,.footer-wrap a:active{color:#fff}
.footer-wrap a.join-free:link,.footer-wrap a.join-free:visited{background:#C84698;color:#fff !important;font-family:'boston-cdbold',serif;font-size:2em;padding:0.6em 1em;border:3px solid #000;transition:all 0.2s}
.footer-wrap a.join-free:hover,.footer-wrap a.join-free:active{color:#000!important;background:none;border:3px solid #fff;color:#C84698!important}
.footer-wrap .one.column{position:relative;top:-15px;margin:0}
.footer-wrap .four.columns{margin-top:0.1em}

/* TYPOGRAPHY */
h1{font-family:'boston-cdbold',serif;font-size:2.4em;margin:0 0 0.2em 0;font-weight:400;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h2{font-family:'boston-cdbold',serif;font-size:2em;color:#fff;font-weight:400}
.interests-wrap h2{color:#fff;display:inline;position:relative;z-index:2}
.cross-sell-wrap h2{color:#fff;background:#212121;display:inline;position:relative;z-index:2}
.members-wrap h2,.why-you-should-join-wrap h2{color:#fff;background:#6D3381;display:inline;position:relative;z-index:2}
body.blog h2{font-size:3em;margin:0 0 0.85em 0}
body.blog .footer-wrap{background:#212121}
.bgfill{background:rgba(255,255,255,0.1);position:absolute;top:0.5em;right:0;width:100%;height:1.5em;z-index:1}
h3{font-family:'Roboto',Arial,sans-serif;text-transform:uppercase;font-size:1.1em;font-weight:300;color:#999;margin:0 0 0 0;}
h3 strong{color:#fff}
.whats-going-on-wrap h3{font-size:1.6em;color: #fff}
h4{margin:2em 0 0.5em 0}
h4 a:link, h4 a:visited{color:#f00;font-family:'Roboto',Arial,sans-serif;font-size:1.1rem !important}
h5{font-family:'boston-cdbold',serif;font-size:1.5em;padding:0 1.5em;color:#fff;text-align:center}
p{font-weight:300;font-family:'Roboto',Arial,sans-serif;font-size:1.05em;line-height:1.4em;color:#fff}
.intro-left p{color:#fff!important}
.nine.columns ol li,.nine.columns ul li {line-height:1.6em;margin-bottom:1em;}
em{font-weight:700}
a.toggle-panel{position:absolute;right:0;top:80px;z-index:9999}
.bar-wrap{width:20px;height:35px;background:rgba(0,0,0,0.1);padding:10px 20px;border:1px solid #fff}
.bar{position:absolute;left:7px;top:18px;width:29px;height:2px;background:#fff;margin:10px}
.bar::before{position:absolute;top:-6px;content:'';width:29px;height:2px;background:#fff}
.bar::after{position:absolute;top:6px;content:'';width:29px;height:1px;background:#fff}
.menu{background:#361940;padding:40px 0 0;height:100%;display:none;z-index:99999}
.menu a{display:block;text-transform:uppercase;text-decoration:none;padding:10px 40px;color:#efefef;letter-spacing:.1em;font-weight:300;pointer:cursor}
.menu a:hover{color:#fff}
hr{margin:20px 40px;border-top:1px solid #666}
@font-face {
    font-family: 'Boston-CdBold';
    src: url('../_fonts/boston-cd-bold-webfont.eot');
    src: url('../_fonts/boston-cd-bold-webfont86d7.eot?iefix') format('eot'),
         url(../_fonts/boston-cd-bold-webfont.woff) format('woff'),
         url('../_fonts/boston-cd-bold-webfont.ttf') format('truetype'),
         url('../_fonts/boston-cd-bold-webfont.svg#webfontzdRYf1BG') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ANIMATED HEADLINE */
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html{font-size:100%}
a{text-decoration:none}
.cd-title{position:relative;height:160px;line-height:230px;text-align:center}
.cd-words-wrapper{display:inline-block;position:relative;text-align:left;width:52% !important;margin-bottom:0.5em}
.cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}
.cd-words-wrapper b.is-visible{position:relative}
.no-js .cd-words-wrapper b{opacity:0}
.no-js .cd-words-wrapper b.is-visible{opacity:1}
.cd-headline.slide .cd-words-wrapper{overflow:hidden;vertical-align:top}
.cd-headline.slide b{opacity:0;top:.2em}
.cd-headline.slide b.is-visible{top:0;opacity:1;-webkit-animation:slide-in .6s;-moz-animation:slide-in .6s;animation:slide-in .6s}
.cd-headline.slide b.is-hidden{-webkit-animation:slide-out .6s;-moz-animation:slide-out .6s;animation:slide-out .6s}
@-webkit-keyframes slide-in {
0%{opacity:0;-webkit-transform:translateY(-100%)}
60%{opacity:1;-webkit-transform:translateY(20%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes slide-in {
0%{opacity:0;-moz-transform:translateY(-100%)}
60%{opacity:1;-moz-transform:translateY(20%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes slide-in {
0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
60%{opacity:1;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes slide-out {
0%{opacity:1;-webkit-transform:translateY(0)}
60%{opacity:0;-webkit-transform:translateY(120%)}
100%{opacity:0;-webkit-transform:translateY(100%)}
}
@-moz-keyframes slide-out {
0%{opacity:1;-moz-transform:translateY(0)}
60%{opacity:0;-moz-transform:translateY(120%)}
100%{opacity:0;-moz-transform:translateY(100%)}
}
@keyframes slide-out {
0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
60%{opacity:0;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%)}
100%{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
}

/* MEDIA QUERIES */
@media screen and (min-width:1920px) and (max-width:2560px) {
    .masthead-adult,.masthead-adult.article {background-size:85%;padding:0 0 4em}
}
@media screen and (max-width:1300px) {
    .non-dropdown-menu,.dropdown-menu{display:none}
    .c-hamburger{display:block}
    .cd-words-wrapper{width:58% !important}
    h1.cd-headline{font-size:1.9em}
}
@media screen and (max-width:1024px) {
    .masthead-adult {padding:0 0 2em}
    .odp-top{position:absolute;top:110px;right:0}
    #form-wrapper{width:75%}
    .interest-tile,.member-photo,.wld_badge_item{width:48%;height:250px}
    .member-photo,.wld_badge_item{width:31%}
    .member-photo img{width:80%;margin-bottom:1em;}
    .wld_badge_item_photo img{width:40%;margin-bottom:1em;}
    h5{padding:0;font-size:1em}
    .footer-wrap .seven.columns{width:100%;margin:1em 0 2em 0}
    .cd-words-wrapper{width:55% !important}
    body.blog .nine.columns{width:66%}
    body.blog .three.columns{padding:4em 2em 4em 2.5em;background:rgba(0,0,0,0.7);width:30%}
}
@media screen and (max-width:1024px) and (orientation:landscape) {
    #form-wrapper{width:70%}
    .simform{max-width:550px;width:100%;text-align:left;font-size:2em}
    .member-photo{width:31%;height:320px}
    .member-photo img{width:80%}
    .wld_badge_item{width:31%;height:320px}
    .wld_badge_item_photo img{width:40%}
    .cd-words-wrapper{width:42% !important}
}
@media screen and (max-width:736px) {
    .logo {
      max-width: 60%;
    }
    #mobile-form-wrap{display:block;font-family:'Roboto',Arial,sans-serif!important}
    #mobile-form-wrap label{text-align:left}
    #form-wrapper{width:100%;padding:2em 1em}
    h1{font-size:1.8em}
    h3{margin:0 0 .5em}
    .c-hamburger{display:block;position:absolute;top:20px;right:0}
    .odp-top{display:none}
    .container{width:90%;padding:0}
    .member-photo{width:47%;padding:2em 1em;height:17em}
    .member-photo p{font-size:0.9em}
    .wld_badge_item{width:47%;padding:2em 1em;height:17em}
    .wld_badge_item_detail span{font-size:0.9em}
    .masthead-adult {background-size:200%;padding:0}
    .masthead-bbw,.masthead-milf,.masthead-roleplaying{background-position:top right -145px}
    .interests-wrap{padding:2em 0 4em 0}
    .interest-tile{background-position:left center;display:inline-block;width:10em;height:10em}
    .whats-going-on-wrap{padding:3em 0}
    .members-wrap,.footer-wrap{padding:3em 0}
    .why-you-should-join-wrap{padding:3em 0 2em 0}
    .why{width:45%;margin-top:2em}
    .bgfill{display:none}
    .six.columns+.six.columns>h3{margin-top:1em}
    .footer-wrap{padding:4em 0 2em 0}
    .article-wrap{padding:3em 0;margin:-53em 0 0 0;background:rgba(0,0,0,0.5);color:#fff;font-family:'Roboto',Arial,sans-serif}
    .masthead-adult.article{min-height:1000px;background:#000 url(../_img/bg-masthead-adult.html) top center no-repeat;background-size:200%;box-sizing:border-box}
    body.blog .nine.columns,body.blog .three.columns{width:100%;padding:0}
    body.blog h2{font-size:2em;margin:0 0 0.85em 0}
    body.blog .three.columns h3{margin-top:2em}
    a.join-free{font-size:1.5em !important}
    .cd-words-wrapper{display:inline-block;position:relative;text-align:center;width:100% !important;margin-bottom:0.5em}
    .cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;right:0;top:0}
}
@media screen and (max-width:736px) and (orientation:landscape) {
    .logo{width:20%}
    .six.columns+.six.columns>h3{margin-top:0em}
    .four.columns{width:100%}
    .seven.columns a{display:block}
    .one.column img{margin-top:1em}
    .member-photo, .wld_badge_item {width:47%;padding:2em 1em;height:18em}
    body.blog .nine.columns,body.blog .three.columns{width:100%}
    .cd-words-wrapper{width:40% !important}
    .masthead-bbw,.masthead-milf,.masthead-oralsex{background-position:top right -200px}
    .masthead-bbw,.masthead-milf,.masthead-roleplaying{background-position:top right -245px}
    .interest-tile{background-position:left center;display:inline-block;width:15em;height:15em}
}

/* Social Icons //////////////////////////////////////////////////////*/

.socialIcons a img {
    width: 36px;
    margin: 0 5px;
    opacity: .7;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.socialIcons a img:hover {
    opacity: 1;
}

#signup {
    max-width: 403px;
    height: auto;
    margin: 0px auto 0 auto;
    padding: 20px;
    border-radius: 4px;
    position: relative;
    font-family: 'Roboto', Arial, sans-serif;
}

#signup .wld-component {
    height: 100%;
}

#signup .wld-form {
    height: 100%;
    flex-direction: column;
}

#signup .wld-form__fields {
    margin: 0 0 6px 0;
}

#signup .wld-fieldgroup {
    flex: 1;
    align-self: center;
    display: none;
}

#signup .wld-fieldgroup--active {
    display: block;
}

#signup .wld-field--confirm {
    color: #fff;
    margin: 1em 0;
    text-align: left;
    font-size: 15px;
}
.wld-field:not(.wld-field--confirm) .wld-field__caption {
    color: #fff;
    margin: .5em 0;
    text-align: center;
}

/* GENERAL INPUT STYING
------------------------------------------------ */
.wld-input {
    font: inherit;
}

.wld-input::placeholder {
    color: rgba(153, 153, 153, .5);
}

.wld-input--text,
.wld-input--number {
    display: block;
    color: rgba(153, 153, 153);
    background: #fff;
    width: 100%;
    font-size: 16px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    padding: 20px;
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 2px;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}

select::-ms-expand {
    display: none;
}

.wld-button {
    display: block;
    background: #C84698;
    color: #fff;
    font-size: 25px;
    font-family: 'Roboto', Arial, 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;
    border-radius: 2px;
    transition: all 200ms ease-in-out 100ms;
}

.wld-form__suffix {
    margin: 8px 0 0;
    text-align: left;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
}

.wld-form__suffix a {
    font-weight: 400;
}

button.wld-button:hover {
    display: block;
    background: #C84698;
}

/* ERRORS
------------------------------------------------ */
.wld-error-overlay {
    top: 90px;
    position: absolute;
    background: #c00;
    font-size: 14px;
    font-family: 'Roboto', Arial, 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 (max-width: 443px) {
    #signup {
        background: none;
        border-radius: 0;
    }
}