#club-bs {
    font-family: Gotham, "Gotham", sans-serif;
}
#club-bs .form-container {
    background: #000;
    color: #fff;
    padding: 40px 0;
}
#club-bs .form-container .title {
    font-size: 280%;
    text-transform: uppercase;
    font-weight: bold;
    font-family: GothamBold, "Gotham Bold", sans-serif;
    text-shadow: 1px 1px #000;
}
#club-bs .form-container .left-part {
    padding: 20px;
    background: transparent url(./images/club-bs/pix-club-bg.png) repeat top left;
    width: 460px;
}
#club-bs .form-container .left-part .intro {
    font-size: 180%;
    line-height: 1.5em;
}
#club-bs .form-container .left-part .intro strong {
    font-family: GothamBold, "Gotham Bold", sans-serif;
}
#club-bs .form-container .left-part .title-avantages {
    text-align: center;
    font-size: 200%;
    padding: 20px 0;
    text-transform: uppercase;
    font-family: GothamBold, "Gotham Bold", sans-serif;
}
#club-bs .form-container .left-part .avantages {
    
}
#club-bs .form-container .left-part .avantages > li {
    float: left;
    width: 30%;
    text-align: center;
    height: 100px;
    font-size: 140%;
}
#club-bs .form-container .left-part .avantages > li:before {
    content: '';
    display: block;
    width: 100%;
    height: 41px;
    margin-bottom: 5px;
    background: transparent no-repeat center center;
}
#club-bs .form-container .left-part .avantages > .per5,
#club-bs .form-container .left-part .avantages > .pdj {width: 40%;}
#club-bs .form-container .left-part .avantages > .wifi:before {background-image: url(./images/club-bs/ico-wifi.png);}
#club-bs .form-container .left-part .avantages > .per5:before {background-image: url(./images/club-bs/ico-5p.png);}
#club-bs .form-container .left-part .avantages > .checkin:before {background-image: url(./images/club-bs/ico-checkin.png);}
#club-bs .form-container .left-part .avantages > .pdj:before {background-image: url(./images/club-bs/ico-pdj.png);}
#club-bs .form-container .left-part .avantages > .welcome:before {background-image: url(./images/club-bs/ico-welcome.png);}
#club-bs .form-container .left-part .avantages > .checkout:before {background-image: url(./images/club-bs/ico-checkout.png);}
#club-bs .form-container .left-part .avantages > li span {
    text-transform: uppercase;
    display: block;
}
#club-bs .form-container .form-part {
    position: absolute;
    width: 360px;
    padding: 20px 40px;
    background: #000;
    color: #fff;
    right: 0;
    top: 0;
}
#club-bs .form-container .form-part .form-title {
    font-size: 200%;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: GothamBold, "Gotham Bold", sans-serif;
}
#club-bs .form-container .form-part .form-intro {
    font-size: 140%;
    line-height: 1.5em;
}
#club-bs .form-container .form-part .form-clubbs {
    display: block;
}
#club-bs .form-container .form-part .form-clubbs .form-field {
    position: relative;
    font-size: 140%;
    margin-top: 20px;
}
#club-bs .form-container .form-part .form-clubbs .form-field label.empty_me {
    color: #000;
    padding: 10px;
}
#club-bs .form-container .form-part .form-clubbs .form-field > input {
    display: block;
    background: #fff;
    border: 0;
    outline: 0;
    padding: 10px;
    width: 340px;
}
#club-bs .form-container .form-part .form-clubbs .check-field label {
    display: block;
    float: left;
    width: 330px;
    line-height: 1.5em;
}
#club-bs .form-container .form-part .form-clubbs .check-field > input {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    width: auto;
}
#club-bs .form-container .form-part .form-clubbs .form-field .error_list {
    color: #c00;
    font-size: 90%;
    text-align: right;
    margin-top: 3px;
}
#club-bs .form-container .form-part .form-clubbs .form-field .chzn-container {
    color: #000;
    width: 100% !important;
}
#club-bs .form-container .form-part .form-clubbs .subs {
    margin-top: 20px;
}
#club-bs .form-container .form-part .form-clubbs .subs input {
    display: block;
    background: #fff;
    text-align: center;
    font-size: 160%;
    text-transform: uppercase;
    color: #000;
    font-family: GothamBold, "Gotham Bold", sans-serif;
    border: 0;
    outline: 0;
    padding: 10px 0;
    width: 200px;
    margin: 0 auto;
    cursor: pointer;
}
#club-bs .cross-part {
    margin-top: 80px;
    margin-bottom: 20px;
}
#club-bs .cross-part .title {
    font-size: 300%;
    text-transform: uppercase;
}
#club-bs .cross-part .hotels {
    /*text-align: center;*/
    margin-top: 20px;
}
#club-bs .cross-part .hotels .hotel {
    display: inline-block;
    margin-left: 8px;
    width: 190px;
    text-align: center;
}
#club-bs .cross-part .hotels .hotel:first-child {
    margin-left: 0;
}
#club-bs .cross-part .hotels .hotel .illus {
    width: 190px;
    height: 130px;
    display: block;
    margin-bottom: 5px;
    background-size: cover;
}
#club-bs .cross-part .hotels .hotel a {
    text-decoration: none;
}
#club-bs .cross-part .hotels .sr .illus {
    background: transparent url(./images/illus-sr.jpg) no-repeat left;
}
#club-bs .cross-part .hotels .e7 .illus {
    background: transparent url(./images/illus-e7.jpg) no-repeat left;
}
#club-bs .cross-part .hotels .vt .illus {
    background: transparent url(./images/illus-vt.jpg) no-repeat left;
}
#club-bs .cross-part .hotels .mt .illus {
    background: transparent url(./images/illus-mt.jpg) no-repeat left;
}
#club-bs .cross-part .hotels .ba .illus {
    background: transparent url(./images/illus-ba.jpg) no-repeat left;
}
#club-bs .cross-part .hotels .btc .illus {
    background: transparent url(./images/illus-btc.jpg) no-repeat left;
}
#club-bs .cross-part .hotels .hotel .name {
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
#club-bs .cross-part .hotels .hotel .name span {
    display: block;
}
#club-bs .cross-part .hotels .hotel .stars {
    height: 14px;
    background: transparent url(./images/utils/stars.png) no-repeat left;
    display: block;
    margin: 0 auto;
}
#club-bs .cross-part .hotels .hotel .stars.star-5 {
    width: 74px;
}
#club-bs .cross-part .hotels .hotel .stars.star-4 {
    width: 59px;
}
#club-bs .chzn-container-single .chzn-single {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    font-size: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
#club-bs .chzn-container-single .chzn-single div b {
    background-image: url(/sfDmToolsPlugin/css/jquery.chosen/images/chosen-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
}
#club-bs .chzn-container-active .chzn-single-with-drop div b {
    background-position: -18px 3px;
}
/* Footer button */

#avant-footer .bl2>a#club-button {
    height: 45px;
    padding-top: 10px;
    background-image: url(images/club-bs/logo-bs-club.png);
    width: auto;
    padding-right: 10px;
    padding-left: 55px;
    background-position: 10px;
}
#avant-footer .bl2>a#club-button strong {
    display: block;
    text-transform: uppercase;
    font-size: 150%;
    font-family: GothamBold, 'Gotham Bold', sans-serif;
}