@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap");

/*****************************************************************
	Color Style One
*****************************************************************/

/* Ensure search form dropdowns can overflow the hero area and sit above tabs/overlays */
.vfx_hero_form_area {
    overflow: visible !important;
    position: relative !important;
    z-index: 2;
}

.advertisment {
    text-align: center;
    padding: 10px;
    border: 0rem solid #ddd;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}
.advertisment-title {
    font-weight: 600;
    margin: 0px 10px 0px 10px;
}

/* Plugin dropdowns inside hero form: absolute and on top */
.vfx_hero_form_area .select2-container--open .select2-dropdown,
.vfx_hero_form_area .select2-dropdown,
.vfx_hero_form_area .selectize-dropdown,
.vfx_hero_form_area .bootstrap-select .dropdown-menu,
.vfx_hero_form_area .dropdown-menu {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    min-width: 200px !important;
    z-index: 2147483647 !important;
}

.vfx_hero_form_area .select2-container,
.vfx_hero_form_area .selectize-control,
.vfx_hero_form_area .bootstrap-select {
    position: relative !important;
}

/* If the search inputs wrap in a column, ensure the dropdown aligns to its control */
.vfx_hero_form_area .vfx-custom-select-area {
    display: block !important;
    width: 100%;
}

/* Hide native <select> elements inside the hero form to avoid duplicate UI
	 when the plugin-generated .nice-select wrapper is present. Applies to all
	 viewports so medium/mobile no longer show two controls. */
.vfx_hero_form_area select {
    /* fallback - keep available when media queries are not applied */
}

/* Hide native selects inside the hero form for all viewports so only the
	 plugin-generated .nice-select wrapper is visible (prevents duplicate
	 controls on all screen sizes). */
.vfx_hero_form_area select {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}

/* Hero swiper nav color overrides */
.hero-swiper .swiper-button-prev,
.hero-swiper .swiper-button-next {
    color: #fff !important;
    opacity: 0.95;
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.hero-swiper .swiper-button-prev:after,
.hero-swiper .swiper-button-next:after {
    font-size: 18px;
    color: #fff !important;
}

.hero-swiper .swiper-button-prev:hover,
.hero-swiper .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #fff !important;
}

/* When the page is scrolled we use darker icons on light background (fallback uses body.nav-scrolled) */
body.nav-scrolled .hero-swiper .swiper-button-prev,
body.nav-scrolled .hero-swiper .swiper-button-next {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #222 !important;
}

body.nav-scrolled .hero-swiper .swiper-button-prev:after,
body.nav-scrolled .hero-swiper .swiper-button-next:after {
    color: #222 !important;
}

/* Keep the nav buttons above the overlay */
.hero-swiper .swiper-button-prev,
.hero-swiper .swiper-button-next {
    position: absolute;
}

/*-----------------------------------------------------------
#. General Styles
#. Typography
#. Buttons
#. Header
#. Menu
#. Hero Area
#. Breadcrumb
#. Catagory Box
#. Trending Places
#. Scroll to Top
#. FAQ Page
#. Invoice
#. App Section
#. Footer Section
#. Pricing Table
#. Filter Listing
#. Single Listing
#. Add Listing Page
#. User Profile
#. About Page
#. Contact Page
#. Membership Plan
#. 404 PAGE
#. User Dashboard

-------------------------------------------------------------*/

/*-----------------------------------------------------------
	General Styles
-------------------------------------------------------------*/

dl,
dt,
dd,
ol,
ul,
li {
    margin: 0;
    padding: 0;
}
a {
    color: #222222;
    text-decoration: none;
    position: relative;
    font-family: "Nunito", sans-serif;
}
a:focus,
a:hover {
    color: #888;
    text-decoration: none;
    outline: none;
}
:focus {
    outline: none;
}
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: 0.025em;
    line-height: 1.6;
}
.form-control {
    border-radius: 0;
}
.form-control:focus {
    border-color: #888;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.no-pad-left {
    padding-left: 0 !important;
}
.no-pad-right {
    padding-right: 0 !important;
}
.no-pad-top {
    padding-top: 0 !important;
}
.no-pad-bot {
    padding-bottom: 0 !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-110 {
    padding-bottom: 110px !important;
}
.pb-120 {
    padding-bottom: 120px !important;
}
.pb-130 {
    padding-bottom: 130px !important;
}
.no-pad-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pt-70 {
    padding-top: 70px !important;
}
.pt-80 {
    padding-top: 80px !important;
}
.pt-90 {
    padding-top: 90px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.pt-110 {
    padding-top: 110px !important;
}
.pt-120 {
    padding-top: 120px !important;
}
.pt-130 {
    padding-top: 130px !important;
}
.pt-140 {
    padding-top: 140px !important;
}
.pt-150 {
    padding-top: 150px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-70 {
    padding-bottom: 70px !important;
}
.pb-80 {
    padding-bottom: 80px !important;
}
.pb-90 {
    padding-bottom: 90px !important;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.pb-110 {
    padding-bottom: 110px !important;
}
.pb-115 {
    padding-bottom: 115px !important;
}
.pb-105 {
    padding-bottom: 105px !important;
}
.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}
.py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.py-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
}
.py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}
.py-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-8 {
    padding-left: 8px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pl-35 {
    padding-left: 35px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-45 {
    padding-right: 45px !important;
}
.mar-0 {
    margin: 0 !important;
}
.pad-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.pad-lr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-45 {
    margin-top: 45px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-55 {
    margin-top: 55px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-65 {
    margin-top: 65px !important;
}
.mt-70 {
    margin-top: 63px !important;
}
.mt-75 {
    margin-top: 75px !important;
}
.mt-80 {
    margin-top: 80px !important;
}
.mt-85 {
    margin-top: 85px !important;
}
.mt-90 {
    margin-top: 95px !important;
}
.mt-95 {
    margin-top: 95px !important;
}
.mt-100 {
    margin-top: 100px !important;
}
.mt-105 {
    margin-top: 105px !important;
}
.mt-115 {
    margin-top: 115px !important;
}
.mt-110 {
    margin-top: 110px !important;
}
.mt-120 {
    margin-top: 120px !important;
}
.mt-125 {
    margin-top: 125px !important;
}
.mt-145 {
    margin-top: 145px !important;
}
.mt-150 {
    margin-top: 150px !important;
}
.mt-160 {
    margin-top: 160px !important;
}
.mt-170 {
    margin-top: 170px !important;
}
.mt-180 {
    margin-top: 180px !important;
}
.mt-185 {
    margin-top: 185px !important;
}
.mt-190 {
    margin-top: 190px !important;
}
.mt-195 {
    margin-top: 195px !important;
}
.mt-200 {
    margin-top: 200px !important;
}
.mt-205 {
    margin-top: 205px !important;
}
.mt-210 {
    margin-top: 210px !important;
}
.mt-90 {
    margin-top: 90px !important;
}
.mt-100 {
    margin-top: 100px !important;
}
.mt-110 {
    margin-top: 110px !important;
}
.mt-120 {
    margin-top: 120px !important;
}
.mt-130 {
    margin-top: 130px !important;
}
.mt-135 {
    margin-top: 135px !important;
}
.mt-140 {
    margin-top: 140px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-55 {
    margin-bottom: 55px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-65 {
    margin-bottom: 65px !important;
}
.mb-70 {
    margin-bottom: 70px !important;
}
.mb-75 {
    margin-bottom: 75px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.mb-85 {
    margin-bottom: 85px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
.mb-95 {
    margin-bottom: 95px !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}
.mb-110 {
    margin-bottom: 110px !important;
}
.mb-120 {
    margin-bottom: 120px !important;
}
.mb-27 {
    margin-bottom: 27px !important;
}
.mb-145 {
    margin-bottom: 145px !important;
}
.mb-150 {
    margin-bottom: 150px !important;
}
.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}
.my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}
.my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}
.my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}
.my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
.my-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
}
.my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
}
.my-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
.white-text {
    color: #fff !important;
}
.dark-text {
    color: #141414;
}
.grey-bg {
    background-color: #f8f8f8;
}
.dark-bg {
    background-color: #202020;
}
.text-grey {
    color: #888;
}
.no-border {
    border: none !important;
}
.section-padding {
    padding: 100px 0;
}
.container-fluid {
    padding: 0 30px;
}
/*
.property-place {
    padding-bottom: 60px;
}
*/

/* -------------Overlay----------- */

.overlay {
    /* dark translucent overlay to improve text contrast on banner images */
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    /*backdrop-filter: blur(1px);*/
}
.overlay.green {
    background-color: #d8232a;
}
.overlay.black {
    background-color: #303441;
}
.op-1 {
    opacity: 0.1;
}
.op-2 {
    opacity: 0.2;
}
.op-3 {
    opacity: 0.3;
}
.op-4 {
    opacity: 0.4;
}
.op-5 {
    opacity: 0.5;
}
.op-6 {
    opacity: 0.6;
}
.op-7 {
    opacity: 0.7;
}
.op-8 {
    opacity: 0.8;
}
.op-9 {
    opacity: 0.9;
}

/*-----------------------------------------------------------
    Typography
-------------------------------------------------------------*/
body {
    color: #606060;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 500;
    overflow-x: hidden !important;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
.sm-heading,
.xsm-heading {
    color: #141414;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
.xsm-heading {
    font-size: 12px;
}
.light {
    font-weight: 300;
}
.regular {
    font-weight: 400;
}
.semibold {
    font-weight: 600;
}
.bold {
    font-weight: 700;
}
.black {
    font-weight: 900;
}
p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 0 10px;
}
li {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    list-style: none !important;
}
ul.list-inline li {
    display: inline-block;
}
.section-title.vfx1 {
    text-align: center;
}
.section-title.vfx2 {
    text-align: left;
}
.section-title.vfx3 p,
.section-title.vfx2 p,
.section-title.vfx1 p {
    font-size: 16px;
    color: #d8232a;
}
.section-title h2 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 700;
    font-family: "Nunito", sans-serif;
    position: relative;
    display: inline-block;
    line-height: 1;
}
.section-title h2 {
    color: #222222;
    line-height: 1.4;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}
.vid-item-section span.view-more a {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    color: #222222;
    float: right;
    line-height: 26px;
}
.vid-item-section span.view-more a:hover {
    color: #d8232a;
}
.section-title.vfx2 h2 {
    margin-bottom: 20px;
    position: relative;
    font-size: 26px;
    font-weight: 700;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}
.contact-itme-title.vfx2 h2 {
    margin-bottom: 20px;
    position: relative;
    font-size: 26px;
    font-weight: 700;
    text-transform: capitalize;
    width: 100%;
    text-align: left;
}
#signupform .section-title.vfx2 h2 {
    font-size: 24px;
    width: 100%;
    text-align: center;
}
.contact-section.vfx1 .section-title.vfx2 h2 {
    margin-bottom: 35px;
    line-height: 1;
}
.section-title.vfx3 h2 {
    margin-bottom: 25px;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1.3;
}
.section-title.vfx3 p {
    margin-bottom: 8px;
    line-height: 1;
    font-size: 16px;
}
/*-----------------------------------------------------------
	Buttons & Links
-------------------------------------------------------------*/
.link-hov.style1 {
    color: #fff;
    transition: 0.5s;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}
.link-hov.style1:before {
    position: absolute;
    top: 105%;
    left: 0;
    width: 0%;
    height: 1px;
    content: "";
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}
.link-hov.style1:hover {
    color: #fff;
}
.link-hov.style1:hover:before {
    visibility: visible;
    width: 100%;
    opacity: 1;
}
.link-hov.style1.text-white:before {
    background: #fff;
}
.link-hov.style1.text-white:hover:before {
    visibility: visible;
    width: 100%;
    opacity: 1;
}
.link-hov.style2 {
    color: #484848;
    transition: 0.5s;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}
.link-hov.style2:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0%;
    height: 1px;
    content: "";
    background: #555;
    visibility: hidden;
    opacity: 0;
    width: 0;
    transition: 0.4s;
}
.link-hov.style2:hover {
    color: #000;
}
.link-hov.style2:hover:before {
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.link-hov.style3 {
    color: #888;
    transition: 0.5s;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}
.link-hov.style3:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0%;
    height: 2px;
    content: "";
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}
.link-hov.style3:hover {
    color: #141414;
}
.link-hov.style3:hover:before {
    visibility: visible;
    width: 100%;
    opacity: 1;
}
.round-bg {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}
.round-bg i {
    font-size: 16px;
}
.round-bg.green {
    background-color: #0bf389;
    color: #fff;
}
.round-bg.pink {
    background-color: #ffae00;
    color: #fff;
}
.round-bg.red {
    background-color: #ff6d6d;
    color: #fff;
}
.round-bg.transparent {
    border: 1px solid #ddd;
}
.slider-btn.vfx1 {
    position: absolute;
    z-index: 99;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 3px 6px rgba(44, 44, 44, 0.1);
    text-align: center;
}
.slider-btn.vfx1 i {
    color: #fff;
    line-height: 37px;
    font-size: 17px;
}
.slider-btn.vfx2 {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 99;
    background: #d8232a;
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
.slider-btn.vfx2 i,
.slider-btn.vfx2 i {
    line-height: 40px;
    font-size: 18px;
}
.slider-btn.vfx3 {
    position: absolute;
    z-index: 99;
    cursor: pointer;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #d8232a;
    color: #ffffff;
    box-shadow: 0 3px 6px rgba(44, 44, 44, 0.1);
    text-align: center;
}
.slider-btn.vfx3 i {
    color: #ffffff;
    line-height: 36px;
    font-size: 15px;
}
.slider-btn.vfx4 i {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}
.btn:focus {
    box-shadow: none !important;
}
.btn.vfx1 {
    background: transparent;
    padding: 9px 15px;
    border-radius: 6px;
    border: 2px solid #d8232a;
    color: #d8232a !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}
.btn.vfx1 i {
    margin-right: 8px;
}
.btn.vfx1:hover {
    background: #d8232a;
    color: #fff !important;
    border: 2px solid transparent;
}
.btn.vfx2 {
    background: #bdc1ca;
    padding: 5px 14px;
    border-radius: 6px;
    border: 2px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    transition: 0.5s;
}
.btn.vfx2:hover {
    background: transparent;
    border: 1px solid #ddd;
}
.btn.vfx2:hover i {
    color: #888;
}
.btn.vfx3 {
    background: #d8232a;
    padding: 7px 15px;
    border-radius: 6px;
    border: 2px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}
.btn.vfx3 i {
    margin-right: 8px;
}
.btn.vfx3:hover {
    background: #fff;
    color: #d8232a !important;
    border: 2px solid #d8232a;
}
.btn.vfx4 {
    background: transparent;
    padding: 5px 14px;
    border-radius: 6px;
    border: 0.5px solid #ddd;
    color: #ddd !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    transition: 0.5s;
}
.btn.vfx4:hover {
    background: #f5f6f7;
    border: 2px solid transparent;
}
.btn.vfx4:hover i {
    color: #888;
}
.btn.vfx5 {
    padding: 3px 7px;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0;
    transition: 0.5s;
    text-transform: capitalize;
    line-height: 15px;
    font-weight: 600;
    background: #d8232a;
    color: #fff;
    cursor: text !important;
}
.btn.vfx6 {
    background: transparent;
    padding: 7px 15px;
    border-radius: 6px;
    border: 2px solid #fff;
    color: #fff !important;
    transition: 0.3s;
    font-size: 15px;
    text-transform: capitalize;
}
.btn.vfx6 i {
    margin-right: 8px;
    font-size: 16px;
}
.btn.vfx6:hover {
    background: #fff;
    color: #d8232a !important;
    border: 2px solid transparent;
}
.btn.vfx7 {
    background: #d8232a;
    padding: 7px 18px;
    border-radius: 6px;
    border: 1px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}
.btn.vfx7:hover {
    background: #fff;
    color: #6a6969 !important;
    border: 1px solid #d0d0d0;
}
.btn.vfx8 {
    background: #d8232a;
    padding: 10px 15px;
    text-align: center;
    border-radius: 6px;
    border: 2px solid transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    width: 100%;
    transition: 0.3s;
}
.btn.vfx8 i {
    margin-right: 5px;
}
.btn.vfx8:hover {
    background: transparent;
    border-color: #d8232a;
    color: #d8232a;
}
.btn.vfx9 {
    font-weight: 400;
    border: 2px solid #bfbfbf;
    color: #888;
    padding: 12px 16px;
    line-height: 1.2;
    font-size: 15px;
    transition: 0.4s;
    background: transparent;
}
.btn.vfx9:hover {
    color: #333;
    background: rgba(221, 221, 221, 0.46);
    border-color: transparent;
}
.featured_btn {
    display: inline-block;
    line-height: 1;
    padding: 4px 7px;
    background: #fa6742;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
}

/*----------
	Social Buttons
-----------*/
.vfx-social-button {
    padding-left: 0;
}
.vfx-social-button li {
    display: inline-block;
    padding: 0 2px;
}
.vfx-social-button li:first-child {
    padding-left: 0;
}
.vfx-social-button li a i {
    color: #fff;
    transition: 0.5s;
}
.vfx-social-button li a:hover i {
    color: #d8232a !important;
}
.vfx-social-button.style1 li a i {
    color: #444;
    font-size: 14px;
    line-height: 32px;
}
.vfx-social-button.style1 li a {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    transition: 0.4s;
}
.vfx-social-button.style1 li a:hover {
    border: 1px solid #d8232a;
}
.bg-cb-gra {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.03) 0%,
        rgba(255, 255, 255, 0)
    );
}
.bg-cb-gra-two {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.03) 0%,
        rgba(255, 255, 255, 0)
    );
}
.bg-cb {
    background-color: #f7f7f7;
}
.our-story-bg-1::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url(../images/our-story-bg-1.jpg) no-repeat center bottom;
    background-size: 100% 100%;
    /*background-attachment:fixed;*/
    opacity: 1;
}
.our-story-bg-2::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url(../images/our-story-bg-2.jpg) no-repeat center bottom;
    background-size: 100% 100%;
    /*background-attachment:fixed;*/
    opacity: 1;
}
.bg-ag {
    background-color: rgba(221, 221, 221, 0.31);
}
.bg-ab {
    background-color: rgba(48, 52, 65, 0.58);
}
.bg-blue {
    background-color: #d8232a;
}
.bg-orange {
    background-color: #fa6742 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-grey {
    background-color: #ddd !important;
}
.bg-f {
    background-size: cover;
    background-position: center;
    height: 750px;
    background-repeat: no-repeat;
}
.bg-l {
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-repeat: no-repeat;
}
.bg-h {
    background-position: center;
    background-size: cover;
    height: 440px;
}
.bg-s {
    background-position: center;
    background-size: cover;
    height: 400px;
}
.bg-xs {
    background-position: center;
    background-size: cover;
    height: 220px;
}
.bg-fb {
    background: #3b5998;
}
.bg-tt {
    background: #34aaf3;
}
.bg-ig {
    background: #c035a7;
}
/*-----------------------------------------------------------
    Fixed header
-------------------------------------------------------------*/
.header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    transition: 0.7s;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
}
.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: 0.7s;
    /* box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.1); */
}
.header.hide {
    top: 0;
    visibility: visible;
    transition: 0.7s;
}
.header.transparent.scroll {
    padding: 0;
    transition: 0.7s;
    z-index: 999;
}
.header.transparent.scroll-hide.scroll
    .vfx-site-navbar-area.vfx1
    .mobile-bar
    span {
    color: #fff;
}
.header.transparent.scroll .vfx-site-navbar-area.vfx1 {
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.header.transparent.scroll .vfx-site-navbar-area.vfx2 {
    background-color: #fff;
    /* box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); */
}
.header.transparent.scroll .vfx-site-navbar-area.vfx1 .user-btn span {
    background: #fff;
    color: #d8232a;
}
.header.transparent.scroll .vfx-site-navbar-area.vfx1 .btn.vfx6 {
    background: #fff;
}
.header.transparent.scroll .vfx-site-navbar-area.vfx1 .btn.vfx6:hover {
    color: #888 !important;
    background: #fff;
}
.header.transparent.scroll .vfx-site-navbar-area.vfx1 .vfx-add-list .btn.vfx8 {
    background: #fff;
    color: #000 !important;
}
.header.transparent.scroll
    .vfx-site-navbar-area.vfx1
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a {
    color: #fff;
}
.header.transparent.scroll
    .header.transparent.scroll
    .vfx-site-navbar-area.vfx1
    .site-menu
    > li::before {
    background: #222222;
}
.header.transparent.scroll
    .vfx-site-navbar-area
    .site-navbar
    .site-navigation
    .site-menu
    .vfx-nav-children
    > a::before {
    color: #222222;
}
.header.transparent.scroll .vfx-site-navbar-area.vfx1 .user-btn.vfx2 li a i {
    color: #fff;
}
.header.transparent.scroll .btn.vfx6 {
    border-color: transparent;
    color: #888 !important;
}
.header.transparent.scroll .btn.vfx6:hover {
    background-color: #d8232a;
    color: #fff !important;
}
/*-----------------------------------------------------------
    Header Top section
-------------------------------------------------------------*/
.header-top-section {
    background: #f4f6fd;
    display: block;
    transition: 1s;
    padding: 5px 0;
}
.header-top-left ul li {
    display: inline-block;
    padding-right: 30px;
}
.header-top-left ul li a {
    font-size: 13px;
    color: #222;
}
.header-top-left ul li i {
    color: #d8232a;
    margin-right: 7px;
    font-size: 15px;
    top: 1px;
    position: relative;
}
.vfx-menu-btn .vfx-social-button.style1 {
    display: inline-block;
    margin-left: 15px;
}
.vfx-menu-btn .vfx-social-button.style1 li {
    padding-right: 0;
    padding-left: 10px;
}
.vfx-menu-btn .vfx-social-button.style1 li a {
    border: none;
    width: auto;
    height: auto;
}
.vfx-menu-btn .vfx-social-button.style1 li a i {
    color: #888;
    font-size: 16px;
}
.header-top-section.header-top-none {
    display: none;
}
/*-----------------------------------------------------------
    Menu
-------------------------------------------------------------*/
.vfx-site-navbar-area {
    z-index: 99;
    transition: 0.3s all ease;
}
.vfx-site-navbar-area .navbar-brand {
    padding: 0;
    max-width: 180px;
    margin-right: 0;
    line-height: 1.2;
}
.vfx-site-navbar-area.vfx1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.vfx-site-navbar-area.scrolled {
    padding: 0px 0;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);
}
.site-navbar-top {
    display: none;
    font-size: 0.8rem;
    background: #1e7e34;
}
.site-navbar-top a {
    color: #fff;
}
.site-navbar-top .text-with-icon {
    color: rgba(255, 255, 255, 0.5);
}
.site-navbar-top,
.site-navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.site-navbar {
    margin-bottom: 0px;
    width: 100%;
    border-bottom: none;
}
.site-navbar .site-logo {
    font-weight: 200;
}
.site-navbar .site-logo a {
    font-weight: 200;
    font-size: 26px;
    color: #000;
}
.site-navbar .site-navigation .site-menu {
    margin-bottom: 0;
}
.site-menu > li {
    position: relative;
}
.site-menu > li > a:hover:before {
    width: 100%;
}
.vfx-site-navbar-area.vfx1 .site-menu > li::before {
    background: #fff;
}
.vfx-site-navbar-area.vfx2 .site-menu > li::before {
    background: #d8232a;
}
.site-navbar .site-navigation .site-menu .active > a {
    color: #000;
}
.user-menu li a {
    padding-left: 5px !important;
    padding-right: 0 !important;
}
.user-menu li a {
    background: #d8232a;
    color: #fff !important;
    border-radius: 20px;
    transition: 0.4s;
    padding: 10px 20px !important;
}
.user-menu li a:hover {
    background: #fff;
    color: #333 !important;
}
.site-navbar .site-navigation .site-menu > li {
    display: inline-block;
    padding: 8px 15px;
}
.vfx-site-navbar-area.vfx1 .site-navbar .site-navigation .site-menu > li > a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
}
.vfx-menu-btn {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.user-login-wrap {
    margin-left: 20px;
}
.vfx-site-navbar-area.vfx1 .user-login-wrap a {
    color: #fff;
    font-size: 15px;
}
.user-btn li {
    display: inline-block;
    position: relative;
    margin-right: 0px;
}
.user-btn li a {
    display: inline-block;
    text-align: center;
    position: relative;
    transition: 0.5s;
    width: auto;
    border-radius: 30px;
    padding: 5px 15px;
    color: #fff;
    font-size: 15px;
}

.user-btn span {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #d8232a;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 10px;
    top: -3px;
    right: -10px;
}
.user-btn span.user-login-text {
    background: transparent;
    font-size: 15px;
    position: relative;
    font-weight: 600;
    left: 0;
    top: 0;
}
.modal-backdrop {
    z-index: 99999;
}
.modal-backdrop.show {
    opacity: 0.9;
}
.modal {
    z-index: 999999;
}
.user-btn li a i {
    color: #d8232a;
    font-size: 14px;
    font-weight: 700;
    transition: 0.5s;
}
.user-btn.vfx2 li a {
    background: #d8232a;
}
.user-btn.vfx2 li a i {
    margin-right: 5px;
    font-size: 12px;
    color: #fff;
}
.user-btn li a:hover {
    border-color: #d8232a;
}
.user-btn li a:hover i {
    color: #d8232a;
}
.user-btn.vfx2 li a:hover {
    border-color: #fff;
}
.user-btn.vfx2 li a:hover i {
    color: #fff;
}
.vfx-add-list {
    text-align: right;
}
.vfx-site-navbar-area.vfx2 {
    padding: 8px 0;
    background-color: rgba(0, 0, 0, 0);
}
/* When the navbar gets scrolled, make background more opaque */
.vfx-site-navbar-area.vfx2.scrolled {
    padding: 8px 0;
    background-color: rgb(255, 255, 255);
}

/* When the navbar element itself has .scrolled (JS toggles), make links black and bold */
.vfx-site-navbar-area.vfx2.scrolled
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a {
    color: #222222 !important;
    font-weight: 700 !important;
}

.vfx-site-navbar-area.vfx2.scrolled
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a:hover {
    color: #d8232a;
}

/* Strong fallback: if body has nav-scrolled class make nav links black and bold */
body.nav-scrolled
    .vfx-site-navbar-area.vfx2
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a {
    color: #222222 !important;
    font-weight: 700 !important;
}

/* Ensure active link is highlighted (orange) and bold even when other rules use !important */
.header.transparent
    .vfx-site-navbar-area.vfx2
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a.active,
.vfx-site-navbar-area.vfx2.scrolled
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a.active,
body.nav-scrolled
    .vfx-site-navbar-area.vfx2
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a.active {
    color: #d8232a !important;
    font-weight: 700 !important;
}
.vfx-site-navbar-area.vfx2 .site-navbar .site-navigation .site-menu > li > a {
    color: #222222;
    font-size: 16px;
    font-weight: 600;
}

/* When header is transparent (over banner) make nav links white and bold for readability */
.header.transparent
    .vfx-site-navbar-area.vfx2
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a {
    color: #ffffff;
    font-weight: 700 !important;
}

/* When header gains the scroll class (solid/opaque background), revert links to dark */
.header.transparent.scroll
    .vfx-site-navbar-area.vfx2
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a {
    color: #222222 !important;
    font-weight: 700 !important;
}
.vfx-site-navbar-area.vfx2
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a:hover {
    color: #d8232a;
}
.vfx-site-navbar-area.vfx2
    .site-navbar
    .site-navigation
    .site-menu
    > li
    > a.active {
    color: #d8232a;
}
.site-navbar .site-navigation .site-menu > li > a:hover {
    color: #000;
}
.site-navbar .site-navigation .site-menu > li:last-child {
    padding-right: 0;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children {
    position: relative;
}
.vfx-nav-children a {
    font-size: 15px;
    font-weight: 300;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children > a {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    display: block;
}
.dropdown > .vfx-nav-children > a::before {
    position: absolute !important;
    content: "\e876" !important;
    color: #222222 !important;
    font-family: "Linearicons-Free";
    top: 11px !important;
    right: 3px !important;
    font-size: 10px;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 120%;
    left: 0;
    position: absolute;
    text-align: left;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    transition: 0.4s 0s;
    z-index: 999;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children .dropdown {
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.05);
    position: absolute;
    min-width: 13rem;
    z-index: 9999;
    border-radius: 6px;
    border: 2px solid rgba(0, 0, 0, 0.05);
}
.site-navbar .site-navigation .site-menu .vfx-nav-children .dropdown a.active {
    color: #d8232a;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children .dropdown li {
    position: relative;
    padding: 5px 15px;
}
.dropdown.sub-menu {
    position: absolute;
    min-width: 13rem !important;
    z-index: 9999;
}
.dropdown li a:hover {
    margin-left: 5px;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children .dropdown:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #000;
    border-width: 7px;
    margin-left: -7px;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children .dropdown a {
    text-transform: none;
    letter-spacing: normal;
    transition: 0s all;
    color: #fff;
}
.site-navbar
    .site-navigation
    .site-menu
    .vfx-nav-children
    .dropdown
    .active
    > a {
    color: #28a745 !important;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children .dropdown > li {
    border-bottom: 1px solid #f5f6f7;
    list-style: none;
    margin: 0;
}
.site-navbar
    .site-navigation
    .site-menu
    .vfx-nav-children
    .dropdown
    li:last-child {
    border-bottom: none;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children .dropdown > li > a {
    display: block;
    color: #484848;
    transition: 0.3s;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0;
}
.site-navbar
    .site-navigation
    .site-menu
    .vfx-nav-children
    .dropdown
    > li
    > a:hover {
    color: #d8232a;
}
.site-navbar
    .site-navigation
    .site-menu
    .vfx-nav-children
    .dropdown
    > li.vfx-nav-children
    > a:before {
    content: "\f10a";
    right: 20px;
}
.site-navbar
    .site-navigation
    .site-menu
    .vfx-nav-children
    .dropdown
    > li.vfx-nav-children
    > .dropdown,
.site-navbar
    .site-navigation
    .site-menu
    .vfx-nav-children
    .dropdown
    > li.vfx-nav-children
    > ul {
    left: 100%;
    top: 0;
}
.site-navbar
    .site-navigation
    .site-menu
    .vfx-nav-children
    .dropdown
    > li.vfx-nav-children
    > .dropdown.sub-menu {
    top: 2% !important;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children:hover,
.site-navbar .site-navigation .site-menu .vfx-nav-children:focus,
.site-navbar .site-navigation .site-menu .vfx-nav-children:active {
    cursor: pointer;
}
.site-navbar .site-navigation .site-menu .vfx-nav-children:hover > .dropdown,
.site-navbar .site-navigation .site-menu .vfx-nav-children:focus > .dropdown,
.site-navbar .site-navigation .site-menu .vfx-nav-children:active > .dropdown {
    transition-delay: 0s;
    margin-top: -1px;
    visibility: visible;
    opacity: 1;
}
.vfx-mobile-navigation-menu {
    width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20000;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    height: calc(100vh);
    transform: translateX(110%);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    transition: 0.3s all ease-in-out;
}
.offcanvas-menu .vfx-mobile-navigation-menu {
    transform: translateX(0%);
}
.mobile-bar span {
    font-size: 28px;
    line-height: 34px;
    border-radius: 4px;
}
.vfx-site-navbar-area.vfx1 .mobile-bar span {
    color: #fff;
}
.vfx-site-navbar-area.vfx2 .mobile-bar span {
    color: #000;
}
.vfx-mobile-navigation-menu-close.js-menu-toggle span {
    color: #000;
    margin-right: 15px;
    font-size: 25px !important;
}
.vfx-mobile-navigation-menu .vfx-mobile-navigation-menu-header {
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.vfx-mobile-navigation-menu
    .vfx-mobile-navigation-menu-header
    .vfx-mobile-navigation-menu-close {
    float: right;
    margin-top: 0px;
    background: #d8232a;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 30px;
}
.vfx-mobile-navigation-menu
    .vfx-mobile-navigation-menu-header
    .vfx-mobile-navigation-menu-close
    span {
    font-size: 16px !important;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s all ease;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}
.vfx-mobile-navigation-menu
    .vfx-mobile-navigation-menu-header
    .vfx-mobile-navigation-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}
.vfx-mobile-navigation-menu
    .vfx-mobile-navigation-menu-header
    .vfx-mobile-navigation-menu-logo
    a {
    display: inline-block;
    text-transform: uppercase;
}
.vfx-mobile-navigation-menu
    .vfx-mobile-navigation-menu-header
    .vfx-mobile-navigation-menu-logo
    a
    img {
    max-width: 70px;
}
.vfx-mobile-navigation-menu
    .vfx-mobile-navigation-menu-header
    .vfx-mobile-navigation-menu-logo
    a:hover {
    text-decoration: none;
}
.vfx-mobile-navigation-menu .vfx-mobile-navigation-menu-body {
    overflow-y: scroll !important;
    position: relative;
    padding: 15px;
    height: calc(100vh - 52px);
}
.vfx-mobile-navigation-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
.vfx-mobile-navigation-menu .site-nav-wrap a {
    padding: 8px 5px;
    display: block;
    position: relative;
    color: #565859;
    font-weight: 400;
}
.vfx-mobile-navigation-menu .site-nav-wrap li {
    position: relative;
    display: block;
}
.vfx-mobile-navigation-menu .site-nav-wrap li.active > a {
    color: #28a745;
}
.vfx-mobile-navigation-menu .site-nav-wrap .arrow-collapse {
    background: #d8232a;
    color: #ffffff;
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 30px;
    height: 30px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    border-radius: 30px;
}
.vfx-mobile-navigation-menu .site-nav-wrap .arrow-collapse:hover {
    background: #424242;
    color: #ffffff;
}
.vfx-mobile-navigation-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 10px;
    z-index: 20;
    font-family: "Linearicons-Free";
    content: "\e874";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    transition: 0.3s all ease;
}
.vfx-mobile-navigation-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    transform: translate(-50%, -50%);
}
.vfx-mobile-navigation-menu .site-nav-wrap > li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.vfx-mobile-navigation-menu .site-nav-wrap > li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.vfx-mobile-navigation-menu .site-nav-wrap > li:last-child {
    margin-top: 0;
    border-bottom: 0;
}
.vfx-mobile-navigation-menu .site-nav-wrap > li > a {
    font-size: 15px;
    font-weight: 600;
}
.vfx-mobile-navigation-menu .site-nav-wrap > li > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.vfx-mobile-navigation-menu .site-nav-wrap > li > ul > li {
    display: block;
}
.vfx-mobile-navigation-menu .site-nav-wrap > li > ul > li > a {
    font-size: 15px;
    font-weight: 600;
    color: #565859;
    padding: 7px 8px 7px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.vfx-mobile-navigation-menu .site-nav-wrap > li > a:hover,
.vfx-mobile-navigation-menu .site-nav-wrap > li > ul > li > a:hover {
    color: #d8232a;
}
.vfx-mobile-navigation-menu .site-nav-wrap > li > ul > li > ul {
    padding: 0;
    margin: 0;
}
.vfx-mobile-navigation-menu .site-nav-wrap > li > ul > li > ul > li {
    display: block;
}
.vfx-mobile-navigation-menu .site-nav-wrap > li > ul > li > ul > li > a {
    font-size: 16px;
    padding-left: 60px;
}
#vfx-user-login-popup .modal-dialog {
    max-width: 450px;
}

/*---------------------------------------------------
    Hero Area
---------------------------------------------------- */
.hero {
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    /* height: 750px; */
    height: 100vh;
    padding: 20rem 0 12.5rem;
    transition: all 0.5s ease-in-out;
}
.hero__description,
.hero-desc.vfx2 {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0.9375rem;
}
.hero__title,
.hero-title.vfx2 {
    color: #fff;
    font-size: 3.5rem;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 10px;
    margin-left: -4px;
}
.hero__title.events-tab {
    display: none;
}
ul.hero_list {
    display: inline-block;
    margin-bottom: -6px;
    border-bottom: 1px solid #ddd;
}
ul.hero_list li {
    display: inline-block;
    padding: 10px 15px;
    float: left;
    cursor: pointer;
    background: #fff;
    transition: 0.5s;
}
ul.hero_list li.active,
ul.hero_list li:hover {
    background: #d8232a;
}
ul.hero_list li a {
    font-size: 16px;
    padding: 0 10px;
}
ul.hero_list li.active a,
ul.hero_list li:hover a {
    color: #fff;
}
ul.hero_list li:first-child {
    border-top-left-radius: 5px;
}
ul.hero_list li:last-child {
    border-top-right-radius: 5px;
}
/*==================================
    Header Text
====================================*/
.header-text.vfx1 {
    /* text-align: center; */
    position: relative;
    z-index: 2; /* ensure header text sits above the overlay */
}
.header-text.vfx2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.header-text.vfx2 span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
/* .header-text.vfx1 h1 {
	margin-bottom: 60px;
} */
.header-text.vfx1 h1,
.header-text.vfx2 h1 {
    font-family: "Poppins", sans-serif;
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    line-height: 1.2;
    text-transform: capitalize;
}
.header-text.vfx1 p,
.header-text.vfx2 p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}
/*--------Hero one----------*/
.hero.vfx1 {
    position: relative;
}
/*.hero.vfx1:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    display: inline-block;
    background: linear-gradient(to top, rgb(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 5%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
    z-index: 9;
}*/
.hero.vfx2 {
    justify-content: center;
    /* height: 615px; */
    height: 100vh;
    align-content: center;
    padding: 0;
}
.hero.vfx2 .vfx-posabs {
    position: absolute;
    width: 100%;
    top: 240px;
}
.vfx_hero_form_area {
    position: relative;
}
.vfx_hero_form_area.vfx1 {
    background: #fff;
    border-top-left-radius: 0;
    padding: 15px;
}
.vfx_hero_form_area.vfx1 .nice-select.vfx_hero_form_area_input {
    line-height: 25px !important;
    font-size: 15px;
}
.vfx_hero_form_area.vfx1.filter.listing-filter.property-filter {
    background: #f7f7f7;
    border-radius: 6px;
}
.showing-listing-block {
    background: #f7f7f7;
    border-radius: 6px;
    padding: 5px 15px;
}
.nice-select.vfx_hero_form_area_input.vfx-custom-select-area span {
    color: #888;
    font-weight: 600;
    font-size: 15px;
    line-height: 34px;
    position: absolute;
}
.vfx_hero_form_area .vfx-custom-select-area span {
    margin-top: 0 !important;
}
.filter-wrapper .filter-sorting span.current {
    color: #888;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
}
.vfx_hero_form_area select {
    height: 3.3125rem;
}
.vfx_hero_form_area-favourite {
    padding: 1.875rem 0;
    background: transparent;
    margin-bottom: 5rem;
}
.vfx_hero_form_area_input {
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    margin-right: 0.625rem;
    color: #333;
    font-size: 0.9rem;
    font-weight: 400;
    background: transparent;
    outline: none;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0;
    padding: 10px;
}
.listing-input.vfx_hero_form_area_input.vfx-custom-select-area {
    height: 45px;
    border-radius: 4px;
    border-color: #ddd;
    position: relative;
    width: 100%;
}
.listing-input.nice-select {
    line-height: 26px;
}
.listing-input.nice-select:after {
    right: 4%;
    top: 18%;
}
.vfx_hero_form_area_input-favourite {
    border-bottom: 1px solid #ffffff;
    width: 16rem;
    margin-right: 1.875rem;
    color: #ccc;
}
.vfx_hero_form_area_input:focus {
    background: transparent;
    border-bottom: 1px solid #ebebeb;
}
.vfx_hero_form_area_input-favourite:focus {
    background: transparent;
    border: 1px solid #fb646f;
}
.hero__input-holders {
    display: inline-block;
    width: 48rem;
    background: #fff;
    padding: 0.625rem 1.5rem;
    border-radius: 1.6rem;
}
.hero-events {
    background: url("../images/header/slider-3.html");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
/*---------------Hero two------------*/
.vfx_hero_form_area.vfx2.filter.listing-filter .dropdown-filter span,
.vfx_hero_form_area.vfx2.filter.listing-filter .dropdown-filter span:before {
    color: #888;
}
.vfx_hero_form_area.vfx2 {
    padding: 15px;
    position: relative; /*    background: rgba(48, 52, 65, 0.58);*/
}
.sidebar .vfx_hero_form_area.vfx2 {
    padding: 0; /*    background: rgba(48, 52, 65, 0.58);*/
}
.widget .vfx_hero_form_area.vfx2 {
    background: transparent;
}
.vfx_hero_form_area.vfx2.style2 {
    background: #fff;
    border-top-left-radius: 0;
}
.vfx_hero_form_area.vfx2 .btn-default.btn-default-red {
    margin-left: 85px;
}
.input-search {
    position: relative;
}
.input-search:before {
    color: #828282;
    position: absolute;
    top: 12px;
    right: 15px;
    font-weight: 600;
    content: "\e86f";
    font-family: "Linearicons-Free";
    font-size: 16px;
    cursor: pointer;
    z-index: 99;
}
.listing-filter input[type="text"] {
    padding: 0px 45px 0 15px;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    height: 48px;
}
input[type="text"]:focus {
    border: 1px solid #d8232a;
}
.contact-form__input-text:focus,
.contact-form__textarea:focus {
    border: 1px solid #d8232a;
}
.vfx_hero_form_area .vfx_hero_form_area_input {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}
.vfx_hero_form_area .nice-select.vfx_hero_form_area_input {
    font-size: 14px;
    height: 48px;
    background: #fff;
    line-height: 24px;
    width: 100%;
    display: block;
}
.vfx_hero_form_area.bg-grey.filter .btn.vfx3 {
    margin-left: 77px;
}
.vfx_hero_form_area.vfx3 {
    background: #fff;
    padding: 30px;
}
.vfx_hero_form_area.vfx3 h4 {
    text-transform: capitalize;
}

/*-----------Hero Slider------------*/
.hero-parallax {
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    height: 750px;
    position: relative;
}
.hero-slider-item {
    padding: 150px 0;
}
.slider-form.vfx1 .vfx_hero_form_area.vfx1 {
    border-radius: 3px;
    padding: 15px;
    transform: translateY(-55px);
    z-index: 10;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background: #f7f7f7;
}
.slider-form.vfx2 .vfx_hero_form_area.vfx1 {
    border-radius: 3px;
    padding: 15px;
    transform: translateY(0);
    z-index: 10;
    background: #f7f7f7;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/*---------Style2------------*/
.hero-slider.vfx2 .property-feature {
    columns: 3;
}
.hero-slider.vfx2 .list-details-title.vfx3 {
    background: #fff;
    padding: 30px;
    z-index: 99;
    position: absolute;
    top: 150px;
    width: 500px;
    transform: translateY(50%);
}
.hero-slider.vfx2 .list-details-title.vfx2 .single-listing-title h2,
.hero-slider.vfx2 .list-details-title.vfx2 .single-listing-title p,
.hero-slider.vfx2 .list-details-title.vfx2 .single-listing-title p i,
.hero-slider.vfx2 .list-details-title.vfx2 .list-ratings a,
.hero-slider.vfx2
    .list-details-title.vfx2
    .list-details-btn
    .vfx-trend-open-price
    p
    span,
.hero-slider.vfx2
    .list-details-title.vfx2
    .list-details-btn
    .vfx-trend-open-price
    p {
    color: #333;
}
.hero-slider.vfx2 .list-details-title.vfx3 .list-ratings {
    margin-left: 0;
}
.hero-slider.vfx2 .list-details-title.vfx3 .vfx-trend-open-price p {
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 20px;
}
.hero-slider.vfx2 .list-details-title.vfx3 .property-feature {
    columns: 4;
    padding: 5px 0;
}

/*---------Video Header------*/
.video-area .video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 650px;
    z-index: 0;
}
.video-area.vfx1 {
    height: 100vh;
}
.video-area.vfx1 .video-content {
    z-index: 1001;
    padding-top: 200px;
}
.video-area.vfx1 .overlay {
    z-index: 1001;
}
.video-area.vfx1 .video-container {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.video-area.vfx1 #video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(../img/banner-music.html);
    background-size: cover;
    overflow: hidden;
    z-index: 999;
}
.video-form-text {
    margin-bottom: 30px;
}
.video-form-text h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 0px;
}
.video-form-text p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

/*-----------hero parallax---------*/
.hero.vfx3 {
    background-attachment: fixed;
}
.hero-area.vfx1 {
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
}
.hero-area.vfx1 .vfx_hero_form_area.vfx2 {
    border-radius: 0;
    background: transparent;
    padding: 0;
}
.hero-area.vfx1 .vfx_hero_form_area.vfx2 .vfx_hero_form_area_input {
    background: #fff;
    margin-bottom: 20px;
    height: 50px;
    border-radius: 3px;
    padding-left: 25px;
}
.hero-area.vfx1 .vfx_hero_form_area.vfx2 .vfx_hero_form_area_input::before {
    display: none;
}
.hero-area.vfx1 .hero-title.vfx2 {
    color: #fff;
    font-size: 2.375rem;
    line-height: 4.2rem;
    margin-bottom: 0;
    margin-left: 0;
}
.hero-area.vfx1 .hero-desc.vfx2 {
    margin-bottom: 0;
}
.vfx_hero_form_area.vfx2.filter.listing-filter,
.vfx_hero_form_area.vfx4.filter.listing-filter {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(5px);
    padding: 15px;
    border-radius: 8px;
}

/*----------Form----------*/
.nice-select {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    user-select: none;
}
.nice-select:after {
    content: "\e874";
    font-family: "Linearicons-Free";
    display: block;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 25%;
    font-size: 10px;
    font-weight: 700;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    width: 100%;
    overflow-y: scroll;
    max-height: 160px;
    z-index: 99;
}
.nice-select.disabled {
    border-color: #ededed;
    color: #888;
    pointer-events: none;
}
.nice-select.disabled:after {
    border-color: #cccccc;
}
.nice-select .list {
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 2px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.nice-select .option {
    color: #333;
    cursor: pointer;
    font-weight: 600;
    line-height: 38px;
    list-style: none;
    min-height: 38px;
    outline: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-left: 15px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.nice-select .option:hover {
    background-color: #d8232a;
    color: #fff;
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #888;
    cursor: default;
}
.vfx-custom-select-area,
.vfx-custom-select-area:focus {
    border: 1px solid #e1e1e1;
    box-shadow: none;
    outline: none;
    height: 40px;
    line-height: 26px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 6px;
}
.showing-listing-block
    .nice-select.vfx_hero_form_area_input.vfx-custom-select-area
    span {
    font-size: 14px;
    line-height: 1.9;
}
.showing-listing-block .nice-select.vfx_hero_form_area_input {
    background: #ffffff;
    margin-top: 6px;
    margin-right: 0;
}
.vfx-custom-select-area.form-control::after {
    top: 15%;
}

/*-------------------------------------------
    Breadcrumb
-----------------------------------------*/
.breadcrumb-section {
    position: relative;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 67px 0 0px 0;
    background-color: #f1f1f1;
}
.breadcrumb-menu h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.breadcrumb-menu span a {
    color: #fff;
}
.breadcrumb-menu span a:hover {
    color: #d8232a;
}
.breadcrumb-menu span {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    padding: 0 10px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 500;
}
.breadcrumb-menu span::before {
    position: absolute;
    content: "/";
    right: -6px;
    top: 1px;
    color: #fff;
    font-size: 14px;
}
.breadcrumb-menu span:first-child {
    padding-left: 0;
}
.breadcrumb-menu span:last-child:before {
    display: none;
}
.breadcrumb-menu span:last-child a {
    padding-right: 0;
}
.breadcrumb-menu span a {
    text-transform: capitalize;
    letter-spacing: 0;
}

/*-----------------------------------------
    Catagory Box
------------------------------------------*/
.hero-catagory-wrapper {
    width: calc(100% + 20px);
    left: -20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.hero-category-content {
    width: calc(100% * (1 / 6) - 20px);
    float: left;
    margin: 0 0 0 20px;
    padding: 30px 16px;
    text-align: center;
    transition: 0.4s;
    transform: scale(1);
    vertical-align: top;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(30, 195, 139, 0.4);
    border-radius: 4px;
}
.hero-category-content i {
    font-size: 35px;
    color: #d8232a;
}
.hero-category-content:hover {
    background: #d8232a;
}
.hero-category-content:hover i {
    color: #fff !important;
}
.hero-category-content .name {
    margin: 5px 0 0 0;
    color: #635e5e;
    transition: 0.4s;
}
.hero-category-content p.d-name {
    opacity: 0;
    transition: 0.4s;
    color: #fff;
    margin-top: -25px;
}
.hero-category-content:hover p.name {
    opacity: 0;
}
.hero-category-content:hover p.d-name {
    opacity: 1;
    margin-top: -25px;
}

/*----------style2-----------------*/
.hero-catagory-menu {
    transform: translateY(35px);
}
.hero-catagory-menu p {
    display: block;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 18px;
}
.hero-catagory-menu ul li {
    display: inline-block;
    margin-left: 5px;
}
.hero-catagory-menu ul li:first-child {
    margin-left: 0;
}
.hero-catagory-menu ul li {
    font-size: 18px;
}
.hero-catagory-menu ul li a {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 7px 15px;
    border-radius: 50px;
    font-size: 11px;
    letter-spacing: 2px;
    transition: 0.5s;
    text-transform: uppercase;
    line-height: 1.2;
    background: transparent;
}
.hero-catagory-menu ul li a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid transparent;
}
.hero-catagory-menu ul li a i {
    font-size: 16px;
}
.hero-catagory-content.vfx2 i {
    color: #fff;
    font-size: 40px;
}
.hero-catagory-content.vfx2:hover i,
.hero-catagory-content.vfx2:hover .name {
    color: #d8232a;
}
.hero-category-content.vfx2 i,
.hero-category-content.vfx2 .name {
    color: #fff;
}
.hero-category-content.vfx2 {
    border: 1px solid transparent;
}
.hero-category-content.vfx2:hover {
    background: transparent;
    border: 1px solid #fff;
}
.hero-catagory-wrapper.vfx2 ul li {
    display: inline-block;
}
/*=====================================
    Property box
========================================*/
.property-slider {
    position: relative;
}
.property-next,
.property-prev {
    font-size: 18px;
    color: #fff;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.56);
    line-height: 30px;
    transition: 0.4s;
}
.property-next {
    right: -10%;
}
.property-prev {
    left: -10%;
}
.property-slider:hover .property-next {
    right: 2%;
}
.property-slider:hover .property-prev {
    left: 2%;
}
.property-carousel-prev,
.property-carousel-next {
    position: absolute;
    top: 50%;
}
.vfx-property-item {
    position: relative;
}
.property-carousel #carousel-thumb img {
    cursor: pointer;
}

/*--------------------------------------------
    Buy or Sell Section
----------------------------------------------*/
.category-section {
    position: relative;
    display: flex;
    align-items: center;
}
.category-section .overlay {
    background: #d8232a;
}
.category-content h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.2;
}
.category-content a {
    margin: 0 5px;
}
.category-content .btn.vfx3 {
    background: #fff;
    color: #d8232a !important;
}
.category-content .btn.vfx3:hover {
    background: transparent;
    border-color: #fff;
    color: #fff !important;
}

/*--------------------------------------------
    Popular category
----------------------------------------------*/
.popular-catagory-content {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.popular-catagory-img img {
    border-radius: 3px;
}
.popular-catagory-content .cat-content {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.6s;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: rgba(30, 195, 139, 0.9);
    border-radius: 3px;
}
.popular-catagory-content .title {
    color: #fff;
    font-size: 30px;
    margin: 0 0 10px 0;
    position: absolute;
    transform: translate(-50%, -50%);
    display: inline-block;
    top: 45%;
    left: 50%;
    padding-bottom: 5px;
}
.popular-catagory-content .title:before {
    position: absolute;
    bottom: 0%;
    left: 50%;
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
}
.popular-catagory-content .info {
    font-size: 14px;
    color: #fff;
    margin: 0;
}
.popular-catagory-content .cat-content span {
    color: #fff;
    font-size: 18px;
    margin-top: 70px;
}
.single_cat_wrap {
    columns: 2;
}
.single_cat {
    text-align: center;
    height: 100%;
    padding: 30px;
}
.single_cat img {
    max-width: 35px;
}
.single_cat h4 {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0;
}
.category-section.vfx2 .single_cat img {
    max-width: 50px;
    transition: 0.4s;
}
.category-section.vfx2 .single_cat {
    border: 1px solid rgba(217, 217, 217, 0.39);
    border-radius: 3px;
    padding: 30px;
    transition: 0.4s;
}
.category-section.vfx2 .single_cat:hover {
    box-shadow: 0 0px 15px rgba(221, 221, 221, 0.62);
}
.category-section.vfx2 .single_cat:hover img {
    transform: translateY(-10px);
}
.category-section.vfx2 .single_cat h4 {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    transition: 0.4s;
}
.category-section.vfx2 .single_cat:hover h4 {
    transform: translateY(-10px);
}
.category-section.vfx2 .single_cat p {
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
    color: #333;
    text-transform: capitalize;
}
.category-section.vfx2 .single_cat:hover p {
    visibility: visible;
    opacity: 1;
    transform: translateY(-10px);
}
.category-section.vfx2 .single_cat h4 {
    font-size: 18px;
    color: #d8232a;
}
.single_cat.br {
    border-right: 1px solid #fff;
}
.single_cat.bb {
    border-bottom: 1px solid #fff;
}

/*-----------------------------
    Style 2
------------------------------*/
.popular-catagory-content.vfx2 .cat-content i {
    color: #fff;
    font-size: 30px;
}
.popular-catagory-content.vfx2 .cat-content {
    opacity: 1;
    background: transparent;
}
.popular-catagory-content.vfx2 .title {
    top: 52%;
    font-weight: 400;
    font-size: 20px;
}
.popular-catagory-content.vfx2 .cat-content span {
    font-size: 15px;
}
.popular-catagory-content.vfx2 {
    border-radius: 3px;
}

/*------------------------------------------
    Discount Coupon
--------------------------------------------*/
.price {
    color: #000;
    font-weight: 600;
    margin-left: 10px;
}
.modal-content {
    padding: 0px;
    padding-bottom: 0px;
}
.rating i {
    color: #ffc728;
}
.price_input_item,
.price_input_item input {
    height: 45px;
    margin-bottom: 15px;
}

/*--------------------------------------------------------
    Trending places
 -------------------------------------------------------- */
.item-slider,
.item-classic {
    margin-bottom: 30px;
}
.vfx-property-item {
    background: #fff;
    margin: 0;
    border-radius: 10px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}
.sidebar-right .widget .vfx-property-item {
    overflow: hidden;
}
.vfx-single-property-box-area {
    margin-bottom: 25px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
    border-radius: 6px;
    background: #fff;
}
.swiper-slide .vfx-single-property-box-area {
    margin-bottom: 15px;
}
.add_list_content .vfx-single-property-box-area,
.sidebar-content-right .vfx-single-property-box-area {
    margin-bottom: 20px;
}
.widget .vfx-single-property-box-area {
    margin-bottom: 0px;
}
.vfx-single-property-box-area:hover {
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
}
.property-list .vfx-single-property-box-area .vfx-property-item {
    height: 100%;
}
.property-list .vfx-single-property-box-area .vfx-property-title-box-area {
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 20px 0 0px;
}
.vfx-property-img {
    position: relative;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    height: 100%;
}
.vfx-property-img:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    display: none;
    transition: 0.5s;
}
.vfx-property-img:hover:before {
    display: block;
}
.vfx-property-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 7 / 4;
}
.vfx-property-item a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.025em;
    z-index: 10;
}
.vfx-property-author-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 10;
    padding: 18px;
    transition: all 0.3s;
}
.vfx-single-property-box-area:hover .vfx-property-author-wrap {
    opacity: 1;
    visibility: visible;
}
.trending-bottom .trend-left .vfx-property-author-wrap {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 10;
    padding: 0;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}
