.office-add a, .office-add a:hover{color: #fff;}
select option[disabled]{ color: #999 !important; }
.custom_category_select{
    width: 100%;
    padding: 5px;}
    
.policy_div.policy_form
{
    float: left;
    width: 100%;
}
.movein_cost_loading{text-align: center;}
.movein_cost_loading img{width: 10%;margin-top: 10px;}

span.close_this {
    position: absolute;
    right: 10px;
    bottom: 6px;
    font-weight: bold;
    color: #222;
    cursor: pointer;
    background-color: #ccc;
    display: inline-block;
    border-radius: 50%;
    font-size: 16px;
    padding:3px 6px;
    
}
span.nocompare.hyphens {
    margin-top: 55px !important;
    display: block;
} 

.unitTypes a:hover {
    background-color: #474747;
    color: #fff !important;
}
#unitSizes .shortDivider {
    background-color: black;
    width: 1px;
    height: 105px !important;
    margin: 0 5px;
    display: inline-block;
}
#howMuchSpace #slider {
    margin: 15px auto;
    width: 100% !important;
    background: #dcdcdc;
    -webkit-animation: expandWidth 1s;
    -moz-animation: expandWidth 1s;
    -ms-animation: expandWidth 1s;
    -o-animation: expandWidth 1s;
    animation: expandWidth 1s;
}
.reserve_main .special_back ul{font-size: 16px;}

.p-photo-name{font-size: 14px !important;}

#rates-chart .btn_reserve {
    width: 100%;
    background-color: #474747;
    color: #fff;
    border: 1px solid #474747;
    display: block;
    padding: 15px 0;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    line-height: 14px;
    overflow: hidden;
    margin-bottom: 0px;
    display: inline-block;
    /*margin-right: 7px;*/
}
.cust_btn_reservation{
    background-color:#ea3d46 !important; 
    border: 1px solid #ea3d46 !important;
    margin-bottom: 5px !important;
}
#btn_reserve-complete{
    background-color: #000;
}
#btn_reserve-complete:hover{color:#fff;}
.print-link {background-color: #000;}

.reserve-main-area h4 {
    float: none !important;
    text-align: center;
    color: #ea3d46;
}
#reserve_frm_movein1 label.checkbox-inlinecust {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px !important;
    font-weight: normal !important;
    display: inline-block !important;
    width: auto !important;
}
#reserve_frm_movein1 label.checkbox-inlinecust input {
    width: auto !important;
}

.container.checkbox-inlinecust input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#reserve_frm_movein1 .container input:checked ~ .checkmark {
    background-color: #ea3d46;
}
#reserve_frm_movein1 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ea3d46;
        border-radius: 50%;
}
.checkbox-inlinecust.container input:checked ~ .checkmark:after {
    display: block;
}
.checkbox-inlinecust.container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.checkbox-inlinecust .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
#reserve_frm_movein1 label.checkbox-inlinecust {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px !important;
    font-weight: normal !important;
    display: inline-block !important;
    width: auto !important;
}
span#movein_temp_final_amount span {
    text-decoration: line-through;
}
.move_in_header h4{
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color:#fff;
}
.move_in_header{padding: 14px;background: #474747;}
.jquery-modal.blocker.current{
    z-index: 9999999999 !important;
    overflow-y: scroll !important;
}

@media only screen and (max-width: 480px) and (min-width: 320px)
{
    span.nocompare.hyphens{margin-top: 0px !important;}
}

@media only screen and (max-width: 482px) {
    #unitSizes .unitTypes .sizes 
    {
        width: 28% !important;
        font-size: 15px;
        display: inline-block;
        vertical-align: top;
        color: #000;
        text-decoration: none;
        font-weight: 600;
    }
}
@media only screen and (max-width: 482px ){
    hr {
        margin-top: 5px;
        margin-bottom: 5px;
        border: 0;
        border-top: 1px solid #eee;
    }
}
@media only screen and (max-width: 482px ){
    #unitSizes .shortDivider {
    background-color: black;
    width: 1px;
    height: 66px !important;
    margin: 0 5px;
    display: inline-block;
}
}

