/* 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;

}

.buttons_tow_map{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.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;

    }

}

.multiselect-container{
	position:absolute;
	list-style-type:none;
	margin:5px 0 0 0;
	width: 100%;
	padding:10px 0;
	border: none;
	-webkit-box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
	box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
}
.multiselect-container .input-group{
	margin:5px;
}
.multiselect-container>li{
	padding:0;
	font-size: 14px;
}
.multiselect-container>li>a.multiselect-all label{
	font-weight:700;
	color: lighten($black,50%);
}
.multiselect-container>li.multiselect-group label{
	margin:0;
	padding:3px 20px 3px 20px;
	height:100%;
	font-weight:700;
}
.multiselect-container>li.multiselect-group-clickable label{
	cursor:pointer;
}
.multiselect-container>li>a{
	padding:5px 0;
	color: $black;
	display: block;
}
.multiselect-container>li>a>label{
	
	
	display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	&:before{
		content: "";
	  display: inline-block;
	  position: relative;
	  height: 20px;
	  width: 20px;
	  border: 2px solid rgba(0,0,0,.2);
	  border-radius: 4px;
	  background-color: transparent;
	  margin-right: 15px;
	  // margin-left: 10px;
	  vertical-align: middle;
	}
}

.multiselect-container>li.active>a>label:before {
  font-family:'fontAwesome';
  content: "\f00c";
  color: $white;
  background-color: $primary;
  border: 0;
  display: inline-block;
  padding: 0;
  line-height: 1.2;
  padding-left: 2px;
}
.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{
	margin:0;
}
.multiselect-container>li>a>label>input[type=checkbox]{
	// margin-bottom:5px;
	// margin-right: 10px;

	position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;	
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{
	padding:3px 20px 3px 40px;
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio]{
	margin-left:-20px;
	margin-right:0;
}

.btn-group{
	height: 52px;
	width: calc(100% - 150px);
	button{
		border-radius: 4px;
		background: $white;
		-webkit-box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
		-moz-box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
		box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
		padding: 0 10px;
		text-align: left;
		position: relative;
		&:after{
			position: absolute;
			top: 50%;
			right: 20px;
			transform: translateY(-50%);
			color: lighten($black,60%);
		}
		&:focus{
			-webkit-box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
			-moz-box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
			box-shadow: 0px 10px 23px -16px rgba(0,0,0,0.14);
			padding: 0 10px;
		}
	}
}

.sl{
	color: lighten($black,50%);
	width: 150px;
}