/* START CSS */
.navbar {
    background: #fff;
    padding: 12px 15px;
    height: 85px;
    width: 100%;
    top: 0;
    -webkit-transition: box-shadow .3s ease, -webkit-box-shadow .3s ease,background .3s ease,padding .3s ease;
    -o-transition: box-shadow .3s ease, -webkit-box-shadow .3s ease,background .3s ease,padding .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease,background .3s ease,padding .3s ease;
    z-index: 999;
}

body:not(.home-page) .navbar {
    -moz-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.07);
    -webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.07);
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.07);
}

body .navbar {
    position: fixed;
}

.gray-bg .navbar:not(.fixed) {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.modal-open .navbar {
    right: 8px;
}

.modal-open .page-navbar {
    right: -17px;
    padding-right: 34px;
    width: calc(100% + 17px);
}

.navbar .logo {
    margin-top: -5px;
    display: block;
    width: 129px;
    z-index: 1;
}

.navbar .logo img {
    max-width: 100%;
    margin-top: -6px;
}

body .navbar.fixed {
    -moz-box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.07);
    -webkit-box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.07);
    box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.07);
}

@media (min-width: 920px) {
    .navbar.fixed .logo .white,body:not(.home-page) .logo .white,body.home-page .navbar:not(.fixed) .logo .dark {
        display: none;
    }
}

.navbar .toggle {
    display: none
}

.navbar .toggle-user-btn {
    position: fixed;
    height: 60px;
    text-align: center;
    width: 60px;
    line-height: 63px;
    top: 0px;
    text-decoration: none !important;
    left: 60px;
    font-size: 22px;
    color: var(--gray-base);
}

.navbar .links {
    list-style: none;
    padding: 0;
    float: right;
    margin: 4px 0 0;
}

.navbar .links > li {
    float: right;
    height: 50px;
}

.navbar .links > li > a:not(.btn-primary):not(.btn-secondary) {
    padding: 9px 22px;
    font-size: 15px;
    margin-top: 5px;
    display: block;
    font-weight: bold;
    color: var(--gray-light);
    text-decoration: none;
}

.navbar .links > li > a .ic-globe {
    font-size: 18px;
    margin-top: 1px;
    display: block;
}

.navbar .links > li > a:not(.btn-primary):hover,.navbar .links > li.active > a:not(.btn-primary) {
    color: var(--text-primary);
    background: transparent;
}

.navbar-left {
    list-style: none;
    padding: 0;
    float: left;
}

.navbar-left .links > li {
    float: right;
}

.navbar-left .links > li > .btn-primary,.navbar-left .links > li > .btn-secondary {
    padding: 8px 30px;
    font-weight: bold;
    margin-top: 6px;
    border-width: 1px;
    color: var(--gray-base);
}

.navbar .has-submenu {
    position: relative
}

.navbar .has-submenu:hover > a {
    color: var(--text-primary) !important;
}

.navbar .has-submenu>a>i:not(.icon) {
    font-size: 11px;
    float: left;
    margin: 6px 10px 0 0;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}