.vfx-single-property-box-area .vfx-property-img:after {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0) 0%,
        rgba(0, 0, 0, 0.83) 5%,
        rgba(22, 22, 23, 0) 40%,
        rgba(0, 0, 0, 0) 100%
    );
    border-radius: 6px 6px 0 0;
}
.single-featured-list
    .vfx-single-property-box-area
    .vfx-property-author-wrap
    h4 {
    line-height: 1.2;
    margin-bottom: 5px;
}
.single-featured-list .vfx-single-property-box-area .property-author {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.vfx-property-item .vfx-save-btn {
    display: inline-block;
    float: right;
    cursor: pointer;
}
.vfx-property-item .property-author {
    display: inline-block;
}
.single-featured-list
    .vfx-single-property-box-area
    .vfx-property-item
    .vfx-property-author-wrap
    .property-author {
    display: block;
}
.featured-price {
    display: inline-block;
    float: right;
    color: #fff;
    line-height: 1;
}
.single-featured-list .vfx-single-property-box-area .featured-price {
    display: block;
    float: left;
}
.featured-price {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    margin-top: 5px;
    color: #d8232a;
}
.featured-price span {
    font-size: 15px;
}
.per_month,
.per_sale {
    position: relative;
}
.per_sale {
    padding-right: 20px;
}
.per_month {
    padding-left: 15px;
}
.per_sale:after,
.per_month:before {
    position: absolute;
    content: "/";
    font-size: 22px;
    bottom: 0;
}
.per_sale:after {
    right: 5px;
}
.per_month:before {
    left: 5px;
}
.property-list.fullwidth .list-extra {
    display: flex;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    text-align: right;
    padding-right: 45px;
}
.property-list.fullwidth .list-date i {
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.compare-btn {
    position: absolute;
    top: 78%;
    right: 15%;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.37);
    width: 30px;
    height: 30px;
    font-size: 16px;
    border-radius: 50%;
    line-height: 1.9;
    cursor: pointer;
    transition: 0.5s;
    float: right;
    display: inline-block;
    z-index: 999;
}
.compare-btn i {
    color: #fff;
}
.share_btn {
    position: absolute;
    top: 0;
    right: 0;
}
.vfx-save-btn li {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: #d8232a;
    border-radius: 50px;
    text-align: center;
    margin-left: 5px;
}
.vfx-save-btn li i {
    color: #ffffff;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
}
.vfx-save-btn li:hover i {
    color: #fff;
}
.vfx-save-btn li i.ion-ios-play {
    margin-left: 2px;
}
.vfx-trend-open-price p span {
    color: #888;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
}
.vfx-property-item {
    transition: 0.6s;
}
.vfx-property-item .compare-btn:hover {
    background: #d8232a;
}
.vfx-property-item img {
    width: 100%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.vfx-single-property-box-area:hover .vfx-property-item a.vfx-property-img img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transform: scale(1.1) rotate(0deg);
    transform: scale(1.1) rotate(0deg);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.vfx-property-img {
    position: relative;
}
.featured-property-wrap.vfx3 .vfx-property-img {
    border-top-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
}
.property-list .vfx-single-property-box-area .vfx-property-img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-top-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
}
.vfx-property-img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 9;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.45) 0%,
        rgba(0, 0, 0, 0.45) 5%,
        rgba(22, 22, 23, 0) 40%,
        rgba(0, 0, 0, 0) 100%
    );
    transition: 0.7s;
}
.vfx-property-item:hover .vfx-property-img:after {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0) 0%,
        rgba(0, 0, 0, 0.83) 5%,
        rgba(22, 22, 23, 0) 40%,
        rgba(0, 0, 0, 0) 100%
    );
}
.vfx-property-location {
    display: flex;
    flex-direction: row;
}
.vfx-property-location i {
    color: #ec2b2b;
    position: relative;
    font-size: 16px;
    top: 3px;
    margin-right: 8px;
}
.vfx-property-location p {
    display: inline-block;
    color: #484848;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
.recent-list .vfx-property-location i {
    position: relative;
    font-size: 13px;
    top: 5px;
    margin-right: 7px;
    height: 20px;
}
.vfx-property-item .property-author span {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0px;
    vertical-align: middle;
}
.property-author span {
    color: #333;
    font-weight: 500;
}
.property-author img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin-right: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.feature-text_one,
.feature-text_two {
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    font-weight: 400;
    padding: 3px 6px;
    display: inline-block;
    line-height: 1.3;
    z-index: 998;
    cursor: default;
}
.vfx-feature-text {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 12;
}
.vfx-feature-text.vfx2 {
    position: absolute;
    top: 6%;
    left: 3%;
    z-index: 9;
}
.feature_cb {
    background-color: rgba(75, 160, 0, 0.8);
}
.feature_or {
    background-color: rgba(250, 103, 66, 0.8);
}
.vfx-feature-text li {
    display: inline-block;
    z-index: 12;
    border-radius: 3px;
    margin: 0 3px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    height: 22px;
    line-height: 16px;
    cursor: default;
    font-size: 12px;
    padding: 3px 8px;
    backdrop-filter: blur(5px);
}
.vfx-feature-text li.verified_item {
    background: #0e8bcb;
    display: inline-block;
    z-index: 12;
    border-radius: 30px;
    margin: 0 3px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    width: 22px;
    height: 22px;
    line-height: 13px;
    cursor: default;
    font-size: 11px;
    padding: 3px;
    border: 2px solid rgba(0, 0, 0, 0.2);
}
.single-listing-title h2 i.fa-check {
    background: #0e8bcb;
    display: inline-block;
    z-index: 12;
    border-radius: 30px;
    margin: 0 3px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    width: 22px;
    height: 22px;
    line-height: 12px;
    cursor: default;
    vertical-align: middle;
    margin-left: 6px;
    font-size: 11px;
    padding: 3px;
    border: 2px solid rgba(0, 0, 0, 0.2);
}
.feature-text_one {
    right: 6%;
    background: #fa6742;
}
.feature-text_two {
    right: 27%;
    background: #d8232a;
}
#list-view .feature-text_one {
    right: 3%;
}
#list-view .feature-text_two {
    right: 23%;
}
.trending-rating-orange {
    background: #ffae00 !important;
}
.trending-rating-pink {
    background: #ff6d6d !important;
}
.property-list-item {
    box-shadow: 0 0 15px #ddd;
}
.property-list-item .vfx-property-title-box-area {
    box-shadow: none;
    padding: 50px;
}
.vfx-property-title-box-area {
    padding: 15px 20px;
    border-radius: 6px;
    background: #fff;
}
.vfx-property-title-box-area h4 a {
    color: #232323;
    font-size: 18px;
    letter-spacing: 0;
    font-family: "Nunito", sans-serif;
    font-weight: 600;
}
.vfx-property-title-box-area h4 a:hover {
    color: #d8232a;
}
.trending-row {
    position: relative;
}
.vfx-trending-places {
    position: relative;
}
.vfx-trending-places .swiper-container,
.property-place .swiper-container {
    padding: 0 15px;
}
.property-place {
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
}
.featured-pagination,
.vfx-trending-pagination,
.vfx-popular-property-pagination,
.vfx-latest-property-pagination {
    transform: translate(0%, 0%);
    right: auto;
    bottom: 0px;
    z-index: 9;
    left: auto;
    margin: 0 auto;
    text-align: center;
}
.vfx-trending-pagination .swiper-pagination-bullet-active,
.featured-pagination.swiper-pagination-bullet-active {
    border-radius: 50px;
    opacity: 1;
    background: #d8232a !important;
    top: 0;
}
.vfx-trending-pagination .swiper-pagination-bullet,
.featured-pagination.swiper-pagination-bullets,
.vfx-popular-property-pagination .swiper-pagination-bullet,
.vfx-latest-property-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 10px;
    background: #d8232a;
    margin-right: 8px;
    transition: 0.6s;
    border: 2px solid #d8232a;
    position: relative;
    top: 8px;
}
.vfx-trending-pagination .swiper-pagination-bullet:focus,
.featured-pagination.swiper-pagination-bullets:focus,
.vfx-popular-property-pagination .swiper-pagination-bullet:focus,
.vfx-latest-property-pagination .swiper-pagination-bullet:focus {
    outline: 0;
}
.vfx-product-rating li {
    display: inline-block;
    line-height: 1;
    cursor: text;
}
.vfx-product-rating li.fa-star,
.vfx-product-rating li i.fa-star {
    font-size: 16px;
    cursor: text;
    margin-right: 3px;
    color: #ffc600;
}
.vfx-product-rating li.fa-star:last-child,
.vfx-product-rating li i.fa-star:last-child {
    margin-right: 0;
}
.review-summury {
    line-height: 55px;
}
.vfx-customer-review {
    margin-bottom: 50px;
}
.trend-left span {
    margin-right: 7px;
}
.lb-data .lb-number {
    display: none !important;
}
.trend-left span,
.vfx-trend-right a {
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
}
.vfx-trend-right i {
    color: #888;
    font-size: 18px;
}
.vfx-property-title-box-area p.text-tlt,
.vfx-most-view-detail p.text-tlt,
.entry-text p.text-tlt {
    font-size: 14px;
    line-height: 24px;
    color: #d8232a;
    font-weight: 600;
    margin-bottom: 8px;
    background: rgba(0, 0, 0, 0.06);
    padding: 0 10px;
    border-radius: 3px;
    display: block;
    position: relative;
    width: max-content;
}
.vfx-property-item .vfx-property-author-wrap p.text-tlt {
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 0px;
    background: rgba(255, 255, 255, 0.2);
    padding: 0 10px;
    top: 3px;
    backdrop-filter: blur(5px);
    border-radius: 4px;
    display: inline-block;
    position: relative;
    width: max-content;
    vertical-align: sub;
    margin-bottom: 0;
}
.vfx-property-title-box-area h4 {
    font-family: "Nunito", sans-serif;
    margin-bottom: 10px;
    line-height: 1;
    display: inline-block;
}
.vfx-property-title-box-area p span {
    font-size: 12px;
    text-transform: capitalize;
    color: #888;
    font-weight: 400;
}
.vfx-most-view-detail .lt_active,
.vfx-most-view-detail .lt_pending {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
    padding: 0 10px;
    border-radius: 4px;
}
.vfx-most-view-detail .lt_active {
    background: #4ba000;
}
.vfx-most-view-detail .lt_pending {
    background: #ffbb28;
}
.property-feature {
    display: inline-block;
    padding: 10px 0 15px 0;
}
.property-feature li:first-child {
    padding-left: 0;
}
.property-feature li {
    padding: 0px 0 0px 10px;
    text-align: left;
    display: inline-block;
}
.vfx-property-author-wrap.vfx2 .property-feature li i,
.vfx-property-author-wrap.vfx2 .property-feature li span {
    color: #fff;
}
.property-feature li i {
    font-size: 14px;
    margin-right: 4px;
    color: #d8232a;
}
.property-feature li:last-child:before {
    display: none;
    opacity: 0;
}
.property-feature li span {
    font-size: 14px;
    color: #484848;
    font-weight: 500;
}
.vfx-property-author-wrap ul.vfx-product-rating {
    display: inline-block;
    margin-top: 8px;
}
.vfx-property-author-wrap ul.vfx-product-rating li a.fa-star {
    color: #ffc600;
}
.vfx-property-author-wrap ul.vfx-product-rating li a.fa-star-o {
    color: #eaeaea;
}
.trend-left img {
    width: 38px;
    height: 38px;
    border-radius: 50px;
}
.trend-left span {
    font-size: 14px;
    font-weight: 600;
    color: #534f4f;
    text-transform: capitalize;
}
a.property-author:hover span {
    color: #d8232a;
}
.trending-bottom {
    border-top: 1px dashed #c8c8c8;
    margin-top: 10px;
    padding-top: 10px;
    display: inline-block;
    width: 100%;
}
.trending-bottom p {
    display: inline-block;
}
.trending-address li p {
    margin-left: 40px;
    padding-bottom: 5px;
}
.trend-closed {
    color: #ff3a6d;
    font-size: 13px;
    display: block;
    font-weight: 400;
    display: inline-block;
    margin-left: 10px;
    line-height: 2.2;
}
.vfx-trend-open-price {
    color: #d8232a;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
}
.recent-list .entry-text .vfx-trend-open-price {
    padding: 6px 10px;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    background: #d8232a;
    color: #ffffff;
    margin-top: 5px;
    border-radius: 4px;
}
.vfx-trend-right .vfx-trend-open-price {
    color: #d8232a;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    margin: 10px 0;
}
.list-details-btn .vfx-trend-open-price {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
    line-height: 1;
    background: #d8232a;
    text-align: center;
    padding: 8px 15px;
    border-radius: 6px;
}
.list-details-btn .vfx-trend-open-price p {
    font-size: 22px;
    margin-left: 0;
}
.list-details-title.vfx2 .list-details-btn .vfx-trend-open-price p {
    color: #fff;
}
.list-details-title.vfx2 .list-details-btn .vfx-trend-open-price p span {
    color: #ccc;
    font-weight: 400;
}
.entry-price .vfx-trend-open-price i {
    margin-right: 5px;
    font-size: 15px;
}
.single-place {
    overflow: hidden;
    position: relative;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
}
.single-place::after,
.single-blog-item.vfx2:after {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.65) 35%,
        rgba(22, 22, 23, 0) 80%,
        rgba(0, 0, 0, 0) 100%
    );
    border-radius: 4px;
    opacity: 1;
}
.single-place-image {
    position: relative;
    overflow: hidden;
}
.single-place-image:hover img {
    transform: scale(1.1);
}
.single-place-wrap {
    border: 1px solid #f5f6f7;
    border-radius: 3px;
    position: relative;
    transition: 0.5s;
    overflow: hidden;
    box-shadow: 0 35px 27px -26px rgba(211, 211, 211, 0.4);
}
.single-place-wrap:hover .single-place-image img {
    transform: scale(1.1);
}
.single-place-wrap:hover .single-place-image:before {
    display: none;
}
.swiper-container.popular-place-wrap {
    padding-bottom: 50px;
}
.swiper-container.popular-place-wrap {
    padding-bottom: 50px;
}
.single-place-image img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
    transition: 1s;
    z-index: 9;
}
.popular-place-wrap.vfx1 .single-place-title,
.popular-place-wrap.vfx2 .single-place-title {
    font-size: 12px;
    position: absolute;
    top: 30px;
    left: 30px;
}
.single-place-title {
    display: inline-block;
    background: #fff;
    color: #333 !important;
    line-height: 1;
    padding: 8px 10px 8px;
    border-radius: 1px;
    letter-spacing: 0.04rem;
    font-weight: 500 !important;
    text-transform: uppercase;
    z-index: 100;
}
.popular-place-wrap.vfx2 .single-place-wrap {
    box-shadow: none;
    position: relative;
}
.popular-place-wrap.vfx2 .single-place-title {
    margin-bottom: 10px;
}
.popular-place-wrap.vfx2 .single-place-content p {
    color: #fff;
    line-height: 1;
}
.popular-place-wrap.vfx2 .single-place-content p i {
    transition: 0.5s;
    top: 2px;
    position: relative;
}
.popular-place-wrap.vfx2 .single-place-image {
    position: relative;
    display: block;
}
.popular-place-wrap.vfx2 .single-place-image:hover img {
    transform: scale(1.1);
}
.popular-place-wrap.vfx2 .single-place-wrap .single-place-image:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.25) 35%,
        rgba(22, 22, 23, 0) 80%,
        rgba(0, 0, 0, 0) 100%
    );
}
.popular-place-wrap.vfx2 .single-place-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    transition: 0.5s;
    overflow: hidden;
    padding: 30px 34px;
    background: transparent;
}
.single-place-content {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 35px 30px -11px rgba(221, 221, 221, 1);
}
.single-place-content h3 {
    line-height: 1.2;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}
.single-place-content h3 span {
    margin-right: 5px;
}
.popular-place-wrap.vfx2 .single-place-content h3 {
    color: #fff;
}
.single-place-content a {
    font-weight: 400;
    font-size: 14px;
    color: #888;
}
.popular-place-wrap.vfx2 .single-place-content a {
    color: #fff;
}
.popular-place-wrap.vfx2 .single-place-content h3 a {
    font-size: 20px;
}
.single-place-content a i {
    margin-left: 3px;
    font-size: 15px;
    transition: 0.3s;
    vertical-align: middle;
}
.single-place-content p:hover i {
    margin-left: 10px;
}
.single-place-list.vfx2 li:first-child::after {
    display: none;
}
.single-place-list li span {
    font-weight: 600;
    margin-right: 5px;
}
.popular-next,
.popular-prev {
    top: 35%;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-35%);
}
.popular-prev {
    left: 4.1%;
}
.popular-next {
    right: 4.1%;
}
.featured-property-wrap.vfx2 .swiper-button-disabled,
.similar-listing .swiper-button-disabled,
.popular-place-wrap .swiper-button-disabled {
    display: none;
    transition: 0.5s;
}
.hero-client-section.vfx2 .swiper-button-disabled {
    opacity: 0.4;
    transition: 0.5s;
}
.filter .active a {
    color: #d8232a;
    text-decoration: none;
}

/*------------------------------------------------
    Promo Section
--------------------------------------------------*/
.promo-text h3 {
    font-size: 30px;
    line-height: 1.4;
    position: relative;
    font-weight: 400;
    padding-bottom: 5px;
}
.promo-section {
    position: relative;
}
.promo-text h3::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 18%;
    height: 3px;
    background: #d8232a;
    content: "";
    border-radius: 50px;
}
.promo-section.vfx2 .promo-content-wrap {
    columns: 4;
    margin-top: 40px;
}
.promo-section.vfx2 .promo-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.promo-section.vfx2 .promo-content {
    box-shadow: 0px 0px 11px 0px rgba(38, 59, 94, 0.12);
    border-radius: 6px;
    padding: 25px;
    text-align: center;
}
.promo-section.vfx2 .promo-content:nth-child(1) {
    background: #3519f9;
}
.promo-section.vfx2 .promo-content:nth-child(2) {
    background: #fb9815;
}
.promo-section.vfx2 .promo-content:nth-child(3) {
    background: #19c5f9;
}
.promo-section.vfx2 .promo-content:nth-child(4) {
    background: #d8232a;
}
.promo-section.vfx2 .promo-content:nth-child(1) h4,
.promo-section.vfx2 .promo-content:nth-child(2) h4,
.promo-section.vfx2 .promo-content:nth-child(3) h4,
.promo-section.vfx2 .promo-content:nth-child(4) h4 {
    color: #fff;
}
.promo-section.vfx2 .promo-content:nth-child(1) p,
.promo-section.vfx2 .promo-content:nth-child(2) p,
.promo-section.vfx2 .promo-content:nth-child(3) p,
.promo-section.vfx2 .promo-content:nth-child(4) p {
    color: #fff;
}
.promo-section.vfx2 .promo-content img {
    max-width: 60px;
    margin-bottom: 20px;
}
.promo-section.vfx2 .promo-content h4 {
    margin-bottom: 15px;
    line-height: 28px;
    font-weight: 600;
    font-size: 20px;
}
.promo-section.vfx2 .promo-content p {
    line-height: 26px;
    font-size: 15px;
}
.promo-text span,
.value-content span {
    font-weight: 400;
    font-size: 16px;
}

/*------------------Style2--------------------*/
.promo-content img {
    max-width: 55px;
    opacity: 0.9;
}
.promo-content-wrap.vfx1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.row.promo-content {
    margin-bottom: 40px;
}
.promo-text h4 {
    line-height: 1;
    margin-bottom: 5px;
}
.promo-text p {
    line-height: 1.8;
    font-size: 15px;
    color: #888;
}

/*------------------------------------------------
    Testimonial Section
--------------------------------------------------*/
.testimonial-wrapper {
    position: relative;
}
.hero-client-section {
    position: relative;
}
.single-testimonial-item.swiper-slide-active {
    opacity: 1;
}
.single-testimonial-item.swiper-slide-active .testimonial-content {
    background: rgba(30, 195, 139, 0.85);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}
.single-testimonial-item.swiper-slide-active .testimonial-content h5,
.single-testimonial-item.swiper-slide-active .testimonial-content p,
.single-testimonial-item.swiper-slide-active .testimonial-content span {
    color: #fff;
}
.testimonial-img.text-center img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 8px solid #fff;
    margin-bottom: -55px;
}
.testimonial-content {
    background-color: #fff;
    padding: 60px 30px 40px 30px;
    margin: 15px;
    transition: 0.6s;
}
.testimonial-content h5 {
    margin-bottom: 5px;
}
.testimonial-content p {
    margin-top: 20px;
}
.testimonial-video {
    background-position: center;
    background-size: cover;
    height: 450px;
    position: relative;
}
.single-testimonial-item {
    overflow: visible;
    padding-bottom: 60px;
}
.testimonial-quote {
    position: absolute;
    bottom: 0;
    right: 0%;
    background: #d8232a;
    color: #fff;
    padding: 50px 60px;
    z-index: 999;
    width: 600px;
}
.testimonial-quote h4 {
    color: #fff;
    line-height: 1.2;
    margin-bottom: 5px;
    position: relative;
}
.testimonial-quote h4:before {
    position: absolute;
    top: -28px;
    left: 0;
    opacity: 0.2;
    font-size: 45px;
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f10d";
}
.testimonial-quote p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 25px;
    font-style: italic;
}
.testimonial-btn a {
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
    width: 70px;
    height: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}
