@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap');



.entry-content ul {margin-left: 20px;}

.entry-content ul li {
    list-style:circle !important;
}
/* .property-details-wrap ul li {
    list-style:disc !important;
    margin-left: 20px;
} */
.post-date {color:#777;}
.property-title-box h3 strong {color:#a83a11;}
.login-box h2 {font-size: 20px;}
.alert.alert-warning {display: none;}
.thongso {float:left;margin-right: 10px;}
.cart-title h1 {font-size: 30px;}
.thumbnew {height: 180px;border-radius:15px;overflow: hidden;}
.thumbnew img {width: 100%;}
.dpnone {display: none;}
.block_groups h3 a {color:#a83a11;font-size: 15px;}
.block_groups .col-sm-3 {padding-left: 12px;padding-right: 12px;margin-bottom: 20px;}
.col-6 .itemnew {background: #FFF;box-shadow: 0 0 3px rgba(0,0,0,.3);border-radius: 13px;overflow: hidden;padding: 8px;min-height: 310px;}
.noibat {}
.noibat li {position: relative;padding-left: 20px;}
.noibat li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 6 Pro";
    color: #a83a11;
}
.car-news__img,
.car-img {padding:5px;}
.dimgray {color: #888;font-size: 12px;}
.btnchuan {border-radius: 8px;color:#a83a11;border-color: #a83a11;padding: 0.2rem 0.5rem;font-size: .8em;}
.product-detail h1 {font-size: 20px;}
.ngaydang {font-weight: 300;line-height: 28px;}
.h1chuan {font-size: 31px;line-height: 63px;}
.ResultCat .col-md-3 {    flex: 0 0 33%;
    max-width: 33%;}
    .col-md-4 .ListDataItem .col-md-3 {    flex: 0 0 100%;
    max-width: 100%;}
.col-6 .itemnew img {border-radius: 10px;}
.xemthem {padding: 5px 10px;border-radius: 8px;background: #a83a11;color:#FFF;font-size: 12px;line-height: 1.2;}
.xemthem i {color: #FFF;font-size: 12px;}
.company_info a {font-size: 14px;}
.buttonp {border-radius: 8px;background: #eee;padding: 2px 10px;float: left;margin-right: 5px;}
.list-car__item {border-radius: 20px;margin: 8px 5px;border:1px solid #eee;transition: .5s;}
.list-car__item:hover {box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.item--green{background:#1ec38b}.item--orange{background:#f91}.item--blue{background:#6449e7}.item--red{background:#f91942}.db-top-header{position:fixed;z-index:99;top:0;left:275px;background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.3);right:0}.db-top-header .site-navbar-wrap.v2{height:70px;margin-left:-28px;border-bottom:none}.db-top-header .site-mobile-menu{left:0;transform:translateX(-110%)}.offcanvas-menu .site-mobile-menu{transform:translateX(0%)}.mobile-bar span{padding:0;margin-right:-5px}.db-top-header .section__content{top:50%;transform:translateY(-50%)}.sub-header-mobile-2 .header__tool .header-button-item{color:#a9b3c9}.header-button{float:right;display:inline-flex}.header-button .header-button-item{cursor:pointer}.header-button .header-button-item:first-child{padding-left:15px;margin-right:25px}.header-button .header-button-item>i{vertical-align:middle;font-size:28px;margin-top:10px}.header-button .header-button-item .search-dropdown{top:52px}.header-button .header-button-item .notifi-dropdown{top:60px;left:auto;right:-68px;transform-origin:right top}.header-button-item{position:relative;display:flex;align-items:center}.header-button-item img{width:40px;height:40px;border-radius:50%;margin-right:10px}.header-button-item span{font-weight:400;color:#999;position:relative;display:flex;align-items:center}.header-button-item span i{margin-left:5px}.has-noti>i{position:relative}.has-noti>i:after{content:'';height:8px;width:8px;background:#ff4b5a;position:absolute;border-radius:100%;top:0;right:-6px}.bg-c1{display:flex;margin-top:10px}.bg-c1 i{font-size:20px;width:40px;height:40px;border-radius:50%;line-height:40px;display:inline-block;text-align:center;margin-right:10px;color:#fff!important}.bg-c1.red i{background:#E91E63}.bg-c1.orange i{background:#f91}.bg-c1.green i{background:#1ec38b}.setting-menu{position:fixed;min-width:200px;right:-300px;top:70px;background:#fff;text-align:left;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);height:100px;transition:all .5s ease;border-top:1px solid #f5f6f7}.setting-menu .account-dropdown__item a{color:#555}.setting-menu .account-dropdown__item a:hover{color:#fff}.show-sidebar{right:0}.header-button-item{cursor:pointer}.notifi-dropdown--no-bor{border:none}.notifi-dropdown .notifi__item{cursor:pointer}.account-dropdown__item a{display:block;color:#333;padding:15px 30px;font-size:14px;font-weight:400;transition:0.5s}.account-dropdown__item a:hover{background:#2B333E;color:#fff}.account-dropdown__item a i{line-height:1;margin-right:20px;font-size:18px;vertical-align:middle;width:20px;display:inline-block;text-align:center}.account-dropdown__footer{border-top:1px solid #f2f2f2}.account-dropdown__footer a{display:block;color:#333;padding:15px 25px;font-size:14px}.account-dropdown__footer a:hover{background:#4272d7;color:#fff}.account-dropdown__footer a i{line-height:1;margin-right:20px;font-size:18px;vertical-align:middle}.notifi-dropdown,.setting-dropdown{position:absolute;z-index:9999;min-width:340px;background:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);transform:scale(0);transition:all 0.4s ease;transform-origin:left top;top:100%;left:0}.notifi__title{padding:22px;border-bottom:1px solid #f2f2f2;cursor:default}.notifi__title p{line-height:calc(29/14);font-size:14px;color:gray}.notifi__footer a{display:block;text-transform:capitalize;text-align:center;font-size:14px;color:#4272d7;padding:24px 0}.notifi__footer a:hover{color:#3868cd}.notifi-dropdown{left:-117px;top:49px}.notifi-dropdown::before{left:63px}.notifi__item{display:flex;padding:19px 22px;padding-bottom:14px;border-bottom:1px solid #f2f2f2;transition:all 0.5s ease}.notifi__item:hover{background:#f7f7f7}.notifi__item .img-cir{position:relative;margin-right:15px}.notifi__item .img-cir i{font-size:22px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notifi__item .content{width:calc(100% - 55px);text-align:left;font-size:14px}.notifi__item .content p{color:#555;line-height:1.5;padding-top:5px;margin-bottom:2px}.notifi__item .content .date{font-size:12px;color:#999}.notify-bottom a{color:#666;font-weight:400}.menu-sidebar{width:275px;position:fixed;left:0;top:0;bottom:0;background:#fff;overflow-y:auto;height:100vh;transition:all 0.5s ease;z-index:1000}.menu-sidebar .logo{text-align:center;padding:20px 0 21px 0;box-shadow:0 0 12px 0 rgba(0,0,0,.3);border-right:1px solid #ddd;border-bottom:1px solid #ddd}.menu-sidebar .logo a img{max-width:178px}.navbar-sidebar{padding:35px;padding-bottom:0}.navbar-sidebar .navbar__list li a{display:block;color:#555;font-size:16px;padding:15px 0}.navbar-sidebar .navbar__list li a i{margin-right:19px}.navbar-sidebar .navbar__list li a:hover{color:#4272d7}.navbar-sidebar .navbar__list li.active>a{color:#4272d7}.has-sub{position:relative}.navbar-mobile-sub__list{display:none;padding-left:30px;background:#fff}.header-mobile .navbar-mobile .navbar-mobile-sub__list li a{padding-left:15px}.hamburger.is-active .hamburger-box .hamburger-inner:after{transform:translate3d(0,-12px,0) rotate(-90deg)}.show-dropdown .js-dropdown{transform:scale(1)}.account-img{padding:25px 25px 10px 25px;display:flex;justify-content:center;align-items:center;flex-direction:column}.account-img img{width:100px;height:100px;border-radius:50%}.menu-sidebar__content{height:calc(100vh - 71px);border-right:1px solid #e5e5e5;position:relative;background:#f5f6f7;padding-top:25px}.menu-sidebar__content .name{text-transform:capitalize;font-weight:400;font-size:16px;margin-bottom:40px;color:#aeb7c2;text-align:center}.menu-sidebar__content>a{font-size:14px;color:#999}.menu-sidebar__content>a:hover{color:#666}.navbar-sidebar2 .navbar__list li{position:relative;cursor:pointer;transition:0.5s}.navbar-sidebar2 .navbar__list li .arrow{position:absolute;right:15px;top:0;text-align:center;vertical-align:middle;height:63px;width:63px;line-height:63px;transition:all 0.5s ease}.navbar-sidebar2 .navbar__list li .arrow.up{transform:rotate(-180deg)}.navbar-sidebar2 .navbar__list li .arrow i{font-size:16px;color:#999}.navbar-sidebar2 .navbar__list li a.active,.navbar-sidebar2 .navbar__list li:hover{color:#777;background:#fff}.navbar-sidebar2 .navbar__list li a{font-size:15px;color:#333;display:block;padding:10px 35px}.navbar-sidebar2 .navbar__list li a>i{margin-right:20px;width:20px;font-size:18px;display:inline-block;text-align:center}.navbar-sidebar2 .navbar__list li.active>a{color:#4272d7}.navbar-sidebar2 .navbar__sub-list{display:none}.navbar__sub-list.js-sub-list{background-color:#f5f6f7}.navbar__sub-list.js-sub-list li{padding-left:45px}.navbar__sub-list.js-sub-list li a{padding:8px 35px;font-size:14px}.navbar-sidebar2 .navbar__list li.has-sub>a{position:relative}.navbar-sidebar2 .navbar__list li.has-sub>a:after{position:absolute;top:23%;left:82%;content:"\f3d0";font-family:"Ionicons";font-size:18px}.inbox-num{position:absolute;top:50%;transform:translateY(-50%);right:34px;width:25px;height:25px;text-align:center;line-height:25px;font-size:13px;color:#fff;border-radius:50%}.inbox-num.active{background:#6449e7}.inbox-num.pending{background:#FFBB28}.inbox-num.expired{background:#f91942}.review-rate{width:25px;height:25px;border-radius:50%;background:#1CBBB4;color:#fff;display:inline-block;text-align:center;line-height:1.9;font-size:13px;font-weight:500}.header-wrap2{display:flex;justify-content:flex-end}.dash-bookings,.dash-review-wrap,.dash-add-listing,.recent-activity,.invoice-panel,.db-add-list-wrap,.inbox-wrap,.popular-listing{border-radius:4px}.review-title h5,.inbox-title h5,.act-title h5{color:#333;margin-bottom:0;line-height:1;font-size:22px;font-weight:400}.review-title h5 i,.inbox-title h5 i,.act-title h5 i{margin-right:10px;color:#999}.act-title{padding:30px 0}.act-desc{font-size:15px;font-weight:400}.recent-activity .act-wrap .act-desc{margin-bottom:20px}.recent-activity .act-wrap .alert:last-child{margin-bottom:0;border-bottom:none}.recent-activity .act-wrap .alert{margin-bottom:25px;background:#f5f6f7;position:relative;border-radius:0;color:#666}.recent-activity .act-wrap .alert.br-o{border-left:2px solid #f91}.recent-activity .act-wrap .alert.br-b{border-left:2px solid #6449e7}.act-wrap .alert>i{font-size:20px;background:#f1f1f1;width:40px;height:40px;border-radius:50%;line-height:40px;display:inline-block;text-align:center;margin-right:10px;position:absolute;top:0;left:0}.act-wrap li{font-size:15px;font-weight:400;line-height:1.5}.act-wrap li span.review-stat{font-weight:500;color:#333}.act-wrap button.close span i{font-size:22px;line-height:2.5}#buyers{height:400px!important;width:100%!important}.most-viewed-item{display:flex;position:relative;border-bottom:1px solid #ddd;padding-bottom:25px;margin-bottom:25px}.most-viewed-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.most-viewed-img{flex:1;max-width:120px;position:relative}.most-viewed-img a{width:100%;height:100%;display:inline-block;overflow:hidden;position:relative}.most-viewed-img a img{object-fit:cover;height:100%;width:100%;border-radius:4px}.most-viewed-img .feature_text{top:3px;right:3px;z-index:10}.most-viewed-detail h3{font-size:20px;position:relative;font-weight:500;margin-bottom:5px;line-height:1.2}.most-viewed-detail span{font-size:15px;font-weight:300;display:inline-block}.most-viewed-detail .list-address i{margin-right:5px}.most-viewed-detail{flex:1;padding-left:25px}.most-viewed-detail .trend-open{padding:5px 0;line-height:1}.most-viewed-detail .category .list-bg{width:25px;height:25px;color:#fff;text-align:center;border-radius:50%;margin-right:10px}.list-bg.violate{background:#909}.list-bg.red{background:#FF8580}.list-bg.aqua{background:#1CBBB4}.most-viewed-detail .category span i{font-size:14px}.most-viewed-detail .ratings,.most-viewed-detail .views{display:inline-block;margin-top:5px}.most-viewed-detail .views{padding-left:20px;position:relative}.most-viewed-detail .views:before{position:absolute;top:0;left:10%;content:"|"}.most-viewed-detail .views span{font-weight:500}.most-viewed-detail .ratings i{color:#FFB52D}.most-viewed-detail a.category{color:#777;font-weight:400}.most-viewed-item .listing-button .btn.v2{margin-right:10px}.listing-button{position:absolute;right:30px;top:50%}.listing-button .btn.v3{padding:5px 15px;font-weight:400;background:transparent;border:1px solid #6449e7;color:#6449e7!important;transition:0.5s}.listing-button .btn.v3:hover{background:#6449e7;color:#fff!important;border:1px solid transparent}.listing-button a:first-child{margin-right:10px}.listing-button .btn.v4{padding:5px 15px;font-weight:400;background:#6449e7;border:1px solid transparent;color:#fff!important;transition:0.5s}.listing-button .btn.v4 i{margin-right:8px}.listing-button .btn.v4:hover{background:transparent;color:#6449e7!important;border:1px solid #6449e7}.listing-button .btn.v4:hover i{color:#6449e7}.dash-review-wrap .single-review-item{border-top:none;border-left:none;border-right:none;box-shadow:none;padding:0 0 30px 0;border-bottom:1px solid #ddd;margin-bottom:30px}.db-review-item-wrap .customer-review{margin-bottom:10px}.db-review-item-wrap .single-review-item:last-child{border-bottom:none!important;margin-bottom:0;padding-bottom:0}.dash-review-wrap .single-review-item .customer-review_wrap{border-bottom:none;padding:0}.dash-review-wrap .single-review-item .customer-review_wrap .review-img{margin-top:20px}.dash-review-wrap .single-review-item .customer-review_wrap .list-ratings i{color:#FFB52D;font-size:16px}.dash-review-wrap .single-review-item .review-item__description{margin-top:10px}.dash-review-wrap .single-review-item .review-header{margin-bottom:0}.dash-review-wrap .single-review-item .review-header .review-item__content{margin:5px 0 0 0}#reply-review .modal-content{padding:0}#reply-review .modal-header{padding:35px}#reply-review .modal-dialog{max-width:600px}#reply-review .modal-body{padding:35px}#reply-review .modal-body textarea{border-radius:5px;border:1px solid #d9d9d9;width:100%}#reply-review .modal-header .close span{background:#ddd;border-radius:50%;width:35px;height:35px;display:inline-block}#reply-review .modal-header .close span i{font-size:30px;line-height:36px}.db-review-item-wrap .review-item__image{border-radius:5px;height:100px;width:120px}.db-review-item-wrap .review-item__post-title{font-size:18px;margin-bottom:0;line-height:1.2}.db-review-item-wrap .list-ratings{line-height:1}.db-review-item-wrap .review-item__date{margin:12px 0 0}.db-review-item-wrap .customer-content p{margin:10px 0}.inbox-title{padding:0 30px}.au-inbox-wrap.show-chat-box{transform:translateX(-50%)}.au-inbox-wrap{display:flex;width:200%;transition:all 0.5s ease}.au-chat{width:50%;padding:30px;background:#fff}.au-chat__title{border-bottom:1px solid #f2f2f2}.au-chat-info{display:flex;align-items:center;padding:12px 40px}.au-chat-info .avatar-wrap{float:none;display:inline-block;margin-bottom:0}.avatar-wrap{position:relative;float:left}.avatar--small{height:50px;width:50px}.avatar{height:60px;width:60px;border-radius:100%;overflow:hidden}.online .avatar::after{background:#63c76a}.avatar::after{content:'';display:block;height:15px;width:15px;background:#ccc;border:2px solid #fff;border-radius:100%;position:absolute;bottom:0;right:0}.au-chat-info .nick{margin-left:15px}.au-chat-info .nick a{font-weight:600;font-size:16px;color:#333}.au-chat-info .nick a:hover{color:#666}.au-chat__content{overflow:auto;padding:30px 40px;padding-bottom:30px;padding-bottom:0;position:relative}.recei-mess-wrap{text-align:center;position:relative}.recei-mess__inner{display:flex;margin-top:6px}.recei-mess__inner .avatar--tiny{align-self:flex-end;justify-self:flex-start;margin-right:10px}.recei-mess-list{width:calc(100% - 42px)}.recei-mess{background:#f2f2f2;border-radius:8px;padding:12px 25px;max-width:390px;margin-bottom:2px;text-align:left}.recei-mess-list .recei-mess:last-child{margin-bottom:0}.send-mess-wrap{text-align:center;margin-top:20px;position:relative}.send-mess__inner{margin-top:6px;display:flex;justify-content:flex-end}.send-mess{background:#6449e7;color:#fff;border-radius:8px;padding:12px 25px;max-width:390px;margin-bottom:4px;text-align:left}.au-chat-textfield{padding:40px}.au-form-icon{position:relative}.au-form-icon .au-input{padding-right:80px;margin-bottom:25px}.au-input--h65{line-height:63px;font-size:16px;color:gray}.au-input--full{width:100%}.au-input{line-height:43px;border:1px solid #e5e5e5;font-size:14px;color:#666;padding:0 17px;padding-right:17px;border-radius:3px;transition:all 0.5s ease}.au-input-icon{position:absolute;top:1px;right:12px;text-align:center;display:block}.au-input-icon i{font-size:20px;color:#999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.au-message{width:48.5%;background:#fff}.au-message p{color:gray}.au-message__footer{text-align:center;padding-top:15px}.au-message-list{height:auto;position:relative;padding:0 30px 30px 0}.au-message__noti{padding:25px 15px;padding-left:40px;padding-bottom:22px;border-bottom:1px solid #f2f2f2}.au-message__noti p{font-size:14px}.au-message__noti p span{font-weight:600}.au-message__item{border-bottom:1px solid #f2f2f2;cursor:pointer;transition:all 0.5s ease;padding-bottom:15px;margin-bottom:20px}.au-message-list .au-message__item:last-child{margin-bottom:0}.au-message__item.unread h5.name{position:relative;display:inline-block}.au-message__item.unread h5.name:after{position:absolute;content:"New";top:0;right:-50px;background:#f91;padding:0 5px;color:#fff;font-size:13px;border-radius:5px}.au-message__item-inner{display:flex;justify-content:space-between;align-items:center}.au-message__item-time{margin-top:26px}.au-message__item-time span{font-size:14px;color:gray}.au-message__item-text .text{margin-left:60px;padding:7px 0;padding-left:23px}.au-message__item-text .text .name{font-size:16px;font-weight:600;color:#666;margin-bottom:2px}.au-message__item-text .text p{color:gray}.avatar--tiny{height:32px;width:32px}.avatar--tiny::after{display:none}.au-message__item.unread .au-message__item-text .text .name{color:#333}.au-message__item.unread .au-message__item-text .text p{color:#333}.au-chat--border .au-chat__title{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}.au-chat--border .au-chat__content{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}.au-chat--border .au-chat-textfield{border:1px solid #e5e5e5;border-top:none}.au-chat-info{display:flex;align-items:center}.au-chat__content2 .recei-mess{max-width:240px;border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:15px;border-bottom-right-radius:15px}.au-chat__content2 .send-mess{max-width:240px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:15px;border-bottom-left-radius:15px}.db-booking-wrap tr{color:#333;padding:20px 0;border-bottom:1px solid #ddd}.db-booking-wrap tr:last-child{border-bottom:none}.db-booking-wrap .table thead th{border-bottom:1px solid #ddd}.db-booking-item{margin:0 -30px 30px -30px;position:relative;padding:0 30px 35px 140px;border-bottom:1px solid #ddd}.db-booking-wrap table td{text-transform:capitalize}.db-booking-wrap.table-content .property-location{display:block}.db-booking-wrap .db-booking-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:5px}.db-booking-wrap .db-booking-item .booking-img{width:80px;height:80px;border-radius:5px;overflow:hidden;position:absolute;left:35px;top:5px}.db-booking-wrap .listing-button .btn{display:block}.db-booking-wrap .listing-button .btn:first-child{margin-bottom:10px}.db-booking-wrap .listing-button{position:relative;right:0;top:0}.db-booking-wrap .listing-button a:first-child{margin-right:0}.db-booking-item .booking-info h6{display:inline-block;color:#666;margin-bottom:5px;text-transform:capitalize;font-size:15px;width:150px}.db-booking-wrap .property-title-box{padding:0;background:transparent}.db-booking-wrap .property-title-box h4 a{font-size:16px;font-weight:400}.db-booking-wrap .property-location i{position:relative;font-size:14px;margin-right:5px;top:2px}.db-booking-wrap .property-location p{font-size:12px}.db-booking-wrap .contact-info .text,.db-booking-wrap .contact-info .text a{color:#333;font-size:14px;line-height:1.2;font-weight:400!important}.booking_list{display:inline-block;border-radius:5px;padding:0 10px;z-index:-1}.booking_list li{line-height:1.8}.booking_list li span{color:#777;z-index:2;font-weight:400;font-size:14px}.db-booking-wrap .db-booking-item .booking-img img{width:100%;height:100%}.book-pending,.book-cancel,.book-approved{background-color:#dc3545;border-radius:50px;font-size:12px;font-size:.75rem;color:#fff;font-style:normal;padding:3px 12px 2px 12px;margin-left:10px;position:relative;top:-3px;line-height:1}.book-approved{background-color:#28a745}.book-pending{background-color:#fd7e14}.book-cancel{background-color:#f91942}ul.buttons{list-style:none;margin:0 0 30px 0;padding:0;position:absolute;top:30px;right:30px}ul.buttons li{display:inline-block;margin-right:3px}.db-booking-wrap.favourite .most-viewed-detail{flex:none;text-align:left}.invoice-panel{border-radius:3px;margin-bottom:30px}.invoice-panel .panel-heading{padding-top:20px;padding-bottom:20px;position:relative}.invoice-panel .panel-heading .panel-title{margin:0;font-size:18px;font-weight:500;color:#232323}.invoice-table{position:relative;width:100%}.invoice-panel th{font-size:15px;font-weight:500;padding-bottom:15px}.invoice-panel tr td{padding:20px 0}.invoice-panel tr{transition:0.5s;padding:15px 0}.invoice-panel tbody tr:last-child{border-bottom:none}.invoice-action{color:#777;font-size:20px}.invoice-action:first-child i{padding-right:20px}.dashboard-list-box{margin:30px 0 0;margin-top:30px;box-shadow:0 0 12px 0 rgba(0,0,0,.06);border-radius:4px}.dashboard-list-box h4{font-size:16px;font-weight:600;margin:0;padding:25px 30px;color:#333;background-color:#fff;display:block;border-bottom:1px solid #eaeaea;border-radius:4px 4px 0 0}.dashboard-list-box-static{padding:30px;background-color:#fff}.edit-profile-photo{margin-bottom:100px;position:relative}.change-photo-btn{position:absolute;left:50%;transform:translateX(-50%);margin-top:20px;cursor:pointer}.edit-profile-photo .contact-form__upload-btn span{padding:9px 20px;cursor:pointer}.photoUpload{position:relative;overflow:hidden;padding:3px 12px;cursor:pointer}.change-photo-btn i{margin-right:2px}.photoUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;cursor:pointer;opacity:0}.my-profile{display:block;padding:30px}.my-profile label{margin-top:27px;font-size:15px;font-weight:600;color:#333;margin-bottom:9px}.profile-wrap .edit-profile-photo img,.db-add-listing .edit-profile-photo img{width:100%}.db-add-listing .edit-profile-photo .contact-form__input-file{width:128px}.db-profile-info>li{border-bottom:1px solid #ddd;margin-bottom:10px;display:table;width:100%}.db-profile-info li:last-child{border-bottom:none}.db-profile-info li h6{display:table-cell;margin-right:13px;color:#555;width:120px;font-weight:400;font-size:14px}.db-profile-info li span{font-size:16px;color:#222;font-weight:400;display:table-cell}.db-profile-info li>ul.social-profile,.db-profile-info li>ul.social-profile li{display:inline-block}.db-profile-info li>ul.social-profile li{width:35px;height:35px;border-radius:50%;text-align:center;margin-right:5px}.db-profile-info li>ul.social-profile li a i{color:#fff;font-size:18px;line-height:35px}.db-add-list-wrap{margin-bottom:30px}.db-add-listing .listing-input.hero__form-input.custom-select,.db-add-listing .filter-input.nice-select{background:#fff}.db-add-listing .filter-input{margin-top:0}.db-add-listing .form-group{margin-bottom:1.8rem}.db-add-listing label,.db-add-listing label.fix_spacing{color:#333;font-weight:500;font-size:16px}.db-add-listing .form-control{font-weight:300}.dash-footer{border-top:1px solid #ddd;background:#f9f9f9;margin-top:55px}.copyright{padding:35px 0;text-align:center}.copyright p{font-size:14px;color:#666;line-height:calc(24/14)}.statistic-wrap{position:relative;margin-bottom:25px;z-index:1}.statistic__item{padding:30px;position:relative;min-height:130px;overflow:hidden;margin-bottom:40px;border-radius:5px;box-shadow:0 1px 15px rgba(0,0,0,.12)}.statistic__item h2{font-weight:500;color:#fff;font-size:35px;margin-bottom:0;line-height:1.2}.statistic__item .desc{font-size:14px;text-transform:capitalize;font-weight:400;color:#fff}.statistic__item .icon{display:inline-block;position:absolute;top: 0;right: 8px;color: #fff;font-size: 35px;}.statistic__item .icon img{opacity:.6;max-width:40px}@media only screen and (min-width:992px){.dash-content-wrap{margin-left:275px;padding-top:80px;background:#fff}}@media (min-width:992px) and (max-width:1199px){.statistic__item{padding:30px}.statistic__item h2{font-size:35px}.statistic__item .desc{font-size:20px}.au-message__item-inner{padding:15px;padding-right:10px;padding-bottom:15px}}@media (max-width:1199px){.popular-listing{margin:50px 0}}
@media (max-width:991px){
    .db-top-header .d-lg-none.sm-right{float:left!important;margin-left:28px;padding-bottom:10px}.menu-sidebar{top:0;right:-300px;left:auto;box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}.menu-sidebar.show-sidebar{right:0}.header-wrap2{justify-content:space-between}.db-top-header{left:0;position:relative}.dash-breadcrumb{padding:35px 0}.header-button .header-button-item .search-dropdown{top:63px;right:-75px;transform-origin:70% top}.header-button .header-button-item .search-dropdown::before{right:79px}.header-button .header-button-item .notifi-dropdown{top:55px;right:-145px;transform-origin:80% top}.header-button .header-button-item .notifi-dropdown::before{margin-left:0;left:auto;right:45px}.dash-bookings,.dash-review-wrap,.dash-add-listing,.recent-activity,.invoice-panel,.db-add-list-wrap,.inbox-wrap,.popular-listing{margin-bottom:50px}.db-booking-wrap table td{min-width:220px}.db-booking-wrap .table thead th,.db-booking-wrap table td{text-align:left}.db-booking-wrap tr,.db-booking-wrap th{padding:20px 10px}}@media (max-width:767px){.container-fluid{padding:0 15px}.header-button-item span{font-size:15px}.list_general>ul>li{padding-left:30px}.list_general>ul span{float:right;display:inline-block}.most-viewed-item{display:block}.most-viewed-detail{padding-left:0;margin:15px 0 0 0}.most-viewed-img{max-width:100%}.au-message__item-text .text{margin:0;padding:0}.au-message__item-time{margin-top:10px}.listing-button{position:relative;right:auto;top:0;transform:none;margin:10px 0 0 0}.avatar-wrap{float:none;display:inline-block;margin-bottom:20px}.au-message__item-inner{padding:15px;padding-right:10px;padding-bottom:15px;flex-direction:column;align-items:flex-start}.header-button-item{font-size:22px}ul.buttons{position:relative;right:0;top:20px}.db-add-listing label{margin-top:15px;font-weight:500;color:#333}.db-add-listing .filter-input{margin-bottom:15px}.notify-bottom a{font-size:15px}.sm-left{float:left!important}.db-review-item-wrap .reviewer-img img{min-width:140px}}@media (max-width:575px){.db-booking-wrap .db-booking-item .booking-img{width:100%;height:100%;border-radius:5px;position:relative;left:0;top:5px;margin-bottom:20px}.db-booking-item{margin:0 -30px 30px -30px;padding:0 30px 35px 35px}.db-booking-item .booking-info h6{width:120px}.db-review-item-wrap .reviewer-img img{min-width:100px}.db-review-item-wrap a.rate-review{padding:6px 10px;margin-right:0;margin-top:40px}.dash-content .agent-details{margin-top:20px}.profile-wrap img{width:100%}}@media (max-width:480px){.act-wrap .alert>i{font-size:15px;width:30px;height:30px;line-height:30px}.recent-activity .act-wrap .alert{padding:0 15px 25px 40px}.act-wrap button.close span i{right:0%}.dash-breadcrumb-left .breadcrumb-menu ul li a,.dash-breadcrumb-left .breadcrumb-menu ul li{font-size:14px}.invoice-panel th{font-size:12px;font-weight:500}.invoice-panel tr td{font-size:13px;width:150px}.header-button .header-button-item:first-child{margin-right:15px}.dash-review-wrap .review-img img{margin-bottom:10px}.au-chat__content{padding:30px 15px}.send-mess{padding:12px 15px}.au-chat-textfield{padding:10px}.customer-content p{margin-top:15px}.customer-text{margin:30px 0 0}.customer-review{margin-bottom:0}}
/*-----------------------------------------------------------
            General Styles 
-------------------------------------------------------------*/
:root {
    --body-font: 'Roboto', sans-serif;
    --heading-font: 'Inter', sans-serif;
    --theme-color: #a83a11;
    --theme-bg-light: #F9F9F9;
    --body-text-color: #757F95;
    --color-white: #ffffff;
    --color-dark: #111111;
    --color-green: #11B76B;
    --color-blue: #0049D0;
    --color-yellow: #FBA707;
    --hero-overlay-color: #01060F;
    --slider-arrow-bg: rgba(255, 255, 255, 0.2);
    --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
    --transition: all .5s ease-in-out;
    --transition2: all .3s ease-in-out;
    --border-info-color: rgba(0, 0, 0, 0.08);
    --border-info-color2: rgba(0, 0, 0, 0.05);
    --border-white-color: rgba(255, 255, 255, 0.08);
    --border-white-color2: rgba(255, 255, 255, 0.05);
    --footer-bg: #111111;
    --footer-bg2: #181818;
    --footer-text-color: #F5FAFF
}

.box-common {
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 16px;
    width: 100%;
    margin-bottom: 16px;
    background: #f5f6f7;
}
.box-common .box-title {
    padding: 10px 0;
    box-shadow: inset 0 -1px 0 #ebedf0;
    font-weight: 500;
    color: #2c2f36;
}
.box-common .box-content {
    padding: 12px 0;
    position: relative;
}
.box-content ul.icon li::before {
  left: 5px;
    font-size: 10px !important;
    line-height: 19px;
}
.box-content ul.icon li a {
  margin-left: 17px;
}
.post-block-style .post-thumb {border-radius: 20px;overflow: hidden;}
.col-md-3 .post-block-style h3 {font-size: 15px;}
.fass {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mobile h3 {
  font-size: 16px;
}
.card-heading {
    background: #a83a11;
    color: #fff;
        border-top-left-radius: .25em;
    border-top-right-radius: .25em;
    /* padding: 5px; */
}
.card-heading .widget-title{
  
    color: #fff;
    margin: 5px;
    line-height: 30px;
}
.price_mobile {
    color: #ff0000;
    font-weight: 600;
    /* margin-left: 10px; */
}
.loader {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loader div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #a83a11;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.loader div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.loader div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.loader div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.CustomItems .property-item {
  border-radius: 10px;
      height: 220px;
    overflow: hidden;
}
dl,
dt,
dd,
ol,
ul,
li {
    margin: 0;
    padding: 0;
}

a {
    color: #222222;
    text-decoration: none;
    position: relative;
}
.box-shadow {
  
  box-shadow: 0 2px 8px rgba(3,44,71,.12);
}
a:focus,
a:hover {
    color: #888;
    text-decoration: none;
    outline: none;

}

:focus {
    outline: none;
}
.radius10 {border-radius: 10px;}
.radius12 {border-radius: 12px;}
.radius20 {border-radius: 20px;}
.marb12 {margin-bottom: 12px;}
img {
    max-width: 100%;
    height: auto;
}
.thongso img.icon {
    width: 14px;
    position: relative;
    margin-top: -4px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: .025em;
}

.form-control {
    border-radius: 0
}

.form-control:focus {
    border-color: #888;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.no-pad-left {
    padding-left: 0 !important;
}

.no-pad-right {
    padding-right: 0 !important;
}



.no-pad-top {
    padding-top: 0 !important;
}

.no-pad-bot {
    padding-bottom: 0 !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-15 {
    padding-bottom: 15px !important;

}

.pb-60 {
    padding-bottom: 60px !important;

}

.pb-110 {
    padding-bottom: 110px !important;

}

.pb-120 {
    padding-bottom: 120px !important;

}

.pb-130 {
    padding-bottom: 130px !important;

}

.no-pad-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-110 {
    padding-top: 110px !important;
}

.pt-120 {
    padding-top: 120px !important;
}

.pt-130 {
    padding-top: 130px !important;
}

.pt-140 {
    padding-top: 140px !important;
}

.pt-150 {
    padding-top: 150px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-110 {
    padding-bottom: 110px !important;
}

.pb-115 {
    padding-bottom: 115px !important;
}

.pb-105 {
    padding-bottom: 105px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.py-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
}

.py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

.py-130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.mar-0 {
    margin: 0 !important;
}


.pad-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pad-lr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-65 {
    margin-top: 65px !important;
}

.mt-70 {
    margin-top: 66px !important;
}

.mt-75 {
    margin-top: 75px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-85 {
    margin-top: 85px !important;
}

.mt-90 {
    margin-top: 95px !important;
}

.mt-95 {
    margin-top: 95px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-105 {
    margin-top: 105px !important;
}

.mt-115 {
    margin-top: 115px !important;
}

.mt-110 {
    margin-top: 110px !important;
}

.mt-120 {
    margin-top: 120px !important;
}

.mt-125 {
    margin-top: 125px !important;
}

.mt-145 {
    margin-top: 145px !important;
}

.mt-150 {
    margin-top: 150px !important;
}

.mt-160 {
    margin-top: 160px !important;
}

.mt-170 {
    margin-top: 170px !important;
}

.mt-180 {
    margin-top: 180px !important;
}

.mt-185 {
    margin-top: 185px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-110 {
    margin-top: 110px !important;
}

.mt-120 {
    margin-top: 120px !important;
}

.mt-130 {
    margin-top: 130px !important;
}

.mt-135 {
    margin-top: 135px !important;
}

.mt-140 {
    margin-top: 140px !important;
}


.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-95 {
    margin-bottom: 95px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-110 {
    margin-bottom: 110px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.mb-27 {
    margin-bottom: 27px !important;
}

.mb-145 {
    margin-bottom: 145px !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.my-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
}

.my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
}

.my-130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}


.white-text {
    color: #FFF !important;
}

.dark-text {
    color: #141414;
}

.grey-bg {
    background-color: #F8F8F8
}

.dark-bg {
    background-color: #202020
}

.text-grey {
    color: #888;
}

.no-border {
    border: none !important;
}

.section-padding {
    padding: 280px 0 90px;
}


.container-fluid {
    padding: 0 30px;
}

/*
.property-place {
    padding-bottom: 60px;
}
*/

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

.overlay {
  
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.overlay.green {
    background-color: #a83a11;
}

.overlay.black {
    background-color: #303441;
}

.op-1 {
    opacity: 0.1;
}

.op-2 {
    opacity: 0.2;
}

.op-3 {
    opacity: 0.3;
}

.op-4 {
    opacity: 0.4;
}

.op-5 {
    opacity: 0.5;
}

.op-6 {
    opacity: 0.6;
}

.op-7 {
    opacity: 0.7;
}

.op-8 {
    opacity: 0.8;
}

.op-9 {
    opacity: 0.9;
}


/*-----------------------------------------------------------
                    Typography 
-------------------------------------------------------------*/

body {
   /* color: #888;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 300;
    overflow-x: hidden !important;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 20px;color:#a83a11;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

.sm-heading,
.xsm-heading {
    color: #141414;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.xsm-heading {
    font-size: 12px;
}

.light {
    font-weight: 300
}

.regular {
    font-weight: 400
}

.semibold {
    font-weight: 600
}

.bold {
    font-weight: 700
}

.black {
    font-weight: 900
}

p {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0;
}


li {
    list-style: none !important;

}

ul.list-inline li {
    display: inline-block;
}

.section-title.v1 {
    text-align: center;
}

.section-title.v2 {
    text-align: left;
}

.section-title.v3 p,
.section-title.v2 p,
.section-title.v1 p {
    font-size: 16px;
    color: #a83a11;
}

.section-title h2 {
    font-size: 30px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    line-height: 1;
}
.img-radius {
    display: block;
    width: 100%;
    border-radius: 6px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.section-title.v1 h2 {
    color: #222222;
    line-height: 1.4;
    text-transform: capitalize;
}

.section-title.v2 h2 {
    margin-bottom: 10px;
    position: relative;
    font-size: 30px;
    text-transform: capitalize;
}

.contact-section.v1 .section-title.v2 h2 {
    margin-bottom: 0;
    line-height: 1;
}


.section-title.v3 h2 {
    margin-bottom: 25px;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.3;
}

.section-title.v3 p {
    margin-bottom: 8px;
    line-height: 1;
    font-size: 16px;
}

/*-----------------------------------------------------------
                Buttons & Links
-------------------------------------------------------------*/
.link-hov.style1 {
    color: #fff;
    transition: 0.5s;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}

.link-hov.style1:before {
    position: absolute;
    top: 105%;
    left: 0;
    width: 0%;
    height: 1px;
    content: "";
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;

}

.link-hov.style1:hover {
    color: #fff;
}

.link-hov.style1:hover:before {
    visibility: visible;
    width: 100%;
    opacity: 1;

}

.link-hov.style1.text-white:before {

    background: #fff;


}

.link-hov.style1.text-white:hover:before {
    visibility: visible;
    width: 100%;
    opacity: 1;

}

.link-hov.style2 {
    color: #555;
    transition: 0.5s;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}

.link-hov.style2:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0%;
    height: 1px;
    content: "";
    background: #555;
    visibility: hidden;
    opacity: 0;
    width: 0;
    transition: 0.4s;

}

.link-hov.style2:hover {
    color: #000;
}

.link-hov.style2:hover:before {
    visibility: visible;
    opacity: 1;
    width: 100%;

}

.link-hov.style3 {
    color: #888;
    transition: 0.5s;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}

.link-hov.style3:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0%;
    height: 2px;
    content: "";
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;

}

.link-hov.style3:hover {
    color: #141414;
}

.link-hov.style3:hover:before {
    visibility: visible;
    width: 100%;
    opacity: 1;

}


.round-bg {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.round-bg i {
    font-size: 16px;
}

.round-bg.green {
    background-color: #0BF389;
    color: #fff;
}

.round-bg.pink {
    background-color: #FFAE00;
    color: #fff;
}

.round-bg.red {
    background-color: #FF6D6D;
    color: #fff;
}

.round-bg.transparent {
    border: 1px solid #ddd;

}

.slider-btn.v1 {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 3px 6px rgba(44, 44, 44, 0.1);
    text-align: center;
}

.slider-btn.v1 i {
    color: #fff;
    line-height: 37px;
    font-size: 17px;
}

.slider-btn.v2 {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 999;
    background: #fff;
    color: #333;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.slider-btn.v2 i,
.slider-btn.v2 i {
    line-height: 50px;
    font-size: 18px;
}

.slider-btn.v3 {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 6px rgba(44, 44, 44, 0.1);
    text-align: center;
}

.slider-btn.v3 i {
    color: #333;
    line-height: 36px;
    font-size: 15px;
}


.slider-btn.v4 i {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.btn:focus {
    box-shadow: none !important;
}
.btn.v10.active {
  background: #555;
}
.btn.v10 {
    background: #a83a11;
    padding: 7px 12px;
    border-radius: 15px;
    border: 1px solid #a83a11;
    color: #ffffff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.btn.v10:hover {
    background: #555;
    color: #a83a11 !important;
    border: 1px solid #a83a11;
}
.btn.v1 {
    background: transparent;
    padding: 6px 12px;
    border-radius: 15px;
    border: 1px solid #a83a11;
    color: #a83a11 !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}

.btn.v1 i {
    margin-right: 8px;
}

.btn.v1:hover {
    background: #a83a11;
    color: #fff !important;
    border: 1px solid transparent;
}

.btn.v2 {
    background: #BDC1CA;
    padding: 5px 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    transition: 0.5s;
}

.btn.v2:hover {
    background: transparent;
    border: 1px solid #ddd;
}

.btn.v2:hover i {
    color: #888;
}

.btn.v3 {
    background: #a83a11;
    padding: 9px 15px;
    border-radius: 3px;
    border: 1px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}

.btn.v3 i {
    margin-right: 8px;
}

.btn.v3:hover {
    background: #fff;
    color: #a83a11 !important;
    border: 1px solid #a83a11;
}

.btn.v4 {
    background: transparent;
    padding: 5px 14px;
    border-radius: 3px;
    border: 0.5px solid #ddd;
    color: #ddd !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    transition: 0.5s;
}

.btn.v4:hover {
    background: #f5f6f7;
    border: 1px solid transparent;
}

.btn.v4:hover i {
    color: #888;
}

.btn.v5 {
    padding: 3px 7px;
    border-radius: 2px;
    font-size: 10px;
    letter-spacing: 1px;
    transition: 0.5s;
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 500;
    background: #a83a11;
    color: #fff;
    cursor: text !important;
}

.btn.v6 {
    background: transparent;
    padding: 9px 15px;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #fff !important;
    transition: 0.3s;
    font-size: 15px;
    text-transform: capitalize;
}

.btn.v6 i {
    margin-right: 8px;
    font-size: 16px;
}

.btn.v6:hover {
    background: #fff;
    color: #a83a11 !important;
    border: 1px solid transparent;

}

.btn.v7 {
    background: #a83a11;
    padding: 9px 20px;
    border-radius: 3px;
    border: 1px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}

.btn.v7:hover {
    background: #fff;
    color: #888 !important;
    border: 1px solid #ddd;

}

.btn.v8 {
    background: #a83a11;
    padding: 11px 20px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid transparent;
    color: #fff;
    transition: 0.3s;
    font-size: 15px;
    font-weight: 400;
    display: block;
    width: 100%;
    transition: 0.3s;
}

.btn.v8 i {
    margin-right: 5px;
}

.btn.v8:hover {
    background: transparent;
    border-color: #a83a11;
    color: #a83a11;
}

.btn.v9 {
    font-weight: 400;
    border: 1px solid #a83a11;
    color: #a83a11;
    padding: 8px 16px;
    padding-right: 32px;
    position: relative;
    line-height: 1.2;
    font-size: 15px;
    transition: 0.4s;
    background: transparent;
    margin-bottom: 60px;border-radius: 10px;
}
.btn.v9:after {
	position: absolute;right:10px;
	font-size: 12px;
	content: "\f101";
	top:10px;
	width: 12px;
	height: 12px;font-family: "Font Awesome 6 Pro";
}
.btn.v9:hover {
    color: #333;
    background: rgba(221, 221, 221, 0.46);
    border-color: transparent;
}

.featured_btn {
    display: inline-block;
    line-height: 1;
    padding: 4px 7px;
    background: #FA6742;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
}

/*----------Social Buttons-----------*/

.social-buttons {
    padding-left: 0;
}

.social-buttons li {
    display: inline-block;
    padding: 0 10px;
}

.social-buttons li:first-child {
    padding-left: 0;
}

.social-buttons li a i {
    color: #fff;
    transition: 0.5s;

}


.social-buttons li a:hover i {
    color: #a83a11 !important;
}


.social-buttons.style1 li a i {
    color: #444;
    font-size: 14px;
    line-height: 35px;
}

.social-buttons.style1 li a {
    width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    transition: 0.4s;

}

.social-buttons.style1 li a:hover {
    border: 1px solid #a83a11;
}

.bg-cb {
    background-color: #f7f7f7;
}

.bg-ag {
    background-color: rgba(221, 221, 221, 0.31);
}

.bg-ab {
    background-color: rgba(48, 52, 65, 0.58);
}

.bg-blue {
    background-color: #a83a11;
}

.bg-orange {
    background-color: #fa6742 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-grey {
    background-color: #ddd !important;
}

.bg-f {
    background-size: cover;
    background-position: center;
    height: 750px;
    background-repeat: no-repeat;
}

.bg-l {
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-repeat: no-repeat;
}

.bg-h {
    background-position: center;
    background-size: cover;
    height: 450px;
}

.bg-s {
    background-position: center;
    background-size: cover;
    height: 400px;
}

.bg-xs {
    background-position: center;
    background-size: cover;
    height: 300px;
}


.bg-fb {
    background: #3b5998;
}

.bg-tt {
    background: #34AAF3;
}

.bg-ig {
    background: #C035A7;
}

/*-----------------------------------------------------------
                  Fixed header
-------------------------------------------------------------*/
.header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    transition: 0.7s;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: 0.7s;
}

.header.hide {
    top: -100px;
    visibility: hidden;
    transition: 0.7s;
}

.header.transparent.scroll {
    padding: 0;
    transition: 0.7s;
    z-index: 9999;
}

.header.transparent.scroll-hide.scroll .site-navbar-wrap.v1 .mobile-bar span {
    color: #fff;
}

.header.transparent.scroll .site-navbar-wrap.v1 {
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}

.header.transparent.scroll .site-navbar-wrap.v2 {
    background-color: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}

.header.transparent.scroll .site-navbar-wrap.v1 .user-btn span {
    background: #fff;
    color: #a83a11;
}

.header.transparent.scroll .site-navbar-wrap.v1 .btn.v6 {
    background: #fff;
}

.header.transparent.scroll .site-navbar-wrap.v1 .btn.v6:hover {
    color: #888 !important;
    background: #fff;
}

.header.transparent.scroll .site-navbar-wrap.v1 .add-list .btn.v8 {
    background: #fff;
    color: #000 !important;
}

.header.transparent.scroll .site-navbar-wrap.v1 .site-navbar .site-navigation .site-menu>li>a {
    color: #fff;

}

.header.transparent.scroll .header.transparent.scroll .site-navbar-wrap.v1 .site-menu>li::before {
    background: #222222;
}

.header.transparent.scroll .site-navbar-wrap .site-navbar .site-navigation .site-menu .has-children>a::before {
    color: #222222;
}

.header.transparent.scroll .site-navbar-wrap.v1 .user-btn.v2 li a i {
    color: #fff
}

.header.transparent.scroll .btn.v6 {
    border-color: transparent;
    color: #888 !important;
}

.header.transparent.scroll .btn.v6:hover {
    background-color: #a83a11;
    color: #fff !important;
}

/*-----------------------------------------------------------
                 Header Top section
-------------------------------------------------------------*/
.header-top-section {
    background: #F4F6FD;
    display: block;
    transition: 1s;
    padding: 5px 0;
}

.header-top-left ul li {
    display: inline-block;
    padding-right: 30px;
}

.header-top-left ul li a {
    font-size: 13px;
    color: #222;
}

.header-top-left ul li i {
    color: #a83a11;
    margin-right: 7px;
    font-size: 15px;
    top: 1px;
    position: relative;
}

.menu-btn .social-buttons.style1 {
    display: inline-block;
    margin-left: 15px;
}

.menu-btn .social-buttons.style1 li {
    padding-right: 0;
    padding-left: 10px;
}

.menu-btn .social-buttons.style1 li a {
    border: none;
    width: auto;
    height: auto;

}

.menu-btn .social-buttons.style1 li a i {
    color: #888;
    font-size: 16px;
}

.header-top-section.header-top-none {
    display: none;
}

/*-----------------------------------------------------------
                    Menu
-------------------------------------------------------------*/
.site-navbar-wrap {
    z-index: 99;
    transition: 0.3s all ease;
}

.site-navbar-wrap .navbar-brand {
    padding: 0;
    max-width: 150px;
    margin-right: 0;
    line-height: 1.2;
}

.site-navbar-wrap.v1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.site-navbar-wrap.scrolled {
    padding: 0px 0;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);
}

.site-navbar-top {
    display: none;
    font-size: 0.8rem;
    background: #1e7e34;
}

.site-navbar-top a {
    color: #fff;
}

.site-navbar-top .text-with-icon {
    color: rgba(255, 255, 255, 0.5);
}

.site-navbar-top,
.site-navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.site-navbar {
    margin-bottom: 0px;
    width: 100%;
    border-bottom: none;
}

.site-navbar .site-logo {
    font-weight: 200;
}

.site-navbar .site-logo a {
    font-weight: 200;
    font-size: 26px;
    color: #000;
}

.site-navbar .site-navigation .site-menu {
    margin-bottom: 0;
}

.site-menu>li {
    position: relative;
}

.site-menu>li>a::before {
    background-color: #a83a11;
    position: absolute;
    top: -20px;
    left: 0;
    width: 0%;
    height: 2px;
    content: "";
    transition: 0.5s;
}

.site-menu>li>a.active::before {
    background-color: #a83a11;
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    transition: 0.5s;
}

.site-menu>li>a:hover:before {
    width: 100%;
}

.site-navbar-wrap.v1 .site-menu>li::before {
    background: #fff;
}

.site-navbar-wrap.v2 .site-menu>li::before {
    background: #a83a11;
}

.site-navbar .site-navigation .site-menu .active>a {
    color: #000;
}

.user-menu li a {
    padding-left: 5px !important;
    padding-right: 0 !important;
}

.user-menu li a {
    background: #a83a11;
    color: #fff !important;
    border-radius: 20px;
    transition: 0.4s;
    padding: 10px 20px !important
}

.user-menu li a:hover {
    background: #fff;
    color: #333 !important;
}

.site-navbar .site-navigation .site-menu>li {
    display: inline-block;
    padding: 10px 10px;
}

.site-navbar-wrap.v1 .site-navbar .site-navigation .site-menu>li>a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
}

.menu-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.user-login-wrap {
    margin-left: 20px;
}

.site-navbar-wrap.v1 .user-login-wrap a {
    color: #fff;
    font-size: 15px;
}

.user-btn li {
    display: inline-block;
    position: relative;
    margin-left: 15px;
}

.user-btn li a {
    display: inline-block;
    text-align: center;
    position: relative;
    transition: 0.5s;
    width: 30px;
}

.user-btn span {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #a83a11;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 10px;
    top: -3px;
    right: -7px;
}
.user-btn {
      margin-right: 12px;
}
.user-btn li a i {
    color: #a83a11;
    font-size: 21px;
    font-weight: 700;
    transition: 0.5s;
}

.user-btn.v2 li a {
    background: transparent;
}

.user-btn.v2 li a i {
    color: #fff;
}

.user-btn li a:hover {
    border-color: #a83a11;
}

.user-btn li a:hover i {
    color: #a83a11;
}

.user-btn.v2 li a:hover {
    border-color: #fff;
}

.user-btn.v2 li a:hover i {
    color: #fff;
}


.add-list {
    text-align: right;
}

.site-navbar-wrap.v2 {
    border-bottom: 1px solid rgba(153, 153, 153, 0.22);
    padding: 10px 0;
    background-color: #fff;
}

.site-navbar-wrap.v2 .site-navbar .site-navigation .site-menu>li>a {
    color: #a83a11;
    font-size: 15px;
}

.site-navbar .site-navigation .site-menu>li>a:hover {
    color: #000;
}

.site-navbar .site-navigation .site-menu>li:last-child {
    padding-right: 0;
}

.site-navbar .site-navigation .site-menu .has-children {
    position: relative;
}

.has-children a {
    font-size: 15px;
    font-weight: 300;
}

.site-navbar .site-navigation .site-menu .has-children>a {
    position: relative;
    font-size: 15px;
   
    display: block;
}
.font-bold {
  font-weight: 500 !important;
}

.action_wishlist {
    position: absolute;
    top: 0;
    right: 0;
     color: #fff !important;
     z-index: 99999;
   
}
a.Deletewishlist {
    background: #ff0000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff !important;
    padding: 5px 9px;
}
a.Deletewishlist:hover {
    background: #fff;
    color: #ff0000 !important;
}
.dropdown>.has-children>a::before {
    position: absolute !important;
    content: "\e876" !important;
    color: #222222 !important;
    font-family: "Linearicons-Free";
    top: 11px !important;
    right: 3px !important;
    font-size: 10px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 122%;
    left: -12%;
    position: absolute;
    text-align: left;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    transition: 0.4s 0s;
    z-index: 999;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.05);
    position: absolute;
    min-width: 15.3rem;
    z-index: 9999;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li {
    position: relative;
    padding: 5px 20px;
}

.dropdown.sub-menu {
    position: absolute;
    min-width: 15.5rem !important;
    z-index: 9999;
}

.dropdown li a:hover {
    margin-left: 5px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #000;
    border-width: 7px;
    margin-left: -7px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    text-transform: none;
    letter-spacing: normal;
    transition: 0s all;
    color: #fff;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown .active>a {
    color: #28a745 !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
    border-bottom: 1px solid #f5f6f7;
    list-style: none;
    margin: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li:last-child {
    border-bottom: none;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
    display: block;
    color: #888;
    transition: 0.3s;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
    color: #222222;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before {
    content: "\f10a";
    right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
    left: 100%;
    top: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown.sub-menu {
    top: 2% !important;
}

.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer;
}

.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
    transition-delay: 0s;
    margin-top: -1px;
    visibility: visible;
    opacity: 1;
}

.site-mobile-menu {
    width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20000;
    padding-top: 20px;
    background: #fff;
    height: calc(100vh);
    transform: translateX(110%);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
    transform: translateX(0%);
}

.mobile-bar span {
    font-size: 28px;
    border-radius: 4px;
}

.site-navbar-wrap.v1 .mobile-bar span {
    color: #fff;
}

.site-navbar-wrap.v2 .mobile-bar span {
    color: #000;
}

.site-mobile-menu-close.js-menu-toggle span {
    color: #000;
    margin-right: 15px;
    font-size: 25px !important;
}

.site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: right;
    margin-top: 8px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    transition: .3s all ease;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #25262a;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none;
}

.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll !important;
    position: relative;
    padding: 20px 30px;
    height: calc(100vh - 52px);
    padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.site-mobile-menu .site-nav-wrap a {
    padding: 15px 0;
    display: block;
    position: relative;
    color: #212529;
    font-weight: 500;
}

.site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block;
}

.site-mobile-menu .site-nav-wrap li.active>a {
    color: #28a745;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    background: #f8f9fa;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: "Linearicons-Free";
    content: "\e874";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    transition: .3s all ease;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    transform: translate(-50%, -50%);
}

.site-mobile-menu .site-nav-wrap>li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.site-mobile-menu .site-nav-wrap>li>a {
    font-size: 16px;
}

.site-mobile-menu .site-nav-wrap>li>ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-mobile-menu .site-nav-wrap>li>ul>li {
    display: block;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>a {
    padding-left: 40px;
    font-size: 16px;
    color: #888;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
    padding: 0;
    margin: 0;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
    display: block;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
    font-size: 16px;
    padding-left: 60px;
}

#user-login-popup .modal-dialog {
    max-width: 850px;
}


/*---------------------------------------------------
               Hero Area
---------------------------------------------------- */

.hero {
    /* background-size: cover; */
    position: relative;
    display: flex;
    align-items: center;
    height: 750px;
    padding: 20rem 0 12.5rem;
    transition: all 0.5s ease-in-out;
}



.hero__description,
.hero-desc.v2 {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0.9375rem;
}

.hero__title,
.hero-title.v2 {
    color: #fff;
    font-size: 3.5rem;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 10px;
    margin-left: -4px;
}

.hero__title.events-tab {
    display: none;
}

ul.hero_list {
    display: inline-block;
    margin-bottom: -6px;
    border-bottom: 1px solid #ddd;
}

ul.hero_list li {
    display: inline-block;
    padding: 10px 15px;
    float: left;
    cursor: pointer;
    background: #fff;
    transition: 0.5s;

}

ul.hero_list li.active,
ul.hero_list li:hover {
    background: #a83a11;

}

ul.hero_list li a {
    font-size: 16px;
    padding: 0 10px;
}

ul.hero_list li.active a,
ul.hero_list li:hover a {
    color: #fff;
}

ul.hero_list li:first-child {
    border-top-left-radius: 5px;
}

ul.hero_list li:last-child {
    border-top-right-radius: 5px;
}

/*==================================
        Header Text
====================================*/
.header-text.v1 {
    text-align: center
}

.header-text.v2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.header-text.v2 span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.header-text.v1 h1 {
    margin-bottom: 10px;
}

.header-text.v1 h1,
.header-text.v2 h1 {
    font-size: 40px;
    color: #fff;
    line-height: 1.2;
    text-transform: capitalize;
}

.header-text.v2 p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

/*--------Hero one----------*/
.hero.v1 {
    position: relative;
}

/*
.hero.v1:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    display: inline-block;
    background: linear-gradient(to top, rgb(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 5%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
    z-index: 9;
}*/
/*Center DIV*/
.centered {
   text-align: center;
   font-size: 0
}
.centered > div {
   float: none;
   display: inline-block;
   text-align: left;
   font-size: 14px;
}

/*nv-info*/
.nv-info {
    border-width:1px;
    border-style:solid;
    border-color:#dcdcdc;
    border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#f7f7f7;
    color:#333;
    padding:10px;
}

.nv-info.error {
    background-color:#EFD7D7 !important;
    border-color:#DCA8A6 !important;
}

.nv-info.success {
    background-color:#edf4fa !important;
    border-color:#82b2dc !important;
}

.nv-info.info{
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.nv-info:before {
    display:inline-block;
    font-family:FontAwesome;
    font-size:20px;
    line-height:1;
    vertical-align:middle;
    margin-right:5px;
}

.nv-info.error:before {
    content:" \f057 ";
    color:#de495b;
}

.nv-info.success:before {
    content:" \f13a ";
    color:#68D044;
}

.nv-info.info:before {
    content: "\f05a";
    color:#31708f;
}

.clear {
    clear:both;
}

.fl {
    float:left;
}

.fr {
    float:right;
}

.pointer {
    cursor:pointer;
}

.middle{
    vertical-align:middle
}
/* TIP POPUP and FTIP POPUP */

#tip,
#ftip {
    position:absolute;
    color:#333 !important;
    background-color:#eeeeee;
    max-width:485px;
    box-shadow:0 2px 10px rgba(0,0,0,0.2);
    z-index:1000;
    display:none;
}

#tip {
    top:51px;
    right:0;
    min-height:51px;
    margin-right:10px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
}

#ftip {
    bottom:45px;
    left:0;
    min-height:51px;
    margin-left:10px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
}

#tip .bg,
#ftip .bg {
    padding:15px;
    border-bottom-color:#aaaaaa;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#tip .bg {
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
}

#ftip .bg {
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
}

#tip .tip-footer,
#ftip .tip-footer {
    background-color:#e5e5e5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    padding:10px;
}

#tip .tip-footer {
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
    margin:10px -15px -16px;
}

#ftip .ftip-footer {
    margin:10px -15px -15px;
}

#tip h3,
#ftip h3 {
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;
}

#tip ul {
    margin:0;
    padding:0;
}

#tip a {
    color:#333;
}

#tip .socialList a {
    color:#fff;
}
.hidden {
    display: none !important;
}
/* guestBlock */
.personalArea {
    margin-left:50px;
}

.personalArea a.button.user,
.personalArea a.button.user:hover {
    width:30px;
    height:30px;
    margin-top:11px;
    border-width:0;
    border-radius:15px !important;
    -webkit-border-radius:15px !important;
    background-color:transparent !important;
    background-size:contain;
}

.qlist {
    position:absolute;
    left:0;
    bottom:35px;
    width:100%;
    background-color:#d9e8f4;
    border-width: 1px;
    border-style: solid;
    border-color: #a6c8e6;
    padding:10px;
    z-index:9998;
    display:none;
}
a.login-btn {
  border: 1px solid #674ce7;
    border-radius: 50%;
    padding: 7px 8px;
    color: #674ce7;
}
a.login-btn:hover {
  background: #674ce7;
    color: #fff;
}
.margin-bottom {
  margin-bottom: 10px;
}	
.hero.v2 {
   justify-content: center;
   height: 420px;
   align-content: center;
   padding: 0;
   margin-top: 50px;
   /* background-repeat: no-repeat; */
   /* background-attachment: fixed; */
   /* background-position: center; */
}

.hero.v2 .pos-abs {
    position: absolute;
    width: 100%;
    bottom: inherit;
}

.hero__form {
    position: relative;
}

.hero__form.v1 {
    background: #fff;
    border-top-left-radius: 0;
    padding: 15px;
}

.hero__form.v1 .custom-select.hero__form-input {
    line-height: 25px !important;
    font-size: 15px;
}

.hero__form.v1.filter.listing-filter.property-filter {
    background: rgba(221, 221, 221, 0.2);
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.custom-select.hero__form-input.custom-select span {
   /* color: #888;*/
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.hero__form select {
    height: 3.3125rem;
}

.hero__form-favourite {
    padding: 1.875rem 0;
    background: transparent;
    margin-bottom: 5rem;
}

.hero__form-input {
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    margin-right: 0.625rem;
    color: #333;
    font-size: 0.9rem;
    font-weight: 400;
    background: transparent;
    outline: none;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0;
    padding: 10px;
}

.listing-input.hero__form-input.custom-select {
    height: 40px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.listing-input.custom-select {
    line-height: 26px;
}

.listing-input.custom-select:after {
    right: 4%;
}

.hero__form-input-favourite {
    border-bottom: 1px solid #ffffff;
    width: 16rem;
    margin-right: 1.875rem;
    color: #ccc;
}

.hero__form-input:focus {
    background: transparent;
    border-bottom: 1px solid #ebebeb;
}

.hero__form-input-favourite:focus {
    background: transparent;
    border: 1px solid #fb646f;
}

.hero__input-holders {
    display: inline-block;
    width: 48rem;
    background: #fff;
    padding: 0.625rem 1.5rem;
    border-radius: 1.6rem;
}

.hero-events {
    background: url("../images/header/slider-3.html");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;

}

/*---------------Hero two------------*/
.hero__form.v2.filter.listing-filter .dropdown-filter span,
.hero__form.v2.filter.listing-filter .dropdown-filter span:before {
    color: #FFF;
}

.hero__form.v2 {
    padding: 15px;
    position: relative;
    /*    background: rgba(48, 52, 65, 0.58);*/
}

.sidebar .hero__form.v2 {
    padding: 0;
    /*    background: rgba(48, 52, 65, 0.58);*/
}

.widget .hero__form.v2 {
    background: transparent;
}

.hero__form.v2.style2 {

    background: #fff;
    border-top-left-radius: 0;
}

.hero__form.v2 .btn-default.btn-default-red {
    margin-left: 85px;
}

.input-search {
    position: relative;
}

.input-search:before {
    color: #222222;
    position: absolute;
    top: 10px;
    left: 15px;
    content: "\e86f";
    font-family: "Linearicons-Free";
    font-size: 18px;
}
.btn-light.btn {border-radius: 10px;}
.listing-filter input[type="text"] {
    padding: 4px 15px 0 45px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 42px;
}

input[type="text"]:focus {
    border: 1px solid #888 !important;
}

.hero__form .hero__form-input {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px;

}

.hero__form .custom-select.hero__form-input {
    font-size: 15px;
    height: 42px;
    background: #fff;
    line-height: 25px;
}


.hero__form.bg-grey.filter .btn.v3 {
    margin-left: 77px;
}

.hero__form.v3 {
    background: #fff;
    padding: 30px;

}

.hero__form.v3 h4 {
    text-transform: capitalize;
}

/*-----------Hero Slider------------*/

.hero-parallax {
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    height: 750px;
    position: relative;
}

.hero-slider-item {
    padding: 150px 0;
}

.slider-form.v1 .hero__form.v1 {
    border-radius: 3px;
    padding: 15px;
    transform: translateY(-55px);
    z-index: 10;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background: #f7f7f7;
}

.slider-form.v2 .hero__form.v1 {
    border-radius: 3px;
    padding: 15px;
    transform: translateY(0);
    z-index: 10;
    background: #f7f7f7;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/*---------Style2------------*/
.hero-slider.v2 .property-feature {
    columns: 3;
}

.hero-slider.v2 .list-details-title.v3 {
    background: #fff;
    padding: 30px;
    z-index: 99;
    position: absolute;
    top: 150px;
    width: 500px;
    transform: translateY(50%);
}

.hero-slider.v2 .list-details-title.v2 .single-listing-title h2,
.hero-slider.v2 .list-details-title.v2 .single-listing-title p,
.hero-slider.v2 .list-details-title.v2 .single-listing-title p i,
.hero-slider.v2 .list-details-title.v2 .list-ratings a,
.hero-slider.v2 .list-details-title.v2 .list-details-btn .trend-open p span,
.hero-slider.v2 .list-details-title.v2 .list-details-btn .trend-open p {
    color: #333;
}

.hero-slider.v2 .list-details-title.v3 .list-ratings {
    margin-left: 0;
}

.hero-slider.v2 .list-details-title.v3 .trend-open p {
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 20px;
}

.hero-slider.v2 .list-details-title.v3 .property-feature {
    columns: 4;
    padding: 5px 0;
}



/*---------Video Header------*/
.video-area .video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 650px;
    z-index: 0;
}

.video-area.v1 {
    height: 100vh;
}

.video-area.v1 .video-content {
    z-index: 1001;
    padding-top: 200px;
}

.video-area.v1 .overlay {
    z-index: 1001;
}

.video-area.v1 .video-container {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.video-area.v1 #video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(../img/banner-music.jpg);
    background-size: cover;
    overflow: hidden;
    z-index: 999;
}

.video-form-text {
    margin-bottom: 30px;
}

.video-form-text h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 0px;
}

.video-form-text p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;

}

/*-----------hero parallax---------*/

.hero.v3 {
    background-attachment: fixed;
}

/*-----------hero Half form---------*/


.hero-area.v1 {
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
}

.hero-area.v1 .hero__form.v2 {
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.hero-area.v1 .hero__form.v2 .hero__form-input {
    background: #fff;
    margin-bottom: 20px;
    height: 50px;
    border-radius: 3px;
    padding-left: 25px;
}

.hero-area.v1 .hero__form.v2 .hero__form-input::before {
    display: none;

}

.hero-area.v1 .hero-title.v2 {
    color: #fff;
    font-size: 2.375rem;
    line-height: 4.2rem;
    margin-bottom: 0;
    margin-left: 0;
}

.hero-area.v1 .hero-desc.v2 {

    margin-bottom: 0;
}

/*------------------Hero form v4-----------------*/

.hero__form.v2.filter.listing-filter,
.hero__form.v4.filter.listing-filter {

   background: #fff;
   padding: 15px;
   border: 2px solid #a83a11;
   border-top: 0;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #e6e9ed
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    background-color: #3bafda;
    border: 1px solid #3bafda
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #3bafda;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #2494be
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: #4fc1e9;
    border: 1px solid #4fc1e9
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #4fc1e9
}
.breadcrumb-arrow li a:active {
    background-color: #2494be;
    border: 1px solid #2494be
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: #2494be
}
.breadcrumb-arrow li span {
    color: #434a54
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
/*----------Form----------*/
.custom-select {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 36px;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    user-select: none;
}

.custom-select .dropdown-toggle,
.custom-select:hover .dropdown-toggle {
    background-color: transparent;
    border: none;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

.custom-select.dropdown li a:hover {
    margin-left: 0
}

.custom-select.dropdown li a:active {
    background-color: #a83a11;
}

.custom-select.dropdown li a:active span {
    color: #FFF !important
}

.custom-select .dropdown-toggle:after {
    border: none;
    content: '\e874';
    font-family: "Linearicons-Free";
    display: block;
    line-height: 45px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 10px;
    font-weight: 700;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.custom-select .dropdown-toggle[aria-expanded="true"]:after {
    content: '\e873';
}

.custom-select .dropdown-toggle:focus {
    outline: none !important
}

.custom-select,
.custom-select:focus {
    border: 1px solid #888;
    box-shadow: none;
    outline: none;
    height: 45px;
}

.custom-select .dropdown-item.active {
    background-color: #a83a11;
}

.custom-select .dropdown-item.active span {
    color: #FFF;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #333;
}

/*-------------------------------------------
               Breadcrumb
-----------------------------------------*/
.breadcrumb-section {
    position: relative;
    display: flex;
    align-items: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
}

.breadcrumb-menu h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 5px;
    letter-spacing: 0.075em;
}

.breadcrumb-menu span a {
    color: #fff;
}


.breadcrumb-menu span {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.breadcrumb-menu span::before {
    position: absolute;
    content: "/";
    right: -6px;
    top: -4px;
    color: #fff;
    font-size: 18px;
}

.breadcrumb-menu span:first-child {
    padding-left: 0;
}

.breadcrumb-menu span:last-child:before {
    display: none;
}

.breadcrumb-menu span:last-child a {
    padding-right: 0;
}

.breadcrumb-menu span a {
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/*-----------------------------------------
        Catagory Box
------------------------------------------*/

.hero-catagory-wrapper {
    width: calc(100% + 20px);
    left: -20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.hero-category-content {
    width: calc(100% * (1/6) - 20px);
    float: left;
    margin: 0 0 0 20px;
    padding: 30px 16px;
    text-align: center;
    transition: .4s;
    transform: scale(1);
    vertical-align: top;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(30, 195, 139, 0.4);
    border-radius: 4px;

}

.hero-category-content i {
    font-size: 35px;
    color: #a83a11;
}

.hero-category-content:hover {
    background: #a83a11;
}

.hero-category-content:hover i {
    color: #fff !important;
}

.hero-category-content .name {
    margin: 5px 0 0 0;
    color: #635e5e;
    transition: 0.4s;

}

.hero-category-content p.d-name {
    opacity: 0;
    transition: 0.4s;
    color: #fff;
    margin-top: -25px;

}

.hero-category-content:hover p.name {
    opacity: 0;
}

.hero-category-content:hover p.d-name {
    opacity: 1;
    margin-top: -25px;
}

/*----------style2-----------------*/
.hero-catagory-menu {
    transform: translateY(35px);
}

.hero-catagory-menu p {
    display: block;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 18px;
}

.hero-catagory-menu ul li {
    display: inline-block;
    margin-left: 5px;
}

.hero-catagory-menu ul li:first-child {
    margin-left: 0;
}

.hero-catagory-menu ul li {
    font-size: 18px;
}

.hero-catagory-menu ul li a {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 7px 15px;
    border-radius: 50px;
    font-size: 11px;
    letter-spacing: 2px;
    transition: 0.5s;
    text-transform: uppercase;
    line-height: 1.2;
    background: transparent;
}

.hero-catagory-menu ul li a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid transparent;

}

.hero-catagory-menu ul li a i {
    font-size: 16px;
}

.hero-catagory-content.v2 i {
    color: #fff;
    font-size: 40px;
}

.hero-catagory-content.v2:hover i,
.hero-catagory-content.v2:hover .name {
    color: #a83a11;
}

.hero-category-content.v2 i,
.hero-category-content.v2 .name {
    color: #fff;
}

.hero-category-content.v2 {
    border: 1px solid transparent;
}

.hero-category-content.v2:hover {
    background: transparent;
    border: 1px solid #fff;
}

.hero-catagory-wrapper.v2 ul li {
    display: inline-block;
}



/*=====================================
            Property box
========================================*/
.property-slider {
    position: relative;
}

.property-next,
.property-prev {
    font-size: 18px;
    color: #fff;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.56);
    line-height: 30px;
    transition: 0.4s;

}

.property-next {
    right: -10%;
}

.property-prev {
    left: -10%;
}

.property-slider:hover .property-next {
    right: 2%;
}

.property-slider:hover .property-prev {
    left: 2%;
}

.property-carousel-prev,
.property-carousel-next {
    position: absolute;
    top: 50%;
}

.property-item {
    position: relative;
}

.property-carousel #carousel-thumb img {
    cursor: pointer;
}


/*--------------------------------------------
            Buy or Sell Section
----------------------------------------------*/
.category-section {
    position: relative;
    display: flex;
    align-items: center;
}

.category-section .overlay {
    background: #a83a11;
}

.category-content h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.2;
}

.category-content a {
    margin: 0 5px;
}

.category-content .btn.v3 {
    background: #fff;
    color: #a83a11 !important;
}

.category-content .btn.v3:hover {
    background: transparent;
    border-color: #fff;
    color: #fff !important;
}

/*--------------------------------------------
            Popular category 
----------------------------------------------*/
.popular-catagory-content {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.popular-catagory-img img {
    border-radius: 3px;
}

.popular-catagory-content .cat-content {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .6s;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: rgba(30, 195, 139, 0.9);
    border-radius: 3px;

}

.popular-catagory-content .title {
    color: #fff;
    font-size: 30px;
    margin: 0 0 10px 0;
    position: absolute;
    transform: translate(-50%, -50%);
    display: inline-block;
    top: 45%;
    left: 50%;
    padding-bottom: 5px;

}

.popular-catagory-content .title:before {
    position: absolute;
    bottom: 0%;
    left: 50%;
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
}

.popular-catagory-content .info {
    font-size: 14px;
    color: #fff;
    margin: 0;
}

.popular-catagory-content .cat-content span {
    color: #fff;
    font-size: 18px;
    margin-top: 70px;
}

.single_cat_wrap {
    columns: 2;
}

.single_cat {
    text-align: center;
    height: 100%;
    padding: 30px;
}

.single_cat img {
    max-width: 35px;
}

.single_cat h4 {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0;

}

.category-section.v2 .single_cat img {
    max-width: 50px;
    transition: 0.4s;
}

.category-section.v2 .single_cat {
    border: 1px solid rgba(217, 217, 217, 0.39);
    border-radius: 3px;
    padding: 30px;
    transition: 0.4s;
}

.category-section.v2 .single_cat:hover {
    box-shadow: 0 0px 15px rgba(221, 221, 221, 0.62);
}

.category-section.v2 .single_cat:hover img {
    transform: translateY(-10px);

}

.category-section.v2 .single_cat h4 {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    transition: 0.4s;
}

.category-section.v2 .single_cat:hover h4 {
    transform: translateY(-10px);

}

.category-section.v2 .single_cat p {
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
    color: #333;
    text-transform: capitalize;

}

.category-section.v2 .single_cat:hover p {
    visibility: visible;
    opacity: 1;
    transform: translateY(-10px);
}


.category-section.v2 .single_cat h4 {
    font-size: 18px;
    color: #a83a11;
}

.single_cat.br {
    border-right: 1px solid #fff;

}

.single_cat.bb {
    border-bottom: 1px solid #fff;

}

/*-----------------------------
        style 2
------------------------------*/
.popular-catagory-content.v2 .cat-content i {
    color: #fff;
    font-size: 30px;
}

.popular-catagory-content.v2 .cat-content {
    opacity: 1;
    background: transparent;
}

.popular-catagory-content.v2 .title {
    top: 52%;
    font-weight: 400;
    font-size: 20px;
}

.popular-catagory-content.v2 .cat-content span {
    font-size: 15px;
}

.popular-catagory-content.v2 {
    border-radius: 3px;
}

/*------------------------------------------
       Discount Coupon 
--------------------------------------------*/

.price {
    color: #000;
    font-weight: 600;
    margin-left: 10px;
}

.modal-content {
    padding: 0px 10px 25px 10px;
}

.rating i {
    color: #ffc728;
}

/*--------------------------------------------------------
           Trending places
 -------------------------------------------------------- */
.item-slider,
.item-classic {
    margin-bottom: 30px;
}

.property-item {
    background: #fff;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}

.single-property-box {
    margin-bottom: 10px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
    border-radius: 15px;overflow: hidden;
    border: 1px solid #e5e5e5;
    width: 100%;
    min-height: 375px;background: #FFF;
}
.cotphai .single-property-box,
.col-xl-4 .single-property-box {
    min-height: 168px;padding-left: 4px;padding-right: 4px;
}
.cotphai .property-item a,
.col-xl-4 .property-item a {
    height: 175px;min-height: 175px;
}
.col-xl-4 .property-details-wrap ul li {
    list-style: none !important;
    margin-left: 0px;
}

.single-property-box:hover {
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
}

.property-list .single-property-box .property-item {
    height: 100%;
}

.property-list .single-property-box .property-title-box {
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 30px 0 10px;
}

.property-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    height: 100%;
}

.property-img:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    display: none;
    transition: 0.5s;
}

.property-img:hover:before {
    display: block;
}

.property-img img {
    width: 100%;
}

.property-item a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.025em;
    z-index: 1;
    height: 230px;
    /* overflow: hidden; */
    /* bottom: 0; */
    /* position: absolute; */
    min-height: 229px;
    overflow: hidden;
}
.ResultCat .property-item a {
    height: 170px;min-height: 170px;
}
.property-author-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    text-align: 0;
    padding-top: 200px;
    /* bottom: 0; */
    height: 250px;
    overflow: hidden;
}


.single-property-box:hover .property-author-wrap {
    opacity: 1;
    visibility: visible;
}

.single-property-box:hover .property-img1:after {
    background: linear-gradient(to top, rgba(0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
}

.single-featured-list .single-property-box .property-author-wrap h4 {
    line-height: 1.2;
    margin-bottom: 5px;
}

.single-featured-list .single-property-box .property-author {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.property-item .save-btn {
    display: inline-block;
    float: right;
    cursor: pointer;
}

.property-item .property-author {
    display: inline-block;
}

.single-featured-list .single-property-box .property-item .property-author-wrap .property-author {
    display: block;
}

.featured-price {
    display: inline-block;
    float: right;
    color: #fff;
    line-height: 1;
}

.single-featured-list .single-property-box .featured-price {
    display: block;
    float: left;
}

.featured-price p {
    font-size: 20px;
    line-height: 1;
}

.featured-price span {
    font-size: 15px;
}

.per_month,
.per_sale {
    position: relative;

}

.per_sale {
    padding-right: 20px;
}

.per_month {
    padding-left: 15px;
}

.per_sale:after,
.per_month:before {
    position: absolute;
    content: "/";
    font-size: 22px;
    bottom: 0;
}

.per_sale:after {
    right: 5px;
}

.per_month:before {
    left: 5px;
}

.property-list.fullwidth .list-extra {
    display: flex;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    text-align: right;
    padding-right: 45px;
}

.property-list.fullwidth .product-rating {
    line-height: 2.2;
}

.property-list.fullwidth .list-date i {
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.compare-btn {
    position: absolute;
    top: 78%;
    right: 15%;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.37);
    width: 30px;
    height: 30px;
    font-size: 16px;
    border-radius: 50%;
    line-height: 1.9;
    cursor: pointer;
    transition: 0.5s;
    float: right;
    display: inline-block;
    z-index: 999;

}

.compare-btn i {
    color: #fff;
}

.share_btn {
    position: absolute;
    top: 0;
    right: 0;
}

.save-btn li {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.57);
    border-radius: 50%;
    text-align: center;
}

.save-btn li i {
    color: #CCC;
    font-size: 16px;
    line-height: 36px;
}

.save-btn li:hover i {
    color: #FFF;
}

.save-btn li i.ion-ios-play {
    margin-left: 2px;
}

.trend-open p span {
    color: #888;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    
}

.property-item {
    transition: 0.6s;
}

.property-item .compare-btn:hover {
    background: #a83a11;
}

.property-item img {
    width: 100%;
    transition: .5s;
    /* min-height: 229px; */
    overflow: hidden;
    border-radius: 10px;
}

.property-item:hover .property-img img {
    transform: scale(1.2);
}


.property-img {
    position: relative;
}

.featured-property-wrap.v3 .property-img {
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.property-list .single-property-box .property-img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.property-img1:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 9;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
    transition: 0.7s;
}

.property-item:hover .property-img:after {
    background: linear-gradient(to top, rgba(0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
}

.property-location {
   font-size: 13px;
}

.property-location i {
    color: #a83a11;
    position: relative;
    font-size: 13px;
    margin-right: 7px;
}

.property-location p {
    display: inline-block;
    color: #888;
    font-size: 13px;
    font-weight: 400;
}

.recent-list .property-location i {
    position: relative;
    font-size: 14px;
    top: 5px;
    margin-right: 5px
}

.property-item .property-author span {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0px;
    vertical-align: middle;
}

.property-author span {
    color: #333;
    font-weight: 500;
}

.property-author img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 5px;
}

.feature-text_one,
.feature-text_two {
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    font-weight: 400;
    padding: 3px 6px;
    display: inline-block;
    line-height: 1.3;
    z-index: 998;
    cursor: default;

}

.feature_text {
    position: absolute;
    top: 0;
    left: -3px;
    z-index: 1;
    /* margin: 5px 2px; */
}

.feature_text.v2 {
    position: absolute;
    top: 6%;
    left: 3%;
    z-index: 9;
}

.feature_1, .feature_or {
    background-color: #dc3545
}
.feature_1 span:before {
  content: "\f219";
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
      margin-left: -7px;
    padding-right: 5px;

}
.feature_2 {
    background-color: #a83a11
}

.feature_text li {
    color: #fff;
    display: inline-block;
    padding: 3px 6px;
    text-align: center;
    font-weight: 500;
    padding: 3px 12px;
    display: inline-block;
    line-height: 1.3;
    z-index: 998;
    cursor: default;
    border-radius: 2px;
    margin: 0 3px;
}

.feature-text_one {
    right: 6%;
    background: #FA6742;
}

.feature-text_two {
    right: 27%;
    background: #a83a11;
}

#list-view .feature-text_one {
    right: 3%;
}

#list-view .feature-text_two {
    right: 23%;
}

.trending-rating-orange {
    background: #ffae00 !important;
}

.trending-rating-pink {
    background: #FF6D6D !important;
}

.property-list-item {
    box-shadow: 0 0 15px #ddd;
}

.property-list-item .property-title-box {
    box-shadow: none;
    padding: 50px;
}

.property-title-box {
    padding: 0px 6px 0px 6px;
    border-radius: 0.5em;
    background: #fff;
}
.col-xl-4 .property-title-box {
    padding: 0px 0px;
}
.col-xl-4 .col-sm-12.pl-1 {
    padding-left: 0;
    padding-right: 0;
}
.property-title-box h3 {
    font-size: 14.5px !important;
    letter-spacing: 0;
    line-height: 25px !important;
   margin-bottom: 1px;
}
.list-car__item h4 {font-size: 15px;}
.trending-row {
    position: relative;
}

.trending-places {
    position: relative;
}

.trending-places .swiper-container,
.property-place .swiper-container {
    padding: 0 15px;
}

.property-place {
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
}

.featured-pagination,
.trending-pagination {
    transform: translate(50%, 50%);
    position: absolute;
    right: 50%;
    bottom: 13%;
}

.trending-pagination .swiper-pagination-bullet-active,
.featured-pagination.swiper-pagination-bullet-active {
    width: 24px !important;
    height: 6px !important;
    border-radius: 50px;
    opacity: 1;
    background: #a83a11 !important;
    top: 0;
}

.trending-pagination .swiper-pagination-bullet,
.featured-pagination.swiper-pagination-bullets {
    width: 12px;
    height: 6px;
    display: inline-block;
    border-radius: 10px;
    background: #a83a11;
    margin-right: 10px;
    transition: 0.6s;
    border: 2px solid #a83a11;
    position: relative;
    top: 5px;
}

.trending-pagination .swiper-pagination-bullet:focus,
.featured-pagination.swiper-pagination-bullets:focus {
    outline: 0;
}

.product-rating li {
    display: inline-block;
    line-height: 1;
    cursor: text;

}

.product-rating li i {
    font-size: 16px;
    cursor: text;
    color: #FFC600;
}

.review-summury {
    line-height: 55px;
}

.customer-review {
    margin-bottom: 50px;
}

.trend-left span {
    margin-right: 7px;
}

.lb-data .lb-number {

    display: none !important;


}

.trend-left span,
.trend-right a {

    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
}

.trend-right i {
    color: #888;
    font-size: 18px;
}



.property-title-box h4 {
    margin-bottom: 10px;
    line-height: 1;
    display: inline-block;
}


.property-title-box p span {
    font-size: 12px;
    text-transform: capitalize;
    color: #888;
    font-weight: 400;
}

.property-feature {
    padding: 5px 0;
    border-radius: 0.5em;
    
}

.property-feature li {

   /* padding: 0px 0 10px 0;*/font-size: 13px;
   color: #000;
background: #f2f4fa;
padding: 2px 5px; padding-left: 3px;
border-radius: 5px;
}

.property-author-wrap.v2 .property-feature li i,
.property-author-wrap.v2 .property-feature li span {
    color: #fff;
}

.property-feature li i {
    font-size: 16px;
    margin-right: 5px;
  /*  color: #ddd;*/
}
li.thongso {
    /*width: 33.3%;
    display: inline-block;*/
}
.property-feature li:last-child:before {
    display: none;
    opacity: 0;
}

.property-feature li span {
    font-size: 14px;
    color: #222222;
    font-weight: 400;
}

.trend-left img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.trend-left span {
    font-size: 15px;
}

.trending-bottom {
  /* border-top: 1px solid #ededed; */
  line-height: 40px;
}

.trending-bottom p {
    display: inline-block;
}

.trending-address li p {
    margin-left: 40px;
    padding-bottom: 5px;
}

.trend-closed {
    color: #ff3a6d;
    font-size: 13px;
    display: block;
    font-weight: 400;
    display: inline-block;
    margin-left: 10px;
    line-height: 2.2;
}

.trend-open p {
    color: #a83a11;
    font-size: 18px;
    font-weight: 900;
    display: inline-block;
    line-height: 1;
    width: 100%;
    white-space: nowrap;
}
.col-xs-4 .trend-open p,
.col-md-4 .trend-open p {
    font-size: 16px;
}
.col-md-4 .xemthem {
    padding: 5px 6px;
    font-size: 11px;    margin-top: 7px;
}
.list-details-btn .trend-open p {
    font-size: 22px;
    margin-left: 0;
}

.list-details-title.v2 .list-details-btn .trend-open p {
    color: #fff;
}

.list-details-title.v2 .list-details-btn .trend-open p span {
    color: #CCC;
    font-weight: 400
}


.entry-price .trend-open i {
    margin-right: 5px;
    font-size: 15px;
}

.single-place {
    overflow: hidden;
    position: relative;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
}

.single-place::after,
.single-blog-item.v2:after {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(22, 22, 23, 0) 80%, rgba(0, 0, 0, 0) 100%);
    border-radius: 4px;
    opacity: 1;
}

.single-place-image {
    position: relative;
    overflow: hidden;
}

.single-place-image:hover img {
    transform: scale(1.1);
}

.single-place-wrap {
    border: 1px solid #f5f6f7;
    border-radius: 3px;
    position: relative;
    transition: 0.5s;
    overflow: hidden;
    box-shadow: 0 35px 27px -26px rgba(211, 211, 211, 0.4);
}

.single-place-wrap:hover .single-place-image img {
    transform: scale(1.1);
}

.single-place-wrap:hover .single-place-image:before {
    display: none;
}

.swiper-container.popular-place-wrap {
    padding-bottom: 50px;
}

.swiper-container.popular-place-wrap {
    padding-bottom: 50px;
}

.single-place-image img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
    transition: 1s;
    z-index: 9;
}

.popular-place-wrap.v1 .single-place-title,
.popular-place-wrap.v2 .single-place-title {
    font-size: 12px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.single-place-title {
    display: inline-block;
    background: #fff;
    color: #333 !important;
    line-height: 1;
    padding: 8px 10px 8px;
    border-radius: 1px;
    letter-spacing: 0.04rem;
    font-weight: 500 !important;
    text-transform: uppercase;
    z-index: 100;
}

.popular-place-wrap.v2 .single-place-wrap {
    box-shadow: none;
    position: relative;
}

.popular-place-wrap.v2 .single-place-title {
    margin-bottom: 10px;
}

.popular-place-wrap.v2 .single-place-content p {
    color: #fff;
    line-height: 1;
}

.popular-place-wrap.v2 .single-place-content p i {
    transition: 0.5s;
    top: 2px;
    position: relative;

}

.popular-place-wrap.v2 .single-place-image {
    position: relative;
    display: block;
}

.popular-place-wrap.v2 .single-place-image:hover img {
    transform: scale(1.1);
}

.popular-place-wrap.v2 .single-place-wrap .single-place-image:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(22, 22, 23, 0) 80%, rgba(0, 0, 0, 0) 100%);
}

.popular-place-wrap.v2 .single-place-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    transition: 0.5s;
    overflow: hidden;
    padding: 30px 34px;
    background: transparent;
}

.single-place-content {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 35px 30px -11px rgba(221, 221, 221, 1);
}

.single-place-content h3 {
    line-height: 1.2;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}

.single-place-content h3 span {
    margin-right: 5px;
}

.popular-place-wrap.v2 .single-place-content h3 {
    color: #fff;
}

.single-place-content a {
    font-weight: 400;
    font-size: 14px;
    color: #888;
}

.popular-place-wrap.v2 .single-place-content a {
    color: #fff;
}

.popular-place-wrap.v2 .single-place-content h3 a {
    font-size: 20px;
}

.single-place-content a i {
    margin-left: 3px;
    font-size: 15px;
    transition: 0.3s;
    vertical-align: middle;
}

.single-place-content p:hover i {
    margin-left: 10px;
}

.single-place-list.v2 li:first-child::after {
    display: none;
}

.single-place-list li span {
    font-weight: 600;
    margin-right: 5px;
}

.popular-next,
.popular-prev {
    top: 35%;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-35%);
}

.popular-prev {
    left: 4.1%;
}

.popular-next {
    right: 4.1%;
}

.featured-property-wrap.v2 .swiper-button-disabled,
.similar-listing .swiper-button-disabled,
.popular-place-wrap .swiper-button-disabled {
    display: none;
    transition: 0.5s;
}

.hero-client-section.v2 .swiper-button-disabled {
    opacity: 0.4;
    transition: 0.5s;

}

.filter .active a {
    color: #a83a11;
    text-decoration: none;
}

/*------------------------------------------------
           Promo Section
--------------------------------------------------*/

.promo-text h3 {
    font-size: 30px;
    line-height: 1.4;
    position: relative;
    font-weight: 400;
    padding-bottom: 5px;
}

.promo-section {
    position: relative;
}

.promo-text h3::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 18%;
    height: 3px;
    background: #a83a11;
    content: "";
    border-radius: 50px;
}


.promo-section.v2 .promo-content-wrap {
    columns: 2;
    margin-left: 30px;
}

.promo-section.v2 .promo-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.promo-section.v2 .promo-content {
    box-shadow: 0px 0px 11px 0px rgba(38, 59, 94, 0.12);
    border-radius: 5px;
    padding: 25px;
}

.promo-section.v2 .promo-content:nth-child(1) {
    background: #a83a11;
}

.promo-section.v2 .promo-content:nth-child(4) {
    background: #FA6742;
}

.promo-section.v2 .promo-content:nth-child(1) h4,
.promo-section.v2 .promo-content:nth-child(4) h4 {
    color: #fff;
}

.promo-section.v2 .promo-content:nth-child(1) p,
.promo-section.v2 .promo-content:nth-child(4) p {
    color: #fff;
}

.promo-section.v2 .promo-content img {
    max-width: 60px;
    margin-bottom: 20px;
}

.promo-section.v2 .promo-content h4 {
    margin-bottom: 8px;
    line-height: 1.2;
}

.promo-section.v2 .promo-content p {
    line-height: 1.5;
}

.promo-text span,
.value-content span {
    font-weight: 400;
    font-size: 16px;

}

/*------------------Style2--------------------*/
.promo-content img {
    max-width: 55px;
    opacity: 0.7
}

.promo-content-wrap.v1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.row.promo-content {
    margin-bottom: 40px;
}

.promo-text h4 {
    line-height: 1;
    margin-bottom: 5px;
}

.promo-text p {
    line-height: 1.8;
    font-size: 15px;
    color: #888;
}

/*------------------------------------------------
           Testimonial Section
--------------------------------------------------*/
.testimonial-wrapper {
    position: relative;
}

.hero-client-section {
    position: relative;
}

.single-testimonial-item.swiper-slide-active {
    opacity: 1;
}

.single-testimonial-item.swiper-slide-active .testimonial-content {
    background: rgba(30, 195, 139, 0.85);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}

.single-testimonial-item.swiper-slide-active .testimonial-content h5,
.single-testimonial-item.swiper-slide-active .testimonial-content p,
.single-testimonial-item.swiper-slide-active .testimonial-content span {
    color: #fff;
}

.testimonial-img.text-center img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 8px solid #fff;
    margin-bottom: -55px;
}

.testimonial-content {
    background-color: #fff;
    padding: 60px 30px 40px 30px;
    margin: 15px;
    transition: 0.6s;

}

.testimonial-content h5 {
    margin-bottom: 5px;
}

.testimonial-content p {
    margin-top: 20px;
}

.testimonial-video {
    background-position: center;
    background-size: cover;
    height: 450px;
    position: relative;
}

.single-testimonial-item {
    overflow: visible;
    padding-bottom: 60px;
}

.testimonial-quote {
    position: absolute;
    bottom: 0;
    right: 0%;
    background: #a83a11;
    color: #fff;
    padding: 50px 60px;
    z-index: 999;
    width: 600px;
}

.testimonial-quote h4 {
    color: #fff;
    line-height: 1.2;
    margin-bottom: 5px;
    position: relative;

}

.testimonial-quote h4:before {
    position: absolute;
    top: -28px;
    left: 0;
    opacity: 0.2;
    font-size: 45px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f10d";
}

.testimonial-quote p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 25px;
    font-style: italic;
}

.testimonial-btn a {
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
    width: 70px;
    height: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

.testimonial-btn a i {
    font-size: 20px;
    line-height: 70px;
    margin-left: 5px;
}

.client-btn-wrap {
    background: #a83a11;
    display: inline-block;
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 99;
}

.client-next,
.client-prev {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
    line-height: 60px;
}

.client-next:hover,
.client-prev:hover {
    background: #836dec;
}

.client-next i,
.client-prev i {
    font-size: 20px;
    margin: 0 10px;
    color: #fff;
    vertical-align: middle;
}

/*----------------Style2-------------------*/
.single-testimonial-item.v2 {
    text-align: center;
    padding-bottom: 0;
}

.testimonial-text {
    background: #fff;
    padding: 55px 28px 40px;
    border-radius: 3px;

}

.testimonial-img img {
    border-radius: 50%;
    transform: translateY(46px);
    border: 5px solid #fff;
    max-width: 90px;
}

.testimonial-text h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 5px;
}

.testimonial-text p {
    margin-top: 20px;
    position: relative;
    z-index: 10;
    font-style: italic;

}

.testimonial-text p:before {
    position: absolute;
    top: -30px;
    left: 0;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: rgba(221, 221, 221, 0.28);
    font-size: 40px;
    z-index: -1;
}

.testimonial-text span,
.testimonial-text p {
    font-weight: 400;
    color: #888;
}

.hero-client-section.v2 {
    background-position: center;
    background-size: cover;
    background-color: #ddd;
    height: 500px;
}

.hero-client-section.v2 .overlay {
    background: #a83a11;
}

.hero-client-section.v2 .section-title.v2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.hero-client-section.v2 .section-title.v2 h2 {
    color: #fff;
    line-height: 1.3;
}

.testimonial-next,
.testimonial-prev {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
}

.testimonial-btn.v2 i {
    color: #222;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
}

.slider-btn.v4.testimonial-next {
    left: 70px;
}

.hero-client-section.v2 .testimonial-btn.v2 {
    bottom: 130px;
    position: absolute;
}

/*----------------------------------------
            Call to Action 
----------------------------------------*/
.call-to-action {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.call-to-action.consult-form .overlay {
    background: #a83a11;
}

.call-to-action .btn.v8:hover {
    border-color: #ddd;
    color: #ddd;
}

.action-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.action-title h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.2;
}

.action-title p {
    color: #FFF;
    margin-bottom: 30px;
}

.call-to-action.consult-form.v1 .form-group {
    margin-bottom: 30px;
}

.call-to-action.consult-form.v2 .form-group {
    margin-bottom: 15px;
}

.call-to-action.consult-form.v2 .form-group .filter-input {
    height: 45px;
}

/*------------------------------------------
           Consulting form
-----------------------------------------*/
.consult-form .listing-input.hero__form-input.custom-select {
    height: 45px;
    border-radius: 3px;
    border-color: #ddd;
    background: #fff;
}

.consult-form .btn.v8 {
    background: transparent;
    border: 1px solid #ddd;
}

.consult-form .btn.v8:hover {
    background: #fff;
    color: #a83a11;
}

/*------------------------------------------
            Partner section
-----------------------------------------*/
.single-partner {
    text-align: center;
    opacity: 0.5;
    transition: all 0.3s;
}

.single-partner:hover {
    opacity: 1
}

/*----------------------------------
       Property Value Calculator
-------------------------------------*/

.value-calculator-section {
    position: relative;
}

.value-content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.value-calculator-section.v1 {
    position: relative;
}


.value-content h3 {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.9;
    position: relative;
    margin-bottom: 30px;
}

.value-content p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
}

.value-input-wrap {
    position: relative;
}

.value-input-wrap input[type="text"] {
    border: 1px solid #f5f6f7;
    border-radius: 5px;
    padding: 15px 15px;
    position: relative;
    width: 100%;
    box-shadow: 0 9px 15px rgba(221, 221, 221, 0.77);
    color: #888;
}

.value-input-wrap button {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    background: #fa6742;
    color: #fff;
    padding: 11px 13px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    line-height: 31px;
}

.value-input-wrap.newsletter input[type="text"] {
    border-radius: 3px;
    padding: 8px 15px;
}

.value-input-wrap.newsletter button {
    padding: 10px 15px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.footer-wrapper.v3 .value-input-wrap.newsletter input {
    background-color: #f5f6f7;
}

/*---------Style2------------*/

.value-calculator-section.v2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.value-calculator-section.v2 .overlay {
    background: #a83a11;
}

.value-calculator-section.v2 .value-input-wrap input[type="text"] {
    box-shadow: none;
}

.value-calculator-section.v2 .section-title h2,
.value-calculator-section.v2 .value-content p,
.value-calculator-section.v2 .section-title p {
    color: #fff;
}

.value-calculator-section.v2 .section-title.v1 h2 {
    margin-bottom: 15px;
}

/*----------------------------------
       Scroll-to-top
-------------------------------------*/

.scrolltotop {
    border: 2px solid #ddd;
    border-radius: 50%;
    bottom: 40px;
    cursor: pointer;
    display: none;
    font-size: 15px;
    height: 35px;
    text-align: center;
    position: fixed;
    right: 30px;
    width: 35px;
    z-index: 999;
    background: transparent;
    line-height: 35px;
}

.scrolltotop i {
    color: #ddd;
}

.chat-popup {
    display: none;
}

/*----------------------------------------------
                FAQ Page
------------------------------------------------*/

.faq-section .card {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.faq-section .list-details-section {
    padding: 30px 0 !important;
}

.faq-section .list-details-tab.fixed_nav {
    padding: 0;
}

.faq-section .card-body {
    padding: 30px 10px;
}

.faq-section .card-header,
.faq-section .card-header:first-child,
.faq-section .card-header:last-child {
    background-color: #f1f1f1;
    border: none;
    padding: 0;
}

.faq-section .card-header>a[aria-expanded="true"] {
    background-color: rgba(100, 73, 231, 0.47);
    color: #FFF;
}

.faq-section .card-header>a {
    border-color: #f1f1f1;
    color: #141414;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.075em;
    padding: 14px;
    text-decoration: none;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.faq-section .card-header>a[aria-expanded="true"]::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    float: right !important;
    font-size: 14px;
}

.faq-section .card-header>a[aria-expanded="false"]::before {
    color: #888;
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    float: right !important;
    font-size: 14px;
}

/*---------------------------------------------
                    Invoice
---------------------------------------------*/
.payment_receipt--wrapper {
    background: #fff;
    padding: 50px 50px 70px 50px;
}

.payment_receipt--wrapper .atbd_thank_you {
    text-align: center;
    margin: 0 0 1rem;
}

.payment_receipt--wrapper h4 {
    margin: 0 0 .66667rem;
}

.payment_receipt--wrapper ul {
    margin-bottom: 2rem;
}

.payment_receipt--wrapper ul li {
    margin-bottom: .4rem;
}

.payment_receipt--wrapper ul li span {
    color: #272b41;
    font-weight: 600;
}

.payment_receipt--wrapper .atbd_payment_summary_wrapper {
    margin-top: 3.33333rem;
    margin-bottom: 3.33333rem;
}

.payment_receipt--wrapper .atbd_payment_summary {
    font-size: 1.2rem;
    color: #272b41;
    font-weight: 700;
    text-align: center;
    margin: 0 0 1.66667rem;
}

.payment_receipt--wrapper .atbd_payment_summary_wrapper .table td {
    padding: 1rem 1.33333rem;
}

.payment_receipt--wrapper .atbd_payment_summary {
    font-size: 1.2rem;
    color: #272b41;
    font-weight: 700;
    text-align: center;
    margin: 0 0 1.66667rem;
}

.checkout-table .table {
    background: #fff;
}

.checkout-table .table thead th {
    border-bottom: 0;
    padding: 1.33333rem 2rem;
}

.checkout-table .table tbody td {
    border-color: #e3e6ef;
    padding: 1.33333rem 2rem;
}

/*--------------------------------------------
            App Section
---------------------------------------------*/
.app-section {
    position: relative;
    background: #f5f6f7;
}

.app-img {
    position: absolute;
    top: -130px;
}

.app-content h2 {
    font-weight: 300;
    font-size: 34px;
    line-height: 1.2;
}

.app-content h2 span {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 42px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
    color: #333333;
}

.app-content ul {
    padding: 10px 0px;
}

.app-content ul li {
    list-style-type: none;
    font-size: 18px;
    line-height: 34px;
    color: #555;
}

.app-content span {
    color: #555;
    font-size: 16px;
    padding: 15px 0 10px 0;
    display: inline-block;
    font-weight: 400;
}

.app-content ul li i {
    margin-right: 10px;
    color: #990099;
}


/*----------------------------------------------
               Footer section
-----------------------------------------------*/
.footer-area {
    background: var(--color-dark);
    position: relative;
    z-index: 1
}

.footer-widget-box {
    margin-bottom: 20px
}

.footer-widget {
    position: relative;
    z-index: 1
}

.footer-logo img {
    width: 250px;
    margin-bottom: 35px
}

.copyright {
    position: relative;
    padding: 12px 0;
    background: var(--footer-bg2);
    z-index: 1
}

.copyright::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--theme-color);
    width: 50%;
    height: 100%;
    clip-path: polygon(10% 1%,100% 0,100% 100%,0% 100%);
    z-index: -1
}

.copyright .footer-menu {
    margin: 0;
    padding: 0;
    text-align: right
}

.copyright .footer-menu li {
    display: inline-block;
    margin-left: 25px;
    font-size: 16px
}

.copyright .footer-menu li a {
    color: var(--footer-text-color);
    transition: var(--transition)
}

.copyright .footer-menu li a:hover {
    color: var(--theme-color)
}

.copyright .copyright-text {
    color: var(--footer-text-color);
    margin-bottom: 0;
    font-size: 16px
}

.copyright .copyright-text a {
    color: var(--theme-color);
    font-weight: 500
}

.footer-widget-title {
    color: var(--color-white);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 21px;
    z-index: 1
}

.footer-widget-title::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 90px;
    height: 2px;
    background: rgba(255,255,255,.2);
    bottom: 0;
    left: 0
}

