body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, td, th, blockquote, form, input {
padding: 0;
margin: 0;
}
.field.invalid .pass .validator-wrapper {
display: none;
}

.copy {
	padding: 5px 0;
	color: #002157;
}

.top_link {
	position: absolute;
	top: -10px;
	right: 15px;
	font:12px Arial, Helvetica, sans-serif;
	color: #000;
}

.top_link span, .show_terms, .show_policy {
	cursor:pointer;
	text-decoration:underline
}
.top_link span:hover, .show_terms:hover, .show_policy:hover  {text-decoration: none}
#page {
    position:relative;
	width: 991px;
	margin: 20px auto 0 auto;
	padding-top:10px;
	}
#wrapper {
	margin: 0 auto;
	width: 991px;
	height: 780px;
	background: url(../img/bg.jpg);
	position: relative;
	overflow: hidden;
}

#logo {
	position: absolute;
	left: 26px;
	top: 6px;
	width: 203px;
	height: 71px;
	background: url(../img/logo.png);
}
.clearfix {
zoom: 1;
}
.registration-form {
width: 343px;
left: 0;
top: 227px;
zoom: 1;
z-index: 1;
position: absolute;
}

.form-content {
width: 315px;
height: 300px;
background: #02275B;
padding: 15px;
box-shadow: 0 0 8px 2px #010103;
}

.form-header {
height: 28px;
padding: 25px 0 20px 0;
}

.form-fields {
margin: 10px auto;
  height:200px;
  width: 320px;
}


.fieldname {
  width: 90px;
  height:33px;
  margin: 0;
  padding: 3px 0;
  float: left;

}
.field {
padding: 3px 0;
position: relative;
  width:210px;
  height:33px;
  margin: 0;
  float: left;
}
input {
width: 200px;
height: 23px !important;
border: 1px solid #ABADB3 #E2E3EA #E2E3EA;
outline: none;
position:absolute
}

select {

height: 25px !important;
border: 1px solid #ABADB3 #E2E3EA #E2E3EA;
outline: none;
position:absolute
}


.fieldname label {
	height: 25px;
	margin: 0 10px 0 0;
	color: #fff;
	font: 12px/25px Arial, Helvetica, sans-serif;
	float:right

}


.form-fields .day {
width: 47px;
margin-right: 7px;
}

.form-fields .month {
width: 84px;
margin-right: 7px;
}

.form-fields .year {
width: 57px;
}
.form-fields .country {
width: 202px;
}

#submit_button {background: url(../img/button_join_inact.jpg) no-repeat 0 0;
	margin: 15px auto;
	border: 0;
	width: 190px;
	height: 46px;
	cursor: pointer;
}
.satellizer-ready #submit_button {background: url(../img/button_join.jpg) no-repeat 0 0;}

.conditions {
margin-bottom: 15px;
margin-top: 10px;
clear: both;
font: 12px/16px Arial,sans-serif;
color: white;
text-align: center;
}
.conditions span {
color: #FFF6BC;
}


/*reg&login errors*/
.unknown-error{
	display: none;
}

.invalid .unknown-error {
	display: block;
}

.invalid div.validator {
  display: block;
}
.field .message {
  display: none;
}
.registration-form [class*=invalid-] .exists {
	display: none;}


.invalid-required .required,
.invalid-correctness .correctness,
.invalid-pattern .pattern,
.invalid .exists,
.invalid .validation-message {
  background:url(../img/err-icon.gif) 0 5px no-repeat;
  padding: 4px 10px 0 19px;
  white-space: nowrap;
  font: 11px/11px Arial, Helvetica, sans-serif;
  display: block;
}
.validator-wrapper {
   left: 215px;
    position: absolute;
    top: 5px;
    z-index: 1;
}
.validation-message{
	z-index: 10;
	display: none;
	
}
.validator {
  width: 100%;
  display: none;
}
.validator .shadow {
  width: 100%;
  height: 20px;
  position: absolute;
  margin-top: 3px;
  background-color: black;
  -moz-border-radius: 0px 2px 2px 0px;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);

}
.validator .content-container {
  position: relative;
  height: 20px;
  background-color: #FFFED8;
  border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  -webkit-border-radius: 0px 2px 2px 0px;
}