.navbar .has-submenu:hover > a > i:not(.icon),.navbar .has-submenu.active > a > i:not(.icon) {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.navbar .has-submenu a {
    text-decoration: none !important;
}

.navbar li > a.iconed {
    padding-right: 27px !important;
    position: relative;
}
.navbar li > a.iconed > .icon {
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 16px;
}
.navbar li > a.iconed > .ic-home-f {
    font-size: 19px;
    top: 9px;
}
.navbar li+li a.iconed {
    margin-right: 10px;
}

.navbar-left li:last-child > a.iconed {
    margin-left: 0 !important;
    padding-left: 10px;
}

.navbar .submenu {
    position: absolute;
    border-radius: 5px;
    z-index: 999;
    right: 0;
    background: #fff;
    top: 60px;
    list-style: none;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    min-width: 220px;
    border: 1px solid transparent;
    padding: 0;
    margin-right: -10px;
}

.navbar .has-submenu:hover .submenu {
    visibility: visible;
    opacity: 1;
    top: 50px;
}

.navbar .submenu .divider {
    height: 1px;
    background-color: var(--light-border);
    margin: 10px 0;
}

.navbar .submenu li:first-child {
    margin-top: 10px;
}

.navbar .submenu li:last-child {
    margin-bottom: 10px;
}

.navbar .submenu li a i {
    color: var(--gray-lighter);
    font-size: 17px;
    top: 12px;
    right: 20px;
    position: absolute;
}

.navbar .submenu li a {
    display: block;
    position: relative;
    padding: 10px 20px;
    color: var(--gray);
    font-weight: 400;
}

.navbar .submenu.iconed li a {
    padding-right: 50px;
}

.navbar .submenu li a:hover {
    background: var(--light-bg);
    color: var(--gray-dark);
}

.navbar-short {
    position: relative;
    height: 70px;
}

.navbar-short .logo {
}

/* Home Slider */
.home-slider {
    margin-top: 85px;
    background-color: var(--light-bg);
    height: 450px;
    position: relative;
    overflow: hidden;
    direction: ltr;
}

.home-slider .item {
    background-color: #c7ced2;
    height: 450px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none !important;
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-slider .item .text {
    max-width: 630px;
    position: relative;
    padding: 40px 50px 50px;
    display: inline-block;
    background: hsla(210, 82%, 23%, 0.8588235294117647);
    min-width: 40%;
}

.home-slider .item .text:before {
    position: absolute;
    width: 50%;
    content: '';
    background: var(--primary);
    height: 4px;
    display: none;
    top: 0;
    left: 0;
}

.home-slider .item .text:after {
    position: absolute;
    width: 50%;
    content: '';
    background: var(--primary);
    height: 3px;
    bottom: 0;
    right: 0;
    display: none;
}

.home-slider .item .h3 {
    font-size: 33px;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 600;
    line-height: 55px;
}

.home-slider .item .h4 {
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 45px;
}

.home-slider .item a {
    background: var(--primary);
    padding: 9px 50px;
    color: #fff;
    font-size: 20px;
    border-radius: 30px;
    width: 250px;
    text-decoration: none;
}

.home-slider .item a:hover {
    width: 270px
}

.home-slider .container {
    position: relative;
    text-align: center
}

.home-slider .arrow {
    position: absolute;
    left: 0;
    width: 50px;
    height: 80px;
    margin-top: -52px;
    text-align: center;
    color: #18162b63;
    cursor: pointer;
    font-size: 22px;
    top: 50%;
    z-index: 99;
    line-height: 90px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.home-slider .arrow:hover {
    width: 60px
}

.home-slider .arrow:hover {
    background: var(--secondary);
    color: #fff
}

.home-slider .arrow.next {
    right: 0;
    left: auto
}

/* Register Bar */
.register-bar {
    background: rgb(12,52,91);
    background: -o-linear-gradient(123deg, rgba(12,52,91,1) 43%, rgba(41,78,116,1) 100%);
    background: linear-gradient(327deg, rgba(12,52,91,1) 43%, rgba(41,78,116,1) 100%);
    color: #fff;
    padding: 25px 0;
    font-size: 18px;
}

.register-bar .tit {
    font-size: 22px;
    font-weight: bold;
}

.register-bar .btn {
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 17px;
    color: #fff;
}

.register-bar .btn:hover {
    background: #fff;
    color: var(--secondary);
}

/* Section */
.section {
    padding: 70px 0 80px;
}

.section.white {
    background-color: #fff;
}

.section.gray {
    background-color: var(--light-bg);
}

.section-categories {
    padding: 50px 0;
}

.section-title {
    font-size: 35px;
    font-weight: bold;
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.section-title span {
    background: #5c6062;
    color: #fff;
    min-width: 350px;
    display: inline-block;
    padding: 5px 0;
    font-size: 32px;
    border-radius: 0 25px 0 25px;
}


.section-btn-more {
    margin-top: 30px;
    width: 220px;
    padding: 0;
    height: 50px;
    border-width: 2px;
    line-height: 46px;
    font-size: 17px;
}

.section-about {
    background: #fff;
    min-height: 300px;
}

.section .carousel {
    position: relative;
    direction: ltr;
    min-height: 216px;
}

.section .carousel .arrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    color: var(--light-border);
    border-radius: 50%;
    width: 50px;
    font-size: 18px;
    height: 50px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    right: -60px;
    margin-top: -25px;
    z-index: 1;
    text-align: center;
    line-height: 55px;
}

.section .carousel .arrow.prev {
    left: -55px;
    right: auto;
}

.section .carousel .prev:hover {
    padding-right: 5px;
}

.section .carousel .next:hover {
    padding-left: 5px
}

.section .carousel .arrow:hover {
    background: #e6ecf1;
    color: var(--gray-lighter);
}

.carousel-loader {
    overflow: hidden;
    right: 0;
    padding: 80px 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    width: 100%;
    top: 0;
    background: #fff;
}

.section-categories .carousel-loader {
    background: #f6f9fb;
}

.slick-initialized+.carousel-loader {
    opacity: 0;
    visibility: hidden;
}

.categories-list:not(.slick-initialized) {
    height: 216px;
    overflow: hidden;
}

/* Card */
.card {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    color: var(--gray-base);
    outline: none;
    border-radius: 5px;
    text-decoration: none !important;
    position: relative;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.card.loading {
    -webkit-box-shadow: 0px 0px 0px 1px #e7eef1;
    box-shadow: 0px 0px 0px 1px #e7eef1;
}

.card:hover {
    color: var(--gray-base);
}

.card:not(.loading):hover {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.card .details {
    list-style: none;
    padding: 0;
    margin: 15px 0 10px;
}

.card .details li {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.card .details li:not(:last-child):before {
    position: absolute;
    left: -15px;
    content: '';
    background: var(--light-border);
    width: 5px;
    height: 5px;
    top: 50%;
    border-radius: 5px;
}

.card-details-iconed {
    list-style: none;
    padding: 0;
    margin: 6px 0 0;
}

.card-details-iconed > li {
    display: inline-block;
    position: relative;
    padding-right: 20px;
}

.card-details-iconed > li:not(:last-child) {
    margin-left: 15px;
}

.card-details-iconed > li > i {
    font-size: 15px;
    right: 0;
    top: 3px;
    position: absolute;
}

.card .images > span {
    margin-bottom: 0;
    height: 100%;
}

.card .images .image {
    position: relative;
    height: 100%;
}

.card:not(.loading) .images > span:after {
    content: '';
    bottom: 0;
    width: 100%;
    height: 40px;
    position: absolute;
    background: -o-linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),to(rgba(0,0,0,.3)));
    background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.3) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.card .slick-arrow {
    display: none !important;
}

.card:hover .slick-arrow {
    display: block !important;
}

.card .slick-track,.card .slick-list {
    height: 100%;
}

.card .price {
    font-size: 15px;
    font-weight: 700;
    bottom: 25px;
}

.card .per {
    color: var(--gray-lighter);
    font-size: 13px;
    margin-top: 3px;
}

.card .details li:not(:last-child):before {
    left: -15px;
}

/* Booking Card */
.card-booking {
    height: 105px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}

.card-booking:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.18) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.18) !important;
}

.card-booking .image {
    width: 12%;
    margin-bottom: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card-booking .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-height: none;
    max-width: 150px;
    min-height: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 100%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.card-booking:not(.loading) .image {
    background: #eef2f5;
}

.card-booking .caption {
    padding: 0 30px;
    width: 88%;
}

.card-booking .title {
    font-weight: bold;
    margin-bottom: 10px;
    color: var(--text-primary);
    line-height: 26px;
    font-size: 16px;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

.card-booking .loader-title {
    height: 12px;
    display: block;
}

.card-booking .loader-meta-title {
    height: 12px;
    width: 80%;
    margin-top: 15px;
    display: block;
}

.card-booking .price {
    font-size: 16px;
    margin-top: 12px;
}

/* Grid Card */
.card-grid {
    background-color: #fff;
    display: block;
    overflow: hidden;
    margin: 0 0 25px;
    outline: none;
    border: 2px solid #e19e12;
    text-decoration: none !important;
    -webkit-transition: -webkit-box-shadow .15s linear;
    transition: -webkit-box-shadow .15s linear;
    -o-transition: box-shadow .15s linear;
    transition: box-shadow .15s linear;
    transition: box-shadow .15s linear, -webkit-box-shadow .15s linear;
}

.card-grid:hover {border-color: var(--default-border);}


.card-grid span:not(.col):not(.row) {
    display: block;
}

.card-grid .image {
    height: 225px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card-grid .image {
    background-color: var(--light-bg);
}

.card-grid .image:before {
    background: #02172d24;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    z-index: 2;
    right: 0;
    top: 0;
    content: '';
}

.card-grid .image:not(.wd-loader) {
    background-image: url('/assets/site/images/loader.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--light-bg);
    border: none;
    outline: none;
    border-radius: 5px 5px 0 0;
}

.card-grid .image .label {
    position: absolute;
    z-index: 99;
    left: 20px;
    top: 20px;
    color: #fff;
    padding: 5px 20px;
    border-radius: 50px;
}

.card-grid .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    opacity: 0;
    max-height: none;
    max-width: none;
    min-height: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 100%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.card-grid .image img[src] {
    opacity: 1;
    background: #fff;
}

.card-grid .image .area {
    position:absolute;
    background: rgb(0 0 0 / 0.6);
    color: #fff;
    bottom: 0;
    right: 0;
    font-weight: bold;
    padding: 10px 15px;
    z-index: 9;
    border-radius: 20px 0 0 0;
}

.card-grid .caption {
    padding: 20px 20px;
    position: relative;
}

.card-grid .caption .title {
    font-weight: bold;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 10px;
    overflow: hidden;
    color: var(--gray-dark);
}

.card-grid:not(.loading):hover .image:before {
    opacity: 1;
}

.card-grid:hover .title {
    color: var(--primary);
}

.card-grid .price-text {
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    z-index: 9;
    border-radius: 0 20px 0 0;
}

.card-grid .card-meta {
    color: var(--gray-lighter);
    margin-top: 10px;
    font-weight: bold;
    font-size: 13px;
}

.card-grid .card-meta i {
    margin-top: 2px;
    margin-left: 8px;
}

.card-label {
    position: absolute;
    padding: 6px 25px;
    border-radius: 25px;
    left: 20px;
    font-weight: bold;
    top: 20px;
    background: var(--primary);
    z-index: 2;
    color: #fff;
}

.card-grid .actions {

}

/* Listing Card */
.card-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
}

.card-listing span {
    display: block;
}

.card-listing:hover {
    color: var(--gray-base);
}

.card-listing:hover .title {
    color: var(--primary);
}

.card-listing span {
    display: block;
}

.card-listing .images {
    width: 35%;
    position: relative;
    background: var(--light-bg);
    margin-bottom: 0;
}

.card-listing .price .cur {
    margin: 0 5px 0 10px;
    font-weight: 600;
    font-size: 18px;
}

.card-listing .caption {
    padding: 20px 20px 65px;
    width: 65%;
}

.card-listing .title {
    font-weight: bold;
    margin-bottom: 10px;
    font-family: arial;
    line-height: 26px;
    font-size: 17px;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

.card-listing .title-map {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-light);
}

.card-listing .price {
    font-size: 18px;
    bottom: 25px;
    position: absolute;
    font-weight: 600;
}

.card-listing .per {
    color: var(--gray-lighter);
    font-size: 14px;
    margin-top: 6px;
}

.card-listing .divider {
    height: 1px;
    background: var(--light-border);
    margin: 20px -20px;
    width: calc(100% + 40px);
}

.card-listing .loader-meta-title {
    height: 13px;
    margin-bottom: 15px;
    width: 50%;
}

.card-listing .loader-title {
    height: 12px;
    width: 80%;
}

.card-listing .loader-price {
    height: 15px;
    margin-top: 30px;
    width: 30%;
}

/* Category Card */
.card-category {
    background: #fff;
    padding: 40px 20px 30px;
    border-radius: 5px;
    display: block;
    margin: 25px 10px;
    font-weight: bold;
    outline: none;
    position: relative;
    text-align: center;
    font-size: 15px;
    text-decoration: none !important;
    color: var(--gray-light);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.12);
}

.card-category i {
    transition: all .3s ease;
}

@media (min-width: 920px) {
    .card-category:hover {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.18);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.18);
        color: var(--gray-base);
    }
}

.card-category:hover i {
    color: #008bb7;
}

.card-category span {
    display: block;
}

.card-category i {
    font-size: 38px;
    color: var(--primary);
}

.card-category .title {
    height: 52px;
    overflow: hidden;
    line-height: 1.8;
}

/* City Card */
.card-city {
    background: #fff;
    overflow: hidden;
    height: 165px;
    border-radius: 5px;
    display: block;
    margin: 25px 10px;
    font-weight: bold;
    outline: none;
    position: relative;
    font-size: 15px;
    text-decoration: none !important;
    color: var(--gray-light);
}

.card-city span {
    display: block;
}

.card-city .meta {
    font-size: 14px;
    line-height: 30px;
}

.card-city img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.card-city:before {
    content: '';
    background: #00000047;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    transition: all .3s ease;
    opacity: 0;
    z-index: 3;
}

.card-city:after {
    bottom: 0;
    width: 100%;
    height: 103px;
    position: absolute;
    background: linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.62) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.62) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.62) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    content: '';
    right: 0;
    z-index: 2;
}