.footer-widget-title::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 2px;
    background-color: var(--theme-color);
    bottom: 0;
    left: 18px
}
.footer-widget-box ul,
.footer-list {
    display: flex;
    flex-direction: column;
    gap: .65rem
}
.footer-widget-box li a,
.footer-list li a {
    color: var(--color-white);
    transition: var(--transition)
}

.footer-list li a i {
    margin-right: 5px;
    color: var(--theme-color)
}
.footer-widget-box li a:hover,
.footer-list li a:hover {
    padding-left: 10px;
    color: var(--theme-color)
}

.footer-widget-box p {
    color: var(--color-white);
    padding-right: 18px;
    margin-bottom: 20px
}

.footer-social {
    display: flex;
    gap: 15px;
    justify-content: end
}

.footer-social li a i {
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 12px;
    background: var(--color-white);
    color: var(--theme-color);
    transition: var(--transition)
}

.footer-social li a i:hover {
    background: var(--color-dark);
    color: var(--color-white)
}

.footer-contact li {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    color: var(--footer-text-color);
    font-size: 16px;
}

.footer-contact li a {
    color: var(--footer-text-color);
    -webkit-transition: .3s;
    transition: .3s
}

.footer-contact li i {
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 13px;
    margin-right: 10px;
    border-radius: 10px;
    background: var(--theme-color);
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    color: var(--color-white)
}
.footer-widget-box.list li i {color:#a83a11;margin-right: 6px; }
.subscribe-form .form-control {
    padding: 16px 20px;
    border-radius: 12px;
    box-shadow: none;
    border: none
}

.subscribe-form .theme-btn {
    margin-top: 20px;
    width: 100%;
    padding: 14px
}

.subscribe-form .theme-btn:hover {
    color: var(--theme-color)
}

.subscribe-form .theme-btn::before {
    background: var(--color-white)
}

@media all and (max-width: 1199px) {
    .footer-widget-box {
        margin-bottom:50px
    }
}

@media all and (max-width: 991px) {
    .footer-widget-wrapper {
        padding-bottom:0
    }
    .CustomItems .property-item {
    height: 170px;
}
.section-padding {
    padding: 135px 0 30px;
}
.xemthem {
    padding: 5px 6px;
    font-size: 11px;
}
    .copyright .footer-menu {
        float: left;
        margin-top: 20px;
        text-align: left
    }

    .copyright .footer-menu li {
        margin-left: 0;
        margin-right: 15px
    }
}

@media all and (max-width: 767px) {
    .footer-widget-wrapper {
        padding-bottom:0
    }

    .footer-social {
        justify-content: flex-start;
        margin-top: 20px
    }

    .copyright::before {
        clip-path: polygon(30% 1%,100% 0,100% 100%,0% 100%)
    }

    .copyright .copyright-text a {
        color: var(--theme-color)
    }
}
.payment-method img {
    margin-right: 10px;
}

.additional-link li {

    display: inline-block;
    position: relative;
    margin-right: 20px;

}

.additional-link li:last-child {
    margin-right: 0;
}

.additional-link li:before {
    position: absolute;
    bottom: 8px;
    right: -10px;
    content: "";
    background: #ccc;
    width: 1px;
    height: 15px;

}

.additional-link li:last-child:before {
    display: none;

}

.additional-link li a {
    font-size: 14px;
    color: #555;
    transition: 0.4s;
}

.additional-link li a:hover {
    color: #333;
}

/*--------------------------------------------
              Pricing Table
----------------------------------------------*/

.list-details-tab.pricing-list {
    display: inline-flex;
}

.list-details-tab.nav-tabs.pricing-list .nav-item {
    padding: 0 0 10px 0;
}

.list-details-tab.nav-tabs.pricing-list .nav-item:last-child {
    margin-right: 0;
}

.pricing-title {
    font-size: 22px;
    font-weight: 300;
    padding-left: 15px;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}

.pricing-table {
    padding-bottom: 45px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
}

.pricing-table .title {
    padding: 40px 20px 10px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
}

.pricing-table .price-value {
    font-size: 35px;
    font-weight: 600;
    color: #f91;
    margin-bottom: 30px;
}


.pricing-table .month {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 0
}

.listing-badge {
    background-color: #FA6742;
    float: left;
    position: absolute;
    transform: rotate(45deg);
    right: -64px;
    top: 22px;
    text-align: center;
    width: 200px;
    font-size: 12.5px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}

.pricing-table.blue.featured {
    overflow: hidden;
    box-shadow: 0 58px 70px rgba(221, 221, 221, 0.4);
}

.pricing-table .pricing-content {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
    transition: all .3s ease 0s
}

.pricing-content li span {
    font-weight: 600;
}

.pricing-table .pricing-content li {
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
    position: relative
}

.pricing-table .pricing-content li i {
    color: #a83a11
}

.price-num-item {
    font-size: 45px;
    position: relative;
    font-weight: 600;
    color: #888;
    display: inline-block;
}

.mouth-cont {
    z-index: 1;
    opacity: 1;
    position: relative;
    color: #333;
}

.year-mont .mouth-cont {
    opacity: 0;
}

.price-num span.curen {
    position: relative;
    top: -20px;
    padding-right: 5px;
    font-weight: 400;
    font-size: 17px;
}

.price-num-item p {
    margin-top: -17px;
    font-weight: 300;
    margin-left: 5px;
    font-style: italic;
}

.pricing-table {
    transition: 0.5s;
}

.pricing-table:hover {

    box-shadow: 0 58px 70px rgba(221, 221, 221, 0.4);

}

.pricing-content li i {
    margin-right: 15px;
}

.pricing-table .pricing-content li.disable {
    color: #707070
}

.pricing-table .pricing-content li.disable:before {
    display: none
}

/*---------------------------------------
                404 PAGE
------------------------------------------*/
.error-content i {
    font-size: 60px;
    display: block;
    color: #a83a11;
}

.error-content p {
    margin-bottom: 30px;
}

.error-content a {
    color: #a83a11;
}

.error-search-container input {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.error-search-container button {
    background: transparent;
    border: none;
    padding: 0;
    margin-left: -36px;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    top: 5px;
}

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

.single-blog-item.v1 {
    border: none;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: 0.5s;
}

.single-blog-item.v1:hover {
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
}

.single-blog-item.v1 img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.single-blog-item.v1 .card-body {
    padding: 15px 20px 0px 20px;
}

.single-blog-item.v1 .card-title {
    border-bottom: 1px solid #ededed;
    text-transform: capitalize;
    line-height: 1.5;
    padding-bottom: 25px;
}

.card-body span.blog-cat {
    background: #a83a11;
    color: #fff;
    padding: 3px 10px;
    border-radius: 15px;
    font-weight: 500;
}

.single-blog-item .card-title a:hover {
    color: #a83a11;
}


.blog-cat {
    color: #a83a11;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.01rem;
    margin-bottom: 10px;
    display: block;
}



.blog-cat.btn.v5 {
    padding: 8px 12px;
    font-size: 12px;
}

.blog-cat:hover {
    color: #333;
}

.single-blog-item.v2 {
    position: relative;
    transition: all 0.3s;
    margin-bottom: 30px;
}

.single-blog-item.v2 img {
    width: 100%;
    border-radius: 3px;
}


.single-blog-item.v2:after {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(22, 22, 23, 0) 80%, rgba(0, 0, 0, 0) 100%);
    border-radius: 4px;
    opacity: 1;
}

.single-blog-item.v3 .blog-content h3 {
    font-weight: 400;
    font-size: 26px;
}

.single-blog-item.v3 h4 a {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
}

.blog-hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 20px;
    z-index: 10;
}