.testimonial-btn a i {
    font-size: 20px;
    line-height: 70px;
    margin-left: 5px;
}
.client-btn-wrap {
    background: #d8232a;
    display: inline-block;
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 99;
}
.client-next,
.client-prev {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
    line-height: 60px;
}
.client-next:hover,
.client-prev:hover {
    background: #d8232a;
}
.client-next i,
.client-prev i {
    font-size: 20px;
    margin: 0 10px;
    color: #fff;
    vertical-align: middle;
}
/*----------------Style2-------------------*/
.single-testimonial-item.vfx2 {
    text-align: center;
    padding-bottom: 0;
}
.testimonial-text {
    background: #fff;
    padding: 55px 28px 40px;
    border-radius: 3px;
}
.testimonial-img img {
    border-radius: 50%;
    transform: translateY(46px);
    border: 5px solid #fff;
    max-width: 90px;
}
.testimonial-text h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 5px;
}
.testimonial-text p {
    margin-top: 20px;
    position: relative;
    z-index: 10;
    font-style: italic;
}
.testimonial-text p:before {
    position: absolute;
    top: -30px;
    left: 0;
    content: "\f10d";
    font-family: "FontAwesome";
    color: rgba(221, 221, 221, 0.28);
    font-size: 40px;
    z-index: -1;
}
.testimonial-text span,
.testimonial-text p {
    font-weight: 400;
    color: #888;
}
.hero-client-section.vfx2 {
    background-position: center;
    background-size: cover;
    background-color: #ddd;
    height: 500px;
}
.hero-client-section.vfx2 .overlay {
    background: #d8232a;
}
.hero-client-section.vfx2 .section-title.vfx2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.hero-client-section.vfx2 .section-title.vfx2 h2 {
    color: #fff;
    line-height: 1.3;
}
.testimonial-next,
.testimonial-prev {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
}
.testimonial-btn.vfx2 i {
    color: #222;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
}
.slider-btn.vfx4.testimonial-next {
    left: 70px;
}
.hero-client-section.vfx2 .testimonial-btn.vfx2 {
    bottom: 130px;
    position: absolute;
}
/*----------------------------------------
    Call to Action
----------------------------------------*/
.call-to-action {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.call-to-action.consult-form .overlay {
    background: #d8232a;
}
.call-to-action .btn.vfx8:hover {
    border-color: #ddd;
    color: #ddd;
}
.action-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.action-title h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.2;
}
.action-title p {
    color: #fff;
    margin-bottom: 30px;
}
.call-to-action.consult-form.vfx1 .form-group {
    margin-bottom: 30px;
}
.call-to-action.consult-form.vfx2 .form-group {
    margin-bottom: 15px;
}
.call-to-action.consult-form.vfx2 .form-group .filter-input {
    height: 45px;
}
.consult-form .nice-select.vfx_hero_form_area_input.vfx-custom-select-area span,
.call-to-action .form-group .form-control::placeholder {
    color: #fff;
}
.consult-form .listing-input.vfx_hero_form_area_input.vfx-custom-select-area,
.call-to-action .form-group .form-control {
    background: transparent !important;
    color: #fff;
}
.consult-form input[type="text"]:focus {
    border: 1px solid #fff !important;
    border-radius: 30px;
}
.consult-form .listing-input.vfx_hero_form_area_input.vfx-custom-select-area {
    height: 45px;
    border-radius: 3px;
    border-color: #ddd;
    background: #fff;
}
.consult-form .btn.vfx8:hover {
    background: #fff;
    color: #d8232a;
}
.single-partner {
    text-align: center;
    opacity: 0.5;
    transition: all 0.3s;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.15);
    margin: 8px 0px;
}
.single-partner:hover {
    opacity: 1;
}
.value-calculator-section {
    position: relative;
}
.value-content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.value-calculator-section.vfx1 {
    position: relative;
}
.value-content h3 {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.9;
    position: relative;
    margin-bottom: 30px;
}
.value-content p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
}
.vfx-input-wrap {
    position: relative;
    margin-bottom: 30px;
}
.vfx-input-wrap input[type="text"] {
    border: 1px solid #f5f6f7;
    border-radius: 30px;
    padding: 15px 15px;
    position: relative;
    width: 100%;
    box-shadow: 0 9px 15px rgba(221, 221, 221, 0.77);
    color: #888;
}
.vfx-input-wrap button {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    background: #d8232a;
    color: #fff;
    padding: 11px 13px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    line-height: 31px;
}
.vfx-input-wrap.vfx-newsletter input[type="text"] {
    border-radius: 30px;
    padding: 8px 15px;
}
.vfx-input-wrap.vfx-newsletter button {
    padding: 10px 15px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}
.vfx-footer-wrapper.vfx3 .vfx-input-wrap.vfx-newsletter input {
    background-color: #f7f7f7;
}
/*---------Style2------------*/

.value-calculator-section.vfx2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.value-calculator-section.vfx2 .overlay {
    background: #d8232a;
}
.value-calculator-section.vfx2 .vfx-input-wrap input[type="text"] {
    box-shadow: none;
}
.value-calculator-section.vfx2 .section-title h2,
.value-calculator-section.vfx2 .value-content p,
.value-calculator-section.vfx2 .section-title p {
    color: #fff;
}
.value-calculator-section.vfx2 .section-title.vfx1 h2 {
    margin-bottom: 15px;
}

/*----------------------------------
    Scroll-to-top
-------------------------------------*/
.vfx-scroll-top-btn {
    background: #d8232a;
    border: 2px solid #d8232a;
    border-radius: 50%;
    bottom: 20px;
    cursor: pointer;
    display: none;
    font-size: 15px;
    height: 34px;
    text-align: center;
    position: fixed;
    right: 20px;
    width: 34px;
    z-index: 999;
    line-height: 35px;
}
.vfx-scroll-top-btn i {
    color: #ffffff;
    font-weight: 700;
}
.chat-popup {
    display: none;
}

/*----------------------------------------------
    FAQ Page
------------------------------------------------*/
.faq-section .card {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.faq-section .list-details-tab.fixed_nav {
    padding: 0;
}
.faq-section .card-body {
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.faq-section .card-header,
.faq-section .card-header:first-child,
.faq-section .card-header:last-child {
    background-color: #f1f1f1;
    border: none;
    padding: 0;
}
.faq-section .card-header > a[aria-expanded="true"] {
    background-color: #d8232a;
    color: #fff;
}
.faq-section .card-header > a {
    border-color: #f1f1f1;
    color: #141414;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px;
}
.faq-section .card-header > a[aria-expanded="true"]::before {
    content: "\f067";
    font-family: "FontAwesome";
    float: right !important;
    font-size: 14px;
}
.faq-section .card-header > a[aria-expanded="false"]::before {
    color: #888;
    content: "\f068";
    font-family: "FontAwesome";
    float: right !important;
    font-size: 14px;
}

/*---------------------------------------------
   Invoice
---------------------------------------------*/
.vfx-payment-receipt-wrapper-area {
    background: #fff;
    padding: 50px 50px 70px 50px;
}
.vfx-payment-receipt-wrapper-area .vfx-thankyou-message {
    text-align: center;
    margin: 0 0 1rem;
}
.vfx-payment-receipt-wrapper-area h4 {
    margin: 0 0 0.66667rem;
}
.vfx-payment-receipt-wrapper-area ul {
    margin-bottom: 2rem;
}
.vfx-payment-receipt-wrapper-area ul li {
    margin-bottom: 0.4rem;
}
.vfx-payment-receipt-wrapper-area ul li span {
    color: #272b41;
    font-weight: 600;
}
.vfx-payment-receipt-wrapper-area .vfx-payment-summary-wrapper {
    margin-top: 3.33333rem;
    margin-bottom: 3.33333rem;
}
.vfx-payment-receipt-wrapper-area .vfx-payment-summary {
    font-size: 1.2rem;
    color: #272b41;
    font-weight: 700;
    text-align: center;
    margin: 0 0 1.66667rem;
}
.vfx-payment-receipt-wrapper-area .vfx-payment-summary-wrapper .table td {
    padding: 1rem 1.33333rem;
}
.vfx-payment-receipt-wrapper-area .vfx-payment-summary {
    font-size: 1.2rem;
    color: #272b41;
    font-weight: 700;
    text-align: center;
    margin: 0 0 1.66667rem;
}
.checkout-table .table {
    background: #fff;
}
.checkout-table .table thead th {
    border-bottom: 0;
    padding: 1.33333rem 2rem;
}
.checkout-table .table tbody td {
    border-color: #e3e6ef;
    padding: 1.33333rem 2rem;
}

/*--------------------------------------------
    App Section
---------------------------------------------*/
.app-section {
    position: relative;
    background: #f5f6f7;
}
.app-img {
    position: absolute;
    top: -130px;
}
.app-content h2 {
    font-weight: 300;
    font-size: 34px;
    line-height: 1.2;
}
.app-content h2 span {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 42px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
    color: #333333;
}
.app-content ul {
    padding: 10px 0px;
}
.app-content ul li {
    list-style-type: none;
    font-size: 18px;
    line-height: 34px;
    color: #555;
}
.app-content span {
    color: #555;
    font-size: 16px;
    padding: 15px 0 10px 0;
    display: inline-block;
    font-weight: 400;
}
.app-content ul li i {
    margin-right: 10px;
    color: #990099;
}

/*----------------------------------------------
    Footer section
-----------------------------------------------*/
.vfx-footer-wrapper {
    position: relative;
    padding-top: 10px;
}
.vfx-footer-wrapper.vfx1 {
    background: #f5f6f7;
    border-top: 1px solid #eee;
}
.vfx-footer-wrapper.vfx2 {
    background: #d8232a;
}
.vfx-footer-wrapper.vfx3 {
    background-color: #ffffff;
    border-top: 1px solid #eee;
}
.vfx-footer-wrapper.vfx3::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url(../images/footer_bg_shape.png) no-repeat center bottom;
    background-size: 100% auto;
    opacity: 0.25;
}
.vfx-footer-wrapper.footer-fixed {
    background-size: cover;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.vfx-footer-content.nav {
    display: inline-block;
    text-align: left;
}
.vfx-footer-logo {
    margin-top: 15px;
}
.vfx-footer-logo img {
    margin-bottom: 20px;
    max-width: 200px;
}
.vfx-footer-top-area .container {
    padding-bottom: 10px;
}
.vfx-footer-social-wrap p {
    color: #fff;
    margin-top: 25px;
    margin-bottom: 15px;
}
.vfx-footer-wrapper.vfx1 .vfx-footer-social-wrap p {
    color: #555;
    font-size: 20px;
    font-weight: 600;
}
.vfx-footer-wrapper.vfx3 .vfx-footer-social-wrap p {
    color: #666;
    font-size: 16px;
    font-weight: 500;
}
.vfx-footer-bottom-copyright-area {
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 0px;
}
.vfx-footer-bottom-copyright-area p {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.vfx-footer-wrapper.vfx1 .vfx-footer-bottom-copyright-area p {
    color: #555;
    margin-bottom: 0;
}
.vfx-footer-wrapper.vfx3 .vfx-footer-bottom-copyright-area p {
    color: #666;
    margin-bottom: 0;
}
.vfx-footer-top-area .vfx-footer-content .title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-top: 20px;
}
.vfx-footer-wrapper.vfx1 .vfx-footer-top-area .vfx-footer-content .title {
    color: #555;
    position: relative;
    margin-bottom: 25px;
}
.vfx-footer-wrapper.vfx3 .vfx-footer-top-area .vfx-footer-content .title {
    color: #323232;
    position: relative;
    margin-bottom: 25px;
}
.vfx-footer-wrapper.vfx3
    .vfx-footer-top-area
    .vfx-footer-content
    .title::before {
    background: #d8232a;
    border: 0 none;
    content: "";
    height: 3px;
    left: 0;
    margin: 0;
    border-radius: 20px;
    position: absolute;
    bottom: -6px;
    width: 35px;
}
.vfx-footer-top-area .vfx-contact-info .icon {
    font-size: 15px;
    width: 30px;
    text-align: center;
}
.vfx-footer-content li {
    padding-bottom: 10px;
    line-height: 26px;
}
.vfx-footer-wrapper.vfx3 .vfx-footer-content ul li a.link-hov.style2 {
    color: #484848;
}
.vfx-footer-wrapper.vfx3 .vfx-footer-content ul.res-list li i {
    margin-right: 7px;
}
.vfx-footer-wrapper.vfx3 .vfx-footer-content ul li a.link-hov:hover {
    color: #d8232a;
    letter-spacing: 0.5px;
    transition: 0.5s;
}
.vfx-footer-wrapper.vfx1 .vfx-footer-content ul li a.link-hov.style2 {
    color: #555;
}
.vfx-footer-wrapper.vfx1 .vfx-footer-content ul li a.link-hov.style2:hover {
    color: #333;
}
.vfx-footer-wrapper.vfx2 .vfx-footer-content ul li a.link-hov.style2 {
    color: #fff;
}
.vfx-footer-wrapper.vfx2 .vfx-footer-content ul li a.link-hov.style2:hover {
    color: #ddd;
}
.vfx-footer-content ul li a.link-hov.style2:hover {
    color: #ddd;
}
.vfx-footer-content ul li a.link-hov.style2:before {
    display: none;
}
.footer .info,
.phone-number,
.email {
    color: #7a7a7a;
    font-size: 14px;
}
.vfx-company-desc p {
    font-size: 15px;
    color: #fff;
}
.vfx-footer-wrapper.vfx3 .vfx-company-desc p {
    color: #484848;
    padding-right: 15px;
    line-height: 28px;
}
.vfx-footer-wrapper.vfx3 .vfx-company-desc p a {
    color: #d8232a;
    padding-right: 15px;
    line-height: 28px;
    font-weight: 600;
    display: block;
}
.vfx-footer-wrapper.vfx3 .vfx-company-desc p a:hover {
    color: #282828;
}
.footer .info {
    margin-bottom: 10px;
}
.footer .info,
.phone-number {
    color: #fff;
    font-size: 14px;
}
.phone-number span,
.email span {
    color: #888;
}
.vfx-footer-content ul li a {
    font-size: 15px;
}
.vfx-social-button.style2 li a i {
    font-size: 18px;
}
.vfx-footer-wrapper.vfx1 .vfx-social-button.style2 li a i {
    color: #555;
}
.vfx-footer-wrapper.vfx3 .vfx-social-button.style2 li a i {
    color: #ffffff;
    background: #d8232a;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
}
.vfx-footer-wrapper.vfx3 .vfx-social-button.style2 li a:hover i {
    color: #d8232a;
    background: #eee;
}
.vfx-contact-info {
    margin-bottom: 5px;
}
.vfx-contact-info .icon {
    font-size: 18px;
    padding-right: 6px;
    width: 30px;
    color: #fff;
}
.vfx-footer-wrapper.vfx1 .vfx-contact-info .icon {
    color: #555;
}
.vfx-footer-wrapper.vfx3 .vfx-contact-info .icon {
    color: #d8232a;
}
.vfx-contact-info .icon,
.vfx-contact-info .text {
    display: table-cell;
}
.vfx-contact-info .text,
.vfx-contact-info .text a {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
}
.vfx-footer-wrapper.vfx1 .vfx-contact-info .text,
.vfx-footer-wrapper.vfx1 .vfx-contact-info .text a {
    color: #555;
}
.vfx-footer-wrapper.vfx3 .vfx-contact-info .text,
.vfx-footer-wrapper.vfx3 .vfx-contact-info .text a {
    color: #484848;
}
/*--------------style2-----------*/
/*.vfx-footer-wrapper.vfx2 {
    background: #303441;
}*/

.vfx-footer-wrapper.vfx2 .vfx-company-desc p {
    color: #f5f6f7;
}
.vfx-footer-wrapper.vfx2 .vfx-footer-top-area .vfx-footer-content .title,
.vfx-footer-wrapper.vfx2 .vfx-contact-info .icon,
.vfx-footer-wrapper.vfx2 .vfx-social-button li a i {
    color: #f5f6f7;
}
.vfx-footer-wrapper.vfx2 .vfx-contact-info .text,
.vfx-footer-wrapper.vfx2 .vfx-contact-info .text a {
    color: #f5f6f7;
    font-weight: 400;
}
.payment-method img {
    margin-right: 10px;
}
.additional-link li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
.additional-link li:last-child {
    margin-right: 0;
}
.additional-link li:before {
    position: absolute;
    bottom: 8px;
    right: -10px;
    content: "";
    background: #ccc;
    width: 1px;
    height: 15px;
}
.additional-link li:last-child:before {
    display: none;
}
.additional-link li a {
    font-size: 14px;
    color: #555;
    transition: 0.4s;
}
.additional-link li a:hover {
    color: #333;
}
/*--------------------------------------------
    Pricing Table
----------------------------------------------*/

.list-details-tab.pricing-list {
    display: inline-flex;
}
.list-details-tab.nav-tabs.pricing-list .nav-item {
    padding: 0 0 10px 0;
}
.list-details-tab.nav-tabs.pricing-list .nav-item:last-child {
    margin-right: 0;
}
.pricing-title {
    font-size: 22px;
    font-weight: 300;
    padding-left: 15px;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
.pricing-table {
    padding-bottom: 45px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
}
.pricing-table .title {
    padding: 40px 20px 10px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
}
.pricing-table .price-value {
    font-size: 35px;
    font-weight: 600;
    color: #f91;
    margin-bottom: 30px;
}
.pricing-table .month {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 0;
}
.listing-badge {
    background-color: #fa6742;
    float: left;
    position: absolute;
    transform: rotate(45deg);
    right: -64px;
    top: 22px;
    text-align: center;
    width: 200px;
    font-size: 12.5px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}
.pricing-table.blue.featured {
    overflow: hidden;
    box-shadow: 0 58px 70px rgba(221, 221, 221, 0.4);
}
.pricing-table .pricing-content {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.pricing-content li span {
    font-weight: 600;
}
.pricing-table .pricing-content li {
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
    position: relative;
}
.pricing-table .pricing-content li i {
    color: #d8232a;
}
.price-num-item {
    font-size: 45px;
    position: relative;
    font-weight: 600;
    color: #888;
    display: inline-block;
}
.mouth-cont {
    z-index: 1;
    opacity: 1;
    position: relative;
    color: #333;
}
.year-mont .mouth-cont {
    opacity: 0;
}
.price-num span.curen {
    position: relative;
    top: -20px;
    padding-right: 5px;
    font-weight: 400;
    font-size: 17px;
}
.price-num-item p {
    margin-top: -17px;
    font-weight: 300;
    margin-left: 5px;
    font-style: italic;
}
.pricing-table {
    transition: 0.5s;
}
.pricing-table:hover {
    box-shadow: 0 58px 70px rgba(221, 221, 221, 0.4);
}
.pricing-content li i {
    margin-right: 15px;
}
.pricing-table .pricing-content li.disable {
    color: #707070;
}
.pricing-table .pricing-content li.disable:before {
    display: none;
}

/*------------------------------------------------
    Blog
--------------------------------------------------*/

.single-blog-item.vfx1 {
    border: none;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: 0.5s;
}
.single-blog-item.vfx1:hover {
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
}
.single-blog-item.vfx1 img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.single-blog-item.vfx1 .card-body {
    padding: 15px 20px 0px 20px;
}
.single-blog-item.vfx1 .card-title {
    border-bottom: 1px solid #ededed;
    text-transform: capitalize;
    line-height: 1.5;
    padding-bottom: 25px;
}
.card-body span.blog-cat {
    background: #d8232a;
    color: #fff;
    padding: 3px 10px;
    border-radius: 15px;
    font-weight: 500;
}
.single-blog-item .card-title a:hover {
    color: #d8232a;
}
.blog-cat {
    color: #d8232a;
    line-height: 1;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.01rem;
    margin-bottom: 10px;
    display: block;
}
.blog-cat.btn.vfx5 {
    padding: 8px 12px;
    font-size: 12px;
}
.blog-cat:hover {
    color: #333;
}
.single-blog-item.vfx2 {
    position: relative;
    transition: all 0.3s;
    margin-bottom: 30px;
}
.single-blog-item.vfx2 img {
    width: 100%;
    border-radius: 3px;
}
.single-blog-item.vfx2:after {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.65) 35%,
        rgba(22, 22, 23, 0) 80%,
        rgba(0, 0, 0, 0) 100%
    );
    border-radius: 4px;
    opacity: 1;
}
.single-blog-item.vfx3 .blog-content h3 {
    font-weight: 400;
    font-size: 26px;
}
.single-blog-item.vfx3 h4 a {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
}
.blog-hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 20px;
    z-index: 10;
}
.blog-title {
    margin-bottom: 0;
}
.blog-title a {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.5;
    display: inline-block;
    transition: 0.5s;
    color: #fff;
}
.blog-hover-content .blog-title {
    transform: translatey(35px);
    left: 0;
    transition: 0.4s;
}
.blog-hover-content a.btn.vfx6 {
    transform: translatey(15px);
    transition: 0.4s;
    opacity: 0;
}
p.date {
    display: inline-block;
}
.bottom-content {
    padding: 0 20px 15px;
}
.bottom-content {
    font-size: 14px;
}
.bottom-content a {
    font-size: 15px;
    font-weight: 500;
    color: #222222;
    padding: 0 5px;
}
.bottom-content p span {
    position: relative;
    padding-left: 15px;
}
.bottom-content p span:before {
    position: absolute;
    top: -1px;
    left: 3px;
    content: "/";
    background: transparent;
    font-size: 17px;
    line-height: 1;
}
.bottom-content a i {
    margin-right: 5px;
}
.single-blog-item.vfx3 {
    margin-bottom: 60px;
}
/*---------Blog Sidebar------------*/
.sidebar {
    display: block;
}
.sidebar-right,
.sidebar-left {
    padding: 0;
}
.sidebar-left .widget,
.sidebar-right .widget {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(221, 221, 221, 0.56);
}
.blog-area .sidebar-right {
    padding-bottom: 50px !important;
}
.half-map .sidebar-left {
    padding: 0;
}
.half-map .sidebar-left:before {
    position: relative;
    display: none;
}
.widget {
    margin-bottom: 35px;
}
.sidebar .widget.search {
    display: block;
    margin-top: 0;
    position: relative;
    right: 0;
    z-index: 1;
}
.widget.search input[type="text"] {
    border: none;
}
.sidebar .widget.search input {
    border-radius: 6px;
    height: 48px;
    font-size: 15px;
    font-weight: 600;
    color: #888;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar .widget .search-button {
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 1.7;
    position: absolute;
    top: 38px;
    right: 25px;
    font-size: 16px;
}
.sidebar .widget {
    margin-top: 20px;
}
.sidebar .widget .widget-title {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.widget.categories .price-button {
    margin-top: 10px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 700;
    background: #d8232a;
    color: #ffffff;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
    cursor: pointer;
}
ul.icon li {
    list-style-type: none;
}
ul.icon li::before {
    content: "\e876";
    font-family: "Linearicons-Free";
    height: 10px;
    left: 16px;
    position: absolute;
    width: 10px;
}
.sidebar-right .widget.categories ul.icon li {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding: 6px 0;
}
.sidebar-right .widget.categories ul.icon li::before,
.sidebar-left .widget.categories ul.icon li::before {
    font-size: 12px;
    font-weight: 900;
}
.sidebar-right .widget.categories ul.icon li::before {
    left: 0;
}
.widget.categories ul li {
    margin-bottom: 4px;
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 4px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    cursor: pointer;
}
.widget.categories ul li a {
    margin-left: 0;
    font-size: 15px;
    font-weight: 600;
    display: inherit;
    width: 100%;
    color: #656565;
    transition: 0.5s;
    text-transform: capitalize;
}
.widget.categories ul li a:hover {
    color: #d8232a;
    transition: 0.5s;
}
.widget.categories ul li a span {
    float: right;
    font-size: 14px;
    color: #656565;
    font-weight: 600;
}
.sidebar .widget.recent-posts .post-list {
    padding-left: 0;
}
.sidebar .widget.recent-posts .entry-item {
    list-style: none;
    margin-bottom: 15px;
    padding-left: 0;
}
.sidebar .widget.recent-posts .entry-item .entry-img {
    display: table-cell;
}
.sidebar .widget.recent-posts .entry-item .entry-img img {
    min-width: 70px;
}
.sidebar .widget.recent-posts .entry-item .entry-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}
.sidebar .widget.recent-posts .entry-title {
    line-height: 1.1;
    margin-bottom: 0;
}
.sidebar .widget.recent-posts .entry-title a {
    color: #141414;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}
.sidebar .widget.recent-posts .entry-date {
    color: #888;
    font-size: 12px;
}
/*--------------pagination---------------*/

.post-nav .page-prev {
    text-align: left;
    margin-top: 5px;
}
.post-nav .page-prev p,
.post-nav .page-next p {
    color: #333;
}
.post-nav > div a {
    color: #888;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.075em;
    line-height: 40px;
}
.post-nav > div a span {
    text-transform: uppercase;
}
.page-prev a span {
    padding-left: 20px;
    color: #333;
    font-weight: 400;
}
.page-next a span {
    padding-right: 20px;
}
.post-nav .page-prev a span::before {
    content: "\e875";
    font-family: "Linearicons-Free";
    font-size: 15px;
    font-weight: 400;
    left: 0;
    line-height: 1.1;
    position: absolute;
    top: 0;
}
.page-num ul {
    padding-left: 0;
}
.page-num li.active a,
.page-num li:hover a {
    background: #d8232a;
}
.page-num li.active a,
.page-num li:hover a {
    color: #fff;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: #fff;
    text-decoration: none;
}
.page-num li {
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    cursor: pointer;
    border: 1px solid transparent;
    margin: 0 2px;
}
.page-num li a {
    display: table;
    width: 36px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    border-radius: 50px;
    background: #f5f6f7;
    text-align: center;
    transition: 0.5s;
    cursor: pointer;
    border: 1px solid transparent;
}
.page-num li a {
    color: #000;
}
.post-nav .page-next {
    text-align: right;
    margin-top: 5px;
}
.post-nav .page-next a span::after {
    content: "\e876";
    font-family: "Linearicons-Free";
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    position: absolute;
    right: 0;
    top: 0;
}
/*---------Style2-----------*/

.single-blog-item.vfx2 {
    position: relative;
    cursor: pointer;
}
.post-content-wrap .post-title {
    line-height: 1.2;
    font-size: 34px;
}
.post-img {
    margin-top: 30px;
}
.post-content p {
    margin-top: 30px;
}
.comments-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    font-weight: 400;
}
.review-box.comment-box {
    border: none;
    padding: 0;
}
.post-tags span {
    color: #000;
    font-weight: 500;
    margin-right: 5px;
}
.author-name h4 {
    padding-right: 15px;
    margin-bottom: 0;
}
.post-tags .vfx-social-button.style1 {
    display: inline-block;
}
.post-tags .vfx-social-button.style1 li {
    padding: 0 5px;
}
.author {
    margin: 40px 0;
}
.author-info p {
    margin-top: 20px;
}
.comments {
    margin-top: 100px;
}
.comment-respond .contact-form {
    border-top: none;
}
.comment-respond h3 {
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 0;
}
.comment-respond p {
    font-weight: 300;
    color: #888;
}

/*-------------------------------------------
    Filter Listing
--------------------------------------------*/
.filter-wrapper .vfx_hero_form_area.vfx2 {
    padding: 0;
}
.filter-sub-menu.style1.vfx1 li.vfx-sub-has {
    margin-top: 0;
}
.range-text {
    line-height: 39px;
}
.price-range .ui-slider-handle.ui-corner-all.ui-state-default {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: none;
    box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    background: #d8232a;
}
.price-range.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 7px;
    background: #d8232a;
}
.ui-slider-horizontal {
    height: 7px;
    background: #ddd;
}
.price-range.ui-widget.ui-widget-content {
    border: none;
    margin-left: 10px;
    margin-right: 10px;
}
.filter-box.style1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 30px;
}
.filter-box.style1.right {
    padding: 8px 0 0 0;
}
.filter-box.style1.left {
    padding: 8px 0 0 0;
}
.filter-sub-title h5 {
    color: #2f333a;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 30px 0 10px;
    padding: 0 0 10px;
    position: relative;
    text-transform: uppercase;
}
.filter-sub-menu.style1 ul li.vfx-sub-has > a,
.open-filter > a {
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 20px;
    padding: 14px 15px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.theme-menu .filter-sub-menu.style1 ul li.vfx-sub-has > a {
    border-bottom: none;
    text-transform: uppercase;
    font-weight: 600;
}
.theme-menu .filter-sub-menu.style1 ul li.vfx-sub-has li a {
    border-bottom: none;
    margin-bottom: 15px;
}
.theme-menu .filter-sub-menu.style1 > ul > li > a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #363f4d;
}
/*.theme-menu .filter-sub-menu.style1 ul li.vfx-sub-has>a:after {
    content: "\f218";
    font-family: "Ionicons";

}*/
.theme-menu .filter-sub-menu.style1 ul li.vfx-sub-has.open > a:after {
    content: "\f209";
}
.filter-sub-menu.style1 ul li.vfx-sub-has > a:after,
.open-filter > a:after {
    color: #888;
    content: "\e874";
    font-family: "Linearicons-Free";
    font-size: 20px;
    position: absolute;
    right: 13px;
    font-weight: 300;
    transition: 0.5s;
}
.filter-sub-menu.style1 ul li.vfx-sub-has.open {
    display: block;
    width: auto;
}
.option-box .vfx-sub-has {
    margin-top: 35px;
}
.filter-sub-menu.style1 ul li.vfx-sub-has.open > a:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.filter-sub-menu.style1 ul li.vfx-sub-has li a {
    border: 0 none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0px 10px 0;
    padding: 0 10px 5px;
    color: #333;
    border-bottom: 1px solid #ddd;
}
.filter-sub-menu.style1 ul li.vfx-sub-has li a:hover {
    color: #8a8f6a;
}
.filter-sub-menu.style1 ul li.vfx-sub-has li:last-child a {
    border: none;
    margin-bottom: 10px;
}
.filter-sub-menu.style1 ul li ul {
    display: none;
    margin-top: 17px;
}
.vfx_hero_form_area.vfx1 .vfx-explore-form-checkbox-list.vfx-full-filter-area {
    top: 90px;
    padding: 20px;
}
.vfx_hero_form_area.vfx2 .vfx-explore-form-checkbox-list.vfx-full-filter-area {
    top: 90px;
}
.vfx-explore-form-checkbox-list.vfx-full-filter-area {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    background: #fff;
    padding: 25px 15px;
    box-shadow: 0px 5px 16px rgba(153, 153, 153, 0.29);
    z-index: 999;
    border-radius: 6px;
}
.vfx_hero_form_area.vfx2.style2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area {
    padding: 25px 30px;
}
#amount_one,
#amount_two {
    height: 30px;
    border: none;
    font-size: 15px;
    font-weight: 400;
    background: transparent;
    color: #444;
    margin-left: 3px;
    padding: 0;
    display: inline-block;
}
.hero-slider-info #amount_one,
.hero-slider-info #amount_two {
    display: inline-block;
    margin-left: 10px;
    margin-top: -10px;
}
.hero-slider-info .filter-title p {
    display: inline-flex;
}
.nav.item-filter-list li {
    display: inline-block;
    line-height: 0;
    margin-left: 10px;
}
.item-filter-list li a {
    transition: 0.3s;
}
.item-view-mode {
    float: right;
}
.item-filter-list li a:hover,
.item-filter-list li a.active {
    color: #d8232a;
    border: 1px solid #d8232a;
    border-radius: 10px;
}
.item-element p {
    line-height: 38px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
}
.item-element span {
    color: #d8232a;
    font-weight: 600;
}
.item-filter-list li a {
    color: #333333;
    font-size: 14px;
    line-height: 0;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 8px;
}
.item-filter-list li a i {
    display: inline-block;
}
.filter-sorting {
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    line-height: 0;
}
.filter-sorting.nice-select:after {
    top: 50%;
}
.filter-sorting span {
    font-weight: 400;
    font-size: 14px;
}
.nice-select.filter-sorting.open .list {
    z-index: 999;
}
.nice-select.filter-sorting:focus {
    border: 1px solid #ddd;
}
.filter-input {
    border: 1px solid #ddd;
    margin-top: 25px;
    border-radius: 4px;
    width: 100%;
    padding: 10px 20px;
    height: 45px;
    font-weight: 500;
    font-size: 15px;
}
.filter-input:last-child {
    padding: 5px 15px;
}
#book_tour .input-group.date,
#book_tour .filter-input {
    margin-bottom: 25px;
    margin-top: 0;
}
.filter-input.nice-select::after {
    content: "\e874";
    font-family: "Linearicons-Free";
    display: block;
    margin-top: 5px;
    pointer-events: none;
    position: absolute;
    right: 4%;
    top: 5%;
    font-size: 10px;
    color: #888;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.filter-input.nice-select {
    font-size: 15px;
    font-weight: 600;
}
.filter-title {
    position: relative;
}
.filter-title p,
.filter-title label {
    font-size: 16px;
    color: #444;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}
.filter-checkbox ul {
    columns: 5;
}
.map-filter .filter-checkbox ul {
    columns: 3;
}
.filter-checkbox input[type="checkbox"] {
    display: none;
}
.filter-checkbox.one-in-row label {
    margin-top: 9px;
    width: 100%;
}
.filter-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 23px;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 600;
}
.half-filter .filter-checkbox label {
    display: block;
}
.half-filter .filter-checkbox p {
    padding: 10px 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.filter-checkbox label::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #fff;
    border: 2px solid #d0d0d0;
    border-radius: 20px;
    box-sizing: border-box;
    transition: all 0.25s;
    font-family: "Ionicons";
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}
.filter-checkbox input[type="checkbox"]:checked + label::before {
    content: "\f122";
    background-color: #d8232a;
    border: none;
    font-family: "Ionicons";
    font-weight: 400;
    font-size: 11px;
}
.vfx-full-filter-area .filter-checkbox label {
    display: block;
}
.vfx-full-filter-area #amount {
    font-size: 17px;
    margin-left: 5px;
    font-weight: 500;
}
.vfx-full-filter-area .filter-title p {
    font-size: 16px;
    font-weight: 600;
}
.vfx-full-filter-area .filter-title span {
    display: inline-block;
    font-weight: 500;
}
.vfx-explore-form-checkbox-list.vfx-full-filter-area .filter-checkbox p {
    background: #d8232a;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 6px;
    margin-bottom: 20px;
}
.vfx-explore-form-checkbox-list.vfx-full-filter-area {
    opacity: 0;
    transition: 0.3s;
    z-index: -1;
    visibility: hidden;
}
.vfx_hero_form_area.vfx2plore__form-checkbox-list.vfx-full-filter-area.filter-block {
    background: #ffffff;
    padding: 18px;
}
.map-sidebar-content .vfx_hero_form_area.vfx1.filter {
    padding: 0;
}
.map-sidebar-content
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block,
.widget
    .vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block {
    background: #f7f7f7;
    padding: 15px;
    box-shadow: none;
}
.vfx_hero_form_area.vfx2.style2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block {
    background: #fff;
}
.vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    p {
    color: #444444;
}
.widget.filter-widget
    .vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    p {
    color: #888;
}
.vfx_hero_form_area.vfx2.style2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    p {
    color: #888;
}
.widget.filter-widget
    .vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    #amount_one,
.widget.filter-widget
    .vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    #amount_two {
    color: #333;
}
.vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    #amount_one,
.vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    #amount_two {
    background: transparent;
    height: 22px;
    color: #444;
}
.vfx_hero_form_area.vfx2.style2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    #amount_one,
.vfx_hero_form_area.vfx2.style2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block
    #amount_two {
    color: #888;
}
.vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area
    .price-range
    .ui-slider-handle.ui-corner-all.ui-state-default {
    box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.07);
}
.vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area
    .filter-checkbox
    label {
    color: #444;
}
.widget.filter-widget
    .vfx_hero_form_area.vfx2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area
    .filter-checkbox
    label {
    color: #888;
    font-weight: 400;
}
.vfx_hero_form_area.vfx2.style2
    .vfx-explore-form-checkbox-list.vfx-full-filter-area
    .filter-checkbox
    label {
    color: #888;
}
.vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block {
    opacity: 1;
    z-index: 99;
    visibility: visible;
}
.vfx_hero_form_area.vfx3 .search_btn a {
    display: block;
    background: #d8232a;
    color: #fff;
    padding: 15px 0;
    border-radius: 3px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.01rem;
}
.dropdown-filter {
    cursor: pointer;
}
.dropdown-filter,
.submit_btn {
    display: block;
    line-height: 1;
}
.submit_btn.vfx2 {
    display: block;
    background: #d8232a;
    padding: 9px 20px;
    border-radius: 3px;
    border: 1px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    font-size: 15px;
    font-weight: 400;
    display: block;
}
.dropdown-filter {
    cursor: pointer;
    padding: 18px 20px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    min-width: 130px;
    margin-left: 8px;
}
.dropdown-filter span {
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    display: inline-block;
    position: relative;
}
.map-sidebar-content .dropdown-filter,
.widget.filter-widget .dropdown-filter {
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 100%;
    padding: 17px 18px;
    background: #fff;
}
.map-sidebar-content .dropdown-filter span,
.widget.filter-widget .dropdown-filter span {
    color: #888;
    font-weight: 400;
    width: 100%;
    display: block;
}
.map-sidebar-content .dropdown-filter span::before,
.widget.filter-widget .dropdown-filter span::before {
    right: 3%;
    font-size: 10px;
    color: #888;
}
.widget.filter-widget .vfx-explore-form-checkbox-list.vfx-full-filter-area {
    top: 54px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.07);
}
.map-sidebar-content .vfx-explore-form-checkbox-list.vfx-full-filter-area {
    top: 50px;
}
.dropdown-filter span::before {
    color: #222;
    position: absolute;
    top: 0%;
    right: -25%;
    content: "\e874";
    font-family: "Linearicons-Free";
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
}
.vfx_hero_form_area.vfx1 .dropdown-filter span {
    color: #888;
}
.vfx_hero_form_area.vfx1 .dropdown-filter span:before {
    right: -25px;
}
.vfx_hero_form_area.vfx2.style2 .dropdown-filter span {
    color: #888;
}
.vfx_hero_form_area.vfx2 .dropdown-filter i {
    bottom: 12px;
    right: 35px;
    color: #fff;
}
.vfx_hero_form_area.vfx1 .dropdown-filter i {
    bottom: 28px;
}
.dropdown-filter i {
    position: absolute;
    right: 30px;
    font-size: 18px;
    bottom: 28px;
}
.vfx_hero_form_area.vfx2.style2 .dropdown-filter i {
    color: #888;
}
.submit_btn button.btn.vfx3 {
    padding: 12px 10px;
    line-height: 18px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 30px;
    width: 100%;
}
.filter .filter-sub-menu.style1 ul li.vfx-sub-has > a {
    padding: 14px 14px;
    color: #888;
    font-weight: 300;
}
.vfx-full-filter-area .price-range.ui-widget.ui-widget-content {
    border: none;
    margin-left: 0px;
}
#search-filter::placeholder,
#location-filter::placeholder {
    color: #888;
    font-size: 15px;
    font-weight: 400;
}
.map-filter input[type="text"] {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 4px 15px 0 45px;
}
.map-filter .dropdown-filter i {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.map-sidebar-content
    .map-filter
    .vfx-explore-form-checkbox-list.vfx-full-filter-area {
    top: 80px;
}
.map-filter .dropdown-filter {
    height: 45px;
    padding: 0;
}
.filter-list .dropdown-toggle {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 1px solid #ddd;
    color: #888;
    padding: 8px 15px;
    font-size: 17px;
    font-weight: 400;
    border-radius: 3px;
}
.filter-list .dropdown-toggle:after {
    float: right;
    position: relative;
    bottom: 0;
    content: "\e874";
    font-family: "Linearicons-Free";
    border: none;
    font-size: 22px;
    right: 10px;
    font-weight: 400;
}
.filter-list .filter-menu {
    width: 94%;
    padding: 0;
}
.filter-list .filter-menu li {
    padding: 8px 15px;
}
.filter-list .filter-menu li a {
    font-size: 16px;
}
.filter-list .filter-menu li:hover {
    background: #ddd;
}

/*--------
	filter with sticky map
------*/
.explore__map-side {
    width: 43%;
    position: fixed;
    top: 70px;
    height: 100%;
    right: 0;
    padding-left: 32px;
}
.explore__map-side #map_right_listing {
    width: 100%;
    height: 100%;
    z-index: 999;
}
.contact-section {
    position: relative;
}
.contact-map.vfx1 {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 70px;
    margin-bottom: 70px;
    width: 100%;
    height: 100%;
}
.contact-map {
    overflow: hidden;
}
.vfx-contact-info-item {
    text-align: center;
    padding: 25px 30px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    min-height: 245px;
    margin-bottom: 25px;
}
.vfx-contact-info-item p strong {
    font-weight: 600;
}
.vfx-contact-info-item i {
    font-size: 25px;
    color: #fff;
    background: #d8232a;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.vfx-contact-info-item h4 {
    line-height: 1.1;
    margin: 10px 0;
}
.contact-map #leaflet_contact_map {
    width: 100%;
    height: 100%;
}
.explore__map-side.vfx2 {
    left: -2.5%;
}
.map-sidebar-content {
    margin-bottom: 70px;
    margin-top: 30px;
}
.contact-map.vfx2 {
    position: relative;
    overflow: visible;
}
.contact-map iframe {
    width: 100%;
    height: 360px;
    border: 0;
    border-radius: 10px;
}
.filter-wrapper.style1.vfx2 {
    position: absolute;
    bottom: 60px;
    width: 100%;
}
.filter-wrapper.style1.vfx2 .vfx_hero_form_area.filter {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.contact-map.vfx2 #map_right_listing {
    height: 600px;
    margin-top: 70px;
}
/*===========================================
    Featured Property
=============================================*/

