ul.profiles li, input, select, button {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; white-space:normal;}

body {
  background: url(img/site-pattern.png) 0 0 repeat;
  font-family: 'Open Sans', sans-serif;
}

#logo {
  float: none;
  margin: 2em auto 0 auto;
}

#logo a {
  text-align: center;
}

#logo .tagline,
.not-logged #welcome {
  display: none;
}

.mainwrapper {
  background: url(img/tornpaper.png) 0 100px repeat-x, url(img/paper-pattern.jpg) 0 150px;
}

.page-illustration {
  text-align: center;
}

.page-illustration img {
  width: 100%;
  max-width: 500px;
}

.real-member {
  background: url(img/heart.png) 50% 0 no-repeat;
  padding-top: 80px;
  text-align: center;
  width: auto;
  display: inline-block;
  position: absolute;
  top: 140px;
  right: 100px;
}

.real-member p {
  color: #dfb412;
  font-size: 1.2em;
  font-style: italic;
}

.real-member p span {
  display: block;
}

.arrow {
  display: block;
  position: absolute;
  top: 460px;
  left: 30px;
  background: url(img/arrow.png) 0 0 no-repeat;
  height: 166px;
  width: 249px;
}

#callToAction {
  text-align: center;
  border-bottom: 1px solid rgba(65, 60, 50, .2);
  padding-bottom: 50px;
  margin-bottom: 30px;
  position: relative;
}

#callToAction h2 {
  color: #413b32;
  font-family: 'Grand Hotel', cursive;
  font-size: 7.2em;
}

#callToAction > p {
  color: #413b32;
  font-size: 1.8em;
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
}

.content form button[type="button"],
.content form button[type="submit"],
.open_form,
button.next,
.browser-internet-explorer-8 button.next {
  border-radius: 5px;
  background: #cd1d0b;
  box-shadow: 0 5px #b01d1f;
  color: #fff;
  font-size: 2.4em;
  padding: 10px;
  display: inline-block;
  margin-top: 1em;
}

.open_form:hover,
button.next:hover,
.browser-internet-explorer-8 button.next:hover {
  color: #fff;
  padding: 10px;
}

#callToAction .login-box {
  font-size: 1.4em;
  margin-top: 1em;
}

#callToAction .login-box a {
  color: #cd1d0b;
  font-weight: bold;
  text-decoration: underline;
}

.featuredMembers h3 {
  color: #756b5c;
  font-family: 'Grand Hotel', cursive;
  font-size: 3em;
  margin-left: 1%;
}

ul.profiles {
  margin: 0;
  padding: 0;
}

ul.profiles.short li,
ul.profiles.thumbView li {
  width: 18%;
  margin: 1%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
}

ul.profiles.short .thumbnail {
  border: none;
  background: #fff;
  padding: 5px;
  border: 2px solid #f7c705;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

ul.profiles .title,
ul.profiles .username,
.profileInfo {
  text-align: center;
}

ul.profiles .title a,
ul.profiles .username a {
  color: #CD1D0B;
} 

ul.profiles.short li .profileInfo p .location {
  text-align: center;
  opacity: 1;
  color: #756b5c;
  font-size: 1em;
}

ul.profiles .profileListThumbnail .owner-media-count {
  display: none;
}

ul.profiles li .profileListThumbnail {
  position: relative;
  overflow: hidden;
}


/*C2aForm POPUP STYLES----------------------------*/
#c-Home #overall-login,
#c-Home #overall-reg {
  display: none;
  background: rgba(117, 107, 92, .8);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 90;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#CC756B5C', EndColorStr='#CC756B5C')";
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CC756B5C', EndColorStr='#CC756B5C');
}

.formPopup a.closebutton, #c2aForm #close { z-index: 10; }

#overall-login .formPopup { padding: 20px; }

/*
FORM Styles Start Here
*/

#overall {
  background: rgba(117, 107, 92, .8);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 300;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#CC756B5C', EndColorStr='#CC756B5C')";
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CC756B5C', EndColorStr='#CC756B5C');
}

.loginPopup,
#c2aForm {
  background: url(img/site-pattern.png) 0 0 repeat;
  margin-left: -136px !important;
  width: 310px !important;
  padding: 20px;
}

.loginPopup {
  width: 260px;
  margin-left: -150px;
  top: 5em !important;
}

.loginPopup h2,
#c2aForm h3 {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #756b5b;
  font-family: 'Grand Hotel', cursive;
  font-size: 48px;
}

#c2aForm .content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.formPopup a.closebutton,
#c2aForm #close {
  right: 5px;
  top: 5px; }

.formPopup a.closebutton:before,
#c2aForm #close:before {
  content: "\e864";
  font-family: "datingvip";
  font-size: 3em;
  color: #fff; }

.formPopup a.closebutton:hover,
#c2aForm #close:hover {
  opacity: .7;
  text-decoration: none; }
  
.content form label {
  color: #756b5b;
  font-size: 1.8em;
}