.blog-title {
    margin-bottom: 0;
}

.blog-title a {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.5;
    display: inline-block;
    transition: 0.5s;
    color: #fff;
}


.blog-hover-content .blog-title {
    transform: translatey(35px);
    left: 0;
    transition: 0.4s;
}


.blog-hover-content a.btn.v6 {
    transform: translatey(15px);
    transition: 0.4s;
    opacity: 0;
}

p.date {
    display: inline-block;
}

.bottom-content {
    padding: 0 20px 15px;
}

.bottom-content {
    font-size: 14px;
}

.bottom-content a {
    font-size: 15px;
    font-weight: 500;
    color: #222222;
    padding: 0 5px;
}

.bottom-content p span {
    position: relative;
    padding-left: 15px;
}

.bottom-content p span:before {
    position: absolute;
    top: -1px;
    left: 3px;
    content: "/";
    background: transparent;
    font-size: 17px;
    line-height: 1;
}

.bottom-content a i {
    margin-right: 5px;
}

.single-blog-item.v3 {
    margin-bottom: 60px;
}

/*---------Blog Sidebar------------*/
.sidebar {
    display: block;
}


.sidebar-right,
.sidebar-left {
    padding-top: 100px;
    padding-bottom: 100px;
}

.blog-area .sidebar-right {
    padding-bottom: 50px !important;
}