.validator .shadow .shadow-arrow {
  position: absolute;
  top: 0;
  left: -20px;
  width: 0;
  height: 0;
  border-right: 10px solid black;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  _border: 0;
}


.validator-wrapper .arrow {
  position: absolute;
  top: 0;
  left: -20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #FFFED8;
  _border: 0;
  _width: 20px;
  _height: 20px;
}
/*end reg&login errors*/
/*end regform fields*/
#login_popup {
	zoom: 1;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -220px;
	margin-top: -160px;
	z-index: 500;
	height: 320px;
	width: 440px;
	background: #ffffff;
	display: none;

}
#login_logo {
    background: url(../img/popup_login_header.jpg) no-repeat;
    height: 83px;
    margin: 1px 0 0 1px;
    width: 438px;
}
#login_popup.emailexists .login-form {margin:10px auto 0 auto; top:10px}
#login_popup h1 {display:none}
#login_popup.emailexists h1 {display: block !important;
	color: #000;
	font-size: 18px;
	text-align: center;
	margin:0 0 5px 0;
	position:relative;
	top:7px

}

.login-form {width:340px;
	margin: 0 auto;
	position:relative;
	top:35px;
}
.login-form .fieldname label {font:15px/29px Arial, Helvetica, sans-serif; color:#000}
.login-form .field {height:45px}
.login-form .field input {
		width:200px;
		height:25px}
.login-form .validator-wrapper {left:218px}
#login_btn{
	width: 161px;
	height: 50px !important;
	background: url(../img/popup_login_button.jpg);
	border: 0;
	margin: 5px 0 10px 90px;
	cursor: pointer;
	position: relative
}



#right_line {
	position: absolute;
	z-index: 22;
	width: 12px;
	height: 900px;
	top: 0;
	right: 0;
	background: #002157;
}

#bottom_line {
	position: absolute;
	z-index: 22;
	width: 991px;
	height: 12px;
	bottom: 0;
	left: 0;
	background: #002157;
}

#realmembers {
	font-family: Myriad Pro;
	color: #ffffff;
	font-size: 24pt;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	bottom: 55px;
	left: 250px;
	line-height: 24px;
}

#footer {
	margin: 0 auto;
	position: relative;
	width: 991px;
}

.links {
list-style: none;
position: absolute;
right: 0;
top: 5px;
font-family: Myriad Pro;
font-size: 12pt;
color: #151161;
}

.links li {
	float: left;
	border-left: 1px solid black;
	padding: 0 0 0 10px;
margin: 0 0 0 10px;
}

li.first_li {
	border: none;
	color: #000000;
	}

li.second_li {
	border-left: none;
	margin: 0;
	padding: 0 0 0 4px;
}



#sbwomen {
	position: absolute;
	left: 25px;
	top: 118px;
	background: url(../img/text.png);
	width: 374px;
	height: 87px;
}


ul.links  a{
	color: #151161;
}


.popup {
zoom: 1;
position: fixed;
left: 50%;
top: 0;
margin-top: 100px;
margin-left: -400px;
z-index: 100;
width: 800px;
height: 600px;
background: white;
display: none;

 }

#terms, #policy {
  width: 800px;
  height: 600px;
 }
.close_button { position:absolute;
top:-30px;
right:0px;
color:#fff;
font: 14px/30px Arial, Helvetica, sans-serif;
cursor:pointer
}
.close_button span{font:20px Arial, Helvetica, sans-serif;

}
#fade_block, #fade_block-1 {background: url(../img/bg.png) repeat;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 100;
	display: none;
	width: 100%;
	height: 100%;
}


/*field placeholders*/
input::-webkit-input-placeholder {
    color:    #ccc;
}
input:-moz-placeholder {
    color:    #ccc;
}
input:-ms-input-placeholder {
    color:    #ccc;
}

#ribbon {
	position: absolute;
    right: 0px;
    top: 79px;
    z-index: 50;
	display: none;
}
/* Query Roundrr */