@media (min-width: 920px) {
    .card-city:hover:before {
        opacity: 1;
    }

    .card-city .meta {
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all .3s ease;
    }

    .card-city:hover .meta {
        opacity: 1;
        height: 30px;
    }
}

.card-category span {
    display: block;
}

.card-city .caption {
    position: absolute;
    z-index: 3;
    color: #fff;
    bottom: 0;
    padding: 20px;
    right: 0;
    width: 100%;
    font-size: 18px;
}

/* Footer */
.footer {
    background: #000;
    color: #fff;
    padding: 40px 0 25px;
    border-top: 1px solid #dfe7ec;
}

.footer hr {
    border-color: #2d2d2d;
    margin: 25px 0;
}

.footer .links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .links li {
    margin: 10px 15px;
}

.footer .links li:first-child a {
    padding-top: 0;
}

.footer .links a {
    color: #fff;
    padding: 5px 0;
    font-size: 16px;
    text-decoration: none;
}

.footer .links a:hover {
    color: #d9d9d9;
}

.footer .copyright {
    color: #d0d0d0;
    margin-top: 18px;
}

.footer-logo {
    margin-bottom: 20px;
    width: 129px;
}


.footer h2 {
    font-size: 15px;
    margin-bottom: 20px;
    color: #fff;
}

