body {
  background: #1d1f1f;
  font-family: 'PT Serif', serif;
  overflow-x:hidden;
}

/*
.light-gray {
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #393e3e;
  box-shadow: 0 3px 12px rgba(0,0,0,.3);
}
*/

.dark-theme #cookie-policy {
  color:#fff;}

.not-logged #welcome {
  margin-top: 1em;
}

#welcome .signupWrap {
  display: none;
}

#welcome .ask-user em {
  color: #fff;
  font-family: "OpenSans", sans-serif;
  font-size: 1em;
  font-weight: bold;
}

#welcome #signInBtn {
  border-radius: 4px;
  background: #393d3d;
  color: #fff;
  font-family: "OpenSans", sans-serif;
  font-size: 1.333em;
  font-weight: bold;
}

#signinDropdownContainer {
  background-color: #393d3d;
}

#signinDropdownContainer FORM .submitButton {
  width: 100%;
  font-size: 1.4em;
}

#signinDropdownContainer .account-tools li,
#signinDropdownContainer .account-tools li:last-child {
  border: none;
}

header {
  padding: 30px 0;
}

.illustration {
  background-size: cover;
  border-radius: 5px 0 0 5px;
  width: 60%;
  float: left;
  padding: 15px 0 15px 0;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
}	

.illustration:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 30px;
    top: 0;
    background: rgb(183,179,65);
    background: -moz-linear-gradient(top,  rgba(183,179,65,1) 0%, rgba(153,149,38,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(183,179,65,1) 0%,rgba(153,149,38,1) 100%);
    background: linear-gradient(to bottom,  rgba(183,179,65,1) 0%,rgba(153,149,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b341', endColorstr='#999526',GradientType=0 );
    border-radius: 7px 0 0 7px;
    border-top: 1px solid #c7c46e;
}

.illustration img {
  display: block;
  position: relative;
  z-index: 2;
  width: 103.4%;
  border: 10px solid #fff;
  border-radius: 4px;
  box-shadow: 0 5px 8px rgba(0,0,0,.39);
}

.promo-text {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px;
}

.promo-text h2 {
  font-family: 'PT Serif', serif;
  color: #fff;
  font-size: 5em;
  text-shadow: 0 2px 0 rgba(0,0,0,.1);
  padding: 0;
  margin: 0;
  line-height: 110%;
  font-weight: normal;
}

.promo-text p {
  color: #e9e7b2;
  font-size: 2.2em;
  font-weight: bold;
  text-shadow: 0 2px 0 rgba(0,0,0,.1);
  margin: 1em 0 0 0;
  line-height: 26px;
}

.members {
  float: right;
  position: relative;
  z-index: 3;
  border-radius: 5px;
  background-color: #f5f1ee;
  box-shadow: 0 3px 12px rgba(0,0,0,.3);
  width: 50%;
  padding: 40px 30px 20px 30px;
  float: right;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  margin: -5em -2em 0 0;
}

.members ul {
  transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
}

.cta-box {
  clear: both;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #252828;
  box-shadow: 0 3px 12px rgba(0,0,0,.3);
}

.newMembers UL.short li,
.featuredMembers UL.short li,
.suggestedMembers UL.short li {
  width: 32.333%;
  margin: .5% !important;
}

#c2aForm {
background: rgb(209,204,60);
background: -moz-linear-gradient(top,  rgba(209,204,60,1) 0%, rgba(182,178,47,1) 100%);
background: -webkit-linear-gradient(top,  rgba(209,204,60,1) 0%,rgba(182,178,47,1) 100%);
background: linear-gradient(to bottom,  rgba(209,204,60,1) 0%,rgba(182,178,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1cc3c', endColorstr='#b6b22f',GradientType=0 );
  width: 40%;
  border-radius: 0 5px 5px 0;
  float: right;
  padding: 20px 15px;
  min-height: 520px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#c2aForm label {
  color: #fff;
  font-size: 1.4em;
  line-height:20px;
  font-weight: bold;
  display: block;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 8px;
}

#c2aForm select {
  padding: 9px;
}

#c2aForm input {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.75);
  padding: 10px;
}

form button[type="button"],
form button[type="submit"],
form button[type="button"]:hover,
form button[type="submit"]:hover,
button.next,
button.next:hover {
  border-radius: 5px;
  background-color: #c94d45;
  box-shadow: 0 3px 12px rgba(0,0,0,.3);
  background-color: #f77825;
  border: none;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
  float: right;
  width: 70%;
  padding: 15px;
}

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

.homeWrapper .wrapper {
    position: relative;
}

.homeWrapper .wrapper:before {
    content: "";	
    position: absolute;
    z-index: -1;
    width: 94%;
    height: 100%;	
    left: 3%;
    top: 16px;
    background: #252828;
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .25);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, .25);
}

#footer {
  background: rgba(238, 243, 247, .1);
  border-top: 5px solid rgba(238, 243, 247, .05);
  margin-top: 8em;
  overflow: hidden;
  padding-bottom: 4em;
}

#footer h2,
#footer p,
#browse-links h5,
#footer h5 {
  color: #fff;
}

#footer a,
#footer ul li a,
#footer ul li a:hover {
  color: #f77825 !important;
}

.not-logged #footer .links {
    border-color: #bbb;
}

/* Form Fix */
    
FORM input[type="text"], FORM input[type="number"], FORM input[type="tel"], 
FORM input[type="password"], FORM input[type="email"], FORM textarea { 
    width:100%; 
    display:block; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    }

.genderBox { width: 100%; float: none; }