.half-map .sidebar-left {
    padding: 0;
}

.half-map .sidebar-left:before {
    position: relative;
    display: none;
}

.widget {
    margin-bottom: 10px;
}

.sidebar .widget.search {
    display: block;
    margin-top: 0;
    position: relative;
    right: 0;
    z-index: 1;

}

.widget.search input[type="text"] {
    border: none;
}

.sidebar .widget.search input {
    border-radius: 3px;
}

.sidebar .widget .search-button {
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 1.7;
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 16px;
}

.sidebar .widget {
    margin-top: 30px;
}

.sidebar .widget .widget-title {
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

ul.icon li {
    list-style-type: none;
}

ul.icon li::before {
    content: '\e876';
    font-family: "Linearicons-Free";
    height: 10px;
    left: 16px;
    width: 10px;
    font-size: 10px;
}

.sidebar-right .widget.categories ul.icon li {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding: 6px 0;
}

.sidebar-right .widget.categories ul.icon li::before,
.sidebar-left .widget.categories ul.icon li::before {
    font-size: 12px;
    font-weight: 900;
}

.sidebar-right .widget.categories ul.icon li::before {
    left: 0;
}

.widget.categories ul li a {
    margin-left: 3px;
    font-size: 16px;
    font-weight: 400;
}

.widget.categories ul li a:hover {
    color: #a83a11;
}

.widget.categories ul li span {
    float: right;
    font-weight: 500;
}

.sidebar .widget.recent-posts .post-list {
    padding-left: 0;
}

.sidebar .widget.recent-posts .entry-item {
    list-style: none;
    margin-bottom: 15px;
    padding-left: 0;
}

.sidebar .widget.recent-posts .entry-item .entry-img {
    display: table-cell;
}

.sidebar .widget.recent-posts .entry-item .entry-img img {
    min-width: 70px;
}

.sidebar .widget.recent-posts .entry-item .entry-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.sidebar .widget.recent-posts .entry-title {
    line-height: 1.1;
    margin-bottom: 0;
}

.sidebar .widget.recent-posts .entry-title a {
    color: #141414;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.sidebar .widget.recent-posts .entry-date {
    color: #888;
    font-size: 12px;
}

/*--------------pagination---------------*/

.post-nav .page-prev {
    text-align: left;
    margin-top: 5px;
}

.post-nav .page-prev p,
.post-nav .page-next p {
    color: #333;
}

.post-nav>div a {
    color: #888;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.075em;
    line-height: 3.2;
}

.post-nav>div a span {
    text-transform: uppercase;
}

.page-prev a span {
    padding-left: 20px;
    color: #333;
    font-weight: 400;
}

.page-next a span {
    padding-right: 20px;
}

.post-nav .page-prev a span::before {
    content: '\e875';
    font-family: 'Linearicons-Free';
    font-size: 15px;
    font-weight: 400;
    left: 0;
    line-height: 1.1;
    position: absolute;
    top: 0;
}

.page-num ul {
    padding-left: 0;
}

.page-num li.active,
.page-num li:hover {
    background: #a83a11;
}

.page-num li.active a,
.page-num li:hover a {
    color: #fff;
}

.page-num li {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: #f5f6f7;
    text-align: center;
    transition: 0.5s;
    cursor: pointer;
    border: 1px solid transparent;
    margin: 0 3px;
}

.page-num li a {
    color: #000;
}

.post-nav .page-next {
    text-align: right;
    margin-top: 5px;

}

.post-nav .page-next a span::after {
    content: '\e876';
    font-family: 'Linearicons-Free';
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    position: absolute;
    right: 0;
    top: 0;
}

/*---------Style2-----------*/

.single-blog-item.v2 {
    position: relative;
    cursor: pointer;
}

.post-content-wrap .post-title {
    line-height: 1.2;
    font-size: 34px;
}

.post-img {
    margin-top: 30px;
}

.post-content p {
    margin-top: 30px;
}

.comments-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    font-weight: 400;
}

.review-box.comment-box {
    border: none;
    padding: 0;
}

.post-tags span {
    color: #000;
    font-weight: 500;
    margin-right: 5px;
}

.author-name h4 {
    padding-right: 15px;
    margin-bottom: 0;
}

.post-tags .social-buttons.style1 {
    display: inline-block;

}

.post-tags .social-buttons.style1 li {
    padding: 0 5px;
}

.author {
    margin: 40px 0;
}

.author-info p {
    margin-top: 20px;
}

.comments {
    margin-top: 100px;
}

.comment-respond .contact-form {
    border-top: none;
}

.comment-respond h3 {
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 0;
}

.comment-respond p {
    font-weight: 300;
    color: #888;
}

/*-------------------------------------------
             Filter Listing 
--------------------------------------------*/
.filter-wrapper .hero__form.v2 {
    padding: 0;
}

.filter-sub-menu.style1.v1 li.has-sub {
    margin-top: 0;
}

.range-text {
    line-height: 39px;
}

.price-range .ui-slider-handle.ui-corner-all.ui-state-default {

    border-radius: 50%;
    width: 12px;
    height: 12px;
    border: none;
    box-shadow: 0px 5px 13px rgba(167, 167, 167, 0.7);
    cursor: pointer;
    background: #a83a11;

}

.price-range.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 4px;
    background: #a83a11;
}

.ui-slider-horizontal {
    height: 4px;
    background: #ddd;
}

.price-range.ui-widget.ui-widget-content {
    border: none;
    margin-left: 10px;
}


.filter-box.style1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 30px;
}

.filter-box.style1.right {
    padding: 8px 0 0 0;

}

.filter-box.style1.left {
    padding: 8px 0 0 0;

}

.filter-sub-title h5 {
    color: #2f333a;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 30px 0 10px;
    padding: 0 0 10px;
    position: relative;
    text-transform: uppercase;
}

.filter-sub-menu.style1 ul li.has-sub>a,
.open-filter>a {
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 20px;
    padding: 14px 15px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.theme-menu .filter-sub-menu.style1 ul li.has-sub>a {
    border-bottom: none;
    text-transform: uppercase;
    font-weight: 600;

}

.theme-menu .filter-sub-menu.style1 ul li.has-sub li a {
    border-bottom: none;
    margin-bottom: 15px;
}

.theme-menu .filter-sub-menu.style1>ul>li>a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #363f4d;
}

/*.theme-menu .filter-sub-menu.style1 ul li.has-sub>a:after {
    content: "\f218";
    font-family: "Ionicons";

}*/

.theme-menu .filter-sub-menu.style1 ul li.has-sub.open>a:after {
    content: "\f209";
}

.filter-sub-menu.style1 ul li.has-sub>a:after,
.open-filter>a:after {
    color: #888;
    content: "\e874";
    font-family: "Linearicons-Free";
    font-size: 20px;
    position: absolute;
    right: 13px;
    font-weight: 300;
    transition: 0.5s;
}

.filter-sub-menu.style1 ul li.has-sub.open {
    display: block;
    width: auto;
}

.option-box .has-sub {

    margin-top: 35px;

}

.filter-sub-menu.style1 ul li.has-sub.open>a:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.filter-sub-menu.style1 ul li.has-sub li a {
    border: 0 none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0px 10px 0;
    padding: 0 10px 5px;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.filter-sub-menu.style1 ul li.has-sub li a:hover {
    color: #8a8f6a;
}

.filter-sub-menu.style1 ul li.has-sub li:last-child a {
    border: none;
    margin-bottom: 10px;
}

.filter-sub-menu.style1 ul li ul {
    display: none;
    margin-top: 17px;
}

.hero__form.v1 .explore__form-checkbox-list.full-filter {
    top: 100px;
    padding: 15px 30px 30px 30px;
}

.hero__form.v2 .explore__form-checkbox-list.full-filter {
    top: 75px;
}


.explore__form-checkbox-list.full-filter {
    width: 100%;
    top: 2px;
    left: 0;
    color: #fff;
    padding: 25px 15px;
    z-index: 2000;
    border-radius: 3px;
}

.hero__form.v2.style2 .explore__form-checkbox-list.full-filter {
    padding: 25px 30px;
}

#amount_one,
#amount_two {
    width: 100%;
    height: 30px;
    border: none;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    margin-left: 3px;
    padding: 0;
    display: inline-block;
}

.hero-slider-info #amount_one,
.hero-slider-info #amount_two {
    display: inline-block;
    margin-left: 10px;
    margin-top: -10px;
}

.hero-slider-info .filter-title p {
    display: inline-flex;
}

.nav.item-filter-list li {
    display: inline-block;
    line-height: 0;
    margin-right: 10px;
}

.item-filter-list li a {
    transition: 0.3s;
}

.item-filter-list li a:hover,
.item-filter-list li a.active {
    color: #a83a11;
    border: 1px solid #a83a11;
    border-radius: 3px;
}

.item-element p {
    line-height: 38px;
    font-size: 15px;
}

.item-element span {
    color: #a83a11;
    font-weight: 500;

}

.item-filter-list li a {
    color: #333333;
    font-size: 20px;
    line-height: 0;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 9px 15px;

}

.item-filter-list li a i {
    display: inline-block;
}

.filter-sorting {
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 4px;
}

.filter-sorting.custom-select:after {
    top: 50%;
}

.filter-sorting span {
    font-weight: 400;
    font-size: 14px;
}

.custom-select.filter-sorting.open .list {
    z-index: 999;
}

.custom-select.filter-sorting:focus {
    border: 1px solid #ddd;
}

.filter-input {

    border: 1px solid #ddd;
    margin-top: 25px;
    border-radius: 3px;
    width: 100%;
    padding: 10px 20px;
    height: 45px;
    font-weight: 300;
    font-size: 14px;

}

.filter-input:last-child {
    padding: 5px 20px;
}

#book_tour .input-group.date,
#book_tour .filter-input {
    margin-bottom: 25px;
    margin-top: 0;
}

.filter-input.custom-select::after {
    content: '\e874';
    font-family: "Linearicons-Free";
    display: block;
    margin-top: 5px;
    pointer-events: none;
    position: absolute;
    right: 4%;
    top: 5%;
    font-size: 10px;
    color: #888;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.filter-input.custom-select {

    font-size: 15px;
    font-weight: 300;
}

.filter-title {
    position: relative;
}

.filter-title p {
    font-size: 16px;
    color: #444;
    font-weight: 500;
    line-height: 1;
}

.filter-checkbox ul {
    columns: 2;
}

.map-filter .filter-checkbox ul {
    columns: 3;
}

.filter-checkbox input[type="checkbox"] {
    display: none;
}

.filter-checkbox.one-in-row label {
    margin-top: 9px;
    width: 100%;
}

.filter-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    margin-right: 20px;
    margin-bottom: 10px;
    line-height: 21px;
    font-size: 15px;
    font-weight: 300;
}

.half-filter .filter-checkbox label {
    display: block;

}

.half-filter .filter-checkbox p {
    padding: 10px 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.filter-checkbox label::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.25s;
    font-family: "Ionicons";
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 21px;

}

.filter-checkbox input[type="checkbox"]:checked+label::before {

    content: "\f122";
    background-color: #a83a11;
    border: none;
    font-family: 'Ionicons';

}

.full-filter .filter-checkbox label {

    display: block;

}

.full-filter #amount {
    font-size: 17px;
    margin-left: 5px;
    font-weight: 500;
}

.full-filter .filter-title p {
    font-size: 17px;
    font-weight: 500;
}

.full-filter .filter-title span {
    display: inline-block;
}

.explore__form-checkbox-list.full-filter .filter-checkbox p {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
}

.explore__form-checkbox-list.full-filter {
    opacity: 0;
    transition: 0.8s;
    z-index: -1;
    visibility: hidden;
    display: none;
}

.hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
   
}

.map-sidebar-content .hero__form.v1.filter {
    padding: 0;
}

.map-sidebar-content .explore__form-checkbox-list.full-filter.filter-block,
.widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block {
    background: #f7f7f7;
    padding: 15px;
    box-shadow: none;
}

.hero__form.v2.style2 .explore__form-checkbox-list.full-filter.filter-block {
    background: #fff;
}

.hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block p {
    color: #f5f6f7;
}

.widget.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block p {
    color: #888;
}

.hero__form.v2.style2 .explore__form-checkbox-list.full-filter.filter-block p {
    color: #888;
}

.widget.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block #amount_one,
.widget.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block #amount_two {

    color: #333;
}

.hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block #amount_one,
.hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block #amount_two {
    background: transparent;
    height: 22px;
    color: #f5f6f7;
}

.hero__form.v2.style2 .explore__form-checkbox-list.full-filter.filter-block #amount_one,
.hero__form.v2.style2 .explore__form-checkbox-list.full-filter.filter-block #amount_two {
    color: #888;
}

.hero__form.v2 .explore__form-checkbox-list.full-filter .price-range .ui-slider-handle.ui-corner-all.ui-state-default {
    box-shadow: none;
}

.hero__form.v2 .explore__form-checkbox-list.full-filter .filter-checkbox label {
    color: #f5f6f7;
}

.widget.filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter .filter-checkbox label {
    color: #888;
    font-weight: 300;
}

.hero__form.v2.style2 .explore__form-checkbox-list.full-filter .filter-checkbox label {
    color: #888;
}

.explore__form-checkbox-list.full-filter.filter-block {
    opacity: 1;
    z-index: 999;
    visibility: visible;
    display: block;
}

.hero__form.v3 .search_btn a {
    display: block;
    background: #a83a11;
    color: #fff;
    padding: 15px 0;
    border-radius: 3px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.01rem;
}

.dropdown-filter {
    cursor: pointer;
}

.dropdown-filter,
.submit_btn {
    display: inline-block;
    line-height: 1;
}

.submit_btn.v2 {
    display: block;
    background: #a83a11;
    padding: 9px 20px;
    border-radius: 3px;
    border: 1px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    font-size: 15px;
    font-weight: 400;
    display: block;

}

.dropdown-filter {
    cursor: pointer;
    padding: 15px 25px 15px 25px;

}

.dropdown-filter span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    position: relative;
}

.map-sidebar-content .dropdown-filter,
.widget.filter-widget .dropdown-filter {
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    padding: 14px 2px 14px 15px;
    background: #fff;

}

.map-sidebar-content .dropdown-filter span,
.widget.filter-widget .dropdown-filter span {
    color: #888;
    font-weight: 400;
    width: 100%;
    display: block;
}

.map-sidebar-content .dropdown-filter span::before,
.widget.filter-widget .dropdown-filter span::before {
    right: 3%;
    font-size: 10px;
    color: #888;
}

.widget.filter-widget .explore__form-checkbox-list.full-filter {
    top: 50px;
}

.map-sidebar-content .explore__form-checkbox-list.full-filter {
    top: 50px;
}

.dropdown-filter span::before {
    color: #222;
    position: absolute;
    top: 0%;
    right: -25%;
    content: "\e874";
    font-family: 'Linearicons-Free';
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
}

.hero__form.v1 .dropdown-filter span {
    border-bottom: 1px dotted #333;
    color: #888;
}

.hero__form.v1 .dropdown-filter span:before {
    right: -25px;

}

.hero__form.v2.style2 .dropdown-filter span {
    color: #888;

}

.hero__form.v2 .dropdown-filter i {
    bottom: 12px;
    right: 35px;
    color: #fff;
}

.hero__form.v1 .dropdown-filter i {
    bottom: 28px;
}

.dropdown-filter i {
    position: absolute;
    right: 30px;
    font-size: 18px;
    bottom: 28px;
}

.hero__form.v2.style2 .dropdown-filter i {
    color: #555;
}

.submit_btn button.btn.v3 {
    padding: 12px 35px;
    line-height: 1.2;
    border-radius: 10px;
}

.filter .filter-sub-menu.style1 ul li.has-sub>a {
    padding: 14px 14px;
    color: #888;
    font-weight: 300;
}

.full-filter .price-range.ui-widget.ui-widget-content {
    border: none;
    margin-left: 10px;
}

#search-filter::placeholder,
#location-filter::placeholder {
    color: #888;
    font-size: 15px;
    font-weight: 400;
}

.map-filter input[type="text"] {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 4px 15px 0 45px;
}

.map-filter .dropdown-filter i {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.map-sidebar-content .map-filter .explore__form-checkbox-list.full-filter {
    top: 80px;
}

.map-filter .dropdown-filter {
    height: 45px;
    padding: 0;
}

.filter-list .dropdown-toggle {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 1px solid #ddd;
    color: #888;
    padding: 8px 15px;
    font-size: 17px;
    font-weight: 400;
    border-radius: 3px;
}

.filter-list .dropdown-toggle:after {
    float: right;
    position: relative;
    bottom: 0;
    content: "\e874";
    font-family: "Linearicons-Free";
    border: none;
    font-size: 22px;
    right: 10px;
    font-weight: 400;
}

.filter-list .filter-menu {
    width: 94%;
    padding: 0;

}

.filter-list .filter-menu li {
    padding: 8px 15px;
}

.filter-list .filter-menu li a {
    font-size: 16px;
}

.filter-list .filter-menu li:hover {
    background: #ddd;
}

/*--------filter with sticky map------*/
.explore__map-side {
    width: 43%;
    position: fixed;
  top:0;
    height: 100%;
    right: 0;
    padding-left: 32px;
}

.explore__map-side #map_right_listing {
    width: 100%;
    height: 100%;
    z-index: 999;
}

.contact-section {
    position: relative;
}

.contact-map.v1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 48%;
    height: 100%;

}

.contact-map {
    overflow: hidden;
}

.contact-info-item {
    text-align: center;
    padding: 10px 56px;
}

.contact-info-item i {
    font-size: 25px;
    color: #a83a11;
}

.contact-info-item h4 {
    line-height: 1.1;
    margin: 10px 0;
}

.contact-map #leaflet_contact_map {
    width: 100%;
    height: 100%;
}

.explore__map-side.v2 {
    left: -2.5%;
}

.map-sidebar-content {
    margin-bottom: 70px;
    margin-top: 30px;
}

/*-------------------
        Style2
--------------------*/
.contact-map.v2 {
    position: relative;
    overflow: visible;
}

.filter-wrapper.style1.v2 {
    position: absolute;
    bottom: 60px;
    width: 100%;
}

.filter-wrapper.style1.v2 .hero__form.filter {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12)
}

.contact-map.v2 #map_right_listing {
    height: 600px;
    margin-top: 70px;

}

/*===========================================
        Featured Property 
=============================================*/
.property-feature .thongso {font-size: 11px;
    font-weight: 600;margin-right: 3px;}
.featured-property-info .property-title-box {
    position: absolute;
    left: 3.6%;
    border-radius: 0;
    padding: 45px;
    width: 450px;
    margin: 75px 0;
}

.featured-property-info .property-title-box h4 a {
    font-size: 30px;
}

.featured-property-info .property-feature li {
    line-height: 1;
    display: inline-block;
    margin-right: 15px;
    padding-bottom: 25px;
}

.featured-property-info .property-feature {
    padding-bottom: 0;
}

.featured-property-info .property-feature li:last-child {
    margin-right: 0;
}

.featured-prev,
.featured-next {
    position: absolute;
    top: 85%;
    z-index: 999;
    background: #a83a11;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: 3s ease-in-out;
    transition: 0.5s;
}


.featured-prev i,
.featured-next i {
    font-size: 22px;
    line-height: 38px;
}

/*-----------------Style2------------------*/



.featured-property-wrap.v2 .single-property-box .featured-price {
    float: left;
}

.featured-property-wrap.v2 .property-author-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
    padding: 30px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}

.featured-property-wrap.v2 .property-feature li span,
.featured-property-wrap.v2 .property-feature li i {
    color: #CCC;
}

.featured-property-wrap.v2 .property-feature li i {
    display: none;
}

.featured-property-wrap.v2 .property-feature {
    columns: 1;
    padding: 0;
}

.featured-property-wrap.v2 .property-feature li {
    display: inline-block;
    padding: 0 20px 0 0;
    position: relative;
}

.featured-property-wrap.v2 .property-feature li:after {
    position: absolute;
    top: 0;
    right: 5px;
    content: "|";
    color: #fff;
    font-size: 16px;
}

.featured-property-wrap.v2 .property-feature li:last-child:after {
    display: none;
}

.featured-property-wrap.v2 .property-img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 9;

    background: linear-gradient(to top, rgba(0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
    transition: 0.7s;
}

.featured-property-wrap.v2 .property-item:hover .property-img::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
}

.featured-property-wrap.v2 .property-item .property-author h4 {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}

.featured-property-wrap.v2 .property-img {
    border-radius: 3px;
}

.featured_next,
.featured_prev {
    bottom: 6px;
}

.featured_next {
    right: 20px;
}

.featured_prev {
    left: 20px;
}

.featured-property-section.v2 .section-title.v2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/*-----------------Style3------------------*/
.featured-property-section.v3 {
    background-color: #f7f7f7;
}

.featured-property-section.v3 .featured-property-info .property-title-box {
    position: relative;
    left: 0;
    padding: 40px;
    top: 0;
    width: auto;
    transform: translateY(0);
    height: 100%;
    margin: 0;
}

.featured-property-wrap.v3 {
    margin: 0 0 50px;
}

.featured-property-section.v3 .featured-property-item {
    position: relative;
    background: #fff;
}

.featured-property-wrap.v3 {
    margin: 0;
}

.featured-property-wrap.v3 .single-property-box {
    background: #fff;
    margin-bottom: 10px;
}

.featured-property-wrap.v3 .single-property-box .property-title-box {
    padding: 15px 30px 15px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.feature-prev,
.feature-next {
    top: 50%;
    transform: translateY(-50%);
}

/*========================================
        Featured Listing
==========================================*/
.featured-list {
    margin-bottom: 15px;
}

.listing-sidebar .widget .featured-list {
    margin-bottom: 0;
}

.featured-list:last-child {
    margin-bottom: 0;
}

.entry-img {
    position: relative;
}

.entry-img span {
    position: absolute;
    top: 6%;
    right: 4%;
    background: #FA6742;
    color: #fff;
    padding: 5px;
    line-height: 1;
    border-radius: 3px;
    font-weight: 500;
}

.entry-text .trend-open p {
    font-size: 15px;
    font-weight: 500;
    margin-left: 0;
}

.entry-text .trend-open span {
    font-size: 12px;
    font-weight: 500;
    margin-left: 0;
}

.recent-list {
    margin-bottom: 20px;
}

.row.recent-list:last-child {
    margin-bottom: 3px;
}

.recent-list .entry-img img {
    width: 100%;
    border-radius: 2px;
}

.recent-list .entry-title {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.2;
    margin-bottom: 5px;
}

.recent-list .entry-title:hover a {
    color: #a83a11;
}

.entry-price {
    color: #46cd38;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
}

.featured-list .product-rating {
    line-height: 1;
}

.featured-list .product-rating {
    float: right;
    margin-top: 5px;
}

.featured-list .product-rating li i {
    font-size: 16px;
}

.featured-list .property-location p {
    display: inline-block;
    color: #888;
    font-size: 13px;
    font-weight: 500;
    margin-left: 0;
}

.single-featured-list {
    position: relative;
}

.single-featured-prev,
.single-featured-next {
    top: 50%;
    transition: 0.5s;
    transform: translateY(-50%);
}

.single-featured-prev {
    left: 1.5%;
}

.single-featured-next {
    right: 1.5%;
}



/*---------------------------------------
     Mortgage Calculator & Newsletter
---------------------------------------*/
.mortgage-group {
    position: relative;
    margin-bottom: 20px;
}

.mortgage-field {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 18px 10px 18px 60px;
    line-height: 1;
    border-radius: 3px;
    width: 100%;
}

.mortgage-icon {
    border-right: 1px solid #ddd;
    padding: 16px 18px 18px 18px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: #222;
    font-weight: 500;
}

#amount-one::placeholder {
    color: #000;
}


.chat-btn,
.mortgage-btn button {

    border: 1px solid transparent;
    background: #a83a11;
    color: #fff !important;
    display: block;
    padding: 12px 20px;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    transition: 0.3s;
}

.value-input-wrap.newsletter input[type="text"] {
    box-shadow: none;
}

/*.value-input-wrap.newsletter button {
    background: #a83a11;
}*/

.value-input-wrap.newsletter button:focus {
    outline: none;
}

/*---------------------------------------
            Single Listing Page
---------------------------------------*/


.list-details-section {
    background: #fff;
    padding: 35px;
    margin-bottom: 30px;
    border-radius: 3px;
}



.list-subtitle {
    display: inline-block;
}

.listing-details-wrapper {
    position: relative;
}

.listing-details-wrapper .video-container {
    height: 550px;
}

.list-details-title.v1 {
    transform: translateY(350px);
    width: 100%;
}

.list-details-title.v2 {
    position: absolute;
    width: 100%;
    bottom: 16%;
    z-index: 99;
}

.list-details-title.v2 .list-details-btn h3 {
    color: #fff;
}

.list-details-title.v2 .property-author span {
    color: #fff;

}

.list-details-title.v1 {
    z-index: 9;
    transform: translateY(350px);
    background: #fff;
    padding: 30px;
    border-radius: 3px;
    box-shadow: 0 21px 15px -11px rgba(221, 221, 221, 0.28);
}

.single-property-header.v3 .list-details-title.v1 {
    transform: translateY(0) !important;
    box-shadow: none;
    background: none;
}

.list-details-title.v3 {
    padding: 15px 0;
    margin: 30px 0;
}

.list-details-btn h3 {
    line-height: 1.1;
    margin-bottom: 8px;
}

.list-btn li a i {
    font-size: 14px;
}

.list-btn li:first-child {
    margin-left: 0;
}

.list-details-btn .share-btn {
    margin-left: 15px;
}

.single-listing-title h2 {
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.1;
}

.single-listing-title p {
    line-height: 1.2;
    margin-bottom: 10px;
    font-size: 14px;
}

.single-listing-title .property-author span {
    font-weight: 400;
    color: #888;
    font-size: 14px;
}

.single-listing-title h2 span {
    display: inline-block;
    margin-left: 10px;
}

.single-listing-title p i {
    color: #a83a11;
    font-size: 16px;
}

.list-details-title.v2 .single-listing-title h2,
.list-details-title.v2 .single-listing-title p,
.list-details-title.v2 .single-listing-title p i,
.list-details-title.v2 .list-ratings a {
    color: #fff;
}

.list-ratings {
    margin-bottom: 5px;
    margin-left: 25px;
}

.list-ratings span {
    color: #FFC600;
    font-size: 14px;
    line-height: 1.1;
}

.list-ratings a {
    margin-left: 8px;
    font-weight: 500;
    color: #888;
    font-size: 13px;
}

/* -----------------------------------
    Single Agency Property Slider
------------------------------------- */
.single-property-header.v2 {
    position: relative;
}

.list-details-title.v4 {
    position: absolute;
    z-index: 999;
    transform: translateY(-250px);
}

.list-details-title.v4 h2,
.list-details-title.v4 p,
.list-details-title.v4 p i,
.list-details-title.v4 .trend-open p,
.list-details-title.v4 .trend-open p span {
    color: #fff;
}

.list-details-title.v4 h2 {
    font-size: 45px;
}

.list-details-title.v4 p,
.list-details-title.v4 .trend-open p {
    font-size: 20px;
    margin-left: 0;
}

.single-agency-btn {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 999;
    right: 0;
    display: inline-flex;
}

.list-details-title.v4 .per_sale::after,
.per_month::before {
    bottom: -2px;
}

.single-agency_prev,
.single-agency_next {
    background: #fff;
    color: #666;
    z-index: 99;
    padding: 25px 50px;
    cursor: pointer;
    transition: 0.5s;
}

.single-agency_next:hover,
.single-agency_prev:hover {
    background-color: #a83a11;
}

.single-agency_prev i,
.single-agency_prev span,
.single-agency_next i,
.single-agency_next span {
    font-weight: 600;
}

.single-agency_prev:hover i,
.single-agency_prev:hover span,
.single-agency_next:hover i,
.single-agency_next:hover span {
    color: #fff;
}


.single-agency_prev i,
.single-agency_next i {
    font-size: 10px;
}

.single-agency_prev span,
.single-agency_next span {
    padding: 0 5px;
    text-transform: uppercase;
}

.hero-client-section.v3 .single-testimonial-item {
    overflow: visible;
    padding-bottom: 60px;
    margin-top: -40px;
}

.property-amenities-wrap {
    position: relative;
}

.property-amenities-box {
    transform: translateY(45%);
    background: #fff;
    box-shadow: 0 8px 50px rgba(51, 51, 51, 0.09);
    border-radius: 3px;
    padding: 30px 50px;
    height: 450px;
}

.property-amenities-box .list-details-tab .nav-item {
    margin-right: 32px;
    display: inline-block;
}

.property-amenities-box .list-details-tab .nav-item:last-child {
    margin-right: 0;
}

.property-amenities-box .list-details-tab.nav-tabs {
    margin-right: 30px;
    display: block;
}

.counter-box_wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 45px;
    font-style: normal;
    margin-left: 20px;
}

/*
.property-amenities-box .list-details-tab.nav-tabs .nav-item {
    display: inline-block;
}*/
.trending-places.v2 .single-listing-title.float-left {
    margin-top: 5px;
}

.property-gallery_tab .property-info {
    columns: 2;
}

.location-info {
    position: absolute;
    right: 72px;
    background: #a83a11;
    height: 100%;
    bottom: 0;
    top: 0;
    padding: 30px;
}

.location-info h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
}

.single-agency-map {
    position: relative;
}

.location_box_info p,
.location_box_info span,
.single-location-box i {
    color: #fff;
}

.location_box_info p {
    font-size: 18px;
}

.location_box_info {
    margin-left: 70px;
}

.single-location-box i {
    position: absolute;
    top: 50%;
    font-size: 20px colo;
    font-size: 40px;
    transform: translateY(-50%);
}

.single-location-box {
    position: relative;
    margin-bottom: 30px;
}

.property-amenities_bg {
    background-position: center;
    background-size: cover;
    height: 420px;
    background-color: #ddd;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.property-gallery_tab {
    padding-right: 15px;
}

.property-video-text {
    margin-top: 100px;

}

.property-video-text h4 {
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.2;
}

.property-video-text p {
    color: #fff;
    line-height: 1.3;
    font-size: 16px;
}

.property_feature_text {
    margin-left: 40px;
}

.single-property_feature i {
    position: absolute;
    top: 0;
    font-size: 30px;
}

.property_feature_text h4 {
    line-height: 1.2;
    margin-bottom: 5px;
}

.single-property_feature {
    margin-bottom: 30px;
}

.single_property-box-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.single_property-box {
    text-align: center;
}

.single_property-box i,
.single_property-box p {
    font-size: 25px;
}

.hero-client-section.v3 .client-wrapper {
    padding: 0 15px 45px 15px;
}

.hero-client-section.v3 .testimonial-text {
    background: #f7f7f7;
    box-shadow: 0 20px 23px rgba(221, 221, 221, 0.14);
}

.hero-client-section.v3 .testimonial-btn.v2 {
    position: absolute;
    left: 45%;
    bottom: 20%;
}

.hero-client-section.v3 .testimonial-btn.v2 .testimonial-next i,
.hero-client-section.v3 .testimonial-btn.v2 .testimonial-prev i {
    font-size: 25px;
}

/* ------------------------------
       Compare Page
--------------------------------- */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-content table {
    text-align: center;
}

.table-content table {
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}

.table td,
.table th {
    border-top: none;
    vertical-align: middle;
    font-weight: 400;
    font-size: 16px;
}

.table-content table td {
    border-top: medium none;
    font-size: 16px;
    padding: 25px 10px;
    vertical-align: middle;
    min-width: 140px;
    font-weight: 400;
    position: relative;
}

.compare-table .table td,
.compare-table .table th {
    border-top: none;
    min-width:
}

.compare-table .compare_title {
    min-width: 150px;
    font-size: 20px;
    line-height: 45px;
    font-weight: 400;
    vertical-align: middle;
    padding-bottom: 7740
}

.table.compare-table h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
}

.remove {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 10;
}

.remove a {
    width: 30px;
    background: #fff;
    height: 30px;
    color: #333;
    display: inline-block;
    margin-bottom: 13px;
    transition: 0.5s;
}

.remove a i {
    font-size: 18px;
    line-height: 30px;
}

.compare-table.image-wrap img {
    max-width: 300px;
}

td.check i {
    color: #86fb1d;
}

td.uncheck i {
    color: #fc133a;
}

