/******** Pagina casaBASE ***********/

.ms-layout-partialview .ms-container {
    border: 4px solid #211646;
    -moz-box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    -webkit-box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    margin-bottom: 30px;
}
/* fixing update master slider visualisation */
.ms-container{
    border: 4px solid #211646;
    -moz-box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    -webkit-box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    margin-bottom: 30px;
    overflow: hidden;
}
.ms-view{
    overflow: visible !important;
}

.ms-layout-partialview .ms-slide-info {
    display: none;
}

#check-availability,
#available-rooms {
    color: #211646;
}

#check-availability h3,
#available-rooms h3,
#selection h3 {
    color: #211646;
    font-weight: 600;
}

#check-availability {
    max-width: 75%;
    margin: 0 auto;
}

#check-availability .separator {
    border-top: 4px solid #211646;
    margin-bottom: 35px;
}

#check-availability .inner-box {
    max-width: 80%;
    margin: 0 auto;
}

#check-availability .inner-box p {
    font-family: "BaseFontRegular";
    margin-top: 15px;
}

#check-availability .inner-box a {
    text-decoration: underline;
    color: #211646;
    font-weight: 600;
}

#check-availability .inner-box .form-field {
    display: inline-block;
}

#check-availability .inner-box label {
    display: block;
    color: #211646;
    margin-bottom: 15px;
}

#check-availability .form-input-checkin {
    margin-right: 40px;
}

#check-availability #date-search { /* bottone */
    display: block;
    margin-top: 25px;
    padding: 8px 38px;
    text-align: center;
    background-color: transparent;
    color: #211646;
    border: 2px solid #211646;
    -moz-box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    -webkit-box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    font: bold 14px sans-serif;
    cursor: pointer;
    min-width: 80px;
}

#check-availability .form-field input { /* 2 input date */
    border-color: transparent;
    border-bottom: 2px solid #211646 !important;
    background-color: transparent !important;
    color: #211646 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    background-image: url(../img/date_arrow.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#available-rooms .separator {
    border-top: 4px solid #211646;
    margin: 35px 0px;
}

#available-rooms #date-recap {
    margin-bottom: 4px;
}

#available-rooms #date-recap,
#available-rooms #room-recap {
    font-weight: 600;
}

#available-rooms .img-container {
    position: relative;
    border: 2px solid #211646;
}

#available-rooms .img-container .room-name {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 15px;
    color: #FFFFFF;
}

#available-rooms .img-container .room-name.private {
    background-color: #FFA630;
}

#available-rooms .img-container .room-name.multiple {
    background-color: #4DA2A9;
}

#available-rooms .img-container .room-tag {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 0px;
    width: 45px;
    height: 30px;
    color: #FFFFFF;
    font-size: 18px;
}

#available-rooms .img-container .room-tag img {
    width: 54px;
    height: auto;
    max-width: 54px;
    margin-left: -5px;
    margin-top: -3px;
}

#available-rooms .img-container .room-tag.private {
    background-color: #FFA630;
}

#available-rooms .img-container .room-tag.multiple {
    background-color: #4DA2A9;
}

#available-rooms .img-container img {
    display: block;
}

#available-rooms .room {
    margin-bottom: 40px;
    margin-right: 0px;
}

@media (min-width: 992px) {
    #available-rooms .room .topborder {
        border-top: 4px solid #211646;
        padding-top: 30px;
    }
}

#available-rooms .select-guest {
    border-bottom: 2px solid #211646 !important;
    border-top: none;
    background-color: transparent !important;
    border-left: none;
    border-right: none;
    min-width: 80px;
    padding: 10px 0 5px;
    width: 100px;
}

#available-rooms .select-guest option {
    background-color: #211646;
    color: #FFFFFF;
    padding: 5px 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#available-rooms .select-guest option:hover {
    text-decoration: underline;
}

#available-rooms select:focus {
    outline: none;
}

#available-rooms .room-description ul {
    list-style: none;
}

#available-rooms .room-description li:before {
    content: "–";
    padding-right: 5px;
}

#available-rooms .room-description,
#available-rooms .room-price,
#available-rooms .select-guest {
    font-weight: 600;
}

#available-rooms .room-title {
    margin-bottom: 20px;
    font-weight: 800;
}

@media (max-width: 992px) {
    #available-rooms .room-title {
        display: none !important;
    }
}

#available-rooms .icon-stack {
    position: relative;
    display: inline-block;
    height: 29px;
    vertical-align: middle;
    padding: 2px 13px;
    color: #FFFFFF;
    font-size: 18px;
}

#available-rooms .icon-stack-1x,
#available-rooms .icon-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

#available-rooms .icon-stack-1x {
    top: 12px;
}

#available-rooms p.msg-rooms-added {
    color: #e81616;
}

#available-rooms #room-selection {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 992px) {
    #room-selection {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        left: 0;
    }

    #room-template-container {
        width: 100%;
        right: 0;
    }
}

#room-selection #recap-date, #room-selection2 #recap-date {
    background-color: #221646;
    color: #ffffff;
    padding: 15px;
    margin-bottom: 30px;
}

#room-selection #selected-rooms, #room-selection2 #selected-rooms {
    background-color: #221646;
    color: #ffffff;
    padding: 15px;
}