.footer p {
    font-size: 14px;
    line-height: 27px;
    color: #fff;
}

.footer-bottom {
    padding: 25px 0;
    margin-top: 30px;
    color: #405b77;
    font-size: 13px;
}

.footer-bottom a {
    color: #000;
    padding: 0 10px;
    text-decoration: none
}

.footer .social a:first-child {
    margin-right: 0
}

.footer .social a {
    margin: 0 12px 0 0;
    color: #fff;
    display: inline-block;
    height: 45px;
    background: transparent;
    font-size: 18px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    text-decoration: none;
    width: 45px;
    position: relative;
}

.footer .social a i {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
}

.footer .social a:hover {
    color: #000;
    background: #fff;
}

.footer .social .tw:hover {
    background: #1da1f2;
    border-color: #1da1f2;
}

.footer .social .fb:hover {
    background: #3b5998;
    border-color: #3b5998;
}

.footer .social .snap:hover {
    background: #fffc00;
    border-color: #fffc00;
    color: #000;
}

.footer .social .insta:hover {
    background: #405de6;
    border-color: #405de6;
}

.footer-caption {
    
max-width: 450px;
    
text-align: center;
    
margin: 20px auto 30px;
    
padding: 20px 0;
    
color: #b1afaf;
    
line-height: 1.8;
    
font-size: 14px;
    
border-bottom: 1px solid #202020;
    
border-top: 1px solid #202020;
}


/* Widget loader */
@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -600px 0
    }

    100% {
        background-position: 520px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -600px 0
    }

    100% {
        background-position: 520px 0
    }
}