@media only screen and (max-width: 482px ){
    #rates-chart .monthly-rent .onsite .rate, #rates-chart .monthly-rent .online .rate {
            color: #242122;
            font: 400 18px 'Roboto', sans-serif !important;
    }
}

@media only screen and (max-width: 482px ){
#category td {
    color: #fff !important;
    border: 0 !important;
    text-align: center;
    padding: 15px 0 !important;
    font: bold 15px 'Roboto', sans-serif !important;
}
}
@media only screen and (max-width: 482px ){
#rates-chart .monthly-rent .onsite .type, #rates-chart .monthly-rent .online .type {
    color: #242122;
    font: 600 10px 'Roboto', sans-serif;
}

}
@media only screen and (max-width: 482px ){

}
@media only screen and (max-width: 482px ){

}
@media only screen and (max-width: 482px ){
    #rates-chart .special-offer {
    color: #D50003;
    text-align: center;
    font-size: 9px;
    width: 17%;
    padding: 0 2%;
    display: table-cell;
    vertical-align: middle;
}
}


@media (max-width: 768px){
    span.nocompare.hyphens {
        margin-top: 0px !important;
    }
.mobileHeader a.logo-company {
    margin: 0px 0 10px !important;
    padding: 0;
    display: inline-block;
    display: block;
    text-align: center;
}
}
@media (max-width: 768px){
.nav-section-wrapper {
    width: 100%;
    float: left;
    border-top: 0;
    padding: 0 0 0 !important;
}
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ea3d46;
    border-radius:0px;
}
.btn-default {
    color: #fff;
    background-color: #ea3d46;
    margin-top: 10px;
}
.form-control .btn{
    border-radius:0px !important;
}
.unitTypes a:focus{
    background-color:#474747;
    color:#fff !important;
}
 
.unitTypes a:active{
    background-color:#474747; 
    color:#fff !important;
}
.body_img {
    margin-top: 90px;
}
table#table_id_1 tr td {
    border: 1px solid black;
    padding: 5px;
}

input.btn_reserve {
    background: #000;
    color: #fff;
    padding: 7px 20px;
}
@media only screen and (max-width: 767px ){
.body_img {
    margin-top: 50px;
}
}
.unit-det img {
    width: 35%;
}
.unit-det span p{
    font-size:10px;
}

@media only screen and (min-width: 767px ){

  .unit-det img {
    min-height:65px !important;
}

}

@media only screen and (max-width: 345px ){
.single_unit_des img {
    width: 100%;
    height: 100%;
    margin-top: -120px !important;
}
}
@media only screen and (max-width: 345px ){
.single_unit_des {
    width: 240px !important;
    height: 199px !important;
    padding: 10px !important;
    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;
    position: absolute;
    bottom: 1px;
    display: none;
    background: white;
    text-align: left;
}
}
#reserve-main-area h4{
    color:#ea3d46;
}
.main_content_form{
    margin-top: 10px;
    float: left;
    width: 100%;
    padding: 0 20px;
}
.special_back{
    background:rgba(222, 220, 220);
        padding: 10px 15px;
}

#rates-chart .count{
    font-size: 14px !important;
    display: inline-block;
    text-align: center;
    width: 100%;
}

#rates-chart .rate-button{   
    padding-right: 15px;
    padding-left: 15px;
}
@media(max-width: 768px ){ 
.single_unit_des{
    width: 100% !important; 
    margin-left: -13px !important;
}

#rates-chart .count{
    font-size: 11px !important;
}
 
}

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

    #rates-chart .monthly-rent .onsite .type, #rates-chart .monthly-rent .online .type {
    font-size: 10px !important;
    }
    
    #rates-chart .special-offer {
    font-size: 9px !important;
}