#room-selection p, #room-selection2 p {
    color: #ffffff;
}

#room-selection a #room-selection2 a {
    color: #ffffff;
    text-decoration: underline;
}

#room-selection input[type=button], #room-selection2 input[type=button] {
    background-color: transparent;
    padding: 8px 4px;
    border: 2px solid #FFFFFF;
    width: 100%;
    font-family: "BaseFontRegular", sans-serif;
    font-style: normal;
    font-size: 25px;
    font-weight: 400;
}

#room-selection .form-input-checkin, #room-selection .form-input-checkout, #room-selection2 .form-input-checkin, #room-selection2 .form-input-checkout {
    width: 50%;
    float: left;
    padding: 12px;
}

#room-selection input, #room-selection2 input {
    width: 100%;
    border-bottom: 2px solid #ffffff !important;
    border-top: none;
    background-color: transparent !important;
    color: #ffffff !important;
    border-left: none;
    border-right: none;
}

#room-selection input[type="text"], #room-selection2 input[type="text"] {
    background-image: url(../img/date_arrow_white.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#room-selection .delete, #room-selection2 .delete {
    height: 32px;
    width: 32px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 2px solid #ffffff;
    padding-left: 7px;
    padding-top: 2px;
    font-weight: bolder;
    cursor: pointer;
}

#room-selection .single-room.row, #room-selection2 .single-room.row {
    margin-bottom: 25px;
    border-bottom: 1px solid #ffffff;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5px;
    margin-top: 10px;
}

#room-selection .single-room.row .room-name, #room-selection2 .single-room.row .room-name {
    padding-right: 0px;
    padding-left: 0px;
}

#room-selection .room-price, #room-selection2 .room-price {
    margin-top: 8px;
    padding-right: 0px;
    padding-left: 0px;
}

#room-selection .total, #room-selection2 .total {
    border-bottom: 3px solid #ffffff;
    margin-bottom: 60px;
    padding-left: 0px;
    padding-right: 0px;
}

#room-selection #total-label-box, #room-selection2 #total-label-box {
    font-size: 16px;
    text-transform: capitalize;
    padding-right: 5px;
    padding-left: 10px;
}

#room-selection #total-amount-box-wrapper, #room-selection2 #total-amount-box-wrapper {
    font-size: 26px;
    font-weight: 500;
}

#room-template-container .user-list-room {
    display: inline-table;
    min-width: 40px;
    margin-right: 5px;
}

#room-template-container .user-list-room i.fa {
    margin-right: 0px;
    font-size: 17px;
}

#available-rooms .privateuse input.useprivate {
    margin-top: 0px;
}

@media (min-width: 992px) {
    #scrollable {
        max-width: 270px;
    }

    #scrollable.stick {
        position: fixed;
        top: 140px;
        max-width: 270px;
    }

}

#selection .total-price {
    text-align: right;
    float: right;
    min-width: 300px;
    border-bottom: 4px solid #211646;
    margin-bottom: 40px;
    margin-right: 30px;
}

#selection .total-button {
    text-align: right;
    float: right;
    min-width: 300px;
    margin-bottom: 40px;
    margin-right: 30px;
}

#selection .total-button input {
    color: #211646;
    font-style: normal;
    border-radius: 0px;
    padding: 8px 35px;
    margin-bottom: 0px;
    display: block;
    text-align: center;
    background-color: transparent;
    border: 4px solid #211646;
    -moz-box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    -webkit-box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    box-shadow: 2px 2px 0px #fff, 5px 5px 0px #211646;
    cursor: pointer;
    font-weight: 800;
    font-size: 18px;
    float: right;
    max-width: 160px;
}

#selection .total-price h3 {
    display: inline-block;
}

#selection .total-label {
    padding-right: 40px;
}

#selection .room-delete input {
    background-color: #211646;
    color: #FFFFFF;
    font-style: normal;
    border-radius: 0px;
    padding: 8px 35px;
    margin-bottom: 0px;
}

@media (max-width: 992px) {
    #selection .room-delete input {
        padding: 8px 10px;

    }
}

#selection .room-delete input:hover {

}

#selection table {
    color: #211646;
    border-bottom: 2px solid #211646;
    margin-bottom: 20px;
}

#selection thead {
    border-bottom: 2px solid #211646;
}

#selection table tr td {
    padding: 10px 0px;
    border-bottom: none;
}

#selection thead td,
#selection td.room-name {
    font-weight: 600;
}

#selection .separator {
    border-top: 4px solid #211646;
    margin: 35px 0px 80px;
}

/* MULTISTEP MENU */
#multistep-wrapper {
    clear: both;
    margin-top: 60px;
}

#multistep-wrapper #multistep {
    max-width: 380px;
    margin: 0 auto;
}

#multistep-wrapper #multistep .step div {
    text-align: center;
    padding: 0 10px;
}

#multistep-wrapper #multistep .step h3.number {
    font-size: 20px;
    margin-bottom: 8px;
    width: 20px;
    margin: 0 auto;
}

#multistep-wrapper #multistep .step,
#multistep-wrapper #multistep .step h3.number {
    color: #908AA4;
    font-weight: 600;
    padding-bottom: 5px;
}