.featured-property-info .vfx-property-title-box-area {
    position: absolute;
    left: 3.6%;
    border-radius: 0;
    padding: 45px;
    width: 450px;
    margin: 75px 0;
}
.featured-property-info .vfx-property-title-box-area h4 a {
    font-size: 30px;
}
.featured-property-info .property-feature li {
    line-height: 1;
    display: inline-block;
    margin-right: 15px;
    padding-bottom: 25px;
}
.featured-property-info .property-feature {
    padding-bottom: 0;
}
.featured-property-info .property-feature li:last-child {
    margin-right: 0;
}
.featured-prev,
.featured-next {
    position: absolute;
    top: 85%;
    z-index: 999;
    background: #d8232a;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: 3s ease-in-out;
    transition: 0.5s;
}
.featured-prev i,
.featured-next i {
    font-size: 22px;
    line-height: 38px;
}
/*-----------------Style2------------------*/

.featured-property-wrap.vfx2 .vfx-single-property-box-area .featured-price {
    float: left;
}
.featured-property-wrap.vfx2 .vfx-property-author-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
    padding: 30px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}
.featured-property-wrap.vfx2 .property-feature li span,
.featured-property-wrap.vfx2 .property-feature li i {
    color: #ccc;
}
.featured-property-wrap.vfx2 .property-feature li i {
    display: none;
}
.featured-property-wrap.vfx2 .property-feature {
    columns: 1;
    padding: 0;
}
.featured-property-wrap.vfx2 .property-feature li {
    display: inline-block;
    padding: 0 20px 0 0;
    position: relative;
}
.featured-property-wrap.vfx2 .property-feature li:after {
    position: absolute;
    top: 0;
    right: 5px;
    content: "|";
    color: #fff;
    font-size: 16px;
}
.featured-property-wrap.vfx2 .property-feature li:last-child:after {
    display: none;
}
.featured-property-wrap.vfx2 .vfx-property-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 9;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0) 0%,
        rgba(0, 0, 0, 0.83) 5%,
        rgba(22, 22, 23, 0) 40%,
        rgba(0, 0, 0, 0) 100%
    );
    transition: 0.7s;
}
.featured-property-wrap.vfx2 .vfx-property-item:hover .vfx-property-img::after {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.45) 0%,
        rgba(0, 0, 0, 0.45) 5%,
        rgba(22, 22, 23, 0) 40%,
        rgba(0, 0, 0, 0) 100%
    );
}
.featured-property-wrap.vfx2 .vfx-property-item .property-author h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}
.featured-property-wrap.vfx2 .vfx-property-img {
    border-radius: 3px;
}
.featured_next,
.featured_prev {
    bottom: 6px;
}
.featured_next {
    right: 20px;
}
.featured_prev {
    left: 20px;
}
.featured-property-section.vfx2 .section-title.vfx2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
/*-----------------Style3------------------*/
.featured-property-section.vfx3 {
    background-color: #f7f7f7;
}
.featured-property-section.vfx3
    .featured-property-info
    .vfx-property-title-box-area {
    position: relative;
    left: 0;
    padding: 40px;
    top: 0;
    width: auto;
    transform: translateY(0);
    height: 100%;
    margin: 0;
}
.featured-property-wrap.vfx3 {
    margin: 0 0 50px;
}
.featured-property-section.vfx3 .featured-vfx-property-item {
    position: relative;
    background: #fff;
}
.featured-property-wrap.vfx3 {
    margin: 0;
}
.featured-property-wrap.vfx3 .vfx-single-property-box-area {
    background: #fff;
    margin-bottom: 10px;
}
.featured-property-wrap.vfx3
    .vfx-single-property-box-area
    .vfx-property-title-box-area {
    padding: 15px 30px 15px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.feature-prev,
.feature-next {
    top: 50%;
    transform: translateY(-50%);
}
/*========================================
    Featured Listing
==========================================*/
.featured-list {
    margin-bottom: 15px;
}
.listing-sidebar .widget .featured-list {
    margin-bottom: 0;
}
.featured-list:last-child {
    margin-bottom: 0;
}
.entry-img {
    position: relative;
}
.entry-img span {
    position: absolute;
    top: 6%;
    right: 4%;
    background: #fa6742;
    color: #fff;
    padding: 5px;
    height: 22px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}
.entry-text .vfx-trend-open-price p {
    font-size: 14px;
    font-weight: 600;
    margin-left: 0;
}
.entry-text .vfx-trend-open-price span {
    font-size: 12px;
    font-weight: 500;
    margin-left: 0;
}
.recent-list {
    margin-bottom: 15px;
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 12px;
}
.sidebar .recent .widget-title {
    margin-bottom: 30px;
}
.row.recent-list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.recent-list .entry-img img {
    width: 100%;
    border-radius: 4px;
    height: 110px;
    object-fit: cover;
}
.recent-list .entry-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}
.recent-list .entry-title:hover a {
    color: #d8232a;
}
.entry-price {
    color: #46cd38;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
}
.featured-list .vfx-product-rating {
    line-height: 1;
}
.featured-list .vfx-product-rating {
    float: right;
    margin-top: 5px;
}
.featured-list .vfx-product-rating li i {
    font-size: 16px;
}
.featured-list .vfx-property-location p {
    display: inline-block;
    color: #888;
    font-size: 13px;
    font-weight: 500;
    margin-left: 0;
}
.single-featured-list {
    position: relative;
}
.single-featured-prev,
.single-featured-next {
    top: 50%;
    transition: 0.5s;
    transform: translateY(-50%);
}
.single-featured-prev {
    left: 1.5%;
}
.single-featured-next {
    right: 1.5%;
}
/*---------------------------------------
     Mortgage Calculator & Newsletter
---------------------------------------*/
.mortgage-group {
    position: relative;
    margin-bottom: 20px;
}
.mortgage-field {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px 10px 10px 60px;
    line-height: 26px;
    border-radius: 3px;
    width: 100%;
}
.mortgage-icon {
    border-right: 1px solid #ddd;
    padding: 10px 18px;
    line-height: 30px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: #222;
    font-weight: 500;
}
#amount-one::placeholder {
    color: #000;
}
.chat-btn,
.mortgage-btn button {
    border: 1px solid transparent;
    background: #d8232a;
    color: #fff !important;
    display: block;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
}
.vfx-input-wrap.vfx-newsletter input[type="text"] {
    box-shadow: none;
}
.vfx-input-wrap.vfx-newsletter button:focus {
    outline: none;
}
/*---------------------------------------
    Single Listing Page
---------------------------------------*/
.list-details-section {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 21px 15px -11px rgba(221, 221, 221, 0.28);
}
#floor_plans_gallery img.w-100,
#gallery .carousel-inner img.w-100 {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 3.5 / 2;
}
#video iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
.list-details-section h4 {
    font-weight: 600;
    line-height: 1;
    margin-bottom: 30px;
    position: relative;
}
.list-details-section h4::before {
    background: #d8232a;
    border: 0 none;
    content: "";
    height: 3px;
    left: 0;
    margin: 8px 0 10px;
    position: absolute;
    bottom: -20px;
    width: 40px;
    border-radius: 30px;
}
.list-subtitle {
    display: inline-block;
}
.listing-details-wrapper {
    position: relative;
}
.listing-details-wrapper .video-container {
    height: 550px;
}
.list-details-title.vfx1 {
    width: 100%;
}
.list-details-inner.add_list {
    box-shadow: 0 0px 0px 0px rgba(221, 221, 221, 0.28) !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.list-details-section.add_list {
    box-shadow: 0 0px 0px 0px rgba(221, 221, 221, 0.28) !important;
    margin-bottom: 0;
}
.vfx-single-property-box-area .vfx-property-title-box-area h4 {
    margin-bottom: 8px;
    width: 100%;
}
.vfx-single-property-box-area .vfx-property-title-box-area h4:before {
    display: none;
}
.faq-section {
    box-shadow: 0 0px 0px 0px rgba(221, 221, 221, 0.28) !important;
}
.property_listing {
    box-shadow: 0 0px 0px 0px rgba(221, 221, 221, 0.28) !important;
    margin-bottom: 0;
}
.list-details-title.vfx2 {
    position: absolute;
    width: 100%;
    bottom: 16%;
    z-index: 99;
}
.list-details-title.vfx2 .list-details-btn h3 {
    color: #fff;
}
.list-details-title.vfx2 .property-author span {
    color: #fff;
}
.property_poster_item {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(221, 221, 221, 0.7);
}
.property_poster_item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 7 / 3.6;
    object-fit: cover;
}
.list-details-title.vfx1 {
    margin-top: 20px;
    margin-bottom: 20px;
    z-index: 9;
    width: 100%;
    display: inline-block;
    background: #fff;
    padding: 25px;
    border-radius: 4px;
    box-shadow: 0 21px 15px -11px rgba(221, 221, 221, 0.28);
}
.single-property-header.vfx3 .list-details-title.vfx1 {
    transform: translateY(0) !important;
    box-shadow: none;
    background: none;
}
.list-details-title.vfx3 {
    padding: 15px 0;
    margin: 30px 0;
}
.list-details-btn h3 {
    line-height: 1.1;
    margin-bottom: 8px;
}
.list-btn li a i {
    font-size: 14px;
}
.list-btn li:first-child {
    margin-left: 0;
}
.list-details-btn .share-btn {
    margin-left: 15px;
}
.single-listing-title h2 {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 24px;
    width: 100%;
    line-height: 1.3;
    font-weight: 600;
}
.single-listing-title p {
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 16px;
}
.dtl_social ul {
    list-style-type: none;
    display: flex;
}
.dtl_social ul li {
    margin-right: 6px;
}
.dtl_social ul li a {
    background: #d8232a;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 6px;
    transition: 0.4s;
}
.dtl_social ul li a:hover {
    background: #e8e8e8;
    color: #d8232a;
    transition: 0.4s;
}
.single-listing-title .property-author span {
    font-weight: 400;
    color: #888;
    font-size: 14px;
}
.single-listing-title h2 span {
    display: inline-block;
    margin-left: 10px;
}
.single-listing-title p i {
    color: #ec2b2b;
    font-size: 16px;
}
.list-details-title.vfx2 .single-listing-title h2,
.list-details-title.vfx2 .single-listing-title p,
.list-details-title.vfx2 .single-listing-title p i,
.list-details-title.vfx2 .list-ratings a {
    color: #fff;
}
.list-ratings {
    margin-bottom: 0px;
    margin-top: 5px;
    margin-left: 0px;
}
.list-ratings div.fa-star,
.list-ratings div.fa-star {
    font-size: 16px;
    cursor: pointer;
    margin-right: 1px;
    color: #ffc600;
}
.list-ratings div.fa-star:last-child,
.list-ratings div.fa-star:last-child {
    margin-right: 0;
}
.list-ratings span {
    color: #ffc600;
    font-size: 14px;
    line-height: 1.1;
}
.list-ratings a {
    margin-left: 8px;
    font-weight: 500;
    color: #888;
    font-size: 13px;
}
.list-ratings .box-result-cnt span {
    color: #404040;
    font-size: 16px;
    line-height: 1.1;
}
/* -----------------------------------
    Single Agency Property Slider
------------------------------------- */
.single-property-header.vfx2 {
    position: relative;
}
.list-details-title.vfx4 {
    position: absolute;
    z-index: 999;
    transform: translateY(-250px);
}
.list-details-title.vfx4 h2,
.list-details-title.vfx4 p,
.list-details-title.vfx4 p i,
.list-details-title.vfx4 .vfx-trend-open-price p,
.list-details-title.vfx4 .vfx-trend-open-price p span {
    color: #fff;
}
.list-details-title.vfx4 h2 {
    font-size: 45px;
}
.list-details-title.vfx4 p,
.list-details-title.vfx4 .vfx-trend-open-price p {
    font-size: 20px;
    margin-left: 0;
}
.single-agency-btn {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 999;
    right: 0;
    display: inline-flex;
}
.list-details-title.vfx4 .per_sale::after,
.per_month::before {
    bottom: -2px;
}
.single-agency_prev,
.single-agency_next {
    background: #fff;
    color: #666;
    z-index: 99;
    padding: 25px 50px;
    cursor: pointer;
    transition: 0.5s;
}
.single-agency_next:hover,
.single-agency_prev:hover {
    background-color: #d8232a;
}
.single-agency_prev i,
.single-agency_prev span,
.single-agency_next i,
.single-agency_next span {
    font-weight: 600;
}
.single-agency_prev:hover i,
.single-agency_prev:hover span,
.single-agency_next:hover i,
.single-agency_next:hover span {
    color: #fff;
}
.single-agency_prev i,
.single-agency_next i {
    font-size: 10px;
}
.single-agency_prev span,
.single-agency_next span {
    padding: 0 5px;
    text-transform: uppercase;
}
.hero-client-section.vfx3 .single-testimonial-item {
    overflow: visible;
    padding-bottom: 60px;
    margin-top: -40px;
}
.property-amenities-wrap {
    position: relative;
}
.property-amenities-box {
    transform: translateY(15%);
    background: #fff;
    box-shadow: 0 8px 50px rgba(51, 51, 51, 0.09);
    border-radius: 3px;
    padding: 30px 50px;
    height: 450px;
}
.property-amenities-box .list-details-tab .nav-item {
    margin-right: 32px;
    display: inline-block;
}
.property-amenities-box .list-details-tab .nav-item:last-child {
    margin-right: 0;
}
.property-amenities-box .list-details-tab.nav-tabs {
    margin-right: 30px;
    display: block;
}
.counter-box_wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 45px;
    font-style: normal;
    margin-left: 20px;
}
/*
.property-amenities-box .list-details-tab.nav-tabs .nav-item {
    display: inline-block;
}*/
.vfx-trending-places.vfx2 .single-listing-title.float-left {
    margin-top: 5px;
}
.property-gallery_tab .property-info {
    columns: 2;
}
.location-info {
    position: absolute;
    right: 72px;
    background: #d8232a;
    height: 100%;
    bottom: 0;
    top: 0;
    padding: 30px;
}
.location-info h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
}
.single-agency-map {
    position: relative;
    width: 100%;
}
.single-agency-map iframe {
    width: 100%;
}
.location_box_info p,
.location_box_info span,
.single-location-box i {
    color: #fff;
}
.location_box_info p {
    font-size: 18px;
}
.location_box_info {
    margin-left: 70px;
}
.single-location-box i {
    position: absolute;
    top: 50%;
    font-size: 20px colo;
    font-size: 40px;
    transform: translateY(-50%);
}
.single-location-box {
    position: relative;
    margin-bottom: 30px;
}
.property-amenities_bg {
    background-position: center;
    background-size: cover;
    height: 420px;
    background-color: #ddd;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.property-gallery_tab {
    padding-right: 15px;
}
.property-video-text {
    margin-top: 100px;
}
.property-video-text h4 {
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.2;
}
.property-video-text p {
    color: #fff;
    line-height: 1.3;
    font-size: 16px;
}
.property_feature_text {
    margin-left: 40px;
}
.single-property_feature i {
    position: absolute;
    top: 0;
    font-size: 30px;
}
.property_feature_text h4 {
    line-height: 1.2;
    margin-bottom: 5px;
}
.single-property_feature {
    margin-bottom: 30px;
}
.single_property-box-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.single_property-box {
    text-align: center;
}
.single_property-box i,
.single_property-box p {
    font-size: 25px;
}
.hero-client-section.vfx3 .client-wrapper {
    padding: 0 15px 45px 15px;
}
.hero-client-section.vfx3 .testimonial-text {
    background: #f7f7f7;
    box-shadow: 0 20px 23px rgba(221, 221, 221, 0.14);
}
.hero-client-section.vfx3 .testimonial-btn.vfx2 {
    position: absolute;
    left: 45%;
    bottom: 20%;
}
.hero-client-section.vfx3 .testimonial-btn.vfx2 .testimonial-next i,
.hero-client-section.vfx3 .testimonial-btn.vfx2 .testimonial-prev i {
    font-size: 25px;
}
/* ------------------------------
    Compare Page
--------------------------------- */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-content table {
    text-align: left;
}
.table-content table {
    background: transparent;
    margin-bottom: 0;
    text-align: left;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.table td,
.table th {
    border-top: none;
    vertical-align: middle;
    font-weight: 400;
    font-size: 16px;
}
.table-content table td {
    border-top: medium none;
    font-size: 15px;
    padding: 15px 10px;
    vertical-align: middle;
    /*min-width: 140px;*/
    font-weight: 400;
    position: relative;
}
.compare-table .table td,
.compare-table .table th {
    border-top: none;
    /* min-width: */
}
.compare-table .compare_title {
    min-width: 150px;
    font-size: 20px;
    line-height: 45px;
    font-weight: 400;
    vertical-align: middle;
    padding-bottom: 7740;
}
.table.compare-table h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
}
.remove {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 10;
}
.remove a {
    width: 30px;
    background: #fff;
    height: 30px;
    color: #333;
    display: inline-block;
    margin-bottom: 13px;
    transition: 0.5s;
}
.remove a i {
    font-size: 18px;
    line-height: 30px;
}
.compare-table.image-wrap img {
    max-width: 300px;
}
td.check i {
    color: #86fb1d;
}
td.uncheck i {
    color: #fc133a;
}
/* ------------------------------
    Single Property Slider
--------------------------------- */
.single-property-next,
.single-property-prev {
    width: 40px;
    height: 40px;
    background: #d8232a;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 45%;
    z-index: 10;
    transition: 0.6s;
    visibility: visible;
    opacity: 1;
}
/* .single-property-slider:hover .single-property-next {
	right: 5%;
	visibility: visible;
	opacity: 1;
}
.single-property-slider:hover .single-property-prev {
	left: 5%;
	visibility: visible;
	opacity: 1;
}*/
.single-property-next {
    right: 4.5%;
}
.single-property-prev {
    left: 4.5%;
}
.single-property_prev,
.single-property_next {
    position: absolute;
    left: 37.4%;
    background: #d8232a;
    width: 40px;
    height: 40px;
    z-index: 99;
    color: #333;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    line-height: 42px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 8px #3333;
}
.single-property_prev {
    top: 48%;
}
.single-property_next {
    top: 54%;
}
.single-property-next i,
.single-property-prev i {
    color: #fff;
    font-size: 26px;
    line-height: 40px;
}
.property-slider-img {
    position: relative;
}
.vfx-trending-places.vfx2 .property-slider-img {
    display: block;
    transition: 0.9s;
}
.vfx-trending-places.vfx2 .single-property-header.vfx4 {
    overflow: hidden;
    border-radius: 10px;
}
.vfx-trending-places.vfx2
    .single-property-header.vfx4
    .list-details-title.vfx2 {
    padding: 0 20px;
}
.vfx-trending-places.vfx2 .single-property-header.vfx4 .vfx-save-btn.vfx2 {
    right: 35px;
}
.vfx-trending-places.vfx2 .vfx-feature-text.vfx2 {
    left: 30px;
}
.vfx-trending-places.vfx2
    .single-property-header.vfx4:hover
    .property-slider-img {
    transform: scale(1.1);
}
.property-slider-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.share-btn:hover .social-share li {
    opacity: 1;
}
.share-btn {
    position: relative;
}
.social-share {
    position: absolute;
    bottom: -38px;
    right: -34px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.social-share li {
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    border-radius: 50%;
    opacity: 0;
}
.social-share li a {
    margin-left: 0;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    transition: 0.5s;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.social-share li a i {
    color: #fff;
}
.social-share li:nth-child(2) {
    transition-delay: 0.2s;
}
.social-share li:nth-child(1) {
    transition-delay: 0.4s;
}
.social-share li a {
    margin-right: 0;
}
.social-btn li {
    border-radius: 4px;
    margin: 0 5px 0 0;
    display: inline-block;
}
.social-btn li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
}
.social-btn li a i {
    color: #fff;
    font-size: 18px;
    line-height: 40px;
}
.list_menu {
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: 0.4s;
    border-bottom: 1px solid #ddd;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.list-details-tab.fixed_nav li {
    display: inline-block;
}
.list-details-tab.fixed_nav {
    margin: 0 auto;
    padding: 0 0 0 35px;
}
.list-details-tab .nav-link {
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 16px;
    color: #000;
    padding: 10px 0;
}
.list-details-tab .nav-link {
    position: relative;
    text-align: center;
}
.list-details-tab .nav-item {
    margin-bottom: 0 !important;
    margin-right: 3px;
    position: relative;
}
.sidebar-content-left .list-details-tab .nav-item,
.sidebar-content-right .list-details-tab .nav-item {
    padding-top: 0;
}
.vfx-trending-places .list-details-tab .nav-item {
    padding: 0 0 15px 0;
    line-height: 1.1;
}
.list-details-tab .nav-item:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 1px;
    content: "";
    background: #d8232a;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    border-color: transparent;
}
.list-details-tab .nav-item.active:after,
.list-details-tab .nav-item:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.list-details-tab .nav-item a {
    font-size: 15px;
    font-weight: 600;
    padding: 7px 15px;
    height: 44px;
    display: inline-block;
}
.list-details-tab .nav-item:hover a,
.list-details-tab .nav-item.active a {
    color: #ffffff;
    background: #d8232a;
    border-radius: 6px 6px 0 0;
}
.faq-section .list-details-section {
    padding: 0 !important;
    margin: 0 !important;
}
#overview h4 {
    margin-bottom: 10px;
}
.single-listing-title p i {
    margin-right: 5px;
}
.review_wrap .vfx-customer-review {
    display: inline-block;
    margin-bottom: 0;
}
.vfx-customer-content .vfx-product-rating {
    line-height: 1;
}
.review_wrap .vfx-customer-review i {
    color: #ffc600;
    font-size: 16px;
}
.book-btn a {
    display: block;
    padding: 13px 0;
    background: #d8232a;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 26px;
    border-radius: 3px;
    cursor: pointer;
}
.similar-title-box {
    margin-top: 10px;
}
.similar-title-box h5 {
    letter-spacing: 0;
}
.similar-item img {
    border-radius: 5px;
}
.similar-listing {
    position: relative;
    margin-top: 20px;
}
.similar-title-box h5 {
    display: inline-block;
    margin-bottom: 0;
}
.similar-title-box p {
    display: inline-block;
    float: right;
    font-size: 13px;
    line-height: 1.7;
}
.similar-title-box p span {
    line-height: 1.7;
}
.similar-item .vfx-customer-review {
    margin-bottom: 0;
    margin-top: 10px;
}
.similar-item .vfx-customer-review p {
    font-size: 14px;
}
.similar-item .vfx-customer-review p i {
    margin-right: 5px;
    color: #d8232a;
}
.similar-item .vfx-customer-review .vfx-product-rating li {
    line-height: 1.2;
}
.similar-prev,
.similar-next {
    top: 49.5%;
}
.similar-listing:hover .similar-next,
.similar-listing:hover .popular-next,
.similar-listing:hover .similar-prev,
.similar-listing:hover .popular-prev {
    opacity: 1;
}
.floor-list {
    display: inline-block;
    margin-left: 20px;
}
.floor-list li {
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    margin-right: 15px;
}
#floor_plan .card-header i {
    font-size: 14px;
    line-height: 1;
    position: relative;
    left: 3px;
    top: 1px;
}
.floor-list li span {
    font-weight: 500;
    color: #7d7d7d;
}
.list-details-section .card a p {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
}
ul.list-btn li {
    display: inline-block;
    margin-left: 5px;
}
#floor_plan .card {
    margin-bottom: 15px;
}
#floor_plan .card:last-child {
    margin-bottom: 0;
}
#floor_plan .card .card-header {
    border-bottom: none;
}
#floor_plan .card .card-header a:hover {
    color: #333;
}
#leave-review {
    padding-bottom: 0;
}
.review-box .contact-form {
    padding: 30px 0;
}
.agent-info li {
    display: block;
    font-size: 15px;
    font-weight: 500;
}
.agent-info li span {
    font-weight: 400;
    margin-left: 5px;
}
.nearby-wrap {
    margin-bottom: 20px;
}
.nearby-wrap h4 {
    margin-bottom: 10px;
}
.nearby-wrap .nearby-item p {
    display: inline-block;
    line-height: 1;
}
.nearby-wrap h4 span {
    background: #fa6742;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 1.2;
    border-radius: 3px;
    text-align: center;
    margin-right: 7px;
}
.nearby-wrap h4 span i {
    color: #fff;
    font-size: 14px;
    position: relative;
    top: -1px;
    left: 1px;
}
.popup-vid {
    position: relative;
}
.popup-vid img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
a.popup-yt {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}
a.popup-yt i {
    font-size: 28px;
    line-height: 80px;
    color: #d8232a;
}
.vfx-ripple-out {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
}
.vfx-ripple-out:before {
    border-radius: 50%;
    content: "";
    position: absolute;
    border: #fff solid 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transition: all 0.3s;
    animation-iteration-count: infinite;
}
.vfx-ripple-out:hover:before,
.vfx-ripple-out:focus:before,
.vfx-ripple-out:active:before {
    border: #ddd solid 6px;
    -webkit-animation-name: vfx-ripple-out;
    animation-name: vfx-ripple-out;
}
@-webkit-keyframes vfx-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
@keyframes vfx-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

/*-------
	Single Listing
------------*/
.single-property-header.vfx3 .video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 650px;
    z-index: 0;
}
.single-property-header.vfx3 .video-container .overlay {
    z-index: 10;
}
.single-property-header.vfx3 #video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/banner-music.html);
    background-size: cover;
    overflow: hidden;
    z-index: 9;
}
/*-------------Single property header vfx4-----------*/
.single-property-header.vfx4 .property-slider-img {
    position: relative;
}
.single-property-header.vfx4 .property-slider-img:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(
        to top,
        rgb(0, 0, 0) 0%,
        rgba(0, 0, 0, 0.93) 7%,
        rgba(22, 22, 23, 0) 40%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 9;
}
.single-property-header.vfx4 .single-listing-title h2 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    display: block;
}
.single-property-header.vfx4 .single-listing-title h2 a {
    color: #fff;
}
.single-property-header.vfx4 .list-details-title.vfx2 {
    bottom: 5%;
    left: 0;
    padding: 0 6px;
}
.single-property-header.vfx4 .property-feature {
    /*columns: none;*/
    padding: 0;
    display: inline-flex;
}
.single-property-header.vfx4 .property-feature li {
    margin: 0 10px 0 0;
    padding: 0;
    line-height: 1.1;
}
.single-property-header.vfx4 .property-feature li i {
    font-size: 14px;
    margin-right: 3px;
}
.single-property-header.vfx4 .property-feature li span {
    color: #ccc;
}
.single-property-header.vfx4 .list-details-btn .vfx-trend-open-price p {
    font-size: 17px;
}
.single-property-header.vfx4 .vfx-save-btn.vfx2 {
    position: absolute;
    right: 3%;
    top: 5%;
    z-index: 200;
    opacity: 0;
    transition: all 0.3s;
}
.single-property-header.vfx4:hover .vfx-save-btn.vfx2 {
    opacity: 1;
}
.single-property-header.vfx4 .vfx-save-btn.vfx2 li {
    width: 30px;
    height: 30px;
}
.single-property-header.vfx4 .vfx-save-btn.vfx2 li i {
    font-size: 15px;
    line-height: 30px;
}
.single-property-header.vfx4 .vfx-product-rating li i {
    font-size: 14px;
}
.single-property-header.vfx4
    .single-property-header.vfx4
    .single-property-header.vfx4
    .widget {
    margin-bottom: 50px;
}
.widget-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    color: #434953;
    margin-bottom: 25px;
    padding-bottom: 10px;
    position: relative;
}
h3.widget-title::before {
    background: #d8232a;
    border: 0 none;
    content: "";
    height: 4px;
    left: 0;
    border-radius: 30px;
    margin: 8px 0 10px;
    position: absolute;
    bottom: -12px;
    width: 40px;
}
.agent-title {
    position: relative;
    display: block;
    margin-bottom: 0px;
}
.agent-title .agent-photo {
    float: left;
    display: block;
}
.agent-title .agent-photo img {
    border-radius: 100px;
    max-width: 60px;
    height: 60px;
    object-fit: cover;
    padding: 2px;
    border: 2px solid #eaeff5;
}
.agent-details {
    margin-left: 72px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.agent-details ul.vfx-social-button {
    margin-top: 5px;
}
.agent-widget h4 {
    color: #333;
    margin: 0px 0 6px 0;
}
.agent-details h4 {
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 18px;
    color: #434953;
    text-transform: capitalize;
}
.agent-details h4 a:hover {
    color: #d8232a;
}
.agent-details span {
    color: #888888;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
}
.agent-details span a {
    display: inline-block;
    color: #d8232a;
    margin-top: 3px;
}
.sidebar-title h2 {
    color: #2f333a;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 0 10px;
    position: relative;
    margin-bottom: 0;
}
.listing-sidebar {
    /*padding-left: 15px;*/
}
.listing-sidebar .widget {
    background: #fff;
    margin-bottom: 30px;
    padding: 25px 20px;
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(221, 221, 221, 0.56);
}
.listing-sidebar .widget .vfx-single-property-box-area {
    margin-bottom: 0;
}
.sidebar-widget {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    border-radius: 3px;
}
#leaflet_contact_map {
    width: 100%;
    height: 250px;
}
.sidebar-widget.info {
    padding: 10px 20px 0 20px;
}
.sidebar-widget.info .filter-input.nice-select,
.sidebar-widget.info #datepicker-to input,
.sidebar-widget.info #datepicker-from input {
    font-size: 14px;
    font-weight: 300;
}
.sidebar-widget.info h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}
.sidebar-widget.info h3 i {
    margin-right: 8px;
}
.amt-total span {
    color: #d8232a;
    font-weight: 600;
    font-size: 18px;
}
.sidebar-widget.listing-tags,
.sidebar-widget.ad-box {
    border: none;
}
.sidebar-widget.ad-box img {
    border-radius: 3px;
}
.address {
    color: #737882;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;
}
.address:last-child {
    padding-bottom: 25px;
    margin-bottom: 0;
}
.address > span {
    font-size: 18px;
    float: left;
    color: #d8232a;
}
.address p {
    margin: 0 0 0 34px;
}
.follow {
    background: #fff;
}
.follow-img {
    text-align: center;
    padding: 25px 25px 10px 25px;
    color: #3e434b;
}
.follow-img img {
    border-radius: 5px;
    max-width: 150px;
}
.follow-img h6 {
    margin: 11px 0 0;
}
.follow ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center;
}
.follow ul li {
    list-style: none;
    padding: 13px 0;
    width: 33%;
}
.follow ul li h6 {
    margin: 0;
}
.social-counts span {
    font-size: 14px;
    color: #737882;
}
.listing-detail-map.vfx1 {
    height: 500px;
    margin-bottom: -100px;
}
.listing-detail-map.vfx2 {
    height: 250px;
}
.listing-detail-map.vfx3 {
    height: 450px;
}
#sidebar {
    background: #f5f5f5;
    padding: 50px 30px;
}
.booking .title {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.booking #datepicker,
.booking #from,
.booking #to {
    color: #7a7a7a;
    width: 100%;
    padding: 10px 20px;
    border: transparent;
    border-radius: 3px;
    margin-bottom: 15px;
}
.booking #inputGroupSelect01 {
    color: #7a7a7a;
    padding: 10px 20px;
    border: transparent;
    border-radius: 3px;
    margin-bottom: 15px;
}
.booking label {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
}
.booking .submit-btn {
    background: #d8232a;
    color: #ffff;
    width: 100%;
}
.form-group.time-slots .filter-input span {
    font-size: 13px;
}
/*----------Overview------------*/

.list-single-facts {
    background: #fff;
    margin-top: 100px;
}
.inline-facts h6 span {
    font-weight: 600;
    color: #d8232a;
}
.list-single-facts ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #f9f9f9;
    columns: 2;
}
.list-single-facts .inline-facts {
    padding: 20px;
}
.list-single-facts .inline-facts i {
    font-size: 34px;
    color: #d8232a;
}
.listing-address,
.property-info {
    display: inline-block;
    width: 100%;
}
.location-title h6 {
    display: inline-block;
    line-height: 1.2;
}
.location-map {
    float: right;
    font-weight: 600;
    font-size: 15px;
    margin-top: 5px;
    line-height: 1;
    color: #d8232a;
}
.location-map:hover {
    color: #888;
}
.location-map i {
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
}
.listing-address li,
.property-info li {
    font-size: 15px;
    font-weight: 600;
    color: #484848;
    width: 48.4%;
    line-height: 32px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 5px;
    padding: 3px 10px;
    border-radius: 4px;
    float: left;
}
.overview-content p {
    font-size: 16px;
    line-height: 26px;
}
.listing-address li span,
.property-info li span {
    color: #888;
    font-weight: 400;
}
ul.listing-features {
    display: inline-block;
    width: 100%;
}
.listing-features li {
    text-align: left;
    margin-bottom: 8px;
    color: #484848;
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 5px;
    padding: 3px 10px 3px 25px;
    border-radius: 4px;
    display: inline-block;
    width: 48%;
}
.listing-features li i {
    position: absolute;
    left: 8px;
    top: 9px;
    color: #d8232a;
    font-size: 16px;
    opacity: 0.9;
}
.list-single-facts .inline-facts h6 {
    color: #888;
    font-size: 14px;
    margin-top: 10px;
    letter-spacing: 0px;
    font-weight: 400;
}
.listing-features.pp_docs li {
    padding-left: 0;
    position: relative;
}
.listing-features.pp_docs li a {
    padding-left: 35px;
    display: block;
}
.listing-features.pp_docs li a i {
    position: absolute;
    top: 0;
    font-size: 30px;
    left: 0;
    width: 35px;
}
/*----------Gallery-----------*/

.carousel-indicators {
    position: relative;
    bottom: 0;
    left: -4px;
    right: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    width: 100%;
}
.single-property-header.property-carousel .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
}
.list-gallery-thumb img {
    cursor: pointer;
    object-fit: cover;
    height: 100%;
    aspect-ratio: 5 / 3;
}
.single-property-header.property-carousel .carousel-indicators img {
    /* max-width: 176px;*/
    cursor: pointer;
}
.carousel-indicators li {
    width: 120px;
    height: 100%;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li:last-child {
    margin-right: -3px;
}
.carousel-control-prev span,
.carousel-control-next span {
    width: 35px;
    height: 35px;
    background: #d8232a;
    border-radius: 50%;
    line-height: 36px;
    font-size: 16px;
    opacity: 1;
    position: absolute;
    color: #ffffff;
}
.carousel-control-prev span {
    left: 15px;
    top: 50%;
    margin-top: -50px;
    transition: 0.5s;
}
.carousel-control-next span {
    right: 15px;
    top: 50%;
    margin-top: -50px;
    transition: 0.5s;
}
#carousel-thumb:hover .carousel-control-next,
#carousel-thumb:hover .carousel-control-prev,
#carousel-thumb:hover .floor-plans-control-next,
#carousel-thumb:hover .floor-plans-control-prev {
    opacity: 1 !important;
}
/*--------------Features & Pricing--------------*/

.room-type-item {
    position: relative;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #dedede;
    transition: all 0.35s ease-in-out;
    padding-bottom: 20px;
}
.room-type-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.room-type-item img {
    border-radius: 5px;
}
.feature-left p span {
    font-weight: 500;
    color: #d8232a;
}
.room-type-item .feature-left h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px;
}
.feature-left.float-left p {
    line-height: 1.3;
}
.room-type-item .feature-left p {
    margin: 0 0 7px;
    line-height: 19px;
}
.room-type-item .feature-right {
    text-align: right;
}
.feature-right button.btn.vfx2 {
    margin-top: 70px;
}
.amt-title h4 {
    margin-bottom: 5px;
}
.price-amt {
    color: #d8232a;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 16px;
}
.room-type-item .feature-right .price-amt {
    display: block;
}
.facilities-list {
    margin-top: 15px;
    list-style: none;
}
.facilities-list li {
    float: left;
    margin-right: 14px;
    cursor: pointer;
    position: relative;
}
.facilities-list li i {
    color: #d8232a;
    font-size: 18px;
    opacity: 0.6;
}
.facilities-list li:hover span {
    visibility: visible;
    opacity: 1;
}
.facilities-list li:hover i {
    opacity: 1;
}
.facilities-list li span {
    position: absolute;
    opacity: 0;
    left: -20px;
    top: -34px;
    height: 26px;
    line-height: 26px;
    min-width: 90px;
    color: #fff;
    font-size: 11px;
    visibility: hidden;
    opacity: 0;
    border-radius: 4px;
    background: #d8232a;
    transition: 0.3s;
    text-align: center;
}
/*-----------Reviews------------*/
.review-box {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 30px;
}
.vfx-customer-review-wrap-item {
    display: flex;
    position: relative;
    padding-bottom: 35px;
}
.review_wrap li ul.has-child > li {
    margin-left: 92px;
}
.review_wrap li ul.has-child > li .vfx-reviewer-img img {
    width: 126px;
}
.review_wrap > li:last-child .vfx-customer-review-wrap-item {
    border-bottom: none;
}
.vfx-reviewer-img {
    float: left;
}
.vfx-reviewer-img img {
    width: 140px;
    border-radius: 50px;
}
.vfx-reviewer-img p {
    color: #333;
    margin: 5px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}