.animated-bg {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #edf7fb !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #edf7fb), color-stop(18%, #c7d2d8b0), color-stop(33%, #edf7fb)) !important;
    background: -o-linear-gradient(left, #edf7fb 8%, #c7d2d8b0 18%, #edf7fb 33%) !important;
    background: linear-gradient(to right, #edf7fb 8%, #c7d2d8b0 18%, #edf7fb 33%) !important;
    background-size: 1100px 104px;
    position: relative;
}

.wd-loader,.wd-dark-loader {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    position: relative;
}

.wd-loader {
    background: #f0f4f6;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f0f4f6), color-stop(18%, #e2e9ec), color-stop(33%, #f0f4f6));
    background: -o-linear-gradient(left, #f0f4f6 8%, #e2e9ec 18%, #f0f4f6 33%);
    background: linear-gradient(to right, #f0f4f6 8%, #e2e9ec 18%, #f0f4f6 33%);
    background-size: 1500px 104px;
}

.wd-dark-loader {
    background: #bac6cc;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #bac6cc), color-stop(18%, #cfd8dc), color-stop(33%, #bac6cc));
    background: -o-linear-gradient(left, #bac6cc 8%, #cfd8dc 18%, #bac6cc 33%);
    background: linear-gradient(to right, #bac6cc 8%, #cfd8dc 18%, #bac6cc 33%);
    background-size: 1500px 104px;
}

.page-container {
    margin: 120px 0 60px;
    min-height: 45%;
}

.page-navbar {
    background: #fff;
    border-bottom: 1px solid var(--default-border);
    position: fixed;
    -webkit-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease;
    width: 100%;
    left: 0;
    z-index: 999;
    top: -60px;
    right: 0;
    margin: 0;
    height: 50px;
}

.page-navbar.active {
    top: 0px;
}

.page-tabs li a {
    line-height: 50px;
    height: 50px;
    display: block;
    color: var(--gray-lighter);
    text-decoration: none;
    padding: 0 20px;
    position: relative;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.page-tabs li a:hover {
    color: var(--gray-dark);
}

.page-tabs li.active a {
    color: var(--primary);
}

.page-tabs li a:after {
    background: var(--primary);
    width: 100%;
    right: 0;
    border-radius: 5px 5px 0 0;
    height: 0px;
    content: '';
    position: absolute;
    bottom: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.page-tabs li.active a:after {
    height: 3px;
}

/* Circle Loader */
.circle-loader {
    width: 56px;
    height: 56px;
    border: 3px solid #d9e7f1;
    border-top-color: var(--primary);
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader-rotate 1s linear infinite;
    animation: loader-rotate 1s linear infinite;
    top: 50%;
    margin: 0 auto 0 auto;
}

@-webkit-keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.horizontal-loader {
    background: url(/assets/site/images/horizontal-loader.svg) no-repeat center;
    min-height: 8px;
    background-size: contain;
}

.dot-loader {
    position: relative;
    left: -9999px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    margin-right: 15px;
    background-color: var(--primary);
    color: var(--primary);
    -webkit-box-shadow: 9999px 0 0 0 var(--primary);
    box-shadow: 9999px 0 0 0 var(--primary);
    -webkit-animation: dotLoader 1s infinite linear;
    animation: dotLoader 1s infinite linear;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.dot-loader::before, .dot-loader::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-loader::before {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--primary);
    color: var(--primary);
    -webkit-animation: dotLoaderBefore 1s infinite linear;
    animation: dotLoaderBefore 1s infinite linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.dot-loader::after {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--primary);
    color: var(--primary);
    -webkit-animation: dotLoaderAfter 1s infinite linear;
    animation: dotLoaderAfter 1s infinite linear;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

@-webkit-keyframes dotLoader {
    0% {
        -webkit-box-shadow: 9999px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9999px -12px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 9999px 0 0 0 var(--primary);
        box-shadow: 9999px 0 0 0 var(--primary);
    }

    100% {
        -webkit-box-shadow: 9999px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9999px 12px 0 0 rgba(152, 128, 255, 0);
    }
}

@keyframes dotLoader {
    0% {
        -webkit-box-shadow: 9999px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9999px -12px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 9999px 0 0 0 var(--primary);
        box-shadow: 9999px 0 0 0 var(--primary);
    }

    100% {
        -webkit-box-shadow: 9999px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9999px 12px 0 0 rgba(152, 128, 255, 0);
    }
}

@-webkit-keyframes dotLoaderBefore {
    0% {
        -webkit-box-shadow: 9984px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9984px -12px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 9984px 0 0 0 var(--primary);
        box-shadow: 9984px 0 0 0 var(--primary);
    }

    100% {
        -webkit-box-shadow: 9984px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9984px 12px 0 0 rgba(152, 128, 255, 0);
    }
}

@keyframes dotLoaderBefore {
    0% {
        -webkit-box-shadow: 9984px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9984px -12px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 9984px 0 0 0 var(--primary);
        box-shadow: 9984px 0 0 0 var(--primary);
    }

    100% {
        -webkit-box-shadow: 9984px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 9984px 12px 0 0 rgba(152, 128, 255, 0);
    }
}

@-webkit-keyframes dotLoaderAfter {
    0% {
        -webkit-box-shadow: 10014px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 10014px -12px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 10014px 0 0 0 var(--primary);
        box-shadow: 10014px 0 0 0 var(--primary);
    }

    100% {
        -webkit-box-shadow: 10014px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 10014px 12px 0 0 rgba(152, 128, 255, 0);
    }
}

@keyframes dotLoaderAfter {
    0% {
        -webkit-box-shadow: 10014px -12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 10014px -12px 0 0 rgba(152, 128, 255, 0);
    }

    25%, 50%, 75% {
        -webkit-box-shadow: 10014px 0 0 0 var(--primary);
        box-shadow: 10014px 0 0 0 var(--primary);
    }

    100% {
        -webkit-box-shadow: 10014px 12px 0 0 rgba(152, 128, 255, 0);
        box-shadow: 10014px 12px 0 0 rgba(152, 128, 255, 0);
    }
}

.ui-radio label {
    display: inline-block;
    position: relative;
    padding-right: 8px;
    color: var(--gray-dark);
    cursor: pointer;
}

.ui-radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    right: 15px;
    top: 1px;
    margin-right: -16px;
    border: 1px solid #c7cace;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out
}

.ui-radio label:hover::before {
    border-color: #a7abaf
}

.ui-radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    right: 3px;
    top: 5px;
    margin-right: -15px;
    border-radius: 50%;
    background-color: var(--primary);
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(.8,-.33,.2,1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(.8,-.33,.2,1.33);
    transition: -webkit-transform 0.1s cubic-bezier(.8,-.33,.2,1.33);
    -o-transition: transform 0.1s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform 0.1s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform 0.1s cubic-bezier(.8,-.33,.2,1.33), -webkit-transform 0.1s cubic-bezier(.8,-.33,.2,1.33);
}

.ui-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    right: 0
}

.ui-radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}

.ui-radio input[type="radio"]:disabled + label {
    opacity: .65
}

.ui-radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed
}

.ui-radio.radio-inline {
    margin-top: 0;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer
}

.ui-radio.radio-lg label::before {
    width: 30px;
    height: 30px
}

.ui-radio.radio-lg label::after {
    width: 14px;
    height: 14px;
    right: 22px;
    top: 9px
}

.ui-radio.radio-lg label {
    padding-right: 38px;
    font-size: 15px;
    line-height: 31px;
    margin-bottom: 0;
    font-weight: 600
}

.page-header {
    background: var(--primary);
    color: #fff;
    padding: 10px 0;
    margin-top: -35px;
}

.page-header.dark {
    background: rgb(12,52,91);
    background: -o-linear-gradient(123deg, rgba(12,52,91,1) 43%, rgba(41,78,116,1) 100%);
    background: linear-gradient(327deg, rgba(12,52,91,1) 43%, rgba(41,78,116,1) 100%);
    margin-bottom: 50px;
    padding: 30px 0;
}

.page-header.dark .back-btn {
    font-weight: bold;
    color: #d1dde8;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none;
}

.page-header.dark .back-btn:hover {
    color: #fff;
}

.page-view-loader {
    background: url(/assets/site/images/lg-circle-loader.svg) no-repeat center;
    min-height: 200px
}

.panel {
    background: #fff;
    border-radius: 5px;
}

.panel-default {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.09);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.09);
}

.panel-links ul {
    padding: 0;
    margin: auto;
    list-style: none
}

.panel-links li {
    height: 58px;
    display: block;
}

.panel-links li a {
    height: 58px;
    display: block;
    font-size: 14px;
    padding: 18px 55px 18px 20px;
    color: var(--gray-lighter);
    text-decoration: none;
    font-weight: bold;
    position: relative;
}

.panel-links li a i {
    font-size: 17px;
    top: 50%;
    right: 22px;
    margin-top: -9px;
    position: absolute;
}

.panel-links li a:hover {
    color: #52575a;
    background: #f8f8f8;
}

.panel-links .active {
    color: var(--gray-base) !important;
    background: #fff !important;
}

.panel-links li a:before {
    width: 0;
    right: 0;
    height: calc(100% + 1px);
    background: var(--primary);
    content: '';
    position: absolute;
    top: -1px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.panel-links li a.active:before {
    width: 5px;
}

.panel-links li:not(:last-child),.panel-links li:not(:last-child) a {
    border-bottom: 1px solid #eaebf1;
}

@-webkit-keyframes panelLinksApperIn {
    0% {
        width: 8px
    }

    to {
        height: 5px
    }
}

@keyframes panelLinksApperIn {
    0% {
        width: 8px
    }

    to {
        height: 5px
    }
}

.panel-default .panel-heading {
    padding: 10px 25px
}

.panel-heading {
    border-bottom: 1px solid #eaebf1;
    padding: 15px 25px;
}

.panel-heading h1 {
    font-size: 21px;
}

.panel-footer {
    border-top: 1px solid #e1e5e8;
    padding: 25px
}

.panel-body {
    padding: 25px;
}

.panel-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.09);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.09);
    top: 110px;
}

.panel-secondary {
    -webkit-box-shadow: 0 0px 10px 0 rgba(0,0,0,.09);
    box-shadow: 0 0px 10px 0 rgba(0,0,0,.09);
    margin-bottom: 30px;
}

/* Flash Message */
flash-message {
    position: fixed;
    top: 88px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: auto;
    z-index: 9999999999999999;
    text-align: center;
}

.modal-open flash-message {
    padding-right: 17px;
}

flash-message .alert {
    padding: 12px 15px 12px 40px !important;
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
    min-width: 300px;
    font-weight: bold;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
    -ms-flex-preferred-size: 100%;
}

/* Help */
.help-icon {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 8px;
    border-radius: 50%;
    border: 1px solid var(--gray-lighter);
    color: var(--gray-lighter);
    text-align: center;
    cursor: pointer;
}

.help-icon:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* Tabs Lined */
.tabs-lined {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tabs-lined > li {
    display: inline-block;
    margin: 0 15px;
}

.tabs-lined > li > a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    padding: 8px 0;
    font-weight: bold;
    color: var(--gray-lighter);
    position: relative;
}

.tabs-lined > li > a:hover {
    color: var(--gray-base);
}

.tabs-lined > li > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0px;
    width: 100%;
    border-radius: 4px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.tabs-lined > li.active > a {
    font-weight: bold;
    color: var(--gray-base);
}

.tabs-lined > li.active a:before {
    background: var(--primary);
    height: 3px;
}

.page-container .contact-details {
    border-radius: 5px;
    padding: 28px 28px 15px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1803921568627451);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1803921568627451);
}