#multistep-wrapper #multistep .step .active {
    color: #211646;
}

#multistep-wrapper #multistep .step .active h3.number {
    color: #211646;
    border-bottom: 3px solid #211646;
}

#multistep-wrapper .separator {
    border-top: 4px solid #211646;
    margin: 35px 0px;
}

#loader-availability {
    margin: 0 auto;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #211646; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* FORM LOGIN + REGISTER */

.ui-dialog.msg-login-register {
    z-index: 99999999;
}

.ui-dialog.msg-login-register p {
    color: #ffffff;
}

.ui-dialog.msg-login-register .ui-dialog-titlebar-close span {
    margin-left: -8px;
    margin-top: -8px;
}

#registerlogin {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
    background-color: #221646;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font: bold 14px sans-serif;
    text-align: left;
    font-family: "BaseFontRegular", sans-serif;
}

#registerlogin .row {
    margin-left: 0px;
    margin-right: 0px;
}

#registerlogin .col-register,
#registerlogin .col-login {
    padding: 15px;
}

#registerlogin h3 {
    color: #FFFFFF;
    font-size: 30px;
}

#form-cb-register .wrapper,
#form-cb-login .wrapper {
    margin-bottom: 12px;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}

#form-cb-login .form-field.three-element.one,
#form-cb-login .form-field.three-element.two,
#form-cb-register .form-field.three-element.one,
#form-cb-register .form-field.three-element.two {
    width: 44%;
}

#form-cb-login .form-field,
#form-cb-register .form-field {
    padding-top: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
}

#form-cb-login .form-field label,
#form-cb-register .form-field label {
    text-align: left;
    display: inline-block;
    width: 95%;
}

#form-cb-login .form-field label input[type="text"],
#form-cb-login .form-field label input[type="email"],
#form-cb-login .form-field label input[type="password"],
#form-cb-register .form-field label input[type="text"],
#form-cb-register .form-field label input[type="email"],
#form-cb-register .form-field label input[type="password"] {
    width: 100%;
    outline: none;
}

#form-cb-login .form-field input.error,
#form-cb-register .form-field input.error {
    border-bottom: 2px red solid !important;
}

#form-cb-login .form-field .cbinput,
#form-cb-register .form-field .cbinput {
    border-bottom: 2px solid #ffffff !important;
    border-top: none;
    background-color: transparent !important;
    color: #ffffff !important;
    border-left: none;
    border-right: none;
}

#form-cb-login input.error,
#form-cb-login input.valid,
#form-cb-register input.error,
#form-cb-register input.valid,
#form-cb-login select.error,
#form-cb-login select.valid,
#form-cb-register select.error,
#form-cb-register select.valid {
    background-position: right 5px center;
    background-repeat: no-repeat;
}

#form-cb-login input.error,
#form-cb-login select.error,
#form-cb-register input.error,
#form-cb-register select.error {
    border-color: #b94a48;
    background-image: url(../img/error.png);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#form-cb-login .help-block,
#form-cb-register .help-block {
    display: table;
    margin-top: 0;
    margin-bottom: 0;
}

#form-cb-register h4#register_address_label {
    margin-top: 55px;
    font-size: 22px;
}

#form-cb-login input.button,
#form-cb-register input.button {
    display: block;
    margin-top: 25px;
    padding: 8px 38px;
    text-align: center;
    background-color: transparent;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    -moz-box-shadow: 2px 2px 0px #211646, 5px 5px 0px #FFFFFF;
    -webkit-box-shadow: 2px 2px 0px #211646, 5px 5px 0px #FFFFFF;
    box-shadow: 2px 2px 0px #211646, 5px 5px 0px #FFFFFF;
    font: bold 14px sans-serif;
    cursor: pointer;
    min-width: 80px;
}

#form-cb-register .form-select {
    color: #221646;
}

#form-cb-register .form-select span {
    color: #ffffff;
}

#form-cb-register .form-field label select {
    width: 100%;
    outline: none;
}

#form-cb-register .form-select select {
    border-bottom: 2px solid #ffffff !important;
    border-top: none;
    background-color: transparent !important;
    color: #ffffff !important;
    border-left: none;
    border-right: none;
}

#form-cb-register .form-select select option {
    background: #221646;
    color: #CCC;
}

/* POPUP MODALE LOGIN - REGISTRAZIONE */
/* #container-loginregister .simplemodal-data {
	padding:8px;
}*/

#container-loginregister .submitbutton {
    text-align: center;
    width: 100%;
}

#container-loginregister .spinner {
    display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

#container-loginregister .has-spinner.active {
    cursor: progress;
}

#container-loginregister .has-spinner.active .spinner {
    opacity: 1;
    width: auto;
}

#container-loginregister .has-spinner.btn.active .spinner {
    min-width: 20px;
}

#container-loginregister a.modalCloseImg {
    position: absolute;
    cursor: pointer;
    display: inline;
    z-index: 3200;
    top: 10px;
    right: 10px;
    padding: 4px 4px 0 0;
    text-align: center;
    width: 25px;
    height: 25px;
    font: 20px/18px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}

/*****  GUEST DETAIL e BILLING ***/
#billing-guests {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
    background-color: #221646;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font: bold 14px sans-serif;
    text-align: left;
    font-family: "BaseFontRegular", sans-serif;
}