#reviews
    .review-box
    .review_wrap
    .vfx-customer-review-wrap-item
    .review-img
    img {
    margin-top: 10px !important;
}
.vfx-reviewer-img span {
    font-size: 14px;
    color: #737882;
    text-align: center;
}
/*-----------reviews-------*/
.review-item {
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
    padding: 30px 30px 60px 30px;
    margin-bottom: 30px;
}
.review-item__post-image {
    margin-right: 1.25rem;
}
.review-item__post {
    display: inline-flex;
}
.review-header {
    margin-bottom: 15px;
}
.review-item__image {
    width: 120px;
    border-radius: 5px;
}
.review-item__post-title {
    font-size: 18px;
    margin-bottom: 0;
}
.review-item__post-title a {
    color: #363636;
}
.review-item__post-location {
    font-size: 14px;
    color: #888;
    padding-bottom: 0.375rem;
    margin: 10px 0;
    line-height: 1rem;
}
.review-item__post-reviews {
    font-size: 0.8125rem;
    color: #888999;
    line-height: 1rem;
    font-weight: 300;
}
.review-item__post-reviews i {
    color: #cccccc;
}
.review-item__date {
    display: inline-block;
    color: #888999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25rem;
    margin: 0 0 1rem;
}
.review-item__title {
    color: #363636;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.25rem;
    margin: 0;
}
.review-item__description {
    color: #888;
    margin: 10px 0 20px;
}
.review-item__content {
    margin: 15px 0;
}
.review-item__helpful {
    padding: 0.25rem 0.5rem;
    padding-right: 0.5rem;
    padding-right: 2.5rem;
    color: #888999;
    font-size: 0.875rem;
    font-weight: 200;
    border: 1px solid #ebebeb;
    position: relative;
    border-radius: 0.125rem;
}
.review-item__helpful i {
    font-size: 1rem;
    float: left;
    margin-right: 0.25rem;
    margin-top: 0.125rem;
    transition: all 0.2s ease-in-out;
}
.review-item__helpful span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.25rem 0;
    text-align: center;
    color: #888;
    font-size: 0.875rem;
    display: inline-block;
    width: 2rem;
    border-left: 1px solid #ebebeb;
    transition: all 0.2s ease-in-out;
}
.review-item__reply {
    float: right;
    padding: 0.25rem 0.5rem;
    color: #888999;
    font-size: 0.875rem;
    font-weight: 200;
    border: 1px solid #ebebeb;
    border-radius: 1.25rem;
}
.vfx-reviewer-img {
    margin: 0 20px 0 0;
}
.vfx-customer-content h6 {
    color: #333;
    margin-bottom: 3px;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
}
.vfx-customer-review span {
    width: 10px;
    height: 10px;
    background: #46cd38;
    border-radius: 50%;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}
.vfx-customer-content p {
    color: #888;
    font-size: 13px;
    margin-bottom: 7px;
    display: inline-block;
}
.review-item__rating {
    background: #46cd38;
    padding: 8px 14px;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
}
.customer-rating {
    background: #46cd38;
    padding: 8px 14px;
    float: right;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
}
.vfx-customer-text {
    color: #737882;
    margin: 15px 0 0;
    line-height: 1.6;
}
.vfx-customer-text {
    color: #888;
    margin: 5px 0 0;
    line-height: 1.7;
    font-size: 15px;
    font-weight: 500;
}
.like-btn {
    position: absolute;
    top: 0;
    right: 0;
}
.vfx-dashboard-add-listing .amenitie-list-item .filter-checkbox label {
    width: 22%;
}
.vfx-customer-content-wrap span {
    color: #737882;
    display: inline-block;
}
.vfx-customer-content-wrap a {
    border: 1px solid #ccc;
    color: #737882;
    font-size: 14px;
    border-radius: 3px;
    padding: 5px 10px;
}
.review-img img {
    border-radius: 5px;
    margin-right: 5px;
    max-width: 120px;
}
a.rate-review {
    background: #d8232a;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    color: #ffffff;
    font-weight: 500;
    padding: 5px 12px;
    display: inline-block;
    transition: 0.3s;
    height: 30px;
    line-height: 20px;
}
a.rate-review span {
    border-left: 1px solid #e0e0e0;
    line-height: 1.2;
    padding-left: 10px;
    margin-left: 5px;
    transition: 0.3s;
    color: #888;
}
.like-btn a i {
    margin-right: 10px;
}
a.rate-review i {
    margin-right: 10px;
}
a.rate-review:hover {
    background: #eeeeee;
    color: #d8232a;
}
a.rate-review:hover i {
    color: #d8232a;
}
.contact-form {
    margin-bottom: 0;
    border-top: 1px solid #ddd;
}
.contact-form__rate {
    margin-bottom: 0;
}
.contact-form__rate-bx {
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 18px;
    color: #cccccc;
}
.contact-form__rate-bx i {
    cursor: pointer;
}
.contact-form__rate-bx-show {
    display: inline-block;
    color: #888999;
    font-weight: 300;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}
.vfx-contact-upload-btn {
    text-align: center;
    position: relative;
}
.vfx-contact-input-file {
    display: inline-block;
    width: 136px;
    opacity: 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.vfx-contact-upload-btn span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    font-size: 13px;
    font-weight: 200;
    width: 100%;
    display: inline-block;
    border-radius: 0 0 4px 4px;
    transition: all 0.2s ease-in-out;
}
.vfx-contact-upload-btn span i {
    font-size: 1rem;
    float: left;
    margin-right: 0.25rem;
    margin-top: 0.125rem;
}
.contact-form__rate-bx i.active,
.contact-form__rate-bx i.selected {
    color: #ffc600;
}
.contact-form__textarea {
    margin-top: 5px !important;
    font-size: 15px;
}
.contact-form__input-text,
.contact-form__textarea {
    display: block;
    width: 100%;
    padding: 0.625rem 1.25rem;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    background: #ffffff;
    outline: none;
    border: 1px solid #dddddd;
    margin: 0 0 25px;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease-in-out;
}
/*------------booking---------------*/

.booking-dialog {
    max-width: 700px;
}
#datepicker-from span,
#datepicker-to span {
    position: absolute;
    top: 15px;
    right: 4%;
}
#datepicker-from span i,
#datepicker-to span i {
    font-size: 16px;
}
#datepicker-to input,
#datepicker-from input {
    font-size: 16px;
    padding: 21px 20px;
    border-radius: 3px;
    font-weight: 400;
    border-width: 1px;
}
.book-amount button.quantity-left-minus,
.book-amount button.quantity-right-plus {
    border-radius: 3px;
    background: transparent;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 13px 15px;
}
.book-amount input {
    border-left: 0;
    border-right: 0;
    text-align: center;
    padding: 25px 0;
}
.booking-dialog label {
    text-align: left;
    display: inherit;
    font-size: 17px;
    color: #000;
    font-weight: 400;
}
.booking-dialog .filter-input {
    margin-top: 0;
}
.booking-dialog .form-group {
    margin-bottom: 0;
}
.book-btn.col-md-12 {
    border-top: 1px solid #ddd;
}
.book-btn .btn.vfx3 {
    margin-top: 22px;
    margin-bottom: 0;
}
.booking-dialog .modal-content {
    padding: 0px 10px 10px 10px;
}
.time-slots .nice-select .option {
    border-bottom: 1px solid #ddd; /*    line-height: 2;*/
}
.time-slots .filter-input.nice-select {
    font-size: 15px;
    font-weight: 400;
}
/*------------Coupon---------------*/

.coupon-top #clock p {
    display: inline-grid;
    color: #fff;
    font-size: 17px;
    margin-right: 10px;
}
.coupon-top #clock p span {
    font-size: 20px;
    font-weight: 600;
}
.coupon-widget {
    border-radius: 4px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    transition: 0.3s;
    display: block;
}
.coupon-widget a.coupon-top {
    padding: 20px;
    position: relative;
    z-index: 10;
    text-align: center;
    cursor: default;
    display: block;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.07);
}
.coupon-link-icon {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 16px;
}
.coupon-widget a.coupon-top h3 {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin: 0;
    font-weight: 400;
    color: #fff;
}
.coupon-widget .coupon-bottom {
    padding-bottom: 20px;
    margin: 0 0;
    position: relative;
    z-index: 10;
    text-align: center;
    border-radius: 0 0 4px 4px;
}
#clock {
    margin-top: 20px;
}
.coupon-scissors-icon {
    position: absolute;
    top: -15px;
    left: 35px;
    z-index: 100;
    font-size: 20px;
}
.coupon-bottom p {
    display: inline-block;
}
.coupon-code {
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 2px;
    position: relative;
    z-index: 11;
    text-transform: uppercase;
    transition: 0.4s;
    border: 2px dashed #ddd;
}
.coupon-code-wrap input {
    font-size: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #ddd;
}
.coupon_code {
    background: #d8232a;
    color: #fff;
    border: 1px solid transparent !important;
    cursor: pointer;
    transition: 0.5s;
    margin-left: 10px;
}
.coupon_code:hover {
    background: transparent;
    border: 1px solid #ddd !important;
    color: #888;
}
.coupon-widget .coupon-bottom::after {
    left: initial;
    right: 0;
    transform: translate(50%, -50%);
}
.countdown-deals {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.daily-deals-wrap.vfx1 .cdown {
    padding: 5px 0;
    width: 50px;
}
.daily-deals-wrap.vfx1 {
    margin-top: 15px;
}
.daily-deals-wrap.vfx1.countdown-deals .cdown {
    color: #fff;
}
.daily-deals-wrap.vfx1 .cdown span {
    font-size: 25px;
    display: inline-block;
    line-height: 31px;
    color: #fff;
}
.daily-deals-wrap.vfx1 .countdown-deals .cdown p {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}
/*-----------Contact map------------*/
.listing-detail-map.vfx2 {
    z-index: 9;
}
/*-------coupon code----------*/
.banner-wdget-content {
    padding: 90px 30px 70px;
    z-index: 10;
}
.banner-wdget-content h4 {
    font-weight: 500;
    color: #fff;
    font-size: 18px;
}
.banner-wdget-content h4 span {
    color: #5ecfb1;
    font-weight: 400;
}
.banner-wdget-content .countdown {
    margin-top: 15px;
}
.banner-wdget-content .countdown-item {
    width: 25%;
    float: left;
    color: #fff;
}
/*------Business Hours----*/

.business-title {
    border-bottom: 1px solid #ddd;
    padding: 25px;
}
.business-title h6 {
    display: inline-block;
    margin-bottom: 0;
}
.business-title h6 i {
    color: #d8232a;
}
.business-title span {
    background: #0bf389;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
}
ul.business-hours {
    margin: 0;
    padding: 25px;
    list-style-type: none;
}
ul.business-hours li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.2;
}
ul.business-hours li span {
    font-size: 0.93333rem;
}
.business-hours .trend-closed,
.business-hours .business-open {
    margin: 0;
}
.business-hours .business-open {
    padding-bottom: 18px;
}
.business-hours .business-open:last-child {
    padding-bottom: 0;
}
/*---------Tags-----------*/
.list-tags {
    display: inline-block;
}
.list-tags li {
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 10px;
}
.list-tags .btn.vfx2 {
    background: transparent;
    padding: 8px 14px;
    border: 1px solid #ddd;
    color: #888 !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    transition: 0.5s;
    line-height: 1;
}
.list-tags .btn.vfx2:hover {
    color: #d8232a !important;
    border-color: #d8232a;
}
/*---------------------------------
    User Login Page
---------------------------------*/
.login-wrapper {
    border: 0;
    padding: 20px 25px;
    -webkit-box-shadow: 0 1px 15px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 1px 15px rgba(82, 85, 90, 0.1);
    box-shadow: 0 1px 15px rgba(82, 85, 90, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
}
.login-wrapper .vid_title h4 {
    position: relative;
}
.login-wrapper .vid_title h4::before {
    background: #d8232a;
    border: 0 none;
    content: "";
    height: 3px;
    left: 0;
    margin: 0;
    border-radius: 20px;
    position: absolute;
    bottom: -5px;
    width: 40px;
}
.login-wrapper p,
.login-wrapper p a {
    font-size: 15px;
    font-weight: 600;
}
.login-wrapper p a {
    color: #d8232a;
}
.login-wrapper p a:hover {
    color: #888888;
    text-decoration: underline;
}
#vfx-user-login-popup .modal-header {
    border-bottom: none;
}
.vfx-user-login-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.signup-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    height: 100%;
}
.signup-wrapper p {
    text-align: center;
    margin-top: 20px;
}
.vfx-user-login-section .nav-tabs {
    border-bottom: none;
    display: flex;
}
.vfx-user-login-section .nav-tabs .nav-link {
    border: none;
    font-size: 16px;
    color: #333;
    text-transform: capitalize;
    font-weight: 600;
    padding: 8px 20px;
}
.single-banner-item.style2 .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #d8232a;
    color: #ffffff;
}
.vfx-user-login-section .nav-tabs .nav-link.active {
    background-color: #d8232a;
    color: #ffffff;
}
.vfx-user-login-section .nav-tabs .nav-item {
    margin-bottom: 0;
    display: flex;
    width: 50%;
}
.vfx-user-login-section .nav-tabs .nav-link {
    background-color: #e8e8e8;
    color: #424242;
    padding: 8px 20px;
    border-radius: 4px;
    margin: 0 2px;
    width: 100%;
    text-align: center;
}
#loginform .form-control:focus,
#signupform .form-control:focus,
#forgotform .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #d8232a;
}
#loginform .form-control,
#signupform .form-control,
#forgotform .form-control {
    height: 48px;
}
#loginform input,
#signupform input,
#forgotform input {
    padding: 5px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
}
#signupform input#fileupload {
    height: 48px;
    width: 100%;
    vertical-align: middle;
    line-height: 36px;
}
#signupform .fileupload_block .fileupload_img {
    width: 110px;
    height: 110px;
    margin: 10px auto;
}
#signupform .fileupload_block .fileupload_img img {
    border-radius: 6px;
}
#vfx-user-login-popup .modal-body {
    padding: 30px 10px;
}
#vfx-user-login-popup .modal-header {
    padding: 0;
}
#vfx-user-login-popup .modal-header .close {
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999;
    opacity: 1;
    outline: none;
}
#vfx-user-login-popup .modal-header .close i {
    font-size: 16px;
    background: #d8232a;
    color: #fff;
    padding: 5px;
    border-radius: 30px;
    height: 36px;
    width: 36px;
    display: block;
    line-height: 25px;
}
#loginform input[type="checkbox"],
#signupform input[type="checkbox"] {
    margin-right: 0;
}

/*---------------------------------------
    Add Listing Page
---------------------------------------*/
.add-listing__input-file-box {
    position: relative;
    margin-bottom: 1.875rem;
}
.add-listing__input-file {
    width: 100%;
    height: 150px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}
.add-listing__input-file-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px dashed #888;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.add-listing__input-file-wrap i {
    font-size: 2.5rem;
    color: #ccc;
}
.add-listing__input-file-wrap p {
    color: #ccc;
    margin-bottom: 0;
}
label.fix_spacing {
    font-size: 16px;
    line-height: 50px;
    margin-bottom: 0;
    font-weight: 400 !important;
}
.add_list_content .filter-input {
    margin-top: 0 !important;
    color: #888 !important;
    font-weight: 600;
    font-size: 15px;
}
.list-details-inner .tab-content.add_list_content h4 {
    font-size: 18px;
    margin-bottom: 12px;
    background: #323232;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 6px;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
}
.list-details-inner .tab-content.add_list_content h4:before {
    display: none;
}
.add_list_content h4 i {
    margin-right: 5px;
    color: #d8232a;
}
.add_list_content label {
    font-weight: 600;
    color: #484848;
    text-transform: capitalize;
    font-size: 16px;
}
.filter-checkbox label {
    font-size: 15px;
    color: #626262;
}
.add_listing_inner_block {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}
.add_list_content #gallery {
    padding-bottom: 0;
}
.add_list_content #list_info {
    border-radius: 4px;
    font-weight: 600;
    color: #888888;
    font-size: 16px;
    padding-top: 10px;
    border: 1px solid #ddd;
}
.tab-content.add_list_content .form-group {
    margin-bottom: 15px;
}
.nice-select.filter-input ul li {
    font-size: 15px;
}
.res-box label a {
    color: #d8232a;
}
.res-box label {
    margin-left: 5px;
    color: #888888;
    font-weight: 500;
    text-transform: inherit;
}
.login-wrapper .res-box a {
    color: #d8232a;
    font-weight: 600;
}
.login-wrapper .res-box a:hover {
    color: #495057;
    text-decoration: underline;
}
#social_network button:last-child {
    margin-left: 10px;
}
/*---------------------------------------------
    Booking Information
--------------------------------------------*/
.boxed-widget {
    border-radius: 3px;
    padding: 32px;
    transform: translate3d(0, 0, 0);
    z-index: 90;
    position: relative;
    border: 1px solid #ddd;
}
.boxed-widget.summary h3 {
    padding: 0 0 25px;
}
.boxed-widget h3 {
    font-size: 20px;
    padding: 0 0 25px;
    margin: 0 0 25px;
    display: block;
    border-bottom: 1px solid #e8e8e8;
}
.boxed-widget h3 i {
    margin-right: 10px;
    color: #d8232a;
}
.boxed-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.boxed-widget ul li {
    width: 100%;
    color: #000;
    margin: 10px 0;
    transition: 0.2s;
    cursor: default;
    font-size: 15px;
    font-weight: 600;
}
.boxed-widget ul li span {
    float: right;
    font-weight: 400;
}
.total_cost span {
    font-size: 18px;
    color: #d8232a;
    font-weight: 500;
}
.total_cost h4 {
    display: inline-block;
}
.total_cost.clearfix.border-top {
    padding-top: 10px;
}
.payment-options {
    padding: 10px 0;
    text-align: left;
    padding: 25px;
    margin-top: 50px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.payment-options h4 {
    margin-bottom: 0;
}
.payment-options .custom-checkbox {
    line-height: 40px;
    width: 100%;
}
.custom-checkbox {
    margin-top: 3px;
    cursor: pointer;
    user-select: none;
}
.widget.categories ul li .custom-checkbox span {
    float: right;
}
.widget.categories ul li .custom-checkbox label {
    margin-bottom: 0;
    cursor: pointer;
    text-transform: capitalize;
}
.payment-options .custom-checkbox input[type="radio"] {
    vertical-align: middle;
}
input[type="checkbox"],
input[type="radio"] {
    margin-right: 8px;
}
.payment-options .sm-heading {
    border-bottom: none;
    line-height: 1;
    margin-left: 0;
    width: auto;
}
.custom-checkbox .sm-heading {
    display: inline-block;
    font-size: 12px;
}
.sm-heading,
.xsm-heading {
    color: #141414;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
.alert-text {
    padding: 0 0 0 27px;
}
.payment-options .custom-checkbox {
    line-height: 40px;
    width: 100%;
}
.payment-options .custom-checkbox .card-options {
    display: inline-block;
    float: right;
}
.card-options img {
    margin: 0 0 0 6px;
}
.sweet-alert h2 {
    font-size: 26px;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
}
.sweet-alert p.lead {
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
}
.sweet-alert .btn {
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    min-width: 70px !important;
    padding: 2px 12px !important;
    border: 0 !important;
    height: auto !important;
    margin: 0px 3px !important;
    box-shadow: none !important;
}
.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
/*----------------------------------------
    Booking success
------------------------------------------*/
.booking-confirmation-page {
    text-align: center;
}
.booking-confirmation-page i {
    color: #23b35f;
    font-size: 140px;
    line-height: 1.1;
}
.booking-confirmation-page h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
    display: block;
}
.booking-confirmation-page p {
    font-size: 20px;
    display: block;
    margin-bottom: 30px;
}
.booking-confirmation-page a.button {
    padding: 11px 35px;
    background-color: #eee;
    color: #444;
    font-weight: 600;
    font-size: 16px;
}
/*------style2------*/
.listing-details-next,
.listing-details-prev {
    position: absolute;
    top: 46%;
    z-index: 9999;
    opacity: 0;
    transition: 0.5s;
}
.listing-details-next {
    right: 3%;
}
.listing-details-prev {
    left: 3%;
}
.listing-details-slider:hover .listing-details-next,
.listing-details-slider:hover .listing-details-prev {
    opacity: 1;
}

/*-------------------------------------
    User Profile
----------------------------------------*/
.user-avatar {
    height: auto;
    border-radius: 50%;
    position: absolute;
}
.user-name {
    position: relative;
    left: 135px;
    top: 30px;
}
.user-follow.text-right p {
    display: inline-block;
    margin-right: 15px;
}
.user-follow.text-right p span {
    color: #d8232a;
    font-weight: 600;
}
.user-follow.text-right a {
    margin-top: -5px;
}
.user-name h4 {
    font-size: 20px;
    margin-bottom: 0;
}
.user-follow li {
    display: inline-block;
    padding-left: 15px;
    font-size: 15px;
}
.user-follow {
    margin-right: 10px;
    padding-top: 65px;
}
.user-follow li span {
    color: #d8232a;
    font-weight: 600;
}
.user-avatar img {
    border-radius: 50%;
    width: 120px;
}
.user-contact li i {
    margin-right: 12px;
    font-size: 20px;
}
.user-contact li {
    font-weight: 400 !important;
    font-size: 20px;
}
.boxed-widget .address {
    padding-left: 0;
    padding-right: 0;
}
.user_info_menu {
    border-bottom: 1px solid #ddd;
}
.user_info_menu .nav-tabs {
    border-bottom: none;
}
.user_info_menu .list-details-tab .nav-item::after {
    bottom: -1px;
}
.swal2-popup .nice-select {
    display: none;
}
.swal2-popup.swal2-toast .swal2-title {
    margin: 0.5em 1em 0.5rem 0.3rem !important;
}
.vfx-property-author-wrap a.property-author img {
    border-radius: 50px;
}

/*---------------------------------
    About Page
----------------------------------*/
.about-text p {
    font-size: 16px;
}
.about-text span {
    color: #606060;
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.about-text h2 {
    line-height: 1.2;
    margin: 0 0 15px 0;
    font-size: 30px;
    font-weight: 600;
}
/*--------Team section--------*/
.vfx-team-section-area {
    position: relative;
}
.vfx-single-team-member {
    position: relative;
    overflow: hidden;
    padding: 2px;
    border-radius: 8px;
}
.vfx-single-team-member img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 5 / 5;
    border-radius: 6px 6px 0 0;
}
.vfx-cat-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 5 / 5;
}
.vfx-single-team-member.agent-item {
    padding: 0;
}
.vfx-profile-wrap-area img.img-responsive {
    border-radius: 4px;
}
.vfx-single-team-member.vfx1 .vfx-single-team-info {
    background-color: #ffffff;
    padding: 12px 5px;
    position: relative;
    opacity: 1;
    text-align: center;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    border-radius: 0 0 4px 4px;
}
.vfx-single-team-member.vfx1 .vfx-single-team-info h4 {
    margin-bottom: 0;
    color: #333;
    line-height: 1.2;
}
.vfx-single-team-member.vfx1 .vfx-single-team-info span {
    color: #888;
    font-weight: 400;
    display: inline-block;
    margin: 0;
}
.vfx-single-team-member.vfx1 .vfx-single-team-info .vfx-social-button.style2 {
    margin-top: 8px;
}
.vfx-single-team-info .agent-content {
    text-align: center;
}
.vfx-single-team-member.vfx1 .vfx-single-team-info .agent-link {
    color: #333;
    margin-top: 10px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    display: block;
}
.vfx-single-team-member.vfx1 .vfx-single-team-info .agent-link:hover {
    color: #ddd;
}
.agent-content h4 {
    line-height: 1.2;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.agent-content span {
    margin-bottom: 15px;
    display: block;
}
.agent-content .vfx-contact-info {
    margin-bottom: 5px;
}
.agent-content .vfx-contact-info .icon {
    font-size: 14px;
    width: 25px;
}
.agent-content .vfx-social-button li a:hover i {
    color: #999 !important;
}
.vfx-agent-details-wrapper {
    padding: 0;
}
.vfx-agent-details-wrapper img {
    border-radius: 4px 4px 0 0;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);
}
.team_next,
.team_prev {
    z-index: 99;
    top: 40%;
    transform: translateY(-35%);
    transition: 0.6s;
}
.team_next {
    right: 1.5%;
}
.team_prev {
    left: 1.5%;
}
.vfx-team-wrapper {
    position: relative;
}
.agent-wrapper:hover .team-next,
.agent-wrapper:hover .team-prev {
    display: block;
    transition: 0.5s;
}
.vfx-single-team-member.vfx1 {
    margin-bottom: 30px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.vfx-single-team-member.vfx1 img {
    width: 100%;
    height: 100%;
    aspect-ratio: 5 / 5;
    object-fit: cover;
}
.vfx-single-team-info span {
    font-size: 14px;
    font-weight: 500;
}
.agent-grid
    .vfx-single-team-member.agent-item.vfx1:hover
    .vfx-property-location {
    margin-bottom: 20px;
}
.agent-grid
    .vfx-single-team-member.agent-item.vfx1:hover
    .vfx-property-location
    p,
.agent-grid
    .vfx-single-team-member.agent-item.vfx1:hover
    .vfx-property-location
    i {
    color: #fff;
}
/*---------------------Style2-------------------*/
.vfx-single-team-member.vfx2 .vfx-single-team-info {
    background-color: #fff;
    padding: 12px 5px;
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
    text-align: center;
}
.vfx-single-team-member.vfx2 .vfx-single-team-info h4 {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
}
.vfx-cat-item.vfx2 .vfx-single-team-info h4 {
    font-size: 16px;
    font-weight: 600;
}
.vfx-single-team-member.vfx2 .vfx-single-team-info h4 a {
    color: #333;
}
.vfx-single-team-member.vfx2 .vfx-single-team-info h4 a:hover {
    color: #d8232a;
}
.vfx-single-team-member.vfx1 h4 a {
    color: #484848;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.vfx-cat-item {
    border: 1px solid rgba(127, 86, 217, 0.1);
    border-radius: 6px;
    margin-bottom: 20px;
}
.vfx-cat-item.vfx2 .vfx-single-team-info {
    background-color: rgba(127, 86, 217, 0.2);
    box-shadow: none;
    margin-bottom: 0;
}
.vfx-single-team-member.vfx1 h4 a:hover {
    color: #d8232a;
}
.vfx-single-team-member.vfx2 .vfx-contact-info {
    margin-top: 5px;
    margin-bottom: 0;
}
.vfx-single-team-member.vfx2 .vfx-contact-info .icon {
    font-size: 12px;
    padding-right: 5px;
    width: 20px;
    color: #d8232a;
}
.vfx-single-team-member.vfx2 .vfx-contact-info .text,
.vfx-single-team-member.vfx2 .vfx-contact-info .text a {
    color: #888;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400 !important;
}
.vfx-single-team-member.vfx2 .vfx-single-team-info .list {
    margin-top: 10px;
}
.vfx-single-team-member.vfx2 .vfx-single-team-info .vfx-single-team-info span {
    color: #333;
    font-weight: 400;
}
.vfx-single-team-member.vfx2 .vfx-single-team-info .vfx-social-button li {
    padding: 0 5px;
}
.vfx-single-team-member.vfx2
    .vfx-single-team-info
    .vfx-social-button.style2
    li
    a
    i {
    font-size: 14px;
    color: #888;
}
.vfx-single-team-member.vfx2
    .vfx-single-team-info
    .vfx-social-button.style2
    li
    a
    i:hover {
    color: #555 !important;
}
.agent-list > .row {
    margin-bottom: 40px;
}
.product-list .vfx-single-team-info,
.agent-list .vfx-single-team-info {
    background-color: transparent;
    padding: 0 20px;
    position: relative;
    bottom: 0;
    opacity: 1;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.product-list .vfx-single-team-info h4 a,
.agent-list .vfx-single-team-info h4 a,
.product-list .vfx-single-team-info span,
.agent-list .vfx-single-team-info span,
.product-list .vfx-single-team-info .vfx-contact-info .icon,
.agent-list .vfx-single-team-info .vfx-contact-info .icon,
.product-list .vfx-single-team-info .vfx-contact-info .text,
.agent-list .vfx-single-team-info .vfx-contact-info .text,
.product-list .vfx-single-team-info .vfx-contact-info .text a,
.agent-list .vfx-single-team-info .vfx-contact-info .text a,
.product-list .vfx-single-team-info .vfx-social-button li a i,
.agent-list .vfx-single-team-info .vfx-social-button li a i {
    color: #333;
    font-weight: 500;
}
.agent-list .vfx-single-team-info .agent-link {
    text-decoration: underline;
    font-weight: 500;
    margin-top: 20px;
    display: block;
}
.product-list .vfx-single-team-info {
    display: block;
}
.agent-list .agent-content .vfx-property-location {
    margin-bottom: 20px;
}
.agent-list .agent-content .vfx-property-location i {
    color: #333;
}
/*===================================
    Agent Chat box
====================================*/

.chat-popup {
    border: 1px solid transparent;
    border-radius: 50%;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    right: 5.5%;
    z-index: 999;
    width: 55px;
    height: 55px;
    background: #d8232a;
    text-align: center;
}
.chat-popup i {
    font-size: 28px;
    line-height: 55px;
}
.chat-popup img {
    border: 5px solid #d8232a;
    border-radius: 50%;
}
.chat-close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 15px;
}
.chat-close i {
    font-size: 18px;
}
.chat-bounce {
    -moz-animation: float 1500ms infinite ease-in-out;
    -webkit-animation: float 1500ms infinite ease-in-out;
    animation: float 1500ms infinite ease-in-out;
}
@keyframes float {
    0% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
    }
    50% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    100% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
    }
}
.chat-popup:hover .chat-popup-msg {
    visibility: visible;
    opacity: 1;
}
.agent-chat-form.vfx1 {
    display: none;
}
.agent-chat-form {
    background: #fff;
    /*    box-shadow: 0 0 15px rgba(51, 51, 51, 0.1);*/
    box-shadow: 0 20px 15px rgba(55, 55, 55, 0.15);
    transition: 0.5s;
    padding: 15px 0;
    border-radius: 5px;
    display: none;
}
.agent-chat-info li {
    font-size: 14px;
    font-weight: 400;
    margin-left: -5px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.chatbox-wrapper {
    position: fixed;
    width: 350px;
    right: 130px;
    bottom: 90px;
    z-index: 999;
}
.agency-chat-img {
    max-width: 100%;
    margin-bottom: 6px;
}
.agent-chat-info li i {
    margin-right: 10px;
}
.agent-chat-info li a {
    color: #d8232a;
    font-weight: 500;
}
.chat-field {
    padding: 12px 10px;
    width: 100%;
    font-weight: 600;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}
.chat-msg {
    color: #ddd;
}
.chat-msg {
    color: #888888;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid #ced4da;
    font-size: 15px;
    margin-bottom: 10px;
}
/*--------counter section----------*/
#counter {
    padding: 80px 0;
}
.counter-text {
    text-align: center;
    background: #f9f9f9;
    padding: 25px 10px;
    border-radius: 6px;
}
.counter-text h6 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 0;
    line-height: 1.2;
    margin-top: 25px;
}
.counter-text p {
    font-size: 17px;
    color: #fff;
}
.counter-text i {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
}
.counter-section {
    position: relative;
}
/*--------------------Counter vfx2-----------------*/
.counter-text.vfx2 h6 {
    color: #333;
    font-weight: 600;
    font-size: 30px;
    margin-top: 5px;
}
.counter-text.vfx2 p {
    color: #757575;
    font-size: 16px;
    margin-bottom: 0;
}
.counter-text.vfx2 i {
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 50px;
    color: #d8232a;
    background: #ffffff;
    width: 90px;
    height: 90px;
    display: inline-block;
    text-align: center;
    line-height: 70px;
    margin-bottom: 10px;
}
.counter-text.vfx2 i:before {
    margin: 0;
    font-size: 38px;
}
#forgot_password {
    text-align: center;
}
.forgot_password_item_box {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px 20px 15px 20px;
    border: 4px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
#forgot_password .section-title h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 25px;
}
#forgot_password .form-control-wrap input {
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    border: 2px solid #ced4da;
    border-radius: 4px;
}
@media only screen and (max-width: 640px) {
    .forgot_password_item_box {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/*-----------------------------------------
    Contact Page
----------------------------------------*/
.contact-info-item {
    text-align: center;
    padding: 25px 20px;
    background: #ffffff;
    border: 1px solid #dee2e6;
    color: #222222;
    border-radius: 10px;
    min-height: 235px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.06);
}
.contact-info-item i {
    font-size: 30px;
    color: #fff;
    background: #d8232a;
    width: 60px;
    height: 60px;
    border-radius: 40px;
    text-align: center;
    line-height: 60px;
    margin-bottom: 20px;
}
.contact-info-item h4 {
    margin-bottom: 10px;
    font-weight: 700;
}
.contact-info-item ul li {
    font-size: 15px;
}
.contact-info-item ul li a:hover {
    color: #d8232a;
}
#contact_form .form-control-wrap input {
    border-top: none;
    border-left: none;
    border-right: none;
}
#contact_form .form-control-wrap input {
    font-size: 15px;
    font-weight: 600;
    height: 45px;
    border: 1px solid #ced4da;
    border-radius: 4px;
}
#contact_form .form-control-wrap input:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* border-color: ; */
}
#contact_form .form-control-wrap textarea {
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid #ced4da;
}
#contact_form .form-group {
    margin-bottom: 15px;
}
#contact_form .form-group .help-block {
    color: #f91942;
    font-size: 15px;
}
.map-view-wrap_item {
    position: absolute;
    width: 350px;
    border-radius: 6px;
    background: #fff;
    padding: 25px 30px;
    top: 80px;
    right: 120px;
    z-index: 9999;
}
.list-single-main-item-title {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #eee;
}
.list-single-main-item-title h3 {
    color: #444;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}
.vfx-address-list {
    display: block;
}
.contact-social li {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #d8232a;
    text-align: center;
    margin-right: 5px;
    transition: 0.5s;
    cursor: pointer;
}
.contact-social li:hover {
    border: 1px solid #ddd;
    background: transparent;
}
.contact-social li:hover a i {
    color: #444;
}
.contact-social li a i {
    color: #fff;
    font-size: 15px;
    line-height: 35px;
}
.vfx-address-list ul li span i {
    font-size: 20px;
}
.vfx-address-list ul li span {
    width: 30px;
    display: inline-block;
    text-align: left;
}
.vfx-address-list ul li a {
    font-size: 14px;
    margin-left: 5px;
}
.contact-widget p {
    margin-top: 15px;
}
.contact-widget {
    border: 1px solid #ddd;
    padding: 20px;
}
.contact-section .contact_form_block {
    width: 100%;
}
.color-switcher {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 10px;
    position: fixed;
    top: 150px;
    transition: all 0.4s ease 0s;
    width: 200px;
    z-index: 9998;
}
.hide-color-switcher {
    right: -200px;
}
.show-color-switcher {
    right: 0;
}
.color-switcher a.switcher-button {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    cursor: pointer;
    font-size: 22px;
    width: 45px;
    height: 45px;
    line-height: 43px;
    position: absolute;
    top: -1px;
    right: 198px;
    text-align: center;
}
.color-switcher .color-switcher-title h5 {
    margin-bottom: 0;
    color: #888;
}
.color-switcher .color-list a.color {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin: 10px 5px 0 5px;
    width: 30px;
    border-radius: 5px;
}
.switcher-button i {
    color: #d8232a;
}
.red-theme {
    background-color: #f91942;
}
.green-theme {
    background-color: #1ec38b;
}
.blue-theme {
    background-color: #6ae;
}
.orange-theme {
    background-color: #fd901b;
}
.pink-theme {
    background-color: #fc69a4;
}
.purple-theme {
    background-color: #d8232a;
}
.violet-theme {
    background-color: #990099;
}
.aqua-theme {
    background-color: #d8232a;
}
.switcher-button i:before {
    -webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

/* ------------------------------------------
   Single Agent Page
---------------------------------------------*/
.agent-detail {
    background: #fff;
    margin-bottom: 30px;
}
.agent-detail .agent-theme {
    padding: 0;
}
.vfx-agent-details h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: capitalize;
    line-height: 1.3;
}
.agent-detail h3 a {
    color: #37404d;
}
.vfx-address-list {
    margin: 0 0 15px;
    padding: 0;
}
.vfx-address-list li {
    line-height: 28px;
    font-size: 14px;
    color: #444;
    font-weight: 500;
}
.vfx-address-list li span {
    background: linear-gradient(90deg, #ececec 20%, #fbfbfb);
    width: 100px;
    font-weight: 600;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 14px;
    display: inline-block;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.vfx-address-list li span i {
    color: #95c41f;
    width: 30px;
}
.additional-details-list {
    margin: 0;
    padding: 0;
}
.additional-details-list li {
    list-style: none;
    line-height: 36px;
    font-weight: 600;
    color: #333;
}
.additional-details-list li span {
    margin-right: 20px;
    float: left;
    width: 130px;
    font-weight: 400;
    color: #4a4747;
}
.agent-bio {
    margin-bottom: 50px;
}
/*------------------------------------------
    Map Marker
-------------------------------------------*/

#map_right_listing {
    width: 100%;
    height: 600px;
}
.infoBox {
    -webkit-animation: fadeIn 0.9s;
    animation: fadeIn 0.9s;
    padding-right: 0;
    margin-left: 30px;
}
.infoBox > img {
    position: absolute !important;
    right: -1% !important;
    top: -1% !important;
    z-index: 9999;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
}
/*
.gmnoprint {
    bottom: 300px !important;
    position: absolute !important;
    right: 50px !important;
}*/

span.infobox_rate {
    display: inline-block !important;
    float: right;
    background-color: #f91;
    font-weight: 500;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0 !important;
    line-height: 31px !important;
    margin-top: -33px;
}
.map_container {
    max-width: 280px !important;
}
.map_container .featured_btn {
    position: absolute;
    top: 6%;
    left: 4%;
    z-index: 999;
}
.marker-info img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    position: relative;
}
.marker-info {
    border-radius: 5px;
    text-align: left;
    background: #000;
    background: #fff;
    position: relative;
    z-index: 999;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}
.marker-info:before {
    position: absolute;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0) 0%,
        rgba(0, 0, 0, 0.83) 5%,
        rgba(22, 22, 23, 0) 40%,
        rgba(0, 0, 0, 0) 100%
    );
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100%;
    content: "";
    z-index: 9;
}
.marker_title {
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}
.marker_price.vfx-trend-open-price span {
    display: inline-block;
    position: relative;
    padding-left: 14px;
    text-transform: inherit;
    color: #fff;
}
.map_property_info li {
    color: #555;
    font-size: 14px;
}
.marker_price.vfx-trend-open-price span::before {
    position: absolute;
    top: -8px;
    left: 3px;
    content: "/";
    font-size: 20px;
}
.marker_price.vfx-trend-open-price p {
    color: #fff;
}
.marker-info span {
    display: block;
    /*padding: 20px;*/
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: #fff;
    position: relative;
}
.marker-text {
    background: #fff;
    padding: 10px;
}
.map_property_info {
    columns: 2;
}
.marker_price.vfx-trend-open-price {
    position: absolute;
    bottom: 6%;
    z-index: 10;
    width: 100%;
}
.map_property_info li span {
    margin-left: 5px;
}
.cluster-visible {
    background-image: none !important;
    background-color: #d8232a;
    border-radius: 50%;
    color: #fff !important;
    height: 50px !important;
    line-height: 45px !important;
    width: 50px !important;
    animation: cluster-animation 1.5s linear infinite;
}
@keyframes cluster-animation {
    0% {
        box-shadow: 0 4px 10px rgba(100, 73, 231, 0.2),
            0 0 0 0 rgba(100, 73, 231, 0.2), 0 0 0 5px rgba(100, 73, 231, 0.2),
            0 0 0 10px rgba(100, 73, 231, 0.2);
    }
    100% {
        box-shadow: 0 4px 10px rgba(100, 73, 130, 0.2),
            0 0 0 5px rgba(100, 73, 130, 0.2),
            0 0 0 10px rgba(100, 73, 231, 0.2), 0 0 0 20px rgba(100, 73, 231, 0);
    }
}
.btn_infobox_reviews {
    color: #888 !important;
    padding: 0 !important;
}
.marker_info span strong {
    display: block;
    font-weight: 500;
}
.marker_info:after {
    right: 100%;
    top: 56%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: #fff;
    border-width: 12px;
    margin-top: -12px;
}
.marker_info::after {
    right: 100%;
    top: 56%;
    border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: transparent;
    border-right-color: #fff;
    border-width: 12px;
    margin-top: -12px;
}

