/* Grid */
.prop-columns-container {
    margin: 0 -15px;
}
.prop-columns-container > * {
    vertical-align: top;
    padding: 10px 15px;
    display: inline-block;
    box-sizing: border-box;
}
.prop-columns-container .column-1-2 {
    width: 50%;
}
.prop-columns-container .column-1-3 {
    width: 33.33%;
}
.prop-columns-container .column-1-4 {
    width: 25%;
}


/* VC settings */
.vc_element-icon.icon-prop-plugin {
    background: url(../images/icon.png) no-repeat 0 0 !important;
}

/* Grid */
.prop-plugin-column-row { margin: 0 -20px 0 0; overflow: hidden;}
.prop-plugin-column, .prop-plugin-columns { float: left; display: inline-block; padding: 0 20px 0 0; box-sizing: border-box; vertical-align: top;}

.prop-plugin-one    { width: 8.33333333%;   }
.prop-plugin-two    { width:27%;   }
.prop-plugin-three  { width:21%;   }
.prop-plugin-four   { width:31%;   }
.prop-plugin-five   { width:41.66666667%;   }
.prop-plugin-six    { width: 50%;           }
.prop-plugin-seven  { width:58.33333333%;   }
.prop-plugin-eight  { width:66.66666667%;   }
.prop-plugin-nine   { width:75%;            }
.prop-plugin-ten    { width: 83.33333333%;  }
.prop-plugin-eleven { width: 91.66666667%;  }
.prop-plugin-twelve { width: 100%;          }


.prop-plugin-column-row .prop-plugin-three:nth-child(1) {
    width: 31%;
}

/* Search form */
.prop-form-title {
    margin: 0 !important;
    text-align: center;
    position: relative;
    top: -15px;
}
.prop-plugin-form-shortcode {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}
.prop-plugin-form-shortcode label {
    display: block;
    font-family: "Roboto Slab", sans-serif;
    font-size: 1.143em;
    margin: 0 0 0.7em;
    font-weight: 700;
    letter-spacing: 0;
}
.prop-plugin-form-content {
    padding: 3.7em 4.4em 3.8em;
}
.prop-plugin-form-content input {
    width: 100%;
}
.prop-plugin-form-content button {
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    border: none;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(128,128,128,0.2);
}
.prop-plugin-column input, .prop-plugin-column button {
    height: 72px;
}


/*Datepicker*/
.prop-plugin-datepicker {
    position: relative;
}
.prop-plugin-datepicker input[type="text"] {
    background: url(../images/calendar.png) no-repeat 15% 49% #f3f5f7;
}
.prop-plugin-search input[type="text"] {
    background: url(../images/marker.png) no-repeat 10% 49% #f3f5f7;
}
.prop-plugin-column input {
    padding-left: 4.1em !important;
}
div.ui-datepicker {
    z-index: 9999 !important;
    display: none;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}
table.ui-datepicker-calendar th {
    font-size: 14px !important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    padding: 3px 10px !important;
    line-height: normal !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}


/*Properties*/
.sc_properties_addon .sc_properties_content {
    position: relative;
}
.sc_properties_addon .sc_properties_info .sc_properties_slider_title {
    margin: 1rem 0 0.2rem;
    padding-left: 1.5rem;
    font-size: 1.875rem;
}
.sc_properties_addon .sc_properties_info .properties_city {
    padding-left: 1.6rem;
}
.sc_properties_addon .sc_properties_info .pro_data {
    margin-bottom: 1.5rem;
}
.sc_properties_addon .sc_properties_item_info {
    padding: 1.5rem 1.5rem;
    margin-bottom: 1.9rem;
}
.sc_properties_addon .sc_properties_item_row.sc_properties_item_row_info {
    font-size: 15px;
    font-weight: 500;
    float: left;
}
.sc_properties_addon .sc_properties_data_price {
    font-size: 15px;
    font-weight: 500;
    float: left;
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 10px;
}
.sc_properties_addon .sc_properties_item_options_new .sc_properties_data_price span {
    font-size: 1.438rem;
    font-weight: 500;
    color: #1d2023;
    position: relative;
    top: 2px;
}
.sc_properties_addon .sc_properties_item_option .sc_properties_item_option_label_icon {
    display: inline-block !important;
}
.sc_properties_addon {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.05);
}
.sc_properties_addon .pro_data .properties_city a+a:before {
    content: ',';
    margin-right: 5px;
    color: #ffa752;
}


/*Responsive*/
@media (max-width: 1440px) {
    .sc_properties_addon .sc_properties_item_row.sc_properties_item_row_info,
    .sc_properties_addon .sc_properties_data_price {
        font-size: 12px;
    }
    .prop-plugin-form-content {
        padding: 3.7em 2.5em 3.8em;
    }
    .prop-plugin-column button {
        padding: 0.715em 1.136em;
        width: 100%;
        height: 65px;
    }
    .prop-plugin-column input {
        height: 65px;
    }
}

@media (max-width: 1136px) {
    .prop-plugin-column input {
        font-size: 12px !important;
    }
    .prop-plugin-column button {
        font-size: 12px;
    }
}

@media (max-width: 959px) {
    .prop-plugin-datepicker input[type="text"] {
        background: url(../images/calendar.png) no-repeat 7% 49% #f3f5f7;
    }
    .prop-plugin-search input[type="text"] {
        background: url(../images/marker.png) no-repeat 8% 49% #f3f5f7;
    }
    .prop-plugin-column, .prop-plugin-columns {
        width: 50% !important;
        margin: 1.25rem 0;
    }
    .prop-plugin-form-content {
        padding: 1.5em 2.5em 1.5em;
    }
}


@media (max-width: 639px) {
    .sc_properties_addon .sc_properties_item_row.sc_properties_item_row_info, .sc_properties_addon .sc_properties_data_price {
        width: 100%;
        text-align: center;
    }
    .sc_properties_addon .sc_properties_item_options_new .sc_properties_data_price span {
        font-size: 1.538rem;
        top: 1px;
    }
    .sc_properties_addon .sc_properties_info .properties_city {
        font-size: 10px;
        font-weight: 400;
    }
    .prop-plugin-column input, .prop-plugin-column button {
        height: 50px;
    }
    .prop-plugin-form-content {
        padding: 1em 1.5em 1em;
    }
    .prop-plugin-column, .prop-plugin-columns {
        margin: 1rem 0;
    }
    .prop-plugin-column input {
        font-size: 10px !important;
    }
    .prop-plugin-datepicker input[type="text"] {
        background: url(../images/calendar.png) no-repeat 7% 48% #f3f5f7;
    }
    .prop-plugin-column button {
        font-size: 10px;
    }
}

@media (max-width: 479px) {
    .prop-columns-container .column-1-2 {
        width: 100%;
    }
    .sc_properties_addon .sc_properties_info .sc_properties_slider_title {
        font-size: 21px;
        margin: 1rem 0 1rem;
    }
    .prop-plugin-column, .prop-plugin-columns {
        width: 100% !important;
    }
    .prop-plugin-column input {
        padding-left: 4.7em !important;
    }
}