.page-container .contact-details a {
    display: block;
    margin-top: 10px;
    text-align: right;
    text-decoration: none;
}

.page-container .contact-details a i {
    float: right;
    margin-left: 10px!important;
    margin-top: 3px;
}

.message-sent {
    text-align: center;
    border-radius: 15px;
    padding: 50px 15px 40px
}

.message-sent i {
    display: inline-block;
    font-size: 40px;
    background: var(--primary);
    color: #fff;
    border: 2px solid var(--primary);
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    margin-bottom: 20px
}

/* Pages */
.title-style-1 {
    margin-bottom: 20px;
    font-size: 28px;
}

.title-style-1-desc {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 2;
}

.dots-list {
    font-size: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.dots-list > div {
    padding: 8px 0;
    padding-right: 30px;
    position: relative;
}

.dots-list > div:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--primary);
    position: absolute;
    right: 0;
    top: 13px;
}

.title-style-2 {
    margin-bottom: 35px;
    font-size: 23px;
    position: relative;
}

.title-style-2:before {
    width: 60px;
    height: 5px;
    border-radius: 25px;
    content: '';
    bottom: -10px;
    background: var(--gray-base);
    position: absolute;
}

.card-text {
    padding: 20px 30px 20px;
    font-size: 14px;
    background: var(--light-bg);
    line-height: 2;
    border-radius: 5px;
}

