@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,800);

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

/* Google Fonts Used
-------------------------------------------------------------------------------*/
/* font-family: 'Open Sans', sans-serif; */

.left { float: left; }
.right { float: right; }

/* Header styles
-------------------------------------------------------------------------------*/

#header {

}

/* Content Styles Used
-------------------------------------------------------------------------------*/

#content {
width: 928px;
height: 780px;
margin: 2em auto 2em auto;
float: none;
padding: 0;
position: relative;
}

/* bg-holder styles
-------------------------------------------------------------------------------*/

.bg-holder {
position: absolute;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
z-index: 1;
}

.bg-holder ul {

}

.bg-holder ul li {
float: left;
list-style-type: none;
display: block;
margin: 4px;
}

.bg-holder ul li img {
display: block;
}

/* main-wrapper styles
-------------------------------------------------------------------------------*/

.main-wrapper {
z-index: 2;
position: relative;
margin: 9em auto;
width: 500px;
background: #E8E8E8;
border-radius: 8px;
box-shadow: 0 4px 32px rgba(0,0,0, 1);
*position: absolute;
*left: 250px;
}

/* main-title styles
-------------------------------------------------------------------------------*/

.main-title {
background: #9e1609 url(img/title-bg.png) 0 0 repeat-x;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: inset 0 1px 0 rgba(255,255,255, .5), 0 2px 2px rgba(0,0,0, .3);
border-bottom: 1px solid #390805;
}

.main-title h2 {
text-align: center;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
font-size: 2.3em;
text-transform: uppercase;
padding: .5em 2.5em;
text-shadow: 0 1px 3px rgba(0,0,0, .6);
background: url(img/main-title-reflaction.png) 0 0 no-repeat;
margin-bottom: 0;
}

.second-step .main-title h2 {
padding: .5em 2.5em 0 2.5em;
}

.second-step .main-title span {
text-align: center;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 1.8em;
text-transform: uppercase;
padding: 0 2.5em .5em 2.5em;
text-shadow: 0 1px 3px rgba(0,0,0, .6);
margin-bottom: 0;
display: block;
}

/* navigation styles
-------------------------------------------------------------------------------*/

#c-Home #welcome .register, #c-Home #welcome .upgrade {
  background: #B41B10;
}

#c-Home #welcome .login {
  background: #EFAD0C;
}

.dropdownContainer {
  background: #E2B143;
}

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

#signinDropdownContainer .account-tools a {
  color: #fff;
}

/* start-holder styles
-------------------------------------------------------------------------------*/

.start-holder {
background: url(img/arrow-orange-new.png) 0 0 no-repeat;
display: block;
height: 125px;
width: 125px;
position: absolute;
top: 172px;
left: 187px;
z-index: 3;
}

.start-holder p {
padding: 11px 20px 11px 30px;
margin: 0;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #e3e3e3;
text-shadow: 0 1px 3px rgba(0,0,0, .6);
font-size: 1.8em;
line-height: 100%;
}


/* form styles
-------------------------------------------------------------------------------*/

#content form {
margin: 2em;
}

#content form label {
display: block;
width: 170px;
float: left;
margin-right: 1em;
text-align: right;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #000;
font-size: 1.4em;
line-height: 180%;
}

#content form input, #content form select, #content form span {
float: left;
}

#content form input {
padding: 6px 5px;
}

#content form select {
padding: 5px;
}

#content form span {
line-height: 26px;
font-size: 15px;
margin: 0 .5em;
}