/* ------------------------------
    Single Property Slider
--------------------------------- */
.single-property-next,
.single-property-prev {
    width: 40px;
    height: 40px;
    background: #a83a11;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 45%;
    z-index: 10;
    transition: 0.6s;
    visibility: visible;
    opacity: 1;
}

/* .single-property-slider:hover .single-property-next {
        right: 5%;
        visibility: visible;
        opacity: 1;

    }

    .single-property-slider:hover .single-property-prev {
        left: 5%;
        visibility: visible;
        opacity: 1;
    }*/
.single-property-next {
    right: 4.5%;
}

.single-property-prev {
    left: 4.5%;
}

.single-property_prev,
.single-property_next {
    position: absolute;
    left: 37.4%;
    background: #a83a11;
    width: 40px;
    height: 40px;
    z-index: 99;
    color: #333;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    line-height: 42px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 8px #3333;
}

.single-property_prev {
    top: 48%;
}

.single-property_next {
    top: 54%;
}

.single-property-next i,
.single-property-prev i {
    color: #fff;
    font-size: 26px;
    line-height: 40px;
}

.property-slider-img {
    position: relative;
}

.trending-places.v2 .property-slider-img {
    display: block;
    transition: 0.9s;
}

.trending-places.v2 .single-property-header.v4 {
    overflow: hidden;
}

.trending-places.v2 .single-property-header.v4 .list-details-title.v2 {
    padding: 0 20px;
}

.trending-places.v2 .single-property-header.v4 .save-btn.v2 {
    right: 35px;
}

.trending-places.v2 .feature_text.v2 {
    left: 30px;
}

.trending-places.v2 .single-property-header.v4:hover .property-slider-img {
    transform: scale(1.1);
}

.property-slider-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";

}

.share-btn:hover .social-share li {
    opacity: 1;
}

.share-btn {
    position: relative;
}

.social-share {
    position: absolute;
    bottom: -38px;
    right: -34px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.social-share li {
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    border-radius: 50%;
    opacity: 0;
}

.social-share li a {
    margin-left: 0;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    transition: 0.5s;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.social-share li a i {
    color: #fff;
}

.social-share li:nth-child(2) {
    transition-delay: 0.2s;
}

.social-share li:nth-child(1) {
    transition-delay: 0.4s;
}

.social-share li a {

    margin-right: 0;

}

.social-btn li {
    border-radius: 4px;
    margin: 0 5px 0 0;
    display: inline-block;
}

.social-btn li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
}

.social-btn li a i {
    color: #fff;
    font-size: 18px;
    line-height: 40px;
}

.list_menu {
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: 0.4s;
    border-bottom: 1px solid #ddd;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

.list-details-tab.fixed_nav li {
    display: inline-block;
}

.list-details-tab.fixed_nav {
    margin: 0 auto;
    padding: 0 0 0 35px;
}

.list-details-tab .nav-link {
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 16px;
    color: #000;
    padding: 10px 0;
}

.list-details-tab .nav-link {
    position: relative;
    text-align: center;
}

.list-details-tab .nav-item {
    margin-bottom: 0 !important;
    margin-right: 25px;
    position: relative;
   /* padding: 10px 0;*/
   line-height: 40px;
}

.sidebar-content-left .list-details-tab .nav-item,
.sidebar-content-right .list-details-tab .nav-item {
    padding-top: 0;
}

.trending-places .list-details-tab .nav-item {
    padding: 0 0 15px 0;
    line-height: 1.1;
}

.list-details-tab .nav-item:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    content: "";
    background: #a83a11;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    border-color: transparent;
}

.list-details-tab .nav-item.active:after,
.list-details-tab .nav-item:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.list-details-tab .nav-item.active a {
    color: #a83a11;
}

.list-details-tab .nav-item a {
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    display: block;
}

.list-details-section:first-child {
    padding-top: 30px !important;
}

#overview h4 {
    margin-bottom: 10px;
}

#gallery {
    padding-bottom: 100px;
}

.single-listing-title p i {
    margin-right: 5px;
}

.tab-pane.active {
    animation: slide-up 0.8s ease-out;
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);

    }
}

.review_wrap .customer-review {
    display: inline-block;
    margin-bottom: 0;
}

.customer-content .product-rating {
    line-height: 1;
}

.review_wrap .customer-review i {
    color: #FFC600;
    font-size: 16px;
}

.book-btn a {
    display: block;
    padding: 13px 0;
    background: #a83a11;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 26px;
    border-radius: 3px;
    cursor: pointer;
}

.similar-title-box {

    margin-top: 10px;

}

.similar-title-box h5 {
    letter-spacing: 0;
}

.similar-item img {

    border-radius: 5px;
}

.similar-listing {
    position: relative;
    margin-top: 55px;
}

.similar-title-box h5 {
    display: inline-block;
    margin-bottom: 0;
}

.similar-title-box p {
    display: inline-block;
    float: right;
    font-size: 13px;
    line-height: 1.7;
}

.similar-title-box p span {
    line-height: 1.7;
}

.similar-item .customer-review {
    margin-bottom: 0;
    margin-top: 10px;
}

.similar-item .customer-review p {
    font-size: 14px;
}

.similar-item .customer-review p i {
    margin-right: 5px;
    color: #a83a11;
}

.similar-item .customer-review .product-rating li {

    line-height: 1.2;

}

.similar-prev,
.similar-next {
    top: 49.5%;
}

.similar-listing:hover .similar-next,
.similar-listing:hover .popular-next,
.similar-listing:hover .similar-prev,
.similar-listing:hover .popular-prev {
    opacity: 1;
}

.floor-list {
    display: inline-block;
    margin-left: 20px;
}

.floor-list li {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    margin-right: 15px;
}

#floor_plan .card-header i {
    font-size: 14px;
    line-height: 1;
    position: relative;
    left: 3px;
    top: 1px;
}

.floor-list li span {
    font-weight: 400;
}

.list-details-section .card a p {
    display: inline-block;
}

ul.list-btn li {
    display: inline-block;
    margin-left: 5px;
}

#floor_plan .card {
    margin-bottom: 15px;
}

#floor_plan .card:last-child {
    margin-bottom: 0;
}

#floor_plan .card .card-header {
    border-bottom: none;
}

#floor_plan .card .card-header a:hover {
    color: #333;
}

#leave-review {
    padding-bottom: 0;
}

.review-box .contact-form {
    padding: 30px 0;
}

.agent-info li {
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.agent-info li span {
    font-weight: 400;
    margin-left: 5px;
}

.nearby-wrap {
    margin-bottom: 20px;
}

.nearby-wrap h4 {
    margin-bottom: 10px;
}

.nearby-wrap .nearby-item p {
    display: inline-block;
    line-height: 1;
}

.nearby-wrap h4 span {
    background: #FA6742;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 1.2;
    border-radius: 3px;
    text-align: center;
    margin-right: 7px;
}

.nearby-wrap h4 span i {
    color: #fff;
    font-size: 14px;
    position: relative;
    top: -1px;
    left: 1px;
}

.popup-vid {
    position: relative;
}

a.popup-yt {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

a.popup-yt i {
    font-size: 15px;
    line-height: 50px;
}

.hvr-ripple-out {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
}

.hvr-ripple-out:before {
    border-radius: 50%;
    content: '';
    position: absolute;
    border: #fff solid 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transition: all 0.3s;
    animation-iteration-count: infinite;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
    border: #ddd solid 6px;
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

/*-------Single listing video Header------------*/
.single-property-header.v3 .video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 650px;
    z-index: 0;
}

.single-property-header.v3 .video-container .overlay {
    z-index: 10;
}


.single-property-header.v3 #video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/banner-music.jpg);
    background-size: cover;
    overflow: hidden;
    z-index: 9;
}

/*-------------Single property header v4-----------*/
.single-property-header.v4 .property-slider-img {
    position: relative;
}

.single-property-header.v4 .property-slider-img:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.93) 7%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
    z-index: 9;
}

.single-property-header.v4 .single-listing-title h2 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    display: block;
}

.single-property-header.v4 .single-listing-title h2 a {
    color: #fff;
}

.single-property-header.v4 .list-details-title.v2 {
    bottom: 5%;
    left: 0;
    padding: 0 6px;
}

.single-property-header.v4 .property-feature {
    /*    columns: none;*/
    padding: 0;
    display: inline-flex;
}

.single-property-header.v4 .property-feature li {
    margin: 0 10px 0 0;
    padding: 0;
    line-height: 1.1;
}

.single-property-header.v4 .property-feature li i {
    font-size: 14px;
    margin-right: 3px;
}

.single-property-header.v4 .property-feature li span {
    color: #CCC;
}

.single-property-header.v4 .list-details-btn .trend-open p {
    font-size: 17px;
}

.single-property-header.v4 .save-btn.v2 {
    position: absolute;
    right: 3%;
    top: 5%;
    z-index: 200;
    opacity: 0;
    transition: all 0.3s
}

.single-property-header.v4:hover .save-btn.v2 {
    opacity: 1
}

.single-property-header.v4 .save-btn.v2 li {
    width: 30px;
    height: 30px;
}

.single-property-header.v4 .save-btn.v2 li i {
    font-size: 15px;
    line-height: 30px;
}

.single-property-header.v4 .product-rating li i {
    font-size: 14px;
}

.single-property-header.v4 .single-property-header.v4 .single-property-header.v4
/*--------------Single Listing sidebar-------------*/


.widget {
    margin-bottom: 50px;
}

.widget-title {
    color: #434953;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 20px;

}

.sidebar-title h2 {
    color: #2f333a;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 0 10px;
    position: relative;
    margin-bottom: 0;
}

.listing-sidebar {
    /*padding-left: 15px;*/
}


.listing-sidebar .widget {

    background: #fff;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(221, 221, 221, 0.56);

}

.listing-sidebar .widget .single-property-box {
    margin-bottom: 0;
}

.sidebar-widget {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    border-radius: 3px;
}

#leaflet_contact_map {
    width: 100%;
    height: 250px;
}

.sidebar-widget.info {
    padding: 10px 20px 0 20px;
}

.sidebar-widget.info .filter-input.custom-select,
.sidebar-widget.info #datepicker-to input,
.sidebar-widget.info #datepicker-from input {
    font-size: 14px;
    font-weight: 300;
}

.sidebar-widget.info h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}

.sidebar-widget.info h3 i {
    margin-right: 8px;
}

.amt-total span {
    color: #a83a11;
    font-weight: 600;
    font-size: 18px;
}

.sidebar-widget.listing-tags,
.sidebar-widget.ad-box {
    border: none;
}

.sidebar-widget.ad-box img {
    border-radius: 3px;
}

.address {
    color: #737882;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;
}

.address:last-child {
    padding-bottom: 25px;
    margin-bottom: 0;


}

.address>span {
    font-size: 18px;
    float: left;
    color: #a83a11;
}

.address p {
    margin: 0 0 0 34px;
}

.follow {
    background: #fff;
}

.follow-img {
    text-align: center;
    padding: 25px 25px 10px 25px;
    color: #3e434b;
}

.follow-img img {
    border-radius: 5px;
    max-width: 150px;
}

.follow-img h6 {
    margin: 11px 0 0;
}

.follow ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center;
}


.follow ul li {
    list-style: none;
    padding: 13px 0;
    width: 33%;
}

.follow ul li h6 {
    margin: 0;
}

.social-counts span {
    font-size: 14px;
    color: #737882;
}

.listing-detail-map.v1 {
    height: 500px;
    margin-bottom: -100px;
}

.listing-detail-map.v2 {
    height: 250px;
}

.listing-detail-map.v3 {
    height: 450px;
}

#sidebar {
    background: #f5f5f5;
    padding: 50px 30px;
}

.booking .title {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.booking #datepicker,
.booking #from,
.booking #to {
    color: #7a7a7a;
    width: 100%;
    padding: 10px 20px;
    border: transparent;
    border-radius: 3px;
    margin-bottom: 15px;
}

.booking #inputGroupSelect01 {
    color: #7a7a7a;
    padding: 10px 20px;
    border: transparent;
    border-radius: 3px;
    margin-bottom: 15px;
}

.booking label {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;

}

.booking .submit-btn {
    background: #a83a11;
    color: #ffff;
    width: 100%;
}

.form-group.time-slots .filter-input span {
    font-size: 13px;
}

/*----------Overview------------*/

.list-single-facts {
    background: #fff;
    margin-top: 100px;
}


.inline-facts h6 span {
    font-weight: 600;
    color: #a83a11;
}

.list-single-facts ul {

    display: flex;
    flex-direction: row;
    justify-content: space-between;

    background: #f9f9f9;
    columns: 2;
}

.list-single-facts .inline-facts {
    padding: 20px;
}

.list-single-facts .inline-facts i {
    font-size: 34px;
    color: #a83a11;
}

.listing-address,
.property-info {
    columns: 3;
}

.location-title h6 {
    display: inline-block;
    line-height: 1.2;
}

.location-map {
    float: right;
    font-weight: 500;
    font-size: 15px;
    margin-top: 5px;
    line-height: 1;
    color: #a83a11;
}

.location-map:hover {
    color: #888;
}

.location-map i {
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
}

.listing-address li,
.property-info li {
    font-size: 15px;
    font-weight: 400;
    color: #222222;
}

.listing-address li span,
.property-info li span {
    color: #888;
}

ul.listing-features {
    columns: 3;
}

.listing-features li {
    text-align: left;
    margin-bottom: 5px;
    color: #333;
    font-weight: 400;
    position: relative;
    padding-left: 30px;
    font-size: 15px;
}

.listing-features li i {
    left: 0;
    top: 7px;
    color: #a83a11;
    font-size: 15px;
    opacity: 0.7;
}

.list-single-facts .inline-facts h6 {
    color: #888;
    font-size: 14px;
    margin-top: 10px;
    letter-spacing: 0px;
    font-weight: 400;
}

.listing-features.pp_docs li {
    padding-left: 0;
    position: relative;
}

.listing-features.pp_docs li a {
    padding-left: 35px;
    display: block;
}

.listing-features.pp_docs li a i {
    position: absolute;
    top: 0;
    font-size: 30px;
    left: 0;
    width: 35px;
}

/*----------Gallery-----------*/

.carousel-indicators {
    position: absolute;
    bottom: -10px;
    left: -3px;
    right: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    width: 100%;
}

.single-property-header.property-carousel .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;

}

.list-gallery-thumb img {
    cursor: pointer;
}

.single-property-header.property-carousel .carousel-indicators img {
    /* max-width: 176px;*/
    cursor: pointer;
}

.carousel-indicators li {
    width: 120px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5);
}

.carousel-indicators li:last-child {
    margin-right: -3px;
}

.carousel-control-prev span,
.carousel-control-next span {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    line-height: 36px;
    font-size: 16px;
    opacity: 1;
    position: absolute;
    color: #333;
}

.carousel-control-prev span {
    left: 15px;
    transition: 0.5s;

}

.carousel-control-next span {
    right: 15px;
    transition: 0.5s;

}

#carousel-thumb:hover .carousel-control-next,
#carousel-thumb:hover .carousel-control-prev {
    opacity: 1 !important;
}

/*--------------Features & Pricing--------------*/

.room-type-item {
    position: relative;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #DEDEDE;
    transition: all .35s ease-in-out;
    padding-bottom: 20px;
}

.room-type-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.room-type-item img {
    border-radius: 5px;
}

.feature-left p span {

    font-weight: 500;
    color: #a83a11;

}

.room-type-item .feature-left h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px;
}

.feature-left.float-left p {
    line-height: 1.3;
}

.room-type-item .feature-left p {
    margin: 0 0 7px;
    line-height: 19px;
}

.room-type-item .feature-right {

    text-align: right;

}

.feature-right button.btn.v2 {
    margin-top: 70px;
}

.amt-title h4 {

    margin-bottom: 5px;

}

.price-amt {
    color: #a83a11;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 16px;
}

.room-type-item .feature-right .price-amt {
    display: block;
}

.facilities-list {
    margin-top: 15px;
    list-style: none;
}

.facilities-list li {
    float: left;
    margin-right: 14px;
    cursor: pointer;
    position: relative;
}

.facilities-list li i {
    color: #a83a11;
    font-size: 18px;
    opacity: 0.6;
}

.facilities-list li:hover span {
    visibility: visible;
    opacity: 1;
}

.facilities-list li:hover i {
    opacity: 1;
}

.facilities-list li span {
    position: absolute;
    opacity: 0;
    left: -20px;
    top: -34px;
    height: 26px;
    line-height: 26px;
    min-width: 90px;
    color: #fff;
    font-size: 11px;
    visibility: hidden;
    opacity: 0;
    border-radius: 4px;
    background: #a83a11;
    transition: 0.3s;
    text-align: center;
}

/*-----------Reviews------------*/
.review-box {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 30px;
}

.customer-review_wrap {
    display: flex;
    position: relative;
    padding-bottom: 35px;
}

.review_wrap li ul.has-child>li {
    margin-left: 92px;
}

.review_wrap li ul.has-child>li .reviewer-img img {
    width: 126px;
}

.review_wrap>li:last-child .customer-review_wrap {
    border-bottom: none;
}

.reviewer-img {
    float: left;
}

.reviewer-img img {
    width: 140px;
    border-radius: 3px;

}

.reviewer-img p {
    color: #333;
    margin: 5px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}

#reviews .review-box .review_wrap .customer-review_wrap .review-img img {
    margin-top: 10px !important;
}

.reviewer-img span {
    font-size: 14px;
    color: #737882;
    text-align: center;
}

/*-----------reviews-------*/
.review-item {
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
    padding: 30px 30px 60px 30px;
    margin-bottom: 30px;
}

.review-item__post-image {
    margin-right: 1.25rem;
}

.review-item__post {
    display: inline-flex;
}

.review-header {
    margin-bottom: 15px;
}

.review-item__image {
    width: 120px;
    border-radius: 5px;
}

.review-item__post-title {
    font-size: 18px;
    margin-bottom: 0;
}

.review-item__post-title a {
    color: #363636;
}

.review-item__post-location {
    font-size: 14px;
    color: #888;
    padding-bottom: 0.375rem;
    margin: 10px 0;
    line-height: 1rem;
}

.review-item__post-reviews {
    font-size: 0.8125rem;
    color: #888999;
    line-height: 1rem;
    font-weight: 300;
}

.review-item__post-reviews i {
    color: #cccccc;
}



.review-item__date {
    display: inline-block;
    color: #888999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25rem;
    margin: 0 0 1rem;
}

.review-item__title {
    color: #363636;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.25rem;
    margin: 0;
}

.review-item__description {
    color: #888;
    margin: 10px 0 20px;
}

.review-item__content {
    margin: 15px 0;
}

.review-item__helpful {
    padding: 0.25rem 0.5rem;
    padding-right: 0.5rem;
    padding-right: 2.5rem;
    color: #888999;
    font-size: 0.875rem;
    font-weight: 200;
    border: 1px solid #ebebeb;
    position: relative;
    border-radius: 0.125rem;
}

.review-item__helpful i {
    font-size: 1rem;
    float: left;
    margin-right: 0.25rem;
    margin-top: 0.125rem;
    transition: all 0.2s ease-in-out;
}

.review-item__helpful span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.25rem 0;
    text-align: center;
    color: #888;
    font-size: 0.875rem;
    display: inline-block;
    width: 2rem;
    border-left: 1px solid #ebebeb;
    transition: all 0.2s ease-in-out;
}

.review-item__reply {
    float: right;
    padding: 0.25rem 0.5rem;
    color: #888999;
    font-size: 0.875rem;
    font-weight: 200;
    border: 1px solid #ebebeb;
    border-radius: 1.25rem;
}

.reviewer-img {
    margin: 0 20px 0 0;
}


.customer-content h6 {
    color: #333;
    margin-bottom: 0px;
    line-height: 1;
}

.customer-review span {
    width: 10px;
    height: 10px;
    background: #46cd38;
    border-radius: 50%;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.customer-content p {
    color: #888;
    font-size: 13px;
    display: inline-block;
    line-height: 0.8;
}

.review-item__rating {
    background: #46cd38;
    padding: 8px 14px;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
}

.customer-rating {
    background: #46cd38;
    padding: 8px 14px;
    float: right;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
}

.customer-text {
    color: #737882;
    margin: 15px 0 0;
    line-height: 1.6;
}

.customer-text {
    color: #888;
    margin: 5px 0 0;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 300;
}

.like-btn {
    position: absolute;
    top: 0;
    right: 0;

}

.customer-content-wrap span {
    color: #737882;
    display: inline-block;
}

.customer-content-wrap a {
    border: 1px solid #ccc;
    color: #737882;
    font-size: 14px;
    border-radius: 3px;
    padding: 5px 10px;
}


.review-img img {
    border-radius: 5px;
    margin-right: 5px;
    max-width: 120px;
}

a.rate-review {
    border: none;
    border-radius: 50px;
    font-size: 13px;
    color: #888;
    font-weight: 500;
    padding: 5px 10px;
    display: inline-block;
    transition: .3s;
    line-height: 1.2;
}

a.rate-review span {
    border-left: 1px solid #e0e0e0;
    line-height: 1.2;
    padding-left: 10px;
    margin-left: 5px;
    transition: .3s;
    color: #888;
}

.like-btn a i {
    margin-right: 10px;
}

a.rate-review i {
    margin-right: 10px;
}

a.rate-review:hover {
    border-color: #a83a11;
    color: #a83a11;
}

a.rate-review:hover i {

    color: #a83a11;
}

.contact-form {
    margin-bottom: 0;
    border-top: 1px solid #ddd;
}

.contact-form__rate {
    margin-bottom: 0;
}

.contact-form__rate-bx {
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 18px;
    color: #cccccc;
}

.contact-form__rate-bx i {
    cursor: pointer;
}

.contact-form__rate-bx-show {
    display: inline-block;
    color: #888999;
    font-weight: 300;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.contact-form__upload-btn {
    text-align: right;
    position: relative;
}

.contact-form__input-file {
    display: inline-block;
    width: 136px;
    opacity: 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.contact-form__upload-btn span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 20px;
    color: #888;
    font-size: 13px;
    font-weight: 200;
    border: 1px solid #cccccc;
    border-radius: 1.25rem;
    transition: all 0.2s ease-in-out;
}

.contact-form__upload-btn span i {
    font-size: 1rem;
    float: left;
    margin-right: 0.25rem;
    margin-top: 0.125rem;
}

.contact-form__rate-bx i.active,
.contact-form__rate-bx i.selected {
    color: #FFC600;
}

.contact-form__textarea {
    margin-top: 5px !important;
    font-size: 14px !important;
}

.contact-form__input-text,
.contact-form__textarea {
    display: block;
    width: 100%;
    padding: 0.625rem 1.25rem;
    color: #000;
    font-size: 0.9375rem;
    font-weight: 300;
    background: #ffffff;
    outline: none;
    border: 1px solid #dddddd;
    margin: 0 0 25px;
    border-radius: 2px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease-in-out;
}


/*------------booking---------------*/

.booking-dialog {
    max-width: 700px;
}

#datepicker-from span,
#datepicker-to span {
    position: absolute;
    top: 15px;
    right: 4%;
}

#datepicker-from span i,
#datepicker-to span i {
    font-size: 16px;
}

#datepicker-to input,
#datepicker-from input {
    font-size: 15px;
    padding: 21px 20px;
    border-radius: 3px;
    font-weight: 300;
}

.book-amount button.quantity-left-minus,
.book-amount button.quantity-right-plus {
    border-radius: 3px;
    background: transparent;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 13px 15px;
}

.book-amount input {
    border-left: 0;
    border-right: 0;
    text-align: center;
    padding: 25px 0;

}

.booking-dialog label {
    text-align: left;
    display: inherit;
    font-size: 17px;
    color: #000;
    font-weight: 400;
}

.booking-dialog .filter-input {
    margin-top: 0;
}

.booking-dialog .form-group {
    margin-bottom: 0;
}

.book-btn.col-md-12 {
    border-top: 1px solid #ddd;
}

.book-btn .btn.v3 {
    margin-top: 22px;
    margin-bottom: 0;
}

.booking-dialog .modal-content {
    padding: 0px 10px 10px 10px;
}


.time-slots .custom-select .option {
    border-bottom: 1px solid #ddd;
    /*    line-height: 2;*/
}

.time-slots .filter-input.custom-select {
    font-size: 15px;
    font-weight: 400;
}

/*------------Coupon---------------*/

.coupon-top #clock p {
    display: inline-grid;
    color: #fff;
    font-size: 17px;
    margin-right: 10px;
}

.coupon-top #clock p span {
    font-size: 20px;
    font-weight: 600;
}

.coupon-widget {
    border-radius: 4px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    transition: .3s;
    display: block;
}

.coupon-widget a.coupon-top {
    padding: 20px;
    position: relative;
    z-index: 10;
    text-align: center;
    cursor: default;
    display: block;
    cursor: pointer;
    background: rgba(255, 255, 255, .07);
}

.coupon-link-icon {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 16px;
}

.coupon-widget a.coupon-top h3 {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin: 0;
    font-weight: 400;
    color: #fff;
}

.coupon-widget .coupon-bottom {
    padding-bottom: 20px;
    margin: 0 0;
    position: relative;
    z-index: 10;
    text-align: center;
    border-radius: 0 0 4px 4px;
}

#clock {
    margin-top: 20px;
}

.coupon-scissors-icon {
    position: absolute;
    top: -15px;
    left: 35px;
    z-index: 100;
    font-size: 20px;
}

.coupon-bottom p {
    display: inline-block;
}

.coupon-code {
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 2px;
    position: relative;
    z-index: 11;
    text-transform: uppercase;
    transition: .4s;
    border: 2px dashed #ddd;
}


.coupon-code-wrap input {

    font-size: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #ddd;

}

.coupon_code {

    background: #a83a11;
    color: #fff;
    border: 1px solid transparent !important;
    cursor: pointer;
    transition: 0.5s;
    margin-left: 10px;

}

.coupon_code:hover {

    background: transparent;
    border: 1px solid #ddd !important;
    color: #888;


}

.coupon-widget .coupon-bottom::after {
    left: initial;
    right: 0;
    transform: translate(50%, -50%);
}


.countdown-deals {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.daily-deals-wrap.v1 .cdown {
    padding: 5px 0;
    width: 50px;
}

.daily-deals-wrap.v1 {
    margin-top: 15px;
}

.daily-deals-wrap.v1.countdown-deals .cdown {
    color: #fff;
}

.daily-deals-wrap.v1 .cdown span {
    font-size: 25px;
    display: inline-block;
    line-height: 31px;
    color: #fff;
}

.daily-deals-wrap.v1 .countdown-deals .cdown p {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}

/*-----------Contact map------------*/
.listing-detail-map.v2 {
    z-index: 9;
}


/*-------coupon code----------*/
.banner-wdget-content {
    padding: 90px 30px 70px;
    z-index: 10;
}

.banner-wdget-content h4 {
    font-weight: 500;
    color: #fff;
    font-size: 18px;
}

.banner-wdget-content h4 span {
    color: #5ECFB1;
    font-weight: 400;
}

.banner-wdget-content .countdown {
    margin-top: 15px;
}

.banner-wdget-content .countdown-item {
    width: 25%;
    float: left;
    color: #fff;
}

/*------Business Hours----*/


.business-title {

    border-bottom: 1px solid #ddd;
    padding: 25px;

}

.business-title h6 {
    display: inline-block;
    margin-bottom: 0;
}

.business-title h6 i {
    color: #a83a11;
}

.business-title span {

    background: #0BF389;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;

}


ul.business-hours {
    margin: 0;
    padding: 25px;
    list-style-type: none;
}

ul.business-hours li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.2;
}

ul.business-hours li span {
    font-size: .93333rem;
}

.business-hours .trend-closed,
.business-hours .business-open {
    margin: 0;
}

.business-hours .business-open {
    padding-bottom: 18px;
}

.business-hours .business-open:last-child {
    padding-bottom: 0;
}

/*---------Tags-----------*/
.list-tags {
    display: inline-block;
}

.list-tags li {
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

.list-tags .btn.v2 {
    background: transparent;
    padding: 8px 14px;
    border: 1px solid #ddd;
    color: #888 !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    transition: 0.5s;
    line-height: 1;
}

.list-tags .btn.v2:hover {
    color: #a83a11 !important;
    border-color: #a83a11;
}

/*---------------------------------
        User Login Page
---------------------------------*/
.login-wrapper {
    background: #fff;
}

#user-login-popup .modal-header {
    border-bottom: none;
}

.user-login-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.signup-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    height: 100%;
}

.signup-wrapper p {
    text-align: center;
    margin-top: 20px;
}

.user-login-section .nav-tabs {
    border-bottom: none;
}

.user-login-section .nav-tabs .nav-link.active {
    color: #a83a11;
}

.user-login-section .nav-tabs .nav-link {
    border: none;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px 16px 8px 0;
}

.single-banner-item.style2 .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
}

#login-form .form-control:focus,
#register-form .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#login-form input,
#register-form input {
    padding: 22px 0;
    border-bottom: 1px solid #ddd;
    border-top: none;
    border-left: none;
    border-right: none;
}

#user-login-popup .modal-body {
    padding: 25px;
}

#user-login-popup .modal-header {
    padding: 0;
}

#user-login-popup .modal-header .close {
    padding: 0;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 999;
}

#user-login-popup .modal-header .close i {
    font-size: 25px;
}

#login-form input[type="checkbox"],
#register-form input[type="checkbox"] {
    margin-right: 0;
}

/*---------------------------------------
                Add Listing Page
---------------------------------------*/
.add-listing__input-file-box {
    position: relative;
    margin-bottom: 1.875rem;
}

.add-listing__input-file {
    width: 100%;
    height: 150px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    opacity: 0;

}

.add-listing__input-file-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px dashed #888;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.add-listing__input-file-wrap i {
    font-size: 2.5rem;
    color: #ccc;
}

.add-listing__input-file-wrap p {
    color: #ccc;
    margin-bottom: 0;
}

label.fix_spacing {
    font-size: 16px;
    line-height: 50px;
    margin-bottom: 0;
    font-weight: 400 !important;
}

.add_list_content .filter-input {

    margin-top: 0 !important;
    color: #888 !important;
    font-weight: 300;
    font-size: 15px;

}

.add_list_content h4 {
    margin-bottom: 30px;
}

.add_list_content h4 i {
    margin-right: 5px;
    color: #a83a11;

}

.add_list_content label {
    font-weight: 400;
    color: #333;
    text-transform: capitalize;
    font-size: 15px;
}

.add_list_content #list_info {
    border-radius: 5px;
    font-weight: 300;
    font-size: 14px;
}

.tab-content.add_list_content .form-group {

    margin-bottom: 30px;

}

.custom-select.filter-input ul li {
    font-size: 15px;
}

.res-box label a {
    color: #a83a11;
}

.res-box label {
    margin-left: 5px;
}

#social_network button:last-child {
    margin-left: 10px;
}

/*---------------------------------------------
                Booking Information
--------------------------------------------*/
.boxed-widget {
    border-radius: 3px;
    padding: 32px;
    transform: translate3d(0, 0, 0);
    z-index: 90;
    position: relative;
    border: 1px solid #ddd;
}

.boxed-widget.summary h3 {
    padding: 0 0 25px;
}

.boxed-widget h3 {
    font-size: 20px;
    padding: 0 0 25px;
    margin: 0 0 25px;
    display: block;
    border-bottom: 1px solid #e8e8e8;
}

.boxed-widget h3 i {
    margin-right: 10px;
    color: #a83a11;
}

.boxed-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.boxed-widget ul li {
    width: 100%;
    color: #000;
    margin: 10px 0;
    transition: .2s;
    cursor: default;
    font-size: 15px;
    font-weight: 600;
}

.boxed-widget ul li span {
    float: right;
    font-weight: 400;
}

.total_cost span {
    font-size: 18px;
    color: #a83a11;
    font-weight: 500;
}

.total_cost h4 {
    display: inline-block;
}

.total_cost.clearfix.border-top {

    padding-top: 10px;

}

.payment-options {
    padding: 10px 0;
    text-align: left;
    padding: 25px;
    margin-top: 50px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.payment-options h4 {
    margin-bottom: 0;
}

.payment-options .custom-checkbox {
    line-height: 40px;
    width: 100%;
}

.custom-checkbox {
    margin-top: 10px;
    cursor: pointer;
    user-select: none;
}

.payment-options .custom-checkbox input[type="radio"] {
    vertical-align: middle;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 10px;
}

.payment-options .sm-heading {
    border-bottom: none;
    line-height: 1;
    margin-left: 0;
    width: auto;
}

.custom-checkbox .sm-heading {
    display: inline-block;
    font-size: 12px;
}

.sm-heading,
.xsm-heading {
    color: #141414;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.alert-text {
    padding: 0 0 0 27px;
}

.payment-options .custom-checkbox {
    line-height: 40px;
    width: 100%;
}

.payment-options .custom-checkbox .card-options {

    display: inline-block;
    float: right;

}

.card-options img {
    margin: 0 0 0 6px;
}

/*----------------------------------------
                Booking success
------------------------------------------*/
.booking-confirmation-page {
    text-align: center;
}

.booking-confirmation-page i {
    color: #23b35f;
    font-size: 140px;
    line-height: 1.1;
}

.booking-confirmation-page h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.5px;
    margin-bottom: 10px;
    display: block;
}

.booking-confirmation-page p {
    font-size: 20px;
    display: block;
    margin-bottom: 30px;
}

.booking-confirmation-page a.button {
    padding: 11px 35px;
    background-color: #eee;
    color: #444;
    font-weight: 600;
    font-size: 16px;
}

/*------style2------*/
.listing-details-next,
.listing-details-prev {
    position: absolute;
    top: 46%;
    z-index: 9999;
    opacity: 0;
    transition: 0.5s;

}

.listing-details-next {
    right: 3%;
}

.listing-details-prev {
    left: 3%;
}

.listing-details-slider:hover .listing-details-next,
.listing-details-slider:hover .listing-details-prev {
    opacity: 1;
}

/*-------------------------------------
                User Profile
----------------------------------------*/
.user-avatar {
    height: auto;
    border-radius: 50%;
    position: absolute;
}

.user-name {
    position: relative;
    left: 135px;
    top: 30px;
}

.user-follow.text-right p {
    display: inline-block;
    margin-right: 15px;
}

.user-follow.text-right p span {
    color: #a83a11;
    font-weight: 600;
}

.user-follow.text-right a {
    margin-top: -5px;
}

.user-name h4 {
    font-size: 20px;
    margin-bottom: 0;
}

.user-follow li {
    display: inline-block;
    padding-left: 15px;
    font-size: 15px;
}

.user-follow {
    margin-right: 10px;
    padding-top: 65px;
}

.user-follow li span {
    color: #a83a11;
    font-weight: 600;
}

.user-avatar img {
    border-radius: 50%;
    width: 120px;
}

.user-contact li i {

    margin-right: 12px;
    font-size: 20px;
}

.user-contact li {
    font-weight: 400 !important;
    font-size: 20px;
}

.boxed-widget .address {
    padding-left: 0;
    padding-right: 0;
}

.user_info_menu {
    border-bottom: 1px solid #ddd;
}

.user_info_menu .nav-tabs {
    border-bottom: none;
}

.user_info_menu .list-details-tab .nav-item::after {
    bottom: -1px;

}

/*---------------------------------
        About Page
----------------------------------*/
.about-text {
    background: #fff;

}

.about-text p {
    font-size: 16px;
}