#billing-guests .form-section {
    clear: both;
    margin: 0;
    padding: 0px;
    border-bottom: 1px solid #FFFFFF;
}

#billing-guests .form-section .left-title {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
    font-size: 18px;
    padding-right: 15px;
    padding-left: 35px;
}

#billing-guests p {
    color: #ffffff;
}

#billing-guests .form-section .right-content {
    width: 74.3%;
    border-left: 1px solid #FFFFFF;
    display: inline-block;
    padding-left: 35px;
    padding-bottom: 30px;
    padding-right: 35px;
}

#billing-guests .form-section .right-content.row {
    margin-left: 0px;
}

#billing-guests .form-field {
    padding-top: 25px;
    display: inline-block;
    width: 100%;
    position: relative;
}

#billing-guests .form-field.two-element {
    width: 49.5%;
}

#billing-guests .form-field label {
    text-align: left;
    display: inline-block;
    width: 95%;
}

#billing-guests .form-field label input[type="text"],
#billing-guests .form-field label input[type="number"],
#billing-guests .form-field label input[type="email"],
#billing-guests .form-field label input[type="tel"] {
    width: 100%;
    outline: none;
}

#billing-guests .form-field label select {
    width: 100%;
    outline: none;
}

#billing-guests .form-field .cbinput {
    border-bottom: 2px solid #ffffff !important;
    border-top: none;
    background-color: transparent !important;
    color: #ffffff !important;
    border-left: none;
    border-right: none;
}

#billing-guests .form-select select {
    border-bottom: 2px solid #ffffff !important;
    border-top: none;
    background-color: transparent !important;
    color: #ffffff !important;
    border-left: none;
    border-right: none;
}

#billing-guests .form-select select option {
    background: #221646;
    color: #CCC;
}

#billing-guests .form-field.form-input-cf.small {
    padding-top: 0px;
}

#billing-guests input.error,
#billing-guests input.valid,
#billing-guests select.error,
#billing-guests select.valid {
    background-position: right 5px center;
    background-repeat: no-repeat;
}

#billing-guests .form-field input.error {
    border-bottom: 2px red solid !important;
}

.squaredcheck span.form-error {
    width: 200px;
    margin-top: 0px;
    line-height: 12px;
}

#billing-guests .right-content.row {
    overflow: hidden;
}

#billing-guests .right-content.row [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

#billing-guests #dateroom-recap {
    padding-top: 25px;
    border-right: 1px solid #ffffff;
}

#billing-guests #dateroom-recap #rooms-recap-tourtax {
    margin-top: 15px;
}

#billing-guests #recap-total {
    border-bottom: 3px solid #ffffff;
    padding-top: 25px;
    text-align: right;
    padding-bottom: 4px;
}

#billing-guests #recap-total h4 {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 0px;
    float: left;
    min-width: 40px;
}

#billing-guests #recap-total div {
    text-align: right;
    font-size: 24px;
    line-height: 24px;
}

#billing-guests #recap-pay div.descr {
    text-align: right;
    padding-top: 10px;
    clear: both;
}

#billing-guests #payrecap {
    display: block;
    margin-top: 25px;
    padding: 12px 32px 12px 38px;
    text-align: center;
    background-color: transparent;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    -moz-box-shadow: 2px 2px 0px #211646, 5px 5px 0px #FFFFFF;
    -webkit-box-shadow: 2px 2px 0px #211646, 5px 5px 0px #FFFFFF;
    box-shadow: 2px 2px 0px #211646, 5px 5px 0px #FFFFFF;
    font: bold 14px sans-serif;
    cursor: pointer;
    min-width: 80px;
    float: right;
}

#guest-room .room-container {
    margin-bottom: 12px;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}

#billing-guests .room-container .tooltip-container {
    height: 100px;
    text-align: left; /* align the inline(-block) elements horizontally */
    font: 0/0 a; /* remove the gap between inline(-block) elements */
}

#billing-guests .room-container .tooltip-container:before { /* create a full-height inline block pseudo-element */
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}

#billing-guests .room-container .casabase-tooltip {
    width: 28px;
    height: 28px
}

#billing-guests .room-container li.room .row.first {
    vertical-align: middle;
    display: inline-block;
}

#billing-guests .room-container .touristtax {
    padding-top: 8px;
}

#billing-guests .room-container .touristtax a {
    color: #ffffff;
    text-decoration: underline;
}

#billing-guests #guest-room .room-container {
    padding-left: 35px;
    padding-bottom: 30px;
    padding-right: 35px;
}

#billing-guests #guest-room .room-separator:not(:last-child) {
    border-bottom: 1px solid #ffffff;
    width: 100%;
    margin: 10px 0;
}

#billing-guests .right-content.guests {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

#billing-guests .right-content.guests p {
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 20px;
    font-size: 16px;
}

/* FORM RADIO BUTTONS */
#billing-guests .form-radio .control {
    font-size: 15px;
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding-left: 30px;
    padding-right: 15px;
    cursor: pointer;
    padding-top: 0;
}

#billing-guests .form-radio .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#billing-guests .form-radio .control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #221646;
}

