form#reserve_frm .form-group.col-md-12 {
    padding: 0;
}
#reserve_frm_movein1 .col-md-12 {
    padding: 0;
}
form#reserve_frm .form-group.col-md-12 .col-md-12 {
    padding: 0;
}

.sss-cats a.active:before {
    border-color: rgba(136,183,213,0);
    border-bottom-color: #263138;
    border-width: 24px;
    margin-left: -24px;
    animation: fadein .7s;
    amination-delay: .5s;
}
.sss-cats a.active:after, .sss-cats a.active:before {
    bottom: -31px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
} 
.reserve_now_button{
    background-color: #ea3d46 !important;
}
.sss-cat a.active {
    background-color: #474747;
}
a.slider_size.home-slider:hover{
     background-color: #474747;
}
#category {
    background: #ea3d46 !important;
    padding: 10px 0 9px 0;
}
.unitTypes a:focus{
        background-color: #474747 !important;
}
.sss-cat a .cat-special {
    background-color:  #000;
}
.input_field_type.border-bottom.border-top.special_back > ul > li {
    color: #263138;
}
.sss-cat a .cat-special {
    position: absolute;
    right: -5px;
    top: -5px;
    color: #fff;
    /* background-color: #f15841; */
    font-size: .78em;
    padding: 3px 5px;
    max-height: 22px;
}
.sss-cat a span {
    text-align: center;
    display: block;
}
.sss-cat a .cat-special:after {
    border-right-color: #000;
    opacity: .5;
}
 .sss-cat a .cat-special:after {
    top: 15px;
    right: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-right-color: #000;
    border-width: 4px;
    margin-left: -4px;
    transform: rotate(45deg);
}
.cat-special:after {
    border-right-color: #c13630;
}
.sss-cats {
    margin: 0 10px 0 0;
    background-color: #ea3d46;
    float: left;
    position: relative;
    line-height: 1.2;
    width: 32%;
} 
div#slider {
    display: none;
}
.sss-cat a {
    min-height: 110px;
    max-height: 101px;
    min-width: 140px;
    max-width: 100%;
    display: block;
    text-decoration: none;
    padding: 23px 23px 0;
    color: #fff;
    position: relative;
}

.sss-cat a .cat-name {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
 .sss-cat a .cat-type {
    padding: 0 0 8px;
    font-size: .813em;
}
.sss-cat a .cat-price {
    font-size: 1.97em;
    font-weight: 700;
    position: relative;
}
#howMuchSpace #unitSizes {
    width: 100% !important;
    float: left;
    padding-bottom: 30px;
    padding-top: 18px;
}
    
.sss-cats a.active:after {
    border-color: rgba(136,183,213,0);
    border-bottom-color: #000;
    border-width: 20px;
    margin-left: -20px;
    animation: fadein 0s;
}  
#howMuchSpace #unitSizes {
    margin: 20px 0 0 !important;
}
#rates-chart-div {
    float: left;
    border: 1px solid #ea3d46;
    border-radius: 11px;
    width: 98%;
}
#rates-chart .rate-button {
    border-radius: 0 10px 0 0 !important;
}
#category {
    border-radius: 3px;
}
#rates-chart .unit-size{
    border-radius: 10px 0 0 0 !important;
}
#rates-chart .unit-row {
    /*border-bottom: 1px solid #ddd;*/
    border-bottom: 1px solid #ddd;
    /* margin: 10px 0px; */
    float: left;
    padding: 10px 10px;
}
.onsite {
    text-align: center !important;
        padding: 33px 0;
}
.online { 
    text-align: center !important;
        padding: 33px 0;
}
.print-btn-section {
    background: #000;
    border-color: #000;
    font-size: 18px;
    padding: 7px 20px;
}
.print-btn-section:hover{
     background: #a8343c;
    border-color: #a8343c;
}
span.type.type-online {
    color: #000 !important;
}
span.rate.rate-online {
    color: #000 !important;
    font-weight: bold !important;
}
.reserve_main{
    margin-top: 10px;
    float: left;
    border: 1px solid #ea3d46;
    width: 98%;
    padding: 15px;
    border-radius: 5px;
}
.no-padding-left{padding-left: 0;}

.contact-form-new {
    float: left !important;
    /*margin-top: 10px;*/
}
#reserve-main-area h4 {
    float: none !important;
    text-align: center;
}
.contact-form-new > p {
    text-align: center;
}
.contact-form-new.home-form-main label {
    display: none;
}
form#reserve_payment_frm_id input {
    width: 100% !important;
}
h3.panel-title.display-td {
    font-size: 19px;
    padding-top: 11px;
}
.contact-form-new.home-form-main input {
    width: 100% !important;
}
.contact-form-new.home-form-main textarea {
    width: 100% !important;
}
.home-form-main button.btn.btn-default {
    width: 100%;
}
.main_content p {
    color: #000;
}
.resercedata-title > h1{
    color: #263138;
}
.onsite.col-sm-6.col-md-6.col-xs-6 > .rate {
    text-decoration: line-through;
}
select {
    border: 1px solid #ddd !important;
}
.unit-details {
    color: #fff; 
    text-align: center;
    font-size: 17px;
}
.unit-size{
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 0; 
}
#category .monthly-rent {
    color: #fff;
    text-align: center;
    font-size: 17px;
}
span.spec-of {
    display: inline-block;
    padding: 42px 0px;
}
.comparesite span.rate {
    text-decoration: line-through;
    padding-top: 15px;
    display: inline-block;
}
.col-md-12 .monthly-rent .comparesite {
    display: inline-block;
    margin-right: 10px;
}
.col-md-12 .monthly-rent .onsite {
    display: inline-block;
}
.onsite {
    text-align: center !important;
    padding: 55px 0;
}
#rates-chart .monthly-rent .onsite .rate, #rates-chart .monthly-rent .online .rate {
    color: #000000;
    font: 400 17px 'Roboto', sans-serif;
}
.sold_out {
    margin-top: 42px;
    display: inline-block;
    text-align: center;
    width: 100%;
        font-size: 14px !important;
}