/*------------------------------------------
   Responsive Css
-------------------------------------------*/
@media (min-width: 1250px) {
    .container {
        max-width: 1230px;
    }
    .featured-property-section.vfx2 .container-fluid {
        padding: calc((100% - 1230px) / 2 + 15px);
        padding-right: 0;
    }
}
@media (max-width: 1200px) {
    .trending-btn-wrap {
        margin: 3px 0 0;
    }
    .hero.bg-zoom {
        animation: none;
    }
}
@media (min-width: 1200px) {
    .similar-next {
        right: -25px;
    }
    .similar-prev {
        left: -25px;
    }
    .sidebar-left {
        padding-right: 0px;
    }
    .vfx-agent-details-wrapper,
    .sidebar-content-left {
        margin-right: 0px;
    }
    .sidebar-content-right {
        margin-left: 0px;
    }
    .promo-section.vfx1 .container,
    .value-calculator-section.vfx1 .container {
        margin-left: 0;
        padding-left: 0;
    }
    .value-calculator-section.vfx1 .value-content-wrap,
    .promo-section.vfx1 .promo-content-wrap {
        padding-left: 35px;
    }
    .promo-section.vfx1::before {
        position: absolute;
        top: 0;
        right: 0;
        width: 67%;
        height: 100%;
        content: "";
        background: rgba(221, 221, 221, 0.22);
    }
    .single-property_prev,
    .single-property_next {
        left: 41%;
    }
    .feature-prev {
        left: -1%;
    }
    .feature-next {
        right: -1%;
    }
    /*.sidebar-right:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	content: "";
	background: #f7f7f7;
	z-index: -1;
}*/
    /*.sidebar-left:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100%;
	content: "";
	background: #f7f7f7;
	z-index: -1;
}*/
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vfx_hero_form_area.vfx1 {
        padding: 10px 25px;
    }
    .vfx_hero_form_area.vfx2 {
        padding: 15px 15px 0;
    }
    .listing-sidebar {
        padding-left: 0;
    }
    .business-title {
        padding: 10px;
    }
    .add_list .list-details-tab .nav-item {
        margin-right: 25px;
    }
    .single-property-header.vfx4 .list-details-btn.text-right.sm-left {
        text-align: left !important;
    }
    .single-property-header.vfx4 .property-feature li {
        padding: 0;
    }
    .single-property_prev,
    .single-property_next {
        left: 51.4%;
    }
    .vfx_hero_form_area.vfx2
        .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        top: 155px;
    }
    .filter-wrapper.style1.half-map {
        margin-top: 70px !important;
    }
    .explore__map-side {
        top: 70px;
        left: 0 !important;
        height: 100%;
    }
    .property-amenities-box .list-details-tab .nav-item {
        margin-right: 20px;
    }
}
@media only screen and (max-width: 1199px) {
    .map-sidebar-content {
        margin-top: 520px;
    }
    .vfx_hero_form_area.vfx3.filter.listing-filter .input-search,
    .vfx_hero_form_area.vfx3 .vfx_hero_form_area_input {
        margin-bottom: 0;
    }
    .widget
        .vfx_hero_form_area.vfx2
        .vfx-explore-form-checkbox-list.vfx-full-filter-area.filter-block {
        background: #fff;
    }
    .vfx_hero_form_area.vfx2 .dropdown-filter {
        padding-right: 30px;
        float: right;
    }
    .filter-wrapper.half-map.advance_search .item-element,
    .filter-wrapper.half-map.advance_search .filter-box.style1 {
        margin-top: 480px;
    }
    .filter-wrapper.half-map.advance_search
        .filter-box.style1
        .inner-wrapper-sticky {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }
    .list-tags {
        margin-bottom: 50px;
    }
    .similar-next {
        left: 50%;
        margin-left: 8px;
    }
    .similar-prev {
        right: 50%;
        margin-right: 8px;
    }
    .similar-prev,
    .similar-next {
        top: 95%;
    }
    .sidebar-right,
    .sidebar-left {
        padding-bottom: 0;
        margin-top: 10px !important;
    }
    .vfx_hero_form_area.vfx1.filter.listing-filter .pr-30,
    .vfx_hero_form_area.vfx1.filter.listing-filter .pr-0,
    .vfx_hero_form_area.vfx1.filter.listing-filter.property-filter
        .col-md-6.pr-0,
    .vfx_hero_form_area.vfx4.filter.listing-filter .pr-0,
    .vfx_hero_form_area.vfx3.filter.listing-filter .pr-0 {
        padding-right: 15px !important;
    }
    .vfx_hero_form_area.vfx1.filter.listing-filter .pl-0,
    .vfx_hero_form_area.vfx1.filter.listing-filter .pl-30,
    .vfx_hero_form_area.vfx1.filter.listing-filter.property-filter
        .col-md-6.pl-30,
    .vfx_hero_form_area.vfx2.filter.listing-filter .pl-0 {
        padding-left: 15px !important;
    }
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-ab .input-search,
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-ab
        .nice-select.vfx_hero_form_area_input.vfx-custom-select-area {
        margin-bottom: 15px;
    }
    .vfx_hero_form_area.vfx1.filter.listing-filter .dropdown-filter,
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-ab .dropdown-filter,
    .vfx_hero_form_area.vfx1.filter.listing-filter.property-filter
        .dropdown-filter {
        float: right;
        margin-right: 0px;
        line-height: 1;
    }
    .vfx_hero_form_area.vfx1.filter.listing-filter .col-sm-12.col-12.py-3 {
        padding-bottom: 15px !important;
        padding-top: 0 !important;
    }
    .vfx_hero_form_area.vfx1.filter.listing-filter {
        padding: 15px;
        border-radius: 6px;
    }
    .vfx_hero_form_area.vfx1 .col-xl-5 .explore__map-side {
        width: 100%;
        position: absolute;
        top: 70px;
        left: 0 !important;
        height: 300px;
        padding-left: 0;
    }
    .filter-widget
        .vfx_hero_form_area.vfx2
        .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        top: 60px;
    }
    .promo-content-wrap {
        margin-top: 50px;
    }
    #map-container.fullwidth-home-map {
        height: 450px;
    }
    .slider-form.vfx1 .vfx_hero_form_area.vfx1 {
        transform: translateY(0px);
        border: 1px solid #f5f6f7;
    }
    .hero-slider .featured-vfx-property-item.bg-f {
        height: 600px;
    }
    .promo-section.vfx2 .promo-content-wrap {
        margin-left: 0;
    }
    .promo-section.vfx2 .promo-content {
        margin-bottom: 25px;
    }
    .container.slider-form.vfx2.mt-130 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .promo-section.vfx1.mt-110.py-50 {
        margin-top: 80px !important;
        padding-top: 0 !important;
    }
    .container.mt-130 {
        margin-top: 20px !important;
    }
    .vfx-trending-places.pt-130 {
        margin-top: 30px !important;
    }
    .feature-prev,
    .feature-next {
        top: 105%;
        transform: translateY(-50%);
    }
    .feature-next {
        left: 50%;
        margin-left: 20px;
    }
    .feature-prev {
        right: 50%;
        margin-right: 20px;
    }
    .explore__map-side {
        position: absolute;
        height: 450px;
        width: 100%;
        left: 0 !important;
        padding-left: 0 !important;
    }
    .table.compare-table h4,
    .table.compare-table .vfx-trend-open-price p {
        font-size: 16px;
    }
    .property-slider-img.bg-l {
        height: 600px;
    }
    .list-details-title.vfx4 {
        transform: translateY(-300px);
    }
    .pricing-table {
        margin-bottom: 30px;
    }
    .featured-property-section.pt-130.mt-1,
    .container.pt-130 {
        padding-top: 65px;
    }
    .vfx-trending-places.pt-130 {
        padding-top: 0px;
    }
    .vfx-trending-places.mt-140,
    .value-calculator-section.py-80.mt-140.vfx1 {
        margin-top: 30px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .vfx-single-property-box-area .vfx-property-title-box-area h4 a {
        font-size: 16px;
    }
    .property-feature li {
        padding: 0px 0 0px 5px;
    }
    .property-list .vfx-single-property-box-area .vfx-property-title-box-area {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 1199px) {
    .sidebar .widget.recent-posts .entry-title a {
        font-size: 20px;
    }
    .hero-slider .featured-prev,
    .hero-slider .featured-next {
        top: 40%;
    }
    .hero-slider .featured-prev {
        left: 2%;
    }
    .hero-slider .featured-next {
        right: 2%;
    }
    .promo-section.vfx1 .promo-content-wrap {
        columns: 2;
    }
    .map-sidebar-content
        .map-filter
        .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        top: 80px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .vfx_hero_form_area {
        padding: 30px 25px 30px 25px;
    }
    .hero__title {
        font-size: 3.8rem;
        line-height: 4.4rem;
        margin-left: -3px;
    }
    .trending-prev {
        left: -2.5%;
    }
    .trending-next {
        right: -2.5%;
    }
    .hero-category-content.vfx2 {
        width: calc(100% * (1 / 3) - 20px);
        padding: 10px 15px;
    }
    .featured-prev {
        right: 50%;
        margin-right: 15px;
    }
    .featured-next {
        left: 50%;
        margin-left: 15px;
    }
    .vfx-property-author-wrap {
        opacity: 1;
        visibility: visible;
    }
    .single-property_prev,
    .single-property_next {
        left: 51.4%;
    }
    .agent-grid
        .vfx-single-team-member.vfx1
        .vfx-single-team-info
        .vfx-social-button.style2 {
        display: none;
    }
    .agent-grid .vfx-single-team-member.vfx1 .vfx-single-team-info .agent-link {
        margin-top: 5px;
    }
    .agent-grid
        .vfx-single-team-member.vfx1
        .vfx-single-team-info
        .agent-content
        .vfx-contact-info {
        line-height: 1.7;
    }
}
@media only screen and (min-width: 1025px) {
    .bg-fixed {
        background-attachment: fixed;
        background-repeat: no-repeat;
    }
    .single-place:hover .single-place-title {
        transform: translatey(-15px);
    }
    .single-place:hover .single-place-list {
        transform: translatey(-25px);
        opacity: 1;
    }
    .single-place:hover .explore-place {
        transform: translatey(-12px);
        color: #fff;
        opacity: 1;
    }
    .popular-catagory-content:hover.popular-catagory-content .cat-content {
        opacity: 1;
    }
    .single-blog-item.vfx2:hover .blog-hover-content .blog-title {
        transform: translatey(-20px);
    }
    .single-blog-item.vfx2:hover .blog-hover-content a.btn.vfx6 {
        transform: translatey(-6px);
        transition-delay: 0.1s;
        opacity: 1;
    }
    .featured-prev,
    .featured-next {
        opacity: 1;
        top: 50%;
        transform: translateY(-50%);
    }
    .featured-prev {
        left: 5%;
    }
    .featured-next {
        right: 5%;
    }
    .vfx-single-team-member.vfx1:hover .vfx-single-team-info {
        top: 0;
        opacity: 0.95;
        width: 100%;
        height: 100%;
    }
}
@media only screen and (max-width: 1024px) {
    .single-place-content {
        bottom: 3.6rem;
    }
    .single-place .explore-place {
        transform: translatey(30px);
        color: #fff;
        opacity: 1;
    }
    .popular-catagory-content .cat-content {
        opacity: 1;
    }
    .blog-hover-content .blog-title {
        transform: translatey(15px);
    }
    .hero.vfx1:after {
        bottom: -3px;
    }
    .container.mt-30 {
        margin-top: 100px !important;
    }
    .property-place.pb-110 {
        padding-bottom: 80px !important;
    }
    .vfx-trending-places.py-130.mt-1 {
        padding-top: 40px !important;
    }
    .promo-section.vfx1.mt-10.py-50 {
        padding-top: 30px !important;
    }
}
@media only screen and (min-width: 992px) {
    .property-list.fullwidth .list-extra .vfx-trend-open-price {
        margin-top: 30px;
    }
    .vfx-lg-none {
        display: none !important;
    }
    .value-calculator-section.vfx1:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 70%;
        height: 100%;
        content: "";
        background: #f7f7f7;
    }
    .team_next,
    .team_prev {
        visibility: hidden;
        opacity: 0;
    }
    .vfx-team-wrapper:hover .team_next,
    .vfx-team-wrapper:hover .team_prev {
        visibility: visible;
        opacity: 1;
    }
    .vfx-team-wrapper:hover .team_next {
        right: 1%;
    }
    .vfx-team-wrapper:hover .team_prev {
        left: 1%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .site-navbar .site-navigation .site-menu > li {
        padding: 10px 8px;
    }
    .hero-category-content {
        width: calc(100% * (1 / 3) - 21px);
        margin-bottom: 15px;
    }
    .app-img {
        top: -85px;
    }
    .testimonial-quote {
        padding: 40px 60px;
        width: 500px;
    }
}
@media only screen and (max-width: 992px) {
    .trending-next,
    .coupon-next,
    .team-next,
    .testimonial-next,
    .trending-prev,
    .coupon-prev,
    .team-prev,
    .testimonial-prev {
        top: 105%;
    }
    .team-next,
    .team-prev {
        top: 60px;
    }
    .trending-prev,
    .coupon-prev,
    .team-prev,
    .testimonial-prev {
        left: 44%;
    }
    .trending-next,
    .coupon-next,
    .team-next,
    .testimonial-next {
        right: 44%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero__title,
    .hero-title.vfx2 {
        font-size: 2.8rem;
        margin-left: 0;
    }
    .hero__description {
        font-size: 1rem;
    }
    .vfx-dashboard-add-listing .amenitie-list-item .filter-checkbox label {
        width: 45%;
    }
    .hero-category-content {
        width: calc(100% * (1 / 3) - 21px);
        margin-bottom: 15px;
    }
    .header-text.vfx1 h1,
    .header-text.vfx2 h1 {
        font-size: 42px;
    }
    .pl-xs-0 {
        padding-left: 0 !important;
    }
    .pr-xs-0 {
        padding-right: 0 !important;
    }
    .property-list.fullwidth
        .vfx-single-property-box-area
        .vfx-property-title-box-area {
        padding: 20px 20px;
    }
    .property-list.fullwidth .vfx-property-item .vfx-save-btn {
        display: block;
        float: left;
        margin-top: 10px;
    }
    .property-list.fullwidth .vfx-property-item .property-author {
        display: block;
    }
    .vfx-trend-open-price p {
        text-align: center;
    }
    .testimonial-quote {
        padding: 30px;
        width: 500px;
    }
    .testimonial-quote p {
        margin-top: 10px;
    }
    .client-btn-wrap {
        right: 3%;
        padding: 5px 6px 5px 6px;
    }
    .client-btn-wrap {
        bottom: 27%;
    }
    .client-next i,
    .client-prev i {
        font-size: 22px;
        margin: 0 5px;
    }
    .location-info {
        right: 20px;
        padding: 15px;
    }
    .location-info h3 {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
    }
    .single-location-box i {
        font-size: 28px;
    }
    .location_box_info {
        margin-left: 50px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
    .featured-property-info .vfx-property-title-box-area h4 a {
        font-size: 22px;
    }
    .featured-property-info .vfx-property-title-box-area {
        padding: 24px;
        width: 360px;
        left: 3%;
    }
    .action-title h2 {
        font-size: 28px;
    }
    .hero-slider.vfx2 .list-details-title.vfx3 {
        padding: 30px;
        width: 380px;
    }
    .single-listing-title h2 {
        font-size: 24px;
    }
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
    .section-title {
        font-size: 1.7rem;
    }
}
@media only screen and (max-width: 991px) {
    .hero {
        padding: 7rem 0 12.5rem;
    }
    .hero.vfx1 {
        padding-top: 15rem;
    }
    .single-blog-item.vfx1 img,
    .popular-catagory-img img,
    .coupon-img img {
        width: 100%;
    }
    .hero.vfx2 .vfx-posabs {
        top: 150px;
    }
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb
        .vfx-explore-form-checkbox-list.vfx-full-filter-area
        .col-lg-4.col-md-6.py-1.pr-30 {
        padding-right: 15px !important;
    }
    .vfx_hero_form_area_input {
        width: 100%;
    }
    .hero__input-holders {
        width: 40rem;
        margin-bottom: 1rem;
    }
    .hero-client-section.vfx2 {
        height: 600px;
    }
    .vfx-site-navbar-area.vfx2 {
        padding: 15px 0;
    }
    .vfx-site-navbar-area.vfx1 {
        padding: 15px 0;
    }
    .sm-center {
        text-align: center !important;
    }
    .sm-right {
        float: right !important;
    }
    .sm-left {
        text-align: left !important;
    }
    .md-left {
        float: left !important;
    }
    .btn.vfx1 {
        font-size: 16px !important;
        padding: 10px 20px !important;
        display: inline-block !important;
    }
    .hero__title {
        margin-top: 100px;
    }
    .vfx_hero_form_area.vfx2
        .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        top: 300px;
    }
    .widget
        .vfx_hero_form_area.vfx2
        .vfx-explore-form-checkbox-list.vfx-full-filter-area
        .col-lg-6.col-md-12.pl-0 {
        padding-left: 15px !important;
    }
    .testimonial-btn.vfx2 {
        bottom: -50px;
        left: 52%;
    }
    .vfx-agent-details-wrapper {
        padding-top: 0;
    }
    .explore__map-side {
        top: 60px;
    }
    .hero-client-section.vfx2 .section-title.vfx2 {
        text-align: center;
    }
    .hero-client-section.vfx2 .section-title.vfx2 h2 {
        margin-bottom: 10px;
    }
    .vfx-site-navbar-area.vfx1 {
        padding: 15px 0 0;
    }
    .site-nav-wrap a.btn.vfx1 {
        margin-top: 15px;
        padding: 5px;
    }
    .header-text.vfx2 {
        margin-bottom: 40px;
    }
    .hero-slider-info .filter-title p {
        color: #fff;
    }
    .hero-slider-info #amount_one,
    .hero-slider-info #amount_two {
        background: transparent;
        color: #fff;
    }
    .list-details-title.vfx2 {
        bottom: 25%;
    }
    .call-to-action.bg-h.consult-form.vfx1,
    .call-to-action.bg-h.consult-form.vfx2 {
        height: 750px;
    }
    .widget.filter-widget .filter-checkbox ul {
        columns: 1;
    }
    .category-section.vfx2 .col-md-6 {
        margin-bottom: 30px;
    }
    .category-section.vfx2 .single_cat p {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
    }
    .contact-map.vfx2 .gmnoprint {
        bottom: 200px !important;
    }
    .vfx-input-wrap input[type="text"] {
        box-shadow: 0 0px 15px rgba(221, 221, 221, 0.77);
    }
    .single-blog-item.vfx3 h4 a {
        font-size: 20px;
    }
    .contact-map {
        margin-top: 20px;
    }
    .filter-wrapper.style1.vfx2 .vfx_hero_form_area.filter {
        background: transparent;
        box-shadow: none;
    }
    .filter-wrapper.style1.vfx2
        .vfx_hero_form_area.vfx2
        .vfx_hero_form_area_input {
        border: none;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    }
    .filter-wrapper.style1.mt-100.half-map {
        margin-top: 50px !important;
    }
    .vfx-add-list {
        display: none !important;
    }
    .sm-none {
        display: none !important;
    }
    .pricing-table {
        margin-bottom: 30px;
    }
    .sm-right {
        text-align: right !important;
    }
    .listing-sidebar {
        margin-top: 0;
        padding-left: 0;
    }
    .single-property_prev,
    .single-property_next {
        left: 51.4%;
    }
    .single-property_prev {
        top: 52%;
    }
    .single-property_next {
        top: 59%;
    }
    /* .vfx_hero_form_area.vfx2 .vfx_hero_form_area_input {
        width: 100%;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        background: #fff;
    } */
    .vfx_hero_form_area.vfx2 {
        padding: 20px 20px 20px;
    }
    .vfx_hero_form_area.vfx2 .vfx_hero_form_area_input::before {
        display: none;
    }
    .vfx_hero_form_area.vfx2 .nice-select.vfx_hero_form_area_input {
        line-height: 0 !important;
        margin-bottom: 0px;
        /* border-radius: 30px; */
    }
    .vfx_hero_form_area.vfx2 .nice-select::after {
        top: 53%;
    }
    .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        left: 0%;
    }
    .vfx-full-filter-area .price-range.ui-widget.ui-widget-content {
        width: 100%;
    }
    .vfx-nav-folderized .nav h2 {
        cursor: pointer;
    }
    .hero.vfx2,
    .hero.vfx3 {
        padding-top: 200px;
        z-index: 1;
    }
    .hero-catagory-wrapper.vfx2 {
        transform: translateY(0px);
        padding-bottom: 250px;
    }
    .slider-btn.vfx1 {
        width: 35px;
        height: 35px;
    }
    .slider-btn.vfx1 i {
        line-height: 32px;
        font-size: 15px;
    }
    .user-follow.text-right p {
        margin-top: 20px;
    }
    .review-item__post {
        display: flex;
    }
    .review-item__content {
        margin-top: 50px;
    }
    .review-item__post-image {
        margin-bottom: 10px;
    }
    .user_info_menu {
        border-bottom: none;
    }
    .boxed-widget.summary {
        margin-top: 30px;
    }
    .add_list .nav.nav-tabs.list-details-tab {
        display: block;
    }
    .add_list .list-details-tab .nav-item {
        border-bottom: 1px solid #ddd;
    }
    .map-view-wrap_item {
        position: relative;
        left: 0;
        top: 0;
        background: transparent;
        border-radius: 0;
        z-index: 999;
        padding: 40px 0 0 0;
    }
    .contact-widget {
        margin-top: 50px;
    }
    .blog-hover-content .blog-title {
        transform: translatey(-35px);
    }
    .device-logo a img {
        width: 32%;
    }
    .filter-sub-menu.style1 ul li.vfx-sub-has > a {
        margin-top: 15px;
    }
    .vfx-footer-top-area .vfx-footer-content .title {
        margin-top: 15px;
    }
    .vfx-footer-logo .vfx-company-desc {
        margin-bottom: 20px;
    }
    #list-view.product-list .vfx-property-item .vfx-property-title-box-area {
        padding: 15px 30px;
    }
    .value-content {
        padding-left: 0;
        margin: 30px 0;
    }
    .single-property-slider .property-slider-img.bg-f {
        height: 650px;
    }
    .list-gallery-thumb {
        margin-top: 5px;
        padding: 0 10px;
    }
    .list-gallery-thumb .col-2 {
        padding: 5px;
    }
    .list-gallery-thumb .col-2.mb-27 {
        margin-bottom: 0 !important;
    }
    .hero-slider.vfx2 .list-details-title.vfx3 .property-feature {
        columns: 2;
        padding: 5px 0;
    }
    .property-list.fullwidth .list-extra {
        padding: 10px 15px 25px;
    }
    .vfx_hero_form_area.vfx1.filter.listing-filter.property-filter
        .vfx-explore-form-checkbox-list.vfx-full-filter-area
        .pl-0 {
        padding-left: 15px !important;
    }
    .vfx_hero_form_area.vfx1.filter.listing-filter.property-filter
        .vfx-explore-form-checkbox-list.vfx-full-filter-area
        .pr-30 {
        padding-right: 15px !important;
    }
    .action-title.sm-center {
        margin-bottom: 45px;
        padding: 0 35px;
    }
    .category-content h3 {
        padding: 0 10px;
        line-height: 1.2;
    }
    .vfx_hero_form_area.vfx4.filter.listing-filter .input-search,
    .vfx_hero_form_area.vfx4.filter.listing-filter
        .nice-select.vfx_hero_form_area_input.vfx-custom-select-area {
        margin-bottom: 15px;
    }
    .vfx_hero_form_area.vfx3 {
        background: rgba(0, 0, 0, 0.34);
        padding: 15px;
    }
    .vfx_hero_form_area.vfx3 h4 {
        color: #fff;
    }
    .about-section .testimonial-video {
        margin-bottom: 30px;
    }
    .contact-section .contact-map.vfx1 {
        top: -380px;
        width: 100%;
    }
    .value-content-wrap .section-title.vfx2 {
        text-align: center;
        margin-top: 30px;
    }
    .call-to-action.consult-form.vfx1 .form-group .filter-input {
        margin-top: 0;
    }
    .hero-client-section.vfx2 .testimonial-btn.vfx2 {
        bottom: -400px;
        left: 43%;
    }
    .single-property-next,
    .single-property-prev {
        top: 85%;
        opacity: 1;
        visibility: visible;
    }
    .single-property-next {
        left: 50%;
        margin-left: 15px;
    }
    .single-property-prev {
        right: 50% !important;
        left: auto;
        margin-right: 15px;
    }
    .featured-property-wrap.vfx1 {
        padding-bottom: 150px;
    }
    .featured-property-wrap.vfx1 .featured-vfx-property-item.bg-h {
        position: relative;
    }
    .featured-property-wrap.vfx1
        .featured-property-info
        .vfx-property-title-box-area {
        width: auto;
        transform: translateY(250px);
        padding: 30px 40px;
        box-shadow: 0px 14px 29px 0px rgba(221, 221, 221, 0.3);
    }
    .featured-property-wrap.vfx1 .featured-prev,
    .featured-property-wrap.vfx1 .featured-next {
        top: 35%;
    }
    .featured-property-wrap.vfx1 .featured-prev {
        left: 4.5%;
    }
    .featured-property-wrap.vfx1 .featured-next {
        right: 4.5% !important;
        left: auto;
    }
    .vfx-footer-social-wrap p {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .vfx_hero_form_area.vfx2.filter.listing-filter .input-search {
        margin-bottom: 12px;
    }
    /* .vfx_hero_form_area.vfx2 .nice-select.vfx_hero_form_area_input {
        margin-bottom: 12px !important;
    } */
    .vfx_hero_form_area.vfx1.filter
        .nice-select.vfx_hero_form_area_input.vfx-custom-select-area,
    .vfx_hero_form_area.listing-filter.property-filter .input-search {
        margin-bottom: 10px !important;
    }
    .filter-widget .mb-3 {
        margin-bottom: 5px !important;
    }
    .sidebar .widget.search input {
        margin-bottom: 15px;
    }
    .add_listing_inner_block .res-box {
        margin-bottom: 20px;
        margin-top: 0 !important;
    }
    .add_listing_inner_block .res-box label {
        display: inline;
    }
    .listing-address iframe {
        width: 100%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero__title,
    .hero-title.vfx2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-left: 0px;
        letter-spacing: 0;
    }
    .vfx-dashboard-add-listing .amenitie-list-item .filter-checkbox label {
        width: 45%;
    }
    ul.listing-features {
        columns: 2;
    }
    .vfx-page-wrapper.fixed-footer {
        margin-bottom: 600px;
    }
    .team_next,
    .team_prev {
        top: 42%;
    }
    .testimonial-quote {
        padding: 30px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }
    .map-sidebar-content .vfx_hero_form_area.vfx1.filter .col-sm-12.pr-0 {
        padding-right: 15px !important;
    }
    .single_property_agent .vfx-agent-details {
        margin-top: 20px;
        padding: 0 70px;
    }
}
@media only screen and (min-width: 768px) {
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        transform: translateY(0);
        padding-left: 40px;
    }
    .fixed-mortgage {
        position: fixed;
        top: 10%;
        right: 0;
        width: 100%;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        transform: translateY(0);
    }
}
@media only screen and (max-width: 767px) {
    .xs-center {
        text-align: center !important;
    }
    .bg-xs {
        height: 200px;
    }
    .user-btn li a {
        padding: 4px 13px;
    }
    .breadcrumb-section {
        padding-top: 58px;
    }
    .hero__list-item a {
        padding: 5px 15px;
    }
    .listing-input.vfx_hero_form_area_input.vfx-custom-select-area {
        margin-bottom: 15px;
    }
    .vfx-header-button-item span div {
        display: none;
    }
    .nav-menu-mobile {
        padding-left: 0;
        max-width: 26px !important;
        padding-right: 0;
    }
    .user-btn span.user-login-text {
        display: none;
    }
    .user-btn.vfx2 li a i {
        margin-right: 0;
    }
    #video iframe {
        height: auto;
    }
    .showing-listing-block .col-lg-3.col-sm-12.col-7 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .vfx-footer-wrapper.vfx3::before {
        background-size: auto;
        opacity: 0.4;
    }
    .tab-content.add_list_content .form-group {
        margin-bottom: 20px;
    }
    .tab-content.add_list_content .form-group .filter-input {
        margin-bottom: 0;
    }
    .list-details-tab .nav-item a {
        width: 100%;
        position: relative;
        display: block;
        line-height: 28px;
        text-align: center;
    }
    .sm-center {
        text-align: center !important;
    }
    .input-search {
        margin-bottom: 10px;
    }
    #gallery {
        padding-bottom: 10px;
    }
    .sm-right {
        float: right !important;
    }
    #vfx-user-login-popup .modal-body {
        padding: 20px 0px;
    }
    .hero__description {
        font-size: 1rem;
    }
    .hero__title {
        letter-spacing: 0;
    }
    .hero-img.text-right {
        display: none;
    }
    .hero-parallax .hero-slider-item {
        padding: 170px 0;
    }
    .hero-parallax {
        height: 980px;
    }
    .header-text.vfx1 h1,
    .header-text.vfx2 h1 {
        font-size: 34px;
    }
    .header-text.vfx2 span {
        font-size: 14px;
    }
    .vfx_hero_form_area.vfx1.filter.listing-filter .dropdown-filter {
        margin-right: 5px;
    }
    .vfx-site-navbar-area.vfx2.style2 .vfx-menu-btn,
    .vfx-site-navbar-area.vfx1 .vfx-menu-btn {
        justify-content: center;
        margin: 5px 0 10px 0;
    }
    .item-element p {
        line-height: 26px;
    }
    .counter-text {
        margin-top: 35px;
    }
    .margin-bot-35 {
        margin-bottom: 35px;
    }
    .hero-category-content {
        width: calc(100% * (1 / 3) - 21px);
        margin-bottom: 15px;
    }
    .list-details-title.vfx2 {
        bottom: 25%;
    }
    .property-amenities-box {
        transform: translateY(30%);
        height: 450px;
        padding: 25px;
    }
    .property-amenities-box .list-details-tab.nav-tabs {
        border-bottom: 1px solid #ddd;
    }
    .property-amenities-box .list-details-tab li.nav-item,
    .property-amenities-box .list-details-tab.fixed_nav li {
        border-bottom: none;
    }
    .vfx-trending-places.vfx2 .single-listing-title.float-left {
        margin-top: 10px;
    }
    .explore__map-side {
        top: 120px;
    }
    #map_right_listing {
        margin-top: 70px;
    }
    .map-sidebar-content {
        margin-top: 580px;
    }
    .list-details-tab {
        display: block;
    }
    .list-details-tab li.nav-item,
    .list-details-tab.fixed_nav li {
        display: inline-block;
        border-bottom: 1px solid #ddd;
        margin-bottom: -1px !important;
    }
    .list-details-tab .nav-item a {
        font-size: 14px;
        padding: 5px 10px;
        height: 38px;
    }
    .list-details-tab .nav-item {
        margin-right: 0;
    }
    .pricing-list li.nav-item a {
        padding-right: 20px;
    }
    .vfx-trending-places .list-details-tab li {
        display: inline-block;
        border-bottom: none;
    }
    .vfx-trending-places .list-details-tab.nav-tabs {
        border-bottom: 1px solid #ddd;
    }
    .list_menu {
        border-bottom: none;
    }
    .item-wrapper
        .product-list
        .vfx-property-item
        .vfx-property-title-box-area {
        padding: 20px 30px;
    }
    .vfx-trending-places
        .single-property-header.vfx4
        .list-details-title.vfx2
        .list-details-btn {
        margin-top: 5px;
    }
    .hero__list-item a {
        font-size: 1rem;
    }
    .hero__list-item a i {
        font-size: 0.9375rem;
    }
    .vfx_hero_form_area_input {
        width: 100%;
        margin-right: 0;
    }
    .hero__input-holders {
        width: 100%;
        border-radius: 0.25rem;
    }
    .list-details-tab.nav-tabs .nav-link {
        text-align: left;
        border-bottom: 1px solid #ddd;
    }
    .list-details-tab.nav-tabs .nav-link.active {
        border-bottom: none;
    }
    .feature-left.float-left {
        margin-top: 25px;
    }
    .room-type-item .feature-right {
        margin-top: -47px;
    }
    .facilities-list {
        margin-top: 45px;
    }
    .listing-details-slider .single-listing-slider a img,
    .room-type-item img {
        width: 100%;
    }
    .review_wrap .rate-review {
        margin-bottom: 10px;
    }
    .list-tags {
        margin-bottom: 30px;
    }
    .review-box {
        padding: 0 10px;
    }
    .agent-list .vfx-single-team-info {
        flex-direction: row;
    }
    .trending-prev,
    .coupon-prev,
    .team-prev,
    .partner-prev,
    .testimonial-prev {
        left: 43%;
    }
    .trending-next,
    .coupon-next,
    .team-next,
    .partner-next,
    .testimonial-next {
        right: 43%;
    }
    .coupon-desc.float-right h4 {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .coupon-owner {
        margin-bottom: 20px;
    }
    .work-process-content {
        margin-bottom: 30px;
    }
    .contact-widget {
        margin-top: 50px;
    }
    .list-details-tab.nav-tabs.pricing-list .nav-item {
        margin-right: 0;
        text-align: left;
    }
    .list-details-tab.nav-tabs.pricing-list .nav-item:first-child {
        padding-right: 15px;
    }
    .app-content {
        padding-bottom: 30px;
    }
    .app-img {
        position: relative;
        top: 10px;
    }
    .action-title p {
        margin-bottom: 30px;
    }
    .add_list_content .filter-input {
        margin-bottom: 15px;
    }
    .listing-address li,
    .property-info li,
    .listing-features li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .floor-list li {
        display: block;
        float: left;
    }
    .floor-list li:first-child {
        margin-left: 0;
    }
    .floor-list {
        display: block;
        margin-left: 0;
    }
    .nearby-place {
        margin-bottom: 5px;
    }
    .contact-form__input-text,
    .contact-form__textarea {
        margin: 0 0 15px;
    }
    .property-list .vfx-single-property-box-area .vfx-property-title-box-area {
        padding: 20px 20px;
    }
    .category-section.bg-xs {
        height: 350px;
    }
    .category-content h3 {
        font-size: 26px;
    }
    .list-details-inner .tab-content.add_list_content h4 {
        font-size: 18px;
        padding: 14px 20px;
        font-weight: 500;
    }
    .add_listing_inner_block #datepicker-from {
        margin-bottom: 15px;
    }
    #general_info
        .listing-input.vfx_hero_form_area_input.vfx-custom-select-area {
        margin-bottom: 20px;
    }
    .vfx_hero_form_area.vfx2
        .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        top: 300px;
    }
    .vfx_hero_form_area.vfx1
        .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        top: 280px;
    }
    .vfx_hero_form_area.vfx2
        .vfx-explore-form-checkbox-list.vfx-full-filter-area
        .pr-30 {
        padding-right: 15px !important;
    }
    .vfx_hero_form_area.vfx2
        .vfx-explore-form-checkbox-list.vfx-full-filter-area
        .col-lg-4.col-md-6.py-1.pl-0 {
        padding-right: 15px !important;
    }
    .value-content-wrap .section-title.vfx2 h2 {
        margin-bottom: 20px;
        font-size: 26px;
        line-height: 1.4;
        font-weight: 500;
    }
    .value-content {
        margin: 0;
    }
    .call-to-action.consult-form.vfx1 .form-group {
        margin-bottom: 15px;
    }
    .promo-section.vfx2 .promo-content-wrap {
        columns: 1;
    }
    .vfx-single-team-member.vfx2 img {
        width: 100%;
    }
    .promo-section.vfx1 .promo-content img {
        max-width: 45px;
        margin-bottom: 20px;
    }
    .single-property_next,
    .single-property_prev {
        top: 90%;
    }
    .single-property_next {
        left: 54%;
    }
    .single-property_prev {
        left: 42%;
    }
    .value-calculator-section.py-80.mt-140.vfx1,
    .vfx-trending-places.pb-130.mt-140 {
        margin-top: 30px !important;
    }
    .hero-client-section.mt-140.pb-5 {
        margin-top: 50px !important;
    }
    .featured-property-section.pt-130.mt-1,
    .vfx-trending-places.pt-130 {
        padding-top: 60px !important;
    }
    .client-btn-wrap {
        right: 30px;
        bottom: 27%;
    }
    .vfx-site-navbar-area.vfx1 .user-btn li,
    .vfx-site-navbar-area.vfx2 .user-btn li {
        margin-left: 0;
        margin-right: 15px;
    }
    .vfx-site-navbar-area.vfx2 .user-btn li {
        margin-left: 0;
        margin-right: 0px;
    }
    .vfx-site-navbar-area.vfx1 .navbar-brand {
        max-width: 180px;
        margin-bottom: 20px;
    }
    .vfx-site-navbar-area.vfx2.style2 {
        padding-bottom: 15px;
    }
    .vfx-site-navbar-area.vfx2 .navbar-brand {
        margin-bottom: 5px;
    }
    .vfx-single-team-member.agent-item img {
        width: 100%;
    }
    .vfx-single-team-member img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .vfx-single-team-member.vfx2 .vfx-single-team-info h4 {
        font-size: 14px;
    }
    .section-title.vfx3 h2 {
        margin-bottom: 20px;
        font-size: 26px;
        letter-spacing: 0;
        line-height: 1.4;
    }
    .table-content table td {
        min-width: 200px;
    }
    .location-info {
        position: relative;
        right: auto;
    }
}
@media only screen and (max-width: 479px) {
    .header-text.vfx1 h1,
    .header-text.vfx2 h1 {
        font-size: 26px;
    }
    .hero.vfx2,
    .hero.vfx3 {
        padding-top: 100px;
    }
    .hero.vfx2 {
        height: 550px;
    }
    .hero.vfx2 .vfx-posabs {
        top: 110px;
    }
    .nav-menu-mobile {
        padding-right: 10px;
    }
    .vfx-menu-btn {
        right: 15px;
    }
}
@media only screen and (max-width: 315px) {
    .nav-menu-mobile {
        padding-right: 0px;
        max-width: 10px !important;
    }
    .vfx-menu-btn {
        right: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .vfx_hero_form_area.vfx1
        .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        top: 170px;
        padding: 20px;
    }
    .site-navbar .site-navigation .site-menu > li {
        padding: 8px;
    }
    .vfx-site-navbar-area.vfx2
        .site-navbar
        .site-navigation
        .site-menu
        > li
        > a {
        font-size: 15px;
    }
}
@media only screen and (min-width: 767px) {
    .no-pad-lr {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .single-featured-list:hover .single-featured-prev {
        left: 2.5%;
        visibility: visible;
        opacity: 1;
    }
    .single-featured-list:hover .single-featured-next {
        right: 2.5%;
        visibility: visible;
        opacity: 1;
    }
    .single-featured-prev,
    .single-featured-next {
        visibility: hidden;
        opacity: 0;
    }
}
@media only screen and (max-width: 767px) {
    .vfx-site-navbar-area.vfx2 {
        padding: 10px 0;
    }
}

@media (max-width: 575px) {
    .xs-left {
        float: left !important;
    }
    .hero.vfx1 {
        padding-top: 15rem;
    }
    .header-top-left {
        display: none;
    }
    .vfx-site-navbar-area .navbar-brand {
        max-width: 180px;
    }
    .vfx-agent-details {
        margin-top: 20px;
    }
    .modal-dialog {
        margin: 1.75rem auto;
        width: 94%;
    }
    #floor_plans_gallery img.w-100,
    #gallery .carousel-inner img.w-100 {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
    }
    .popup-vid img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    .item-view-mode ul.item-filter-list {
        display: none;
    }
    .header-top-section .vfx-menu-btn {
        justify-content: center;
        padding: 5px 0;
    }
    .header-top-section .user-btn li {
        margin-left: 25px;
    }
    .hero-slider .featured-prev,
    .hero-slider .featured-next {
        top: 55%;
    }
    .vfx-dashboard-add-listing .amenitie-list-item .filter-checkbox label {
        width: 100%;
        margin-right: 0;
    }
    .video-area.vfx1 .video-content {
        z-index: 1001;
        padding-top: 150px;
    }
    .hero__title,
    .hero-title.vfx2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-left: 0px;
    }
    .hero__list-item a {
        font-size: 0.9375rem;
    }
    .hero__list-item a i {
        font-size: 0.9375rem;
    }
    .trending-btn-wrap .btn-danger {
        width: 100%;
    }
    ul.listing-features {
        columns: 1;
    }
    .list-single-facts ul {
        columns: 1;
    }
    a.rate-review {
        padding: 6px 10px;
        margin-right: 10px;
    }
    a.rate-review i {
        margin-right: 5px;
    }
    a.rate-review span {
        padding-left: 5px;
    }
    .review_wrap .rate-review {
        float: left !important;
        margin-bottom: 10px;
    }
    .review_wrap.has-child {
        margin-left: 0px;
    }
    .map-sidebar-content
        .map-filter
        .vfx-explore-form-checkbox-list.vfx-full-filter-area {
        top: 150px !important;
    }
    .map-sidebar-content .map-filter .input-search,
    .map-sidebar-content
        .map-filter
        .nice-select.vfx_hero_form_area_input.vfx-custom-select-area {
        margin-bottom: 15px;
    }
    .map-sidebar-content .map-filter .pl-0 {
        padding-left: 15px !important;
    }
    .map-sidebar-content .map-filter .pr-0 {
        padding-right: 15px !important;
    }
    .row.promo-content {
        text-align: center;
    }
    .vfx-nav-folderized .nav h2:after {
        right: 5%;
    }
    .vfx-page-wrapper.fixed-footer {
        margin-bottom: 640px;
    }
    .counter-text h6 {
        font-size: 25px;
    }
    .counter-text i {
        font-size: 20px;
    }
    .counter-text p {
        font-size: 15px;
    }
    .hero-catagory-menu ul li {
        margin-bottom: 15px;
    }
    .vfx-contact-upload-btn {
        margin-bottom: 40px;
    }
    .vfx-contact-input-file {
        width: 157px;
    }
    .map-filter .dropdown-filter i {
        bottom: 29px !important;
        right: 35px;
    }
    .featured-property-info .vfx-property-title-box-area {
        left: 1%;
        padding: 22px;
        width: 330px;
    }
    .featured-property-wrap.vfx1
        .featured-property-info
        .vfx-property-title-box-area {
        left: 0;
        margin: 0 10px;
        transform: translateY(330px);
    }
    .featured-property-info .vfx-property-title-box-area h4 a {
        font-size: 20px;
    }
    .single-listing-title h2 {
        font-size: 24px;
    }
    .similar-listing-wrap {
        padding-top: 0;
    }
    .chatbox-wrapper {
        right: 6%;
    }
    .list-details-section,
    .list-details-title.vfx1 {
        padding: 20px 15px;
    }
    .popular-next,
    .popular-prev {
        top: 94%;
        background: rgba(51, 51, 51, 0.75) !important;
    }
    .popular-next i,
    .popular-prev i {
        color: #fff !important;
    }
    .swiper-container.popular-place-wrap {
        padding-bottom: 80px;
    }
    .slider-btn.vfx2 {
        width: 40px;
        height: 40px;
    }
    .slider-btn.vfx2 i,
    .slider-btn.vfx2 i {
        line-height: 40px;
        font-size: 18px;
    }
    .popular-next {
        left: 50%;
        margin-left: 15px;
    }
    .popular-prev {
        left: 42%;
        margin-right: 15px;
    }
    .promo-content-wrap {
        columns: 1;
    }
    .single_cat {
        padding: 15px;
    }
    .single_cat img {
        max-width: 30px;
    }
    .action-title h2 {
        font-size: 24px;
    }
    .testimonial-quote {
        width: auto;
        padding: 30px;
    }
    .testimonial-quote p {
        margin-top: 10px;
    }
    .client-btn-wrap {
        right: 3%;
    }
    .client-btn-wrap {
        padding: 5px 8px 5px 8px;
    }
    .post-nav .page-prev,
    .post-nav .page-next {
        text-align: center;
        margin-bottom: 10px;
    }
    .hero-slider.vfx2 .list-details-title.vfx3 {
        padding: 20px;
        top: 200px;
        width: 300px;
    }
    .hero-slider.vfx2 .list-details-title.vfx3 .single-listing-title h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .hero-slider.vfx2
        .list-details-title.vfx3
        .single-listing-title
        .property-feature
        li {
        padding-bottom: 5px;
    }
    .client-btn-wrap {
        right: 16px;
        bottom: 225px;
        padding: 0;
    }
    .testimonial-btn a {
        top: 41%;
    }
    .testimonial-quote p {
        font-size: 15px;
    }
    .map-filter .filter-checkbox ul {
        columns: 1;
    }
    .property-amenities-box .list-details-tab .nav-item {
        display: block;
        text-align: left;
        padding: 5px 0;
    }
    .property-amenities-box .list-details-tab.nav-tabs {
        border-bottom: none;
    }
    .property-amenities-wrap {
        margin-bottom: 350px !important;
    }
    .property-amenities-box {
        height: 100%;
        transform: translateY(10%);
    }
    .property-amenities-box .property-gallery_tab .property-info {
        columns: 1;
    }
    .single_property_agent .vfx-agent-details {
        margin-top: 20px;
    }
    .single_property_agent img {
        width: 100%;
    }
}
@media only screen and (max-width: 359px) {
    .user-btn span.user-login-text {
        display: none;
    }
    .site-navbar .col-5.order-1 {
        max-width: 160px;
        position: relative;
        right: 18px;
    }
    #login .text-left,
    #login .text-right {
        min-width: 100% !important;
        text-align: center !important;
        margin: 0 auto;
    }
    #login .text-right .sm-left {
        margin-top: 8px;
        text-align: center !important;
    }
    #vfx-user-login-popup .modal-body {
        padding: 30px 0px 10px 0px;
    }
    .user-btn.vfx2 li a i {
        margin-right: 0;
    }
    .vfx-site-navbar-area.vfx1 .user-btn li,
    .vfx-site-navbar-area.vfx2 .user-btn li {
        margin-right: 0px;
    }
}
@media only screen and (max-width: 480px) {
    .vfx_hero_form_area.vfx1.bg-white {
        padding: 20px 15px;
    }
    .breadcrumb-menu h2 {
        font-size: 22px;
    }
    .header-text.vfx2 h1 {
        font-size: 30px;
    }
    .vfx-property-location p {
        font-size: 13px;
    }
    .vfx-property-title-box-area h4 a {
        font-size: 17px;
    }
    .recent-list .entry-img img {
        height: 80px;
    }
    .pricing-table .title:after,
    .pricing-table .title:before {
        width: 280px;
        height: 200px;
        top: 220px;
        left: -46px;
    }
    .pricing-table .title:after {
        top: 150px;
        left: auto;
        right: -70px;
    }
    .hero-category-content {
        width: calc(100% * (1 / 2) - 21px);
        margin-bottom: 15px;
    }
    .filter-checkbox ul {
        columns: 1;
    }
    .review-item__description {
        margin: 10px 0 20px 0;
    }
    .review-item__image {
        width: 100%;
    }
    .review-item__post {
        display: block;
    }
    .list-ratings span {
        font-size: 16px;
    }
    .slider-btn.vfx4 {
        width: 30px;
        height: 30px;
    }
    .slider-btn.vfx4 i {
        line-height: 30px;
    }
    .single-listing-title h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 7px;
    }
    .single-listing-title p {
        font-size: 14px;
    }
    .single-listing-title p i {
        font-size: 14px;
        margin-right: 4px;
    }
    .single-listing-title h2 span {
        margin-left: 5px;
    }
    .vfx-contact-upload-btn {
        text-align: left;
        margin-bottom: 25px;
        width: 100%;
    }
    .vfx-contact-upload-btn span {
        top: 0;
        left: 0;
    }
    .vfx-contact-upload-btn span i {
        margin-right: 0.25rem;
    }
    ul.business-hours {
        padding: 15px;
    }
    .customer-rating {
        float: left;
    }
    .trending-prev,
    .popular-prev,
    .team-prev,
    .partner-prev,
    .testimonial-prev {
        left: 38%;
    }
    .trending-next,
    .popular-next,
    .team-next,
    .partner-next,
    .testimonial-next {
        right: 38%;
    }
    .hero.vfx2 .hero-desc.vfx2 {
        margin-bottom: 0;
    }
    .hero.vfx2 .hero-title.vfx2 {
        font-size: 1.6rem;
        margin-bottom: 0;
    }
    .review_wrap li li {
        margin-left: 0;
    }
    .app-content form input[type="text"] {
        margin-bottom: 15px;
    }
    .popular-catagory-content .title {
        font-size: 25px;
        top: 38%;
    }
    .popular-catagory-content .cat-content span {
        margin-top: 60px;
    }
    .blog-hover-content a.btn.vfx6 {
        opacity: 0;
    }
    .blog-hover-content .blog-title {
        transform: translatey(12px);
    }
    .single-blog-item.vfx2:hover .blog-hover-content a.btn.vfx6 {
        opacity: 0;
    }
    .popular-item.sm-grid .single-place-content {
        bottom: 2.6rem;
    }
    .popular-item.sm-grid .single-place-title {
        margin-bottom: 5px;
    }
    .popular-item.sm-grid .single-place-title a {
        font-size: 20px;
    }
    .vfx-contact-input-file {
        width: 170px;
    }
    .vfx-payment-receipt-contents .btn.vfx3 {
        margin-top: 20px;
    }
    .value-content h3 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 18px;
    }
    .vfx-input-wrap button {
        padding: 8px 13px 8px;
        font-size: 14px;
        line-height: 37px;
    }
    .vfx-product-rating li i {
        font-size: 16px;
    }
    .review_wrap li ul.has-child > li {
        margin-left: 0;
    }
    .featured-price {
        float: left;
    }
    .section-title p {
        font-size: 14px;
    }
    .post-content-wrap .post-title {
        font-size: 24px;
    }
    .vfx-reviewer-img img {
        width: 200px;
    }
    .list-details-title.vfx4 h2 {
        font-size: 35px;
    }
    .list-details-title.vfx4 p,
    .list-details-title.vfx4 .vfx-trend-open-price p {
        font-size: 18px;
    }
    .featured-property-wrap.vfx1
        .featured-property-info
        .vfx-property-title-box-area {
        width: 300px;
        padding: 30px 15px;
    }
}
@media (max-width: 320px) {
    .vfx-property-title-box-area span {
        padding: 0 4px;
    }
    .vfx-property-title-box-area ul li span {
        font-size: 13px;
        padding: 0 2px 0 0;
    }
}
.fileupload_block .fileupload_img img {
    width: 150px;
    height: 150px;
    box-shadow: none;
    border-radius: 10px;
    object-fit: cover;
}
.add-listing__input-file-box {
    padding-left: 15px;
    padding-right: 15px;
}
.add-listing__input-file-box span.pip {
    position: relative;
    z-index: 9;
}
.add-listing__input-file-box span.pip img.imageThumb {
    border-color: #d8232a;
    border-radius: 3px;
}
.add-listing__input-file-box span.remove {
    position: absolute;
    background: #d8232a;
    border-color: #d8232a;
    padding: 0px 7px;
    border-radius: 3px;
    top: 0px;
    right: 0px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.add_banner_section {
    background: transparent;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
    display: grid;
    width: 100%;
    position: relative;
}
.sidebar .add_banner_section {
    background: #fff;
    margin-bottom: 30px;
    padding: 25px 20px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(221, 221, 221, 0.56);
}
.add_banner_section img {
    max-width: 100%;
}
.buy-add-section .form-control {
    height: 48px;
    border: 1px solid #ced4da;
    margin-bottom: 20px;
    box-shadow: none;
    font-size: 15px;
    color: #5a5a5a;
    border-radius: 4px;
    padding: 6px 18px;
    font-weight: 600;
}
.ads-title-block {
    background: #f9fcff;
    box-shadow: 0 4px 10px 0 rgba(41, 128, 185, 0.07);
    -webkit-box-shadow: 0 4px 10px 0 rgba(41, 128, 185, 0.07);
    margin-top: 0px;
    margin-bottom: 10px;
    border: 2px solid #dde6ef;
    padding: 20px 0 0 0;
    border-radius: 6px;
    width: 100%;
    display: inline-block;
}
h4.requested_ads_title {
    margin-top: 8px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #424242;
}
.fileupload_block {
    border: 1px solid #ced4da;
    padding: 11px 10px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    border-radius: 4px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.fileupload_block img {
    width: 100%;
    height: 90px;
    margin: 7px 0;
    border-radius: 6px;
    object-fit: cover;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.fileupload_block a i.ion-ios-close {
    position: absolute;
    background: #ff0000;
    top: -28px;
    right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    text-align: center;
    line-height: 20px;
    color: #fff;
}
.fileupload_block #fileupload {
    float: left;
    width: 230px;
}
.tagsinput_item .bootstrap-tagsinput {
    width: 100%;
    height: auto;
    line-height: 30px;
    margin-bottom: 20px;
    box-shadow: none;
}
.tagsinput_item .bootstrap-tagsinput .label-info {
    border-radius: 22px;
    padding: 6px 12px 3px 12px;
    font-size: 11px;
}
.gallery_block {
    position: relative;
    margin-bottom: 25px;
}
.gall_delete_img {
    position: absolute;
    right: 24px;
    top: 8px;
}
.gallery_block .img-thumbnail {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2.5;
    object-fit: cover;
}
.gall_delete_img a.image_remove {
    width: 26px;
    height: 26px;
    background: #000;
    display: block;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    line-height: 26px;
}
.vfx-dashboard-add-listing .btn-success {
    margin-bottom: 20px;
}
form.buy-add-section {
    width: 100%;
}
.vfx_show_listing {
    background: #f7f7f7;
    box-shadow: 0 4px 10px 0 rgba(41, 128, 185, 0.07);
    -webkit-box-shadow: 0 4px 10px 0 rgba(41, 128, 185, 0.07);
    margin-top: 0px;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    padding: 20px 20px 0 20px;
    border-radius: 6px;
    width: 100%;
    display: inline-block;
}
.ads-title-block {
    background: #ffffff;
    box-shadow: 0 4px 10px 0 rgba(41, 128, 185, 0.07);
    -webkit-box-shadow: 0 4px 10px 0 rgba(41, 128, 185, 0.07);
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    padding: 20px 20px 0 20px;
    border-radius: 6px;
    width: 100%;
    display: inline-block;
}
.vfx_select_ads_item_block {
    position: relative;
    margin-bottom: 20px;
    z-index: 4;
    padding: 15px;
    padding-right: 55px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 4px 10px 0 rgba(41, 128, 185, 0.07);
    background: #fbfdff;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 6px;
}
.vfx_select_ads_item_block h4.vfx_ads_title {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    text-align: left;
    padding-left: 30px;
    color: #5a5a5a;
}
.vfx_select_ads_item_block h4.vfx_ads_title sub {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 600;
    text-align: left;
    padding: 0 15px;
}
.vfx_select_ads_item_block h4.vfx_ads_title span {
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    text-align: left;
    padding-left: 5px;
    opacity: 0.7;
}
.vfx-preview-btn {
    position: absolute;
    right: 10px;
    top: 15px;
    background: #d8232a;
    color: #ffffff;
    z-index: 99;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 36px;
    border-radius: 30px;
}
.vfx-preview-btn i {
    margin-right: 0;
    color: #fff;
}
.vfx_ads_title a {
    color: #fff;
}
.vfx_ads_title a:hover {
    color: #eb1536;
}
.ads-previw-block img.showimage {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.ads-previw-block h3 {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    padding: 20px 20px 5px 20px;
    text-align: center;
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ads-previw-block .modal-footer button {
    background: #dcdcdc;
    height: 36px;
}
.ads-previw-block .modal-footer button:hover {
    background: #cccccc;
    height: 36px;
}
.vfx_select_ads_item_block input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;
    font: inherit;
    color: #d8232a;
    width: 1.15em;
    height: 1.15em;
    left: 15px;
    top: 24px;
    border: 2px solid #d8232a;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}
.vfx_select_ads_item_block input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: #d8232a;
}
.vfx_select_ads_item_block input[type="checkbox"]:checked::before {
    transform: scale(1);
}
.vfx_select_ads_item_block input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid #d8232a;
    outline-offset: max(2px, 0.15em);
}
.vfx_select_ads_item_block .form-control {
    background: transparent;
    height: auto;
    border: 0px solid #ced4da;
    margin-bottom: 0px;
    margin-left: 12px;
    box-shadow: none;
    font-size: 16px;
    color: #5a5a5a;
    border-radius: 4px;
    padding: 6px 18px;
    font-weight: 600;
    cursor: pointer;
}
.vfx_select_ads_item_block .regular-checkbox + label {
    border: 2px solid #d8232a;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    position: relative;
    top: 22px;
    cursor: pointer;
    width: 20px;
    border-radius: 30px;
    left: 15px;
}
.vfx_select_ads_item_block .regular-checkbox {
    display: none;
}
.vfx_select_ads_item_block input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
}
.vfx_select_ads_item_block div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
}
.vfx_select_ads_item_block .regular-checkbox:checked + label::after {
    color: #d8232a;
    content: "✔";
    font-size: 12px;
    left: 0px;
    line-height: 20px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -1px;
}
.socail-login-item {
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    left: 0;
    right: 0;
}
.socail-login-item label {
    width: 100%;
    display: block;
    text-align: center;
}
.socail-login-item .btn-google-login {
    background: rgba(42, 45, 49, 0.8);
    font-weight: 600;
    font-size: 15px;
    border-radius: 6px;
    line-height: 36px;
    border: none;
    color: #e2e2e2;
    display: block;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    padding: 6px 15px;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.socail-login-item .btn-google-login:hover,
.socail-login-item .btn-facebook-item:hover {
    background: rgba(255, 255, 255, 0.85);
    color: #161b2a;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 767px) {
    .socail-login-item .btn-google-login {
        margin-top: 0;
    }
    .listing-features li,
    .listing-address li,
    .property-info li {
        font-size: 14px;
        margin: 3px 0;
    }
    .overview-content p {
        font-size: 15px;
    }
    .list-details-section h4 {
        font-size: 18px;
        margin-bottom: 22px;
    }
    .list-details-section h4::before {
        bottom: -17px;
    }
}

/*------------------------------------------
    Membership Plan
-------------------------------------------*/
.membership-plan-list {
    background: url("../images/plan_shape_bg.png"), #fbfdff;
    background-size: auto auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    border: 1px solid #e2ecf7;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 25px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}
.membership-plan-list h3 {
    background: #ecf1f7;
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    color: #262e44;
    font-weight: 800;
    text-transform: uppercase;
}
.membership-plan-list .btn.vfx7,
.payment-details-area .btn.vfx7 {
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 14px;
}
.membership-plan-list h1 {
    font-family: "Readex Pro", sans-serif;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 800;
    position: relative;
    margin-bottom: 15px;
    color: #d8232a;
}
.membership-plan-list h1 span {
    font-size: 24px;
    font-weight: 700;
    padding-right: 4px;
}
.membership-plan-list h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.membership-plan-list ul {
    padding: 0px 20px 15px 20px;
    margin: 0 0 15px 0;
    list-style-type: none;
    border-bottom: 1px solid #e2ecf7;
}
.membership-plan-list ul li {
    background-image: url("../images/pl-check-icon.svg");
    font-size: 15px;
    font-weight: 600;
    color: #575656;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 26px;
    background-size: 16px 16px;
    line-height: 32px;
    background-position: center left;
}
.membership-plan-list ul li span {
    color: #d8232a;
    font-weight: 700;
}
.apply-coupon-code {
    padding: 20px 0 10px 0;
    border-top: 1px solid #2a3248;
}
.apply-now-item {
    display: flex;
    position: relative;
}
.apply-coupon-code .apply-now-item .form-control {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6;
    color: #e4e4e4;
    width: 450px;
    padding: 0.7rem 7.7rem 0.7rem 0.96rem;
    height: inherit;
    background-color: rgba(190, 190, 190, 0.2);
    border: 1px dashed rgba(190, 190, 190, 0.7);
    border-radius: 6px;
}
.apply-coupon-code .form-control:focus {
    color: #f9f9f9;
}
.apply-coupon-code input.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #b3b3b3;
}
.apply-coupon-code input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #b3b3b3;
}
.apply-coupon-code input.form-control::-ms-input-placeholder {
    /* IE 10+ */
    color: #b3b3b3;
}
.apply-coupon-code input.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #b3b3b3;
}
.apply-coupon-code .form-control:focus {
    color: #f9f9f9;
    border-color: rgba(226, 141, 6, 0.8);
    outline: 0;
    box-shadow: 0 0 0 2px rgba(226, 141, 6, 0.35);
}
.apply-now-item .vfx-item-btn-danger {
    font-size: 15px;
    background: #d8232a;
    color: #ffffff;
    border: 2px solid #d8232a;
    width: auto;
    padding: 8px 15px;
    position: absolute;
    top: 3.5px;
    right: 3px;
}
.apply-now-item .vfx-item-btn-danger:hover {
    background: transparent;
    color: #d8232a;
    border: 2px solid #d8232a;
}
.apply-coupon-code h2 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    margin-right: 20px;
    margin-bottom: 0px;
    display: block;
}
.apply-coupon-code h2 img {
    width: 22px;
    height: 22px;
    vertical-align: text-top;
    margin-right: 8px;
}
.payment-details-area {
    background: #fbfdff;
    border-radius: 6px;
    border: 1px solid #e2ecf7;
    padding: 15px 20px;
}
.payment-details-area h3 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 6px;
    position: relative;
    margin-bottom: 20px;
}
.payment-details-area h3::before {
    background: #d8232a;
    border: 0 none;
    content: "";
    height: 4px;
    left: 0;
    margin: 0;
    border-radius: 20px;
    position: absolute;
    bottom: 0px;
    width: 40px;
}
.payment-details-area .select-plan-text {
    color: #575656;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}
.payment-details-area p {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #575656;
}
.payment-details-area p a {
    color: #d8232a;
}
.payment-details-area p a:hover {
    color: #575656;
    text-decoration: underline;
}
.select-payment-method {
    background: url("../images/plan_shape_bg.png"), #fbfdff;
    background-size: auto, auto;
    border: 1px solid #e2ecf7;
    border-radius: 6px;
    overflow: hidden;
    text-align: left;
    background-size: cover;
    margin-bottom: 20px;
    padding: 0px;
    position: relative;
}
.vid-payment-logo {
    background: #ffffff;
    padding: 10px 5px;
    width: 125px;
    border-right: 1px solid #e2ecf7;
}
.vid-payment-logo img {
    height: auto;
    width: 100%;
}
.select-payment-method h3 {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    margin-bottom: 0;
}
.select-payment-method span {
    font-size: 12px;
    font-weight: 500;
    color: #828282;
    margin-bottom: 0;
}
.select-payment-method .btn.vfx7 {
    position: absolute;
    right: 10px;
    top: 15px;
}
.select-payment-method .btn.vfx7 {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
}
@media only screen and (max-width: 639px) {
    .socail-login-item,
    .socail-login-item label {
        display: inline-block;
        width: 100%;
    }
    .socail-login-item .btn-facebook-item,
    .socail-login-item .btn-g-plus-item {
        margin-left: 0;
        margin-right: 0;
    }
    .vid-video-box::after {
        height: 100%;
    }
    .select-payment-method {
        display: block !important;
    }
    .vid-payment-logo img {
        height: auto;
        width: 120px;
    }
    .vid-payment-logo {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        line-height: 35px;
        border-right: 0;
        border-bottom: 1px solid #e2ecf7;
        display: inline-block !important;
    }
    .select-payment-method .p-3 {
        text-align: center;
    }
    .select-payment-method .vfx-item-btn-danger {
        position: relative;
        right: auto;
        left: auto;
        top: 0;
        width: 100px;
        height: 36px;
        text-align: center;
        margin: 0 auto 15px auto;
        display: inherit;
    }
    .select-payment-method .btn.vfx7 {
        position: relative;
        right: auto;
        left: auto;
        top: 0;
        width: 100px;
        height: 36px;
        text-align: center;
        margin: 0 auto 15px auto;
        display: inherit;
    }
    .select-payment-method .p-2 {
        text-align: center;
        margin-bottom: 5px;
    }
    .select-payment-method h3 {
        font-size: 17px;
    }
    .select-payment-method span {
        font-size: 13px;
    }
}

/*---------------------------------------
    404 PAGE
------------------------------------------*/
.error-content i {
    font-size: 60px;
    display: block;
    color: #d8232a;
}
.error-content p {
    margin-bottom: 30px;
}
.error-content a {
    color: #d8232a;
}
.error-search-container {
    position: relative;
}
.error-search-container input {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
}
.error-search-container button {
    background: transparent;
    border: none;
    padding: 0;
    margin-left: -36px;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    top: 12px;
}

/*-----------------------------------------------------------
	User Dashboard CSS
-------------------------------------------------------------*/

.vfx-item-green {
    background: #d8232a;
}
.vfx-item-orange {
    background: #f91;
}
.vfx-item-blue-violet {
    background: #19c5f9;
}
.vfx-item-blue {
    background: #3519f9;
}
.vfx-dashboard-top-header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 275px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
    right: 0;
}
.vfx-dashboard-top-header .vfx-site-navbar-area.vfx2 {
    margin-left: -28px;
    border-bottom: none;
}
.vfx-dashboard-top-header .vfx-mobile-navigation-menu {
    left: 0;
    transform: translateX(-110%);
}
.offcanvas-menu .vfx-mobile-navigation-menu {
    transform: translateX(0%);
}
.mobile-bar span {
    padding: 0;
    margin-right: 0;
}
.vfx-dashboard-top-header .section__content {
    top: 50%;
    transform: translateY(-50%);
}
.sub-header-mobile-2 .header__tool .vfx-header-button-item {
    color: #a9b3c9;
}
.bootstrap-tagsinput .label-info {
    background-color: #d8232a;
    border-radius: 12px;
    padding: 5px 12px;
    text-transform: uppercase;
    font-size: 10px;
}
.dynamic_item_block {
    width: 100%;
    display: flex;
}
#dynamicInput {
    display: inline-block;
    width: 100%;
}
.header-button {
    float: right;
    display: inline-flex;
}
.header-button .vfx-header-button-item {
    cursor: pointer;
}
.header-button .vfx-header-button-item:first-child {
    padding-left: 0;
    margin-right: 0;
}
.header-button .vfx-header-button-item > i {
    font-size: 24px;
    margin-top: 0px;
    background: #ececec;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    line-height: 42px;
    font-weight: 600;
}
.header-button .vfx-header-button-item .search-dropdown {
    top: 52px;
}
.header-button .vfx-header-button-item .vfx-notifi-dropdown {
    top: 56px;
    left: auto;
    right: -68px;
    border-radius: 6px;
    transform-origin: right top;
}
.vfx-header-button-item {
    /*position: relative;*/
    display: flex;
    align-items: center;
}
.vfx-header-button-item img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    border: 2px solid rgba(149, 149, 149, 0.1);
    box-shadow: 0 3px 2px rgba(134, 134, 134, 0.06);
}
.vfx-header-button-item span {
    font-weight: 600;
    color: #777;
    position: relative;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    text-align: left;
}
.vfx-header-button-item span div {
    text-transform: capitalize;
}
.vfx-header-button-item span i {
    margin-left: 7px;
}
.has-noti > i {
    position: relative;
}
.has-noti > i:after {
    content: "";
    height: 10px;
    width: 10px;
    background: #ff4b5a;
    position: absolute;
    border-radius: 100%;
    top: 2px;
    right: 2px;
}
.bg-c1 {
    display: flex;
    margin-top: 10px;
}
.bg-c1 i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    color: #fff !important;
}
.bg-c1.red i {
    background: #e91e63;
}
.bg-c1.orange i {
    background: #f91;
}
.bg-c1.green i {
    background: #1ec38b;
}
.not_data {
    text-align: center;
}
.vfx-setting-menu {
    position: absolute;
    min-width: 200px;
    top: 55px;
    right: 0;
    background: #fff;
    text-align: left;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    opacity: 0;
    overflow: hidden;
    display: none !important;
    transition: all 0.5s ease;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}