#carusel {
position: absolute;
width: 900px;
height: 900px;
overflow: hidden;
top: 90px;
right: -445px;
}

#next {
	border-width: 0px;
	background-image: url(../img/arrow_up.png);
	height: 39px;
	width: 64px;
	display: block;
	cursor: pointer;
}

#prev {
	border-width: 0px;
	background-image: url(../img/arrow_down.png);
	height: 39px;
	width: 64px;
	display: block;
	margin-top: 50px;
	cursor: pointer;
}

.container {
	margin-top: 100px;
	position: relative;
	height: 600px
}





.my_class img {
	height: 90px;
	width: 140px;
	border: 3px solid white;
}

#roundrr_navigation {
position: absolute;
top: 300px;
z-index: 50;
width: 200px;
height: 100px;
left: 371px;
}

#roundrr_navigation p{
color:white;
font-family:Arial;
font-size:12px;
margin-left:-9px;
margin-top:-40px;
width:145px;

}

.centerImage {
	width: 180px;
}

.roundrr_center {
	background-color: transparent;
	height: 160px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 100px;
	width: 195px;
}

.roundrr_speech {
	background-color: transparent;
	background-image: url(../images/speech.png);
	height: 62px;
	left: -6px;
	margin-bottom: 0;
	margin-left: 41%;
	margin-right: auto;
	position: absolute;
	top: 30px;
	width: 180px;
	display: none;
}

#roundrr_pick {
	background-image: url(../images/pick4.png);
	height: 105px;
	margin-bottom: 0;
	margin-left: 45%;
	margin-right: auto;
	position: absolute;
	top: -81px;
	width: 94px;
	z-index: 500;
}

.keyboard{

    margin-left:-78px;
}

#roundrr_caption {
	color: white;
	font-size: 27px;
	height: 22px;
	left: -2px;
	letter-spacing: -1px;
	margin-bottom: 0;
	margin-left: 42%;
	margin-right: auto;
	position: absolute;
	top: 27px;
	width: 155px;
	z-index: 500;
	font-family: CompactBold, sans-serif;
}

#roundrr_container, #roundrr_container2 {
	position: relative;
	left: -45px;
	top: 150px;
	width: 100px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.roundrr_div_item {
	background-color: none;
	height: 50px;
	padding: 40px;
	color: #234;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


.selected{
border:2px solid white;
color:#AABBCC;
}
.mobile, .banner-top{
	display: none;
}
@media(max-width:1020px){
	body *{
		box-sizing: border-box;
	}
	#social_btns, #gogo{
		display: none!important;
	}
.desktop{
	display: none;
}
.mobile{
	display: block;
}
.mobile .container{
	max-width: 768px;
	margin: 0 auto;
	height: 100%;
}
.mobile .registration-form{
	position: static;
	width: 100%;
	max-width: 343px;
}
.mobile .fieldname{
	display: none;
}
.form-content, .form-fields, .field, input, select.field.country{
	width: 100%;
}
.form-content{
	padding: 22px 20px 16px;
	box-shadow: none;
}
.form-fields{
	margin: 0;
}
.field, input, select{
	height: 40px!important;
	border:1px solid #959595;
	border-radius: 3px;
	padding-left: 15px;
}
.field{
	border: none;
	padding-left: 0;
	margin-bottom: 10px;
}
.form-fields .day, .form-fields .year{
	width: 27%;
}
.form-fields .month{
	width: 41%;
}
.form-content{
	height: 100%;
}
.conditions, .conditions span{
	color: #a7bee9;
	font-size: 12px;
}
.top_link{
	color: white;
	position: static;
	font-size: 14px;
	text-align: center;
}
#submit_button{
	    background: url(../images/button-1.jpg) no-repeat 0 0;
}
.conditions{
	margin-bottom: 8px;
	padding-top: 10px;
}
.form-block{
	float: left;
}
.banner-block{
	margin-left: 342px;
	height: 430px;
	background: url("../images/bg-1.jpg") no-repeat center center;
	background-size: cover;
	padding-top: 20px;
    padding-left: 45px;
		position: relative;
}
.banner-block:before{
		background: url("../images/shild.png") no-repeat center center;
		width: 97px;
		height: 100px;
		position: absolute;
		
		right: 0;
		top:0;
}
.banner-block p{
	  font-size: 36px;
	  font-family: "Arial";
	  color: rgb(255, 255, 255);
	  font-weight: bold;
	  line-height: 41px;
	  text-align: left;
	  text-shadow: 0px 0px 18px rgba(27, 27, 27, 0.59);
		position: absolute;
		bottom: 30px;
		}