.row.m_dropdown {
  padding-bottom: 0;
}

.content form select {
  padding: 3px 0;
}

.content form input,
.content form select {
  font-size: 1.5em;
  line-height:1.5em;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;  
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .4);
  border: none;
  border-radius: 4px;
  background: #fff;
}

.content form input[type="checkbox"] {
  width: auto;
}

.content form select[name="birthday_day"],
.content form select[name="birthday_month"],
.content form select[name="birthday_year"] {
  width: 31.333%;
  margin-right: 1%;
}

.content form select[name="birthday_year"] {
  margin: 0;
}

.content form button[type="button"],
.content form button[type="submit"] {
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-shadow: none;
}

.content form button[type="button"]:hover,
.content form button[type="submit"]:hover {
  color: #fff;
}

#c-Home .browse-links {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#c-Home .browse-links li {
  border: none;
  width: auto;
  display: inline;
  margin: 0 20px;
  float: none;
  width: auto;
  text-align: center;
}

.reset.inline.group {
  text-align: left;
}

.disclaimer a,
.disclaimer {
  color: #333;
}

.disclaimer a {
  text-decoration: underline;
}

#registerMultiStepContainer .error a {color: red; text-decoration: underline;}

@media (min-width: 0) and (max-width: 950px) {
  .real-member { position: static; }
  .arrow { top: 590px; }
}

@media (min-width: 0) and (max-width: 800px) {
  .arrow { display: none; }
}

@media (min-width: 0) and (max-width: 470px) {
  #hp_profile_5 { display: none; }
  ul.profiles.short li, ul.profiles.thumbView li { width: 23%; }
  .not-logged #welcome { float: none; width: 100%; text-align: center; margin: 2em 0; }
  #logo { float: none; text-align: center; }
  #signinDropdownContainer { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
  #c2aForm { width: 100%; margin: 0; left: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; top: 10%; }
  .loginPopup {left: 45%;}
}

@media (min-width: 0) and (max-width: 400px) {
  ul.profiles.short li, ul.profiles.thumbView li { width: 48%; }  
  
  .content form select[name="birthday_day"], .content form select[name="birthday_month"], .content form select[name="birthday_year"] { margin-right: 1%; } /* m.rancic */
}

/* m.rancic,14.04.2014. */
#footer, .browser-internet-explorer-8 .mainwrapper { background: url(img/paper-pattern.jpg) 0 0 repeat; }
#footer .wrapper { padding-top: 15px; border-top: 1px solid rgba(65, 60, 50, 0.2); }
#footer h2, #footer h5 { font-family: 'Open Sans', sans-serif; font-size: 2.1em; color: #555; }
#footer h5 { font-size: 1.55em; }
#footer UL { text-align: center; }
#footer p { color: #999; }
#footer a, #footer ul li a { color: #B61709; }
header { margin: 0; padding: 6px 0; border: none; background-color: transparent; }
.disclaimer a { color: #CD1D0B; }
.disclaimer a:hover { text-decoration: none; }
.browser-internet-explorer-8 UL.profiles.short LI, .browser-internet-explorer-8 UL.profiles.thumbView LI { width: 18%; }
.browser-internet-explorer-8 #overall { 
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC756B5C,endColorstr=#CC756B5C)"; 
    /* IE8 */    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC756B5C,endColorstr=#CC756B5C);   
    /* IE6 & 7 */      zoom: 1;
}
/* 18.07.2014. */
.content form button[type="button"]:hover, .content form button[type="submit"]:hover { background: #bd1b0a; }
#callToAction .login-box a:hover { text-decoration: none; }
.not-logged .profile-bgg h4 a:hover { text-decoration: underline; }
/* 19.05.2015. */
.regGeoLocationContainer #form_signup_city_name {
    font-size: 1.2em;
    text-align: left;
}
#registerMultiStepContainer FORM #form_signup_cross_regs_sponsors label {
    font-size: 0.8em;
    margin-bottom: 0;
    text-align: center;
}.browser-safari #registerMultiStepContainer FORM SELECT { line-height: 1.8em; }
/**/

/* cis jan.2015 */
input, select, button {box-sizing:border-box; white-space:normal;}
#registerMultiStepContainer #progress-info {font-size:15px !important;}

/* GEO form fix */
#c-Home .select2-container--default .select2-selection--single { 
	height: inherit;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 0.25em;
	box-shadow: 0.13em 0.13em 0.13em rgba(0, 0, 0, 0.07) inset;
}
#c-Home .select2-container--default .select2-selection--single .select2-selection__rendered { 
	height: inherit;
	line-height: normal;
	text-align: left;
	padding: .5em 20px .5em .7em;
	font-size: 14px;
	color: #222;
}
#c-Home .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}
#c-Home #registerMultiStepContainer #form_signup_city .label-select {
	margin: 0;
}
#c-Home #registerMultiStepContainer #form_signup_city_name {
	float: left;
	width: 100%;
	font-size: 1.3em;
	text-align: left;
}