.about-text span {
    color: #888;
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.about-text h2 {
    line-height: 1.2;
    margin: 0 0 30px 0;
    font-size: 35px;
    font-weight: 400;
    text-transform: uppercase;
}

/*--------Team section--------*/
.team-section {
    position: relative;
}

.single-team-member {
    position: relative;
    overflow: hidden;
}

.single-team-member.agent-item {
    border: 1px solid #eee;
}

.single-team-member.v1 .single-team-info {
    background-color: #a83a11;
    padding: 30px 15px;
    position: absolute;
    bottom: -100%;
    opacity: 0;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.single-team-member.v1 .single-team-info h4 {
    margin-bottom: 5px;
    color: #fff;
    line-height: 1.2;
}


.single-team-member.v1 .single-team-info span {
    color: #FFF;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 5px;
}



.single-team-member.v1 .single-team-info .social-buttons.style2 {
    margin-top: 8px;
}

.single-team-member.v1 .single-team-info .agent-link {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-top: 15px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    display: inline-block;
}

.single-team-member.v1 .single-team-info .agent-link:hover {
    color: #ddd;
    border-bottom: 1px solid #ddd;
}

.agent-content h4 {
    line-height: 1.2;
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 400;
}

.agent-content span {
    margin-bottom: 15px;
    display: block;
}

.agent-content .contact-info {
    margin-bottom: 5px;
}

.agent-content .contact-info .icon {
    font-size: 14px;
    width: 25px;
}

.agent-content .social-buttons li a:hover i {
    color: #999 !important;
}

.agent-details-wrapper {
    padding: 100px 0;

}

.agent-details-wrapper img {
    border: 1px solid #eee;
}

.team_next,
.team_prev {
    z-index: 99;
    top: 35%;
    transform: translateY(-35%);
    transition: 0.6s;
}

.team_next {
    right: 1.5%;
}

.team_prev {
    left: 1.5%;
}

.team-wrapper {
    position: relative;
}

.agent-wrapper:hover .team-next,
.agent-wrapper:hover .team-prev {
    display: block;
    transition: 0.5s;

}


.single-team-member.v1 {
    margin-bottom: 30px;
}

.single-team-member.v1 img {
    width: 100%;
}

.single-team-info span {
    font-weight: 400;
}

.agent-grid .single-team-member.agent-item.v1:hover .property-location {
    margin-bottom: 20px;
}

.agent-grid .single-team-member.agent-item.v1:hover .property-location p,
.agent-grid .single-team-member.agent-item.v1:hover .property-location i {
    color: #fff;
}

/*---------------------Style2-------------------*/
.single-team-member.v2 .single-team-info {
    background-color: #fff;
    padding: 12px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
    transform: translateY(-50px);
    box-shadow: 0 10px 15px #dddddd63;
    border-radius: 3px;
    text-align: center;
}

.single-team-member.v2 .single-team-info h4 {
    margin-bottom: 5px;
    line-height: 1;
}

.single-team-member.v2 .single-team-info h4 a {
    color: #333;
}

.single-team-member.v1 h4 a {
    color: #fff;
}

.single-team-member.v2 .contact-info {
    margin-top: 5px;
}

.single-team-member.v2 .contact-info .icon {
    font-size: 12px;
    padding-right: 5px;
    width: 20px;
    color: #a83a11;
}

.single-team-member.v2 .contact-info .text,
.single-team-member.v2 .contact-info .text a {

    color: #888;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400 !important;
}

.single-team-member.v2 .single-team-info .list {
    margin-top: 10px;
}

.single-team-member.v2 .single-team-info .single-team-info span {
    color: #333;
    font-weight: 400;
}

.single-team-member.v2 .single-team-info .social-buttons li {
    padding: 0 5px;
}

.single-team-member.v2 .single-team-info .social-buttons.style2 li a i {
    font-size: 14px;
    color: #888;
}

.single-team-member.v2 .single-team-info .social-buttons.style2 li a i:hover {
    color: #555 !important;
}

.agent-list>.row {
    margin-bottom: 40px;
}

.product-list .single-team-info,
.agent-list .single-team-info {
    background-color: transparent;
    padding: 0 20px;
    position: relative;
    bottom: 0;
    opacity: 1;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.product-list .single-team-info h4 a,
.agent-list .single-team-info h4 a,
.product-list .single-team-info span,
.agent-list .single-team-info span,
.product-list .single-team-info .contact-info .icon,
.agent-list .single-team-info .contact-info .icon,
.product-list .single-team-info .contact-info .text,
.agent-list .single-team-info .contact-info .text,
.product-list .single-team-info .contact-info .text a,
.agent-list .single-team-info .contact-info .text a,
.product-list .single-team-info .social-buttons li a i,
.agent-list .single-team-info .social-buttons li a i {
    color: #333;
    font-weight: 500;
}

.agent-list .single-team-info .agent-link {
    text-decoration: underline;
    font-weight: 500;
    margin-top: 20px;
    display: block;
}


.product-list .single-team-info {
    display: block;
}

.agent-list .agent-content .property-location {
    margin-bottom: 20px;
}

.agent-list .agent-content .property-location i {
    color: #333;
}

/*===================================
        Agent Chat box
====================================*/

.chat-popup {
    border: 1px solid transparent;
    border-radius: 50%;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    right: 5.5%;
    z-index: 999;
    width: 55px;
    height: 55px;
    background: #a83a11;
    text-align: center;
}

.chat-popup i {
    font-size: 28px;
    line-height: 55px;
}

.chat-popup img {
    border: 5px solid #a83a11;
    border-radius: 50%;
}

.chat-close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 15px;
}

.chat-close i {
    font-size: 18px;
}

.chat-bounce {
    -moz-animation: float 1500ms infinite ease-in-out;
    -webkit-animation: float 1500ms infinite ease-in-out;
    animation: float 1500ms infinite ease-in-out
}

@keyframes float {
    0% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px)
    }

    50% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    100% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px)
    }
}

.chat-popup:hover .chat-popup-msg {
    visibility: visible;
    opacity: 1;
}

.agent-chat-form.v1 {
    display: none;

}

.agent-chat-form {
    background: #fff;
    /*    box-shadow: 0 0 15px rgba(51, 51, 51, 0.1);*/
    box-shadow: 0 20px 15px rgba(55, 55, 55, 0.15);
    transition: 0.5s;
    padding: 15px 0;
    border-radius: 5px;
    display: none;
}

.agent-chat-info li {
    font-size: 14px;
    font-weight: 400;
    margin-left: -5px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.chatbox-wrapper {
    position: fixed;
    width: 350px;
    right: 130px;
    bottom: 90px;
    z-index: 999;
}

.agency-chat-img {
    max-width: 100%;
    margin-bottom: 6px;
}

.agent-chat-info li i {
    margin-right: 10px;
}

.agent-chat-info li a {
    color: #a83a11;
    font-weight: 500;
}

.chat-field {
    padding: 12px 10px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
}

.chat-msg {
    color: #ddd;
}

.chat-msg {
    color: #888;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 10px;
}

/*--------counter section----------*/
#counter {
    padding: 80px 0;
}

.counter-text {
    text-align: center;
}

.counter-text h6 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 0;
    line-height: 1.2;
    margin-top: 25px;
}

.counter-text p {
    font-size: 17px;
    color: #fff;
}

.counter-text i {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
}

.counter-section {
    position: relative;
}

/*--------------------Counter v2-----------------*/
.counter-text.v2 h6 {
    color: #333;
    font-weight: 500;
    font-size: 30px;
    margin-top: 15px;
}

.counter-text.v2 p {
    color: #333;
    font-size: 16px;
}

.counter-text.v2 i {
    border: none;
    border-radius: 0;
    color: #fa6742;
}

.counter-text.v2

/*-----------------------------------------
                    Contact Page
----------------------------------------*/
#contact_form .form-control-wrap input {
    border-top: none;
    border-left: none;
    border-right: none;
}

#contact_form .form-control-wrap input {
    font-weight: 300;
    height: 45px;
    border-radius: 3px;

}

#contact_form .form-control-wrap textarea {
    border-radius: 3px;
}

#contact_form .form-group {
    margin-bottom: 10px;
}

#contact_form .form-group .help-block {
    color: #f91942;
    font-size: 15px;
}

.map-view-wrap_item {
    position: absolute;
    width: 350px;
    border-radius: 6px;
    background: #fff;
    padding: 25px 30px;
    top: 80px;
    right: 120px;
    z-index: 9999;
}

.list-single-main-item-title {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #eee;
}

.list-single-main-item-title h3 {
    color: #444;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}

.address-list {
    display: block;
}

.contact-social li {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #a83a11;
    text-align: center;
    margin-right: 5px;
    transition: 0.5s;
    cursor: pointer;
}

.contact-social li:hover {
    border: 1px solid #ddd;
    background: transparent;
}

.contact-social li:hover a i {
    color: #444;
}

.contact-social li a i {
    color: #fff;
    font-size: 15px;
    line-height: 35px;
}

.address-list ul li span i {
    font-size: 20px;
}

.address-list ul li span {
    width: 30px;
    display: inline-block;
    text-align: left;
}

.address-list ul li a {
    font-size: 14px;
    margin-left: 5px;
}

.contact-widget p {
    margin-top: 15px;
}

.contact-widget {

    border: 1px solid #ddd;
    padding: 20px;

}

/* ----------------------------------------------------------------- 
                         9. COLOR SWITCHER
------------------------------------------------------------------*/

.color-switcher {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 10px;
    position: fixed;
    top: 150px;
    transition: all 0.4s ease 0s;
    width: 200px;
    z-index: 9998;
}

.hide-color-switcher {
    right: -200px;
}

.show-color-switcher {
    right: 0;
}

.color-switcher a.switcher-button {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    cursor: pointer;
    font-size: 22px;
    width: 45px;
    height: 45px;
    line-height: 43px;
    position: absolute;
    top: -1px;
    right: 198px;
    text-align: center;
}

.color-switcher .color-switcher-title h5 {
    margin-bottom: 0;
    color: #888;

}

.color-switcher .color-list a.color {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin: 10px 5px 0 5px;
    width: 30px;
    border-radius: 5px;
}

.switcher-button i {
    color: #a83a11;
}

.red-theme {
    background-color: #f91942;
}

.green-theme {
    background-color: #1ec38b;
}

.blue-theme {
    background-color: #6ae;
}

.orange-theme {
    background-color: #FD901B;
}

.pink-theme {
    background-color: #FC69A4;
}

.purple-theme {
    background-color: #a83a11;
}

.violet-theme {
    background-color: #990099;
}

.aqua-theme {
    background-color: #a83a11;
}

.switcher-button i:before {
    -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}


/*-------------------------------------------
            Preloader
-------------------------------------------*/

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    overflow-x: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ------------------------------------------
           Single Agent Page
---------------------------------------------*/
.agent-detail {
    background: #fff;
    margin-bottom: 30px;
}

.agent-detail .agent-theme {
    padding: 0;
}


.agent-details h3 {
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: capitalize;
    line-height: 1.5;
}

.agent-detail h3 a {
    color: #37404d;
}

.address-list {
    margin: 0 0 20px;
    padding: 0;
}

.address-list li {
    line-height: 35px;
    font-size: 16px;
    color: #444;
    font-weight: 400;
}

.address-list li span {
    width: 100px;
    font-weight: 500;
    float: left;
}

.address-list li span i {
    color: #95c41f;
    width: 30px;
}

.additional-details-list {
    margin: 0;
    padding: 0;
}

.additional-details-list li {
    list-style: none;
    line-height: 36px;
    font-weight: 600;
    color: #333;
}

.additional-details-list li span {
    margin-right: 20px;
    float: left;
    width: 130px;
    font-weight: 400;
    color: #4a4747;
}

.agent-bio {
    margin-bottom: 50px;
}


/*------------------------------------------
        Map Marker
-------------------------------------------*/

#map_right_listing {
    width: 100%;
    height: 600px;
}

.infoBox {
    -webkit-animation: fadeIn .9s;
    animation: fadeIn .9s;
    padding-right: 0;
    margin-left: 30px;
}

.infoBox>img {
    position: absolute !important;
    right: -1% !important;
    top: -1% !important;
    z-index: 9999;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer
}

/*
.gmnoprint {
    bottom: 300px !important;
    position: absolute !important;
    right: 50px !important;
}*/

span.infobox_rate {
    display: inline-block !important;
    float: right;
    background-color: #f91;
    font-weight: 500;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0 !important;
    line-height: 31px !important;
    margin-top: -33px;
}

.map_container {
    max-width: 280px !important;
}

.map_container .featured_btn {
    position: absolute;
    top: 6%;
    left: 4%;
    z-index: 999;
}

.marker-info img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    position: relative;
}

.marker-info {
    border-radius: 5px;
    text-align: left;
    background: #000;
    background: #fff;
    position: relative;
    z-index: 999;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
}

.marker-info:before {
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 5%, rgba(22, 22, 23, 0) 40%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100%;
    content: '';
    z-index: 9;
}

.marker_title {
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}

.marker_price.trend-open span {
    display: inline-block;
    position: relative;
    padding-left: 14px;
    text-transform: inherit;
    color: #fff;
}

.map_property_info li {
    color: #555;
    font-size: 14px;
}

.marker_price.trend-open span::before {
    position: absolute;
    top: -8px;
    left: 3px;
    content: "/";
    font-size: 20px;
}

.marker_price.trend-open p {
    color: #fff;
}

.marker-info span {
    display: block;
    /*    padding: 20px;*/
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.2;
    color: #fff;
    position: relative
}

.marker-text {
    background: #fff;
    padding: 10px;
}

.map_property_info {
    columns: 2;
}

.marker_price.trend-open {
    position: absolute;
    bottom: 6%;
    z-index: 10;
    width: 100%;
}

.map_property_info li span {
    margin-left: 5px;
}
.special {background: #F2F2F2;
padding: 30px 20px;
border-radius: 20px;}
.cluster-visible {
    background-image: none !important;
    background-color: #a83a11;
    border-radius: 50%;
    color: #fff !important;
    height: 50px !important;
    line-height: 45px !important;
    width: 50px !important;
    animation: cluster-animation 1.5s linear infinite;
}

@keyframes cluster-animation {
    0% {
        box-shadow: 0 4px 10px rgba(100, 73, 231, 0.2), 0 0 0 0 rgba(100, 73, 231, 0.2), 0 0 0 5px rgba(100, 73, 231, 0.2), 0 0 0 10px rgba(100, 73, 231, 0.2);
    }

    100% {
        box-shadow: 0 4px 10px rgba(100, 73, 130, 0.2), 0 0 0 5px rgba(100, 73, 130, 0.2), 0 0 0 10px rgba(100, 73, 231, 0.2), 0 0 0 20px rgba(100, 73, 231, 0);
    }
}

.btn_infobox_reviews {
    color: #888 !important;
    padding: 0 !important;
}

.marker_info span strong {
    display: block;
    font-weight: 500
}

.marker_info:after {
    right: 100%;
    top: 56%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: #fff;
    border-width: 12px;
    margin-top: -12px
}

.marker_info::after {
    right: 100%;
    top: 56%;
    border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: transparent;
    border-right-color: #fff;
    border-width: 12px;
    margin-top: -12px;
}

/*------------------------------------------
                Responsive Css
-------------------------------------------*/
@media (min-width: 1250px) {
    .container {
        max-width: 1230px;
    }

    .featured-property-section.v2 .container-fluid {
        padding: calc((100% - 1230px) / 2 + 15px);
        padding-right: 0;
    }
}

@media (max-width: 1200px) {
    .trending-btn-wrap {
        margin: 3px 0 0;
    }

    .hero.bg-zoom {
        animation: none;
    }
}

@media (min-width: 1200px) {
    .similar-next {
        right: -25px;
    }

    .similar-prev {
        left: -25px;
    }

    .sidebar-left {
        padding-right: 20px;
    }

    .agent-details-wrapper,
    .sidebar-content-left {
        margin-right: 20px;
    }

    .sidebar-content-right {
        margin-left: 20px;
    }

    .sidebar-right {
        padding-left: 20px;
    }

    .promo-section.v1 .container,
    .value-calculator-section.v1 .container {
        margin-left: 0;
        padding-left: 0;
    }

    .value-calculator-section.v1 .value-content-wrap,
    .promo-section.v1 .promo-content-wrap {
        padding-left: 35px;
    }

    .promo-section.v2 .promo-content {
        margin: 35px 3px 30px 20px;
    }

    .promo-section.v1::before {
        position: absolute;
        top: 0;
        right: 0;
        width: 67%;
        height: 100%;
        content: "";
        background: rgba(221, 221, 221, 0.22);
    }

    .single-property_prev,
    .single-property_next {
        left: 41%;
    }

    .feature-prev {
        left: -1%;
    }

    .feature-next {
        right: -1%;
    }

    .sidebar-right:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        content: "";
        background: #f7f7f7;
        z-index: -1;
    }

    .sidebar-left:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 100vw;
        height: 100%;
        content: "";
        background: #f7f7f7;
        z-index: -1;
    }

}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .hero__form.v1 {
        padding: 10px 25px;
    }

    .hero__form.v2 {
        padding: 15px 15px 0;
    }

    .listing-sidebar {
        padding-left: 0;
    }


    .business-title {
        padding: 10px;
    }

    .add_list .list-details-tab .nav-item {
        margin-right: 25px;
    }


    .single-property-header.v4 .list-details-btn.text-right.sm-left {
        text-align: left !important;
    }

    .single-property-header.v4 .property-feature li {
        padding: 0;
    }

    .single-property_prev,
    .single-property_next {
        left: 51.4%;
    }

    .hero__form.v2 .explore__form-checkbox-list.full-filter {
        top: 135px;
    }

    .filter-wrapper.style1.half-map {
        margin-top: 70px !important;
    }

    .explore__map-side {
        top: 70px;
        left: 0 !important;
        height: 100%;
    }

    .property-amenities-box .list-details-tab .nav-item {

        margin-right: 20px;

    }


}

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

    .map-sidebar-content {
        margin-top: 520px;
    }

    .hero__form.v2.filter.listing-filter .input-search,
    .hero__form .hero__form-input {
        margin-bottom: 15px;
    }

    .hero__form.v3.filter.listing-filter .input-search,
    .hero__form.v3 .hero__form-input {
        margin-bottom: 0;
    }

    .widget .hero__form.v2 .explore__form-checkbox-list.full-filter.filter-block {
        background: #fff;
    }

    .hero__form.v2 .dropdown-filter {
        padding-right: 30px;
        float: right;
    }

    .filter-wrapper.half-map.advance_search .item-element,
    .filter-wrapper.half-map.advance_search .filter-box.style1 {
        margin-top: 480px;
    }

    .filter-wrapper.half-map.advance_search .filter-box.style1 .inner-wrapper-sticky {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;

    }

    .list-tags {
        margin-bottom: 50px;
    }

    .similar-next {
        left: 50%;
        margin-left: 15px;
    }

    .similar-prev {
        right: 50%;
        margin-right: 15px;

    }

    .similar-prev,
    .similar-next {
        top: 100%;
    }

    .sidebar-right,
    .sidebar-left {
        padding-bottom: 0;
    }


    .hero__form.v1.filter.listing-filter .pr-30,
    .hero__form.v1.filter.listing-filter .pr-0,
    .hero__form.v1.filter.listing-filter.property-filter .col-md-6.pr-0,
    .hero__form.v4.filter.listing-filter .pr-0,
    .hero__form.v3.filter.listing-filter .pr-0 {
        padding-right: 15px !important;
    }

    .hero__form.v1.filter.listing-filter .pl-0,
    .hero__form.v1.filter.listing-filter .pl-30,
    .hero__form.v1.filter.listing-filter.property-filter .col-md-6.pl-30,
    .hero__form.v2.filter.listing-filter .pl-0 {
        padding-left: 15px !important;
    }

    .hero__form.v2.filter.listing-filter.bg-ab .input-search,
    .hero__form.v2.filter.listing-filter.bg-ab .custom-select.hero__form-input.custom-select {
        margin-bottom: 15px;
    }

    .hero__form.v1.filter.listing-filter .dropdown-filter,
    .hero__form.v2.filter.listing-filter.bg-ab .dropdown-filter,
    .hero__form.v1.filter.listing-filter.property-filter .dropdown-filter {
        float: right;
        margin-right: 25px;
        line-height: 1;
    }

    .hero__form.v1.filter.listing-filter .col-sm-12.col-12.py-3 {
        padding-bottom: 15px !important;
        padding-top: 0 !important;
    }

    .hero__form.v1.filter .custom-select.hero__form-input.custom-select {
        margin-bottom: 10px !important;

    }

    .hero__form.v1.filter.listing-filter {
        padding: 30px 32px 5px 32px;
        border-radius: 0px 3px 3px 3px;
    }

    .hero__form.v1 .col-xl-5 .explore__map-side {
        width: 100%;
        position: absolute;
        top: 70px;
        left: 0 !important;
        height: 300px;
        padding-left: 0;
    }

    .filter-widget .hero__form.v2 .explore__form-checkbox-list.full-filter {
        top: 60px;
    }

    .promo-content-wrap {
        margin-top: 50px;
    }

    #map-container.fullwidth-home-map {
        height: 450px;
    }

    .slider-form.v1 .hero__form.v1 {
        transform: translateY(0px);
        border: 1px solid #f5f6f7;
    }

    .hero-slider .featured-property-item.bg-f {
        height: 600px;
    }

    .promo-section.v2 .promo-content-wrap {
        margin-left: 0;
    }

    .promo-section.v2 .promo-content {
        margin-bottom: 25px;
    }

    .container.slider-form.v2.mt-130 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .trending-places.mt-140,
    .promo-section.v1.mt-110.py-50 {
        margin-top: 80px !important;
        padding-top: 0 !important;
    }

    .container.mt-130 {
        margin-top: 20px !important;
    }

    .trending-places.pt-130 {
        margin-top: 30px !important;
    }

    .feature-prev,
    .feature-next {
        top: 105%;
        transform: translateY(-50%);
    }

    .feature-next {
        left: 50%;
        margin-left: 20px;
    }

    .feature-prev {

        right: 50%;
        margin-right: 20px;

    }

    .explore__map-side {

        position: absolute;
        height: 450px;
        width: 100%;
        left: 0 !important;
        padding-left: 0 !important;

    }

    .table.compare-table h4,
    .table.compare-table .trend-open p {
        font-size: 16px;
    }

    .property-slider-img.bg-l {
        height: 600px;
    }

    .list-details-title.v4 {

        transform: translateY(-300px);
    }

    .pricing-table {
        margin-bottom: 30px;
    }
}

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

    .recent-list .entry-title {
        font-size: 22px;
    }

    .property-location p {
        font-size: 16px;
    }

    .entry-text .trend-open p {
        font-size: 24px;
        margin-top: 10px;
    }


    .hero__form.v1 .explore__form-checkbox-list.full-filter {
        top: 150px;
    }

}

@media only screen and (min-width: 576px)and (max-width:1199px) {

    .sidebar .widget.recent-posts .entry-title a {
        font-size: 20px;
    }

    .hero-slider .featured-prev,
    .hero-slider .featured-next {
        top: 40%;
    }

    .hero-slider .featured-prev {
        left: 2%;
    }

    .hero-slider .featured-next {
        right: 2%;
    }

    .promo-section.v1 .promo-content-wrap {
        columns: 2;
    }

    .map-sidebar-content .map-filter .explore__form-checkbox-list.full-filter {
        top: 80px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .hero__form {
        padding: 30px 25px 30px 25px;
    }

    .hero__title {
        font-size: 3.8rem;
        line-height: 4.4rem;
        margin-left: -3px;
    }

    .trending-prev {
        left: -2.5%;
    }

    .trending-next {
        right: -2.5%;
    }

    .hero-category-content.v2 {
        width: calc(100% * (1/3) - 20px);
        padding: 10px 15px;
    }

    .featured-prev {
        right: 50%;
        margin-right: 15px;
    }

    .featured-next {
        left: 50%;
        margin-left: 15px;
    }

    .property-author-wrap {
        opacity: 1;
        visibility: visible;
    }

    .single-property_prev,
    .single-property_next {
        left: 51.4%;
    }

    .single-team-member.v1 .single-team-info {
        bottom: 0;
        opacity: 1;
        flex-direction: column;
        height: auto;
        padding: 15px 0;
        background-color: rgba(100, 73, 231, 0.79);
    }

    .agent-grid .single-team-member.v1 .single-team-info .social-buttons.style2 {
        display: none;
    }

    .agent-grid .single-team-member.v1 .single-team-info .agent-link {
        margin-top: 5px;
    }

    .agent-grid .single-team-member.v1 .single-team-info .agent-content .contact-info {
        line-height: 1.7;
    }
}

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

    .bg-fixed {
        background-attachment: fixed;
        background-repeat: no-repeat;
    }

    .single-place:hover .single-place-title {
        transform: translatey(-15px);
    }

    .single-place:hover .single-place-list {
        transform: translatey(-25px);
        opacity: 1;
    }

    .single-place:hover .explore-place {
        transform: translatey(-12px);
        color: #fff;
        opacity: 1;
    }

    .popular-catagory-content:hover.popular-catagory-content .cat-content {
        opacity: 1;
    }

    .single-blog-item.v2:hover .blog-hover-content .blog-title {
        transform: translatey(-20px);
    }

    .single-blog-item.v2:hover .blog-hover-content a.btn.v6 {
        transform: translatey(-6px);
        transition-delay: 0.1s;
        opacity: 1;
    }

    /* .featured-property-wrap:hover .featured-prev,
    .featured-property-wrap:hover .featured-next {
        visibility: visible;
        opacity: 1;
    }

    .featured-property-wrap:hover .featured-prev {
        left: 4.5%;
    }

    .featured-property-wrap:hover .featured-next {
        right: 4.5%;
    }*/

    .featured-prev,
    .featured-next {
        /*visibility: hidden;*/
        opacity: 1;
        top: 50%;
        transform: translateY(-50%);
    }

    .featured-prev {
        left: 5%
    }

    .featured-next {
        right: 5%
    }

    .single-team-member.v1:hover .single-team-info {
        bottom: 0;
        opacity: 1;
        width: 100%;
        height: 100%;
    }

}

@media only screen and (max-width: 1024px) {
    .single-place-content {
        bottom: 3.6rem;

    }

    .single-place .explore-place {
        transform: translatey(30px);
        color: #fff;
        opacity: 1;
    }

    .popular-catagory-content .cat-content {
        opacity: 1;

    }

    .blog-hover-content .blog-title {
        transform: translatey(15px);
    }

    .hero.v1:after {
        bottom: -3px;
    }

    .container.mt-30 {
        margin-top: 100px !important;
    }

    .property-place.pb-110 {
        padding-bottom: 80px !important;
    }

    .trending-places.py-130.mt-1 {
        padding-top: 40px !important;
    }

    .promo-section.v1.mt-10.py-50 {
        padding-top: 30px !important;
    }

}

@media only screen and (min-width: 992px) {
    .property-list.fullwidth .list-extra .trend-open {
        margin-top: 30px;
    }

    .value-calculator-section.v1:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 70%;
        height: 100%;
        content: "";
        background: #f7f7f7;
    }

    .team_next,
    .team_prev {
        visibility: hidden;
        opacity: 0;
    }

    .team-wrapper:hover .team_next,
    .team-wrapper:hover .team_prev {
        visibility: visible;
        opacity: 1;
    }

    .team-wrapper:hover .team_next {
        right: 2%;
    }

    .team-wrapper:hover .team_prev {
        left: 2%;
    }

}

@media only screen and (min-width: 992px) and (max-width:1024px) {
    .site-navbar .site-navigation .site-menu>li {
        padding: 10px 8px;
    }

    .hero-category-content {

        width: calc(100% * (1/3) - 21px);
        margin-bottom: 15px;

    }

    .app-img {
        top: -85px;
    }

    .testimonial-quote {
        padding: 40px 60px;
        width: 500px;
    }

}

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

    .trending-next,
    .coupon-next,
    .team-next,
    .testimonial-next,
    .trending-prev,
    .coupon-prev,
    .team-prev,
    .testimonial-prev {
        top: 105%;
    }

    .team-next,
    .team-prev {
        top: 60px;
    }

    .trending-prev,
    .coupon-prev,
    .team-prev,
    .testimonial-prev {
        left: 44%;
    }

    .trending-next,
    .coupon-next,
    .team-next,
    .testimonial-next {
        right: 44%;
    }
}

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

    .hero__title,
    .hero-title.v2 {
        font-size: 2.8rem;
        margin-left: 0;
    }

    .hero__description {
        font-size: 1rem;
    }

    .hero-category-content {

        width: calc(100% * (1/3) - 21px);
        margin-bottom: 15px;


    }

    .header-text.v1 h1,
    .header-text.v2 h1 {
        font-size: 32px;margin-bottom: 0;
    }

    .pl-xs-0 {
        padding-left: 0 !important;
    }

    .pr-xs-0 {
        padding-right: 0 !important;
    }

    .property-list.fullwidth .single-property-box .property-title-box {

        padding: 20px 20px;
    }

    .property-list.fullwidth .property-item .save-btn {

        display: block;
        float: left;
        margin-top: 10px;

    }

    .property-list.fullwidth .property-item .property-author {

        display: block;

    }

    .trend-open p {

        text-align: center;
    }

    .testimonial-quote {
        padding: 30px;
        width: 500px;
    }

    .testimonial-quote p {
        margin-top: 10px;
    }

    .client-btn-wrap {
        right: 3%;
        padding: 5px 6px 5px 6px;
    }

    .client-btn-wrap {
        bottom: 27%;
    }

    .client-next i,
    .client-prev i {
        font-size: 22px;
        margin: 0 5px;
    }

    .location-info {

        right: 20px;
        padding: 15px;

    }

    .location-info h3 {

        color: #fff;
        font-size: 18px;
        font-weight: 400;
        text-align: center;

    }

    .single-location-box i {
        font-size: 28px;


    }

    .location_box_info {

        margin-left: 50px;

    }
}

@media only screen and (min-width: 576px) and (max-width:991px) {
    .featured-property-info .property-title-box h4 a {
        font-size: 22px;
    }

    .featured-property-info .property-title-box {
        padding: 24px;
        width: 360px;
        left: 3%;
    }

    .action-title h2 {

        font-size: 28px;

    }

    .hero-slider.v2 .list-details-title.v3 {
        padding: 30px;
        width: 380px;
    }

    .single-listing-title h2 {
        font-size: 24px;
    }

}

@media only screen and (min-width: 481px) and (max-width:991px) {
    .section-title {
        font-size: 1.7rem;
    }

    .nav-folderized .nav h2::before {
        opacity: 0;
    }
}

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

    .hero {

        padding: 7rem 0 12.5rem;
    }

    .hero.v1 {
        padding-top: 15rem;
    }


    .single-blog-item.v1 img,
    .popular-catagory-img img,
    .coupon-img img {
        width: 100%;
    }

    .hero__form.v2.filter.listing-filter.bg-cb .explore__form-checkbox-list.full-filter .col-lg-4.col-md-6.py-1.pr-30 {
        padding-right: 15px !important;
    }

    .hero__form-input {
        width: 100%;
    }

    .hero__input-holders {
        width: 40rem;
        margin-bottom: 1rem;
    }

    .hero-client-section.v2 {
        height: 600px;
    }

    .site-navbar-wrap.v2 {
        padding: 15px 0;
    }

    .site-navbar-wrap.v1 {
        padding: 15px 0;
    }

    .sm-center {
        text-align: center !important;
    }

    .sm-right {
        float: right !important;
    }

    .sm-left {
        text-align: left !important;
    }

    .md-left {
        float: left !important;
    }

    .btn.v1 {
        font-size: 16px !important;
        padding: 10px 20px !important;
        display: inline-block !important;
    }

    .hero__title {
        margin-top: 100px;
    }

    .hero__form.v2 .explore__form-checkbox-list.full-filter {
        top: 250px;
    }

    .widget .hero__form.v2 .explore__form-checkbox-list.full-filter .col-lg-6.col-md-12.pl-0 {
        padding-left: 15px !important;
    }

    .testimonial-btn.v2 {
        bottom: -50px;
        left: 52%;
    }

    .agent-details-wrapper {
        padding-top: 0;
    }

    .explore__map-side {
        top: 60px;
    }

    .hero-client-section.v2 .section-title.v2 {
        text-align: center;
    }

    .hero-client-section.v2 .section-title.v2 h2 {
        margin-bottom: 10px;
    }

    .site-navbar-wrap.v1 {
        padding: 15px 0;
    }

    .site-nav-wrap a.btn.v1 {
        margin-top: 15px;
        padding: 5px;
    }

    .header-text.v2 {
        margin-bottom: 40px;
    }

    .hero-slider-info .filter-title p {
        color: #fff;
    }

    .hero-slider-info #amount_one,
    .hero-slider-info #amount_two {
        background: transparent;
        color: #fff;
    }

    .list-details-title.v2 {
        bottom: 25%;
    }

    .call-to-action.bg-h.consult-form.v1,
    .call-to-action.bg-h.consult-form.v2 {
        height: 750px;
    }

    .widget.filter-widget .filter-checkbox ul {
        columns: 1;
    }

    .category-section.v2 .col-md-6 {
        margin-bottom: 30px;
    }

    .category-section.v2 .single_cat p {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
    }

    .contact-map.v2 .gmnoprint {
        bottom: 200px !important;
    }


    .value-input-wrap input[type="text"] {

        box-shadow: 0 0px 15px rgba(221, 221, 221, 0.77);
    }

    .single-blog-item.v3 h4 a {
        font-size: 20px;
    }

    .contact-map {
        margin-top: 50px;
    }

    .filter-wrapper.style1.v2 .hero__form.filter {
        background: transparent;
        box-shadow: none;
    }

    .filter-wrapper.style1.v2 .hero__form.v2 .hero__form-input {
        border: none;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);

    }

    .filter-wrapper.style1.mt-100.half-map {
        margin-top: 50px !important;
    }


    .sm-none {
        display: none !important;
    }

    .pricing-table {
        margin-bottom: 30px
    }

    .sm-right {
        text-align: right !important;
    }

    .listing-sidebar {
        margin-top: 0;
        padding-left: 0;
    }

    .single-property_prev,
    .single-property_next {
        left: 51.4%;
    }

    .single-property_prev {
        top: 52%;
    }

    .single-property_next {
        top: 59%;
    }

    .hero__form.v2 .hero__form-input {
        width: 100%;
        background: #fff;
    }

    .hero__form.v2 {
        padding: 20px 20px 20px;
    }

    .hero__form.v2 .hero__form-input::before {
        display: none;
    }

    .hero__form.v2 .custom-select.hero__form-input {
        line-height: 0 !important;
    }

    .hero__form.v2 .custom-select::after {
        right: 5%;
        top: 53%;
    }

    .explore__form-checkbox-list.full-filter {
        left: 0%;
        
    }
    .dropdown-toggle::after {
      display: none !important;
    }
   .home.explore__form-checkbox-list.full-filter {
        left: 0%;
        position: absolute;
    background: #697581;
    }
    .filter-checkbox {
        margin-bottom: 25px;
    }

    .full-filter .price-range.ui-widget.ui-widget-content {
        width: 220px;
    }

    .nav-folderized .nav h2 {
        cursor: pointer;
    }

    .nav-folderized ul.res-list {
        max-height: 0;
        overflow: hidden;
        transition: 0.5s ease-out;
    }

    .nav-folderized .nav h2:after {
        content: "\e874";
        float: right;
        font-family: "Linearicons-Free";
        font-size: 17px;
        line-height: 1;
        margin-left: 10px;
        position: absolute;
        right: 3%;
    }

    .nav-folderized .nav.open h2:after {
        content: "\e873";
        float: right;
        font-family: "Linearicons-Free";
        font-size: 18px;
    }

    .nav-folderized .nav.open ul {
        height: auto;
        max-height: 500px;
        transition: 0.5s ease-in !important;
    }

    .hero.v2,
    .hero.v3 {
            padding-top: 200px;
        margin-top: 100px;
        height: 478px;
    }

    .hero-catagory-wrapper.v2 {
        transform: translateY(0px);
        padding-bottom: 250px;
    }

    .slider-btn.v1 {
        width: 35px;
        height: 35px;
    }

    .slider-btn.v1 i {
        line-height: 32px;
        font-size: 15px;

    }

    .user-follow.text-right p {
        margin-top: 20px;
    }

    .review-item__post {
        display: flex;
    }

    .review-item__content {
        margin-top: 50px;
    }

    .review-item__post-image {
        margin-bottom: 10px;
    }

    .user_info_menu {
        border-bottom: none;
    }

    .boxed-widget.summary {
        margin-top: 30px;
    }

    .add_list .nav.nav-tabs.list-details-tab {
        display: block;
    }

    .add_list .list-details-tab .nav-item {

        border-bottom: 1px solid #ddd;
    }

    .map-view-wrap_item {
        position: relative;
        left: 0;
        top: 0;
        background: transparent;
        border-radius: 0;
        z-index: 999;
        padding: 40px 0 0 0;
    }

    .contact-widget {
        margin-top: 50px;
    }

    .blog-hover-content .blog-title {
        transform: translatey(-35px);
    }

    .device-logo a img {
        width: 32%;
    }

    .filter-sub-menu.style1 ul li.has-sub>a {

        margin-top: 15px;
    }

    .footer-top-area .footer-content .title {
        margin-top: 15px;
        line-height: 1;
    }

    .footer-logo .company-desc {
        margin-bottom: 20px;
    }

    #list-view.product-list .property-item .property-title-box {
        padding: 15px 30px;
    }

    .value-content {
        padding-left: 0;
        margin: 30px 0;
    }

    .single-property-slider .property-slider-img.bg-f {
        height: 650px;
    }

    .list-gallery-thumb {
        margin-top: 5px;
        padding: 0 10px;
    }

    .list-gallery-thumb .col-2 {
        padding: 5px;
    }

    .list-gallery-thumb .col-2.mb-27 {
        margin-bottom: 0 !important;
    }

    .hero-slider.v2 .list-details-title.v3 .property-feature {
        columns: 2;
        padding: 5px 0;
    }

    .item-element.res-box {

        margin-top: 10px;
    }

    .property-list .single-property-box .property-title-box {

        padding: 30px;
    }

    .property-list.fullwidth .list-extra {
        padding: 10px 15px 25px;
    }

    .hero__form.v1.filter.listing-filter.property-filter .explore__form-checkbox-list.full-filter .pl-0 {
        padding-left: 15px !important;
    }

    .hero__form.v1.filter.listing-filter.property-filter .explore__form-checkbox-list.full-filter .pr-30 {
        padding-right: 15px !important;
    }

    .action-title.sm-center {
        margin-bottom: 45px;
        padding: 0 35px;
    }

    .category-content h3 {
        padding: 0 10px;
        line-height: 1.2;
    }

    .hero__form.v4.filter.listing-filter .input-search,
    .hero__form.v4.filter.listing-filter .custom-select.hero__form-input.custom-select {
        margin-bottom: 15px;
    }

    .hero__form.v3 {
        background: rgba(0, 0, 0, 0.34);
        padding: 15px;
    }

    .hero__form.v3 h4 {
        color: #fff;
    }

    .about-section .testimonial-video {
        margin-bottom: 30px;
    }

    .contact-section .contact-map.v1 {
        top: -380px;
        width: 100%;
    }

    .contact-section .container .row {
        margin-top: 320px;
    }

    .value-content-wrap .section-title.v2 {
        text-align: center;
        margin-top: 30px;
    }

    .call-to-action.consult-form.v1 .form-group .filter-input {
        margin-top: 0;
    }

    .hero-client-section.v2 .testimonial-btn.v2 {
        bottom: -400px;
        left: 43%;
    }

    .single-property-next,
    .single-property-prev {

        top: 85%;
        opacity: 1;
        visibility: visible;
    }

    .single-property-next {
        left: 50%;
        margin-left: 15px;
    }

    .single-property-prev {
        right: 50% !important;
        left: auto;
        margin-right: 15px;
    }

    .counter-text.v2 {

        margin-bottom: 30px;

    }

    .featured-property-wrap.v1 {
        padding-bottom: 150px;
    }

    .featured-property-wrap.v1 .featured-property-item.bg-h {
        position: relative;
    }

    .featured-property-wrap.v1 .featured-property-info .property-title-box {
        width: auto;
        transform: translateY(250px);
        padding: 30px 40px;
        box-shadow: 0px 14px 29px 0px rgba(221, 221, 221, 0.3);
    }

    .featured-property-wrap.v1 .featured-prev,
    .featured-property-wrap.v1 .featured-next {
        top: 35%;
    }

    .featured-property-wrap.v1 .featured-prev {
        left: 4.5%;
    }

    .featured-property-wrap.v1 .featured-next {
        right: 4.5% !important;
        left: auto;
    }



}