#content form button {
/*background: #cd8e08 url(img/button-bg.png) 0 0 repeat-x;*/
  background: #EFAD0C;
  background-image: -webkit-linear-gradient(top, #EFAD0C, #CD8E08);
  background-image: -moz-linear-gradient(top, #EFAD0C, #CD8E08);
  background-image: -ms-linear-gradient(top, #EFAD0C, #CD8E08);
  background-image: -o-linear-gradient(top, #EFAD0C, #CD8E08);
  background-image: linear-gradient(to bottom, #EFAD0C, #CD8E08);
border: 1px solid #b37f11;
box-shadow: inset 0 1px 0 rgba(255,255,255, .3), 0 1px 2px rgba(0,0,0, .7);
border-radius: 6px;
color: #fff;
font-size: 2.1em;
text-shadow: 0 1px 3px rgba(0,0,0, .5);
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-align: center;
overflow: hidden;
width: 276px;
*width: 180px;
float: right;
line-height:1.1em;
white-space:normal;
}

#content form button:hover {
/*background: #d8a312 url(img/button-bg-hover.png) 0 0 repeat-x;*/
  background: #e8a60c;
  background-image: -webkit-linear-gradient(top, #e8a60c, #d4910b);
  background-image: -moz-linear-gradient(top, #e8a60c, #d4910b);
  background-image: -ms-linear-gradient(top, #e8a60c, #d4910b);
  background-image: -o-linear-gradient(top, #e8a60c, #d4910b);
  background-image: linear-gradient(to bottom, #e8a60c, #d4910b);
}

#content form button em {
font-style: normal;
font-size: .6em !important;
margin-top: .5em;
margin-left: .5em;
float: left;
}

#content form button span {
float: left;
font-size: 1em;
padding: 0;
margin: 0 auto;
white-space: nowrap;
text-align: center;
}

.row.selectMenus {
  margin-bottom: 0;
}

.formRIGHT {
  overflow: hidden;
}

#hpformnew .row {
  margin-bottom: 10px;
}

#hpformnew .genderBox {
  display: block !important;
  float: none !important;
  width: 100% !important;
}

#hpformnew .selectMenus .menuIam {
  overflow: hidden;
  margin-bottom: 16px
}

#hpformnew select {
  /*width: 260px;*/
  width: auto;
  float: left;
}

#hpformnew .textfieldz {
width: 250px;
}

.birthdayWrapper {
  width: 286px;
}

.buttonRow .formRIGHT {
  overflow: visible; 
}

/* seller styles
-------------------------------------------------------------------------------*/

.seller {
background: #9f1609 url(img/footer-bg.png) 0 0 repeat-x;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: inset 0 1px 0 rgba(255,255,255, .5), 0 -1px 2px rgba(0,0,0, .3);
border-bottom: 1px solid #3b0803;
}

.seller p {
text-align: center;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
font-size: 2.2em;
text-transform: uppercase;
padding: .5em 2.5em;
text-shadow: 0 1px 3px rgba(0,0,0, .6);
margin-bottom: 0;
}

#footer {
background: none;
}



.bg-holder ul li img {
opacity: .35;
width: 111px;
height: 111px;
}

.thumbnail {
padding: 0;
border: 0;
margin: 0;
width: 111px;
height: 111px;
}

ul.short .thumbnail {
margin: 0;
}

.thumnailPrivacy {
display: none;
}

/* second-step styles
-------------------------------------------------------------------------------*/

.second-step {
position: absolute;
top: 0;
left: 24.5em;
display: none;
}

.second-step input {
width: 20em;
}

/* small-footer styles
-------------------------------------------------------------------------------*/

.small-footer {
overflow: hidden;
background: #D1D1D1;
border-top: 1px solid #C1C1C1;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: .75em 1.5em;
}

.small-footer p {
margin: 0;
}

.checkbox input {
width: auto !important;
margin-left: 16.4em;
}

.checkbox p {
overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content form select { margin-top: .4em; }
}


/* Dan disclaimer */

.disclaimer{
    float:left;
    padding: 0 0 0 180px;
    margin-bottom:10px;
}
.disclaimer a{
    text-decoration:underline;
    color:#9e1609;
}

#form_signup_cross_regs_sponsors a {
    color: #111;
    text-decoration: underline;
}

/* m.rancic,28.10.2013. */
#content form .birthday_day, #content form .birthday_month { margin-right: 5px; }
.browser-internet-explorer-8 UL.profiles.short LI, .browser-internet-explorer-8 UL.profiles.thumbView LI { width: 12%; }
.browser-internet-explorer-8 #content { width: 928px; float:none; display: block; margin:0 auto; }
.browser-internet-explorer-8 #footer { clear: both; }
.browser-internet-explorer-8 .bg-holder { overflow: hidden; }
/* 06.Jan.2016. */
#welcome .ask-user { font-size: 1.35em; }