#billing-guests .doublebox {
    display: inline-block;
    width: 45%;
}

#billing-guests .form-radio .control--radio .control__indicator {
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

/* Hover and focus states */
#billing-guests .form-radio .control:hover input ~ .control__indicator,
#billing-guests .form-radio .control input:focus ~ .control__indicator {
    background: #ccc;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

/* Checked state */
#billing-guests .form-radio .control input:checked ~ .control__indicator {
    background: #221646;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

/* Hover state whilst checked */
#billing-guests .form-radio .control:hover input:not([disabled]):checked ~ .control__indicator,
#billing-guests .form-radio .control input:checked:focus ~ .control__indicator {
    background: #221646;
}

/* Check mark */
#billing-guests .form-radio .control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
#billing-guests .form-radio .control input:checked ~ .control__indicator:after {
    display: block;
}

/* Radio button inner circle */
#billing-guests .control--radio .control__indicator:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
}

#billing-guests input[type=checkbox] {
    visibility: hidden;
}

#billing-guests a#policylink {
    color: #ffffff;
}

#billing-guests .form-input-terms {
    line-height: 35px;
}

#billing-guests input[type=button] {
    background-color: transparent;
    padding: 8px 38px;
    border: 2px solid #FFFFFF;
}

#billing-guests input[type=button]:hover {
    /* background-color: #CCC; */
}

#billing-guests .form-input-terms label {
    width: 20px !important;
}

/* Checkbox squared */
.squaredcheck input[type=checkbox] {
    margin: 4px 0 0 6px;
}

.squaredcheck {
    margin: 4px 15px 4px 0px;
    width: 28px;
    height: 28px;
    background: #FFFFFF;
    /*
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    */
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    position: relative;
    float: left;
}

.squaredcheck label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;
    background-color: #221646;
    /*
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    */
}

.squaredcheck label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 6px;
    left: 6px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredcheck label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredcheck input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

@media (max-width: 992px) {
    #available-rooms #scrollable {
        position: relative !important;
        top: 0 !important;
        max-width: 100% !important;
    }

    #available-rooms .select-guests-label-mobile {
        display: inline !important;
        vertical-align: sub;
    }

    #available-rooms .select-price-label-mobile {
        display: block !important;
        text-align: right;
    }

}

/* MOBILE FOOTER */
#footer-recap-mobile {
    background-color: #211646;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0;
    color: #ffffff;
    padding: 15px;
    margin: 0 auto;
    z-index: 1000;
}

#footer-recap-mobile-buttons-wrapper {
    clear: both;
}

#footer-recap-mobile input[type=button] {
    background-color: transparent;
    padding: 8px 16px;
    border: 2px solid #FFFFFF;
    font-family: "BaseFontRegular", sans-serif;
    font-style: normal;
    font-size: 25px;
    font-weight: 400;
    cursor: pointer;
    display: inline-table;
    min-width: 60%;
    float: right;
}

#footer-recap-mobile-total-wrapper {
    float: right;
    min-width: 60%;
}

#footer-recap-mobile-total-label-box {
    font-size: 18px;
    padding-right: 20px;
}

#footer-recap-mobile-total-amount-box-wrapper {
    font-size: 25px;
    font-weight: 600;
}

#footer-recap-mobile #show-selection-button {
    padding: 8px 16px;
    border: 2px solid #FFFFFF;
    cursor: pointer;
    min-width: 42px;
    min-height: 42px;
    display: inline-table;
}

#footer-recap-mobile #show-selection-button i.fa {
    font-size: 42px;
    text-align: center;
    vertical-align: sub;
}

#footer-recap-mobile-rooms-wrapper .single-room.row {
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5px;
    margin-top: 10px;
}

#footer-recap-mobile-rooms-wrapper .delete {
    height: 32px;
    width: 32px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 2px solid #ffffff;
    padding-left: 7px;
    padding-top: 2px;
    font-weight: bolder;
    cursor: pointer;
}

#room-selection #selected-rooms {
    display: none;
}

.casabase.error {
    margin: 35px 0 10px;
    display: block;
    margin-left: 15px;
    padding: 20px 30px;
    background-color: #ffdfdf;
    color: #cc002c;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #cc002c;
}

.casabase.success {
    margin: 35px 0 10px;
    display: block;
    margin-left: 15px;
    padding: 20px 30px;
    background-color: #dff2bf;
    color: #008000;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #adde5c;
}

/* TIMER */
#billing-guests .timerclock-wrapper {
    background-color: #000000;
}

#billing-guests #timerclock {
    padding-bottom: 30px;
    padding-right: 35px;
    padding-top: 30px;
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
    color: #FFFFFF;
}

#billing-guests button .ladda-spinner {
    margin-left: -4px;
}

.loadingbtn {
    background: url(../img/loader.gif);
    background-position: left 5px center;
    background-repeat: no-repeat;
}

#casabaserecoverpwrd {
    margin-top: 50px;
    clear: both;
}

#casabaserecoverpwrd .wrapper {
    clear: both;
}

#casabaserecoverpwrd .form-input-lostpwrd p {
    padding-top: 8px;
}

#casabaserecoverpwrd .form-input-email-resetpwrd,
#casabaserecoverpwrd .form-input-btn-resetpwrd {
    padding-top: 15px;
    display: inline-block;
    position: relative;
}

