 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
  font-family: "Optima LT W02 Roman";
  src: url("../fonts/Optima-LT-W02-Roman.ttf");
}

@font-face {
    font-family: 'BalernoRg';
    src: url('../fonts/BalernoRg.eot');
    src: url('../fonts/BalernoRg.eot') format('embedded-opentype'),
         url('../fonts/BalernoRg.woff2') format('woff2'),
         url('../fonts/BalernoRg.woff') format('woff'),
         url('../fonts/BalernoRg.ttf') format('truetype'),
         url('../fonts/BalernoRg.svg#BalernoRg') format('svg');
}


@font-face {
    font-family: 'vipnagorgialla';
    src: url('../fonts/vipnagorgialla.eot');
    src: url('../fonts/vipnagorgialla.eot') format('embedded-opentype'),
         url('../fonts/vipnagorgialla.woff2') format('woff2'),
         url('../fonts/vipnagorgialla.woff') format('woff'),
         url('../fonts/vipnagorgialla.ttf') format('truetype'),
         url('../fonts/vipnagorgialla.svg#vipnagorgialla') format('svg');
}


 a {
   font-weight: inherit;
 }
 body {
   background: #fff;
 }
 .banner-inner .photo {
   padding: 2px;
   background: #fff;
   border-radius: 100%;
   position: absolute;
   bottom: 100px;
   max-width: 250px;
 }
 #banner-inner-2 {
   transition: all 0.4s;
   position: absolute;
   bottom: 40px;
   width: 100%;
 }
 .col-pad-10 {
   padding: 0 10px !important;
 }
 html, body {
   height: 100%;
 }
 body {
   font-family: "Oxygen", sans-serif;
 }
 a {
   cursor: pointer;
   color: #262525;
 }
 a:hover {
   color: #525252;
   text-decoration: none;
 }
 p {
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.4px;
   color: #343434;
   font-weight: 400;
   font-family: "Oxygen", sans-serif;
 }
 a {
   color: #262525;
 }
 strong {
   color: #343434;
 }
 span {
   color: #343434;
 }
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   color: #000000;
   font-family: "Optima LT W02 Roman";
   margin-top: 0;
 }
 a {
   font-family: "Oxygen", sans-serif;
 }
 ul {
   margin: 0;
   padding: 0;
   list-style: none;
   color: #343434;
 }
 .btn.focus, .btn:focus {
   outline: 0;
   box-shadow: none;
 }
 .btn-4 {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   -webkit-appearance: none;
   outline: none !important;
   color: #ffffff;
   font-size: 16px;
   font-weight: 500;
   text-transform: capitalize;
   transition: all 0.3s linear;
   z-index: 1;
   overflow: hidden;
   font-size: 14px;
   padding: 0;
   text-align: center;
   text-transform: uppercase;
   border-radius: 0;
   padding: 10px 20px;
   border: none;
   letter-spacing: 0.2px;
 }
 .btn-4.active {
   background: #faa93a;
   color: #ffffff;
 }
 .btn-4 i::before {
   position: relative;
   font-size: 18px;
   top: 3px;
   padding-left: 5px;
 }
 .btn-4:hover {
   color: #ffffff;
 }
 .btn-4:hover:after {
   transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
   transition: transform 0.4s linear, transform 0.4s linear;
 }
 .btn-4:after {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: #777;
   content: "";
   transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);
   transform-origin: bottom center;
   transition: transform 0.4s linear, transform 0.4s linear;
   z-index: -1;
 }
 .btn-5 {
   font-size: 16px;
   padding: 11px 35px;
   display: inline-block;
   position: relative;
   z-index: 5;
   transition: .7s ease;
   background: transparent;
   font-weight: 600;
   border-radius: 3px;
 }
 .btn-5:hover {
   color: #fff;
 }
 .btn-5:before, .btn-5:after {
   color: #fff;
 }
 .btn-5:before, .btn-5:before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: all .7s ease;
 }
 .btn-5:after, .btn-5:after {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: all .7s ease;
 }
 .btn-5:hover:before, .btn-5:hover:after {
   width: 50%;
 }
 .btn-6 {
   color: #fff;
   text-align: center;
   font-weight: 600;
   font-size: 16px;
   border: 2px solid transparent;
   display: inline-block;
   padding: 11px 35px;
   position: relative;
   z-index: 1;
   transition: all .7s ease;
   border-radius: 3px;
 }
 .btn-6:before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   visibility: hidden;
   transition: all .7s ease;
   z-index: -1;
   border-radius: 3px;
 }
 .btn-6:after {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   visibility: hidden;
   transition: all .7s ease;
   z-index: -1;
 }
 .btn-6:hover {
   background: transparent;
 }
 .btn-6:hover:before {
   width: 0;
   opacity: 1;
   visibility: visible;
 }
 .btn-6:hover:after {
   width: 0;
   opacity: 1;
   visibility: visible;
 }
 .btn-7 {
   font-size: 16px;
   padding: 11px 35px;
   display: inline-block;
   position: relative;
   z-index: 5;
   transition: .7s ease;
   background: transparent;
   font-weight: 600;
   border: 2px solid #fff;
   color: #fff;
 }
 .btn-7:before, .btn-7:after {
   background: #fff;
 }
 .btn-7:before, .btn-7:before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: all .7s ease;
 }
 .btn-7:after, .btn-7:after {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: all .7s ease;
 }
 .btn-7:hover:before, .btn-7:hover:after {
   width: 50%;
 }
 .facebook:hover {
   color: #3b589e !important;
 }
 .twitter:hover {
   color: #56d7fe !important;
 }
 .google:hover {
   color: #dc4e41 !important;
 }
 .rss:hover {
   color: #e78733 !important;
 }
 .linkedin:hover {
   color: #1c82ca !important;
 }
 .facebook-bg {
   background: #4867aa;
   color: #fff;
 }
 .twitter-bg {
   background: #33CCFF;
   color: #fff;
 }
 .google-bg {
   background: #db4437;
   color: #fff;
 }
 .linkedin-bg {
   background: #0177b5;
   color: #fff;
 }
 .rss-bg {
   background: #e78733;
   color: #fff;
 }
 .pinterest-bg {
   background: #bd081c;
   color: #fff;
 }
 .facebook-bg:hover {
   background: #3b589e;
   color: #fff;
 }
 .twitter-bg:hover {
   background: #56d7fe;
   color: #fff;
 }
 .linkedin-bg:hover {
   background: #1c82ca;
   color: #fff;
 }
 .google-bg:hover {
   background: #dc4e41;
   color: #fff;
 }
 .rss-bg:hover {
   background: #e78701;
   color: #fff;
 }
 .pinterest-bg:hover {
   background: #a30618;
   color: #fff;
 }
 .overview-bgi {
   position: relative;
 }
 .overview-bgi:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
 }
 .overview-bgi-2:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
 }
 .delay-02s {
   animation-delay: 0.2s;
   -webkit-animation-delay: 0.2s
 }
 .delay-03s {
   animation-delay: 0.3s;
   -webkit-animation-delay: 0.3s
 }
 .delay-04s {
   animation-delay: 0.4s;
   -webkit-animation-delay: 0.4s
 }
 .delay-05s {
   animation-delay: 0.5s;
   -webkit-animation-delay: 0.5s
 }
 .delay-06s {
   animation-delay: 0.6s;
   -webkit-animation-delay: 0.6s
 }
 .delay-07s {
   animation-delay: 0.7s;
   -webkit-animation-delay: 0.7s
 }
 .delay-08s {
   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s
 }
 .delay-09s {
   animation-delay: 0.9s;
   -webkit-animation-delay: 0.9s
 }
 .delay-1s {
   animation-delay: 1s;
   -webkit-animation-delay: 1s
 }
 .delay-12s {
   animation-delay: 1.2s;
   -webkit-animation-delay: 1.2s
 }
 .delay-15s {
   animation-delay: 1.5s;
   -webkit-animation-delay: 1.5s
 }
 .delay-17s {
   animation-delay: 1.7s;
   -webkit-animation-delay: 1.7s
 }
 .delay-20s {
   animation-delay: 2.0s;
   -webkit-animation-delay: 2.0s
 }
 .btn-sm {
   cursor: pointer;
   padding: 7px 12px;
   letter-spacing: 1px;
   font-size: 11px;
   font-weight: 500;
   text-transform: uppercase;
   transition: .5s;
   border-radius: 3px;
   border: none;
   color: #fff;
 }
 .btn-sm:hover {
   color: #fff;
   text-decoration: none;
 }
 .btn-md {
   cursor: pointer;
   padding: 13px 26px 13px;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   transition: .5s;
   border-radius: 3px;
   border: none;
 }
 .btn-md:hover {
   color: #fff;
 }
 button:focus {
   outline: 0 auto -webkit-focus-ring-color;
 }
 .pricing-btn {
   border-radius: 3px;
   font-size: 16px;
   padding: 7px 30px 8px;
 }
 .bomd {
   padding: 13px 26px;
   letter-spacing: 1px;
   font-size: 13px;
   font-weight: 500;
   text-transform: uppercase;
   transition: .5s;
   border-radius: 3px;
 }
 .btn {
   border-radius: 3px;
 }
 .btn-sm {
   padding: 7px 30px;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 1.5px;
 }
 .btn-lg {
   cursor: pointer;
   padding: 13px 32px 11px 32px;
   letter-spacing: 1px;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
 }
 .btn:focus, .btn:active, .btn:focus {
   box-shadow: none !important;
   outline: none;
 }
 .btn-theme {
   color: #fff;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 13px;
 }
 .btn-theme:hover {
   color: #FFF;
 }
 .btn-white-lg-outline {
   color: #FFF;
   background: transparent;
   border: solid 2px #FFF;
   text-transform: uppercase;
   font-weight: 500;
   padding: 10px 30px;
   font-size: 12px;
 }
 .btn-white-lg-outline:hover {
   color: #FFF;
 }
 .btn-theme-sm-outline {
   color: #FFF;
   border: solid 2px #FFF;
   background: transparent;
   text-transform: uppercase;
   font-weight: 500;
   padding: 5px 18px;
   font-size: 13px;
 }
 .btn-theme-sm-outline:hover {
   color: #FFF;
   padding: 5px 18px;
 }
 .btn-round {
   border-radius: 30px;
 }
 .text-c {
   text-align: center;
 }
 .text-l {
   text-align: left;
 }
 .text-r {
   text-align: right;
 }
 .bgburns .slides li:nth-of-type(odd) .slide-background {
   animation: bgburnsEast 25s linear infinite alternate;
   -webkit-animation: bgburnsEast 25s linear infinite alternate
 }
 .bgburns .slides li:nth-of-type(even) .slide-background {
   animation: bgburnsWest 25s linear infinite alternate;
   -webkit-animation: bgburnsWest 25s linear infinite alternate
 }
 @keyframes bgburnsEast {
   from {
     transform: scale(1) translateX(0);
     -webkit-transform: scale(1) translateX(0)
   }
   to {
     transform: scale(1.2) translateX(100px);
     -webkit-transform: scale(1.2) translateX(100px)
   }
 }
 @-webkit-keyframes bgburnsEast {
   from {
     transform: scale(1) translateX(0);
     -webkit-transform: scale(1) translateX(0)
   }
   to {
     transform: scale(1.2) translateX(100px);
     -webkit-transform: scale(1.2) translateX(100px)
   }
 }
 @keyframes bgburnsWest {
   from {
     transform: scale(1) translateX(0);
     -webkit-transform: scale(1) translateX(0)
   }
   to {
     transform: scale(1.2) translateX(-100px);
     -webkit-transform: scale(1.2) translateX(-100px)
   }
 }
 @-webkit-keyframes bgburnsWest {
   from {
     transform: scale(1) translateX(0);
     -webkit-transform: scale(1) translateX(0)
   }
   to {
     transform: scale(1.2) translateX(-100px);
     -webkit-transform: scale(1.2) translateX(-100px)
   }
 }
 @media all and (max-width: 767px) {
   .flex-direction-nav {
     display: none
   }
   .bgburns .slides li .slide-background {
     -webkit-animation: none !important;
     animation: none !important
   }
 }
 #page_scroller {
   cursor: pointer;
   color: #FFF;
   padding: 10px 11px;
   font-size: 12px;
   position: fixed;
   bottom: 80px;
   right: 39px;
   box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
   border-radius: 3px;
   z-index: 99;
   opacity: 0;
   visibility: hidden;
   transition: all 0.5s ease;
 }
 div#page_scroller.active {
   opacity: 1;
   visibility: visible;
   bottom: 110px;
 }
 .margin-t-10 {
   margin-top: 10px;
 }
 .checkbox {
   padding-left: 3px;
   margin-bottom: 5px;
 }
 .checkbox label {
   display: inline-block;
   position: relative;
   padding-left: 7px;
   color: #4e4d4d;
   font-size: 13px;
 }
 .checkbox label::before {
   content: "";
   display: inline-block;
   position: absolute;
   width: 20px;
   height: 20px;
   left: 3px;
   top: 0px;
   margin-left: -25px;
   border: 2px solid #cccccc;
   border-radius: 3px;
   background-color: #fff;
   -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
   -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
   transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 }
 .checkbox-theme input[type="checkbox"]:checked + label::before {
   background-color: #fff;
 }
 .advanced-search .checkbox {
   padding-left: 5px;
   margin-bottom: 5px;
 }
 input[type=checkbox]:checked + label:before {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\f00c";
   text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
   text-align: center;
   line-height: 16px;
   font-weight: 300;
 }
 .col-pad {
   padding: 0;
 }
 .button-default {
   color: #555;
   background: #DDD;
 }
 .button-default:hover {
   color: #333;
   background: #DDD;
 }
 .button-theme {
   color: #FFF !important;
   outline: none;
 }
 .button-theme:hover {
   color: #fff;
 }
 .read-more {
   font-weight: 500;
   font-size: 15px;
 }
 .read-more:hover {
   color: #262525;
 }
 .button-section .btn {
   margin-bottom: 5px;
 }
 .form-control:focus {
   border-color: #e0e0e0;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 .btn.active, .btn:active {
   box-shadow: none;
 }
 .border-btn-sm {
   cursor: pointer;
   padding: 5px 12px;
   letter-spacing: 1px;
   font-size: 11px;
   font-weight: 500;
   text-transform: uppercase;
   color: #555;
   background: #DDD;
   transition: .5s;
   border-radius: 3px;
   border: none;
 }
 .border-button-default {
   color: #555;
   background: #DDD;
 }
 .border-button-default:hover {
   color: #333;
   background: #DDD;
 }
 .border-button-theme {
   background: transparent;
 }
 .border-button-theme:hover {
   color: #fff;
 }
 .panel-title {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 500;
 }
 .notice-success {
   border-left-color: #74ba28 !important;
 }
 .notice-danger {
   border-left-color: #eb344f !important;
 }
 .notice-info {
   border-left-color: #1db4bd !important;
 }
 .notice-warning {
   border-left-color: #fea911 !important;
 }
 .notice {
   padding: 18px 20px;
   background-color: #ffffff;
   margin-bottom: 10px;
   border-radius: 2px;
   border-left: 4px solid #838992;
   color: #4a4a4a;
   font-weight: 500;
   font-size: 16px;
 }
 .notice strong {
   font-weight: 600;
 }
 .alert {
   margin-bottom: 10px;
   padding: 12px 20px;
 }
 .table-bordered {
   border: 1px solid #dee2e6;
   background: #fff;
   color: #343434;
 }
 .table > :not(caption) > * > * {
   padding: 20px;
 }
 .list-group-item {
   padding: 15px 20px;
 }
 .progress {
   margin-bottom: 20px;
   height: 22px;
 }
 .tab-style-2-line.tabs-below > .nav-tabs > li {
   border-top: 4px solid transparent;
 }
 .tab-style-2-line.tabs-below > .nav-tabs > li > a {
   margin-top: 0;
 }
 .tab-style-2-line.tabs-below > .nav-tabs > li:hover {
   border-bottom: 0;
   border-top: 4px solid #b2b1b1;
 }
 .tab-style-2-line.tabs-below > .nav-tabs > li.active {
   margin-bottom: -2px;
   border-bottom: 0;
   border-top: 4px solid #b2b1b1;
 }
 .tab-style-2-line.tabs-below > .tab-content {
   margin-top: -10px;
   border-top: 0;
   border-bottom: 1px solid #eee;
   padding-bottom: 15px;
 }
 .top-header {
   background-color: #111111;
 }
 .top-header .list-inline {
   padding: 8px 0;
 }
 .list-inline a {
   color: #fff;
   margin-right: 15px;
   font-size: 14px;
   font-weight: 500;
 }
 .p1 {
   padding: 1px 0 0 0;
 }
 .list-inline a:last-child {
   margin-right: 0;
 }
 .list-inline a i {
   margin-right: 5px;
 }
 .top-header ul li {
   padding: 0 5px;
   height: 40px;
   display: inline-block;
   text-align: center;
   line-height: 40px;
   color: #aaa;
 }
 .top-header .sign-in, .top-header .sign-in:hover {
   line-height: 36px;
   font-size: 14px;
   border-radius: 3px;
   font-weight: 500;
 }
 .top-header ul li a {
   color: #fff;
 }
 .mh-bg .logo2x img {
   height: 50px;
 }
 .mh-bg {
   background: #fff !important;
   padding: 0 15px;
 }
 .bg-heading {
   background: #fff !important;
 }
 .bg-heading .w-100 i {
   color: #515151;
 }
 .logo-3 {
   padding: 20px 0;
 }
 .logo-3 img {
   height: 50px;
 }
 .main-header .dropdown-menu {
   min-width: 13rem;
   padding: 0;
   margin: 0;
   font-size: 13px;
   color: #212529;
   border: 1px solid transparent;
   transition: opacity 0.25s ease;
   border-radius: 5px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .dropdown .dropdown-item:hover .dropdown-menu {
   visibility: visible;
   opacity: 1;
 }
 .main-header .dropdown-menu .dropdown-submenu .dropdown-menu {
   margin: -1px;
 }
 .megamenu-li {
   position: static;
 }
 .megamenu {
   position: absolute;
   width: 100%;
   left: 0;
   right: 0;
   padding: 15px;
 }
 .megamenu-area {
   padding: 30px 30px 5px;
   z-index: 2;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   width: 100%;
   min-width: 55rem;
   background: #fff;
 }
 .megamenu-title {
   color: #343434;
   font-size: 16px;
   font-weight: 500;
   border-bottom: 1px solid #eee;
   padding-bottom: 10px;
   margin-bottom: 15px;
 }
 .megamenu-section {
   margin-bottom: 25px;
 }
 .megamenu-area .dropdown-item {
   padding: 0 !important;
   margin-bottom: 8px;
   font-size: 12px;
   font-weight: 500;
 }
 .megamenu-section p {
   font-size: 13px;
   color: #777;
 }
 .carousel-caption {
   right: 0;
   left: 0;
   padding: 0 20px 0;
 }
 #banner {
   position: relative;
 }
 .carousel-control-next, .carousel-control-prev {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 0;
 }
 .banner-bg {
   background: url("../img/banner/banner-1.jpg");
 }
 .item-bg {}
 .banner-min-height {
   height: 720px;
 }
 .item-bg {
   height: 100vh;
 }
 .banner .carousel-control-next, .carousel-control-prev {
   background: #423b3b57;
   width: 35px;
   height: 60px;
   border-radius: 2px;
   top: 45%;
   margin: 10px;
 }
 .banner .carousel-control-next-icon, .carousel-control-prev-icon {
   display: inline-block;
   width: 1.4rem;
   height: 1.4rem;
   background-repeat: no-repeat;
   background-position: 50%;
   background-size: 100% 100%;
 }
 .banner .carousel-content {
   align-self: center;
   margin: 0 auto;
   color: #fff;
   z-index: 999;
 }
 .banner .btn-6 {
   margin: 2px;
 }
 .banner .btn-5 {
   margin: 2px;
 }
 .carousel-item .text-right {
   float: right;
 }
 .banner .banner-slider-inner {
   padding: 0;
 }
 .banner .banner-slider-inner h1 {
   color: #fff;
   margin-bottom: 25px;
   font-size: 60px;
   font-weight: 700;
   letter-spacing: normal;
   font-family: "Oxygen", sans-serif;
   text-transform: uppercase !important;
 }
 .banner h2 {
   color: #fff;
   margin-bottom: 25px;
   font-size: 45px;
   font-weight: 500;
   letter-spacing: normal;
 }
 .banner h3 {
   color: #fff;
   margin-bottom: 20px;
   font-size: 50px;
   font-weight: 700;
   letter-spacing: normal;
 }
 .banner .banner-slider-inner .max-w {
   max-width: 490px;
 }
 .banner .plan-price {
   font-size: 35px;
   font-weight: 700;
   padding: 0;
   position: inherit;
   bottom: 5px;
   z-index: 40;
   right: 20px;
   margin-bottom: 10px;
 }
 .banner .plan-price sup {
   font-size: 15px;
   position: relative;
   top: -20px;
   color: #fff;
   font-weight: 500;
 }
 .banner p {
   color: #fff;
   line-height: 1.6;
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 35px;
 }
 .banner .banner-slider-inner h1 span {
   font-weight: 900;
 }
 .banner .banner-slider-inner .typed-text {
   font-size: 62px;
 }
 .banner .banner-slider-inner {
   display: inline-block;
   text-shadow: none;
   right: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   bottom: 0;
   background-color: rgba(36, 42, 53, 0.40);
 }
 .banner .banner-slider-inner .btn-lg {
   margin: 3px;
 }
 .banner-bg-color .banner-slider-inner {
   background-color: rgba(255, 255, 255, 0.1);
 }
 .banner .carousel-bg .carousel-item {
   height: 100vh;
   background: #3e4a5b;
 }
 .banner_video_bg {
   height: 100vh;
 }
 .pattern-overlay {}
 .banner_video_bg .carousel-item {
   height: 100vh;
 }
 #particles-banner {
   width: 100%;
   height: 100vh;
   background-color: rgba(36, 42, 53, 0.7);
   position: absolute;
 }
 #particles-banner-wrapper .banner-slider-inner {
   background-color: transparent;
 }
 .banner-sty-2 .banner-slider-inner h1 {
   font-size: 50px;
 }
 .search-section-2 {
   display: none;
 }
 .banner-2 {
   overflow: hidden;
   margin: 0;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .banner-2 .slide {
   height: 100vh;
   border-radius: 0;
   margin: 0;
   cursor: pointer;
   color: #fff;
   text-align: center;
   flex: 1;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   transition: all 500ms ease-in-out;
 }
 .banner-2 .breadcrumb-area {
   position: absolute;
   top: 45%;
   right: 0;
   left: 0;
 }
 .banner-2 .slide h2 {
   opacity: 0;
   color: #fff;
   margin-bottom: 15px;
   font-size: 40px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: normal;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 }
 .banner-2 .slide .breadcrumb-area {
   position: absolute;
   top: 45%;
   right: 0;
   padding: 0 15px;
   left: 0;
 }
 .banner-2 .slide p {
   opacity: 0;
 }
 .banner-2 .slide .btn-6 {
   opacity: 0;
 }
 .banner-2 .slide.active {
   flex: 10;
 }
 .banner-2 .slide.active h2 {
   opacity: 1;
   transition: opacity 0.3s ease-in 0.4s;
 }
 .banner-2 .slide.active p {
   opacity: 1;
   transition: opacity 0.3s ease-in 0.4s;
 }
 .banner-2 .slide.active .btn-6 {
   opacity: 1;
   transition: opacity 0.3s ease-in 0.4s;
 }
 .banner-2 p {
   color: #fff;
   line-height: 1.6;
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 20px;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 }
 .banner-2 .overlay-2 {
   z-index: 1;
   position: relative;
 }
 .banner-2 .overlay-2:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #0014666e;
   content: "";
   z-index: -1;
   opacity: 0.7;
 }
 .banner-3 .slider-container {
   position: relative;
   overflow: hidden;
   height: 100vh;
 }
 .banner-3 .left-slide {
   height: 100%;
   width: 50%;
   position: absolute;
   top: 0;
   left: 50%;
   transition: transform .5s ease-in-out;
 }
 .banner-3 .right-slide {
   height: 100%;
   position: absolute;
   top: 0;
   width: 50%;
   transition: transform .5s ease-in-out;
 }
 .banner-3 .overlay-2 {
   z-index: 1;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   padding: 10px 30px;
 }
 .banner-3 .overlay-2:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #0014666e;
   content: "";
   z-index: -1;
   opacity: 0.7;
 }
 .banner-3 .right-slide img {
   padding: 50px;
 }
 .banner-3 .btn-black:hover {
   background: #383838;
 }
 .banner-3 .btn-black {
   background: #19130b;
 }
 .banner-3 .left-slide > div {
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: #fff;
 }
 .banner-3 .left-side h1 {
   font-size: 40px;
   margin-bottom: 10px;
   margin-top: -30px;
 }
 .banner-3 .right-slide div {
   background-size: cover;
   background-position: center center;
   height: 100%;
   width: 100%;
 }
 .banner-3 .right-slide > div {
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 .banner-3 .action-buttons button {
   border: none;
   color: #fff;
   border-radius: 100px;
   cursor: pointer;
   border: 0;
   font-size: 15px;
   width: 70px;
   height: 40px;
   line-height: 40px;
 }
 .banner-3 button:hover {
   color: #fff;
 }
 .banner-3 .slider-container .action-buttons button {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 100;
 }
 .banner-3 .slider-container .action-buttons .down-button {
   transform: translateY(0%);
   border: 0;
 }
 .banner-3 .slider-container .action-buttons .up-button {
   transform: translateX(-100%);
   border: 0;
 }
 .banner-3 .banner-info-3 {
   text-align: center;
   max-width: 450px;
   margin: 0 auto;
   padding: 0 30px;
 }
 .banner-3 {
   text-align: center;
 }
 .banner-3 p {
   margin-bottom: 25px;
   color: #fff;
   font-size: 18px;
 }
 .banner-3 h1 {
   font-size: 35px;
   font-weight: 600;
   margin-bottom: 15px;
   color: #fff;
 }
 .banner-3 .fa-arrow-down:before {
   content: "\f063";
 }
 .banner-3 .isa-6 .search-fields button {
   border-radius: 1px;
   box-shadow: none;
   border: none;
   background: #fff !important;
 }
 .banner-3 .isa-6 .search-fields {
   border: solid 1px #fff !important;
 }
 .banner-property-box .property-price {
   margin-right: 10px;
   font-weight: 500;
   color: #fff;
 }
 .banner h3 {
   color: #fff;
   margin-bottom: 20px;
   font-size: 50px;
   font-weight: 600;
   letter-spacing: normal;
 }
 .banner-property-box .meta ul {
   margin-bottom: 20px;
 }
 .banner-property-box .meta ul li i {
   margin: 0 3px 3px 0;
   font-size: 16px;
 }
 .banner-property-box .meta ul li {
   display: inline-block;
   margin: 0 1px 5px 0;
   border-bottom: 3px;
   color: #fff;
   font-size: 13px;
   padding: 5px 16px;
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.36)
 }
 .banner .btn-4 {
   padding: 13px 35px;
 }
 .banner-property-box .meta ul li:last-child {
   margin: 0;
 }
 .banner-6 .rent {
   color: #fff;
 }
 .banner-area {
   max-width: 520px;
   margin-right: auto;
 }
 .btn-secton {
   position: absolute;
   right: 20px;
   top: 50%;
   z-index: 15;
   padding-left: 0;
   list-style: none;
   display: inline-block;
   width: 12px;
   margin: 2px 0;
 }
 .btn-secton .carousel-indicators {
   position: relative;
   right: inherit;
   bottom: inherit;
   left: 0;
   z-index: 15;
   padding: 0;
   margin: 2px 0;
   list-style: none;
   width: 12px;
   display: inline-block;
 }
 .btn-secton .carousel-indicators li {
   position: inherit;
   display: inline-block;
   flex: 0 1 auto;
   width: 100%;
   height: 12px;
   margin: 2px 0;
   border-radius: 0;
   background-color: rgba(255, 255, 255, .5);
 }
 #search-style-2 {
   position: relative;
   margin-top: -150px;
   z-index: 10;
 }
 #search-style-2 .search-button {
   padding: 20px 26px;
   width: 100%;
   display: block;
   text-align: center;
 }
 #search-style-1 {
   transition: all 0.4s;
 }
 .ssa2 {
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
   background: #fff;
   padding: 20px 30px;
   z-index: 999;
   position: relative;
 }
 .ssa2 .form-group {
   margin-bottom: 20px;
 }
 .ssa2 .range-slider {
   margin-top: 10px;
 }
 .ssa2 .search-fields {
   background: none;
   border: none;
 }
 .ssa2 .dropdown-toggle::after {
   right: 12px;
   top: 55%;
 }
 #search-style-1 .search-fields {
   border: 1px solid #fff;
 }
 .search-area {
   display: none;
   width: 100%;
   bottom: 80px;
   text-align: left;
   z-index: 999;
   padding: 30px 0 15px;
 }
 .search-area-2 {
   padding: 30px 0 0;
 }
 .search-contents .form-group {
   margin-bottom: 0;
 }
 .carousel-control-next, .carousel-control-prev {
   color: #fff;
   opacity: 1;
 }
 .bg-grea {
   background: #e6e6e6;
 }
 .bg-grea-2 {
   background: #fff;
 }
 .bg-grea-3 {
   background: #f3f3f3;
 }
 .bg-grea-4 {
   background: #f3f3f3 !important;
 }
 .bg-grea-5 {
   background: #fff9f7 !important;
 }
 .search-area-inner {
   margin: 0 auto;
   position: relative;
   z-index: 2;
 }
 .search-contents {
   border-radius: 4px;
   transition: 0.9s ease-out;
 }
 .show-search-area {
   z-index: 9999;
   transition: all 0.4 s;
   display: block;
 }
 .bootstrap-select.btn-group .dropdown-toggle .filter-option {
   display: inline-block;
   overflow: hidden;
   width: 100%;
   text-align: left;
   font-size: 13px;
   color: #777;
   font-weight: 400;
 }
 .search-options-btn, .search-options-btn:hover {
   padding: 10px 20px 8px 20px;
   font-size: 14px;
   font-weight: 500;
   color: #FFF !important;
   cursor: pointer;
   z-index: 0;
   letter-spacing: 0.5px;
   position: absolute;
   bottom: 10px;
   border-radius: 3px;
 }
 .search-options-btn, .search-options-btn i {
   margin-left: 0;
 }
 .search-options-btn .search-options {
   float: left;
 }
 .search-options-btn .icon {
   float: left;
   font-weight: 400;
   margin-left: 4px;
 }
 .search-area label {
   font-size: 12px;
   color: #555;
   font-weight: 500;
 }
 .search-area .form-group {
   margin-bottom: 15px;
 }
 .search-area .range-slider {
   margin-top: 10px;
 }
 .search-fields {
   background: #fff;
   border-radius: 3px;
   font-size: 15px;
   font-weight: 500;
   border: 1px solid #dbdbdb;
   padding: 0;
 }
 .form-control {
   padding-left: 15px;
 }
 .search-fields button {
   border-radius: 1px;
   box-shadow: none;
   border: none;
   background: #fff !important;
 }
 .search-button {
   cursor: pointer;
   padding: 15px 26px;
   font-size: 13px;
   letter-spacing: 0.6px;
   font-weight: 600;
   color: #19130b;
   transition: .5s;
   border-radius: 0px;
   border: none;
   width: 100%;
   outline: none;
   text-transform: uppercase;
 }
 .search-button:hover {
   color: #fff;
 }
 .inline-search-area {
   max-width: 100%;
   padding: 0;
   margin: 0 15px;
 }
 .inline-search-area .search-col {
   padding: 0;
   position: relative;
 }
 .inline-search-area .icon-append {
   color: #949494;
   font-size: 15px;
   left: 10px;
   position: absolute;
   top: 18px;
 }
 .inline-search-area .search-col:first-child .form-control {
   border-radius: 3px 0 0 3px;
 }
 .inline-search-area .search-col .form-control, .inline-search-area button.btn-search {
   border-radius: 0;
   border: 0;
   height: 56px;
   margin-bottom: 0;
   font-size: 15px;
   font-weight: 500 !important;
   color: #777;
 }
 .inline-search-area .search-col .form-control {
   padding-top: 12px;
 }
 .inline-search-area button.btn-search {
   padding-top: 10px;
 }
 .inline-search-area .btn-search {
   border-radius: 0 3px 3px 0 !important;
   margin: 0;
 }
 .inline-search-area .btn-search strong {
   color: #fff;
   text-transform: uppercase;
   margin-left: 5px;
 }
 .inline-search-area .search-fields, .inline-search-area .search-fields:hover {
   border-radius: 0;
   border: solid 1px #fff;
   padding: 0 !important;
   left: 0px !important;
 }
 .inline-search-area .bootstrap-select button {
   padding: 14px 15px 16px 15px !important;
   height: 54px;
   line-height: 54px;
   border-right: solid 1px #e0e0e0 !important;
   border-radius: 0;
   margin: 0 !important;
 }
 .inline-search-area .dropdown-toggle::after {
   right: 12px;
   top: 27px;
   position: absolute;
 }
 .inline-search-area .btn-light:hover {
   color: #777;
 }
 .inline-search-area .bootstrap-select .dropdown-toggle .filter-option {
   position: absolute;
   top: 0;
   padding: 0 12px;
 }
 .isa-2 {
   background: #fff;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .isa-3 {
   display: none;
 }
 .inline-search-area .isa-5 {
   display: inline;
   width: 100%;
   max-width: 950px !important;
   padding: 0;
   margin: 0 auto;
 }
 .inline-search-area.isa-5 .bootstrap-select button {
   padding: 14px 25px 16px 20px !important;
   border-radius: 3px !important;
 }
 .inline-search-area.isa-5 .search-fields {
   border-radius: 3px;
   font-weight: 500;
 }
 .inline-search-area.isa-5 .btn-search {
   border-radius: 3px !important;
 }
 .inline-search-area.isa-5 .sf {
   height: 56px;
   padding: 0 20px !important;
   color: #545454 !important;
 }
 .inline-search-area.isa-5 .bootstrap-select button {
   color: #797979 !important;
   font-weight: 500;
 }
 .inline-search-area.isa-5 .btn-search {
   font-size: 14px !important;
 }
 .isa-6 {
   background: #fff;
   padding: 30px;
   max-width: 320px;
   margin-left: auto;
   border-radius: 0;
 }
 .isa-6 .search-fields {
   margin-bottom: 15px;
 }
 .isa-6 strong {
   color: #fff;
 }
 .isa-6 .dropdown-toggle::after {
   right: 12px;
   transform: translateY(-50%);
 }
 .isa-6 .btn {
   height: 45px;
   font-weight: 500 !important;
 }
 .isa-6 .btn i {
   margin-right: 3px;
 }
 .bi-2 {
   margin-top: 100px;
   text-align: left;
 }
 .bi-3 {
   margin-top: 100px;
 }
 .bi-4 {
   margin-top: 50px;
 }
 .filteriz-navigation {
   padding: 0;
 }
 .filteriz-navigation li {
   font-size: 16px;
   color: #343434;
   text-align: center;
   font-weight: 500;
   padding: 7px 25px 7px 25px;
   border: 0;
   margin-bottom: 4px;
   cursor: pointer;
   border-radius: 5px !important;
   background: white !important;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
 }
 .portfolio-item, .portfolio-item:focus {
   outline: none;
   margin-bottom: 0;
   position: relative;
   cursor: pointer;
 }
 .portfolio-item img, .portfolio-item img:focus {
   outline: none;
   width: 100%;
   height: 100%;
 }
 .portfolio-content p {
   font-size: 20px;
   color: #fff;
   z-index: 999;
 }
 .portfolio-content {
   top: 0;
   width: 100%;
   text-align: center;
   padding: 20px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all 0.8s ease;
   transition: all 0.8s ease;
   color: #1c1c1c;
   height: 100%;
   position: relative;
   right: 0;
   display: inline;
   color: #fff !important;
   opacity: 1;
   position: absolute;
   z-index: 1;
   background: rgb(192 55 39 / 65%);
   opacity: 0;
   visibility: hidden;
 }
 .portfolio-item:hover .portfolio-content {
   opacity: 1;
   visibility: visible;
 }
 .portfolio-content-inner {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
 }
 .overview {
   z-index: 9;
   cursor: default;
   overflow: hidden;
   text-align: center;
   position: relative;
   margin-bottom: 16px;
   box-shadow: 0 0 3px #ddd;
 }
 .overview .mask, .overview .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 25%;
   left: 0;
 }
 .overview img {
   display: block;
   position: relative;
   width: 100%;
   height: 232px;
 }
 .overview .big-img {
   height: 480px;
 }
 .overview-box img {
   left: 10px;
   margin-left: -10px;
   position: relative;
   -webkit-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   border: none;
 }
 .overview-box:hover > img {
   -webkit-transform: scale(2) rotate(10deg);
   transform: scale(2) rotate(10deg);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   opacity: 0.3;
 }
 .overview h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 18px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   text-shadow: none;
 }
 .overview-box h2 {
   color: #333;
   margin: 0 20px 0;
   background: transparent;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 .overview a.btn {
   display: inline-block;
   overflow: hidden;
   text-transform: uppercase;
 }
 .overview-box a.btn {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   transform: scale(0);
   transition: all 0.5s linear;
   padding: 4px 20px;
 }
 .overview-box:hover h2, .overview-box:hover p, .overview-box:hover a.btn {
   -webkit-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 .most-popular-places .col-pad {
   padding: 0 8px;
 }
 .bootstrap-select {
   width: 100% !important;
 }
 .bootstrap-select button {
   background: none !important;
   color: #fff !important;
   font-weight: 500;
   border-radius: 3px;
   outline: none;
   padding: 0;
 }
 .bootstrap-select .dropdown-menu li {
   padding: 0;
 }
 .bootstrap-select .dropdown-menu li a {
   padding: 10px;
 }
 .bootstrap-select .dropdown-menu li a:hover {
   background: #fbfbfb;
 }
 .bootstrap-select .dropdown-menu {
   padding: 0;
   margin: -1px 0 0 0 !important;
   border: none;
   border: transparent;
   border-radius: 0;
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
   max-width: 100%;
   min-width: 100%;
 }
 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
   margin-top: 12px;
 }
 .bootstrap-select .dropdown-menu li a {
   padding: 10px;
   font-weight: 500;
   font-size: 14px;
   outline: none;
   border: 0 !important;
 }
 .dropdown-item.active, .dropdown-item:active {
   background-color: transparent;
 }
 .bootstrap-select .dropdown-menu li a:hover {
   border: none;
   font-size: 14px;
   font-weight: 500;
 }
 .bootstrap-select .btn-default.active, .bootstrap-select .btn-default:active, .bootstrap-select .open > .dropdown-toggle.btn-default {
   color: #333;
   background-color: #eee;
   border-color: transparent !important;
   box-shadow: none !important;
 }
 .bootstrap-select .btn-default:hover {
   background: transparent !important;
   color: #777 !important;
   box-shadow: none !important;
 }
 .bootstrap-select .btn-default.active, .bootstrap-select .btn-default:active, .bootstrap-select .open > .dropdown-toggle.btn-default {
   color: #333;
   background-color: transparent !important;
   border-color: #adadad;
 }
 .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
   color: #333;
   background-color: transparent !important;
   box-shadow: none !important;
   border-color: #adadad;
 }
 .bootstrap-select .dropdown-menu.inner {
   border: 0;
   border-top: none;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .btn-light:hover {
   color: #999;
 }
 .bootstrap-select .dropdown-toggle:focus {
   outline: none !important;
 }
 .bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:focus, .bootstrap-select .dropdown-menu > .active > a:hover {
   text-decoration: none;
   background-color: #fff;
   outline: 0;
 }
 .bootstrap-select .bs-actionsbox, .bootstrap-select .bs-donebutton, .bs-searchbox {
   padding: 4px 8px;
   background: #EEE;
   border-bottom: 1px solid #d5d5d5;
 }
 .bootstrap-select .bs-searchbox .form-control {
   margin-bottom: 0;
   width: 100%;
   float: none;
   height: 36px;
   border: 1px solid #ddd;
   box-shadow: none;
 }
 .bootstrap-select .dropdown-toggle .filter-option-inner {
   overflow: hidden;
   font-size: 16px;
   letter-spacing: 0.6px;
 }
 .bootstrap-select .dropdown-menu li a.active:hover .text {
   color: #515151;
 }
 .main-title {
   margin-bottom: 50px;
   text-align: center;
 }
 .main-title h1 {
   font-size: 34px;
   font-weight: 600;
   margin: 0 0 15px;
 }
 .main-title p {
   font-size: 17px;
   margin-bottom: 0;
 }
 .main-title-2 {
   margin-bottom: 50px;
   text-align: center;
 }
 .main-title-2 h1 {
   font-size: 35px;
   font-weight: 500;
   margin-bottom: 0;
 }
 .main-title-2 .section-subtitle {
   display: inline-block;
   padding: 5px 20px;
   border-radius: 25px;
   position: relative;
   opacity: 1;
   font-weight: 500;
   font-size: 16px;
   margin-bottom: 10px;
 }
 .main-title-2 .section-subtitle::before {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   top: 50%;
   right: 50%;
   -webkit-transform: translateY(-50%) translateX(50%);
   -ms-transform: translateY(-50%) translateX(50%);
   transform: translateY(-50%) translateX(50%);
   border-radius: 25px;
   opacity: 0.1;
 }
 .main-title-3 {
   margin-bottom: 30px;
 }
 .main-title-3 p {
   color: #f0151f;
 }
 .main-title-3 p {
   font-weight: 500;
   font-size: 18px;
   margin-bottom: 2px;
   color: #161616;
 }
 .main-title-3 h1 {
   font-size: 30px;
   font-weight: 600;
   margin-bottom: 0;
   text-transform: uppercase;
 }
 .main-title-4 {
   margin: 32px 0 50px;
   position: relative;
   z-index: 1;
   text-transform: uppercase;
   font-family: "Oxygen", sans-serif;
 }
 .main-title-4 h2 {
   margin-bottom: 0;
   font-weight: 600;
   font-size: 30px;
   font-family: "Oxygen", sans-serif;
 }
 .main-title-4 h1:after, .main-title-4 h2:after, .main-title-4 h3:after {
   position: absolute;
   content: attr(data-title);
   text-transform: uppercase;
   top: 0;
   left: 50%;
   width: 100%;
   z-index: -1;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   color: #6a6a6aa6;
   font-size: 100px;
   font-weight: 700;
   opacity: .2;
   line-height: 0;
   -webkit-user-select: none;
 }
 .main-title-4.sh-two h2 {
   color: #fff;
 }
 .main-title-4.sh-two h1:after, .main-title-4.sh-two h2:after, .main-title-4.sh-two h3:after {
   color: #a1a1a1a6;
   opacity: 1;
 }
 .main-title-5 {
   margin-bottom: 40px;
   text-align: center;
 }
 .main-title-5 h1 {
   font-size: 30px;
   font-weight: 700;
   margin-bottom: 8px;
   text-transform: uppercase;
 }
 .main-title-5 p {
   margin-bottom: 0;
   font-weight: 400;
   margin-top: 20px;
 }
 .title-border {
   height: 5px;
   width: 100%;
   background: transparent;
   border-radius: 10px;
   margin: 0 auto;
 }
.title-border-inner {
    height: 4px;
    width: 50px;
    animation: pulse 3s ease infinite alternate, nudge 5s linear infinite alternate;
    border-radius: 10px;
    margin: 0;
    background: #2f7f4d !important;
    text-align: center;
    margin: 0 auto;
}

.about_sec_left h4 {
  font-weight: 600;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 6px;
  color: #000;
  letter-spacing: 4px;
  font-family: "Oxygen", sans-serif;
}
.about_sec_left {
  position: relative;
}
.about_sec_left .placeholder {
  position: absolute;
  top: 28%;
  opacity: 0.1;
  right: 0;
}

 @keyframes nudge {
   0%, 100% {
     transform: translate(0, 0);
   }
   50% {
     transform: translate(50px, 0);
   }
   80% {
     transform: translate(20px, 0);
   }
 }
 .main-title-6 {
   text-align: left;
   margin-bottom: 0;
 }
 .main-title-6 h1 {
   color: #fff;
 }
 .main-title-6 p {
   color: #fff;
   margin-bottom: 20px;
 }
 .main-title-7 {
   text-align: left;
   margin-bottom: 0;
 }
 .main-title-7 .title-border {
   height: 5px;
   width: 120px;
   background: transparent;
   border-radius: 10px;
   margin: 0 auto 20px 0 !important;
 }
 .main-title-7 h1 {
   color: #fff;
 }
 .text-color.main-title-6 h1 {
   color: #262525;
 }
 .text-color.main-title-6 p {
   color: #343434;
 }
 .mb-35 {
   margin-bottom: 35px;
 }
 .mt2 h1 {
   font-size: 35px;
   font-weight: 700;
   margin-bottom: 20px;
 }
 .contact-2 {
   z-index: 999;
 }
 .contact-2 .form-control {
   padding: 10px 17px;
   color: #495057 !important;
   width: 100%;
   min-height: 50px;
   font-size: 15px;
   font-weight: 500;
   border-radius: 3px;
   background: #fff;
   border: 1px solid #dbdbdb;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
 }
 .contact-2 .form-control:focus {
   color: #495057;
   border: 1px solid #dbdbdb;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
 }
 .contact-2 .contact-info {
   padding: 0;
 }
 .contact-2 .btn-6 {
   padding: 13px 35px;
 }
 .contact-2 textarea {
   min-height: 130px !important;
 }
 .contact-2 .form-group {
   margin-bottom: 20px;
 }
 .contact-2 .btn-message {
   border-radius: 50px;
   padding: 10px 60px 11px;
 }
 .contact-2 .main-title {
   margin-bottom: 60px;
 }
 .contact-map {
   height: 450px !important;
 }
 .contact-2-map .contact-map {
   z-index: -1;
 }
 .contact-map-content .map-content {
   width: 250px;
 }
 .contact-2 .contact-info .ca-box i {
   font-size: 25px;
 }
 .contact-2 .contact-info .ca-box h5 {
   font-weight: 400;
   font-size: 19px;
   margin: 5px 0 5px;
 }
 .contact-2 .contact-info .ca-box p {
   margin-bottom: 0;
   font-size: 15px;
 }
 .contact-2 .contact-info .ca-box p a {
   color: #343434;
 }
 .contact-2 h3 {
   font-size: 22px;
   font-weight: 500;
 }
 .slick-slider-area {
   position: relative;
 }
 .slick-slide-item {
   padding: 0 15px;
 }
 .slick-arrow-buton {
   width: 35px;
   height: 35px;
   line-height: 35px;
   top: 43%;
   font-size: 20px;
   border-radius: 3px;
   position: absolute;
   cursor: pointer;
   color: #19130b;
   z-index: 999;
   background: white;
   cursor: pointer;
   text-align: center;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .slick-arrow-buton:hover {
   color: #fff;
 }
 .slick-next {
   right: -15px;
 }
 .slick-prev {
   left: -15px;
 }
 .slick-slide, .slick-slide:focus * {
   outline: none !important;
 }
 *:focus {
   outline: none !important;
 }
 .slick-btn {
   text-align: center;
   max-width: 90px !important;
   margin: 0 auto;
   border-radius: 5px;
   position: relative;
 }
 .slick-btn .sab-4 {
   border-radius: 50px 0 0 50px;
 }
 .slick-btn .slick-arrow-buton-2:last-child {
   border: none;
 }
 .slick-btn .sab-3 {
   border-radius: 0 50px 50px 0;
 }
 .slick-btn .slick-arrow-buton-2 {
   width: 45px;
   height: 30px;
   line-height: 30px;
   cursor: pointer;
   text-align: center;
   display: block;
   float: left;
   border-right: solid 1px #e4e4e4;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   background: white;
   font-size: 20px;
   position: absolute;
 }
 .slick-btn .slick-next {
   right: 0;
 }
 .slick-btn .slick-prev {
   left: 0;
 }
 .property-box {
   margin-bottom: 30px !important;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   position: relative;
   background: #fff;
   z-index: 2;
 }
 .property-box:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .property-box:hover .price-box span {
   color: #fff;
   font-weight: 600;
 }
 .property-box .property-photo {
   overflow: hidden;
   position: relative;
 }
 .property-box .property-photo::before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   background: #fff;
   left: 0;
   bottom: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 .property-box .property-photo img {
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 .property-box .property-photo::after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   background: #fff;
   right: 0;
   top: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 .property-box:hover .property-photo::before, .property-box:hover .property-photo::after {
   width: 100%;
   height: 100%;
   opacity: 0.3;
   visibility: visible;
   background: linear-gradient(0, #212aff, rgb(255 171 74 / 17%));
 }
 .property-box:hover .tag {
   background: #fff;
 }
 .property-box:hover .featured {
   background: #fff;
 }
 .property-thumbnail {
   position: relative;
 }
 .property-thumbnail:before {
   content: "";
   top: 0;
   position: absolute;
   height: 100%;
   width: 100%;
   z-index: 9;
   background: linear-gradient(to top, rgba(35, 35, 37, 0.2) 0%, rgba(35, 35, 37, 0.1) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
   border-radius: 4px 4px 0 0;
   opacity: 1;
 }
 .property-box .detail {
   padding: 20px 25px;
   background: #fff;
 }
 .property-box .detail .title {
   font-size: 21px;
   margin: 5px 0 10px;
   font-weight: 500;
 }
 .property-box .detail .title a:hover {
   color: #343a40;
 }
 .property-box .detail .location {
   margin: 0;
   font-size: 15px;
   font-weight: 500;
 }
 .property-box .detail .location a {
   color: #5f5e5e;
 }
 .property-box .detail .location i {
   margin-right: 3px;
 }
 .property-box .facilities-list {
   background: #f7f7f7;
   padding: 20px 25px;
 }
 .property-box .facilities-list li {
   list-style: none;
   float: left;
   font-weight: 400;
   line-height: 25px;
   font-size: 15px;
   margin-right: 25px;
 }
 .property-box .facilities-list li:last-child {
   margin: 0;
 }
 .property-box .facilities-list li span {
   display: table;
   font-weight: 500;
 }
 .property-box .footer {
   padding: 15px 25px;
   font-size: 15px;
   font-weight: 400;
   color: #343434;
 }
 .property-box .footer a {
   color: #343434;
 }
 .property-box .footer span {
   float: right;
 }
 .property-box .footer i {
   margin-right: 5px;
 }
 .price-box {
   color: #fff;
   text-align: right;
   font-size: 15px;
   position: absolute;
   bottom: 15px;
   right: 15px;
   font-weight: 500;
   z-index: 20;
   font-family: "Oxygen", sans-serif;
 }
 .ratings span {
   color: #fff;
 }
 .listing-badges {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   display: block;
   font-size: 15px;
   padding: 0;
   overflow: hidden;
   height: 100px;
 }
 .listing-badges .featured {
   float: left;
   transform: rotate(-45deg);
   left: -67px;
   top: 17px;
   position: relative;
   text-align: center;
   width: 200px;
   letter-spacing: 0.5px;
   font-size: 12px;
   margin: 0;
   padding: 7px 10px;
   font-weight: 500;
   color: #fff;
   box-shadow: 1px 2px 3px 0 rgba(2, 0, 0, .2);
   background-color: rgba(0, 0, 0, 0.5);
   text-transform: uppercase;
   z-index: 999;
 }
 .property-box-2 {
   margin-bottom: 30px;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   position: relative;
   z-index: 2;
   overflow: hidden;
   background: #fff;
 }
 .property-box-2:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .property-box-2:hover .price-box span {
   color: #fff;
   font-weight: 600;
 }
 .property-box-2 .detail .title {
   font-size: 22px;
   margin-bottom: 10px;
   font-weight: 500;
 }
 .property-box-2 .property-photo::before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   background: #fff;
   left: 0;
   bottom: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 .property-box-2 .property-photo img {
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 .property-box-2 .property-photo::after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   background: #fff;
   right: 0;
   top: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 .property-box-2:hover .property-photo::before, .property-box-2:hover .property-photo::after {
   width: 100%;
   height: 100%;
   opacity: 0.3;
   visibility: visible;
   background: linear-gradient(0, #212aff, rgb(255 171 74 / 17%));
 }
 .property-box-2 .property-photo img {
   height: 245px;
 }
 .property-box-2 .property-photo {
   overflow: hidden;
   position: relative;
 }
 .property-box-2:hover .tag {
   background: #fff;
 }
 .property-box-2:hover .featured {
   background: #fff;
 }
 .property-box-2 .property-img img {
   width: 100%;
 }
 .property-box-2 .detail .title a:hover {
   color: #343a40;
 }
 .property-box-2 .detail .location {
   margin: 0;
 }
 .property-box-2 .detail .location a {
   font-size: 14px;
   color: #5f5e5e;
   font-family: "Oxygen", sans-serif;
   font-weight: 500;
 }
 .property-box-2 .detail .location i {
   margin-right: 5px;
 }
 .property-box-2 .listing-badges .featured {
   left: -51px;
 }
 .property-box-2 .listing-time {
   position: absolute;
   z-index: 9;
   top: 8px;
   left: 30px;
 }
 .property-box-2 .facilities-list {
   background: #f7f7f7;
   padding: 20px 25px;
 }
 .property-box-2 .facilities-list li {
   list-style: none;
   float: left;
   font-weight: 400;
   line-height: 25px;
   font-size: 14px;
   margin-right: 25px;
 }
 .property-box-2 .facilities-list li span {
   display: table;
   font-weight: 500;
 }
 .property-box-2 .facilities-list li:last-child {
   margin: 0;
 }
 .property-box-2 .footer {
   padding: 15px 25px;
   font-size: 15px;
   font-weight: 400;
   color: #343434;
 }
 .property-box-2 .footer a {
   color: #343434;
 }
 .property-box-2 .footer i {
   margin-right: 5px;
 }
 .property-box-2 .footer span {
   float: right;
 }
 .property-box-2 .hdg {
   padding: 20px 25px;
 }
 .op-2 {
   padding: 25px 0 0;
 }
 .property-box-2 .tag {
   left: 15px;
 }
 .property-box-3 {
   position: relative;
   overflow: hidden;
   background: #fff;
   z-index: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: auto 120%;
   transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
   width: 100% !important;
   border-radius: 0;
 }
 .property-box-3:hover {
   background-size: auto 130%;
 }
 .property-box-3:before {
   content: "";
   top: 0;
   position: absolute;
   height: 100%;
   width: 100%;
   z-index: 0;
   border-radius: 4px 4px 0 0;
   opacity: 1;
   background: linear-gradient(0, #19130b00087, rgb(102 73 69 / 3%));
   z-index: 1;
 }
 .property-box-3 h3 {
   -webkit-transition: .4s;
   transition: .4s;
   font-weight: 600;
   font-size: 28px;
   margin: 0 0 12px;
   text-transform: uppercase;
 }
 .property-box-3 .box-1 {
   position: relative;
   padding: 50px;
   width: 100%;
   z-index: 2;
   max-width: 800px;
   background: #19130b0009c;
   text-align: center;
   height: 450px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: 150px auto;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .property-box-3 .box-1 .ling-section {
   display: block;
 }
 .property-box-3 h3 a {
   color: #fff;
 }
 .property-box-3 h3 a:hover {
   color: #fff;
   opacity: 0.9;
 }
 .property-box-3 .read-more-btn {
   display: inline-block;
   position: absolute;
   bottom: 0;
   left: 87px;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: 0.6;
   transition: 0.6;
   font-size: 15px;
   font-weight: 500;
   text-align: left;
   padding: 7px 22px;
   border-radius: 3px;
   background: #fff;
 }
 .property-box-3 .read-more-btn::before {
   content: '';
   position: absolute;
   width: 0;
   -webkit-transition: .5s;
 }
 .property-box-3 .member-socials {
   display: flex;
   -webkit-transition: .4s;
   transition: .4s;
   margin-bottom: 25px;
   color: #fff;
   flex-wrap: wrap;
   justify-content: center;
   gap: 15px 20px;
 }
 .property-box-3 .member-socials li {
   list-style: none;
   font-weight: 400;
   line-height: 30px;
   font-size: 13px;
   display: flex;
   width: auto;
   align-items: center;
   justify-content: center;
   gap: 0 12px;
 }
 .property-box-3 .member-socials li img {
   width: 25px;
 }
 .property-box-3:hover .read-more-btn {
   opacity: 1;
   visibility: visible;
   bottom: 0;
   text-align: left;
 }
 .property-box-3 .read-more-btn:hover {
   color: #fff;
 }
 .tag {
   position: absolute;
   top: 15px;
   left: 15px;
   z-index: 20;
   font-size: 12px;
   letter-spacing: 0.8px;
   color: #fff;
   padding: 6px 14px 4px;
   font-weight: 500;
   border-radius: 3px;
   text-transform: uppercase;
 }
 .tag::after {
   position: absolute;
   content: '';
   width: 0;
   height: 0;
   border-top: 0;
   border-bottom: 10px solid transparent;
   bottom: -10px;
   left: 0;
 }
 .plan-price {
   font-size: 30px;
   font-weight: 700;
   padding: 0;
   position: absolute;
   bottom: 5px;
   z-index: 40;
   right: 20px;
   font-family: "Oxygen", sans-serif;
 }
 .plan-price sup {
   font-size: 15px;
   position: relative;
   top: -15px;
   color: #fff;
   font-weight: 400;
 }
 .plan-price span {
   font-size: 15px;
   color: #fff;
   font-weight: 400;
 }
 .property-box-4 {
   width: 100%;
   background: #fff;
   margin-bottom: 30px;
   position: relative;
   overflow: hidden;
 }
 .service-info-4:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .property-box-4 .detail .heading {
   padding: 25px 20px;
   margin-bottom: 0;
 }
 .property-box-4 .detail h3 {
   font-size: 21px;
   font-weight: 500;
   margin-bottom: 10px;
 }
 .property-box-4 .detail .location {
   margin: 0;
   font-size: 15px;
   font-weight: 400;
 }
 .property-box-4 .detail .location a {
   color: #343434;
 }
 .property-box-4 .detail .location i {
   margin-right: 3px;
 }
 .property-box-4 .properties-listing {
   text-align: center;
   width: 100%;
   border-top: 1px solid #ebebeb;
   border-bottom: 0;
 }
 .property-box-4 .properties-listing ul li {
   color: #5a5959;
   line-height: 45px !important;
   text-align: center;
   width: 33.30%;
   float: left;
   font-size: 14px;
   font-weight: 400;
   border-right: 1px solid #ebebeb;
 }
 .property-box-4 .properties-listing ul li:last-child {
   border-right: none;
 }
 .property-box-4 .properties-listing span:last-child {
   border: none;
 }
 .property-box-4 .property-photo {
   position: relative;
 }
 .property-box-4 .property-photo img {
   border-radius: 0;
 }
 .property-box-4 .property-photo:before {
   content: "";
   top: 0;
   position: absolute;
   height: 100%;
   width: 100%;
   z-index: 9;
   background: linear-gradient(to top, rgba(35, 35, 37, 0.4) 0%, rgba(35, 35, 37, 0.1) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
   opacity: 1;
 }
 .property-box-4 .price-box {
   color: #fff;
   text-align: right;
   font-size: 15px;
   position: absolute;
   bottom: 10px;
   right: 15px;
   z-index: 20;
 }
 .property-box-4 .tag {
   position: absolute;
   top: 15px;
   left: 15px;
   z-index: 20;
   letter-spacing: 1px;
   color: rgb(255, 255, 255);
   font-weight: 500;
   border-radius: 3px;
 }
 .property-box-4:before {
   content: "";
   position: absolute;
   top: 0px;
   left: -150px;
   height: 2px;
   width: 150px;
   transition: all 0.9s;
   z-index: 999;
 }
 .property-box-4:after {
   content: "";
   position: absolute;
   bottom: 0px;
   right: -150px;
   height: 2px;
   width: 150px;
   transition: all 0.9s;
   z-index: 999;
 }
 .property-box-4:hover:before {
   left: 0;
 }
 .property-box-4:hover:after {
   right: 0;
 }
 .property-box-5 img {
   height: 500px;
 }
 .property-box-5 .detail {
   max-width: 350px !important;
   padding: 30px;
   border-radius: 5px;
   background: rgba(0, 0, 0, 0.36);
   -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
 }
 .property-box-5 .detail ul {
   margin-bottom: 20px;
 }
 .property-box-5 .detail ul li {
   font-weight: 400;
   font-size: 15px;
   line-height: 30px;
   color: #fff;
 }
 .property-box-5 .detail ul li strong {
   font-weight: 500;
   color: #fff;
 }
 .property-box-5 .detail ul li a {
   color: #fff;
 }
 .property-box-5 .detail h3 {
   font-weight: 600;
   font-size: 27px;
   margin-bottom: 20px;
 }
 .property-box-5 .detail h3 a:hover {
   color: #fff;
 }
 .property-box-5 .carousel-caption {
   right: 0;
   bottom: 0;
   left: 0;
   top: 0;
   padding: 86.5px 30px;
 }
 .property-box-5 .carousel-item {
   border-radius: 10px;
 }
 .property-box-5 .btn-3 {
   padding: 0 25px 0 25px;
   line-height: 38px;
 }
 .property-box-5 .carousel-indicators [data-bs-target] {
   width: 12px;
   height: 12px;
   opacity: 1;
   border-top: 0px solid transparent;
   border-bottom: 0px solid transparent;
 }
 .property-box-5 .carousel-indicators {
   margin-bottom: 2rem;
 }
 .property-box-6 {
   padding: 0 0 25px;
   overflow: hidden;
   position: relative;
   background-color: #fff;
   margin-bottom: 30px;
 }
 .property-box-6:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 .property-box-6:before, .property-box-6:after {
   content: "";
   position: absolute;
   z-index: -1;
 }
 .property-box-6 .property-inner {
   padding: 0 30px;
 }
 .property-box-6:before {
   text-align: left;
 }
 .property-box-6 .properties-name {
   font-size: 21px;
 }
 .property-box-6 .property-photo {
   height: 341px;
   width: 100%;
   margin: 0 auto 30px;
   border-radius: 0;
   overflow: hidden;
 }
 .property-box-6 .property-photo img {
   width: 100%;
 }
 .property-box-6:hover .team-hover-content {
   visibility: visible;
   opacity: 1;
 }
 .property-box-6 .facilities-list li {
   list-style: none;
   margin-right: 20px;
   float: left;
   font-weight: 400;
   line-height: 32px;
   font-size: 15px;
   color: #343434;
 }
 .property-box-6 .facilities-list li:last-child {
   margin-right: 0;
 }
 .property-box-6 .team-hover-content {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   transition: .8s;
   opacity: 0;
   visibility: hidden;
   text-align: left;
 }
 .property-box-6 .team-hover-content .property-photo {
   width: 100%;
   height: 100%;
   border-radius: 0;
   margin-bottom: 0;
 }
 .property-box-6 .team-hover-content .property-info {
   color: #fff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   text-align: left;
   padding: 25px;
   background: linear-gradient(0, #212affb0, rgb(255 171 74 / 17%));
   margin-bottom: 0;
   padding-bottom: 100px;
 }
 .property-box-6:hover h4 a {
   color: #fff;
 }
 .property-box-6 .team-hover-content .properties-name {
   color: #fff;
   font-size: 21px;
   font-weight: 500;
   transform: translateY(50px);
   transition: all .4s cubic-bezier(.76, .21, .32, .85);
   transition-delay: .3s;
   opacity: 0;
 }
 .property-box-6 .team-hover-content .location {
   transform: translateY(50px);
   transition: all .4s cubic-bezier(.76, .21, .32, .85);
   transition-delay: .2s;
   transform: translateY(50px);
   opacity: 0;
   color: #fff;
   margin-bottom: 0;
   font-size: 15px;
 }
 .property-box-6:hover .team-hover-content .properties-name {
   opacity: 1;
   transform: translateY(0);
   transition-delay: .1s;
 }
 .property-box-6:hover .team-hover-content .location {
   opacity: 1;
   transform: translateY(0);
   transition-delay: .2s;
 }
 .property-box-6:hover .location a {
   color: #fff;
 }
 .property-box-6:hover .member-socials {
   opacity: 1;
   transform: translateY(0);
   transition-delay: .3s;
 }
 .property-box-6:hover .member-socials li {
   list-style: none;
   margin-right: 15px;
   float: left;
   font-weight: 400;
   line-height: 32px;
   font-size: 15px;
   color: #fff;
 }
 .property-box-6:hover .member-socials li:last-child {
   margin-right: 0;
 }
 .property-box-6 .member-socials {
   position: absolute;
   left: 25px;
   right: 25px;
   bottom: 25px;
   width: 100%;
   transform: translateY(50px);
   transition: all .4s cubic-bezier(.76, .21, .32, .85);
   transition-delay: .1s;
   opacity: 0;
 }
 .property-box-6 .member-socials li {
   display: inline-block;
   text-align: center;
   transition: .3s;
   color: #fff;
   margin: 0;
 }
 mark {
   color: #fff;
   padding: 10px 25px;
   border-radius: 3px;
 }
 .slide-box-2 {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 .slide-box-2 .slide-container {
   width: 100%;
 }
 .slide-box-2 .card {
   width: 100%;
   background: transparent;
   border: none;
 }
 .slide-box-2 .cardImage {
   position: relative;
   display: flex;
   padding: 0 15px;
 }
 .slide-box-2 .clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
 }
 .slide-box {
   padding: 0 15px;
 }
 .comon-slick .slick .item .property-box-3 {
   background-position: center;
   background-size: cover;
   transition: .3s;
   margin: 0;
   opacity: 1;
   -webkit-transform: scale3d(0.9, 0.9, 9);
   transform: scale3d(0.9, 0.9, 9);
   transition: all 0.3s ease-in-out;
 }
 .comon-slick .slick .item .property-box {
   background-position: center;
   background-size: cover;
   transition: .3s;
   margin: 0;
   opacity: 1;
   -webkit-transform: scale3d(0.9, 0.9, 9);
   transform: scale3d(0.9, 0.9, 9);
   transition: all 0.3s ease-in-out;
 }
 .comon-slick .slick .slick-list {
   padding: 0 !important;
 }
 .comon-slick .slick .slick-center .property-box-3 {
   opacity: 1;
   -webkit-transform: scale3d(1.0, 1.0, 1);
   transform: scale3d(1.0, 1.0, 1);
 }
 .comon-slick .slick .slick-center .property-box {
   opacity: 1;
   -webkit-transform: scale3d(1.0, 1.0, 1);
   transform: scale3d(1.0, 1.0, 1);
 }
 .comon-slick .slick-slide {
   outline: none
 }
 .comon-slick .slick-prev, .slick-next {
   position: absolute;
   top: 50%;
   z-index: 1;
 }
 .comon-slick .slick-prev i {
   display: none;
 }
 .comon-slick .slick-next i {
   display: none;
 }
 .comon-slick .slick-prev {
   width: 50px;
   height: 50px;
   line-height: 35px;
   position: absolute;
   top: 43%;
   border-radius: 100px;
   z-index: 999;
   left: 30%;
   text-align: center;
   background: #fff;
   border: none;
   opacity: 1;
   font-size: 27px;
   display: initial;
   box-shadow: 0 0 15px rgb(0 0 0 / 10%);
 }
 .comon-slick .slick-prev::before {
   content: "←";
 }
 .comon-slick .slick-next::before {
   content: "→";
 }
 .comon-slick .slick-next {
   width: 50px;
   height: 50px;
   line-height: 35px;
   position: absolute;
   top: 43%;
   z-index: 999;
   right: 30%;
   text-align: center;
   background: #fff;
   opacity: 1;
   font-size: 27px;
   display: initial;
   border: none;
   border-radius: 100px;
   box-shadow: 0 0 15px rgb(0 0 0 / 10%);
 }
 .comon-slick .comon-slick-inner .slick-next {
   display: none !important;
 }
 .comon-slick .comon-slick-inner .slick-prev {
   display: none !important;
 }
 .popular-places {
   margin-bottom: 25px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   position: relative;
   z-index: 2;
 }
 .popular-places .popular-places-photo {
   position: relative;
   transform: scale(1);
   transition: 1s;
 }
 .popular-places .popular-places-inner:hover .popular-places-photo {
   transform: scale(1.2);
 }
 .popular-places .popular-places-overflow {
   overflow: hidden;
   position: relative;
   border-radius: 3px;
 }
 .popular-places-photo:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }
 .popular-places-photo:after {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   background: linear-gradient(to top, rgb(0 0 0 / 77%) 0%, rgb(35 35 37 / 42%) 35%, rgb(255 255 255 / 0%) 60%, rgb(255 255 255 / 0%) 100%);
   bottom: 0;
 }
 .popular-places .popular-places-inner:hover .popular-places-photo:before {
   width: 100%;
 }
 .popular-places .popular-places-photo:before {
   position: absolute;
   content: '';
   background: linear-gradient(0, #19130bb0, rgb(192 55 39 / 22%));
   right: 0;
   width: 0%;
   height: 100%;
   transition: 1s;
 }
 .popular-places .info {
   position: absolute;
   bottom: 20px;
   left: 20px;
   z-index: 20;
   color: #fff;
   font-weight: 500;
 }
 .popular-places .info h3 {
   margin-bottom: 2px;
   font-weight: 400;
   color: #fff;
   font-size: 22px;
 }
 .popular-places .info p {
   color: #efefef;
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 0;
 }
 .popular-places .new {
   position: absolute;
   top: 15px;
   right: 15px;
   z-index: 20;
   text-align: center;
   font-size: 14px;
   font-weight: 600;
   line-height: 30px;
   background: #777;
   border-radius: 5px;
   display: block;
   transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
   padding: 1px 15px;
   letter-spacing: 0.5px;
 }
 .popular-places:hover .new {
   transform: rotateY(360deg);
 }
 .popular-places img {
   width: 100%;
   height: 271px;
   object-fit: cover;
   background-position: center;
 }
 .popular-places .big-img {
   height: 567px;
   width: 100%;
 }
 .about-text {
   padding: 15px 0 0 15px;
 }
 .about-text p {
   margin-bottom: 20px;
 }
 .about-text h3 {
   font-size: 34px;
   font-weight: 600;
   margin: 0 0 15px;
 }
 .about-text .bottom {
   width: 100%;
   margin-top: 30px;
 }
 .about-text .name {
   font-weight: 500;
   font-size: 20px;
   text-transform: uppercase;
   color: #262525;
   margin-bottom: 5px;
 }
 .about-text .left {
   float: left;
 }
 .about-text .signature img {
   vertical-align: middle;
   height: 53px;
 }
 .about-text .signature {
   float: right;
 }
 .about-real-estate .about-img-section {
   position: relative;
 }
 .about-real-estate .about-img-section .image-box {
   position: relative;
   display: block;
   margin-left: auto;
   padding-bottom: 20px;
   max-width: 550px;
 }
 .about-real-estate .about-img-section .image-box .image-1 {
   position: relative;
   overflow: hidden;
   width: 100%;
 }
 .about-real-estate .about-box-Experience {
   position: absolute;
   right: 100px;
   bottom: 0;
   width: 320px;
 }
 .about-real-estate .about-box-Experience .content {
   position: absolute;
   right: 32%;
   top: 23%;
   transform: rotate(-28deg);
   text-align: center;
 }
 .about-real-estate .about-box-Experience .content h3 {
   font-size: 45px;
   color: #ffffff;
   font-weight: 700;
   margin-bottom: 5px;
 }
 .about-real-estate .about-box-Experience .content p {
   font-size: 18px;
   color: #ffffff;
   margin-bottom: 0;
 }
 .about-real-estate .about-img-section .image-box {
   -webkit-animation: glide 2s ease-in-out alternate infinite;
 }
 @-webkit-keyframes glide {
   from {
     left: 0px;
     top: 0px;
   }
   to {
     left: 0px;
     top: 20px;
   }
 }
 .service-box {
   padding: 15px;
   margin-bottom: 30px;
   border: none;
 }
 .service-box:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .service-box .detail {
   padding: 20px 0 0;
 }
 .service-box img {
   border-radius: 0;
 }
 .service-box p {
   font-size: 15px;
   line-height: 25px;
   margin-bottom: 10px;
 }
 .service-box .heading {
   display: block;
   margin-bottom: 10px;
 }
 .service-box .heading .number {
   margin-right: 10px;
   float: left;
 }
 .service-box .heading .number h5 {
   font-size: 35px;
   font-weight: 500;
   margin: 0;
   line-height: 35px;
 }
 .service-box .title {
   float: left;
 }
 .service-box .heading .title h4 {
   font-size: 16px;
   font-weight: 500;
   line-height: 38px;
   margin: 0;
 }
 .service-box .read-more {
   font-weight: 500;
   font-size: 14px;
 }
 .our-agent-sidebar .team-1 {
   margin: 0 auto 0;
   box-shadow: none;
   border-bottom: solid 1px #f7f7f7;
 }
 .our-agent-sidebar .carousel-indicators li {
   width: 10px;
   height: 10px;
   background-color: #8a8989;
   border-radius: 50px;
 }
 .our-agent-sidebar .carousel-indicators {
   bottom: 20px;
 }
 .our-agent-sidebar .p-20 {
   padding: 20px 20px 0;
 }
 .our-agent-sidebar {
   margin-bottom: 20px;
 }
 .our-agent-sidebar .team-1 .team-details {
   text-align: center;
   padding: 25px 20px 45px;
 }
 .our-agent-sidebar .carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 15px;
   height: 15px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #19130b;
   border: 0;
   border-top: 0px solid transparent;
   border-bottom: 0px solid transparent;
   opacity: 1;
 }
 .our-agent-sidebar .team-1 .team-info {
   padding: 30px 30px 60px !important;
 }
 .pricing-1 {
   margin-bottom: 30px;
   position: relative;
   z-index: 9;
   background: #fff;
   -webkit-transition: .9s;
   transition: .9s;
   overflow: hidden;
 }
 .pricing-1:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-transform: translateY(-9px);
   transform: translateY(-9px);
 }
 .pricing-1:hover:before {
   width: 100%;
 }
 .pricing-1::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   -webkit-transition: .9s;
   transition: .9s;
   border-radius: 9px;
 }
 .pricing-1:hover .plan-header h5, .pricing-1:hover .plan-price sup, .pricing-1:hover .plan-price, .pricing-1:hover .plan-header p, .pricing-1:hover .plan-price span, .pricing-1:hover .plan-list ul, .pricing-1:hover .plan-list ul li i {
   color: #fff !important;
 }
 .pricing-1:hover .plan-list ul li {
   border-bottom: 1px dashed #ffffff63;
 }
 .pricing-1 .plan-header .plan-price span {
   font-size: 16px;
   color: #343434;
   font-weight: 500;
 }
 .pricing-1 .plan-header {
   padding: 40px 22px 0;
   border-width: 1px;
   position: relative;
   text-align: center;
 }
 .pricing-1 .plan-header h5 {
   margin-bottom: 5px;
   font-weight: 500;
 }
 .pricing-1 .plan-header .plan-price sup {
   font-size: 24px;
   position: relative;
   top: -30px;
   color: #343434;
   font-weight: 500;
 }
 .pricing-1 .plan-header .plan-price {
   font-size: 60px;
   font-weight: 700;
   position: initial;
   text-align: center;
   font-family: "Oxygen", sans-serif;
   padding: 0;
   width: 100%;
 }
 .pricing-1 .plan-header .plan-price span {
   font-size: 16px;
   color: #343434;
   font-weight: 500;
 }
 .pricing-1 .plan-list {
   border-width: 0 1px 1px;
   padding: 20px 0 40px;
 }
 .pricing-1 .plan-list ul {
   display: table;
   margin: 0 auto;
   padding: 0 40px;
 }
 .pricing-1 .plan-list ul li {
   list-style: none;
   border-bottom: 1px dashed #eaeceb;
   line-height: 42px;
   font-size: 15px;
   font-weight: 500;
 }
 .pricing-1 .plan-list ul li i {
   margin-right: 12px;
 }
 .pricing-1 .plan-list ul li:last-child {
   border-bottom: none;
 }
 .pricing-1 .plan-button {
   padding-top: 20px;
 }
 .pricing-1 .pricing-btn {
   border-radius: 3px;
 }
 .pricing-1:hover .pricing-btn {
   background-color: #fff;
   border: solid 1px #fff;
 }
 .intro-section {
   position: relative;
 }
 .intro-section .intro-section-inner {
   padding: 50px 0;
   position: relative;
   z-index: 1;
   overflow: hidden;
 }
 .intro-section h3 {
   font-size: 27px;
   margin: 0;
   line-height: 50px;
   color: #fff;
   z-index: 999;
   font-weight: 300;
 }
 .intro-section .btn-7 {
   float: right;
 }
 .intro-section .intro-section-inner .btn-5 {
   border: 2px solid #fff;
   color: #fff;
 }
 .our-agent-sidebar .team-1 .team-details h5 a {
   font-size: 20px;
 }
 .team-1 {
   text-align: center;
   transition: .5s all ease;
   -webkit-transition: .5s all ease;
   -moz-transition: .5s all ease;
   -o-transition: .5s all ease;
   -ms-transition: .5s all ease;
   background: #fff;
   margin-bottom: 30px;
 }
 .team-1:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 .team-1 .team-thumb {
   position: relative;
 }
 .team-thumb img {
   width: 100%;
   height: auto;
   border: none;
   display: block;
   -webkit-border-radius: 0;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 .team-1 .team-social {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   justify-content: flex-end;
   overflow: hidden;
 }
 .team-1 .flex-middle {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .team-1 .team-social .team-overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   transform: translateY(-110%);
   transition: all 0.5s linear;
   transition: .5s all ease;
   -webkit-transition: .5s all ease;
   -moz-transition: .5s all ease;
   -o-transition: .5s all ease;
   -ms-transition: .5s all ease;
 }
 .team-1 .team-social .team-social-inner {
   position: absolute;
   left: 0;
   opacity: 0;
   padding-left: 20px;
   transform: translateX(-100px);
   transition: .3s all ease 0.4s;
   transition: .3s all ease 0.4s;
   -webkit-transition: .3s all ease 0.4s;
   -moz-transition: .3s all ease 0.4s;
   -o-transition: .3s all ease 0.4s;
   -ms-transition: .3s all ease 0.4s;
 }
 .team-1 .team-social a {
   display: block;
   font-size: 18px;
   line-height: 1;
   margin: 5px 0;
   padding: 11px;
   background: #fff;
   border-radius: 5%;
   transition: .3s all ease 0.4s;
   transition: .3s all ease 0.4s;
   -webkit-transition: .3s all ease 0.4s;
   -moz-transition: .3s all ease 0.4s;
   -o-transition: .3s all ease 0.4s;
   -ms-transition: .3s all ease 0.4s;
   color: #19130b;
 }
 .team-1 .team-social a:hover {
   color: #19130b;
 }
 .team-1 .team-info {
   padding: 30px 20px;
   font-size: 20px;
 }
 .team-1 .team-info h4 {
   font-size: 20px;
   margin-bottom: 5px;
   font-weight: 500;
 }
 .team-1 .team-info p {
   font-size: 16px;
   margin-bottom: 0;
 }
 .team-1:hover .team-social .team-overlay {
   transform: translateY(0);
   opacity: .8;
 }
 .team-1 .team-social .team-overlay, .team-sub-line:before {
   background: rgb(12 62 185 / 51%);
 }
 .team-1:hover .team-social .team-social-inner {
   transform: translateX(0);
   opacity: 1;
 }
 .team-2 {
   margin: 0 1px;
   margin-bottom: 30px;
   background: #fff !important;
   position: relative;
   z-index: 2;
 }
 .team-2:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .team-2 .detail {
   padding: 10px 20px 10px 25px;
 }
 .team-2 img {
   width: 100%;
 }
 .team-2 .detail h5 {
   margin: 0 0 20px;
   font-size: 13px;
   font-weight: 500;
   color: #5f5e5e;
   text-transform: uppercase;
 }
 .team-2 .detail h4 {
   margin: 0 0 10px;
   font-size: 22px;
   font-weight: 500;
 }
 .team-2 .photo {
   overflow: hidden;
   position: relative;
 }
 .team-2 .photo::before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   background: #fff;
   left: 0;
   bottom: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 .team-2 .photo img {
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 .team-2 .photo::after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   background: #fff;
   right: 0;
   top: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 .team-2 .photo:hover .photo::before, .team-2:hover .photo::after {
   width: 100%;
   height: 100%;
   opacity: 0.7;
   visibility: visible;
   background: linear-gradient(0, #2168ff, rgb(255 171 74 / 17%));
 }
 .team-2 .detail .contact {
   margin-bottom: 20px;
 }
 .team-2 .detail .contact ul li {
   margin-bottom: 10px;
   font-size: 16px;
   position: relative;
   padding-left: 22px;
 }
 .team-2 .detail .contact ul li a {
   font-weight: 400;
   color: #5f5e5e;
 }
 .team-2 .detail .contact ul li i {
   left: 0;
   position: absolute;
 }
 .team-2 .detail .social-list li {
   display: inline-block;
   font-size: 16px;
 }
 .team-2 .detail .social-list li a {
   margin-right: 0px;
   font-size: 14px;
   width: 35px;
   height: 35px;
   border-radius: 0px;
   display: inline-block;
   text-align: center;
   line-height: 35px;
   display: inline-block;
   vertical-align: middle;
   transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .team-2:hover li a {
   transform: rotateY(360deg);
 }
 .team-3 {
   padding: 50px 10px 30px;
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   background-color: #fff;
   margin-bottom: 30px;
   text-align: center;
 }
 .team-3:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 .team-3:before, .team-3:after {
   content: "";
   position: absolute;
   z-index: -1;
 }
 .team-3:before {
   text-align: left;
 }
 .team-3 .member-name {
   font-size: 20px;
 }
 .team-3 .member-thumb {
   width: 170px;
   height: 170px;
   margin: 0 auto 30px;
   border-radius: 50%;
   overflow: hidden;
 }
 .team-3 .member-thumb img {
   width: 100%;
 }
 .team-3:hover .team-hover-content {
   visibility: visible;
   opacity: 1;
 }
 .team-3 .team-hover-content {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   transition: .8s;
   opacity: 0;
   visibility: hidden;
 }
 .team-3 .team-hover-content .member-thumb {
   width: 100%;
   height: 100%;
   border-radius: 0;
   margin-bottom: 0;
 }
 .team-3 .team-hover-content .member-name-designation {
   color: #fff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   text-align: center;
   padding: 30px 10px;
   background: linear-gradient(0, #215bffc9, rgb(255 171 74 / 17%));
   margin-bottom: 0;
   padding-bottom: 60px;
 }
 .team-3:hover h4 a {
   color: #fff;
 }
 .team-3 .team-hover-content .member-name {
   color: #fff;
   font-size: 20px;
   transform: translateY(50px);
   transition: all .4s cubic-bezier(.76, .21, .32, .85);
   transition-delay: .3s;
   opacity: 0;
 }
 .team-3 .team-hover-content .member-designation {
   transform: translateY(50px);
   transition: all .4s cubic-bezier(.76, .21, .32, .85);
   transition-delay: .2s;
   transform: translateY(50px);
   opacity: 0;
   color: #fff;
   margin-bottom: 0;
   font-size: 16px;
 }
 .team-3:hover .team-hover-content .member-name {
   opacity: 1;
   transform: translateY(0);
   transition-delay: .1s;
 }
 .team-3:hover .team-hover-content .member-designation {
   opacity: 1;
   transform: translateY(0);
   transition-delay: .2s;
 }
 .team-3:hover .member-socials {
   opacity: 1;
   transform: translateY(0);
   transition-delay: .3s;
 }
 .team-3 .member-socials {
   position: absolute;
   left: 0;
   bottom: 25px;
   width: 100%;
   transform: translateY(50px);
   transition: all .4s cubic-bezier(.76, .21, .32, .85);
   transition-delay: .1s;
   opacity: 0;
 }
 .team-3 .member-socials a {
   display: inline-block;
   text-align: center;
   transition: .3s;
   color: #fff;
   margin: 0 7px;
 }
 .our-team-4 h1 {
   color: #262525;
   opacity: 1;
 }
 .our-team-4 p {
   color: #343434;
   opacity: 1;
 }
 .team-5 {
   position: relative;
   margin-bottom: 30px;
 }
 .team-5 .team-info {
   width: 100%;
   height: 100%;
   position: relative;
 }
 .team-5 img {
   width: 100%;
   height: 100%;
   border-radius: 8px;
 }
 .team-5 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   background-color: rgb(0 0 0 / 30%);
   overflow: hidden;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: 0.3s ease;
   transition: 0.3s ease;
   border-radius: 8px 8px;
 }
 .team-5 .text-section {
   color: white;
   font-size: 20px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
   width: 100%;
 }
 .team-5 .text-section i {
   color: #fff;
   font-weight: 400;
   border: 1px solid #fff;
   padding: 12px 10px 8px;
   border-radius: 3px;
   margin-right: 5px;
   width: 45px;
   height: 45px;
   font-size: 20px;
 }
 .team-5 .text-section i:hover {
   border: 1px solid #fff;
   background: #fff;
 }
 .team-5 .text-section .btn-primary {
   background-color: transparent;
   padding: 10px 25px;
   border-color: #fff;
   margin-top: 20px;
   font-weight: 600;
   font-size: 16px;
 }
 .team-5 .text-section .btn-primary:hover {
   background: #fff;
   border-color: #fff;
 }
 .team-5 .team-box {
   bottom: 20px;
   position: absolute;
   left: 0;
   right: 0;
   padding: 0 20px;
 }
 .team-5 .team-details {
   background-color: #fff;
   overflow: hidden;
   padding: 15px;
   border-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }
 .team-5 .team-details .fa-user-circle {
   font-size: 40px;
   background-color: #efefef;
   padding: 15px;
   border-radius: 5px;
   margin-right: 10px;
 }
 .team-5 .team-details h4 {
   font-size: 18px;
   margin: 5px 0 0;
   font-weight: 500;
 }
 .team-5 .team-details h5 {
   margin-top: 4px;
   font-size: 14px;
 }
 .team-5:hover p {
   color: #fff;
 }
 .team-5:hover h4 {
   color: #fff;
 }
 .team-5 .team-details p {
   margin-bottom: 0;
 }
 .team-5 .team-details .user {
   font-size: 30px;
   background-color: #efefef;
   color: #f67828;
   padding: 12.5px 20px;
   border-radius: 5px;
   margin-right: 15px;
 }
 .team-5 .team-info:hover .overlay {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   cursor: pointer;
 }
 .team-sidebar img {
   width: 80px;
   border-radius: 3px;
 }
 .team-sidebar h5 {
   margin-bottom: 7px;
   font-weight: 400;
 }
 .team-sidebar h5 a {
   font-size: 17px;
   font-weight: 500;
   color: #262525;
 }
 .team-sidebar li {
   margin-bottom: 3px;
   font-size: 15px;
   color: #303030;
   font-weight: 400;
 }
 .team-sidebar li a {
   color: #303030;
 }
 .team-sidebar li i {
   margin-right: 5px;
   font-size: 13px;
 }
 .comments-tr {
   font-family: "Oxygen", sans-serif;
   padding-bottom: 20px;
 }
 .agent-experience {
   font-size: 15px;
   position: relative;
   padding-left: 22px;
 }
 .agent-experience i {
   left: 0;
   position: absolute;
   color: #0b0b0b;
 }
 .agent-experience i {
   top: 7px;
 }
 .rating-area {
   margin-bottom: 20px;
 }
 .rating-area .average-rating {
   padding: 19px;
   text-align: center;
   border-radius: 0;
 }
 .rating-area .average-rating h1 {
   color: #fff;
   font-weight: 500;
 }
 .rating-area .average-rating .ratings i {
   color: orange;
 }
 .rating-area .average-rating h4 {
   font-size: 16px;
   color: #fff;
   margin-bottom: 0;
 }
 .rating-area .rating-item {
   display: flex;
   align-items: center;
   margin-bottom: 6px;
 }
 .rating-area .rating-item .ratings {
   margin-left: auto;
 }
 .rating-area .rating-count {
   width: 40px;
 }
 .rating-area .rating-bar {
   width: 59%;
   height: 15px;
   margin: 0 20px;
   background: #d4d7de;
   position: relative;
 }
 .rating-area .rating-width {
   position: absolute;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 1;
   background: #7a7d8a;
 }
 .rating-area .ratings i {
   color: #eda619;
   font-size: 14px;
 }
 .cmnt .comment-content {
   padding-bottom: 0;
   border-bottom: none;
 }
 .testimonial {
   opacity: 1;
   background: rgba(0, 0, 0, 0.04) url(../img/img-4.jpg) top left repeat;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   z-index: 1;
 }
 .testimonial:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #062abb;
   content: "";
   z-index: -1;
   opacity: 0.5;
 }
 .testimonial .testimonial-info-box {
   margin: 50px 0 0;
   border: none;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
   position: relative;
   padding: 80px 30px 30px;
   text-align: center;
   background: #fff;
   -webkit-transition: all 0.5s;
   transition: all 0.9s;
   z-index: 1;
 }
 .testimonial .testimonial-info-box:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 .testimonial .testimonial-info-box .profile-user {
   position: absolute;
   left: 0;
   top: -50px;
   width: 100%;
 }
 .testimonial .testimonial-info-box .avatar {
   max-width: 100px !important;
   margin: 0 auto;
 }
 .testimonial .testimonial-info-box .avatar img {
   width: 100%;
   border-radius: 100px;
 }
 .testimonial .testimonial-info-box h5 {
   margin-bottom: 7px;
   font-weight: 500;
   font-size: 20px;
 }
 .testimonial .testimonial-info-box p {
   margin-bottom: 0;
 }
 .testimonial .testimonial-info-box h6 {
   margin-bottom: 15px;
   font-weight: 400;
 }
 .testimonial .testimonial-info-box::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 2px;
   -webkit-transition: all 0.5s;
   transition: all 0.9s;
   z-index: -1;
 }
 .testimonial .testimonial-info-box i {
   display: inline-block;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
 }
 .testimonial .testimonial-info-box:hover i {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 .testimonial .testimonial-info-box:hover::before {
   height: 100%;
 }
 .testimonial .testimonial-info-box:hover p {
   color: #fff;
 }
 .testimonial .testimonial-info-box:hover h5 a {
   color: #fff;
 }
 .testimonial .testimonial-info-box:hover h6 {
   color: #fff;
 }
 .testimonial-2 {
   background: #f3f3f3;
   background: rgba(0, 0, 0, 0.04) url(../img/img-6.jpg) top left repeat;
   z-index: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
 }
 .testimonial-2:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: inherit;
 }
 .testimonial-2 h1 {
   color: #262525;
   opacity: 1;
 }
 .testimonial-2 .main-title p {
   color: #343434;
   opacity: 1;
 }
 .testimonial-2 .main-title {
   margin-bottom: 50px;
   text-align: center;
 }
 .testimonial-3 {
   padding: 120px 0 130px;
   position: relative;
 }
 .testimonail_video_bg {
   background-position: center center;
   background-size: cover;
   width: 50%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   display: flex;
   align-items: center;
   background: #19130b;
 }
 .testimonail_video_bg img {
   display: none;
 }
 .testimonail_video_bg .btn-4:after {
   background: #19130b;
 }
 .testimonail_video_bg .btn-4 {
   background: #FFF;
   color: #19130b;
   position: absolute;
   bottom: 40px;
   left: 50%;
   transform: translateX(-50%);
 }
 .testimonial-3 .testimonial-info {
   margin-bottom: 20px;
   text-align: left;
   min-height: 275px;
 }
 .testimonial-3 .testimonial-inner {
   max-width: 550px;
 }
 .testimonial-3 .testimonial-info img {
   max-width: 90px;
   border-radius: 100%;
   border: 1px solid #CCC;
 }
 .testimonial-3 .testimonial-info p {
   font-size: 15px;
 }
 .testimonial-3 .carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 10px;
   height: 10px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: transparent;
   background-clip: padding-box;
   border: 2px solid #19130b;
   opacity: 1;
   transition: opacity .6s ease;
 }
 .testimonial-3 .carousel-indicators {
   bottom: -10px;
   margin-bottom: 0;
 }
 .testimonial-3 .testimonial-info h5 {
   margin: 20px 0 10px;
   font-size: 20px;
 }
 .testimonial-3 .testimonial-info h6 {
   font-size: 13px;
   text-transform: uppercase;
   font-weight: 500;
   color: #343434;
 }
 .testimonial-3 .testimonial-info p {
   margin-bottom: 20px;
 }
 .testimonial-3 .carousel-control-prev {
   display: none;
 }
 .testimonial-3 .carousel-indicators {
   justify-content: inherit;
   margin-right: 0;
   margin-left: 0;
 }
 .t4 .main-title {
   margin-bottom: 0;
   text-align: left;
 }
 .testimonial-4 {}
 .testimonial-4 .testimonial-info {
   border: 0;
   padding: 35px 30px 35px;
   background: #FFF;
   position: relative;
   z-index: 2;
   height: calc(100% - 25px);
   box-shadow: 0 5px 29px 0 rgb(0 0 0 / 8%);
 }
 .testimonial-4 .testimonial-info .text p {
   margin: 20px 0 0;
   font-size: 16px;
 }
 .testimonial-4 .testimonial-info .user-section {
   display: flex;
   align-items: center;
   position: relative;
 }
 .testimonial-4 .testimonial-info .user-section:before {
   content: "";
   position: absolute;
   left: -31px;
   top: 0;
   border-radius: 6px;
   width: 6px;
   height: 100%;
 }
 .testimonial-4 .testimonial-info .user-thumb {
   margin-right: 20px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-right: 15px;
 }
 .testimonial-4 .testimonial-info .user-thumb img {
   transition: 0.3s;
   border-radius: 50%;
   height: 90px;
   min-width: 90px;
 }
 .testimonial-4 .testimonial-info .icon {
   position: absolute;
   top: 50px;
   right: 0;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   color: #fff;
   font-size: 13px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .testimonial-4 .testimonial-info .user-name h5 {
   margin-bottom: 0;
 }
 .testimonial-4 .testimonial-info .user-name p {
   margin-bottom: 0;
 }
 .testimonial-4 .testimonial-info .video {
   position: relative;
   margin-top: 18px;
 }
 .testimonial-4 .testimonial-info .video .customer_speak {
   position: relative;
   top: 0;
   left: 0;
   transform: none;
   width: 33px;
   height: 33px;
   font-size: 12px;
 }
 .testimonial-4 .testimonial-info .video a {
   display: flex;
   align-items: center;
   gap: 0 11px;
   font-weight: 700;
   font-size: 14px;
 }
 .testimonial-4 .testimonial-info .video .customer_speak:after {
   border-color: #666;
 }
 .testimonial-5 {
   opacity: 1;
   background: #f3f3f3;
 }
 .testimonial-5 .testimonial-item-new {
   position: relative;
   z-index: 1;
   padding: 0px 70px 42px 60px;
   max-width: 540px;
   margin: 0 auto;
 }
 .testimonial-5 .testimonial-item-new::before {
   content: '';
   position: absolute;
   clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
   background: white;
   width: 100%;
   height: 316px;
   left: 0;
   bottom: 0;
   z-index: -1;
 }
 .testimonial-5 .testimonial-item-new p {
   font-size: 16px;
 }
 .testimonial-5 .testimonial-item-new .pl-40 {
   padding-left: 40px;
 }
 .testimonial-5 .testimonial-item-new .author-img {
   padding-bottom: 20px;
 }
 .testimonial-5 .testimonial-item-new .author-img .author-avatar {
   position: relative;
   float: right;
 }
 .testimonial-5 .testimonial-item-new .fix {
   overflow: hidden;
 }
 .testimonial-5 .testimonial-item-new .author-img img {
   border-radius: 50%;
   height: 120px;
 }
 .testimonial-5 .testimonial-item-new .author-img .icon {
   position: absolute;
   top: 80px;
   right: 0;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   color: #fff;
   font-size: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .testimonial-5 .testimonial-item-new .rating i {
   color: #fed857;
   font-size: 15px;
   margin-right: 3px;
 }
 .testimonial-5 .testimonial-item-new .author-content {
   margin-bottom: 15px;
 }
 .testimonial-5 .testimonial-item-new .author-content h5.left-line {
   position: relative;
 }
 .testimonial-5 .testimonial-item-new .left-line:before {
   width: 25px;
   height: 2px;
 }
 .testimonial-5 .testimonial-item-new .left-line::before {
   content: "";
   position: absolute;
   left: 0;
   top: 10px;
   width: 25px;
   height: 2px;
   z-index: 1;
 }
 .testimonial-5 .testimonial-item-new .author-content h5 .desig {
   font-size: 15px;
   font-weight: 500;
 }
 .testimonial-5 .testimonial-item-new .author-content h5 {
   letter-spacing: 0;
 }
 .service-info {
   padding: 0 20px;
   margin: 0 auto 30px;
   text-align: center;
 }
 .service-info .icon {
   background: #fff;
   width: 110px;
   height: 110px;
   line-height: 110px;
   text-align: center;
   display: inline-block;
   vertical-align: middle;
   margin-bottom: 10px;
   border-radius: 100%;
   transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .service-info:hover .icon {
   color: #fff;
 }
 .service-info:hover .icon i {
   color: #fff;
 }
 .service-info .icon i {
   font-size: 50px;
   line-height: 110px;
 }
 .service-info h3 {
   font-size: 21px;
   margin: 25px 0 15px;
   font-weight: 500;
 }
 .service-info p {
   margin-bottom: 0;
   font-size: 16px;
 }
 .service-info:hover {
   transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
   color: #fff;
 }
 .service-info:hover .icon {
   transform: rotateY(360deg);
 }
 .services-2 {
   background: url(../img/img-2.jpg);
   z-index: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
 }
 .services-2:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #201297;
   content: "";
   z-index: -1;
   opacity: 0.3;
 }
 .single-info-2 {
   padding: 40px 30px 35px 30px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   position: relative;
   overflow: hidden;
   margin-bottom: 30px;
   z-index: 3;
   background: #fff;
 }
 .single-info-2:before {
   position: absolute;
   content: '';
   height: 75px;
   width: 75px;
   top: 0;
   left: 0;
   z-index: -1;
   border-radius: 0 0px 70px 0px;
   margin-top: 0px;
   -webkit-transition: .5s all ease;
   -ms-transition: .5s all ease;
   -moz-transition: .5s all ease;
   -o-transition: .5s all ease;
   transition: .5s all ease;
 }
 .single-info-2:hover:before {
   height: 100%;
   width: 100%;
   border-radius: 0;
 }
 .single-info-2 .icon {
   margin-bottom: 10px;
 }
 .single-info-2 .icon-inner {
   position: relative;
 }
 .single-info-2 .icon i, .single-info-2 .icon-inner i {
   position: relative;
   font-size: 45px;
   -webkit-transition: all 600ms ease;
   -ms-transition: all 600ms ease;
   -o-transition: all 600ms ease;
   -moz-transition: all 600ms ease;
   transition: all 600ms ease;
   display: inline-block;
 }
 .single-info-2:hover .icon i, .single-info-2:hover .icon-inner i {
   -webkit-transform: scale(-1) rotate(180deg);
   -moz-transform: scale(-1) rotate(180deg);
   -ms-transform: scale(-1) rotate(180deg);
   -o-transform: scale(-1) rotate(180deg);
   transform: scale(-1) rotate(180deg);
 }
 .single-info-2 h2 {
   font-size: 20px;
   position: relative;
   margin-bottom: 10px;
 }
 .single-info-2 p {
   margin-bottom: 0;
 }
 .single-info-2 .number {
   font-size: 170px;
   line-height: 1;
   color: #3a30301c;
   display: inline-block;
   position: absolute;
   z-index: 0;
   right: 20px;
   font-weight: 600;
   bottom: 0;
   font-family: "Oxygen", sans-serif;
 }
 .service-info-3 {
   background: #FFF;
   padding: 30px;
   position: relative;
   overflow: hidden;
   margin-bottom: 30px;
   width: 100%;
   min-height: 242px;
 }
 .service-info-3:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
   color: #fff;
 }
 .service-info-3 i {
   font-size: 60px;
   display: inline-block;
   vertical-align: middle;
   transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
   color: #fed130 !important;
 }
 .service-info-3:hover i {
   transform: rotateY(360deg);
 }
 .service-info-3 h3 {
   font-size: 22px;
   margin: 0 0 8px;
 }
 .service-info-3 .icon {
   margin-right: 20px;
   font-size: 50px;
 }
 .service-info-3 h4 {
   position: absolute;
   top: 120px;
   left: 47px;
   z-index: 20;
   text-transform: uppercase;
   margin-bottom: 0;
   font-weight: 500;
   border-radius: 3px 3px 3px 0;
   color: #d4d0d0;
 }
 .service-info-3:before {
   content: "";
   position: absolute;
   top: 0px;
   left: -80px;
   height: 2px;
   width: 80px;
   background: red;
   transition: all 0.8s;
 }
 .service-info-3:after {
   content: "";
   position: absolute;
   bottom: 0px;
   right: -80px;
   height: 2px;
   width: 80px;
   background: red;
   transition: all 0.8s;
 }
 .service-info-3:hover:before {
   left: 0px;
 }
 .service-info-3:hover:after {
   right: 0px;
 }
 .service-info-4 {
   padding: 40px 20px;
   margin-bottom: 30px;
   background: #fff;
   text-align: center;
   -webkit-transition: all 0.5s;
   transition: all 0.9s;
   position: relative;
   border-radius: 4px;
   z-index: 1;
 }
 .service-info-4:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 .service-info-4 h3 {
   margin-bottom: 15px;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   font-size: 20px;
   font-weight: 500;
 }
 .service-info-4 p {
   margin-bottom: 20px;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
 }
 .service-info-4 .read-more {
   line-height: 1;
   font-weight: 600;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   display: block;
   font-size: 16px;
 }
 .service-info-4 i {
   display: inline-block;
   margin-bottom: 20px;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   font-size: 45px;
 }
 .service-info-4::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 2px;
   border-radius: 4px;
   -webkit-transition: all 0.5s;
   transition: all 0.9s;
   z-index: -1;
 }
 .service-info-4:hover {
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .service-info-4:hover i {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 .service-info-4:hover::before {
   height: 100%;
 }
 .service-info-4:hover p {
   color: #fff;
 }
 .service-info-4:hover h3 {
   color: #fff;
   font-size: 20px;
   font-weight: 500;
 }
 .service-info-4:hover .read-more {
   color: #ffffff;
 }
 .service-info-4:hover i {
   color: #fff;
 }
 .service-info-4 .read-more:hover {
   letter-spacing: 1.5px;
 }
 .pages-404 {
   top: 0;
   width: 100%;
   bottom: 0;
   opacity: 1;
   min-height: 100vh;
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px 0;
 }
 .pages-404 .error404 {
   line-height: .8;
   margin: 60px 0 40px;
   font-weight: 700;
   font-size: 250px;
   opacity: 2;
   color: #262525;
   text-shadow: 1px 1px 5px rgb(0 0 0 / 16%);
   font-family: "Oxygen", sans-serif;
 }
 .pages-404 .nobottomborder h1 {
   font-size: 35px;
   font-weight: 700;
   margin-bottom: 20px;
 }
 .pages-404 .nobottomborder {
   padding-left: 20px;
 }
 .pages-404 .hr {
   width: 50px;
   height: 10px;
   background: #eee;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
   margin: 0px 0 20px;
   border-radius: 10px;
 }
 .pages-404 .nobottomborder p {
   line-height: 30px;
   font-size: 17px;
 }
 .pages-404 .form-inline {
   box-shadow: 0 0 5px rgb(0 0 0 / 10%);
 }
 .pages-404 .form-control {
   width: 70%;
   height: 50px;
   padding: 10px 15px;
   border-radius: 0;
   font-size: 15px;
   outline: 0;
   background-color: #fff;
   border-color: #fff;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   color: #6c757c;
   font-weight: 500;
 }
 .pages-404 .btn, .pages-404 .btn:hover, .pages-404 .btn:active {
   width: 30%;
   border-radius: 0;
   height: 50px;
   padding: 0 15px;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   font-size: 16px;
   font-weight: 600;
   cursor: pointer;
   color: #fff;
 }
 .mr-0 {
   margin-right: 0;
 }
 .date-box span {
   font-family: 'Raleway', sans-serif;
   font-size: 19px;
   display: block;
   line-height: 22px;
   color: #fff;
 }
 .blog-1 {
   margin-bottom: 30px;
   position: relative;
   display: block;
   margin-bottom: 30px;
   z-index: 2;
   background: #fff;
   border: none;
   -webkit-transition: .5s;
   transition: .5s;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 .blog-1:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .blog-1 .photo {
   position: relative;
   display: block;
   overflow: hidden;
 }
 .blog-1 .photo img {
   width: 100%;
   transform: scale(1.0);
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .9s;
 }
 .blog-1:hover .photo .overlay-icon {
   transform: perspective(400px) scaleY(1.0);
 }
 .blog-1 .photo .overlay-icon {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 3;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   transition: .9s;
   transform: perspective(400px) scaleY(0);
   transform-origin: bottom;
 }
 .blog-1 .photo .overlay-icon a {
   position: relative;
   display: inline-block;
 }
 .blog-1 .photo .overlay-icon span {
   color: #ffffff;
   font-size: 25px;
   line-height: 25px;
 }
 .blog-1 .photo::after {
   position: absolute;
   content: "";
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   background: rgb(12 62 185 / 51%);
   transition-delay: .1s;
   transition-timing-function: ease-in-out;
   transition-duration: .5s;
   transition-property: all;
   opacity: 1;
   transform-origin: bottom;
   transform-style: preserve-3d;
   transform: scaleY(0);
   z-index: 1;
 }
 .blog-1:hover .photo img {
   transform: scale(1.1) rotate(1deg);
 }
 .blog-1:hover .photo::after {
   opacity: 1;
   transform: scaleY(1.0);
 }
 .blog-1 .date-box {
   position: absolute;
   top: 20px;
   font-size: 15px;
   padding: 6px 15px 4px;
   text-align: center;
   right: 20px;
   font-weight: 500;
   background: #fff;
   border-radius: 0;
   z-index: 999;
 }
 .blog-1 .detail {
   padding: 30px 30px 25px;
 }
 .blog-1 .detail h3 {
   font-size: 21px;
   font-weight: 500;
   margin-bottom: 10px;
 }
 .blog-1 .post-meta {
   width: 100%;
   margin-bottom: 10px;
 }
 .blog-1 .detail .post-meta span {
   margin-right: 20px;
   font-size: 14px;
   font-weight: 500;
 }
 .blog-1 .detail .post-meta span a i {
   margin-right: 5px;
 }
 .blog-1 .detail .post-meta span:last-child {
   margin-right: 0;
 }
 .blog-1 .detail p {
   font-size: 16px;
   margin-bottom: 10px;
 }
 .blog-2 {
   margin-bottom: 30px;
   border-radius: 0;
   border: none;
   background: #fff;
   z-index: 2;
   position: relative;
   -webkit-transition: .5s;
   transition: .5s;
   overflow: hidden;
   transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .blog-2 .blog-photo {
   position: relative;
 }
 .blog-2:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .blog-2 .blog-image {
   overflow: hidden;
   position: relative;
 }
 .blog-2 .blog-image::before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   left: 0;
   bottom: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 .blog-2 .blog-image img {
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
   z-index: 999;
 }
 .blog-2 .blog-image::after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   right: 0;
   top: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
 .blog-2:hover .blog-image::before, .blog-2:hover .blog-image::after {
   width: 100%;
   height: 100%;
   opacity: 0.4;
   visibility: visible;
 }
 .blog-2 .blog-image::before {
   background: rgb(12 62 185 / 51%);
 }
 .blog-2 .blog-image::after {
   background: rgb(12 62 185 / 51%);
 }
 .blog-2 .date-box {
   position: absolute;
   top: 15px;
   font-size: 13px;
   color: #fff;
   width: 60px;
   height: 60px;
   text-align: center;
   padding-top: 10px;
   right: 19px;
   border-radius: 5px 5px 0 5px;
   z-index: 999;
 }
 .blog-2 .date-box::after {
   position: absolute;
   content: '';
   width: 0;
   height: 0;
   border-top: 0;
   border-bottom: 10px solid transparent;
   bottom: -10px;
   right: 0;
 }
 .blog-2 .profile-user {
   position: absolute;
   bottom: 20px;
   left: 20px;
   display: block;
   background-color: #fff;
   border-radius: 50%;
   padding: 2px;
   z-index: 999 !important;
   transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .blog-2:hover .profile-user {
   transform: rotateY(360deg);
 }
 .blog-2 .profile-user img {
   width: 55px;
   height: 55px;
   border-radius: 50%;
 }
 .blog-2 .detail {
   padding: 30px 25px 15px;
 }
 .blog-2 .post-meta {
   width: 100%;
   margin-bottom: 10px;
 }
 .blog-2 .post-meta ul li {
   margin: 0 15px 0 0;
   display: inline-block;
   font-size: 15px;
   font-weight: 500;
   color: #5d5d5d;
   line-height: 26px;
 }
 .blog-2 .post-meta ul li strong {
   font-weight: 500;
 }
 .blog-2 .post-meta ul li strong a {
   color: #525252;
 }
 .blog-2 .post-meta ul li a {
   color: #403e3e;
 }
 .blog-2 .post-meta ul li i {
   margin-right: 5px;
   color: #403e3e;
 }
 .blog-2 .post-meta ul li.float-right {
   float: right;
 }
 .blog-2 .post-meta ul li.float-right.mr-0 {
   margin-right: 0;
 }
 .blog-2 h4 {
   margin-bottom: 15px;
 }
 .blog-2 h4 a {
   font-size: 21px;
   margin-bottom: 10px;
   font-weight: 500;
 }
 .blog-2 h4 a:hover {
   color: #444243;
 }
 .blog-3 {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   height: 450px;
   border-radius: 7px;
   margin-bottom: 30px;
   z-index: 2;
   -webkit-transition: .5s;
   transition: .5s;
   overflow: hidden;
   transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .blog-3:hover {
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .blog-3:hover .date-box {
   transform: rotateY(360deg);
 }
 .blog-3 .date-box {
   position: absolute;
   bottom: 20px;
   right: 20px;
   display: block;
   background-color: #fff;
   border-radius: 50%;
   padding: 2px;
   z-index: 999 !important;
   transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
   background: #fff;
   top: 20px;
   z-index: 999;
   font-weight: 600;
   width: 90px;
   height: 90px;
   text-align: center;
   font-size: 14px;
   padding-top: 25px;
 }
 .blog-3:hover .date-box {
   color: #fff;
 }
 .blog-3:hover .date-box span {
   color: #fff;
 }
 .blog-3 .date-box span {
   font-size: 27px;
   font-weight: 700;
   margin-bottom: 2px;
 }
 .b-photo2 {
   background: url(../img/blog/blog-1.jpg);
 }
 .b-photo3 {
   background: url(../img/blog/blog-2.jpg);
 }
 .b-photo4 {
   background: url(../img/blog/blog-3.jpg);
 }
 .b-photo5 {
   background: url(../img/blog/blog-1.jpg);
 }
 .blog-3:before {
   content: "";
   top: 0;
   position: absolute;
   height: 100%;
   width: 100%;
   z-index: 9;
   border-radius: 10px;
   opacity: 1;
   background: linear-gradient(0, #19130b00087, rgb(102 73 69 / 3%));
 }
 .blog-3 p {
   color: #fff;
   margin-bottom: 0;
 }
 .blog-3 h3 {
   font-size: 22px;
   font-weight: 500;
   margin-bottom: 10px;
   color: #fff;
 }
 .blog-3 h3 a {
   color: #fff;
 }
 .blog-3 .blog-info {
   position: absolute;
   bottom: 30px;
   left: 25px;
   right: 25px;
   z-index: 999;
 }
 .blog-4 {
   position: relative;
   text-align: left;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   margin: 40px 0 30px;
   border: none;
   background: #fff;
   padding: 70px 30px 30px;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 .blog-4:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   background: linear-gradient(0, #0100af, rgb(10 0 96 / 99%));
   z-index: 999;
 }
 .blog-4 .blog-photo {
   top: 0;
   left: 0;
   opacity: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   visibility: hidden;
   position: absolute;
   border-radius: 50px;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   -webkit-transform: scale(0.7);
   transform: scale(0.7);
 }
 .blog-4 .body {
   z-index: 1;
   position: relative;
 }
 .blog-4 .body h5 {
   font-size: 16px;
   margin-bottom: 10px;
   font-weight: 400;
 }
 .blog-4 .body h3 {
   margin-bottom: 15px;
   font-size: 20px;
   font-weight: 500;
 }
 .blog-4 .body p {
   margin-bottom: 15px;
 }
 .blog-4 .profile-user {
   position: absolute;
   top: -40px;
   z-index: 20;
 }
 .blog-4 .profile-user img {
   box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4);
   width: 80px;
   height: 80px;
   margin-bottom: 20px;
   webkit-border-radius: 50% / 14%;
   border-radius: 50% / 14%;
 }
 .blog-4:hover .blog-photo {
   opacity: 0.5;
   visibility: visible;
   -webkit-transform: scale(1);
   transform: scale(1);
   z-index: -999;
 }
 .blog-4 .blog-photo {
   top: 0;
   left: 0;
   opacity: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   visibility: hidden;
   position: absolute;
   border-radius: 0;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   -webkit-transform: scale(0.7);
   transform: scale(0.7);
 }
 .blog-4:hover .body h5, .blog-4:hover .body h3, .blog-4:hover .body p, .blog-4:hover .body a {
   color: #fff;
 }
 .blog-big {
   box-shadow: none;
 }
 .blog-big:hover {
   box-shadow: none;
 }
 .blog-big .detail {
   padding: 30px 30px 25px;
 }
 .blog-big:hover {
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
 }
 .blog-big {
   margin-bottom: 0;
 }
 .blog-big .detail h3 {
   font-size: 22px;
   margin: 15px 0;
 }
 .main-footer-1 {
   padding-top: 80px;
   background: url(../img/footer.png);
   z-index: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   background-color: #fff;
 }
 .main-footer-1 h4 {
   font-size: 22px;
   margin-bottom: 30px;
   font-weight: 500;
 }
 .main-footer-1 .footer-item {
   margin-bottom: 50px;
 }
 .main-footer-1 .footer-inner .links li {
   margin-bottom: 15px;
   position: relative;
   line-height: 20px;
   font-size: 15px;
 }
 .main-footer-1 .footer-inner .links li .link-inner span {
   cursor: pointer;
   display: inline-block;
   position: relative;
   transition: 0.5s;
   color: #343434;
   font-weight: 400;
   font-family: "Oxygen", sans-serif;
 }
 .main-footer-1 .footer-inner .links li .link-inner span:after {
   content: '\00bb';
   position: absolute;
   opacity: 0;
   top: 0;
   left: -20px;
   transition: 0.5s;
 }
 .main-footer-1 .footer-inner .links li .link-inner {
   display: inline-block;
   transition: all 0.5s;
   cursor: pointer;
   color: #343434;
   position: relative;
   line-height: 20px;
   font-size: 15px;
 }
 .main-footer-1 .footer-inner .links li .link-inner:hover {
   color: #e6e9ec;
 }
 .main-footer-1 .footer-inner .links li .link-inner:hover span {
   padding-left: 15px;
 }
 .main-footer-1 .footer-inner .links li .link-inner:hover span:after {
   opacity: 1;
   left: 0;
 }
 .main-footer-1 .footer-inner p {
   font-size: 16px;
 }
 .main-footer-1 .footer-inner .contact-info li {
   margin-bottom: 15px;
   font-size: 16px;
   font-weight: 400;
   position: relative;
   padding-left: 25px;
   font-weight: 400;
   font-family: "Oxygen", sans-serif;
 }
 .main-footer-1 .footer-inner .contact-info li i {
   left: 0;
   position: absolute;
   line-height: 22px;
 }
 .main-footer-1 .footer-inner .contact-info li a {
   color: #343434;
 }
 .main-footer-1 .text {
   margin-right: 30px;
 }
 .main-footer-1 .f-logo {
   margin-bottom: 10px;
   height: 50px;
 }
 .main-footer-1 .sub-footer {
   margin-top: 30px;
 }
 .main-footer-1 .sub-footer {
   padding: 20px 0;
   border-top: solid 1px #5f5f5f54;
 }
 .main-footer-1 .sub-footer .copy {
   margin: 0;
   font-size: 16px;
   color: #343434;
   line-height: 45px;
 }
 .main-footer-1 .sub-footer .copy a {
   color: #343434;
 }
 .main-footer-1 .sub-footer .copy a:hover {
   text-decoration: underline;
 }
 .main-footer-1 .sub-footer .social-list {
   float: right;
 }
 .main-footer-1 .sub-footer .social-list li {
   display: inline-block;
   font-size: 16px;
   text-align: center;
 }
 .main-footer-1 .sub-footer .social-list li a {
   margin-left: 2px;
   color: #fff;
   width: 45px;
   height: 45px;
   line-height: 45px;
   display: inline-block;
   border-radius: 3px;
 }
 .sub-footer .facebook-bg:hover {
   background: #3b62b5 !important;
 }
 .sub-footer .twitter-bg:hover {
   background: #56d7fe !important;
 }
 .sub-footer .google-bg:hover {
   background: #f15446 !important;
 }
 .sub-footer .linkedin-bg:hover {
   background: #0882c3 !important;
 }
 .main-footer-1 .footer-inner form .form-control {
   width: 81%;
   height: 50px;
   padding: 10px 15px;
   border-radius: 0;
   font-size: 16px;
   outline: 0;
   background: #e7e3e3;
   border: 1px solid #e7e3e3;
 }
 .main-footer-1 .form-inline .btn {
   width: 19%;
   border-radius: 0;
   padding: 11px 13px 10px;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   font-size: 15px;
   font-weight: 500;
   text-transform: uppercase;
 }
 .main-footer-1 .footer-inner .f-border {
   width: 30px;
   height: 2px;
   background: #b2b3b5;
   margin-bottom: 30px;
   border-radius: 50px;
 }
 .main-footer-2 {
   text-align: center;
   padding-top: 50px;
   background: url(../img/footer.png);
   z-index: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   background-color: #00183E;
 }
 .main-footer-2 .footer-menu ul {
   margin-bottom: 35px;
 }
 .main-footer-2 .footer-menu ul li, .footer-menu ul li a {
   display: inline-block;
   position: relative;
 }
 .main-footer-2 .footer-menu ul li a {
   color: #fff;
   margin-right: 40px;
   font-size: 15px;
   text-transform: uppercase;
   margin-bottom: 10px;
 }
 .main-footer-2 .footer-menu ul li a:before {
   position: absolute;
   top: 3px;
   right: -20px;
   width: 1px;
   height: 15px;
   background-color: #fff;
   content: "";
   opacity: .4;
 }
 .main-footer-2 .footer-menu ul li a:hover {
   color: #e9e6e6;
 }
 .main-footer-2 .footer-menu ul li:last-child a:before {
   opacity: 0;
 }
 .main-footer-2 .social-media .social-list {
   margin-bottom: 50px;
 }
 .main-footer-2 .logo-image {
   margin-bottom: 35px;
 }
 .main-footer-2 img {
   height: 50px;
 }
 .main-footer-2 .copy-right {
   border-top: solid 1px #a3a3a340;
   padding: 25px 0;
   text-align: center;
   font-size: 15px;
 }
 .main-footer-2 .copy-right p {
   text-align: center;
   color: #fff;
   margin-bottom: 0;
   font-size: 15px;
 }
 .main-footer-2 .copy-right p a {
   color: #fff;
 }
 .main-footer-3 {
   background-color: #202020;
   z-index: 0;
   position: relative;
 }
 .main-footer-3::before {
   position: absolute;
   content: '';
   background-image: url(../img/foot-png.png);
   background-position: bottom center;
   background-repeat: no-repeat;
   background-size: auto 80%;
   width: 100%;
   height: 100%;
   opacity: 0.1;
 }
 .main-footer-3 .container {
   z-index: 999 !important;
   color: #fff;
 }
 .main-footer-3 ul li a {
   color: #cecece;
 }
 .main-footer-3 h4 {
   font-size: 22px;
   margin-bottom: 7px;
   font-weight: 400;
   color: #e8e7e7;
 }
 .main-footer-3 .footer-item {
   margin-bottom: 60px;
 }
 .main-footer-3 .footer-inner .links li {
   margin-bottom: 10px;
   font-size: 15px;
   font-weight: 400;
   padding-left: 20px;
   position: relative;
   line-height: 20px;
 }
 .main-footer-3 .footer-inner .links li a i {
   left: 0;
   position: absolute;
   top: 0;
   line-height: 22px;
 }
 .main-footer-3 .footer-inner .links li:last-child {
   margin-bottom: 0;
 }
 .main-footer-3 .footer-inner .links li a:hover {
   color: #efe9e9;
 }
 .main-footer-3 a {
   color: #cecece;
 }
 .main-footer-3 .footer-inner p {
   font-size: 15px;
   color: #cecece;
   z-index: 999;
 }
 .main-footer-3 .footer-inner p a {
   color: #cecece;
 }
 .main-footer-3 .footer-inner .contact-info li {
   color: #cecece;
   font-size: 15px;
   line-height: 45px;
   margin-bottom: 10px;
   font-weight: 400;
   position: relative;
   padding-left: 55px;
 }
 .main-footer-3 .footer-inner .contact-info li i {
   font-size: 16px;
   float: left;
   left: 0;
   position: absolute;
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 45px;
   background: #19130b;
   border-radius: 50px;
 }
 .main-footer-3 .social-media {
   float: right;
 }
 .main-footer-3 .social-media .icon {
   margin: 0 0 3px 4px;
 }
 .main-footer-3 .social-media .icon {
   background: #19130b;
   color: #fff !important;
 }
 .main-footer-3 .f-logo {
   margin-bottom: 0px;
   height: 50px;
 }
 .main-footer-3 .footer-gallery {
   max-width: 255px;
   margin-left: auto;
 }
 .main-footer-3 .footer-inner {
   padding: 80px 0 20px;
 }
 .sub-main-footer-3 {
   padding: 25px 0 22px;
   border-top: solid 1px #ffffff2e;
   text-align: center;
   margin-bottom: 0;
   color: #fff;
 }
 .sub-main-footer-3 p {
   margin-bottom: 0;
   color: #cecece;
   text-align: left;
   line-height: 44px;
 }
 .main-footer-3 .form-inline {
   width: 100%;
   border-radius: 100px;
   background: #fff;
 }
 .main-footer-3 .subscribe-newsletter .form-control {
   width: 75%;
   height: 60px;
   padding: 10px 30px;
   font-size: 17px;
   outline: 0;
   border-radius: 3px;
   border: transparent;
   margin-right: 3%;
 }
 .main-footer-3 .subscribe-newsletter .btn {
   border: none;
   color: #fff;
   padding: 15px 5px 15px 5px;
   height: 60px;
   font-size: 15px;
   top: 0;
   right: 0;
   text-transform: inherit;
   font-weight: 400;
   border-radius: 3px;
   width: 22%;
 }
 .main-footer-3 .subscribe-newsletter {
   padding: 40px 0;
   border-bottom: solid 1px #ffffff2e;
 }
 .main-footer-3 .subscribe-newsletter .newsletter-content-wrap {
   max-width: 550px;
   margin-left: auto;
 }
 .main-footer-3 .subscribe-newsletter h3 {
   color: #fff;
   margin-bottom: 0;
   line-height: 60px;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 27px;
 }
 .main-footer-3 .recent-posts .media h5 a {
   color: #919398;
 }
 .main-footer-3 .footer-inner .text {
   margin-right: 30px;
 }
 .main-footer-3 .s-border {
   background: #ffffff2e;
 }
 .main-footer-3 .m-border {
   background: #ffffff2e;
 }
 .main-footer-3 .footer-gallery ul li {
   float: left;
   width: 75px;
   height: 75px;
   margin: 0 10px 10px 0;
   position: relative;
   overflow: hidden;
   border-radius: 5px;
 }
 .main-footer-3 .footer-gallery ul li img {
   width: 100%;
   -webkit-transition: .3s;
   transition: .3s;
   border-radius: 5px;
   cursor: pointer;
 }
 .main-footer-3 .footer-gallery ul li:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   border-radius: 5px;
 }
 .main-footer-3 .social-media .icon span {
   color: #fff;
 }
 .main-footer-3 .sub-footer {
   padding: 25px 0 22px;
   border-top: solid 1px #ffffff2e;
   text-align: center;
   margin-bottom: 0;
   color: #fff;
 }
 .main-footer-3 .sub-footer p {
   margin-bottom: 0;
   color: #cecece;
   text-align: left;
   line-height: 44px;
 }
 .lines {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   z-index: -1;
 }
 .line {
   position: absolute;
   width: 1px;
   height: 100%;
   top: 0;
   left: 50%;
   background: rgba(255, 255, 255, 0.1);
   overflow: hidden;
 }
 .line::after {
   content: '';
   display: block;
   position: absolute;
   height: 15vh;
   width: 100%;
   top: -50%;
   left: 0;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #faa93a 75%, #faa93a 100%);
   animation: drop 7s 0s infinite;
   animation-fill-mode: forwards;
   animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
   z-index: -888;
 }
 .line:nth-child(1) {
   margin-left: -30%;
 }
 .line:nth-child(1)::after {
   animation-delay: 1s;
 }
 .line:nth-child(3) {
   margin-left: 30%;
 }
 .line:nth-child(3)::after {
   animation-delay: 2s;
 }
 .line:nth-child(4) {
   margin-left: -15%;
 }
 .line:nth-child(4)::after {
   animation-delay: 3s;
 }
 .line:nth-child(5) {
   margin-left: 15%;
 }
 .line:nth-child(5)::after {
   animation-delay: 4s;
 }
 @keyframes drop {
   0% {
     top: -50%;
   }
   100% {
     top: 110%;
   }
 }
 .social-media .social-list {
   display: inline-flex;
 }
 .social-media .icon {
   position: relative;
   background: #f3f3f3;
   border-radius: 3px;
   margin: 0 4px 3px 0;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   cursor: pointer;
   transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }
 .social-media .tooltip {
   position: absolute;
   top: 0;
   font-size: 14px;
   background-color: #ffffff;
   color: #ffffff;
   padding: 5px 8px;
   border-radius: 5px;
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }
 .social-media .tooltip::before {
   position: absolute;
   content: "";
   height: 8px;
   width: 8px;
   background-color: #ffffff;
   bottom: -3px;
   left: 50%;
   transform: translate(-50%) rotate(45deg);
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }
 .social-media .icon span {
   color: #19130b;
 }
 .social-media .icon:hover span {
   color: #fff;
 }
 .social-media .icon:hover .tooltip {
   top: -45px;
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
 }
 .social-media .icon:hover span, .social-media .icon:hover .tooltip {
   text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
 }
 .social-media .facebook:hover, .social-media .facebook:hover .tooltip, .social-media .facebook:hover .tooltip::before {
   background-color: #3b5999;
   color: #ffffff;
 }
 .social-media .twitter:hover, .social-media .twitter:hover .tooltip, .social-media .twitter:hover .tooltip::before {
   background-color: #46c1f6;
   color: #ffffff;
 }
 .social-media .instagram:hover, .social-media .instagram:hover .tooltip, .social-media .instagram:hover .tooltip::before {
   background-color: #e1306c;
   color: #ffffff;
 }
 .social-media .github:hover, .social-media .github:hover .tooltip, .social-media .github:hover .tooltip::before {
   background-color: #333333;
   color: #ffffff;
 }
 .social-media .youtube:hover, .social-media .youtube:hover .tooltip, .social-media .youtube:hover .tooltip::before {
   background-color: #de463b;
   color: #ffffff;
 }
 .posts-by-category ul {
   margin: 0;
   padding: 0;
   text-align: left;
 }
 .posts-by-category ul li {
   padding-bottom: 7px;
   margin-bottom: 7px;
   border-bottom: dashed 1px #ededed;
 }
 .posts-by-category ul li a {
   color: #343434;
   font-weight: 400;
   font-size: 15px;
 }
 .posts-by-category ul li a span {
   float: right;
   color: inherit;
 }
 .posts-by-category ul li:last-child {
   border-bottom: none;
   padding: 0;
   margin: 0;
 }
 .intro-section-2 {
   background: url(../img/img-4.jpg);
   z-index: 1;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   padding: 40px 0 35px;
   border-radius: 0;
 }
 .intro-section-2:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #cf002b;
   content: "";
   z-index: -1;
   opacity: 0.7;
 }
 .intro-section-2 p {
   color: #fff !important;
   margin-bottom: 0;
   font-weight: 400;
   font-size: 16px;
 }
 .intro-section-2 form .form-control {
   width: 68%;
   height: 56px;
   padding: 10px 15px;
   font-size: 15px;
   border-radius: 50px 0 0 50px;
   outline: 0;
   font-weight: 500;
   border: 1px solid #fff;
 }
 .intro-section-2 .btn {
   width: 32%;
   padding: 11px 5px 10px;
   text-align: center;
   border-radius: 0 50px 50px 0;
   font-size: 15px;
   font-weight: 500;
   color: #fff;
 }
 .intro-section-2 .intro-text h3 {
   font-size: 27px;
   margin-bottom: 5px;
   color: #fff;
   line-height: normal;
   font-weight: 400;
 }
 .intro-section-2 .Subscribe-box {
   padding: 2px;
   border-radius: 50px;
   background: #fff;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   margin-top: 4.5px;
 }
 .tags-box ul li {
   display: inline-block;
 }
 .tags-box ul li a {
   border-radius: 3px;
   color: #343434;
   display: inline-block;
   font-size: 15px;
   margin: 0 0 3px;
   padding: 5px 12px;
   font-weight: 400;
   text-transform: capitalize;
   border: 1px solid #F7F7F7;
   background: #F7F7F7;
 }
 .tags-box ul li a:hover {
   color: #fff;
 }
 .recent-posts-box img {
   width: 70px;
   border-radius: 3px;
 }
 .recent-posts-box h5 {
   margin-bottom: 7px;
   font-weight: 400;
 }
 .recent-posts-box h5 a {
   font-size: 20px;
 }
 .recent-posts-box .listing-post-meta {
   font-size: 14px;
   font-weight: 400;
   color: #343434;
 }
 .recent-posts-box .listing-post-meta a {
   color: #343434;
 }
 .counters-1 {
   background: #f3f3f3;
 }
 .counters-1 .border-r {
   border-right: solid 1px #19130b0001a;
 }
 .counters-1 .border-l {
   border-left: solid 1px #19130b0001a;
 }
 .counter-box-1 {
   position: relative;
   z-index: 2;
   -webkit-transition: .5s;
   transition: .5s;
   overflow: hidden;
   transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
   padding: 80px 0;
   text-align: center;
 }
 .counter-box-1:hover {
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .counter-box-1 h1 {
   margin: 20px 0 10px;
   font-weight: 700;
 }
 .counter-box-1 .icon {
   font-size: 45px;
   line-height: 100px;
   width: 100px;
   height: 100px;
   margin: 0 auto;
   background: #fff;
   border-radius: 100%;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   display: inline-block;
   vertical-align: middle;
   transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .counter-box-1:hover .icon i {
   color: #fff;
 }
 .counter-box-1:hover .icon {
   transform: rotateY(360deg);
 }
 .counter-box-1 p {
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 0;
 }
 .counters-2 {
   background: url(../img/img-1.jpg);
   z-index: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   padding: 0;
 }
 .counters-2:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #001466db;
   content: "";
   z-index: -1;
   opacity: 0.5;
 }
 .counters-2 .border-r {
   border-right: solid 1px #19130b0001a;
 }
 .counters-2 .border-l {
   border-left: solid 1px #19130b0001a;
 }
 .counter-box-2 {
   position: relative;
   z-index: 2;
   -webkit-transition: .5s;
   transition: .5s;
   overflow: hidden;
   transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
   padding: 80px 0;
   text-align: center;
 }
 .counter-box-2:hover {
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
 }
 .counter-box-2 h1 {
   margin: 15px 0 10px;
   font-weight: 700;
 }
 .counter-box-2 i {
   font-size: 60px;
   color: #fff;
   display: inline-block;
   vertical-align: middle;
   transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .counter-box-2:hover i {
   color: #fff;
 }
 .counter-box-2:hover i {
   transform: rotateY(360deg);
 }
 .counter-box-2 p {
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 0;
   color: #fff;
 }
 .counters-3 {
   padding: 100px 0 70px;
   background: url(../img/img-1.jpg);
   z-index: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
 }
 .counters-3:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #201297;
   content: "";
   z-index: -1;
   opacity: 0.4;
 }
 .counter-box-3 {
   margin-bottom: 30px;
   border-radius: 5px;
   position: relative;
 }
 .counter-box-3 .icon {
   width: 75px;
   margin-right: 15px;
   height: 75px;
   text-align: center;
   line-height: 75px;
   border: dashed 1px #fff;
   font-size: 35px;
   -webkit-border-radius: 50% / 14%;
   border-radius: 50% / 14%;
   display: inline-block;
   vertical-align: middle;
   transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
 }
 .counter-box-3 i {
   font-size: 35px;
   color: #fff;
   line-height: inherit;
 }
 .counter-box-3:hover .icon {
   transform: rotateY(360deg);
 }
 .counter-box-3 h2 {
   font-weight: 600;
   margin: 0 0 3px;
   font-size: 30px;
   text-align: left;
 }
 .counter-box-3 p {
   margin: 0;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
 }
 .counters-4 {
   padding: 80px 0;
   background: rgba(0, 0, 0, 0.04) url(../img/img-3.jpg) top left repeat;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   z-index: 1;
 }
 .counters-4 .counters-info-section {
   padding: 40px 40px 10px;
   background: #fff;
 }
 .counters-4 .counter-box {
   max-width: 240px;
   margin: 0 auto 40px;
   border-radius: 5px;
 }
 .counters-4 .counter-box-3 .icon {
   border: dashed 1px #eceaeb;
   background: #f1f1f1;
 }
 .counters-4 .counter-box-3 i {
   font-size: 35px;
   line-height: inherit;
 }
 .counters-4 .counter-box-3 p {
   margin: 0;
   font-size: 16px;
   letter-spacing: normal;
   color: #343434;
   text-transform: initial;
 }
 .counters-4 .counter-box-3 h2 {
   margin: 0 0 5px;
 }
 .counter-box-3:hover .icon i {
   color: #fff;
 }
 .contact-section {
   background: #eef1f6;
 }
 .contact-section a {
   text-decoration: none;
 }
 .contact-section .bg-login-ing {
   background: url(../img/img-1.jpg) top left repeat;
   background-size: cover;
   top: 0;
   bottom: 0;
   min-height: 100vh;
   text-align: left;
   z-index: 10;
   opacity: 1;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px 30px 0;
 }
 .contact-section .bg-login-ing:after {
   position: absolute;
   right: -1px;
   top: 0;
   width: 288px;
   height: 100%;
   content: "";
   z-index: -1;
   background: url(../img/bg-login.png) top left repeat;
   min-height: 100vh;
 }
 .contact-section .form-check-input:checked {
   display: none;
 }
 .contact-section .form-section {
   min-height: 100vh;
   position: relative;
   text-align: center;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px;
 }
 .contact-section .form-section .form-box {
   width: 100%;
   position: relative;
 }
 .contact-section .login-inner-form {
   max-width: 450px;
   color: #343434;
   width: 100%;
   text-align: center;
 }
 .contact-section .login-inner-form p {
   color: #343434;
   font-size: 16px;
   margin: 0;
 }
 .contact-section .login-inner-form p a {
   color: #343434;
   font-weight: 500;
 }
 .contact-section .login-inner-form img {
   margin-bottom: 20px;
   height: 100px;
 }
 .contact-section .login-inner-form h3 {
   margin: 0 0 30px;
   font-size: 22px;
   font-weight: 500;
 }
 .contact-section .login-inner-form .form-group {
   margin-bottom: 25px;
 }
 .contact-section .login-inner-form .form-control {
   outline: none;
   width: 100%;
   padding: 10px 25px;
   font-size: 16px;
   outline: 0;
   font-weight: 400;
   color: #343434;
   height: 55px;
   border-radius: 3px;
   border: 1px solid #fff;
 }
 .contact-section .login-inner-form .btn-md {
   cursor: pointer;
   height: 55px;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   border-radius: 3px;
 }
 .contact-section .login-inner-form input[type=checkbox], input[type=radio] {
   margin-right: 3px;
 }
 .contact-section .login-inner-form button:focus {
   outline: none;
   outline: 0 auto -webkit-focus-ring-color;
 }
 .contact-section .login-inner-form .btn-theme.focus, .btn-theme:focus {
   box-shadow: none;
 }
 .contact-section .login-inner-form .btn-theme {
   border: none;
   color: #fff;
 }
 .contact-section .login-inner-form .checkbox .terms {
   margin-left: 3px;
 }
 .contact-section .informeson {
   color: #fff;
   max-width: 450px;
   margin: 0 auto 0 150px;
 }
 .contact-section .informeson h1 {
   color: #fff;
   margin-bottom: 20px;
   font-size: 35px;
   font-weight: 600;
   text-transform: uppercase;
 }
 .contact-section .informeson p {
   color: #ebe8e8;
   margin-bottom: 25px;
   line-height: 25px;
   font-size: 15px;
 }
 .contact-section .none-2 {
   display: none;
 }
 .contact-section .btn-section {
   margin-bottom: 30px;
 }
 .contact-section .login-inner-form .terms {
   margin-left: 3px;
 }
 .contact-section .login-inner-form .form-check {
   float: left;
   margin-bottom: 0;
   padding-left: 0;
 }
 .contact-section .login-inner-form .form-check a {
   color: #343434;
   float: right;
 }
 .contact-section .login-inner-form .form-check-input {
   display: none;
 }
 .contact-section .login-inner-form .form-check label::before {
   content: "";
   display: inline-block;
   position: absolute;
   width: 20px;
   top: 2px;
   height: 20px;
   margin-left: -7px;
   border: 1px solid #fff;
   border-radius: 2px;
   background-color: #fff;
 }
 .contact-section .login-inner-form .form-check-label {
   padding-left: 25px;
   margin-bottom: 0;
   font-size: 16px;
   color: #343434;
 }
 .contact-section .login-inner-form input[type=checkbox]:checked + label:before {
   font-weight: 600;
   color: #fff;
   line-height: 17px;
   font-size: 14px;
   content: "\2713";
   padding-left: 1px;
 }
 .contact-section .login-inner-form input[type=checkbox], input[type=radio] {
   margin-top: 4px;
 }
 .contact-section .login-inner-form .checkbox a {
   font-size: 16px;
   color: #343434 !important;
   float: right;
   font-weight: 400;
 }
 .contact-section h1 {
   color: #fff;
   font-size: 35px;
   margin-bottom: 20px;
 }
 .contact-section .typing > * {
   overflow: hidden;
   white-space: nowrap;
   animation: typingAnim 3s steps(50);
 }
 @keyframes typingAnim {
   from {
     width: 0
   }
   to {
     width: 100%
   }
 }
 .contact-section .social-list a {
   transition: transform 0.4s linear 0s, border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
   border-radius: 50%;
 }
 .contact-section .social-list a i {
   transition: transform 0.4s linear 0s;
 }
 .contact-section .social-list a:hover {
   transform: rotate(360deg);
   border-radius: 50px;
 }
 .contact-section .social-list a:hover i {
   transform: rotate(-360deg);
 }
 .contact-section .social-list .buttons {
   display: flex;
 }
 .contact-section .social-list a {
   text-decoration: none !important;
   color: #fff;
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 3px;
   margin: 0 4px 5px;
   font-size: 20px;
   overflow: hidden;
   position: relative;
   background: #fff;
 }
 .contact-section .social-list a i {
   position: relative;
   z-index: 3;
 }
 .contact-section .social-list a.facebook-bg {
   color: #4867aa;
 }
 .contact-section .social-list a.twitter-bg {
   color: #33CCFF;
 }
 .contact-section .social-list a.google-bg {
   color: #db4437;
 }
 .contact-section .social-list a.dribbble-bg {
   color: #2392e0;
 }
 .categories .col-pad {
   padding: 0 7.5px;
 }
 .category {
   overflow: hidden;
   position: relative;
   text-align: center;
   margin: 0 0 15px 0;
   border-radius: 3px;
 }
 .category:hover:before {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   content: "";
   background-color: #262525;
   opacity: 0.4;
   z-index: -11;
   transition: 0.3s ease-out;
 }
 .category_bg_box {
   transition: all 0.35s;
   border-radius: 3px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 220px;
 }
 .category_long_bg {
   height: 455px;
 }
 .cat-1-bg {
   background-image: url(../img/popular-places/popular-places-1.jpg);
 }
 .cat-2-bg {
   background-image: url(../img/popular-places/popular-places-2.jpg);
 }
 .cat-3-bg {
   background-image: url(../img/popular-places/popular-places-3.jpg);
 }
 .cat-4-bg {
   background-image: url(../img/popular-places/popular-places-5.jpg);
 }
 .cat-5-bg {
   background-image: url(../img/popular-places/popular-places-4.jpg);
 }
 .category:hover .category_bg_box {
   transform: scale(1.06);
   transition: transform 0.35s ease-out;
 }
 .category .category-overlay {
   border-radius: 3px;
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   transition: background-color .15s linear;
   background-color: rgba(36, 42, 53, 0.4);
 }
 .category-subtitle {
   white-space: nowrap;
   color: #fff;
   font-weight: 400;
   font-size: 14px;
   text-align: left;
   letter-spacing: 0.5px;
 }
 .category-content {
   display: block;
   left: 25px;
   position: absolute;
   top: 15px;
   transition: all .15s linear;
 }
 .category-content h3 {
   margin-bottom: 2px;
   text-align: left;
   font-weight: 400;
 }
 .category-content h3 a {
   color: #fff;
   font-size: 22px;
 }
 .category:hover .category-view-more {
   visibility: visible;
 }
 .listings-parallax {
   background: url(../img/listings-parallax.jpg);
   z-index: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #efefef;
   padding-top: 80px;
 }
 .listings-parallax .text {
   display: inline-block;
 }
 .social-links .social-list li {
   display: inline-block;
   font-size: 16px;
 }
 .social-links .social-list li a {
   font-size: 16px;
   width: 45px;
   height: 45px;
   margin-bottom: 2px;
   border-radius: 3px;
   display: inline-block;
   text-align: center;
   line-height: 45px;
 }
 .social-links .social-list li a i {
   line-height: 45px;
 }
 .option-bar {
   margin-bottom: 30px;
   padding: 10px 15px;
   background: #fff;
 }
 .option-bar .sort {
   color: #262525;
   font-size: 14px;
   font-weight: 500;
   margin-right: 10px;
   line-height: 35px;
 }
 .sorting-options span {
   line-height: 35px;
 }
 .sorting-options {
   float: right;
 }
 .sorting-options2 .bootstrap-select {
   width: 200px !important;
 }
 .sorting-options2 .search-fields {
   min-height: 36px;
   padding: 0;
 }
 .sorting-options2 .dropdown-toggle::after {
   margin-left: .0em;
 }
 .sorting-options2 .bootstrap-select > .dropdown-toggle {
   padding-right: 30px;
 }
 .sorting-options2 .bootstrap-select button {
   color: #545454 !important;
   font-weight: 500;
   border-radius: 3px;
   outline: none;
   padding: 0px 15px 0px 15px;
   line-height: 36px;
 }
 .change-view-btn {
   border-radius: 3px;
   background: transparent;
   padding: 5px 9px;
   margin: 0 2px;
   display: inline-block;
 }
 .change-view-btn:hover {
   color: #fff;
 }
 .active-view-btn {
   color: #fff !important;
   padding: 5px 9px;
 }
 .active-view-btn:hover {
   background: transparent;
 }
 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #ccc !important;
   filter: "alpha(opacity=20)";
   -ms-filter: "alpha(opacity=20)";
 }
 .comments {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 .comment {
   margin: 0 0 30px 0;
   position: relative;
   display: inline-block;
   width: 100%;
 }
 .comment p {
   font-size: 15px;
   line-height: 25px;
 }
 .comment h5 {
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 5px;
 }
 .comment-author {
   border-radius: 50%;
   height: 60px;
   width: 60px;
   left: 0;
   position: absolute;
   top: 0;
 }
 .comment-author a img {
   bottom: 2px;
   border-radius: 7%;
   display: block;
   width: 100%;
   position: absolute;
   top: 2px;
   box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4);
 }
 .t-s {
   margin-top: 40px;
 }
 .t-s h2 {
   font-weight: 500;
   font-size: 22px;
   margin: 0 0 20px;
 }
 .comment-content {
   padding-bottom: 10px;
   border-bottom: dashed 1px #d6d6d6;
   margin: 0 0 0 77px;
 }
 .mrg-bdr {
   margin-bottom: 0;
   border-bottom: none;
   padding: 0;
 }
 .comment-content h3 {
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 10px;
 }
 .comment-content .comment-rating {
   color: orange;
 }
 .comment-meta {
   margin-bottom: 10px;
   font-size: 14px;
   color: #343434;
   font-weight: 400;
 }
 .comment-meta a {
   margin-left: 10px;
   font-weight: 500;
 }
 .comments ul {
   list-style: none;
   margin: 0 0 0 80px;
   padding: 0;
 }
 .comment-b .comment-content {
   padding-bottom: 0;
   border-bottom: transparent;
   margin: 0 0 0 85px;
 }
 .comment-b .comment-content p {
   margin-bottom: 0;
 }
 .comment-b {
   margin-bottom: 0;
 }
 .comment-content ul {
   margin-bottom: 20px;
 }
 .comment-content ul li {
   font-weight: 500;
   color: #262525;
   line-height: 30px;
   font-size: 14px;
 }
 .comment-content ul li span {
   font-weight: 500;
   color: #262525;
 }
 .comment-content ul li a {
   color: #262525;
 }
 .comment-content .btn-1 {
   border: none;
   cursor: pointer;
   padding: 6px 20px;
   display: inline-block;
   outline: none;
   font-size: 14px;
   border-radius: 25px;
   font-weight: 500;
   background: #f3f3f3;
   color: #343434;
 }
 .coming-soon {
   background: url(../img/banner/img-2.jpg) top left repeat;
   background-size: cover;
   top: 0;
   width: 100%;
   bottom: 0;
   opacity: 1;
   min-height: 100vh;
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 15px 0;
   text-align: center;
   z-index: 1;
 }
 .coming-soon:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgb(36 10 99 / 63%);
   z-index: -1;
 }
 .coming-soon-inner img {
   margin-bottom: 10px;
   height: 40px;
 }
 .coming-soon-inner {
   text-align: center;
   margin: 0 auto;
   max-width: 820px;
   color: #fff;
 }
 .coming-soon-inner h1 {
   font-weight: 600;
   font-size: 90px;
   color: #fff;
   margin-bottom: 30px;
   text-transform: uppercase;
 }
 .coming-soon-inner h6 {
   color: #fff;
   font-size: 16px;
   margin-bottom: 35px;
   font-weight: 400;
   letter-spacing: 1px;
 }
 .coming-soon-inner ul li {
   display: inline-block;
 }
 .coming-soon-inner ul li a {
   color: #fff;
 }
 .coming-soon ul li a {
   color: #fff;
   width: 45px;
   font-size: 18px;
   height: 45px;
   display: inline-block;
   line-height: 45px;
   margin: 2px;
   border-radius: 3px;
   -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
 }
 .coming-soon ul li a:hover {
   background: #fff;
   -webkit-box-shadow: 0px 0px 0px 2px #fff;
   box-shadow: 0px 0px 0px 2px #fff;
 }
 .coming-soon-inner .coming-form {
   max-width: 55%;
   margin: 0 auto 35px;
 }
 .coming-soon-inner .bordered-right {
   border-right: 1px solid #848484;
 }
 .coming-form {
   position: relative;
   width: 100%;
   margin-bottom: 20px;
 }
 .coming-form .newsletter-form .form-control {
   border: 1px solid #fff;
   border-radius: 3px;
   box-shadow: none;
   color: #999999;
   padding: 15px 20px 15px 20px;
   height: 50px;
   font-size: 15px;
   background: #fff;
   width: 70%;
 }
 .coming-form .newsletter-form .btn-theme {
   border: none;
   color: #fff;
   padding: 15px 5px 15px 5px;
   position: absolute;
   font-size: 15px;
   height: 50px;
   top: 0;
   right: 0;
   text-transform: inherit;
   font-weight: 400;
   border-radius: 3px;
   margin-left: 20px;
   width: 28%;
 }
 .coming-soon-counter {
   margin-bottom: 30px;
 }
 .coming-soon-counter div {
   display: inline-block;
   font-size: 40px;
   font-weight: 900;
   color: #fff;
   margin: 0 10px 10px;
   width: 120px;
   padding: 10px 2px 20px;
   border-radius: 5px;
   -webkit-box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 20%);
   box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 20%);
 }
 .coming-soon-counter div:last-child {
   border: none;
 }
 .coming-soon-counter div span {
   display: block;
   font-weight: 500;
   text-align: center;
   font-size: 14px;
   color: #fff;
 }
 .ca .team-2 .detail {
   padding: 20px 20px 20px 25px;
   left: -0;
 }
 .social-media-box .social-list li {
   float: left;
 }
 .social-media-box .social-list li a {
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   display: inline-block;
   font-size: 18px;
   color: #fff;
   margin: 0 6px 4px 0;
   border-radius: 3px;
 }
 .financing-calculator .form-label {
   margin-bottom: 8px;
   font-size: 12px;
   font-weight: 500;
   color: #343434;
 }
 .financing-calculator .form-group {
   margin-bottom: 20px;
 }
 .brand-box {
   text-align: center;
   display: inline-block;
   width: 100%;
   margin-bottom: 30px;
   padding: 15px 20px 20px;
   background: #fff;
 }
 .brand-box:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .brand-box img {
   margin-bottom: 0;
 }
 .brand-box h5 {
   font-weight: 500;
   margin: 0;
   font-size: 15px;
   color: #343434;
 }
.view-all {
    text-align: center;
    position: relative;
}
 .view-all h3 {
   margin-bottom: 20px;
   font-size: 20px;
   font-weight: 500;
   text-transform: uppercase;
 }
 .view-all ul {
   margin-bottom: 20px;
 }
 .view-all ul li {
   display: inline-block;
 }
 .view-all ul li a {
   width: 45px;
   height: 45px;
   line-height: 45px;
   border-radius: 3px;
   margin-bottom: 5px;
   text-align: center;
   display: inline-block;
   font-size: 16px;
   font-weight: 500;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
   background: white;
   color: #343434;
 }
 .search-brand .form-search .form-control {
   padding: 10px 20px;
   color: #495057 !important;
   min-height: 55px;
   font-size: 17px;
   width: 100%;
   outline: none;
   border-radius: 3px;
   font-weight: 500;
   border: 1px solid #19130b00017;
   background: #fff !important;
 }
 .mt-30 {
   margin-top: 30px;
 }
 .content-area {
   padding: 70px 0;
 }
 .content-area-2 {
   margin-bottom: 100px;
 }
 .content-area-3 {
   margin-bottom: 70px;
 }
 .content-area-4 {
   padding: 100px 0 50px;
 }
 .content-area-5 {
   padding: 70px 0 50px 0;
 }
 .content-area-6 {
   padding: 100px 0 50px;
 }
 .content-area-7 {
   padding: 70px 0;
 }
 .content-area-8 {
   padding: 187px 0 70px;
 }
 .content-area-9 {
   padding: 60px 0;
 }
 .content-area-10 {
   padding: 100px 0 60px;
 }
 .content-area-11 {
   padding: 100px 0;
 }
 .theme img {
   margin-bottom: 30px;
 }
 .content-area-12 {
   padding: 100px 0 130px;
 }
 .content-area-13 {
   padding: 100px 0 50px;
 }
 .content-area-14 {
   padding: 120px 0 90px;
 }
 .content-area-15 {
   padding: 120px 0 95px;
 }
 .content-area-16 {
   padding: 207px 0 90px;
 }
 .content-area-17 {
   padding-top: 100px;
 }
 .pagination-box {
   margin-bottom: 25px;
 }
 .pagination {
   padding-left: 0;
   border-radius: 4px;
   display: inline-block;
 }
 .pagination li {
   display: inline-block;
 }
 .pagination > li > a {
   color: #262525;
   font-size: 17px;
   background: #fff;
   font-weight: 500;
 }
 .pagination > li > a:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .pagination > li > a, .pagination > li > span {
   border-radius: 0;
   margin: 0 2px 5px;
   padding: 12px 19px;
   text-align: center;
   border: none;
 }
 .pagination > li > a:hover {
   color: #fff;
 }
 .pagination > li > .active {
   color: #fff;
 }
 .page-link:focus {
   box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
 }
 .show-more-options {
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 20px;
   display: block;
 }
 .sidebar-right .show-more-options {
   font-size: 15px;
 }
 .sidebar-left .show-more-options {
   font-size: 14px;
 }
 .slide-box-btn .slick-prev {
   display: none !important;
 }
 .slide-box-btn .slick-next {
   display: none !important;
 }
 .slide-box {
   padding: 0 15px;
 }
 .partners {
   text-align: center;
   padding: 70px 0;
 }
 .partners img {
   max-width: 260px;
   margin: 0 auto;
 }
 .partners .custom-slider {
   width: 100%;
   margin: auto;
 }
 .partners .slick-slider {
   user-select: none;
 }
 .partners .slick-next {
   right: 0;
   display: none !important;
 }
 .partners .slick-prev {
   left: 0;
   display: none !important;
 }
 .navbar-buttons img {
   width: 45px;
   border-radius: 50px;
   margin: 20px 15px 20px 0;
 }
 .navbar-buttons {
   float: right;
   text-align: right;
 }
 .navbar-buttons ul li {
   float: left;
   margin-left: 35px;
 }
 .navbar-buttons .btn-md {
   border-radius: 50px;
   letter-spacing: normal;
   padding: 12px 30px 10px 30px;
 }
 .navbar-buttons .btn-theme {
   font-weight: 500;
   font-size: 13px;
   letter-spacing: 1px;
 }
 .header-2 {
   padding: 0 15px;
 }
 .sidebar-right {
   margin: 0 0 30px 0;
   background: #fff;
 }
 .sidebar-left {
   margin: 0 0 30px 0;
   background: #fff;
 }
 .widget {
   padding: 30px;
   border-bottom: solid 1px #eaeaea;
 }
 .widget-2 {
   margin-bottom: 40px;
   padding: 30px;
 }
 .widget-3 {
   padding: 30px;
   border-bottom: none;
 }
 .widget .search-fields {
   min-height: 50px;
   padding: 0;
   border-radius: 3px;
   box-shadow: none;
   border: 1px solid #e0e0e0;
   background: #fff;
 }
 .widget .form-group {
   margin-bottom: 20px;
 }
 .widget .form-group .dropdown-toggle::after {
   right: 12px;
 }
 .widget .bootstrap-select button {
   color: #545454 !important;
   font-weight: 500;
   border-radius: 3px;
   outline: none;
   padding: 12px 30px 9px 15px;
 }
 .single-block {
   margin-bottom: 30px;
 }
 .sidebar-title {
   font-size: 21px;
   position: relative;
   margin: 0 0 7px;
   font-weight: 500;
 }
 .s-border {
   width: 40px;
   height: 1px;
   margin-bottom: 2px;
   border-radius: 50px;
   background: #c5c5c5;
 }
 .m-border {
   width: 20px;
   height: 1px;
   margin-bottom: 25px;
   border-radius: 50px;
   background: #c5c5c5;
 }
 .sidebar .search-box {
   padding: 20px 20px 0 20px;
   margin-bottom: 0;
 }
 .form-search {
   position: relative;
 }
 .form-search .form-group {
   margin-bottom: 0;
 }
 .form-search .form-control {
   padding: 10px 17px;
   color: #495057 !important;
   width: 100%;
   min-height: 50px;
   font-size: 15px;
   font-weight: 500;
   border-radius: 3px;
   background: #fff;
   border: 1px solid #dbdbdb;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
 }
 .form-search .btn {
   background: none;
   position: absolute;
   right: 0;
   top: 0;
   padding: 15px 20px 14px 15px;
 }
 .form-search .btn:active, .form-search .btn:focus {
   box-shadow: none;
   outline: none;
 }
 .form-search .btn i {
   color: #777;
 }
 .form-search .form-group, .form-search .form-control {
   width: 100%;
 }
 .search-brand .form-search {
   max-width: 550px;
   margin: 0 auto;
 }
 .range-slider .ui-slider {
   position: relative;
   text-align: left;
 }
 .range-slider label {
   font-size: 13px;
   color: #343434;
   font-weight: 500;
   margin-bottom: 12px;
 }
 .range-slider .ui-slider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 10px;
   height: 10px;
   border-radius: 0;
   border: 2px solid #66676b;
   cursor: w-resize;
   outline: none;
   top: -4px;
   margin-left: -8px;
   box-shadow: none !important;
 }
 .range-slider .ui-slider .ui-slider-range {
   position: absolute;
   z-index: 1;
   display: block;
   border: 0;
   background-position: 0 0;
 }
 .range-slider .ui-slider .ui-slider-handle {}
 .range-slider .ui-widget-content {
   background-color: #ccc;
 }
 .range-slider .ui-widget-header {}
 .range-slider .ui-slider.ui-state-disabled .ui-slider-handle, .range-slider .ui-slider.ui-state-disabled .ui-slider-range {
   filter: inherit;
 }
 .range-slider .ui-slider-horizontal {
   height: 3px;
   border-radius: 10px;
   width: calc(100% - 16px);
   margin-left: 8px;
 }
 .range-slider .ui-slider-horizontal .ui-slider-range {
   top: 0;
   height: 100%;
 }
 .range-slider .ui-slider-horizontal .ui-slider-range-min {
   left: 0;
 }
 .range-slider .ui-slider-horizontal .ui-slider-range-max {
   right: 0;
 }
 .min-value:focus, .max-value:focus, .min-value, .max-value {
   width: 40%;
   display: inline-block;
   border: 0;
   background-color: transparent;
   padding: 0;
   margin: 12px 0 0 0;
   cursor: default;
 }
 .min-value {
   float: left;
   margin-left: -8px;
   width: 40%;
   margin-right: -8px;
   font-size: 14px;
   color: #343434;
   font-weight: 500;
   margin-top: 15px;
 }
 .max-value {
   float: right;
   width: 60%;
   text-align: right;
   margin-right: -8px;
   font-size: 14px;
   color: #343434;
   font-weight: 500;
   margin-top: 15px;
 }
 .sidebar .recent-properties-box .detail header {
   padding-bottom: 0;
 }
 .sub-banner {
   background: rgba(0, 0, 0, 0.04) url(../img/img-2.jpg) top left repeat;
   background-size: cover;
   height: 400px;
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
 }
 .sub-banner:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgb(9 25 169 / 40%);
 }
 .sub-banner .breadcrumb-area {
   letter-spacing: 1px;
   text-align: center;
   width: 100%;
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
 }
 .sub-banner .breadcrumb-area h1 {
   margin: 5px;
   font-weight: 600;
   text-transform: uppercase;
   color: #fff;
   line-height: normal;
   font-size: 27px;
 }
 .sub-banner .breadcrumbs li {
   display: inline-block;
   list-style: none;
   font-size: 16px;
   font-weight: 500;
 }
 .sub-banner .breadcrumbs li a {
   color: #fff;
 }
 .sub-banner .breadcrumbs .active {
   margin-left: 5px;
   color: #fff;
 }
 .sub-banner .breadcrumbs .active:before {
   content: "\f105";
   font-family: "FontAwesome";
   font-size: 14px;
   margin-right: 7px;
   font-weight: 500;
 }
 .blog-social-list {
   float: right;
 }
 .blog-social-list a {
   text-align: center;
   display: inline-block;
   list-style: none;
 }
 .blog-social-list span {
   margin-right: 10px;
   font-weight: 500;
   color: #262525;
 }
 .blog-social-list a {
   width: 38px;
   height: 38px;
   line-height: 38px !important;
   text-align: center;
   display: inline-block;
   font-size: 15px;
   color: rgb(255, 255, 255);
   margin-bottom: 5px;
   border-radius: 5%;
 }
 .blog-social-list a i {
   line-height: 38px;
 }
 .blog-tags a {
   border-radius: 3px;
   color: #343434;
   display: inline-block;
   font-size: 14px;
   margin: 0 0 5px;
   padding: 7.5px 11px;
   font-weight: 500;
   text-transform: capitalize;
   border: 1px solid #F7F7F7;
   background: #F7F7F7;
 }
 .blog-tags span {
   margin-right: 10px;
   font-weight: 500;
   color: #262525;
 }
 .my-address form .form-group {
   margin-bottom: 20px;
 }
 .my-address form .input-text {
   width: 100%;
   padding: 10px 17px;
   font-size: 14px;
   border: 1px solid #e8e7e7;
   outline: none;
   height: 45px;
   border-radius: 3px;
   line-height: 30px;
 }
 .my-address form textarea {
   min-height: 150px;
 }
 .my-address form label {
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   font-size: 12px;
   font-weight: 500;
   color: #827f7f;
 }
 .my-address {
   background: #fff;
   padding: 20px;
   box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
 }
 .edit-profile-photo {
   position: relative;
   background: #fff;
   box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .23);
   padding: 2px;
 }
 .change-photo-btn {
   display: inline-block;
   position: absolute;
   font-size: 13px;
   bottom: -22px;
   left: 40%;
   width: auto;
   transition: 0.3s;
   cursor: pointer;
   line-height: 28px;
 }
 .photoUpload {
   position: relative;
   overflow: hidden;
   padding: 6px 15.5px 10px;
   cursor: pointer;
   font-size: 14px;
   background: #e8e8e8;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .photoUpload.clip-home {
   position: relative;
 }
 .photoUpload span {
   font-weight: 500;
 }
 .photoUpload input.upload {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity=0);
 }
 .my-address {
   margin-bottom: 30px;
 }
 .footer .listing-meta span a {
   text-decoration: none;
   float: right;
   margin-left: 15px;
   color: #525252;
 }
 .footer .listing-meta span a i {
   margin-right: 4px;
 }
 .footer .listing-meta span a:hover {
   color: #8c8c8c;
 }
 .heading {
   margin: 0 0 30px;
   font-weight: 500;
 }
 .heading-2 {
   margin: 0 0 20px;
   font-size: 21px;
   font-weight: 500;
 }
 .form-group label, .checkbox label {
   font-weight: 700;
   font-size: 12px;
   color: #a0a0a0;
   letter-spacing: .5px;
   margin-bottom: 15px;
 }
 .advanced-search .form-group label, .checkbox label {
   color: #343434;
 }
 .range-slider.form-group label, .checkbox label {
   font-weight: 500;
 }
 .dashboard {
   position: relative;
   top: 0 !important;
   margin-top: 100px;
   padding: 70px 0;
   z-index: 0;
 }
 .dashboard .dashboard-inner {
   padding-top: 20px;
 }
 .fixed-header {
   position: fixed;
   width: 100%;
   z-index: 9999;
   background: #fff;
 }
 .dashboard-nav {
   background-color: #fff;
   display: block;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
   z-index: 11;
   position: relative;
   padding: 0;
   min-height: auto !important;
 }
 .dashboard-nav h4 {
   margin-bottom: 0;
   color: #2a2a2a;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 14px;
   padding: 15px 30px 15px;
 }
 .dashboard-nav ul {
   border-bottom: 1px solid #e4e4e4;
 }
 .dashboard-nav ul li {
   border-left: 3px solid transparent;
   line-height: 25px;
   font-weight: 400;
   font-size: 15px;
 }
 .dashboard .btn-6 {
   padding: 13px 35px;
 }
 .dashboard-nav ul li a {
   color: #242323;
   display: block;
   padding: 12px 27px;
   transition: .3s;
   cursor: pointer;
 }
 .dashboard-nav ul li.active, .dashboard-nav ul li:hover {
   background: #f7f7f7;
 }
 .dashboard-nav ul li a i {
   padding-right: 8px;
   width: 20px;
 }
 .dashboard-header {
   margin-bottom: 20px;
 }
 .dashboard-header .breadcrumb-nav {
   right: 15px;
   display: inline-block;
   font-size: 15px;
   font-weight: 400;
   float: right;
 }
 .dashboard-header .breadcrumb-nav ul li {
   display: inline-block;
   list-style: none;
   margin: 0 0 0 15px;
   font-weight: 500;
 }
 .dashboard-header .breadcrumb-nav ul li a {
   color: #262525;
 }
 .dashboard-header h4 {
   font-weight: 500;
   font-size: 21px;
 }
 .dashboard-list {
   padding: 0;
   margin-bottom: 30px;
   display: inline-block;
   width: 100%;
   background: #fff;
 }
 .dashboard-list h3 {
   padding: 15px 25px;
   border-bottom: 1px solid #eee;
   font-size: 18px;
   margin: 0;
   width: 100%;
   font-weight: 500;
 }
 .dashboard-message {
   float: left;
   padding: 25px 25px;
   position: relative;
   width: 100%;
 }
 .dashboard-list h4 {
   padding: 15px 25px;
   border-bottom: 1px solid #eee;
   font-size: 18px;
   font-weight: 500;
   margin: 0;
 }
 .responsive-table {
   padding: 20px;
   display: inline-block;
   border-bottom: 1px solid #eee;
   width: 100%;
 }
 .dashboard-nav ul li span.nav-tag {
   font-family: open sans;
   font-weight: 400;
   display: inline-block;
   font-size: 11px;
   line-height: 20px;
   color: #fff;
   padding: 0 7px;
   text-align: center;
   min-width: 20px;
   height: 20px;
   border-radius: 50px;
   margin-left: 5px;
 }
 .dashboard-list .comment-content {
   padding-bottom: 10px;
   margin-bottom: 0;
 }
 .sub-banner-2 {
   margin: 0 15px 30px !important;
   font-size: 15px;
 }
 .bookings .comment {
   border-bottom: dashed 1px #d6d6d6;
 }
 .bookings .comment-b {
   border-bottom: none;
 }
 .bookings .comment-content {
   border-bottom: none;
 }
 .manage-table .listing-photoo {
   width: 20%;
 }
 .manage-table .listing-photoo img {
   width: 100%;
   border-radius: 5px;
 }
 .manage-table .title-container {
   width: 55%;
   padding: 0 20px;
 }
 .manage-table .title-container h2 {
   font-weight: 500;
   font-size: 22px;
   margin-bottom: 12px;
 }
 .manage-table .title-container h5 {
   font-size: 15px;
   font-weight: 400;
   margin-bottom: 12px;
   color: #343434;
 }
 .manage-table .title-container h6 {
   font-size: 15px;
   font-weight: 400;
   color: #343434;
 }
 .manage-table .expire-date {
   font-size: 15px;
   width: 15%;
   font-weight: 500;
   padding: 0 20px 0 0;
   color: #343434;
 }
 .manage-table .action {
   width: 10%;
 }
 .manage-table .action a {
   display: block;
   font-size: 14px;
   margin: 3px 0;
   font-weight: 500;
   color: #343434;
 }
 .manage-table .action a i {
   margin-right: 3px;
 }
 .manage-table .title-container h2 a:hover {
   color: #4a4747;
 }
 .invoice {
   width: 100%;
   display: inline-block;
 }
 .invoice .address-info {
   margin-bottom: 30px;
 }
 .invoice .address-info .strong {
   font-weight: 500;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: solid 1px #dee2e6;
   color: #262525;
 }
 .invoice .address-info p {
   margin-bottom: 0;
   font-size: 15px;
 }
 .invoice strong {
   color: #fff;
   font-weight: 500;
 }
 .invoice .order {
   text-align: end;
   color: #262525;
   line-height: 40px;
   font-weight: 600;
   font-size: 22px;
 }
 .invoice .logo2 img {
   height: 40px;
 }
 .invoice-mb-30 {
   margin-bottom: 30px;
 }
 .invoice .table {
   margin-bottom: 0;
   border-bottom: solid 1px #e5e5e5;
 }
 .tab-box-2 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
   background: transparent;
   border-radius: 0;
 }
 .tab-box-2 .nav-pills .nav-link {
   padding: 0 5px 10px;
   font-weight: 500;
   color: #262525;
 }
 .tab-box-2 .nav-item {
   float: right;
   display: inline-block;
 }
 .comments-tr {
   border-bottom: 1px solid #eee;
 }
 .comments-tr span {
   font-size: 18px;
   margin: 0;
   font-weight: 500;
   color: #262525;
 }
 .tab-box-2 .comment-content {
   padding-bottom: 0;
   border-bottom: none;
 }
 .tab-box-2 .comment-content p {
   margin-bottom: 0;
   font-size: 15px;
   line-height: 25px;
 }
 .tab-box .nav-link {
   display: block;
   padding: 7px 30px;
   color: #19130b;
   font-weight: 500;
   border-radius: 50px !important;
 }
 .tab-box p {
   font-size: 15px;
   margin-bottom: 0;
 }
 .ui-item {
   position: relative;
   width: 100%;
   display: inline-block;
   padding: 30px;
   color: #fff;
   border-radius: 5px;
   margin-bottom: 50px;
 }
 .ui-item i {
   font-size: 70px;
   position: absolute;
   ;
   right: 20px;
   top: 20px;
   color: rgba(255, 255, 255, 0.41);
 }
 .ui-item p {
   color: #fff;
   font-weight: 500;
   margin-bottom: 0;
 }
 .ui-item h4 {
   color: #fff;
   font-weight: 500;
   font-size: 30px;
   margin-bottom: 0;
 }
 .alert-2 {
   margin-bottom: 50px;
   padding: 15px 20px;
 }
 .alert-2 .btn-close:focus {
   outline: 0;
   box-shadow: none;
   opacity: 1;
 }
 .typography .heading {
   text-transform: uppercase;
   margin: 0 0 20px;
 }
 .typography .sd p {
   margin-bottom: 40px;
 }
 .properties-amenities ul li {
   margin-bottom: 10px;
   font-size: 15px;
   padding-left: 27px;
   position: relative;
   font-weight: 500;
 }
 .properties-amenities ul li i {
   left: 0;
   position: absolute;
   top: 3px;
 }
 .search-banner .show-more-options {
   margin-bottom: 20px;
   display: block;
 }
 .property-details ul li {
   font-weight: 500;
   margin-bottom: 15px;
   font-size: 15px;
 }
 .property-details ul li strong {
   margin-right: 5px;
   font-weight: 500;
 }
 .properties-details-page .heading {
   margin-bottom: 20px;
   font-size: 22px;
   font-weight: 500;
 }
 .properties-details-page iframe, .modal-body iframe .element.style {
   height: 350px;
 }
 .properties-details-page iframe, .modal-body iframe {
   width: 100%;
   border: none;
 }
 .heading-properties {
   letter-spacing: 1px;
   width: 100%;
   top: 0;
   right: 0;
   left: 0;
 }
 .heading-properties h3 {
   margin-top: 0;
   font-size: 22px;
 }
 .heading-properties p {
   margin-bottom: 0;
   font-size: 14px;
 }
 .heading-properties h3 span {
   font-weight: 700;
 }
 .heading-properties h5 {
   text-align: right;
   color: #fff;
   font-size: 14px;
   line-height: 26px;
   margin: 0;
 }
 .heading-properties-2 {
   margin-bottom: 20px;
   background: #fff;
   padding: 30px;
 }
 .heading-properties-2 h1 {
   font-size: 30px;
   font-weight: 500;
   margin: 0 0 10px;
 }
 .heading-properties-2 ul li {
   float: left;
   margin-right: 20px;
   font-weight: 400;
   font-size: 15px;
 }
 .heading-properties-2 .ratings-2 i {
   color: orange;
 }
 .heading-properties-2 .ratings-2 span {
   padding: 5px 10px;
   border-radius: 3px;
   font-size: 12px;
   font-weight: 500;
   color: #fff;
   margin-left: 10px;
 }
 .heading-properties-3 {
   margin-bottom: 20px;
 }
 .heading-properties-3 h1 {
   font-size: 25px;
   font-weight: 500;
   margin: 0 0 5px;
 }
 .heading-properties-3 h1 span {
   float: right;
 }
 .heading-properties-3 p {
   font-size: 16px !important;
   margin-bottom: 0;
 }
 .heading-properties-3 p span {
   float: right;
 }
 .properties-details-sliders .list-inline {
   white-space: nowrap;
   width: 100% !important;
 }
 .properties-details-sliders .carousel-indicators {
   position: static;
   left: initial;
   width: initial;
   margin-left: initial;
   margin-top: 0;
 }
 .properties-details-sliders .carousel-indicators a {
   cursor: pointer;
 }
 .properties-details-sliders .carousel-indicators > li {
   height: initial;
   text-indent: initial;
   margin-right: 0;
   margin-left: 0;
 }
 .dd.properties-details-sliders .carousel-indicators > li {
   width: initial;
   height: initial;
   text-indent: initial;
 }
 .smail-properties .list-inline-item {
   width: 20%;
 }
 .smail-properties .list-inline-item a img {
   width: 100%;
   border: none;
   border-radius: 0;
 }
 .properties-details-sliders .carousel-indicators > li.active img {
   opacity: 0.7;
 }
 .properties-details-sliders .right {
   position: absolute;
   right: 15px;
   top: 45%;
 }
 .properties-details-sliders .left {
   left: 10px;
   top: 47%;
   width: 30px;
   height: 30px;
   line-height: 33px;
   position: absolute;
   z-index: 5;
   display: inline-block;
   right: -30px;
   text-align: center;
   background: #fff;
   border-radius: 5%;
 }
 .properties-details-sliders .left i {
   font-size: 20px;
   color: #262525;
 }
 .properties-details-sliders .right {
   right: 10px;
   top: 47%;
   width: 30px;
   height: 30px;
   line-height: 33px;
   position: absolute;
   z-index: 5;
   display: inline-block;
   text-align: center;
   background: #fff;
   border-radius: 5%;
 }
 .properties-details-sliders .right i {
   font-size: 20px;
   color: #262525;
 }
 .list-inline-item:not(:last-child) {
   margin-right: 1px;
 }
 .smail-properties {
   width: 100%;
 }
 .properties-details-sliders .overview-bgi-2:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.29);
 }
 .properties-details-Slider .list-inline {
   position: absolute;
   bottom: 15px;
   text-align: center;
   z-index: 20;
   margin: 0 auto;
   width: 100%;
 }
 .properties-details-Slider .carousel-indicators > li {
   height: initial;
   text-indent: initial;
 }
 .properties-details-Slider .smail-properties .list-inline-item {
   width: 70px;
   margin: 5px;
   box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4);
 }
 .properties-details-Slider .location {
   font-size: 15px;
   font-weight: 500;
   color: #fff;
   margin-bottom: 10px;
 }
 .properties-details-Slider .ratings-2 {
   font-size: 13px;
   font-weight: 500;
   margin-bottom: 10px;
 }
 .properties-details-Slider .ratings-2 span {
   color: #fff;
 }
 .properties-details-Slider .price {
   font-weight: 700;
 }
 .properties-details-Slider .price .month {
   color: #fff;
   font-weight: 400;
 }
 .properties-details-Slider .ratings-2 i {
   color: orange;
 }
 .properties-details-Slider h2 {
   color: #fff;
 }
 .pds-2 .heading-listing-3 {
   margin: 0 0 0 20px;
   letter-spacing: 1px;
   position: absolute;
   bottom: 30px;
 }
 .details-banner {
   padding: 0;
   position: relative;
 }
 .details-banner .slick-slide img {
   display: initial;
 }
 .details-banner h1 {
   font-size: 25px;
   font-weight: 600;
   margin-bottom: 10px;
   text-transform: uppercase;
   color: #fff;
 }
 .details-banner .text .ratings-2 span {
   font-size: 15px;
   color: #fff;
   font-weight: 500;
   font-family: "Oxygen", sans-serif;
   ;
 }
 .details-banner .text .ratings-box {
   margin-right: 4px;
   padding: 4px 10px;
   color: #fff;
   border-radius: 3px;
 }
 .details-banner .text .ratings-2 i {
   color: orange;
 }
 .details-banner .text .ratings-2 span {
   color: #fff;
 }
 .details-banner .breadcrumb-area-2 {
   letter-spacing: 1px;
   width: 100%;
   position: absolute;
   bottom: 40px;
   right: 0;
   left: 0;
   z-index: 999;
 }
 .details-banner .cover-buttons ul li {
   display: inline-block;
   margin-bottom: 3px;
 }
 .details-banner .cover-buttons ul li {
   color: #eaeaea;
   padding: 7px 12px;
   font-size: 13px;
   font-weight: 500;
   border-radius: 3px;
   -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.2);
   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
   background: rgba(0, 0, 0, 0.36);
 }
 .details-banner .cover-buttons ul li:hover {
   color: #fff;
 }
 .details-banner .container-fluid {
   z-index: 9999 !important;
 }
 .details-banner .slide-box {
   padding: 0;
 }
 .details-banner img {
   height: 500px;
   width: 100%;
 }
 .details-banner .banner-img:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.18);
   content: "";
   z-index: 1;
   opacity: 0.1;
   cursor: pointer;
   background: linear-gradient(0, #19130b391bf, rgb(255 255 255 / 0%));
 }
 .product-slider-box .product-img-slide {
   display: inline-block;
   width: 100%;
 }
 .product-slider-box .slider-for {
   width: 80%;
   float: left;
   padding: 0;
   background: transparent;
   border: 1px transparent;
   overflow: hidden;
   border-radius: 0;
 }
 .product-slider-box .slider-nav {
   width: 20%;
   float: left;
   padding-left: 13px;
   margin-bottom: 0;
 }
 .product-slider-box .slider-for img {
   border-radius: 3px;
 }
 .product-slider-box .thumb-slide {
   padding: 0;
   margin-bottom: 5px;
   background: #fff;
   overflow: hidden;
   width: 100% !important;
   border-radius: 3px;
 }
 .product-slider-box .slick-current {
   border-color: transparent;
 }
 .product-slider-box .slick-arrow {
   display: none !important;
 }
 .product-slider-box .slick-next {
   top: auto;
   bottom: 0;
   transform: translateX(-50%) rotate(-90deg);
 }
 .product-slider-box .slick-slide img {
   margin: 0 auto;
   width: 100%;
   cursor: pointer;
 }
 .floor-plans table {
   width: 100%;
   margin-bottom: 40px;
   border: 1px solid rgba(0, 0, 0, 0.07);
 }
 .floor-plans table tr:first-child {
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
 .floor-plans table td, table th {
   padding: 10px 15px;
   border-right: 1px solid rgba(0, 0, 0, 0.07);
 }
 .floor-plans table td {
   font-size: 15px;
   font-weight: 400;
   color: #343434;
 }
 .floor-plans table strong {
   font-weight: 500;
 }
 .tabbing-box .tab-pane {
   padding-top: 30px;
 }
 .tabbing-box .nav-tabs {
   background: #fff;
   border-bottom: solid 1px #fff;
 }
 .tabbing-box .nav-tabs li {
   font-size: 17px;
   font-weight: 500;
 }
 .tabbing-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
   padding: 10px 20px 10px;
 }
 .tabbing-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   color: #fff;
   border-radius: 0;
 }
 .tabbing-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
   border-radius: 0;
   color: #fff;
 }
 .tabbing-box .nav-tabs .nav-link {
   border: none;
 }
 .tabbing-box .accordion-item {
   background-color: transparent;
   border: none;
 }
 .properties-details-page p {
   font-size: 15px;
 }
 .compare-table tr {
   border: 1px solid #ececec;
 }
 .compare-table table {
   width: 100%;
 }
 .compare-table tr:first-child {
   border-top: none;
 }
 .compare-table tr td:first-child {
   width: 350px;
   background: #f8f9fa;
 }
 .compare-table tr td {
   box-sizing: border-box;
   font-size: 15px;
   padding: 20px 15px;
   text-align: center;
   width: 395px;
   font-weight: 500;
   background: #fff;
   color: #343434;
 }
 .compare-table tr td .fa-times {
   color: red;
 }
 .compare-table tr td .fa-check {
   color: green;
 }
 .comparison .faq-accordion .accordion-body {
   padding: 0;
 }
 .search-compare {
   margin-bottom: 20px;
 }
 .search-compare .form-group {
   margin-bottom: 10px;
 }
 .search-compare h4 {
   font-size: 25px;
   line-height: 26px;
   text-align: center;
   margin-bottom: 25px;
 }
 .search-compare .search-fields {
   min-height: 50px;
   padding: 0 !important;
   font-size: 15px;
   width: 100%;
   outline: none;
   color: #616161;
   border-radius: 3px;
   font-weight: 500;
   border: 1px solid #19130b00017;
   background: #fff !important;
 }
 .search-compare .bootstrap-select button {
   color: #545454 !important;
   font-weight: 500;
   width: 100%;
   border-radius: 3px;
   outline: none;
   padding: 15px 35px 9px 20px;
 }
 .search-compare .search-button {
   cursor: pointer;
   padding: 16px 26px 15px;
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   color: #FFF;
   transition: .5s;
   border-radius: 3px;
   border: none;
   width: 100%;
   outline: none;
 }
 .faq-accordion .p-text {
   color: #343434;
 }
 .faq-accordion .p-text li {
   font-weight: 400;
 }
 .faq-accordion .accordion-button:focus {
   z-index: 3;
   border-color: #86b7fe;
   outline: 0;
   box-shadow: none;
 }
 .faq-accordion .accordion-button {
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
   width: 100%;
   padding: 20px;
   font-size: 18px;
   color: #343434;
   text-align: left;
   background-color: #fff;
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
 }
 .accordion-button:not(.collapsed)::after {
   background-image: url(../img/down.png);
   transform: rotate(-180deg);
 }
 .accordion-button::after {
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
   margin-left: auto;
   content: "";
   background-image: url(../img/up.png);
   background-repeat: no-repeat;
   background-size: 1.25rem;
   transition: transform .2s ease-in-out;
 }
 .faq-accordion .accordion-body {
   padding: 30px 20px;
   background: #fff;
   border-top: 1px solid rgba(0, 0, 0, .125);
 }
 .bd-none {
   border-bottom: 1px none;
 }
 .foq-info p {
   font-size: 14px;
   line-height: 30px;
 }
 .foq-info {
   padding: 15px 0 35px;
 }
 .other-features .accordion-button {
   padding: 0;
   font-size: 18px;
   background-color: transparent;
   border-radius: 3px;
 }
 .other-features .accordion-body {
   padding: 30px 0 0;
   background: #ffffff;
 }
 .other-features .accordion-button:not(.collapsed) {
   background-color: transparent;
   box-shadow: none;
 }
 .other-features .accordion-button:focus {
   box-shadow: none;
 }
 .submit-property .checkbox {
   padding-left: 0;
   margin-bottom: 10px;
 }
 .submit-property .heading-2 {
   margin: 0 0 20px;
   font-size: 21px;
   font-weight: 500;
 }
 .submit-address form .form-control {
   padding: 10px 17px;
   color: #495057 !important;
   width: 100%;
   min-height: 50px;
   font-size: 15px;
   font-weight: 500;
   border-radius: 3px;
   background: #fff;
   border: 1px solid #dbdbdb;
 }
 .submit-address .search-fields {
   min-height: 45px;
   border-radius: 3px;
   font-size: 15px;
   font-weight: 500;
   border: 1px solid #dbdbdb;
   padding: 0;
 }
 .submit-address .bootstrap-select .dropdown-toggle .filter-option-inner {
   overflow: hidden;
   font-size: 15px;
 }
 .submit-address .bootstrap-select button {
   color: #7b7b7b !important;
   font-weight: 500;
   border-radius: 3px;
   outline: none;
   padding: 11px 30px 9px 15px;
   min-height: 50px;
   line-height: 28px;
   font-size: 15px !important;
 }
 .submit-address form textarea {
   min-height: 160px;
 }
 .submit-address form label {
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   font-weight: 500;
   font-size: 15px;
   color: #262525;
 }
 .pad-20 {
   padding: 25px;
 }
 .submit-address form .form-group {
   margin-bottom: 20px;
 }
 .submit-address textarea {
   height: 180px;
 }
 .dropzone-design {
   border: 2px dashed #d0d0d0;
   min-height: 100px;
 }
 .dropzone-design, .dropzone-design * {
   box-sizing: border-box;
 }
 .dropzone-design {
   min-height: 160px;
   border: 2px solid rgba(0, 0, 0, 0.3);
   background: white;
   padding: 20px 20px;
 }
 .dropzone-design.dz-clickable {
   cursor: pointer;
 }
 .dropzone-design.dz-clickable * {
   cursor: default;
 }
 .dropzone-design.dz-clickable .dz-message, .dropzone-design.dz-clickable .dz-message * {
   cursor: pointer;
 }
 .dropzone-design.dz-started .dz-message {
   display: none;
 }
 .dropzone-design.dz-drag-hover {
   border-style: solid;
 }
 .dropzone-design.dz-drag-hover .dz-message {
   opacity: 0.5;
 }
 .dropzone-design .dz-preview {
   position: relative;
   display: inline-block;
   vertical-align: top;
   margin: 16px;
   min-height: 100px;
 }
 .dropzone-design .dz-preview:hover {
   z-index: 1000;
 }
 .dropzone-design .dz-preview:hover .dz-details {
   opacity: 1;
 }
 .dropzone-design .dz-preview.dz-file-preview .dz-image {
   border-radius: 3px;
   background: #999;
   background: linear-gradient(to bottom, #eee, #ddd);
 }
 .dropzone-design .dz-preview.dz-file-preview .dz-details {
   opacity: 1;
 }
 .dropzone-design .dz-preview.dz-image-preview {
   background: white;
 }
 .dropzone-design .dz-preview.dz-image-preview .dz-details {
   -webkit-transition: opacity 0.2s linear;
   -moz-transition: opacity 0.2s linear;
   -ms-transition: opacity 0.2s linear;
   -o-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
 }
 .dropzone-design .dz-preview .dz-remove {
   font-size: 14px;
   text-align: center;
   display: block;
   cursor: pointer;
   border: none;
 }
 .dropzone-design .dz-preview .dz-remove:hover {
   text-decoration: underline;
 }
 .dropzone-design .dz-preview:hover .dz-details {
   opacity: 1;
 }
 .dropzone-design .dz-preview .dz-details {
   z-index: 20;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   font-size: 13px;
   min-width: 100%;
   max-width: 100%;
   padding: 2em 1em;
   text-align: center;
   color: rgba(0, 0, 0, 0.9);
   line-height: 150%;
 }
 .dropzone-design .dz-preview .dz-details .dz-size {
   margin-bottom: 1em;
   font-size: 16px;
 }
 .dropzone-design .dz-preview .dz-details .dz-filename {
   white-space: nowrap;
 }
 .dropzone-design .dz-preview .dz-details .dz-filename:hover span {
   border: 1px solid rgba(200, 200, 200, 0.8);
   background-color: rgba(255, 255, 255, 0.8);
 }
 .dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) {
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) span {
   border: 1px solid transparent;
 }
 .dropzone-design .dz-preview .dz-details .dz-filename span, .dropzone-design .dz-preview .dz-details .dz-size span {
   background-color: rgba(255, 255, 255, 0.4);
   padding: 0 0.4em;
   border-radius: 3px;
 }
 .dropzone-design .dz-preview:hover .dz-image img {
   -webkit-transform: scale(1.05, 1.05);
   -moz-transform: scale(1.05, 1.05);
   -ms-transform: scale(1.05, 1.05);
   -o-transform: scale(1.05, 1.05);
   transform: scale(1.05, 1.05);
   -webkit-filter: blur(8px);
   filter: blur(8px);
 }
 .dropzone-design .dz-preview .dz-image {
   border-radius: 3px;
   overflow: hidden;
   width: 120px;
   height: 120px;
   position: relative;
   transition: all 0.3s;
   display: block;
   z-index: 10;
 }
 .dropzone-design .dz-preview .dz-image img {
   display: block;
   filter: blur(0px);
   transition: all 0.4s;
 }
 .dropzone-design .dz-preview.dz-success .dz-success-mark {
   -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
   -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
   -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
   -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
   animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
 }
 .dropzone-design .dz-preview.dz-error .dz-error-mark {
   opacity: 1;
   -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
   -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
   -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
   -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
   animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
 }
 .dropzone-design .dz-preview .dz-success-mark, .dropzone-design .dz-preview .dz-error-mark {
   pointer-events: none;
   opacity: 0;
   z-index: 500;
   position: absolute;
   display: block;
   top: 50%;
   left: 50%;
   margin-left: -27px;
   margin-top: -27px;
 }
 .dropzone-design .dz-preview .dz-success-mark svg, .dropzone-design .dz-preview .dz-error-mark svg {
   display: block;
   width: 54px;
   height: 54px;
 }
 .dropzone-design .dz-preview.dz-processing .dz-progress {
   opacity: 1;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }
 .dropzone-design .dz-preview.dz-complete .dz-progress {
   opacity: 0;
   -webkit-transition: opacity 0.4s ease-in;
   -moz-transition: opacity 0.4s ease-in;
   -ms-transition: opacity 0.4s ease-in;
   -o-transition: opacity 0.4s ease-in;
   transition: opacity 0.4s ease-in;
 }
 .dropzone-design .dz-preview:not(.dz-processing) .dz-progress {
   -webkit-animation: pulse 6s ease infinite;
   -moz-animation: pulse 6s ease infinite;
   -ms-animation: pulse 6s ease infinite;
   -o-animation: pulse 6s ease infinite;
   animation: pulse 6s ease infinite;
 }
 .dropzone-design .dz-preview .dz-progress {
   opacity: 1;
   z-index: 1000;
   pointer-events: none;
   position: absolute;
   height: 16px;
   left: 50%;
   top: 50%;
   margin-top: -8px;
   width: 80px;
   margin-left: -40px;
   background: rgba(255, 255, 255, 0.9);
   -webkit-transform: scale(1);
   border-radius: 8px;
   overflow: hidden;
 }
 .dropzone-design .dz-preview .dz-progress .dz-upload {
   background: #333;
   background: linear-gradient(to bottom, #666, #444);
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 0;
   -webkit-transition: width 300ms ease-in-out;
   -moz-transition: width 300ms ease-in-out;
   -ms-transition: width 300ms ease-in-out;
   -o-transition: width 300ms ease-in-out;
   transition: width 300ms ease-in-out;
 }
 .dropzone-design .dz-preview.dz-error .dz-error-message {
   display: block;
 }
 .dropzone-design .dz-preview.dz-error:hover .dz-error-message {
   opacity: 1;
   pointer-events: auto;
 }
 .dropzone-design .dz-preview .dz-error-message {
   pointer-events: none;
   z-index: 1000;
   position: absolute;
   display: block;
   display: none;
   opacity: 0;
   -webkit-transition: opacity 0.3s ease;
   -moz-transition: opacity 0.3s ease;
   -ms-transition: opacity 0.3s ease;
   -o-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
   border-radius: 8px;
   font-size: 13px;
   top: 130px;
   left: -10px;
   width: 140px;
   background: #be2626;
   background: linear-gradient(to bottom, #be2626, #a92222);
   padding: 0.5em 1.2em;
   color: white;
 }
 .dropzone-design .dz-preview .dz-error-message:after {
   content: '';
   position: absolute;
   top: -6px;
   left: 64px;
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #be2626;
 }
 .dropzone-design {
   position: relative;
   border: 2px dashed #d0d0d0;
   border-radius: 3px;
   background: #fff;
   transition: all 0.3s linear;
   display: inline-block;
   width: 100%;
 }
 .dropzone-design:before {
   position: absolute;
   height: 100%;
   width: 100%;
   content: "";
   top: 0;
   left: 0;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));
   background-color: #66676b;
   opacity: 0;
   z-index: 10;
   transition: all 0.3s linear;
   border-radius: 3px;
 }
 .dropzone-design:hover:before {
   opacity: 0.4;
 }
 .dropzone-design .dz-message {
   text-align: center;
   margin: 50px 0;
   font-size: 17px;
   color: #888;
   transition: all 0.3s linear;
   position: relative;
   z-index: 11;
 }
 .dropzone-design:hover .dz-message {
   color: #66676b;
 }
 .dz-message i {
   display: block;
   font-size: 32px;
   margin-bottom: 15px;
 }
 .dropzone-design .dz-default.dz-message span {
   display: inline;
   line-height: 117px;
 }
 .book-btn {
   display: block;
   height: 41px;
   margin-bottom: 15px;
   border-radius: 3px;
 }
 .no-js #loader {
   display: none;
 }
 .js #loader {
   display: block;
   position: absolute;
   left: 100px;
   top: 0;
 }
 .page_loader {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 999999;
   background: url(../img/loader.gif) center no-repeat #fff;
 }
 .slider-section .simple-slider {
   margin-bottom: 30px;
 }
 .icon-lists .heading {
   margin: 0 0 10px 0;
   text-transform: uppercase;
 }
 .glyph {
   text-align: center;
   padding: 20px 15px;
   font-size: 15px;
   font-weight: 500;
   color: #555;
 }
 .glyph:hover {
   background: #fff;
 }
 .glyph .glyph-icon {
   font-size: 24px;
   font-weight: 500;
   color: #555;
 }
 .glyph fieldset, .glyph .hidden-true {
   display: none;
 }
 .glyph .bshadow0 .lnr {
   font-size: 24px;
   color: #555;
   font-weight: 500;
   display: block;
   line-height: 35px;
 }
 .icon-lists mark {
   margin-bottom: 30px;
   display: inline-block;
 }
 .font-awesome-icons .col-print-4 {
   margin-bottom: 15px;
   font-size: 15px;
   font-weight: 500;
 }
 .font-awesome-icons {
   font-size: 14px;
   color: #555;
 }
 .font-awesome-icons .text-muted {
   display: none;
 }
 .portfolio_item_row {
   gap: 20px 0;
 }
 .portfolio-item {
   text-align: center;
 }
 .testimonail_video_bg iframe {
   width: 100%;
   height: 100%;
 }
 .portfolio-item p {
   font-weight: 600;
   margin-bottom: 0;
 }
 .portfolio_item_mg img {
   display: block;
   width: 100%;
   height: 250px;
   object-fit: cover;
   object-position: center;
 }
 .portfolio_item_mg {
   margin-bottom: 15px;
   position: relative;
 }
 .portfolio_item_mg p {
   position: absolute;
   right: 10px;
   bottom: 10px;
   color: #FFF;
   font-size: 10px !important;
   margin-bottom: 0;
   line-height: 1;
   text-shadow: 0 0 5px #19130b;
 }
 .pg-2 .filtr-item {
   padding: 0 15px;
 }
 .pg-4 .portfolio-item {
   margin-bottom: 0;
 }
 .pg-3 .container-fluid {
   padding: 0 1px;
 }
 .pg-3 .portfolio-item {
   margin-bottom: 0;
 }
 .option-panel {
   z-index: 9999;
   width: 215px;
   position: fixed;
   right: 0;
   background: #fff;
   top: 20%;
   padding: 20px 15px;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
 }
 .option-panel-collased {
   right: -215px;
 }
 .option-panel h2 {
   font-size: 10px;
   margin: 0 0 0 0;
   text-align: center;
   color: #555;
   padding: 8px 0;
   font-weight: 500;
 }
 .option-panel .color-plate {
   width: 24px;
   height: 24px;
   float: left;
   margin: 3px;
   border-radius: 0;
   cursor: pointer;
 }
 .default-plate {
   background: #ff214f
 }
 .blue-plate {
   background: #2048bb
 }
 .yellow-plate {
   background: #ffb400
 }
 .red-plate {
   background: #f0151f
 }
 .green-light-plate {
   background: #1abc9c
 }
 .green-plate {
   background: #7dba21
 }
 .yellow-light-plate {
   background: #faaa5d
 }
 .green-light-2-plate {
   background: #0dcdbd
 }
 .olive-plate {
   background: #b3c211
 }
 .purple-plate {
   background: #8e44ad
 }
 .midnight-blue-plate {
   background: #376bff
 }
 .brown-plate {
   background: #A14C10
 }
 .setting-button {
   position: absolute;
   font-size: 25px;
   text-align: center;
   width: 55px;
   height: 55px;
   line-height: 55px;
   left: -55px;
   color: #2b303b;
   top: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   cursor: pointer;
   background: #fff;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .setting-button i {
   line-height: 45px;
 }
 #full-page-search {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.8);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   -webkit-transform: translate(0px, -100%) scale(0, 0);
   -moz-transform: translate(0px, -100%) scale(0, 0);
   -o-transform: translate(0px, -100%) scale(0, 0);
   -ms-transform: translate(0px, -100%) scale(0, 0);
   transform: translate(0px, -100%) scale(0, 0);
   opacity: 0;
   z-index: 99999;
 }
 #full-page-search.open {
   -webkit-transform: translate(0px, 0px) scale(1, 1);
   -moz-transform: translate(0px, 0px) scale(1, 1);
   -o-transform: translate(0px, 0px) scale(1, 1);
   -ms-transform: translate(0px, 0px) scale(1, 1);
   transform: translate(0px, 0px) scale(1, 1);
   opacity: 1;
 }
 #full-page-search input[type="search"] {
   position: absolute;
   top: 50%;
   width: 100%;
   color: rgb(255, 255, 255);
   background: rgba(0, 0, 0, 0);
   font-weight: 300;
   text-align: center;
   border: 0;
   margin: 0 auto;
   margin-top: -51px;
   padding-left: 30px;
   padding-right: 30px;
   outline: none;
   font-size: 28px;
 }
 #full-page-search .btn {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: 20px;
   margin-left: -45px;
 }
 #full-page-search .close {
   position: fixed;
   top: 15px;
   right: 15px;
   color: #fff;
   opacity: 1;
   padding: 10px 17px;
   font-size: 17px;
   outline: 0 auto -webkit-focus-ring-color;
   cursor: pointer;
   border-radius: 3px;
   background: #3a3a3a;
 }
 .seach-black {
   background: #fff !important;
 }
 .seach-black:hover {
   background: #3a3a3a !important;
 }
 .active-pate .min-value {
   color: #19130b;
 }
 .active-pate .max-value {
   color: #19130b;
 }
 .active-pate .range-slider .ui-widget-header {
   background-color: #19130b;
 }
 .active-pate .range-slider .ui-slider .ui-slider-handle {
   border: 2px solid #19130b !important;
 }
 .active-pate .range-slider .ui-slider .ui-slider-handle {
   background: #19130b !important;
 }
 .mtb-50 {
   margin: 50px 0;
 }
 .mtb-30 {
   margin: 30px 0;
 }
 .mt-20 {
   margin-top: 20px;
 }
 .mb-40 {
   margin-bottom: 40px;
 }
 .mb-35 {
   margin-bottom: 35px;
 }
 .mb-50 {
   margin-bottom: 50px;
 }
 .mb-30 {
   margin-bottom: 30px !important;
 }
 .mb-20 {
   margin-bottom: 20px;
 }
 .mb-10 {
   margin-bottom: 10px;
 }
 .option-panel {
   z-index: 9999;
   width: 193px;
   position: fixed;
   right: 0;
   top: 20%;
   background: #fff;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   padding: 20px;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
 }
 .option-panel-collased {
   right: -193px;
 }
 .option-panel h2 {
   font-size: 16px;
   margin: 0 0 0 0;
   text-align: center;
   padding: 0 0 10px;
   font-weight: 500;
   color: #262525;
 }
 .option-panel .color-plate {
   width: 32px;
   height: 32px;
   float: left;
   margin: 3px;
   border-radius: 0;
   cursor: pointer;
 }
 .featured-properties .filtr-item {
   padding: 0 15px;
 }
 .ss-search-style {
   display: none;
 }
 .ss-search-style .ssa2 {
   box-shadow: none;
   padding: 30px 15px 10px;
 }
 @media all and (min-width: 992px) {
   .banner img {}
   .dropdown:hover > .dropdown-menu {
     display: block;
     max-width: 700px;
     margin: auto;
     opacity: 1;
     visibility: visible;
   }
   .dropdown .dropdown-item:hover > .dropdown-menu {
     display: block;
   }
   .dropdown-submenu:hover > .dropdown-menu {
     display: block;
   }
   .mh-bg .navbar-expand-lg .navbar-nav .nav-link {
     color: #515151;
   }
   .mh-bg .navbar-nav .nav-link.dropdown-toggle:before {
     color: #515151;
   }
   .hide-carat .nav-link::after {
     display: none !important;
   }
   .sticky-header .nav-link::after {
     display: none !important;
   }
   .sticky-header .navbar-expand-lg .navbar-nav .nav-link {
     color: #fff;
   }
   .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover {
     color: #fff !important;
   }
   .sticky-header .open-offcanvas {
     color: #fff;
     display: inline-block;
   }
   .header-shrink .navbar-expand-lg .navbar-nav .nav-link {
     color: #515151;
   }
   #main-header-2.header-shrink .navbar-expand-lg .navbar-nav .nav-link:hover {
     color: #515151 !important;
   }
 }
 @media (max-width: 1200px) {
   .contact-section .informeson {
     margin: 0 auto 0 0;
   }
   .team-5 .team-details p {
     font-size: 15px;
   }
   .property-box-6 .property-photo {
     height: 300px;
   }
   .property-box-6 .property-photo img {
     height: 525px;
   }
   .property-box-5 .w-100 {
     width: auto !important;
   }
   .pages-404 .error404 {
     font-size: 230px;
   }
   .banner .banner-slider-inner h1 {
     font-size: 51px;
     margin-bottom: 20px;
   }
   .property-box-2 .facilities-list {
     padding: 15px 20px;
   }
   .property-box .facilities-list li {
     margin-right: 15px;
   }
   .pages-404 .nobottomborder h1 {
     font-size: 34px;
   }
   .inline-search-area {
     max-width: 870px;
   }
   .about-text h3 {
     font-size: 31px;
   }
   .about-text {
     padding: 0;
   }
   .d-none-1200 {
     display: none;
   }
   .contact-2 .contact-form {
     padding: 35px;
   }
   .contact_section .contact_form_wrap .main-title {
     padding: 15px 35px;
   }
   .contact-2 .contact-info {
     padding: 50px;
   }
   .blog-social-list span {
     margin-right: 5px;
   }
   .blog-tags span {
     margin-right: 5px;
   }
   .main-footer-3 .footer-inner .text {
     margin-right: 0;
   }
   .megamenu-area {
     min-width: 47rem;
   }
   .team-5 .team-box {
     bottom: 5px;
     padding: 0 5px;
   }
   .team-5 .team-details {
     padding: 5px;
   }
   .team-5 .team-details .user {
     margin-right: 5px;
   }
   .ui-item {
     padding: 20px;
   }
   .team-3 .member-thumb {
     width: 150px;
     height: 150px;
   }
 }
 @media (max-width: 992px) {
   .isa-992 .dropdown-toggle::after {
     top: 29px;
   }
   .sticky-header {
     position: fixed;
     background: transparent;
     top: 0px;
     z-index: 1000;
     width: 100%;
   }
   .contact-2 .contact-form {
     border: none;
     border-bottom: solid 1px #e5e5e5;
   }
   .contact-section .form-section {
     width: 100%;
   }
   .contact-section .bg-login-ing {
     display: none;
   }
   .contact-section .form-section {
     padding: 30px 15px;
   }
   .inline-search-area.isa-5 .btn-search {
     height: 56px;
   }
   .counters-4 .counter-box-3 p {
     color: #fff;
   }
   .none-992 {
     display: none !important;
   }
   .inline-search-area .bootstrap-select button {
     border-right: none !important;
   }
   .main-footer-3 h4 {
     font-size: 20px;
     margin-bottom: 5px;
   }
   .main-footer-1 h4 {
     margin-bottom: 20px;
     font-size: 20px;
   }
   .main-footer-1 .text {
     margin-right: 0;
   }
   .main-footer-3 .footer-gallery {
     margin-left: 0;
     max-width: 100%;
   }
   .main-footer-3 .subscribe-newsletter .form-control {
     width: 80%;
     height: 50px;
     font-size: 16px;
   }
   .main-footer-3 .footer-inner {
     padding: 60px 0 0;
   }
   .main-footer-3 .subscribe-newsletter .btn {
     height: 50px;
     width: 20%;
   }
   .main-footer-3 .subscribe-newsletter h3 {
     line-height: 50px;
     font-size: 22px;
   }
   .main-footer-2 .footer-menu ul li a {
     margin-right: 20px;
   }
   .main-footer-2 .footer-menu ul li a:before {
     right: -10px;
   }
   .testimonial-3:before {
     display: none;
   }
   .testimonial-3 .testimonial-inner {
     max-width: 100%;
     text-align: center;
   }
   .main-title-7 {
     text-align: center;
   }
   .main-title-7 .title-border {
     margin: 0 auto !important;
   }
   .inline-search-area.isa-5 .sf {
     height: 50px;
   }
   .inline-search-area.isa-5 .btn-search {
     height: 50px;
   }
   .inline-search-area .bootstrap-select button {
     height: 48px;
     line-height: 47px;
   }
   .ssa2 .form-group {
     margin-bottom: 15px;
   }
   .ssa2 .search-button {
     padding: 12.5px 26px;
   }
   .ss-search-style .ssa2 {
     box-shadow: none;
     padding: 30px 0 15px !important;
   }
   .banner-2 .slide h2 {
     font-size: 30px;
   }
   .banner-3 .btn-6 {
     padding: 8.5px 25px;
   }
   .banner .btn-6 {
     padding: 8.5px 25px;
   }
   .banner-2 .btn-6 {
     padding: 8.5px 25px;
   }
   .banner-3 .left-slide {
     display: none;
   }
   .banner-3 .right-slide {
     width: 100%;
   }
   .banner-3 .slider-container .action-buttons button {
     position: absolute;
     left: 5px;
     margin: 2px 0;
   }
   .banner-3 .slider-container .action-buttons .down-button {
     transform: translateY(-100%);
     border: 0;
   }
   .banner-3 .slider-container .action-buttons .up-button {
     margin-top: 5px;
     transform: translateX(0%);
   }
   .banner-3 .action-buttons button {
     border-radius: 3px;
     font-size: 13px;
     width: 40px;
     height: 40px;
     line-height: 40px;
   }
   .banner-3 .overlay-2 {
     padding: 10px 55px;
   }
   .banner-3 .b2i-2 {
     display: none;
   }
   .banner-3 h1 {
     font-size: 30px;
   }
   .banner-3 p {
     font-size: 17px;
   }
   .banner-slider-inner-2 {
     padding: 0 5px;
   }
   .banner .carousel-control-next, .carousel-control-prev {
     width: 30px;
     height: 50px;
     margin: 2px;
   }
   .banner .carousel-control-next-icon, .carousel-control-prev-icon {
     display: inline-block;
     width: 1.2rem;
     height: 1.2rem;
   }
   .comon-slick .slick .item .property-box-3 {
     transform: scale3d(1, 1, 1) !important;
   }
   .comon-slick .slick .item .property-box {
     transform: scale3d(1, 1, 1) !important;
   }
   .comon-slick .slick .item {
     padding: 0 15px;
   }
   .intro-section-2 .Subscribe-box {
     max-width: 500px;
     margin: 0 auto;
   }
   .property-box-2 .property-photo img {
     height: 232px;
   }
   .mh-bg .logo2x {
     padding: 15px 0;
   }
   .none-btn-992 {
     display: none !important;
   }
   .banner .btn-4 {
     padding: 10.5px 35px;
     margin-bottom: 35px;
   }
   .category-innerbox-2 {
     background: #fff;
     padding: 30px;
   }
   .category-innerbox-2 .category-icon {
     background-color: #f3f3f3;
   }
   .counter-box-1 {
     padding: 0;
     margin-bottom: 40px;
   }
   .counters-1 {
     padding: 80px 0 40px;
   }
   .counter-box-1 h1 {
     font-size: 25px;
   }
   .counter-box-1 p {
     font-size: 16px;
   }
   .counter-box-1 .icon {
     font-size: 30px;
     line-height: 80px;
     width: 80px;
     height: 80px;
   }
   .counters-1 .border-r {
     border-right: none;
   }
   .counters-1 .border-l {
     border-left: none;
   }
   .counters-2 {
     padding: 80px 0 50px;
   }
   .counter-box-2 i {
     font-size: 50px;
   }
   .counter-box-2 h1 {
     font-size: 28px;
   }
   .counter-box-2 {
     border: solid 1px #19130b0001a;
     padding: 30px;
     margin-bottom: 30px;
   }
   .counters-2 .border-r {
     border-right: none;
   }
   .counters-2 .border-l {
     border-right: none;
   }
   .counters-4 {
     padding: 80px 0 50px !important;
   }
   .counters-4 .counters-info-section {
     padding: 0;
     border: none;
     background: transparent;
   }
   .main-title p {
     font-size: 16px;
   }
   .testimonial-3 {
     padding: 80px 0 90px;
   }
   .testimonial-3 {
     padding: 50px 0;
   }
   .main-footer-1 .sub-footer .social-list {
     float: inherit;
   }
   .main-title-6 {
     text-align: center;
   }
   .main-title-6 .btn {
     display: none;
   }
   .testimonial .main-title {
     text-align: center;
     margin-bottom: 40px;
   }
   .testimonial .main-title .btn {
     display: none;
   }
   .banner .w-100 {
     width: auto !important;
   }
   .properties-details-Slider .slider-listing {
     height: 375px !important;
   }
   .intro-section-2 p {
     margin-bottom: 20px;
   }
   .intro-section-2 {
     padding: 30px 0 25px;
     text-align: center;
   }
   .service-info {
     padding: 30px 20px;
     background: #fff9f7;
   }
   .ss-search-style {
     display: inherit;
   }
   .team-5 .team-box {
     bottom: 20px;
     padding: 0 20px;
   }
   .content-area-17 {
     padding-top: 80px;
   }
   .contact-2 .contact-innner {
     margin: 0 auto -80px;
   }
   .mh-bg {
     padding: 0;
   }
   .team-5 .team-details {
     padding: 15px;
   }
   .team-5 .team-details .user {
     margin-right: 15px;
   }
   .content-area {
     padding: 50px 0 20px;
   }
   .content-area-2 {
     margin-bottom: 80px;
   }
   .content-area-3 {
     margin-bottom: 50px;
   }
   .content-area-4 {
     padding: 80px 0 50px;
   }
   .content-area-5 {
     padding: 50px 0 30px 0;
   }
   .content-area-6 {
     padding: 80px 0 50px;
   }
   .content-area-7 {
     padding: 50px 0 25px;
   }
   .content-area-8 {
     padding: 80px 0 50px;
   }
   .content-area-9 {
     padding: 80px 0 70px;
   }
   .content-area-10 {
     padding: 80px 0 40px;
   }
   .content-area-11 {
     padding: 50px 0;
   }
   .content-area-12 {
     padding: 80px 0 110px;
   }
   .content-area-13 {
     padding: 80px 0 30px;
   }
   .content-area-14 {
     padding: 100px 0 70px;
   }
   .content-area-15 {
     padding: 100px 0 75px;
   }
   .content-area-16 {
     padding: 100px 0 70px;
   }
   .property-box-5 img {
     height: 427px;
   }
   .main-title-4 h1:after, .main-title-4 h2:after, .main-title-4 h3:after {
     font-size: 70px;
     top: 5px;
   }
   .main-title-4 h2 {
     font-size: 28px;
   }
   .main-title-4 {
     margin: 17px 0 40px;
   }
   .product-slider-box .slider-for {
     width: 80.5%;
   }
   .product-slider-box .slider-nav {
     width: 19.5%;
   }
   .details-banner .text-end {
     text-align: left !important;
   }
   .details-banner .ratings-2 {
     margin-bottom: 10px;
   }
   .property-box-5 .carousel-caption {
     padding: 50px 20px;
   }
   .properties-details-Slider .smail-properties .list-inline-item {
     width: 50px;
     margin: 3px;
   }
   .counters-2 {
     padding: 80px 0 50px;
   }
   .sub-banner {
     background-position: inherit;
     background-repeat: inherit;
   }
   .bi-3 {
     margin-top: 50px;
   }
   .isa-6 {
     display: none;
   }
   .bi-2 {
     text-align: center;
   }
   .bi-2 .btn-lg {
     margin-bottom: 35px;
   }
   .inline-search-area {
     padding: 0;
   }
   .ss-2 {
     display: none;
   }
   .search-compare {
     margin-bottom: 5px;
   }
   .isa-3 {
     width: 100%;
     display: inline;
   }
   .isa-4 {
     display: none;
   }
   .isa-3 .search-fields {
     width: 100% !important;
   }
   .inline-search-area .search-col .form-control, .inline-search-area button.btn-search {
     border-radius: 3px !important;
     height: 50px;
     width: 100% !important;
     font-size: 14px;
   }
   .dashboard-content {
     padding: 30px 30px 0;
   }
   .dashboard-nav {
     display: none !important;
   }
   #banner-inner-2 {
     bottom: 30px;
   }
   .main-footer-1 .sub-footer {
     text-align: center;
   }
   .main-footer-1 .sub-footer .copy {
     line-height: 25px;
     margin-bottom: 10px;
   }
   .banner-properties-info {
     display: none;
   }
   .banner-inner .banner-btn {
     float: inherit;
   }
   .banner-inner .photo {
     position: inherit;
     bottom: 260px;
     max-width: 230px;
     margin: 0 auto;
   }
   .banner-inner h6 {
     margin-bottom: 15px;
   }
   .tab-box-2 .nav-link {
     display: block;
     padding: .5rem .3rem;
   }
   .ui-item {
     margin-bottom: 30px;
   }
   .alert-2 {
     margin-bottom: 30px;
   }
   .header-2 {
     padding: 0;
   }
   .main-title {
     margin-bottom: 40px;
   }
   .mt2 h1 {
     margin-bottom: 15px;
   }
   .sub-banner {
     height: 350px;
   }
   .mh-bg .logo2x img {
     height: 40px;
   }
   .search-area {
     padding: 25px 20px 10px;
     border-radius: 0;
   }
   .search-area .form-group {
     margin-bottom: 15px;
   }
   .about-text h3 {
     font-size: 31px;
   }
   .search-area-2 .range-slider {
     margin-top: 15px;
     margin-bottom: 1rem;
   }
   .bg-grea .range-slider {
     margin-top: 15px;
     margin-bottom: 1rem;
   }
   .search-area-2 {
     padding: 30px 0 10px;
   }
   .t-c {
     text-align: center;
   }
   .heading-properties-3 h1 {
     font-size: 22px;
   }
   .sub-banner .breadcrumb-area h1 {
     font-size: 27px;
   }
   .main-title h1 {
     font-size: 31px;
   }
   .hidden-mb-20 {
     margin-bottom: 20px;
   }
   .category_long_bg {
     height: 350px;
   }
   .search-compare h4 {
     font-size: 20px;
     margin-bottom: 20px;
     text-align: center;
   }
   .search-compare .form-group {
     margin-bottom: 20px;
   }
   .banner .banner-slider-inner h1 {
     font-size: 43px;
     margin-bottom: 20px;
   }
   .banner h2 {
     font-size: 40px;
   }
   .banner p {
     margin-bottom: 25px;
     font-size: 17px;
   }
   .banner .banner-slider-inner {
     padding: 10px 20px;
     top: 0%;
   }
   .banner .bsi2 {
     padding: 10px 0;
   }
   .banner .banner-opt .banner-slider-inner h1 {
     font-size: 20px;
   }
   .banner .banner-opt .banner-slider-inner p {
     line-height: 22px;
     font-size: 14px;
     max-width: 90%;
     margin: 0px auto;
     margin-bottom: 5px;
   }
   .pages-404 .nobottomborder h1 {
     font-size: 25px;
   }
   .pb-hediin-60 {
     padding-bottom: 60px;
   }
   .pb-hediin-12 {
     padding-bottom: 12px;
   }
   .service-info.h-bdr {
     border: solid 1px #efefef;
   }
   .pages-404 .error404 {
     font-size: 150px;
     margin-top: 0;
   }
   .contact-2 .main-title {
     margin-bottom: 40px;
   }
   .megamenu-area {
     box-shadow: none;
   }
   .megamenu-title {
     font-size: 16px;
     font-weight: 400;
     border-bottom: 1px solid #f9f9f9;
   }
   .navbar-light .navbar-toggler {
     border: none;
     font-size: 20px;
     font-weight: 100;
   }
   .navbar-toggler {
     padding: 0;
     width: 35px;
     height: 35px;
     font-size: 1rem;
     border-radius: 0;
     outline: none;
   }
   .contect-agent-photo img {
     margin-top: 40px;
   }
   .team-2 .detail {
     padding: 25px;
     left: -0;
   }
   .about-text {
     margin-bottom: 40px;
   }
   .about-real-estate .about-img-section .image-box {
     margin: 0 auto;
     padding-bottom: 20px;
     max-width: 550px;
   }
   .banner h3 {
     font-size: 43px;
   }
   .b p {
     margin-bottom: 0;
   }
   .search-options-btn, .search-options-btn:hover {
     position: absolute;
     z-index: 10;
   }
   .sub-footer-2 .copy {
     text-align: center;
     margin-bottom: 10px;
   }
   .sub-footer-2 {
     text-align: center;
   }
   .sub-footer-2 .social-list {
     float: none;
   }
   .inline-search-area .search-fields {
     margin-bottom: 15px !important;
     border-radius: 3px !important;
   }
   .inline-search-area .bootstrap-select button {
     padding: 11px 15px 14.5px 15px;
     border-radius: 3px;
     font-weight: 500;
   }
   .inline-search-area .bootstrap-select .dropdown-toggle .filter-option-inner {
     overflow: hidden;
     font-size: 15px;
   }
   .heading-properties-2 h1 {
     font-size: 25px;
   }
   .heading-properties-2 ul li {
     margin-right: 15px;
     font-size: 14px;
   }
   .heading-properties-2 .ratings-2 {
     font-size: 14px;
   }
   .counters-3 {
     padding: 80px 0 50px;
   }
   .banner .btn-5 {
     padding: 8.5px 25px;
   }
   .banner_video_bg .isa-5 {
     margin: 0 !important;
   }
   .main-title-3 h1 {
     font-size: 28px;
   }
   .main-title-5 {
     margin-bottom: 40px;
   }
   .main-title-5 h1 {
     font-size: 32px;
   }
   .main-title-2 {
     margin-bottom: 40px;
   }
   .main-title-2 h1 {
     font-size: 31px;
   }
   .main-title-2 .section-subtitle {
     padding: 4px 18px;
     font-size: 15px;
   }
   .coming-soon-inner h1 {
     font-size: 50px;
   }
   .coming-soon-counter div {
     font-size: 30px;
     margin: 0 5px 10px;
     width: 90px;
     padding: 10px 2px 15px;
   }
 }
 @media (max-width: 768px) {
   .main-title-3 h1 {
     font-size: 26px;
   }
   .main-title-3 p {
     font-size: 17px;
   }
   .main-title-5 {
     margin-bottom: 30px;
   }
   .main-title-5 h1 {
     font-size: 25px;
     margin-bottom: 10px;
   }
   .main-title-2 {
     margin-bottom: 30px;
   }
   .main-title-2 h1 {
     font-size: 28px;
   }
   .main-title-4 h1:after, .main-title-4 h2:after, .main-title-4 h3:after {
     font-size: 60px;
     top: 7px;
   }
   .main-footer-1 .footer {
     padding-top: 60px;
   }
   .main-title-4 h2 {
     font-size: 26px;
   }
   .main-title-4 {
     margin: 13px 0 35px;
   }
   .main-footer-1 .sub-footer {
     margin-top: 10px;
   }
   .about-text h3 {
     font-size: 28px;
   }
   .about-real-estate .about-box-Experience {
     right: 50px;
     width: 250px;
   }
   .about-real-estate .about-box-Experience .content p {
     font-size: 16px;
   }
   .about-real-estate .about-box-Experience .content h3 {
     font-size: 25px;
   }
   .about-real-estate .about-box-Experience .content {
     right: 28%;
     top: 27%;
   }
   .main-footer-2 .social-media .icon {
     margin: 0 2px 3px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     font-size: 16px;
   }
   .main-footer-3 .footer-item.fi-2 {
     margin-bottom: 50px;
   }
   .contact-2 .contact-form {
     padding: 30px;
   }
   .contact-2 .contact-info {
     padding: 30px;
   }
   .content-area-17 {
     padding-top: 60px;
   }
   .contact-2 .contact-innner {
     margin: 0 auto -60px;
   }
   .testimonial-5 .testimonial-item-new {
     padding: 0px 40px 40px 40px;
   }
   .ss-search-style .ssa2 {
     padding: 30px 15px 15px !important;
   }
   .main-footer-3 .subscribe-newsletter h3 {
     line-height: normal;
     margin-bottom: 15px;
   }
   .main-footer-3 .sub-footer p {
     margin-bottom: 20px;
     text-align: center;
     line-height: normal;
   }
   .main-footer-3 .social-media .icon {
     width: 40px;
     height: 40px;
     line-height: 40px;
   }
   .main-footer-3 .social-media {
     float: inherit;
   }
   .widget {
     padding: 30px 20px;
   }
   .widget-2 {
     padding: 30px 20px;
   }
   .widget-3 {
     padding: 30px 20px;
   }
   .property-box-2 .property-photo img {
     height: auto;
   }
   .product-slider-box .slider-for {
     width: 81%;
   }
   .product-slider-box .slider-nav {
     width: 19%;
   }
   .comon-slick .slick-prev {
     left: 20px;
   }
   .properties-details-Slider .slider-listing {
     height: 300px !important;
   }
   .banner-2 .slide h2 {
     font-size: 27px;
   }
   .comon-slick .slick-next {
     right: 20px;
   }
   .slick-prev {
     left: 15px;
   }
   .banner-3 h1 {
     font-size: 27px;
   }
   .banner-3 p {
     font-size: 16px;
   }
   .slick-next {
     right: 15px;
   }
   .tabbing-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
     padding: 9px 15px 9px;
     font-size: 15px;
   }
   .intro-section .intro-section-inner {
     padding: 30px 0;
   }
   .intro-section .btn-7 {
     font-size: 15px;
     padding: 9.5px 30px;
   }
   .intro-section h3 {
     font-size: 25px;
     line-height: normal;
     margin-bottom: 10px;
   }
   .intro-section {
     text-align: center;
   }
   .intro-section .btn-7 {
     float: none;
   }
   .intro-section h3 {
     margin-bottom: 15px;
     line-height: normal;
   }
   .counters-3 .counter-box-3 {
     max-width: 240px;
     margin: 0 auto 30px;
   }
   .counters-3 {
     padding: 60px 0 30px;
   }
   .counters-2 {
     padding: 60px 0 30px;
   }
   .counter-box-1 {
     margin-bottom: 40px;
   }
   .counters-1 {
     padding: 60px 0 20px;
   }
   .counters-4 {
     padding: 60px 0 30px !important;
   }
   .counters-4 .counter-box-3 {
     max-width: 240px;
     margin: 0 auto 30px;
   }
   .text-c {
     text-align: center;
   }
   .text-l {
     text-align: center !important;
   }
   .text-r {
     text-align: center !important;
   }
   .banner h3 {
     font-weight: 500;
   }
   .banner p {
     font-size: 16px;
   }
   .banner-property-box .meta ul li i {
     font-size: 15px;
   }
   .btn-secton {
     right: 10px;
   }
   .banner .plan-price {
     font-size: 30px;
   }
   .banner .plan-price sup {
     top: -15px;
   }
   .filteriz-navigation li {
     font-size: 15px;
     padding: 6px 22px 6px 22px;
   }
   .banner .btn-lg {
     padding: 13px 25px 11px 25px;
   }
   .banner .btn-white-lg-outline {
     font-weight: 500;
     padding: 12px 23px 8px;
   }
   .banner-inner .photo {
     max-width: 190px;
   }
   .testimonial .main-title {
     margin-bottom: 30px;
   }
   .top-header {
     display: none;
   }
   .pds-2 .heading-listing-3 {
     margin: 0 0 20px 0;
   }
   .coming-soon-counter div span {
     margin-bottom: 10px;
   }
   .title-wwtn {
     display: inline-block;
     width: 100%;
   }
   .services-photo {
     display: none;
   }
   .bi-4 {
     margin-top: 0px;
   }
   .counters-2 {
     padding: 60px 0 30px;
   }
   .bi-2 {
     margin-top: 50px;
   }
   .main-title h1 {
     font-size: 28px;
   }
   .comment-content .btn-1 {
     padding: 6px 15px;
     font-size: 12px;
     margin-bottom: 3px;
   }
   .compare-table tr td {
     box-sizing: border-box;
     font-size: 13px;
     padding: 10px 7px;
   }
   .main-footer-1 {
     padding-top: 60px;
   }
   .dashboard-content {
     padding: 30px 15px 0;
   }
   .property-box-2 .price-box {
     right: 30px;
   }
   .invoice .text-right {
     text-align: left !important;
   }
   .invoice .order {
     text-align: left;
     line-height: normal;
   }
   .invoice-mb-30 {
     margin-bottom: 20px;
   }
   .manage-table .listing-photoo {
     width: 100%;
     float: left;
     padding-left: 0;
   }
   .manage-table .listing-photoo img {
     max-width: 280px;
     margin: 0 auto;
   }
   .manage-table .title-container {
     padding: 20px 0 0;
     width: 100%;
     float: left;
   }
   .manage-table .expire-date {
     width: 100%;
     float: left;
     margin-bottom: 10px;
   }
   .responsive-table {
     text-align: center;
   }
   .manage-table .action {
     width: 100%;
     float: left;
     padding: 0;
   }
   .manage-table .action a {
     display: inline-block;
     margin: 3px 0;
     padding: 3px 15px;
     background: #f5f6f7;
     border-radius: 50px;
   }
   .manage-table .action a i {
     margin-right: 0;
   }
   .dashboard-header .breadcrumb-nav {
     right: 15px;
     display: inline-block;
     font-size: 15px;
     float: left;
   }
   .dashboard-header .breadcrumb-nav ul li {
     display: inline-block;
     list-style: none;
     margin: 0 15px 0 0;
   }
   .edit-profile-photo {
     width: 160px;
     margin-bottom: 40px;
   }
   .invoice .table td, .table th {
     padding: 10px 5px;
   }
   .main-title {
     margin-bottom: 30px;
   }
   .search-area-2 .form-group {
     margin-bottom: 10px;
   }
   .property-meta {
     padding: 20px 5px;
   }
   .search-area-2 {
     padding: 30px 20px 10px;
   }
   .property-meta ul li {
     font-size: 14px;
   }
   .property-meta ul li i {
     margin-right: 7px;
     font-size: 17px;
   }
   .sub-banner {
     height: 320px;
   }
   .sub-banner .breadcrumb-area h1 {
     font-size: 23px;
   }
   .sub-banner .breadcrumbs li {
     font-size: 16px;
     font-weight: 400;
   }
   .sub-footer {
     text-align: center;
   }
   .coming-soon-inner {
     margin: 0 auto;
   }
   .coming-soon-counter div {
     padding: 5px 2px 3px;
   }
   .coming-soon-inner h1 {
     font-size: 32px;
   }
   .coming-soon-counter div {
     width: 80px;
   }
   .coming-soon-inner .coming-form {
     max-width: 95%;
     margin: 20px auto;
   }
   .banner .banner-slider-inner h1 {
     font-size: 35px;
   }
   .banner h2 {
     font-size: 35px;
   }
   .banner-property-box .mb-30 {
     margin-bottom: 20px;
   }
   .banner h3 {
     font-size: 35px;
   }
   .banner .btn-md {
     padding: 9px 15px;
     font-size: 12px;
   }
   .form-content-box {
     margin: 40px auto;
   }
   .form-content-box h3 {
     margin: 0 0 20px;
     font-size: 17px;
   }
   .blog-social-list {
     float: left;
     margin-top: 5px;
   }
   .countdown .top {
     font-size: 30px;
   }
   .pages-404 .error404 {
     margin-bottom: 30px;
     font-size: 150px;
   }
   .pages-404 .nobottomborder h4 {
     font-size: 16px;
   }
   .pages-404 .nobottomborder {
     margin-bottom: 0;
     padding-left: 0;
   }
   .setting-button {
     font-size: 14px;
     width: 36px;
     height: 36px;
     line-height: 38px;
     left: -35px;
   }
   .inside-properties iframe {
     height: 220px;
   }
   .breadcrumbs {
     font-size: 12px;
   }
   .back-to-listings {
     height: 35px;
     line-height: 35px;
     width: 35px;
     font-size: 15px;
   }
   .search-area label {
     display: none;
   }
   .listings-parallax h1 {
     font-size: 25px;
     margin: 0 0 20px;
   }
   .listings-parallax {
     text-align: center;
     padding-top: 60px;
   }
   .contact-details .media .media-left {
     padding-right: 20px;
   }
   .search-area-inner {
     margin: 0 -15px;
   }
   .search-contents .col-xs-12, .search-contents .col-xs-6 {
     padding: 3px 10px;
   }
   .search-box .form-group {
     margin-bottom: 0;
   }
   .blog-box .detail .tags-box {
     margin-bottom: 20px;
   }
   .blog-box .detail .blog-share {
     float: left;
     text-align: left;
   }
   .comments ul {
     margin: 0 0 0 0;
   }
   .comment-body {
     margin: 10px 0 0 0;
     line-height: 20px;
     padding: 10px 0 0 0;
     font-size: 13px;
     text-align: justify;
   }
   .blog-banner {
     text-align: center;
     padding: 40px 0;
   }
   .comment-content {
     margin: 0 0 0 80px;
   }
   .comment-author {
     height: 60px;
     width: 60px;
   }
   .form-content-box .details {
     padding: 30px 20px;
   }
   .sec-title-three h2 {
     margin-top: 0;
   }
   .content-area-2 {
     margin-bottom: 60px;
   }
   .content-area-3 {
     margin-bottom: 30px;
   }
   .content-area-4 {
     padding: 60px 0 30px;
   }
   .content-area-6 {
     padding: 60px 0 30px;
   }
   .content-area-8 {
     padding: 60px 0 30px;
   }
   .content-area-10 {
     padding: 60px 0 20px;
   }
   .content-area-11 {
     padding: 30px 0 20px;
   }
   .content-area-12 {
     padding: 60px 0 90px;
   }
   .content-area-9 {
     padding: 50px 0 50px;
   }
   .content-area-13 {
     padding: 60px 0 10px;
   }
   .content-area-14 {
     padding: 80px 0 50px;
   }
   .content-area-15 {
     padding: 80px 0 55px;
   }
   .content-area-16 {
     padding: 80px 0 50px;
   }
   .about-text {
     padding: 0;
   }
   .search-area .form-group {
     margin-bottom: 10px;
   }
   .recent-properties-box .detail .location a {
     font-size: 14px;
   }
   .about-box {
     max-width: 100%;
   }
   .my-properties-box .detail .location {
     font-size: 14px;
   }
   .properties-amenities ul li {
     list-style: none;
     margin-bottom: 10px;
   }
   .properties-condition ul li {
     margin-bottom: 10px;
   }
   .heading-properties h3 {
     font-size: 18px;
   }
   .heading-properties p {
     font-size: 13px;
   }
   .heading-properties h5 {
     font-size: 13px;
   }
   .typography-page p {
     font-size: 13px;
     line-height: 25px;
     text-align: justify;
   }
   .breadcrumb-area .btn-md {
     padding: 10px 20px;
   }
   .heading-properties-2 .pull-left {
     display: inline-block;
     width: 100%;
   }
   .heading-properties-2 h1 {
     font-size: 22px;
   }
   .heading-properties-2 .pull-right {
     float: left;
   }
   .heading-properties-2 ul {
     margin-bottom: 5px;
     display: inline-block;
   }
 }
 @media (max-width: 580px) {
   .inline-search-area .icon-append {
     top: 12px;
   }
   .sorting-options2 .bootstrap-select {
     width: 160px !important;
   }
   .option-bar .sort {
     margin-right: 5px;
   }
   .inline-search-area .btn {
     margin: 0 !important;
   }
   .item-bg img {
     height: 100vh !important;
   }
   .property-box-4 .price-box {
     bottom: 35px;
   }
   .setting-button {
     display: none;
   }
 }
 @media (max-width: 500px) {
   .banner h3 {
     font-size: 27px;
   }
   .banner .banner-slider-inner h1 {
     font-size: 27px;
   }
   .banner h2 {
     font-size: 27px;
   }
 }
 @media (max-width: 380px) {
   .heading-properties-3 .pull-right {
     float: left;
   }
   .heading-properties-3 .pull-left {
     display: inline-block;
     width: 100%;
   }
   .heading-properties-3 span {
     float: left;
   }
   .heading-properties-3 h1 span {
     margin-bottom: 10px;
   }
   .properties-details-page p {
     margin-bottom: 0;
   }
   .heading-properties-3 {
     margin-bottom: 20px;
   }
 }