.card-text p {
    line-height: 2.2;
}

.title-style-2-desc {
    font-size: 16px;
    line-height: 2;
}

/* No Results */
.no-results {
    margin-bottom: 100px;
    font-weight: bold;
    border: 1px solid var(--light-border);
    border-radius: 5px;
    padding-bottom: 45px;
}

.no-results i {
    display: block;
    font-size: 50px;
    margin-bottom: 20px;
    padding-top: 15px;
}

/* Listing */
.listing-side {
    position: sticky;
    top: 120px;
}

.listing-price {
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 20px;
    margin-bottom: 30px;
    margin: 0 -25px 20px;
    border-bottom: 1px solid var(--light-border);
}

.listing-owner i {
    font-size: 16px;
    background: var(--light-bg);
    color: var(--gray);
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 15px auto 15px;
    display: block;
    border-radius: 50%;
    text-align: center;
}

.listing-header {
    margin-bottom: 25px;
    margin-top: 25px;
}

.listing-header h1 {
    font-size: 25px;
}

.listing-features > div {
    padding: 10px 10px;
    margin: 0;
}

.listing-features .value {
    font-weight: bold;
    font-size: 15px;
}

.listing-features .label {
    font-weight: bold;
    color: var(--gray-lighter);
}


.listing-features > div:nth-of-type(even) {
    background: var(--light-bg);
    border-radius: 5px;
}


/* Home Navbar */
@media(min-width: 991px) {
    .home-page .navbar:not(.fixed) {
        /*background: none;*/
        /*padding: 20px 0;*/
    }

    .home-page .navbar:not(.fixed) .links > li > a {
        /*color: #fff;*/
         color: #000;
    }

    .home-page .navbar:not(.fixed) .links > li > a:not(.btn-secondary):hover,.home-page .navbar:not(.fixed) .links > li:hover > a:not(.btn-secondary) {
        /*color: var(--light-bg) !important;*/
    }

    .home-page .navbar {
    }

    .home-page .navbar:not(.fixed) .navbar-left .btn-secondary {
        background: transparent;
        border-color: #000;
         /*border-color: #fff;*/
        border-width: 1px;
    }

    .home-page .navbar:not(.fixed) .navbar-left .btn-secondary:hover {
        background: #fff;
        color: var(--text-primary) !important;
    }

    .home-page .navbar:not(.fixed) .navbar-left .btn-secondary:active,.home-page .navbar:not(.fixed) .navbar-left .btn-secondary:focus {
        color: var(--text-primary) !important;
    }
}

/* Home Intro */
.home-intro {
    height: 430px;
    background-color: #000000;
    background-size: cover;
    background-position: right;
    padding-top: 150px;
}

.home-intro .btn-lg {
    font-size: 20px;
    height: 50px;
    line-height: 48px;
    border-radius: 50px;
    width: 160px;
}

.home-intro .circle-loader {
    border-color: #fff;
    border-top-color: var(--primary);
    margin-top: -15px;
}

.home-intro h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    font-size: 40px;
}

.home-search-form {
    background: #fff;
    border-radius: 50px;
    max-width: 250px;
}

.home-search-form .form-control,.home-search-form .btn {
    height: 50px;
    line-height: 54px;
}

.home-search-form .form-control {
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-radius: 0;
    padding: 5px 20px 5px;
    border-color: var(--default-border);
}

.invalid-form .home-search-form .ng-invalid {
    background: #fff6f6;
}

.home-search-form .btn {
    font-size: 22px;
    padding: 0 15px 0 20px;
}