.vfx-setting-menu .vfx-account-dropdown-item-area a {
    color: #555;
}
.vfx-setting-menu .vfx-account-dropdown-item-area a:hover {
    color: #fff;
}
.show-sidebar {
    top: 53px;
    opacity: 1;
    z-index: 9;
    display: block !important;
}
.section-padding {
    padding: 50px 0 40px;
}
.profile-sec-1 {
    background-color: #f5f6f7;
    padding: 25px 15px;
    margin: 30px 0;
    border-radius: 4px;
    box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.12);
}
.img-profile img.img-rounded {
    border-radius: 80px;
    width: 150px;
    display: block;
    margin: 0 auto;
    text-align: center;
    height: auto;
}
.profile_title_item {
    color: #464646;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}
.profile_title_item h5 {
    margin-bottom: 3px;
}
.profile_title_item p {
    margin-bottom: 15px;
}
.profile_title_item a,
.membership_plan_dtl a {
    background: #d8232a;
    padding: 6px 20px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    border: 0px solid transparent;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    color: #ffffff;
    -webkit-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    transition: all 0.5s ease 0s;
}
.profile_title_item a:hover,
.membership_plan_dtl a:hover {
    background: #424242;
    color: #fff;
    border: 0px solid #d8232a;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.member-ship-option {
    border-radius: 10px;
    background: #fff;
    color: #464646;
    padding: 20px;
    margin-bottom: 20px;
    border: 3px solid rgba(0, 0, 0, 0.1);
}
.member-ship-option h5 {
    margin-top: 0;
    margin-bottom: 15px;
}
.member-ship-option p {
    color: #6a6a6a;
    margin-bottom: 3px;
}
.member-ship-option div a {
    background: #d8232a;
    border: 2px solid transparent;
    color: #ffffff;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 5px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    display: inline-block;
}
.member-ship-option div a:hover {
    background: #ffffff;
    background-color: rgb(255, 255, 255);
    color: #d8232a;
    background-color: transparent;
    border: 2px solid #d8232a;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.vfx-header-button-item {
    cursor: pointer;
}
.vfx-notifi-dropdown--no-bor {
    border: none;
}
.vfx-notifi-dropdown .vfx-notification-item {
    cursor: pointer;
}
.vfx-account-dropdown-item-area {
    border-bottom: 1px dashed #ddd;
}
.vfx-account-dropdown-item-area:last-child {
    border-bottom: 0;
}
.vfx-account-dropdown-item-area a {
    display: block;
    color: #333;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.5s;
}
.vfx-account-dropdown-item-area a:hover {
    background: #d8232a;
    color: #fff;
}
.vfx-account-dropdown-item-area a i {
    background: rgba(0, 0, 0, 0.06);
    font-size: 16px;
    position: relative;
    padding: 5px;
    border-radius: 30px;
    margin-right: 4px;
    text-align: center;
    vertical-align: middle;
    color: #666;
    -webkit-font-smoothing: antialiased;
    transition: 0.3s;
    width: 30px;
    height: 30px;
    line-height: 20px;
    display: inline-block;
}
.vfx-account-dropdown-item-area a:hover i {
    background: #ffffff;
    color: #323232;
}
.vfx-account-dropdown-footer {
    border-top: 1px solid #f2f2f2;
}
.vfx-account-dropdown-footer a {
    display: block;
    color: #333;
    padding: 15px 25px;
    font-size: 14px;
}
.vfx-account-dropdown-footer a:hover {
    background: #4272d7;
    color: #fff;
}
.vfx-account-dropdown-footer a i {
    line-height: 1;
    margin-right: 20px;
    font-size: 18px;
    vertical-align: middle;
}
.vfx-notifi-dropdown,
.setting-dropdown {
    position: absolute;
    z-index: 9999;
    min-width: 340px;
    background: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    transform: scale(0);
    transition: all 0.4s ease;
    transform-origin: left top;
    top: 100%;
    left: 0;
}
.vfx-notifi-title {
    padding: 22px;
    border-bottom: 1px solid #f2f2f2;
    cursor: default;
}
.vfx-notifi-title p {
    line-height: calc(29 / 14);
    font-size: 14px;
    color: #808080;
}
.vfx-notifi-footer a {
    display: block;
    text-transform: capitalize;
    text-align: center;
    font-size: 14px;
    color: #4272d7;
    padding: 24px 0;
}
.vfx-notifi-footer a:hover {
    color: #3868cd;
}
.vfx-notifi-dropdown {
    left: -117px;
    top: 49px;
}
.vfx-notifi-dropdown::before {
    left: 63px;
}
.vfx-notification-item {
    display: flex;
    padding: 19px 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f2f2f2;
    transition: all 0.5s ease;
}
.vfx-notification-item:hover {
    background: #f7f7f7;
    border-radius: 6px 6px 0 0;
}
.vfx-notification-item .img-cir {
    position: relative;
    margin-right: 15px;
}
.vfx-notification-item .img-cir i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vfx-notification-item .content {
    width: calc(100% - 55px);
    text-align: left;
    font-size: 14px;
}
.vfx-notification-item .content p {
    color: #555;
    line-height: 1.5;
    padding-top: 0;
    margin-bottom: 5px;
}
.vfx-notification-item .content p b {
    font-weight: 600;
}
.vfx-notification-item .content .date {
    font-size: 12px;
    color: #999;
}
.vfx-notification-bottom-btn a {
    color: #666;
    font-weight: 400;
}
/*.vfx-dashboard-content-area {
    background: linear-gradient(to bottom,rgba(0,0,0,0.02) 0%,rgba(255,255,255,1));
	padding-top:30px;
}*/
.vfx-sidebar-menu {
    width: 275px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    overflow-y: auto;
    height: 100vh;
    transition: all 0.5s ease;
    z-index: 1000;
}
.vfx-sidebar-menu .logo {
    text-align: center;
    padding: 17px 0;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
    border-right: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
}
.vfx-sidebar-menu .logo a img {
    max-width: 178px;
}
.navbar-sidebar {
    padding: 35px;
    padding-bottom: 0;
}
.navbar-sidebar .vfx-navbar-list li a {
    display: block;
    color: #555;
    font-size: 16px;
    padding: 15px 0;
}
.navbar-sidebar .vfx-navbar-list li a i {
    margin-right: 19px;
}
.navbar-sidebar .vfx-navbar-list li a:hover {
    color: #4272d7;
}
.navbar-sidebar .vfx-navbar-list li.active > a {
    color: #4272d7;
}
.vfx-sub-has {
    position: relative;
}
.vfx-navbar-mobile-sub-list {
    display: none;
    padding-left: 30px;
    background: #fff;
}
.header-mobile .navbar-mobile .vfx-navbar-mobile-sub-list li a {
    padding-left: 15px;
}
.hamburger.is-active .hamburger-box .hamburger-inner:after {
    transform: translate3d(0, -12px, 0) rotate(-90deg);
}
.show-dropdown .js-dropdown {
    transform: scale(1);
}
.account-img {
    padding: 25px 25px 10px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.account-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.vfx-menu-sidebar-content {
    height: calc(100vh - 72px);
    border-right: 1px solid #646464;
    position: relative;
    background: #323232;
    padding-top: 0px;
}
.vfx-menu-sidebar-content .name {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px;
    color: #aeb7c2;
    text-align: center;
}
.vfx-menu-sidebar-content > a {
    font-size: 14px;
    color: #999;
}
.vfx-menu-sidebar-content > a:hover {
    color: #666;
}
.navbar-sidebar2 .vfx-navbar-list li {
    position: relative;
    cursor: pointer;
    transition: 0.5s;
}
.navbar-sidebar2 .vfx-navbar-list li .arrow {
    position: absolute;
    right: 15px;
    top: 0;
    text-align: center;
    vertical-align: middle;
    height: 63px;
    width: 63px;
    line-height: 63px;
    transition: all 0.5s ease;
}
.navbar-sidebar2 .vfx-navbar-list li .arrow.up {
    transform: rotate(-180deg);
}
.navbar-sidebar2 .vfx-navbar-list li .arrow i {
    font-size: 16px;
    color: #999;
}
.navbar-sidebar2 .vfx-navbar-list li a.active,
.navbar-sidebar2 .vfx-navbar-list li:hover {
    color: #d8232a;
    background: rgba(255, 255, 255, 0.05);
}
.navbar-sidebar2 .vfx-navbar-list li a {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    display: block;
    padding: 7px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.navbar-sidebar2 .vfx-navbar-list li a:hover {
    color: #d8232a;
}
.navbar-sidebar2 .vfx-navbar-list li a > i {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    vertical-align: text-bottom;
    display: inline-block;
    text-align: center;
}
.navbar-sidebar2 .vfx-navbar-list li.active > a {
    color: #d8232a;
}
.navbar-sidebar2 .vfx-navbar-sub-list {
    display: none;
}
.vfx-navbar-sub-list.vfx-js-sub-list {
    background-color: #323232;
}
.vfx-navbar-sub-list.vfx-js-sub-list li {
    padding-left: 0;
}
.vfx-navbar-sub-list.vfx-js-sub-list li a {
    padding: 6px 20px 6px 50px;
    font-size: 14px;
}
.navbar-sidebar2 .vfx-navbar-list li.vfx-sub-has > a {
    position: relative;
}
.navbar-sidebar2 .vfx-navbar-list li.vfx-sub-has > a:after {
    position: absolute;
    top: 16%;
    left: 90%;
    content: "\f3d0";
    font-family: "Ionicons";
    font-size: 18px;
}
.inbox-num {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    color: #fff;
    border-radius: 20px;
    font-weight: 700;
}
.inbox-num.active {
    background: #d8232a;
}
.inbox-num.pending {
    background: #ffbb28;
}
.inbox-num.expired {
    background: #f91942;
}
.review-rate {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1cbbb4;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 1.9;
    font-size: 13px;
    font-weight: 500;
}
.header-wrap2 {
    display: flex;
    justify-content: flex-end;
}
#vfx-dashboard-titlebar {
    position: relative;
    background-image: url(../images/breadcrumb-1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#vfx-dashboard-titlebar::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.2;
}
.utf-dashboard-headline-item {
    display: block;
    position: relative;
    margin-bottom: 0px;
    padding: 40px 35px;
    border-bottom: 1px solid #eeeeee;
}
.utf-dashboard-headline-item h3 {
    display: block;
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    margin: 0;
}
#breadcrumbs {
    position: absolute;
    right: 15px;
    display: inline-block;
    font-size: 14.7px;
    top: 50%;
    transform: translateY(-51%);
    font-weight: 600;
    border-radius: 4px;
    color: #ffffff;
    z-index: 99;
}
#breadcrumbs ul {
    margin: 0;
    padding: 0;
    line-height: 24px;
}
#breadcrumbs ul li:first-child {
    margin-left: 0;
}
#breadcrumbs ul li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 7px;
    margin-left: 7px;
}
#breadcrumbs ul li:first-child::before {
    display: none;
}
#breadcrumbs ul li::before {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 4px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #f9f9f9;
    font-size: 14px;
    margin-right: 12px;
}
#breadcrumbs ul li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #ffffff;
    font-weight: 600;
}
#breadcrumbs ul li a:hover {
    color: #d8232a;
}
@media (max-width: 768px) {
    .utf-dashboard-headline-item {
        text-align: center;
        padding: 20px 10px;
        margin: 15px;
        border-radius: 4px;
    }
    #vfx-dashboard-titlebar::before {
        border-radius: 4px;
    }
    #titlebar #breadcrumbs,
    .utf-dashboard-headline-item #breadcrumbs {
        right: 0;
        position: relative;
        top: 0;
        transform: none;
        margin-top: 3px;
        max-width: 100%;
    }
}
.vfx-dashboard-bookings,
.vfx-dashboard-review-wrap,
.dash-add-listing,
.vfx-recent-activity,
.vfx-dashboard-invoice-panel,
.vfx-dashboard-add-list-wrap,
.inbox-wrap,
.vfx-popular-listing {
    border-radius: 4px;
}
.review-title h5,
.inbox-title h5,
.vfx-act-title h5 {
    color: #ffffff;
    margin-bottom: 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.review-title h5 i,
.inbox-title h5 i,
.vfx-act-title h5 i {
    margin-right: 10px;
    color: #999;
}
.vfx-act-title {
    background-color: #424242;
    border-radius: 4px;
    padding: 15px 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.member-ship-option {
    background: url("../images/plan_shape_bg.png"), #ffffff;
    background-size: auto, auto;
    border: 1px solid #dee2e6;
    color: #222222;
    min-height: 200px;
    padding: 15px 20px;
    border-radius: 6px;
    overflow: hidden;
    background-size: cover;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.member-ship-option h5 {
    margin-top: 0;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
}
.member-ship-option h5::before {
    background: #d8232a;
    border: 0 none;
    content: "";
    height: 3px;
    left: 0;
    margin: 8px 0 10px;
    position: absolute;
    bottom: -8px;
    width: 40px;
    border-radius: 4px;
}
.member-ship-option span.premuim-memplan-bold-text {
    display: block;
    margin-bottom: 10px;
}
.member-ship-option span.premuim-memplan-bold-text strong {
    font-size: 15px;
    color: #606060;
    font-weight: 700;
}
.member-ship-option span.premuim-memplan-bold-text span {
    font-size: 14px;
    color: #606060;
    line-height: 22px;
    font-weight: 600;
    display: inline-block;
    background: rgba(108, 108, 108, 0.1);
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 5px;
}
.member-ship-option .upgrad_plan {
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 14px;
    box-shadow: none;
}
.table-wrapper {
    margin: 0;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    overflow: hidden;
}
.fl-table {
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #dee2e6;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
}
.fl-table thead th {
    color: #222222;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.fl-table td,
.fl-table th {
    text-align: left;
    padding: 12px 15px;
    font-weight: 600;
}
.fl-table td {
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    font-size: 14px;
    color: #606060;
    font-weight: 600;
}
.fl-table td span.current-plan-item {
    font-size: 14px;
    font-weight: 600;
    background: #d8232a;
    color: #ffffff;
    padding: 2px 8px;
    margin-left: 5px;
    border-radius: 4px;
}
@media (max-width: 991px) {
    .table-wrapper {
        overflow-x: scroll;
    }
}
.act-desc {
    font-size: 15px;
    font-weight: 400;
}
.vfx-recent-activity .act-wrap .act-desc {
    margin-bottom: 20px;
}
.vfx-recent-activity .act-wrap .alert:last-child {
    margin-bottom: 20px;
    border-bottom: none;
}
.vfx-recent-activity .act-wrap .alert {
    margin-bottom: 25px;
    background: #f5f6f7;
    position: relative;
    border-radius: 4px;
    color: #666;
    padding-top: 15px;
    padding-bottom: 15px;
}
.vfx-recent-activity .act-wrap .alert.br-o {
    border-left: 5px solid #f91;
}
.vfx-recent-activity .act-wrap .alert.br-b {
    border-left: 5px solid #d8232a;
}
.act-wrap .alert > i {
    font-size: 20px;
    background: #f1f1f1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
}
.act-wrap li {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}
.act-wrap li span.review-stat {
    font-weight: 600;
    color: #d8232a;
    text-transform: capitalize;
}
.act-wrap button.close span i {
    font-size: 22px;
}
#buyers {
    height: 400px !important;
    width: 100% !important;
}
.vfx-most-viewed-item {
    display: flex;
    position: relative;
    /*border-bottom: 1px dashed #c8c8c8;*/
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.vfx-most-viewed-img {
    flex: 1;
    max-width: 180px;
    position: relative;
}
.vfx-most-viewed-img a {
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.vfx-most-viewed-img a img {
    object-fit: cover;
    height: 125px;
    width: 100%;
    border-radius: 4px;
}
.fileupload_block .gallery {
    position: relative;
}
.vfx-most-viewed-img .vfx-feature-text {
    top: 10px;
    right: 3px;
    left: 10px;
    z-index: 10;
}
.vfx-most-view-detail h3 {
    font-size: 18px;
    position: relative;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.2;
}
.vfx-most-view-detail h3 a:hover {
    color: #d8232a;
}
.vfx-most-view-detail span {
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
}
.vfx-most-view-detail .vfx-list-address i {
    margin-right: 5px;
    color: #ec2b2b;
}
.vfx-most-view-detail {
    flex: 1;
    padding-left: 25px;
}
.vfx-most-view-detail p {
    font-size: 14px;
}
.vfx-most-view-detail .vfx-trend-open-price {
    padding: 7px 12px;
    line-height: 1;
    background: #d8232a;
    color: #ffffff;
    margin-top: 0px;
    border-radius: 4px;
}
.vfx-most-view-detail .category .list-bg {
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
}
.list-bg.violate {
    background: #990099;
}
.list-bg.red {
    background: #ff8580;
}
.list-bg.aqua {
    background: #1cbbb4;
}
.vfx-most-view-detail .category span i {
    font-size: 14px;
}
.vfx-most-view-detail .ratings,
.vfx-most-view-detail .views {
    display: inline-block;
    margin-top: 5px;
}
.vfx-most-view-detail .views {
    padding-left: 20px;
    position: relative;
}
.vfx-most-view-detail .views:before {
    position: absolute;
    top: 0;
    left: 10%;
    content: "|";
}
.vfx-most-view-detail .views span {
    font-weight: 500;
}
.vfx-most-view-detail .ratings i {
    color: #ffb52d;
}
.vfx-most-view-detail a.category {
    color: #777;
    font-weight: 400;
}
.vfx-most-viewed-item .vfx-listing-button .btn.vfx2 {
    margin-right: 10px;
}
.vfx-listing-button {
    position: absolute;
    right: 10px;
    top: 20%;
}
.vfx-listing-button .btn.vfx3 {
    padding: 6px 10px;
    font-weight: 600;
    background: transparent;
    border: 2px solid #d8232a;
    color: #d8232a !important;
    transition: 0.5s;
}
.vfx-listing-button .btn.vfx3 i,
.vfx-listing-button .btn.vfx4 i {
    margin-right: 0;
}
.vfx-listing-button .btn.vfx3:hover {
    background: #d8232a;
    color: #fff !important;
    border: 2px solid transparent;
}
.vfx-listing-button a {
    margin-left: 3px;
}
.vfx-listing-button .btn.vfx4 {
    padding: 3px;
    font-weight: 400;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 22px;
    background: #d8232a;
    border: 2px solid transparent;
    color: #fff !important;
    transition: 0.5s;
}
.vfx-listing-button .btn.vfx4:hover {
    background: transparent;
    color: #d8232a !important;
    border: 2px solid #d8232a;
}
.vfx-listing-button .btn.vfx4:hover i {
    color: #d8232a;
}
.vfx-dashboard-review-wrap .vfx-single-review-item {
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.vfx-dashboard-review-item-wrap .vfx-customer-review {
    margin-bottom: 10px;
}
.vfx-dashboard-review-item-wrap .vfx-single-review-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
}
.vfx-dashboard-review-wrap
    .vfx-single-review-item
    .vfx-customer-review-wrap-item {
    border-bottom: none;
    padding: 0;
}
.vfx-dashboard-review-wrap
    .vfx-single-review-item
    .vfx-customer-review-wrap-item
    .review-img {
    margin-top: 20px;
}
.vfx-dashboard-review-wrap
    .vfx-single-review-item
    .vfx-customer-review-wrap-item
    .list-ratings
    i {
    color: #ffb52d;
    font-size: 16px;
}
.vfx-dashboard-review-wrap .vfx-single-review-item .review-item__description {
    margin-top: 10px;
}
.vfx-dashboard-review-wrap .vfx-single-review-item .review-header {
    margin-bottom: 0;
}
.vfx-dashboard-review-wrap
    .vfx-single-review-item
    .review-header
    .review-item__content {
    margin: 5px 0 0 0;
}
#reply-review .modal-content {
    padding: 0;
}
#reply-review .modal-header {
    padding: 35px;
}
#reply-review .modal-dialog {
    max-width: 600px;
}
#reply-review .modal-body {
    padding: 35px;
}
#reply-review .modal-body textarea {
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    width: 100%;
}
#reply-review .modal-header .close span {
    background: #ddd;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: inline-block;
}
#reply-review .modal-header .close span i {
    font-size: 30px;
    line-height: 36px;
}
.vfx-dashboard-review-item-wrap .review-item__image {
    border-radius: 5px;
    height: 100px;
    width: 120px;
}
.vfx-dashboard-review-item-wrap .review-item__post-title {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.2;
}
.vfx-dashboard-review-item-wrap .list-ratings {
    line-height: 1;
}
.vfx-dashboard-review-item-wrap .review-item__date {
    margin: 12px 0 0;
}
.vfx-dashboard-review-item-wrap .vfx-customer-content p {
    margin: 6px 0 10px;
}
.inbox-title {
    padding: 0 30px;
}
.au-inbox-wrap.show-chat-box {
    transform: translateX(-50%);
}
.au-inbox-wrap {
    display: flex;
    width: 200%;
    transition: all 0.5s ease;
}
.au-chat {
    width: 50%;
    padding: 30px;
    background: #fff;
}
.au-chat__title {
    border-bottom: 1px solid #f2f2f2;
}
.au-chat-info {
    display: flex;
    align-items: center;
    padding: 12px 40px;
}
.au-chat-info .avatar-wrap {
    float: none;
    display: inline-block;
    margin-bottom: 0;
}
.avatar-wrap {
    position: relative;
    float: left;
}
.avatar--small {
    height: 50px;
    width: 50px;
}
.avatar {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    overflow: hidden;
}
.online .avatar::after {
    background: #63c76a;
}
.avatar::after {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    background: #ccc;
    border: 2px solid #fff;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.au-chat-info .nick {
    margin-left: 15px;
}
.au-chat-info .nick a {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}
.au-chat-info .nick a:hover {
    color: #666;
}
.au-chat__content {
    overflow: auto;
    padding: 30px 40px;
    padding-bottom: 30px;
    padding-bottom: 0;
    position: relative;
}
.recei-mess-wrap {
    text-align: center;
    position: relative;
}
.recei-mess__inner {
    display: flex;
    margin-top: 6px;
}
.recei-mess__inner .avatar--tiny {
    align-self: flex-end;
    justify-self: flex-start;
    margin-right: 10px;
}
.recei-mess-list {
    width: calc(100% - 42px);
}
.recei-mess {
    background: #f2f2f2;
    border-radius: 8px;
    padding: 12px 25px;
    max-width: 390px;
    margin-bottom: 2px;
    text-align: left;
}
.recei-mess-list .recei-mess:last-child {
    margin-bottom: 0;
}
.send-mess-wrap {
    text-align: center;
    margin-top: 20px;
    position: relative;
}
.send-mess__inner {
    margin-top: 6px;
    display: flex;
    justify-content: flex-end;
}
.send-mess {
    background: #d8232a;
    color: #fff;
    border-radius: 8px;
    padding: 12px 25px;
    max-width: 390px;
    margin-bottom: 4px;
    text-align: left;
}
.au-chat-textfield {
    padding: 40px;
}
.au-form-icon {
    position: relative;
}
.au-form-icon .au-input {
    padding-right: 80px;
    margin-bottom: 25px;
}
.au-input--h65 {
    line-height: 63px;
    font-size: 16px;
    color: #808080;
}
.au-input--full {
    width: 100%;
}
.au-input {
    line-height: 43px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666;
    padding: 0 17px;
    padding-right: 17px;
    border-radius: 3px;
    transition: all 0.5s ease;
}
.au-input-icon {
    position: absolute;
    top: 1px;
    right: 12px;
    text-align: center;
    display: block;
}
.au-input-icon i {
    font-size: 20px;
    color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.au-message {
    width: 48.5%;
    background: #fff;
}
.au-message p {
    color: #808080;
}
.au-message__footer {
    text-align: center;
    padding-top: 15px;
}
.au-message-list {
    height: auto;
    position: relative;
    padding: 0 30px 30px 0;
}
.au-message__noti {
    padding: 25px 15px;
    padding-left: 40px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f2f2f2;
}
.au-message__noti p {
    font-size: 14px;
}
.au-message__noti p span {
    font-weight: 600;
}
.au-message__item {
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    transition: all 0.5s ease;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.au-message-list .au-message__item:last-child {
    margin-bottom: 0;
}
.au-message__item.unread h5.name {
    position: relative;
    display: inline-block;
}
.au-message__item.unread h5.name:after {
    position: absolute;
    content: "New";
    top: 0;
    right: -50px;
    background: #f91;
    padding: 0 5px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
}
.au-message__item-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.au-message__item-time {
    margin-top: 26px;
}
.au-message__item-time span {
    font-size: 14px;
    color: #808080;
}
.au-message__item-text .text {
    margin-left: 60px;
    padding: 7px 0;
    padding-left: 23px;
}
.au-message__item-text .text .name {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    margin-bottom: 2px;
}
.au-message__item-text .text p {
    color: #808080;
}
.avatar--tiny {
    height: 32px;
    width: 32px;
}
.avatar--tiny::after {
    display: none;
}
.au-message__item.unread .au-message__item-text .text .name {
    color: #333;
}
.au-message__item.unread .au-message__item-text .text p {
    color: #333;
}
.au-chat--border .au-chat__title {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.au-chat--border .au-chat__content {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.au-chat--border .au-chat-textfield {
    border: 1px solid #e5e5e5;
    border-top: none;
}
.au-chat-info {
    display: flex;
    align-items: center;
}
.au-chat__content2 .recei-mess {
    max-width: 240px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.au-chat__content2 .send-mess {
    max-width: 240px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.select_plan {
    background: #ffffff;
    border-radius: 10px;
    border: 3px solid rgba(0, 0, 0, 0.05);
    padding: 30px 10px;
    text-align: center;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}
.select_plan h5.color-up {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: none;
}
.member-ship-option p {
    color: #6a6a6a;
    margin-bottom: 5px;
}
.member-ship-option a {
    background: #d8232a;
    padding: 6px 20px;
    border: 0px solid #d8232a;
    border-radius: 30px;
    color: #ffffff;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    transition: all 0.5s ease 0s;
}
.member-ship-option a:hover {
    background: #ffffff;
    color: #d8232a;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    transition: all 0.5s ease 0s;
}
.select_plan:hover h5,
.select_plan:hover h5 span,
.select_plan:hover p {
    color: #fff;
}
.select_plan:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    border: 3px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 25px rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.membership_plan_block {
    background-color: #f5f6f7;
    padding: 25px 25px 20px 25px;
    border-radius: 4px;
    width: 100%;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.12);
    display: inline-block;
}
.membership_plan_dtl {
    text-align: left;
}
.membership_plan_dtl h5 {
    font-size: 20px;
    color: #464646;
    text-transform: none;
    font-weight: 600;
    line-height: 28px;
    margin-top: 0;
    position: relative;
    margin-bottom: 30px;
}
.membership_plan_dtl h5::before {
    background: #d8232a;
    content: "";
    height: 3px;
    width: 40px;
    position: absolute;
    bottom: -8px;
}
.membership_plan_dtl p {
    color: #464646;
}
.membership_plan_dtl p b {
    color: #d8232a;
    font-weight: 600;
}
.membership_plan_dtl p a {
    color: #d8232a;
    background: none;
    padding: 0;
    border: 0;
    font-weight: 600;
    box-shadow: none;
    font-size: 14px;
    display: inline-block;
    margin-top: 0 !important;
}
.membership_plan_dtl p a:hover {
    color: #505050;
    border: 0;
    box-shadow: none;
    background: transparent;
    text-decoration: underline;
}
.membership_plan_dtl a:last-child {
    margin-top: 10px;
}
@media only screen and (max-width: 767px) {
    .membership_plan_dtl {
        margin-bottom: 40px;
    }
    .vfx_show_listing,
    .ads-title-block {
        padding: 10px 10px 0 10px;
    }
    .vfx_select_ads_item_block {
        margin-bottom: 12px;
    }
    h4.requested_ads_title {
        margin-top: 0;
        font-size: 18px;
    }
}
.membership_plan_block .filter-input {
    margin-top: 0;
    margin-bottom: 5px;
}
.vfx-dashboard-booking-wrap tr {
    color: #333;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.vfx-dashboard-booking-wrap tr:last-child {
    border-bottom: none;
}
.vfx-dashboard-booking-wrap .table thead th {
    border: 1px solid #ddd;
}
.db-booking-item {
    margin: 0 -30px 30px -30px;
    position: relative;
    padding: 0 30px 35px 140px;
    border-bottom: 1px solid #ddd;
}
.vfx-dashboard-booking-wrap table td {
    /*text-transform: capitalize;*/
    border: 1px solid #ddd;
}
.vfx-dashboard-booking-wrap.table-content .vfx-property-location {
    display: block;
}
.vfx-dashboard-booking-wrap .db-booking-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 5px;
}
.vfx-dashboard-booking-wrap .db-booking-item .booking-img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    left: 35px;
    top: 5px;
}
.vfx-dashboard-booking-wrap .vfx-listing-button .btn {
    display: block;
}
.vfx-dashboard-invoice-panel
    .vfx-dashboard-booking-wrap
    .vfx-listing-button
    .btn:first-child {
    margin-right: 10px;
}
.vfx-dashboard-invoice-panel
    .vfx-dashboard-booking-wrap
    .vfx-listing-button
    .btn {
    display: inline-block;
}
.vfx-dashboard-invoice-panel
    .vfx-dashboard-booking-wrap
    .vfx-listing-button
    .btn:first-child {
    margin-bottom: 0;
}
.vfx-dashboard-booking-wrap .vfx-listing-button .btn:first-child {
    margin-bottom: 10px;
}
.vfx-dashboard-booking-wrap .vfx-listing-button {
    position: relative;
    right: 0;
    top: 0;
}
.vfx-dashboard-booking-wrap .vfx-listing-button a:first-child {
    margin-right: 0;
}
.db-booking-item .booking-info h6 {
    display: inline-block;
    color: #666;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 15px;
    width: 150px;
}
.vfx-dashboard-booking-wrap .vfx-property-title-box-area {
    padding: 0;
    background: transparent;
}
.vfx-dashboard-booking-wrap .vfx-property-title-box-area h4 a {
    font-size: 16px;
    font-weight: 600;
}
.vfx-dashboard-booking-wrap .vfx-property-location i {
    position: relative;
    font-size: 14px;
    margin-right: 5px;
    top: 0px;
}
.vfx-dashboard-booking-wrap .vfx-property-location p {
    font-size: 13px;
}
.vfx-dashboard-booking-wrap .vfx-contact-info .text,
.vfx-dashboard-booking-wrap .vfx-contact-info .text a {
    color: #333;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400 !important;
}
.booking_list {
    display: inline-block;
    border-radius: 5px;
    padding: 0 10px;
    z-index: -1;
}
.booking_list li {
    line-height: 1.8;
}
.booking_list li span {
    color: #777;
    z-index: 2;
    font-weight: 400;
    font-size: 14px;
}
.vfx-dashboard-booking-wrap .db-booking-item .booking-img img {
    width: 100%;
    height: 100%;
}
.book-pending,
.book-cancel,
.book-approved {
    background-color: #dc3545;
    border-radius: 50px;
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    font-style: normal;
    padding: 3px 12px 2px 12px;
    margin-left: 10px;
    position: relative;
    top: -3px;
    line-height: 1;
}
.book-approved {
    background-color: #28a745;
}
.book-pending {
    background-color: #fd7e14;
}
.book-cancel {
    background-color: #f91942;
}
ul.buttons {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    position: absolute;
    top: 30px;
    right: 30px;
}
ul.buttons li {
    display: inline-block;
    margin-right: 3px;
}
.vfx-dashboard-booking-wrap.favourite .vfx-most-view-detail {
    flex: none;
    text-align: left;
}
.vfx-dashboard-invoice-panel {
    border-radius: 3px;
    margin-bottom: 0px;
}
.vfx-dashboard-invoice-panel .panel-heading {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.vfx-dashboard-invoice-panel .panel-heading .panel-title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #232323;
}
.invoice-table {
    position: relative;
    width: 100%;
}
.vfx-dashboard-invoice-panel th {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px;
}
.vfx-dashboard-invoice-panel tr {
    transition: 0.5s;
    padding: 15px 0;
}
.vfx-dashboard-invoice-panel tbody tr:last-child {
    border-bottom: none;
}
.invoice-action {
    color: #777;
    font-size: 20px;
}
.invoice-action:first-child i {
    padding-right: 20px;
}
.dashboard-list-box {
    margin: 30px 0 0;
    margin-top: 30px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}
.dashboard-list-box h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 25px 30px;
    color: #333;
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #eaeaea;
    border-radius: 4px 4px 0 0;
}
.dashboard-list-box-static {
    padding: 30px;
    background-color: #fff;
}
.vfx-change-photo-btn-item {
    margin-bottom: 30px;
    position: relative;
}
.change-photo-btn {
    position: absolute;
    margin-top: -42px;
    cursor: pointer;
    width: 100%;
}
.vfx-change-photo-btn-item .vfx-contact-upload-btn span {
    background: rgba(127, 86, 217, 0.7);
    color: #ffffff;
    padding: 12px 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    backdrop-filter: blur(5px);
}
.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
    cursor: pointer;
}
.change-photo-btn i {
    margin-right: 2px;
}
.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}
.my-profile {
    display: block;
    padding: 30px;
}
.my-profile label {
    margin-top: 27px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 9px;
}
.vfx-profile-wrap-area .vfx-change-photo-btn-item img,
.vfx-dashboard-add-listing .vfx-change-photo-btn-item img {
    width: 100%;
}
.vfx-dashboard-add-listing .vfx-change-photo-btn-item img {
    border-radius: 4px 4px 0 0;
    width: 100%;
    max-width: 100%;
    height: 200px;
    object-fit: cover;
    background-size: cover;
    aspect-ratio: 4 / 4;
}
.vfx-dashboard-add-listing .vfx-change-photo-btn-item .vfx-contact-input-file {
    width: 100%;
    height: 42px;
}
.db-profile-info > li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}
.db-profile-info li:last-child {
    border-bottom: none;
}
.db-profile-info li h6 {
    display: table-cell;
    margin-right: 13px;
    color: #555;
    width: 120px;
    font-weight: 400;
    font-size: 14px;
}
.db-profile-info li span {
    font-size: 16px;
    color: #222;
    font-weight: 400;
    display: table-cell;
}
.db-profile-info li > ul.social-profile,
.db-profile-info li > ul.social-profile li {
    display: inline-block;
}
.db-profile-info li > ul.social-profile li {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
}
.db-profile-info li > ul.social-profile li a i {
    color: #fff;
    font-size: 18px;
    line-height: 35px;
}
.vfx-dashboard-add-list-wrap {
    margin-bottom: 20px;
}
.photo-upload .add-listing__input-file-box {
    margin-bottom: 1rem;
}
.vfx-dashboard-add-listing
    .listing-input.vfx_hero_form_area_input.vfx-custom-select-area,