#category td {
     font: normal  9px 'Roboto', sans-serif !important;
}

}

/* custom style sheet (rent now) */
.contact-form-new.home-form-main.elease .elease-center {
    margin-top: 40px;
}
.contact-form-new.home-form-main.elease .step {
    position: relative;
    min-height: 32px;
    padding-bottom: 25px;
}
.contact-form-new.home-form-main.elease .step>div:first-child {
    position: static;
    height: 0;
}
.contact-form-new.home-form-main.elease .step>div:last-child {
    margin-left: 32px;
    padding-left: 16px;
}
.contact-form-new.home-form-main.elease .circle.inactive {
    background-color: #dedede;
}
.contact-form-new.home-form-main.elease .circle {
    background: #ea3d46;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    position: relative;
    color: #fff;
    text-align:center;
}
.contact-form-new.home-form-main.elease .line {
    position: absolute;
    border-left: 1px solid #dcdcdc;
    left: 16px;
    bottom: 10px;
    top: 42px;
}
.contact-form-new.home-form-main.elease .title {
    line-height: 32px;
    font-weight: 700;
    color: #000;
}
.contact-form-new.home-form-main.elease .body {
    margin-top: 25px;
}
.contact-form-new.home-form-main.elease .step.options .body>* {
    margin: 0;
    width: 100%;
    margin-top: 20px;
}
.contact-form-new.home-form-main.elease .insurance {
    border: none;
    padding: 0;
}
.contact-form-new.home-form-main.elease .check-wrapper {
    width: 50px;
    margin: 5px;
}
.contact-form-new.home-form-main.elease .check-wrapper svg:first-child {
    margin-right: 5px;
}
.contact-form-new.home-form-main.elease .check-wrapper svg {
    width: 20px;
}
svg:not(:root) {
    overflow: hidden;
}
.contact-form-new.home-form-main .elease svg {
    vertical-align: initial;
}
.info-icon {
    cursor: pointer;
    font-size: 12px;
    fill: #333;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input .options-wrapper {
    float: right;
    width: 330px;
    height: 35px;
    position: relative;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input {
    max-width: 600px;
    height: auto;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input .options-wrapper select {
    background-color: #fff;
    outline: 0;
    font-size: 16px;
    width: 100%;
    border: none !important;
    border-bottom: 1px solid #ea3d46 !important;
    padding: 0 10px;
    height: 35px;
    line-height: 40px;
}
.contact-form-new.home-form-main.elease input:focus, .contact-form-new.home-form-main.elease select:focus {
    box-shadow: none;
    border-bottom: 2px solid #ea3d46 !important;
}
.contact-form-new.home-form-main.elease .date-container span.date-picker, 
.contact-form-new.home-form-main.elease .date-container span.insurance-picker, 
.contact-form-new.home-form-main.elease .insurance-container span.date-picker, 
.contact-form-new.home-form-main.elease .insurance-container span.insurance-picker {
    line-height: 35px;
}
.contact-form-new.home-form-main.elease .date-container, .contact-form-new.home-form-main.elease .insurance-container {
    display: block;
    position: relative;
    font-size: 16px;
    width: 100%;
    color:#000;
}
.elease .disclaimer {
    font-size: 12px;
    padding-bottom: 5px;
    margin: 10px 5px;
    color:#000;
}
.contact-form-new.home-form-main.elease .move-in-costs-container .move-in-costs #table {
    display: table;
    border: 1px solid #ea3d46;
    width: 100%;
    max-width: 600px;
}
.contact-form-new.home-form-main.elease .move-in-costs-container .move-in-costs .table-row {
    display: table-row;
}
.contact-form-new.home-form-main.elease .move-in-costs-container .move-in-costs #table .header {
    display: table-caption;
    padding: 9px 15px 5px;
    line-height: 16px;
    background-color: #ea3d46;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.contact-form-new.home-form-main.elease .move-in-costs-container .move-in-costs .cell {
    display: table-cell;
    padding: 9px 15px 5px;
    border: 1px solid #eee;
    color: #000;
    font-weight: 500;
    font-size: 15px;
}
.contact-form-new.home-form-main.elease .move-in-costs-container .move-in-costs .right-align {
    text-align: right;
}
.contact-form-new.home-form-main.elease .move-in-costs-container .move-in-costs .table-row:last-child .cell:last-child {
    background-color: #efefef;
}
.contact-form-new.home-form-main.elease .elease-form .form-field.select select {
    border: none !important;
    border-bottom: 1px solid #1c3c67 !important;
}
.contact-form-new.home-form-main.elease .elease-form .form-field {
    height: 30px;
    float: left;
    margin: 5px 0;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
    margin-top: 12px;
    margin-bottom: 12px;
}
.alternate-contact {
    margin-top: 7%;
}
#alternate-contact-label {
    font-size: 13px;
    color: #000;
        margin-left: 14px;
}
.form-group.checkbox.check_box_custm {
    margin-left: 3%;
}
.insurance-height{
    height:100px;
}
.policy_div.policy_form {
    margin-top: 6%;
}
.contact-form-new.home-form-main.elease select {
      border: none !important;
    border-bottom: 1px solid #ea3d46 !important;
    margin-top: 7px;
    color: #000;
    /* font-weight: 600; */
    font-size: 14px;
    box-shadow:none;
}
.float-label-control input, .float-label-control textarea {
    font-size: 15px;
    padding-top: 9px;
}
.check_box_custm label {
        display: block !important;
    padding-left: 0px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.check_box_custm input[type=checkbox] {
    margin-left: -52% !important;
}
.form-group.cust_btn {
    margin-top: 4%;
}
.elease .elease-form input[type=submit] {
    margin-left: 5px;
    border: none;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 0;
    display: block;
    font-size: 1.1em;
    text-decoration: none;
    text-align: center;
    clear: left;
    color: #fff;
    background-color: #ea3d46;
    margin-bottom: 8px;
}
span.accept-terms {
    color: #000;
    font-size: 14px;
}
.custom_form {
    margin-left: -30px;
}

.float-label-control 
{ position: relative; margin-bottom: 1.5em; 
}
    .float-label-control ::-webkit-input-placeholder { color: transparent; }
    .float-label-control :-moz-placeholder { color: transparent; }
    .float-label-control ::-moz-placeholder { color: transparent; }
    .float-label-control :-ms-input-placeholder { color: transparent; }
    .float-label-control input:-webkit-autofill,
    .float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
    .float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
        .float-label-control input:focus,
        .float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0; }
        .float-label-control textarea:focus { padding-bottom: 4px; }
    .float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #ea3d46; outline: none; margin: 0px; background: none; }
    .float-label-control textarea { padding: 0.1em 0em 5px 0em; }
    .float-label-control label { position: absolute; font-weight: normal; top: -1.0em; left: 0.08em; color: #000; z-index: -1;font-size: 18px;; -moz-animation: float-labels 300ms none ease-out; -webkit-animation: float-labels 300ms none ease-out; -o-animation: float-labels 300ms none ease-out; -ms-animation: float-labels 300ms none ease-out; -khtml-animation: float-labels 300ms none ease-out; animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/ animation-play-state: running !important; -webkit-animation-play-state: running !important; }
    .float-label-control input.empty + label,
    .float-label-control textarea.empty + label { top: 0.1em; font-size: 1.5em; animation: none; -webkit-animation: none; }
    .float-label-control input:not(.empty) + label,
    .float-label-control textarea:not(.empty) + label { z-index: 1; }
    .float-label-control input:not(.empty):focus + label,
    .float-label-control textarea:not(.empty):focus + label { color: #000; }
    .float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
    .float-label-control.label-bottom input:not(.empty) + label,
    .float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }
    .error-msg{
 border-top: 4px solid #e6594d !important;
    color: #e6594d;
    display: none;
    font-family: Helvetica,sans-serif,"Trebuchet MS";
    font-size: 16px;
    margin-top: -23px;
}
.float-label-control label{
        display: block;
    color: #000;
    font-size: 14px !important;
    font-weight: 600;
}
.required{
     display: block !important;
}

@media (max-width:375px) {
    .contact-form-new {
    float: none!important;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input .options-wrapper {
    width: auto;
}
.contact-form-new.home-form-main.elease .step>div:last-child {
    margin-left: 32px;
    padding-left: 3px;
}
    form.form.rent_now_centershift_form.h-entry .col-md-12, form.form.rent_now_centershift_form.h-entry .col-md-6 , form.form.rent_now_centershift_form.h-entry .col-md-4 , form.form.rent_now_centershift_form.h-entry .col-md-2   {
    padding-left: 0px;
    padding-right: 0px;
}
.float-label-control label {
    font-size: 11px !important;
    font-weight: normal;
}
.contact-form-new.home-form-main.elease select {
    font-weight: normal;
    font-size: 12px;
}
.check_box_custm label {
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
}
.form-group.checkbox.check_box_custm {
    margin-bottom: 20px;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input .options-wrapper select {
    font-size: 12px;
}
.contact-form-new.home-form-main.elease .move-in-costs-container .move-in-costs .cell {
    font-weight: normal;
    font-size: 11px;
}
.custom_form {
    margin-left: 0px;
}
}
@media  screen and (min-width: 320px) and (max-width: 480px) {
        .contact-form-new {
    float: none!important;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input .options-wrapper {
    width: auto;
}
.contact-form-new.home-form-main.elease .step>div:last-child {
    margin-left: 32px;
    padding-left: 3px;
}
    form.form.rent_now_centershift_form.h-entry .col-md-12, form.form.rent_now_centershift_form.h-entry .col-md-6 , form.form.rent_now_centershift_form.h-entry .col-md-4 , form.form.rent_now_centershift_form.h-entry .col-md-2   {
    padding-left: 0px;
    padding-right: 0px;
}
.float-label-control label {
    font-size: 11px !important;
    font-weight: normal;
}
.contact-form-new.home-form-main.elease select {
    font-weight: normal;
    font-size: 12px;
}
.check_box_custm label {
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
}
.form-group.checkbox.check_box_custm {
    margin-bottom: 20px;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input .options-wrapper select {
    font-size: 12px;
}
.custom_form {
    margin-left: 0px;
}
}
@media screen and (min-width: 360px) and (max-width: 640px) {
    form.form.rent_now_centershift_form.h-entry .col-md-12, form.form.rent_now_centershift_form.h-entry .col-md-6 , form.form.rent_now_centershift_form.h-entry .col-md-4 , form.form.rent_now_centershift_form.h-entry .col-md-2   {
    padding-left: 0px;
    padding-right: 0px;
}
.float-label-control label {
    font-size: 11px !important;
}
.float-label-control label {
    font-size: 11px !important;
    font-weight: normal;
}
.contact-form-new.home-form-main.elease select {
    font-weight: normal;
    font-size: 12px;
}
        .contact-form-new {
    float: none!important;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input .options-wrapper {
    width: auto;
}
.contact-form-new.home-form-main.elease .step>div:last-child {
    margin-left: 32px;
    padding-left: 3px;
}
.check_box_custm label {
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
}
.form-group.checkbox.check_box_custm {
    margin-bottom: 20px;
}
.contact-form-new.home-form-main.elease .insurance-container .insurance-input .options-wrapper select {
    font-size: 12px;
}
.custom_form {
    margin-left: 0px;
}
}
/* custom style sheet (rent now) */

.count,.best_f1{
 color: #EA3D46 !important;
}
.rent-btn:hover,.rent-btn:focus{
    background: #ea3d46 !important;
    color: #FFFFFF !important;
}

.cardType{
    margin-bottom: 0px !important;
}