
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
    font-family: 'Open sans',arial,helvetica,sans-serif;

}
@media (min-width: 1200px){

.col-lg-3 {
    width: 25%;
}
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
}
@media (min-width: 992px){

.col-md-3 {
    width: 25%;
}
}
@media (min-width: 992px){

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}

}
@media (min-width: 768px){

.col-sm-3 {
    width: 25%;
}
.col-sm-12{
    width: auto;
}
}
@media (min-width: 768px){

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
}
@media (min-width: 1200px){
.col-lg-5 {
    width: 41.66666667%;
}
}
@media (min-width: 1200px){
.col-lg-2 {
    width: 16.66666667%;
}
}
@media (min-width: 1200px){
.col-lg-4 {
    width: 33.33333333%;
}
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
@media (max-width: 1366px){
    .mobile-block-title{
        width: 50%;
    }
    .mobile-block-discr{
        width: 30%;
    }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.mob-vers{
    display: none;
}
.pt0 {padding-top:0px!important;}

/*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;}


.lp-positioned-content{
   position: static;
   overflow: visible;
   margin-left: 0!important;
   width: 100%!important;

}
.lp-element .lp-pom-root{
   width: 100%;
   height: 100%;
}
#lp-code-232{
   position: static!important;
height: 100%!important;
   width: 100%!important;
}
#lp-pom-root{
   background: none;
   height: auto;
   min-width: unset;
}
div.lp-pom-root .lp-element.lp-code{
   overflow: visible;
   position: static;
}
#lp-pom-block-231{
   display: none;
}
  #lp-pom-root-color-overlay{
     display: none;
 }

.invalid-required .required,
.invalid-correctness .correctness,
.invalid-pattern .pattern,
.invalid .exists {
    background:url(../img/err-icon.gif) 5px 6px no-repeat;
    padding: 4px 10px 0 19px;
    white-space: nowrap;
    font: 11px/11px Arial, Helvetica, sans-serif;
    display: block;
}
.validator-wrapper {
    left: 229px;
    position: absolute;
    top: -22px;
    z-index: 1;
}

.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: 20px;
    left: 0px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid black;
    border-bottom: 10px solid transparent;
    _border: 0;
}


.validator-wrapper .arrow {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #FFFED8;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    _border: 0;
    _width: 20px;
    _height: 20px;
}

.invalid input{
    border: 1px solid red;
}
#lp-code-222, .lp-positioned-content, .lp-pom-root-color-overlay, #lp-pom-root, .lp-pom-body, #lp-pom-root-color-overlay{
    width:100%!important;
    min-width: 100%!important;
    height: 100%!important;
    position:relative!important;
}

#lp-pom-block-221 {
    display:none;
}

#lp-pom-root .lp-positioned-content {
    margin:0!important;
}

.lp-positioned-content {
    left:0!important;
}

div.lp-pom-root .lp-element.lp-code {
    overflow: visible!important;
}

.modal-backdrop {
display:none;
}

#myModal {

    z-index: 99999;
}

#lp-pom-root-color-overlay{
    display:none;
}
.signin{
    position: relative;
}
.login-form {
    position: absolute;
    z-index: 9999;
    width: 300px;
    background: #fff;
    top: 125%;
    display: none;
    padding: 20px;
    text-align: center;
    right: 0;
    border-radius: 5px;
   
}
.login-form input{
    width: 100%;
}

.login-form button  {
    width: 100%!important;
    border-radius: 5px;
    border: none;
    background-image: -moz-linear-gradient( 90deg, #7fbe1d 0%, #8cce00 100%);
    background-image: -webkit-linear-gradient( 90deg, #7fbe1d 0%, #8cce00 100%);
    background-image: -ms-linear-gradient( 90deg, #7fbe1d 0%, #8cce00 100%);
    box-shadow: 0px 1px 6px 0px rgba(1, 1, 1, 0.2);
    width: 310px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 15px;
}

.login-form .field {
    margin: 5px auto 10px;
}
.form-divider {
    font-size: 1.2em;
    color: #8b949b;
    padding: 5px 0;
    text-align: center;
    margin: 10px auto;
}
.form-divider::after, .form-divider::before {
    content: '';
    display: inline-block;
    width: 15%;
    height: 1px;
    margin: 0 10px 0;
    border-bottom: 1px solid #d4d4d4;
    vertical-align: middle;
}
#overblack{
    position: fixed;
    left: 0;right: 0;top: 0;bottom: 0;
    z-index: 999;
    display: none;
    background: rgba(0,0,0,.5);
}



html, body {
     overflow-x: hidden;

}
.container{
    width: 75%;
    max-width: 1000px;
}
.screen1 {
    position:relative;
    width: 100%;
    height: auto;
    background: url(../img/head-bg.jpg) no-repeat top center/cover;
    background-size: cover;
}
.cont-box{
    position: relative;
    margin: 0 auto;
}
select {
    border-radius: 7px;
    height:35px;
    border: none;
}
.introduce {
    display: inline-block;
    right: 0%;
    /* top: 498px; */
    vertical-align: bottom;
    bottom: 18px;
    padding: 5px 5px 20px 60px;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.introduce .title {
    font-size: 35px;
    font-family:  helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
}
.introduce .tagline {
    font-size: 25px;
    font-family:  helvetica,Arial,sans-serif;
    line-height: 1.4;
    color: #fff;
}
.country {
    width:88%;
}

.mt50 {margin-top:50px;}
.mt40 {margin-top:30px;background: #de4a18; color:#fff;padding: 15px 0;text-transform: uppercase;text-align: center;}
.mt30 {margin-top:30px;}
.mt10 {margin-top:10px;}
.mt20p {margin-top:20%;}
.pb60 {padding-bottom: 60px;}
h4 {
    font-size:22px;
}

.formBg {
    background:#fff;
    box-shadow: 0 0 15px 0 #ddd;
    border-radius: 5px;
    padding: 30px 0;
         width: 370px;
        display: inline-block;
        margin-bottom: 40px;

}

.nopadding {
    padding:0!important;
}

hr {
    border-top: 5px solid #c11102!important;
}

.clear {
    content:'';
    clear: both;
}
select {
    width: 100%;
    height:35px;
    border-radius: 7px;
    border: 1px solid #ccc;
    padding:0 10px;
}
input {
    width: 100%;
    height:35px;
    border-radius: 7px;
    border: 1px solid #ccc;
    padding:0 10px;
}

label {
    padding:7px 0 0 45px ;
    font-weight: bold;
}
.fieldname {
    display: none;
}
.field {
    margin: auto;
    float: none;
    width: 80%;
}
.form-fields{
    margin-top: 15px;
}
.birth select:nth-child(1){
    width:30%;
}
.birth select:nth-child(2){
    width:30%;
}
.birth select:nth-child(3){
    width:26%;
}

.content-container {
    display:none;
}

.nofloat {
    float: none!important;
}

#submit_button {
    width: 100%!important;
    border-radius: 5px;
    border: none;
  background-image: -moz-linear-gradient( 90deg, #7fbe1d 0%, #8cce00 100%);
  background-image: -webkit-linear-gradient( 90deg, #7fbe1d 0%, #8cce00 100%);
  background-image: -ms-linear-gradient( 90deg, #7fbe1d 0%, #8cce00 100%);
  box-shadow: 0px 1px 6px 0px rgba(1, 1, 1, 0.2);
    width: 310px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:10px;
    margin-top: 15px;
}

.greyT {
    color:#353535;
    font-size:13px;
}

.bycl {
    font-size:12px;
    color:#999999;
    text-align: center;
}

.bycl a{
    color:#0066ff;
}

.loginBtn {
    color:#0e569a;
    line-height: 45px;
    text-align: center;
    font-weight:bold;
    cursor: pointer;
    background: linear-gradient(to bottom, #fefefe, #efefef);
    border-radius: 5px;
    box-shadow: 0 0 10px #ddd;
}

h1 {
    color: #fff;
    font-weight:600!important;;
}

h2 {
    color: #fff!important;
    font-weight:100;
    font-size:36px;
    line-height: 10px;
}

.screen2 {
    background: #fff;
    width: 100%;
    padding: 50px 0;
   

}
.screen2 .plus-img{
    height: 80px;
    width: 98px;
    margin:0 auto;
    background-image: url('../img/sprite.png');
}
.plus-1{
    
    background-position: -163px -10px;
}
.plus-2{
    
    background-position: -160px -92px;
}
.plus-3{
    
    background-position: -145px -187px;
}
.plus-4{
    
    background-position: -162px -267px;
}
.screen-mob{
    background: url('../img/bg-mobile-block.jpg') no-repeat top center/cover;
    position: relative;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.mobil{
    position: absolute;
    right: 15%;
    bottom: 0px;
    max-width: 440px;
    min-width: 380px;
    width: 31%;
}
.mobile-block-title{
    font-size: 34px;
    color: #fff;
margin: 30px 0px;
position: relative;
z-index: 1;
}
.mobile-block-discr{
    font-size: 24px;
    color: #fff;
    line-height: 1.5;
margin: 30px 0px;
position: relative;
z-index: 1;
}
.app-store-btn{
    margin-right: 15px;
    width: 200px;
    display: inline-block;
}
.google-btn{
    width: 200px;
    display: inline-block;
    position: relative;
}
.google-btn img, .app-store-btn img{
    width: 100% ;
    display: block;
}
.members-title{
    font-size: 50px;
    color:#fff;
    line-height: 1.4;
    text-align: center;
    margin:40px 0;
}
.members-title-small{
    font-size: 24px;
    color:#fff;
    text-align: center;
}
.iconstop {
    font-size:22px;
    font-weight:bold;
    color:#000;
    padding: 40px 0 10px;
}
.fb-button {
    width: 310px;
    line-height: 55px;
    margin: 30px auto 0;
     border-radius: 5px;
     font-weight: bold;
     text-align: center;
     color:#fff;
     text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #344e84;
    text-transform: uppercase;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38),inset 0 0 0 0 rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38), inset 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38), inset 0 0 0 0 rgba(255, 255, 255, 0.6);
    background: none;
    background: -moz-linear-gradient(top, #3e5d9f 0%, #344e84 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e5d9f), color-stop(100%, #344e84));
    background: -webkit-linear-gradient(top, #3e5d9f 0%, #344e84 100%);
    background: -o-linear-gradient(top, #3e5d9f 0%, #344e84 100%);
    background: -ms-linear-gradient(top, #3e5d9f 0%, #344e84 100%);
    background: linear-gradient(to bottom, #3e5d9f 0%, #344e84 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#3e5d9f, endColorstr=#344e84);
    width: 270px\9;
    margin: 0 auto\9;
    padding: 0 20px\9;
}

.landing .button.register.big {
    font-size: 18px;
    text-transform: uppercase;
    box-shadow: none;
    border-bottom: 0;
    text-shadow: 0 1px 0 #336507;
}

.button.register {
    width: 310px;
    cursor:pointer;
    line-height: 55px;
     margin:50px auto;
    text-align: center;
    text-shadow: 0 1px 0 #336507;
    border-radius: 4px;
     border: none;
     text-transform: uppercase;
        color: #fff;
    font-weight: bold;
    background: none;
    background: -moz-linear-gradient(top, #8ccd27 0%, #388901 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ccd27), color-stop(100%, #388901));
    background: -webkit-linear-gradient(top, #8ccd27 0%, #388901 100%);
    background: -o-linear-gradient(top, #8ccd27 0%, #388901 100%);
    background: -ms-linear-gradient(top, #8ccd27 0%, #388901 100%);
    background: linear-gradient(to bottom, #8ccd27 0%, #388901 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#8ccd27, endColorstr=#388901);
}
.button.register a{
    width: 100%;
    height: 100%;
    display: block;
    color:#fff;
    text-decoration: none;
}
.separator{
    color:#fff;
    margin: 20px 0;
}
.hostess .container .box .smooth {
    font-size: 18px;
    width: 285px;
    padding: 7px 20px 7px 45px;
    line-height: 40px;
    text-shadow: none;
    box-shadow: none;
}
.icons {
    font-size:16px;
    color:#737373;
    padding-bottom: 10px;
    font-family:'Open Sans'!important;
    line-height: 27px;
}

.icon_h {
    font-size:2em;
    color:#000;
    padding: 40px 0 10px;
}

.icon_p {
    font-size: 20px;
    color: #737373;
    padding-bottom: 10px;
    font-family: 'Open Sans'!important;
    line-height: 25px;
    font-weight: 100;
}

.insection {
    position: relative;
    width: 100%;
    height: 465px;
    background: #fff;
    background-size: cover;
    padding-top: 40px;
     padding-bottom: 40px;
}
.sign-in-block{
    position: relative;
    width: 100%;
    text-align: center;
    height: 600px;
    background: #fff url('../img/screen2bg.jpg') repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
}
button.regbutton {
    max-width: 100%;
    border-radius: 5px;
    border: none;
    background: linear-gradient(to bottom, #80bf1d, #3f9405);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    width: 310px;
    height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.insection-title{
    font-size: 30px;
    padding-top: 0!important;
    font-weight: bold;
    color:#0f4b87!important;
}

.insection p {
    color:#000;
    font-size:24px;
    padding: 30px 0 0;
        line-height: 1.5;
}

.section3 {
    padding: 100px 0;
}

.red-title {
    font-weight: 600;
    font-size: 30px;
    margin: 0 0 40px;
    color: #c11102;
    line-height: 1;
}

.members-about {
    color:#8b949b;
    font-size:24px;
    font-style:italic;
    font-family:'Open Sans'!important;
    line-height: 30px;
    font-weight:100;
}

.members-about span{
    font-style:normal;
    font-size:36px;
    font-weight:400;
}

.members-from {
    font-size:18px;
    color: #555555;
    font-weight:bold;
}

.mw440 {
max-width: 440px;
}

.profiles {
    cursor: pointer;
    max-width: 100px;
    min-width: 100px;
}

.first, .second, .third, .fourth {
    display:none;
}

.active {
    display:block!important;

}



.prof-box{
    width: 33% ;
    height: 33% ;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.profiles {
    width:90px;
    height:90px;
    transform:none;
    filter: none;
    transition: all 0.2s ease-in!important;
    border-radius: 84%;
    background-image: url('../img/sprite.png');
   
}
.profil-1{
    background-position: -46px 242px;
}
.profil-2{
    background-position: -46px 130px;
}
.profil-3{
    background-position: -46px 3px;
}


.off {
    width: 100px!important;
    height: 100px!important;
    transform: scale(0.8)!important;
    -webkit-filter: brightness(55%)!important;
    -moz-filter: brightness(55%)!important;
    -o-filter: brightness(55%)!important;
    -ms-filter: brightness(55%)!important;
    filter: brightness(55%)!important;
    transition: all 0.2s ease-in!important;
    cursor: pointer;
    zoom: 1;
    border: none;
}

.footer {
    font-family:'Open Sans'!important;
}

.footer ul {
    margin:30px 0;
}

.footer ul li, .footer ul li a {
    font-size:18px;
    font-weight:100;
    color:#8b949b;
    line-height:2.1;
    text-align: left;
    text-decoration:none;
    list-style: none;
}


.footer ul li:first-child {
    font-size:18px;
    color:#c11102;
    font-weight:bold;

}

.m10 img {
    margin: 10px;
}


.m10 img:first-child {
    margin-bottom:50px;
}

.copyright {
    font-family:'Open Sans'!important;
}

.copyright p, .copyright a{
    font-size:14px;
    color:#333333;
}

.copyright a {
    text-decoration:underline;
}

.modal h4 {
    text-align:center;
    margin:0;
}

footer {
    text-align:center;
    padding:50px 10px;
    background:#eaeae8;
    border-top: 3px solid #d32e01;
}
.footer .left-column {
    float: left;
    width: 25%;
}
 .footer .logo {

    height: 84px;
    background: url(../img/logo.png) no-repeat top center/contain;
    background-repeat: no-repeat;
}
.footer .verificate {
    display: table;
    height: 90px;
     text-align: center;
    margin: 30px 12px;
}
.footer .verificate img {
    width: 100px;
}
.footer .verificate .verisign {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.footer .verificate .mcafee {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}
.right-column {
    float: right;
    width: 75%;
    padding-top: 7px;
}
.footer .partition-menu {
    width: 27%;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}
.footer .partition-menu .title {
    font-size: 19px;
    color: #0f4b87;
    text-align: left;
    padding-left: 40px;
     font-weight: bold;
    margin-bottom: 22px;
}
.footer .partition-menu .list-item .link {
    color: #8b949b;
    text-decoration: underline;
}

.footer .extra-options {
    position: relative;
    max-width: 1100px;
    height: 65px;
    margin: 0 auto;
}
 .footer .extra-options .left-column {
    width: 55%;
    margin: 5px 0;
     text-align: left;
}
 .footer .extra-options .right-column {
    width: 45%;
}
 .footer .copyright {
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
}
 .footer .additional {
    font-size: 14px;
    color: #333333;
}
l10n {
    display: inline;
}
 .footer .additional .list-menu {
    font-size: 0;
    display: inline-block;
    zoom: 1;
}
 .footer .additional .list-menu .list-item {
    font-size: 13px;
     line-height: 13px;
    display: inline-block;
    padding: 0 5px;
    border-left: 1px solid #ccc;
    text-transform: capitalize;
}
.footer .additional .list-menu .list-item a{
    font-size: 13px;
    line-height: 13px;
}
 .footer .partition-menu .social li.social-icon a.item {
    width: 45px;
    height: 45px;
    background: url(../img/social.png?vd1f8f030) no-repeat left;
}
.social-icon{
    display: inline-block;
}
 .footer .partition-menu .social li.social-icon a.item.tw {
    background-position: -55px 0;
}

 .footer .partition-menu .social li.social-icon a.item {
    width: 45px;
    height: 45px;
    background: url(../img/social.png?vd1f8f030) no-repeat left;
}


.soc-ico{
    width: 50px;
    height: 50px;
    background-image:url('../img/sprite.png');
}
.soc-1{
    background-position: -3px -3px;
}
.soc-2{
    background-position: -3px -56px;
}
.soc-3{
    background-position: -3px -109px;
}
.soc-4{
    background-position: -3px -165px;
}
.soc-5{
    background-position: -3px -219px;
}
.soc-6{
    background-position: -5px -277px;
}
footer p{
line-height:1.5;
}

footer img{
    padding:6px;
    width: 50px;
}

.mw1600 {
    max-width: 1600px;
}

.blue-hd{
        background: none;
            box-shadow: none;
           
    }
   
    .logo{
        display: block;
    }
   .text-color-white{
    display: none;
   }

@media (min-width: 1201px) and (max-width:1400px) {
    .mt20p {
        margin-top:8%!important;
    }

}

@media only screen and (max-width:600px){
    .desc-vers{
        display: none;

    }
    .text-color-white{
    display: block;
   }
    .mob-vers{
        display: block;
        
    }

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
html {
    min-width: 320px;
    -webkit-text-size-adjust: none
}
BODY * {
    -webkit-tap-highlight-color: transparent;
    -tap-highlight-color: transparent
}
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}
body {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
    font: 12px Arial;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    overflow-x: hidden
}
input,
input:focus {
    outline: 0
}
.loader_locking_background {
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%
}
.loader_locking_background .global_loader {
    position: fixed;
    top: 45px;
    width: 100%;
    z-index: 10001
}
.loader_locking_background .global_loader div {
    width: 78px;
    height: 19px;
    margin: 5px auto;
    border-radius: 19px;
    padding: 12px 15px;
    background: url('') center no-repeat #fff;
    background-size: 39px;
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .3)
}
.menu-opened-locking-background {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: 0 0;
    z-index: 10000
}
.page.forgot-password .forgot-page,
.page.login .login-page,
.page.master .master,
.page.privacy .privacy-page,
.page.register .join-page,
.page.terms .terms-page {
    display: block
}
.global-spinner {
    position: fixed;
    width: 24px;
    height: 24px;
    top: 45%;
    left: 45%
}
.global-spinner .wBall {
    position: absolute;
    width: 23px;
    height: 23px;
    opacity: 0;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    animation: orbit 6.96s infinite;
    -webkit-animation: orbit 6.96s infinite
}
.global-spinner .wBall .wInnerBall {
    position: absolute;
    width: 3px;
    height: 3px;
    background: #26498a;
    left: 0;
    top: 0;
    border-radius: 3px
}
.global-spinner #wBall_1 {
    animation-delay: 1.52s
}
.global-spinner #wBall_2 {
    animation-delay: .3s
}
.global-spinner #wBall_3 {
    animation-delay: .61s
}
.global-spinner #wBall_4 {
    animation-delay: .91s
}
.global-spinner #wBall_5 {
    animation-delay: 1.22s
}
@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out
    }
    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0
    }
    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%
    }
    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%
    }
    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%
    }
    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%
    }
    100%,
    76% {
        opacity: 0;
        transform: rotate(900deg)
    }
}




/*N*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

img,
legend {
    border: 0
}
legend,
td,
th {
    padding: 0
}
body,
mark {
    color: #000
}
.clearfix:after,
.form-group:after {
    clear: both
}
html {
    font-family: Open Sans, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
body,
html {
    height: 100%;
    min-height: 100%
}
*,
:after,
:before {
    box-sizing: border-box
}
body {
    margin: 0;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0
}
a,
a:visited {
    color: #0881fe
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}
.hidden {
    display: none!important
}
.hide {
    display: none
}
.show {
    display: block
}
.show-inline {
    display: inline
}
.show-inline-block {
    display: inline-block
}
.text-strong {
    font-weight: 700
}
.text-center {
    text-align: center
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.container-20-15 {
    padding: 20px 15px
}
.container-20-10 {
    padding: 20px 10px
}
.container-0-10 {
    padding: 0 10px
}
.container-0-15 {
    padding: 0 15px
}
.container-0-20 {
    padding: 0 20px
}
.container-10-0 {
    margin: 10px 0
}
.column-1,
.column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    float: left
}
.column-1 {
    width: 10%
}
.column-2 {
    width: 20%
}
.column-3 {
    width: 33.33%
}
.column-4 {
    width: 40%
}
.column-5 {
    width: 50%
}
.column-6 {
    width: 60%
}
.column-7 {
    width: 70%
}
.column-8 {
    width: 80%
}
.column-9 {
    width: 90%
}
.forgot-password,
.join-page,
.login-page {
    background: #f2f2f2
}
.form-group {
    text-align: left;
    margin-bottom: 10px
}
.form-group:after,
.form-group:before {
    content: " ";
    display: table
}
.form-group .column-5 {
    padding-left: 10px
}
.form-group .column-5:first-child {
    padding-left: 0
}
.form-group .control-label {
    display: block;
    padding: 5px 20px 0 0;
    font-size: 14px;
    color: #4c4c4c
}
.form-group .form-control {
    display: block;
    width: 100%;
    padding: 7px;
    font-size: 17px;
    background: #fff;
    margin-top: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 5px
}
.form-group.invalid.with-label .control-label {
    color: #ff3b30;
    display: block!important
}
.form-group.invalid .form-control {
    border-color: #ff3b30
}
.form-group.checkbox>input {
    margin: 3px -20px 0 0;
    display: block;
    float: left
}
.form-group.checkbox>input+label {
    margin: 0 0 0 20px;
    display: block;
    float: left;
    font-size: 16px;
    color: #000
}
@font-face {
    font-family: font-icons;
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
   
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
.icon-glyph:before,
[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: font-icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}
.icon-arrow-down:before {
    content: "\f101"
}
.icon-arrow-right:before {
    content: "\f102"
}
.icon-back:before {
    content: "\f103"
}
.icon-chat:before {
    content: "\f104"
}
.icon-close:before {
    content: "\f105"
}
.icon-credits:before {
    content: "\f106"
}
.icon-mail:before {
    content: "\f107"
}
.icon-menu:before {
    content: "\f108"
}
.icon-photo:before {
    content: "\f109"
}
.icon-resubscribe:before {
    content: "\f10a"
}
.icon-search:before {
    content: "\f10b"
}
.icon-smile:before {
    content: "\f10c"
}
.icon-star:before {
    content: "\f10d"
}
.icon-start-chat:before {
    content: "\f10e"
}
.icon-subscribe:before {
    content: "\f10f"
}
.icon-user:before {
    content: "\f110"
}
.text-color-white {
    color: #fff
}
.text-color-black {
    color: #000
}
.text-color-gray {
    color: grey
}
.text-color-gray-half {
    color: #ccc
}
.text-color-light-gray {
    color: #d9d9d9
}
.text-color-green {
    color: #93c11a
}
.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.text-strike {
    text-decoration: line-through
}
.text-underline {
    text-decoration: underline
}
.button-link,
.form-button,
.link-no-decoration {
    text-decoration: none
}
.text-2-line {
    word-wrap: break-word;
    overflow: hidden
}
.text-max-125 {
    max-width: 125px;
    max-height: 35px;
    line-height: 17px
}
.text-max-125 img {
    max-height: 15px;
    vertical-align: bottom
}
.text-max-180 {
    max-width: 180px;
    max-height: 42px;
    line-height: 19px
}
.text-max-180 img {
    max-height: 16px;
    vertical-align: bottom
}
.link-color-gray,
.link-color-gray:visited {
    color: grey
}
.link-color-dark-gray,
.link-color-dark-gray:visited {
    color: #090909
}
.text-extra-small {
    font-size: 10px
}
.text-small {
    font-size: 12px
}
.text-large {
    font-size: 16px
}
.text-extra-large {
    font-size: 18px
}
.center-absolute {
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    position: absolute
}
.center-absolute-v {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}
.cover-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.button-link {
    display: inline-block;
    padding: 10px;
    cursor: pointer
}
.form-button {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 20px 0;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 700
}
.form-button:visited {
    color: #fff
}
.facebook-button {
    border: 0;
    background: #3b5998;
    line-height: 20px;
    margin: 0 0 15px
}
.facebook-button:before {
    font-size: 25px;
    font-weight: 700;
    position: relative;
    content: 'f';
    left: -15px;
    top: 3px;
    line-height: 10px
}
.form-button-red {
    border: 0;
    background: #0881fe
}
.form-button-red-bordered {
    border: 1px solid #023876;
    background: #26498a
}
.form-button-green {
    border: 1px solid #93c11a;
    background: #93c11a
}
.form-button-white {
    border: 0;
    background: #fff;
    color: #000
}
.form-button-gray {
    border: 1px solid #ccc;
    background: #f2f2f2;
    color: #4c4c4c;
    font-weight: 700
}
.unauth-fixed-header {
    position: fixed;
    top: 0;
    left: 0!important;
    width: 100%
}
.unauth-page-holder {
    min-height: 100%
}
.unauth-header {
    z-index: 9999;
    width: 100%;
    height: 45px;
    top: 0;
    position: relative
}
.unauth-header.with-banner {
    height: 120px
}
.unauth-header .top-title {
    height: 45px;
    background: #26498a;
    width: 100%;
    padding: 6px 10px;
    position: relative
}
.unauth-header .top-title .icon-back {
    position: relative;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    float: left;
    z-index: 1;
    line-height: 33px
}
.unauth-header .top-title .top-title-message {
    position: absolute;
    width: 100%;
    height: 44px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
    display: inline-block;
    line-height: 44px;
    top: 0;
    left: 0;
    z-index: 0
}
.join-page .top-title-box {
    background: #26498a;
    box-shadow: 0 1px 7px #464646
}
.join-page .top-title-box .top-title-logo {
    width: 109px;
    height: 33px;
    background: url(../img/logo.png) no-repeat;
    background-size: 109px
}
.join-page .top-title-box .form-button {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 5px 10px;
    font-weight: 300
}
.join-page .top-title-box .girls-img {
    width: 100%;
    max-width: 450px;
    background: url(../img/Ladies.png) no-repeat;
    background-size: 100%;
    margin: 5px auto;
    min-height: 60px
}
.address {
    width: 100%;
    max-width: 222px;
    background: url(../app/img/company-address-terms.png?revision=9003-2) no-repeat;
    height: 40px;
    background-size: contain
}


/*M*/

.fb_hidden {
    position: absolute;
    top: -10000px;
    z-index: 10001
}
.fb_reposition {
    overflow: hidden;
    position: relative
}
.fb_invisible {
    display: none
}
.fb_reset {
    background: none;
    border: 0;
    border-spacing: 0;
    color: #000;
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal
}
.fb_reset>div {
    overflow: hidden
}
.fb_link img {
    border: none
}
@keyframes fb_transform {
    from {
        opacity: 0;
        transform: scale(.95)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}
.fb_animate {
    animation: fb_transform .3s forwards
}
.fb_dialog {
    background: rgba(82, 82, 82, .7);
    position: absolute;
    top: -10000px;
    z-index: 10001
}
.fb_reset .fb_dialog_legacy {
    overflow: visible
}
.fb_dialog_advanced {
    padding: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}
.fb_dialog_content {
    background: #fff;
    color: #333
}
.fb_dialog_close_icon {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 18px;
    top: 17px;
    width: 15px
}
.fb_dialog_mobile .fb_dialog_close_icon {
    top: 5px;
    left: 5px;
    right: auto
}
.fb_dialog_padding {
    background-color: transparent;
    position: absolute;
    width: 1px;
    z-index: -1
}
.fb_dialog_close_icon:hover {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent
}
.fb_dialog_close_icon:active {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent
}
.fb_dialog_loader {
    background-color: #f6f7f9;
    border: 1px solid #606060;
    font-size: 24px;
    padding: 20px
}
.fb_dialog_top_left,
.fb_dialog_top_right,
.fb_dialog_bottom_left,
.fb_dialog_bottom_right {
    height: 10px;
    width: 10px;
    overflow: hidden;
    position: absolute
}
.fb_dialog_top_left {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;
    left: -10px;
    top: -10px
}
.fb_dialog_top_right {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;
    right: -10px;
    top: -10px
}
.fb_dialog_bottom_left {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;
    bottom: -10px;
    left: -10px
}
.fb_dialog_bottom_right {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;
    right: -10px;
    bottom: -10px
}
.fb_dialog_vert_left,
.fb_dialog_vert_right,
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom {
    position: absolute;
    background: #525252;
    filter: alpha(opacity=70);
    opacity: .7
}
.fb_dialog_vert_left,
.fb_dialog_vert_right {
    width: 10px;
    height: 100%
}
.fb_dialog_vert_left {
    margin-left: -10px
}
.fb_dialog_vert_right {
    right: 0;
    margin-right: -10px
}
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom {
    width: 100%;
    height: 10px
}
.fb_dialog_horiz_top {
    margin-top: -10px
}
.fb_dialog_horiz_bottom {
    bottom: 0;
    margin-bottom: -10px
}
.fb_dialog_iframe {
    line-height: 0
}
.fb_dialog_content .dialog_title {
    background: #6d84b4;
    border: 1px solid #365899;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0
}
.fb_dialog_content .dialog_title>span {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;
    float: left;
    padding: 5px 0 7px 26px
}
body.fb_hidden {
    -webkit-transform: none;
    height: 100%;
    margin: 0;
    overflow: visible;
    position: absolute;
    top: -10000px;
    left: 0;
    width: 100%
}
.fb_dialog.fb_dialog_mobile.loading {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10001
}
.fb_dialog.fb_dialog_mobile.loading.centered {
    width: auto;
    height: auto;
    min-height: initial;
    min-width: initial;
    background: none
}
.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner {
    width: 100%
}
.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content {
    background: none
}
.loading.centered #fb_dialog_loader_close {
    color: #fff;
    display: block;
    padding-top: 20px;
    clear: both;
    font-size: 18px
}
#fb-root #fb_dialog_ipad_overlay {
    background: rgba(0, 0, 0, .45);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    z-index: 10000
}
#fb-root #fb_dialog_ipad_overlay.hidden {
    display: none
}
.fb_dialog.fb_dialog_mobile.loading iframe {
    visibility: hidden
}
.fb_dialog_content .dialog_header {
    -webkit-box-shadow: white 0 1px 1px -1px inset;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));
    border-bottom: 1px solid;
    border-color: #1d4088;
    color: #fff;
    font: 14px Helvetica, sans-serif;
    font-weight: bold;
    text-overflow: ellipsis;
    text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0;
    vertical-align: middle;
    white-space: nowrap
}
.fb_dialog_content .dialog_header table {
    -webkit-font-smoothing: subpixel-antialiased;
    height: 43px;
    width: 100%
}
.fb_dialog_content .dialog_header td.header_left {
    font-size: 12px;
    padding-left: 5px;
    vertical-align: middle;
    width: 60px
}
.fb_dialog_content .dialog_header td.header_right {
    font-size: 12px;
    padding-right: 5px;
    vertical-align: middle;
    width: 60px
}
.fb_dialog_content .touchable_button {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), to(#2A4887));
    border: 1px solid #29487d;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;
    display: inline-block;
    margin-top: 3px;
    max-width: 85px;
    line-height: 18px;
    padding: 4px 12px;
    position: relative
}
.fb_dialog_content .dialog_header .touchable_button input {
    border: none;
    background: none;
    color: #fff;
    font: 12px Helvetica, sans-serif;
    font-weight: bold;
    margin: 2px -12px;
    padding: 2px 6px 3px 6px;
    text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0
}
.fb_dialog_content .dialog_header .header_center {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    vertical-align: middle
}
.fb_dialog_content .dialog_content {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;
    border: 1px solid #555;
    border-bottom: 0;
    border-top: 0;
    height: 150px
}
.fb_dialog_content .dialog_footer {
    background: #f6f7f9;
    border: 1px solid #555;
    border-top-color: #ccc;
    height: 40px
}
#fb_dialog_loader_close {
    float: left
}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_button {
    text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0
}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon {
    visibility: hidden
}
#fb_dialog_loader_spinner {
    animation: rotateSpinner 1.2s linear infinite;
    background-color: transparent;
    background-image: url(http://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 24px;
    width: 24px
}
@keyframes rotateSpinner {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.fb_iframe_widget {
    display: inline-block;
    position: relative
}
.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify
}
.fb_iframe_widget iframe {
    position: absolute
}
.fb_iframe_widget_fluid_desktop,
.fb_iframe_widget_fluid_desktop span,
.fb_iframe_widget_fluid_desktop iframe {
    max-width: 100%
}
.fb_iframe_widget_fluid_desktop iframe {
    min-width: 220px;
    position: relative
}
.fb_iframe_widget_lift {
    z-index: 1
}
.fb_hide_iframes iframe {
    position: relative;
    left: -10000px
}
.fb_iframe_widget_loader {
    position: relative;
    display: inline-block
}
.fb_iframe_widget_fluid {
    display: inline
}
.fb_iframe_widget_fluid span {
    width: 100%
}
.fb_iframe_widget_loader iframe {
    min-height: 32px;
    z-index: 2;
    zoom: 1
}
.fb_iframe_widget_loader .FB_Loader {
    background: url(http://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat;
    height: 32px;
    width: 32px;
    margin-left: -16px;
    position: absolute;
    left: 50%;
    z-index: 4
}

@media (min-width: 340px) {
    .join-page .top-title-box .girls-img {
        min-height: 70px
    }
}
@media (min-width: 380px) {
    .join-page .top-title-box .girls-img {
        min-height: 80px
    }
}
@media (min-width: 440px) {
    .join-page .top-title-box .girls-img {
        min-height: 90px
    }
}
}