@media only screen and (min-width: 576px) and (max-width:767px) {
  
    .hero__title,
    .hero-title.v2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-left: 0px;
        letter-spacing: 0;
    }

    ul.listing-features {
        columns: 2;
    }

    .page-wrapper.fixed-footer {
        margin-bottom: 600px;
    }

    .team_next,
    .team_prev {
        top: 42%;
    }

    .item-filter-list li a {
        padding: 6px 12px;
    }

    .testimonial-quote {
        padding: 30px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }

    .map-sidebar-content .hero__form.v1.filter .col-sm-12.pr-0 {
        padding-right: 15px !important;
    }

    .single_property_agent .agent-details {

        margin-top: 20px;
        padding: 0 70px;
    }


}

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

    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        transform: translateY(0);
        padding-left: 40px;
    }

    .fixed-mortgage {
        position: fixed;
        top: 10%;
        right: 0;
        width: 100%;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        transform: translateY(0);
    }

}

@media only screen and (max-width:767px) {
  
    .xs-center {
        text-align: center !important;
    }

    .bg-xs {
        height: 500px;
    }

    .hero__list-item a {
        padding: 5px 15px;
    }

    .sm-center {
        text-align: center !important;
    }

    .sm-right {
        float: right !important;
    }


    .trending-pagination {
        bottom: 10%;
    }

    .hero__description {
        font-size: 1rem;
    }

    .hero__title {
        letter-spacing: 0;
    }

    .hero-img.text-right {
        display: none;
    }

    .hero-parallax .hero-slider-item {
        padding: 170px 0;
    }

    .hero-parallax {
        height: 980px;
    }

    .header-text.v1 h1,
    .header-text.v2 h1 {
        font-size: 25px;

    }
  .hero.v2 .pos-abs {
    position: absolute;
    width: 100%;
    bottom: 20px;
}
    .header-text.v2 span {
        font-size: 14px;
    }

    .hero__form.v1.filter.listing-filter .dropdown-filter {
        margin-right: 5px;
    }

    .site-navbar-wrap.v2.style2 .menu-btn,
    .site-navbar-wrap.v1 .menu-btn {
        justify-content: center;
        margin: 5px 0 10px 0;
    }

    .item-element p {
        line-height: 26px;
    }

    .counter-text {
        margin-top: 35px;
    }

    .margin-bot-35 {
        margin-bottom: 35px;
    }

    .hero-category-content {

        width: calc(100% * (1/3) - 21px);
        margin-bottom: 15px;

    }

    .list-details-title.v2 {
        bottom: 25%;
    }

    .property-amenities-box {
        transform: translateY(30%);
        height: 450px;
        padding: 25px;
    }

    .property-amenities-box .list-details-tab.nav-tabs {
        border-bottom: 1px solid #ddd;
    }

    .property-amenities-box .list-details-tab li.nav-item,
    .property-amenities-box .list-details-tab.fixed_nav li {
        border-bottom: none;
    }

    .trending-places.v2 .single-listing-title.float-left {
        margin-top: 10px;
    }

    .explore__map-side {
        top: 120px;
    }

    #map_right_listing {
        margin-top: 70px;
    }

    .map-sidebar-content {
        margin-top: 580px;
    }

    .list-details-btn {
        margin-top: 22px;
    }

    .list-details-tab {
        display: block;
    }

    .list-details-tab li.nav-item,
    .list-details-tab.fixed_nav li {
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 10px 0 !important;
    }

    .pricing-list li.nav-item a {

        padding-right: 20px;

    }

    .trending-places .list-details-tab li {
        display: inline-block;
        border-bottom: none;
    }

    .trending-places .list-details-tab.nav-tabs {
        border-bottom: 1px solid #ddd;
    }

    .list_menu {

        border-bottom: none;
    }

    .item-wrapper .product-list .property-item .property-title-box {
        padding: 20px 30px;
    }

    .trending-places .single-property-header.v4 .list-details-title.v2 .list-details-btn {
        margin-top: 5px;
    }

    .hero__list-item a {
        font-size: 1rem;
    }

    .hero__list-item a i {
        font-size: 0.9375rem;
    }

    .hero__form-input {
        width: 100%;
        margin-right: 0;
    }


    .hero__input-holders {
        width: 100%;
        border-radius: 0.25rem;
    }

    .list-details-tab.nav-tabs .nav-link {
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    .list-details-tab.nav-tabs .nav-link.active {
        border-bottom: none;
    }

    .list-details-tab.nav-tabs {
        border-bottom: none;
    }



    .feature-left.float-left {
        margin-top: 25px;
    }

    .room-type-item .feature-right {
        margin-top: -47px;
    }

    .facilities-list {
        margin-top: 45px;
    }

    .listing-details-slider .single-listing-slider a img,
    .room-type-item img {
        width: 100%;
    }

    .review_wrap .rate-review {
        margin-bottom: 10px;
    }

    .list-tags {
        margin-bottom: 30px;
    }

    .review-box {
        padding: 0 10px;
    }

    .agent-list .single-team-info {
        flex-direction: row;
    }

    .trending-prev,
    .coupon-prev,
    .team-prev,
    .partner-prev,
    .testimonial-prev {
        left: 43%;
    }

    .trending-next,
    .coupon-next,
    .team-next,
    .partner-next,
    .testimonial-next {
        right: 43%;
    }

    .coupon-desc.float-right h4 {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .coupon-owner {
        margin-bottom: 20px;
    }

    .work-process-content {

        margin-bottom: 30px;
    }

    .contact-widget {
        margin-top: 50px;
    }

    .list-details-tab.nav-tabs.pricing-list .nav-item {
        margin-right: 0;
        text-align: left;
    }

    .list-details-tab.nav-tabs.pricing-list .nav-item:first-child {
        padding-right: 15px;
    }

    .app-content {
        padding-bottom: 30px;
    }

    .app-img {
        position: relative;
        top: 10px;
    }

    .action-title p {
        margin-bottom: 30px;
    }

    .add_list_content .filter-input {

        margin-bottom: 15px;
    }

    .single-property-details.v1 {
        margin-top: 350px !important;
    }

    .listing-address,
    .property-info {
        columns: 2;
    }

    .floor-list li {
        display: block;
        float: left;
    }

    .floor-list li:first-child {
        margin-left: 0;
    }

    .floor-list {
        display: block;
        margin-left: 0;
    }

    .nearby-place {
        margin-bottom: 5px;
    }

    .contact-form__input-text,
    .contact-form__textarea {
        margin: 0 0 15px;

    }

    .property-list .single-property-box .property-title-box {
        padding: 20px 20px;
    }

    .category-section.bg-xs {
        height: 350px;
    }

    .category-content h3 {
        font-size: 26px;
    }

    #general_info .listing-input.hero__form-input.custom-select {
        margin-bottom: 30px;
    }

    .hero__form.v2 .explore__form-checkbox-list.full-filter {
        top: 250px;
    }

    .hero__form.v1 .explore__form-checkbox-list.full-filter {
        top: 280px;
    }

    .hero__form.v2 .explore__form-checkbox-list.full-filter .pr-30 {
        padding-right: 15px;
    }

    .hero__form.v2 .explore__form-checkbox-list.full-filter .col-lg-4.col-md-6.py-1.pl-0 {
        padding-right: 15px;
    }

    .value-content-wrap .section-title.v2 h2 {
        margin-bottom: 20px;
        font-size: 26px;
        line-height: 1.4;
        font-weight: 500;
    }

    .value-content {
        margin: 0;
    }

    .call-to-action.consult-form.v1 .form-group {
        margin-bottom: 15px;
    }

    .promo-section.v2 .promo-content-wrap {
        columns: 1;
    }

    .single-team-member.v2 img {
        width: 100%;
    }

    .promo-section.v1 .promo-content img {
        max-width: 45px;
        margin-bottom: 20px;
    }

    .single-property_next,
    .single-property_prev {
        top: 90%;
    }

    .single-property_next {
        left: 54%
    }

    .single-property_prev {
        left: 42%
    }

    .value-calculator-section.py-80.mt-140.v1,
    .trending-places.pb-130.mt-140 {

        margin-top: 30px !important;

    }

    .hero-client-section.mt-140.pb-5 {
        margin-top: 50px !important;
    }

    .featured-property-section.pt-130.mt-1,
    .trending-places.pt-130 {
        padding-top: 60px !important;
    }

    .client-btn-wrap {
        right: 30px;
        bottom: 27%;
    }


    .site-navbar-wrap.v1 .user-btn li,
    .site-navbar-wrap.v2 .user-btn li {
        margin-left: 0;
        margin-right: 25px;
    }

    .site-navbar-wrap.v1 .navbar-brand {
        max-width: 180px;
        margin-bottom: 20px;
    }

    .site-navbar-wrap.v2.style2 {
        padding-bottom: 15px;
    }

    .site-navbar-wrap.v2 .navbar-brand {
        margin-bottom: 15px;
    }

    .single-team-member.agent-item img {
        width: 100%;
    }

    .single-team-info .agent-content {
        padding: 30px 0;
    }

    .table-content table td {
        min-width: 200px;
    }

    .location-info {

        position: relative;
        right: auto;

    }


}

@media only screen and (min-width:767px) {
    .no-pad-lr {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .single-featured-list:hover .single-featured-prev {
        left: 2.5%;
        visibility: visible;
        opacity: 1;
    }

    .single-featured-list:hover .single-featured-next {
        right: 2.5%;
        visibility: visible;
        opacity: 1;
    }

    .single-featured-prev,
    .single-featured-next {
        visibility: hidden;
        opacity: 0;
    }
}

@media (max-width: 575px) {
  h1 {
    font-size: 19px;
  }
  .ResultCat .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-md-4 .ListDataItem .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
.card.mb-2 {border:none;}
.col-md-4.col-12 .card-body {padding: 0;}
.property-item .property-img {min-height: 130px;height: 130px;}
.CustomItems .property-item {
    height: 130px;
}
#Gioithieu {margin-bottom: 30px;}
.trend-open p {font-size: 14px;}
.trending-bottom .col-6.fr-1 {padding: 0 3px;}
.xemthem {
    padding: 4px 2px;
    font-size: 10px;
    line-height: 1.2;width: 100%;
}
.xemthem i {font-size: 10px;}
.lead .xemthem {line-height: 30px;}
.property-feature .thongso {
    font-size: 11px;
    margin-right: 2px;
}
.property-title-box h3 {
    font-size: 13px !important;
    letter-spacing: 0;
    line-height: 16px !important;
    margin-bottom: 3px;
}
    .xs-left {
        float: left !important;
    }

    .hero.v1 {
        padding-top: 15rem;
    }

    .header-top-left {
       /* display: none;*/
    }

    .site-navbar-wrap .navbar-brand {
        max-width: 180px;
    }

    .header-top-section .menu-btn {
        justify-content: center;
        padding: 5px 0;

    }

    .header-top-section .user-btn li {
        margin-left: 25px;
    }

    .hero-slider .featured-prev,
    .hero-slider .featured-next {
        top: 55%;
    }

    .video-area.v1 .video-content {
        z-index: 1001;
        padding-top: 150px;
    }

    .hero__title,
    .hero-title.v2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-left: 0px;
    }

    .hero__list-item a {
        font-size: 0.9375rem;
    }

    .hero__list-item a i {
        font-size: 0.9375rem;
    }

    .trending-btn-wrap .btn-danger {
        width: 100%;
    }

    ul.listing-features {
        columns: 1;
    }

    .list-single-facts ul {
        columns: 1;
    }

    a.rate-review {
        padding: 6px 10px;
        margin-right: 10px;
    }

    a.rate-review i {
        margin-right: 5px;
    }

    a.rate-review span {
        padding-left: 5px;
    }

    .review_wrap .rate-review {
        float: left !important;
        margin-bottom: 10px;
    }

    .review_wrap.has-child {
        margin-left: 0px;
    }

    .map-sidebar-content .map-filter .explore__form-checkbox-list.full-filter {
        top: 150px !important;
    }

    .map-sidebar-content .map-filter .input-search,
    .map-sidebar-content .map-filter .custom-select.hero__form-input.custom-select {
        margin-bottom: 15px;
    }

    .map-sidebar-content .map-filter .pl-0 {
        padding-left: 15px !important;
    }

    .map-sidebar-content .map-filter .pr-0 {
        padding-right: 15px !important;
    }

    .row.promo-content {
        text-align: center;
    }

    .nav-folderized .nav h2:after {
        right: 5%;
    }

    .page-wrapper.fixed-footer {
        margin-bottom: 640px;
    }

    .counter-text h6 {
        font-size: 25px;

    }

    .counter-text i {
        font-size: 20px;
    }

    .counter-text p {
        font-size: 15px;
    }

    .hero-catagory-menu ul li {
        margin-bottom: 15px;
    }

    .contact-form__upload-btn {
        margin-bottom: 40px;
    }

    .contact-form__input-file {
        width: 157px;
    }

    .map-filter .dropdown-filter i {
        bottom: 29px !important;
        right: 35px;
    }

    .featured-property-info .property-title-box {
        left: 1%;
        padding: 22px;
        width: 330px;
    }

    .featured-property-wrap.v1 .featured-property-info .property-title-box {
        left: 0;
        margin: 0 10px;
        transform: translateY(330px);
    }

    .featured-property-info .property-title-box h4 a {
        font-size: 20px;
    }

    .single-listing-title h2 {
        font-size: 24px;
    }

    .listing-address,
    .property-info {
        columns: 1;
    }

    .similar-listing-wrap {
        padding-top: 0;
    }

    .chatbox-wrapper {
        right: 6%;
    }

    .list-details-section {
        padding: 25px 15px;
    }

    .popular-next,
    .popular-prev {
        top: 94%;
        background: rgba(51, 51, 51, 0.75) !important;
    }

    .popular-next i,
    .popular-prev i {
        color: #fff !important;
    }

    .swiper-container.popular-place-wrap {
        padding-bottom: 80px;
    }

    .slider-btn.v2 {
        width: 40px;
        height: 40px;
    }

    .slider-btn.v2 i,
    .slider-btn.v2 i {
        line-height: 40px;
        font-size: 18px;
    }

    .popular-next {
        left: 50%;
        margin-left: 15px;
    }

    .popular-prev {
        left: 42%;
        margin-right: 15px;
    }

    .promo-content-wrap {
        columns: 1;
    }

    .single_cat {
        padding: 15px;

    }

    .single_cat img {

        max-width: 30px;

    }

    .action-title h2 {
        font-size: 24px;

    }

    .testimonial-quote {
        width: auto;
        padding: 30px;
    }

    .testimonial-quote p {
        margin-top: 10px;
    }

    .client-btn-wrap {
        right: 3%;
    }

    .client-btn-wrap {
        padding: 5px 8px 5px 8px;
    }

    .post-nav .page-prev,
    .post-nav .page-next {
        text-align: center;
        margin-bottom: 10px;
    }

    .hero-slider.v2 .list-details-title.v3 {
        padding: 20px;
        top: 200px;
        width: 300px;
    }

    .hero-slider.v2 .list-details-title.v3 .single-listing-title h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .hero-slider.v2 .list-details-title.v3 .single-listing-title .property-feature li {
        padding-bottom: 5px;
    }

    .client-btn-wrap {
        right: 16px;
        bottom: 225px;
        padding: 0;
    }

    .testimonial-btn a {
        top: 41%;
    }

    .testimonial-quote p {
        font-size: 15px;
    }

    .map-filter .filter-checkbox ul {
        columns: 1;
    }

    .property-amenities-box .list-details-tab .nav-item {
        display: block;
        text-align: left;
        padding: 5px 0;
    }

    .property-amenities-box .list-details-tab.nav-tabs {
        border-bottom: none;
    }

    .property-amenities-wrap {
        margin-bottom: 350px !important;
    }

    .property-amenities-box {
        height: 100%;
        transform: translateY(10%);
    }

    .property-amenities-box .property-gallery_tab .property-info {
        columns: 1;
    }

    .single_property_agent .agent-details {

        margin-top: 20px;
    }

    .single_property_agent img {
        width: 100%;
    }
}

@media only screen and (max-width:480px) {
    .hero__form.v1.bg-white {
        padding: 20px 15px;
    }

    .section-title {
        font-size: 1.25rem;
    }

    .breadcrumb-menu h2 {
        font-size: 28px;
    }

    .header-text.v2 h1 {
        font-size: 30px;
    }

    .pricing-table .title:after,
    .pricing-table .title:before {
        width: 280px;
        height: 200px;
        top: 220px;
        left: -46px
    }

    .pricing-table .title:after {
        top: 150px;
        left: auto;
        right: -70px
    }

    .hero-category-content {

        width: calc(100% * (1/2) - 21px);
        margin-bottom: 15px;

    }

    .filter-checkbox ul {
        columns: 1;
    }

    .review-item__description {
        margin: 10px 0 20px 0;
    }

    .review-item__image {
        width: 100%;
    }

    .review-item__post {
        display: block;
    }

    .list-ratings span {
        font-size: 16px;
    }

    .slider-btn.v4 {

        width: 30px;
        height: 30px;

    }

    .slider-btn.v4 i {

        line-height: 30px;

    }

    .single-listing-title h2 {
        font-size: 22px;
    }

    .single-listing-title h2 span {
        margin-left: 5px;
    }

    .contact-form__upload-btn {
        text-align: left;
        margin-bottom: 37px;
    }

    .contact-form__upload-btn span {
        top: 0;
        left: 0;
    }

    .contact-form__upload-btn span i {
        margin-right: 0.25rem;
    }

    ul.business-hours {
        padding: 15px;
    }

    .customer-rating {
        float: left;
    }


    .trending-prev,
    .popular-prev,
    .team-prev,
    .partner-prev,
    .testimonial-prev {
        left: 38%;
    }

    .trending-next,
    .popular-next,
    .team-next,
    .partner-next,
    .testimonial-next {
        right: 38%;
    }

    .hero.v2 .hero-desc.v2 {
        margin-bottom: 0;
    }

    .hero.v2 .hero-title.v2 {
        font-size: 1.6rem;
        margin-bottom: 0;
    }

    .review_wrap li li {
        margin-left: 0;
    }

    .app-content form input[type="text"] {

        margin-bottom: 15px;
    }

    .popular-catagory-content .title {
        font-size: 25px;
        top: 38%;
    }

    .popular-catagory-content .cat-content span {
        margin-top: 60px;
    }

    .blog-hover-content a.btn.v6 {
        opacity: 0;
    }

    .blog-hover-content .blog-title {
        transform: translatey(12px);
    }


    .single-blog-item.v2:hover .blog-hover-content a.btn.v6 {

        opacity: 0;
    }

    .popular-item.sm-grid .single-place-content {
        bottom: 2.6rem;
    }

    .popular-item.sm-grid .single-place-title {
        margin-bottom: 5px;
    }

    .popular-item.sm-grid .single-place-title a {
        font-size: 20px;
    }

    .contact-form__input-file {
        width: 170px;
    }

    .payment_receipt--contents .btn.v3 {
        margin-top: 20px;
    }

    .value-content h3 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 18px;
    }

    .value-input-wrap button {
        padding: 8px 13px 8px;
        font-size: 14px;
        line-height: 37px;
    }

    .product-rating li i {
        font-size: 16px;

    }

    .review_wrap li ul.has-child>li {
        margin-left: 0;
    }

    .single-team-member.v1 .single-team-info {
        padding: 0;
    }

    .featured-price {
        float: left;
    }

    .section-title h2 {
        font-size: 24px;
    }

    .section-title p {
        font-size: 14px;
    }

    .post-content-wrap .post-title {
        font-size: 24px;
    }

    .reviewer-img img {
        width: 200px;
    }

    .list-details-title.v4 h2 {
        font-size: 35px;
    }

    .list-details-title.v4 p,
    .list-details-title.v4 .trend-open p {
        font-size: 18px;
    }

    .featured-property-wrap.v1 .featured-property-info .property-title-box {
        width: 300px;
        padding: 30px 15px;
    }
}

@media (max-width: 320px) {
    .property-title-box span {
        padding: 0 4px;
    }

    .property-title-box p {
        font-size: 13px;
    }

    .property-title-box ul li span {
        font-size: 12px;
        padding: 0 2px 0 0;
    }
}
.chromeframe {
    position:fixed !important;
    top:0 !important;
    right:0;
    left:0;
    width:100% !important;
    z-index:99999999999999 !important;
    background-color:#ffff00 !important;
    color:#000 !important;
    height:25px;
    line-height:25px;
    padding:0.2em 0;
    text-align:center !important;
}

#timeoutsess {
    display:none;
}

#timeoutsess a {
    color:#2f70a7 !important;
}

.search-bar .select-control {
    float: left;
    position: relative;
    width: 130px;
    border-right: 1px solid #ebedf0;
    cursor: pointer
}

.search-bar .select-control .select-control-label {
    padding: 8px 16px
}

.search-bar .select-cate {
    border-left: 1px solid #ebedf0
}

.search-bar .select-control-label:hover {
    background: #f5f6f7
}

.search-bar .select-control.active .select-control-label {
    background: #f5f6f7
}

.search-bar .select-control.active .dropbox-label {
   
}

.search-bar .select-control-label:active {
    background: #ebedf0 !important
}

.search-bar .dropbox-label {
    font-size: 11px;
    line-height: 16px;
    height: 16px;
    letter-spacing: .16px;
    color: #2c2f36;
    padding-right: 20px;
 
    padding-bottom: 4px;
    cursor: pointer;
    display: inline-block
}

.search-bar .custom-value {
    line-height: 20px;
    color: #2c2f36;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-bar .custom-value.hasvalue {
    color: #004e7f;
    font-weight: bold
}

.search-bar .custom-value img {
    vertical-align: middle
}

.search-bar .select-control.filter-control {
    float: left;
    line-height: 20px;
    color: #2c2f36;
    line-height: 40px;
    width: auto !important;
    margin: 0;
    padding: 0
}

[aria-label][role~="tooltip"]::before,[aria-label][role~="tooltip"]::after {
    line-height: 20px
}

.search-bar .filter-info {
    margin-left: 4px
}

.search-bar .filter-control .icon-filter {
    vertical-align: middle
}

.search-bar .filter-control .icon-number {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    width: 16px;
    background: #2c2f36;
    text-align: center;
    letter-spacing: .16px;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    vertical-align: text-top;
    display: none
}

.search-bar .filter-control input[type=text] {
    position: absolute;
    top: 5px;
    width: 312px !important
}

.search-bar input[type=button] {
    float: left;
    margin: 8px 0 0 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-appearance: none
}

.search-bar .custom-dropbox,.search-bar .custom-dropbox-cate {
    min-width: 280px;
    position: absolute;
    box-shadow: 0 8px 32px rgba(3,44,71,.24);
    border-radius: 8px;
    padding: 8px 0 0 0;
    top: 64px;
    left: 0;
    z-index: 99;
    background: #fff;
    border: 0
}

.search-bar .custom-dropbox-cate {
    padding: 0
}



.custom-dropbox input[type=text]:focus {
    box-shadow: none
}

.custom-dropbox .select-text-content {
    background: #f5f6f7;
    border-radius: 4px;
    width: calc(100% - 16px);
    padding: 0 20px 0 12px;
    color: #747c87;
    line-height: 32px;
    border: none;
    margin: 0 8px 8px 8px
}

#divProjects.advance-select-options li {
    color: #2c2f36;
    line-height: 40px;
    width: 100%;
    cursor: pointer
}

#divCityOptions ul.advance-options li.active,#divProjects.advance-select-options li.active {
    color: #004e7f;
    background: #edf7ff;
    cursor: pointer
}

#divCityOptions ul.advance-options li:hover,#divCityOptions ul.advance-options li.current,#divProjects.advance-select-options li:hover,#divProjects.advance-select-options li.current {
    background: #edf7ff !important;
    color: #004e7f
}

.search-bar .city-root a {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    color: #2c2f36;
    padding: 0 20px;
    background: url('../../../images/icons/16x16/ic_caret_left.svg') no-repeat 20px center;
    display: block
}

.search-bar .custom-scroll,.custom-scroll {
    max-height: 300px;
    overflow: auto;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.search-bar .price-control .custom-scroll,.search-bar .area-control .custom-scroll {
    max-height: 300px;
    border-radius: 0
}

.search-bar .price-control .pad-bot-40,.search-bar .area-control .pad-bot-40 {
    padding-bottom: 48px
}

.search-bar .custom-dropbox-cate {
    max-height: 308px;
    padding: 8px 0 0 0;
    border-radius: 8px
}

.search-bar .slider-range,.select-area-option .slider-range {
    padding: 0 16px 16px 16px
}

.search-bar .slider-range input[type=text],.select-area-option .slider-range input[type=text] {
    border: 1px solid #ccd3d9;
    box-sizing: border-box;
    border-radius: 4px;
    width: 106px;
    line-height: 32px;
    color: #2c2f36;
    padding: 0 12px;
    float: left
}

.search-bar .slider-range span,.select-area-option .slider-range span {
    line-height: 32px;
    float: left;
    padding: 0 10px
}

.search-bar .slider-range span img,.select-area-option .slider-range span img,.filter-label img {
    vertical-align: middle
}

.search-bar .ui-slider-handle,.select-area-option .ui-slider-handle {
    background: #004e7f;
    box-shadow: 0 2px 8px rgba(3,44,71,.12);
    border-radius: 100px;
    width: 24px;
    height: 24px;
    border: none;
    top: -10px
}

.search-bar .slider-range .ui-widget-content,.select-area-option .slider-range .ui-widget-content {
    background: #ebedf0;
    border-radius: 4px;
    height: 2px;
    border: none
}

.search-bar .slider-range .ui-slider-horizontal .ui-slider-range,.select-area-option .slider-range .ui-slider-horizontal .ui-slider-range {
    height: 2px;
    background: #649dcc;
    top: 1px
}

.search-bar .slider-range .ui-slider-horizontal .ui-slider-handle,.select-area-option .slider-range .ui-slider-horizontal .ui-slider-handle {
    margin-left: -12px
}

.select-area-option #area-slider-range,.search-bar #price-slider-range {
    width: 224px;
    margin: 10px auto
}

.search-bar .select-reset,.area-reset {
    width: 100%;
    line-height: 48px;
    font-weight: 500;
    padding: 0 16px;
    border-radius: 0 0 8px 8px;
    position: absolute;
    bottom: 0;
    box-shadow: inset 0 1px 0 #dfe3e8;
    background: #fff;
    cursor: pointer
}

.search-bar .select-filter-dropbox ul {
    width: 100%
}

.search-bar .select-filter-dropbox .custom-scroll {
    max-height: 468px
}

.search-bar .select-filter-dropbox .select-reset {
    left: 0;
    bottom: 0;
    z-index: 2
}

.search-bar .select-filter-dropbox .ul-new ul li {
    float: left;
    width: 20%;
    border: 1px solid #ccd3d9;
    padding: 0;
    text-align: center;
    margin-left: -1px;
    position: relative;
    z-index: 1
}

.search-bar .select-filter-dropbox .ul-new ul li:first-child {
    border-left: 1px solid #ccd3d9;
    border-radius: 4px 0 0 4px;
    margin-left: 0 !important
}

.search-bar .select-filter-dropbox .ul-new ul li:last-child {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

.search-bar .select-filter-dropbox .ul-new ul li.current,.search-bar .select-filter-dropbox .ul-new ul li.active {
    border: 1px solid #95c4e6;
    background: #edf7ff;
    font-weight: bold;
    color: #004e7f;
    z-index: 2
}

.search-bar .select-filter-dropbox .ul-new ul li.active:hover,.search-bar .select-filter-dropbox .ul-new ul li.active:active {
    background: #edf7ff
}

.search-bar .select-filter-dropbox .ul-new ul li:hover {
    background: #f5f6f7
}

.search-bar .select-filter-dropbox .ul-new ul li:active {
    background: #ebedf0
}

.search-bar .select-filter-dropbox .ul-new ul li:first-child.current,.search-bar .select-filter-dropbox .ul-new ul li:first-child.active {
    border-left: 1px solid #95c4e6;
    margin-left: 0
}



.search-bar .select-filter-dropbox {
    width: 400px;
    padding: 8px 32px 32px 32px;
    right: 0;
    left: inherit;
    cursor: context-menu
}

.search-bar .select-filter-dropbox label {
    color: #2c2f36;
    line-height: 20px;
    padding: 16px 0 8px 0;
    display: block
}

.search-bar .select-filter-dropbox .mar-top-8 {
    margin-top: 8px
}

.search-bar .select-filter-control {
    position: relative;
    height: 40px
}

.search-bar .relative-control {
    position: relative
}

.search-bar .filter-label {
    background: #fff;
    border: 1px solid #ccd3d9;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 40px;
    width: 100%;
    padding: 0 32px 0 16px;
    vertical-align: top;
    display: block;
    position: relative;
    height: 40px;
    cursor: pointer
}

.search-bar input:focus {
    box-shadow: none
}

.search-bar .filter-label span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-bar .filter-label span.hasvalue {
    color: #004e7f;
    font-weight: bold
}

.search-bar .icon-arrow {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0
}


.search-bar .custom-dropbox-filter {
    width: 100%;
    left: 0;
    max-height: 300px;
    top: 40px
}

.search-bar .fly-options {
    background: #fff;
    left: inherit;
    max-height: 308px;
    width: 336px;
    overflow: auto;
    position: absolute;
    right: 32px;
    top: 0;
    padding: 0;
    z-index: 999999999
}


.search-bar #divWardOptions {
    top: 250px;
    overflow: hidden
}

.search-bar #divWardOptions ul {
    overflow: initial !important
}

.search-bar #divStreetOptions {
    top: 334px
}

.search-bar #divStreetOptions ul {
    overflow: initial !important
}

.search-bar #divHomeDirectionOptions {
    top: 424px;
    border-radius: 8px
}

.search-bar .mCSB_scrollTools,.search-bar .mCSB_scrollTools .mCSB_draggerRail,.custom-dropbox .mCSB_scrollTools,.custom-dropbox .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px
}

.search-bar .mCSB_inside>.mCSB_container,.custom-dropbox .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.search-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.custom-dropbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ccd3d9;
    border-radius: 0
}

.search-bar .mCSB_scrollTools .mCSB_draggerRail,.custom-dropboxr .mCSB_scrollTools .mCSB_draggerRail {
    background: none
}

.search-bar .custom-scroll-outside {
    max-height: 460px;
    overflow: scroll
}

.search-bar #divMediaOptions {
    padding-bottom: 20px
}

.project-filter-control,.area-filter-control {
    display: none
}

div#price-slider-range>a.ui-state-hover,div#area-slider-range>a.ui-state-hover {
    background: #004e7f !important
}

.search-bar .arrow-icon {
    background: url('../../images/icons/16x16/ic_arrow_left.png') no-repeat center center;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle
}

.search-bar li.active .arrow-icon,.search-bar li:hover .arrow-icon,.search-bar li:active .arrow-icon {
    background: url('../../images/icons/16x16/filled/ic_arrow_left.png') no-repeat center center
}

.advance-select-options ul {
    max-height: none !important;
    max-width: none !important;
    margin-bottom: 8px
}

.advance-select-options ul {
    margin-bottom: 0
}

#divBedRoomOptions .advance-select-options ul ul {
    margin-bottom: 0
}

.search-bar #link-reset {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    margin-left: 8px;
    float: left;
    cursor: pointer;
    position: relative;
    margin-top: 8px
}

.search-bar #link-reset:hover {
    background: #f5f6f7;
    border-radius: 800px
}

.search-bar #link-reset:active {
    background: #ebedf0;
    border-radius: 800px
}

.search-bar #link-reset img {
    vertical-align: middle
}

.search-bar #link-reset .link-reset-tooltip {
    position: absolute;
    left: calc(50% - 119px/2);
    top: 56px;
    background: rgba(10,13,20,.8);
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 6px 12px;
    width: 119px;
    display: none;
    z-index: 2
}

.search-bar #link-reset:hover .link-reset-tooltip {
    display: block
}

[role~="tooltip"][data-microtip-position="top"]::after,[role~="tooltip"][data-microtip-position|="top"]::before,[role~="tooltip"][data-microtip-position="top-left"]::after,[role~="tooltip"][data-microtip-position|="top-left"]::before,[role~="tooltip"][data-microtip-position="top-right"]::after,[role~="tooltip"][data-microtip-position|="top-right"]::before {
    z-index: 999
}

.select-filter-dropbox [role~="tooltip"]::after {
    white-space: initial;
    width: 200px;
    line-height: 20px
}

.search-bar .search-guide {
    position: absolute;
    top: 66px;
    color: #fff;
    z-index: 99;
    display: none
}

.search-bar .search-guide .search-guide-bg {
    width: 288px;
    height: 128px;
    background: #008f3d;
    border-radius: 8px;
    padding: 16px 24px
}

.search-bar .search-guide .search-guide-title {
    color: #fff;
    letter-spacing: -.16px;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 4px;
    line-height: 24px
}

.search-bar .search-guide .search-guide-title img {
    margin-left: 8px;
    vertical-align: middle
}

.search-bar .search-guide .search-guide-content strong {
    font-weight: bold
}

.search-bar .search-guide .search-guide-content {
    color: #d3f5d7;
    margin-bottom: 2px
}

.search-bar .search-guide .search-guid-button {
    text-align: right
}

.search-bar .search-guide .search-guid-button span {
    padding: 6px 12px;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: #fff
}

.search-bar .search-guide .search-guid-button span:hover {
    background: rgba(3,44,71,.12);
    border-radius: 4px
}

.search-bar .search-guide .search-guid-button span:active {
    background: rgba(3,44,71,.2);
    border-radius: 4px
}