span#temp_final_amount span {
    text-decoration: line-through;
}

.contact-form-new.home-form-main select {
    width: 100%;
    border: 1px solid #ea3d46 !important;
}
.credit-card-box{
    float: left;
    width: 100%;
}
/*.custom_date_select{float: left;width: 50% !important;}*/
    
.monthly-rent{
    color: #000;
    text-align: center;
    font-size: 17px; 
} 
#rates-chart .rate-button {
    padding-top: 17px;
}


/* CR */

.body-content-section{min-height: auto;}
footer.footer {
   
}
html {
    margin-top:0px !important;
}
#unitSizes .ui-widget-header {border: 0px solid #000; background-color: #39c54b; background-image:none; color: #ececec;}
    #unitSizes .ui-state-default, #unitSizes .ui-widget-content .ui-state-default, #unitSizes .ui-widget-header .ui-state-default {border: 0px solid #000; background: url(images/icon-handle.png);position: absolute;top: -14px;background-size: 100%;width: 30px;background-repeat: no-repeat;height: 40px;}
    #unitSizes .ui-state-default:focus {outline: 0;}
    #unitSizes .ui-widget-content{border:0px solid #000;}
    .ui-slider .ui-slider-handle {width: 13px; height: 20px;}
    .ui-slider-horizontal {height: .8em;}
    
    table#rates-chart td {
        position:relative;
        padding-top:10px;
    }
    .single_unit_des{
        width:400px;
        height:auto;
        padding:25px;
        border:1px solid #ccc;
        box-shadow: 0 0 3px rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
        border-radius:3px;
        -webkit-border-radius:3px;
        position:absolute;
        bottom: 1px;
        MARGIN-LEFT: 100%;
        display:none;
        background: white;
        text-align: left;
    }
    .single_unit_des img{
        height:auto;
        width:100%;
        margin-top: -100px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .single_unit_text{
        font-size: 12px;
        text-align: justify;
        line-height: 1.6;
        color: #000;
    }
    .single_unit_des > b {
        color: #000;
    }
    .single_unit_des{
        z-index:100;
    }
    .unit-det{
        display:block;
    }
    .unit-det:hover + .single_unit_des{
        display:block;
    }
    .single_unit_des:hover {
        display:block;
    }

@media screen and (max-width: 768px) {

.credit-card-box-main{padding: 0;}
.form-control::placeholder{font-size: 11px;}
::placeholder {
  font-size: 11px;
}
}
/* CR */


button.btn.btn-danger.confirm-btn {
    width: 100% !important;
    margin-top: 18px !important;
        background: #000 !important;
}
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
} 
.reservation_msg_success {
    text-align: left;
}
@media screen and (min-width: 320px) and (max-width: 1023px) {
    .custom_category_select{
        width: 100%;
        padding: 10px;
    }
    .ember_view_data{display:block !important;}
    #newunitTypes{display:none !important;}
    .table-time-section {
        display: none !important;
    }
    #rates-chart .monthly-rent .onsite .rate, #rates-chart .monthly-rent .online .rate {
        color: #242122 !important;
        font: 400 18px 'Roboto', sans-serif !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.ember_view_data{
    display: block !important;
}
#newunitTypes{
    display: none !important;
}
.count-available-data {
    text-align: center;
    padding-top: 14px;
    text-transform: capitalize;
}
#rates-chart .rate-button {
    padding-top: 50px;
}
.table-time-section {
    display: none;
}
.contact-form-main-section {
    padding: 0;
}
.contact-form-main-section-sub {
    padding: 0;
}
.contact-form-main-section-sub .col-md-12,.contact-form-main-section-sub .col-md-6 {
    /*padding: 0;*/
}
.reserve-pament-section-main {
    padding: 0;
}
.reserve-pament-section-sub {
    padding: 0;
}  
.reserve-pament-section-sub label {
    font-size: 10px;
}
.reserve-pay-confirom-btn {
    padding: 0;
}
.cardType {
    padding-left: 0px !important;
}
.step.step22 {
    margin-top: 40px;
}
}

.sss-cats a.active:after, .sss-cats a.active:before{
display:none;
}

.count-available-data{
text-align:center;
}

.unit-det {
    padding-top: 18px;
}