.slider-block{
	clear: both;
	padding-top:20px;
}
.text-1{
	font-size: 18px;
	color: #444444;
	text-align: center;
	padding-bottom: 25px;
}
.bx-wrapper .bx-viewport{
	box-shadow: none;
	border: none;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background: #c4cac8;
	width: 13px;
    height: 13px;
		border-radius: 7px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #0d2758;
}
footer {
	overflow: hidden;
	font-size: 14px;
	color:#444444;
	padding-bottom: 25px;
}
footer .links{
	position: static;
	float: right;
}
footer ul.links a, .links{
	font-size: 14px;
	color:#444444;
}
footer .copy{
	padding: 0;
}
.form-fields .day, .form-fields .month{
	margin-right: 2%;
}
.login-form .field {
    height: 45px!important;
		width: 210px!important;
}
#login_popup{
	top:30%;
}
#terms, #policy{
	width: 619px;
}
.popup{
	top: -60px;
	margin-left: -314px;
}
.main.static{
	width: 572px!important;
}
}
@media(max-width:700px){
.banner-block, .banner-top br{
	display: none;
}
.banner-top{
	display: block;
	height: 272px;
background: url(../images/girl-1.jpg) no-repeat center center;
background-size: cover;
margin-left: 0;
}
.form-block{
	float: none;
}
.mobile .registration-form{
	max-width: 100%;
}
.form-content{
	padding: 22px 105px 33px;
}
.bx-wrapper li{
	width: 204px!important;
	height: 141px;
}
.bx-wrapper img{
	height: 141px;
}
.bx-wrapper{
	width: 415px;
}
.slider-block{
	padding-left: 10px;
}
footer, footer ul.links a, .links{
	font-size: 12px;
	text-align: center;
}
.fl-l, footer .links{
	float: none!important;
	padding-right: 30px;
}
footer .copy{
	padding-bottom: 10px;
}
.links li{
	display: inline-block;
	float: none;
}
#terms, #policy{
	width: 400px;
}
.popup{
	top: -60px;
	margin-left: -200px;
}
.main.static{
	width: 339px!important;
}
.main h1{
	line-height: 22px;
}
.contact-popup{
	margin-top: 20px!important;
}

}
@media(max-width:479px){
	.banner-top{
		height: 216px;
		padding-top: 10px;
padding-left: 20px;
		background-position: right center;
	}
	.banner-block p{
		font-size: 24px;
		line-height: 30px;
		bottom: 20px;
		width: 250px;
	}
	.logo-1 img {
    width: 43%;
}
.banner-block:before{
width: 74px;
height: 77px;
background-size: cover;
}
.form-content {
    padding: 14px 22px 33px;
}
.field, input, select{
	height: 36px!important;
}
.text-1{
	padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
}
.bx-wrapper{
	width: 206px;
  margin: 0 auto 35px;
}
.bx-wrapper .bx-pager{
	display: none;
}
.bx-wrapper .bx-prev{
left: -21px;
background: url(../images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: -9px;
    background: url(../images/controls.png) no-repeat -43px -32px;
}
.links li{
	padding: 0px 0 0 4px;
    margin: 0 0 0 4px;
}
#terms, #policy{
	width: 295px;
}
.popup{
	top: -60px;
	margin-left: -149px;
}
.main.static{
	width: 238px!important;
}
.contact-popup{
	margin-top: 20px!important;
}
.main h1{
	font-size: 18px;
}
#login_popup{
	    width: 298px;
			margin-left: -149px;
			height: 286px;
			top: 40%;
			}
#login_logo{
width: 296px;
background-position: center;
height: 56px;
background-size: contain;
}
#login_btn{
	margin: 5px 0 10px 73px;
}


}