#casabaserecoverpwrd .form-input-email-resetpwrd input {
    border-bottom: 2px solid #ffffff !important;
    border-top: none;
    background-color: transparent !important;
    color: #ffffff !important;
    border-left: none;
    border-right: none;

    width: 100%;
    outline: none;
}

#casabaserecoverpwrd .form-field.three-element.one,
#casabaserecoverpwrd .form-field.three-element.two {
    width: 44%;
}

#casabaserecoverpwrd p {
    color: #FFFFFF;
    margin-top: 15px;
}

#casabaserecoverpwrd input[type=button] {
    background-color: transparent;
    padding: 8px 38px;
    border: 2px solid #FFFFFF;
    font-style: normal;
}

#casabaserecoverpwrd .form-input-email-resetpwrd label {
    text-align: left;
    display: inline-block;
    width: 95%;
}

#casabaserecoverpwrd .form-input-email-resetpwrd {
    padding-top: 0px;
    vertical-align: bottom;
}

.ui-dialog .ui-widget-header.ui-dialog-titlebar {
    background: #ffffff !important;
    font-weight: normal !important;
    color: #211646 !important;
    border-bottom: 1px solid #211646 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    text-align: center;

    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.ui-dialog.ui-widget #casabase-dialog-message p {
    margin: 30px 0;
    font-size: 18px;
}

.ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-title {
    margin: 0 auto;
    float: none;
    font-size: 20px;
}

.ui-dialog .ui-widget-header.ui-dialog-titlebar button.ui-dialog-titlebar-close {
    background: #ffffff !important;
}

.ui-dialog.ui-widget .ui-dialog-buttonpane button {
    padding: .2em 2em .3em 2em;
    float: none;
    margin: .5em 0 .5em 0;
    text-transform: lowercase;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center;
}

.ui-dialog.ui-widget .ui-dialog-buttonpane {
    padding: .3em .4em .5em .4em;
}

.ui-autocomplete {
    z-index: 2000 !important;
    color: #FFFFFF;
    overflow-y: scroll;
    max-height: 400px;
}

.ui-dialog {
    z-index: 3000;
    min-width: 400px;
}

.ui-dialog.ui-widget-content {
    background: #FFFFFF !important;
    border: 1px solid #000000 !important;
    padding: 0 !important;
}

.ui-dialog-content.ui-widget-content {
    background: #FFFFFF !important;
    width: 100% !important;
}

.ui-dialog-buttonpane.ui-widget-content {
    background-color: #ffffff !important;
    width: 100% !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
    margin-left: -8px;
    margin-top: -8px;
}

.ui-widget-overlay {
    position: fixed;
}

span.casabase-dialog-icon {
    float: left;
    min-width: 64px;
    min-height: 64px;
    margin: 0px 7px 30px 0px;
    background-position: right 5px center;
    background-repeat: no-repeat;
}

span.casabase-icon-warning {
    background-image: url(../img/icon_warning.png);
}

span.casabase-icon-info {
    background-image: url(../img/icon_info.png);
}

/* OVERLAY LOGIN DROPDOWN */
#login-content {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 999;
    background: #fff;
    background-image: linear-gradient(top, #fff, #eee);
    padding: 15px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    border-radius: 3px 0 3px 3px;
    right: 0;
    width: 250px;
}

#login-content #inputs input {
    background: #f1f1f1;
    padding: 6px 5px;
    margin: 0 0 5px 0;
    width: 238px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px #ccc inset;
}

#login-content #inputs input:focus {
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

#login-content #login #actions {
    margin: 10px 0 0 0;
}

#login-content #login #submit {
    background-color: #d14545;
    background-image: linear-gradient(top, #e97171, #d14545);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #7e1515;
    float: left;
    height: 30px;
    padding: 0;
    width: 100px;
    cursor: pointer;
    font: bold 14px Arial, Helvetica;
    color: #fff;
}

#login-content #login #submit:hover,
#login-content #login #submit:focus {
    background-color: #e97171;
    background-image: linear-gradient(top, #d14545, #e97171);
}

#login-content #login #submit:active {
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

#login-content #login #submit::-moz-focus-inner {
    border: none;
}

#login-content #login label {
    float: right;
    line-height: 30px;
}

#login-content #login label input {
    position: relative;
    top: 2px;
    right: 2px;
}

@media (max-width: 992px) {
    #container-loginregister {
        width: 90% !important;
    }

    #available-rooms .room-price {
        text-align: right;
        font-size: 10px;
    }

    #room-template-container #room-template .pricemobile {
        text-align: right;
    }

    #check-availability .inner-box .form-field {
        width: 100%;
    }

    #check-availability .inner-box .form-input-checkout {
        margin-top: 30px;
    }

    #check-availability .inner-box label {
        margin-bottom: 5px;
    }

    #check-availability .form-field input {
        min-width: 80%;
    }

    #check-availability {
        max-width: 100%;
        margin: 0 auto;
    }

    #check-availability .inner-box {
        margin: 0 15% 0 5%;
    }
}