.search-bar .search-guide .search-guid-button span.inactive {
    color: #52bf6a
}

.search-bar .search-guide .search-guid-button span.inactive:hover,.search-bar .search-guide .search-guid-button span.inactive:active {
    background: #008f3d;
    cursor: pointer
}

.search-bar .search-guide .icon-guide {
    line-height: 8px;
    text-align: right;
    margin-right: 20px
}

.search-bar .suggest-default {
    position: absolute;
    display: none;
    z-index: 99;
    margin-top: 16px;
    width: 100%
}

.search-bar .suggest-default ul {
    background: #fff;
    box-shadow: 0 16px 64px rgba(3,44,71,.12);
    border-radius: 8px;
    border: none !important;
    padding: 0;
    overflow-x: hidden;
    padding: 8px 0;
    width: 100%
}

.ui-menu .ui-autocomplete-category {
    color: #2c2f36;
    font-weight: bold;
    padding: 16px 0 8px 16px;
    margin-top: 16px;
    position: relative
}

.ui-menu .ui-autocomplete-category:after {
    content: '';
    border-top: 1px solid #ebedf0;
    width: calc(100% - 32px);
    height: 1px;
    left: 16px;
    top: 0;
    position: absolute
}

.search-bar .suggest-default .ui-menu .history-close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.search-bar .suggest-default .custom-scroll {
    max-height: 418px
}

.search-bar .suggest-default .ui-menu .history-close img {
    vertical-align: middle
}

.ui-menu .ui-menu-item {
    float: none
}

.ui-menu .ui-menu-item:after {
    content: none
}

.ui-autocomplete {
    max-height: 498px;
    width: auto !important
}

.ui-autocomplete::-webkit-scrollbar {
    width: 4px
}

.ui-autocomplete::-webkit-scrollbar-track {
    background: transparent
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: #ccd3d9;
    border-radius: 0 8px 8px 0
}

@media only screen and (max-width: 1024px) {
    .search-bar .select-control {
        width:calc((100% - 275px)*.2)
    }

    .search-bar-tab {
        display: none
    }

    .search-bar .select-cate {
        border-left: none
    }
}

@media only screen and (max-width: 1280px) and (min-width:1025px) {
    .search-bar .select-control {
        width:calc((100% - 50%)*.2)
    }

    .search-bar-tab {
        position: absolute;
        top: 48px
    }

    .select-cate {
        margin-left: 208px
    }

    .search-bar .dropbox-label {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1586px) and (min-width:1281px) {
    .search-bar .select-control {
        width:calc((100% - 47%)*.2)
    }

    .search-bar .dropbox-label {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1301px) {
    .suggest-default {
        width:calc(100% - 32px) !important;
        margin-top: 8px
    }
}

@media only screen and (max-width: 1301px) and (min-width:1280px) {
    .search-bar.fix {
        background:#fff !important;
        top: 0
    }
}

@media only screen and (max-width: 1586px) {
    .search-bar #link-reset .link-reset-tooltip {
        left:calc(50% - 92px)
    }
}

@media only screen and (max-width: 1280px) {
    .search-bar.fix {
        background:#fff !important;
        top: 64px
    }

    .search-bar .search-bar-suggestion {
        width: 100%;
        background-color: #004e7f;
        padding: 0 16px 8px 16px
    }

    .search-bar.fix .search-bar-tab {
        top: 0
    }

    .search-bar.fix .search-bar-suggestion {
        padding: 0
    }

    .search-bar .search-bar-suggestion {
        float: none
    }

    .search-bar .search-bar-input {
        width: 100%
    }

    .search-bar .icon-close {
        right: 16px;
        top: 0;
        z-index: 11
    }

    .search-bar.fix .icon-close {
        right: 105px;
        top: -51px;
        z-index: 11
    }

    .search-bar {
        background: none;
        margin-top: -1px
    }
}

@charset "UTF-8";.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../../lib/jquery-mCustomScrollbar/css/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
footer {
     padding: 20px 0 0;
    color: #fff;
    bottom: 0;

}

.hr-footer {
  border-top: 1px solid #99999a;
    padding-top: 15px;
        margin-top: 15px;
}
footer .home-small {
    margin-top: 0
}

footer a,.footer-col2 a {
    color: #fff
}

.footer-col1 {
    margin: 60px 0 20px;
    width: 325px;
    margin-right: 10px;
    float: left
}

.footer-logo {
    text-align: center;
}

.footer-company-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

.footer-company-name a {
    display: block;
    font-size: 14px;
    color: #7ac6ea;
    font-weight: normal
}

.footer-add {
    line-height: 16px;
    margin-bottom: 14px;
    position: relative;
    padding-left: 25px
}

.footer-add span {
    width: 25px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.footer-add img {
    vertical-align: middle
}

.footer-social a img {
    margin: 0 10px
}

.footer-social .bct {
    margin-right: 40px;
    margin-left: 0;
    width: 109px
}

.footer-col2 {
    width: 740px;
    margin: 60px 0 20px;
    float: right
}

.footer-col2 .footer-sub-col1 {
    width: 185px;
    float: left
}

.footer-col2 .footer-sub-col2 {
    width: 165px;
    float: left
}

.footer-col2 .footer-sub-col3 {
    width: 235px;
    float: left
}

.footer-col2 .footer-sub-col4 {
    width: 155px;
    float: left
}

.footer-col2 .col-header {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #d03543;
    padding-bottom: 18px;
    margin-bottom: 8px;
    position: relative
}

.footer-col2 .col-header:after {
    content: '';
    border-bottom: 1px solid #ad202d;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px
}

.footer-sub-col1 ul li,.footer-sub-col2 ul li {
    line-height: 20px
}

.footer-sub-col3 ul li {
    font-weight: bold;
    line-height: 32px
}

.footer-sub-col3 ul li img {
    vertical-align: middle;
    margin-right: 10px
}



.footer-sub-col5 {
    width: 350px;
    float: left
}

.footer-sub-col6 {
    width: 380px;
    float: left
}

.footer-title {
    margin: 18px 0 9px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px
}

.footer-sub-col6 .footer-title {
    margin-bottom: 15px
}

.m-r-15 {
    margin-right: 15px
}

.footer-sub-col6 input[type=text] {
    border: none;
    background: #fff;
    border-radius: 3px 0 0 3px;
    width: 300px;
    height: 32px;
    padding: 0 0 0 14px;
    float: left
}

.footer-sub-col6 a {
    width: 64px;
    height: 32px;
    background: #3c9f10;
    border-radius: 0 3px 3px 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    float: left;
    line-height: 32px
}

.footer-row {
    border-bottom: 1px solid #d03543;
    position: relative
}

.footer-row:after {
    content: '';
    border-bottom: 1px solid #ad202d;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px
}

footer .branch {
    border: none;
    padding: 0
}

.branch-show {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.branch-show img {
    vertical-align: middle
}

.list-branch {
    padding: 17px 0
}

.footer-info-col1 {
    width: 480px;
    float: left;
    margin-right: 10px;
    font-size: 12px
}

.footer-info-col2 {
    width: 360px;
    float: left;
    margin-right: 13px;
    font-size: 12px
}

.footer-info-col3 {
    width: 255px;
    float: left;
    font-size: 12px
}

.footer-info-col4 {
    width: 75px;
    margin-top: 12px;
    float: right
}

.footer-infomation {
    padding-top: 25px
}

.branch-detail {
    padding-top: 25px;
    display: none
}

.branch-col {
    width: 340px;
    float: left;
    margin-left: 30px
}

.branch-col:last-child {
    margin-right: 0
}

.branch-name {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px
}

.branch {
    margin-bottom: 10px
}

footer .home-small {
    margin: 0 auto;
    position: relative;
    width: 1120px
}

.hidden {
    display: none
}

.mnu-notify-icon-unread {
    right: -6px;
    top: -6px;
    min-width: 12px;
    text-align: center
}

#notify_quick_view {
    top: 75px;
    right: 10px
}

.nqv {
    cursor: pointer
}

@media only screen and (min-width: 1120px) and (max-width:1162px) {
    .swiper-button-next {
        right:10px !important
    }

    .swiper-button-prev {
        left: 10px !important
    }
}

@media only screen and (max-width: 1120px) {
    .home-center,.home-list-tag {
        width:100%
    }

    footer .home-small {
        width: 984px;
        box-sizing: border-box
    }

    .home-small-main {
        width: 730px
    }

    .home-small-main-1 {
        width: 395px
    }

    .home-small-main-2 {
        width: 295px
    }

    .home-product .product-thumb {
        width: 229px;
        height: 131px
    }

    .home-small-banner {
        width: 220px
    }

    .home-small-banner img {
        width: 100%;
        height: auto !important
    }

    .home-small-heading ul li {
        margin-right: 5px
    }

    .home-product ul li {
        width: 229px;
        margin: 0 22px 22px 0
    }

    .adPosition img {
        width: 100%;
        max-width: 100%;
        height: auto !important
    }

    .place-big {
        width: 490px
    }

    .place-small .place-img {
        width: 235px
    }

    .place-small {
        width: 484px
    }

    .place-item {
        width: 237px
    }

    .home-utility ul li {
        width: 245px
    }

    .hotnews-img {
        width: 100%
    }

    .home-social .swiper-button-next,.home-social .swiper-button-prev {
        top: 45%
    }

    .home-social-link a {
        width: 175px
    }

    .home-list-tag .footer-middle-colum1 {
        width: 227px
    }

    .footer-col2 {
        width: 650px
    }

    .footer-col1 {
        width: 320px
    }

    .footer-col2 .footer-sub-col1 {
        width: 141px
    }

    .footer-col2 .footer-sub-col2 {
        width: 149px
    }

    .footer-col2 .footer-sub-col3 {
        width: 210px
    }

    .footer-col2 .footer-sub-col4 {
        width: 155px
    }

    .footer-sub-col5 .m-r-15 {
        margin-right: 5px
    }

    .footer-sub-col5 {
        width: 270px
    }

    .footer-info-col1 {
        width: 360px
    }

    .footer-info-col2 {
        width: 345px
    }

    .branch-col {
        width: 313px;
        margin-left: 15px
    }

    .home-project ul li img {
        height: 126px
    }

    .home-project .swiper-button-next,.home-project .swiper-button-prev {
        top: 45%
    }
}

@media only screen and (max-width: 1024px) {
    .footer-sub-col3 ul li img {
        margin-right:5px
    }

    .footer-col1 {
        width: 300px !important
    }

    .footer-col2 {
        width: 670px !important
    }

    .footer-col2 .footer-sub-col1,.footer-col2 .footer-sub-col2 {
        width: 21% !important
    }

    .footer-col2 .footer-sub-col3 {
        width: 33% !important
    }

    .footer-col2 .footer-sub-col4 {
        width: 25% !important
    }

    .language a {
        margin-left: 5px
    }

    .footer-social .bct {
        margin-right: 20px;
        width: 109px
    }

    .footer-company-name {
        text-align: center
    }

    .footer-company-name a {
        margin-left: 0
    }

    .footer-title {
        font-size: 13px
    }
}

.ks-pagination-links a div {
    text-decoration: none !important;
    float: left;
    width: 30px !important;
    color: #666;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 30px !important;
    border: 1px solid #dedede !important;
    border-left: none !important;
    text-align: center !important
}

.ks-pagination-links {
    margin-bottom: 0
}

.ks-pagination-links a:first-child div {
    border-left: 1px solid #dedede !important
}

.style-pager-row-selected {
    background: none !important;
    color: #d03543 !important
}

.product-list-new .vipaddon .floatright .mobile:before {
    top: 3px !important
}

#div_linkPostAdNews {
    margin-bottom: 10px
}

.seoInfo div {
    margin-bottom: 10px
}

.seoInfo,.seoInfo a {
    color: #666;
    line-height: 18px
}

.seoInfo strong {
    color: #000
}

.vietnam:after {
    top: 0 !important
}
#news-bodyhtml table {
  width: 100% !important;
  height: auto
}
,
#news-bodyhtml img {max-width: 100%;height: auto;}
#toolbar-menu-footer {
display: none;	
  }

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

    #toolbar-menu-footer {
  
        display: inherit !important;
    }
    #toolbar-menu-footer .toolbar-menu-footer-inner {
        min-height: 60px;
    }
    .toolbar-menu-footer-item span {color:#a83a11}
    .toolbar-menu-footer-item.colorfff span {color:#fff}
    #toolbar-menu-footer .font-icon {
      color:#000;
      font-size: 16px;
    }
    #toolbar-menu-footer .colorfff .font-icon {color:#FFF;}
#toolbar-menu-footer {
    width: 100%;
    height: 50px;
    bottom: 0;
    position: fixed;
    z-index: 999;
    display: none;
    background: #fff;
    color: #777;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}
#toolbar-menu-footer .toolbar-menu-footer-inner {
    width: 100%;
    height: 100%;
    /* max-height: 45px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
#toolbar-menu-footer .toolbar-menu-footer-item {
    display: flex;
    width: 25%;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
#toolbar-menu-footer .toolbar-menu-footer-item span {
    display: block;
    font-size: 0.7rem;
        margin-bottom: 10px;
}
#toolbar-menu-footer .toolbar-menu-footer-item i {
    width: 18px;
    height: 18px;
    display: block;
    /* opacity: 0.6; */
    margin-bottom: 2px;
}
#toolbar-menu-footer .toolbar-menu-footer-item .toolbar-menu-footer-btn-add {
    display: flex;
    align-items: center;
    justify-items: center;
    width: 60px;
    height: 60px;
    padding-top: 6px;
    background: #a83a11;
    border-radius: 50%;
    position: absolute;
    bottom: 16px;
    flex-wrap: wrap;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);

}
#toolbar-menu-footer .toolbar-menu-footer-item .toolbar-menu-footer-btn-add .inner {
    width: 100%;
}
#toolbar-menu-footer .toolbar-menu-footer-item .toolbar-menu-footer-btn-add span {
    color: #fff;
}
#toolbar-menu-footer .toolbar-menu-footer-item i {
    width: 18px;
    height: 18px;
    display: block;
    margin-bottom: 2px;
}
}
/* tin tuc */
#news-bodyhtml {
    text-align: justify;line-height: 1.9;
}
.news_column h1 {
  font-size: 30px !important;
}
.news_column h3 {font-size: 17px;font-weight: 500;}
#topnews {
    border:1px solid #c3d3e0;
    margin-bottom:10px;
    padding:4px;
}

#topnews ul.lastest-news {
    padding:0;
}

#topnews ul.lastest-news li {
    text-indent:10px;
}

#topnews ul.lastest-news a {
    background:transparent url("../images/squared-blue.png") no-repeat 5px 9px;
    border-bottom:1px dotted #bbdbf6;
    color:#383838;
    display:block;
    font-weight:normal;
    padding:2px 0;
}

#topnews ul.lastest-news a:hover {
    background:#fff url("../images/squared-blue.png") no-repeat 5px 9px;
}

/*div.news_column h5 .list-inline > li {
    padding-left:0;
}

div.news_column h5 .list-inline {
    margin-bottom:3px;
}*/

div.news_column .socialicon {
    margin:-8px 0;
}

div.news_column .imghome {
    margin:4px 10px 0 0;
}

div.news_column .text-muted {
    font-size: 12px;
}

#hometext h2 {
    font-weight:bold;
    /*font-size:14px;
    line-height:20px;*/
}

div.news_column .imgalt {
    display:block;
    text-align:center;
    margin-top:5px;
}

div.news_column div.items p,
div.news_column #hometext,
#news_detail h1,
p.copyright {
    margin-bottom:10px;
}

div.news_column div.copyright {
    margin-top:10px;
}

div.news_column p.adminlink {
    margin-bottom:10px;
}

div.news_column ul.related {
    float:left;
}

div.span-25 ul.related {
    width:100%;
}

div.news_column ul.related li {
    padding:0 4px 0 0;
}

div.news_column .panel-heading {
    font-size:14px;
    font-weight:bold;
}

div.span-25 ul.related li {
    padding:0 10px;
}

div.news_column ul.related a {
    color:#3b3b3b;
    text-align:left;
}

div.news_column ul.related a:hover {
    color:#004175;
}

.txtrequired {
    color:#ff0000;
}

.content-box {
    padding:10px;
}

.panel-body.other-news > div.clearfix{
    margin-bottom: 15px;
}

.panel-body.other-news > div.clearfix:last-child{
    margin-bottom: 0;
}

ul.other-news {
    padding-left:0;
    margin-left:0;
}

/*#hot-news h3 {
    font-size:1.5em;
    font-weight:bold;
    line-height:1.2;
    margin-bottom:8px;
}

#hot-news p {
    margin-bottom:0;
}*/

#hot-news li{
    display: block;
    padding-bottom:10px;
    border-bottom:1px solid #dadada;
}

#hot-news li:last-child{
    border-bottom:none;
}

#hot-news li a{
    text-indent:6px
}

#print {
    margin:0 auto;
    text-align:left;
    width:800px;
}

#print a,
#print a:active,
#print a:focus,
#print a:visited {
    color:#4D5764;
    text-decoration:none;
}

#print h1 {
    /*font-size:160%;*/
}

#print h2 {
    /*font-size:150%;*/
}

#print a:hover {
    text-decoration:underline;
}

#print h1,
h2,
p {
    margin:0 0 6px 0;
    padding:0;
}

#print #hd_print {
    margin-top:10px;
}

#print #content #hometext {
    font-weight:bold;
    margin-bottom:10px
}

#print #content ul.control {
    margin:0;
    display:block;
    padding:7px 0 19px 0;
}

#print #content ul.control li {
    display:inline;
    float:left;
    list-style:none;
    font-size:95%;
}

#print #content ul.control li a {
    padding:0 2px;
}

#print #content ul.control li a:hover {
    text-decoration:none;
    cursor:pointer;
}

#print #content .time {
    color:#333;
}

#print #content .imghome {
    padding:4px;
    margin:0 auto;
    display:block;
    text-align:center;
}

#print #content .imghome p {
    font-weight:normal;
}

#print #content .copyright {
    background:#66CCFF;
    padding:4px;
    width:100%;
}

#print #content #author {
    text-align:right;
}

#print #footer {
    margin-top:10px;
    border-top:2px solid #DC0312;
    min-height: 30px!important;
    padding: 10px;
}

#print #footer #url {
    line-height:20px;
    font-size:100%;
    display:block;
    border-bottom:2px solid #4D5764;
}

#print #footer .copyright {
    float:left;
    display:inline;
    padding:5px 0;
}

#print #footer #contact {
    float:right;
    display:inline;
    padding:5px 0;
}

#print #footer #contact a:hover {
    text-decoration:none;
    cursor:pointer;
}

#print #footer a{
  color: #fff;
}

.bodytext figure.image {
  width: 100%
}

.bodytext figure.image figcaption {
    padding:5px;
}

.fb-like {
    margin:0 25px 0 10px;
    top:-5px;
}

.featured h2 {
    /*font-size:16px !important;*/
    padding-left:5px !important;
}

.featured p {
    font-size:14px !important;
    padding-left:5px !important;
}

ul.related h4{
     display: inline-block;
}

.news-download-file {
    margin-top: -6px;
}

.news-download-file .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.news-download-file .list-group-item .badge {
    float: right;
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #5cb85c;
    border-radius: 15px;
}

.news-download-file .list-group-item .badge a {
    color: #fff;
}

h3.newh3 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    margin-top: 0px;
    color: #02659d;
}

/* Responsive news */
@media (max-width:499px) {
    div.news_column ul.related {
        padding:4px;
        clear:both;
    }
    div.news_column ul.fixedwidth {
        width:100%;
        clear:both;
    }
    div.news_column div.fixedwidth {
        float:left;
        width:100%;
        clear:both;
    }
}

@media (min-width:500px) {
    div.news_column ul.fixedwidth {
        width:100%;
    }
    div.news_column div.fixedwidth {
        float:left;
        width:100%;
    }
}

@media (max-width:640px) {
    div.news_column ul.related {
        margin-bottom:0;
    }
    div.news_column ul.related li {
        padding:0 4px 4px 0 !important;
    }
}

@media (min-width:768px) {
    div.news_column ul.related {
        padding:4px
    }
    div.news_column ul.fixedwidth {
        width:28%;
    }
    div.news_column div.fixedwidth {
        float:left;
        width:68%;
    }
}

@media (min-width:992px) {
    div.news_column ul.related {
        padding:4px
    }
    div.news_column ul.fixedwidth {
        width:28%;
    }
    div.news_column div.fixedwidth {
        float:left;
        width:68%;
    }
}

@media (min-width:1200px) {
    div.news_column ul.related {
        padding:4px
    }
    div.news_column ul.fixedwidth {
        width:28%;
    }
    div.news_column div.fixedwidth {
        float:left;
        width:68%;
    }
}

@media (min-width:500px) {
    div.news_column ul.related {
        padding:4px
    }
    div.news_column ul.fixedwidth {
        width:100%;
    }
    div.news_column div.fixedwidth {
        float:left;
        width:100%;
    }
}
/* Common styles
================================================== */
@media (min-width: 992px) {
.pad-0 {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.pad-r {
  padding-right: 2px;
}
.pad-l {
  padding-left: 2px;
}
.pad-r-small {
  padding-right: 1.5px;
}
.pad-l-small {
  padding-left: 1.5px;
}
.pad-l-0 {
  padding-left: 0;
}
.pad-r-0 {
  padding-right: 0;
}
}
.utf_block_title {
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0 0 30px;
  border-bottom: 2px dotted #1c1c1c;
}
.utf_block_title>span {
  background: #1c1c1c;
  color: #fff;
  height: 30px;
  line-height: 34px;
  padding: 10px 15px;
  top:1px;
  border-radius:10px 10px 0 0px;
  position: relative;
  display:inline list-item;
}
.utf_post_title {
  font-size: 18px;
  line-height: 24px;
  margin: 15px 0;
}
.utf_post_title a {
  color: #a83a11;
}
.utf_post_title.title-extra-large {
  font-size: 26px;
  line-height: 32px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.utf_post_title.title-large {
  font-size: 20px;
  line-height: 26px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.utf_post_title.title-medium {
  font-size: 16px;
  line-height: 22px;
  margin-top: 15px;
  margin-bottom: 5px;
}
.utf_post_title.title-small {
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
  margin-bottom: 5px;
}
a.utf_post_cat {
  position: relative;
  font-size: 10px;
  padding: 0 5px;
  background: #ec0000;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  height: 20px;
  border-radius:4px;
  line-height: 20px;
  display: inline-block;
}
.utf_post_cat a {
  color: #fff;
}
.utf_post_meta .utf_post_author a {
  color: #999999;
  font-weight: 600;
}
.utf_post_meta .utf_post_author a:hover{
  color:#ec0000
}
.utf_post_meta span {
  font-size: 12px;
  color: #a3a3a3;
  margin-top:5px;
  margin-right: 8px;
  padding-right: 8px;
  font-weight:500;
  border-right: 1px solid #dedede;
  line-height: 14px;
  display: inline-block;
}
.utf_post_meta span:last-child{
  margin-right:0;
}
.utf_post_meta span.utf_post_date {
  border-right: 0;
}
.single-post span.utf_post_date{
  border-right: 1px solid #dedede;
}
span.post-comment {
  border-right: 0;
  line-height: 24px;
  margin-right: 0;
  padding-right: 0;
}
span.post-comment a.comments-link:hover span{
  color:#ec0000
}
span.post-comment span {
  border-right: 0;
  line-height: 100%;
}
.utf_post_meta span i {
  margin-right: 3px;
  font-size: 13px;
  color:#ec0000;
  background:#ffeaea;
  padding: 2px;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  line-height: 16px;
  text-align: center;
}
.footer .utf_post_meta span i {
  color:#ec0000;
  background:#373737;
}
.utf_post_overaly_style {
  position: relative;
  overflow: hidden;
}
.utf_post_overaly_style:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 40%;
  z-index: 1;
  bottom: 0;
  left: 0;
  border-radius:0 0 6px 6px;
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
  background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
}
.utf_featured_post .utf_post_date, .utf_post_overaly_style .utf_post_author, .utf_post_overaly_style .utf_post_date {
    background: rgba(255, 255, 255, 0.3);
    padding: 4px 6px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}
.utf_post_overaly_style .utf_post_content {
  position: absolute;
  bottom: 0;
  padding: 25px;
}
.utf_post_overaly_style .utf_post_title a {
  color: #fff;
}
.utf_post_overaly_style .utf_post_date {
  color: #fff;
}
.utf_post_thumb {
  max-width: 100%;
  position: relative;
  overflow: hidden;
  border-radius:6px;
}
.utf_post_thumb img {
  display: block;
  width: 100%;
  border-radius:6px;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.utf_post_block_style:hover .utf_post_thumb img, .utf_post_overaly_style:hover .utf_post_thumb img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.utf_post_block_style:hover .utf_post_thumb img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.utf_post_block_style:hover .utf_post_thumb:before {
  content:"";
  background:rgba(0, 0, 0, 0.5);
  z-index:1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s background ease-out;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.thumb-float-style .utf_post_cat {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}
.utf_post_overaly_style.contentTop .utf_post_content {
  top: auto;
  bottom: 0;
}
.utf_post_overaly_style.contentTop:before {
  top: 0;
  left: 0;
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
  background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.95)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
}
.utf_post_overaly_style.text-center .utf_post_content {
  padding: 30px 30px 20px;
}
.utf_post_overaly_style.text-center {
  margin-bottom: 30px;
}
.utf_post_overaly_style.text-center:last-child {
  margin-bottom: 0;
}
.utf_post_overaly_style.text-center .utf_post_thumb img {
  min-height: 260px;
}
.utf_post_overaly_style.text-center:before {
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
  background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
  border-radius:0 0 6px 6px;
}
.utf_post_block_style {
  position: relative;
  overflow: hidden;
}
.utf_post_float_half{
  margin-bottom:30px;
  border-bottom: 1px solid #ddd;
}
.utf_post_float_half:last-child{
  margin-bottom:0px;
}
.fa.fa-eye {color:#888;}
.utf_post_block_style .utf_post_title a:hover {
  color: #ec0000;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.utf_post_block_style .utf_post_content p {
  font-size: 13px;
}
.utf_post_block_style .utf_post_cat {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  border-radius:4px;
}
.utf_post_block_style .utf_post_content .utf_post_meta {
  margin:0 0 8px 0;
}
.review-box {
  background: #1c1c1c;
  color: #fff;
  position: absolute;
  top: 0;
  padding: 2px 7px;
  font-weight: 700;
}
.utf_list_post_block {
  margin-top: 30px;
}
.widget .utf_list_post_block ul.utf_list_post li{
  border-bottom:1px solid #eeeeee;
  padding-bottom:15px;
}
.utf_block_wrapper .block .utf_list_post_block ul.utf_list_post li{
  border-bottom:1px solid #eeeeee;
  padding-bottom:15px;
}
.utf_featured_tab .utf_list_post_block ul.utf_list_post li{
  border-bottom:1px solid #eeeeee;
  padding-bottom:15px;
}
.utf_list_post {
  list-style: none;
  margin: 0;
  padding: 0;
}
.utf_list_post_block .utf_list_post>li {
  margin-bottom: 15px;
}
.utf_list_post_block .utf_list_post>li:last-child {
  margin-bottom: 0;
}
.utf_post_block_style.post-float .utf_post_thumb {
  float: left;
  position: relative;
  z-index: 1;
  margin-right: 20px;
}
.utf_post_block_style.post-float .utf_post_thumb img {
  max-width: 100px;
  min-height: 75px;
}
.utf_post_block_style.post-float .utf_post_title {
  margin-top: 0;
  margin-bottom:10px;
}
.utf_post_block_style.post-float .utf_post_content {
  z-index: 0;
}
.utf_post_block_style.post-float .utf_post_cat {
  font-size: 10px;
  left: 8px;
  top: 8px;
}
.review-stars i {
  background:#ffeaea;
  padding:3px;
  border-radius:4px;
  color: #ff7c09;
}
.divide {
    height: 1px;
    line-height: 1px;
    background: #ebedf0;
    width: 100%;
    margin: 16px 0;
    clear: both;
}
.product-detail .short-detail-wrap {
    position: relative;
}
    width: 100%;
    display: block
}

.product-detail .short-detail-2 .repost {
    font-weight: 500
}

.product-detail ul.short-detail-2 li {
    float: left;
    margin-right: 64px
}

.product-detail ul.short-detail-2 li:last-child {
    margin-right: 0
}

.product-detail .short-detail-2 .sp1 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #444;
    width: auto;
    margin-bottom: 4px
}
.product-detail .short-detail-2 .sp2 {display: inline-block;}
.product-detail .short-detail-2 .sp2 div {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #2c2f36;
    width: auto;
    margin-top: 4px;
    float:left;
    padding: 0 4px;
}
.topfooter ul li {margin: 4px 0;}
.property-img {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 100%;
    padding: 6px;
    
}
.site-title_new {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 45px;
    color: var(--color-dark);
    margin-bottom: 0;
}
.heading-divider {
    display: inline-block;
    position: relative;
    border-bottom: 4px solid var(--theme-color);
    width: 90px;
    height: 4px
}

.heading-divider:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    height: 6px;
    width: 15px;
    border-radius: 0;
    background-color: var(--color-white);
    -webkit-animation: heading-move 5s infinite linear;
    animation: heading-move 5s infinite linear
}

@-webkit-keyframes heading-move {
    0% {
        transform: translateX(-1px)
    }

    50% {
        transform: translateX(75px)
    }

    100% {
        transform: translateX(-1px)
    }
}

@keyframes heading-move {
    0% {
        transform: translateX(-1px)
    }

    50% {
        transform: translateX(75px)
    }

    100% {
        transform: translateX(-1px)
    }
}
.site-heading {
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}
.col-md-3 img {border-radius: 12px;}
.col-md-3 h3 {font-size: 18px;margin-top: 2px;}
.car-sidebar {
    margin-bottom: 30px
}
h1.font-25 {margin-top: 18px;}
.car-widget {
    padding: 20px 3px;
    border-radius: 10px;
    margin-bottom: 30px
}
.car-sidebar .car-widget {padding-top: 5px;}
.car-widget-title {
    margin-bottom: 25px;
    padding-bottom: 10px;
    font-size: 20px;
    position: relative;
    color: #a83a11;
    text-transform: uppercase;
}

.car-widget-title::before {
    position: absolute;
    content: '';
    width: 30px;
    border-bottom: 3px solid var(--theme-color);
    bottom: 0;
    left: 0
}

.car-widget-title::after {
    position: absolute;
    content: '';
    width: 5px;
    border-bottom: 3px solid var(--theme-color);
    bottom: 0;
    left: 35px
}

.car-search-form .form-group {
    position: relative
}

.car-search-form .form-control {
    padding: 12px 50px 12px 15px;
    border-radius: 12px;
    box-shadow: none
}

.car-search-form .form-control:focus {
    border-color: var(--theme-color)
}

.car-search-form button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 18px 6px;
    background: 0 0;
    border: none;
    color: var(--theme-color)
}

.car-widget ul li {
    margin-bottom: 10px
}

.car-widget .form-check-input {
    box-shadow: none;
    margin-top: 7px
}

.car-widget .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.car-widget .form-check-input:focus {
    border-color: var(--theme-color)
}

.car-widget .form-check-label {
    color: var(--color-dark)
}

.car-sort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-white);
    margin-bottom: 25px;
    padding: 10px 10px 10px 15px;
    border-radius: 10px
}

.car-sort-list-grid a {
    width: 35px;
    height: 35px;
    line-height: 34px;
    border-radius: 6px;
    text-align: center;
    border: 1px solid var(--border-info-color);
    color: var(--color-dark)
}

.car-sort-list-grid a.active {
    border-color: var(--theme-color);
    color: var(--theme-color)
}

.car-sort .nice-select {
    height: 46px;
    line-height: 45px;
    border-radius: 8px;
    padding-left: 20px
}

@media(max-width: 767px) {
    .car-sort {
        flex-direction:column;
        gap: 25px;
        padding: 20px
    }

    .car-sort .nice-select {
        width: 250px
    }
}

.car-single-wrapper {
    position: relative
}

.car-single-widget {
    background: var(--color-white);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px
}

.car-single-top {
    margin-bottom: 25px
}

.car-single-title {
    margin-top: 10px;
    margin-bottom: 8px
}

.car-single-top .car-status {
    position: unset;
    font-size: 14px;
    padding: 5px 15px
}

.car-single-meta li {
    display: inline-block;
    margin-right: 15px
}

.car-single-meta li i {
    color: var(--theme-color)
}

.car-single-slider {
    position: relative
}

.car-single-slider img {
    border-radius: 10px
}

.car-single-slider .flex-control-thumbs img {
    padding: 0
}

.car-single-slider .flex-control-nav {
    margin-top: 20px
}

.car-single-slider .flexslider-thumbnails .flex-direction-nav a {
    margin-top: -80px;
    border-radius: 50%;
    line-height: 40px
}

.car-single-slider .flexslider-thumbnails .flex-direction-nav .flex-prev {
    left: 20px
}

.car-single-slider .flexslider-thumbnails .flex-direction-nav .flex-next {
    right: 20px
}

.car-key-item {
    display: flex;
    gap: 10px;
    margin-bottom: 25px
}

.car-key-icon {
    margin-top: 5.5px
}

.car-key-icon i {
    font-size: 24px;
    line-height: 1;
    color: var(--theme-color)
}

.car-single-list li {
    margin: 8px 0
}

.car-single-list li i {
    color: var(--theme-color);
    margin-right: 5px
}

.car-single-map iframe {
    height: 300px;
    border-radius: 10px
}

.car-single-price {
    font-weight: 700;
    color: var(--theme-color);
    margin-bottom: 15px
}

.car-single-author {
    display: flex;
    align-items: center;
    gap: 15px
}

.car-single-author img {
    border-radius: 50%;
    width: 100px
}

.car-single-author-content span {
    color: var(--theme-color);
    font-weight: 500
}

.car-single-author-social {
    margin-top: 7px;
    padding-top: 6px;
    border-top: 1px solid var(--border-info-color)
}

.car-single-author-social a {
    margin-right: 9px;
    font-size: 17px
}

.car-single-author-social a:hover {
    color: var(--theme-color)
}

.car-single-form .form-group {
    margin-top: 20px
}

.car-single-form .form-control {
    padding: 14px 20px;
    border-radius: 10px;
    box-shadow: none
}

.car-single-form .form-control:focus {
    border-color: var(--theme-color)
}
@media only screen and (max-width:767px) {
	.mart30m {margin-top: 30px;padding-left: 5px;padding-right: 5px;}
	h2.site-title {font-size: 26px;}
    .CustomItems {padding-left: 0;
        padding-right: 0;}
        .car-widget {
    padding: 20px 0;
}
#Gioithieu {
    padding: 6px 9px;
}
.row {margin-right: -8px;
    margin-left: -8px;}
  .hero__form.v2 .explore__form-checkbox-list.full-filter {
    margin-top: 57px;
  }
 .hiddenmb {display: none;}
  .single-property-box {
    min-height: 205px;
}
.property-title-box {
    padding: 6px 6px 0px 6px;}
.section-padding {
    padding: 70px 0 90px;
    position: relative;
    margin-top: 66px;
}
.submit_btn button.btn.v3 {
    padding: 10px 20px;
    line-height: 1.1;
    border-radius: 10px;
}
.thumbnew {
    height: 100px;
    overflow: hidden;
}

.col-6 .itemnew {background: #FFF;box-shadow: 0 0 3px rgba(0,0,0,.3);border-radius: 15px;overflow: hidden;padding: 8px;min-height: 265px;}
.block_groups h3 a {font-size: 13px;line-height: 1.1;}
.header-text.v1 h1 {font-size: 20px;margin-bottom: 0;}
.breadcrumb {padding: 5px 0;}
.breadcrumb>li+li:before {
    padding: 0 2px;}
    .card-body {
    padding: 0.75rem;
}
.product-detail h1 {font-size: 19px;margin-bottom: 0;}
.pt-50 {
    padding-top: 20px !important;
}
h1, h2, h3, h4, h5, h6 { letter-spacing: 0;
}
.h1chuan {
    font-size: 20px;
    line-height: 30px;
}
.buttonp {font-size: 12px;margin-top: 3px;}
.breadcrumb li a {font-size: 11px;}
.list-details-tab {
    list-style: none;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: row wrap !important;
    flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
    padding-bottom: 10px;
    padding-top: 5px;
    overflow: scroll;
}
.list-details-tab li.nav-item, .list-details-tab.fixed_nav li {
 
    white-space: nowrap;
    vertical-align: middle;
}
}