@media (min-width: 576px) {
    .home-search-form .btn.rounded-bottom {
        border-radius: 50px 0 0 50px !important;
    }

    .home-search-form .form-control.rounded-top {
        border-radius: 0 50px 50px 0 !important;
    }
}
/* Page Search Header */
.page-search-header {
    padding: 20px 0;
    margin-top: -35px;
    margin-bottom: 40px;
    background-color: #0e1627;
}
.page-search-header .form-control {
}
/* Gallery */
.thumbnail {
    display: inline-block;
    padding: 4px 0 0;
    margin: auto;
    min-width: 168px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a>img,.thumbnail>img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.thumbnail .img {
    position: relative;
    height: 100px;
    border-bottom: 1px solid #ced4da;
    display: flex
}

.thumbnail .img-progress {
    background-color: rgba(49,60,76,.38);
    position: absolute;
    top: 0;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-self: center;
    display: none;
    height: 100%;
    width: 100%;
    color: #fff
}

.thumbnail .img-progress.active {
    display: block
}

.thumbnail .img-progress span {
    font-size: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 0;
    width: 100%
}

.thumbnail img {
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.gallery-loader {
    background-color: rgba(255,255,255,.92);
    position: absolute;
    background-image: url(../../global/images/loading_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    display: none;
    height: 100%
}

.gallery-thumbnails .slick-prev,.gallery-thumbnails .slick-next {
    color: #fff
}

.gallery-thumbnails .slick-prev,.gallery-thumbnails .slick-next {
    font-family: 'crm';
    position: absolute;
    font-size: 20px;
    color: #7d8184
}

.gallery-thumbnails .slick-prev:hover,.gallery-thumbnails .slick-next:hover {
    color: #14a4d9
}

.gallery-thumbnails .slick-prev {
    content: "\e95d";
    left: -30px
}

.gallery-thumbnails .slick-next {
    content: "\e95e";
    right: -30px
}

.gallery-thumbnails .slick-prev:before {
    content: "\e95d"
}

.gallery-thumbnails .slick-next:before {
    content: "\e95e"
}

.gallery-thumbnails .slick-disabled {
    opacity: .8
}

.gallery-thumbnails .img {
    cursor: pointer;
    border: 2px solid transparent
}

.gallery-thumbnails .img.active {
    border-color: #14a4d9
}

.gallery-box {
    cursor: move;
    margin: 5px;
    min-width: 168px
}

.thumbnail-placeholder {
    background: var(--light-bg);
    border: 2px dashed var(--default-border);
    width: 168px;
    height: 152px;
    margin: 5px;
    float: left
}
/* Contact */
.contact-detail i {
   position: absolute;
   width: 50px;
   height: 50px;
   transition: all .3s ease;
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 0 10px #e0e8ec;
   color: #000;
   text-align: center;
   line-height: 52px;
   font-size: 25px;
   right: 0;
}
.contact-detail {
    position: relative;
    padding-right: 80px;
    font-size: 20px;
    text-decoration: none !important;
}
.contact-detail .label {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
    color: var(--gray-base);
}
.contact-detail:hover i {
    border-radius: 10px;
   color:var(--primary);
}
.success-msg i {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 77px;
    border-radius: 50%;
    display: block;
    font-size: 34px;
    margin: 0 auto 20px;
    color: #23b974;
    border: 3px solid;
}

.search-heading {
    margin-bottom: 30px;
}

.search-heading .h2 {
    text-align: center;
}

.search-heading-filter {
    padding: 8px 25px;
    border-radius: 5px;
    margin-right: 20px;
    cursor: pointer;
    background: #fff;
    border-bottom: 1px solid var(--light-border);
    font-weight: bold;
}
.search-heading-filter:hover {
    color: var(--primary);
}
.search-heading-filter.active {
    color: var(--primary);
}
@media (min-width: 768px) {
    .search-heading {
        justify-content: center;
    }
    .search-heading-filter {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .search-heading {
        margin-bottom: 20px !important;
    }
    .search-heading .h2 {
        font-size: 20px !important;
    }
    .search-panel:not(.is-toggled) {
        display: none;
    }
}

/* Share Buttons */
.share-buttons a {
    border-radius: 50%;
    border: 1px solid var(--light-border);
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    display: block;
    text-decoration: none !important;
    color: var(--gray);
    font-size: 16px;
}
.share-buttons a.whatsapp {
    color: #0dc752;
    border-color: #0dc752;
}
.share-buttons a.whatsapp:hover {
    color: #fff;
    border-color: #0dc752;
    background:#0dc752;
}
.share-buttons a.twitter {
    color: #1da1f2;
    border-color: #1da1f2;
}
.share-buttons a.twitter:hover {
    color: #fff;
    border-color: #1da1f2;
    background:#1da1f2;
}
.share-buttons a.facebook {
    color: #1877f2;
    border-color: #1877f2;
}
.share-buttons a.facebook:hover {
    color: #fff;
    border-color: #1877f2;
    background:#1877f2;
}

.footer-person {
    padding: 10px;
    background: #cd8e05;
    border-radius: 20px;
}

.footer-person .name {
    font-weight: bold;
}

.footer-person .phone {
    color: #fff;
    text-decoration:none;
}
.footer-person .name,.footer-person .phone {
    font-size: 20px;
    margin: 10px;
}

.footer-above {
    border-top: 1px solid #e4e4e4;
    background: #fff;
    padding: 50px 0;
}
.footer-above .section-title {
    margin-bottom: 60px;
}
.footer-above .section-title:after {
    right: 50%;
    margin-right: -20px;
}
.map-general{
    height: 699px;
}
.link-map{
    margin: auto;
    border-radius: 19px;
    text-align: center;
    margin-top: 37px;
    font-size: 23px;
}
.icon-marker{
    font-size: 21px;
}
@media (max-width:747px) {

    .home-intro {
        height: 486px;
    }
}
@media(max-width: 576px){
    .link-map{
        margin-top: 12px;
        font-size: 15px;
    }
    .icon-marker{
        font-size: 14px;
    }
}