/* YUZO RELATED CSS */
#casabase-yuzorelated .yuzo_related_post .yuzo_text, .yuzo_related_post .yuzo_views_post {
    color: #211646 !important;
}

#casabase-yuzorelated .yuzo_related_post .relatedthumb a {
    color: #211646 !important;
}

#casabase-yuzorelated .gdlr-blog-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: lowercase;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

#casabase-yuzorelated .yuzo_related_post .relatedthumb:first-child {
    margin-left: 0px;
}

/* TEMPLATE LOGIN */
.main-content-container.casabaselogin-content-container {
    padding-top: 5px;
}

/*  POPUP PRIVACY POLICY */
#billing-guests #casabase_policylink {
    color: #FFFFFF;
    text-decoration: underline;
}

#casabase_privacypolicy h2,
#casabase_privacypolicy h4 {
    color: #453e5a;
}

.myModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000000;
    border: 1px solid black;
    background-color: rgba(0, 0, 0, 0.8);
}

.modal-body {
    font-family: "BaseFontRegular";
    width: 100%;
    max-width: 400px;
    height: 200px;
    margin: 0 auto;
    top: calc(50% - 200px);
    position: relative;
    background: white;
}

#voucher-code {
    padding: 4px 10px;
    border: none;
    border-bottom: 2px solid #221646;
}

#check-voucher, #check-voucher:active, #check-voucher:focus, #check-voucher:hover {
    background: white;
    border: 2px solid #221646;
    padding: 4px 10px;
    color: #221646;
    margin-left: 20px;
}

.voucher-action {
    display: none;
}

.voucher-wrong {
    color: #d83636;
    font-size: 14px;
}

.total-discounted {
    float: right;
    clear: both;
    display: none;
    width: 100%;
    font-size: 27px;
}

.total-discounted span {
    text-decoration: line-through;
}

.voucher-content {
    padding-top: 25px;
}

.modal-close {
    position: absolute;
    right: 15px;
}

.voucher-discount {
    margin: 7px 0 14px 0;
}

#total-label-box-hidden {
    visibility: hidden;
    padding-right: 5px;
    padding-left: 10px;
    font-size: 16px;
}

#old-price {
    font-size: 27px;
}

.voucher-booking, .eta-booking {

    margin: 10px 0;
    display: none;
}

#voucher-confirm {
    float: left;
    margin-right: 30px;
}

#voucher-booking-perc {

}

#voucher-booking-oldprice {
    text-decoration: line-through;
}

.outln-cont {
    cursor: pointer;
}

.outln-light .outln {
    border-width: 2px;
}

.outln-light .outln-back {
    border-width: 2px;
}

.flexi {
    display: flex;
    justify-content: space-around;
}

@media screen and (max-width: 1009px) {
    .total-discounted {
        width: auto;
        min-width: 60%;
        clear: both;
    }

    #footer-recap-mobile-total-wrapper {
        border-bottom: 2px solid white;
        margin-bottom: 10px;
    }

    .voucher {
        font-size: 20px;
        clear: both;
        width: 100%;
    }

    #total-label-box-hidden-mobile {
        font-size: 18px;
        font-weight: 400;
        padding-right: 20px;
    }

    .total-discounted {
        font-size: 25px;
        font-weight: bold;
    }

    #old-price-mobile {
        font-size: 25px;
    }
}

#rooms-recap {
    border-bottom: 1px solid white;
}

.voucher {
    margin-bottom: 20px;
}

.voucher input[type=checkbox] {
    width: 20px !important;
    height: 20px !important;
}

.voucher span {
    text-decoration: underline;
}

@media (min-width: 992px) {
    #scrollable {
        max-width: 255px;
    }

    #scrollable.stick {
        position: fixed;
        top: 180px;
        max-width: 255px;
    }

}

#address-for {
    display: none;
}

.checkin-alert {
    padding-top: 20px;
}

/* ARTIST CSS */

.artists {
    position: relative;
    width: 100%;
    height: auto;
}

.artists_title {
    margin-bottom: 0;
}

.artists_desc {
    /*padding: 20px 0 20px 200px;*/
    padding: 20px 20px 20px 0;
}

#artists_slider_now {
    height: auto;
    width: 100%;
    /*background-color: #211646;*/
    /*border: 4px solid #211646;*/
}

.art_fadein {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
	height: 99999px;
    z-index: 999;
    background-color: rgba(255, 255, 255, 1);
}

.artists_now{
    width: 100%;
}

.artists_title_now, .artists_title {
    color: #211646;
}

.l_title_art {
    display: inline;
    width: 100%;
    height: 4px;
    background-color: #211646;
}

.art_head_new {
    margin-bottom: 18px;
}

h1.art_title_time {
    width: 100%;
    text-align: left;
    border-bottom: 4px solid #211646;
    line-height: 1.3;
    margin: 30px 0 40px;
}

h1.art_title_time span {
    position: relative;
    top: 20px;
    color: #211646;
    background: #fff;
    padding-right: 10px;
}

.art_img_cont_now {
    order: 2;
    width: 65%;
    height: auto;
}

.art_img_now {
    height: auto;
    width: 100%;
    margin-right: 40px;
    border: 4px solid #211646;
}

.art_desc_now {
    order: 1;
    padding-top: 30px;
    background: #211646;
    height: 300px;
    width: 35%;
    margin-left: 25px;
}