#myModal {
    background:rgba(0,0,0,.5);
}


.devices p {
font-size:24px;
margin:20px 0;
}
@media (min-width: 0px) and (max-width:768px) {
    .text-xs-left { text-align: left!important; }
    .text-xs-right { text-align: right!important; }
    .text-xs-center { text-align: center!important; }
    .text-xs-justify { text-align: justify!important; }
    
    .insection {display:none;}
    .container{width: 90%;}
    .introduce{
        padding: 10px 5px 10px 30px;
width: 50%;
}
}
@media (min-width: 769px) and (max-width:991px) {
  .text-sm-left { text-align: left!important; }
  .text-sm-right { text-align: right!important; }
  .text-sm-center { text-align: center!important; }
  .text-sm-justify { text-align: justify!important; }
  .screen1 {    background: url(../img/head-bg.jpg) no-repeat top center/cover;}
  .container{width: 90%;}
  
}
@media (max-width:1024px) {
.introduce .title{
    font-size: 35px;
}
.introduce .tagline{
    font-size: 20px;
}

.mobil{
    right: 15px;
}
.container{
    padding: 0;
}
.footer .extra-options .right-column{
    width: 100%;
}
label{
    padding: 7px 0 0 30px;
}
}
@media (min-width: 992px) and (max-width:1199px) {
  .text-md-left { text-align: left!important; }
  .text-md-right { text-align: right!important; }
  .text-md-center { text-align: center!important; }
  .text-md-justify { text-align: justify!important; }
  .screen1 {    background: url(../img/head-bg.jpg) no-repeat top center/cover;}
  .container{width: 90%;}
}

@media (max-width: 1200px) {
  .text-lg-left { text-align: left!important; }
  .text-lg-right { text-align: right!important; }
  .text-lg-center { text-align: center!important; }
  .text-lg-justify { text-align: justify!important; }
  .container{width: 90%;}

}
@media (min-width: 1200px) and (max-width:1399px) {
  .screen1 {    background: url(../img/head-bg.jpg) no-repeat top center/cover;}
}

@media (min-width: 1400px) {
  .screen1 {    background: url(../img/head-bg.jpg) no-repeat top center/cover;}

}