body { display: block; margin-right: auto; margin-left: auto; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-size: 14px; line-height: 20px; }

h1 { margin-top: 20px; margin-bottom: 10px; font-size: 38px; line-height: 44px; font-weight: 700; }
h2 { display: block; margin: 0px auto 20px; color: #41200a; font-size: 35px; line-height: 40px; font-weight: 400; text-align: center; }
h3 { margin-top: 20px; margin-bottom: 10px; font-size: 24px; line-height: 30px; font-weight: 700; }
h4 { margin-top: 10px; margin-bottom: 10px; font-size: 18px; line-height: 24px; font-weight: 700; }
h5 { margin-top: 10px; margin-bottom: 10px; font-size: 14px; line-height: 20px; font-weight: 700; }
h6 { margin-top: 10px; margin-bottom: 10px; font-size: 12px; line-height: 18px; font-weight: 700; }

a { text-decoration: none; }
p { position: static; left: 0px; right: 0px; bottom: 0px; display: block; overflow-x: visible; overflow-y: visible; height: auto; margin-right: auto; margin-bottom: 5px; margin-left: auto; float: none; background-color: transparent; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: black; font-weight: 400; text-align: left; }

.aboutbutton { display: inline-block; padding-right: 10px; padding-left: 10px; border-right-style: solid; border-right-width: 2px; color: rgba(0, 0, 0, 0.8); font-size: 15px; text-decoration: none; }
.aboutus { display: none; overflow-x: visible; overflow-y: visible; margin-top: 75px; padding: 2% 3%; border: 1px solid black; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) 1px 1px 3px 0px inset; }
.affiliateprogram { display: none; overflow-x: visible; overflow-y: visible; margin-top: 75px; padding: 2% 3%; border: 1px solid black; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) 1px 1px 3px 0px inset; }
.agerange { width: 27%; height: 35px; float: left; background-color: #4d4b4c; color: white; font-size: 14px; line-height: 20px; }
.ageranges { position: relative; top: 0px; right: 0px; bottom: 0px; }
.agespacer { display: block; width: 14%; height: 10px; min-width: 0px; float: left; }
.banneradd { margin-top: 474px; margin-left: 5%; }
.birdicon { display: block; }
.blackback { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: none; background-color: rgba(0, 0, 0, 0.49); }
.bodymodal { position: static; left: 5%; top: 20%; right: 5%; bottom: 20%; display: none; overflow-x: auto; overflow-y: auto; width: 70%; height: 500px; margin-top: 5%; margin-right: auto; margin-left: auto; padding-top: 5%; padding-right: 10%; padding-left: 10%; float: none; border-radius: 5px; background-color: rgba(255, 255, 255, 0.90); }
.bodymodal.contactus { position: static; z-index: 3; display: none; overflow-x: visible; overflow-y: visible; margin-top: 75px; padding: 2% 3%; border: 1px solid black; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) 1px 1px 3px 0px inset; }
.bold { font-weight: 700; }
.browsericon { width: 40px; height: 40px; }
.browserlink { margin-right: 8px; color: black; text-align: center; text-decoration: none; }
.browserlink.w--current { margin-right: 5px; margin-bottom: 10px; }
.button { display: block; height: 38px; margin-bottom: 20px; margin-left: 0px; padding: 5px 15px; float: right; border-radius: 5px; background-color: #d72617; box-shadow: rgba(115, 175, 250, 0.49) 1px 1px 0px 1px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: white; font-size: 25px; line-height: 26px; text-align: center; text-decoration: none; }
.button.alreadymember { position: relative; display: inline-block; height: 28px; margin-top: 33px; margin-bottom: 0px; margin-left: -5px; padding: 0px; float: none; background-color: transparent; box-shadow: none; color: #41200a; font-weight: 700; }
.button.brn { display: inline-block; width: 265px; height: auto; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 8px; padding-bottom: 8px; float: none; background-color: #d72617; box-shadow: rgba(73, 46, 19, 0.49) 1px 1px 0px 1px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 30px; line-height: 30px; }
.button.brn:active { color: white; }
.button.brn:focus { color: white; }
.button.brn:hover { color: white; }
.button.brn.w--current { box-shadow: rgba(73, 46, 19, 0.49) 1px 1px 0px 1px; }
.button.complete { position: static; left: 0px; top: 0px; width: 100px; height: 30px; margin-right: 0%; margin-bottom: auto; padding-top: 2px; padding-right: 5px; padding-left: 5px; float: right; box-shadow: rgba(65, 32, 10, 0.49) 1px 1px 3px 0px; font-size: 18px; }
.button.loginbutton { width: 100%; margin: 10px auto; float: none; font-size: 20px; }
.button.next { position: relative; left: 0px; right: 0px; bottom: 0px; width: 100px; height: 30px; padding-top: 2px; float: right; box-shadow: rgba(65, 32, 10, 0.49) 1px 1px 0px 1px; font-size: 18px; text-align: center; }
.button.next:active { color: white; }
.button.next:focus { color: white; }
.button.next:hover { color: white; }
.button.previous { position: relative; left: 0px; bottom: 0px; width: 100px; height: 30px; margin-bottom: 20px; padding-top: 2px; float: left; box-shadow: #41200a -1px 1px 3px 0px; font-size: 18px; }
.button.upload { width: 180px; margin: 0px auto; float: none; background-color: black; box-shadow: none; font-size: 20px; }
.centertext { display: block; margin-right: auto; margin-left: auto; color: black; font-size: 17px; text-align: center; }
.centertext.blacktext { display: block; margin-top: 10px; color: #41200a; font-size: 20px; font-weight: 700; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px; }
.centertext.blacktext.whatisthis { display: none; }
.centertext.errortext { display: none; color: red; }
.chathandle { display: block; height: auto; margin: 0px 5px 0px 5px; padding: 4px 6px; float: left; border-radius: 5px; background-color: #d72617; box-shadow: rgba(115, 175, 250, 0.49) 1px 1px 0px 1px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: white; font-size: 12px; line-height: 12px; text-align: center; text-decoration: none; cursor: pointer; }
.checkbox { display: block; margin: -5px auto 15px; }
.chkboxlbl { float: left; font-weight: 700; }
.clickherto { display: none; font-size: 15px; text-transform: uppercase; }
.closebody { position: relative; top: 0px; right: 0px; bottom: 0px; z-index: 10; display: block; width: 30px; height: 30px; margin-right: -5%; margin-bottom: 30px; margin-left: auto; padding-top: 5px; float: right; background-color: red; color: white; font-size: 20px; font-weight: 700; text-align: center; text-decoration: none; }
.closebody.w--current { position: relative; top: 0px; right: 0px; z-index: 10; display: inline-block; width: 30px; height: 30px; margin-top: -12px; margin-right: -3%; margin-bottom: 30px; padding-top: 5px; padding-right: 0px; padding-left: 0px; float: right; border-radius: 15px; background-color: red; color: white; font-size: 20px; text-align: center; }
.closeregistration { position: fixed; top: 0px; right: 0px; z-index: 10; display: block; overflow-x: visible; overflow-y: visible; width: 30px; height: 30px; margin-top: 25px; margin-right: 20px; padding: 5px 8px; float: right; border-radius: 15px; background-color: #d11515; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: white; font-size: 20px; font-weight: 700; text-decoration: none; }
.closeregistration.w--current { position: static; }
.column { border-right-style: solid; border-right-width: 2px; }
.column.lastcol { border-right-style: none; border-right-width: 0px; }
.containlinks { display: block; margin-right: auto; margin-bottom: 20px; margin-left: auto; text-align: center; }
.copyright { display: block; margin: 20px auto; text-align: center; }
.dbrow { display: block; width: 100%; margin-right: auto; margin-left: auto; padding-left: 0px; text-align: center; }
.divright { position: absolute; top: 25%; right: 0px; display: block; width: 30%; margin-right: 18%; padding: 10px 20px 30px; float: right; border-radius: 5px; background-color: rgba(255, 255, 255, 0.49); box-shadow: white 1px 1px 0px 1px; }
.divright.modalmenu { position: static; top: 13%; display: inline-block; width: 290px; min-width: 290px; margin-top: 130px; margin-right: auto; margin-left: 52%; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; float: left; border: 1px solid black; background-color: rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) -8px 8px 12px 0px; text-align: center; }
.dob { display: block; width: 100%; margin-right: auto; margin-left: auto; border-radius: 5px; background-color: #4d4b4c; color: white; }
.dob.day { height: 35px; font-size: 14px; line-height: 20px; }
.dob.month { width: 90%; height: 35px; font-size: 14px; line-height: 20px; }
.dob.year { height: 35px; font-size: 14px; line-height: 20px; }
.dobcols { padding-right: 0px; padding-left: 0px; }
.errormessages { padding-right: 20px; padding-left: 20px; }
.field { display: block; width: 100%; height: 35px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; border-radius: 5px; background-color: #4d4b4c; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: white; font-size: 14px; line-height: 20px; }
.field.email { width: 100%; }
.field.emailaddress.loginfield { border: 1px solid black; background-color: white; color: black; }
.field.gender { width: 100%; height: 35px; font-size: 14px; line-height: 20px; }
.field.password.passwordfield { border: 1px solid black; background-color: white; color: black; }
.footer { padding: 10px 5% 20px; background-image: url('/includesRWD/flowerback.jpg'); background-size: cover; }
.footlink { display: inline-block; padding-right: 10px; padding-left: 10px; float: none; border-right-style: solid; border-right-width: 2px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: rgba(0, 0, 0, 0.8); font-size: 15px; text-align: justify; text-decoration: none; }
.footlink.bordered { border: 1px solid black; }
.footlink.last { border-right-style: none; }
.footlink.w--current { border-width: 1px; border-color: black; }
.footlinks { display: block; width: auto; margin-right: auto; margin-left: auto; text-align: center; }
.formcontent { display: block; margin: 15px 0px auto; text-align: center; }
.formcontent.adjuster { margin-bottom: 5px; }
.formcontent.multirows { margin-bottom: 5px; }
.formcontent.scroll { overflow-x: auto; overflow-y: auto; margin-bottom: 15px; }
.formhelper { display: none; margin: -14px 10px 10px; padding: 6px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.49); border-radius: 5px; background-color: rgba(255, 255, 255, 0.90); box-shadow: rgba(0, 0, 0, 0.31) 1px 1px 5px 0px, rgba(0, 0, 0, 0.31) 1px 1px 1px 0px inset; font-size: 12px; line-height: 0px; text-align: left; }
.formhelper.dayhelper { margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.formhelper.monthhelper { margin-bottom: 10px; }
.formhelper.suggestion { display: block; margin-left: 20px; }
.formhelper.yearhelper { margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.formwrapper { margin-bottom: 0px; padding-right: 20px; padding-left: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: none; }
.godaddy { margin-left: 5px; float: left; }
.header { padding: 10px 5%; }
.helparrow { margin-top: -15px; float: left; }
.helparrow.hidden { display: none; }
.imagecenter { display: block; margin: 5px auto 15px; text-align: center; }
.joinbutton { display: inline-block; padding-right: 10px; padding-left: 10px; border-right-style: solid; border-right-width: 2px; color: rgba(0, 0, 0, 0.8); font-size: 15px; text-align: justify; text-decoration: none; }
.label { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: rgba(0, 0, 0, 0.76); font-size: 18px; text-align: left; }
.label.agelabel { width: 16%; margin-top: 8px; float: left; text-align: right; }
.leftalign { text-align: left; }
.leftbird { display: inline-block; width: 60px; margin-top: 10px; float: none; text-decoration: none; }
.leftcolumn { padding-right: 5px; padding-left: 0px; }
.link { display: block; margin-right: auto; margin-left: auto; color: #333; font-size: 15px; text-align: center; text-decoration: none; }
.loginnotice { display: none; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 20px; border-bottom-right-radius: 0px; background-color: transparent; font-size: 12px; line-height: 18px; text-align: left; }
.main { height: 700px; background-image: url('/images/front20170702.jpg'); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; }
.mainpicture { width: 180px; margin-top: 20px; border: 2px dashed black; background-color: #e0e0e0; }
.membership { display: inline-block; font-family: Ubuntu, Helvetica, sans-serif; color: #d72617; font-size: 22px; font-weight: 500; }
.membership { height: 55px; }
.message { display: block; margin-left: 27px; font-size: 12px; line-height: 14px; }
.minicontent { margin-bottom: 20px; }
.modalheader { position: static; left: 0px; top: 0px; right: 0px; z-index: 10; display: block; width: auto; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 10px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #e61e00; box-shadow: #41200a 3px 3px 8px -2px, #41200a -3px 3px 8px -2px; }
.modallogin { position: static; top: 13%; display: none; overflow-x: auto; overflow-y: auto; width: 350px; height: auto; margin-top: 10%; margin-right: auto; margin-left: 55%; padding: 5px 15px 15px; float: left; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: rgba(255, 255, 255, 0.90); box-shadow: none; text-align: center; }
.modelregister1 { position: static; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 0px; float: none; border-radius: 10px; background-color: #cfcfcf; box-shadow: none; }
.modelregister2 { position: static; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 0px; float: none; border-radius: 10px; background-color: #cfcfcf; box-shadow: none; }
.modelregister3 { position: static; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 0px; float: none; border-radius: 10px; background-color: #cfcfcf; box-shadow: none; }
.modelregister4 { position: static; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 0px; float: none; border-radius: 10px; background-color: #cfcfcf; box-shadow: none; }
.modelregister5 { position: static; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 0px; float: none; border-radius: 10px; background-color: #cfcfcf; box-shadow: none; }
.modelregister6 { position: static; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 0px; float: none; border-radius: 10px; background-color: #cfcfcf; box-shadow: none; }
.modelregister7 { position: static; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 0px; float: none; border-radius: 10px; background-color: #cfcfcf; box-shadow: none; }
.modelregister8 { position: static; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 100px; margin-right: auto; margin-left: auto; padding: 0px; float: none; border-radius: 10px; background-color: #cfcfcf; box-shadow: none; }
.navigation { position: relative; left: 0px; right: 0px; bottom: 0px; margin-right: auto; margin-left: auto; }
.nextwrapper { padding-right: 0px; padding-left: 0px; }
.nowrapping { display: inline-block; margin-right: auto; margin-left: auto; }
.password-counter { position: absolute; display: inline; width: 33px; height: 33px; margin-left: 145px; float: right; background-color: transparent; color: transparent; }
.password-totals { margin-top: 10px; background-color: transparent; color: white; font-size: 12px; line-height: 16px; text-align: right; }
.policybutton { display: inline-block; padding-right: 10px; padding-left: 10px; border-right-style: solid; border-right-width: 2px; color: rgba(0, 0, 0, 0.8); text-align: justify; text-decoration: none; }
.previous { float: left; }
.prevwrapper { position: relative; padding-right: 0px; padding-left: 0px; }
.prevwrapper.emptyset { height: 0px; }
.privacy { display: none; overflow-x: visible; overflow-y: visible; margin-top: 75px; padding: 2% 3%; border: 1px solid black; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) 1px 1px 3px 0px inset; }
.rightbird { width: 60px; margin-top: 10px; float: none; }
.rightcolumn { height: 60px; padding-right: 0px; padding-left: 5px; }
.rightitems { display: inline-block; width: 350px; height: 55px; float: right; }
.scrollable { overflow-x: auto; overflow-y: auto; height: 85%; margin-top: 0px; }
.socialicon { display: block; width: 40px; }
.socialicons { display: inline-block; margin-right: 8px; }
.socialicons.lasticon { margin-right: 6px; }
.spacing { height: 25px; }
.steps { display: block; margin-right: auto; margin-left: auto; padding-top: 0px; float: left; color: white; font-size: 18px; font-weight: 700; text-align: center; text-shadow: none; }
.submit { display: block; height: 38px; margin-right: auto; margin-left: auto; padding-top: 9px; border-radius: 5px; }
.supportbutton { display: inline-block; padding-right: 10px; padding-left: 10px; border-right-style: solid; border-right-width: 2px; color: rgba(0, 0, 0, 0.8); font-size: 15px; text-align: justify; text-decoration: none; }
.techsupport { display: none; overflow-x: visible; overflow-y: visible; margin-top: 75px; padding: 2% 3%; border: 1px solid black; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) 1px 1px 3px 0px inset; }
.termsofuse { display: none; overflow-x: visible; overflow-y: visible; margin-top: 75px; padding: 2% 3%; border: 1px solid black; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) 1px 1px 3px 0px inset; }
.testimonial { display: none; overflow-x: visible; overflow-y: visible; margin-top: 75px; padding: 2% 3%; border: 1px solid black; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) 1px 1px 3px 0px inset; }
.textarea { width: 100%; min-height: 130px; background-color: #4d4b4c; color: white; }
.toptext { display: inline-block; margin-right: auto; margin-bottom: 10px; margin-left: auto; font-family: Ubuntu, Helvetica, sans-serif; color: rgba(65, 32, 10, 0.90); font-size: 30px; line-height: 35px; font-weight: 500; }
.trustwave { margin-right: 5px; float: right; }
.warning { display: block; margin-left: 1px; float: left; }
.whyjoin { display: none; overflow-x: visible; overflow-y: visible; margin-top: 75px; padding: 2% 3%; border: 1px solid black; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px, rgba(0, 0, 0, 0.49) 1px 1px 3px 0px inset; }

.form {
  position: static;
  margin-right: auto;
  margin-left: 55%;
  float: left;
  width: 397px;
  margin-top: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 2px solid rgba(0, 0, 0, 0.18);
  border-bottom: 2px solid rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: rgba(0, 0, 0, 0.29) 1px 1px 10px 0px, rgba(0, 0, 0, 0.05) 6px 6px 10px -2px;
  text-align: center;
}
.enjoy {
  margin-top: 10px;
}
.enter-your-name {
  display: block;
  margin-bottom: 7px;
  border-radius: 5px;
  background-color: white;
  font-weight: 400;
}
.enter-your-email {
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 8px;
  float: none;
  border-radius: 5px;
}
.by-click {
  position: static;
  height: auto;
  margin-top: -12px;
  margin-bottom: 0px;
  padding-top: 9px;
  padding-bottom: 7px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #474646;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
}
.white-text-butten {
  position: static;
  left: 3px;
  top: 5px;
  display: block;
  width: 275px;
  margin-top: 6px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  float: none;
  clear: none;
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  color: white;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  text-transform: none;
}
.login-add-photo {
  position: static;
  left: 85px;
  top: 9px;
  display: inline-block;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
  margin-top: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
  float: left;
  clear: left;
  border-radius: 5px;
  background-image: -webkit-repeating-linear-gradient(#d93530, #f73a36 50%, #f70000);
  background-image: repeating-linear-gradient(#d93530, #f73a36 50%, #f70000);
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  color: white;
  font-size: 19px;
  text-align: center;
  text-decoration: none;
  text-shadow: black 1px 1px 6px;
}
.login-add-photo:hover {
  box-shadow: black 0px 0px 6px 0px;
}





@media (max-width: 991px) {

    h2 { font-size: 28px; line-height: 33px; }

    .aboutus { display: none; width: 80%; padding-top: 2%; }
    .affiliateprogram { display: none; width: 80%; }
    .agespacer { width: 14%; min-width: 0px; }
    .banneradd { margin-top: 474px; margin-left: 10px; }
    .blackback { display: none; }
    .bodymodal { top: 15%; bottom: 20%; }
    .bodymodal.contactus { width: 80%; padding-right: 3%; padding-left: 3%; }
    .browserlink { margin-right: 6px; margin-bottom: 10px; }
    .browserlink.lasticon { margin-right: 0px; }
    .button { width: 100%; font-size: 22px; }
    .button.alreadymember { width: 62%; margin-top: 25px; box-shadow: none; font-size: 19px; }
    .button.brn { width: 95%; margin-left: 10px; float: left; font-size: 25px; line-height: 24px; }
    .button.complete { width: 100px; box-shadow: rgba(65, 32, 10, 0.49) 1px 1px 3px 0px; font-size: 20px; }
    .button.next { width: 100px; box-shadow: rgba(65, 32, 10, 0.49) 1px 1px 3px 0px; }
    .button.previous { width: 100px; box-shadow: #41200a -1px 1px 3px 0px; }
    .button.upload { width: 180px; box-shadow: none; }
    .button.w--current { width: 90%; }
    .closebody.w--current { margin-top: -5px; margin-right: -2%; }
    .closeregistration { margin-top: 16px; margin-right: 14px; }
    .containlinks { margin-right: 0px; margin-left: 0px; }
    .dbrow { width: 100%; text-align: center; }
    .divright { margin-right: 2%; padding-top: 10px; padding-bottom: 20px; }
    .divright.modalmenu { position: static; top: 14%; width: 35%; margin-top: 140px; margin-right: auto; margin-left: 53%; padding-right: 10px; padding-left: 0px; }
    .dob { display: block; width: 98%; margin-right: auto; margin-left: auto; }
    .dob.day { width: 100%; }
    .dob.year { width: 100%; }
    .dobcols { display: block; margin-right: auto; margin-left: auto; text-align: center; }
    .field.gender { width: 100%; }
    .footer { padding-right: 1%; padding-left: 1%; }
    .footlink { display: inline-block; font-size: 15px; text-align: justify; }
    .footlinks { width: 600px; }
    .formcontent.adjuster { margin-bottom: 5px; }
    .formhelper { display: none; }
    .formwrapper { box-shadow: none; }
    .header { padding-right: 5px; padding-bottom: 6px; padding-left: 5px; }
    .leftbird { width: 60px; margin-top: 0px; margin-left: 0px; }
    .link { font-size: 13px; }
    .main { background-size: cover; }
    .membership { height: 48px; }
    .modallogin { position: relative; top: 5%; display: none; width: 40%; margin-top: 85px; margin-right: auto; padding-bottom: 15px; box-shadow: none; }
    .modelregister1 { top: 20%; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 0px; margin-right: auto; padding: 0px; box-shadow: none; }
    .modelregister2 { top: 20%; display: none; overflow-x: visible; overflow-y: visible; width: 420px; margin-top: 0px; margin-right: auto; padding: 0px; box-shadow: none; }
    .modelregister3 { top: 20%; display: none; margin-right: auto; padding-top: 0px; padding-bottom: 0px; box-shadow: none; }
    .modelregister4 { top: 20%; display: none; margin-right: auto; padding-top: 0px; padding-bottom: 0px; box-shadow: none; }
    .modelregister5 { top: 20%; display: none; margin-right: auto; padding-top: 0px; padding-bottom: 0px; box-shadow: none; }
    .modelregister6 { top: 20%; display: none; margin-right: auto; padding-top: 0px; padding-bottom: 0px; box-shadow: none; }
    .modelregister7 { top: 20%; display: none; margin-right: auto; padding-top: 0px; padding-bottom: 0px; box-shadow: none; }
    .modelregister8 { top: 20%; display: none; margin-right: auto; padding-top: 0px; padding-bottom: 0px; box-shadow: none; }
    .nowrapping { display: inline-block; }
    .policybutton { border-right-style: none; }
    .privacy { width: 80%; }
    .rightbird { width: 60px; margin-top: 2px; }
    .rightitems { width: 350px; margin-left: 25px; float: none; }
    .scrollable { margin-right: 10px; }
    .socialicon { width: 33px; margin-right: 0px; margin-left: 0px; }
    .socialicons { margin-right: 5px; }
    .socialicons.lasticon { margin-right: 0px; }
    .techsupport { width: 80%; }
    .termsofuse { width: 80%; }
    .testimonial { width: 80%; }
    .toptext { width: 104%; margin-right: auto; margin-left: auto; font-size: 28px; line-height: 32px; }
    .whyjoin { width: 80%; }

.form {
  margin-left: 45%;
  margin-top: 25px;
}

  }

@media (max-width: 767px) {

    h2 { font-size: 22px; line-height: 27px; }

    .aboutus { width: 90%; margin-top: 50px; padding-top: 20px; padding-right: 20px; padding-left: 20px; }
    .affiliateprogram { width: 90%; margin-top: 50px; padding-right: 20px; padding-left: 20px; }
    .agerange { width: 27%; }
    .ageranges { position: relative; top: 0px; right: 0px; bottom: 0px; }
    .agespacer { width: 14%; min-width: 0px; }
    .banneradd { margin-top: 440px; margin-left: 0px; }
    .birdicon { display: block; }
    .blackback { display: none; }
    .bodymodal { padding: 10px; }
    .bodymodal.contactus { width: 90%; margin-top: 50px; padding-right: 20px; padding-left: 20px; }
    .button { width: 80%; padding-top: 7px; font-size: 16px; }
    .button.alreadymember { display: inline-block; width: 55%; margin-top: 15px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; float: none; box-shadow: none; }
    .button.brn { width: 95%; float: left; font-size: 25px; line-height: 24px; }
    .button.complete { display: block; width: 100px; box-shadow: rgba(65, 32, 10, 0.49) 1px 1px 3px 0px; }
    .button.next { width: 100px; }
    .button.previous { width: 100px; box-shadow: #41200a -1px 1px 3px 0px; }
    .button.upload { width: 180px; box-shadow: none; }
    .button.w--current { width: 100%; }
    .centertext { padding-right: 20px; padding-left: 20px; font-size: 14px; line-height: 17px; text-align: center; }
    .centertext.blacktext { margin-bottom: 5px; font-size: 18px; line-height: 18px; }
    .clickherto { font-size: 14px; }
    .closebody { position: relative; top: 0px; right: 0px; bottom: 10px; z-index: 10; margin-right: 0px; float: right; }
    .closebody.w--current { top: 0px; right: 0px; bottom: 10px; margin-top: 0px; margin-right: -9px; float: right; }
    .closeregistration { z-index: 15; margin-top: 4%; margin-right: 3%; }
    .column { padding-right: 0px; padding-left: 0px; }
    .column.lastcol { border-right-width: 0px; }
    .copyright { margin-top: 12px; }
    .divright { display: block; width: 50%; margin-top: 10%; margin-right: 2%; margin-left: auto; padding-top: 10px; padding-bottom: 20px; float: right; }
    .divright.modalmenu { position: relative; top: 5%; display: block; width: 45%; min-width: 245px; margin-top: 95px; margin-left: 54%; padding-top: 9px; padding-bottom: 10px; }
    .footlinks { width: 500px; }
    .formcontent { display: block; margin-top: 25px; }
    .formcontent.adjuster { margin-bottom: 5px; }
    .formcontent.scroll { overflow-x: auto; overflow-y: auto; }
    .formhelper { display: none; margin-top: -14px; }
    .formwrapper { overflow-x: auto; overflow-y: auto; padding-top: 15px; box-shadow: none; }
    .header { display: block; margin-right: auto; margin-left: auto; padding-bottom: 0px; padding-left: 1%; text-align: center; }
    .label { font-size: 17px; text-align: left; }
    .label.agelabel { width: 16%; margin-left: 0px; text-align: right; }
    .leftbird { width: 50px; margin-left: 0px; float: none; }
    .link { display: block; width: 99px; font-size: 12px; line-height: 15px; }
    .main { height: 600px; padding-right: 2%; padding-left: 2%; }
    .membership { display: inline-block; }
    .membership { display: inline-block; height: 43px; }
    .modalheader { position: fixed; width: 420px; margin-top: 70px; }
    .modallogin { position: relative; display: none; overflow-x: auto; overflow-y: auto; width: 45%; height: 75%; margin-top: 70px; margin-right: 2%; padding-bottom: 0px; float: right; box-shadow: none; text-align: center; }
    .modelregister1 { top: 15%; right: 10%; display: none; overflow-x: auto; overflow-y: auto; width: 420px; margin-top: 90px; margin-right: auto; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister2 { top: 15%; right: 10%; display: none; overflow-x: auto; overflow-y: auto; width: 420px; margin-top: 90px; margin-right: auto; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister3 { top: 15%; right: 10%; display: none; overflow-x: auto; overflow-y: auto; width: 420px; margin-top: 90px; margin-right: auto; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister4 { top: 15%; right: 10%; display: none; overflow-x: auto; overflow-y: auto; width: 420px; margin-top: 90px; margin-right: auto; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister5 { top: 15%; right: 10%; display: none; overflow-x: auto; overflow-y: auto; width: 420px; margin-top: 90px; margin-right: auto; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister6 { top: 15%; right: 10%; display: none; overflow-x: auto; overflow-y: auto; width: 420px; margin-top: 90px; margin-right: auto; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister7 { display: none; overflow-x: auto; overflow-y: auto; width: 420px; margin-top: 90px; margin-right: auto; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister8 { top: 15%; right: 10%; display: none; overflow-x: auto; overflow-y: auto; width: 420px; margin-top: 90px; margin-right: auto; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .nowrapping { display: inline-block; }
    .policybutton { border-right-style: solid; }
    .prevwrapper { height: 30px; }
    .privacy { width: 90%; margin-top: 50px; padding-right: 20px; padding-left: 20px; }
    .rightbird { width: 45px; float: none; }
    .rightitems { display: block; width: 400px; height: 42px; margin-right: auto; margin-left: auto; float: none; }
    .scrollable { display: block; width: 430px; height: 84%; margin-right: auto; margin-left: auto; }
    .socialicon { width: 40px; }
    .socialicons { margin-right: 6px; }
    .spacing { height: 5px; }
    .steps { text-shadow: none; }
    .supportbutton { border-right-style: none; }
    .techsupport { width: 90%; margin-top: 50px; padding-right: 20px; padding-left: 20px; }
    .termsofuse { width: 90%; margin-top: 50px; padding-right: 20px; padding-left: 20px; }
    .testimonial { width: 90%; margin-top: 50px; padding-right: 20px; padding-left: 20px; }
    .toptext { font-size: 25px; line-height: 29px; }
    .welcomeback { display: block; width: auto; height: 80px; margin-right: auto; margin-left: auto; }
    .whyjoin { width: 90%; margin-top: 50px; padding-right: 20px; padding-left: 20px; }

.form {
  margin-top: 20px;
  margin-left: 10%;
  margin-right: auto;
  float: none;
  width: 80%;
}

.bannerimage { display: none; }



  }

@media (max-width: 479px) {

    body { background-color: transparent; }
    h2 { display: block; margin-right: auto; margin-left: auto; font-size: 20px; line-height: 25px; }
    p { display: block; padding-right: 5px; padding-left: 5px; text-align: left; }

    .aboutbutton { border-right-style: none; }
    .aboutus { width: 95%; height: 575px; margin-top: 10px; padding-right: 15px; padding-left: 15px; }
    .affiliateprogram { display: none; width: 95%; height: 575px; margin-top: 10px; padding-right: 15px; padding-left: 15px; }
    .agerange { width: 27%; }
    .ageranges { position: relative; top: 0px; right: 0px; bottom: 0px; }
    .agespacer { width: 14%; }
    .banneradd { display: block; width: 96%; margin-top: 25px; margin-left: 5px; }
    .bannerimage { display: none; }
    .birdicon { display: inline-block; }
    .blackback { display: none; }
    .bodymodal { width: 90%; padding-top: 10px; padding-right: 5px; padding-left: 5px; }
    .bodymodal.contactus { width: 95%; height: 575px; margin-top: 10px; padding-right: 15px; padding-left: 15px; }
    .browserlink { margin-right: 5px; }
    .button { width: 100%; margin-bottom: 10px; font-size: 16px; }
    .button.alreadymember { position: static; width: 200px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; float: none; box-shadow: none; font-size: 15px; }
    .button.brn { margin-bottom: 0px; margin-left: auto; padding-top: 8px; float: none; font-size: 25px; line-height: 24px; }
    .button.complete { width: 100px; box-shadow: rgba(65, 32, 10, 0.49) 1px 1px 3px 0px; font-size: 14px; }
    .button.next { width: 100px; font-size: 14px; }
    .button.previous { width: 100px; margin-right: 10px; font-size: 14px; }
    .button.upload { width: 180px; margin-bottom: 0px; box-shadow: none; }
    .button.w--current { width: 100%; }
    .centertext { font-size: 12px; line-height: 14px; }
    .centertext.blacktext { margin-top: 10px; margin-bottom: 10px; font-size: 18px; line-height: 18px; }
    .clickherto { font-size: 12px; }
    .closebody { position: static; margin-bottom: 10px; float: none; }
    .closebody.w--current { position: relative; top: 0px; right: 0px; margin-top: 4px; margin-right: 0px; margin-bottom: 10px; float: right; }
    .closeregistration { z-index: 15; margin-top: 15px; margin-right: 7%; background-color: red; }
    .copyright { margin-top: 20px; margin-right: 15px; margin-left: 15px; }
    .dbrow { width: auto; float: none; }
    .divright { position: static; left: 0px; top: 0px; right: auto; width: 100%; margin-top: 55%; margin-bottom: 5%; }
    .divright.modalmenu { position: static; left: auto; top: 20%; width: 90%; min-width: 90%; margin-top: 313px; margin-right: auto; margin-left: auto; padding: 10px 2px; float: none; border: 1px solid black; box-shadow: rgba(0, 0, 0, 0.49) 8px 8px 12px 0px; }
    .dob { width: 100%; padding-right: 1px; padding-left: 1px; }
    .field { display: block; }
    .field.email { width: 100%; }
    .footlink { float: none; text-decoration: none; }
    .footlinks { width: 300px; }
    .formcontent { margin-top: 0px; margin-bottom: 10px; }
    .formcontent.adjuster { margin-top: auto; margin-bottom: 0px; }
    .formhelper { display: none; }
    .formrows { display: block; }
    .formrows.lastrow { margin-bottom: -5px; }
    .formwrapper { overflow-x: visible; overflow-y: visible; box-shadow: none; }
    .header { padding-bottom: 0px; padding-left: 5px; }
    .joinbutton { border-right-style: none; }
    .label { font-size: 15px; line-height: 16px; }
    .label.agelabel { width: 16%; margin-left: 0px; text-align: right; }
    .leftalign { font-size: 12px; line-height: 18px; }
    .leftbird { width: 45px; }
    .link { font-size: 12px; line-height: 12px; }
    .loginnotice { font-size: 12px; }
    .main { display: block; height: 600px; margin-right: auto; margin-left: auto; padding-top: 1px; padding-right: 0%; padding-left: 0%; background-position: 36% 50%; }
    .membership { font-size: 20px; }
    .membership { height: 39px; padding-right: 0px; padding-left: 0px; }
    .modalheader { position: static; z-index: 5; width: auto; margin-top: 0px; }
    .modallogin { display: none; overflow-x: auto; overflow-y: auto; width: 90%; height: auto; margin: 55px auto 0px; padding-bottom: 15px; float: none; box-shadow: none; }
    .modelregister1 { position: static; top: 15%; display: none; width: 90%; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister2 { position: static; top: 15%; display: none; width: 90%; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister3 { position: static; left: 0px; top: 15%; right: auto; display: none; width: 90%; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister4 { position: static; top: 15%; width: 90%; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister5 { position: static; top: 15%; display: none; width: 90%; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister6 { position: static; top: 15%; display: none; width: 90%; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister7 { position: static; top: 15%; display: none; width: 90%; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .modelregister8 { position: static; top: 15%; display: none; width: 90%; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; box-shadow: none; }
    .nextwrapper { height: 45px; }
    .nowrapping { display: inline-block; }
    .password-counter { margin-left: 75px; }
    .policybutton { border-right-style: solid; }
    .prevwrapper { height: 45px; }
    .prevwrapper.emptyset { height: 45px; }
    .privacy { display: none; width: 95%; height: 575px; margin-top: 10px; padding-right: 15px; padding-left: 15px; }
    .profile-counter { margin-left: 0px; }
    .rightbird { display: inline-block; width: 45px; float: none; }
    .rightitems { display: block; width: 100%; height: 40px; margin-right: auto; }
    .scrollable { width: 272px; height: 88%; }
    .spacing { height: 0px; }
    .steps { font-size: 14px; text-shadow: none; }
    .supportbutton { border-right-style: none; }
    .techsupport { width: 95%; height: 575px; margin-top: 10px; padding-right: 15px; padding-left: 15px; }
    .termsofuse { width: 95%; height: 575px; margin-top: 10px; padding-right: 15px; padding-left: 15px; }
    .testimonial { display: none; width: 95%; height: 575px; margin-top: 10px; padding-right: 15px; padding-left: 15px; }
    .textarea { overflow-x: auto; overflow-y: auto; min-height: 122px; margin-right: 0px; }
    .toptext { font-size: 28px; line-height: 32px; }
    .whyjoin { width: 95%; height: 575px; margin-top: 10px; padding-right: 15px; padding-left: 15px; }

.form {
  margin-top: 20px;
  margin-left: 5%;
  margin-right: auto;
  float: none;
  width: 90%;
}

  }