.custom-footer { padding-bottom: 0.2em; border-bottom: 1px dotted #bbb; }
#c-Home #welcome .register:hover, #c-Home #welcome .upgrade:hover { background: #c41d11; }
#c-Home #welcome .login:hover { background: #e8a60c; }
#signinDropdownContainer FORM .submitButton {
  background: #d11b0b;
  background-image: -webkit-linear-gradient(top, #d11b0b, #A3170A);
  background-image: -moz-linear-gradient(top, #d11b0b, #A3170A);
  background-image: -ms-linear-gradient(top, #d11b0b, #A3170A);
  background-image: -o-linear-gradient(top, #d11b0b, #A3170A);
  background-image: linear-gradient(to bottom, #d11b0b, #A3170A);
  color: #fff;
  border: none;
  font-weight: normal;
  text-shadow: none;
  white-space: normal;
}
#signinDropdownContainer FORM .submitButton:hover {
  background: #db190b;
  background-image: -webkit-linear-gradient(top, #db190b, #b5190b);
  background-image: -moz-linear-gradient(top, #db190b, #b5190b);
  background-image: -ms-linear-gradient(top, #db190b, #b5190b);
  background-image: -o-linear-gradient(top, #db190b, #b5190b);
  background-image: linear-gradient(to bottom, #db190b, #b5190b);

}
#signinDropdownContainer .blockLabels input[type="text"], 
#signinDropdownContainer .blockLabels input[type="password"] { border-radius: 0; }
UL.profiles.short LI:hover .thumbnail { box-shadow: none; }
#content #registerMultiStepContainer FORM #form_signup_cross_regs_sponsors label {
    font-size: 0.65em;
    margin-bottom: 0;
}
#content #registerMultiStepContainer FORM #form_signup_cross_regs_sponsors input { float: none; }
#content #registerMultiStepContainer FORM #form_signup_cross_regs_sponsors span { line-height: 1.1em; font-size: 1.35em; }
#hpformnew #iam, #hpformnew #lookingfor { width: 94%; }
#registerMultiStepContainer .error { text-align: center; }
/**/


/* RESPONSIVE Dan */

@media screen and (max-width:1024px){
.wrapper, #content {
    width: 750px;
}
#content {
    height: 760px;		
}
.start-holder{
    display:none;
}
#content form label{
    float:none;
    text-align:left;
}
.main-wrapper{
    width:360px;
}
#hpformnew select{
    width:auto;
}
.disclaimer{
    padding-left:0;
}
#hpformnew .selectMenus .menuIam{
    margin-bottom:5px;
}
#hpformnew .row{
    margin-bottom:0;
}
FORM .row{
    padding:0;
}
.main-title h2, .seller p {
    font-size:17px;
}
#content form label{
    font-size:12px;
}
#content form button{
    float:left;
    width:100%;
}
#hpformnew .textfieldz {
width: 96%;
}
#content form select {
width: 99%;
}
.birthdayWrapper{
    width:auto;
}
#content form select.birthday_month, #content form select.birthday_day{
    margin-right:5px;
}
#content form select.birthday_month{
    width:39%;
}
#content form select.birthday_day{
    width:25%;
}
#content form select.birthday_year{
    width:32%;
}
#content ul.short li {width:110px;}
}

@media screen and (max-width:768px){
    .wrapper, #content {
width: 450px;
}
#content ul.short li {width:102px;}
#content {    height: 720px;}
}
@media screen and (max-width:480px){
    .wrapper, #content {
width: 300px;
}
    UL.profiles.short > LI {
width: 31.68%;
}
#content form select.birthday_month {
width: 38%;
}
.main-wrapper {
width: 240px;
}
#hpformnew .textfieldz {
width: 94%;
}
.seller p {
margin-top: -7px;
}
.disclaimer {
width: 100%;
}
.main-wrapper {
margin: 6em auto;
}
#content ul.short li {width:92px !important;}
#content { height: 690px;}
}

@media screen and (max-width:240px){
    .wrapper, #content {
width: 220px;
}
.main-wrapper {
width: 206px;
}
#content form button{
    font-size:19px;
}
#content {
height: 845px;
}
UL.profiles.short > LI {
width: 48.3%;
}
.main-wrapper {
margin: 7em auto;
}
#content form select.birthday_month {
width: 34%;
}
#hpformnew .textfieldz {
width: 93%;
}
}

/* profiles fix */
UL.profiles.short LI .profileInfo,
UL.profiles .thumbnail .age, UL.profiles .thumbnail .force_info {
    display: none;}
UL.profiles.short LI, UL.profiles.thumbView LI {
    width: auto;}
UL.profiles.short .thumbnail {
    border: 0 none;
    height: 111px;
    margin: 0;
    padding: 0;
    width: 111px;}

/* cis dec.2014 */
select {line-height:2em !important;}
#registerMultiStepContainer .birthday select {float:left; margin:0 1.3% 0 0 !important; width:32% !important;}
.owner-media-count {display:none;}
#registerMultiStepContainer FORM .row.enter-username input { margin: 0 0 .6em;}

/* GEO form fix */
#c-Home .select2-container--default .select2-selection--single { 
	height: inherit;
	border: 1px solid #fff;
	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;
}