.art_desc_now p, .art_desc_now h3 {
    margin: 2px 15px 20px 15px;
    color: #fff;
    word-wrap: break-word;
}

.art_date_now h3, .art_date_now i {
    color: #fff;
    margin: 0 15px;
}

.art_date_now span {
    font-size: 20px;
    color: #fff;
}

.art_item_now {
    display: flex !important;
    width: 100%;
    background-color: #211646;
}

.coming_artists {
    width: 100%;
    height: auto;
}

.art_date {
    color: #211646;
    margin-bottom: 20px;
}

.art_date h3, .art_date i {
    color: #211646;
    margin: 15px 15px 15px 0;
}

.art_date span, .art_date span {
    font-size: 20px;
    color: #211646;
}
.art_date img, .art_date_now img{
	height: 35px;
	margin: 0 10px -5px 0;
}
.art_date_now img{
	display: inline;
	height: 35px;
	margin: 0 10px -5px 15px;
}

.art_name {
    color: #211646;
}
.art_item_com span{
    font-size: 20px;
    color: #211646;
}
.artists_slider_com {
    display: block;
    height: calc(460px / 3);
    width: 280px;
    background-color: #211646;
    border: 4px solid #211646;
}

.art_img_item_com {
    height: calc((460px / 3) - 8px);
    width: auto;
    display: block;
}

.art_img_com {
    height: 100%;
    width: auto;
    margin: auto;
    background-color: #211646;
}

.art_desc_com {
    margin: 20px 70px 20px 0;
}
.art_desc_com p{
    word-wrap: break-word;
}

#artists_slider_now .slick-next.slick-arrow, #artists_slider_now .slick-prev.slick-arrow {
    height: 460px;
    width: 40px;
    border: 0;
}

.slick-dots {
    text-align: center;
    margin: 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 10px;
}

.slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.slick-active > button {
    background-color: #211646;
}

div[id^="artists_slider_com"] .slick-next.slick-arrow, div[id^="artists_slider_com"] .slick-prev.slick-arrow,
div[id^="art_slider_bh"] .slick-next.slick-arrow, div[id^="art_slider_bh"] .slick-prev.slick-arrow {
    height: 100%;
    border: 0;
}

.artist_item_bh {
    margin: 40px 0;
    /*display: flex;*/
}

.art_desc_bh {
    height: 230px;
    display: inline-block;
}

.art_slider_bh {
    height: 230px;
    display: inline-block;
    border: 4px solid #211646;
}

.art_slider_bh .slick-list {
    /*margin: 0 -15px; !* brutal bug fix *!*/
}

.artist_item_bh [class*="col-"] {
    margin-bottom: 30px;
}
/* remove additional padding for nested 'col-' element */
 [class*="col-"] .artists_new_cont [class*="col-"] {
    padding: 0;
}
.art_desc_bh p{
    margin-right: 20px;
    word-wrap: break-word;
}

.art_img_item_bh {
    display: inline-block;
    height: 222px;
    width: auto;
}

.art_img_item_bh img {
    height: 100%;
    width: auto;
}
.fcybx{
    cursor: pointer;
}
input[name="codicefiscale"]{
    text-transform: uppercase;
}
/*.art_photo_bh{*/
    /*border-left: solid 4px #211646;*/
    /*border-right: solid 4px #211646;*/
/*}*/

@media only screen and (max-width: 992px) {
    .art_item_now {
        display: flex;
        /*-webkit-flex-wrap: wrap;*/
        flex-wrap: wrap;
    }
    .art_img_cont_now, .art_desc_now {
        width: 100%;
    }
    /* reverse flex element order */
    .art_img_cont_now {
        height: auto;
        order: 1;
    }
    .art_desc_now{
        order: 2;
    }
    .art_img_now {
        width: 100%;
        height: auto;
    }
    /*!* reduce desc padding *!*/
    /*.artists_desc{*/
        /*padding: 20px 0;*/
    /*}*/
    /* set slider 'been here' artists to the center*/
    .art_slider_bh{
        width: 100%;
    }
    /* set coming artists description with no margin */
    .art_desc_com {
        margin: 20px 0 20px 0;
    }
    .art_desc_bh p{
        margin-right: 0;
    }
    .art_desc_now {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 420px) {
    /* set slider 'coming' artists to the center*/
    .artists_slider_com{
        width: 100%;
    }
    /* set arrow div width for sliders ('coming' and 'been here') new size  */
    div[id^="artists_slider_com"] .slick-next.slick-arrow, div[id^="artists_slider_com"] .slick-prev.slick-arrow,
    div[id^="art_slider_bh"] .slick-next.slick-arrow, div[id^="art_slider_bh"] .slick-prev.slick-arrow {
        width: 15px;
    }
}
#cb-load-more-artists{
    width: 100%;
    text-align: center;
    position: relative;
    /*bottom: -20px;*/
    display: flex;
    justify-content: center;
    font-family: "BaseFontRegular";
    color: #212646;
    cursor: pointer;
}
#cb-load-more-artists-btn{
    width: 200px;
    border: 2px solid #212646;
    position: relative;
    height: 37px;
    line-height: 2.3;
}