.formLEFT, .formRIGHT, .genderBox { float: left; display: block; overflow: hidden; }
.menuIam {margin-bottom:10px;}
.formLEFT { width: 30%; }
.formRIGHT { width: 70%; }

#c2aForm FORM .genderBox .formRIGHT { width: 44%;}

#c2aForm FORM .row { padding:0.45em 0; }
#c2aForm FORM .allfields { padding: 9px; -webkit-border-radius: 3px; border-radius: 3px; margin-top:0 }
#c2aForm FORM SELECT { padding: 8px !important; }

#c2aForm FORM .birthday_month { width:36%; display:inline-block; }
#c2aForm FORM .birthday_day { width:25.5%; display:inline-block; }
#c2aForm FORM .birthday_year { width:36%; display:inline-block; }

#c2aForm FORM .buttonRow .formRIGHT { width: 100%; padding-top: 0.9em; }
#c2aForm FORM BUTTON { width: 100%; display: block; float: none; white-space:normal; text-shadow: none; }

/* */

/* Real Member Box */

.real_user { 
    background-color: rgb(29,31,31);
    background-color: rgba(29,31,31,0.8);
    color: #FFF;
    font-size: 1.4em;
    position: absolute; 
    padding: 0.7em;
    left: 2em; 
    bottom: 3.3em; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 4;
}

.real_user span { 
    display: block;
}

/* */

@media (min-width: 0) and (max-width: 980px) {
  .members,
  #c2aForm,
  .illustration,
  .promo-text { float: none; width: 98%; margin: 0 auto; }
  #c2aForm { width: 70%; margin: 0 auto; }
  .promo-text { border-radius: 5px 5px 0 0; }
  .illustration { background: #9A9627; padding: 10px; border-radius: 0 0 5px 5px; }
  .illustration:before { display:none;}
  .cta-box { box-shadow: none; }
  .homeWrapper .wrapper { width: 98%; background: #252828; padding: 20px 10px 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 5px; }
  .members { margin-top: 2em; }
  .illustration img { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
  
  #registerMultiStepContainer FORM #form_signup_cross_regs_sponsors label { text-align: center; }
  #registerMultiStepContainer FORM #form_signup_cross_regs_sponsors label input { float: none; }
  .regGeoLocationContainer #form_signup_city_name { text-align: left; }
}

@media (min-width: 0) and (max-width: 680px) {
  #c2aForm { width: 96%; }
}

@media (min-width: 0) and (max-width: 480px) {
  #c2aForm { width: 100%; }
  .genderBox select,
  #c2aForm input,
  #c2aForm label { width: 100%; display: block; }
  #c2aForm label { padding: 9px 0; }
  form button[type="button"],
  form button[type="submit"],
  form button[type="button"]:hover,
  form button[type="submit"]:hover { width: 100%; }
  .newMembers UL.short li,
  .featuredMembers UL.short li,
  .suggestedMembers UL.short li { width: 99%; }
  .members { -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  .formLEFT, .formRIGHT {width:100% !important; margin:0 !important;}
  #c2aForm label {padding:0}
  .promo-text {padding:30px 5px;}
  .promo-text h2 {font-size:3.3em;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #c2aForm select { margin-top: 12px; }
}


.disclaimer {
    color: #fff;
}

UL.profiles.short .location {
    font-size: 1.1em;
}

/* m.rancic,07.06.2013. */
.featuredMembers h4 a { font-family: 'PT Serif', serif; font-weight: normal; text-transform: none; color: #0775BB; font-size: 1.2em; }
ul.profiles.short LI p { color: #303030; }
#welcome #signinDropdownContainer { background-color: #393D3D; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3); }
#dialogContainer .content { border-color: #DC6517; }
@media \0screen { 
    body { background-color: #1d1f1f; }
    #footer { background-color: #323435; border-top: 5px solid #3B3D3E; } 
    #footer a, #footer ul li a, #footer ul li a:hover { color: #F77825;} 
    #dialogContainer .content { background-color: #000; }
    .members .featuredMembers UL.short li { width: 31.333% !important; }
    form button[type="button"],
    form button[type="submit"],
    form button[type="button"]:hover,
    form button[type="submit"]:hover { padding-bottom: 10px; }
} 
/* 16.07.2014. */
#signinDropdownContainer FORM .submitButton:hover, form button[type="button"]:hover, form button[type="submit"]:hover, button.next:hover { background: #e76d1d; }
#welcome #signInBtn:hover { background: #414646; }
/* 14.04.2015. */
.regGeoLocationContainer #form_signup_city_name {
    font-size: 1.3em;
}
#registerMultiStepContainer FORM #form_signup_cross_regs_sponsors label {
    font-size: 0.85em;
    margin-bottom: 0;
}
#form_signup_cross_regs_sponsors a {
    color: #fff;
    text-decoration: underline;
}
#registerMultiStepContainer .error a {color: red; text-decoration: underline;}
/* 12.08.2015. */
#footer .legal { padding-top: 0.5em; }
UL.profiles.short LI:hover .thumbnail { box-shadow: none; }
.browser-safari #registerMultiStepContainer FORM SELECT { line-height: 2.5em; }
/**/

/* cis dec.2014 */
#hpformnew *, button {box-sizing:border-box; white-space:normal;}

/* GEO form fix */
#c-Home .select2-container--default .select2-selection--single { 
	height: inherit;
	border: none;
	border-radius: 0.2em;
	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;
	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;
	color: #fff;
}
#c-Home .select2-results__option[aria-selected] {
    color: #333;
}
#c-Home .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: white;
}
#registerMultiStepContainer {
    position: relative;
    z-index: 4;
}