.vfx-dashboard-add-listing .filter-input.nice-select {
    background: #fff;
    margin-bottom: 10px;
}
.vfx-dashboard-add-listing .filter-input {
    margin-top: 0;
}
.vfx-dashboard-add-listing .form-group {
    margin-bottom: 10px;
}
textarea.form-control {
    padding-top: 10px;
}
.vfx-dashboard-add-listing label {
    color: #484848;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
}
.vfx-dashboard-add-listing label span {
    font-size: 12px;
    padding-left: 7px;
}
.vfx-dashboard-add-listing label span a {
    color: #d8232a;
    text-decoration: underline;
}
.vfx-dashboard-add-listing .filter-checkbox label {
    color: #484848;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}
.vfx-dashboard-add-listing .form-control {
    border: 1px solid #ddd;
    font-weight: 600;
    border-radius: 4px;
    font-size: 15px;
}
.vfx-dashboard-footer-area {
    border-top: 1px solid #ddd;
    background: #f9f9f9;
    margin-top: 30px;
}
.copyright {
    padding: 20px 0;
    text-align: center;
}
.copyright p {
    font-size: 14px;
    color: #666;
    margin: 0;
}
.vfx-statistic-wrap-area {
    position: relative;
    margin-bottom: 10px;
    z-index: 1;
}
.vfx-statistic-item {
    padding: 10px 10px 10px 70px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 6px;
    text-align: left;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.12);
}
.vfx-statistic-item h2 {
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    margin-bottom: 0;
    line-height: 1.2;
}
.vfx-statistic-item .desc {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    color: #fff;
}
.vfx-statistic-item .icon {
    display: inline-block;
    position: absolute;
    margin-bottom: 0;
    left: 18px;
    top: 18px;
}
.vfx-statistic-item .icon i {
    color: #fff;
    font-size: 36px;
    line-height: 1.2;
}
.vfx-statistic-item .icon img {
    opacity: 0.6;
    max-width: 40px;
}
@media only screen and (min-width: 992px) {
    .vfx-dashboard-content-wrap-area {
        margin-left: 275px;
        padding-top: 63px;
        background: #fff;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .au-message__item-inner {
        padding: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
    }
}
@media (max-width: 1199px) {
    .vfx-popular-listing {
        margin: 0 0 20px 0;
    }
}
@media (max-width: 991px) {
    .vfx-dashboard-top-header .vfx-lg-none.sm-right {
        float: left !important;
        margin-left: 28px;
        padding-bottom: 10px;
    }
    .vfx-sidebar-menu {
        top: 0;
        right: -300px;
        left: auto;
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    }
    .vfx-sidebar-menu .logo {
        padding: 13px 0;
    }
    .vfx-header-button-item {
        margin-left: 20px;
    }
    .header-button .vfx-header-button-item:first-child {
        margin-right: 10px;
    }
    .vfx-mobile-navigation-menu .site-nav-wrap a {
        padding: 6px 5px;
    }
    .vfx-mobile-navigation-menu .site-nav-wrap .arrow-collapse {
        top: 6px;
    }
    .vfx-mobile-navigation-menu .site-nav-wrap > li > ul > li > a {
        padding: 5px 5px 5px 15px;
    }
    .vfx-sidebar-menu.show-sidebar {
        right: 0;
    }
    .header-wrap2 {
        justify-content: space-between;
    }
    .vfx-dashboard-top-header {
        left: 0;
        position: relative;
    }
    .dash-breadcrumb {
        padding: 35px 0;
    }
    .header-button .vfx-header-button-item .search-dropdown {
        top: 63px;
        right: -75px;
        transform-origin: 70% top;
    }
    .header-button .vfx-header-button-item .search-dropdown::before {
        right: 79px;
    }
    .header-button .vfx-header-button-item .vfx-notifi-dropdown {
        top: 55px;
        right: -145px;
        transform-origin: 80% top;
    }
    .header-button .vfx-header-button-item .vfx-notifi-dropdown::before {
        margin-left: 0;
        left: auto;
        right: 45px;
    }
    .vfx-dashboard-booking-wrap table td {
        min-width: 220px;
    }
    .vfx-dashboard-booking-wrap .table thead th,
    .vfx-dashboard-booking-wrap table td {
        text-align: left;
    }
    .vfx-dashboard-booking-wrap tr,
    .vfx-dashboard-booking-wrap th {
        padding: 20px 10px;
    }
}
@media (max-width: 767px) {
    .vfx-dashboard-add-listing .vfx-change-photo-btn-item img {
        height: 100%;
    }
    .container-fluid {
        padding: 0 15px;
    }
    .vfx-header-button-item span {
        font-size: 0px;
    }
    .section-title.vfx2 h2 {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .list-details-title.vfx1 {
        margin-top: 20px;
    }
    .mt-70 {
        margin-top: 58px !important;
    }
    .vfx-property-author-wrap {
        padding: 12px 10px;
    }
    .vfx-header-button-item img {
        margin-right: 0;
    }
    .vfx-dashboard-top-header .vfx-header-button-item img {
        margin-right: 6px;
    }
    .site-navbar .show-sidebar {
        top: 48px;
    }
    .copyright {
        padding: 20px 0;
    }
    .vfx-most-viewed-img a img {
        object-fit: cover;
        height: 200px;
        width: 100%;
        border-radius: 4px;
    }
    .list_general > ul > li {
        padding-left: 30px;
    }
    .list_general > ul span {
        float: right;
        display: inline-block;
    }
    .vfx-dashboard-add-listing .form-group {
        margin-bottom: 0px;
    }
    .vfx-most-viewed-item {
        display: block;
    }
    .vfx-most-view-detail {
        padding-left: 0;
        margin: 7px 0 0 0;
    }
    .vfx-most-viewed-img {
        max-width: 100%;
    }
    .review-title h5,
    .inbox-title h5,
    .vfx-act-title h5 {
        font-size: 18px;
    }
    .au-message__item-text .text {
        margin: 0;
        padding: 0;
    }
    .au-message__item-time {
        margin-top: 10px;
    }
    .vfx-listing-button {
        position: relative;
        right: auto;
        top: 0;
        transform: none;
        margin: 10px 0 0 0;
    }
    .avatar-wrap {
        float: none;
        display: inline-block;
        margin-bottom: 20px;
    }
    .au-message__item-inner {
        padding: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
        flex-direction: column;
        align-items: flex-start;
    }
    .vfx-header-button-item {
        font-size: 22px;
    }
    ul.buttons {
        position: relative;
        right: 0;
        top: 20px;
    }
    .vfx-dashboard-add-listing #datepicker-from,
    .vfx-dashboard-add-listing .filter-checkbox {
        margin-bottom: 15px;
    }
    .vfx-dashboard-add-listing label {
        margin-top: 5px;
        font-weight: 600;
        color: #333;
    }
    .vfx-dashboard-add-listing .res-box label {
        margin-top: 0;
        display: inline;
    }
    .vfx-dashboard-add-listing .filter-input,
    .vfx-dashboard-add-listing .form-control {
        margin-bottom: 12px;
    }
    .vfx-dashboard-add-listing .res-box {
        margin-top: 0 !important;
        margin-bottom: 15px;
    }
    .vfx-notification-bottom-btn a {
        font-size: 15px;
    }
    .sm-left {
        float: left !important;
    }
    .vfx-dashboard-review-item-wrap .vfx-reviewer-img img {
        min-width: 140px;
    }
}
@media (max-width: 575px) {
    .vfx-dashboard-booking-wrap .db-booking-item .booking-img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        position: relative;
        left: 0;
        top: 5px;
        margin-bottom: 20px;
    }
    .about-text h2 {
        line-height: 1.4;
        margin: 0 0 15px 0;
        font-size: 24px;
    }
    .db-booking-item {
        margin: 0 -30px 30px -30px;
        padding: 0 30px 35px 35px;
    }
    .db-booking-item .booking-info h6 {
        width: 120px;
    }
    .vfx-dashboard-review-item-wrap .vfx-reviewer-img img {
        min-width: 100px;
    }
    .vfx-dashboard-review-item-wrap a.rate-review {
        padding: 6px 10px;
        margin-right: 0;
        margin-top: 40px;
    }
    .vfx-dashboard-content-area .vfx-agent-details {
        margin-top: 20px;
    }
    .vfx-profile-wrap-area img {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .act-wrap .alert > i {
        font-size: 15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .fileupload_block #fileupload {
        float: left;
        width: 150px;
    }
    .vfx-footer-bottom-copyright-area p,
    .copyright p {
        font-size: 14px;
        font-weight: 600;
    }
    .act-wrap button.close span i {
        right: 0%;
    }
    .dash-breadcrumb-left .breadcrumb-menu ul li a,
    .dash-breadcrumb-left .breadcrumb-menu ul li {
        font-size: 14px;
    }
    .vfx-dashboard-invoice-panel th {
        font-size: 13px;
        font-weight: 600;
    }
    .vfx-dashboard-invoice-panel tr td {
        font-size: 13px;
        width: 150px;
    }
    .header-button .vfx-header-button-item:first-child {
        margin-right: 0px;
    }
    .vfx-dashboard-review-wrap .review-img img {
        margin-bottom: 10px;
    }
    .au-chat__content {
        padding: 30px 15px;
    }
    .send-mess {
        padding: 12px 15px;
    }
    .au-chat-textfield {
        padding: 10px;
    }
    .vfx-customer-content p {
        margin-top: 15px;
    }
    .vfx-customer-text {
        margin: 30px 0 0;
    }
    .vfx-customer-review {
        margin-bottom: 0;
    }
}
.g-recaptcha div {
    margin: 0 auto;
}
#contact_form .g-recaptcha div {
    margin: 0 auto 0 0;
}
#g-recaptcha-error span {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 10px;
}
.eupopup-button_1,
.eupopup-button_2 {
    color: #d8232a !important;
}
.eupopup-closebutton {
    background: #d8232a !important;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
    background: #ffffff !important;
    color: #d8232a !important;
}

.become_widget {
    background-color: #d8232a;
    padding: 40px 0;
}
.become_widget .call-to-act {
    align-items: center;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.become_widget .call-to-act-head {
    flex: 1;
}
.become_widget .call-to-act {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}
.become_widget .call-to-act h3 {
    color: #fff;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.4;
}
@media (max-width: 639px) {
    .become_widget .call-to-act {
        display: block;
        text-align: center;
    }
    .become_widget .call-to-act h3 {
        font-size: 24px;
    }
    .become_widget .call-to-act {
        font-size: 15px;
    }
    .call-to-act-head {
        margin-bottom: 15px;
    }
}
.contact-info-item ul.vfx-social-button li a i {
    background: #6a6a6a;
    width: 38px;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    margin-bottom: 0;
}
.contact-info-item ul.vfx-social-button li a:hover i {
    background: #d8232a;
    color: #ffffff !important;
}