@import url(plugins/animation.css);
@import url(plugins/css/bootstrap.min.css);
@import url(plugins/ion.rangeSlider.min.css);
@import url(plugins/dropzone.css);
@import url(plugins/select2.css);
@import url(plugins/slick.css);
@import url(plugins/slick-theme.css);
@import url(plugins/magnific-popup.css);
@import url(plugins/font-awesome.css);
@import url(plugins/icofont.css);
@import url(plugins/light-box.css);
@import url(plugins/line-icon.css);
@import url(plugins/themify.css);
@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css?family=Muli:300,400,600,700);
.page_numeric2 {
    background-color: #f2f2f2;
    list-style-type: none;
    margin-right: 3px;
    display: inline-block;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    height: 32px;
    min-width: 32px;
    color: #333333;
    font-size: 1.07692em;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    float: left;
}

    .page_numeric2:hover {
        background-color: #000000;
        border: 1px solid #000000;
        color: White !important;
    }

.current2 {
    background-color: #000000;
    list-style-type: none;
    margin-right: 6px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 3px;
    height: 32px;
    min-width: 32px;
    color: White;
    font-size: 1.07692em;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
    padding-top: 6px;
    float: left;
}
 .dark #preloader {
     background-color: #232323 
}
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #f7f7f7;
     z-index: 999999 
}
 .form-group {
     margin-bottom: 15px 
}
 .preloader {
     width: 50px;
     height: 50px;
     display: inline-block;
     padding: 0;
     text-align: left;
     box-sizing: border-box;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -25px;
     margin-top: -25px 
}
 .preloader span {
     position: absolute;
     display: inline-block;
     width: 50px;
     height: 50px;
     border-radius: 100%;
     background: #1d1d1d;
     -webkit-animation: preloader 1.3s linear infinite;
     animation: preloader 1.3s linear infinite;
}
 .preloader span:last-child {
     animation-delay: -.8s;
     -webkit-animation-delay: -.8s 
}
 @keyframes preloader {
     0% {
         transform: scale(0, 0);
         opacity: .5 
    }
     100% {
         transform: scale(1, 1);
         opacity: 0 
    }
}
 @-webkit-keyframes preloader {
     0% {
         -webkit-transform: scale(0, 0);
         opacity: .5 
    }
     100% {
         -webkit-transform: scale(1, 1);
         opacity: 0 
    }
}
 form.dropzone.dz-clickable.primary-dropzone {
     background: #f9fafc;
     border: 1px solid #ebedf5 
}
 i.req {
     color: #e41515 
}
 * {
     outline: 0 
}
 body {
     background: #fff;
     color: #353535;
     font-size: 16px;
     font-family: Muli, sans-serif;
     margin: 0;
     overflow-x: hidden!important;
     font-weight: 400;
}
 .modal-open {
     overflow: hidden!important 
}
 html {
     position: relative;
     min-height: 100%;
     background: #fff 
}
 a {
     color: #424242;
     text-decoration: none;
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
}
 a:focus, a:hover {
     text-decoration: none 
}
 a.link {
     color: #fd5332 
}
 a.link:focus, a.link:hover, a:focus, a:hover {
     color: #fd5332 
}
 a.text-success:focus, a.text-success:hover {
     color: #656565!important;
}
 a.text-primary:focus, a.text-primary:hover {
     color: #fd5332!important 
}
 a.text-warning:focus, a.text-warning:hover {
     color: #ff9b20!important 
}
 a.text-danger:focus, a.text-danger:hover {
     color: #f33066!important 
}
 a.white-link {
     color: #fff 
}
 a.white-link:focus, a.white-link:hover {
     color: #263238 
}
 .img-responsive {
     width: 100%;
     height: auto;
     display: inline-block 
}
 .img-rounded {
     border-radius: 4px 
}
 html body .mdi-set, html body .mdi:before {
     line-height: initial 
}
 section {
     padding: 80px 0 80px 
}
 section.min {
     padding: 50px 0 50px 
}
 p {
     line-height: 1.8 
}
 .gray-bg {
     background: #f5f5f5 url(../img/pattern.png);
     background-size: cover;
     background-position: center;
}
 .gray {
     background: #f7f9fc 
}
 .gray-simple {
     background: #ececec;
}
 .bg-title {
     background: #2540a2 
}
 .bg-1 {
     background: #f7d0cb 
}
 .bg-2 {
     background: #dde9ed 
}
 .tbl {
     display: table 
}
 .full-height {
     height: 100% 
}
 .rtl {
     position: relative 
}
 .mr-2 {
     margin-right: 8px 
}
 .mr-1 {
     margin-right: 4.5px 
}
 .alert p {
     margin: 0 
}
 .table-cell {
     display: table-cell;
     vertical-align: middle 
}
 .no-ul-list {
     padding: 0 
}
 .no-ul-list li {
     list-style: none 
}
 .progress {
     margin-bottom: 1.5em 
}
 .full-width {
     width: 100% 
}
 address, blockquote, dd, dl, dt, ol, p, ul {
     margin: 0 0 10px 
}
 .owl-carousel .item {
     padding: 0 15px 
}
 .explore-content p {
     font-size: 16px;
     /* font-family: Lora, serif; */
     /* font-style: italic; */
     text-align: justify;
}
 .explore-content h1, .explore-content h2 {
     font-family: 'Josefin Sans', sans-serif;
     font-weight: 600 
}
 .shadow-0 {
     box-shadow: none!important 
}
 h1, h2, h3, h4, h5, h6 {
     color: #2d2d2d;
     font-weight: 700;
     text-transform: capitalize;
     font-family: Jost, sans-serif;
}
 h5, h6 {
     color: #2f2f2f;
}
 .font-2 {
     font-family: Montserrat, sans-serif 
}
 h1 {
     line-height: 40px;
     font-size: 36px 
}
 h2 {
     line-height: 36px;
     font-size: 30px 
}
 h3 {
     line-height: 30px;
     font-size: 24px 
}
 h4 {
     line-height: 26px;
     font-size: 21px 
}
 h5 {
     line-height: 22px;
     font-size: 18px;
     font-weight: 600;
}
 h6 {
     line-height: 20px;
     font-size: 16px 
}
 .lead {
     font-size: 20px!important 
}
 .lead-i {
     font-family: Lora, serif;
     font-size: 22px!important;
     font-style: italic 
}
 .display-5 {
     font-size: 3rem 
}
 .display-6 {
     font-size: 36px 
}
 .display-7 {
     font-size: 26px 
}
 .box {
     border-radius: 4px;
     padding: 10px 
}
 html body .dl {
     display: inline-block 
}
 html body .db {
     display: block 
}
 .no-wrap td, .no-wrap th {
     white-space: nowrap 
}
 .circle {
     border-radius: 100% 
}
 .theme-cl {
     color: #fd5332 
}
 .theme-bg {
     background: #fd5332 
}
 ul.list-style {
     padding: 0;
     margin: 0 
}
 ul.list-style li {
     margin-bottom: 1.2em;
     line-height: 1.5;
     list-style: none;
     padding-left: 30px;
     position: relative 
}
 ul.list-style li:before {
     content: "\e64c";
     position: absolute;
     left: 0;
     font-size: 16px;
     top: 0;
     color: #27b737;
     font-family: themify 
}
 ul.list-style.style-2 li:before {
     content: "\e628"!important;
     color: #0273ff 
}
 .ht-10 {
     height: 10px 
}
 .ht-20 {
     height: 20px 
}
 .ht-30 {
     height: 30px 
}
 .ht-40 {
     height: 40px 
}
 .ht-50 {
     height: 50px 
}
 .ht-60 {
     height: 60px 
}
 .ht-70 {
     height: 70px 
}
 .ht-80 {
     height: 80px 
}
 .ht-80 {
     height: 80px 
}
 .ht-100 {
     height: 100px 
}
 .ht-110 {
     height: 110px 
}
 .ht-120 {
     height: 120px 
}
 .ht-130 {
     height: 130px 
}
 .ht-140 {
     height: 140px 
}
 .ht-150 {
     height: 150px 
}
 .ht-160 {
     height: 160px 
}
 .ht-170 {
     height: 170px 
}
 .ht-180 {
     height: 180px 
}
 .ht-190 {
     height: 190px 
}
 .ht-200 {
     height: 200px 
}
 .ht-100 {
     height: 100%;
     min-height: 580px 
}
 .h-100 {
     height: 100vh;
     min-height: 580px 
}
 .type--fade {
     opacity: .5 
}
 .type--uppercase {
     text-transform: uppercase 
}
 .type--bold {
     font-weight: 700 
}
 .type--italic {
     font-style: italic 
}
 .type--fine-print {
     font-size: .85714286em 
}
 .type--strikethrough {
     text-decoration: line-through;
     opacity: .5 
}
 .type--underline {
     text-decoration: underline 
}
 .pos-vertical-center {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%) 
}
 blockquote {
     font-size: 1.78571429em;
     line-height: 1.5em;
     padding: 0;
     margin: 0;
     border-left: 0 
}
 blockquote {
     font-style: italic 
}
 blockquote:not(:last-child) {
     margin-bottom: 1.04em 
}
 ul:last-child {
     margin: 0 
}
 .list-inline li {
     padding: 0 1em;
     margin-left: 0 
}
 .list-inline li:first-child {
     padding-left: 0 
}
 .list-inline li:last-child {
     padding-right: 0 
}
 .list-inline.list-inline--narrow li {
     padding: 0 .5em 
}
 .list-inline.list-inline--wide li {
     padding: 0 2em 
}
 .color--white {
     color: #fff!important 
}
 .color--dark {
     color: #252525!important 
}
 .color--success {
     color: #4ebf56!important 
}
 .color--error {
     color: #e23636!important 
}
 .bg--dark {
     background: #1f2025!important 
}
 .bg--dark:not(.nav-bar):not(.bar) {
     color: #fff 
}
 .bg--dark .boxed:not([class*=bg-]), .bg--dark .large-features-2, .bg--dark .large-features-box, .bg--dark .pr-table-box, .bg--dark .pricing-wrap, .bg--dark .veticle-large-features-box, .imagebg:not(.image--light) .boxed:not([class*=bg-]) {
     background: 0 0;
     color: #fff 
}
 .bg--dark .boxed:not([class*=bg-]).boxed--border, .imagebg:not(.image--light) .boxed:not([class*=bg-]).boxed--border {
     border-color: #2a2b31 
}
 .bg--dark:not(.nav-bar):not(.bar) h1, .bg--dark:not(.nav-bar):not(.bar) h2, .bg--dark:not(.nav-bar):not(.bar) h3, .bg--dark:not(.nav-bar):not(.bar) h4, .bg--dark:not(.nav-bar):not(.bar) h5, .bg--dark:not(.nav-bar):not(.bar) h6, .bg--dark:not(.nav-bar):not(.bar) i, .bg--dark:not(.nav-bar):not(.bar) p, .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text) {
     color: #fff 
}
 .bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
     color: #fff 
}
 .bg--site {
     background: #fff 
}
 .bg--primary a:not(.btn), .bg--primary p, .bg--primary span, .bg--primary ul {
     color: #fff 
}
 .bg--primary h1, .bg--primary h2, .bg--primary h3, .bg--primary h4, .bg--primary h5, .bg--primary h6, .bg--primary i {
     color: #fff 
}
 .bg--primary .color--primary {
     color: #fff!important 
}
 .bg--light {
     background: #fff 
}
 .bg--light a:not(.btn), .bg--light p, .bg--light span, .bg--light ul {
     color: #666 
}
 .bg--light h1, .bg--light h2, .bg--light h3, .bg--light h4, .bg--light h5, .bg--light h6, .bg--light i {
     color: #252525 
}
 .bg--error {
     background: #e23636 
}
 .bg--success {
     background: #4ebf56 
}
 .imagebg:not(.image--light) .bg--light a:not(.btn), .imagebg:not(.image--light) .bg--light p, .imagebg:not(.image--light) .bg--light span, .imagebg:not(.image--light) .bg--light ul {
     color: #666 
}
 .imagebg:not(.image--light) .bg--light h1, .imagebg:not(.image--light) .bg--light h2, .imagebg:not(.image--light) .bg--light h3, .imagebg:not(.image--light) .bg--light h4, .imagebg:not(.image--light) .bg--light h5, .imagebg:not(.image--light) .bg--light h6, .imagebg:not(.image--light) .bg--light i {
     color: #252525 
}
 .imagebg:not(.image--light) .bg--secondary {
     background: rgba(250, 250, 250, .2) 
}
 .image-bg:not(.image-light):not(a) {
     color: #fff 
}
 .color--facebook {
     color: #3b5998!important 
}
 .color--twitter {
     color: #00aced!important 
}
 .color--googleplus {
     color: #dd4b39!important 
}
 .color--instagram {
     color: #125688!important 
}
 .color--pinterest {
     color: #cb2027!important 
}
 .color--dribbble {
     color: #ea4c89!important 
}
 .color--behance {
     color: #053eff!important 
}
 .color--linkedin {
     color: #1685b9!important 
}
 .bg--facebook {
     background: #3b5998!important;
     color: #fff!important 
}
 .bg--twitter {
     background: #00aced!important;
     color: #fff!important 
}
 .bg--googleplus {
     background: #dd4b39!important;
     color: #fff!important 
}
 .bg--instagram {
     background: #125688!important;
     color: #fff!important 
}
 .bg--pinterest {
     background: #cb2027!important;
     color: #fff!important 
}
 .bg--dribbble {
     background: #ea4c89!important;
     color: #fff!important 
}
 .bg--behance {
     background: #053eff!important;
     color: #fff!important 
}
 .bg--linkedin {
     background: #1685b9!important;
     color: #fff!important 
}
 .height-10, .height-100, .height-20, .height-30, .height-40, .height-50, .height-60, .height-70, .height-80, .height-90 {
     height: auto;
     padding: 5em 0 
}
 .bg-img-holder {
     position: absolute;
     height: 100%;
     top: 0;
     left: 0;
     background-size: cover!important;
     background-position: 50% 50%!important;
     z-index: 0;
     transition: opacity .3s linear;
     -webkit-transition: opacity .3s linear;
     opacity: 0;
     background: #252525 
}
 .bg-img-holder:not([class*=col-]) {
     width: 100% 
}
 .bg-img-holder.background--bottom {
     background-position: 50% 100%!important 
}
 .bg-img-holder.background--top {
     background-position: 50% 0!important 
}
 .image--light .bg-img-holder {
     background: 0 0 
}
 .bg-img-holder img {
     display: none 
}
 .imagebg.border--round {
     overflow: hidden 
}
 [data-overlay] {
     position: relative 
}
 [data-overlay]:before {
     position: absolute;
     content: '';
     background: #252525;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 1 
}
 [data-overlay]:not(.container):not(.bg-img-holder) {
     z-index: 2 
}
 [data-overlay].image--light:before {
     background: #fff 
}
 [data-overlay].bg--primary:before {
     background: #4a90e2 
}
 [data-overlay="1"]:before {
     opacity: .1 
}
 [data-overlay="2"]:before {
     opacity: .2 
}
 [data-overlay="3"]:before {
     opacity: .3 
}
 [data-overlay="4"]:before {
     opacity: .4 
}
 [data-overlay="5"]:before {
     opacity: .5 
}
 [data-overlay="6"]:before {
     opacity: .6 
}
 [data-overlay="7"]:before {
     opacity: .7 
}
 [data-overlay="8"]:before {
     opacity: .8 
}
 [data-overlay="9"]:before {
     opacity: .9 
}
 [data-overlay="10"]:before {
     opacity: 1 
}
 [data-overlay="0"]:before {
     opacity: 0 
}
 [data-scrim-bottom] {
     position: relative 
}
 [data-scrim-bottom]:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 80%;
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #252525 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, #252525));
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #252525 100%);
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #252525 100%);
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, #252525 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #252525 100%);
     bottom: 0;
     left: 0;
     z-index: 1;
     backface-visibility: hidden 
}
 [data-scrim-bottom]:not(.image--light) h1, [data-scrim-bottom]:not(.image--light) h2, [data-scrim-bottom]:not(.image--light) h3, [data-scrim-bottom]:not(.image--light) h4, [data-scrim-bottom]:not(.image--light) h5, [data-scrim-bottom]:not(.image--light) h6 {
     color: #a5a5a5;
     color: #f1f1f1 
}
 [data-scrim-bottom]:not(.image--light) p, [data-scrim-bottom]:not(.image--light) span, [data-scrim-bottom]:not(.image--light) ul {
     color: #e6e6e6 
}
 [data-scrim-bottom].image--light:before {
     background: #fff 
}
 [data-scrim-bottom="1"]:before {
     opacity: .1 
}
 [data-scrim-bottom="2"]:before {
     opacity: .2 
}
 [data-scrim-bottom="3"]:before {
     opacity: .3 
}
 [data-scrim-bottom="4"]:before {
     opacity: .4 
}
 [data-scrim-bottom="5"]:before {
     opacity: .5 
}
 [data-scrim-bottom="6"]:before {
     opacity: .6 
}
 [data-scrim-bottom="7"]:before {
     opacity: .7 
}
 [data-scrim-bottom="8"]:before {
     opacity: .8 
}
 [data-scrim-bottom="9"]:before {
     opacity: .9 
}
 [data-scrim-bottom="10"]:before {
     opacity: 1 
}
 [data-scrim-top] {
     position: relative 
}
 [data-scrim-top]:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 80%;
     background: -moz-linear-gradient(bottom, #252525 0, rgba(0, 0, 0, 0) 100%);
     background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #252525), color-stop(100%, rgba(0, 0, 0, 0)));
     background: -webkit-linear-gradient(bottom, #252525 0, rgba(0, 0, 0, 0) 100%);
     background: -o-linear-gradient(bottom, #252525 0, rgba(0, 0, 0, 0) 100%);
     background: -ms-linear-gradient(bottom, #252525 0, rgba(0, 0, 0, 0) 100%);
     background: linear-gradient(to bottom, #252525 0, rgba(0, 0, 0, 0) 100%);
     top: 0;
     left: 0;
     z-index: 1 
}
 [data-scrim-top]:not(.image--light) h1, [data-scrim-top]:not(.image--light) h2, [data-scrim-top]:not(.image--light) h3, [data-scrim-top]:not(.image--light) h4, [data-scrim-top]:not(.image--light) h5, [data-scrim-top]:not(.image--light) h6 {
     color: #fff 
}
 [data-scrim-top]:not(.image--light) p, [data-scrim-top]:not(.image--light) span, [data-scrim-top]:not(.image--light) ul {
     color: #e6e6e6 
}
 [data-scrim-top].image--light:before {
     background: #fff 
}
 [data-scrim-top="1"]:before {
     opacity: .1 
}
 [data-scrim-top="2"]:before {
     opacity: .2 
}
 [data-scrim-top="3"]:before {
     opacity: .3 
}
 [data-scrim-top="4"]:before {
     opacity: .4 
}
 [data-scrim-top="5"]:before {
     opacity: .5 
}
 [data-scrim-top="6"]:before {
     opacity: .6 
}
 [data-scrim-top="7"]:before {
     opacity: .7 
}
 [data-scrim-top="8"]:before {
     opacity: .8 
}
 [data-scrim-top="9"]:before {
     opacity: .9 
}
 [data-scrim-top="10"]:before {
     opacity: 1 
}
 .imagebg {
     position: relative 
}
 .imagebg .container {
     z-index: 2 
}
 .imagebg .container:not(.pos-absolute) {
     position: relative 
}
 .imagebg:not(.image--light) blockquote, .imagebg:not(.image--light) h1, .imagebg:not(.image--light) h2, .imagebg:not(.image--light) h3, .imagebg:not(.image--light) h4, .imagebg:not(.image--light) h5, .imagebg:not(.image--light) h6, .imagebg:not(.image--light) p, .imagebg:not(.image--light) ul {
     color: #fff 
}
 .imagebg:not(.image--light) .bg--white h1, .imagebg:not(.image--light) .bg--white h2, .imagebg:not(.image--light) .bg--white h3, .imagebg:not(.image--light) .bg--white h4, .imagebg:not(.image--light) .bg--white h5, .imagebg:not(.image--light) .bg--white h6 {
     color: #252525 
}
 .imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white ul {
     color: #666 
}
 div[data-overlay] h1, div[data-overlay] h2, div[data-overlay] h3, div[data-overlay] h4, div[data-overlay] h5, div[data-overlay] h6 {
     color: #fff 
}
 div[data-overlay] p {
     color: #fff 
}
 .parallax {
     overflow: hidden 
}
 .icon {
     line-height: 1em;
     font-size: 3.14285714em 
}
 .icon--xs {
     font-size: 1em 
}
 .icon--sm {
     font-size: 2.35714286em 
}
 .icon--lg {
     font-size: 5.57142857em 
}
 .imagebg:not(.image--light) span {
     color: #fff 
}
 @keyframes spinner-border {
     to {
         transform: rotate(360deg) 
    }
}
 .spinner-border {
     display: inline-block;
     width: 30px;
     height: 30px;
     vertical-align: text-bottom;
     border: 3px solid;
     border-right-color: transparent;
     border-radius: 50%;
     animation: spinner-border .75s linear infinite 
}
 .spinner-border-sm {
     width: $spinner-width-sm;
     height: $spinner-height-sm;
     border-width: $spinner-border-width-sm 
}
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0 
}
 @keyframes spinner-grow {
     0% {
         transform: scale(0) 
    }
     50% {
         opacity: 1 
    }
}
 .spinner-grow {
     display: inline-block;
     width: 30px;
     height: 30px;
     vertical-align: text-bottom;
     background-color: #fff;
     border-radius: 50%;
     opacity: 0;
     animation: spinner-grow .75s linear infinite 
}
 .spinner-grow-sm {
     width: 30px;
     height: 30px 
}
 .clear {
     clear: both 
}
 ol li {
     margin: 5px 0 
}
 .bg-cover {
     background-size: cover!important;
     background-position: center!important 
}
 .image-bg {
     background-size: cover!important;
     background-position: center!important 
}
 .default-bg {
     background-size: initial!important;
     background-position: initial!important 
}
 .image-bg-wrap {
     background-size: cover!important;
     background-position: center!important;
     position: relative 
}
 .image-bg-wrap:before {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #182538;
     display: block;
     content: "";
     opacity: .8 
}
 html body .p-0 {
     padding: 0 
}
 html body .p-10 {
     padding: 10px 
}
 html body .p-15 {
     padding: 15px 
}
 html body .p-20 {
     padding: 20px 
}
 html body .p-30 {
     padding: 30px 
}
 html body .p-40 {
     padding: 40px 
}
 html body .p-l-0 {
     padding-left: 0 
}
 html body .p-l-10 {
     padding-left: 10px 
}
 html body .p-l-20 {
     padding-left: 20px 
}
 html body .p-r-0 {
     padding-right: 0 
}
 html body .p-r-10 {
     padding-right: 10px 
}
 html body .p-r-20 {
     padding-right: 20px 
}
 html body .p-r-30 {
     padding-right: 30px 
}
 html body .p-r-40 {
     padding-right: 40px 
}
 html body .p-t-0 {
     padding-top: 0 
}
 html body .p-t-10 {
     padding-top: 10px 
}
 html body .p-t-20 {
     padding-top: 20px 
}
 html body .p-t-30 {
     padding-top: 30px 
}
 html body .p-b-0 {
     padding-bottom: 0 
}
 html body .p-b-5 {
     padding-bottom: 5px 
}
 html body .p-b-10 {
     padding-bottom: 10px 
}
 html body .p-b-20 {
     padding-bottom: 20px 
}
 html body .p-b-30 {
     padding-bottom: 30px 
}
 html body .p-b-40 {
     padding-bottom: 40px 
}
 html body .mr-auto {
     margin: auto 
}
 html body .m-0 {
     margin: 0 
}
 html body .m-l-5 {
     margin-left: 5px 
}
 html body .m-l-10 {
     margin-left: 10px 
}
 html body .m-l-15 {
     margin-left: 15px 
}
 html body .m-l-20 {
     margin-left: 20px 
}
 html body .m-l-30 {
     margin-left: 30px 
}
 html body .m-l-40 {
     margin-left: 40px 
}
 html body .m-r-5 {
     margin-right: 5px 
}
 html body .m-r-10 {
     margin-right: 10px 
}
 html body .m-r-15 {
     margin-right: 15px 
}
 html body .m-r-20 {
     margin-right: 20px 
}
 html body .m-r-30 {
     margin-right: 30px 
}
 html body .m-r-40 {
     margin-right: 40px 
}
 html body .m-t-0 {
     margin-top: 0 
}
 html body .m-t-5 {
     margin-top: 5px 
}
 html body .m-t-10 {
     margin-top: 10px 
}
 html body .m-t-15 {
     margin-top: 15px 
}
 html body .m-t-20 {
     margin-top: 20px 
}
 html body .m-t-30 {
     margin-top: 30px 
}
 html body .m-t-40 {
     margin-top: 40px 
}
 html body .m-b-0 {
     margin-bottom: 0 
}
 html body .m-b-5 {
     margin-bottom: 5px 
}
 html body .m-b-10 {
     margin-bottom: 10px 
}
 html body .m-b-15 {
     margin-bottom: 15px 
}
 html body .m-b-20 {
     margin-bottom: 20px 
}
 html body .m-b-30 {
     margin-bottom: 30px 
}
 html body .m-b-40 {
     margin-bottom: 40px 
}
 html body .vt {
     vertical-align: top 
}
 html body .vm {
     vertical-align: middle 
}
 html body .vb {
     vertical-align: bottom 
}
 .op-8 {
     opacity: .8 
}
 .op-7 {
     opacity: .7 
}
 .op-5 {
     opacity: .5 
}
 .op-3 {
     opacity: .3 
}
 html body .font-bold {
     font-weight: 600 
}
 html body .font-normal {
     font-weight: 400 
}
 html body .font-light {
     font-weight: 300 
}
 html body .font-medium {
     font-weight: 500 
}
 html body .font-16 {
     font-size: 16px 
}
 html body .font-14 {
     font-size: 14px 
}
 html body .font-13 {
     font-size: 13px 
}
 html body .font-10 {
     font-size: 10px 
}
 html body .font-18 {
     font-size: 18px 
}
 html body .font-20 {
     font-size: 20px 
}
 html body .b-0 {
     border: none!important 
}
 html body .b-r {
     border-right: 1px solid #e0ecf5!important 
}
 html body .b-l {
     border-left: 1px solid #e0ecf5!important 
}
 html body .b-b {
     border-bottom: 1px solid #e0ecf5!important 
}
 html body .b-t {
     border-top: 1px solid #e0ecf5!important 
}
 html body .b-all {
     border: 1px solid #e0ecf5!important 
}
 .thumb-sm {
     height: 32px;
     width: 32px 
}
 .thumb-md {
     height: 48px;
     width: 48px 
}
 .thumb-lg {
     height: 88px;
     width: 88px 
}
 .hide {
     display: none 
}
 .img-circle {
     border-radius: 100% 
}
 .radius {
     border-radius: 4px 
}
 .text-white {
     color: #fff!important 
}
 .text-danger {
     color: #f33066!important 
}
 .text-muted {
     color: #8d97ad!important 
}
 .text-warning {
     color: #ff9b20!important 
}
 .text-success {
     color: #080a0a!important;
}
 .text-info {
     color: #fd5332!important 
}
 .text-inverse {
     color: #3e4555!important 
}
 html body .text-blue {
     color: #1d96ff 
}
 html body .text-purple {
     color: #7460ee 
}
 html body .text-primary {
     color: #fd5332!important 
}
 html body .text-megna {
     color: #1dc8cd 
}
 html body .text-dark {
     color: #8d97ad 
}
 html body .text-themecolor {
     color: #fd5332 
}
 .alert-primary {
     color: #05f;
     background-color: #eaf1ff;
     border-color: #eaf1ff 
}
 .alert-success {
     color: #27b737;
     background-color: #e9ffeb;
     border-color: #e9ffeb 
}
 .alert-warning {
     color: #ff9b20;
     background-color: #fff5e9;
     border-color: #fff5e9 
}
 .alert-info {
     color: #08a7c1;
     background-color: #effdff;
     border-color: #effdff 
}
 .alert-danger {
     color: #f33066;
     background-color: #ffe9e9;
     border-color: #ffe9e9 
}
 .alert-dark {
     color: #3e4758;
     background-color: #eff4ff;
     border-color: #eff4ff 
}
 .alert-secondary {
     color: #4b5d6f;
     background-color: #d6dfe8;
     border-color: #d6dfe8 
}
 .bg-primary {
     background-color: #2f2f2f!important;
}
 .bg-success {
     background-color: #2f2f2f!important;
}
 .bg-info {
     background-color: #1ac790!important 
}
 .bg-warning {
     background-color: #ff9b20!important 
}
 .bg-danger {
     background-color: #f33066!important 
}
 .bg-orange {
     background-color: #ec2828!important 
}
 .bg-yellow {
     background-color: #fed700 
}
 .bg-facebook {
     background-color: #3b5a9a 
}
 .bg-twitter {
     background-color: #56adf2 
}
 html body .bg-megna {
     background-color: #1dc8cd 
}
 html body .bg-theme {
     background-color: #fd5332 
}
 html body .bg-inverse {
     background-color: #2f2f2f!important;
}
 html body .bg-purple {
     background-color: #2f2f2f!important;
}
 html body .bg-orange {
     background-color: #fff6f5!important 
}
 html body .bg-light {
     background-color: #a6a6a6!important;
}
 html body .bg-light-primary {
     background-color: #f1effd 
}
 html body .bg-light-success {
     background-color: #e8fdeb 
}
 html body .bg-light-info {
     background-color: #cfecfe 
}
 html body .bg-light-extra {
     background-color: #ebf3f5 
}
 html body .bg-light-warning {
     background-color: #fff8ec 
}
 html body .bg-light-danger {
     background-color: #f9e7eb 
}
 html body .bg-light-inverse {
     background-color: #f6f6f6 
}
 html body .bg-light {
     background-color: #f5f7f9 
}
 html body .bg-white {
     background-color: #fff 
}
 html body .bg-whites {
     background-color: #f4f5f7 
}
 html body .bg-red {
     background-color: #e21137 
}
 html body .bg-green {
     background-color: #4caf50 
}
 html body .bg-sky {
     background-color: #20b2c1 
}
 html body .bg-blue {
     background-color: #2f2f2f!important;
}
 html body .bg-dark-blue {
     background-color: #192c48 
}
 .round {
     line-height: 48px;
     color: #fff;
     width: 50px;
     height: 50px;
     display: inline-block;
     font-weight: 400;
     text-align: center;
     border-radius: 100%;
     background: #fd5332 
}
 .round img {
     border-radius: 100% 
}
 .round-lg {
     line-height: 65px;
     width: 60px;
     height: 60px;
     font-size: 30px 
}
 .round.round-info {
     background: #fd5332 
}
 .round.round-warning {
     background: #ff9b20 
}
 .round.round-danger {
     background: #f33066 
}
 .round.round-success {
     background: #27b737 
}
 .round.round-primary {
     background: #fd5332 
}
 ul.simple-list {
     padding: 0;
     margin: 0 
}
 ul.simple-list li {
     list-style: none;
     padding: 10px 5px 10px 28px 
}
 ul.simple-list li {
     list-style: none;
     padding: 10px 5px 10px 28px;
     position: relative 
}
 ul.simple-list li:before {
     content: "\e6af";
     font-family: themify;
     position: absolute;
     left: 0 
}
 .label {
     padding: 3px 15px;
     color: #fff;
     font-weight: 400;
     border-radius: 4px;
     font-size: 75% 
}
 .label-rounded {
     border-radius: 60px 
}
 .label-custom {
     background-color: #1dc8cd 
}
 .label-success {
     background-color: #27b737 
}
 .label-info {
     background-color: #fd5332 
}
 .label-warning {
     background-color: #ff9b20 
}
 .label-danger {
     background-color: #f33066 
}
 .label-megna {
     background-color: #1dc8cd 
}
 .label-primary {
     background-color: #fd5332 
}
 .label-purple {
     background-color: #7460ee 
}
 .label-red {
     background-color: #fb3a3a 
}
 .label-inverse {
     background-color: #3e4555 
}
 .label-default {
     background-color: #f4f8fa 
}
 .label-white {
     background-color: #fff 
}
 .label-light-success {
     background-color: #e8fdeb;
     color: #27b737 
}
 .label-light-info {
     background-color: #cfecfe;
     color: #fd5332 
}
 .label-light-warning {
     background-color: #fff8ec;
     color: #ff9b20 
}
 .label-light-danger {
     background-color: #f9e7eb;
     color: #f33066 
}
 .label-light-megna {
     background-color: #e0f2f4;
     color: #1dc8cd 
}
 .label-light-primary {
     background-color: #f1effd;
     color: #fd5332 
}
 .label-light-inverse {
     background-color: #f6f6f6;
     color: #3e4555 
}
 .table thead th {
     vertical-align: bottom;
     border-bottom: 1px solid transparent;
     border-top: 0!important 
}
 .table-striped tbody tr:nth-of-type(odd) {
     background-color: #f7f9fb 
}
 .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
     border-top: 1px solid #f7f9fb 
}
 .table tr td, .table tr th {
     border-color: #eaeff5;
     padding: 12px 15px;
     vertical-align: middle 
}
 .table.tbl-big tr td, .table.tbl-big tr th {
     padding: 20px 15px 
}
 .table.tbl-big.center tr td, .table.tbl-big.center tr th {
     padding: 20px 15px;
     text-align: center 
}
 table.table tr th {
     font-weight: 600 
}
 .table-dark {
     color: #fff;
     background-color: #212529 
}
 .table-dark td, .table-dark th, .table-dark thead th {
     border-color: #32383e!important 
}
 .table .thead-dark th {
     color: #fff;
     background-color: #212529;
     border-color: #32383e 
}
 .badge {
     font-weight: 400 
}
 .badge-xs {
     font-size: 9px 
}
 .badge-sm, .badge-xs {
     -webkit-transform: translate(0, -2px);
     -ms-transform: translate(0, -2px);
     -o-transform: translate(0, -2px);
     transform: translate(0, -2px) 
}
 .badge-success {
     background-color: #27b737 
}
 .badge-info {
     background-color: #fd5332 
}
 .badge-primary {
     background-color: #fd5332 
}
 .badge-warning {
     background-color: #ff9b20 
}
 .badge-danger {
     background-color: #f33066 
}
 .badge-purple {
     background-color: #7460ee 
}
 .badge-red {
     background-color: #fb3a3a 
}
 .badge-inverse {
     background-color: #3e4555 
}
 ul.list-style-none {
     margin: 0;
     padding: 0 
}
 ul.list-style-none li {
     list-style: none 
}
 ul.list-style-none li a {
     color: #8d97ad;
     padding: 8px 0;
     display: block;
     text-decoration: none;
     font-size: 15.5px 
}
 ul.list-style-none li a:hover {
     color: #fd5332 
}
 .dropdown-item {
     padding: 8px 1rem;
     color: #607394;
     font-size: 15.5px 
}
 .btn {
     border: 2px solid transparent 
}
 .btn {
     color: #fff;
     padding: 12px 25px;
     cursor: pointer;
     -webkit-transition: 0s;
     -o-transition: 0s;
     transition: 0s;
     border-radius: .1rem 
}
 a.btn-trans-video {
     font-size: 1em;
     padding: .8em 1.6em;
     color: #fd5332 
}
 a.btn-trans-video i {
     width: 36px;
     height: 36px;
     line-height: 36px;
     display: inline-block;
     background: #fd5332;
     text-align: center;
     color: #fff;
     border-radius: 50%;
     margin-right: 20px;
     box-shadow: 0 0 0 12px #b3dcff;
     -webkit-box-shadow: 0 0 0 12px #b3dcff 
}
 .light-vid a.btn-trans-video {
     color: #fff 
}
 .light-vid a.btn-trans-video i {
     background: #3583ff;
     color: #fff;
     box-shadow: 0 0 0 7px rgba(255, 255, 255, .5);
     -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, .5) 
}
 .btn:hover {
     color: #fff 
}
 .btn:focus {
     -webkit-box-shadow: none;
     box-shadow: none 
}
 .btn-link {
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #263238;
     padding: 10px 15px 
}
 .btn-link .underline {
     border-bottom: 1px solid #263238 
}
 .btn-link:hover {
     color: #27b737 
}
 .btn-light {
     color: #263238 
}
 .btn-light:hover {
     background: #fd5332;
     color: #fff;
     border-color: #fd5332 
}
 .btn-lg {
     padding: 1.2em 2em;
     font-size: 1em 
}
 .btn-md {
     padding: 1em 1.5em;
     font-size: 1em 
}
 .btn-sm {
     padding: .25rem .5rem;
     font-size: 12px 
}
 .btn-xs {
     padding: .25rem .5rem;
     font-size: 10px 
}
 .btn-circle {
     border-radius: 100%;
     width: 40px;
     height: 40px;
     padding: 10px 
}
 .btn-circle.btn-md {
     padding: 18px 0;
     width: 60px;
     height: 60px;
     font-size: 20px 
}
 .btn-circle.btn-sm {
     width: 35px;
     height: 35px;
     padding: 8px 10px;
     font-size: 14px 
}
 .btn-circle.btn-lg {
     width: 70px;
     height: 70px;
     padding: 24px 15px;
     font-size: 20px;
     line-height: 23px 
}
 .btn-circle.btn-xl {
     width: 70px;
     height: 70px;
     padding: 14px 15px;
     font-size: 24px 
}
 .btn-rounded {
     border-radius: 50px!important;
     -webkit-border-radius: 50px!important 
}
 .btn-arrow {
     position: relative 
}
 .btn-arrow span {
     display: inline-block;
     position: relative;
     -webkit-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
     will-change: transform 
}
 .btn-arrow:focus span, .btn-arrow:hover span {
     -webkit-transform: translate3d(-1rem, 0, 0);
     transform: translate3d(-1rem, 0, 0) 
}
 .btn-arrow i {
     position: absolute;
     width: 1.1em;
     right: 0;
     right: 0;
     opacity: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
     will-change: right, opacity 
}
 .btn-arrow:focus i, .btn-arrow:hover i {
     opacity: 1;
     right: -2rem 
}
 .btn-theme {
     background: #fd5332;
     border-color: #fd5332;
     color: #fff;
     transition: all ease .4s 
}
 .btn-theme-2 {
     background: #3151b7;
     border-color: #3151b7;
     color: #fff;
     transition: all ease .4s 
}
 .btn-theme-2:focus, .btn-theme-2:hover {
     background: #fd5332;
     border-color: #fd5332;
     color: #fff!important 
}
 .btn-outline-theme {
     color: #fd5332;
     background-color: transparent;
     border: 2px solid #fd5332;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-outline-theme:focus, .btn-outline-theme:hover {
     color: #fff!important;
     background-color: #fd5332;
     border-color: #fd5332 
}
 .btn-outline-theme-2 {
     color: #3151b7;
     background-color: transparent;
     border: 2px solid #3151b7;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-outline-theme-2:focus, .btn-outline-theme-2:hover {
     color: #fff;
     background-color: #3151b7;
     border-color: #3151b7 
}
 .btn-secondary, .btn-secondary.disabled {
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in;
     background-color: #eef0f3;
     color: #8d97ad 
}
 .btn-secondary.disabled:hover, .btn-secondary:hover {
     color: #fff!important 
}
 .btn-secondary.active, .btn-secondary.disabled.active, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary:active, .btn-secondary:focus {
     color: #fff!important;
     background: #263238;
     border-color: #263238 
}
 .btn-primary, .btn-primary.disabled {
     background: #fd5332;
     border: 1px solid #fd5332;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-primary.disabled:hover, .btn-primary:hover {
     background: #2677e6;
     border: 1px solid #2677e6 
}
 .btn-primary.active, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary:active, .btn-primary:focus {
     background: #345bcb 
}
 .btn-themecolor, .btn-themecolor.disabled {
     background: #fd5332;
     color: #fff;
     border: 1px solid #fd5332 
}
 .btn-themecolor.disabled:hover, .btn-themecolor:hover {
     background: #028ee1;
     border: 1px solid #028ee1 
}
 .btn-black {
     background: #000000;
     color: #fff;
     border: 1px solid #000000;
}
 .btn-black:focus, .btn-black:hover {
     background: #0f7dff;
     border: 1px solid #0f7dff 
}
 .btn-themecolor.active, .btn-themecolor.disabled.active, .btn-themecolor.disabled:active, .btn-themecolor.disabled:focus, .btn-themecolor:active, .btn-themecolor:focus {
     background: #028ee1 
}
 .btn-success, .btn-success.disabled {
     background: #27b737;
     border: 1px solid #27b737;
     color: #fff 
}
 .btn-success.disabled:hover, .btn-success:hover {
     background: #1fd628;
     border: 1px solid #1fd628 
}
 .btn-success.active, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success:active, .btn-success:focus {
     background: #1fd628 
}
 .btn-info, .btn-info.disabled {
     background: #1ac790;
     border: 1px solid #1ac790;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-info.disabled:hover, .btn-info:hover {
     background: #1ac790;
     border: 1px solid #1ac790 
}
 .btn-info.active, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info:active, .btn-info:focus {
     background: #0976ea 
}
 .btn-warning, .btn-warning.disabled {
     background: #ff9b20;
     color: #fff;
     border: 1px solid #ff9b20 
}
 .btn-warning.disabled:hover, .btn-warning:hover {
     background: #f1901a;
     color: #fff;
     border: 1px solid #f1901a 
}
 .btn-warning.active, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning:active, .btn-warning:focus {
     background: #f1901a;
     color: #fff 
}
 .btn-danger, .btn-danger.disabled {
     background: #f33066;
     border: 1px solid #f33066;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-danger.disabled:hover, .btn-danger:hover {
     background: #d73e6b;
     border: 1px solid #d73e6b 
}
 .btn-danger.active, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger:active, .btn-danger:focus {
     background: #d73e6b 
}
 .btn-inverse, .btn-inverse.disabled {
     background: #3e4555;
     border: 1px solid #3e4555;
     color: #fff 
}
 .btn-inverse.disabled:hover, .btn-inverse:hover {
     background: #232a37;
     color: #fff;
     border: 1px solid #232a37 
}
 .btn-inverse.active, .btn-inverse.disabled.active, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse:active, .btn-inverse:focus {
     background: #232a37;
     color: #fff 
}
 .btn-red, .btn-red.disabled {
     background: #fb3a3a;
     border: 1px solid #fb3a3a;
     color: #fff 
}
 .btn-red.disabled:hover, .btn-red:hover {
     border: 1px solid #d61f1f;
     background: #d61f1f 
}
 .btn-red.active, .btn-red.disabled.active, .btn-red.disabled:active, .btn-red.disabled:focus, .btn-red:active, .btn-red:focus {
     background: #d73e6b 
}
 .btn-success-gradiant {
     background: #27b737;
     background: -webkit-linear-gradient(legacy-direction(to right), #27b737 0, #1fd628 100%);
     background: -webkit-gradient(linear, left top, right top, from(#27b737), to(#1fd628));
     background: -webkit-linear-gradient(left, #27b737 0, #1fd628 100%);
     background: -o-linear-gradient(left, #27b737 0, #1fd628 100%);
     background: linear-gradient(to right, #27b737 0, #1fd628 100%);
     border: 0 
}
 .btn-success-gradiant:hover {
     background: #1fd628;
     background: -webkit-linear-gradient(legacy-direction(to right), #1fd628 0, #27b737 100%);
     background: -webkit-gradient(linear, left top, right top, from(#1fd628), to(#27b737));
     background: -webkit-linear-gradient(left, #1fd628 0, #27b737 100%);
     background: -o-linear-gradient(left, #1fd628 0, #27b737 100%);
     background: linear-gradient(to right, #1fd628 0, #27b737 100%) 
}
 .btn-success-gradiant.active, .btn-success-gradiant:active, .btn-success-gradiant:focus {
     -webkit-box-shadow: 0;
     box-shadow: 0;
     opacity: 1 
}
 .btn-danger-gradiant {
     background: #f33066;
     background: -webkit-linear-gradient(legacy-direction(to right), #f33066 0, #ec2828 100%);
     background: -webkit-gradient(linear, left top, right top, from(#f33066), to(#ec2828));
     background: -webkit-linear-gradient(left, #f33066 0, #ec2828 100%);
     background: -o-linear-gradient(left, #f33066 0, #ec2828 100%);
     background: linear-gradient(to right, #f33066 0, #ec2828 100%);
     border: 0 
}
 .btn-danger-gradiant:hover {
     background: #ec2828;
     background: -webkit-linear-gradient(legacy-direction(to right), #ec2828 0, #f33066 100%);
     background: -webkit-gradient(linear, left top, right top, from(#ec2828), to(#f33066));
     background: -webkit-linear-gradient(left, #ec2828 0, #f33066 100%);
     background: -o-linear-gradient(left, #ec2828 0, #f33066 100%);
     background: linear-gradient(to right, #ec2828 0, #f33066 100%) 
}
 .btn-danger-gradiant.active, .btn-danger-gradiant:active, .btn-danger-gradiant:focus {
     -webkit-box-shadow: 0;
     box-shadow: 0;
     opacity: 1 
}
 .btn-warning-gradiant {
     background: #ff9b20;
     background: -webkit-linear-gradient(legacy-direction(to right), #ff9b20 0, #f48624 100%);
     background: -webkit-gradient(linear, left top, right top, from(#ff9b20), to(#f48624));
     background: -webkit-linear-gradient(left, #ff9b20 0, #f48624 100%);
     background: -o-linear-gradient(left, #ff9b20 0, #f48624 100%);
     background: linear-gradient(to right, #ff9b20 0, #f48624 100%);
     border: 0 
}
 .btn-warning-gradiant:hover {
     background: #f48624;
     background: -webkit-linear-gradient(legacy-direction(to right), #f48624 0, #ff9b20 100%);
     background: -webkit-gradient(linear, left top, right top, from(#f48624), to(#ff9b20));
     background: -webkit-linear-gradient(left, #f48624 0, #ff9b20 100%);
     background: -o-linear-gradient(left, #f48624 0, #ff9b20 100%);
     background: linear-gradient(to right, #f48624 0, #ff9b20 100%) 
}
 .btn-warning-gradiant.active, .btn-warning-gradiant:active, .btn-warning-gradiant:focus {
     -webkit-box-shadow: 0;
     box-shadow: 0;
     opacity: 1 
}
 .btn-info-gradiant, .btn-primary-gradiant {
     background: #fd5332;
     background: -webkit-linear-gradient(legacy-direction(to right), #fd5332 0, #fd5332 100%);
     background: -webkit-gradient(linear, left top, right top, from(#fd5332), to(#fd5332));
     background: -webkit-linear-gradient(left, #fd5332 0, #fd5332 100%);
     background: -o-linear-gradient(left, #fd5332 0, #fd5332 100%);
     background: linear-gradient(to right, #fd5332 0, #fd5332 100%);
     border: 0;
     color: #fff 
}
 .btn-info-gradiant:hover, .btn-primary-gradiant:hover {
     background: #fd5332;
     background: -webkit-linear-gradient(legacy-direction(to right), #fd5332 0, #fd5332 100%);
     background: -webkit-gradient(linear, left top, right top, from(#fd5332), to(#fd5332));
     background: -webkit-linear-gradient(left, #fd5332 0, #fd5332 100%);
     background: -o-linear-gradient(left, #fd5332 0, #fd5332 100%);
     background: linear-gradient(to right, #fd5332 0, #fd5332 100%) 
}
 .btn-info-gradiant.active, .btn-info-gradiant:active, .btn-info-gradiant:focus {
     -webkit-box-shadow: 0;
     box-shadow: 0;
     opacity: 1 
}
 .btn-outline-secondary {
     background-color: #fff;
     color: #727b84;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:focus {
     background: #263238 
}
 .btn-outline-primary {
     color: #fd5332;
     background-color: #fff;
     border-color: #fd5332;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover {
     background: #fd5332;
     color: #fff;
     border-color: #fd5332 
}
 .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus {
     background: #345bcb 
}
 .btn-outline-success, a.btn-outline-success {
     color: #27b737;
     background-color: transparent;
     border-color: #27b737;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:hover, a.btn-outline-success.focus, a.btn-outline-success:focus, a.btn-outline-success:hover {
     background: #27b737;
     border-color: #27b737;
     color: #fff 
}
 .btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:focus, a.btn-outline-success.active, a.btn-outline-success:active, a.btn-outline-success:focus {
     background: #1fd628 
}
 .btn-outline-info {
     color: #1ac790;
     background-color: transparent;
     border-color: #1ac790;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:hover {
     background: #1ac790;
     border-color: #1ac790;
     color: #fff 
}
 .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:focus {
     background: #1ac790 
}
 .btn-outline-warning {
     color: #ff9b20;
     background-color: transparent;
     border-color: #ff9b20;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:hover {
     background: #ff9b20;
     border-color: #ff9b20;
     color: #fff 
}
 .btn-outline-warning.active, .btn-outline-warning:active, .btn-outline-warning:focus {
     background: #f1901a 
}
 .btn-outline-danger {
     color: #f33066;
     background-color: transparent;
     border-color: #f33066;
     -webkit-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in 
}
 .btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger:hover {
     background: #f33066;
     border-color: #f33066;
     color: #fff 
}
 .btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:focus {
     background: #d73e6b 
}
 .btn-outline-red {
     color: #fb3a3a;
     background-color: transparent;
     border-color: #fb3a3a 
}
 .btn-outline-red.focus, .btn-outline-red:focus, .btn-outline-red:hover {
     background: #fb3a3a;
     border-color: #fb3a3a;
     color: #fff 
}
 .btn-outline-red.active, .btn-outline-red:active, .btn-outline-red:focus {
     background: #d73e6b 
}
 .btn-outline-inverse {
     color: #3e4555;
     background-color: transparent;
     border-color: #3e4555 
}
 .btn-outline-inverse.focus, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
     background: #3e4555;
     border-color: #3e4555;
     color: #fff 
}
 .btn-outline-light:hover {
     color: #263238!important 
}
 .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
     background-color: #345bcb;
     border: 1px solid #345bcb 
}
 .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
     background-color: #1fd628;
     border: 1px solid #1fd628 
}
 .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
     background-color: #1ac790;
     border: 1px solid #1ac790;
     color: #fff 
}
 .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover {
     background-color: #f1901a;
     border: 1px solid #f1901a;
     color: #fff 
}
 .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
     background-color: #d73e6b;
     border: 1px solid #d73e6b;
     color: #fff 
}
 .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse {
     background-color: #232a37;
     border: 1px solid #232a37;
     color: #fff 
}
 .btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open>.dropdown-toggle.btn-red {
     background-color: #d61f1f;
     border: 1px solid #d61f1f;
     color: #fff 
}
 .btn span.btn-devider {
     display: inline-block;
     padding-left: 10px 
}
 .btn-warning-light {
     color: #ff8f00!important;
     background: rgba(255, 143, 0, .1);
     border-color: transparent 
}
 .btn-warning-light:focus, .btn-warning-light:hover {
     color: #fff!important;
     background: #ff8f00;
     border-color: #ff8f00 
}
 .btn-success-light {
     color: #29cf8d!important;
     background: rgba(41, 207, 141, .1);
     border-color: transparent 
}
 .btn-success-light:focus, .btn-success-light:hover {
     color: #fff!important;
     background: #29cf8d;
     border-color: #29cf8d 
}
 .btn-primary-light {
     color: #fd5332!important;
     background: rgba(51, 137, 255, .1);
     border-color: transparent 
}
 .btn-primary-light:focus, .btn-primary-light:hover {
     color: #fff!important;
     background: #fd5332;
     border-color: #fd5332 
}
 .btn-danger-light {
     color: #ed2929!important;
     background: rgba(237, 41, 41, .1);
     border-color: transparent 
}
 .btn-danger-light:focus, .btn-danger-light:hover {
     color: #fff!important;
     background: #ed2929;
     border-color: #ed2929 
}
 .btn-over-light {
     color: #fff!important;
     background: rgba(255, 255, 255, .1);
     border-color: rgba(255, 255, 255, .2) 
}
 .btn-over-light:focus, .btn-over-light:hover {
     color: #fff!important;
     background: #ff8f00;
     border-color: rgba(255, 255, 255, .2) 
}
 .cover .video-block:not(:first-child):not(:last-child) {
     margin: 2.77em 0 
}
 .video-play-icon {
     width: 6.42857143em;
     height: 6.42857143em;
     border-radius: 50%;
     position: relative;
     z-index: 2;
     display: inline-block;
     border: 2px solid #fff;
     cursor: pointer;
     line-height: 6em;
     background: #fff;
     box-shadow: 0 0 0 15px rgba(255, 255, 255, .2);
     -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, .2) 
}
 .video-play-icon a {
     font-size: 3em;
     color: #fd5332 
}
 .pagination {
     display: table;
     padding-left: 0;
     border-radius: 4px;
     margin: 20px auto 0!important 
}
 .pagination>li>a, .pagination>li>span {
     position: relative;
     float: left;
     padding: 0;
     margin: 5px;
     color: #5a6f7c;
     text-decoration: none;
     background-color: #fff;
     border-radius: 2px;
     width: 37px;
     height: 37px;
     text-align: center;
     line-height: 37px;
     border: 1px solid #eaeff5;
     /* -webkit-box-shadow: 0 2px 10px 0 #d8dde6; */
     /* box-shadow: 0 2px 10px 0 #d8dde6; */
}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover {
     z-index: 2;
     color: #fff;
     cursor: pointer;
     background-color: #fd5332;
     border-color: #fd5332 
}
 .pagination li:first-child a {
     background: #fd5332;
     border: 1px solid #fd5332;
     border-radius: 2px;
     color: #fff 
}
 .pagination li:last-child a {
     background: #828282;
     border: 1px solid #656565;
     border-radius: 2px;
     color: #fff;
}
 .pagination>li {
     display: inline 
}
 .page-item.active .page-link {
     z-index: 2;
     color: #fff;
     background-color: #fd5332;
     border-color: #fd5332 
}
 .checkbox-custom, .radio-custom {
     opacity: 0;
     position: absolute 
}
 .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
     display: flex;
     align-items: center;
     margin: 5px;
     cursor: pointer 
}
 .checkbox-custom-label, .radio-custom-label {
     position: relative 
}
 .checkbox-custom+.checkbox-custom-label:before {
     content: "";
     background: #fff;
     border: 2px solid #dae3ec;
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     border-radius: 2px;
     padding: 2px;
     margin-right: 10px;
     text-align: center 
}
 .radio-custom+.radio-custom-label:before {
     content: '';
     background: #fff;
     border: 2px solid #dae3ec;
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     padding: 2px;
     margin-right: 10px;
     text-align: center 
}
 .checkbox-custom:checked+.checkbox-custom-label:before {
     content: "\e64c";
     font-family: Themify;
     background: #140c40!important;
     border-radius: 2px;
     box-shadow: none;
     color: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-size: 8px 
}
 [type=radio]:checked+label:after, [type=radio]:not(:checked)+label:after {
     content: "\e64c";
     font-family: Themify;
     width: 20px;
     height: 20px;
     background: #140c40!important;
     position: absolute;
     top: 0;
     left: 0;
     border-radius: 100%;
     -webkit-transition: all .2s ease;
     transition: all .2s ease;
     color: #fff;
     font-size: 8px;
     display: flex;
     align-items: center;
     justify-content: center 
}
 .radio-custom+.radio-custom-label:before {
     border-radius: 50% 
}
 .radio-custom:checked+.radio-custom-label:before {
     background: #292929!important;
     border: 1px solid #191919;
     box-shadow: inset 0 0 0 4px #000000;
}
 .company-brands label {
     font-weight: 400;
     color: #828f99;
     font-size: 15px 
}
 .checkbox-custom:focus+.checkbox-custom-label, .radio-custom:focus+.radio-custom-label {
     outline: 0 
}
 .company-brands input[type=checkbox]:focus {
     outline: 0 
}
 .company-brands label:focus {
     outline: 0 
}
 .filter_wraps[type=radio]:checked+label:after, .filter_wraps[type=radio]:not(:checked)+label:after {
     right: 0;
     left: auto 
}
 .onoffswitch {
     position: relative;
     width: 70px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     margin: 0 auto 
}
 .onoffswitch-checkbox {
     display: none 
}
 .onoffswitch-label {
     display: block;
     overflow: hidden;
     cursor: pointer;
     border: 2px solid transparent;
     border-radius: 20px 
}
 .onoffswitch-inner {
     display: block;
     width: 200%;
     margin-left: -100%;
     -webkit-transition: margin .3s ease-in 0s;
     -o-transition: margin .3s ease-in 0s;
     transition: margin .3s ease-in 0s 
}
 .onoffswitch-inner:after, .onoffswitch-inner:before {
     display: block;
     float: left;
     width: 50%;
     height: 30px;
     padding: 0;
     line-height: 30px;
     font-size: 14px;
     color: #fff;
     -webkit-box-sizing: border-box;
     box-sizing: border-box 
}
 .onoffswitch-inner:before {
     content: "";
     padding-right: 27px;
     background-color: #27b737;
     color: #fff 
}
 .onoffswitch-inner:after {
     content: "";
     padding-right: 24px;
     background-color: #3e4555;
     color: #999;
     text-align: right 
}
 .onoffswitch-switch {
     display: block;
     width: 23px;
     margin: 6px;
     background: #fff;
     height: 23px;
     position: absolute;
     top: -1px;
     bottom: 0;
     right: 35px;
     border-radius: 20px;
     -webkit-transition: all .3s ease-in 0s;
     -o-transition: all .3s ease-in 0s;
     transition: all .3s ease-in 0s 
}
 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
     margin-left: 0 
}
 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
     right: 0 
}
 [type=radio]:checked, [type=radio]:not(:checked) {
     position: absolute;
     left: -9999px 
}
 [type=radio]:checked+label, [type=radio]:not(:checked)+label {
     position: relative;
     padding-left: 28px;
     cursor: pointer;
     line-height: 20px;
     display: inline-block 
}
 [type=radio]:checked+label:before, [type=radio]:not(:checked)+label:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 18px;
     height: 18px;
     border: 1px solid #ddd;
     border-radius: 100%;
     background: #fff 
}
 [type=radio]:checked+label:after, [type=radio]:not(:checked)+label:after {
     width: 10px;
     height: 10px;
     background: #fd5332;
     position: absolute;
     top: 4px;
     left: 4px;
     border-radius: 100%;
     -webkit-transition: all .2s ease;
     transition: all .2s ease 
}
 [type=radio]:not(:checked)+label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0) 
}
 [type=radio]:checked+label:after {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1) 
}
 .card-columns {
     -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
     column-gap: 30px 
}
 .card-columns .card {
     margin-bottom: 30px 
}
 .invisible {
     visibility: hidden!important 
}
 .hidden-xs-up {
     display: none!important 
}
 @media (max-width: 575px) {
     .hidden-xs-down {
         display: none!important 
    }
}
 @media (min-width: 576px) {
     .hidden-sm-up {
         display: none!important 
    }
}
 @media (max-width: 767px) {
     .hidden-sm-down {
         display: none!important 
    }
}
 @media (min-width: 768px) {
     .hidden-md-up {
         display: none!important 
    }
}
 @media (max-width: 991px) {
     .hidden-md-down {
         display: none!important 
    }
}
 @media (min-width: 992px) {
     .hidden-lg-up {
         display: none!important 
    }
     .nav-left-side ul.attributes {
         float: none 
    }
}
 @media (max-width: 1199px) {
     .hidden-lg-down {
         display: none!important 
    }
}
 @media (min-width: 1200px) {
     .hidden-xl-up {
         display: none!important 
    }
}
 .hidden-xl-down {
     display: none!important 
}
 .sec-heading {
     margin-bottom: 2rem 
}
 .sec-heading.lg {
     margin-bottom: 30px 
}
 .sec-heading.center {
     text-align: center 
}
 .sec-heading h2, .sec-heading p {
     margin-bottom: 0 
}
 .sec-heading.light h2, .sec-heading.light p {
     color: #fff 
}
 .sec-heading p {
     margin-bottom: 5px;
     line-height: 1.7 
}
 .single-items {
     padding: 0 10px 
}
 .item-slide, .property-slide {
     margin: 0 -15px 
}
 .sec-heading2 {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     align-items: center 
}
 .sec-left {
     flex: 1 
}
 .sec-left h3 {
     font-size: 20px;
     margin-bottom: 0 
}
 .sec-right a {
     font-size: 14px;
     font-weight: 600;
     opacity: .7 
}
 .form-control {
     height: 56px;
     font-size: 16px;
     box-shadow: none;
     padding: .5rem .75rem;
     border: 1px solid #e0ecf5;
     background-clip: initial 
}
 .form-submit .form-control, .submit-form .form-control, .submit-page .form-control {
     background: #f9fafc;
     border: 1px solid #ebedf5;
     border-radius: 3px;
     color: #646e77 
}
 .form-row>.col, .form-row>[class*=col-] {
     padding-right: 15px;
     padding-left: 15px 
}
 .form-control.simple {
     background: #f2f3f5;
     border-color: #f2f3f5;
     border-radius: 4px 
}
 .select2-container {
     width: 100%!important 
}
 .select2-container--default .select2-selection--single {
     background-color: #fff;
     border-radius: 0;
     border: none;
     height: 40px;
}
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #626a70;
     line-height: 38px;
     text-align: left;
     padding: 0 15px 0 0;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 39px;
     position: absolute;
     top: 1px;
     right: 9px;
     width: 20px;
}
 .select2-container--default .select2-selection--single .select2-selection__placeholder {
     color: #6877a5 
}
 .full-search-2 .form-control::-webkit-input-placeholder {
     color: #6877a5 
}
 .full-search-2 .form-control:-ms-input-placeholder {
     color: #6877a5 
}
 .full-search-2 .form-control::placeholder {
     color: #6877a5 
}
 .select2-container--default .select2-selection--single .select2-selection__clear {
     right: 14px;
     top: 1px 
}
 .bg--dark .form-control, .image-bg .form-control {
     color: #495057!important 
}
 select.form-control:not([size]):not([multiple]) {
     height: 56px 
}
 select.form-control.fc-lg:not([size]):not([multiple]) {
     height: 62px 
}
 .form-control.fc-lg {
     height: 62px 
}
 textarea.form-control {
     height: 180px 
}
 .tip-topdata {
     position: relative;
     color: #fff;
     text-decoration: none;
     width: 15px;
     height: 15px;
     display: inline-block;
     background: #394d8c;
     border-radius: 50%;
     text-align: center;
     line-height: 19px;
     margin-left: 5px;
     font-size: 9px 
}
 .tip-topdata:before {
     content: attr(data-tip);
     font-size: 11px;
     font-weight: 700;
     position: absolute;
     z-index: 999;
     white-space: nowrap;
     bottom: 9999px;
     left: 0;
     background: #394d8c;
     color: #fff;
     padding: 7px 15px;
     line-height: 25px;
     border-radius: 3px;
     top: -42px;
     opacity: 0;
     -webkit-transition: opacity .4s ease-out;
     -moz-transition: opacity .4s ease-out;
     -o-transition: opacity .4s ease-out;
     transition: opacity .4s ease-out;
     text-shadow: none;
     display: inline-table 
}
 .tip-topdata:hover:before {
     opacity: 1 
}
 .form-submit .select2-container--default .select2-selection--single {
     background-color: #f9fafc;
     border-radius: 0;
     border: none;
     height: 56px;
     border: 1px solid #ebedf5;
     border-radius: 4px;
     padding-left: 15px 
}
 .form-submit .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 55px 
}
 .nav-brand, .nav-brand:focus, .nav-brand:hover, .nav-menu>li>a {
     color: #dcdcdc;
}
 .menu__list, .nav-dropdown, .nav-menu, ul {
     list-style: none 
}
 .menu__link, .navigation, .navigation * {
     -webkit-tap-highlight-color: transparent 
}
 .navigation, .navigation * {
     box-sizing: border-box 
}
 .navigation {
     width: 100%;
    /* height: 50px;
     */
     display: table;
     position: relative;
     font-family: inherit;
}
 .nav-toggle, .navigation-hidden .nav-header {
     display: none 
}
 .navigation-portrait {
     height: 48px 
}
 .navigation-fixed {
     position: fixed;
     top: 0;
     left: 0 
}
 .navigation-hidden {
     width: 0!important;
     height: 0!important;
     margin: 0!important;
     padding: 0!important 
}
 .align-to-right {
     float: right 
}
 .nav-header {
     float: left 
}
 .nav-brand {
     padding: 17px 15px;
     font-size: 24px;
     margin-right: 1rem;
     text-decoration: none!important 
}
 .deatils ul li a, .indicate a, .logo h1 a, .nav-button, .nav-dropdown>li>a, .nav-menu>li>a, nav a {
     text-decoration: none 
}
 .navigation-portrait .nav-brand {
     font-size: 18px;
     line-height: 48px 
}
 .nav-logo>img {
     height: 48px;
     margin: 11px auto;
     padding: 0 15px;
     float: left 
}
 .nav-logo:focus>img {
     outline: initial 
}
 .deatils ul li a, .indicate a, .menu__link:focus, .menu__link:hover, nav a, nav a:focus, nav a:hover {
     outline: 0 
}
 .navigation-portrait .nav-logo>img {
     height: 36px;
     margin: 6px auto 6px 15px;
     padding: 0 
}
 .nav-toggle {
     width: 30px;
     height: 30px;
     padding: 6px 2px 0;
     position: absolute;
     top: 50%;
     margin-top: -14px;
     right: 15px;
     cursor: pointer 
}
 .nav-toggle:before {
     content: "";
     position: absolute;
     width: 24px;
     height: 2px;
     background-color: #70798b;
     border-radius: 10px;
     box-shadow: 0 .5em 0 0 #70798b, 0 1em 0 0 #70798b 
}
 .navigation-portrait .nav-toggle {
     display: block 
}
 .navigation-portrait .nav-menus-wrapper {
     width: 320px;
     height: 100%;
     top: 0;
     left: -400px;
     position: fixed;
     background-color: #fff;
     z-index: 20000;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     transition-duration: .8s;
     transition-timing-function: ease 
}
 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
     left: auto;
     right: -400px 
}
 .nav-menus-wrapper.nav-menus-wrapper-open {
     left: 0 
}
 .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
     right: 0 
}
 .nav-menus-wrapper-close-button {
     width: 30px;
     height: 40px;
     margin: 10px 7px;
     display: none;
     float: right;
     color: #70798b;
     font-size: 26px;
     cursor: pointer 
}
 .navigation-portrait .nav-menus-wrapper-close-button {
     display: block 
}
 .nav-menu {
     margin: 0;
     padding: 0;
     line-height: normal 
}
 .navigation-portrait .nav-menu {
     width: 100% 
}
 .navigation-landscape .nav-menu.nav-menu-centered {
     float: none;
     text-align: center 
}
 .nav-menu>li {
     display: block;
     float: left;
     text-align: left;
}
 .navigation-portrait .nav-menu>li {
     width: 100%;
     position: relative;
     border-top: solid 1px #f0f0f0 
}
 .navigation-portrait .nav-menu>li:last-child {
     border-bottom: solid 1px #f0f0f0 
}
 .nav-menu+.nav-menu>li:first-child {
     border-top: none 
}
 .navigation-landscape .nav-menu.nav-menu-centered>li {
     float: none 
}
 .nav-menu>li>a {
     padding: 13px 9px;
     display: inline-block;
     transition: color .3s, background .3s;
     font-family: Jost, sans-serif;
     font-weight: 400;
}
 .navigation-portrait .nav-menu>li>a {
     height: auto;
     width: 100%;
     padding: 12px 15px 12px 26px 
}
 .nav-menu>.active>a, .nav-menu>.focus>a, .nav-menu>li:hover>a {
     color: #ffffff!important;
}
 .nav-menu>li>a>[class*=ion-], .nav-menu>li>a>i {
     width: 18px;
     height: 16px;
     line-height: 16px;
     -ms-transform: scale(1.4);
     transform: scale(1.4) 
}
 .nav-menu>li>a>[class*=ion-] {
     width: 16px;
     display: inline-block;
     transform: scale(1.8) 
}
 .navigation-portrait .nav-menu.nav-menu-social {
     width: 100%;
     text-align: center 
}
 .nav-menu.nav-menu-social>li {
     text-align: center;
     float: none;
     border: none!important 
}
 .navigation-portrait .nav-menu.nav-menu-social>li {
     width: auto 
}
 .nav-menu.nav-menu-social>li>a>[class*=ion-] {
     font-size: 12px 
}
 .nav-menu.nav-menu-social>li>a>.fa {
     font-size: 14px 
}
 .navigation-portrait .nav-menu.nav-menu-social>li>a {
     padding: 15px 
}
 .submenu-indicator {
     margin-left: 6px;
     margin-top: 6px;
     float: right;
     transition: all .3s;
     display: none;
}
 .navigation-portrait .submenu-indicator {
     width: 54px;
     height: 44px;
     margin-top: 0;
     position: absolute;
     text-align: center;
     z-index: 20000 
}
 .submenu-indicator-chevron {
     /* height: 6px; */
     /* width: 6px; */
     display: block;
     /* border-style: solid; */
     border-width: 0 1px 1px 0;
     border-color: transparent #dcdfe3 #dcdfe3 transparent;
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     transition: border .3s;
}
 .navigation-portrait .submenu-indicator-chevron {
     position: absolute;
     top: 18px;
     left: 24px 
}
 .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron, .nav-menu>li:hover>a .submenu-indicator-chevron {
     border-color: transparent #0fca98 #0fca98 transparent 
}
 .navigation-portrait .submenu-indicator.submenu-indicator-up {
     -ms-transform: rotate(-180deg);
     transform: rotate(-180deg) 
}
 .nav-overlay-panel {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: fixed;
     display: none;
     z-index: 19999 
}
 .no-scroll {
     width: 100%;
     height: 100%;
     overflow: hidden 
}
 .nav-search {
     height: 70px;
     float: right;
     z-index: 19998 
}
 .navigation-portrait .nav-search {
     height: 48px;
     padding: 0 10px;
     margin-right: 52px 
}
 .navigation-hidden .nav-search {
     display: none 
}
 .nav-search-button {
     width: 70px;
     height: 70px;
     line-height: 70px;
     text-align: center;
     cursor: pointer;
     background-color: #fbfcfd 
}
 .nav-search-icon {
     width: 14px;
     height: 14px;
     margin: 2px 8px 8px 4px;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     color: #70798b;
     text-align: left;
     text-indent: -9999px;
     border: 2px solid;
     border-radius: 50%;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     transition: color .3s 
}
 .nav-search-icon:after, .nav-search-icon:before {
     content: '';
     pointer-events: none 
}
 .nav-search-icon:before {
     width: 2px;
     height: 11px;
     top: 11px;
     position: absolute;
     left: 50%;
     border-radius: 0 0 1px 1px;
     box-shadow: inset 0 0 0 32px;
     transform: translateX(-50%) 
}
 .nav-search-button:hover .nav-search-icon {
     color: #00a94f 
}
 .navigation-portrait .nav-search-button {
     width: 50px;
     height: 48px;
     line-height: 46px;
     font-size: 22px 
}
 .nav-search>form {
     width: 100%;
     height: 100%;
     padding: 0 auto;
     display: none;
     position: absolute;
     left: 0;
     top: 0;
     background-color: #fff;
     z-index: 99 
}
 .nav-search-inner {
     width: 70%;
     height: 70px;
     margin: auto;
     display: table 
}
 .navigation-portrait .nav-search-inner {
     height: 48px 
}
 .nav-search-inner input[type=search], .nav-search-inner input[type=text] {
     height: 70px;
     width: 100%;
     margin: 0;
     padding: 0 12px;
     font-size: 26px;
     text-align: center;
     color: #70798b;
     outline: 0;
     line-height: 70px;
     border: none;
     background-color: transparent;
     transition: all .3s 
}
 .navigation-portrait .nav-search-inner input[type=search], .navigation-portrait .nav-search-inner input[type=text] {
     height: 48px;
     font-size: 18px;
     line-height: 48px 
}
 .nav-search-close-button {
     width: 28px;
     height: 28px;
     display: block;
     position: absolute;
     right: 20px;
     top: 20px;
     line-height: normal;
     color: #70798b;
     font-size: 20px;
     cursor: pointer;
     text-align: center 
}
 .nav-button, .nav-text {
     display: inline-block;
     font-size: 14px 
}
 .navigation-portrait .nav-search-close-button {
     top: 10px;
     right: 14px 
}
 .nav-button {
     margin: 18px 15px 0;
     padding: 8px 14px;
     color: #fff;
     text-align: center;
     border-radius: 4px;
     background-color: #00a94f;
     transition: opacity .3s 
}
 .nav-button:focus, .nav-button:hover {
     color: #fff;
     text-decoration: none;
     opacity: .85 
}
 .navigation-portrait .nav-button {
     width: calc(100% - 52px);
     margin: 17px 26px 
}
 .nav-text {
     margin: 25px 15px;
     color: #70798b 
}
 .navigation-portrait .nav-text {
     width: calc(100% - 52px);
     margin: 12px 26px 0 
}
 .navigation-portrait .nav-text+ul {
     margin-top: 15px 
}
 .nav-dropdown {
     min-width: 250px;
     margin: 0;
     padding: 0;
     display: none;
     position: absolute;
     z-index: 98;
     white-space: nowrap 
}
 .navigation-portrait .nav-dropdown {
     width: 100%;
     position: static;
     left: 0 
}
 .nav-dropdown .nav-dropdown {
     left: 100% 
}
 .nav-menu>li .nav-dropdown {
     border: none;
     padding: 15px;
     background: #fff;
     box-shadow: 0 0 50px 0 rgba(32, 32, 32, .15);
     -webkit-box-shadow: 0 0 50px 0 rgba(32, 32, 32, .15);
     border-radius: .4rem 
}
 .nav-menu>li>.nav-dropdown:before {
     background-color: #fff;
     content: "";
     height: 20px;
     left: 25px;
     position: absolute;
     top: -10px;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     width: 20px;
     -webkit-transition: all .1s ease 0s;
     -moz-transition: all .1s ease 0s;
     -o-transition: all .1s ease 0s;
     transition: all .1s ease 0s 
}
 .nav-dropdown>li {
     width: 100%;
     float: left;
     clear: both;
     position: relative;
     text-align: left 
}
 .nav-dropdown>li>a {
     width: 100%;
     padding: 9px 10px 9px 0px;
     border-bottom: 1px solid #e4e8ec;
     display: inline-block;
     float: left;
     color: #545454;
     -webkit-transition: all .3s ease 0s;
     -moz-transition: all .3s ease 0s;
     -o-transition: all .3s ease 0s;
     transition: all .3s ease 0s;
     font-family: Jost, sans-serif;
}
 .nav-dropdown>li:last-child>a {
     border-bottom: none 
}
 .nav-dropdown>li>a:focus, .nav-dropdown>li>a:hover {
     padding-left: 20px;
     color: #0fca98 
}
 .social-icon a i, .social-icons a i {
     width: 32px;
     height: 32px;
     display: inline-block;
     border-radius: 16px 
}
 .nav-dropdown>.focus>a, .nav-dropdown>li:hover>a {
     color: #1d1d1d;
}
 .nav-dropdown.nav-dropdown-left {
     right: 0 
}
 .nav-dropdown>li>.nav-dropdown-left {
     left: auto;
     right: 100% 
}
 .navigation-landscape .nav-dropdown-left>li>a {
     text-align: right 
}
 .navigation-portrait .nav-dropdown>li>a {
     padding: 12px 20px 12px 30px 
}
 .navigation-portrait .nav-dropdown>li>ul>li>a {
     padding-left: 50px 
}
 .navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
     padding-left: 70px 
}
 .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
     padding-left: 90px 
}
 .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
     padding-left: 110px 
}
 .nav-dropdown .submenu-indicator {
     right: 15px;
     top: 16px;
     position: absolute 
}
 .menu__list, .navbar, nav a {
     position: relative 
}
 .navigation-portrait .submenu-indicator {
     right: 0;
     top: 0 
}
 .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg) 
}
 .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
     -ms-transform: rotate(45deg);
     transform: rotate(45deg) 
}
 .nav-dropdown>.focus>a .submenu-indicator-chevron, .nav-dropdown>li:hover>a .submenu-indicator-chevron {
     border-color: transparent #00a94f #00a94f transparent 
}
 .navigation-landscape .nav-dropdown-left .submenu-indicator {
     left: 10px 
}
 .navigation-landscape .nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
     -ms-transform: rotate(135deg);
     transform: rotate(135deg) 
}
 nav a {
     display: inline-block 
}
 .header {
     background: #1d1d1d;
     position: relative;
}
 .header-top {
     padding: 1em 0;
     background: #05222a 
}
 .indicate {
     float: left 
}
 .deatils {
     float: right 
}
 .indicate a {
     font-size: 1.1em;
     color: #c6c7c7;
     vertical-align: middle 
}
 .deatils ul li i, .indicate i {
     font-size: 1.2em;
     color: #888f90;
     vertical-align: middle 
}
 .indicate i {
     margin-right: .5em 
}
 .deatils ul li {
     display: inline-block;
     margin: 0 5px 
}
 .deatils ul li i {
     margin-right: .5em 
}
 .deatils ul li a {
     font-size: 1.1em;
     color: #c6c7c7;
     vertical-align: middle 
}
 .social-icons {
     float: right;
     margin-top: .7em 
}
 .logo h1 a {
     color: #fff;
     font-size: 1.3em 
}
 .logo span {
     display: block;
     font-size: .32em;
     letter-spacing: 4px 
}
 .header-bottom {
     padding: 1em 0 
}
 .navbar-nav {
     float: left;
     margin: 0 
}
 .navbar-default {
     background: #fff;
     border: none!important 
}
 .navbar-default .navbar-nav>li>a {
     color: #05222a;
     font-size: 1.3em;
     font-weight: 900 
}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
     color: #02b875;
     background-color: #fff 
}
 .navbar {
     min-height: 50px;
     margin-bottom: 0;
     border: 1px solid transparent 
}
 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
     color: #05222a;
     background-color: #fff 
}
 .menu__list {
     -webkit-flex-wrap: inherit;
     flex-wrap: inherit 
}
 .menu__item {
     display: block;
     margin: 1em 0 
}
 .menu__link {
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none 
}
 .menu--francisco .menu__item {
     margin: 0 1.5em 
}
 .menu--francisco .menu__link {
     position: relative;
     overflow: hidden;
     height: 3em;
     padding: 1em 0;
     text-align: center;
     color: #b5b5b5;
     -webkit-transition: color .3s;
     transition: color .3s 
}
 .menu--francisco .menu__link:focus, .menu--francisco .menu__link:hover {
     color: #929292 
}
 .menu--francisco .menu__item--current .menu__link {
     color: #02b875 
}
 .menu--francisco .menu__link::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 3px;
     opacity: 0;
     background: #02b875;
     -webkit-transform: translate3d(0, -3em, 0);
     transform: translate3d(0, -3em, 0);
     -webkit-transition: -webkit-transform 0s .3s, opacity .2s;
     transition: transform 0s .3s, opacity .2s 
}
 .menu--francisco .menu__item--current .menu__link::before, .menu--francisco .menu__link:hover::before {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     -webkit-transition: -webkit-transform .5s, opacity .1s;
     transition: transform .5s, opacity .1s;
     -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-timing-function: cubic-bezier(.4, 0, .2, 1) 
}
 .menu--francisco .menu__helper {
     display: block;
     pointer-events: none 
}
 .menu--francisco .menu__item--current .menu__helper, .menu__link:hover .menu__helper {
     -webkit-animation: anim-francisco .3s forwards;
     animation: anim-francisco .3s forwards 
}
 @-webkit-keyframes anim-francisco {
     50% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0) 
    }
     51% {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0) 
    }
}
 @keyframes anim-francisco {
     50% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0) 
    }
     51% {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0) 
    }
}
 .nav-menu.nav-menu-social>li.add-listing {
     border-radius: 4px;
     top: 5px;
     position: relative;
     background: #08184b;
     height: 39px;
}
 .nav-menu.nav-menu-social>li.add-listing.green {
     border-radius: 4px;
     top: 15px;
     position: relative;
     background: #0fca98;
     height: 50px 
}
 .nav-menu.nav-menu-social>li.add-listing.purple {
     background: #3d65e4 
}
 .nav-menu.nav-menu-social>li.add-listing.blue {
     background: #1266e3 
}
 .nav-menu.nav-menu-social>li.add-listing.light {
     background: #fff 
}
 .header-fixed .nav-menu.nav-menu-social>li.add-listing.light {
     background: #08184b 
}
 .nav-menu.nav-menu-social>li.add-listing a {
     top: 0;
     padding: 24px 20px 0 20px;
     color: #fff!important;
}
 .nav-menu.nav-menu-social>li.add-listing.light a {
     color: #08184b!important 
}
 .header-fixed .nav-menu.nav-menu-social>li.add-listing.light a {
     color: #fff!important 
}
 .nav-menu.nav-menu-social>li.add-listing.dark-bg {
     background: #2e3654 
}
 .nav-menu.nav-menu-social>li.add-listing.bg-whit {
     background: #fff!important 
}
 .header-fixed .nav-menu.nav-menu-social .text-light {
     color: #0fca98!important 
}
 .nav-menu.nav-menu-social>li.add-listing.bg-whit a {
     color: #333!important 
}
 .nav-brand img {
     max-width: 200px;
     position: relative;
     top: 2px;
}
 .nav-menu.nav-menu-social>li>a>.fas {
     font-size: 15px;
     -ms-transform: scale(1);
     transform: scale(1) 
}
 .btn-group.account-drop {
     position: relative;
     padding: 19px 15px 
}
 .account-drop .dropdown-menu a {
     padding: .6rem 0;
     font-size: 14px 
}
 .account-drop .dropdown-menu {
     top: 60px!important;
     right: 0!important;
     background: #fff;
     box-shadow: none;
     border: solid 1px #ebedf3;
     min-width: 200px;
     left: initial!important;
     padding: .4rem 1rem 
}
 .account-drop .avater-img {
     max-width: 30px;
     border-radius: 50%;
     margin-right: 10px 
}
 .account-drop .btn.btn-order-by-filt {
     box-shadow: none;
     padding: 6px 0;
     font-weight: 600 
}
 .top-header {
     background: #2b4db9;
     padding: 12px 0;
     color: #fff 
}
 .cn-info ul {
     padding: 0;
     margin: 0 
}
 .cn-info ul li {
     list-style: none;
     display: inline-block;
     margin-right: 15px 
}
 .cn-info ul li:last-child {
     margin-right: 0 
}
 .cn-info ul li i {
     margin-right: 5px 
}
 .top-social {
     padding: 0;
     margin: 0;
     float: right 
}
 ul:last-child {
     margin: 0;
}
 .top-social li {
     list-style: none;
     display: inline-block;
     margin-right: 15px;
}
 .top-social li:last-child {
     margin-right: 0 
}
 .top-social li a {
     color: #fff 
}
 .image-bg {
     background-size: cover!important;
     background-position: center!important 
}
 .image-cover {
     background-size: cover!important;
     background-position: center!important 
}
 .image-bottom {
     background-size: auto!important;
     background-position: bottom!important 
}
 .hero-banner {
     padding: 5em 0 5em;
     display: flex;
     flex-wrap: wrap;
     min-height: 400px;
     justify-content: center;
     align-items: center 
}
 .hero-search-wrap {
     position: relative;
     background: #fff;
     max-width: 540px;
     border-radius: 10px;
     overflow: hidden;
     padding: 30px 40px 40px;
     box-shadow: 0 20px 30px rgba(0, 22, 84, .15) 
}
 .hero-search-wrap.hs-2 {
     background: rgba(255, 255, 255, .15);
     border-radius: 5px;
     padding: 1rem 1rem 0 
}
 .hero-search-wrap.full-width {
     width: 100%;
     max-width: 100% 
}
 .hero-search h1 {
     text-transform: capitalize;
     color: #2b4db9!important;
     font-size: 35px 
}
 .btn.search-btn {
     background: #fd5332;
     padding: 17px;
     border-radius: 5px;
     box-shadow: 0 5px 24px rgba(31, 37, 59, .15);
     color: #fff;
     width: 100%;
     font-size: 1.2rem 
}
 .btn.search-btn:focus, .btn.search-btn:hover {
     color: #fff!important 
}
 .hero-banner.dark-text h1, .hero-banner.dark-text p {
     color: #4d5968 
}
 .vedio-banner {
     position: relative;
     background-color: #000;
     height: 100vh;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     min-height: 640px;
     width: 100%;
     overflow: hidden 
}
 .vedio-banner .overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: #143073;
     opacity: .6;
     z-index: 3 
}
 .vedio-banner video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: 0;
     -ms-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%) 
}
 .hero-header {
     background: #232323;
     background-position: center;
     background-size: cover;
     padding: 4em 0;
     position: relative 
}
 .large-banner {
     padding: 5em 0 3em;
     display: flex;
     min-height: 660px;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center 
}
 .verticle-center {
     text-align: center 
}
 .hero-header {
     margin: 0;
     z-index: 2;
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     flex-direction: column;
     -webkit-flex-direction: column 
}
 .hero-banner>* {
     position: relative;
     z-index: 1 
}
 .vedio-banner>* {
     z-index: 22 
}
 .hero-banner h1 {
     font-weight: 800;
     line-height: 1.3 
}
 .hero-banner p {
     font-size: 18px 
}
 [data-overlay] {
     position: relative 
}
 [data-overlay]:before {
     position: absolute;
     content: '';
     background: #19365f;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 1 
}
 [data-overlay="1"]:before {
     opacity: .1 
}
 [data-overlay="2"]:before {
     opacity: .2 
}
 [data-overlay="3"]:before {
     opacity: .3 
}
 [data-overlay="4"]:before {
     opacity: .4 
}
 [data-overlay="5"]:before {
     opacity: .5 
}
 [data-overlay="6"]:before {
     opacity: .6 
}
 [data-overlay="7"]:before {
     opacity: .7 
}
 [data-overlay="8"]:before {
     opacity: .8 
}
 [data-overlay="9"]:before {
     opacity: .9 
}
 .signup-frm {
     max-width: 510px;
     margin-top: 15px;
     display: block;
     position: relative 
}
 .signup-frm .form-control {
     width: 100%;
     font-size: 16px;
     font-weight: 400;
     background-color: #fff;
     border: 1px solid #cfd8dc;
     padding: 22px 20px 18px;
     border-radius: 2px;
     height: 60px 
}
 .signup-frm .btn {
     bottom: 4px;
     position: absolute;
     right: 4px;
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 1px;
     padding: 18px 25px 14px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     white-space: normal;
     width: auto;
     border-width: 0;
     color: #fff;
     cursor: pointer;
     border-radius: 2px;
     height: 52px 
}
 .full-search-2 {
     background: #fff;
     padding: 25px 25px 10px;
     border-radius: 6px 
}
 .full-search-2 .hero-search h1 {
     margin-bottom: 1rem;
     text-align: center 
}
 .btn.reset-btn-outline {
     border: 2px solid #bec2cc;
     padding: 14px 25px 14px 25px;
     transition: all ease .4s;
     width: 100%;
     color: #000 
}
 .no-ul-list.third-row {
     display: table;
     width: 100%;
     margin-bottom: 15px 
}
 .no-ul-list.third-row li {
     width: 50%;
     float: left;
     margin-bottom: 7px 
}
 .btn.reset-btn-outline:focus, .btn.reset-btn-outline:hover {
     background: #000;
     border-color: #000;
     color: #fff 
}
 .btn.search-btn-outline {
     border: 2px solid #fd5332;
     padding: 14px 25px 14px 25px;
     transition: all ease .4s;
     width: 100%;
     color: #fd5332 
}
 .btn.search-btn-outline:focus, .btn.search-btn-outline:hover {
     background: #fd5332;
     color: #fff 
}
 #module>a, #module>a:focus, #module>a:hover {
     width: 100%;
     color: #2d3954;
     padding: 14px 10px 14px 45px;
     position: relative;
     line-height: 1.25;
     display: inline-block 
}
 #module a.collapsed:after {
     content: 'Advanced Search';
     font-size: 18px 
}
 #module a:not(.collapsed):after {
     content: 'Advanced Search';
     font-size: 18px 
}
 #module a.collapsed:before, #module a:not(.collapsed):before {
     content: "\e61a";
     font-family: themify;
     font-size: 14px;
     width: 30px;
     height: 30px;
     background: #000;
     display: inline-block;
     text-align: center;
     line-height: 30px;
     border-radius: 50%;
     color: #fff;
     left: 0;
     position: absolute;
     top: 9px 
}
 #module a:not(.collapsed):before {
     content: "\e622";
     font-family: themify;
     font-size: 14px;
     width: 30px;
     height: 30px;
     background: #000;
     display: inline-block;
     text-align: center;
     line-height: 30px;
     border-radius: 50%;
     color: #fff;
     left: 0;
     position: absolute;
     top: 9px 
}
 .home-slider .item, .property-slider .item {
     transition: all .6s;
     border-radius: 0;
     position: relative;
     height: 600px 
}
 .home-slider .item {
     min-height: 520px;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     text-align: left;
     height: 100vh 
}
 .home-slider .item {
     background-size: cover!important;
     background-position: center!important 
}
 .fullwidth-home-slider div {
     height: 100% 
}
 .home-slider-container {
     position: relative;
     height: 100%;
    /* max-width: 450px;
     */
     margin-top: 12%;
     display: block;
    /* padding: 2rem;
     */
    /* background: #fff;
     */
    /* border-radius: .1rem;
     */
    /* -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, .3);
     */
    /* box-shadow: 0 0 0 7px rgba(255, 255, 255, .3);
     */
}
 .home-slider .item:before {
     content: "";
     position: absolute;
     background: linear-gradient(to bottom, transparent 10%, #0000009e);
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     display: block;
}
 .home-slider-price {
     display: inline-block;
     margin-bottom: 10px;
     border-radius: 4px;
     color: #fff;
     font-weight: 600;
     font-size: 20px 
}
 .home-slider-container .listing-price-with-compare {
     position: relative;
     margin: 1rem 0;
     bottom: auto;
     padding: 0;
     text-align: center;
}
 .home-slider-container .listing-price-with-compare .lpc-right a {
     background: #f4f7fb;
     color: #687592 
}
 .home-slider-container .modern-pro-wrap {
     position: relative;
     top: 0;
     margin-bottom: 15px;
     left: auto 
}
 .home-slider-container .modern-pro-wrap span {
     position: relative;
     padding: 8px 20px;
     z-index: 1;
     margin-right: 10px;
     font-size: 14px;
     border-radius: 4px;
     color: #fff;
     box-shadow: none;
     text-transform: capitalize 
}
 .home-slider-container .modern-pro-wrap .property-type {
     background: #323d50 
}
 .home-slider-price i {
     font-size: 16px;
     font-weight: 400;
     opacity: .8 
}
 .home-slider-title {
     display: inline-block;
     margin-bottom: 10px;
     width: 100%;
     text-align: center;
}
 .home-slider-title a {
     font-size: 1.8rem;
     color: #fff;
}
 .home-slider-title h3 {
     margin-bottom: 5px 
}
 .home-slider-title span i {
     margin-right: 5px 
}
 .simple-search-wrap {
     max-width: 580px;
     margin: 0 
}
 .home-slider-desc .read-more {
     display: inline-block;
     padding: 10px 20px;
     color: #fff;
     background: #fd5332;
     border-radius: 4px 
}
 .slide-property-info {
     display: block;
     width: 100%;
     padding: 0;
     margin: 0 
}
 .slide-property-info ul {
     width: 100%;
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap 
}
 .slide-property-info ul li {
     display: inline-block;
     flex: 0 0 33.333333%;
     width: 33.3333%;
     list-style: none 
}
 .simple-search-wrap h1 {
     color: #fff 
}
 .simple-search-wrap .pk-input-group {
     background: #fff;
     border-radius: 4px;
     display: -webkit-box;
     display: flex;
     overflow: hidden;
     position: relative 
}
 .simple-search-wrap .pk-input-group .form-control {
     position: relative;
     flex: 1 1 auto;
     width: 1%;
     border: none;
     margin: 0;
     height: 74px;
     padding-left: 3rem 
}
 .simple-search-wrap .pk-input-group .pk-subscribe-submit {
     background: #fd5332;
     border: 1px solid #fd5332;
     margin: 10px;
     padding: 1rem 2rem;
     border-radius: 3px;
     cursor: pointer;
     text-transform: capitalize;
     color: #fff 
}
 .simple-search-wrap .pk-input-group .btn-black {
     background: #1a2340!important;
     border: 1px solid #1a2340;
     margin: 5px;
     padding: 1rem 1.4rem;
     border-radius: 3px;
     cursor: pointer;
     text-transform: capitalize;
     color: #fff 
}
 .simple-search-wrap .pk-input-group .green {
     background: #0fca98;
     border: 1px solid #0fca98;
     margin: 10px;
     padding: 1rem 2rem;
     border-radius: 3px;
     cursor: pointer;
     text-transform: capitalize;
     color: #fff 
}
 .simple-search-wrap .pk-input-group:after {
     content: "\e693";
     font-family: themify;
     position: absolute;
     left: 0;
     top: 2px;
     bottom: 0;
     width: 3rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #6c757d;
     font-size: 1.25rem;
     z-index: 3 
}
 .large-banner {
     padding: 5em 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center 
}
 .full-search-2 {
     background: #fff;
     padding: 18px 25px 10px;
     border-radius: 6px 
}
 .full-search-2.italian-search .form-group {
     margin-bottom: 0;
     height: 100% 
}
 .full-search-2.transparent {
     background: 0 0;
     padding: 15px 25px 15px 
}
 .full-search-2 .hero-search h1 {
     margin-bottom: 1rem;
     text-align: center 
}
 .btn.reset-btn-outline {
     border: 2px solid #bec2cc;
     padding: 14px 25px 14px 25px;
     transition: all ease .4s;
     width: 100%;
     color: #000 
}
 .btn.reset-btn {
     border: 2px solid #bec2cc;
     background: #000;
     height: 60px;
     transition: all ease .4s;
     border-radius: 4px;
     width: 100%;
     color: #fff;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center 
}
 .no-ul-list, .no-ul-list.first-row {
     display: table;
     width: 100%;
     margin-bottom: 15px 
}
 .no-ul-list.third-row {
     display: flex;
     width: 100%;
     margin-bottom: 15px;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center 
}
 .no-ul-list.second-row li {
     max-width: 50%;
     float: left;
     margin-bottom: 7px;
     flex: 0 0 50% 
}
 .no-ul-list.third-row li {
     max-width: 50%;
     float: left;
     margin-bottom: 7px;
     flex: 0 0 50% 
}
 .btn.reset-btn-outline:focus, .btn.reset-btn-outline:hover {
     background: #000;
     border-color: #000;
     color: #fff 
}
 .btn.search-btn-outline {
     border: 2px solid #fd5332;
     padding: 14px 25px 14px 25px;
     transition: all ease .4s;
     width: 100%;
     color: #fd5332 
}
 .btn.search-btn-outline:focus, .btn.search-btn-outline:hover {
     background: #fd5332;
     color: #fff!important 
}
 h1.italian-header-capt {
     font-weight: 500;
     margin: 0 auto;
     font-family: Lora, serif;
     font-style: italic;
     font-size: 50px;
     margin-bottom: 1em;
     text-align: center 
}
 h1.big-header-capt {
     font-weight: 700;
     margin: 0 auto;
     margin-bottom: .4em;
     text-align: center;
     text-transform: capitalize 
}
 .italian-search .input-with-icon .form-control, .italian-search .input-with-icon .select2-container, .italian-search .input-with-shadow .form-control, .italian-search .input-with-shadow .select2-container {
     border: none;
     border-radius: 3px;
     padding-left: 45px;
     height: 55px;
     background: #fff;
     box-shadow: none;
     -webkit-box-shadow: none;
     border: 1px solid #bec2cc 
}
 .small-padd {
     padding: 0 5px!important 
}
 .full-search-2.hero-search-radius {
     background: #fff;
     padding: .6rem;
     border-radius: .3rem 
}
 .full-search-2.hero-search-radius.shadow {
     box-shadow: 0 0 0 8px rgba(255, 255, 255, .2);
     -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .2) 
}
 .full-search-2.hero-search-radius.shadow-hard {
     box-shadow: 0 10px 12px rgba(77, 60, 160, .1);
     -webkit-box-shadow: 0 10px 12px rgba(77, 60, 160, .1) 
}
 .italian-search.hero-search-radius .input-with-icon .form-control, .italian-search.hero-search-radius .input-with-icon .select2-container, .italian-search.hero-search-radius .input-with-shadow .form-control, .italian-search.hero-search-radius .input-with-shadow .select2-container {
     border: none;
     border-radius: 3px;
     padding-left: 45px;
     height: 55px;
     background: #fff;
     box-shadow: none;
     -webkit-box-shadow: none;
     border: none 
}
 .italian-search.hero-search-radius .btn.search-btn {
     border-radius: .2rem;
     height: 55px;
     display: flex;
     align-items: center;
     justify-content: center 
}
 .italian-search.hero-search-radius .btn.search-btn.black {
     background: #1a2340!important 
}
 .full-search-2.hero-search-radius {
     position: relative 
}
 .full-search-2.hero-search-radius #advance-search {
     position: absolute;
     top: 100px;
     left: 0;
     right: 0;
     background: #fff;
     padding: 2rem;
     border-radius: .5rem;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .ad-search, .ad-search:focus, .ad-search:hover {
     height: 60px;
     display: flex;
     width: 100%;
     margin: 0 auto;
     text-align: center;
     color: #9db0c3!important;
     border-radius: .2rem;
     font-size: 22px;
     align-items: center;
     justify-content: center 
}
 .italian-search.hero-search-radius #advance-search .input-with-icon .form-control, .italian-search.hero-search-radius #advance-search .input-with-icon .select2-container, .italian-search.hero-search-radius #advance-search .input-with-shadow .form-control, .italian-search.hero-search-radius #advance-search .input-with-shadow .select2-container {
     border: 1px solid #dde0e6 
}
 .choose-propert-type {
     width: 100%;
     position: relative;
     height: 100% 
}
 .choose-propert-type ul {
     margin: 0;
     padding: 0;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: flex-start 
}
 .choose-propert-type ul li {
     display: inline-block;
     flex: 0 0 33.333333%;
     font-weight: 600;
     color: #39466d 
}
 .choose-propert-type[type=radio]:checked+label:before, .choose-propert-type[type=radio]:not(:checked)+label:before {
     border: 2px solid #c1cbe0;
     border-radius: 50%;
     background: 0 0!important 
}
 .choose-propert-type[type=radio]:checked+label:after, .choose-propert-type[type=radio]:not(:checked)+label:after {
     width: 10px;
     height: 10px;
     background: #00ba74!important;
     top: 4px;
     left: 4px 
}
 .map-search-box {
     background: #fff;
     padding: 2em 2em 1em;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px 
}
 button.btn.adv-btn {
     background: #2b4db9;
     color: #fff;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px 
}
 .hm-map-container {
     float: left;
     width: 100%;
     position: relative;
     overflow: hidden 
}
 .fw-map {
     height: 600px 
}
 .hm-map-container.column-map {
     width: 50%;
     position: fixed;
     -webkit-transform: translate3d(0, 0, 0);
     overflow: hidden 
}
 .hm-map-container.column-map.right-pos-map {
     right: 0 
}
 .hm-map-container.column-map.left-pos-map {
     left: 0 
}
 .hm-map-container #map {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10;
     overflow: hidden 
}
 .map-popup-wrap {
     max-width: 300px;
     position: relative 
}
 .infoBox>img {
     position: absolute;
     right: 15px;
     top: 38px;
     z-index: 2;
     cursor: pointer 
}
 .cluster-visible {
     background: 0 0!important;
     color: #fff!important;
     width: 50px!important;
     height: 50px!important;
     display: flex!important;
     align-items: center!important;
     justify-content: center!important;
     background: radial-gradient(circle, #2540a2 35%, #0c206b 100%)!important;
     border-radius: 50%;
     font-size: 16px!important 
}
 .fs-container {
     height: 100%!important;
     width: 100%;
     position: relative;
     z-index: 4;
     float: left;
     background: #fff 
}
 .fs-left-map-box {
     float: left 
}
 .fs-container #map {
     position: relative;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 990;
     margin-bottom: 0 
}
 .fs-left-map-box .hm-map-container.fw-map {
     width: 40%;
     height: 100%;
     position: fixed;
     -webkit-transform: translate3d(0, 0, 0);
     overflow: hidden 
}
 .home-map-banner.full-wrapious {
     position: relative;
     top: 0;
     left: 0;
     height: 585px;
     width: 100%;
     overflow: hidden 
}
 .half-map .fs-inner-container {
     position: relative;
     width: 60%;
     background: #f9f9f9;
     min-height: 100vh;
     z-index: 10;
     float: right 
}
 .hm-map-container.fw-map #map {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10;
     overflow: hidden 
}
 .fs-content {
     max-height: 100%;
     overflow: auto;
     padding: 0;
     overflow: visible 
}
 .half-map .fs-content {
     padding: 2em 
}
 .fs-container section.search {
     padding: 32px 40px 47px 40px 
}
 .fs-container .fs-listings {
     padding: 0 25px;
     margin: 0 
}
 .fs-switcher {
     padding: 0 25px;
     margin: 0 
}
 .fs-inner-container {
     width: 50%;
     height: 100%;
     float: left;
     display: inline-block 
}
 .img-wrap {
     height: 310px;
     display: inline-block;
     position: relative;
     width: 100%;
     overflow: hidden;
     z-index: 1;
     margin: 10px 0;
     border-radius: 4px 
}
 .img-wrap:before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
     content: "";
     background: linear-gradient(to bottom, transparent 25%, #1e2a4c);
     opacity: .8;
     z-index: 11;
     transition: .3s ease-out 
}
 .home-map-banner.full-wrapious {
     position: relative;
     top: 0;
     left: 0;
     height: 585px;
     width: 100%;
     overflow: hidden 
}
 .home-map-banner.full-wrapious .advance-search-container {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: +33;
     transition: all .4s;
     max-width: 1170px;
     margin: 0 auto!important;
     width: 100%;
     right: 0 
}
 .location-listing {
     border: 1px solid #eaebf1;
     width: 100%;
     border-radius: .4rem;
     margin-top: 25px 
}
 .location-listing-thumb {
     width: 100%;
     padding: 10px 10px 0;
     display: inline-block 
}
 .location-listing-thumb a {
     display: inline-block 
}
 .location-listing-thumb img {
     border-radius: .4rem 
}
 .location-listing-caption {
     text-align: center;
     padding: 1rem 0 
}
 .location-listing-caption h4 {
     margin: 0;
     font-size: 16px 
}
 .location-listing-caption span {
     font-size: 13px;
     font-weight: 600 
}
 .hero-header .search-big-form, .hero-header .search-form {
     margin-top: 2rem 
}
 .search-form .form-control {
     height: 60px!important;
     border-radius: 0;
     padding-left: 40px;
     box-shadow: none 
}
 .search-form .btn {
     height: 60px!important;
     border-radius: 0;
     box-shadow: none 
}
 .search-form .select2-container--default .select2-selection--single {
     height: 60px;
     border: none 
}
 .search-form .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 58px 
}
 .search-form .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 60px 
}
 .search-big-form .form-control {
     height: 70px!important;
     border-radius: 0;
     padding-top: .6rem;
     padding-bottom: .6rem;
     padding-left: 45px;
     box-shadow: none 
}
 .search-big-form .btn {
     height: 70px!important;
     border-radius: 0;
     padding-top: .6rem;
     padding-bottom: .6rem;
     box-shadow: none 
}
 .search-big-form .select2-container--default .select2-selection--single {
     height: 70px;
     border: none 
}
 .search-big-form .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 68px 
}
 .search-big-form .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 70px 
}
 .search-form .form-group i {
     position: absolute;
     color: #bbc6d4;
     left: 15px;
     top: 24px 
}
 .search-big-form .form-group i {
     position: absolute;
     color: #bbc6d4;
     left: 13px;
     top: 25px;
     font-size: 22px 
}
 .search-big-form.no-border .btn:focus, .search-big-form.no-border .btn:hover, .search-big-form.no-border .form-control:focus, .search-big-form.no-border .form-control:hover, .search-form.no-border .btn:focus, .search-form.no-border .btn:hover, .search-form.no-border .form-control:focus, .search-form.no-border .form-control:hover {
     outline: 0;
     border: none;
     box-shadow: none 
}
 .search-big-form.no-border .btn, .search-big-form.no-border .form-control, .search-form.no-border .btn, .search-form.no-border .form-control {
     border: none 
}
 form.search-big-form.search-shadow, form.search-form.search-shadow {
     padding: 15px;
     background: rgba(255, 255, 255, .2);
     border-radius: 4px 
}
 .br-all .select2-container--default .select2-selection--single {
     border: 1px solid #e0ecf5!important 
}
 .select2-dropdown {
     border: 1px solid #e0ecf5;
     z-index: +33333 
}
 .select2-container--default .select2-search--dropdown .select2-search__field {
     border: 1px solid #e0ecf5 
}
 .search-header-banner {
     background: #f6faff;
     padding: 2em 0 
}
 .input-with-icon {
     position: relative;
     width: 100% 
}
 .input-with-icon .form-control, .input-with-icon .select2-container, .input-with-shadow .form-control, .input-with-shadow .select2-container {
     border: none;
     border-radius: 1px;
     padding-left: 45px;
     height: 45px;
     background: #fff;
     overflow: hidden;
     box-shadow: 0 0 6px 1px rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 6px 1px rgba(62, 28, 131, .1);
}
 .input-with-icon i {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 15px;
     font-size: 18px;
     color: #a2a9bf;
     font-style: normal;
     cursor: normal;
     pointer-events: none 
}
 .input-with-icon img {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 15px;
     cursor: normal 
}
 .hero-search-content.side-form .form-control, .hero-search-content.side-form .select2-container--default .select2-selection--single {
     background: #edf1fb!important;
     box-shadow: none!important 
}
 .hero-search-content.side-form .select2-container--default .select2-selection--single {
     background: #edf1fb!important;
     box-shadow: none!important;
     border-radius: 5px;
     padding-left: 15px!important 
}
 .hero-search-content.side-form label, label {
     font-size: 14px;
     /* font-weight: 600; */
     color: #545454;
     font-family: Jost, sans-serif;
}
 .hero-search-content.side-form .form-control::-webkit-input-placeholder {
     color: #6877a5 
}
 .hero-search-content.side-form .form-control:-ms-input-placeholder {
     color: #6877a5 
}
 .hero-search-content.side-form .form-control::placeholder {
     color: #6877a5 
}
 .location-property-wrap {
     display: block;
     position: relative;
     width: 100%;
     overflow: hidden;
     border-radius: 8px;
     background: #fff;
     margin-bottom: 30px;
     transition: all ease .4s;
     border: 1px solid #e2e6f1 
}
 .location-property-thumb {
     position: relative;
     overflow: hidden 
}
 .location-property-thumb img {
     transition: all ease .4s 
}
 .location-property-content {
     padding: 1.5rem 1rem;
     display: flex;
     align-items: center;
     width: 100% 
}
 .lp-content-flex {
     flex: 1 
}
 .lp-content-flex .lp-content-title {
     font-size: 17px;
     margin-bottom: 0 
}
 .lp-content-right .lp-property-view {
     width: 40px;
     height: 40px;
     background: #7c6e41;
     color: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: all ease .4s;
     border-radius: 50%;
}
 .location-property-wrap:focus .location-property-thumb img, .location-property-wrap:hover .location-property-thumb img {
     transform: scale(1.5) 
}
 .filter-sidebar {
     height: 100vh;
     width: 0;
     position: fixed;
     z-index: 1000;
     top: 0;
     left: 0;
     background-color: #fff;
     overflow: hidden;
     transition: .5s;
     padding-top: 50px;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .filter-sidebar .show-hide-sidebar {
     padding: 10px 20px;
     overflow-y: scroll;
     position: relative;
     width: calc(100% + 17px);
     min-height: 300px;
     display: block;
     height: 100% 
}
 .filter-sidebar .ur-detail-wrap {
     padding: 0 1.4em 2em 1.4em 
}
 .filter-sidebar .closebtn {
     position: absolute;
     top: 10px;
     right: 12px;
     font-size: 36px;
     margin-left: 50px;
     width: 30px;
     height: 30px;
     background: #1ac790;
     text-align: center;
     font-size: 11px;
     padding: 0;
     line-height: 32px;
     color: #fff;
     border-radius: 50% 
}
 .simple-sidebar {
     border-radius: .4rem;
     border: 1px solid #e6eaf1;
     background: #fff;
     padding: 25px;
     margin-bottom: 30px 
}
 .simple-sidebar .input-with-icon .form-control, .simple-sidebar .input-with-icon .select2-container, .simple-sidebar .input-with-shadow .form-control, .simple-sidebar .input-with-shadow .select2-container {
     box-shadow: none;
     border: 1px solid #e7ebf1 
}
 .search-sidebar_header {
     display: none;
     position: relative;
     width: 100%;
     height: 3rem;
     padding: 0 0 .5rem;
     background-color: #fff;
     border-bottom: 1px solid #dfe4ec;
     margin-bottom: 1rem 
}
 .search-sidebar_header .ssh_heading {
     margin: 0;
     flex: 1;
     font-size: 16px 
}
 .simple-sidebar button.w3-bar-item.w3-button.w3-large {
     background: #fff;
     border: none!important;
     cursor: pointer;
     outline: 0!important;
     color: #465169 
}
 @keyframes animateleft {
     from {
         left: -300px;
         opacity: 0 
    }
     to {
         left: 0;
         opacity: 1 
    }
}
 .search-styles-2 {
     border-radius: .4rem;
     border: 1px solid #e6eaf1;
     background: #fff;
     margin-bottom: 30px;
     overflow: hidden 
}
 .search-inner {
     padding: 2rem 0 1rem 
}
 .single_search_boxed {
     padding: 0;
     border-top: 1px solid #eef0f5;
     display: inline-block;
     width: 100% 
}
 .search-styles-2 label {
     font-size: 13px;
     font-weight: 500;
     color: #455892 
}
 .single_search_boxed:first-child {
     border-top: none 
}
 .widget-boxed-header {
     padding: 0;
     width: 100%;
     position: relative;
     display: block 
}
 .widget-boxed-header h4 {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0 
}
 .widget-boxed-header h4 a {
     height: 100%;
     display: block;
     color: #2d3954!important;
     position: relative;
     padding: 1rem 0 
}
 .widget-boxed-header h4 a:before {
     content: "\e622";
     position: absolute;
     width: 25px;
     height: 25px;
     right: 0;
     top: 52%;
     transform: translate(-10%, -52%);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #f4f5f7;
     font-family: themify;
     font-size: 10px;
     color: #445977 
}
 .widget-boxed-header h4 a.collapsed:before {
     content: "\e61a";
     background: #f5f7fb;
     color: #140c40 
}
 .hm_nav {
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: relative;
     padding: 1.5rem 20px 1.5rem;
     background-color: #fff;
     border-bottom: 1px solid #ecf0f7 
}
 .hm_nav_title {
     font-size: 17px;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: "Campton W00 Bold", "Helvetica Neue", arial, sans-serif;
     font-weight: 400;
     font-style: normal;
     line-height: 1.3;
     font-weight: 800;
     text-align: center;
     position: absolute;
     letter-spacing: .4px;
     left: 0;
     right: 0;
     margin: 0 
}
 span.mod-close {
     font-size: 15px;
     color: #1a1e2b!important;
     cursor: pointer;
     z-index: 1;
     box-shadow: none!important 
}
 span.hm_nav_clear {
     font-weight: 600;
     color: #140c40;
     font-size: 13px 
}
 .filter-search-box .form-group .form-control {
     margin: 0!important;
     box-shadow: none!important;
     background: rgba(174, 189, 219, .12);
     border: 1px solid transparent;
     color: #707e9c;
     border-radius: 4px 
}
 .filter-search-box, .form-group.filter_button {
     padding: 0 
}
 .widget-boxed-header .selected {
     display: block;
     line-height: 1.2;
     font-size: 14px;
     text-transform: capitalize;
     font-weight: 400;
     color: #72809d;
     font-family: Muli, sans-serif 
}
 .filter_wraps .radio-custom+.radio-custom-label:before {
     margin-right: 0 
}
 .filter_wraps[type=radio]:checked+label, .filter_wraps[type=radio]:not(:checked)+label {
     padding-left: 0;
     width: 100% 
}
 .filter_wraps[type=radio]:checked+label:before, .filter_wraps[type=radio]:not(:checked)+label:before {
     right: 0;
     left: auto 
}
 .filter_wraps[type=radio]:checked+label:after, .filter_wraps[type=radio]:not(:checked)+label:after {
     right: 3px;
     left: auto 
}
 .filter-list li {
     padding: 1rem 0;
     border-bottom: 1px solid rgba(20, 12, 64, .12) 
}
 .filter-list li:last-child {
     padding-bottom: 0;
     border-bottom: none 
}
 .filter_wraps .checkbox-custom+.checkbox-custom-label:before {
     right: 0;
     margin-right: 0;
     position: absolute 
}
 .filter_wraps .checkbox-custom:checked+.checkbox-custom-label:before {
     box-shadow: none 
}
 .filter_wraps .checkbox-custom, .filter_wraps .checkbox-custom-label, .filter_wraps .radio-custom, .radio-custom-label {
     width: 100%;
     margin: 0 
}
 .advance-search .form-group {
     margin-bottom: 0 
}
 .advance-search .search-big-form .form-group i {
     color: #fd5332 
}
 .adv-search-filter {
     float: right;
     margin-bottom: 1rem;
     display: inline-block 
}
 .adv-filter-box {
     display: inline-block;
     margin-left: 15px 
}
 .btn-flit {
     width: 42px;
     border-radius: 2px;
     border: 1px solid #d1dade;
     color: #646e7b;
     height: 38px;
     display: flex;
     align-items: center;
     justify-content: center 
}
 .btn-flit.active {
     color: #fd5332 
}
 .btn.btn-order-by-filt {
     background: 0 0;
     border: 1px solid #d1dade;
     color: #646e7b;
     padding: 9px 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px 
}
 .btn.btn-order-by-filt i {
     margin-left: 5px 
}
 .back-brow {
     display: inline-block;
     margin-bottom: 1rem 
}
 .back-btn {
     font-weight: 600;
     opacity: .9 
}
 .back-btn i {
     margin-right: 5px 
}
 .back-btn:focus, .back-btn:hover {
     opacity: 1 
}
 .slick-slider .agents-grid, .slick-slider .property-listing {
     margin-bottom: 10px!important 
}
 .property-listing {
     position: relative;
     width: 100%;
     border-radius: 6px;
     overflow: hidden;
     border: 1px solid #e5e9ec 
}
 .property-listing.property-1 .listing-img-wrapper {
     overflow: hidden;
     position: relative 
}
 .property-listing.property-1 .listing-img-wrapper>a {
     position: relative;
     display: block;
     width: 100%;
     transition: all ease .4s 
}
 .property-listing.property-1 .listing-img-wrapper>a:before {
     position: absolute;
     content: "";
     height: 100%;
     width: 100%;
     left: 0;
     right: 0;
     top: 0;
     background: linear-gradient(to bottom, transparent 25%, #1e2a4c);
     display: block;
     bottom: 0 
}
 .property-listing.property-1 .listing-img-wrapper img {
     max-height: 240px;
     width: 100% 
}
 .property-listing.property-1 .listing-detail-wrapper {
     padding: 1.5rem 1rem;
     width: 100%;
     display: flex;
     vertical-align: middle;
     align-items: center 
}
 .property-listing.property-1 .listing-short-detail {
     flex: 1 
}
 .avater-30 {
     max-width: 30px 
}
 .property-listing.property-1 .listing-name {
     font-size: 17px;
     margin-bottom: 2px 
}
 .property-listing.property-1 .listing-location {
     font-size: 15px;
     margin-bottom: 2px 
}
 .property-listing.property-1 .listing-location i {
     margin-right: 5px 
}
 .property-listing.property-1 .like-btn {
     width: 40px;
     height: 40px;
     border: 1px solid #e5e9ec;
     display: inline-block;
     border-radius: 50%;
     text-align: center;
     line-height: 44px;
     color: #0ac1a7;
     transition: ease .4s 
}
 .property-listing.property-1 .listing-like-top {
     position: absolute;
     top: 20px;
     left: 20px 
}
 .property-listing.property-1 .listing-like-top i {
     color: #fe3e67;
     width: 38px;
     height: 38px;
     line-height: 40px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     font-size: 18px;
     background: #fff;
     -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, .2);
     box-shadow: 0 0 0 3px rgba(255, 255, 255, .2);
     margin-right: 3px 
}
 .property-listing.property-1 .listing-features-info ul {
     margin: 0;
     display: table;
     width: 100%;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: .5rem 1rem 1.5rem 
}
 .property-listing.property-1 .listing-features-info ul li {
     display: inline-block;
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     width: 33.333333%;
     list-style: none 
}
 .property-listing.property-1 .listing-features-info ul li:last-child {
     border-right: none 
}
 .property-listing.property-1 .listing-features-info ul li strong {
     font-weight: 600;
     margin-right: 5px 
}
 .property-listing.property-1 .listing-footer-wrapper {
     padding: .9rem 1rem;
     border-top: 1px solid #e5e9ec;
     width: 100%;
     display: flex;
     vertical-align: middle;
     align-items: center 
}
 .property-listing.property-1 .listing-footer-wrapper .listing-price {
     flex: 1;
     color: #0ac1a7 
}
 .property-listing.property-1 .listing-price .list-pr {
     color: #2a4fba;
     font-size: 18px;
     margin: 0 
}
 .property-listing.property-1 .listing-detail-btn .more-btn {
     padding: 6px 12px;
     color: #fff;
     border: 1px solid #0fca98!important;
     background: #0fca98!important;
     border-radius: 2px 
}
 .property-listing.property-1 .listing-rating {
     position: absolute;
     left: 20px;
     bottom: 20px 
}
 .property-listing.property-1 .listing-rating i {
     color: #fff;
     margin-right: 3px 
}
 .property-listing.property-1 .listing-rating i.filled {
     color: #ff9800 
}
 .property-listing.property-1 .property-type {
     position: absolute;
     right: 20px;
     top: 20px;
     background: #fff;
     color: #21293a;
     padding: 4px 15px;
     border-radius: 50px;
     font-size: 12px;
     text-transform: uppercase;
     box-shadow: 0 0 0 3px rgba(255, 255, 255, .4);
     -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, .4) 
}
 .property-listing.property-1 .listing-img-wrapper>a:focus:before, .property-listing.property-1 .listing-img-wrapper>a:hover:before {
     background: linear-gradient(to bottom, transparent 5%, #1e2a4c) 
}
 .property-listing.property-1 .property-listing:focus .like-btn, .property-listing.property-1 .property-listing:hover .like-btn {
     background: #ff9800;
     color: #fff;
     border-color: #ff9800 
}
 .property_item {
     background: #fff;
     position: relative;
     border-radius: 6px;
     overflow: hidden;
     margin-bottom: 30px;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .image {
     position: relative 
}
 .image a {
     display: block 
}
 .sb-date {
     position: absolute;
     top: 30px;
     left: 30px;
     display: inline-block;
     background: rgba(23, 42, 76, .4);
     color: #fff;
     padding: 8px 15px;
     border-radius: 50px;
     font-size: 14px 
}
 .sb-date i {
     margin-right: 7px 
}
 span.tag_t {
     position: absolute;
     right: 20px;
     bottom: 20px;
     display: inline-block;
     padding: 7px 15px;
     background: #22326b;
     border-radius: 4px;
     color: #fff 
}
 .proerty_content {
     position: relative;
     padding: 2em 2em 1.5em 
}
 .proerty_text {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     justify-content: center;
     align-items: center 
}
 .proerty_text .captlize {
     font-size: 16px;
     font-weight: 600;
     flex: 1;
     line-height: 1;
     margin-bottom: 5px 
}
 .property_meta {
     display: block;
     margin: 2em 0 1rem 
}
 .classical-list .proerty_price {
     margin: 0;
     font-weight: 600;
     color: #049869 
}
 .property_add {
     color: #72809d 
}
 .classical-list .btn {
     font-size: 14px;
     padding: 12px 18px 
}
 .btn.btn-theme {
     background: #fd5332;
     border: 1px solid #fd5332;
     border-radius: 4px;
     margin-right: 4px;
     margin-bottom: 5px 
}
 .btn.btn-theme:focus, .btn.btn-theme:hover {
     background: #fd5332;
     border: 1px solid #fd5332;
     color: #fff 
}
 .btn.btn-theme-light {
     color: #fd5332;
     background: rgba(253, 83, 50, .12);
     border-radius: 4px;
     margin-bottom: 5px 
}
 .btn.btn-theme-light-2, .btn.btn-theme-light-2:focus, .btn.btn-theme-light-2:hover {
     background: rgb(214 214 214 / 0%)!important;
     border: 1px solid rgb(4 4 4)!important;
     padding: 10px 28px;
     color: #000000!important;
     width: 200px;
     margin: 0 auto;
}
 .btn.btn-theme-light, .btn.btn-theme-light:focus, .btn.btn-theme-light:hover {
     background: rgba(18, 102, 227, .2)!important;
     border: 1px solid rgba(18, 102, 227, .3)!important;
     padding: 16px 50px;
     color: #1266e3!important 
}
 .property-listing {
     position: relative;
     width: 100%;
     border-radius: .5rem;
     overflow: hidden;
     background: #fff;
     margin-bottom: 30px;
     border: none;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .property-listing.shadow-none {
     box-shadow: none;
     -webkit-box-shadow: none 
}
 .property-listing.property-2 .listing-img-wrapper {
     overflow: hidden;
     position: relative;
     min-height: 240px;
     max-height: 240px 
}
 .list-img-slide {
     overflow: hidden;
     position: relative;
     min-height: 240px;
     max-height: 240px 
}
 .property-listing.property-2 .listing-img-wrapper>a {
     position: relative;
     display: block;
     width: 100%;
     transition: all ease .4s 
}
 .property-listing.property-2 .listing-img-wrapper>a:before {
     position: absolute;
     content: "";
     height: 100%;
     width: 100%;
     left: 0;
     right: 0;
     top: 0;
     background: linear-gradient(to bottom, transparent 25%, #1e2a4c);
     display: block;
     bottom: 0 
}
 .property-listing.property-2 .listing-img-wrapper img {
     max-height: 240px;
     min-height: 240px;
     width: 100% 
}
 .property-listing.property-2 .listing-detail-wrapper {
     padding: 1rem 1.5rem;
     width: 100%;
     display: flex;
     vertical-align: middle;
     align-items: center 
}
 .property-listing.property-2 .listing-short-detail {
     flex: 1 
}
 .property-listing.property-2 .listing-name {
     font-size: 16px;
     position: relative;
     margin-bottom: 0;
     font-weight: 600 
}
 .property-listing.property-2 .listing-location {
     font-size: 14.5px;
     margin-bottom: 2px 
}
 .property-listing.property-2 .list-status {
     position: relative;
     margin-left: 10px;
     top: -3px;
     z-index: 2;
     width: 20px;
     height: 20px;
     background: #0ac186;
     text-align: center;
     border-radius: 50%;
     font-size: 9px;
     line-height: 22px;
     color: #fff;
     box-shadow: none;
     display: inline-block 
}
 .property-listing.property-2 .listing-location i {
     margin-right: 5px 
}
 .property-listing.property-2 .listing-features-info ul {
     margin: 0;
     display: table;
     width: 100%;
     padding: .5rem 1rem 1.5rem 
}
 .property-listing.property-2 .listing-features-info ul li {
     display: inline-block;
     width: 33.333333%;
     list-style: none 
}
 .property-listing.property-2 .listing-features-info ul li:last-child {
     border-right: none 
}
 .property-listing.property-2 .listing-features-info ul li strong {
     font-weight: 600;
     margin-right: 5px 
}
 .property-listing.property-2 .listing-footer-wrapper {
     padding: .5rem 1rem;
     border-top: 1px solid #e5e9ec;
     width: 100%;
     display: flex;
     vertical-align: middle;
     align-items: center 
}
 .property-listing.property-2 .listing-footer-wrapper .listing-like {
     flex: 1;
     color: #0ac1a7 
}
 .property-listing.property-2 .like-btn {
     background: #f3f4f7;
     border: 1px solid #edeff3;
     width: 36px;
     height: 36px;
     line-height: 38px;
     text-align: center;
     display: inline-block;
     border-radius: 50%;
     transition: all ease .4s 
}
 .property-listing.property-2 .listing-contact-info, .property-listing.property-2 .listing-price {
     position: absolute;
     left: 20px;
     bottom: 20px;
     z-index: 1 
}
 .property-listing.property-2 .listing-contact-info>*, .property-listing.property-2 .listing-price .list-pr, .property-listing.property-2 .listing-price>* {
     color: #fff;
     margin: 0 
}
 .property-listing.property-2 .listing-detail-btn .more-btn {
     padding: 6px 15px;
     color: #fff;
     border: 1px solid #ff9800;
     background: #ff9800;
     border-radius: 2px 
}
 .rate-btn {
     font-weight: 800;
     color: #ff9800;
     font-size: 18px 
}
 .property-listing.property-2 .list-rating i {
     color: #fff;
     width: 30px;
     height: 30px;
     line-height: 26px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     font-size: 14px;
     background: #ff9800;
     border: 1px solid #ff9800;
     margin-right: 3px 
}
 .property-listing.property-2 .list-save i {
     color: #fff;
     width: 38px;
     height: 38px;
     line-height: 36px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     font-size: 18px;
     background: #fe3e67;
     border: 1px solid #fe3e67;
     margin-right: 3px 
}
 .property-listing.property-2 .list-save-top {
     position: absolute;
     top: 20px;
     right: 20px 
}
 .property-listing.property-2 .list-save-top i {
     color: #fe3e67;
     width: 38px;
     height: 38px;
     line-height: 40px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     font-size: 18px;
     background: #fff;
     -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, .2);
     box-shadow: 0 0 0 3px rgba(255, 255, 255, .2);
     margin-right: 3px 
}
 .property-listing.property-2 .listing-category {
     position: absolute;
     right: 20px;
     bottom: 25px;
     background: rgba(255, 255, 255, .1);
     color: #fff;
     padding: 5px 15px;
     border-radius: 50px;
     font-size: 14px;
     text-transform: capitalize;
     -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .2);
     box-shadow: 0 0 0 5px rgba(255, 255, 255, .2) 
}
 .list-featured {
     position: absolute;
     left: 15px;
     top: 15px;
     background: #fff;
     padding: 7px 20px;
     border-radius: 50px;
     color: #4c5871 
}
 .list-featured i {
     margin-right: 5px;
     color: #ff9802 
}
 .property-listing.property-2 .listing-post-status i {
     margin-right: 7px;
     position: relative;
     top: 1px 
}
 .property-listing.property-2 .listing-img-wrapper>a:focus:before, .property-listing.property-2 .listing-img-wrapper>a:hover:before {
     background: linear-gradient(to bottom, transparent 5%, #1e2a4c) 
}
 .property-listing.property-2:focus .like-btn, .property-listing.property-2:hover .like-btn {
     background: #ff9800;
     color: #fff;
     border-color: #ff9800 
}
 .price-features-wrapper {
     padding: .1rem 1.5rem .6rem;
     display: flex;
     flex-wrap: wrap 
}
 .price-features-wrapper .listing-price-fx {
     flex: 1 
}
 .inc-fleat {
     margin-left: 15px;
     color: #72809d 
}
 .list-fx-features {
     margin-top: 5px;
     display: flex;
     width: 100%;
     position: relative;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center 
}
 .listing-card-info-icon {
     display: inline-block;
     padding-left: 0;
     position: relative;
     vertical-align: top;
     width: 33.333333%;
     flex: 0 0 33.333333%;
     margin-bottom: 0;
     font-size: 14px;
     color: #676767;
     font-weight: 600;
}
 .property-type {
     font-size: 14px;
     margin: 0 
}
 .listing-short-detail-wrap {
     position: relative;
     display: flex;
     align-items: center;
     width: 100% 
}
 .inc-fleat-icon {
     width: 25px;
     height: 25px;
     background: #f3f3f3;
     border-radius: 50%;
     margin-right: 7px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
 .listing-card-info-price {
     font-weight: 600;
     position: relative;
     font-size: 22px;
     color: #08184b;
     line-height: 1.4;
     padding-left: .35em 
}
 .price-prefix:before {
     content: '$';
     position: absolute;
     left: 0;
     top: 0;
     font-size: .6em;
     color: inherit 
}
 .listing-price-fx .price-suffix {
     font-size: 14px;
     color: #72809d;
     font-weight: 400 
}
 .modern-pro-wrap {
     position: absolute;
     top: 30px;
     left: 30px 
}
 .property-listing.property-2.modern .property-type {
     position: relative;
     background: #323d50;
     right: 0;
     bottom: 0 
}
 .property-listing.property-2.modern .modern-pro-wrap span {
     position: relative;
     padding: 8px 20px;
     z-index: 1;
     margin-right: 10px;
     font-size: 14px;
     border-radius: 4px;
     color: #fff;
     box-shadow: none;
     text-transform: capitalize 
}
 .listing-price-with-compare {
     position: absolute;
     left: 0;
     bottom: 20px;
     z-index: 1;
     display: flex;
     align-items: center;
     width: 100%;
     padding: 0 25px;
     flex-wrap: wrap 
}
 .listing-price-with-compare h4 {
     margin: 0;
     flex: 1;
     color: #fff;
     font-weight: 500 
}
 .listing-price-with-compare .lpc-right a {
     width: 40px;
     height: 36px;
     margin-left: 10px;
     display: inline-block;
     background: rgba(0, 0, 0, .3);
     line-height: 36px;
     text-align: center;
     color: #fff;
     border-radius: .2rem 
}
 .property-listing.property-2.modern .list-img-slide {
     overflow: hidden;
     position: relative;
     min-height: auto;
     max-height: 100%;
     border-radius: .5rem 
}
 .property-listing.property-2.modern .listing-img-wrapper img {
     object-fit: cover;
     height: 100%;
     width: 100%;
     min-height: auto;
     max-height: 100%;
     margin-bottom: -2px 
}
 .property-listing.property-2.modern .listing-img-wrapper {
     padding: 10px;
     padding-bottom: 0 
}
 .property-listing.property-2.modern .property-locations {
     font-size: 14px 
}
 .property-listing.property-2.modern .property-locations i {
     margin-right: 4px 
}
 .property-listing.property-2.modern .price-features-wrapper {
     padding: 1rem 1.5rem 0;
     display: flex;
     flex-wrap: wrap 
}
 .property-listing.property-2.modern .listing-card-info-icon {
     width: 33.333333%;
     flex: 0 0 33.333333% 
}
 .property-listing.property-2.modern .home-type.theme-cl {
     font-size: 13px;
     margin-bottom: 5px 
}
 .property-listing.property-2.modern .listing-name {
     margin-bottom: 5px 
}
 .modern-property-footer {
     padding: .5rem 1.5rem;
     width: 100%;
     display: flex;
     vertical-align: middle;
     align-items: center;
     border-top: 1px solid #f0f1f5 
}
 .property-author {
     flex: 1 
}
 .property-author .path-img {
     max-width: 35px;
     width: 35x;
     display: inline-block;
     float: left;
     border-radius: 50%;
     overflow: hidden;
     margin-right: 10px 
}
 .property-author .path-img img {
     border-radius: 50%;
     max-width: 35px 
}
 .property-author h5 {
     margin: 0;
     margin-top: 7px;
     font-size: 14px;
     font-weight: 500 
}
 .property-author h5 a {
     color: #808fa0 
}
 .modern-property-footer .property-pulish-date {
     font-size: 13px;
     color: #808fa0 
}
 .listing-detail-footer {
     padding: 1rem 1.5rem;
     margin-top: 1rem;
     border-top: 1px solid #e4e8f3;
     display: flex;
     align-items: center;
     width: 100% 
}
 .footer-first {
     flex: 1 
}
 .property-reviews {
     display: flex;
     align-items: center;
     position: relative;
     color: #c6cce0;
     font-size: 10px;
     letter-spacing: 4px 
}
 .property-reviews i.filled {
     color: #fd9428 
}
 .foot-location {
     font-size: 15px;
     display: flex 
}
 .foot-location img {
     margin-right: 5px;
     display: none;
}
 .footer-flex .prt-view {
     padding: 4px 18px;
     color: #fff!important;
     background: #1d1d1d;
     border-radius: 50px;
     height: 30px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
 .author-box {
     width: 75px;
     height: 75px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     position: relative;
     justify-content: center;
     padding: 2px;
     background: #e9eef7 
}
 .author-box img {
     border-radius: 50% 
}
 .author-box:before {
     content: "";
     width: 1px;
     height: 80%;
     background: #d9dfef;
     right: -20%;
     position: absolute 
}
 .listing-short-detail-flex.fl-2 {
     flex: 2 
}
 .property-listing.property-2 .listing-name .prt-link-detail {
     position: relative 
}
 .property-listing.property-2 .listing-name .prt-link-detail:before {
     content: "";
     position: absolute;
     width: 18px;
     height: 18px;
     top: 2px;
     right: -23px;
     max-width: 100%;
     background-image: url(../img/veryfy.svg);
     background-size: contain;
     object-fit: cover 
}
 .prt_saveed_12lk .toggler {
     color: #bec7d8;
     cursor: pointer;
     font-size: 20px;
     margin-bottom: 0;
     line-height: 1 
}
 .prt_saveed_12lk .toggler[type=checkbox]:checked, .toggler[type=checkbox]:not(:checked) {
     position: absolute;
     left: -9999px;
     opacity: 0 
}
 .prt_saveed_12lk .toggler input:checked+i {
     color: #ff5722 
}
 ._exlio_125 {
     position: absolute;
     left: 15px;
     bottom: 20px;
     z-index: 1;
     background: #2540a2;
     height: 38px;
     padding: 0 18px;
     font-size: 16px;
     font-weight: 700;
     color: #fff;
     align-items: center;
     justify-content: center;
     display: inline-flex;
     border-radius: 50px;
     box-shadow: 0 0 0 5px rgb(255 255 255 / 20%);
     -webkit-box-shadow: 0 0 0 5px rgb(255 255 255 / 20%) 
}
 span.property-type.elt_sale {
     background: rgba(37, 181, 121, .1);
     padding: 3px 15px;
     border-radius: 2px;
     color: #25b579;
     font-weight: 600 
}
 span.property-type.elt_rent {
     background: rgba(255, 152, 0, .1);
     padding: 3px 15px;
     border-radius: 2px;
     color: #ff9800;
     font-weight: 600 
}
 .content_block_2 .content-box .btn-box .download-btn.play-store {
     margin-right: 30px 
}
 .content_block_2 .content-box .btn-box .download-btn {
     position: relative;
     display: inline-block;
     float: left;
     font-size: 15px;
     line-height: 26px;
     font-weight: 600;
     color: #222e64;
     padding: 16px 30px 15px 80px;
     border-radius: 4px;
     z-index: 1;
     box-shadow: 0 5px 5px rgba(232, 23, 23, .2);
     border: 1px solid #e81717;
     background: #fff 
}
 .content_block_2 .content-box .btn-box .download-btn i {
     position: absolute;
     color: #e81717;
     left: 30px;
     top: 16px;
     font-size: 40px 
}
 .content_block_2 .content-box .btn-box .download-btn span {
     position: relative;
     display: block;
     font-size: 14px;
     line-height: 18px;
     color: #828aaf;
     font-family: Jost, sans-serif;
     font-weight: 500 
}
 .content_block_2 .content-box .btn-box .download-btn h3 {
     position: relative;
     margin-bottom: 0;
     display: block;
     font-size: 24px;
     line-height: 26px;
     color: #242f65;
     font-weight: 600;
     transition: all .5s ease 
}
 .content_block_2 .content-box .btn-box .download-btn.app-store h3 {
     color: #2798ff 
}
 .content_block_2 .content-box .btn-box .download-btn.app-store i {
     color: #242f65 
}
 .content_block_2 .content-box .btn-box .download-btn.app-store {
     box-shadow: 0 5px 5px rgba(34, 46, 100, .2);
     border: 1px solid #242f65 
}
 .form-control:focus {
     box-shadow: none 
}
 .caption-wrap-content h2, .caption-wrap-content p {
     color: #fff 
}
 .caption-wrap-content a:hover, .caption-wrap-content h2:focus {
     color: #fff;
     background: #08184b;
     border-color: #08184b 
}
 .shadow-none {
     box-shadow: none!important;
     -webkit-box-shadow: none!important 
}
 .agents-grid {
     position: relative;
     background: #fff;
     border-radius: 6px;
     margin-bottom: 30px;
     border: none;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .fr-grid-thumb {
     width: 100%;
     border-radius: 6px;
     height: 200px;
     overflow: hidden;
     display: table;
     position: relative;
     padding: .7em 
}
 .fr-grid-thumb a {
     display: inline-flex;
     height: 250px;
     overflow: hidden;
     width: 100% 
}
 .fr-grid-thumb img {
     width: 100%;
     border-radius: 6px;
     object-fit: cover 
}
 .fr-grid-deatil {
     display: flex;
     align-items: center;
     padding: 0 1.5rem 1rem;
     width: 100% 
}
 .fr-grid-deatil-flex {
     flex: 1 
}
 .fr-grid-deatil-flex .fr-can-name {
     margin-bottom: 0 
}
 .fr-can-rating {
     display: flex;
     align-items: center 
}
 .agent-property {
     font-size: 14px 
}
 .fr-position {
     font-size: 15px 
}
 .fr-can-rating {
     text-align: center 
}
 .fr-can-rating i {
     font-size: 10px;
     margin-right: 3px;
     color: #c4c8d0 
}
 .fr-can-rating i.filled {
     color: #ff9800 
}
 .reviews_text {
     margin-left: 8px;
     font-size: 13px;
     font-weight: 600 
}
 .agent-email a {
     width: 40px;
     height: 40px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     transition: all ease .4s;
     background: rgb(124 110 65 / 13%);
     color: #7c6e41;
}
 .agent-email a:focus, .agent-email a:hover {
     color: #fff!important;
     background: #7c6e41;
}
 .fr-grid-info {
     margin-bottom: 1.5rem 
}
 .fr-grid-info ul {
     margin: 0;
     padding: 0 
}
 .fr-grid-info ul li {
     list-style: none;
     padding: .1rem 1.5rem 
}
 .fr-grid-footer {
     display: flex;
     align-items: center;
     padding: 1rem 1.5rem;
     border-top: 1px solid #e2e6f1 
}
 .fr-grid-footer-flex {
     flex: 1 
}
 .fr-position i {
     margin-right: 10px 
}
 .fr-grid-footer-flex-right .prt-view {
     padding: 4px 18px;
     color: #fff!important;
     background: #232323;
     border-radius: 50px;
     height: 30px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
 .agent-call a, .agent-call a:focus, .agent-call a:hover {
     color: #19b12a;
     font-size: 22px 
}
 span.agent-type {
     display: block;
     font-size: 14px 
}
 ul.fr-grid-social {
     padding: 0;
     margin: 0 0 1.5rem;
     text-align: center 
}
 ul.fr-grid-social li {
     padding: 0 10px;
     display: inline-block;
     list-style: none 
}
 ul.fr-grid-social li a {
     font-size: 14px 
}
 .property-listing.property-2 .slick-slide a:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: block;
     z-index: 1;
     opacity: .15 
}
 .property-listing.property-2.modern .slick-slide a:before {
     opacity: .1 
}
 .property-listing .slick-arrow.slick-next {
     transform-origin: 100% 0 
}
 .property-listing .slick-arrow {
     width: 30px;
     height: 30px;
     overflow: hidden;
     border-radius: 50%;
     opacity: 1;
     transition: .1s;
     z-index: 1 
}
 .slick-next:before {
     content: "\e628";
     font-family: themify 
}
 .slick-prev:before {
     content: "\e629";
     font-family: themify 
}
 .property-listing .slick-next {
     right: 5px 
}
 .property-listing .slick-prev {
     left: 5px 
}
 .property-listing .slick-arrow:before {
     position: absolute;
     top: 0;
     width: 30px;
     height: 30px;
     opacity: 0;
     line-height: 30px;
     background: rgba(255, 255, 255, .2);
     font-size: 10px;
     color: #fff;
     cursor: pointer;
     border-radius: 50%;
     box-shadow: 0 5px 24px rgba(31, 37, 59, .15);
     transition: .2s 
}
 .property-listing .slick-arrow.slick-next:before {
     text-align: center;
     left: 0 
}
 .property-listing .slick-arrow.slick-prev:before {
     text-align: center;
     right: 0 
}
 .property-listing:hover .slick-arrow:before {
     opacity: 1 
}
 .property-search-type {
     display: table;
     padding-bottom: 35px;
     position: relative;
     margin: 0 auto 
}
 .property-search-type input[type=radio] {
     display: none 
}
 .property-search-type label {
     background-color: #fff;
     color: #333;
     cursor: pointer;
     display: inline-block;
     text-align: center;
     padding: 11px 25px;
     margin: 0 15px 0 0;
     float: left;
     transition: all .2s;
     border-radius: 4px 
}
 .property-search-type label.active, .property-search-type label:hover {
     background-color: #fd5332;
     color: #fff 
}
 .property-search-type-arrow {
     width: 0;
     height: 0;
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
     border-bottom: 15px solid #fff;
     position: absolute;
     bottom: 0;
     left: 0;
     transform: translate3d(3px, 0, 0) 
}
 .block-wrap {
     display: block;
     width: 100%;
     background: #fff;
     padding: 40px;
     padding-top: 15px;
     border-radius: 8px;
     margin-bottom: 30px 
}
 .block-wraps {
     background: #fff;
     border-radius: 8px;
     margin-bottom: 30px;
     overflow: hidden 
}
 .block-wrap:last-child {
     margin-bottom: 0 
}
 .block-wraps .block-header {
     display: table;
     width: 100%;
     margin-bottom: 1rem;
     border-bottom: 1px solid #08184b;
     background: #08184b 
}
 .block-header {
     display: table;
     width: 100%;
     margin-bottom: 1rem;
     border-bottom: 1px solid #e8eef7 
}
 .nav-tabs .nav-link {
     margin-bottom: 1px 
}
 .block-wraps-header .block-body {
     padding: 1.5rem 
}
 .block-header .block-title {
     font-size: 16px 
}
 .block-body {
     line-height: 1.7;
     display: inline-block;
     width: 100% 
}
 .avl-features {
     margin: 0;
     padding: 0;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap 
}
 .dw-proprty-info {
     margin: 0;
     padding: 0;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap 
}
 .avl-features li {
     display: block;
     list-style: none;
     position: relative;
     margin: 0px 0 9px;
     line-height: 23px;
     padding-left: 30px;
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
}
 .avl-features li:before {
     content: "\e64c";
     font-family: themify;
     position: absolute;
     color: #ffffff;
     width: 17px;
     height: 17px;
     background: rgb(162 162 162);
     text-align: center;
     line-height: 20px;
     border-radius: 50%;
     left: 0;
     top: 5px;
     font-size: 10px;
}
 .dw-proprty-info li {
     display: block;
     list-style: none;
     position: relative;
     margin: 6px 0;
     color: #fd5332;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25% 
}
 .dw-proprty-info li strong {
     display: block;
     color: #2a3c77 
}
 .nav-tabs.customize-tab {
     border: none;
     margin-bottom: 0 
}
 .nav-tabs.customize-tab li {
     border-right: 1px solid #253465 
}
 .nav-tabs.customize-tab li:last-child {
     border-right: none 
}
 .nav-tabs .nav-item {
     margin: 0 
}
 .nav-tabs .nav-link {
     background: #3151b7;
     color: #fff;
     border-radius: .22rem;
     margin-right: 10px;
     padding: .7rem 2rem;
     border: none 
}
 .nav-tabs.customize-tab .nav-link {
     background: 0 0!important 
}
 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
     color: #fff;
     background-color: #fd5332;
     border-color: #fd5332 
}
 .nav-tabs .nav-link.active, .nav-tabs.customize-tab .nav-item.show .nav-link {
     background: #2f4ba5!important;
     color: #fff;
     border-radius: 0;
     margin-right: 0 
}
 .accordion {
     border: 1px solid #e2e6ea;
     border-radius: 4px 
}
 .accordion .card {
     border: none 
}
 .card-header {
     background: #f5f8fb;
     border-bottom: 1px solid #e2e6ea 
}
 .accordion .btn-link {
     color: #5c657f;
     text-decoration: none 
}
 .accordion .btn-link>span {
     font-size: 12px;
     font-weight: 400;
     margin-left: 15px;
     background: #e8ecf1;
     padding: 6px 15px;
     border-radius: 2px 
}
 .sidebar-property-slide .slick-next, .sidebar-property-slide .slick-prev {
     top: -26px 
}
 .sidebar-property-slide .slick-prev {
     left: auto;
     right: 60px 
}
 .sidebar-property-slide .slick-arrow:before {
     width: 25px;
     height: 25px;
     line-height: 25px;
     font-size: 11px;
     opacity: 1;
     color: #333c56 
}
 .sidebar-property-slide .single-items {
     padding: 0 0 
}
 .accordion .card-title {
     margin-bottom: 0 
}
 .mfp-ready .mfp-figure {
     opacity: 1!important 
}
 .single-advance-property .item-slick.slick-slide.slick-current.slick-active {
     outline: 0!important 
}
 .single-advance-property .slick-slide img {
     display: block;
     max-width: 100% 
}
 .single-advance-property .slider-for img {
     width: 100%;
     min-height: 100% 
}
 .single-advance-property .slider-nav {
     margin: auto 
}
 .single-advance-property .slider-nav .item-slick {
     max-width: 240px;
     margin-right: 15px;
     outline: 0!important;
     cursor: pointer 
}
 .single-advance-property .slider-nav .item-slick img {
     max-width: 100%;
     background-size: cover;
     background-position: center 
}
 .single-advance-property .slider-nav {
     margin: auto 
}
 .single-advance-property .slider-nav .item-slick {
     max-width: 240px;
     margin-right: 0;
     outline: 0!important;
     cursor: pointer 
}
 .single-advance-property .slider-nav .item-slick img {
     max-width: 100%;
     background-size: cover;
     background-position: center 
}
 .single-advance-property .slick-arrow {
     position: absolute;
     top: 50%;
     z-index: 50;
     margin-top: -12px 
}
 .single-advance-property .slick-prev {
     left: 0 
}
 .single-advance-property .slick-next {
     right: 0 
}
 .single-advance-caption {
     padding: 2em 
}
 .property-name-info {
     margin-bottom: 2rem 
}
 .property-name-info .property-name {
     margin-bottom: 5px 
}
 .property-price-info {
     margin-bottom: 2rem 
}
 .property-price-info .property-price {
     margin-bottom: 5px 
}
 .property-statement ul {
     display: table;
     width: 100%;
     margin: 0;
     padding: 0;

}
 .property-statement ul li {
     display: inline-block;
     width: 50%;
     float: left;
     vertical-align: top 
}
 .property-statement ul li>i {
     float: left;
     font-size: 35px;
     margin-right: 10px;
     margin-top: 5px 
}
 .ps-trep {
     margin-left: 50px;
     vertical-align: top 
}
 .ps-trep span {
     margin-bottom: 3px;
     display: inline-block;
     color: #2a3c77 
}
 .ps-trep .ps-type {
     color: #fd5332 
}
 .single-advance-property .slick-next {
     right: 20px 
}
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
     cursor: pointer 
}
 .mfp-container:hover {
     cursor: default 
}
 .image-source-link {
     color: #98c3d1 
}
 .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
     opacity: 0;
     transition: all .3s ease-out 
}
 .mfp-with-zoom.mfp-ready .mfp-container {
     opacity: 1 
}
 .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
     opacity: 0 
}
 .mfp-ready .mfp-figure {
     opacity: 0 
}
 .mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
     opacity: 0;
     transition: all .3s ease-out;
     transform: scale(.95) 
}
 .mfp-zoom-in.mfp-bg .mfp-zoom-in .mfp-preloader {
     opacity: 0;
     transition: all .3s ease-out 
}
 .mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
     opacity: 1;
     transform: scale(1) 
}
 .mfp-zoom-in.mfp-ready.mfp-bg .mfp-zoom-in.mfp-ready .mfp-preloader {
     opacity: .8 
}
 .mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
     transform: scale(.95);
     opacity: 0 
}
 .mfp-zoom-in.mfp-removing.mfp-bg .mfp-zoom-in.mfp-removing .mfp-preloader {
     opacity: 0 
}
 .mfp-iframe-scaler {
     overflow: visible 
}
 .mfp-zoom-out-cur {
     cursor: auto 
}
 .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
     cursor: pointer 
}
 .page-title {
     width: 100%;
     /* height: 200px; */
     text-align: left;
     display: flex;
     flex-direction: column;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
     background: #7c6e41;
     padding-top: 167px;
     padding-bottom: 18px;
}
 .page-title .ipt-title {
     color: #fff 
}
 .ipn-subtitle {
     color: #fff 
}
 .overlio-40 {
     margin-top: -40px 
}
 .ipt-title {
     margin-bottom: 5px 
}
 .ipn-subtitle {
     font-size: 20px;
     font-family: initial;
     font-style: italic 
}
 .page-title.bb-title {
     background-size: cover!important;
     background-position: center!important 
}
 .page-title.bb-title .ipt-title {
     color: #fff 
}
 .page-title.bb-title .ipn-subtitle {
     color: #fff;
     opacity: .8 
}
 .author-review ul {
     margin: 0;
     padding: 0 
}
 li.article_comments_wrap {
     border-bottom: 1px dashed #e3e7ea;
     margin-bottom: 20px 
}
 li.article_comments_wrap:last-child {
     border: none;
     margin: 0 
}
 .author-review article {
     overflow: hidden;
     padding-bottom: 25px 
}
 .author-review article .article_comments_thumb {
     float: left;
     width: 80px 
}
 .author-review article .article_comments_thumb img {
     max-width: 80px;
     border-radius: 50% 
}
 .author-review article .comment-details {
     overflow: hidden;
     padding-left: 30px 
}
 .author-review article .comment-details .comment-meta {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap 
}
 .author-review article .comment-details .comment-meta .comment-left-meta {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 70%;
     flex: 1 1 70% 
}
 .author-review article .comment-details .comment-meta .comment-left-meta .author-name {
     font-size: 17px;
     line-height: 26px;
     margin-bottom: 0 
}
 .author-review article .comment-details .comment-meta .comment-left-meta .comment-date {
     color: #00ba74;
     text-transform: uppercase;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0;
     font-weight: 500;
     margin: 7px 0 0 
}
 .author-review article .comment-details .comment-text {
     margin: 18px 0 0 
}
 .author-review article .comment-details .comment-text p {
     margin: 0 
}
 .author-review article .comment-details .comment-text {
     margin: 19px 0 0 
}
 .reviews-checked {
     text-align: center;
     display: table;
     margin: 0 auto;
     font-size: 14px;
     font-weight: 600 
}
 .nearby-wrap {
     margin-bottom: 2rem 
}
 .nearby-wrap:last-child {
     margin-bottom: 0 
}
 .neary_section_list {
     width: 100%;
     position: relative;
     display: block 
}
 .neary_section {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     border-bottom: 1px solid #e8eaf1;
     padding: 10px 0 
}
 .neary_section:last-child {
     border-bottom: none 
}
 .neary_section_first {
     flex: 1 
}
 .neary_section_first .nearby_place_title {
     font-size: 14px;
     margin: 0;
     color: #172e6f 
}
 .neary_section_last {
     display: flex;
     align-items: center 
}
 .nearby_place_rate {
     padding: 5px 5px;
     height: auto;
     line-height: 25px;
     text-align: center;
     font-size: 14px;
     font-weight: 600;
     color: #fff;
     border-radius: 4px;
     margin-right: 5px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center 
}
 .nearby_place_rate i {
     font-size: 8px;
     margin-right: 4px;
     position: relative 
}
 .nearby_place_rate.mid {
     background: #ff9800 
}
 .nearby_place_rate.good {
     background: #03a07c 
}
 .nearby_place_rate.high {
     background: #8bc34a 
}
 .nearby_place_rate.poor {
     background: #f44336 
}
 .sides_list_property {
     width: 100%;
     display: flex;
     align-items: center;
     padding: 1rem 1rem .8rem;
     border: 1px solid #e7eaec;
     border-radius: .4rem;
     background: #fff;
     margin-bottom: 15px 
}
 .sides_list_property_thumb {
     width: 125px;
     height: 75px;
     border-radius: 4px;
     overflow: hidden 
}
 .sides_list_property_thumb img {
     height: 100%;
     width: 100%;
     object-fit: cover 
}
 .sides_list_property_detail {
     padding-left: .7rem;
     width: 100% 
}
 .sides_list_property_detail .lists_property_status {
     font-size: 13px 
}
 .sides_list_property_detail h4 {
     font-size: 16px;
     line-height: 1;
     margin: 0 0 2px 
}
 .sides_list_property_detail span {
     font-size: 13px 
}
 .sides_list_property_detail span i {
     margin-right: 4px 
}
 .lists_property_price {
     display: flex;
     align-items: center 
}
 .lists_property_price .lists_property_types {
     flex: 1 
}
 .lists_property_price {
     display: flex;
     align-items: center;
     padding: 8px 0 
}
 .property_types_vlix {
     display: inline-block;
     padding: 4px 15px;
     color: #f95d02;
     background: rgba(249, 93, 2, .1);
     border-radius: 50px;
     font-size: 13px 
}
 .property_types_vlix.sale {
     color: #03a98a;
     background: rgba(3, 169, 138, .1) 
}
 .property_types_vlix.buy {
     color: #a871e4;
     background: rgba(168, 113, 228, .1) 
}
 .compare-slide-menu {
     position: fixed;
     top: 0;
     transition: .4s ease-in-out;
     height: 100vh;
     background-color: #fff;
     right: -320px;
     width: 320px;
     padding: 0;
     z-index: 999999;
     box-shadow: 0 0 25px rgba(0, 0, 0, .1) 
}
 .csm-content {
     overflow-y: scroll;
     height: 100%;
     width: 340px 
}
 .compare-slide-menu.active {
     right: 0 
}
 .csm-properties {
     padding: 30px 20px;
     padding-bottom: 0 
}
 .csm-content>h4 {
     font-size: 18px;
     display: block;
     margin: 0;
     padding: 30px;
     position: relative;
     color: #fff;
     width: 100%;
     background-color: #274abb 
}
 .csm-trigger {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: -50px;
     width: 50px;
     background-color: #3151b7;
     color: #fff;
     border-radius: 3px 0 0 3px;
     text-align: center;
     line-height: 50px;
     height: 50px;
     font-size: 24px;
     cursor: pointer 
}
 .csm-trigger:before {
     content: "\e6ac";
     font-family: themify;
     display: inline-block;
     transition: .3s ease-in-out 
}
 .csm-buttons {
     padding: 0 30px;
     padding-bottom: 30px 
}
 .compare-slide-menu.active .csm-trigger:before {
     transform: rotate(180deg) 
}
 .csm-buttons a.button {
     padding: 10px 20px;
     font-size: 15px;
     display: inline-block;
     border-radius: 3px 
}
 .csm-buttons a.button.btn-compare, .csm-buttons a.button.reset:hover {
     background-color: #3151b7;
     color: #fff 
}
 .csm-buttons a.button.btn-reset, .csm-buttons a.button.reset:hover {
     background-color: #ffe6e6;
     color: #ea1e1e 
}
 .property-listing:focus .remove-compare, .property-listing:hover .remove-compare {
     opacity: 1 
}
 .compare-slide-menu .property-listing {
     margin-bottom: 25px 
}
 .remove-compare {
     position: absolute;
     top: 15px;
     left: 15px;
     opacity: 0;
     z-index: 4;
     transition: all ease .4s 
}
 .remove-compare>a {
     width: 20px;
     height: 20px;
     display: inline-block;
     background: #f32945;
     color: #fff;
     border-radius: 3px;
     font-size: 10px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center 
}
 .comp-property {
     display: block;
     position: relative;
     padding: 0 10px;
     min-height: 260px 
}
 .comp-property-blank {
     display: block;
     height: 259px 
}
 .compare-slide-menu .property-listing.property-2 .listing-name {
     font-size: 13px 
}
 .compare-slide-menu .listing-card-info-price {
     font-size: 18px 
}
 span.remove-from-compare {
     position: absolute;
     top: 20px;
     left: 20px;
     background: #e22828;
     color: #fff;
     width: 25px;
     height: 25px;
     border-radius: 4px;
     line-height: 25px;
     opacity: 0;
     transition: all ease .4s 
}
 .clp-img {
     position: relative;
     width: 100%;
     border-radius: 6px;
     overflow: hidden 
}
 .clp-title {
     padding: 12px 0 
}
 .clp-title h4 {
     font-size: 17px;
     margin: 0 0 2px 0 
}
 .comp-property:focus .remove-from-compare, .comp-property:hover .remove-from-compare {
     opacity: 1 
}
 .show-mb {
     display: none!important 
}
 .pricing-5 {
     overflow: hidden 
}
 .pricing-5 div[class*=col-] {
     transition: .2s linear;
     -webkit-transition: .2s linear;
     -moz-transition: .2s linear;
     padding: 0 
}
 .pricing-5 .pricing__title {
     min-height: 144px;
     padding: 1.625em 0;
     position: relative 
}
 .pricing-5 .pricing__title h5, .pricing-5 .pricing__title h6 {
     margin: 0 
}
 .pricing-5 .pricing__title h6 {
     opacity: .5 
}
 .pricing-5 .pricing__price {
     margin-top: .8125em 
}
 .pricing-5 ul {
     margin: 0;
     padding: 0 
}
 .pricing-5 ul li {
     line-height: 1.625em;
     padding: 1.625em 0;
     list-style: none 
}
 .pricing-5 ul li:nth-child(odd) {
     background: #f4f4f4 
}
 .pricing-5 ul li span:not(.btn__text) {
     font-style: italic 
}
 .checkmark, .crossmark {
     width: 1.625em;
     height: 1.625em;
     line-height: 1.625em;
     background: #64b671;
     border-radius: 50%;
     display: inline-block;
     position: relative;
     text-align: center 
}
 .crossmark {
     background: #e34747 
}
 .checkmark:before, .crossmark:before {
     content: '\2713';
     position: absolute;
     color: #fff;
     width: 100%;
     left: 0;
     opacity: 1;
     font-size: 13px 
}
 .crossmark:before {
     content: '\2715' 
}
 .pricing-5 ul li span:not(:first-child) {
     display: inline-block;
     margin-left: .8125em;
     position: relative;
     bottom: 6px 
}
 @media (min-width: 990px) {
     .pricing-5 ul li {
         height: 4.875em 
    }
}
 .gallery_bottom_block {
     padding: 1em 0;
     border-bottom: 1px solid #e9ecf3 
}
 .property_info_detail_wrap {
     position: relative;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
     width: 100% 
}
 .property_info_detail_wrap_first {
     flex: 1 
}
 .prt-sect-pric h3 {
     margin: 0;
     font-size: 30px 
}
 .prt-sect-pric h3 sub {
     font-size: 14px;
     font-weight: 400;
     opacity: .8 
}
 .pr-price-into h2>i {
     font-size: 16px;
     font-weight: 400;
     font-style: initial;
     opacity: .9 
}
 .pr-price-into h2 {
     margin-bottom: 0 
}
 .pr-price-into h2 {
     margin-bottom: 0 
}
 .pr-single-info {
     display: inline-block;
     margin-left: .5rem;
     position: relative 
}
 .pr-single-info:first-child {
     margin: 0 
}
 span.view-pr {
     margin-left: 6px;
     position: relative;
     top: -3px 
}
 .pr-single-info>a {
     color: #fff!important;
     font-size: 18px;
     width: 42px;
     height: 42px;
     border-radius: 2px;
     align-items: center;
     display: flex;
     flex-wrap: wrap;
     background: #1c4c75;
     justify-content: center 
}
 .btn-share, .btn-share:focus, .btn-share:hover {
     background: #1c4c75;
     color: #fff;
     border: none;
     padding: 0;
     outline: 0;
     cursor: pointer;
     width: 42px;
     height: 42px;
     border-radius: 2px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center 
}
 .share-opt-wrap .dropdown-menu {
     text-align: center;
     bottom: 55px;
     top: initial!important;
     left: 0!important;
     padding: 7px 0 9px;
     border: 1px solid #e8e9f1 
}
 .share-opt-wrap .dropdown-menu a {
     padding: 2px 6px 0;
     line-height: 1;
     position: relative;
     top: 3px;
     display: inline-block;
     border-bottom: none 
}
 .dropdown-menu.show a i {
     margin-right: 7px 
}
 .cl-facebook i {
     color: #395693!important 
}
 .cl-twitter i {
     color: #1c9cea!important 
}
 .cl-gplus i {
     color: #d23d35!important 
}
 .cl-instagram i {
     color: #c82f99!important 
}
 .property_info_detail_wrap.light {
     bottom: 2rem;
     color: #fff 
}
 .prties_list {
     display: block;
     position: relative;
     width: 100% 
}
 .prties_list ul {
     display: block;
     width: 100%;
     padding: 0;
     margin: 5px 0 0 0 
}
 .prties_list ul li {
     display: inline-block;
     font-weight: 600;
     font-size: 14px;
     margin-right: 1rem;
     position: relative 
}
 .prties_list ul li:before {
     content: ".";
     position: absolute;
     left: -9px;
     top: 2px;
     font-size: 25px;
     line-height: 0;
     border-radius: 50% 
}
 .prties_list ul li:first-child:before {
     display: none 
}
 .prt-type {
     font-size: 13px;
     color: #fff;
     font-weight: 500;
     background: #333;
     padding: 4px 12px;
     border-radius: 2px;
     margin-left: 10px 
}
 span.prt-type.rent {
     background: #3ebd43;
     color: #fff 
}
 span.prt-type.sale {
     background: #ff8000;
     color: #fff 
}
 .like_share_wrap {
     background-color: #fff;
     color: #707070;
     border-radius: 4px;
     padding: 20px;
     border: 1px solid #e6eaf3;
     transition: .25s;
     margin-bottom: 20px 
}
 ul.like_share_list {
     padding: 0;
     margin: 0;
     display: flex;
     align-items: center;
     width: 100% 
}
 ul.like_share_list li {
     flex: 0 0 50%;
     padding: 0 5px;
     list-style: none;
     width: 50% 
}
 ul.like_share_list li a {
     width: 100%;
     color: #03a98a!important;
     background: rgba(3, 169, 138, .1);
     border: 1px solid #03a98a;
     border-radius: .4rem;
     font-weight: 600;
     font-size: 14px 
}
 ul.like_share_list li:last-child a {
     background: rgba(249, 93, 2, .1);
     color: #f95d02!important;
     border-color: #f95d02 
}
 ul.like_share_list li a i {
     margin-right: 7px 
}
 .btn.cop_btn {
     width: 100%;
     height: 56px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px 
}
 .downld_rport {
     background: #fff;
     border: 1px solid #e6eaf3;
     border-radius: 4px;
     margin-bottom: 20px;
     width: 100% 
}
 .downld_rport ul {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     margin: 0;
     padding: 0 
}
 .downld_rport ul li {
     width: 50%;
     flex: 0 0 50%;
     padding: 1rem 1.5rem;
     font-size: 15px;
     font-weight: 600;
     color: #172e6f 
}
 .downld_rport ul li:first-child {
     border-right: 1px solid #e6eaf3 
}
 .downld_rport ul li i {
     font-size: 40px;
     margin-right: 10px;
     color: #03a98a;
     display: inline-table;
     float: left 
}
 .downld_rport ul li span {
     font-size: 13px;
     color: #546cb1;
     display: block 
}
 .downld_rport ul li.pdf i {
     color: #e62a1c 
}
 .property_block_wrap {
     display: block;
     width: 100%;
     background: #ffffff;
     padding: 0;
     border-radius: 4px;
     margin-bottom: 30px;
     border: 1px solid #e6eaf3;
}
 .property_block_wrap.style-2 {
     border-radius: 6px;
     border: none;
}
 .property_block_wrap.style-2 {
     border-radius: 1px;
     border: none;
}
 .property_block_wrap.style-2 .block-body {
     padding: 0 1.5rem 1rem 
}
 .property_block_wrap.style-2 .property_block_wrap_header h4 {
     margin: 0;
     font-weight: 700;
     font-size: 16px;
     font-family: Muli, sans-serif;
     color: #140c40 
}
 .property_block_wrap.style-2 .property_block_wrap_header h4:after {
     font-family: "Font Awesome 5 Free";
     content: "\f106";
     position: relative;
     float: right;
     margin-right: 0;
     transition: .2s ease-out;
     background: #f5f7fb;
     width: 26px;
     height: 26px;
     font-weight: 600;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center 
}
 .property_block_wrap.style-2 .property_block_wrap_header .collapsed h4:after {
     transform: rotate(180deg) 
}
 .property_block_wrap.style-2 .property_block_wrap_header h4:before {
     display: none 
}
 .property_block_wrap.style-2 .property_block_wrap_header {
     padding: 1rem 1.5rem;
     border: none 
}
 .property_block_wrap.style-2 .property_block_wrap_header.no-collapse h4:after {
     display: none 
}
 ul.deatil_features {
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     width: 100% 
}
 ul.deatil_features li {
     width: 49%;
     flex: 0 0 49%;
     display: inline-block;
     font-size: 13px;
     color: #5d5d5d;
     margin-bottom: 1.2rem;
     line-height: 1.5;
     border: solid 1px #b7b7b7;
     padding: 10px;
     margin: 2px;
}
 ul.deatil_features li strong {
     color: #2b2b2b;
     display: inline-block;
     font-size: 14px;
     margin-right: 10px;
}
 .nearby-wrap {
     margin-bottom: 2rem 
}
 .nearby-wrap:last-child {
     margin-bottom: 0 
}
 .neary_section_list {
     width: 100%;
     position: relative;
     display: block 
}
 .neary_section {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     padding: 6px 0 
}
 .neary_section:last-child {
     border-bottom: none 
}
 .neary_section_first {
     flex: 1 
}
 .neary_section_first .nearby_place_title {
     font-size: 14px;
     margin: 0;
     color: #140c40;
     font-family: Muli, sans-serif 
}
 .neary_section_last {
     display: flex;
     align-items: center 
}
 .neary_section_first .nearby_place_title>small {
     margin-left: 10px 
}
 .neary_section_last i {
     font-size: 10px;
     color: #ced1e4 
}
 .neary_section_last i.filled {
     color: #ff9800 
}
 .reviews-count {
     margin-left: 5px 
}
 .nearby_header {
     display: flex;
     width: 100%;
     align-items: center;
     position: relative;
     margin-bottom: 1rem 
}
 .nearby_header_first {
     flex: 1 
}
 .nearby_header_first h5 {
     margin: 0;
     font-size: 16px 
}
 .nearby_header_last .nearby_powerd {
     display: flex;
     align-items: center 
}
 .nearby_header_last .nearby_powerd img {
     max-width: 50px;
     margin-left: 10px 
}
 .list-fx-features {
     margin-top: 20px;
     justify-content: end 
}
 .listing-card-info-icon {
     width: auto;
     flex: inherit;
     display: inline-flex;
     margin-right: 1.2rem;
     align-items: center 
}
 .listing-card-info-icon:last-child {
     margin: 0 
}
 .prt-price-fix {
     line-height: 1.4;
     color: #7c6e41;
}
 .prt-price-fix sub {
     font-size: 15px;
     font-weight: 400;
     color: #656565;
}
 .featured_slick_gallery {
     position: relative 
}
 .btn-view-pic {
     position: absolute;
     bottom: 30px;
     right: 0px;
     background: #fff;
     padding: 15px 26px;
     border-radius: 5px;
     font-weight: 600;
     color: #08184b 
}
 .btn-view-pic.top {
     position: absolute;
     top: 30px;
     bottom: auto;
     right: 50px 
}
 .property_block_wrap.style-3 {
     padding: 1.5rem;
     display: flex;
     align-items: center;
     margin-top: -23%;
     border: none;
     background-color: #0000006b;
     color: #fff;
}
 .pbw-flex-thumb {
     display: flex;
     align-items: center;
     justify-content: center;
     background: #f5f5f5;
     border-radius: 6px;
     padding: 2.5rem;
}
 .pbw-flex {
     padding-left: 2rem 
}
 .property_block_wrap.style-4 {
     background: 0 0;
     border: none;
     text-align: center;
     color: #fff 
}
 .property_block_wrap.style-4 .prt-types.sale {
     background: #7c6e41;
     color: #fff;
     margin-bottom: 5px;
}
 .property_block_wrap.style-4 .list-fx-features {
     margin-top: 20px;
     justify-content: center 
}
 .property_block_wrap.style-4 .listing-card-info-icon {
     color: #6a84e2 
}
 .pbwts-social {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100% 
}
 .pbwts-social ul {
     padding: 0;
     margin: 0 
}
 .pbwts-social ul li {
     display: inline-flex;
     margin-right: 10px;
     font-weight: 600 
}
 .pbwts-social ul li a {
     width: 30px;
     height: 30px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #7c6e41;
     border-radius: 50%;
     font-size: 12px;
     color: #fff;
     border: 1px solid #7c6e41;
     transition: all ease .4s;
}
 .pbwts-social ul li a:focus, .pbwts-social ul li a:hover {
     background: #fff;
     color: #333333;
     border: 1px solid #fff;
}
 .property_block_wrap.style-4 .prt-price-fix sub {
     color: #d4d4d4;
}
 .property_video {
     position: relative 
}
 .property_video .thumb {
     overflow: hidden;
     border-radius: 6px 
}
 .bb-video-box {
     position: absolute;
     transform: translate(-50%, -50%);
     left: 50%;
     top: 50% 
}
 .bb-video-box-inner {
     width: 100px;
     height: 100px;
     background: rgba(255, 255, 255, .5);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 
}
 .bb-video-box-innerup {
     width: 65px;
     height: 65px;
     background: rgba(255, 255, 255, .9);
     border-radius: 50%;
     align-items: center;
     justify-content: center;
     display: flex;
     font-size: 25px 
}
 .bb-video-box-innerup a {
     line-height: 0 
}
 ul.list-gallery-inline {
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     width: 100% 
}
 ul.list-gallery-inline li {
     width: 33.333333%;
     flex: 0 0 33.33333%;
     padding: 5px 
}
 ul.list-gallery-inline li a {
     display: block;
     height: 100%;
     width: 100%;
     border-radius: 4px;
     overflow: hidden 
}
 .property_video:before {
     background: #17203a;
     border-radius: 6px;
     left: 0;
     right: 0;
     top: 0;
     position: absolute;
     content: "";
     bottom: 0;
     opacity: .5 
}
 .rating-overview {
     display: flex;
     margin: 35px 0 25px;
     background: #fff;
     padding: 30px;
     padding-right: 20px;
     border-radius: 8px 
}
 .rating-overview-box {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;
     border: #ffdead;
     width: 135px;
     margin-right: 20px;
     text-align: center;
     border-radius: 0;
     border-right: 1px solid #e8e8e8;
     padding-right: 27px 
}
 .rating-overview-box-total {
     font-size: 58px;
     font-weight: 700;
     line-height: 1em;
     display: block;
     color: #2a2f3a 
}
 .rating-overview-box-percent {
     font-size: 15px;
     margin-bottom: 0;
     display: block 
}
 .rating-overview-box .star-rating {
     font-size: 16px;
     margin: 0;
     display: block;
     letter-spacing: -.5px 
}
 .rating-bars {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     flex-basis: 100%;
     margin: 0;
     padding: 0;
     margin-top: 0;
     align-items: center 
}
 .rating-bars-item {
     margin: 10px 15px;
     width: calc(50% - 30px);
     justify-content: flex-end;
     align-items: flex-start;
     display: flex;
     flex-direction: column 
}
 @media (max-width: 1366px) {
     .rating-bars-item {
         width: calc(50% - 30px) 
    }
}
 .rating-bars-name {
     font-weight: 600;
     color: #4c4f5a;
     display: block;
     font-size: 14px;
     line-height: 22px 
}
 .rating-bars-inner {
     display: flex;
     width: 100% 
}
 .rating-bars-rating {
     display: inline-block;
     vertical-align: baseline;
     background: #f4f5f7;
     width: 100%;
     height: 6px;
     margin-right: 10px;
     border-radius: 3px;
     overflow: hidden;
     background-color: #f4f5f7;
     align-self: center 
}
 .rating-bars-rating-inner {
     height: 6px;
     display: block;
     background-color: #f4f5f7;
     position: relative;
     width: 0;
     transition: width .5s 
}
 .rating-bars-rating.high .rating-bars-rating-inner {
     background-color: #00ba74 
}
 .rating-bars-rating.good .rating-bars-rating-inner {
     background-color: #83ce36 
}
 .rating-bars-rating.mid .rating-bars-rating-inner {
     background-color: #fbb851 
}
 .rating-bars-rating.poor .rating-bars-rating-inner {
     background-color: #e6453c 
}
 .rating-bars-item strong {
     color: #4c4f5a;
     font-size: 12px;
     font-weight: 600;
     align-self: center;
     background: #f4f5f7;
     border-radius: 50px;
     width: 46px;
     height: 22px;
     text-align: center;
     line-height: 21px 
}
 .rating-overview-box .star-rating i {
     color: #ff9500 
}
 .middle-icon-features {
     display: table;
     width: 100%;
     text-align: center 
}
 .middle-icon-features-item {
     margin-top: 30px 
}
 .middle-icon-large-features-box {
     background: #fff;
     width: 85px;
     height: 85px;
     line-height: 90px;
     text-align: center;
     transition: .25s ease-in-out;
     font-size: 30px;
     border-radius: 20px;
     color: #fd5332;
     margin: 15px auto;
     position: relative;
     border: 1px solid transparent 
}
 .icon-features-wrap {
     text-align: center;
     position: relative 
}
 .icon-features-wrap:before {
     content: url(../img/arrow.png);
     position: absolute;
     width: auto;
     height: auto;
     background: 0 0;
     left: 100%;
     top: 40px 
}
 .middle-icon-features-item.remove .icon-features-wrap:before {
     display: none 
}
 .middle-icon-features-content {
     padding: 10px 30px 0;
     text-align: center 
}
 .middle-icon-features-content p {
     margin-bottom: 0;
     font-size: 14px 
}
 .middle-icon-features-content h4 {
     font-size: 20px;
     margin-bottom: 10px 
}
 .middle-icon-large-features-box:before {
     content: "";
     position: absolute;
     border-radius: 20px;
     width: 85px;
     height: 85px;
     top: 0;
     left: 0;
     transform: rotate(45deg);
     background: 0 0;
     border: 1px solid transparent 
}
 .middle-icon-large-features-box.f-light-warning:before {
     background: rgba(255, 143, 0, .1);
     border-color: rgba(255, 143, 0, .3);
     color: #ff8f00!important 
}
 .middle-icon-large-features-box.f-light-success:before {
     background: rgba(15, 202, 152, .1);
     border-color: rgba(15, 202, 152, .3);
     color: #29cf8d!important 
}
 .middle-icon-large-features-box.f-light-blue:before {
     color: #1d96ff!important;
     background: rgba(29, 150, 255, .1);
     border-color: rgba(29, 150, 255, .3) 
}
 .middle-icon-large-features-box.f-light-purple:before {
     color: #fd5332!important;
     background: rgba(116, 96, 238, .1);
     border-color: rgba(116, 96, 238, .3) 
}
 .middle-icon-large-features-box.f-light-purple:before {
     color: #f33066!important;
     background: rgba(243, 48, 102, .1);
     border-color: rgba(243, 48, 102, .3) 
}
 .achievement-wrap {
     position: relative;
     text-align: center;
     display: block;
     padding: 2rem 0 0 
}
 .achievement-content h4 {
     margin-bottom: 5px;
     line-height: 1;
     font-size: 28px;
     color: #08184b 
}
 .contact-info {
     margin-left: 1rem 
}
 .cn-info-detail {
     position: relative;
     margin-bottom: 1.5rem;
     display: flex;
     justify-content: end;
     align-items: center 
}
 .cn-info-icon {
     float: left;
     display: inline-block;
     width: 50px;
     height: 50px 
}
 .cn-info-icon i {
     font-size: 35px;
     color: #fd5332 
}
 .cn-info-title {
     font-size: 15px;
     margin-bottom: 2px 
}
 .modal {
     z-index: 99999 
}
 .modal-body {
     padding: 2em;
}
 h4.modal-header-title {
     font-size: 1.5em;
     text-align: center;
     margin: 1rem 0 1em 0;
     font-weight: 500;
    00 */
}
 .btn.pop-login {
     border-radius: 50px;
     padding: 20px 0;
     background: #fd5332;
     border-color: #fd5332;
     margin-top: .6rem 
}
 .modal-divider {
     position: relative;
     margin: 20px 0;
     text-align: center 
}
 .modal-divider:before {
     content: ' ';
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     border-bottom: 1px solid #e1e5f2 
}
 .modal-divider span {
     position: relative;
     background: #fff;
     padding: 0 20px 
}
 .social-login ul {
     margin: 0;
     width: 100%;
     padding: 0;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap 
}
 .social-login ul li {
     display: inline-block;
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 50%;
     width: 50%;
     list-style: none;
     padding: 0 10px 
}
 .social-login ul li a.btn {
     width: 100%;
     border-radius: 5px;
     padding: 20px 0;
     color: #fff;
     background: #f4f5f7 
}
 .social-login ul li a.btn i {
     margin-right: 7px 
}
 .social-login ul li a.btn.connect-fb {
     background: #3b5998 
}
 .social-login ul li a.btn.connect-google {
     background: #ec4514 
}
 .social-login ul li a.btn.connect-linkedin {
     background: #0073b0 
}
 .social-login ul li a.btn.connect-twitter {
     background: #20a4ea 
}
 .signup .modal-dialog {
     max-width: 500px;
     z-index: +999999;
}
 .signup .form-group {
     margin-bottom: 1.5rem 
}
 .modal-dialog-centered .btn {
     font-weight: 600 
}
 span.mod-close {
     width: 35px;
     height: 35px;
     position: absolute;
     top: 15px;
     right: 15px;
     background: #fff;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     font-size: 13px;
     color: #fd5332;
     cursor: pointer;
     z-index: 1;
     box-shadow: 0 5px 24px rgba(31, 37, 59, .15);
     -webkit-box-shadow: 0 5px 24px rgba(31, 37, 59, .15) 
}
 .sides-widget {
     background-color: #fff;
     color: #707070;
     /* border-radius: 8px; */
     border: 1px solid #ebeef5;
     overflow: hidden;
     transition: .5s;
     margin-bottom: 30px;
}
 .sides-widget {
     margin-bottom: 30px 
}
 .sides-widget:last-child {
     margin-bottom: 0 
}
 .sides-widget-header {
     position: relative;
     display: flex;
     background: #7c6e41;
     padding: 1.5rem 1.4rem;
     color: #fff;
     align-items: center;
}
 .sides-widget-details {
     padding-left: 20px;
     display: block;
     position: relative 
}
 .sides-widget-body {
     padding: 1.5rem 1.4rem 
}
 .sides-widget-details h4 {
     margin-bottom: 2px;
     color: #fff!important 
}
 .sides-widget-details h4>a {
     color: #fff!important 
}
 .sides-widget-header .agent-photo {
     float: left;
     display: block 
}
 .sides-widget-header .agent-photo img {
     border-radius: 50%;
     max-width: 60px 
}
 .sides-widget-details span {
     color: #d8d8d8;
}
 .sides-widget-details span i {
     font-size: 18px;
     position: relative;
     top: 3px;
     color: #7c6e41;
     margin-right: 10px;
}
 .modal-dialog-centered .form-control, .simple-form .form-control {
     background: #e4e4e426;
     box-shadow: none;
     border: 1px solid #bfbfbf;
}
 .agency {
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
     background-color: #fff;
     display: block;
     border-radius: 8px;
     margin-bottom: 30px 
}
 .agency-list {
     padding: 0;
     display: flex;
     padding-right: 30px;
     margin-bottom: 30px 
}
 .agency-list .agency-avatar {
     flex: 1;
     padding: 1rem 
}
 .agency-list .agency-avatar img {
     margin: 0;
     border-radius: 8px;
     width: 100% 
}
 .agency-list .agency-content {
     padding: 0 40px;
     padding-top: 30px;
     padding-bottom: 20px;
     flex: 3 
}
 .agency-list .agency-name {
     padding-left: 0;
     margin-bottom: 5px 
}
 .agency-list .agency-desc {
     line-height: 1.7 
}
 .agency-list .agency-name h4 {
     margin-bottom: 5px 
}
 .agency-list .agency-name span {
     margin-top: 2px;
     font-size: 15px 
}
 .agency-list .agency-name span i {
     margin-right: 5px 
}
 .prt-detio span {
     padding: 5px 15px;
     display: inline-block;
     background: rgba(255, 87, 34, .1);
     border-radius: 50px;
     margin-bottom: 5px;
     font-size: 13px;
     color: #ff5722 
}
 .agency-detail-info {
     list-style: none;
     padding: 0;
     margin: 0;
     color: #909090;
     display: block;
     padding: 10px 0 
}
 .agency-detail-info li {
     position: relative;
     margin-left: 28px;
     line-height: 24px;
     padding: 3px 0;
     word-break: break-all 
}
 .agency-detail-info li i {
     font-size: 18px;
     position: relative;
     top: 5px;
     left: -28px;
     position: absolute 
}
 .agency-list .social-icons {
     left: 0;
     padding: 0;
     margin: 7px 0 0 0;
     float: none 
}
 .agency-list .social-icons li {
     display: inline-block;
     margin-right: 10px 
}
 .agency-list .social-icons li a {
     border: 1px solid #e7ebfb;
     background: #f0f3ff;
     height: 40px;
     width: 40px;
     border-radius: 50%;
     top: 0!important;
     justify-content: center;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     text-align: center;
     justify-content: center 
}
 .agency-list .social-icons li a i {
     height: auto;
     width: auto 
}
 .fs-listings, .listings-container {
     position: relative;
     z-index: 9 
}
 .list-layout .property-listing.property-1 .listing-detail-wrapper {
     padding: 1rem 1rem .5rem 
}
 .list-layout .property-listing.property-1 {
     display: flex;
     margin: 0 0 30px 0 
}
 .list-layout .price-features-wrapper {
     padding: .1rem 1rem .6rem 
}
 .prt-types {
     font-size: 12px;
     font-weight: 600;
     padding: 4px 12px;
     margin-top: 5px;
     border-radius: 50px;
     background: #efefef;
     display: inline-block 
}
 .list-layout .listing-detail-btn .more-btn {
     border-radius: 50px!important;
     padding: 6px 17px!important 
}
 .prt-types.sale {
     background: rgba(247, 68, 0, .1);
     color: #f74400 
}
 .prt-types.rent {
     background: rgba(136, 102, 218, .1);
     color: #8866da 
}
 .listing-locate {
     flex: 1 
}
 .list-layout .property-listing.property-1 .listing-img-wrapper {
     height: 0;
     min-height: 210px;
     flex: 2;
     overflow: hidden;
     border-radius: 3px 0 0 3px 
}
 .list-layout .property-listing.property-1 .listing-img-wrapper a {
     min-height: 210px 
}
 .list-layout .property-listing.property-1 .listing-name {
     font-size: 16px;
     margin-bottom: 0;
     line-height: 1.4 
}
 .list-layout .property-listing.property-1 .listing-img-wrapper img {
     height: 210px;
     object-fit: cover 
}
 .list-layout .property-listing.property-1 .listing-img-wrapper>a:before {
     background: 0 0 
}
 .list-layout .property-listing.property-1 .listing-content {
     flex: 3;
     position: relative 
}
 .list-layout .property-listing.property-1 .listing-footer-wrapper {
     padding: .9rem 1rem;
     border-top: 1px solid #e5e9ec;
     width: 100%;
     display: flex;
     vertical-align: middle;
     align-items: center;
     position: absolute;
     bottom: 0;
     width: 100%;
     right: 0;
     left: 0 
}
 .btn.btn-order-by-filt {
     background: 0 0;
     box-shadow: 0 0 6px 1px rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 6px 1px rgba(62, 28, 131, .1);
     color: #646e7b;
     padding: 9px 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     border: none;
     border-radius: 4px 
}
 .btn.btn-order-by-filt.light {
     background: #fff 
}
 .custom-drop .dropdown-menu {
     top: 34px!important;
     border: 1px solid #eceff3;
     right: 0!important;
     left: initial!important 
}
 .custom-drop .dropdown-menu a {
     display: block;
     padding: 5px 16px;
     color: #6e727d;
     transition: all .4s 
}
 .filter-fl {
     display: flex;
     margin-bottom: 1rem;
     flex-wrap: wrap;
     justify-content: end;
     align-items: center 
}
 .filter-fl h4 {
     flex: 1;
     margin: 0 
}
 .filter_search_opt a {
     /* background: rgb(245 245 245 / 35%); */
     width: 100%;
     display: flex;
     /* height: 54px; */
     /* margin-bottom: 20px; */
     border-radius: 4px;
     align-items: center;
     justify-content: center;
     color: #333333!important;
     border: 1px solid rgb(72 72 72 / 20%);
     padding: 7px 12px;
     margin-right: 10px;
}
 .filter_search_opt i {
     margin-left: 10px 
}
 .item-shorting-box {
     display: flex;
     align-items: center;
     margin-bottom: 1.5rem;
     width: 100%;
     width: 100% 
}
 .item-shorting {
     flex: 1 
}
 .shorting-by {
     display: inline-flex;
     width: 140px;
     /* margin-right: 15px */
}
 .item-shorting-box-right {
     display: flex;
     align-items: center 
}
 .shorting-list {
     display: block;
     padding: 0;
     margin: 0 
}
 .shorting-list li {
     list-style: none;
     display: inline-block;
     margin-right: 10px 
}
 .shorting-list li:last-child {
     margin-right: 0 
}
 .shorting-list li a {
     width: 56px;
     height: 56px;
     background: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     border: 1px solid #e1e9ec;
     transition: all ease .4s 
}
 .shorting-list li a.active, .shorting-list li a.focus, .shorting-list li a:hover {
     width: 56px;
     height: 56px;
     background: rgba(25, 206, 109, .1);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     border: 1px solid #19ce6d;
     color: #19ce6d 
}
 .shorting-by .select2-selection.select2-selection--single {
     padding-left: 15px;
     border-radius: 4px;
     border: 1px solid #e6eaf3 
}
 .page-sidebar {
     border-radius: .4rem;
     border: 1px solid #e6eaf1;
     background: #fff;
     padding: 25px;
     margin-bottom: 30px 
}
 .form-group.simple .form-control {
     margin: 0!important;
     box-shadow: none!important;
     background: #fff;
     border: 1px solid #e6eaf3;
     color: #707e9c;
     border-radius: 4px 
}
 .form-group.simple span.select2-selection.select2-selection--single {
     padding-left: 15px;
     border-radius: 4px;
     border: 1px solid #e6eaf3 
}
 .irs--flat .irs-line {
     top: 25px;
     height: 3px;
     background-color: #d9dfe8;
     border-radius: 50px 
}
 .irs--flat .irs-max, .irs--flat .irs-min {
     display: none 
}
 .irs--flat .irs-bar {
     top: 25px;
     height: 3px;
     background-color: #00b074 
}
 .irs--flat .irs-handle>i:first-child {
     position: absolute;
     display: block;
     top: -1px;
     left: 50%;
     width: 12px;
     height: 12px;
     margin-left: -3px;
     background-color: #fff;
     border-radius: 50%;
     cursor: pointer;
     border: 1px solid #00b074 
}
 .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {
     background-color: #00b074 
}
 .irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before {
     border-top-color: #00b074 
}
 .irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {
     background-color: #00b074 
}
 .blog-wrap-grid {
     width: 100%;
     background: #fff;
     border-radius: 6px;
     margin-top: 25px;
     position: relative;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
     -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) 
}
 .blog-thumb {
     padding: 10px;
     border-radius: 4px;
     overflow: hidden 
}
 .blog-thumb img {
     border-radius: 4px 
}
 .blog-info {
     padding: 10px 20px 
}
 .blog-info i {
     margin-right: 7px 
}
 .blog-body {
     padding: 5px 20px 30px 
}
 .bl-title {
     font-size: 19px;
     margin-bottom: 4px 
}
 .bl-continue {
     color: #fc5231;
     position: relative;
     font-family: Lora, serif;
     font-style: italic;
     font-size: 20px;
     margin-top: 12px;
     display: inline-block 
}
 a.bl-continue:before {
     content: "\ea4c";
     position: absolute;
     font-family: lineicons!important;
     right: -27px;
     top: 2px 
}
 .single-post-item {
     display: block;
     width: 100%;
     background: #fff;
     padding: 20px;
     border-radius: 6px;
     margin-bottom: 30px;
     border: 2px solid #e5e8f3 
}
 .post-featured-img {
     display: block;
     margin-bottom: 1.5rem 
}
 .post-featured-img img {
     border-radius: 6px 
}
 .single-post-item .post-details .meta-comment-tag {
     padding: 0;
     list-style: none 
}
 .single-post-item .post-details .meta-comment-tag li {
     display: inline-block;
     margin-right: 19px 
}
 .single-post-item .post-details .meta-comment-tag li a {
     color: #6e7c90;
     display: block;
     letter-spacing: 0;
     line-height: 18px 
}
 .single-post-item .post-details .meta-comment-tag li a .icons {
     margin-right: 10px 
}
 .single-post-item .post-details .post-title {
     display: block;
     font-weight: 700;
     font-size: 30px;
     line-height: 1.4;
     margin: 15px 0 0 
}
 .single-post-item .post-details .text, .single-post-item .post-details p {
     color: #6e7c90;
     font-size: 16px;
     margin: 25px 0 0 
}
 .blog-page .blog-details blockquote {
     background: #f7f9fc;
     padding: 28px 28px 28px 100px;
     margin: 50px 0;
     position: relative 
}
 .blog-page .blog-details blockquote .icon {
     color: #fd5332;
     position: absolute;
     font-size: 28px;
     line-height: 28px;
     left: 35px;
     top: 42% 
}
 .blog-page .blog-details blockquote .name {
     color: #000c35;
     margin: 12px 0 0 
}
 .blog-page .blog-details .post-bottom-meta {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 43px 0 0 
}
 .blog-page .blog-details .post-bottom-meta .post-tags {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 50%;
     flex: 1 1 50% 
}
 .blog-page .blog-details .post-bottom-meta .post-tags .pbm-title {
     font-size: 18px;
     line-height: 22px;
     margin: 0 0 20px 
}
 .blog-page .blog-details .post-bottom-meta .post-tags .list {
     padding: 0;
     list-style: none 
}
 .blog-page .blog-details .post-bottom-meta .post-tags .list li {
     display: inline-block;
     margin-bottom: 10px 
}
 .blog-page .blog-details .post-bottom-meta .post-tags .list li a {
     border: 1px solid #e4e4e6;
     letter-spacing: 0;
     display: block;
     padding: 9px 20px 
}
 .blog-page .blog-details .post-bottom-meta .post-tags .list li a:hover {
     color: #fff;
     background: #fd5332;
     border-color: #fd5332 
}
 .blog-page .blog-details .post-bottom-meta .post-share .list {
     padding: 0;
     list-style: none 
}
 .blog-page .blog-details .post-bottom-meta .post-share .list li {
     display: inline-block;
     margin-right: 22px 
}
 .blog-page .blog-details .post-bottom-meta .post-share .list li:last-child {
     margin-right: 0 
}
 .blog-page .blog-details .post-bottom-meta .post-share {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 50%;
     flex: 1 1 50%;
     text-align: right 
}
 .blog-page .blog-details .post-bottom-meta .post-share .pbm-title {
     font-size: 18px 
}
 .blog-page .blog-details .post-bottom-meta .post-share .list li a {
     color: #8c96b5;
     display: block;
     font-size: 16px;
     line-height: 22px 
}
 .blog-page .blog-details .post-bottom-meta .post-share .list li a:hover {
     color: #ef4060 
}
 .single-post-pagination {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     position: relative;
     border-top: 1px solid #e4e4e6;
     padding: 48px 0 0;
     margin: 40px 0 0 
}
 .single-post-pagination .prev-post {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 50%;
     flex: 1 1 50% 
}
 .single-post-pagination .next-post {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 50%;
     flex: 1 1 50%;
     text-align: right 
}
 .single-post-pagination .next-post .title, .single-post-pagination .prev-post .title {
     font-size: 20px 
}
 .single-post-pagination .post-pagination-center-grid {
     position: absolute;
     left: 50%;
     top: 60%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%) 
}
 .single-post-pagination .post-pagination-center-grid a {
     font-size: 2.5rem;
     color: #fd5332 
}
 .single-post-pagination .prev-post a {
     display: block;
     overflow: hidden 
}
 .single-post-pagination .prev-post a .title-with-link .intro {
     color: #6e7c90;
     font-size: 14px;
     line-height: 18px;
     letter-spacing: 1;
     font-weight: 500;
     display: block;
     text-transform: uppercase;
     margin: 0 0 9px 
}
 .single-post-pagination .prev-post a .title-with-link .title {
     color: #000c35;
     line-height: 28px 
}
 .blog-page .blog-details .comment-area .all-comments .comments-title {
     font-size: 26px;
     line-height: 30px;
     margin: 0 0 35px 
}
 .blog-page .blog-details .comment-area .all-comments .comment-list ul {
     padding: 0;
     list-style: none 
}
 .blog-page .blog-details .comment-area .all-comments article {
     overflow: hidden;
     margin: 0 0 50px 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-author {
     float: left;
     width: 100px 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-author img {
     max-width: 100px;
     border-radius: 50% 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details {
     overflow: hidden;
     padding-left: 30px 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 70%;
     flex: 1 1 70% 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta .author-name {
     font-size: 18px;
     line-height: 28px;
     margin-bottom: 2px 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta .author-name .selected {
     font-size: 12px;
     color: #cacfef;
     margin-left: 4px 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta .comment-date {
     color: #ef4060;
     text-transform: uppercase;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0;
     font-weight: 500;
     margin: 7px 0 0 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta .comment-reply {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 30%;
     flex: 1 1 30%;
     text-align: right 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta .comment-reply .reply {
     color: #6e7c90;
     font-size: 14px;
     letter-spacing: 0;
     line-height: 18px 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta .comment-reply .reply .icon {
     margin-right: 8px 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-text {
     margin: 19px 0 0 
}
 .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-text p {
     margin: 0 
}
 .blog-page .blog-details .comment-area .all-comments .comment-list ul li ul {
     padding-left: 40px;
     list-style: none 
}
 .posts-author {
     text-align: center 
}
 .posts-author span.img {
     width: 120px;
     overflow: hidden;
     border-radius: 50%;
     height: 120px;
     border: 4px solid #e4eaf3;
     display: table;
     margin: 0 auto 1rem auto 
}
 span.img img {
     border-radius: 50%;
     max-width: 120px 
}
 h3.pa-name {
     font-size: 18px;
     margin-bottom: 5px 
}
 .social-links {
     padding: 0;
     margin: 0 0 1rem 0 
}
 .social-links {
     padding: 0;
     margin: 0 0 1rem 0 
}
 .social-links li {
     display: inline-block;
     padding: 2px 10px 
}
 .social-links li a {
     color: #8c96b5;
     font-size: 16px 
}
 .social-links li a:focus, .social-links li a:hover {
     color: #fd5332 
}
 .single-widgets {
     border: 2px solid #e5e8f3;
     padding: 30px 28px 35px;
     background: #fff;
     margin: 0 0 40px;
     border-radius: 6px 
}
 .single-widgets.widget_search form {
     position: relative 
}
 .single-widgets.widget_search form input[type=search] {
     border-radius: 4px;
     border: 1px solid #ebedf5;
     background: #f9fafc;
     font-size: 12px;
     padding: 10px 70px 10px 30px;
     height: 60px;
     width: 100% 
}
 .single-widgets.widget_search form button {
     position: absolute;
     right: 5px;
     top: 5px;
     bottom: 0;
     cursor: pointer;
     border-radius: 4px;
     background: #fd5332;
     color: #fff;
     border: 0;
     font-size: 14px;
     line-height: 50px;
     height: 50px;
     width: 52px 
}
 .single-widgets.widget_category ul {
     padding: 0;
     list-style: none 
}
 .single-widgets.widget_category ul li {
     display: block;
     border-bottom: 1px solid #eaeaea;
     padding: 11px 0 
}
 .single-widgets.widget_category ul li:first-child {
     border-top: none 
}
 .single-widgets.widget_categories ul li a {
     display: block;
     overflow: hidden;
     letter-spacing: 0;
     text-transform: capitalize;
     font-size: 14px;
     line-height: 24px 
}
 .single-widgets.widget_category ul li a span {
     float: right 
}
 .single-widgets.widget_thumb_post ul {
     padding: 0;
     list-style: none 
}
 .single-widgets.widget_thumb_post ul li {
     display: block;
     overflow: hidden;
     margin: 0 0 15px 
}
 .single-widgets.widget_thumb_post ul li .left {
     display: block;
     float: left;
     width: 80px 
}
 .single-widgets.widget_thumb_post ul li .right {
     display: block;
     overflow: hidden 
}
 .single-widgets.widget_thumb_post ul li .right .feed-title {
     display: block;
     overflow: hidden;
     letter-spacing: 0;
     font-weight: 700;
     font-size: 17px;
     line-height: 22px;
     margin: 0 0 7px;
     padding-left: 20px 
}
 .single-widgets.widget_thumb_post ul li .right .post-date {
     color: #6e7c90;
     display: block;
     overflow: hidden;
     letter-spacing: 0;
     font-size: 14px;
     line-height: 18px;
     padding-left: 20px 
}
 .single-widgets.widget_thumb_post ul li .right .post-date i {
     margin-right: 5px 
}
 .single-widgets.widget_thumb_post ul li .left img {
     width: 100%;
     border-radius: 3px 
}
 .single-widgets.widget_tags ul {
     padding: 0;
     list-style: none 
}
 .single-widgets.widget_tags ul li {
     display: inline-block;
     margin-bottom: 5px 
}
 .single-widgets.widget_tags ul li a {
     border: 1px solid #eaeaea;
     letter-spacing: 0;
     font-size: 14px;
     display: block;
     padding: 9px 25px 
}
 .single-widgets.widget_tags ul li a:focus, .single-widgets.widget_tags ul li a:hover {
     color: #fff;
     background: #fd5332;
     border-color: #fd5332 
}
 .testimonial-wrap {
     padding: 30px 25px;
     background: #fff;
     border-radius: 8px;
     position: relative;
     border: 1px solid #e5e9ec 
}
 .client-thumb-box {
     display: table;
     width: 100% 
}
 .client-thumb-content {
     display: flex;
     width: 100%;
     margin-bottom: 20px;
     align-items: center 
}
 .client-thumb {
     position: relative;
     max-width: 80px;
     margin-right: 20px;
     border-radius: 50%;
     border: 5px solid rgba(45, 45, 45, .1);
     padding: 5px;
     float: left 
}
 .client-info h5 {
     color: #3151b7;
     font-size: 16px 
}
 .client-info .small-font {
     font-size: 13px 
}
 .testimonial-wrap p {
     line-height: 1.8;
     font-size: 15px 
}
 .smart-tes-author {
     text-align: left;
     padding: 0 0 1.2rem;
     display: inline-block;
     width: 100% 
}
 .smart-center {
     text-align: center 
}
 .smart-textimonials.smart-light {
     color: #fff 
}
 .smart-textimonials .item {
     padding: 0 15px 
}
 .smart-textimonials .item-box {
     background: #fff;
     border-radius: 8px;
     padding: 2rem 1.2rem 
}
 .st-author-thumb {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     position: relative 
}
 .smart-tes-content p {
     font-size: 15px 
}
 .st-author-thumb .quotes {
     position: absolute;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     right: -5px;
     bottom: -8px;
     color: #fff 
}
 .st-author-thumb img {
     border-radius: 50% 
}
 .smart-light .st-author-thumb, .st-author-thumb.light {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
     -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
     float: left 
}
 .st-author-info {
     display: inline-block;
     margin-left: 0;
     margin-top: 1rem;
}
 .smart-textimonials.smart-light .st-author-title {
     color: #fff 
}
 .st-author-info .st-author-title {
     margin: 0;
     font-size: 16px;
     line-height: 1 
}
 .st-author-info .st-author-subtitle {
     font-family: Lora, serif;
     font-style: italic;
     font-size: 12px 
}
 .st-author-box {
     display: flex;
     flex-wrap: wrap;
     align-items: center 
}
 .smart-center .st-author-box {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center 
}
 .pricing-wrap {
     text-align: center;
     width: 100%;
     background: #fff;
     border-radius: .5rem;
     margin-top: 25px;
     position: relative;
     padding: 7px;
     border: 1px solid #eaecf1 
}
 .pricing-header {
     padding: 2em 0 2em;
     width: 100%;
     background: #eee;
     border-radius: 5px 
}
 .basic-pr .pricing-header {
     background: rgba(253, 83, 50, .1) 
}
 .platinum-pr .pricing-header {
     background: rgba(39, 183, 55, .1) 
}
 .standard-pr .pricing-header {
     background: rgba(3, 169, 244, .1) 
}
 .pricing-header .pr-title {
     text-transform: uppercase;
     font-size: 18px;
     margin: 0 0 5px 0;
     font-weight: 700 
}
 .basic-pr .pricing-header .pr-value {
     color: #fd5332 
}
 .platinum-pr .pricing-header .pr-value {
     color: #27b737 
}
 .standard-pr .pricing-header .pr-value {
     color: #03a9f4 
}
 .pricing-header .pr-subtitle {
     font-family: Lora, serif;
     font-style: italic;
     font-size: 16px;
     letter-spacing: 1px 
}
 .pricing-value {
     position: relative;
     display: table;
     margin: 2rem auto;
     text-align: center 
}
 .pr-value {
     font-size: 4em;
     position: relative;
     line-height: 1;
     margin-bottom: 0 
}
 .pr-value sup {
     font-size: 1.5rem;
     vertical-align: super 
}
 .recommended .pr-value {
     color: #27cc8f!important 
}
 .pricing-body ul {
     text-align: left;
     margin: 0;
     padding: 0 
}
 .pricing-body ul li {
     list-style: none;
     padding: 14px 15px;
     position: relative;
     border-bottom: 1px dashed #e1e4ec 
}
 .pricing-body ul li:last-child {
     border-bottom: none 
}
 .pricing-body ul li:before {
     content: "\e64c";
     position: absolute;
     right: 20px;
     width: 15px;
     height: 15px;
     border-radius: 50%;
     background: #e9ebf3;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-family: themify;
     font-size: 7px;
     top: 19px 
}
 .pricing-body ul li.available:before {
     background: rgba(0, 212, 202, .2);
     color: #0cbfb7 
}
 .pricing-bottom {
     display: table;
     width: 100%;
     margin: 0 auto;
     text-align: center;
     padding: 2rem 0 
}
 .pricing-bottom .btn-pricing {
     position: relative;
     display: table;
     text-align: center;
     margin: 0 auto;
     padding: 16px 50px;
     background: 0 0!important;
     border-radius: 4px;
     color: #08184b!important;
     transition: all ease .4s;
     width: 80%;
     border: 2px solid #d0d6e6!important;
     font-weight: 600 
}
 .pricing-bottom .btn-pricing:focus, .pricing-bottom .btn-pricing:hover, .recommended .pricing-bottom .btn-pricing {
     background: rgba(15, 202, 152, .2)!important;
     border-color: rgba(15, 202, 152, .3)!important;
     color: #0fca98!important 
}
 .slick-next {
     right: 35px;
}
 .slick-prev {
     left: 15px;
     z-index: 1;
}
 .slick-arrow:before {
     top: 0;
     width: 40px;
     height: 40px;
     display: inline-block;
     line-height: 40px;
     background: rgb(255 255 255);
     font-size: 12px;
     color: #000;
     cursor: pointer;
     border-radius: 4px;
     box-shadow: 0 5px 24px rgb(33 33 33 / 0%);
     transition: .2s;
}
 .dashboard-navbar {
     position: relative;
     width: 100%;
     padding: 0;
     background: #fff;
     border-radius: 10px 
}
 .dashboard-navbar {
     box-shadow: none 
}
 .dashboard .sm-sidebar {
     padding: .6rem 0 
}
 .dashboard-wraper, .submit-page {
     position: relative;
     width: 100%;
     padding: 2em;
     background: #fff;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     border-radius: 10px 
}
 .d-user-avater {
     text-align: center;
     margin: 2em 0 
}
 .d-user-avater img {
     max-width: 180px;
     border-radius: 50%;
     margin-bottom: 8px 
}
 .d-user-avater h4 {
     margin: 10px 0 3px 0;
     font-size: 19px 
}
 .d-navigation ul {
     padding: 0;
     margin: 0 
}
 .d-navigation ul li {
     list-style: none;
     padding: 10px 15px;
     border-bottom: 1px solid #edf0f7 
}
 .d-navigation ul li:last-child {
     padding-bottom: 0;
     border-bottom: none 
}
 .d-navigation ul li.active {
     background: rgba(15, 202, 152, .2)!important 
}
 .d-navigation ul li.active a {
     color: #0fca98!important 
}
 .d-navigation ul li a {
     padding: 3px 0;
     color: #455892;
     font-size: 15px;
     display: inline-block;
     font-weight: 600;
     font-family: Jost, sans-serif 
}
 .d-navigation ul li a i {
     margin-right: 10px 
}
 table.property-table-wrap {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     border: none 
}
 table.property-table-wrap th {
     border: none;
     background-color: #66676b;
     text-align: left;
     padding: 18px 20px;
     color: #fff;
     font-weight: 500;
     font-size: 16px;
     position: relative;
     z-index: 9;
     line-height: 1 
}
 table.property-table-wrap th:first-child {
     width: 50%;
     border-radius: 3px 0 0 3px 
}
 table.property-table-wrap th:last-child {
     border-radius: 0 3px 3px 0 
}
 table.property-table-wrap th i {
     margin-right: 3px;
     font-size: 14px 
}
 table.property-table-wrap th {
     background: #2e3d5f 
}
 table.property-table-wrap td {
     padding: 35px 20px;
     vertical-align: middle;
     border-bottom: 1px solid #e4e4e4 
}
 table.property-table-wrap .property-container {
     display: flex;
     flex-wrap: wrap;
     align-items: center 
}
 table.property-table-wrap td:first-child {
     padding-left: 0;
     line-height: 25px 
}
 table.property-table-wrap .property-container img {
     width: 150px;
     border-radius: 3px;
     flex: 1.1;
     margin-right: 26px 
}
 table.property-table-wrap .property-container .title {
     flex: 2 
}
 table.property-table-wrap .property-container .title h4 {
     margin-bottom: 0;
     margin-top: 2px;
     display: block;
     font-size: 16px 
}
 table.property-table-wrap td.action a {
     display: block;
     color: #677994;
     line-height: 20px;
     padding: 3px 0;
     position: relative;
     margin-left: 21px 
}
 table.property-table-wrap td.action a i {
     width: 30px;
     height: 30px;
     line-height: 30px;
     background: #f1f3f7;
     text-align: center;
     display: inline-block;
     border-radius: 3px 
}
 .bkmark a.delete {
     float: right 
}
 table.property-table-wrap .property-container .title span {
     display: block 
}
 table.property-table-wrap .property-container .title .table-property-price {
     display: inline-block;
     background: #f1f3f7;
     color: #677994;
     border-radius: 2px;
     font-size: 13px;
     margin-top: 9px;
     padding: 2px 10px 
}
 .call-to-act-wrap {
     padding: 50px 0 
}
 .call-to-act {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     color: #fff;
     align-items: center 
}
 .call-to-act-head {
     flex: 1 
}
 .call-to-act h3 {
     color: #fff;
     margin-bottom: 5px 
}
 .btn.btn-call-to-act {
     background: #fff;
     padding: 18px 40px;
     border-radius: 50px;
     color: #333640;
     font-weight: 600;
     box-shadow: 0 0 0 5px rgba(255, 255, 255, .2);
     -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .2) 
}
 footer {
     z-index: 99;
     position: relative 
}
 footer.dark-footer {
     background: #1d1d1d;
}
 .footer-logo {
     padding: 20px 0;
     display: inline-block;
     width: 100%;
     border-top: 1px solid #eaeef3;
     border-bottom: 1px solid #eaeef3 
}
 footer.footer-small {
     padding: 50px 0 0 0 
}
 img.img-footer {
     max-width: 180px;
     margin-bottom: 2rem 
}
 .ft-itext {
     font-weight: 500;
     font-size: 16px;
     text-align: center!important;
     margin: 10px 
}
 .ft-itext i {
     margin-right: 5px 
}
 ul.social {
     margin: 0;
     padding: 0 
}
 ul.social li {
     display: inline-block;
     list-style: none;
     margin: 5px 
}
 ul.social li a {
     width: 40px;
     height: 40px;
     display: inline-block;
     background: #fff;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 12px 0 rgba(71, 119, 244, .2);
     box-shadow: 0 0 12px 0 rgba(71, 119, 244, .2);
     line-height: 40px;
     text-align: center 
}
 .footer-add {
     color: #909090;
     font-size: 13px;
}
 .ft-copyright {
     border-top: 1px solid #eaeef3;
     padding: 15px 0 12px 0 
}
 .ft-copyright p {
     margin-bottom: 0 
}
 .footer-logo img {
     max-width: 185px 
}
 .footer-widget {
     padding: 70px 0 20px;
}
 h4.widget-title {
     margin-bottom: 20px;
     font-weight: 500;
     font-size: 17px 
}
 .footer-widget ul {
     padding: 0;
     margin: 0 
}
 .footer-widget ul li {
     list-style: none;
     margin-top: 15px;
     display: block 
}
 .footer-widget ul li a {
     color: #626a70 
}
 footer.skin-dark-footer h4 {
     color: #fff 
}
 footer.skin-dark-footer, footer.skin-dark-footer .footer-widget ul li a, footer.skin-dark-footer a {
     color: #868686;
     transition: all ease .4s;
     font-size: 14px;
}
 footer.skin-dark-footer .footer-widget ul li a:focus, footer.skin-dark-footer .footer-widget ul li a:hover {
     color: #fff 
}
 .widget_media_image {
     margin-top: 3rem 
}
 .footer-bottom {
     padding: 20px 0;
     border-top: 1px solid #e9edf3 
}
 .skin-dark-footer .footer-bottom {
     background: #060606;
     border-top: none;
}
 ul.footer-bottom-social {
     margin: 0;
     padding: 0 
}
 ul.footer-bottom-social li {
     display: inline-block;
     list-style: none;
     margin-right: 17px;
     margin-top: 0 
}
 ul.footer-bottom-social li a {
     color: #546e7a 
}
 ul.footer-bottom-social li a:focus, ul.footer-bottom-social li a:hover {
     color: #007bff 
}
 ul.footer-bottom-social li i {
     margin-right: 5px 
}
 footer.skin-dark-footer ul.footer-bottom-social li a {
     color: #858b9f;
     font-size: 14px 
}
 footer.skin-dark-footer ul.footer-bottom-social li a:focus, footer.skin-dark-footer ul.footer-bottom-social li a:hover {
     color: #fff;
     opacity: 1 
}
 .fw {
     margin-bottom: 18px;
     display: inline-block;
     position: relative;
     padding-left: 28px;
     width: 100% 
}
 .fw:last-child {
     margin: 0 
}
 .fw:before {
     font-family: themify;
     vertical-align: initial;
     font-size: 20px;
     position: absolute;
     left: 0;
     top: 0 
}
 .fw.fw-location:before {
     content: "\e693" 
}
 .fw.fw-mail:before {
     content: "\e75a" 
}
 .fw.fw-call:before {
     content: "\e621" 
}
 .fw.fw-skype:before {
     content: "\e72d" 
}
 .fw.fw-web:before {
     content: "\e665" 
}
 .other-store-link {
     width: auto;
     margin-bottom: 20px;
     display: inline-block 
}
 .other-store-link:last-child {
     margin-bottom: 0 
}
 .other-store-app {
     width: 250px;
     height: 70px;
     border: 1px solid #353d56;
     border-radius: 4px;
     padding: 0 14px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     color: #fff 
}
 .os-app-caps span {
     display: block;
     font-size: 13px;
     font-weight: 400;
     color: #858b9f 
}
 .os-app-icon {
     margin-right: 13px 
}
 .os-app-icon i {
     font-size: 32px 
}
 .os-app-caps {
     font-size: 18px;
     font-weight: 600 
}
 .f-newsletter {
     max-width: 510px;
     margin-top: 15px;
     display: block;
     position: relative 
}
 .f-newsletter .form-control {
     width: 100%;
     font-size: 16px;
     font-weight: 400;
     color: #7f8ca2;
     background-color: transparent;
     border: 2px solid #a5aebf;
     padding: 18px 20px 18px;
     border-radius: 3px;
     height: 60px 
}
 .skin-dark-footer .f-newsletter .form-control {
     border: 2px solid #9ea6ba 
}
 .f-newsletter .btn {
     bottom: 4px;
     position: absolute;
     right: 4px;
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 1px;
     padding: 18px 12px 14px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     white-space: normal;
     width: auto;
     border-width: 0;
     color: #9ea6ba;
     cursor: pointer;
     border-radius: 2px;
     height: 52px;
     background: 0 0 
}
 .skin-dark-footer .form-control::-webkit-input-placeholder {
     color: #9ea6ba 
}
 .skin-dark-footer .form-control:-ms-input-placeholder {
     color: #9ea6ba 
}
 .skin-dark-footer .form-control::placeholder {
     color: #9ea6ba 
}
 .slick-dots li button:before {
     font-family: slick;
     font-size: 18px;
     line-height: 16px;
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     height: 16px;
     content: '';
     text-align: center;
     opacity: .3;
     color: #26345f;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     background: rgba(1, 41, 91, .1);
     border-radius: 50%
}
.slick-dots li.slick-active button:before {
     opacity: 1;
     color: #626e80;
     line-height: 18px;
     content: "";
     font-size: 7px
}
.team-grid {
     background: #fff;
     position: relative;
     display: block;
     border-radius: 10px;
     overflow: hidden;
     padding: 3em 0;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1)
}
 .teamgrid-user {
     max-width: 120px;
     border-radius: 50%;
     overflow: hidden;
     margin: 0 auto 
}
 .teamgrid-content {
     padding: 15px 0;
     text-align: center 
}
 .teamgrid-content h4 {
     margin: 0 
}
 .teamgrid-social ul {
     text-align: center;
     margin: 0;
     padding: 0 
}
 .teamgrid-social ul li {
     display: inline-block;
     list-style: none;
     padding: 0 10px 
}
 .f-cl {
     color: #1943d0 
}
 .t-cl {
     color: #12b0e8 
}
 .i-cl {
     color: #d62ba4 
}
 .l-cl {
     color: #0c9a9e 
}
 .g-cl {
     color: #f53500 
}
 .p-cl {
     color: #d21818 
}
 .icon-mi-left {
     display: flex;
     position: relative;
     margin-top: 20px;
     overflow: hidden;
     justify-content: center;
     align-items: center;
     background: #fff;
     border-radius: 6px;
     padding: 1.2em 2em;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .icon-mi-left i {
     font-size: 55px;
     color: #333;
     text-align: left;
     position: relative;
     top: 5px;
     left: 0;
     line-height: 55px 
}
 .icon-mi-left .icon-mi-left-content {
     padding: 10px 0 0 15px 
}
 .icon-mi-left h4 {
     text-align: left;
     margin-bottom: 5px;
     font-size: 20px;
     font-weight: 600 
}
 .icon-mi-left p {
     line-height: 1.7 
}
 .faq-search form {
     position: relative;
     max-width: 610px;
     margin: 1.5rem auto 
}
 .faq-search form input {
     padding-left: 30px!important;
     height: 60px;
     border: none;
     border-radius: 4px;
     padding-right: 50px!important 
}
 .faq-search form button[type=submit] {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 50px;
     line-height: 63px;
     right: 0;
     color: #0050b4;
     font-size: 18px;
     border: 0;
     cursor: pointer;
     background-color: transparent 
}
 .ac-para {
     line-height: 1.8 
}
 .contact-box {
     border-radius: 10px;
     overflow: hidden;
     padding: 2.5em 2em;
     margin-bottom: 30px;
     text-align: center;
     background: #fff;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .contact-box i {
     font-size: 3em;
     display: table;
     margin: 0 auto 1rem auto 
}
 .contact-box h4 {
     font-size: 18px;
     margin-bottom: 3px 
}
 .contact-box p {
     margin-bottom: .3rem 
}
 .contact-box .live-chat {
     background: rgba(25, 189, 88, .1);
     color: #19bd58;
     border: none;
     border-radius: 2px;
     padding: 4px 12px;
     cursor: pointer;
     outline: 0;
     display: table;
     margin: 5px auto 0 auto 
}
 .pay-wrap {
     border-radius: 10px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .pay-wrap-header {
     width: 100%;
     padding: 12px 25px;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     border-bottom: 1px solid #e7eaf1 
}
 .pay-wrap-header h4 {
     flex: 1;
     margin: 0;
     font-size: 20px;
     font-weight: 500 
}
 .pw-right h3 {
     color: red;
     margin: 0 
}
 .pw-right h3 sub {
     font-size: 15px;
     font-weight: 500;
     color: #767a8a 
}
 .pw-first-content {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center 
}
 .pw-first-content h4 {
     flex: 1;
     margin-bottom: 0;
     font-size: 18px;
     font-weight: 600 
}
 .pw-first-content {
     padding: 10px 25px 
}
 .pay-wrap button, .pay-wrap button:focus, .pay-wrap button:hover {
     background: rgba(25, 189, 88, .1);
     color: #19bd58;
     border: none;
     border-radius: 2px;
     padding: 4px 12px;
     cursor: pointer;
     outline: 0 
}
 #change-plan {
     padding: 10px 25px;
     position: relative 
}
 .pw-content-detail {
     padding: 10px 25px;
     width: 100%;
     position: relative 
}
 .pw-content-detail ul {
     position: relative;
     padding: 0;
     margin: 0 
}
 .pw-content-detail ul li {
     position: relative;
     display: block;
     margin-bottom: 10px;
     list-style: none;
     padding-left: 30px 
}
 .pw-btn-wrap {
     padding: 10px 25px 25px;
     width: 100%;
     position: relative 
}
 .btn.btn-payment {
     background: #fff;
     color: #19bd58;
     text-align: center;
     width: 100%;
     border: 2px solid #19bd58;
     font-size: 17px;
     border-radius: 4px 
}
 .pw-content-detail ul li:before {
     content: "\e64c";
     font-family: themify;
     font-size: 10px;
     width: 20px;
     height: 20px;
     background: rgba(25, 189, 88, .1);
     display: flex;
     position: absolute;
     border-radius: 50%;
     justify-content: center;
     align-items: center;
     color: #19bd58;
     top: 0;
     left: 0 
}
 .product-wrap {
     border-radius: 10px;
     overflow: hidden;
     padding: 2em 1rem;
     margin-bottom: 30px;
     background: #fff;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .product-wrap ul {
     padding: 0;
     margin: 0 
}
 .product-wrap ul li {
     display: flex;
     padding: 14px 0;
     border-bottom: 1px dashed #dadde8;
     flex-wrap: wrap 
}
 .product-wrap ul li strong {
     flex: 1 
}
 form.dropzone.dz-clickable.primary-dropzone {
     background: #f9fafc;
     border: 1px solid #ebedf5 
}
 .alert-success {
     color: #27b737;
     background-color: #e9ffeb;
     border-color: #e9ffeb 
}
 .block-header.ags {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     width: 100%;
     padding-bottom: 1rem 
}
 .block-header.ags .block-title {
     flex: 1;
     margin: 0;
     line-height: 0 
}
 .btn.btn-agent-add {
     background: #00ba74;
     border-radius: 4px;
     color: #fff!important 
}
 form.dropzone.profile-logo.dz-clickable {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 120px;
     font-size: 49px 
}
 .form-submit.middle-logo {
     text-align: center;
     display: table;
     margin: 1rem auto 
}
 .checkout-wrap {
     padding: 2rem 0;
     background: #fff;
     border-radius: 4px;
     margin-bottom: 30px;
     border: 1px solid #eef2f7 
}
 .checkout-side {
     padding: 2rem 0 0;
     background: #fff;
     border-radius: 4px;
     margin-bottom: 30px;
     border: 1px solid #eef2f7 
}
 .invoice-vew-detail {
     padding: 2rem 1rem;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #eef2f7 
}
 .checkout-head {
     padding-bottom: 2rem;
     border-bottom: 1px solid #e7eaec 
}
 .checkout-body {
     padding: 2rem 2rem 0 
}
 .checkout-head ul {
     display: flex;
     width: 100%;
     align-items: center 
}
 .checkout-head ul li {
     width: 33.333333%;
     flex: 0 0 33.333333%;
     list-style: none;
     text-align: center 
}
 .checkout-head ul li span {
     display: table;
     background: #fff;
     width: 30px;
     height: 30px;
     margin: 5px auto;
     border-radius: 50%;
     line-height: 30px;
     color: #ff5722;
     box-shadow: 0 0 0 4px rgba(210, 204, 201, .4);
     font-size: 12px 
}
 .checkout-head ul li.active span {
     background: #1bc193;
     color: #fff;
     box-shadow: 0 0 0 4px rgba(76, 220, 173, .4) 
}
 .success-message {
     text-align: center 
}
 span.thumb-check {
     color: #fff;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     background: #1bc193;
     display: table;
     margin: 5px auto 20px;
     line-height: 80px;
     font-size: 28px;
     box-shadow: 0 0 0 4px rgba(76, 220, 173, .4) 
}
 ul.booking-detail-list {
     margin: 0;
     padding: 0 
}
 ul.booking-detail-list li {
     display: block;
     margin-bottom: 13px;
     width: 100% 
}
 ul.booking-detail-list li span {
     float: right 
}
 .booking-short {
     padding: 0 1rem 1rem 
}
 .booking-short img {
     margin-bottom: .5rem;
     border-radius: 4px 
}
 .booking-short h4 {
     font-size: 15px;
     margin-bottom: 0 
}
 .card-header {
     background: #fff;
     border: none;
     border-top: 1px solid #e9edf3;
     border-radius: 0 
}
 #accordionExample {
     border-radius: 0;
     border: none 
}
 .accordion .btn-link {
     padding: 3px 0;
     font-size: 13px;
     color: #333c56;
     font-size: 15px;
     font-weight: 600 
}
 .booking-bio ul {
     padding: 0;
     margin: 0 
}
 .booking-bio ul li {
     margin-bottom: 12px;
     list-style: none 
}
 .booking-bio ul li strong {
     display: block 
}
 .invoice-vew-detail h4 {
     margin-bottom: 15px;
     position: relative;
     padding-bottom: 10px;
     font-size: 16px 
}
 .invoice-vew-detail h4:before {
     content: "";
     position: absolute;
     width: 60px;
     height: 2px;
     background: #ff5722;
     left: 0;
     bottom: 0 
}
 .dashboard-stat {
     display: inline-block;
     padding: 0;
     height: 160px;
     background-color: #444;
     color: #fff;
     border-radius: 4px;
     width: 100%;
     position: relative;
     margin-bottom: 20px;
     overflow: hidden;
     transition: .3s;
     cursor: default 
}
 .dashboard-stat-content {
     position: absolute;
     left: 32px;
     top: 50%;
     transform: translateY(-50%) 
}
 .dashboard-stat-content h4 {
     font-size: 42px;
     font-weight: 600;
     padding: 0;
     margin: 0;
     color: #fff;
     letter-spacing: 1px 
}
 .dashboard-stat-content span {
     font-size: 18px;
     margin-top: 4px;
     line-height: 24px;
     font-weight: 300;
     display: inline-block 
}
 .dashboard-stat-icon {
     position: absolute;
     right: 32px;
     top: 50%;
     transform: translateY(-40%);
     font-size: 80px;
     opacity: .2 
}
 .dashboard-stat-icon {
     font-size: 65px 
}
 .dashboard-stat.widget-1 {
     background: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .1));
     background-color: #1baf65 
}
 .dashboard-stat.widget-2 {
     background: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .1));
     background-color: #f39f00 
}
 .dashboard-stat.widget-3 {
     background: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .1));
     background-color: #002758 
}
 .dashboard-stat.widget-4 {
     background: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .1));
     background-color: #ce024b 
}
 .dashboard-stat.widget-5 {
     background: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .1));
     background-color: #a671ce 
}
 .dashboard-stat.widget-6 {
     background: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .1));
     background-color: #3a9dec 
}
 body #Packages {
     background: #fff!important;
     display: inline-block;
     width: 100%;
     padding: 5px 0;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
     border-radius: 4px;
     margin: 10px 0 
}
 .btn.btn-link.collapsed, .btn.btn-link:focus {
     text-decoration: none!important 
}
 #extraPackages {
     padding: 2rem 1.5rem;
     border-radius: 4px;
     margin-bottom: 25px;
     box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1) 
}
 .package-box {
     padding: 1rem 0 0;
     border: 1px solid #e8eaf1;
     border-radius: 4px;
     text-align: center 
}
 ul.packages-lists-list {
     padding: 0 1rem 1rem;
     margin: 0 
}
 ul.packages-lists-list li {
     list-style: none;
     padding: 5px 0 
}
 .buypackage {
     background: #f4f5f7;
     padding: 1rem 1rem;
     border-top: 1px solid #e3e6ec 
}
 .packages-features-title {
     font-size: 17px 
}
 .buypackage span {
     margin-top: .7rem;
     display: block 
}
 .pay-btn {
     padding: 15px 20px;
     border-radius: 4px;
     background: #f4f5f7;
     margin: 0 13px 5px 0;
     display: inline-block 
}
 .pay-btn.paypal {
     background: #1468d0;
     color: #fff!important 
}
 .pay-btn.stripe {
     background: #7f35e0;
     color: #fff!important 
}
 .pay-btn.wire-trans {
     background: #1ca6e4;
     color: #fff!important 
}
 .singles-dashboard-list {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     width: 100%;
     border: 1px solid #eaeef3;
     border-radius: 6px;
     overflow: hidden;
     margin-bottom: 30px 
}
 .sd-list-left {
     flex: 1;
     max-width: 240px;
     height: 180px;
     max-height: 180px 
}
 .sd-list-left img {
     height: 100%;
     object-fit: cover 
}
 .sd-list-right {
     padding: 1rem 2rem 
}
 .sd-list-right .listing_dashboard_title {
     font-size: 16px;
     margin-bottom: 5px 
}
 .user_dashboard_listed {
     display: block;
     margin-bottom: 2px 
}
 .sd-list-right .action {
     margin-top: 1rem 
}
 .sd-list-right .action a {
     margin-right: 5px;
     display: inline-block;
     font-size: 12px;
     width: 30px;
     height: 30px;
     background: #474f5f;
     text-align: center;
     line-height: 32px;
     border-radius: 3px;
     color: #fff!important 
}
 @media all and (min-height: 600px) and (min-width: 767px) {
     .height-10 {
         height: 10vh 
    }
     .height-20 {
         height: 20vh 
    }
     .height-30 {
         height: 30vh 
    }
     .height-40 {
         height: 40vh 
    }
     .height-50 {
         height: 50vh 
    }
     .height-60 {
         height: 60vh 
    }
     .height-70 {
         height: 70vh 
    }
     .height-80 {
         height: 80vh 
    }
     .height-90 {
         height: 90vh 
    }
     .height-100 {
         height: 100vh 
    }
}
 @media all and (max-width: 1199px) and (min-width: 991px) {
     .list-layout .property-listing.property-1 .listing-name {
         font-size: 13px 
    }
     .listing-card-info-price {
         font-size: 18px 
    }
}
 @media (max-height: 600px) {
     .pos-vertical-center {
         top: 0;
         transform: none;
         -webkit-transform: none 
    }
}
 @media (min-width: 768px) {
     form.search-big-form.search-shadow .form-group, form.search-form.search-shadow .form-group {
         margin-bottom: 0 
    }
     .no-ul-list.third-row li {
         max-width: 33.333333%;
         flex: 0 0 33.333333% 
    }
     .advance-search.advn-fixed {
         position: fixed;
         top: 89px;
         left: 0;
         right: 0;
         width: 100%;
         z-index: 9;
         -webkit-transition: .2s ease-in;
         -o-transition: .2s ease-in;
         transition: .2s ease-in;
         -webkit-animation-duration: .5s;
         animation-duration: .5s;
         -webkit-animation-name: slideInDown;
         animation-name: slideInDown 
    }
}
 @media (min-width: 992px) {
     .header.header-fixed {
         box-shadow: 0 5px 30px rgba(0, 22, 84, .1);
         -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, .1);
         background: #1d1d1d;
         position: fixed;
         z-index: 999;
         width: 100%;
         top: 0;
         -webkit-transition: .2s ease-in;
         -o-transition: .2s ease-in;
         transition: .2s ease-in;
         -webkit-animation-duration: .5s;
         animation-duration: .5s;
         -webkit-animation-name: slideInDown;
         animation-name: slideInDown;
    }
     .filter_search_opt {
         display: none 
    }
     .header.header-transparent {
         background: 0 0;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         display: inline-block;
         width: 100%;
         z-index: 4;
         border-bottom: 1px solid rgba(255, 255, 255, .1) 
    }
     .change-logo .nav-brand.fixed-logo {
         display: none 
    }
     .change-logo.header-fixed .nav-brand.fixed-logo {
         display: block 
    }
     .change-logo.header-fixed .nav-brand.static-logo {
         display: none 
    }
     .header.header-transparent.header-fixed {
         box-shadow: 0 5px 30px rgba(0, 22, 84, .1);
         -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, .1);
         background: #fff;
         position: fixed;
         z-index: 999;
         width: 100%;
         top: 0;
         -webkit-transition: .2s ease-in;
         -o-transition: .2s ease-in;
         transition: .2s ease-in;
         -webkit-animation-duration: .5s;
         animation-duration: .5s;
         -webkit-animation-name: slideInDown;
         animation-name: slideInDown 
    }
     .header.header-transparent .nav-brand, .header.header-transparent .nav-brand:focus, .header.header-transparent .nav-brand:hover, .header.header-transparent .nav-menu>li>a {
         color: #fff 
    }
     .header.header-transparent.dark .nav-brand, .header.header-transparent.dark .nav-brand:focus, .header.header-transparent.dark .nav-brand:hover, .header.header-transparent.dark .nav-menu>li>a {
         color: #39466d 
    }
     .header.header-transparent .submenu-indicator-chevron {
         border-color: transparent #fff #fff transparent 
    }
     .header.header-transparent .nav-submenu .submenu-indicator-chevron {
         border-color: transparent #70798b #70798b transparent 
    }
     .header.header-transparent.dark .submenu-indicator-chevron {
         border-color: transparent #39466d #39466d transparent 
    }
     .header .nav-menu>.active>a .submenu-indicator-chevron, .header .nav-menu>.focus>a .submenu-indicator-chevron, .header .nav-menu>li:hover>a .submenu-indicator-chevron {
         border-color: transparent #dcdfe3 #dcdfe3 transparent;
    }
     .header.header-transparent.header-fixed .nav-brand, .header.header-transparent.header-fixed .nav-brand:focus, .header.header-transparent.header-fixed .nav-brand:hover, .header.header-transparent.header-fixed .nav-menu>li>a {
         color: #647392 
    }
     .header.header-transparent.header-fixed .submenu-indicator-chevron {
         border-color: transparent #647392 #647392 transparent 
    }
     .nav-menu.nav-menu-social>li.add-listing a {
         top: -16px 
    }
     .hero-banner {
         min-height: 580px 
    }
     .hero-search h1 {
         font-size: 40px 
    }
     .h1, h1 {
         font-size: 4.142em;
         line-height: 1.31818182em 
    }
     .breadcrumbs {
         margin-top: 92px 
    }
     .ct-header h1.big {
         font-size: 70px;
         line-height: 1 
    }
     .ct-u-display-tablex {
         min-height: 500px;
         height: 100vh 
    }
     .hero-banner, .hero-header, .main-banner.image-banner {
         min-height: 660px 
    }
     .hero-header.min-banner {
         height: 80vh;
         min-height: 400px 
    }
     .hero-banner h2, .main-banner h1 {
         font-size: 60px;
         line-height: 1.1 
    }
     .hero-content h1 {
         font-size: 60px 
    }
     .content h1 {
         font-size: 70px 
    }
     .hero-content p {
         font-size: 22px 
    }
     .jumbo-banner.software .hero-content {
         margin-top: 0 
    }
     .jumbo-banner.software .hero-content h1 {
         font-size: 60px 
    }
     .sec-heading h2 {
         font-size: 29px;
         line-height: 1.2 
    }
     .page-title-wrap h1 {
         font-size: 55px;
         line-height: 1.4 
    }
     .modal-dialog {
         max-width: 600px;
         margin: 30px auto 
    }
     .cta-sec h1, .cta-sec h2 {
         font-size: 38px;
         margin-bottom: 12px 
    }
}
 @media (min-width: 993px) {
     .head-shadow {
         box-shadow: 0 5px 30px rgba(0, 22, 84, .1);
         -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, .1) 
    }
}
 @media (min-width: 1200px) {
     .hero-content h1 {
         font-size: 80px 
    }
     .core-nav .megamenu.open>.megamenu-content {
         width: 700px!important 
    }
}
 @media (max-width: 1199px) {
     .property-listing.property-1 .listing-location {
         font-size: 13px;
         margin-bottom: 2px 
    }
     .job-new-list .btn.btn-outline-info.float-right {
         float: none!important;
         margin: 0;
         display: table 
    }
     .price-features-wrapper {
         padding: .1rem 1rem .6rem 
    }
     .listing-card-info-icon {
         margin-right: .7rem;
         font-size: 12px 
    }
     .author-box {
         width: 55px;
         height: 55px 
    }
     .property-listing.property-2 .listing-detail-wrapper {
         padding: 1rem 1rem 
    }
     .foot-location {
         font-size: 13px;
         display: flex 
    }
     .listing-short-detail-flex.fl-2 {
         flex: 2.5 
    }
     .verticle-job-detail .jb-title {
         font-size: 18px 
    }
     .verticle-job-thumb {
         max-width: 60px;
         width: 60px 
    }
     .verticle-job-detail {
         margin-left: 65px 
    }
     ul li.submit-attri {
         display: none 
    }
     .dw-proprty-info li {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50% 
    }
}
 @media (max-width: 1023px) {
     .half-map .fs-inner-container {
         width: 100% 
    }
     .fs-left-map-box .hm-map-container.fw-map {
         width: 100%;
         height: 585px;
         position: relative;
         -webkit-transform: translate3d(0, 0, 0);
         overflow: hidden 
    }
     .half-map .fs-left-map-box {
         float: none 
    }
     .fr-grid-info ul li {
         font-size: 12px 
    }
}
 @media (max-width: 992px) {
     .header.nav-left-side .core-nav .wrap-core-nav-list .core-nav-list {
         float: none 
    }
     .nav-menu>li .nav-dropdown {
         background: 0 0;
         padding: 0;
         box-shadow: none 
    }
     .nav-menu>li>.nav-dropdown:before {
         display: none 
    }
     .navigation-portrait .nav-menu.nav-menu-social {
         padding-top: 1rem 
    }
     .header-dark-transparent nav .menu li a {
         color: #606c8e 
    }
     .header-dark-transparent button.toggle-bar.core-nav-toggle {
         color: #fff 
    }
     .header-dark-transparent.header-fixed button.toggle-bar.core-nav-toggle {
         color: #728496 
    }
}
 @media (max-width: 991px) {
     .hero-banner, .hero-header, .large-banner, .main-banner.image-banner {
         min-height: 580px 
    }
     .pricing-body ul li {
         padding: 9px 10px;
         font-size: 15px 
    }
     .sm-sidebar {
         height: 100%;
         max-width: 300px;
         min-width: 310px;
         background-color: #fff;
         position: fixed!important;
         top: 0;
         z-index: +2000;
         overflow: auto;
         -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
         box-shadow: 0 2px 10px 0 #d8dde6;
         position: relative;
         animation: animateleft .4s;
         left: 0;
         display: none;
         border-radius: 0 
    }
     .dashboard .search-sidebar_header {
         padding: 0 1rem 
    }
     .change-logo .nav-brand.static-logo {
         display: none 
    }
     .nav-menu.nav-menu-social>li.add-listing a {
         top: 0;
         padding: 15px 20px 
    }
     .search-sidebar_header {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center 
    }
     ul.attributes {
         float: right 
    }
     button.toggle-bar.core-nav-toggle {
         color: #8594b3 
    }
     .nav-menu.nav-menu-social>li.add-listing {
         top: 0 
    }
     .core-nav .dropdown>.dropdown-menu {
         width: 100% 
    }
     .show-mb {
         display: initial!important 
    }
     h1.italian-header-capt {
         font-size: 25px 
    }
     .pricing-body ul li {
         padding: 9px 0;
         font-size: 15px 
    }
     list-layout .property-listing.property-1 .listing-img-wrapper {
         flex: initial 
    }
     .list-layout .property-listing.property-1 .listing-content {
         flex: initial;
         position: relative 
    }
     .list-layout .property-listing.property-1 {
         display: block;
         margin: 0 0 30px 0 
    }
     .list-layout .property-listing.property-1 .listing-footer-wrapper {
         padding: .9rem 1rem;
         border-top: 1px solid #e5e9ec;
         width: 100%;
         display: flex;
         vertical-align: middle;
         align-items: center;
         position: relative;
         bottom: 0;
         width: 100%;
         justify-content: initial;
         left: 0 
    }
     .agency-list {
         display: block 
    }
     .avl-features li {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50% 
    }
     .slide-property-detail {
         position: relative;
         display: block 
    }
     .slide-property-first {
         flex: initial;
         margin-bottom: 1.5rem 
    }
     .single-advance-property .container-fluid.p-0 {
         padding: 0 15px!important 
    }
     .drops-dashboard {
         display: none 
    }
}
 @media (max-width: 767px) {
     .call-to-act {
         display: block;
         text-align: center 
    }
     .hero-search h1 {
         font-size: 20px 
    }
     .icon-features-wrap:before {
         display: none 
    }
     .middle-icon-features-content h4 {
         font-size: 16px;
         margin-bottom: 2px 
    }
     .sec-heading h2 {
         font-size: 23px 
    }
     .item-shorting-box {
         display: block 
    }
     .item-shorting {
         margin-bottom: 1rem 
    }
     .call-to-act-head {
         margin-bottom: 1rem 
    }
     .footer-widget {
         padding-bottom: 0 
    }
     .footer-bottom {
         margin-top: 70px 
    }
     .dropdown-submenu>.dropdown-menu.show {
         display: block 
    }
     .full-search-2.hero-search-radius #advance-search {
         top: auto 
    }
     .property-search-type label {
         padding: 8px 16px;
         margin: 0 7px 0 0;
         font-size: 14px 
    }
     .property-search-type label:nth-child(3) {
         margin-right: 0 
    }
     .full-search-2.hero-search-radius #advance-search {
         padding: 2rem .5rem 
    }
     .full-search-2.hero-search-radius .checkbox-custom, .full-search-2.hero-search-radius .checkbox-custom-label, .full-search-2.hero-search-radius .radio-custom, .radio-custom-label {
         font-size: 14px 
    }
     .p-0.elio {
         padding: 0 6px!important 
    }
     .full-search-2.eclip-search.italian-search .b-r {
         border-right: none!important 
    }
     .full-search-2.eclip-search.italian-search .b-l {
         border-left: none!important 
    }
     .full-search-2.italian-search .form-group.borders {
         margin-bottom: 10px;
         height: auto;
         border: 1px solid #dce3ec;
         border-radius: 6px;
         overflow: hidden 
    }
     ul.deatil_features li {
         width: 50%;
         flex: 0 0 50% 
    }
     .property_block_wrap.style-3 {
         display: block 
    }
     .pbw-flex-1 {
         margin-bottom: 1rem 
    }
     .pbw-flex {
         padding-left: 0 
    }
     .rating-overview {
         display: block 
    }
     .rating-overview-box {
         width: 100%;
         border-right: none;
         margin-bottom: 1rem 
    }
     .rating-bars-item {
         width: calc(100% - 30px) 
    }
     .seo-contact .p-0 {
         padding: 0 15px!important 
    }
     .seo-contact button.btn {
         width: 100% 
    }
     .nav-tabs .nav-item a {
         padding: .5em 1em 
    }
     .boxed.boxed--lg {
         padding: 2.77em 1em 
    }
     .icon--lg {
         font-size: 3.57142857em 
    }
     .error-page h2 {
         font-size: 100px 
    }
     .pos-vertical-center {
         top: 0;
         transform: none;
         -webkit-transform: none 
    }
     .listing-detail-item {
         display: inline-block;
         margin-left: 4px 
    }
     .tr-list-thumb {
         max-width: 75px;
         height: 75px;
         margin-right: 10px 
    }
     .tr-list-wrap {
         position: relative;
         bottom: 50px;
         display: block 
    }
     a.btn.btn-list {
         padding: 12px 10px;
         font-size: 12px;
         margin-bottom: 5px 
    }
     .advance-search .form-group {
         margin: .6rem 0;
         border: 1px solid #e0ecf5 
    }
     .advance-search .search-big-form {
         padding: 10px!important 
    }
     .job-new-list .vc-content, .job-new-list .vc-thumb {
         float: none;
         margin: .5rem 0;
         display: table 
    }
     .mpl-0 {
         padding-left: 0!important 
    }
     .verticle-candidate-list .vc-content {
         margin-top: 1rem 
    }
     .top-header .cn-info {
         display: none 
    }
     .full-search-2.hero-search-radius {
         border-radius: 10px 
    }
     .full-search-2.hero-search-radius .form-control {
         border: none!important 
    }
     .dashboard-navbar {
         margin-bottom: 2rem 
    }
     table.property-table-wrap .property-container img {
         display: none 
    }
     table.property-table-wrap td {
         padding: 35px 2px 
    }
     table.property-table-wrap .property-container .title h4 {
         font-size: 14px 
    }
     table.property-table-wrap td.action a {
         margin-left: 10px 
    }
     th.expire-date {
         display: none 
    }
     .page-sidebar {
         margin-top: 2rem 
    }
     li.login-attri.theme-log a {
         padding: 0 22px!important 
    }
     .blog-page .blog-details blockquote {
         padding: 20px;
         margin: 30px 0 
    }
     .blog-page .blog-details blockquote .icon {
         font-size: 20px;
         left: 20px;
         top: 15px 
    }
     .blog-page .blog-details .post-bottom-meta {
         display: block 
    }
     .blog-page .blog-details .post-bottom-meta .post-tags {
         margin-bottom: 1rem 
    }
     .blog-page .blog-details .post-bottom-meta .post-share {
         text-align: left 
    }
     .single-post-pagination {
         display: block 
    }
     .single-post-pagination .next-post {
         text-align: left 
    }
     .single-post-pagination .post-pagination-center-grid {
         display: none 
    }
     .blog-page .blog-details .comment-area .all-comments article .comment-author {
         width: 55px 
    }
     .blog-page .blog-details .comment-area .all-comments article .comment-author img {
         max-width: 50px;
         border-radius: 50% 
    }
     .blog-page .blog-details .comment-area .all-comments article .comment-details {
         overflow: hidden;
         padding-left: 10px 
    }
     .blog-page .blog-details .comment-area .all-comments article .comment-details .comment-meta .comment-left-meta .author-name {
         font-size: 14px;
         line-height: 13px;
         margin-bottom: 0 
    }
     .blog-page .blog-details .comment-area .all-comments .comment-list ul li ul {
         padding-left: 30px;
         list-style: none 
    }
     .modal-body {
         padding: 2.5em 1em 
    }
}
 @media (max-width: 600px) {
     .hero-header {
         min-height: 400px 
    }
     .signup-frm .btn {
         bottom: 4px;
         position: relative;
         right: 0;
         border-width: 0;
         height: 52px;
         margin-top: 12px;
         width: 100% 
    }
     ul.our-team-profile li a {
         width: 34px;
         height: 34px;
         line-height: 33px 
    }
     .rt-content-box ul.our-team-profile li {
         padding: 0;
         margin-right: 6px 
    }
     .lt-img-box {
         display: table;
         width: 105px;
         float: none;
         margin: 0 auto 
    }
     .rt-content-box {
         display: table;
         margin-left: 0;
         margin: 0 auto;
         text-align: center 
    }
     .hero-banner .btn-trans-video, .jumbo-banner .btn-trans-video {
         display: block;
         margin-top: 10px;
         margin-left: 0!important 
    }
     .error-page h2 {
         font-size: 50px 
    }
     .freelancer-thumb {
         float: none;
         margin-bottom: 1rem 
    }
     .freelancer-caption {
         display: block;
         margin-left: 0 
    }
     .hero-search-wrap {
         padding: 45px 20px 30px 
    }
     .header.nav-left-side ul.attributes li a {
         padding: 22px 8px;
         font-size: 12px 
    }
     .avl-features li {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100% 
    }
     .agency-list .agency-content {
         padding: 0 20px;
         padding-top: 15px;
         padding-bottom: 20px 
    }
     .agency-list .agency-name h4 {
         font-size: 20px;
         margin-bottom: 0 
    }
     .agency-list .social-icons li {
         display: inline-block;
         margin-right: 7px 
    }
     .btn.btn-agent-add {
         display: none 
    }
}
 @media (max-width: 500px) {
     .list-layout .property-listing.property-1 .listing-name {
         font-size: 14px 
    }
     .listing-card-info-price {
         font-size: 17px 
    }
     .fs-inner-container .property-listing.property-1 .listing-location {
         font-size: 12px 
    }
     .list-layout .listing-detail-btn .more-btn {
         border-radius: 50px!important;
         padding: 5px 14px!important 
    }
     .prt-detail-title-desc h3 {
         font-size: 18px;
         line-height: 1.4 
    }
     ul.deatil_features li {
         width: 100%;
         flex: 0 0 100% 
    }
     .author-review article .article_comments_thumb {
         float: left;
         width: 60px 
    }
     .author-review article .article_comments_thumb img {
         max-width: 60px;
         border-radius: 50% 
    }
     .author-review article .comment-details {
         overflow: hidden;
         padding-left: 20px 
    }
     .author-review article .comment-details .comment-text p {
         font-size: 13px 
    }
     .nearby_header_first h5 {
         margin: 0;
         font-size: 13px 
    }
     .single-post-item .post-details .post-title {
         font-size: 20px;
         line-height: 1.3;
         margin: 5px 0 0 
    }
     .single-post-item .post-details .text, .single-post-item .post-details p {
         font-size: 15px;
         margin: 15px 0 0 
    }
}
 #back2Top {
     width: 40px;
     line-height: 40px;
     overflow: hidden;
     z-index: 999;
     display: none;
     cursor: pointer;
     position: fixed;
     bottom: 10px;
     right: 20px;
     text-align: center;
     font-size: 15px;
     border-radius: 4px;
     text-decoration: none;
     background: #1d1d1d;
     color: #fff;
}
 #back2Top:hover {
     background-color: #fff;
     color: #333c56 
}
 .style-switcher {
     position: fixed;
     top: 35%;
     transition: .4s ease-in-out;
     background-color: #fff;
     left: -220px;
     width: 220px;
     padding: 0;
     z-index: 1010;
     box-shadow: 0 0 25px rgba(0, 0, 0, .1) 
}
 .style-switcher .css-trigger {
     position: absolute;
     top: 37%;
     transform: translateY(-50%);
     right: -50px;
     width: 50px;
     background-color: #2d4767;
     color: #fff;
     border-radius: 0 3px 3px 0;
     text-align: center;
     line-height: 55px;
     height: 50px;
     font-size: 24px;
     cursor: pointer 
}
 .style-switcher .css-trigger a {
     color: #fff 
}
 .style-switcher.active {
     left: 0 
}
 ul#themecolors {
     margin: 0;
     padding: 15px 0;
     text-align: center;
     background: #334e6f 
}
 ul#themecolors li {
     list-style: none;
     padding: 5px;
     display: inline-block 
}
 ul#themecolors li a {
     width: 35px;
     height: 35px;
     background: #f4f5f7;
     display: inline-block;
     border-radius: 50%;
     font-size: 0;
     border: 3px solid #fff 
}
 a.default-theme {
     background: #fb7618!important 
}
 a.blue-theme {
     background: #3a5bbc!important 
}
 a.green-theme {
     background: #28b446!important 
}
 a.red-theme {
     background: #d32e2a!important 
}
 a.purple-theme {
     background: #9886ec!important 
}
 a.yellow-theme {
     background: #fbbb00!important 
}
 a.oceangreen-theme {
     background: #00a877!important 
}
 a.goodred-theme {
     background: #f40c43!important 
}
 a.goodgreen-theme {
     background: #19b521!important 
}
 a.blue2-theme {
     background: #0176ff!important 
}
 @media only screen and (max-width: 767px) {
     .singles-dashboard-list {
         display: block;
         width: 100% 
    }
     .sd-list-left {
         max-width: 100% 
    }
     .sd-list-right {
         padding: 1rem 1rem 
    }
}
 .search-container {
     width: 100%;
     display: inline-flex;
}
 input{
    outline: none!important;
}
 input#search-bar {
     margin: 0 auto;
     width: auto;
     /* height: 45px;
     */
     padding: 13px 20px 13px 9px;
     font-size: 17px;
     border: 2px solid #d2d2d2;
     outline: none!important;
     background-color: #1d1d1d;
     /* border-left: solid 1px #404040; */
     font-weight: bold;
     color: white;
}
 input#search-bar:focus {
     border: 1px solid #1d1d1d;
     transition: 0.35s ease;
     color: #e5e9ea;
}
 input#search-bar:focus::-webkit-input-placeholder {
     transition: opacity 0.45s ease;
     opacity: 0;
}
 input#search-bar:focus::-moz-placeholder {
     transition: opacity 0.45s ease;
     opacity: 0;
}
 input#search-bar:focus:-ms-placeholder {
     transition: opacity 0.45s ease;
     opacity: 0;
}
 .search-icon {
     position: relative;
     float: right;
     top: 0px;
     right: 2px;
     background-color: #404040;
     /* width: 50px;
     */
     /* height: 40px;
     */
     padding: 14px 10px 13px 15px;
     border: solid 2px #c1c1c1;
     color: #fff;
     font-weight: normal;
}
 .top-mnus li a{
     color: #666;
}
 .top-mnus li a:hover{
     color: #222;
}
 header{
     position: absolute;
     z-index:2;
     width: 100%;
}
 .subscribe{
     text-align: center;
}
 .subscribe button{
     background-color: #2d2d2d;
     border:0;
     padding:10px 0px;
     width:90px;
     color:white;
     cursor:pointer;
     position:relative;
     transition:0.4s all;
}
 .subscribe input{
     border:0;
     box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.4);
     padding:10px 20px;
     width: 50%;
     transition: 0.3s width cubic-bezier(0.40, 0, 0.50, 1.30);
}
 .subscribe input + button{
     margin-left:5px;
     box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.4);
}
 .subscribe button:after{
     content:'';
     width: 100%;
     height: 0;
     position:absolute;
     top:50%;
     left:0;
     background: rgba(255,255,255,0.3);
     opacity: 0;
     transition:0.2s all;
}
 .subscribe button:hover:after{
     line-height:36px;
     top:0;
     height: 100%;
     opacity: 1;
}
 b.subscribe utton.iconize:hover:after{
     opacity: 0;
}
 .subscribe input:focus{
     width:55%;
}
 .subscribe .green{
     color:#B3CC57 !important;
}
 .subscribe .x1p4{
     zoom:1.4;
}
 @-moz-keyframes spin {
     0% {
         -moz-transform: rotate(0deg);
    }
     100% {
         -moz-transform: rotate(359deg);
    }
}
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(359deg);
    }
}
 @-o-keyframes spin {
     0% {
         -o-transform: rotate(0deg);
    }
     100% {
         -o-transform: rotate(359deg);
    }
}
 @-ms-keyframes spin {
     0% {
         -ms-transform: rotate(0deg);
    }
     100% {
         -ms-transform: rotate(359deg);
    }
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(359deg);
    }
}
 .subscribe .ion-loading-a {
     -webkit-animation-timing-function: steps(8, start);
     -moz-animation-timing-function: steps(8, start);
     animation-timing-function: steps(8, start);
}
 .subscribe .spin{
     animation: spin 1s infinite linear;
}
 .subscribe .iconize{
     width:40px;
}
 .parntrs-logos{
     padding: 5px;
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
     transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
 .parnters1 .item-box {
     background: #fff;
     border-radius: 8px;
     padding: 10px 0;
}

.home-slider-title h3:hover{ color: #fff; }
.blue-skin .home-slider-desc .read-more:hover{ background: #000; }


@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}}




.dropdown {
  display: inline-block;
  position: relative;
}

.dd-button {
  /* display: inline-block; */
  /* border: 1px solid gray; */
  /* border-radius: 4px; */
  padding: 10px 19px 10px 0px;
  /* background-color: #ffffff; */
  cursor: pointer;
  white-space: nowrap;
  font-size: initial;
}

.dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.dd-button:hover {
  /* background-color: #ffffff; */
}


.dd-input {
  display: none;
  font-size: inherit;
}

.dd-menu {
  position: absolute;
  top: 100%;
  /* border: 1px solid #ccc; */
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
  right: 4px;
  left: auto;
}

.dd-input + .dd-menu {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;
  position: absolute;
  z-index: 1000;
} 

.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
  border-bottom: solid 1px #ccc;
}

.dd-menu li:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
}

.dd-menu li.divider{
  padding: 0;
  border-bottom: 1px solid #cccccc;
}




.rts {
    padding: 6px 15px!important;
    width: auto!important;
    margin: 0 auto;
    font-size: 14px;
    border: solid 1px #ccc;
    background-color: #fff;
}
.rts:hover {
    background: #000!important; 
    color: #fff!important;
    border-radius: 5px!important;
}


details {
  position:relative;
}
details summary {
  display:block;
  cursor: pointer;
  color: red;
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  padding-top:10px;
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}

details #open{padding-left:5px;text-align:middle;}
details #open:after{
    display: inline-block;
    position:relative;
    top: -3px;
    padding-left: 8px;
    content: "";
    transform: rotate(90deg);
}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}

::-webkit-details-marker {display: none;}

summary{ text-align: center; padding: 15px; color: #ccc; width: 100%  }
.f1{ text-align: center; padding: 15px; color: #ccc; width: 100% }
summary:hover{ background-color: #0e0e0e; }


.ftr-socil{
    margin-bottom: 26px;
    border: solid 1px #424242;
    padding: 0px;
    border-left: 0;
    border-right: 0;
    margin-bottom: 30px;
}





@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.hdr-w-c{
    border-left: solid 1px #545454;
    padding-left: 14px!important;
    padding-bottom: 20px!important;
}
.gtnt{text-align: right; background-color: #404040;}
@media (min-width: 992px){
.header.header-fixed {
    box-shadow: 0 5px 30px rgb(0 22 84 / 10%);
    -webkit-box-shadow: 0 5px 30px rgb(0 22 84 / 10%);
    background: #ffffff;
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

.header.header-fixed  .hdr-w-c {
    border-left: solid 1px #e6e6e6;
   
}
.header.header-fixed .gtnt{text-align: right; background-color:#f5f5f5}
.header.header-fixed .nav-menu>li:hover>a {
    color: #040404!important;
}

.header.header-fixed .nav-menu-social{ border-color: transparent!important }
.header.header-fixed .search-icon {
    position: relative;
    float: right;
    top: 0px;
    right: 1px;
    background-color: #f5f5f5;
    /* width: 50px; */
    /* height: 40px; */
    padding: 14px 10px 13px 15px;
    border: solid 1px #989898;
    color: #3c3c3c;
    font-weight: normal;
}
.header.header-fixed .nav-menu>li>a {
  
    color: #484848;
}
.header.header-fixed input#search-bar {

border: 1px solid #000000;

outline: none!important;

background-color: #ffffff;

/* border-left: solid 1px #f3f3f3; */
}

.header.header-fixed.search-icon {
   
    background-color: #f7f7f7!important;
    border: solid 1px #d6d6d6!important;
    color: #2f2f2f!important;
   
}
.header.header-fixed .nav-menu>li>a {
    color: #444444;
}

}





.float{
    position:fixed;
    width:50px;
    height:50px;
    bottom: 63px;
    right: 17px;
    background-color:#0ec244;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #000;
    z-index:100;
}
.float:hover{color:#FFF!important; box-shadow: 0;}
.my-float{
    margin-top:10px;
    display: block;
}


.nav-menu>li {
    display: inline-block;
    float: none;
    text-align: center;
}
.nav-brand-top{ display: block; }
.nav-brand-top img {
    max-width: 100px;
    position: relative;
}

.nav-brand-top {
    padding: 10px 0px;
   
}


.nav-brand-s img {
    max-width: 100px;
    position: relative;
}

.nav-brand-s {
    padding: 10px 0px;
    display: none;
   
}
.header.header-fixed .nav-brand-top { display: none; }

.header.header-fixed .nav-brand-s {
    padding: 10px 0px;
    display: block;
   
}


.properties-page-1 {
    padding-top: 80px;
}


.smart-textimonials .item {
    padding: 0 15px;
    border: solid 1px #ccc;
        border-radius: 8px;
        margin:0 15px;
}


@media (max-width: 768px){
input#search-bar {
    margin: 0 auto;
    width: 77%;
    }
.search-icon {
    position: relative;
    float: right;
    top: -1px;
    right: 5px;
    background-color: #404040;
    /* width: 50px; */
    /* height: 40px; */
    padding: 14px 10px 13px 15px;
    border: solid 1px #545454;
    color: #fff;
    font-weight: normal;
}
.search-container {
    width: 100%;
    display: block;
}

.navigation-portrait .nav-menu {
    width: 100%;
    margin-top: 13px;
}
.nav-menu>li>a {
    padding: 13px 9px;
    display: inline-block;
    transition: color .3s, background .3s;
    font-family: Jost, sans-serif;
    font-weight: 400;
    color: #000;
}
.navigation-portrait .nav-menu.nav-menu-social {
     padding-top: 0rem; 
}
.gtnt a{ color: #fff!important; }
.hdr-w-c {
    border-left: solid 0px #545454;
    padding-left: 14px!important;
    padding-bottom: 20px!important;
}
.nav-menu-social { border-left-color: transparent!important; }
.top-social {
    padding: 0;
    margin: 0;
    float: none;
    text-align: center;
}
.nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: -104%;
     margin-top: 0px;
    right: 4px;
    cursor: pointer;
}
.header {
    background: black;
    position: relative;
}
.nav-menu>.active>a, .nav-menu>.focus>a, .nav-menu>li:hover>a {
    color: #000!important;
}
}


.left-column h4{ font-weight: 400; }







.sm-sidebar {
    height: 100%;
    max-width: 300px;
    min-width: 310px;
    background-color: #fff;
    position: fixed!important;
    top: 0;
    z-index: +2000;
    overflow: auto;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    position: relative;
    animation: animateleft .4s;
    left: 0;
    display: none;
    border-radius: 0;
}



.search-sidebar_header {
    display: -ms-flexbox;
    display: flex!important;
    -ms-flex-align: center;
    align-items: center;
}


.simple-sidebar button.w3-bar-item.w3-button.w3-large {
    background: #fff;
    border: none!important;
    cursor: pointer;
    outline: 0!important;
    color: #465169;
    display: block;
}



.filter_search_opt {
    display: block;
    margin-right: 10px;
}



.off-pan-p-logo{position: absolute;z-index: 100;background-color: #ffffffde;display: block;top: 20px;left: 20px;height: 70px;width: 70px;padding: 5px;border-radius: 5px;}



.properties-page{ padding-top: 170px; }
.brdcms{ padding-left:0;  }
.brdcms li{ display: inline-block; font-size: 14px; }
.brdcms li:after{ content: "/"; padding:0  5px   }
.brdcms li:last-child:after{ content: none; }


.listing-detail-f{ padding: 15px; }
.listing-detail-f h4{ margin-bottom: 0; font-weight: 400;}

.property-listing {
    position: relative;
    width: 100%;
    border-radius: 0rem;}





    .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 0;
    margin: 0px;
    color: #5a6f7c;
    text-decoration: none;
    background-color: #fff;
    border-radius: 2px;
    width: 25px;
    height: 25px;
    font-size: 13px;
    text-align: center;
    line-height: 23px;
    border: 0;
    /* -webkit-box-shadow: 0 2px 10px 0 #d8dde6; */
    /* box-shadow: 0 2px 10px 0 #d8dde6; */
}

.pagination li:first-child a{ background-color: transparent!important; border: transparent!important; }
.pagination li:last-child a{ margin-left: 15px!important; }
.pagination {
    display: table;
    padding-left: 0;
    border-radius: 4px;
    margin: 0px auto 0!important;
}
.page-link{ background-color: transparent; }
.p-right{ float: right; }

.btn-view-banner {   position: absolute;
    bottom: 30px;
      float: right; right: 0 }
.btn-view-pic {
     position: relative;
    background: #fff;
    padding: 11px 18px;
    border-radius: 0px;
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.show-case{
  position: absolute;
  background:#fff;
  padding:1rem;
  z-index:3;
  right: 50px;
  top: 5px;
  display:none;
  border-radius: 0px;
  box-shadow:3px 8px 15px rgba(0,0,0,.2);
}
.popup {
    display: flex;
    gap: 1.1rem;
}
.popup span {
  width:20px;
  height:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  filter: brightness(.6);
  cursor:pointer;
}
.popup span img {
  width:100%;
}
.popup span:hover{
  filter: brightness(1);
}

.ul-links {
  display:flex;
  align-items:center;
  gap:1rem;
}

.show-case.active {
  display:block;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 15px 0;
  font-size:12px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}





.mfp-fade.mfp-bg {
     opacity: 0;
     -webkit-transition: all 0.15s ease-out; 
     -moz-transition: all 0.15s ease-out; 
     transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
     opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
     opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
     opacity: 0;
     -webkit-transition: all 0.15s ease-out; 
     -moz-transition: all 0.15s ease-out; 
     transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
     opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
     opacity: 0;
}



.transform-middle {
    position: inherit;
    top: 50%;
    transform: translateY(-50%);
}


.key-f-lst{ list-style: disc; 
    padding-left: 19px;
 }
 .key-f-lst li{ margin-top: 5px; }

 .ky li{width: 100%;      flex: 0 0 100%;
    max-width:100%;  }






    .avli-sev{display: block; text-align: center;}

    .av-icon{display: inline-block;font-size: 83px;color: #000000;/* border: solid 1px #ccc; */}
.avi-text{display: block;margin-left: 10px;font-size: 14px;line-height: 18px;}


.tb-unt td{ padding:10px; border: solid 1px #ccc;  }
.paymnt-box{ margin: 20px 0; text-align: center; border: solid 1px #ccc; background-color: #fff;  }
.paymnt-box-prs{ background-color: #eee; padding:20px; text-align: center;; font-size: 50px; color: #7c6e41;  }
.paymnt-box h6{text-transform: uppercase; padding:15px 0; font-weight: 400; }


.btn-view-pic{ cursor: pointer; color: #111; }
.btn-view-pic .fas{ color: #333; }

.details-page-bottom{background-color: #eee; position: fixed; bottom: 0; padding: 20px; width: 100%; z-index: 100; text-align: center;     -webkit-box-shadow: 0 5px 30px rgb(0 22 84 / 10%);}
.ftr-socil li{ text-align: left!important;     display: inline-block; }
.footer-first img{ display: none; }

@media (min-width:768px){
.header.header-fixed .gtnt {
    text-align: right;
    background-color: #f5f5f5;
    display: inline-block;
}
.header .gtnt {
    text-align: right;
    display: inline-block;
}
}
@media (max-width: 768px){


     .nav-menu>li {
    display: inline-block;
    float: none;
    text-align: left;
}
.ftr-socil li a{ color: #fff; }
.ftr-socil{ margin-top: 30px; display: block; }
.footer-widget { padding: 10px 0 0px;}
.footer-widget { margin-bottom: 20px;}
.footer-bottom {
    margin-top: 0px;
}
.gtnt{ width: 100%!important; }
.hdr-w-c{ text-align: left;}
.story-wrap{ margin-top: 15px; }

.short-menu{  background: #1d1d1d!important; }
.header {
    background: transparent!important;
    position: relative;
}
.short-menu{  background: #1d1d1d!important; }
section {
    padding: 20px 0 15px;
}





.short-menu .nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 17%;
    margin-top: 0px;
    right: 4px;
    cursor: pointer;
}

.short-menu .nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0.5em 0 0 #ffffff, 0 1em 0 0 #ffffff;
}

.submenu-indicator {
    margin-left: 6px;
    margin-top: 6px;
    float: right;
    transition: all .3s;
    display: block;
}
.submenu-indicator-chevron {
    height: 8px;
    width: 8px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #dcdfe3 #dcdfe3 transparent;
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
    transition: border .3s;
}


.featured_slick_gallery {
    position: relative;
    padding-top: 50px;
}

.btn-view-banner {
    position: absolute;
    bottom: -26px;
    float: right;
    left: 6px;
    width: 100%;
    right: 0;
    margin-bottom: 5px;
}
.btn-view-pic {
    padding: 11px 10px;
    background-color: #eaeaea;
}

.tb-unt td {
    padding: 2px; font-size: 12px;
    border: solid 1px #ccc;
}

.details-page-bottom{ display: none; }
.lty-playbtn{ display: none; }

.show-case {
    position: absolute;
    background: #fff;
    padding: 1rem;
    z-index: 3;
    right: 74px;
    top: 2px;
    display: none;
    border-radius: 0px;
    box-shadow: 3px 8px 15px rgb(0 0 0 / 20%);
}



.foot-location img{ display: none; }

}



.smart-tes-content{min-height: 200px;}
.footer-add p a:hover{color: #fff;  }



.navigation { padding: 0 15px; }



.nav-header{ position: relative; z-index: 100;  }

.header-fixed  .nav-header{ position: absolute; z-index: 100;  }
.header-fixed  .nav-menu{ margin-left: 110px!important; }

.short-menu .nav-header{ position: absolute; z-index: 100;  }
.short-menu  .nav-menu{ margin-left: 110px!important; }



@media (max-width: 997px){

.header-fixed .nav-menu {
   margin-left: 0px!important; 
}
.short-menu  .nav-menu{ margin-left: 0px!important;  }
.nav-header {
    position: initial;
    z-index: 100;
}
.short-menu .nav-header{  position: initial;
    z-index: 100;  }
}

.mob{ display: none !important; }
.desk{ display: block !important; }


@media (max-width: 768px){



    .sec-heading p {
    margin-bottom: 5px;
    line-height: 1.7;
    font-size: 14px !important; 
}

.icons-box2 { padding: 10px !important; }

 .dingooo {
    width: 50% !important;
    float: left;
}   

.page-title-inner {
  
    padding-top: 155px !important;
    padding-bottom: 80px !important;
}    

.mob{ display: block !important; }
.desk{ display: none !important; }

.nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: -127%;
    margin-top: 0px;
    left: 20px;
    cursor: pointer;
}
}


.icons-box1 {
    margin-top: 20px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 6px;
    padding: 1.2em 1em;
    box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
}
.icons-box2 {
    margin-top: 20px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: #fff;
    min-height: 300px;
    border-radius: 6px;
    padding: 2em 2em 1.2em 2em;
    box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
}

.icons-box1 img {
    width: 100px;
    background-color: #f8f8f8; 
    padding: 20px;
    border-radius: 999px;
}

.icons-box1 h5{ margin-top: 15px; }


.page-title-inner {
     width: 100%;
     /* height: 200px; */
     text-align: left;
     display: flex;
     flex-direction: column;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
     background: #7c6e41;
     padding-top: 450px;
     padding-bottom: 300px;
}


.why-icons{width: 18%; display: inline-block; margin-top: 25px;}
.why-icons img {
    background-color: #f8f8f8;
    padding: 20px;
    width: 99px;
    border-radius: 11px;
    margin-bottom: 15px;
}




@media (max-width: 1200px){
.nav-menu>li>a {
    padding: 13px 5px;
    display: inline-block;
    transition: color .3s, background .3s;
    font-family: Jost, sans-serif;
    font-weight: 400;
}
.why-icons h5 {
    line-height: 22px;
    font-size: 14px;
    font-weight: 600;

}

}

@media (max-width: 1000px){
.why-icons{ width: 32%; }

.col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
}
.icons-box2{ min-height: inherit; }
}

@media (max-width: 678px){
   .why-icons{ width: 45%; } 


}

.dingooo{ width: 20%; float: left; }

.mob-height{ height: auto !important; }


.bottom-box{
    background-color: #eee; position: fixed; bottom: 0;
    padding: 20px; width: 100%; z-index: 100; text-align: center; 
    -webkit-box-shadow: 0 5px 30px rgb(0 22 84 / 10%);
}


.dddd{ padding-top: 80px; }
@media (max-width: 768px){

    .dddd{ padding-top: 120px; }

    .mob-padd{ margin-bottom: 20px; }
    .mob-height{ height: 100vh !important; }

    .ddd{ background-color: #7c6e41; position: fixed; bottom: 0;
    padding: 0px; width: 100%; z-index: 100; text-align: center; 
    -webkit-box-shadow: 0 5px 30px rgb(0 22 84 / 10%);}
   
   .bottom-box{ display: none !important;
    background-color: #eee; position: fixed; bottom: 0;
    padding: 0px; width: 100%; z-index: 100; text-align: center; 
    -webkit-box-shadow: 0 5px 30px rgb(0 22 84 / 10%);
}


}