@charset "UTF-8";
.personality_view_rating {
    letter-spacing: 4px;
}
i.icon-space {
    width: 30px;
    text-align: center;
    height: 30px;
    margin-right: 8px;
} 
.contact a.text-black {
    color: #343a40;
    font-size: 14px;
    margin-right: 10px;
}
.contact a:hover.text-black {
    color: #343a40;
    font-size: 14px;
    margin-right: 10px;
    color: #000;
    font-weight: 600;
}
.eye.homes-tag.button.sale.rent {
    background: #ff6000 !important;
}
.fade-out {
    animation: fadeOut 1s ease-in-out 5s forwards;
}
/* Keyframes for fade out */
@keyframes fadeOut {
    to {
        opacity: 0;
        display: none;
        transition: .2s;
        visibility: hidden;
    }
}
.toggle-icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;          
    content: "\f068";           
    transition: transform .25s; 
}
button.collapsed .toggle-icon::before {
    content: "\f067";          
}
span.faq_desc p {
    margin-bottom: 2px;
}
h4.faq_head {
    margin-bottom: 0px;
    font-size: 16px;
    color: #171f26;
}
/*------ 1. TYPOGRAPHY ------*/ /*-----------------------------------*/
span.featured.show-hide1 {display: block !important;}
span.featured.show-hide0 {display: none !important;}
html {

  font-size: 15px;

}
.homes-tag.button.alt.featured.f1.fet1 {display: block !important;}
.homes-tag.button.alt.featured.f1.fet0 {display: none;}

body {

  font-family: "Asap", sans-serif;

  font-size: 15px;

  font-weight: 400;

  color: #666;

  overflow-x: hidden !important;

}

p {

  line-height: 26px;
 word-break: break-word;

}
.row.user-details .col-12 p{word-break: break-word;}
h1 {

  font-family: "Montserrat", sans-serif;

  font-size: 3.5rem;

  font-weight: 800;

  margin-bottom: 2rem;

  text-transform: uppercase;

}

h2 {

  font-family: "Montserrat", sans-serif;

  color: #222;

  font-size: 26px;

  font-weight: 600;

  text-transform: uppercase;

}

h2 span {

  font-weight: 600;

  color: #111;

}

h3 {

  font-family: "Montserrat", sans-serif;

  font-size: 1.2rem;

  color: #444;

  font-weight: 600;

}

h4 {

  font-family: "Montserrat", sans-serif;

  font-size: 1rem;

  color: #444;

  font-weight: 600;

}

h5 {

  color: #444;

}

section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(0) {
  background-color: #fff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(1) {
  background-color: #f5f6ff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(2) {
  background-color: #fff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(3) {
  background-color: #f5f6ff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(4) {
  background-color: #fff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(5) {
  background-color: #f5f6ff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(6) {
  background-color: #fff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(7) {
  background-color: #f5f6ff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(8) {
  background-color: #fff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(9) {
  background-color: #f5f6ff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(10) {
  background-color: #fff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(11) {
  background-color: #f5f6ff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(12) {
  background-color: #fff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(13) {
  background-color: #f5f6ff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(14) {
  background-color: #fff;
}
section.faq.service-detailss.py-4.faq-text.border-bottom.boxper:nth-child(15) {
  background-color: #f5f6ff;
}






.tp-bannertimer.tp-bottom {

  background: #000 !important;

}

.top-headings-section {

  padding-bottom: 2rem;

}

.bg-all a {

  background: linear-gradient(-47deg, #cba820f0 0%, #f1ca30 100%);

}

.top-headings-section p {

  margin-left: auto;

  margin-right: auto;

  font-weight: 400;

  color: #555;

  max-width: 550px;

}

.top-headings-section h2::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 100px;

  margin: 0 auto;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

*::after,

*::before {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.sec-title {

  text-align: center;

  padding-bottom: 2rem;

}

.sec-title h2 {

  color: #000;

  font-weight: 700;

}

.sec-title h2 span {

  position: relative;

  color: #333;

  font-weight: 600;

}

.sec-title p {

  margin-top: 13px;

  text-align: center;

  margin-left: auto;

  margin-right: auto;

  font-size: 16px;

  font-weight: 400;

  color: #666;

  max-width: 550px;

}

img {

  display: inline-block;

  max-width: 100%;

  height: auto;

}

a,

button {

  text-decoration: none !important;

  outline: none !important;

}

.section-title {

  padding-left: 25px;

  position: relative;

  margin-bottom: 1.5rem;

}

.section-title:before {

  top: 0;

  left: 0;

  bottom: 0;

  width: 8px;

  content: "";

  border-radius: 3px;

  position: absolute;

  background-color: #fdd534;

}

.section-title h3 {

  font-size: 18px;

  color: #111;

  text-transform: uppercase;

}

.section-title h2 {

  color: #fdd534;

  text-transform: uppercase;

}

.popular.portfolio.pb-5 {

  padding-bottom: 4rem !important;

}

.bg-white {

  background: #fff !important;

}

.bg-gray {

  background: #f5f6ff !important;

}

.hp-7 .section-title h2 {

  color: #000;

} /*-----------------------------------*/ /*------ 2. SECTION HEADINGS ------*/ /*-----------------------------------*/

.header {

  position: absolute;

  width: 100%;

  z-index: 99;

}

.header-top {

  background: #fdd534;

  color: #7f8997;

  display: block;

  padding: 1rem 0;

}
@media screen and (max-width: 767px) {
  h2.heading-title-h2 {
    padding: 20px 0;
    font-size: 30px !important;
}
  .contact a.text-black {
        color: #343a40;
        font-size: 14px;
        margin-bottom: 7px;
        display: flow;
}
  .row.user-details .col-12 p{word-break: break-word !important;}
  section.faq.service-detailss.py-4.faq-text.border-bottom.boxper .col-md-6 p {
   word-break: break-word !important;}
     .row.user-details .col-12 p{word-break: break-word !important;}
  section.faq.service-detailss.py-4.faq-text.border-bottom.boxper .col-md-6 p strong {
   word-break: break-word !important;}

  .social-life-image img {
    height: auto !important;
    width: 100%;
    object-fit: scale-down !important;
}
  div#slide-2-layer-3_4753 {
    font-size: 24px !important;
}
div#slide-2-layer-3_7492{font-size: 26px !important;}
  .col-lg-6.col-md-12.col-xs-12.service-info article.faq p
  { word-break: break-word;}
  p{word-break: break-word;}
  .inner-pages section.faq {
    padding: 20px 0px 0px 0px !important;
    background: #f5f6ff;
}

  .header-top {

    padding: 0px;

  }

}

.header.head-2 {

  position: relative;

}

.header-top.head-2 {

  background: #fdd534;

  color: #fff;

  display: block;

  padding: 1rem 0;

}

.heading.head-2 {

  background: #121b22;

}

.header-top.head-2 .top-social .login-wrap ul li a:hover,

.header-top.head-2 .dropdown button:hover {

  color: #fff;

}

.header.head-tr {

  position: absolute;

  width: 100%;

  z-index: 99999;

}

.header-top.head-tr {

  background: rgba(255, 255, 255, 0.06);

  color: #7f8997;

  display: block;

  padding: 1rem 0;

}

.heading.head-tr {

  background: rgba(255, 255, 255, 0.06);

  color: #fff;

  border-top: 1px solid rgba(255, 255, 255, 0.15);

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  position: relative;

  padding: 1rem 0;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.header-bottom.heading.sticky-header.head-2.sticky {

  z-index: 99999;

}

@media screen and (min-width: 1025px) {

  .container-header {

    max-width: 1660px;

  }

  #logo {

    margin-right: 0px;

  }

}

@media screen and (max-width: 767px) {

  .header-top {

    padding: 0px;

  }

}

@media screen and (max-width: 767px) {

  .header-top {

    padding: 0px;

  }

}

.header-top .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-left: auto;

}

.lang-wrap {

  float: right;

  margin-right: 0px;

  position: relative;

  top: 0px;

}

.header-user-menu .lang-wrap ul {

  width: 100px;

  min-width: 0px;

  left: -1px !important;

}

.header-user-menu .lang-wrap ul li a {

  font-size: 15px;

  display: block;

  text-transform: capitalize;

}

.header-user-menu .lang-wrap ul li {

  width: 55%;

}

.show-lang span .fa-globe-americas {

  font-size: 17px;

}

.show-lang {

  color: #fff;

  cursor: pointer;

  width: 100px;

  float: right;

  padding: 10px 10px 10px 0;

  position: relative;

  z-index: 106;

  font-size: 12px;

  border: 1px solid transparent;

}

.show-lang span {

  position: relative;

  z-index: 2;

  float: left;

  margin-left: 10px;

}

.lang-tooltip {

  position: absolute;

  top: 40px;

  right: 0;

  width: 100px;

  z-index: 105;

  background: #fff;

  padding: 10px 0 12px;

  border-radius: 4px;

  border: 1px solid #eee;

  border-top: none;

  visibility: hidden;

  opacity: 0;

}

.lang-tooltip li {

  float: left;

  width: 100%;

  position: relative;

  text-align: left;

  color: #fff;

  border-radius: 4px;

  padding: 6px 14px;

}

.lang-tooltip li a {

  color: #566985;

  font-weight: 500;

  font-size: 10px;

  text-transform: uppercase;

  position: relative;

  float: left;

  width: 100%;

}

.show-lang .fa-caret-down.arrlan {

  position: absolute;

  left: 80px;

  top: 45%;

  line-height: 10px;

  height: 10px;

  margin-top: -5px;

  color: #fff;

}

.header-widget.sign-in {

  height: auto;

}

.header-widget.sign-in a {

  color: #fff;

  font-size: 16px;

  text-align: center;

  text-decoration: none;

  margin-top: 30px;

}

.right-side.sign {

  float: right;

  width: 90px;

  padding: 0 10px 0 20px;

  border-left: 1px solid #fff;

  border-right: 1px solid #fff;

  margin-top: 20px;

  margin-left: 0px !important;

  margin-right: 55px;

  display: inline-block;

}

.show-lang span strong {

  padding-left: 10px;

  top: -2px;

  font-size: 16px;

  font-weight: 500;

  position: relative;

}

.divider {

  content: "";

  width: 1px;

  height: 15px;

  opacity: 0.7;

  background-color: #fff;

}

.top-info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.header-top p {

  margin-right: 2rem;

  color: #fff;

  font-size: 13px;

  font-weight: 400;

  margin-bottom: 0px;

}

.header-top p i {

  color: #fff;

  margin-right: 0.5rem;

  font-size: 1.3rem;

}

.top-social {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.top-social .login-wrap ul {

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  list-style: none;

  margin-bottom: 0px;

}

.top-social .login-wrap ul li {

  padding: 0px 12px;

  position: relative;

}

.top-social .login-wrap ul li a {

  color: #fff;

  text-decoration: none;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.top-social .login-wrap ul li a:hover {

  color: #fdd534;

}

.top-social .login-wrap ul li a i {

  margin-right: 5px;

}

.header-top .social-icons {

  text-align: right;

  margin-left: 0.6rem;

}

.header-top .social-icons i {

  line-height: 26px;

  font-size: 1.2rem;

  margin-right: 1rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.social-icons-header .fa-facebook {

  color: #fff;

}

.social-icons-header .fa-twitter {

  color: #fff;

}

.social-icons-header .fa-google-plus {

  color: #fff;

}

.social-icons-header .fa-linkedin {

  color: #fff;

}

.social-icons-header .fa-skype {

  color: #fff;

}

.header-top .social-icons:hover {

  color: #fdd534;

}

.header-top .dropdown {

  display: inline-block;

  background: transparent;

}

.header-top .dropdown button {

  background: transparent none repeat scroll 0 0;

  border: medium none;

  color: #fff;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

}

.header-top .dropdown button:hover {

  color: #fdd534;

}

.header-top .dropdown .dropdown-menu {

  border-radius: 0;

  left: auto;

  margin: 0;

  min-width: 115px;

  padding: 0px;

  position: absolute;

  right: 0;

  z-index: 99999;

}

.header-top .dropdown-menu img {

  margin-right: 5px;

}

.header-top .dropdown-menu li {

  color: #333;

  cursor: pointer;

  padding: 5px 10px;

}

.header-top .dropdown-menu li:hover {

  background: #eee none repeat scroll 0 0;

}

.heading {

  background: rgba(255, 255, 255, 0.12);

  color: #fff;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  position: relative;

  padding: 1rem 0;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sticky,

.sticky.head-tr {

  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;

  animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;

  background: #121b22 none repeat scroll 0 0;

  left: 0;

  margin: auto;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 99999;

}

@media screen and (max-width: 991px) {

  .heading {

    background: rgba(255, 255, 255, 0.06);

    padding-bottom: 0px;

    z-index: 99999;

  }

  #main-menu {

    background: #fff;

    width: 100%;

    margin-left: 0px !important;

  }

  #main-menu ul a,

  #main-menu .po a::after {

    color: #000 !important;

  }

  .sticky {

    background: #121b22 none repeat scroll 0 0;

  }

  .heading .logo img {

    padding-left: 15px;

    padding-bottom: 1rem;

  }

  .button-menu {

    padding-right: 18px !important;

  }

  .heading .container {

    padding-left: 0px;

    padding-right: 0px;

  }

  .search-button,

  .button-menu {

    margin-bottom: 1rem !important;

  }

}

.heading .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.heading .logo img {

  width: 165px;

}

@media screen and (max-width: 414px) {

  .heading .logo img {

    width: 140px;

  }

}

@media screen and (max-width: 575px) {

  .header #bloq-search {

    padding-left: 15px;

    padding-right: 15px;

  }

}

.search-button,

.button-menu {

  border: 0;

  font-size: 1.5rem;

  margin: 0;

  padding: 0 0.5rem;

  background: transparent;

  color: #fff;

}

.search-button:focus,

.button-menu:focus {

  outline: 0;

}

.search-button {

  color: #fff;

  margin-left: auto;

  margin-right: 0.8rem;

}

.get-quote {

  background: transparent;

  margin-left: 2rem;

  color: #fff;

  padding: 1rem;

  -webkit-box-ordinal-group: 5;

  -ms-flex-order: 4;

  order: 4;

  border-radius: 5px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.get-quote:hover {

  background: #fdd534;

  color: #fff !important;

}

.get-quote p {

  text-transform: uppercase;

  margin: 0px;

  font-weight: 500;

}

.get-quote a {

  text-decoration: none;

  color: #fff;

}

.get-quote a:hover {

  color: #fff;

}

#bloq-search {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 100%;

  flex: 1 1 100%;

}

.bloq-search {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 3rem;

  margin: 1.3rem 0;

  z-index: 1;

}

.bloq-search input[type="text"] {

  border: 1px solid #fdd534;

  border-radius: 5px 0 0 5px;

  margin-bottom: 0px;

  padding: 1rem;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

}

.bloq-search input[type="submit"] {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  border: 0;

  width: auto;

  border-radius: 0 5px 5px 0;

  background: #fdd534;

  color: #fff;

  cursor: pointer;

  margin-bottom: 0px;

  padding: 0 1rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.bloq-search input[type="submit"]:hover {

  background: #121b22;

  color: #fff;

}

#main-menu {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 100%;

  flex: 1 1 100%;

}

#main-menu ul {

  padding: 0;

  list-style: none;

  margin: 1rem 0 0 0;

}

#main-menu ul a {

  display: block;

  padding: 0.8rem 0;

  text-align: center;

  color: #fff;

  text-transform: uppercase;

  border-top: 1px solid #e5e5e5;

  text-decoration: none;

}

#main-menu ul a:hover,

#main-menu ul li.active a {

  color: #fdd534;

}

#main-menu .card {

  background: transparent;

}

#main-menu .card a:hover {

  background: transparent;

}

#main-menu .po a::after {

  content: "\f0d7";

  font-family: FontAwesome;

  color: #fff;

  margin-left: 0.3rem;

}

.text-heading {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

@media screen and (max-width: 1024px) {

  #navigation {

    margin-left: 0px;

  }

  .the-search .rld-single-select.ml-22 {

    margin-left: 15px;

  }

}

@media only screen and (max-width: 991px) {

  a.button.border,

  a.button {

    width: 240px;

  }

} /*---------------------------------------*/ /*--------- 3. HOME 1 Image ----------*/ /*---------------------------------------*/

.homepage-1 .head-tr.bottom {

  background: transparent;

  border: 0px;

}

.homepage-1 a.button.border,

a.button,

.homepage-4 .header-image .left .btn-white {

  background: #fff;

  color: #f1ca30 !important;

}

.homepage-1 .header-user-name,

.homepage-1 .header-user-name:before {

  color: #fff;

}

.homepage-1 .rec-pro-1 .container-fluid {

  max-width: 1560px;

}

.homepage-1 #navigation.style-1 ul li:hover {

  background: #f1ca30;

}

.homepage-1 .welcome-area {

  background: linear-gradient(

      -36deg,

      rgba(69, 40, 220, 0.8) 0%,

      rgba(135, 49, 232, 0.8) 100%

    ),

    url(../images/people.jpg) no-repeat scroll center center/cover;

}

.homepage-1 .welcome-area {

  height: 940px;

  position: relative;

  z-index: 99;

}

.welcome-area.bg-overlay::after {

  opacity: 0.87;

  z-index: -1;

}

.homepage-1 .banner-inner h1 {

  margin-bottom: 15px;

}

.homepage-1 .banner-inner .sub-title {

  font-size: 16px;

  margin-bottom: 60px;

}

.homepage-1 .bg-overlay,

.overlay-dark {

  position: relative;

  z-index: 0;

}

.homepage-1 .hero-main {

  padding: 260px 0;

}

.homepage-1 .rld-main-search {

  padding: 30px;

}

.homepage-1 .rld-banner-tab {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.homepage-1 .rld-banner-tab .nav-item a {

  border-radius: 25px;

}

.homepage-1 .rld-banner-tab .nav-item a.active:before {

  content: "";

  height: 20px;

  margin-left: 13px;

  position: absolute;

  top: 40px;

  width: 20px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.homepage-1 .tab-content > .active {

  margin-top: 30px;

}

.homepage-1 .btn,

.homepage-3 .btn:active,

.homepage-1 .btn.sApp-btn:before,

.homepage-1 .bg-overlay::after,

.homepage-1 .benifits-item:after {

  background: linear-gradient(-47deg, #4528dc 0%, #f1ca30 100%);

}

.homepage-1 a.btn.btn-yellow:hover {

  background: #fff !important;

  color: #f1ca30;

}

.homepage-1 .bg-overlay:after {

  opacity: 0.87;

  z-index: -1;

}

.homepage-1 .btn.btn-yellow,

.homepage-1 .btn.btn-outline-light {

  color: #fff;

  border: 0px;

}

.homepage-1 .slick-dots li {

  -webkit-box-shadow: inset 0 0 0 2px #f1ca30;

  box-shadow: inset 0 0 0 2px #f1ca30;

}

.bg-overlay::after,

.overlay-dark:after {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

}

.homepage-1 .rld-banner-tab .nav-item a.active,

.homepage-1 .rld-banner-tab .nav-item a:hover,

.homepage-1 .rld-banner-tab .nav-item a.active:before {

  background: #963aff;

}

.homepage-1 .slick-dots li.slick-active {

  -webkit-box-shadow: inset 0 0 0 6px #963aff;

  box-shadow: inset 0 0 0 6px #963aff;

}

.homepage-1 .slick-dots li {

  color: #963aff;

}

.homepage-1 .slick-dots li:after {

  background: #963aff;

}

.homepage-1 .popular-searchs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 40px;

}

.homepage-1 .popular-searchs .box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.homepage-1 .popular-searchs li {

  display: inline-block;

}

.homepage-1 .popular-searchs li a {

  display: inline-block;

  text-decoration: none;

  width: 115px;

  height: 100px;

  margin-right: 15px;

  background: rgba(255, 255, 255, 0.12);

  padding-top: 21px;

  color: #ffffff;

  font-size: 28px;

  border-radius: 4px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

}

.homepage-1 .popular-searchs li a .box span {

  font-size: 16px;

  text-align: center;

  color: #fff;

  margin-top: 10px;

  font-weight: 400;

  display: block;

}

@media (min-width: 992px) {

  .homepage-1 .rld-main-search .rld-single-input,

  .homepage-1 .rld-main-search .rld-single-select .single-select,

  .homepage-1 .popular-searchs {

    margin-bottom: 0px;

  }

  .homepage-1 .popular-searchs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

}

@media (max-width: 575px) {

  .homepage-1 .popular-searchs {

    display: none;

  }

}

.homepage-1 .rec-pro .container-fluid {

  max-width: 1560px;

}

section.featured.rec-pro {

  padding: 6rem 0;

  background: #963aff !important;

}

.homepage-1 .small-category-2 {

  background: #fff;

  border-radius: 8px;

  border: 1px solid #ebebeb;

  overflow: hidden;

  margin-bottom: 30px;

  padding: 0px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.homepage-1 .small-category-2-thumb .fas {

  font-size: 2.1rem;

  color: #fdd534;

}

.homepage-1 .small-category-2-thumb {

  width: 170px;

  float: left;

  display: table;

  height: 150px;

  background: #fff;

  padding: 0px;

  border-radius: 50%;

}

.homepage-1 .small-category-2-thumb img {

  width: 170px;

  height: 150px;

}

.homepage-1 .sc-2-detail {

  display: table;

  margin-left: 25px;

  float: left;

}

.homepage-1 .sc-2-detail .sc-jb-title {

  margin-bottom: 4px;

}

.homepage-1 h4.sc-jb-title a {

  font-size: 16px;

  color: #555;

  font-weight: 400;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.homepage-1 h4.sc-jb-title a:hover {

  color: #fdd534;

}

.homepage-1 .sc-2-detail span {

  font-size: 15px;

  font-weight: 400;

  color: #666;

}

.homepage-1 .no-mb {

  margin-bottom: 0px;

}

@media screen and (max-width: 767px) {

  .homepage-1 .si-mt {

    margin-top: 30px;

  }

  .homepage-1 .how-it-works article i {

    font-size: 2.5rem !important;

  }

  .popular-places .img-box.no-mb {

    margin-bottom: 1.5rem !important;

  }

  .popular-places .img-box.no-mb.x3 {

    margin-bottom: 0px !important;

  }

}

@media screen and (max-width: 575px) {

  .homepage-1 .mob-mt {

    margin-bottom: 30px;

  }

  .tab-mb {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 991px) {

  .homepage-1 .m-t-30 {

    margin-top: 30px;

  }

}

.homepage-1 .rec-pro .container-fluid {

  max-width: 1560px;

}

.homepage-1 section.portfolio {

  padding: 6rem 0;

  background: #ff385c;

}

.homepage-1 .sec-title.discover h2 span,

.homepage-1 .sec-title.discover h2,

.homepage-1 .sec-title.discover p {

  color: #fff;

}

.rec-pro.disc .slick-dots li.slick-active,

.rec-pro.disc .slick-dots li {

  -webkit-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);

  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);

}

.rec-pro.disc .slick-dots li:after {

  background: #eee;

}

.homepage-1 .owl-dots {

  margin-top: 30px;

}

.homepage-1 section.popular-places {

  padding: 6rem 0;

  background: #f5f6ff;

}

.homepage-1 .popular-places .img-box {

  height: 280px;

}

.homepage-1 .popular-places .img-box {

  border-radius: 10px;

}

.homepage-1 .popular-places .img-box {

  display: inline-block;

  position: relative;

  width: 100%;

  overflow: hidden;

  margin-bottom: 1.5rem;

  z-index: 90;

}

.homepage-1 .popular-places .img-box:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

  content: "";

  background-color: #121b22;

  opacity: 0.2;

  z-index: 99;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

.homepage-1 .popular-places .img-box img {

  background-size: cover;

  background-position: 50%;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.55s;

  transition: all 0.55s;

  position: absolute;

  top: 0;

  left: 0;

  background-repeat: no-repeat;

  -webkit-transition: -webkit-transform 0.35s ease-out;

  transition: -webkit-transform 0.35s ease-out;

  transition: transform 0.35s ease-out;

  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;

}

.homepage-1 .popular-places .listing-badges {

  position: absolute;

  top: 0;

  z-index: 999;

  right: 0;

  width: 100%;

  display: block;

  font-size: 16px;

  font-weight: bold;

  padding: 0px;

  overflow: hidden;

  height: 100px;

}

.homepage-1 .btn:hover,

.homepage-1 .popular-places .listing-badges .featured,

.homepage-1 .homes-tag.featured {

  background: #f1ca30 !important;

}

.homepage-1 .popular-places .listing-badges .featured {

  float: left;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  left: -67px;

  top: 17px;

  position: relative;

  text-align: center;

  width: 200px;

  font-size: 12.5px;

  margin: 0;

}

.homepage-1 .popular-places .listing-badges span {

  color: #fff;

  display: inline-block;

  padding: 1px 10px;

  float: right;

  background-color: rgba(74, 74, 76, 0.7);

  border-radius: 3px;

  top: 15px;

  right: 15px;

  position: absolute;

}

.homepage-1 .popular-places .img-box-content {

  position: absolute;

  z-index: 101;

  top: 50%;

  margin: 0 auto;

  text-align: center;

  width: 100%;

  -webkit-transform: translate(0, -50.5%);

  transform: translate(0, -50.5%);

}

.homepage-1 .popular-places .img-box-content h4 {

  line-height: 36px;

  color: #fff;

  margin: 0;

  font-size: 20px;

}

.homepage-1 .popular-places .img-box-content span {

  font-size: 16px;

  color: #fff;

}

.popular-places .img-box.no-mb {

  margin-bottom: 0px;

}

.homepage-1 .singleJobClinet {

  position: relative;

  background: #fff;

  border: 1px solid #ededed;

  padding: 44px 53px 55px;

  margin-bottom: 60px;

}

.homepage-1 .singleJobClinet p {

  letter-spacing: 0.32px;

  margin-bottom: 25px;

}

.homepage-1 .detailJC {

  position: relative;

  padding-left: 88px;

  padding-top: 7px;

}

.homepage-1 .detailJC span {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 68px;

  height: 68px;

  padding: 4px;

  border-radius: 50%;

  background: #f04786;

  background: -webkit-gradient(

    linear,

    left top,

    right top,

    from(rgba(240, 71, 134, 0.75)),

    to(rgba(125, 107, 255, 0.75))

  );

  background: linear-gradient(

    90deg,

    rgba(240, 71, 134, 0.75) 0%,

    rgba(125, 107, 255, 0.75) 100%

  );

}

.homepage-1 .detailJC span img {

  width: 100%;

  height: 100%;

  border-radius: 50%;

}

.homepage-1 .detailJC h5 {

  font-size: 19px;

  line-height: 28px;

  letter-spacing: 0.38px;

  margin-bottom: 0;

}

.homepage-1 .detailJC p {

  color: #666;

  font-size: 15px;

  letter-spacing: 0.3px;

  margin: 0;

}

.homepage-1 .detailJC:after {

  position: absolute;

  right: 0;

  bottom: 0;

  content: "";

  width: 68px;

  height: 58px;

  background: url(../images/quoe.png) no-repeat center center/cover;

}

.homepage-1 .job_clientSlide .owl-nav .owl-prev,

.homepage-1 .job_clientSlide .owl-nav .owl-next {

  margin: 0 5px;

  padding: 0 0;

  text-align: center;

  width: 43px;

  height: 43px;

  border: 2px solid #ddd;

  border-radius: 50%;

  font-size: 18px;

  color: #70778b;

  line-height: 43px;

  background: transparent;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

}

.homepage-1 .job_clientSlide .owl-nav {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.homepage-1 .owl-nav {

  margin-top: 10px;

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.homepage-1 .job_clientSlide .owl-nav .owl-prev:hover,

.homepage-1 .job_clientSlide .owl-nav .owl-next:hover {

  background: #f1ca30;

  color: #fff;

}

.homepage-1 .rld-single-input.left-icon:before,

.homepage-1 .rld-single-select .single-select:before,

.homepage-1 .popular .homes-content .homes-list li i,

.homepage-1 .blog-section .action-list .fa-heart,

.homepage-1 .blog-section .action-list .fa-comment,

.homepage-1 .blog-section .action-list .fa-share-alt,

.homepage-1 .blog-section .news-link,

.homepage-1 .first-footer .contactus ul li .fa,

.homepage-1 .first-footer .netsocials a .fa-facebook,

.homepage-1 .first-footer .netsocials a .fa-twitter,

.homepage-1 .first-footer .netsocials a .fa-google-plus,

.homepage-1 .first-footer .netsocials a .fa-youtube {

  color: #f1ca30;

}

.homepage-1 .popular .homes-content h3:hover,

.homepage-1 .blog-section .news-item h3:hover,

.homepage-1 .widget.quick-link ul li a:hover,

.homepage-1 .widget.quick-link ul li a:hover:before {

  color: #f1ca30;

}

.homepage-1 .first-footer .widget h3::after,

.homepage-1 .first-footer .newsletters h3::after,

.homepage-1 .go-up {

  background: #f1ca30;

}

.header-user-name:before {

  font-family: "FontAwesome";

  content: "\f0d7";

  position: absolute;

  color: #666;

  bottom: 1px;

  font-size: 13px;

  right: -16px;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.header-user-name span {

  position: absolute;

  width: 38px;

  height: 38px;

  border-radius: 50%;

  overflow: visible;

  top: 0;

  left: -55px;

}

.header-user-name span:after {

  position: absolute;

  content: "";

  height: 12px;

  width: 12px;

  bottom: -5px;

  right: -5px;

  background-color: #38b653;

  display: block;

  border: 2px solid #fff;

  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);

  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);

  border-radius: 50%;

  z-index: 9;

} /* Search Form */

.parallax-searchs .trip-search {

  background: #fff;

  padding: 10px;

  border: 1px solid #fff;

  border-radius: 50px;

  text-align: left;

  margin-top: 30px;

}

.parallax-searchs .trip-search .form {

  line-height: 0px;

}

.parallax-searchs .form-group {

  width: 190px;

  display: inline-block;

  margin-right: 3px;

  margin-bottom: 0px;

}

.parallax-searchs .form-group:last-child {

  margin-right: 0px;

}

.parallax-searchs .form-group .nice-select {

  margin: 0;

  height: 50px;

  line-height: 50px;

  padding: 0 15px;

  border-radius: 5px;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #757575;

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  font-size: 14px;

}

.parallax-searchs .form-group .nice-select:hover {

  color: #f1ca30;

}

.parallax-searchs .form-group .nice-select::after {

  right: 20px;

  color: #757575;

}

.parallax-searchs .form-group .nice-select i {

  color: #f1ca30;

  font-size: 1.2rem;

  margin-top: 5px;

  margin-right: 10px;

}

.parallax-searchs .form-group .list li {

  color: #757575;

}

.parallax-searchs .form-group .list li.selected {

  color: #757575;

  font-weight: 400;

}

.parallax-searchs .form-group .list li:hover {

  color: #fff;

  background: #f1ca30;

}

.parallax-searchs .form-group.location {

  width: 150px;

}

.parallax-searchs .form-group.button {

  width: 145px;

  position: relative;

  height: 50px;

}

.parallax-searchs .form-group .btn {

  display: block;

  width: 100%;

  background: #f1ca30;

  cursor: pointer;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

  position: absolute;

  top: 0;

  height: 50px;

  line-height: 50px;

  padding: 0;

  font-size: 14px;

  border: none;

  border-radius: 50px;

}

.parallax-searchs .form-group .btn:hover {

  background: #121b22;

  color: #fff;

}

.homepage-1 .first-footer .bloq-email .email input[type="email"] {

  border: 1px solid #f1ca30;

}

.homepage-1 .first-footer .bloq-email .email input[type="submit"] {

  border: 1px solid #f1ca30;

  background: #f1ca30;

}

.homepage-1 .rld-banner-tab .nav-item a.active,

.homepage-1 .rld-banner-tab .nav-item a:hover,

.homepage-1 .rld-banner-tab .nav-item a.active:before,

.homepage-1 .range-slider .ui-widget-header,

.homepage-1 .checkboxes input[type="checkbox"]:checked + label:before {

  background: #963aff;

}

.homepage-1 .parallax-searchs .form-group .nice-select i,

.homepage-1 .dropdown-filter span::after {

  color: #963aff;

}

.homepage-1 .parallax-searchs .form-group .nice-select:hover {

  color: #963aff;

}

.homepage-1 .rld-banner-tab .nav-item a {

  border-radius: 8px;

}

.homepage-1 .range-slider .ui-slider .ui-slider-handle {

  border: 2px solid #963aff !important;

}

.homepage-1 .rld-single-select .single-select:before {

  border-bottom: 2px solid #999;

  border-right: 2px solid #999;

  content: "";

  display: block;

  height: 8px;

  margin-top: -4px;

  pointer-events: none;

  position: absolute;

  right: 18px;

  top: 48%;

  -webkit-transform-origin: 66% 66%;

  transform-origin: 66% 66%;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: all 0.15s ease-in-out;

  transition: all 0.15s ease-in-out;

  width: 8px;

}

.homepage-1 .rld-single-input input {

  border-radius: 8px;

  margin-left: 0px;

  outline: none;

  text-decoration: none;

}

.homepage-1 .rld-single-select .single-select {

  width: 180px;

}

.homepage-1 .btn.btn-yellow {

  border: 0px;

  border-radius: 8px;

  font-size: 15px;

  -webkit-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);

  box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);

  color: #ffffff;

  height: 50px;

  width: 170px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

@media (min-width: 992px) {

  .homepage-1 .rld-main-search .rld-single-input,

  .homepage-3 .rld-main-search .rld-single-select .single-select,

  .homepage-1 .popular-searchs {

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 575px) {

  .homepage-1 .nav-item.rest,

  .homepage-1 .nav-item.hots {

    display: none;

  }

  .homepage-1 .hero-main {

    padding: 170px 0;

  }

  .the-search .rld-single-select.ml-22 {

    margin-left: 0px;

  }

  .the-search .range-slider label {

    font-size: 15px;

  }

  .main-search-input-item.clact.date-container {

    margin-bottom: 15px;

  }

}

@media screen and (max-width: 1024px) {

  .rld-main-search .rld-single-input,

  .rld-main-search .rld-single-select .single-select {

    margin-bottom: 15px !important;

  }

} /*---------------------------------------*/ /*--- 4. IMAGE VIDEO HOME 2  ---*/ /*---------------------------------------*/

.homepage-2 .welcome-area {

  background: rgba(0, 0, 0, 0) url("../images/bg-2.jpg") no-repeat scroll center

    center/cover;

}

.homepage-2 .welcome-area .shape-bottom svg {

  -webkit-transform: scale(1.05);

  transform: scale(1.05);

}

.homepage-2 .header-image .left h1 {

  font-size: 40px;

  font-weight: 700;

  line-height: 60px;

  color: #fff;

  margin: 0;

  margin-bottom: 20px;

}

.homepage-2 .header-image .left p {

  font-size: 17px;

  width: 90%;

  font-weight: 400;

  line-height: 27px;

  color: #fff;

  margin: 0;

}

.homepage-2 .header-user-name,

.homepage-2 .header-user-name:before {

  color: #fff;

}

.homepage-2 .header-image .left .btn-white {

  background: #6449e7;

  display: inline-block;

  padding: 12px 35px;

  border-radius: 40px;

  font-size: 15px;

  font-weight: 600;

  color: #fff;

  margin-top: 30px;

  -webkit-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.15);

}

.homepage-2 a.btn-white {

  text-decoration: none;

}

.homepage-2 .welcome-area {

  height: 800px;

  z-index: 1;

}

.homepage-2 .welcome-thumb {

  max-width: 300px;

  padding-top: 0px;

} /*------ register form------------------------------------------------*/

.login-and-register-form {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  overflow: auto;

  display: none;

  -webkit-transform: translate3d(0, 0, 0);

  background: rgba(0, 0, 0, 0.81);

}

.login-and-register-form .hid-body {

  overflow: hidden;

}

.login-and-register-form .main-register-holder {

  max-width: 480px;

  margin: 100px auto 50px;

  position: relative;

  z-index: 5;

}

.login-and-register-form .main-register h3 {

  float: left;

  width: 100%;

  text-align: left;

  font-size: 20px;

  padding: 20px 30px;

  margin-bottom: 20px;

  font-weight: 600;

  color: #444;

  border-bottom: 1px solid #eee;

}

.login-and-register-form .main-register h3 span {

  font-weight: 800;

  font-size: 18px;

  color: #121b22;

  text-transform: uppercase;

  font-family: "Montserrat", sans-serif;

}

.login-and-register-form .main-register {

  float: left;

  width: 100%;

  position: relative;

  padding: 0 0 30px;

  margin-bottom: 50px;

  background: #fff;

  border-radius: 6px;

  -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.12);

  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.12);

}

.login-and-register-form .close-reg {

  position: absolute;

  background: #fdd534;

  top: 14px;

  right: 30px;

  border-radius: 100%;

  color: #fff;

  width: 40px;

  height: 40px;

  line-height: 40px;

  cursor: pointer;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.login-and-register-form .fa.fa-times {

  padding-left: 14px;

  text-align: center;

}

.login-and-register-form .fa-remove:before,

.login-and-register-form .fa-close:before,

.login-and-register-form .fa-times:before {

  content: "\f00d";

}

.login-and-register-form .soc-log {

  padding: 15px 30px;

}

.login-and-register-form .soc-log p {

  margin-bottom: 12px;

  font-size: 18px;

  color: #454545;

  font-weight: 600;

}

.login-and-register-form .soc-log a {

  float: left;

  width: 100%;

  padding: 13px 0;

  color: #fff;

  margin-bottom: 10px;

  border-radius: 4px;

  font-size: 14px;

  line-height: 30px;

  font-weight: 500;

  outline: 0;

  text-decoration: none;

}

.login-and-register-form .soc-log a.facebook-log {

  text-align: center;

  background: #3b5998;

}

.login-and-register-form .soc-log a.twitter-log {

  text-align: center;

  background: #55acee;

}

.login-and-register-form .soc-log a i {

  font-size: 20px;

  padding-right: 15px;

  position: relative;

  top: 3px;

}

.login-and-register-form .soc-log a.facebook-log {

  background: #3b5998;

}

.login-and-register-form .soc-log a.twitter-log {

  background: #55acee;

}

.login-and-register-form .close-reg:hover,

.custom-form .log-submit-btn:hover,

.soc-log a:hover {

  background: #2f3b59;

}

.login-and-register-form .log-separator span {

  position: relative;

  width: 100%;

  font-size: 16px;

  display: inline-block;

  background: #fff;

  z-index: 2;

  text-align: center;

}

.login-and-register-form .log-separator:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 30px;

  right: 30px;

  height: 1px;

  background: #eee;

  z-index: 1;

}

.login-and-register-form .custom-form .log-submit-btn {

  float: left;

  padding: 13px 35px;

  border: none;

  border-radius: 4px;

  color: #fff;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: 12px;

}

.login-and-register-form li {

  list-style: none;

}

.login-and-register-form ul {

  list-style: none;

}

.login-and-register-form .tabs-menu li.current a {

  background: #fdd534;

}

.login-and-register-form .main-register .filter-tags {

  float: left;

}

.login-and-register-form .lost_password {

  margin-top: 36px;

  float: right;

}

.login-and-register-form .lost_password a {

  text-decoration: none;

  float: left;

  color: #50596e;

  font-size: 14px;

  font-weight: 400;

}

.login-and-register-form #tabs-container {

  float: left;

  width: 100%;

  margin-top: 20px;

  padding: 0 30px;

}

.login-and-register-form .tab {

  float: left;

  width: 100%;

}

.login-and-register-form .tabs-menu {

  float: left;

  padding-left: 0px;

  width: 100%;

  margin-top: 20px;

  margin-bottom: 30px;

  border-bottom: 1px solid #eee;

}

.login-and-register-form .tabs-menu li {

  float: left;

  margin-right: 20px;

}

.login-and-register-form .tabs-menu li a {

  text-decoration: none;

  float: left;

  padding: 14px 35px;

  font-weight: 500;

  color: #494949;

  background: #eee;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.login-and-register-form .main-register .custom-form label {

  padding-bottom: 12px;

}

.login-and-register-form .custom-form label {

  float: left;

  font-size: 14px;

  position: relative;

  width: 100%;

  text-align: left;

  font-weight: 500;

  color: #666;

}

.login-and-register-form .main-register .custom-form input[type="text"],

.login-and-register-form .main-register .custom-form input[type="email"],

.login-and-register-form .main-register .custom-form input[type="password"] {

  padding-left: 20px;

}

.login-and-register-form .custom-form textarea,

.login-and-register-form .custom-form input[type="text"],

.login-and-register-form .custom-form input[type="email"],

.login-and-register-form .custom-form input[type="password"],

.login-and-register-form .custom-form input[type="button"] {

  float: left;

  border: 1px solid #eee;

  background: #f9f9f9;

  width: 100%;

  padding: 15px 20px 15px 55px;

  border-radius: 6px;

  color: #666;

  font-size: 13px;

  -webkit-appearance: none;

}

.login-and-register-form .custom-form input {

  margin-bottom: 20px;

}

.login-and-register-form .custom-form .log-submit-btn {

  float: left;

  background: #fdd534;

  padding: 13px 35px;

  border: none;

  border-radius: 4px;

  color: #fff;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: 12px;

}

.login-and-register-form .main-register .filter-tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  float: left;

}

.login-and-register-form .filter-tags {

  margin-top: 30px;

}

.login-and-register-form .tabs-menu li.current a,

.login-and-register-form .tabs-menu li a:hover {

  color: #fff;

  background: #fdd534;

}

.login-and-register-form .tab-contents {

  width: 100%;

  padding: 20px 0;

  display: none;

}

.login-and-register-form #tab-1 {

  display: block;

}

.login-and-register-form .main-register h3 span strong {

  color: #fdd534;

  border: none;

  outline: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

  text-decoration: none;

  margin: 0;

  padding: 0;

}

.login-and-register-form .fl-wrap {

  float: left;

  width: 100%;

  position: relative;

}

.login-and-register-form .soc-log a i {

  font-size: 20px;

  padding-right: 15px;

  position: relative;

  top: 3px;

}

@media (min-width: 992px) {

  .homepage-2 .download-page .welcome-intro > h1 {

    font-size: 3.8em;

  }

  .homepage-2 .download-page .welcome-intro p {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .homepage-2 .header-image {

    padding: 100px 30px 70px 30px;

  }

  .homepage-2 .info-help .info-head .info-text {

    margin-top: 0px !important;

  }

  .homepage-2 .info-help .info-head .info-text .btn-pro,

  .homepage-2 .portfolio .project-single.specials {

    margin-bottom: 30px;

  }

  .download-page .welcome-intro p {

    font-size: 16px;

  }

  .homepage-2 .header-image .left h1 {

    font-size: 26px !important;

  }

  .homepage-2 .header-image .left p {

    font-size: 15px;

  }

  .homepage-2 .welcome-area .shape-bottom {

    border: 0px;

  }

  .homepage-2 .si-mt,

  .hp-9 .si-mt {

    margin-top: 0px;

    margin-bottom: 0px !important;

  }

  .homepage-2 .welcome-area .shape-bottom svg {

    -webkit-transform: scale(1.09);

    transform: scale(1.09);

  }

}

.homepage-2 .header-image {

  background: transparent;

  height: auto;

  border: 0px;

}

.homepage-2 .welcome-area .video-icon {

  position: absolute;

  top: 50%;

  left: 70%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.homepage-2 .play-btn {

  position: relative;

  display: inline-block;

  height: 100px;

  width: 100px;

  background-color: #fff;

  border-radius: 50%;

}

.homepage-2 .btn-circle {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

  border-radius: 50%;

  background-color: #fff;

}

.homepage-2 .play-icon {

  font-size: 22px;

  color: #6449e7;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

@-webkit-keyframes grow {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  to {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 0;

  }

}

@keyframes grow {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  to {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 0;

  }

}

.homepage-2 .play-animation {

  -webkit-animation: grow 3s infinite;

  animation: grow 3s infinite;

}

.homepage-2 .animation-short {

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

}

.homepage-2 .welcome-area.bg-overlay::after {

  z-index: -2;

}

.homepage-2 .welcome-area .shape-bottom {

  z-index: -1;

}

.homepage-2 .shape-bottom {

  position: absolute;

  top: auto;

  bottom: -1px;

  left: 0;

  right: 0;

} /*BACKGROUND OVERLAY*/

.homepage-2 .bg-overlay,

.homepage-2 .overlay-dark {

  position: relative;

  z-index: 0;

}

.homepage-2 .bg-overlay::after,

.homepage-2 .overlay-dark:after {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

}

.homepage-2 .bg-overlay::after {

  opacity: 0.9;

  z-index: -1;

}

.homepage-2 .overlay-dark::after {

  background-color: #ff385c;

  opacity: 0.8;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

  z-index: -1;

} /*BACKGROUND COLORS*/

.homepage-2 .bg-gray {

  background-color: #f6f9fe;

}

.homepage-2 .bg-inherit {

  background: inherit !important;

}

.homepage-2 #navigation.style-1 ul li:hover {

  background: #6449e7;

}

.homepage-2 .btn,

.homepage-2 .btn:active,

.homepage-2 .btn.sApp-btn:before,

.homepage-2 .bg-overlay::after,

.homepage-2 .benifits-item:after {

  background: linear-gradient(148deg, #6449e7 0%, #6449e7 100%);

}

.homepage-2 .head-tr.bottom {

  background: transparent;

  border: 0px;

}

.homepage-2 a.button.border,

a.button,

.homepage-2 .header-image .left .btn-white {

  background: #fff;

  color: #6449e7 !important;

}

.homepage-2 .info-help .info-head .info-text {

  margin-top: 120px;

}

.homepage-2 .small-category-2 {

  background: #fff;

  border-radius: 8px;

  border: 1px solid #ebebeb;

  overflow: hidden;

  margin-bottom: 30px;

  padding: 0px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.homepage-2 .small-category-2-thumb {

  width: 170px;

  float: left;

  display: table;

  height: 150px;

  background: #fff;

  padding: 0px;

  border-radius: 50%;

}

.homepage-2 section.feature-categories {

  background: #f5f6ff !important;

}

.homepage-2 .small-category-2-thumb img {

  width: 170px;

  height: 150px;

}

.homepage-2 .btn.btn-outline-light {

  color: #fff;

}

.homepage-2 .popular-categories-item i:before,

.homepage-2 .popular .homes-content .homes-list li i,

.homepage-2 .step-point,

.homepage-2 h4.sc-jb-title a:hover,

.homepage-2 .blog-section .action-list .fa-heart,

.homepage-2 .blog-section .action-list .fa-comment,

.homepage-2 .blog-section .action-list .fa-share-alt,

.homepage-2 .blog-section .news-link,

.homepage-2 .blog-section .news-item h3:hover,

.homepage-2 .first-footer .contactus ul li .fa,

.homepage-2 .widget.quick-link ul li a:hover:before,

.homepage-2 .widget.quick-link ul li a:hover,

.homepage-2 .first-footer .netsocials a .fa-facebook,

.homepage-2 .first-footer .netsocials a .fa-twitter,

.homepage-2 .first-footer .netsocials a .fa-google-plus,

.homepage-2 .first-footer .netsocials a .fa-youtube {

  color: #6449e7;

}

.homepage-2 .popular-categories-item:hover:before,

.homepage-2 .slick-next:hover,

.homepage-2 .info-help .info-head .info-text .btn-pro,

.homepage-2 .owl-dot.active,

.homepage-2 .first-footer .widget h3::after,

.homepage-2 .first-footer .newsletters h3::after,

.homepage-2 .first-footer .bloq-email .email input[type="submit"],

.homepage-2 .go-up {

  background: #6449e7 !important;

}

.homepage-2 .btn.btn-outline-light {

  border: 0px solid #6449e7;

}

.homepage-2 .first-footer .bloq-email .email input[type="email"],

.homepage-2 .first-footer .bloq-email .email input[type="submit"] {

  border: 1px solid #6449e7;

}

.homepage-2 .btn.btn-outline-light:hover {

  background: #121b22;

}

.homepage-2 .slick-dots li.slick-active {

  -webkit-box-shadow: inset 0 0 0 6px #6449e7;

  box-shadow: inset 0 0 0 6px #6449e7;

}

.homepage-2 .slick-dots li:after {

  background: #6449e7;

}

.homepage-2 .slick-dots li {

  -webkit-box-shadow: inset 0 0 0 2px #6449e7;

  box-shadow: inset 0 0 0 2px #6449e7;

}

@media (max-width: 991.98px) {

  .homepage-2 .header-image .left h1 {

    font-size: 28px;

    line-height: 37px;

    margin-bottom: 15px;

  }

}

@media (max-width: 1024px) {

  .homepage-2 .header-image .left .btn-white {

    margin-left: 20px;

  }

}

@media (max-width: 768px) {

  .homepage-2 .info-help .info-head .info-text .btn-pro {

    margin-bottom: 30px;

  }

}

@media (min-width: 768px) {

  .small-category-2.pc-mb {

    margin-bottom: 0px !important;

  }

} /*----------------------------------------------*/ /*--------- 5. PARALLAX IMAGE HOME 3 ----------*/ /*----------------------------------------------*/

.parallax-search {

  position: relative;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(0, 0, 0, 0.65)),

      to(rgba(0, 0, 0, 0.65))

    ),

    url("../images/bg-2.jpg") no-repeat center top;

  background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),

    url("../images/bg-2.jpg") no-repeat center top;

  background-size: cover;

  background-attachment: fixed !important;

  width: 100%;

  height: 85vh;

}

.parallax-search .hero-inner {

  text-align: center;

  margin-top: 350px;

  margin-bottom: 200px;

}

.parallax-search .welcome-text p {

  color: rgba(255, 255, 255, 0.89);

  font-size: 16px;

  max-width: 600px;

  margin: 0 auto;

  text-align: center;

  text-transform: capitalize;

  line-height: 37px;

  font-weight: 400;

}

.parallax-search .welcome-text h1 {

  font-size: 36px;

  color: #fff;

  text-transform: capitalize;

} /* Search Form */

.parallax-search .trip-search {

  background: #fff;

  padding: 10px;

  border: 1px solid #fff;

  border-radius: 50px;

  text-align: left;

  margin-top: 40px;

}

.parallax-search .trip-search .form {

  line-height: 0px;

}

.parallax-search .form-group {

  width: 190px;

  display: inline-block;

  margin-right: 3px;

  margin-bottom: 0px;

}

.parallax-search .form-group:last-child {

  margin-right: 0px;

}

.parallax-search .form-group .nice-select {

  margin: 0;

  height: 50px;

  line-height: 50px;

  padding: 0 15px;

  border-radius: 5px;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #757575;

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  font-size: 14px;

}

.parallax-search .form-group .nice-select:hover {

  color: #fdd534;

}

.parallax-search .form-group .nice-select::after {

  right: 20px;

  color: #757575;

}

.parallax-search .form-group .nice-select i {

  color: #fdd534;

  font-size: 1.2rem;

  margin-top: 5px;

  margin-right: 10px;

}

.parallax-search .form-group .list li {

  color: #757575;

}

.parallax-search .form-group .list li.selected {

  color: #757575;

  font-weight: 400;

}

.parallax-search .form-group .list li:hover {

  color: #fff;

  background: #fdd534;

}

.parallax-search .form-group.looking {

  width: 350px;

  margin: 0px;

}

.parallax-search .first-select {

  height: 30px;

  border-radius: 5px;

  margin-right: 4px;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #757575;

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  font-size: 16px;

}

.main-search-input-item {

  float: left;

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  height: 50px;

  position: relative;

}

.nice-select.wide {

  width: 100%;

}

.parallax-search .form-group.looking input {

  float: left;

  border: none;

  border-radius: 5px;

  width: 100%;

  height: 50px;

  padding-left: 20px;

}

.parallax-search .form-group.location {

  width: 288px;

}

.parallax-search .form-group.categories {

  width: 288px;

}

.parallax-search .form-group.button {

  width: 145px;

  position: relative;

  height: 50px;

}

.parallax-search .form-group .btn {

  display: block;

  width: 100%;

  background: #fdd534;

  cursor: pointer;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

  position: absolute;

  top: 0;

  height: 50px;

  line-height: 50px;

  padding: 0;

  font-size: 14px;

  border: none;

  border-radius: 50px;

}

.parallax-search .form-group .btn:hover {

  background: #121b22;

  color: #fff;

}

@media only screen and (max-width: 1024px) {

  .parallax-search .trip-search .form-group {

    margin-top: 15px;

    margin-right: 20px;

    width: 100%;

  }

  .parallax-search .welcome-text h1 {

    font-size: 40px;

  }

  .parallax-search .trip-search {

    margin-top: 20px;

  }

  .parallax-search .hero-inner {

    margin-top: 450px;

    margin-bottom: 0px;

  }

  .homepage-3 .parallax-search {

    height: 100vh;

  }

}

@media only screen and (max-width: 991px) {

  .parallax-search .hero-inner {

    margin-top: 350px;

    margin-bottom: 0px;

  }

  .parallax-search .hero-inner.mt-55 {

    margin-top: 250px !important;

  }

  .hero-inner .lc-cat-browse-two {

    margin-top: 40px !important;

  }

}

@media only screen and (max-width: 767px) {

  .parallax-search .welcome-text h1 {

    font-size: 48px;

  }

  .parallax-search .hero-inner {

    margin-top: 200px;

  }

  .parallax-search .trip-search .form-group {

    margin-top: 10px;

    width: 100%;

  }

  .text-center .lc-cat-browse a.cat-single {

    display: block;

    margin-right: 0;

    margin-top: 0;

    width: 48%;

    float: left;

    margin: 2%;

  }

}

@media only screen and (max-width: 450px) {

  .parallax-search .welcome-text h1 {

    font-size: 25px !important;

  }

  .parallax-search .welcome-text p {

    font-size: 16px;

    line-height: 26px;

  }

  .parallax-search .hero-inner {

    margin: 70px 0;

  }

  .parallax-search .trip-search {

    margin-top: 30px;

  }

  .parallax-search .hero-inner.mt-55 {

    margin-top: 100px !important;

    margin-bottom: 0px;

    height: 100% !important;

  }

  .parallax-search.bot .trip-search {

    margin-top: 30px !important;

  }

  .popular-searchs {

    margin-top: 0px;

    padding-left: 0px;

  }

}

@media only screen and (max-width: 414px) {

  .parallax-search .hero-inner,

  .parallax-search .hero-inner.mt-55 {

    margin-top: 160px !important;

  }

  .parallax-search .welcome-text h1 {

    font-size: 21px !important;

    margin-bottom: 1rem;

  }

}

@media only screen and (max-width: 320px) {

  .parallax-search .hero-inner {

    margin-top: 130px !important;

    font-size: 18px !important;

  }

  .parallax-search .welcome-text h1 {

    font-size: 21px !important;

    margin-bottom: 1rem;

  }

  .parallax-search .welcome-text p {

    margin-bottom: 0.5rem;

  }

  .parallax-search .trip-search {

    margin-top: 20px;

  }

}

@media only screen and (max-width: 360px) {

  .parallax-search {

    height: 100vh;

  }

}

.homepage-3 .header-user-name,

.homepage-3 .header-user-name:before {

  color: #fff;

}

.homepage-3 a.button.border,

a.button {

  background: #fdd534;

}

.homepage-3 .parallax-search .hero-inner {

  padding: 230px 0;

  margin: 0px;

}

.homepage-3 .rld-banner-tab .nav-item a.active,

.homepage-3 .rld-banner-tab .nav-item a.active:before,

.homepage-3 .rld-banner-tab .nav-item a:hover {

  background: #fdd534;

}

.homepage-3 .rld-banner-tab .nav-item a.active:before {

  margin-left: 13px;

}

.homepage-3.the-search .rld-single-input input {

  width: 253px;

}

.homepage-3.the-search .explore__form-checkbox-list.full-filter.filter-block {

  margin-top: 20px;

}

.homepage-3 .popular-searchs li a {

  background: transparent;

  border: 0px;

}

.homepage-3 .popular-searchs {

  margin-top: 30px;

}

.homepage-3 h5.categories-headline {

  color: #fff;

  font-size: 16px;

  margin-top: 50px;

  margin-bottom: 18px;

}

.homepage-3.the-search .welcome-text p {

  margin-bottom: 50px !important;

}

.homepage-3 .starts li {

  margin-bottom: 2.4rem;

}

.homepage-3 .starts .fa {

  color: #ff385c !important;

}

.homepage-3 .testimonials .test-1 p {

  margin-bottom: 20px !important;

}

.homepage-3 .testimonials .test-1 p::before {

  content: "\f10d ";

  font-size: 1.2rem;

  font-family: fontawesome;

  left: 236px;

  top: -24px;

  position: relative;

  color: #ff385c;

}

.homepage-3 .owl-dot.active {

  background: #666 !important;

}

.homepage-3 .owl-dot {

  background: #dedede !important;

}

.homepage-3 .owl-dots {

  margin-top: 0px;

}

.homepage-3 .popular-searchs .i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 40px;

}

.homepage-3 .popular-searchs li a {

  width: 90px;

}

.video-container {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -10;

  overflow: hidden;

}

.fullwidth-home-map.dark-overlay {

  height: 100vh !important;

  margin-bottom: 0;

}

.fullwidth-home-map.dark-overlay video {

  top: 50%;

  -webkit-transform: translateY(-52%);

  transform: translateY(-52%);

  left: 0;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  z-index: -10;

  background-size: cover;

  -webkit-transition: 1s opacity;

  transition: 1s opacity;

  position: absolute;

}

.dark-overlay:before {

  background: rgba(157, 131, 26, 0.55) !important;

}

.dark-overlay:before {

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  display: block;

  background: -webkit-gradient(

    linear,

    left top,

    right top,

    color-stop(20%, rgba(255, 255, 255, 0.99)),

    color-stop(70%, rgba(255, 255, 255, 0.7)),

    color-stop(95%, rgba(255, 255, 255, 0))

  );

  background: linear-gradient(

    to right,

    rgba(255, 255, 255, 0.99) 20%,

    rgba(255, 255, 255, 0.7) 70%,

    rgba(255, 255, 255, 0) 95%

  );

}

.dark-overlay h1 {

  font-size: 40px;

  color: #fff;

  text-transform: capitalize;

  text-align: center;

}

.dark-overlay p {

  color: #fff;

  font-size: 19px;

  text-transform: capitalize;

  font-weight: 300;

  text-align: center;

} /* Owl Nav */

.hero-area.style2 .owl-controls .owl-nav div {

  position: absolute;

  top: 50%;

  width: 40px;

  height: 60px;

  line-height: 60px;

  margin-top: -30px;

  padding: 0;

  font-size: 25px;

  border-radius: 25px;

  background: transparent;

  border: 1px solid #fff;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  margin: 0;

}

.hero-area.style2 .owl-controls .owl-nav div:hover {

  background: #ff7550;

  border-color: transparent;

  color: #fff;

}

.hero-area.style2 .owl-controls .owl-nav div.owl-prev {

  left: 0;

}

.hero-area.style2 .owl-controls .owl-nav div.owl-next {

  right: 0;

} /* Slider Animation */

.hero-area .owl-item.active .welcome-text p {

  -webkit-animation: fadeInDown 0.8s both 1s;

  animation: fadeInDown 0.8s both 1s;

}

.hero-area .owl-item.active .welcome-text h1 {

  -webkit-animation: fadeInLeft 0.8s both 1.4s;

  animation: fadeInLeft 0.8s both 1.4s;

}

.hero-area .owl-item.active .welcome-text .btn {

  -webkit-animation: fadeInRight 0.8s both 1.6s;

  animation: fadeInRight 0.8s both 1.6s;

} /*------ HEADER SLIDER HOME 4 ------*/

.rev_slider_wrapper {

  width: 100%;

}

.slotholder {

  position: relative;

}

.slotholder:after {

  background: rgba(0, 0, 0, 0.2);

  width: 100%;

  height: 100%;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  pointer-events: none;

}

.tp-leftarrow {

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.tp-leftarrow:hover {

  background: #fdd534;

}

.tp-rightarrow {

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.tp-rightarrow:hover {

  background: #fdd534;

}

.tp-parallax-wrap {

  top: 10px;

}

.tp-bannertimer {

  z-index: 21;

}

.mfp-close-btn-in .mfp-close {

  color: #fff;

  font-size: 48px;

}

.mfp-bg {

  z-index: 1112;

}

.mfp-wrap {

  z-index: 1113;

}

.rev_slider a {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.text-theme-colored2 {

  color: #fdd534 !important;

}

.tp-caption.font-p {

  font-family: "Asap", sans-serif;

  font-size: 16px;

  font-weight: 400;

}

@media screen and (max-width: 496px) {

  .tp-caption.font-p {

    margin-top: 0.8rem;

  }

}

.btn-default.btn-theme-colored2 {

  color: #fff;

  font-weight: 600;

  background-color: #121b22;

  border-color: #fff;

  font-size: 16px;

  padding: 13px 32px;

  margin-top: 0.8rem;

  margin-right: 1rem;

  line-height: 1.3;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-default.btn-theme-colored2:hover {

  background: #fdd534;

  color: #fff;

  border-color: #fff;

}

.btn-dark.btn-theme-colored {

  color: #fff;

  background-color: #fdd534;

  border-color: #fff;

  font-size: 16px;

  font-weight: 600;

  padding: 13px 32px;

  margin-top: 0.8rem;

  line-height: 1.3;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-dark.btn-theme-colored:hover {

  background: #121b22;

  color: #fff;

  border-color: #fff;

} /*------ BUTTOM HOVER EFFECT ------*/

.bg-all {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 1.7rem;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.btn.btn-outline-light {

  background-color: transparent;

  color: #fff;

  border-color: #fdd534;

  font-size: 16px;

  font-weight: bold;

  border-radius: 3rem;

  padding: 0.9rem 2.5rem 0.9rem 2rem;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.btn.btn-outline-light:hover {

  background: #fdd534;

  color: #fff;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.btn.btn-outline-light:after {

  content: "\f0a9";

  font-family: "FontAwesome";

  position: relative;

  left: 0.5rem;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.btn.btn-outline-light:hover:after {

  left: 1rem;

  color: #fff;

  -webkit-transform: rotateZ(-360deg);

  transform: rotateZ(-360deg);

} /*------------------------------------------*/ /*------ 6. FEATURE CATEGORIES HOME 1 ------*/ /*------------------------------------------*/

section.feature-categories {

  /* lokendra */

  padding: 80px 0;

}

.popular-job-item {

  text-align: center;

  background: #fff;

  -webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

  box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

  padding: 20px;

  position: relative;

  overflow: hidden;

}

.popular-job-item:before {

  position: absolute;

  background: #f5f6ff;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  left: -30px;

  content: "";

  bottom: -30px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.popular-job-item:hover:before {

  background: #fdd534;

  width: 100%;

  height: 50%;

  left: 0;

  bottom: 0;

  content: "";

  border-radius: 0px;

}

.popular-job-item i:before {

  margin: 0;

  color: #fdd534;

  font-size: 40px;

  line-height: 50px;

  display: block;

  vertical-align: middle;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.popular-job-item:hover h5,

.popular-job-item:hover p,

.popular-job-item:hover i:before {

  color: #fff;

  opacity: 0.9;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}

.popular-job-item h5 {

  font-size: 16px;

  margin-top: 20px;

  margin-bottom: 7px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.popular-job-item p {

  color: #555;

  margin-bottom: 0px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.step-point {

  position: absolute;

  top: 15px;

  right: 15px;

  font-size: 22px;

  font-weight: 400;

  color: #fdd534;

  opacity: 0.1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  font-family: "Roboto", sans-serif;

}

.mt-44.second {

  margin-top: 30px;

}

.m-b30 {

  margin-bottom: 30px;

}

.job-bx {

  height: 180px;

  border-radius: 4px;

  background-size: cover;

  z-index: 1;

  position: relative;

  -webkit-box-shadow: 0 0 10px 0 rgba(42, 65, 232, 0.1);

  box-shadow: 0 0 10px 0 rgba(42, 65, 232, 0.1);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.job-bx:after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: #fdd534;

  opacity: 0.5;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  border-radius: 4px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.job-bx:hover:after {

  background-color: #fdd534;

  opacity: 0.95;

}

.job-info {

  position: relative;

  bottom: 97px;

  z-index: 1;

  padding: 20px 0 0 20px;

  color: #fff;

}

.job-info h5 {

  font-family: "Nunito", sans-serif;

  color: #fff;

  font-size: 16px;

  line-height: 1.3;

  font-weight: 600;

  margin-bottom: 16px;

}

.job-info span {

  font-family: "Nunito", sans-serif;

  font-size: 15px;

  font-weight: 400;

  color: #fff;

  padding: 7px 10px;

  border-radius: 5px;

  background: -webkit-gradient(

    linear,

    left top,

    left bottom,

    from(rgba(0, 0, 0, 0.4)),

    to(rgba(0, 0, 0, 0.4))

  );

  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));

  opacity: 0.9;

}

.job-bx:after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: #000930;

  opacity: 0.4;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  border-radius: 4px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

@media screen and (max-width: 767px) {

  .rtmb-30 {

    margin-bottom: 30px;

  }

  .job-listing-footer ul {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    line-height: 37px;

  }

  .job-listing-footer .c-logo {

    display: none;

  }

  .the-heart {

    width: 100% !important;

    margin-left: 0px !important;

  }

  .the-heart span.fav-job {

    margin-left: 0 !important;

  }

  .the-heart .far {

    padding-left: 0px !important;

  }

  .the-heart span.job-is {

    margin-top: 0px !important;

  }

}

.mt-44.second {

  margin-top: 30px;

}

@media screen and (max-width: 767px) {

  .mt-mobil {

    margin-top: 30px;

  }

  .rtmb-30 {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 991px) {

  .remb-30 {

    margin-bottom: 30px;

  }

} /*----------------------------------------*/ /*------ 7. POPULAR SEARCHES HOME 4 ------*/ /*----------------------------------------*/

.popular-searches {

  padding: 6rem 0;

}

.popular-list {

  border: 1px solid rgba(0, 0, 0, 0.08);

  border-radius: 3px;

}

.popular-list .list-title {

  padding: 20px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}

.popular-list .list-title h4 {

  font-size: 17px;

  margin-top: 3px;

  margin-left: 1.3rem;

}

.popular-list .list-title i {

  font-size: 25px;

  color: #fdd534;

}

.popular-list .list-details {

  padding-right: 25px;

}

.popular-list .list-details ul {

  padding: 30px;

  padding-right: 0;

  padding-bottom: 0;

  padding-top: 0;

  margin: 0;

  margin-top: 30px;

  list-style: none;

  height: 170px;

  overflow-x: hidden;

  overflow-y: scroll;

  margin-bottom: 30px;

}

.popular-list .list-details ul::-webkit-scrollbar {

  width: 10px;

  background: #f3f3f3;

  right: 20px;

  border-radius: 5px;

}

.popular-list .list-details ul::-webkit-scrollbar-track {

  border-radius: 5px;

}

.popular-list .list-details ul::-webkit-scrollbar-thumb {

  border-radius: 10px;

  background: #dbe0e9;

}

.popular-list .list-details ul::-webkit-scrollbar-thumb:window-inactive {

  background: #dbe0e9;

}

.popular-list .list-details ul li a {

  font-size: 15px;

  font-weight: 400;

  color: #666;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.popular-list .list-details ul li a span {

  font-size: 14px;

  font-weight: 400;

  color: #666;

  margin-left: 5px;

}

.popular-list .list-details ul li a:hover {

  color: #fdd534;

}

.popular-list .list-details ul li + li {

  margin-top: 8px;

}

.homepage-4 .explore__form-checkbox-list.full-filter.filter-block {

  margin-top: 20px;

}

.hd-white .header-widget.sign-in a,

.hd-white .show-lang,

.hd-white .show-lang .fa-caret-down.arrlan {

  color: #666;

}

.hd-white .right-side.sign {

  border-left: 1px solid #000;

  border-right: 1px solid #000;

}

.hd-white a.button.border,

a.button {

  width: 150px;

}

.hd-white a.button.border,

.hd-white a.button {

  border-radius: 8px;

  -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);

  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);

}

@media screen and (max-width: 991px) {

  .hd-white a.button.border,

  .hd-whitea.button {

    width: 240px;

  }

}

@media only screen and (max-width: 767px) {

  .popular-list.ptct {

    margin-top: 30px;

  }

}

@media screen and (max-width: 991px) {

  .popular-list.ptl {

    margin-top: 30px;

  }

} /*------------------------------------*/ /*--- 8. SECTION POPULAR PLACES ---*/ /*------------------------------------*/

section.popular-places {

  padding: 6rem 0;

  background: #f5f6ff;

}

.popular-places .img-box {

  height: 250px;

  display: inline-block;

  position: relative;

  width: 100%;

  overflow: hidden;

  margin-bottom: 1.5rem;

  z-index: 90;

  border-radius: 3px;

}

.popular-places .img-box.no-mb {

  margin-bottom: 0px;

}

.popular-places .img-box:hover {

  background: #fdd534;

}

.popular-places .img-box:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

  content: "";

  background-color: #121b22;

  opacity: 0.2;

  z-index: 99;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

.popular-places .listing-badges {

  position: absolute;

  top: 0;

  z-index: 999;

  right: 0;

  width: 100%;

  display: block;

  font-size: 16px;

  font-weight: bold;

  padding: 0px;

  overflow: hidden;

  height: 100px;

}

.popular-places .listing-badges .featured {

  background-color: #f1ca30;

  float: left;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  left: -67px;

  top: 17px;

  position: relative;

  text-align: center;

  width: 200px;

  font-size: 12.5px;

  margin: 0;

}

.popular-places .listing-badges span {

  color: #fff;

  display: inline-block;

  padding: 1px 10px;

  float: right;

  background-color: rgba(74, 74, 76, 0.7);

  border-radius: 3px;

  top: 15px;

  right: 15px;

  position: absolute;

}

.popular-places .img-box-content {

  position: absolute;

  z-index: 101;

  top: 50%;

  margin: 0 auto;

  text-align: center;

  width: 100%;

  -webkit-transform: translate(0, -50.5%);

  transform: translate(0, -50.5%);

}

.popular-places .img-box-content h4 {

  font-size: 24px;

  line-height: 36px;

  color: #fff;

  margin: 0;

}

.popular-places .img-box-content span {

  font-size: 16px;

  color: #fff;

}

.popular-places .img-box img {

  background-size: cover;

  background-position: 50%;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.55s;

  transition: all 0.55s;

  position: absolute;

  top: 0;

  left: 0;

  background-repeat: no-repeat;

  -webkit-transition: -webkit-transform 0.35s ease-out;

  transition: -webkit-transform 0.35s ease-out;

  transition: transform 0.35s ease-out;

  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;

}

.homepage-4 .popular-places .listing-badges .featured {

  background: #ff385c;

}

.homepage-4 .popular-places .img-box {

  border-radius: 10px;

}

.homepage-4 .rec-pro-1 .container-fluid {

  max-width: 1560px;

}

.homepage-4 .rec-pro .container-fluid {

  max-width: 1560px;

}

.homepage-4 section.featured.rec-pro {

  padding: 6rem 0;

  background: #fdd534 !important;

}

.homepage-4 .discover.dc2.sec-title h2,

.homepage-4 .discover.dc2.sec-title h2 span,

.homepage-4 .discover.dc2.sec-title p {

  color: #fff !important;

}

@media screen and (max-width: 767px) {

  .popular-places .img-box.no-mb {

    margin-bottom: 1.5rem;

  }

  .popular-places .img-box.no-mb.x3 {

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 768px) {

  .homepage-4 .explore__form-checkbox-list.full-filter.filter-block {

    margin-top: 20px !important;

  }

}

@media screen and (max-width: 991px) {

  .hd-white a.button.border,

  .hd-whitea.button {

    width: 240px !important;

  }

}

.homepage-4 .google-maps input,

.homepage-4 .google-maps textarea,

.homepage-4 .google-maps select {

  margin-bottom: 0px;

} /*----- HOVER EFFECT -----*/

.popular-places .hover-effect img {

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 0.8s ease;

  transition: all 0.8s ease;

}

.popular-places .hover-effect:hover img {

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

} /*-------------------------------------*/ /*--- 8. SECTION FEATURE CATEGORIES ---*/ /*-------------------------------------*/

section.feature-categories {

  padding: 80px 0 !important;

  background: #fff;

}

.feature-categories .img-box {

  height: 290px;

  display: inline-block;

  position: relative;

  border-radius: 5px;

  width: 100%;

  overflow: hidden;

  margin-bottom: 1rem;

  z-index: 90;

  border-radius: 3px;

}

.feature-categories .img-box.no-mb {

  margin-bottom: 0px;

}

.feature-categories .img-box:hover {

  background: #fdd534;

}

.feature-categories .img-box:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  border-radius: 5px;

  height: 100%;

  display: block;

  content: "";

  background-color: #121b22;

  opacity: 0.3;

  z-index: 99;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

.feature-categories .listing-badges {

  position: absolute;

  top: 0;

  z-index: 999;

  right: 0;

  width: 100%;

  display: block;

  font-size: 16px;

  font-weight: bold;

  padding: 0px;

  overflow: hidden;

  height: 100px;

}

.feature-categories .listing-badges .featured {

  background-color: #fdd534;

  float: left;

  border-radius: 20px;

  left: 17px;

  top: 17px;

  position: relative;

  text-align: center;

  width: 100px;

  font-size: 12.5px;

  margin: 0;

}

.feature-categories .listing-badges span {

  color: #fff;

  display: inline-block;

  padding: 8px 10px;

  float: right;

  background-color: rgba(74, 74, 76, 0.7);

  border-radius: 3px;

  top: 15px;

  right: 15px;

  position: absolute;

}

.feature-categories .img-box-content {

  position: absolute;

  z-index: 101;

  top: 73%;

  padding: 0 1.3rem;

  margin: 0 auto;

  text-align: left;

  width: 100%;

  -webkit-transform: translate(0, -50.5%);

  transform: translate(0, -50.5%);

}

.feature-categories .img-box-content h4 {

  font-size: 26px;

  font-weight: 600;

  line-height: 36px;

  color: #fff;

  margin-bottom: 12px !important;

}

.feature-categories .img-box-content span,

.feature-categories .img-box-content pre {

  font-family: "Asap", sans-serif;

  font-size: 15px;

  font-weight: 400;

  color: #fff;

}

.feature-categories .img-box img {

  background-size: cover;

  background-position: 50%;

  width: 100%;

  height: 100%;

  border-radius: 5px;

  -webkit-transition: all 0.55s;

  transition: all 0.55s;

  position: absolute;

  top: 0;

  left: 0;

  background-repeat: no-repeat;

  -webkit-transition: -webkit-transform 0.35s ease-out;

  transition: -webkit-transform 0.35s ease-out;

  transition: transform 0.35s ease-out;

  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;

} /*----- HOVER EFFECT -----*/

.feature-categories .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0;

  z-index: 2;

}

.hover-effect img {

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 0.8s ease;

  transition: all 0.8s ease;

}

.hover-effect:hover img {

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

}

@media screen and (max-width: 991px) {

  .feature-categories .mt {

    margin-top: 1rem;

    padding-right: 6px;

  }

}

@media screen and (max-width: 767px) {

  .feature-categories .img-box.no-mb,

  .feature-categories .img-box {

    margin-bottom: 1.6rem;

  }

  .feature-categories .mt {

    margin-top: 1.6rem;

  }

  .feature-categories .img-box.no-mb.x3 {

    margin-bottom: 0px;

  }

  .feature-categories .img-box {

    height: 320px;

  }

  .feature-categories .img-box img {

    width: 100%;

  }

}

@media screen and (max-width: 450px) {

  .feature-categories .img-box img,

  .feature-categories .img-box {

    height: 286px;

  }

} /*------------------------------------*/ /*-- 9. SECTION POPULAR LISTINGS --*/ /*------------------------------------*/

section.popular.portfolio {

  /* lokendra */

  padding: 80px 0;

  background: #f5f6ff;

  /* display: none !important; */

}



section.popular.portfolio.freelancers.home {

  display: none !important;

}



.listing.row {

  display: flex;

  justify-content: space-between;

}



.container.listing-container {

  margin-top: 70px !important;

}



.homes.no-mb {

  margin-bottom: 0px;

}

.homes-img {

  display: block;

  -webkit-transition: -webkit-transform 0.6s ease-in;

  transition: -webkit-transform 0.6s ease-in;

  transition: transform 0.6s ease-in;

  transition: transform 0.6s ease-in, -webkit-transform 0.6s ease-in;

}

.homes,

.homes-img {

  position: relative;

  overflow: hidden;

}

.homes-tag.featured {

  width: auto !important;

  background: rgba(157, 131, 26, 0.55) !important;

}

.popular .homes .button {

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 2.5px;

  font-weight: 60;

  background: rgba(255, 255, 255, 0.3);

  border-radius: 50px;

  padding: 4px 16px;

  line-height: 20px;

  color: #fff;

  font-weight: 400;

  margin-bottom: 9px;

}

.popular .homes-tag.featured {

  left: 15px;

  margin-top: 15px;

}

.popular .homes-tag.featured.f1 {

  background: #38b653 !important;

}

.popular .homes-tag.featured.f2 {

  background: #f12c15 !important;

}

.popular .homes-tag.featured.f3 {

  background: #2531d5 !important;

}

.fas.fa-lock {

  color: #f12c15 !important;

}

.popular .homes-price,

.popular .homes-tag {

  position: absolute;

  z-index: 3;

}

.popular .starts {

  list-style: none;

  margin-top: 0px;

  padding: 0px;

}

.popular .starts li {

  text-align: center;
  font-size: 16px;
  display: inline-block;

  margin-bottom: 0px;

}

.popular .starts .fa {

  color: #febe42 !important;

  margin-bottom: 0px !important;

}

.popular .homes-tag.sale {

  background: #febe42 !important;

  width: 80px !important;
      text-wrap-mode: nowrap;

  height: 31px;

}

.popular .homes-tag.sale {

  right: 15px;

  margin-top: 15px;

  top: 0;

}

.popular .homes-tag.sale.rent {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background: rgba(241 202 48) !important;

  color: #fff;

  z-index: 3;

}

.popular .homes-tag.sale.rent .fa {

  color: #fff !important;

  font-size: 1.1rem;

  margin-top: 0.2rem;

  margin-right: 0.5rem;

  margin-bottom: 0px;

}

.popular .homes-tag.sale.rent p {

  line-height: 22px;

}

.popular .price-properties {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding-bottom: 1rem;

}

.popular .compare {

  margin-top: 1.1rem;

  line-height: 0px;

}

.popular .compare a {

  margin-right: 1.5rem;

}

.popular .compare a:last-child {

  margin-right: 0px;

}

.popular .compare i {

  font-size: 1rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.popular .fa-exchange-alt {

  color: #666;

}

.popular .fa-exchange-alt:hover {

  color: #f1ca30;

}

.popular .fa-share-alt {

  color: #666;

}

.popular .fa-share-alt:hover {

  color: #ffb200;

}

.popular .fa-heart-o {

  color: #666;

}

.popular .fa-heart-o:hover {

  color: #e54242;

}

.popular .homes-price {

  color: #fff;

  font-size: 13px !important;

  font-weight: 600;

  padding: 6px 14px;

  border-radius: 2px;

  background: transparent;

  bottom: 15px;

  left: 15px;

  z-index: 3;

}

.popular .homes-content {

  background: #fff !important;

  padding: 20px 20px !important;

}

.popular .homes-content h3.title a {

  font-size: 1.1rem;

  font-weight: 600;

  color: #666;

  text-transform: uppercase;

  text-decoration: none;

}

.popular .homes-content a {

  text-decoration: none;

}

.popular .homes-content h3 {

  font-size: 1.2rem;

  font-weight: 600;

  color: #222;

  margin-bottom: 10px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.popular .homes-content h3:hover {

  color: #fdd534;

}

.price-properties h3 {

  margin-bottom: 0px;

}

.recently .homes-content .homes-address {

  margin-top: 0px;

  margin-bottom: 0px;

}

.popular .homes-content .homes-address .fa-map-marker {

  font-size: 1rem;

  text-decoration: none;

  color: #fe4f4f;

}

.popular .homes-content .homes-address a span {

  font-size: 14px;

  font-weight: 400;

  margin: 0 0 1px;

  text-decoration: none;

}

.popular p.homes-address {

  margin-bottom: 0px;

}

.popular .homes-address span {

  color: #333;

}

.popular .homes-content .homes-address a {

  text-decoration: none;

}

.popular .homes-content .homes-address a i {

  margin-right: 10px;

}

.popular .homes-content .homes-list {

  padding: 0;

  margin: 0;

}

.popular .homes-content .homes-list li {

  width: 100%;

  float: left;

  font-size: 14px;

  margin-bottom: 15px;

  list-style: none;

  color: #fdd534;

}

.popular .homes-content .homes-list li i {

  font-size: 1rem;

  margin-right: 5px;

  color: #fdd534;

}

.popular .homes-content .homes-list span {

  color: #666;

}

.popular.portfolio .item {

  padding-bottom: 0px;

}

.popular.portfolio .homes {

  margin-bottom: 0px;

}

.popular .footer {

  background: none;

  border-top: 1px solid #ebebeb;

  padding-top: 1rem;

  font-size: 14px;

  color: #666;

}

.popular .footer img {

  display: inline-block;

}

.fr-grid-thumb {

  width: 65px;

  height: 60px;

  border-radius: 50%;

  border: 2px solid #ffffff;

  display: table;

  float: right;

  bottom: 35px;

  margin-right: 15px;

  position: relative;

  display: none;

}

.fr-grid-thumb img {

  width: 65px;

  height: 60px;

  border-radius: 50%;

}

.overall-rate {

  position: absolute;

  right: -10px;

  bottom: 5px;

  background: #38b653;

  border-radius: 50%;

  text-align: center;

  line-height: 23px;

  width: 25px;

  height: 25px;

  font-size: 11px;

  font-weight: 800;

  color: #ffffff;

  border: 2px solid #ffffff;

}

.popular .footer a {

  color: #666;

  text-decoration: none;

}

.popular .footer span {

  float: right;

}

.popular .footer i {

  margin-right: 5px;

  font-size: 1rem;

  color: #38b653;

} /*----- HOVER EFFECT -----*/

.popular .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0;

  z-index: 2;

}

.popular.portfolio .item {

  padding-bottom: 0;

}

.popular.portfolio .project-single {

  margin-bottom: 0px;

}

@media screen and (max-width: 767px) {

  .popular.portfolio .item.no-pb.pbp-3 {

    padding-bottom: 2.4rem !important;

  }

  .popular.portfolio .item.landscapes.no-pb {

    padding-bottom: 0px;

    margin-bottom: 0px !important;

  }

  .popular.portfolio .item.landscapes.no-pb:last-child {

    margin-bottom: 0px !important;

  }

  .slick-initialized .slick-slide {

    margin-right: 0px;

  }

}

@media screen and (max-width: 768px) {

  .property .popup-youtube,

  .property.wprt-image-video .iq-waves {

    top: 35% !important;

  }

}

@media screen and (max-width: 991px) {

  .popular.portfolio .item {

    padding-bottom: 2.4rem;

  }

  .popular.portfolio .project-single {

    margin-bottom: 0px;

  }

  .popular.portfolio .item.no-pb {

    padding-bottom: 0px;

  }

  .popular.portfolio .project-single.no-mb {

    margin-bottom: 0px;

  }

  .popular.portfolio .item.landscapes.no-pb {

    padding-bottom: 0px;

    margin-bottom: 0px;

  }

  .popular .compare {

    margin-top: 0.8rem;

    margin-right: 0.2rem;

  }

}

@media screen and (max-width: 420px) {

  .popular .compare {

    margin-right: 0;

    margin-top: 0.3rem !important;

  }

  .inner-pages .add-review-photos {

    float: left !important;

    margin-top: 30px;

  }

}

@media screen and (max-width: 360px) {

  .inner-pages .listing-title-bar h3 span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 110px;

    margin-left: 0px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-right: 0px;

    margin-top: 1.1rem;

  }

  .property .popup-youtube,

  .property.wprt-image-video .iq-waves {

    top: 33.8% !important;

  }

}

@media screen and (max-width: 320px) {

  .popular .starts li.ml-3 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 0.5rem;

    margin-left: 0px !important;

  }

  .popular .compare a {

    margin-right: 1rem;

  }

  .inner-pages span.category-tag {

    margin-left: 0px !important;

  }

  .inner-pages .listing-title-bar a {

    font-size: 14px;

  }

  .role--admin {

    font-size: 13px;

  }

  h4.widget_author__name {

    font-size: 1.2rem;

  }

  .inner-pages .photoUpload {

    padding: 3px !important;

  }

}

.agents-grid {

  position: relative;

  background: #ffffff;

  margin: 0 30px 0 0;

  border-radius: 6px;

  border: none;

  -webkit-box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.1);

  box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.1);

}

.agents-grid-wrap {

  padding: 30px;

} /*----- SLICK CAROUSEL -----*/ /* Arrows */

.slick-prev,

.slick-next {

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  padding: 0;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  border: none;

  outline: none;

  background-color: #121b22;

  border-radius: 4px;

  width: 48px;

  height: 48px;

  display: block;

  top: calc(50% - 15px);

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: 0.3s;

  transition: 0.3s;

  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);

  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);

  z-index: 10;

}

.slick-prev:hover,

.slick-next:hover {

  color: transparent;

  outline: none;

  background: #fdd534;

}

.slick-prev:hover:before,

.slick-next:hover:before {

  opacity: 1;

}

.slick-prev.slick-disabled,

.slick-next.slick-disabled {

  pointer-events: none;

  cursor: default;

  background-color: #e8e8e8;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before {

  color: #121b22;

}

.slick-prev:before,

.slick-next:before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f054";

  font-size: 26px;

  line-height: 1;

  opacity: 1;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  position: relative;

  color: #fff;

}

.slick-prev {

  left: -85px;

}

.slick-prev:before {

  content: "\f053";

  left: -1px;

}

.slick-next {

  right: -85px;

}

.slick-next:before {

  content: "\f054";

  right: -1px;

} /* Dots */

.slick-dots {

  margin: 0 auto;

  padding: 0;

  text-align: center;

}

ul.slick-dots {

  margin-top: 20px;

  list-style-type: disc;

}

.slick-dots li {

  position: relative;

  display: inline-block;

  padding: 0;

  margin: 0 3px;

  cursor: pointer;

}

.slick-dots li {

  font-size: 0;

  line-height: 0;

  cursor: pointer;

  color: #fdd534;

  border: 0;

  position: relative;

  outline: none;

  display: inline-block;

  width: 15px;

  height: 15px;

  margin: 0 3px;

  opacity: 1;

  border-radius: 50%;

  line-height: 0;

  -webkit-box-shadow: inset 0 0 0 2px #fdd534;

  box-shadow: inset 0 0 0 2px #fdd534;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.slick-dots li.slick-active {

  -webkit-box-shadow: inset 0 0 0 6px #fdd534;

  box-shadow: inset 0 0 0 6px #fdd534;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.slick-dots li:after {

  display: block;

  height: 13px;

  width: 13px;

  content: "";

  position: absolute;

  top: 1px;

  left: 1px;

  background-color: transparent;

  border-radius: 50%;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  opacity: 0;

  background-color: #fdd534;

}

.slick-dots li.slick-active:after {

  opacity: 1;

}

.slick-dots button {

  border: none;

  margin: 0;

  padding: 0;

  width: auto;

  overflow: visible;

  background: transparent;

  color: inherit;

  font: inherit;

  line-height: normal;

  cursor: pointer;

} /*-----------------------------------*/ /*---- 10. SECTION HOW IT WORKS -----*/ /*-----------------------------------*/

section.how-it-works {

  background: #fff;

  padding: 80px 0;

}

.how-it-works .serv-flex {

  background: #fff;

  color: #fdd534;

  text-align: center;

  padding: 1.5rem;

  border-radius: 5px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);

  border: 1px solid #f1f1f1;

  -webkit-transition: 0.5s ease;

  transition: 0.5s ease;

  height: 400px;

}

.how-it-works .serv-flex.arrow:after {

  display: none;

}

.how-it-works .art-1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.how-it-works article .fa {

  padding-right: 1rem;

  padding-bottom: 0.5rem;

  font-size: 4rem;

  text-align: left;

}

.how-it-works article img {

  padding-right: 1rem;

  padding-bottom: 0.5rem;

  width: 70px;

  height: 60px;

  text-align: center;

}

.how-it-works .sec-title {

  margin-left: 0.5rem;

}

.how-it-works .sec-title h2 span {

  font-weight: 600;

  color: #111;

}

.how-it-works .sec-title img {

  position: relative;

  width: 151px;

  height: 26px;

}

.how-it-works article h3 {

  color: #222;

  margin: 1.7rem 0 0.2rem;

}

.how-it-works article p {

  color: #666;

  margin-top: 1rem;

  margin-bottom: 0px;

}

.how-it-works .service-1 .serv:hover,

.how-it-works .service-2 .serv:hover {

  cursor: all-scroll;

}

@media screen and (max-width: 767px) {

  .how-it-works .service-1 .serv {

    margin-bottom: 2rem;

  }

  .how-it-works .service-1 .serv:last-child {

    margin-bottom: 0px;

  }

  .how-it-works .mt-50 {

    margin-top: 0px !important;

  }

  .how-it-works .service-1 .serv.mb-0.pt {

    margin-top: 0px !important;

  }

}

@media screen and (max-width: 991px) {

  .how-it-works .mt-50 {

    margin-top: 2rem;

  }

  .how-it-works .service-1 .serv.mb-0 {

    margin-bottom: 0px;

  }

  .how-it-works .service-1 .serv.mb-0.pt {

    margin-top: 2rem;

  }

  .how-it-works .serv-flex:after {

    display: none;

  }

} /*--------------------------------------*/ /*--- 11. FEATURED TOP PLACES ---*/ /*--------------------------------------*/

section.feature-cities-1 {

  padding: 6rem 0;

  background: #f5f6ff;

}

.feature-cities-1 .img-box {

  height: 290px;

  display: inline-block;

  position: relative;

  border-radius: 5px;

  width: 100%;

  overflow: hidden;

  margin-bottom: 30px;

  z-index: 90;

  border-radius: 3px;

}

.feature-cities-1 .col-lg-4.col-md-6 a {

  padding: 20px;

}

.feature-cities-1 .img-box.no-mb {

  margin-bottom: 0px;

}

.feature-cities-1 .img-box:hover {

  background: #fdd534;

}

.feature-cities-1 .img-box:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  border-radius: 5px;

  height: 100%;

  display: block;

  content: "";

  background-color: #121b22;

  opacity: 0.3;

  z-index: 99;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

.feature-cities-1 .listing-badges {

  position: absolute;

  top: 0;

  z-index: 999;

  right: 0;

  width: 100%;

  display: block;

  font-size: 15px;

  font-weight: bold;

  padding: 0px;

  overflow: hidden;

  height: 100px;

}

.feature-cities-1 .listing-badges .featured {

  background-color: #fdd534;

  float: right;

  border-radius: 20px;

  right: 23px;

  top: 23px;

  font-weight: 400;

  position: relative;

  text-align: center;

  width: 99px;

  font-size: 15px;

  margin: 0;

}

.feature-cities-1 .listing-badges span {

  color: #fff;

  display: inline-block;

  padding: 5px;

  float: right;

  background-color: rgba(74, 74, 76, 0.9);

  border-radius: 3px;

  top: 15px;

  right: 15px;

  position: absolute;

}

.feature-cities-1 .img-box-content {

  position: absolute;

  z-index: 101;

  top: 73%;

  margin: 0 auto;

  text-align: left;

  -webkit-transform: translate(0, -50.5%);

  transform: translate(0, -50.5%);

}

.feature-cities-1 .img-box-content h4 {

  font-size: 20px;

  font-weight: 600;

  line-height: 32px;

  color: #fff;

}

.feature-cities-1 .img-box-content span,

.feature-cities-1 .img-box-content pre {

  font-family: "Nunito", sans-serif;

  font-size: 15px;

  font-weight: 300;

  color: #fff;

}

.feature-cities-1 .img-box img {

  background-size: cover;

  background-position: 50%;

  width: 100%;

  height: 100%;

  border-radius: 5px;

  -webkit-transition: all 0.55s;

  transition: all 0.55s;

  position: absolute;

  top: 0;

  left: 0;

  background-repeat: no-repeat;

  -webkit-transition: -webkit-transform 0.35s ease-out;

  transition: -webkit-transform 0.35s ease-out;

  transition: transform 0.35s ease-out;

  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;

} /*----- HOVER EFFECT -----*/

.feature-cities-1 .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0;

  z-index: 2;

}

.hover-effect img {

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 0.8s ease;

  transition: all 0.8s ease;

}

.hover-effect:hover img {

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

}

@media screen and (max-width: 767px) {

  .feature-cities-1 .img-box.no-mb,

  .feature-cities-1 .img-box {

    margin-bottom: 30px;

  }

  .feature-cities-1 .mt {

    margin-top: 30px;

  }

  .feature-cities-1 .img-box.no-mb.x3 {

    margin-bottom: 0px;

  }

  .feature-cities-1 .img-box {

    height: 320px;

  }

  .feature-cities-1 .img-box img {

    width: 100%;

  }

}

@media screen and (max-width: 450px) {

  .feature-cities-1 .img-box img,

  .feature-cities-1 .img-box {

    height: 286px;

  }

} /*---------------------------------------------*/ /*-------- 12. SECTION INFO HELP HOME 4 -------*/ /*---------------------------------------------*/

.info-help {

  /* lokendra */

  padding: 6rem 0;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(255, 255, 255, 0.3)),

      to(rgba(255, 255, 255, 0.3))

    ),

    url(../images/people.jpg) no-repeat scroll center center;

  background: linear-gradient(

      rgba(255, 255, 255, 0.3),

      rgba(255, 255, 255, 0.3)

    ),

    url(../images/people.jpg) no-repeat scroll center center;

  background-size: cover;

  position: relative;

  z-index: 3;

  display: none !important;

}

.info-help:before {

  /* lokendra */

  content: "";

  background: rgba(241 202 48 / 73%);

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: -1;

  display: none !important;

}

.info-help .info-head .info-text {

  padding-left: 0px;

}

.info-help .info-head .info-text h3 {

  font-size: 30px;

  line-height: 45px;

  color: #fff;

  margin-bottom: 0px;

}

.info-help .info-head .info-text p {

  font-size: 16px;

  font-weight: 400;

  line-height: 35px;

  color: #fff;

  padding: 1.5rem 0;

  margin-bottom: 0px;

}

.info-help .info-head .info-text .btn-pro {

  background: #fdd534;

  color: #fff;

  margin-top: 10px;

  border: 0;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.info-help .info-head .info-text .btn-pro:hover {

  background: #121b22;

}

@media screen and (max-width: 767px) {

  .info-help .info-head .info-text h3 {

    font-size: 25px;

  }

  .info-help .info-head .info-text p {

    font-size: 16px;

  }

} /*----------------------------------------------*/ /*------ 13. FEATURED CATEGORIES HOME 5 ------*/ /*----------------------------------------------*/

.small-category-2 {

  background: #fff;

  border-radius: 6px;

  overflow: hidden;

  margin-bottom: 30px;

  -webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

  box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

  padding: 15px 12px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  justify-items: center;

  display: grid;

}



.small-category-2-thumb .fas {

  font-size: 2.1rem;

  color: #fdd534;

}

.small-category-2-thumb {

  width: 45px;

  float: left;

  display: table;

  height: 45px;

  background: #fff;

  padding: 4px;

  border-radius: 50%;

}

.sc-2-detail {

  display: table;

  margin-left: 15px;

  float: left;

}

.sc-2-detail .sc-jb-title {

   margin-bottom: 4px;

    font-size: 28px;

}

h4.sc-jb-title a {

  font-size: 16px;

  color: #555;

  font-weight: 400;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

h4.sc-jb-title a:hover {

  color: #fdd534;

}

.sc-2-detail span {

  font-size: 15px;

  font-weight: 400;

  color: #666;

}

.no-mb {

  margin-bottom: 0px;

}

.hp-5 .dark-overlay p {

  font-size: 16px;

}

.hp-5 .dark-overlay h1 {

  margin-bottom: 1rem;

}

.hp-5.the-search .rld-single-input input {

  width: 278px;

}

.homepage-6 .header-user-name,

.homepage-6 .header-user-name:before {

  color: #fff;

}

.homepage-6 .info-help .info-head .info-text {

  margin-top: 120px;

}

@media screen and (max-width: 767px) {

  .si-mt {

    margin-top: 30px;

  }

  .how-it-works article i {

    font-size: 2.5rem !important;

  }

}

@media screen and (max-width: 575px) {

  .mob-mt {

    margin-bottom: 30px;

  }

  .homepage-6 .portfolio .project-single.specials {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 991px) {

  .m-t-30 {

    margin-top: 30px;

  }

  .hp-5 #map-container.fullwidth-home-map .main-search-inner {

    top: auto !important;

  }

}

@media screen and (max-width: 1024px) {

  .hp-5 #map-container.fullwidth-home-map .main-search-inner {

    top: 250px;

  }

}

@media only screen and (max-width: 450px) {

  .hp-5 .hero-inner2 {

    margin-top: 470px;

  }

  .hp-5 .dark-overlay p {

    display: block !important;

  }

  .hp-5.the-search .welcome-text p {

    margin-bottom: 30px !important;

  }

}

@media screen and (max-width: 768px) {

  .homepage-6 .info-help .info-head .info-text .btn-pro {

    margin-bottom: 30px;

  }

} /*-----------------------------------*/ /*------ 14. SECTION COUNTER UP -----*/ /*-----------------------------------*/

section.counterup {

  padding: 6rem 0;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(255, 255, 255, 0.8)),

      to(rgba(255, 255, 255, 0.8))

    ),

    url(../images/bg-2.jpg) no-repeat center center;

  background: linear-gradient(

      rgba(255, 255, 255, 0.8),

      rgba(255, 255, 255, 0.8)

    ),

    url(../images/bg-2.jpg) no-repeat center center;

  background-attachment: fixed;

  color: #fff;

  text-align: center;

}

.counterup .section-title {

  padding-bottom: 3.5rem;

}

.counterup .title-icon:before {

  content: "";

  width: 100px;

  height: 2px;

  background: #fdd534;

  position: absolute;

  top: 14px;

  left: -80px;

}

.counterup .title-icon:after {

  content: "";

  width: 100px;

  height: 2px;

  background: #fdd534;

  position: absolute;

  top: 14px;

  right: -80px;

}

.counterup .title-icon i {

  color: #121b22;

  font-size: 1.8rem;

  margin-top: 1px;

}

.counterup .countr .fa {

  font-size: 3rem;

  color: #fdd534;

  border-radius: 5px;

  margin-right: 1.5rem;

}

.counterup .countr p {

  font-size: 2.5rem;

  font-weight: 800;

  color: #121b22;

  margin-top: 0.5rem;

}

.counterup .title-style h2,

.counterup .title-style p {

  color: #fdd534;

}

.counterup .title-style span {

  color: #121b22;

}

.counterup .countr {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.counterup .count-me h3 {

  font-family: "Montserrat", sans-serif;

  text-transform: capitalize;

  color: #121b22;

  font-size: 1.1rem;

  font-weight: 600;

  margin-top: 1.3rem;

  margin-bottom: 0px;

}

@media screen and (max-width: 991px) {

  .counterup .countr h3 {

    margin-bottom: 5rem;

  }

  .counterup .countr.mb-0 h3 {

    margin-bottom: 0px;

  }

  .counterup .countr {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .counterup .countr p {

    padding: 0px;

  }

  h3.specific:last-child {

    margin-bottom: 0px;

  }

  .counterup .count-me.use {

    margin-right: 1.5rem;

  }

  .counterup .count-me.trop {

    margin-left: 1.5rem;

  }

  .counterup .countr .fa-trophy {

    margin-right: 0rem;

    margin-left: 1.8rem;

  }

}

@media screen and (max-width: 767px) {

  .counterup .countr.mb-0 h3 {

    margin-bottom: 5rem;

  }

  .counterup .countr.mb-0.last {

    margin-right: 0px;

  }

  .counterup .countr.mb-0.last h3 {

    margin-bottom: 0px;

  }

  .counterup .countr .fa {

    margin-top: 0px;

  }

  .counterup .count-me.list,

  .counterup .count-me.trop {

    margin-right: 1.5rem;

  }

} /*-----------------------------------*/ /*----- 15. SECTION PRICING  ------*/ /*-----------------------------------*/

section.price {

  padding: 80px 0;

  background: #fff;

  display: none !important;

}

.single-pricing {

  background: #fff;

  padding: 2rem;

}

.single-pricing.price-01,

.single-pricing.price-03 {

  -webkit-box-shadow: 0px 1px 30px 0px rgba(130, 136, 184, 0.2);

  box-shadow: 0px 1px 30px 0px rgba(130, 136, 184, 0.2);

}

@media (max-width: 767px) {

  .single-pricing {

    padding: 2rem;

  }

}

.single-pricing .pricing-price {

  background: #fff;

  padding: 0rem 1.5rem;

  font-size: 24px;

  color: #222;

  font-weight: 700;

  margin-bottom: 0px;

  line-height: 49px;

}

.single-pricing .pricing-price .price-1 b {

  color: #212529;

  font-weight: 600;

}

.single-pricing .pricing-price .price-2 {

  color: #fdd534;

}

.single-pricing .pricing-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-bottom: 1px solid #d0ddea;

  padding-bottom: 20px;

}

.single-pricing .pricing-title .title {

  font-weight: 600;

  font-size: 18px;

  color: #444;

  padding-left: 10px;

}

.single-pricing .pricing-list ul {

  padding-left: 0px;

}

.single-pricing .pricing-list ul li {

  list-style: none;

  font-size: 15px;

  font-weight: 400;

  color: #666;

  margin-top: 30px;

}

.single-pricing.pricing-active {

  z-index: 95;

  -webkit-box-shadow: 0px 20px 20px 0px rgba(130, 136, 184, 0.3);

  box-shadow: 0px 20px 20px 0px rgba(130, 136, 184, 0.3);

}

@media (max-width: 767px) {

  .single-pricing-2 {

    padding: 45px 30px 50px;

  }

}

.single-pricing-2:hover,

.single-pricing-2.pricing-active {

  border-color: #f14836;

}

.btn-outline-theme.prices {

  font-size: 16px;

  color: #fff;

  background-color: #fff;

  border: 1px solid #fdd534;

  -webkit-transition: 0.2s ease-in;

  transition: 0.2s ease-in;

}

.btn-outline-theme:hover,

.btn-outline-theme:focus {

  color: #ffffff !important;

  background-color: #121b22;

  border-color: #121b22;

}

.btn-outline-theme.ext {

  font-size: 16px;

  color: #fff;

  border: 0px;

} /*------ BOTTOM ------*/

.section-top {

  padding-top: 45px;

}

.btn-toggle {

  margin: 0 4rem;

  padding: 0;

  position: relative;

  border: none;

  height: 1.5rem;

  width: 3rem;

  border-radius: 1.5rem;

  color: #6b7381;

  background: #fff;

}

.btn-toggle:focus,

.btn-toggle.focus,

.btn-toggle:focus.active,

.btn-toggle.focus.active {

  outline: none;

}

.btn-toggle:before,

.btn-toggle:after {

  line-height: 1.5rem;

  width: 4rem;

  text-align: center;

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 2px;

  position: absolute;

  bottom: 0;

  -webkit-transition: opacity 0.25s;

  transition: opacity 0.25s;

}

.btn-toggle > .handle {

  position: absolute;

  top: 0.1875rem;

  left: 0.1875rem;

  width: 1.125rem;

  height: 1.125rem;

  border-radius: 1.125rem;

  background: #fff;

  -webkit-transition: left 0.25s;

  transition: left 0.25s;

}

.btn-toggle.active {

  -webkit-transition: background-color 0.25s;

  transition: background-color 0.25s;

}

.btn-toggle.active > .handle {

  left: 1.6875rem;

  -webkit-transition: left 0.25s;

  transition: left 0.25s;

}

.btn-toggle.active:before {

  opacity: 0.5;

}

.btn-toggle.active:after {

  opacity: 1;

}

.btn-toggle:before,

.btn-toggle:after {

  color: #212529 !important;

}

.btn-toggle.btn-lg {

  padding: 0;

  position: relative;

  border: none;

  border-radius: 2.5rem;

  width: 70px;

  height: 36px;

  border-radius: 17.8px;

  background-color: #fdd534;

}

.btn-toggle.btn-lg:focus,

.btn-toggle.btn-lg.focus,

.btn-toggle.btn-lg:focus.active,

.btn-toggle.btn-lg.focus.active {

  outline: none;

}

.btn-toggle.btn-lg:before,

.btn-toggle.btn-lg:after {

  position: absolute;

  bottom: 0;

  font-size: 14px;

  font-weight: 600;

  text-align: right;

  color: #b0b5c3;

}

.btn-toggle.btn-lg:before {

  content: "Billed Monthly";

  color: #333 !important;

  font-size: 15px;

  font-weight: 700;

  left: -10rem;

  margin-bottom: 0.4rem;

}

.btn-toggle.btn-lg:after {

  content: "Billed Yearly";

  color: #666 !important;

  font-size: 15px;

  font-weight: 700;

  right: -5.5rem;

  opacity: 0.5;

  margin-bottom: 0.4rem;

}

.btn-toggle.btn-lg > .handle {

  position: absolute;

  top: 3px;

  left: 4px;

  width: 30px;

  height: 29px;

  background-color: #ffffff;

  -webkit-transition: left 0.25s;

  transition: left 0.25s;

  border-radius: 50%;

}

.btn-toggle.btn-lg.active > .handle {

  left: 36px;

  -webkit-transition: left 0.25s;

  transition: left 0.25s;

}

.btn-toggle.btn-lg.active:before {

  opacity: 0.5;

}

.btn-toggle.btn-lg.active:after {

  opacity: 1;

}

.btn-toggle.btn-lg.btn-sm:before,

.btn-toggle.btn-lg.btn-sm:after {

  line-height: 0.5rem;

  color: #fff;

  letter-spacing: 0.75px;

  left: 0.6875rem;

  width: 3.875rem;

}

.btn-toggle.btn-lg.btn-sm:before {

  text-align: right;

}

.btn-toggle.btn-lg.btn-sm:after {

  text-align: left;

  opacity: 0;

}

.btn-toggle.btn-lg.btn-sm.active:before {

  opacity: 0;

}

.btn-toggle.btn-lg.btn-sm.active:after {

  opacity: 1;

}

.btn-toggle.btn-lg.btn-xs:before,

.btn-toggle.btn-lg.btn-xs:after {

  display: none;

}

.tab-slider--body {

  display: none;

}

.tab-slider--body.active {

  display: block !important;

}

.see-all2 a {

  text-decoration: none;

  display: inline-block;

  right: 0;

  color: #121b22;

  font-size: 16px;

  bottom: 0;

  position: absolute;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.see-all2 a:hover {

  color: #fdd534;

}

@media (max-width: 767px) {

  .see-all2 a {

    top: -10px;

  }

}

.see-all2 a:after {

  font-family: "FontAwesome";

  content: "\f178";

  font-size: 17px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  position: relative;

  top: 1px;

  margin-left: 6px;

}

@media (max-width: 575px) {

  .section-title h2 {

    font-size: 25px;

  }

}

@media (max-width: 991px) {

  .pricix {

    margin: 30px 0;

  }

} /*-----------------------------------*/ /*----- 16. SECTION TESTIMONIALS ----*/ /*-----------------------------------*/

section.testimonials {

  background: #fff;

  padding: 80px 0;

}

.testimonials .title-icon i {

  color: #fdd534;

  font-size: 1.8rem;

  margin-top: 1px;

}

.testimonials .owl-carousel .test-1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: #fff;

  color: #000;

  padding: 20px;

}

.testimonials .test-1 img {

  width: 90px;

  border-radius: 50%;

  margin: 0 auto;

}

.testimonials .test-1 p {

  text-align: center;

  font-weight: 400;

  margin-bottom: 1.5rem !important;

  margin: 0.3rem auto 0;

  max-width: 500px;

  margin-top: 0px;

  color: #666;

}

.testimonials .test-1 p::before {

  content: "\f10d ";

  font-size: 0.7rem;

  font-family: fontawesome;

  left: -6px;

  top: -1px;

  position: relative;

  color: #888;

}

.testimonials .test-1 p::after {

  bottom: 4px;

  content: "\f10e";

  font-size: 0.7rem;

  font-family: fontawesome;

  color: #888;

  right: -6px;

  top: 1px;

  position: relative;

}

.testimonials .test-1 h3 {

  text-align: center;

  font-size: 1.1rem;

  margin-bottom: 0.6rem;

  margin-top: 12px !important;

  color: #222;

  font-weight: 600;

}

.testimonials .test-1 h6 {

  text-align: center;

  font-weight: 400;

  margin-bottom: 0px;

  color: #333;

}

.owl-dots {

  text-align: center;

  margin-top: 2.2rem;

  line-height: 0;

}

.owl-dot {

  border-radius: 50px;

  height: 10px;

  width: 10px;

  display: inline-block;

  background: #121b22 !important;

  margin-left: 5px;

  margin-right: 5px;

}

.owl-dot.active {

  background: #fdd534 !important;

}

.starts {

  list-style: none;

  margin-top: 12px;

  padding: 0px;

}

.testimonials ul {

  margin-bottom: 0px;

}

.starts li {

  text-align: center;

  display: inline-block;

      font-size: 26px;
    color: #f1ca30;

  margin-bottom: 0px;

}

.starts .fa {

  color: #febe42 !important;

} /*------------------------------------*/ /*--------- 17. SECTION BLOG ---------*/ /*------------------------------------*/

section.blog-section {

  /* lokendra */

  padding: 80px 0;

  background: #f5f6ff;

  /* display: none !important; */

}

.blog-section .news-item {

  background: #fff;

  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  overflow: hidden;

}

.blog-section .news-item.-news-page {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.blog-section .news-item-descr.big-news {

  height: 106px;

}

.blog-section .news-item h3 {

  color: #222;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

.blog-section .news-item.-news-slider-item {

  height: 100%;

}

.blog-section .news-item.-news-slider {

  height: auto;

}

.blog-section .news-item a:hover {

  text-decoration: none;

}

.blog-section .news-item a:hover h3 {

  color: #fdd534;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

.blog-section .news-item .news-img-link.-news-page {

  display: block;

  position: relative;

  padding-bottom: 69%;

  width: 100%;

}

.blog-section .news-item .news-img-link.-news-page .resp-img {

  background-size: cover;

}

.blog-section .resp-img {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.blog-section .news-item-img .resp-img {

  background-size: cover;

}

.blog-section .news-item-img {

  position: relative;

  width: 100%;

}

.blog-section .news-item-img .resp-img {

  background-size: cover;

}

.blog-section .news-item-text {

  padding: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}

.blog-section .news-item-text-header {

  display: block;

}

.blog-section .news-item .date {

  display: block;

  margin-bottom: 9px;

  font-size: 13px;

  color: #333;

}

.blog-section .dates {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-top: 0.3rem;

}

.blog-section .news-item-bottom img {

  width: 40px;

  height: 40px;

  border-radius: 50%;

}

.blog-section .admin {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.blog-section .admin p {

  font-size: 13px;

  font-weight: 600;

  margin-top: 0.5rem;

  margin-right: 1rem;

  margin-bottom: 0px;

}

.blog-section .news-item-descr {

  margin: 6px 0px 20px 0px;

  height: 80px;

}

.blog-section .news-item-descr p {

  color: #666;

  margin: 0;

  padding: 0;

  border: 0;

  vertical-align: baseline;

}

.blog-section .news-item-bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.blog-section .action-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 0.8rem;

  color: #333;

}

.blog-section .action-list .fa-comment {

  color: #fdd534;

}

.blog-section .action-list .fa-share-alt {

  color: #fdd534;

}

.blog-section .action-list .fa-heart {

  color: #fdd534;

}

.blog-section ul.action-list {

  margin-bottom: 0px;

}

.blog-section .action-item {

  display: inline-block;

  padding-left: 15px;

}

.blog-section .news-slider-wrap .slick-track {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.blog-section .news-item-sm {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 29px;

}

.blog-section .news-item-sm:last-child {

  margin-bottom: 0px;

}

.blog-section .news-item-sm .news-img-link {

  -ms-flex-preferred-size: 49%;

  flex-basis: 49%;

  position: relative;

}

.blog-section .news-item-sm .news-img-link .news-item-img {

  position: absolute;

  max-width: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}

.blog-section .news-item-sm .news-item-text {

  -ms-flex-preferred-size: 66.6%;

  flex-basis: 66.6%;

  padding: 15px 20px;

}

.blog-section .news-item-sm .news-item-descr {

  height: 52px;

}

.blog-section .news-link {

  position: relative;

  font-size: 1rem;

  font-weight: 600;

  color: #fdd534;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

.blog-section .news-link:hover {

  color: #121b22;

  text-decoration: none;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

@media screen and (max-width: 1199px) {

  .blog-section .news-item.news-item-sm.mb,

  .blog-section .news-item {

    margin-bottom: 2.5rem;

  }

  .blog-section .news-item.no-mb {

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 991px) {

  .blog-section .news-item {

    margin-bottom: 2.5rem;

  }

  .blog-section .news-item.no-mb:last-child {

    margin-bottom: 0px;

  }

  .blog-section .news-item-sm .news-img-link {

    -ms-flex-preferred-size: 33.5%;

    flex-basis: 33.5%;

  }

}

@media screen and (max-width: 577px) {

  .blog-section .news-item-sm {

    display: block;

  }

  .blog-section .news-item-sm .news-img-link .news-item-img {

    position: relative;

    padding-bottom: 69%;

  }

  .blog-section .news-item-sm {

    border-radius: 0px;

  }

}

@media screen and (max-width: 414px) {

  .blog-section .news-item-descr p,

  .blog-section .news-item-descr {

    overflow: hidden;

  }

  .blog-section ul.action-list {

    padding-left: 0px;

  }

  .blog-section .news-link {

    font-size: 0.9rem;

  }

} /*-----------------------------------*/ /*------ 18. SECTION PARTNERS ------*/ /*-----------------------------------*/

div.partners-1,

div.partners {

  padding: 3rem 0;

  background: #fff;

  color: #fff;

  display: none !important;

}

.partners-1 .style2 .owl-item img,

.partners .style2 .owl-item img {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}

.partners-1 .style2 img {

  background: #fff;

  width: 100px;

  border-radius: 10px;

}

.partners .style2 img {

  width: 110px;

  background: transparent;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.partners .owl-carousel .owl-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.hp-8.the-search .explore__form-checkbox-list.full-filter.filter-block {

  margin-top: 20px;

}

.hp-8 .google-maps input,

.hp-8 .google-maps textarea,

.hp-8 .google-maps select {

  margin-bottom: 0px;

} /*--------------------------------------------*/ /*--------- 19. HEADER IMAGE HOME 9 ----------*/ /*--------------------------------------------*/

.header-image {

  background: linear-gradient(135deg, white 0%, white 100%);

  height: 750px;

  border-bottom: 1px solid #e5e5e5;

}

.header-image .left h1 {

  font-size: 40px;

  font-weight: 600;

  line-height: 60px;

  color: #333;

  margin: 0;

  margin-bottom: 20px;

}

.header-image .left p {

  font-size: 16px;

  font-weight: 400;

  line-height: 27px;

  color: #666;

  margin: 0;

}

.header-image .left .btn-white {

  background: #ffffff;

  display: inline-block;

  padding: 12px 35px;

  border-radius: 40px;

  font-size: 15px;

  font-weight: 600;

  color: #404356;

  margin-top: 30px;

  -webkit-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.15);

}

.hp-9 .small-category-2-thumb {

  width: 170px;

  float: left;

  display: table;

  height: 150px;

  background: #fff;

  padding: 0px;

  border-radius: 50%;

}

.hp-9 .small-category-2-thumb img {

  width: 170px;

  height: 150px;

}

.hp-9 .small-category-2 {

  background: #fff;

  border-radius: 8px;

  border: 1px solid #ebebeb;

  overflow: hidden;

  margin-bottom: 30px;

  padding: 0px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media (max-width: 991.98px) {

  .header-image {

    text-align: center;

    padding: 600px 30px;

  }

  .header-image .left {

    margin-bottom: 60px;

  }

} /*-------------------------------------------*/ /*------ 20. POPULAR CATEGORIES HOME 9 ------*/ /*-------------------------------------------*/

section.popular-categories {

  padding: 6rem 0;

}

.popular-categories-item {

  text-align: center;

  background: #f5f6ff;

  padding: 40px 20px;

  position: relative;

  overflow: hidden;

}

.popular-categories-item:before {

  position: absolute;

  background: #f5f6ff;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  left: -30px;

  content: "";

  bottom: -30px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.popular-categories-item:hover:before {

  background: #fdd534;

  width: 100%;

  height: 100%;

  left: 0;

  bottom: 0;

  content: "";

  border-radius: 0px;

}

.popular-categories-item i:before {

  margin: 0;

  color: #fdd534;

  font-size: 40px;

  line-height: 50px;

  display: block;

  vertical-align: middle;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.popular-categories-item:hover h3,

.popular-categories-item:hover p,

.popular-categories-item:hover i:before {

  color: #fff;

  opacity: 0.9;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}

.popular-categories-item h3 {

  font-size: 1.1rem;

  margin-top: 20px;

  margin-bottom: 7px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.popular-categories-item p {

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.step-point {

  position: absolute;

  top: 15px;

  right: 15px;

  font-size: 30px;

  font-weight: 400;

  color: #fdd534;

  opacity: 0.1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  font-family: "Lato", sans-serif;

}

.m-b30 {

  margin-bottom: 30px;

}

.categories-bx {

  height: 180px;

  border-radius: 4px;

  background-size: cover;

  z-index: 1;

  position: relative;

  -webkit-box-shadow: 0 0 10px 0 rgba(42, 65, 232, 0.1);

  box-shadow: 0 0 10px 0 rgba(42, 65, 232, 0.1);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.categories-bx:after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: #fdd534;

  opacity: 0.5;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  border-radius: 4px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.categories-bx:hover:after {

  background-color: #fdd534;

  opacity: 0.95;

}

.categories-info {

  position: relative;

  padding-bottom: 100px;

  z-index: 1;

  padding-left: 20px;

  color: #fff;

}

.categories-info h3 {

  font-family: "Montserrat", sans-serif;

  font-size: 1.1rem;

  color: #fff;

  font-weight: 500;

  margin-bottom: 20px;

}

.categories-info span {

  font-family: "Lato", sans-serif;

  font-size: 14px;

  font-weight: 400;

  color: #fff;

  padding: 7px 10px;

  border-radius: 5px;

  background: #fdd534;

  opacity: 0.9;

}

.categories-bx:after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: #000930;

  opacity: 0.5;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  border-radius: 4px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

} /*--------------------------------------------*/ /*----- 21. SECTION TOP LOCATION HOME 10 -----*/ /*--------------------------------------------*/

section.top-location {

  padding: 6rem 0;

  background: #fff;

  text-align: center;

}

.top-location .item {

  position: relative;

  overflow: hidden;

  text-align: left;

  cursor: pointer;

}

.top-location .item:after {

  position: absolute;

  left: 0;

  bottom: 0;

  content: "";

  width: 100%;

  height: 100%;

  background: -webkit-gradient(

    linear,

    left top,

    left bottom,

    from(rgba(16, 37, 46, 0)),

    color-stop(150%, #10252e)

  );

  background: linear-gradient(to bottom, rgba(16, 37, 46, 0) 0%, #10252e 150%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);

}

.top-location .tp-caption {

  position: absolute;

  left: 0;

  bottom: -50px;

  padding: 20px;

  width: 100%;

  z-index: 99;

  -webkit-transition: all ease-in-out 0.3s;

  transition: all ease-in-out 0.3s;

}

.top-location .tp-caption h6 {

  color: #fff;

  font-size: 1.2rem;

  font-weight: 500;

  margin: 0 0 5px;

}

.top-location .tp-caption strong {

  color: #fff;

  font-weight: 400;

  margin: 0 0 10px;

  display: block;

}

.top-location .tp-caption p {

  color: #f1ca30;

  font-weight: bold;

  opacity: 0;

  -webkit-transition: all ease-in-out 0.3s;

  transition: all ease-in-out 0.3s;

}

.top-location .item:hover .tp-caption {

  bottom: 0px;

}

.top-location .item:hover .tp-caption p {

  opacity: 1;

}

.top-location h4 {

  font-weight: 600;

  font-size: 1.2rem;

  top: 27px;

  z-index: 9;

  color: #fff;

  margin: 0px !important;

  padding: 0px !important;

  line-height: 0px !important;

  position: relative;

}

.top-location .owl-theme .owl-nav {

  position: absolute;

  left: 0;

  right: 0;

  top: 0px;

  z-index: 9999;

  width: 18%;

  margin: auto;

  background: #121b22;

  height: 54px;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  overflow: hidden;

}

@media screen and (max-width: 1024px) {

  .top-location .owl-theme .owl-nav {

    width: 50%;

  }

}

@media screen and (max-width: 991px) {

  .top-location .owl-theme .owl-nav {

    width: 50%;

  }

}

@media screen and (max-width: 575px) {

  .top-location .owl-theme .owl-nav {

    width: 70%;

  }

  .header-image {

    height: 900px;

  }

}

@media screen and (max-width: 400px) {

  .top-location h4 {

    font-size: 0.9rem;

  }

}

.top-location .owl-theme .owl-nav [class*="owl-"] {

  margin: 0;

  padding: 0;

  background: #fdd534;

  display: inline-block;

  cursor: pointer;

  border-radius: 0;

  font-size: 0;

}

.top-location .owl-prev {

  width: 54px;

  height: 54px;

  background: #fff;

  position: relative;

  float: left;

  border-right: 1px solid #121b22;

}

.top-location .owl-prev:after {

  content: "\f104";

  font-family: FontAwesome;

  font-size: 20px;

  color: #fff !important;

}

.top-location .owl-next {

  width: 54px;

  height: 54px;

  background: #fff;

  position: relative;

  float: right;

  border-left: 1px solid #121b22;

}

.top-location .owl-prev:after {

  content: "\f104";

  font-family: FontAwesome;

  font-size: 36px;

  color: #fff !important;

  line-height: 52px;

}

.top-location .owl-next:after {

  content: "\f105";

  font-family: FontAwesome;

  font-size: 36px;

  color: #fff !important;

  line-height: 52px;

}

.top-location .starts .fa {

  color: #febe42 !important;

  margin-bottom: 0px !important;

}

.top-location .ml-1 {

  color: #fff;

}

.top-location .starts {

  margin-top: 0px;

  line-height: 37px;

} /*--------------------------------------------*/ /*------ 22. POPULAR CATEGORIES HOME 10 ------*/ /*--------------------------------------------*/

section.popular-categories {

  background: #fff;

  padding: 6rem 0;

}

.category-box {

  background-color: #fff;

  margin: 30px 0;

  height: auto;

  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);

  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);

  border-radius: 0;

  position: relative;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

}

.category-box .icon {

  text-align: center;

  position: absolute;

  top: -35px;

  margin: 0 auto;

  width: 100%;

}

.category-box .icon img {

  display: inline-block;

  font-size: 22px;

  background: #fff;

  width: 52px;

  height: 52px;

  color: #fff;

  z-index: 99999;

}

.category-box .category-header {

  width: 100%;

  background-color: #fff;

  display: inline-block;

  text-align: center;

  padding: 40px 15px 10px;

  border-bottom: 1px solid #eee;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

}

.category-box .category-header h4 {

  font-size: 17px;

  margin-bottom: 1rem;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.category-box .category-header:hover h4 {

  color: #fdd534;

}

.category-box .category-content {

  padding: 0px 15px 15px 15px;

}

ul li {

  margin: 0px;

  padding: 0px;

}

.category-box .category-content ul {

  margin-left: 0px;

  padding-left: 0px;

}

.category-box .category-content i {

  color: #666;

  font-weight: 400;

}

.category-box .category-content li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  font-size: 14px;

  line-height: 16px;

  margin-top: 28px;

  width: 100%;

}

.category-box .category-content li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  color: #666;

  margin-left: 0px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.category-box .category-content li a:hover {

  color: #fdd534;

}

.category-box .category-counter {

  margin-right: 0px;

}

.category-counter {

  font-size: 14px;

  color: #666;

  float: right;

}

.category-box .job-is {

  background: #fff;

  color: #111;

  border: 1px solid #fdd534;

}

.category-box .job-is:hover {

  background: #fdd534;

  color: #fff;

}

.fav-job.active {

  color: #ff0000;

}

.fav-job {

  font-size: 25px;

  color: #666;

  cursor: pointer;

}

.category-box .fav-job {

  margin-top: 1rem;

  font-size: 20px;

} /* Search Form */

.parallax-search8 .trip-search {

  background: #fff;

  padding: 10px;

  border: 1px solid #fff;

  border-radius: 50px;

  text-align: left;

  margin-top: 30px;

}

.parallax-search8 p {

  font-size: 17px;

  margin-top: 10px;

}

.align-items-center.bg8 {

  margin-bottom: 0px;

}

.parallax-search8 .trip-search .form {

  line-height: 0px;

}

.parallax-search8 .form-group {

  width: 190px;

  display: inline-block;

  margin-right: 3px;

  margin-bottom: 0px;

}

.parallax-search8 .form-group:last-child {

  margin-right: 0px;

}

.parallax-search8 .form-group .nice-select {

  margin: 0px;

  height: 50px;

  line-height: 50px;

  padding: 0 15px;

  border-radius: 5px;

  border: 1px solid #ddd;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #757575;

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  font-size: 14px;

}

.parallax-search8 .form-group .nice-select:hover {

  color: #fdd534;

}

.parallax-search8 .form-group .nice-select::after {

  right: 20px;

  color: #757575;

}

.parallax-search8 .form-group .nice-select i {

  color: #fdd534;

  font-size: 1.2rem;

  margin-top: 5px;

  margin-right: 10px;

}

.parallax-search8 .form-group .list li {

  color: #757575;

}

.parallax-search8 .form-group .list li.selected {

  color: #757575;

  font-weight: 400;

}

.parallax-search8 .form-group .list li:hover {

  color: #fff;

  background: #fdd534;

}

.parallax-search8 .form-group.looking {

  width: 100%;

  margin: 0px;

  border: 1px solid #dddddd !important;

}

.parallax-search8 .first-select {

  height: 30px;

  border-radius: 5px;

  margin-right: 4px;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #757575;

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  font-size: 16px;

}

.main-search-input-item {

  float: left;

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  height: 50px;

  position: relative;

}

.nice-select.wide {

  width: 100%;

}

.parallax-search8 .form-group.looking input {

  float: left;

  border: none;

  border-radius: 5px;

  width: 100%;

  height: 50px;

  padding-left: 20px;

}

.parallax-search8 .form-group.location {

  width: 100%;

  margin: 30px 0;

}

.parallax-search8 .form-group.categories {

  width: 100%;

}

.parallax-search8 .form-group.button {

  width: 145px;

  position: relative;

  height: 50px;

}

.parallax-search8 .form-group .btn {

  display: block;

  width: 100%;

  background: #fdd534;

  cursor: pointer;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

  position: absolute;

  top: 0;

  margin-top: 30px;

  height: 50px;

  line-height: 50px;

  padding: 0;

  font-size: 14px;

  border: none;

  border-radius: 50px;

}

.parallax-search8 .form-group .btn:hover {

  background: #121b22;

  color: #fff;

}

@media screen and (max-width: 768px) {

  .align-items-center.bg8 {

    margin-bottom: 60px;

  }

  .align-items-center.bg8 p,

  .align-items-center.bg8 h2 {

    text-align: left;

  }

  .align-items-center.bg8 .ilust {

    margin-bottom: 0px;

  }

  section.top-location {

    margin-top: 60px;

  }

}

@media screen and (max-width: 767px) {

  .rtmb-30 {

    margin-bottom: 30px;

  }

  .job-listing-footer ul {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    line-height: 37px;

  }

  .job-listing-footer .c-logo {

    display: none;

  }

  .the-heart {

    width: 100% !important;

    margin-left: 0px !important;

  }

  .the-heart span.fav-job {

    margin-left: 0 !important;

  }

  .the-heart .far {

    padding-left: 0px !important;

  }

  .the-heart span.job-is {

    margin-top: 0px !important;

  }

  .category-box.si-mt {

    margin-top: 30px;

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 767px) {

  .mt-mobil {

    margin-top: 30px;

  }

} /*------------------------------------------------*/ /*--- 23. SECTION TOP LOCATIONS HOME 3, and 11 ---*/ /*------------------------------------------------*/

section.top-locations {

  padding: 80px 0;

  background: #f5f6ff;

}

.recent-16 {

  display: block;

  position: relative;

  overflow: hidden;

  height: 400px;

}

.recent-img16 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;

}

.recent-16:hover .recent-img16 {

  -webkit-transform: scale(1.06, 1.06);

  transform: scale(1.06, 1.06);

}

.recent-content {

  background: -webkit-gradient(

    linear,

    left top,

    left bottom,

    from(rgba(0, 0, 0, 0)),

    to(rgba(0, 0, 0, 0.4))

  );

  background: linear-gradient(

    to bottom,

    rgba(0, 0, 0, 0) 0%,

    rgba(0, 0, 0, 0.4) 100%

  );

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 2;

}

.recent-details {

  position: absolute;

  padding: 20px;

  color: #fff;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 2;

  border-bottom-left-radius: 0.3rem;

  border-bottom-right-radius: 0.3rem;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.recent-title {

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 4px;

}

.recent-price {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 0px;

}

.recent-price > small {

  font-size: 60%;

}

.house-details {

  font-size: 13px;

  font-weight: 400;

  color: #fff;

}

.house-details > span {

  opacity: 0.5;

  display: inline-block;

  padding: 0 5px;

}

.recent-16:hover .recent-details {

  -webkit-transform: translateY(-30%);

  transform: translateY(-30%);

}

.view-proper {

  position: absolute;

  color: #fff;

  padding: 20px;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 3;

  font-size: 14px;

  letter-spacing: 1px;

  opacity: 0;

  font-weight: 400;

  -webkit-transform: translateY(400%);

  transform: translateY(400%);

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.recent-16:hover .view-proper {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}

.img-center {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

.hp-11 .header-user-name,

.hp-11 .header-user-name:before {

  color: #fff;

}

.tp-bullets,

.uranus.tparrows {

  display: none;

}

.popular.listings .item {

  padding-bottom: 35px;

}

.popular.listings .item.no-pb {

  padding-bottom: 0px;

}

.popular.listings .project-single {

  position: relative;

  overflow: hidden;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

}

@media screen and (max-width: 991px) {

  .popular.listings .item.car.no-pb {

    padding-bottom: 35px;

  }

}

@media screen and (max-width: 767px) {

  .popular.listings .item.hotel.no-pb {

    padding-bottom: 35px;

  }

} /*-----------------------------------*/ /*- 24. INFO SIDEBAR HOME 12 --*/ /*-----------------------------------*/

.int_infosidebar {

  width: 60px;

  background: #282d32;

  position: absolute;

  left: 0;

  height: 950px;

  z-index: 1;

}

.int_infosidebar .siderbar_social > ul > li {

  margin-bottom: 10px;

  list-style: none;

}

.int_infosidebar .siderbar_social > ul > li > a {

  color: #ffffff;

}

.int_infosidebar .siderbar_social {

  margin: 167px 0px 24px 0px;

  text-align: center;

}

.int_infosidebar .siderbar_contact,

.int_infosidebar .siderbar_email {

  text-align: center;

  padding: 30px 0 22px;

  border-top: 1px solid #353c43;

}

.int_infosidebar .siderbar_contact > a,

.int_infosidebar .siderbar_email > a {

  color: #ffffff;

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

  -webkit-writing-mode: vertical-lr;

  -ms-writing-mode: tb-lr;

  writing-mode: vertical-lr;

  text-transform: lowercase;

}

.int_infosidebar .siderbar_contact > a > svg,

.int_infosidebar .siderbar_email > a > svg {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  margin-bottom: 5px;

  width: 16px;

  height: 15px;

  vertical-align: baseline;

}

.int_infosidebar .siderbar_contact > a > svg path,

.int_infosidebar .siderbar_email > a > svg path {

  fill: #c18847;

}

.int_infosidebar .siderbar_social > ul > li > a {

  -webkit-transition: all 0.1s;

  transition: all 0.1s;

}

.int_infosidebar .siderbar_social > ul > li > a:hover {

  color: #c18847;

}

.int_content_wraapper {

  margin-left: 80px;

}

@media (max-width: 480px) {

  .main_contentblock {

    width: 100%;

  }

}

@media (max-width: 1600px) {

  .int_infosidebar {

    top: -100px;

  }

}

.int_dark_bg .sec-title h2 span {

  color: #fff;

}

.int_dark_bg .sec-title h2 {

  color: #c18847;

} /*-----------------------------------*/ /*- 25. BANNER SLIDER HOME 12 --*/ /*-----------------------------------*/

.int_bannerr_slider .swiper-container {

  width: 100%;

  height: 100%;

}

.int_bannerr_slider .swiper-slide {

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

body.int_dark_bg {

  background-color: #212529;

}

body.int_index3_bg {

  background-color: #0e0f21;

}

*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.bg-black-1 {

  background: #282d32 !important;

}

.bg-black-2 {

  background: #212529 !important;

}

.int_dark_bg .header-user-name,

.int_dark_bg .header-user-name:before {

  color: #fff;

}

.int_content_wraapper.hd {

  margin-left: 0px;

}

.int_dark_bg .section-title h3 {

  color: #fff;

}

.int_dark_bg .section-title h2 {

  color: #c18847;

}

.int_dark_bg .section-title:before {

  background: #c18847;

}

.int_dark_bg .slick-dots li.slick-active {

  -webkit-box-shadow: inset 0 0 0 6px #c18847;

  box-shadow: inset 0 0 0 6px #c18847;

}

.int_dark_bg .slick-dots li:after {

  background: #c18847;

}

.int_dark_bg .slick-dots li {

  -webkit-box-shadow: inset 0 0 0 2px #c18847;

  box-shadow: inset 0 0 0 2px #c18847;

}

.int_dark_bg a.button.border,

a.button {

  background: #c18847;

}

.int_dark_bg section.services-home {

  padding: 6rem 0;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(0, 0, 0, 0.8)),

      to(rgba(0, 0, 0, 0.8))

    ),

    url(../images/bg/bg-counter.jpg) no-repeat center center;

  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),

    url(../images/bg/bg-counter.jpg) no-repeat center center;

  background-attachment: fixed;

}

.int_dark_bg .services-home .bg-base {

  background: #c18847;

}

.int_dark_bg .services-home .border-1 {

  border: 1px dashed #c18847 !important;

}

.int_dark_bg .services-home a.text-base:hover {

  color: #c18847;

}

.int_dark_bg .portfolio .project-single {

  border: 0px;

  margin-bottom: 0px;

}

.int_dark_bg .btn.btn-outline-light {

  background: #c18847;

}

.int_dark_bg .bg-all {

  margin-top: 0px;

}

.int_dark_bg .portfolio .project-single {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.int_dark_bg .feature-cities-1 .listing-badges .featured {

  background: #c18847;

}

.int_dark_bg .team-content {

  background: #212529;

  border: 0px;

}

.int_dark_bg .team-info {

  background: #282d32;

  border: 0px;

}

.int_dark_bg .team-wrap:hover .team-content .team-info {

  background: #c18847;

}

.int_dark_bg .team-content h3,

.int_dark_bg .team-content p,

.int_dark_bg .team-content span a {

  color: #fff;

}

.int_dark_bg .team .team-pro .fa {

  background: #c18847;

  border: 0px;

}

.int_dark_bg .plan {

  background: #212529;

  border: 1px dashed #c18847;

}

.int_dark_bg .plan ul {

  background: #212529;

  color: #f9f9f9;

}

.int_dark_bg .plan ul li {

  border-top: 1px dashed #c18847;

}

.int_dark_bg .plan a.btn {

  background: #c18847;

}

.int_dark_bg .plan a.btn.pro2 {

  background: #282d32;

}

.int_dark_bg .plan.featured .plan-price {

  background: #282d32;

}

.int_dark_bg .plan.featured .plan-price:after {

  border-top-color: #282d32;

}

.int_dark_bg .plan-name,

.int_dark_bg .plan.featured .plan-name {

  color: #fff;

}

.int_dark_bg .plan a.btn.pro {

  background: #121b22;

}

.int_dark_bg .plan-price {

  background: #c18847;

}

.int_dark_bg .plan-price:after {

  border-top-color: #c18847;

}

.int_dark_bg .testimonials .owl-carousel .test-1 {

  background: #282d32;

}

.int_dark_bg .testimonials .test-1 h3 {

  color: #fff;

  margin-bottom: 1.5rem;

}

.int_dark_bg .testimonials .test-1 h6,

.int_dark_bg .testimonials .test-1 p::before,

.int_dark_bg .testimonials .test-1 p {

  color: #fff;

}

.int_dark_bg .testimonials .test-1 img {

  margin-bottom: 0.5rem;

}

.int_dark_bg .starts .fa {

  color: #c18847 !important;

  margin-top: 0.5rem;

  margin-bottom: 1rem;

}

.int_dark_bg .owl-dot.active {

  background: #c18847 !important;

}

.int_dark_bg .testimonials .test-1 p::after {

  display: none;

}

.int_dark_bg .blog-section .news-item {

  background: #212529;

}

.int_dark_bg .blog-section .news-item h3,

.int_dark_bg .blog-section .news-item-descr p {

  color: #fff;

}

.int_dark_bg .blog-section .news-item .date,

.int_dark_bg .blog-section .news-link {

  color: #c18847;

}

.int_dark_bg .blog-section .action-list .fa {

  color: #fff;

}

.int_dark_bg .blog-section .news-item h3:hover {

  color: #c18847;

}

.int_dark_bg .first-footer .top-footer {

  border-top: 0px;

}

.int_dark_bg .first-footer .netabout p,

.int_dark_bg .first-footer .contactus ul li .fa,

.int_dark_bg .first-footer h3,

.int_dark_bg .navigation ul li a,

.int_dark_bg .twitter-widget.contuct .twitter-area .icon-holder i,

.int_dark_bg .twitter-widget.contuct .twitter-area .text h5,

.int_dark_bg .newsletters p {

  color: #fff;

}

.int_dark_bg .navigation ul li a:hover,

.int_dark_bg .twitter-widget.contuct .twitter-area .text h5 a,

.int_dark_bg .twitter-widget.contuct .twitter-area .text h4 {

  color: #c18847;

}

.int_dark_bg .first-footer .navigation h3::after,

.int_dark_bg .first-footer .widget h3::after,

.int_dark_bg .first-footer .newsletters h3::after {

  background: #c18847;

}

.int_dark_bg .first-footer .contactus .info p {

  color: #efe9e9;

}

.int_dark_bg .first-footer .bloq-email .email input[type="email"],

.int_dark_bg .first-footer .bloq-email .email input[type="submit"] {

  border: 1px solid #c18847;

  background: #282d32;

  color: #fff;

}

.int_dark_bg .first-footer .bloq-email .email input::-webkit-input-placeholder {

  color: #fff;

}

.int_dark_bg .first-footer .bloq-email .email input:-ms-input-placeholder {

  color: #fff;

}

.int_dark_bg .first-footer .bloq-email .email input::-ms-input-placeholder {

  color: #fff;

}

.int_dark_bg .first-footer .bloq-email .email input::placeholder {

  color: #fff;

}

.int_dark_bg .second-footer {

  background: #282d32;

}

.int_dark_bg .go-up {

  background: #c18847;

}

.int_dark_bg .portfolio .item {

  padding-bottom: 30px;

}

.int_banner_slider .banner_box_wrapper {

  position: relative;

}

.swiper_imgbox .swipper_img > h4 {

  font-size: 12px;

  letter-spacing: 8px;

  text-transform: uppercase;

  color: #c18847;

  margin: 0;

  position: relative;

}

.swiper_imgbox .swipper_img > h4 > span {

  font-size: 90px;

  text-transform: uppercase;

  font-weight: 400;

  color: #252a2d;

  letter-spacing: 12px;

  position: absolute;

  left: 10px;

  right: 0;

  top: -50px;

  z-index: -1;

}

.swiper_imgbox .swipper_img > h2 {

  color: #fff;

  font-weight: 600;

  line-height: 68px;

  text-transform: capitalize;

  font-size: 50px;

  margin-top: 20px;

  margin-bottom: 20px;

}

.swiper_imgbox .swipper_img > h3 {

  font-size: 26px;

  color: #c18847;

  margin-bottom: 20px;

  font-weight: 300;

}

.swiper_imgbox .swipper_img > h3 > .banner_span1 {

  color: #c18847;

}

.swiper_imgbox .swipper_img > p {

  color: #fff;

  margin-bottom: 15px;

}

.swiper_imgbox .homes-list {

  padding-left: 0px;

  padding-bottom: 2.5rem;

  margin: 0;

}

.swiper_imgbox .homes-list li {

  width: 45%;

  float: left;

  font-size: 16px;

  line-height: 40px;

  list-style: none;

  color: #fff;

}

.swiper_imgbox .homes-list li i {

  font-size: 16px;

  margin-right: 8px;

  color: #fff;

}

a.int_btn,

.int_infosidebar .siderbar_contact > a,

.int_infosidebar .siderbar_email > a {

  text-decoration: none;

}

.banner_box_wrapper .swiper_imgbox {

  margin: 140px 0 0;

  padding: 0 15px 0 25px;

}

.banner_box_wrapper .banner_navi {

  position: absolute;

  left: 95px;

  bottom: -8px;

}

.banner_box_wrapper .swiper-button-next,

.banner_box_wrapper .swiper-container-rtl .swiper-button-prev,

.banner_box_wrapper .swiper-button-prev,

.banner_box_wrapper .swiper-container-rtl .swiper-button-next {

  background-image: none;

  text-transform: uppercase;

  width: auto;

  height: auto;

}

.banner_box_wrapper .swiper-button-next,

.banner_box_wrapper .swiper-button-prev {

  color: #fff;

}

.banner_box_wrapper .swiper-button-next,

.banner_box_wrapper .swiper-button-prev {

  bottom: 50px;

  top: auto;

}

.banner_box_wrapper .swiper-button-prev,

.banner_box_wrapper .swiper-container-rtl .swiper-button-next {

  left: 0px;

}

.banner_box_wrapper .swiper-button-next,

.banner_box_wrapper .swiper-container-rtl .swiper-button-prev {

  right: auto;

  left: 97px;

}

.banner_box_wrapper .swiper-button-prev:after,

.banner_box_wrapper .swiper-container-rtl .swiper-button-next:after {

  content: "";

  position: absolute;

  width: 45px;

  height: 1px;

  background: #c18847;

  top: 0px;

  bottom: 0;

  left: -55px;

  margin: auto;

}

.banner_box_wrapper .swiper-button-prev:before,

.banner_box_wrapper .swiper-container-rtl .swiper-button-next:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  right: -55px;

  margin: auto;

  background: #c18847;

  width: 45px;

  height: 1px;

}

.banner_box_wrapper .swiper-button-next:before,

.banner_box_wrapper .swiper-container-rtl .swiper-button-prev:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  right: -55px;

  margin: auto;

  background: #c18847;

  width: 45px;

  height: 1px;

}

.int_main_wraapper {

  overflow: hidden;

  position: relative;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h4 {

  -webkit-animation: fadeInLeft 1s linear;

  animation: fadeInLeft 1s linear;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h2 {

  -webkit-animation: fadeInRight 1s linear;

  animation: fadeInRight 1s linear;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h3 {

  -webkit-animation: fadeInLeft 1s linear;

  animation: fadeInLeft 1s linear;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img p {

  -webkit-animation: fadeInRight 1s linear;

  animation: fadeInRight 1s linear;

}

.banner_box_wrapper

  .swiper-slide.swiper-slide-active

  .imgbox1

  .swipper_img

  .int_btn {

  -webkit-animation: fadeInLeft 1s ease;

  animation: fadeInLeft 1s ease;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h4 {

  -webkit-animation: fadeInDown 1s linear;

  animation: fadeInDown 1s linear;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h2 {

  -webkit-animation: fadeInUp 1s linear;

  animation: fadeInUp 1s linear;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h3 {

  -webkit-animation: fadeInUp 1s linear;

  animation: fadeInUp 1s linear;

}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img p {

  -webkit-animation: fadeInDown 1s linear;

  animation: fadeInDown 1s linear;

}

.banner_box_wrapper

  .swiper-slide.swiper-slide-active

  .imgbox2

  .swipper_img

  .int_btn {

  -webkit-animation: fadeInUp 1s ease;

  animation: fadeInUp 1s ease;

}

.swiper_imgbox .swipper_img > h1 {

  font-size: 90px;

  text-transform: uppercase;

  color: #252a2d;

  font-weight: 600;

  margin-top: 85px;

  margin-left: -9px;

}

.swiper_imgbox .btn_caret {

  right: -29px;

}

@media (max-width: 1024px) {

  .swiper_imgbox .swipper_img > h2,

  .swiper_imgbox .swipper_img > h3 {

    font-size: 30px !important;

    line-height: 27px;

  }

  .int_infosidebar {

    display: none;

  }

}

@media (max-width: 1600px) {

  .swiper_imgbox .swipper_img > h4 > span {

    font-size: 100px;

  }

}

@media (max-width: 1600px) {

  .swiper_imgbox .swipper_img > h2 {

    font-size: 60px;

  }

}

@media (max-width: 1600px) {

  .swiper_imgbox .swipper_img > h3 {

    font-size: 58px;

  }

}

@media (max-width: 1600px) {

  .swiper_imgbox .swipper_img > h1 {

    font-size: 100px;

    margin-top: 30px;

    margin-left: -5px;

  }

}

@media (max-width: 1600px) {

  .banner_box_wrapper .swiper_imgbox {

    margin: 40px 0 0;

    padding: 0 15px 0 0;

  }

}

@media (max-width: 991px) {

  .swiper_imgbox .swipper_img > h4 {

    font-size: 12px !important;

    line-height: 27px;

  }

  .swiper_imgbox .swipper_img > p {

    font-size: 14px !important;

  }

  .swiper_imgbox .swipper_img > h1,

  .swiper_imgbox .swipper_img > h4 > span {

    display: none;

  }

  .main_contentblock {

    padding: 20px 0px 100px;

  }

  .int_content_wraapper.int_content_left {

    margin-left: 20px;

  }

  .banner_box_wrapper .banner_navi {

    left: 70px;

    bottom: -8px;

  }

}

@media (max-width: 767px) {

  .main_contentblock {

    text-align: center;

    padding: 12px 0px 92px;

    width: 80%;

    margin: auto;

  }

}

@media (max-width: 480px) {

  .main_contentblock {

    width: 100%;

  }

}

@media (max-width: 767px) {

  .swiper_imgbox .btn_caret {

    display: none;

  }

  .banner_box_wrapper .banner_navi {

    left: 48%;

    -webkit-transform: translate(-50px, 20px);

    transform: translate(-50px, 20px);

    bottom: 12px;

  }

  .main_imgblock {

    display: none;

  }

  .swiper_imgbox .homes-list .fa-bed,

  .swiper_imgbox .homes-list .fa-bath,

  .swiper_imgbox .homes-list,

  .int_white_bg .swiper_imgbox .homes-list .fa-bed,

  .int_white_bg .swiper_imgbox .homes-list .fa-bath,

  .int_white_bg .swiper_imgbox .homes-list {

    margin-left: 1rem;

  }

  .swiper_imgbox .homes-list li,

  .int_white_bg .swiper_imgbox .homes-list li {

    font-size: 15px !important;

  }

}

@media (max-width: 575px) {

  .int_content_wraapper.int_content_left {

    margin-left: 0;

  }

  .int_content_wraapper {

    margin-left: 0px;

  }

} /* button css */

.int_btn,

.int_btn:focus {

  min-width: 140px;

  height: 50px;

  line-height: 50px;

  display: inline-block;

  outline: none;

  border: none;

  cursor: pointer;

  text-align: center;

  text-transform: uppercase;

  font-size: 14px;

  color: #ffffff;

  background: #c18847;

  position: relative;

  z-index: 1;

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

}

.int_btn:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #333333;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0% 10% 0;

  transform-origin: 0% 10% 0;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.int_btn:hover:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.int_btn.left_zero:before {

  -webkit-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

}

.int_btn_two:focus {

  background: #ff1d4d;

}

.int_btn_two {

  background: #ff1d4d;

  width: 170px;

  letter-spacing: 1px;

}

.btn_caret {

  height: 50px;

  line-height: 53px;

  background: #c18847;

  display: inline-block;

  padding: 0px 12px;

  position: absolute;

  top: 0;

  right: -29px;

}

.btn_caret_two {

  background: #f41a48;

}

.int_btn:hover {

  color: #fff;

  background: #555555;

}

.int_dark_bg .small-category-2-thumb {

  width: 110px;

  height: 80px;

}

.int_dark_bg .small-category-2-thumb img {

  width: 110px;

  height: 90px;

}

.int_dark_bg .small-category-2 {

  padding: 7px;

}

.int_dark_bg .small-category-2 {

  background: #212529;

}

.int_dark_bg .small-category-2-thumb {

  border-radius: 0px;

  background: transparent;

}

.int_dark_bg h4.sc-jb-title a {

  color: #fff;

}

.int_dark_bg .sc-2-detail span,

.int_dark_bg .popular .homes-content .homes-list li i {

  color: #c18847;

}

.int_dark_bg .rec-pro-1 .container-fluid {

  max-width: 1560px;

}

.int_dark_bg .agents-grid {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.int_dark_bg .sc-2-detail .sc-jb-title {

  margin-bottom: 6px;

}

.int_dark_bg .sec-title p {

  color: #e8e4e4;

}

.int_dark_bg .popular .homes-content {

  background: #282d32 !important;

}

.int_dark_bg .popular .homes-content h3,

.int_dark_bg .popular .homes-content .homes-list span,

.int_dark_bg .popular .footer a,

.int_dark_bg .popular .footer span,

.int_dark_bg .blog-section .admin p,

.int_dark_bg .blog-section .action-list,

.int_dark_bg .first-footer .netsocials a .fa-facebook,

.int_dark_bg .first-footer .netsocials a .fa-twitter,

.int_dark_bg .first-footer .netsocials a .fa-google-plus,

.int_dark_bg .first-footer .netsocials a .fa-youtube {

  color: #fff;

}

.int_dark_bg .popular .footer {

  border-top: 1px dashed #c18847;

}

.int_dark_bg .popular .homes-content .homes-list li,

.int_dark_bg .popular .footer a,

.int_dark_bg .popular .footer span {

  font-size: 13.5px;

}

.int_dark_bg .widget.quick-link ul li a:hover,

.int_dark_bg .widget.quick-link ul li a:hover:before {

  color: #c18847;

}

.info-help.h17.igm {

  padding: 9rem 0;

  background: url(../images/owner.jpg) no-repeat scroll center center;

  background-size: cover;

  position: relative;

  z-index: 0 !important;

}

.info-help.h17:before {

  background: none;

}

.info-help.h17 .info-head .info-text {

  background: #212529;

  padding: 30px;

}

.info-help.h17 .info-head .info-text h3 {

  color: #fff;

  line-height: 32px;

}

.info-help.h17 .info-head .info-text h5 {

  color: #fff;

  font-weight: 500;

}

.info-help.h17 .info-head .info-text p {

  color: #f2f2f2;

}

.int_dark_bg .info-help .info-head .info-text .btn-pro {

  background: #c18847;

}

.int_dark_bg section.pricing-table {

  padding: 6rem 0;

}

.plan {

  background: #fff;

  border: 1px solid #dedede;

}

.plan-name {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  display: block;

  font-size: 24px;

  line-height: 47px;

  font-weight: 800;

  padding: 20px 0;

  color: #000;

}

.plan-price {

  font-size: 48px;

  padding: 30px 0;

  margin-bottom: 30px;

  position: relative;

  background: #fdd534;

  color: #fff;

}

.plan-price:after {

  bottom: -30px;

  border: solid transparent;

  content: " ";

  position: absolute;

  border-width: 15px;

  border-top-color: #fdd534;

  left: 50%;

  margin-left: -16px;

}

.plan.featured .plan-price {

  background: #121b22;

}

.plan.featured .plan-price:after {

  border-top-color: #121b22;

}

.plan.featured .plan-name {

  color: #323232;

}

.plan.featured .plan-price {

  color: #fff;

}

.plan-price .currency {

  top: -0.9em;

  font-size: 50%;

  left: -0.01em;

  font-weight: 700;

}

.plan-name small {

  font-family: "Montserrat", sans-serif;

  display: block;

  font-size: 12px;

  font-weight: 600;

  line-height: normal;

}

.plan-price sub {

  font-size: 18px;

  font-weight: 700;

}

.plan ul {

  background: #fff;

  padding: 0;

  margin-bottom: 0;

}

.plan ul li {

  border-top: 1px dashed #dedede;

  padding: 12px 29px;

  font-weight: 500;

}

.plan ul li:first-child {

  border-top: 0 !important;

}

.plan a.btn {

  color: #fff;

  background: #fdd534;

  border: 0px;

  margin: 25px 0;

  padding: 8px 30px;

}

.plan a.btn:hover {

  background: #121b22;

  color: #fff;

}

@media screen and (max-width: 991px) {

  .plan {

    margin-bottom: 40px;

  }

  .plan.no-mgb {

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 767px) {

  .plan.yes-mgb {

    margin-bottom: 40px;

  }

} /*----------------------------*/ /*--- 26. PARALLAX HOME 13 ---*/ /*----------------------------*/

.parallax-searchs.home17 {

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(0, 0, 0, 0.2)),

      to(rgba(0, 0, 0, 0.2))

    ),

    url("../images/airb.jpg") no-repeat center top;

  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),

    url("../images/airb.jpg") no-repeat center top;

  background-size: cover;

  background-attachment: fixed !important;

  width: 100%;

  height: 100vh;

  position: relative;

  z-index: 99;

}

section.portfolio {

  /* lokendra */

  padding: 6rem 0;

  background: #f5f6ff;

}

.bg-white-1 {

  background: url(../images/bg-pattern-dot.png) 0 0 repeat !important;

}

.banner-inner-wrap {

  height: 110vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.banner-inner-area {

  position: relative;

}

.tab-content > .active {

  display: block;

}

.banner-inner .sub-title {

  color: #fff;

  margin-bottom: 22px;

}

.banner-inner h1 {

  color: #fff;

  font-size: 45px;

  line-height: 66px;

  font-family: "Montserrat", sans-serif;

  font-weight: 700;

  margin-bottom: 1.6rem;

  text-transform: capitalize;

}

.homepage-13 .header-user-name,

.homepage-13 .header-user-name:before {

  color: #fff;

}

.homepage-13 .rld-banner-tab .nav-item a.active:before,

.homepage-13 .btn.btn-yellow,

.homepage-13 .range-slider .ui-widget-header,

.homepage-13 .checkboxes input[type="checkbox"]:checked + label:before,

.homepage-13 .btn.btn-outline-light {

  background: #ff5a5f;

}

.homepage-13 .dropdown-filter span::after,

.homepage-13 .parallax-searchs .form-group .nice-select i,

.homepage-13 .parallax-searchs .form-group .nice-select:hover {

  color: #ff5a5f;

}

.homepage-13 .rld-banner-tab {

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}

.homepage-13 .btn-outline-theme.prices,

.homepage-13 .btn-outline-theme.ext {

  color: #fff;

  background: #ff5a5f;

  border: 0px;

}

.homepage-13 .explore__form-checkbox-list.full-filter.filter-block {

  margin-top: 20px;

}

.the-search .range-slider .ui-slider .ui-slider-handle {

  border: 2px solid #ff5a5f;

}

.banner-inner .content {

  margin-top: 20px;

  margin-bottom: 0;

}

.banner-inner .banner-btn-wrap {

  margin-top: 19px;

}

.banner-inner .btn {

  height: 55px;

  line-height: 55px;

}

.banner-inner .video-play-btn {

  height: 55px;

  width: 55px;

  line-height: 52px;

  text-align: center;

  border-radius: 6px;

  display: inline-block;

  border: 2px solid #d4d4d4;

  font-size: 20px;

  color: #fff;

}

.banner-inner .rld-banner-search {

  margin-top: 33px;

}

.thumb-wrap {

  position: absolute;

  bottom: 0;

}

.main-search-area {

  margin-top: -50px;

}

.rld-main-search {

  padding: 50px 30px 35px 30px;

  background: #fff;

  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);

  border-radius: 0 6px 6px 6px;

}

.rld-main-search .rld-single-input,

.rld-main-search .rld-single-select .single-select {

  margin-bottom: 15px;

}

.rld-main-search .btn {

  width: 100%;

}

.btn-yellow {

  background: #ff5a5f;

  color: #fff;

  border: 1px solid #ff5a5f;

}

.btn.btn-yellow {

  height: 48px;

  line-height: 48px;

  padding: 0 30px;

  border-radius: 4px;

  overflow: hidden;

  position: relative;

  border: 1px solid #ff5a5f;

  font-size: 14px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  font-weight: 600;

}

.btn-yellow:hover,

.btn-yellow:focus {

  background: #fff;

  border: 1px solid #ff5a5f;

  color: #687389;

}

.rld-single-input {

  position: relative;

}

.rld-single-input input {

  height: 48px;

  line-height: 48px;

  width: 100%;

  padding: 0 20px;

  border: 1px solid #d4d4d4;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  border-radius: 4px;

  font-size: 15px;

}

.rld-single-input input:hover,

.rld-single-input input:active,

.rld-single-input input:focus {

  border: 1px solid #ff5a5f;

}

.rld-single-input.left-icon:before {

  content: "\f041";

  font-size: 18px;

  font-family: fontawesome;

  color: #ff5a5f;

  position: absolute;

  top: 12px;

  background-size: auto;

  height: 17px;

  width: 12px;

  left: 19px;

  background-repeat: no-repeat;

}

.rld-single-input.left-icon input {

  padding-left: 40px;

}

.rld-single-input textarea {

  height: 120px;

  width: 100%;

  padding: 10px 20px;

  border: 1px solid #d4d4d4;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  border-radius: 4px;

  font-size: 15px;

}

.rld-single-input textarea:hover,

.rld-single-input textarea:active,

.rld-single-input textarea:focus {

  border: 1px solid #ff5a5f;

}

.rld-single-select .single-select {

  height: 48px;

  line-height: 47px;

  width: 100%;

  padding: 0 34px 0 20px;

  border: 1px solid #d4d4d4;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  position: relative;

  border-radius: 4px;

}

.rld-single-select .single-select:hover,

.rld-single-select .single-select:active,

.rld-single-select .single-select:focus {

  border: 1px solid #ff5a5f;

}

.rld-single-select .single-select:after {

  border: 0;

}

.rld-single-select .single-select:before {

  content: "\f0dd";

  font-size: 20px;

  font-family: fontawesome;

  color: #ff5a5f;

  position: absolute;

  top: 0px;

  margin: 0px;

  background-size: auto;

  height: 0px;

  width: 11px;

  right: 14px;

  left: auto;

  background-repeat: no-repeat;

}

.rld-single-select .single-select .list {

  margin-top: 0px;

  width: 100%;

}

.rld-price-slider-wrap .rld-price-slider,

.rld-price-slider-wrap .rld-size-slider {

  height: 5px;

  background: #fff0e5;

  border: 0;

  margin: 20px 0 0 0;

}

.rld-price-slider-wrap .ui-slider-handle {

  height: 24px;

  width: 42px;

  background: #ff5a5f;

  border: 0;

  text-align: center;

  color: #fff;

  border-radius: 30px;

  top: -10px;

  font-size: 13px;

  line-height: 25px;

} /****** banner-search *******/

.rld-banner-search .rld-single-input input {

  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);

  border: 0;

  padding-right: 140px;

}

.rld-banner-search .rld-single-input button {

  position: absolute;

  right: 0;

  top: 0;

  height: 48px;

  line-height: 48px;

  border: 0;

  padding: 0 20px;

  font-weight: 600;

  background: var(--main-color-one);

  color: #fff;

  cursor: pointer;

  border-radius: 0 4px 4px 0;

} /******* banner tab style *****/

.banner-area {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.banner-area .banner-search-wrap {

  margin-top: 24px;

}

.rld-banner-tab {

  border-bottom: 0;

}

.rld-banner-tab .nav-item {

  margin-bottom: 0;

}

.rld-banner-tab .nav-item a {

  border: 0;

  border-radius: 5px 5px 0 0;

  height: 50px;

  line-height: 50px;

  padding: 0 35px;

  margin-right: 15px;

  position: relative;

  display: block;

  letter-spacing: 0.4px;

  background: #fff;

  color: #000;

  font-family: var(--heading-font);

  font-weight: 600;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.rld-banner-tab .nav-item a:hover,

.rld-banner-tab .nav-item a:focus,

.rld-banner-tab .nav-item a.active {

  background: #ff5a5f;

  color: #fff;

}

.rld-banner-tab .nav-item:last-child {

  margin-bottom: 0;

}

.navbar-area-3 {

  background: #fff;

}

.banner-search {

  margin-top: 80px;

} /*----------------------------------------------*/ /*-------- 27. SECTION INFO HELP HOME 13 -------*/ /*----------------------------------------------*/

.info-help.h18 {

  padding: 9rem 0;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(255, 255, 255, 0.1)),

      to(rgba(255, 255, 255, 0.1))

    ),

    url(../images/info-service4.jpg) no-repeat scroll center center;

  background: linear-gradient(

      rgba(255, 255, 255, 0.1),

      rgba(255, 255, 255, 0.1)

    ),

    url(../images/info-service4.jpg) no-repeat scroll center center;

  background-size: cover;

  position: relative;

  z-index: 0 !important;

}

.info-help.h17 {

  padding: 9rem 0;

  background: url(../images/info-service6.jpg) no-repeat scroll center center;

  background-size: cover;

  position: relative;

  z-index: 0 !important;

}

.info-help.h17:before {

  background: none;

}

.info-help.h17 .info-head .info-text {

  background: #fff;

  padding: 30px;

}

.info-help.h17 .info-head .info-text h3 {

  color: #333;

  line-height: 32px;

}

.info-help.h17 .info-head .info-text h5 {

  color: #333;

  font-weight: 500;

}

.info-help.h17 .info-head .info-text p {

  color: #666;

}

.portfolio.ho-17 .item {

  padding-bottom: 30px;

}

@media screen and (max-width: 360px) {

  .banner-inner h1,

  .banner-inner .sub-title {

    display: none;

  }

  .banner-inner-wrap {

    height: 120vh;

  }

}

@media screen and (max-width: 767px) {

  .portfolio .item.sale.h-177.no-pb {

    padding-bottom: 30px;

    margin-bottom: 0px;

  }

  .portfolio .ho17-thelast {

    padding-top: 30px;

    padding-bottom: 0px !important;

  }

}

@media screen and (max-width: 991px) {

  .portfolio .ho17-thelast,

  .portfolio .item.sale.h-177.no-pb {

    padding-bottom: 0px !important;

  }

}

@media screen and (min-width: 992px) {

  .portfolio .item.sale.h-177.no-pb,

  .ho17-thelast.no-pb,

  .rent.h-17.no-pb {

    padding-bottom: 0px !important;

  }

}

.featured-boxes-area {

  position: relative;

  z-index: 1;

  margin-top: -100px;

}

.featured-boxes-inner {

  background-color: #fff;

  border-radius: 5px;

  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}

.featured-boxes-inner .col-lg-3 {

  border-right: 1px solid #eee;

}

.featured-boxes-inner .col-lg-3:last-child {

  border-right: none;

}

.single-featured-box {

  text-align: center;

  position: relative;

  padding: 115px 25px 40px;

  overflow: hidden;

}

.single-featured-box .icon {

  -webkit-transition: 0.4s;

  transition: 0.4s;

  color: #ee0979;

  position: absolute;

  top: 40px;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  margin-top: -12px;

}

.single-featured-box .icon i::before {

  font-size: 55px;

}

.single-featured-box h3 {

  -webkit-transition: 0.4s;

  transition: 0.4s;

  margin: 15px 0;

  font-size: 18px;

}

.single-featured-box p {

  -webkit-transition: 0.4s;

  transition: 0.4s;

  font-size: 14px;

  margin-top: 12px;

  margin-bottom: 0;

}

.single-featured-box .read-more-btn {

  background: -webkit-gradient(

    linear,

    left top,

    right top,

    color-stop(0, #000),

    to(#000)

  );

  background: linear-gradient(90deg, #000 0, #000 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  display: inline-block;

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.6;

  transition: 0.6;

  font-size: 15px;

  font-weight: 400;

  text-decoration: none;

}

.single-featured-box .read-more-btn::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 1px;

  width: 0;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  height: 1px;

  background: -webkit-gradient(

    linear,

    left top,

    right top,

    color-stop(0, #f1ca30),

    to(#f1ca30)

  );

  background: linear-gradient(90deg, #f1ca30 0, #f1ca30 100%);

}

.single-featured-box .read-more-btn:hover::before {

  width: 100%;

}

.single-featured-box:hover .icon {

  top: 23px;

  -webkit-animation: 0.4s ease-in-out iconTop;

  animation: 0.4s ease-in-out iconTop;

}

.single-featured-box:hover h3,

.single-featured-box:hover p {

  -webkit-transform: translateY(-20px);

  transform: translateY(-20px);

}

.single-featured-box:hover .read-more-btn {

  opacity: 1;

  visibility: visible;

  bottom: 23px;

}

@-webkit-keyframes iconTop {

  0% {

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }

  25% {

    opacity: 0;

    -webkit-transform: translate(-50%, -70%);

    transform: translate(-50%, -70%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate(-50%, -40%);

    transform: translate(-50%, -40%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }

}

@keyframes iconTop {

  0% {

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }

  25% {

    opacity: 0;

    -webkit-transform: translate(-50%, -70%);

    transform: translate(-50%, -70%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translate(-50%, -40%);

    transform: translate(-50%, -40%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }

}

@-webkit-keyframes MOVE-BG {

  from {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(88px);

    transform: translateX(88px);

  }

}

@keyframes MOVE-BG {

  from {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(88px);

    transform: translateX(88px);

  }

}

@-webkit-keyframes rotateMe {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes rotateMe {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

} /*----------------------------------------------*/ /*--------- 28. HEADER SLIDER HOME 14 ----------*/ /*----------------------------------------------*/

.slide-left-social {

  position: absolute;

  bottom: 30px;

  left: 40px;

  z-index: 20;

}

.slide-left-social ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

}

.slide-left-social ul li {

  float: left;

  margin-right: 60px;

  position: relative;

}

.slide-left-social ul li:last-child {

  margin-right: 0px;

}

.slide-left-social ul li:after {

  content: "";

  position: absolute;

  width: 36px;

  height: 1px;

  right: -46px;

  top: 50%;

  margin-top: 1px;

  background-color: #000;

}

.slide-left-social ul li:last-child:after {

  display: none;

}

.slide-left-social ul li a {

  color: #000;

  font-size: 10px;

  letter-spacing: 5px;

  text-transform: uppercase;

  font-weight: 600;

  text-decoration: none;

}

.hp-14 .header-user-name,

.hp-14 .header-user-name:before {

  color: #fff;

}

@media (max-width: 778px) {

  .slide-left-social {

    display: none;

  }

}

@media screen and (max-width: 767px) {

  .hp-14 .bg-all {

    margin-top: 30px !important;

  }

} /*----------------------------------------------*/ /*--------- 29. HEADER SEARCH HOME 14 ----------*/ /*----------------------------------------------*/

.int_white_bg.h19 .search-2 .form-group .list li.selected:hover,

.int_white_bg.h19 .search-2 .form-group .list li:hover,

.int_white_bg.h19 .search-2 .form-group .btn,

.int_white_bg.h19 .section-title:before,

.int_white_bg.h19 .btn.btn-outline-light,

.int_white_bg.h19 .services-home .bg-base,

.int_white_bg.h19 .listing-hidden-content,

.int_white_bg.h19 .plan-price,

.int_white_bg.h19 .plan a.btn,

.int_white_bg.h19 .go-up {

  background: #293046;

}

.int_white_bg.h19 a.button.border,

a.button {

  background: #293046;

}

.int_white_bg.h19 .dark-overlay h1,

.int_white_bg.h19 .search-2 .form-group .nice-select i,

.int_white_bg.h19 .section-title h2 {

  color: #293046;

}

.int_white_bg.h19 .dark-overlay h1 span {

  color: #fff;

}

.int_white_bg.h19 .search-2 .form-group .nice-select:hover {

  color: #293046;

}

.int_white_bg.h19 .services-home .border-1,

.int_white_bg.h19 .plan,

.int_white_bg.h19 .plan ul li {

  border: 1px dashed #293046 !important;

}

.int_white_bg.h19 .services-home a.text-base:hover {

  color: #293046;

}

.int_white_bg.h19 .listing-item.compact li {

  color: #fff;

}

.int_white_bg.h19 .team-wrap:hover .team-content .team-info {

  background: #293046;

}

.int_white_bg.h19 .team .team-pro .fa {

  background: #212529;

}

.int_white_bg.h19 .plan a.btn.pro2 {

  background: #293046;

}

.int_white_bg.h19 .first-footer .navigation h3::after,

.int_white_bg.h19 .first-footer .widget h3::after,

.int_white_bg.h20 .first-footer .newsletters h3::after {

  background: #fff;

}

.int_white_bg.h19 .navigation ul li a:hover,

.int_white_bg.h19 .twitter-widget.contuct .twitter-area .text h5 a,

.int_white_bg.h19 .twitter-widget.contuct .twitter-area .text h4 {

  color: #293046;

}

.int_white_bg.h19 .first-footer .bloq-email .email input[type="email"],

.int_white_bg.h19 .first-footer .bloq-email .email input[type="submit"] {

  border: 1px solid #293046;

}

.int_white_bg.h19 #navigation.style-1.black ul li:hover {

  background-color: #293046;

  color: #293046;

}

.int_white_bg.h19 .plan-price:after {

  border-top-color: #293046;

}

.int_white_bg.h19 .plan ul li:first-child {

  border-top: 0 !important;

}

.int_white_bg.h19 .plan ul li:last-child {

  border-bottom: 0 !important;

} /*---------------------------------------------*/ /*--------- 30. HEADER IMAGE HOME 15 ----------*/ /*---------------------------------------------*/

.header-image.home-18 {

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(157, 131, 26, 0.55)),

      to(rgba(157, 131, 26, 0.55))

    ),

    url("../images/bg-details.jpg") no-repeat center top;

  background: linear-gradient(

      rgba(157, 131, 26, 0.55),

      rgba(157, 131, 26, 0.55)

    ),

    url("../images/bg-details.jpg") no-repeat center top;

  background-size: cover;

  background-attachment: fixed !important;

  width: 100%;

  height: 100vh;

}

.home-13 .header-image .left h1 {

  font-size: 40px;

  font-weight: 700;

  line-height: 60px;

  color: #fff;

  margin: 0;

  margin-bottom: 20px;

}

.home-13 .header-image .left p {

  font-size: 17px;

  width: 90%;

  font-weight: 400;

  line-height: 27px;

  color: #fff;

  margin: 0;

}

.home-13 .header-image .left .btn-white {

  background: #f55d2c;

  display: inline-block;

  padding: 12px 35px;

  border-radius: 40px;

  font-size: 15px;

  font-weight: 600;

  color: #fff;

  margin-top: 30px;

  -webkit-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.15);

}

.home-13 a.btn-white {

  text-decoration: none;

}

.home-13 .google-maps.home-18 .filter {

  padding: 20px;

  margin-top: 180px;

  width: 70%;

  position: relative;

  z-index: 1;

  border-radius: 5px;

  background: rgba(255, 255, 255, 0.3);

  border-top: 1px solid rgba(255, 255, 255, 0.2);

  float: right;

  color: #fff;

}

.hp-15 .header-user-name,

.hp-15 .header-user-name:before {

  color: #fff;

}

@media (max-width: 991.98px) {

  .header-image {

    text-align: center;

    padding: 600px 30px;

  }

  .google-maps.home-18 .filter {

    margin-top: 0px;

  }

  .google-maps.home-18 .filter {

    width: 100%;

  }

  .google-maps.home-18 {

    top: 60px;

  }

  .header-image .left {

    margin-top: 150px;

    margin-bottom: 0px;

  }

  .header-image .left h1 {

    font-size: 28px;

    line-height: 37px;

    margin-bottom: 15px;

  }

}

@media screen and (max-width: 767px) {

  .header-image.home-18 {

    height: 10vh;

  }

  .header-image {

    padding: 350px 30px;

  }

  .header-image .left {

    margin-top: 10px;

  }

  .header-image .left h1 {

    font-size: 26px;

  }

  .header-image .left p {

    font-size: 15px;

  }

  .google-maps.home-18 .filter {

    padding: 0px;

  }

  .google-maps.home-18 .filter form {

    background: #f55d2c;

    border-top: 1px solid #f55d2c;

  }

  .home18 .sec-title h2 {

    font-size: 24px !important;

  }

  .home18 .sec-title h2 span::before {

    display: none;

  }

}

@media (max-width: 1024px) {

  .hp-15 .google-maps.home-18 .filter {

    margin-top: 100px;

  }

}

@media screen and (max-width: 767px) {

  .header-image.home-18 {

    padding: 350px 30px;

  }

  .google-maps.home-18 .filter {

    padding: 0px !important;

  }

  .hp-15 .bg-all {

    margin-top: 25px !important;

  }

}

@media (max-width: 768px) {

  .hp-15 .header-image .left,

  .hp-15 .google-maps.home-18 .filter {

    margin-top: 0px !important;

  }

  .hp-15 .header-image .left h1 {

    font-size: 28px;

    line-height: 37px;

    margin-bottom: 15px;

  }

  .hp-15 .google-maps .filter form {

    text-align: left;

    display: none;

    padding: 15px;

    position: absolute;

    width: 100%;

    background: #f55d2c;

  }

  .hp-15 .google-maps .filter {

    min-height: auto;

    width: 50%;

    text-align: center;

    padding: 0;

    margin-top: 16px;

    position: relative;

    z-index: 20;

  }

  .hp-15 .ui-widget-header,

  .hp-15 .google-maps .filter .button {

    background: #1e1629;

  }

}

@media (max-width: 991.98px) {

  .google-maps.home-18 .filter {

    width: 100% !important;

  }

} /*--------------------------------------------*/ /*---- 31. SECTION WHY CHOOSE US HOME 15 -----*/ /*--------------------------------------------*/

section.how-it-works {

  background: #fff;

  padding: 80px 0;

}

.how-it-works .serv-flex {

  background: #fff;

  color: #f55d2c;

  text-align: center;

  padding: 1.5rem;

  border-radius: 5px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);

  border: 1px solid #f1f1f1;

  -webkit-transition: 0.5s ease;

  transition: 0.5s ease;

}

.how-it-works .serv-flex.arrow:after {

  display: none;

}

.how-it-works .art-1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.how-it-works article .fa {

  padding-right: 1rem;

  padding-bottom: 0.5rem;

  font-size: 4rem;

  text-align: left;

}

.how-it-works article img {

  padding-right: 1rem;

  padding-bottom: 0.5rem;

  width: 80px;

  height: 70px;

  text-align: center;

}

.how-it-works .sec-title {

  margin-left: 0.5rem;

}

.how-it-works .sec-title h2 span {

  font-weight: 600;

  color: #111;

}

.how-it-works .sec-title img {

  position: relative;

  width: 151px;

  height: 26px;

}

.how-it-works article h3 {

  color: #222;

  margin: 1.7rem 0 0.2rem;

}

.how-it-works article p {

  color: #666;

  margin-top: 1rem;

  margin-bottom: 0px;

}

.how-it-works .service-1 .serv:hover,

.how-it-works .service-2 .serv:hover {

  cursor: all-scroll;

}

@media screen and (max-width: 767px) {

  .how-it-works .service-1 .serv {

    margin-bottom: 2rem;

  }

  .how-it-works .service-1 .serv:last-child {

    margin-bottom: 0px;

  }

  .how-it-works .mt-50 {

    margin-top: 0px !important;

  }

  .how-it-works .service-1 .serv.mb-0.pt {

    margin-top: 0px !important;

  }

}

@media screen and (max-width: 991px) {

  .how-it-works .mt-50 {

    margin-top: 2rem;

  }

  .how-it-works .service-1 .serv.mb-0 {

    margin-bottom: 0px;

  }

  .how-it-works .service-1 .serv.mb-0.pt {

    margin-top: 2rem;

  }

  .how-it-works .serv-flex:after {

    display: none;

  }

} /*-------------------------------------------*/ /*----- 32. SECTION TESTIMONIALS HOME 15 ----*/ /*-------------------------------------------*/

section.h18.testimonials {

  padding: 6rem 0;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(14, 18, 68, 0.88)),

      to(rgba(14, 18, 68, 0.88))

    ),

    url(../images/bg-testimonials.jpeg) no-repeat scroll center center;

  background: linear-gradient(rgba(14, 18, 68, 0.88), rgba(14, 18, 68, 0.88)),

    url(../images/bg-testimonials.jpeg) no-repeat scroll center center;

  background-size: cover;

}

.h18.testimonials .sec-title h2 {

  color: #fff;

}

.h18.testimonials .sec-title p {

  color: #fff;

}

.h18.testimonials .client-info {

  display: inline-block;

}

.h18.testimonials .client-thumb {

  border-radius: 100%;

  height: 60px;

  margin-right: 20px;

  width: 60px;

  float: left;

}

.h18.testimonials .sngl-client {

  border: 1px solid #fafafa;

  margin-bottom: 30px;

  text-align: center;

  margin: 5px;

}

.h18.testimonials .single-testimonial {

  display: inline-block;

  padding: 0 10px;

  width: 100%;

}

.h18.testimonials .clinet-inner {

  margin-top: 20px;

}

.h18.testimonials .client-info h2 {

  color: #fff;

  font-size: 18px;

  margin-bottom: 5px;

  text-transform: capitalize;

  font-weight: 600;

}

.h18.testimonials .client-info span {

  color: #fff;

  font-size: 13px;

  display: inline-block;

  text-transform: uppercase;

}

.h18.testimonials .client-comment span::before {

  height: 1px;

  background: #4cc700;

  width: 40px;

  content: "";

  position: absolute;

  bottom: 0;

}

.h18.testimonials .client-comment h3 {

  color: #4cc700;

  margin-bottom: 20px;

  text-transform: capitalize;

  font-weight: normal;

  font-style: italic;

}

.h18.testimonials .client-comment {

  background-color: #f55d2c;

  padding: 20px 20px 20px 20px;

  position: relative;

  font-style: italic;

  border-radius: 10px;

  color: #fff;

}

.h18.testimonials .client-comment p {

  margin-bottom: 0;

}

.h18.testimonials .client-comment::after {

  border-left: 15px solid transparent;

  border-right: 15px solid transparent;

  border-top: 16px solid #f55d2c;

  content: "";

  height: 0;

  left: 12px;

  position: absolute;

  width: 0;

  -webkit-transform: rotate(0);

  transform: rotate(0);

  bottom: -16px;

}

.h18.testimonials .client-comment::before {

  color: #fff;

  content: "\f10d";

  font-family: fontawesome;

  font-size: 71px;

  left: 20px;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  text-align: center;

  left: 0;

  right: 0;

  opacity: 0.2;

  font-style: normal;

}

.h18.testimonials .client-thumb img {

  width: 90px;

  border-radius: 50%;

  margin: 0 auto;

}

.h18.testimonials .client-reviews i {

  color: #e54242;

  font-size: 13px;

}

.h18.testimonials .client-comment > ul {

  padding-bottom: 15px;

}

.h18.testimonials .owl-dots {

  text-align: center;

  margin-top: 3rem;

  line-height: 0;

}

.h18.testimonials .owl-dot {

  border-radius: 50px;

  height: 10px;

  width: 10px;

  display: inline-block;

  background: #fff;

  margin-left: 5px;

  margin-right: 5px;

}

.h18.testimonials .owl-dot.active {

  background: #f55d2c;

}

.h18.testimonials .sec-title {

  text-align: center;

  padding-bottom: 2.5rem;

}

.h18.testimonials .sec-title h2 {

  font-size: 28px;

  color: #f55d2c;

}

.h18.testimonials .sec-title h2 span {

  position: relative;

  color: #fff;

}

.h18.testimonials .sec-title h2 span::before {

  position: absolute;

  width: 50px;

  height: 1px;

  background: #f55d2c;

  top: 18px;

  content: "";

  left: -60px;

}

.h18.testimonials .sec-title p {

  margin-top: 20px;

  text-align: center;

  margin-left: auto;

  margin-right: auto;

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  max-width: 550px;

} /*---------------------------------------*/ /*----- 33. HEADER FILTER HOME 15 ------*/ /*---------------------------------------*/

.filter {

  min-height: 300px;

  background: #cbd8e3;

  padding-bottom: 40px;

}

.filter-header {

  background: #48a0dc;

}

.filter .ui-tabs .ui-tabs-panel {

  padding: 50px 0px 0px 0px;

  background: transparent;

}

.filter .ui-tabs .ui-tabs-nav {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.filter .ui-tabs .ui-tabs-nav .ui-tabs-anchor {

  text-align: center;

  font-weight: 700;

  color: white;

  padding: 16px;

  min-width: 100px;

}

.filter .ui-tabs .ui-tabs-nav li.ui-state-active a {

  background: #408dc1;

}

.filter .ui-tabs .ui-tabs-nav li.ui-state-active a:after {

  content: "";

  position: absolute;

  bottom: -9px;

  left: 50%;

  margin-left: -9px;

  border-width: 9px 9px 0;

  border-style: solid;

  border-color: #408dc1 transparent;

  display: block;

  width: 0;

  z-index: 1;

}

.filter .ui-tabs .ui-tabs-nav li {

  margin: 0;

  padding: 0;

  border: none;

  border-radius: 0px;

  background: none;

}

.filter label {

  display: block;

}

.filter label.label-submit {

  visibility: hidden;

  display: inline-block;

}

.filter-item {

  float: left;

  margin-right: 2.6%;

  width: 23%;

}

.filter-item-7 {

  width: 31.6%;

}

.filter-item-7:nth-child(3) {

  margin-right: 0;

}

.filter-item-7:nth-last-child(4) {

  width: 23%;

}

.filter-item-7:nth-last-child(3) {

  width: 23%;

}

.filter-item-7:nth-last-child(2) {

  width: 23%;

}

.filter-item-7:last-child {

  width: 23%;

  margin-right: 0;

}

.noUi-horizontal {

  height: 8px;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  background: rgba(0, 0, 0, 0.09);

  margin-bottom: 53px;

  margin-top: 7px;

}

.filter .noUi-horizontal {

  background: white;

}

.noUi-connect {

  background: #48a0dc;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.noUi-horizontal .noUi-handle {

  cursor: pointer;

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

  background: white;

  width: 20px;

  height: 20px;

  border-radius: 100%;

}

.noUi-horizontal .noUi-handle:before,

.noUi-horizontal .noUi-handle:after {

  content: "";

  display: none;

}

.noUi-horizontal .noUi-tooltip {

  bottom: auto;

  top: 23px;

  font-size: 11px;

  background: rgba(0, 0, 0, 0.05);

  border: none;

  padding: 3px 4px;

}

.filter-item .area-filter {

  width: 48.5%;

  float: left;

}

.filter-item .area-filter.filter-1 {

  margin-right: 3% !important;

}

.area-filter:nth-last-child(2) {

  margin-right: 0;

}

.filter-item .button {

  width: 100% !important;

  cursor: pointer;

  color: #fff;

}

.filter-with-slider {

  margin-top: -51px;

  color: white;

  min-height: auto;

  position: relative;

  z-index: 100;

  background: transparent;

}

.filter-with-slider .tabs.ui-widget {

  background: #408dc1;

}

.filter-with-slider .ui-tabs .ui-tabs-panel {

  padding: 20px 20px 0px 20px;

}

.filter-with-slider .filter-item:nth-last-child(2) {

  margin-right: 0;

}

.filter-with-slider label {

  color: white;

}

.filter-with-slider .noUi-horizontal {

  background: rgba(0, 0, 0, 0.13);

}

.filter-with-slider .noUi-connect {

  background: #323746;

}

.filter-with-slider .noUi-horizontal .noUi-tooltip {

  color: white;

}

.filter-with-slider .button {

  background: #323746;

} /** FILTER GOOGLE MAPS **/

.google-maps .filter {

  padding: 20px;

  margin-top: 40px;

  width: 30%;

  position: relative;

  z-index: 100;

  border-radius: 5px;

  background: #fdd534;

  float: right;

  color: #fff;

}

.google-maps .fa-search {

  margin-right: 0.5rem;

}

@media screen and (max-width: 767px) {

  .google-maps .filter .filter-toggle {

    display: block;

  }

  .google-maps .filter h6 {

    margin-bottom: 0px;

  }

  .google-maps .filter {

    min-height: auto;

    width: 50%;

    text-align: center;

    padding: 0;

    margin-top: 16px;

    position: relative;

    z-index: 20;

  }

  .google-maps .filter form {

    text-align: left;

    display: none;

    padding: 15px;

    position: absolute;

    width: 100%;

    background: #fdd534;

  }

  .google-maps .filter .filter-item {

    width: 100% !important;

  }

  .google-maps .slider_amount {

    font-size: 14px !important;

  }

}

@media screen and (max-width: 575px) {

  .google-maps .filter {

    width: 100%;

  }

}

@media screen and (max-width: 991px) {

  .google-maps .slider_amount {

    font-size: 12px;

  }

  .info-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 200px;

  }

  .info-box-img {

    width: 100%;

    margin-bottom: 1rem;

  }

  .info-box h4 {

    font-size: 1.2rem;

    text-align: center;

  }

  .info-box p {

    font-size: 13px;

    text-align: center;

  }

  .small {

    font-size: 14px !important;

    text-align: center;

  }

}

.google-maps .filter .filter-toggle {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  cursor: pointer;

  padding: 20px;

  color: white;

  font-weight: 700;

}

.google-maps .filter-item {

  width: 100%;

  float: none;

}

.google-maps .filter-item:nth-last-child(2) input {

  margin-bottom: 0px;

}

.google-maps .filter-item label {

  font-size: 15px;

  font-weight: 400;

  margin-bottom: 10px;

  color: white;

}

.google-maps .filter-half {

  width: 48.5%;

  margin-right: 3%;

  float: left;

}

.google-maps .filter-half-last {

  margin-right: 0;

}

.google-maps .noUi-connect {

  background: #323746;

}

.google-maps .noUi-horizontal .noUi-tooltip {

  color: white;

}

.google-maps .filter .button {

  background: #121b22;

  margin-bottom: 5px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.google-maps .filter .button:hover {

  background: #fff;

  color: #000;

} /** FORM ELEMENTS **/

.google-maps input,

.google-maps textarea,

.google-maps select {

  width: 100%;

  padding: 9px;

  margin-bottom: 20px;

  border-radius: 3px;

  border: none;

  font-weight: 400;

  color: #000;

  font-family: "Lato", sans-serif;

  background: white;

}

input[type="file"] {

  background: white;

  border: none;

  padding: 5px 0px 5px 0px;

  width: auto;

  display: inline-block;

}

.chosen-container {

  margin-bottom: 20px;

  width: 100% !important;

}

.chosen-container.chosen-with-drop .chosen-single {

  border: none;

  background: white;

}

.chosen-container .chosen-single {

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 3px;

  background: white;

  height: 39px;

  line-height: 39px;

  font-size: 15px;

}

.chosen-container .chosen-single div {

  top: 8px;

  right: 6px;

}

.chosen-container .chosen-drop {

  border: none;

}

.chosen-container .chosen-search {

  padding: 10px;

}

.chosen-container .chosen-results {

  padding: 0px 10px 10px 10px;

}

.chosen-container .chosen-results li.highlighted {

  background: #48a0dc;

  border-radius: 2px;

}

input[type="checkbox"],

input[type="radio"] {

  width: auto;

  margin-right: 5px;

}

textarea {

  height: 130px;

}

input.border,

select.border,

textarea.border,

.form-block.border .chosen-container .chosen-single,

.form-block.border .chosen-container .chosen-drop {

  border: 1px solid rgba(0, 0, 0, 0.15);

}

.form-block.border .chosen-container .chosen-results {

  padding-top: 10px;

}

.form-block label {

  display: block;

}

.form-block label .error {

  color: red;

  font-size: 12px;

  margin-left: 10px;

}

.search-form {

  position: relative;

}

.search-form button[type="submit"] {

  border: none;

  background: none;

  position: absolute;

  right: 13px;

  top: 10px;

  color: #97aab7;

}

.button.small {

  padding: 6px 23px 6px 23px;

  font-size: 12px;

  color: #fff;

  background: #fdd534;

  display: inline-block;

  width: auto;

  border: none;

  cursor: pointer;

  text-decoration: none;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.button.small:hover {

  background: #121b22;

} /*------------------------------------------*/ /*--- 34. SECTION VISITED CITIES HOME 15 ---*/ /*------------------------------------------*/

section.visited-cities {

  padding: 6rem 0;

}

.visited-cities .img-box {

  height: 280px;

  display: inline-block;

  position: relative;

  width: 100%;

  overflow: hidden;

  margin-bottom: 1rem;

  z-index: 90;

  border-radius: 3px;

}

.bg-white-2 {

  background: #f8f8f8 !important;

}

.visited-cities .img-box.no-mb {

  margin-bottom: 0px;

}

.visited-cities .img-box:hover {

  background: #fdd534;

}

.visited-cities .img-box:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

  content: "";

  background-color: #121b22;

  opacity: 0.3;

  z-index: 99;

  -webkit-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}

.visited-cities .listing-badges {

  position: absolute;

  top: 0;

  z-index: 999;

  right: 0;

  width: 100%;

  display: block;

  font-size: 16px;

  font-weight: bold;

  padding: 0px;

  overflow: hidden;

  height: 100px;

}

.visited-cities .listing-badges .featured {

  background-color: #fdd534;

  float: left;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  left: -67px;

  top: 17px;

  position: relative;

  text-align: center;

  width: 200px;

  font-size: 13px;

  margin: 0;

}

.visited-cities .listing-badges span {

  color: #fff;

  display: inline-block;

  padding: 3px;

  float: right;

  background-color: rgba(74, 74, 76, 0.7);

  border-radius: 3px;

  top: 15px;

  right: 15px;

  position: absolute;

}

.visited-cities .starts {

  list-style: none;

  margin-top: 0;

  padding: 0px;

  margin-bottom: 0px;

}

.visited-cities .starts li {

  text-align: center;

  display: inline-block;

  margin-bottom: 0px;

}

.visited-cities .starts .fa {

  color: #fe4f4f !important;

}

.visited-cities .starts ul {

  margin-bottom: 0px;

}

.visited-cities .img-box-content {

  position: absolute;

  z-index: 101;

  top: 50%;

  margin: 0 auto;

  text-align: center;

  width: 100%;

  -webkit-transform: translate(0, -50.5%);

  transform: translate(0, -50.5%);

}

.visited-cities .img-box-content h4 {

  font-size: 20px;

  color: #fff;

  margin: 0;

}

.visited-cities .img-box-content span {

  font-size: 16px;

  color: #fff;

}

.visited-cities .img-box img {

  background-size: cover;

  background-position: 50%;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.55s;

  transition: all 0.55s;

  position: absolute;

  top: 0;

  left: 0;

  background-repeat: no-repeat;

  -webkit-transition: -webkit-transform 0.35s ease-out;

  transition: -webkit-transform 0.35s ease-out;

  transition: transform 0.35s ease-out;

  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;

}

@media screen and (max-width: 991px) {

  .visited-cities .pr {

    padding-right: 5px;

  }

  .tp-caption.have {

    bottom: -80px;

  }

}

@media screen and (max-width: 767px) {

  .visited-cities .img-box.no-mb {

    margin-bottom: 1.5rem;

  }

  .visited-cities .img-box.no-mb.x3 {

    margin-bottom: 0px;

  }

  .visited-cities .img-box.san.no-mb.x3 {

    margin-bottom: 0px !important;

  }

  .visited-cities .img-box.mi,

  .visited-cities .img-box {

    margin-bottom: 1.6rem !important;

  }

  .visited-cities .bg-all {

    margin-top: 0px;

  }

  .visited-cities .pr-1,

  .feature-categories .pr-1,

  .feature-categories .mt,

  .visited-cities .pr {

    padding-right: 15px !important;

  }

}

.info-help.h17.car {

  padding: 9rem 0;

  background: url(../images/bg-testimonials.jpg) no-repeat scroll center center;

  background-size: cover;

  position: relative;

  z-index: 0 !important;

} /*-----------------------------------------------*/ /*--------- 35. PARALLAX IMAGE HOME 16 ----------*/ /*-----------------------------------------------*/

.home-14 .parallax-search {

  position: relative;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(0, 0, 0, 0.63)),

      to(rgba(0, 0, 0, 0.63))

    ),

    url("../images/home-bg.jpg") no-repeat center top;

  background: linear-gradient(rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63)),

    url("../images/home-bg.jpg") no-repeat center top;

  background-size: cover;

  background-attachment: fixed !important;

  width: 100%;

  height: auto;

}

.home-14 .parallax-search .hero-inner {

  text-align: center;

  padding: 205px 0;

  position: relative;

}

.home-14 .parallax-search .welcome-text p {

  color: #fff;

  font-size: 19px;

  text-transform: capitalize;

  font-weight: 400;

}

.home-14 .parallax-search .welcome-text h1 {

  font-size: 40px;

  color: #fff;

  line-height: 57px;

  text-transform: capitalize;

}

.home-14 .parallax-search .trip-search {

  margin-top: 30px;

}

.home-14 .parallax-search .hero-inner {

  margin-top: 100px;

  margin-bottom: 0px;

}

.home-14 section.counterup {

  padding-bottom: 0px;

}

.hp-16 .header-user-name,

.hp-16 .header-user-name:before {

  color: #fff;

}

@media only screen and (max-width: 414px) {

  .home-14 .parallax-search .hero-inner {

    margin-top: 50px !important;

  }

}

@media only screen and (max-width: 450px) {

  .homepage-3 .parallax-search .hero-inner {

    margin-top: 0px !important;

    padding: 150px 0;

  }

  .homepage-3 .parallax-search .welcome-text h1 {

    font-size: 20px !important;

    margin-bottom: 40px;

    line-height: 34px;

  }

  .homepage-3.the-search .welcome-text p,

  .homepage-3 .icon-last {

    display: none;

  }

  .homepage-3 .popular-searchs li a {

    width: 70px;

  }

  .the-search .rld-main-search {

    margin-right: 0px;

  }

  .homepage-3 .welcome-area {

    height: 940px;

    z-index: 1;

  }

  .homepage-3 h5.categories-headline {

    margin-top: 30px;

  }

  .homepage-3 .popular-searchs li a .box span {

    font-size: 14px;

  }

} /*-------------------------------------------*/ /*------ 36. SECTION COUNTER UP HOME 16 -----*/ /*-------------------------------------------*/

.home-14 section.counterup {

  padding-top: 30px;

  background: transparent;

  border-radius: 0px 0px 5px 5px;

  color: #fff;

  text-align: center;

}

.home-14 .counterup .countr .fas {

  font-size: 3rem;

  color: #fdd534;

  border-radius: 5px;

  margin-right: 1rem;

}

.home-14 .counterup .countr p {

  font-size: 1.8rem;

  font-weight: 600;

  line-height: 30px;

  margin-bottom: 0px;

  color: #fff;

}

.home-14 .counterup .title-style h2,

.counterup .title-style p {

  color: #fdd534;

}

.home-14 .counterup .title-style span {

  color: #666;

}

.home-14 .counterup .countr {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.home-14 .counterup h3 {

  font-family: "Nunito", sans-serif;

  text-transform: capitalize;

  color: #fff;

  font-size: 16px;

  font-weight: 300;

  margin-bottom: 0px;

}

@media screen and (max-width: 991px) {

  .home-14 .counterup .countr h3 {

    margin-bottom: 5rem;

  }

  .home-14 .counterup .countr.mb-0 h3 {

    margin-bottom: 0px;

  }

  .home-14 .counterup .countr {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .home-14 .counterup .countr p {

    padding: 0px;

  }

  .home-14 h3.specific:last-child {

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 767px) {

  .home-14 .counterup .countr.mb-0 h3 {

    margin-bottom: 5rem;

  }

  .home-14 .counterup .countr.mb-0.last {

    margin-right: 1rem;

  }

  .home-14 .counterup .countr.mb-0.last h3 {

    margin-bottom: 0px;

  }

  .home-14 .counterup .countr .fa {

    margin-top: 0px;

  }

} /*------------------------------------------------*/ /*------ 37. POPULAR JOB CATEGORIES HOME 16 ------*/ /*------------------------------------------------*/

.home-14 section.popular-job {

  padding: 6rem 0;

}

.home-14 .popular-job-item {

  text-align: center;

  background: #fff;

  -webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

  box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

  padding: 30px;

  position: relative;

  overflow: hidden;

}

.home-14 .popular-job-item:before {

  position: absolute;

  background: #f5f6ff;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  left: -30px;

  content: "";

  bottom: -30px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.home-14 .popular-job-item:hover:before {

  background: #2a41e8;

  width: 100%;

  height: 100%;

  left: 0;

  bottom: 0;

  content: "";

  border-radius: 0px;

}

.home-14 .popular-job-item i:before {

  margin: 0;

  color: #2a41e8;

  font-size: 40px;

  line-height: 50px;

  display: block;

  vertical-align: middle;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.home-14 .popular-job-item:hover h5,

.home-14 .popular-job-item:hover p,

.home-14 .popular-job-item:hover i:before {

  color: #fff;

  opacity: 0.9;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}

.home-14 .popular-job-item h5 {

  font-size: 16px;

  margin-top: 20px;

  margin-bottom: 7px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.home-14 .popular-job-item p {

  color: #555;

  margin-bottom: 0px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

.home-14 .step-point {

  position: absolute;

  top: 15px;

  right: 15px;

  font-size: 30px;

  font-weight: 400;

  color: #2a41e8;

  opacity: 0.1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  font-family: "Roboto", sans-serif;

}

.home-14 .mt-44.second {

  margin-top: 30px;

}

.home-14 .m-b30 {

  margin-bottom: 30px;

}

.home-14 .job-bx {

  height: 180px;

  border-radius: 4px;

  background-size: cover;

  z-index: 1;

  position: relative;

  -webkit-box-shadow: 0 0 10px 0 rgba(42, 65, 232, 0.1);

  box-shadow: 0 0 10px 0 rgba(42, 65, 232, 0.1);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.home-14 .job-bx:after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: #2a41e8;

  opacity: 0.5;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  border-radius: 4px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.home-14 .job-bx:hover:after {

  background-color: #2a41e8;

  opacity: 0.95;

}

.home-14 .job-info {

  position: relative;

  bottom: 97px;

  z-index: 1;

  padding: 20px 0 0 20px;

  color: #fff;

}

.home-14 .job-info h5 {

  font-family: "Nunito", sans-serif;

  color: #fff;

  font-size: 16px;

  line-height: 1.3;

  font-weight: 600;

  margin-bottom: 16px;

}

.home-14 .job-info span {

  font-family: "Nunito", sans-serif;

  font-size: 15px;

  font-weight: 400;

  color: #fff;

  padding: 7px 10px;

  border-radius: 5px;

  background: -webkit-gradient(

    linear,

    left top,

    left bottom,

    from(rgba(0, 0, 0, 0.4)),

    to(rgba(0, 0, 0, 0.4))

  );

  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));

  opacity: 0.9;

}

.home-14 .job-bx:after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: #000930;

  opacity: 0.4;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  border-radius: 4px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

@media screen and (max-width: 767px) {

  .home-14 .rtmb-30 {

    margin-bottom: 30px;

  }

  .home-14 .job-listing-footer ul {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    line-height: 37px;

  }

  .home-14 .job-listing-footer .c-logo {

    display: none;

  }

  .home-14 .the-heart {

    width: 100% !important;

    margin-left: 0px !important;

  }

  .home-14 .the-heart span.fav-job {

    margin-left: 0 !important;

  }

  .home-14 .the-heart .far {

    padding-left: 0px !important;

  }

  .home-14 .the-heart span.job-is {

    margin-top: 0px !important;

  }

}

@media screen and (max-width: 767px) {

  .home-14 .mt-mobil {

    margin-top: 30px;

  }

}

.home-14 .info-help {

  padding: 6rem 0;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(255, 255, 255, 0.3)),

      to(rgba(255, 255, 255, 0.3))

    ),

    url(../images/1.jpg) no-repeat scroll center center;

  background: linear-gradient(

      rgba(255, 255, 255, 0.3),

      rgba(255, 255, 255, 0.3)

    ),

    url(../images/1.jpg) no-repeat scroll center center;

  background-size: cover;

  position: relative;

  z-index: 3;

} /*---------------------------------------------*/ /*------ 38. SECTION FEATURED JOB HOME 16 -----*/ /*---------------------------------------------*/

.home-14 section.featured-job {

  padding: 6rem 0;

  background: #f5f6ff;

}

.home-14 .featured-job-list {

  float: left;

  width: 100%;

}

.home-14 .job-listing {

  float: left;

  width: 100%;

  display: table;

  border-bottom: 1px solid #e8ecec;

  padding: 30px;

  background: #ffffff;

  border-left: 4px solid #ffffff;

}

.home-14 .job-title-sec.home {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.home-14 .job-listing .job-listing-footer {

  background-color: #fff;

  padding: 0px;

  border-radius: 0 0 4px 4px;

  width: 80%;

  position: relative;

}

.home-14 .the-heart {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 50%;

}

.home-14 .the-heart span.job-is {

  margin: 0px;

  color: #333;

  font-size: 16px;

}

.home-14 .the-heart span.fav-job {

  margin: 0px;

}

.home-14 .job-listing .job-listing-footer ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.home-14 .job-listing .job-listing-footer ul li {

  display: inline-block;

  margin-right: 14px;

  font-size: 14px;

  color: #666;

  font-weight: 400;

}

.home-14 .job-listing .job-listing-footer ul li:last-child {

  margin-right: 0;

}

.home-14

  .job-listing

  .job-listing-footer

  ul

  li

  i.icon-material-outline-location-on {

  margin-right: 0;

}

.home-14 .job-listing .job-listing-footer ul li i {

  position: relative;

  top: 1px;

  margin-right: 3px;

  font-size: 14px;

  color: #666;

  font-weight: 400;

}

.home-14 .c-logo {

  float: left;

  margin-right: 2rem;

  width: 60px;

  text-align: center;

}

.home-14 .c-logo img {

  float: none;

  display: inline-block;

  max-width: 100%;

}

.home-14 .job-title-sec h3 {

  display: table;

  font-size: 16px;

  color: #333;

  font-weight: 600;

  text-decoration: none;

  margin: 0;

  margin-bottom: 0px;

  margin-bottom: 14px;

  margin-top: 3px;

}

.home-14 .job-title-sec h3 a {

  font-size: 16px;

  color: #333;

  line-height: 1.3;

  font-weight: 600;

  text-decoration: none;

}

.home-14 .job-title-sec span {

  float: left;

  font-family: "Asap", sans-serif;

  color: #666;

  font-weight: 400;

  margin-top: 1px;

}

.home-14 .job-lctn {

  display: table-cell;

  vertical-align: middle;

  font-size: 13px;

  color: #888888;

  line-height: 23px;

  width: 25%;

}

.home-14 .the-heart .far {

  padding-left: 4rem;

  font-size: 1.3rem;

}

.home-14 .fav-job {

  font-size: 25px;

  color: #666;

  cursor: pointer;

}

.home-14 .job-is {

  background: #f5f6ff;

  color: #333;

  font-size: 1rem;

  border-radius: 5px;

  padding: 12px 0;

  width: 108px;

  margin: 0;

  text-align: center;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.home-14 .job-is:hover {

  background: #2a41e8;

  color: #fff !important;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  border-left-color: #8b91dd;

  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

  z-index: 1;

  position: relative;

}

.home-14 .job-listing:hover {

  border-left-color: #2a41e8;

  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  z-index: 1;

  position: relative;

}

.home-14 .job-listing:last-child {

  border-bottom-color: #ffffff;

}

.home-14 .heading.light h2 {

  color: #ffffff;

}

.home-14 .heading.light span {

  color: #ffffff;

}

.home-14 .layer.color.light::before {

  background: #8b91dd;

  opacity: 0.9;

}

.home-14 .reviews {

  float: left;

  width: 100%;

  background: #ffffff;

  border-radius: 8px;

  padding: 30px 30px;

  position: relative;

  margin-top: 47px;

}

.home-14 .reviews img {

  border-radius: 50%;

  width: 100px;

  height: 100px;

  margin-top: -75px;

}

.home-14 .reviews h3 {

  float: left;

  width: 100%;

  font-size: 18px;

  color: #202020;

  margin: 0;

  margin-top: 0px;

  margin-bottom: 0px;

  margin-top: 40px;

  margin-bottom: 20px;

}

.home-14 .reviews h3 span {

  font-size: 15px;

  color: #888888;

  margin-left: 10px;

}

.home-14 .reviews p {

  float: left;

  width: 100%;

  margin: 0;

  margin-bottom: 0px;

  font-size: 13px;

  color: #888888;

  letter-spacing: 0px;

  line-height: 24px;

  margin-bottom: 15px;

}

.home-14 .reviews::before {

  position: absolute;

  right: 40px;

  top: 20px;

  content: "“";

  font-size: 100px;

  font-weight: bolder;

  -webkit-transform: rotate(-180deg);

  transform: rotate(-180deg);

  line-height: 30px;

  color: #8b91dd;

}

.home-14 .reviews-sec {

  float: left;

  width: 100%;

}

.home-14 .comp-sec {

  float: left;

  width: 100%;

}

.home-14 .company-img {

  float: left;

  width: 20%;

  text-align: center;

}

.home-14 .company-img a {

  float: left;

  width: 100%;

}

.home-14 .company-img a img {

  float: none;

  display: inline-block;

  max-width: 100%;

}

.home-14 .fav-job.active {

  color: #ff0000;

} /*------ BUTTOM HOVER EFFECT ------*/

.home-14 .featured-job .bg-all {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 2rem;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.home-14 .featured-job .btn.btn-outline-light {

  background-color: transparent;

  color: #2a41e8;

  border-color: #2a41e8;

  font-size: 16px;

  font-weight: bold;

  border-radius: 3rem;

  padding: 0.9rem 2.5rem 0.9rem 2rem;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.home-14 .featured-job .btn.btn-outline-light:hover {

  background: #2a41e8;

  color: #fff;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.home-14 .featured-job .btn.btn-outline-light:after {

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.home-14 .featured-job .btn.btn-outline-light:hover:after {

  left: 1rem;

  color: #fff;

  -webkit-transform: rotateZ(-360deg);

  transform: rotateZ(-360deg);

}

@media screen and (max-width: 767px) {

  .home-14 .job-listing .job-listing-footer p {

    padding-left: 0px;

  }

  .home-14 .pagination.list.free-1 {

    margin-top: 0px !important;

  }

}

@media screen and (max-width: 991px) {

  .home-14 .job-listing .job-listing-footer {

    width: 100%;

  }

  .home-14 .the-heart {

    margin-left: 0;

    width: 100%;

    margin-top: 1.5rem;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .home-14 .job-title-sec {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

} /*--------------------------------------------*/ /*------ 39. SECTION FREELANCERS HOME 16 -----*/ /*--------------------------------------------*/

.home-14 section.freelancers {

  padding: 6rem 0;

  background: #f5f6ff;

}

.home-14 .agents-grid {

  position: relative;

  background: #ffffff;

  margin: 0 30px 0 0;

  border-radius: 6px;

  border: none;

  -webkit-box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.1);

  box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.1);

}

.home-14 .agents-grid-wrap {

  padding: 30px;

}

.home-14 .fr-grid-thumb {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  float: none;

  bottom: 0px;

  display: table;

  position: relative;

  margin: 0.8rem auto;

  -webkit-box-shadow: 0px 0px 0px 5px rgba(25, 25, 25, 0.05);

  box-shadow: 0px 0px 0px 5px rgba(25, 25, 25, 0.05);

}

.home-14 .fr-grid-thumb img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

}

.home-14 .freelancers h3 a {

  font-size: 17px;

  color: #333;

  line-height: 27px;

  font-weight: 600;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.home-14 .freelancers h3 a:hover {

  color: #2a41e8;

}

.home-14 .fr-grid-deatil span {

  font-family: "Asap", sans-serif;

  font-size: 15px;

  font-weight: 400;

  color: #666;

}

.home-14 .fr-grid-deatil {

  text-align: center;

}

.home-14 .fr-grid-deatil img {

  display: inline-block;

}

.home-14 .fr-can-name {

  margin-top: 10px;

  margin-bottom: 0px;

}

.home-14 .fr-position {

  font-size: 15px;

}

.home-14 .freelancers .starts span {

  background: #fff;

  color: #2a41e8;

  font-size: 12px;

  font-weight: 700;

  padding: 5px;

  border: 2px dashed #febe42;

  border-radius: 50%;

}

.home-14 .freelancers .starts {

  list-style: none;

  margin-top: 15px;

  padding: 0px;

  margin-bottom: 0px;

}

.home-14 .freelancers .starts li {

  text-align: center;

  display: inline-block;

  margin-bottom: 0px;

}

.home-14 .freelancers .starts .fa {

  color: #febe42;

  font-size: 14px;

}

.home-14 .freelancers .starts ul {

  margin-bottom: 0px;

}

.home-14 .fr-grid-info {

  margin-bottom: 1.5rem;

}

.home-14 .fr-grid-info ul {

  margin: 0;

  padding: 0;

}

.home-14 .fr-grid-info ul li {

  list-style: none;

  padding: 15px 30px;

}

.home-14 .fr-grid-info ul li:nth-child(even) {

  background: #fff;

}

.home-14 .fr-grid-info ul li span {

  color: #333;

  font-family: "Asap", sans-serif;

  font-size: 14px;

  font-weight: 700;

  float: right;

}

.home-14 .fr-grid-footer {

  padding: 0rem 30px 30px;

}

.home-14 .btn-outline-theme {

  color: #fff;

  background-color: #2a41e8;

  border: 2px solid #2a41e8;

  -webkit-transition: 0.2s ease-in;

  transition: 0.2s ease-in;

}

.home-14 .full-width {

  width: 100%;

}

.home-14 .btn-outline-theme:hover,

.home-14 .btn-outline-theme:focus {

  color: #ffffff !important;

  background-color: #121b22;

  border-color: #121b22;

}

.home-14 .jb-bookmark {

  position: absolute;

  left: 20px;

  top: 20px;

  font-size: 22px;

  color: #aab5cc;

}

.home-14 .overall-rate {

  position: absolute;

  right: -10px;

  bottom: 5px;

  background: #38b653;

  border-radius: 50%;

  text-align: center;

  line-height: 28px;

  width: 30px;

  height: 30px;

  font-size: 11px;

  font-weight: 800;

  color: #ffffff;

  border: 2px solid #ffffff;

}

.home-14 .agent-call {

  position: absolute;

  right: 29px;

  top: 32px;

}

.home-14 .agent-call a,

.home-14 .agent-call a:hover,

.home-14 .agent-call a:focus {

  color: #feb342;

  font-size: 38px;

}

.home-14 .bg-white {

  background: #fff;

} /*-----------------------------------*/ /*------ 40. SECTION FOOTER ------*/ /*-----------------------------------*/

.first-footer .top-footer {

  background: rgba(18, 27, 34, 0.98);

  color: #fff;

  padding: 6rem 0;

}

.first-footer .logo img {

  width: 180px;

  height: auto;

  margin-bottom: 1.6rem;

}

@media screen and (max-width: 991px) {

  .first-footer .netabout {

    margin-bottom: 0px;

  }

  .first-footer .netabout p {

    margin-bottom: 2rem !important;

  }

}

.first-footer .netabout h3 {

  margin-bottom: 2rem;

}

.first-footer .netabout h3::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.first-footer .netabout p {

  margin-bottom: 2rem;

  font-weight: 400;

  color: #fff;

}

.first-footer .netsocials {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  list-style: none;

  margin: 0;

  padding: 0;

}

.first-footer .netsocials a .fa {

  font-size: 1rem;

  text-align: center;

  background: transparent;

  width: 2.5rem;

  height: 2.5rem;

  line-height: 2.5rem;

  margin-right: 1.5rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.first-footer .netsocials a .fa-facebook {

  background: transparent;

  color: #fdd534;

}

.first-footer .netsocials a .fa-facebook:hover {

  background: #3b5998;

  color: #fff;

}
.first-footer .netsocials a .fa-linkedin:hover {

  background: #0077b5;

  color: #fff;

}

.first-footer .netsocials a .fa-twitter {

  background: transparent;

  color: #fdd534;

}

.first-footer .netsocials a .fa-twitter:hover {

  background: #1da1f2;

  color: #fff;

}

.first-footer .netsocials a .fa-google-plus {

  background: transparent;

  color: #fdd534;

}

.first-footer .netsocials a .fa-google-plus:hover {

  background: #dd4b39;

  color: #fff;

}

.first-footer .netsocials a .fa-youtube {

  background: transparent;

  color: #fdd534;

  margin-right: 0px;

}

.first-footer .netsocials a .fa-youtube:hover {

  background: #cd201f;

  color: #fff;

}

.first-footer h3 {

  margin-bottom: 2rem;

  color: #fff;

}

.first-footer .contactus h3::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.first-footer .contactus ul li:last-child,

.first-footer .contactus .info:last-child {

  margin-bottom: 0px !important;

}

@media screen and (max-width: 767px) {

  .first-footer .top-footer {

    padding-bottom: 6rem;

  }

}

.first-footer .contactus .info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 0.6rem;

}

.first-footer .contactus .ti {

  margin-bottom: 0px;

}

.first-footer .contactus .info p {

  margin: 0px;

  font-size: 0.9rem;

  color: #fff;

  margin-left: 1rem;

  line-height: 1.1;

  font-weight: 300;

}

.first-footer .contactus ul li {

  margin-bottom: 1.1rem;

}

.first-footer .contactus ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.first-footer .contactus ul li .fa {

  font-size: 1rem;

  min-width: 16px;

  color: #fdd534;

}

.quick-links {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.widget.quick-link ul {

  padding-left: 5px;

  line-height: 26px;

  list-style: none;

  padding-left: 0px;

  margin-bottom: 0px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.widget.quick-link ul li a {

  padding-left: 0px;

  padding-bottom: 0.9rem;

  color: #fff;
  margin-left: 2px;
  transition: .3s;
  text-decoration: none;

  display: block;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.widget.quick-link ul li.no-pb a:last-child {

  padding-bottom: 0px;

}

.widget.quick-link ul li a:before {

  content: "\f101";

  font-family: "FontAwesome";

  font-size: 16px;

  padding-right: 1rem;

  color: #fff;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.widget.quick-link ul li a:hover,

.widget.quick-link ul li a:hover:before {
  transition: .5s;
  color: #fdd534;
  margin-left: 3px;

}

.first-footer .widget h3::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.first-footer .widget ul.photo {

  margin: 0;

  padding: 0;

  list-style: none;

}

.first-footer .widget ul.photo li {

  margin: 4px;

  display: inline-block;

}

.first-footer .widget ul.photo li img {

  width: 100%;

  width: 73px;

}

@media screen and (max-width: 991px) {

  .first-footer .widget,

  .inner-pages .first-footer .widget {

    padding-top: 0px;

  }

  .first-footer .widget h3.widget-title {

    margin-top: 1.5rem;

  }

  .first-footer .widget h3 {

    margin-top: 3rem;

  }

}

@media screen and (max-width: 767px) {

  .first-footer .widget h3.widget-title {

    margin-top: 3rem;

  }

}

.bloq-email {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

}

.bloq-email .email {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 3rem;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.newsletters h3 {

  margin-bottom: 2rem;

}

.first-footer .newsletters h3::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

@media screen and (max-width: 991px) {

  .first-footer .newsletters h3 {

    margin-top: 3rem;

  }

  .bloq-email .email {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }

}

.newsletters p {

  margin-bottom: 2rem;

  color: #fff;

  font-weight: 300;

}

.first-footer .bloq-email .email input[type="email"] {

  border: 1px solid #fdd534;

  background: #121b22;

  color: #fff;

  padding: 0.8rem;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

}

.first-footer .bloq-email .email input[type="submit"] {

  border: 1px solid #fdd534;

  padding: 0.8rem;

  background: #fdd534;

  color: #fff;

  text-transform: uppercase;

  font-weight: bold;

  margin-top: 1.5rem;

  cursor: pointer;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.first-footer .email input[type="submit"]:hover {

  background: #121b22;

}

@media screen and (max-width: 991px) {

  .first-footer .bloq-email .email input[type="submit"] {

    margin-top: 0px;

  }

}

@media screen and (max-width: 767px) {

  .first-footer .bloq-email .email input[type="submit"] {

    margin-top: 0px;

  }

}

@media screen and (max-width: 320px) {

  .bloq-email .email {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .first-footer .bloq-email .email input[type="submit"] {

    margin-top: 1.5rem;

  }

}

.first-footer .bloq-email label.error {

  color: #ff0000;

}

.first-footer .bloq-email label {

  color: #fff;

}

.first-footer .bloq-email .email input::-webkit-input-placeholder {

  color: white;

  opacity: 1;

}

.first-footer .bloq-email .email input:-ms-input-placeholder {

  color: white;

  opacity: 1;

}

.first-footer .bloq-email .email input::-ms-input-placeholder {

  color: white;

  opacity: 1;

}

.first-footer .bloq-email .email input::placeholder {

  color: white;

  opacity: 1;

} /*------ HOVER EFFECT ------*/

.hover-effect figure {

  position: relative;

  overflow: hidden;

  margin: 0;

}

.hover-effect figure::before {

  position: absolute;

  top: 0;

  left: -90%;

  z-index: 2;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: -webkit-gradient(

    linear,

    left top,

    right top,

    from(rgba(255, 255, 255, 0)),

    to(rgba(255, 255, 255, 0.3))

  );

  background: linear-gradient(

    to right,

    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.3) 100%

  );

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.hover-effect:hover figure::before {

  -webkit-animation: shine 0.75s;

  animation: shine 0.75s;

}

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}

@keyframes shine {

  100% {

    left: 125%;

  }

}

.hover-effect figure img {

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: 0.5s ease;

  transition: 0.5s ease;

}

.hover-effect:hover figure img {

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

}

.second-footer {

  padding: 1.5rem 0;

  background: #121b22;

  color: #fff;

}

.second-footer h3 {

  margin: 0;

  font-weight: 300;

}

.second-footer p {

  margin: 0;

  margin-top: 0.5rem;

  font-weight: 400;

}

.second-footer .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-left: auto;

}

.second-footer p .fa-heart:before {

  color: #fff;

} /*------ ARROW GO UP ------*/

.go-up {

  position: fixed;

  bottom: 1.5rem;

  right: 1.5rem;

  font-size: 2.1rem;

  background: #fdd534;

  padding: 0.4rem;

  color: #fff;

  border-radius: 5px;

  text-decoration: none;

  z-index: 99999;

  line-height: 0;

  display: none;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.go-up:hover,

.go-up:focus {

  outline: 0;

  text-decoration: none;

  color: #fff;

} /*-----------------------------------*/ /*- 41. INNER PAGE LISTINGS LIST --*/ /*-----------------------------------*/

.inner-pages .blog .block-heading {

  background: #edeff1;

  border-radius: 3px;

  height: 52px;

  margin-bottom: 30px;

}

.inner-pages .listings-list.full .project-single {

  border-bottom: 0px;

}

.inner-pages .listings-list.full .my-44 {

  margin: 2.5rem 0;

}

.inner-pages .enty.mt-5 {

  margin-top: 5rem !important;

}

.listings-list.popular .price-properties {

  padding-bottom: 0px;

}

.agents .lde .fa.fa-th-large {

  color: #121b22;

}

.inner-pages .popular .homes-content .homes-list.clearfix li {

  width: 100% !important;

  float: left !important;

  line-height: 0px !important;

  font-size: 14px !important;

  margin-bottom: 22px !important;

  list-style: none !important;

  color: #fdd534 !important;

}

@media screen and (max-width: 991px) {

  .inner-pages .listings-list.full .my-44.ft {

    margin: 0px;

  }

  .inner-pages .listings-list.full .pr-0 {

    padding-left: 0px;

  }

  .inner-pages .listings-list.full .col-lg-8 {

    padding-left: 15px;

    padding-right: 15px;

  }

  .inner-pages .listings-list.full .mb-44 {

    margin-bottom: 2.5rem !important;

  }

  .inner-pages .listings-list.full .row.featured {

    padding-left: 15px;

    padding-right: 15px;

  }

  .inner-pages .enty.mt-5 {

    margin-top: 0px !important;

  }

  .inner-pages .price-properties {

    margin-top: 0;

    padding-bottom: 0px;

  }

} /*-------------------------------------------------*/ /*- 42. INNER PAGE LISTINGS LIST RIGHT SIDEBAR --*/ /*-------------------------------------------------*/

.inner-pages .blog .block-heading {

  background: #f5f6ff;

  border-radius: 3px;

  height: 52px;

  margin-bottom: 30px;

}

.inner-pages .listings-right.list .homes-img img {

  height: 272px;

}

.inner-pages .listings-right.list .project-single {

  border-bottom: 0px;

}

.inner-pages .listings-right.list .my-44 {

  margin: 2.5rem 0;

}

.inner-pages .filter-tags {

  margin-top: 0px;

}

.inner-pages .fh-col-list-wrap .filter-tags {

  margin-bottom: 20px;

}

.inner-pages .fh-col-list-wrap .filter-tags-wrap {

  width: 100%;

  margin-bottom: 10px;

}

.inner-pages .filter-tags-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 1.5rem;

}

.inner-pages .filter-tags-wrap:last-child {

  margin-bottom: 0px;

}

.inner-pages .filter-tags-wrap label {

  font-size: 15px;

  margin-bottom: 0px;

  line-height: 19px;

}

.inner-pages .filter-tags input,

.custom-form .filter-tags input {

  position: relative;

  border: 1px solid #ccc;

  cursor: pointer;

  padding: 0;

  color: #fdd534;

  width: 20px;

  height: 20px;

  color: #fff;

  outline: none;

  margin-right: 0.5rem;

  margin-bottom: 0px;

  background: #fff !important;

  -webkit-appearance: none;

}

.inner-pages .filter-tags h6 {

  font-size: 16px;

  color: #444;

  font-family: sans-serif;

  font-weight: 400;

  text-transform: capitalize;

  margin-bottom: 1.5rem;

}

.filter-tags input:checked:after,

.custom-form .filter-tags input:checked:after {

  font-family: FontAwesome;

  color: #fdd534;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  content: "\f00c";

  font-size: 14px;

  position: absolute;

  left: 2px;

  z-index: 20;

}

.filter-tags input[type="checkbox"]:checked + label:before {

  background-color: #f91942;

  border-color: #f91942;

}

.inner-pages .pagination.list {

  margin-top: 2.5rem;

}

.listing-list .price-properties {

  padding-bottom: 0px;

}

@media screen and (max-width: 991px) {

  .inner-pages .listings-right.list .my-44.ft {

    margin: 0px;

  }

  .inner-pages .listings-right.list .homes-img img {

    height: auto;

  }

  .inner-pages .listings-right.list .pr-0 {

    padding-left: 0px;

  }

  .inner-pages .listings-right.list .col-lg-8 {

    padding-left: 15px;

    padding-right: 15px;

  }

  .inner-pages .listings-right.list .mb-44,

  .inner-pages .blog .hvr-bounce-to-right {

    margin-bottom: 2.5rem !important;

  }

  .inner-pages .listings-right.list .row.featured {

    padding-left: 15px;

    padding-right: 15px;

  }

  .inner-pages .pagination.map {

    display: none;

  }

}

@media screen and (max-width: 767px) {

  .popular.portfolio .project-single.no-mb.san {

    margin-bottom: 0px;

  }

}

.main-search-field {

  padding: 3rem 0;

  background: #fdd534;

  background-repeat: repeat;

}

.main-search-field select {

  width: 100%;

  height: 45px;

  padding: 5px 10px;

  border: 1px solid #fff;

  color: #fff;

  font-size: 1.1rem;

  border-radius: 0;

  background: transparent;

  text-transform: capitalize;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.main-search-field .no-mb select,

.main-search-field .at-col-default-mar.no-mb,

.main-search-field .at-input {

  margin-bottom: 0px;

}

@media screen and (max-width: 991px) {

  .main-search-field .no-mb select,

  .main-search-field .at-input {

    margin-bottom: 20px;

  }

}

.main-search-field-2.mb-5 {

  margin-bottom: 35px !important;

}

.main-search-field select:focus {

  outline: none;

}

.main-search-field option {

  background: #fff;

}

.main-search-field select:focus {

  background: transparent;

}

.main-search-field .at-input {

  width: 100%;

  height: 45px;

  padding: 5px 10px;

  color: #000 !important;

  border: 1px solid #fff;

  border-radius: 0;

  background: #fff;

}

.main-search-field .at-input:focus {

  outline: none;

}

.main-search-field .at-col-default-mar {

  margin-bottom: 10px;

} /* BTN CSS START*/

button[disabled],

html input[disabled] {

  cursor: default;

}

.slider_amount {

  border: none;

  background: none;

  padding: 0px;

  margin-bottom: 10px;

  width: 100%;

  color: #fff;

}

.ui-widget.ui-widget-content {

  border-radius: 2px;

  background: #fff;

  border: none;

}

.ui-slider-horizontal {

  height: 10px;

}

.ui-widget-header {

  background: #121b22;

}

@media screen and (max-width: 767px) {

  .hvr-bounce-to-right {

    margin-top: 30px;

  }

} /*-----------------------------------*/ /*- 43. INNER PAGE LISTINGS GRID --*/ /*-----------------------------------*/

.inner-pages .blog .block-heading {

  background: #f5f6ff;

  border-radius: 3px;

  height: 52px;

  margin-bottom: 30px;

}

.inner-pages .blog .block-heading h4 {

  line-height: 52px;

  color: #222;

  font-size: 18px;

  display: inline-block;

  padding-right: 20px;

  border-radius: 3px 0 0 3px;

  margin: 0 0 0;

  font-weight: 600;

}

.inner-pages .blog .space-3 {

  margin-bottom: 1.6rem;

}

section.headings-2 {

  padding: 60px 0 55px 0;

  background: #f5f6ff;

}

.agents .pro-wrapper {

  background: #f5f6ff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.inner-pages.agents .rld-single-select .single-select {

  background: #f5f6ff;

}

.inner-pages.agents .tab-content > .active {

  width: 100%;

  margin-bottom: 30px;

}

.pro-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.inner-pages.agents .detail-wrapper-body {

  padding: 0px;

}

.inner-pages .pro-wrapper .detail-wrapper-body p {

  line-height: 1;

}

.inner-pages.agents .rld-main-search {

  padding: 30px 0px 30px 20px;

  background: #f5f6ff !important;

  border: 0px;

  -webkit-box-shadow: none;

  box-shadow: none;

  margin-right: 0px;

}

.inner-pages.agents .rld-single-input input {

  width: 309px;

  background: #f5f6ff;

}

.inner-pages.agents .explore__form-checkbox-list.full-filter.filter-block {

  margin-top: 18px;

}

.inner-pages.agents .single.detail-wrapper {

  width: auto;

  background: #f5f6ff;

  z-index: 8;

  margin-left: 15rem;

  margin-bottom: 0px;

}

.inner-pages .w-auto {

  width: auto !important;

}

.inner-pages .letter-spacing-093 {

  font-weight: 600;

  letter-spacing: 0.93px !important;

}

.inner-pages .input-group-lg > .form-control {

  padding: 0.5rem 1rem 0.5rem 0.5rem !important;

  font-size: 15px;

  line-height: 1;

  margin-top: 7px;

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  width: 1%;

  min-width: 0;

  margin-bottom: 0;

}

.inner-pages .headings-2 .listing-title-bar h3 {

  font-size: 28px;

  line-height: 34px;

  font-weight: 600;

  color: #222;

  text-transform: capitalize !important;

}

.inner-pages.agents .tab-content > .active {

  margin-top: 0px;

}

.inner-pages.agents .rld-main-search .rld-single-select .single-select {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.inner-pages.agents #header {

  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);

}

.inner-pages .cod-pad.single.detail-wrapper .nice-select:after {

  height: 8;

  margin-top: -4px;

  pointer-events: none;

  position: absolute;

  right: 0;

  top: 37%;

}

.inner-pages .blog .block-heading .heading-icon {

  background: #fdd534;

  width: 50px;

  height: 50px;

  text-align: center;

  margin-right: 8px;

  display: inline-block;

  border-radius: 50%;

  position: relative;

  color: #fff;

}

.inner-pages .project-single .homes-content .homes-list li i {

  font-size: 1rem;

}

.inner-pages .portfolio .homes-content .homes-list li {

  width: 45% !important;

  line-height: 40px !important;

}

.listings-full-grid .item,

.google-map-right .item,

.google-full-map .item,

.listings-grid-right .item {

  padding-bottom: 2.5rem !important;

}

@media screen and (max-width: 1024px) {

  .inner-pages .single.detail-wrapper.grid {

    margin-left: 10rem;

  }

}

@media screen and (max-width: 767px) {

  .inner-pages .blog .item {

    padding-bottom: 2.5rem;

  }

  .inner-pages .portfolio.blog .item.no-pb.x2 {

    padding-bottom: 0px;

  }

  .listing-details-sliders .carousel-item {

    padding-bottom: 1.6rem !important;

  }

}

.inner-pages .blog .block-heading .sorting {

  padding: 8px 12px;

  width: auto;

  background: #fff;

  border: 1px solid #eee;

  color: #666;

  margin-right: 5px;

  margin-bottom: 0px;

  font-size: 13px;

  font-weight: 300;

  outline: none;

}

@media screen and (max-width: 450px) {

  .inner-pages .pro-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .inner-pages .pro-wrapper .detail-wrapper-body p {

    margin-bottom: 30px !important;

  }

  .inner-pages .pro-wrapper .detail-wrapper-body p.pb-2 {

    margin-bottom: 0.75rem !important;

  }

  .inner-pages .single.detail-wrapper {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-left: 0px !important;

  }

  .inner-pages .letter-spacing-093 {

    padding-left: 0px !important;

  }

}

@media screen and (max-width: 380px) {

  .inner-pages .blog .block-heading .sorting {

    float: left;

    width: 120px;

  }

  .btn-toggle.btn-lg:before {

    padding-left: 15px;

  }

}

.inner-pages .blog .block-heading .sorting-options {

  margin: 10px 15px 0 0;

  text-align: right;

}

.inner-pages .blog .block-heading .sorting {

  font-size: 13px;

  font-weight: 300;

  padding: 5px 12px;

  border: solid 1px #e7e7e7;

}

.inner-pages .blog .block-heading a {

  text-decoration: none;

}

.inner-pages .blog .block-heading .change-view-btn.lde .fa {

  color: #121b22 !important;

}

.inner-pages .blog .block-heading .change-view-btn.lde:hover {

  background: #fdd534;

  color: #fff !important;

}

.inner-pages .blog .sorting-options a .active-view-btn .fa {

  color: #fff !important;

}

.inner-pages .blog .change-view-btn {

  color: #121b22 !important;

  border: 1px solid #121b22;

  margin-left: 5px;

  border-radius: 2px;

  background: transparent;

  padding: 5px 9px;

}

.agents .fa.fa-th-large,

.agents .active-view-btn .fa.fa-th-list {

  color: #fff;

}

.inner-pages .change-view-btn:hover {

  color: #fdd534 !important;

}

.inner-pages .active-view-btn {

  background: #121b22 !important;

  color: #fff !important;

  margin-left: 5px;

  padding: 5px 9px;

}

.inner-pages .blog .active-view-btn:hover {

  background: #fdd534 !important;

  color: #fff;

}

.inner-pages .blog .block-heading .fa {

  color: #fff;

  margin-right: 0px;

}

.inner-pages .blog .homes .fa {

  color: #fdd534;

}

.inner-pages .listings-grid .compare,

.inner-pages .listings-right .compare {

  margin-top: 0;

}

.inner-pages .listings-right .fa-heart-o {

  color: #666 !important;

}

.inner-pages .blog .single-block {

  padding: 3rem 0;

}

.inner-pages .blog .section-heading .media .media-left i {

  background: #fdd534;

  color: #fff;

  width: 47px;

  height: 47px;

  line-height: 47px;

  text-align: center;

  font-size: 25px;

  float: left;

}

.inner-pages .blog .section-heading .media .media-left {

  padding-right: 15px;

}

.inner-pages .blog .section-heading .media .media-body h5::after {

  margin-bottom: 16px;

}

.inner-pages .blog .section-heading .media .media-body p {

  margin: 0 0 0;

  color: #666;

  line-height: 0;

}

.inner-pages .blog .main-search-field {

  background: transparent;

  padding-bottom: 0px;

}

.inner-pages .blog .main-search-field select {

  background: transparent;

  color: #666;

  line-height: 51px;

  border: 2px solid #fdd534;

}

.inner-pages .blog .main-search-field .at-col-default-mar {

  margin-bottom: 0px;

}

.inner-pages .blog .at-input {

  width: 100%;

  height: 45px;

  padding: 5px 10px;

  color: #000;

  border: 2px solid #fdd534;

  border-radius: 0;

  background: transparent;

}

.inner-pages .blog .main-search-field {

  background: #fff;

  padding-bottom: 30px;

}

.inner-pages .form-group .nice-select {

  border: 1px solid #ddd !important;

} /* More Search Options------------------------------------- */

.inner-pages .more-search-options {

  opacity: 0;

  visibility: hidden;

  display: block;

  position: absolute;

  width: 100%;

  left: 0;

  margin-top: 30px;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

  z-index: 19;

  -webkit-transform: translate3d(0, -20px, 0);

  transform: translate3d(0, -20px, 0);

}

.inner-pages .more-search-options.relative {

  position: relative;

  margin-top: 0;

  opacity: 1;

  visibility: visible;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-transition: none;

  transition: none;

  display: none;

}

.inner-pages .more-search-options.relative.active {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.inner-pages .more-search-options.relative .more-search-options-container {

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 0;

  margin: 20px 0 5px 0;

} /* Custom box*/

.inner-pages .custom-box {

  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

  border-radius: 0 0 3px 3px;

}

.inner-pages .custom-box .checkboxes {

  padding: 20px 30px 25px 30px;

}

.inner-pages .more-search-options:before {

  position: absolute;

  top: -10px;

  width: 100%;

  content: "";

  background-color: #fff;

  height: 10px;

  display: inline-block;

  z-index: 101;

}

.inner-pages .more-search-options.relative:before {

  display: none;

}

.inner-pages .more-search-options.active {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translate3d(0, -10px, 0);

  transform: translate3d(0, -10px, 0);

}

.inner-pages .more-search-options-container {

  background-color: #fff;

  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);

  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);

  position: relative;

  padding: 30px 30px 25px 30px;

  padding-top: 0;

  border-radius: 0 0 3px 3px;

} /* Trigger */

.inner-pages .more-search-options-trigger {

  font-size: 15px;

  margin: 5px 0 2px 0;

  display: inline-block;

}

.inner-pages .more-search-options-trigger:after {

  content: attr(data-open-title);

}

.inner-pages .more-search-options-trigger.active:after {

  content: attr(data-close-title);

}

.inner-pages .more-search-options-trigger:before {

  content: "\f055";

  font-family: "FontAwesome";

  padding-right: 7px;

}

.inner-pages .more-search-options-trigger.active:before {

  content: "";

}

.inner-pages .widget .more-search-options-trigger {

  font-size: 16px;

}

.inner-pages .widget .more-search-options-trigger {

  font-size: 16px;

}

.inner-pages .margin-bottom-10 {

  margin-bottom: 10px !important;

}

.inner-pages .margin-top-30 {

  margin-top: 30px !important;

}

.inner-pages a.more-search-options-trigger {

  text-decoration: none;

  color: #fdd534;

}

.inner-pages .form-group.looking {

  width: 100%;

  margin-top: 30px;

}

.inner-pages.listing .form-group {

  width: 100%;

  display: inline-block;

  margin-right: 3px;

  margin-bottom: 0px;

}

.inner-pages .first-select {

  height: 30px;

  border-radius: 5px;

  margin-right: 4px;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #757575;

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  font-size: 16px;

}

.inner-pages .main-search-input-item {

  float: left;

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  height: 50px;

  position: relative;

}

.inner-pages .form-group.looking input {

  float: left;

  border: 1px solid #ddd;

  border-radius: 5px;

  width: 100%;

  height: 50px;

  margin-bottom: 20px;

  padding-left: 20px;

}

.inner-pages .form-group .nice-select {

  margin: 0px;

  height: 50px;

  line-height: 50px;

  padding: 0 15px;

  border-radius: 5px;

  border: 1px solid #ddd;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #757575;

  font-family: "Lato", sans-serif;

  font-weight: 400;

  font-size: 15px;

}

.inner-pages .form-group .nice-select i {

  color: #fdd534;

  font-size: 1.1rem;

  margin-top: 5px;

  margin-right: 10px;

}

.inner-pages .form-group.looking input[type="text"] {

  color: #757575;

  font-family: "Lato", sans-serif;

  font-weight: 400;

  font-size: 15px;

}

.inner-pages .form-group.categories {

  width: 100%;

}

.inner-pages .nice-select.wide {

  width: 100%;

  margin-top: 20px;

  margin-bottom: 0px;

}

.inner-pages .form-group.location {

  width: 100%;

}

.inner-pages .form-group.beds,

.inner-pages .form-group.bath {

  width: 100%;

}

.inner-pages .main-search-field-2 {

  margin-top: 20px;

} /* Range Slider------------------------------------- */

.inner-pages .range-slider label {

  color: #333;

  font-size: 16px;

  margin-bottom: 25px;

}

.inner-pages .range-slider .ui-slider {

  position: relative;

  text-align: left;

}

.inner-pages .range-slider .ui-slider .ui-slider-handle {

  position: absolute;

  z-index: 2;

  width: 18px;

  height: 18px;

  border-radius: 50%;

  border: 2px solid #fdd534;

  cursor: w-resize;

  background: #fff;

  outline: none;

  top: -8px;

  margin-left: -8px;

  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);

}

.inner-pages .range-slider .ui-slider .ui-slider-range {

  position: absolute;

  z-index: 1;

  display: block;

  border: 0;

  background-position: 0 0;

}

.inner-pages .range-slider .ui-widget-content {

  background-color: #e8e8e8 !important;

}

.inner-pages .range-slider .ui-widget-header {

  background-color: #fdd534;

}

.inner-pages .range-slider .ui-slider.ui-state-disabled .ui-slider-handle,

.inner-pages .range-slider .ui-slider.ui-state-disabled .ui-slider-range {

  -webkit-filter: inherit;

  filter: inherit;

}

.inner-pages .range-slider .ui-slider-horizontal {

  height: 3px;

  border-radius: 10px;

  width: calc(100% - 16px);

  margin-left: 8px;

}

.inner-pages .range-slider .ui-slider-horizontal .ui-slider-range {

  top: 0;

  height: 100%;

}

.inner-pages .range-slider .ui-slider-horizontal .ui-slider-range-min {

  left: 0;

}

.inner-pages .range-slider .ui-slider-horizontal .ui-slider-range-max {

  right: 0;

}

.inner-pages input.first-slider-value:focus,

.inner-pages input.second-slider-value:focus,

.inner-pages input.first-slider-value,

.inner-pages input.second-slider-value {

  width: 40%;

  display: inline-block;

  border: 0;

  background-color: transparent;

  padding: 0;

  margin: 12px 0 0 0;

  cursor: default;

}

.inner-pages input.first-slider-value {

  float: left;

  margin-left: -8px;

  width: 40%;

}

.inner-pages input.second-slider-value {

  float: right;

  width: 40%;

  text-align: right;

  margin-right: -8px;

}

.inner-pages .range-slider {

  line-height: 37px;

} /*----------------------------------- */ /* Custom Checkboxes------------------------------------- */

.inner-pages .checkboxes {

  list-style: none;

  padding: 0;

}

.inner-pages .checkboxes.in-row label {

  margin-top: 9px;

}

.inner-pages .checkboxes.one-in-row label {

  margin-top: 9px;

  width: 100%;

}

.inner-pages .checkboxes li {

  padding: 4px 0;

}

.inner-pages .checkboxes li:last-child {

  margin-bottom: -8px;

}

.inner-pages .checkboxes label {

  display: inline-block;

  cursor: pointer;

  position: relative;

  padding-left: 28px;

  margin-right: 20px;

  margin-bottom: 0;

  font-family: "Lato", sans-serif;

  color: #666;

  font-size: 14.5px;

}

.inner-pages .checkboxes label span {

  color: #909090;

  font-size: 15px;

}

.inner-pages .checkboxes input[type="checkbox"] {

  display: none;

}

.inner-pages .checkboxes label:before {

  content: "";

  display: inline-block;

  width: 19px;

  height: 19px;

  margin-right: 10px;

  position: absolute;

  left: 0;

  top: 3px;

  background-color: #fff;

  border: 2px solid #d0d0d0;

  border-radius: 2px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: border-color 0.3s;

  transition: border-color 0.3s;

}

.inner-pages .checkboxes input[type="checkbox"]:checked + label:before {

  content: "\f00c";

  font-family: "FontAwesome";

  font-size: 12px;

  color: #fff;

  text-align: center;

  line-height: 15px;

  background-color: #fdd534;

  border: 2px solid transparent;

  -webkit-transition: border-color 0s;

  transition: border-color 0s;

}

@media screen and (max-width: 991px) {

  .inner-pages .blog .at-input {

    margin-bottom: 0px;

  }

}

.inner-pages .blog .col-lg-12.no-pds {

  padding-left: 0px;

  padding-right: 0px;

}

.inner-pages .blog .slider_amount {

  color: #666;

  font-weight: 400;

}

.inner-pages .blog .ui-widget.ui-widget-content {

  background: #fdd534;

}

.inner-pages .blog .hvr-bounce-to-right {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

  margin-top: 1.5rem;

  font-size: 14px;

  cursor: pointer;

  background: #fdd534;

  color: #ffffff;

  text-transform: uppercase;

  border: none;

  padding: 12px 22px;

  border-radius: 5px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .blog .hvr-bounce-to-right:hover {

  background: #121b22;

} /*---------------------------------------*/ /*- 44. INNER PAGE LISTINGS HALF MAP --*/ /*---------------------------------------*/

.google-maps-right {

  position: fixed;

  top: 0;

  bottom: 0;

  right: 0;

  height: 100vh;

  width: 100%;

  z-index: 0 !important;

  margin-bottom: 0px;

}

.google-maps-right #map-leaflet {

  height: 100vh;

}

section.google-map-right {

  padding: 110px 0 30px 0 !important;

}

.half-map-view .headings-2 {

  padding: 30px 0 20px 0;

}

.half-map-view .rld-single-input input,

.half-map-view .rld-single-select .single-select,

.half-map-view .dropdown-filter span {

  width: 173px !important;

}

.header.google-map-right {

  z-index: 99999;

}

.header.google-map-right .header-bottom {

  position: fixed;

  width: 100%;

  z-index: 99999;

}

@media screen and (max-width: 1024px) {

  .inner-pages .headings-2 .listing-title-bar h3 {

    font-size: 18px;

  }

  .inner-pages.half-map-view .single.detail-wrapper.grid {

    margin-left: 4rem;

  }

  .half-map-view .btn.btn-yellow {

    width: 138px;

  }

  .half-map-view .project-single.ps-1 {

    margin-top: 50px;

  }

  .half-map-view .rld-single-input input,

  .half-map-view .rld-single-select .single-select,

  .half-map-view .dropdown-filter span {

    width: 163px !important;

  }

}

@media screen and (max-width: 991px) {

  .google-maps-right {

    position: relative;

    margin-top: 2rem;

  }

  .header.google-map-right .header-bottom {

    position: absolute;

  }

  .mt-5.pagi {

    display: none;

  }

  .half-map-view .rld-single-input input {

    margin-right: 15px;

  }

  .half-map-view .rld-main-search .rld-single-input {

    width: 163px;

  }

  .half-map-view .rld-single-select.ml-22,

  .half-map-view .dropdown-filter {

    margin-left: 15px;

  }

  .half-map-view .fx-google-map-right.pl-55 {

    padding-left: 15px;

    padding-right: 30px !important;

  }

}

@media screen and (max-width: 768px) {

  .half-map-view .project-single.ps-1 {

    margin-top: 0px;

  }

}

@media screen and (max-width: 767px) {

  .google-maps-right {

    margin-top: 0;

  }

  .half-map-view .rld-single-select.ml-22,

  .half-map-view .dropdown-filter {

    margin-left: 0px;

  }

  .half-map-view .rld-single-input input,

  .half-map-view .rld-main-search .rld-single-input,

  .half-map-view .rld-main-search .rld-single-select .single-select {

    width: 100% !important;

  }

} /*---------------------------------------*/ /*- 45. INNER PAGE LISTINGS FULL MAP --*/ /*---------------------------------------*/

.header-map.google-maps.listings #map-leaflet,

.header-map.google-maps.listings {

  height: 450px;

} /*---------------------------------------*/ /*--- 46. INNER PAGE lISTING DETAILS ---*/ /*---------------------------------------*/

section.listing.details {

  padding: 6rem 0;

  background: #fff;

}

.inner-pages .detail-wrapper {

  width: 100%;

  display: block;

  margin-bottom: 2.5rem;

}

.inner-pages .white-box {

  background: #fff;

  border-radius: 6px;

}

.inner-pages .white-shadow {

  border: 1px solid #eaeff5;

  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

  -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

}

.inner-pages .detail-wrapper-body {

  padding: 1.5rem;

}

.inner-pages .detail-wrapper-header {

  padding: 1em 1em 1em 1.5em;

  border-bottom: 1px solid #eaeff5;

}

.inner-pages .listing-title-bar h3 {

  font-size: 1.5rem;

  font-weight: 500;

  color: #222;

  text-transform: capitalize !important;

}

h4.widget_author__name {

  color: #222;

}

.inner-pages .listing-title-bar a {

  text-decoration: none;

  color: #333;

}

.inner-pages .listing-title-bar a:last-child {

  text-decoration: none;

  color: #666;

}

.inner-pages .detail-wrapper-header h4 {

  margin: 0;

}

.inner-pages .detail-list-rating {

  float: left;

  margin-right: 15px;

}

.inner-pages .detail-list-rating i {

  color: #ffc107;

}

.inner-pages span.category-tag {

  font-size: 14px;

  color: #ff3a72;

  border: 1px solid #ff3a72;

  padding: 5px 15px;

  border-radius: 50px;

  top: -3px;

  margin-left: 0.8rem;

  position: relative;

}

.inner-pages .blog .block-heading.details h4 {

  color: #000;

}

.inner-pages .blog .blog-info.details h5 {

  color: #222;

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  text-transform: capitalize;

}

.inner-pages .blog .blog-info.details {

  padding: 0;

  border-bottom: 0px;

}

.inner-pages .blog .homes-content .homes-list {

  padding: 0px;

  margin: 0px;

}

.inner-pages .blog .homes-content .homes-list li {

  width: 33%;

  float: left;

  font-size: 14px;

  line-height: 36px;

  list-style: none;

  color: #0098ef;

}

.inner-pages .blog .homes-content .homes-list.dir li {

  width: 33%;

}

.inner-pages .blog .homes-content.details-2 {

  background: #121b22;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 1rem 0;

}

section.leve-comments.details {

  margin-top: 2.5rem;

}

.inner-pages .leave-rating {

  height: 24px;

  float: left;

}

.inner-pages .leave-rating:hover input[type="radio"]:checked ~ label {

  color: #dadada;

}

.inner-pages .leave-rating input[type="radio"] {

  display: none;

}

.inner-pages .leave-rating input[type="radio"]:checked ~ label {

  color: #ffc600;

}

.inner-pages .leave-rating label {

  font-size: 24px;

  float: right;

  letter-spacing: 4px;

  color: #dadada;

  cursor: pointer;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.inner-pages .leave-rating label:hover,

.inner-pages .leave-rating label:hover ~ label {

  color: #ffc600 !important;

}

.inner-pages .leave-rating-title {

  display: block;

  margin-top: 2.5rem;

  margin-bottom: 7px;

}

.inner-pages .add-review-photos {

  font-weight: 400;

  padding: 6px 7px;

  color: #000;

  border: 1px solid #ff3a72;

  background-color: #f5f6ff;

  border-radius: 50px;

  display: inline-block;

  position: relative;

  font-size: 14px;

  width: auto;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  cursor: pointer;

  line-height: 20px;

  float: right;

  top: -25px;

}

.inner-pages .photoUpload {

  position: relative;

  overflow: hidden;

  padding: 3px 12px;

  cursor: pointer;

}

.inner-pages .photoUpload input.upload {

  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  padding: 0;

  cursor: pointer;

  opacity: 0;

  filter: alpha(opacity=0);

}

.inner-pages .add-review-photos:hover {

  color: #fff;

  background-color: #121b22;

}

.inner-pages .add-review-photos i {

  color: #66676b;

  margin-right: 3px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  font-size: 16px;

  position: relative;

  top: 2px;

}

.inner-pages .add-review-photos:hover i {

  color: #fff;

}

.inner-pages a.rate-review {

  border: 1px solid #e0e0e0;

  border-radius: 50px;

  font-size: 13px;

  color: #666;

  font-weight: 500;

  padding: 5px 20px;

  margin-top: 20px;

  display: inline-block;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.inner-pages a.rate-review span {

  border-left: 1px solid #e0e0e0;

  line-height: 20px;

  padding-left: 10px;

  margin-left: 5px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  color: #666;

}

.inner-pages a.rate-review i {

  padding-right: 3px;

}

.inner-pages a.rate-review:hover span {

  border-color: #d0d0d0;

}

.inner-pages a.rate-review:hover {

  border-color: #d0d0d0;

  background-color: #fafafa;

}

.btn.counter-btn,

.widget-boxed {

  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

  box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

}

.widget-boxed {

  border-radius: 6px;

  padding: 1.5rem;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  z-index: 90;

  margin-bottom: 0px;

  position: relative;

  border: 1px solid #eaeff5;

  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

  -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

}

.widget-boxed .input-group .fa {

  font-size: 18px !important;

  color: #fdd534;

}

.widget-boxed .input-group .fa:hover {

  color: #fff;

}

.widget-boxed-header {

  padding-bottom: 1.5rem;

  padding-top: 0px;

  border-bottom: 1px solid #eaeff5;

}

.widget-boxed-header h4 {

  color: #222 !important;

  font-size: 18px;

  font-weight: 500;

  margin: 0;

}

.widget-boxed-header h4 .fa,

.widget-boxed-header h4 .far,

.widget-boxed-header h4 .fa-luggage-cart,

.widget-boxed-header h4 .fa-home,

.agent-contact-form-sidebar .far {

  color: #fdd534;

  position: relative;

  top: 0px;

}

.row.mrg-top-15 label.mb-3 {

  color: #333;

}

.widget-boxed-body {

  padding: 1.5rem 0 0;

}

.widget-boxed.mt-5 {

  margin-top: 2.5rem !important;

}

.widget.widget_listings.my-5 {

  margin: 2.5rem 0 !important;

}

.book .form-control,

.book2 .form-control {

  background: #fff;

}

.form-group.looking.book input {

  float: left;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 5px;

  width: 100%;

  height: 50px;

  padding-left: 20px;

}

.main-search-input-item.mb-55 {

  margin-bottom: 60px;

}

.input-group .form-control,

.input-group-addon,

.input-group-btn {

  display: table-cell;

}

.input-number {

  background: 0 0;

}

.input-number:focus,

.input-number:hover {

  background: 0 0;

  border: none;

}

.btn.counter-btn {

  border-radius: 50% !important;

  height: 35px;

  width: 35px;

  padding: 0;

  margin-left: 0 !important;

  background: #fff;

  border: 1px solid #eaeff5;

  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

  -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

}

div.datedropper.my-style {

  border-radius: 8px;

  width: 180px;

}

div.datedropper.my-style .picker {

  border-radius: 8px;

  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);

}

div.datedropper.my-style .pick-l {

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

div.datedropper.my-style .pick-lg-b .pick-sl:before,

div.datedropper.my-style .pick-lg-h,

div.datedropper.my-style .pick-m,

div.datedropper.my-style .pick-submit,

div.datedropper.my-style:before {

  background-color: #fdd534;

}

div.datedropper.my-style .pick-l,

div.datedropper.my-style .picker,

div.datedropper.my-style.picker-tiny .pick-m,

div.datedropper.my-style.picker-tiny:before {

  background-color: #fff;

}

div.datedropper.my-style .pick li span,

div.datedropper.my-style .pick-btn,

div.datedropper.my-style .pick-lg-b .pick-wke,

div.datedropper.my-style .pick-y.pick-jump {

  color: #fdd534;

}

div.datedropper.my-style .pick-arw,

div.datedropper.my-style .pick-l,

div.datedropper.my-style .picker {

  color: #3a465e;

}

div.datedropper.my-style .pick-lg-b .pick-sl,

div.datedropper.my-style .pick-lg-h,

div.datedropper.my-style .pick-m,

div.datedropper.my-style .pick-m .pick-arw,

div.datedropper.my-style .pick-submit {

  color: #fff;

}

div.datedropper.my-style.picker-tiny .pick-m,

div.datedropper.my-style.picker-tiny .pick-m .pick-arw {

  color: #3a465e;

}

div.datedropper.my-style.picker-lkd .pick-submit {

  background-color: #fff;

  color: #3a465e;

}

.sidebar-widget .author-box {

  margin-bottom: 15px;

}

.sidebar-widget .author-box img {

  float: left;

  width: 85px;

  height: 85px;

  border: 4px solid #fff;

  margin-right: 15px;

}

.sidebar-widget .author__title {

  font-size: 18px;

  color: #222;

  font-weight: 600;

  margin-top: 24px;

  margin-bottom: 2px;

}

.sidebar-widget .author-box .author__title {

  margin-top: 18px;

  font-size: 17px;

}

.sidebar .sidebar-widget .author__meta {

  font-size: 15px;

  color: #666;

  font-weight: 400;

}

.sidebar-widget .author__contact li {

  color: #666;

  margin-bottom: 10px;

  font-weight: 400;

  font-size: 15px;

}

.sidebar-widget .author__contact li span i {

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background-color: #fff;

  color: #fdd534;

  border-radius: 50%;

  font-size: 18px;

  margin-right: 10px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.sidebar .sidebar-widget .author__contact li a {

  color: #666;

  text-decoration: none;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.sidebar .sidebar-widget .author__contact li a:hover {

  color: #fdd534;

}

.sidebar-widget ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}

.sidebar-widget .author__img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  border: 4px solid #fff;

  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

}

.sidebar-widget .author__link {

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-top: 20px;

  margin: 0 0 30px 0;

  border-top: 1px solid #e4e4e4;

}

.sidebar-widget .author__link li {

  margin-right: 6px;

  display: inline-block;

}

.sidebar-widget .author__link li a {

  display: block;

  width: 35px;

  height: 35px;

  line-height: 35px;

  background-color: #f5f6ff;

  color: #fdd534;

  border-radius: 50%;

  font-size: 16px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.agent-contact-form-sidebar {

  width: 100%;

  padding-top: 20px;

  border-top: 1px solid #eeeeee;

}

.agent-contact-form-sidebar h4 {

  font-size: 16px;

  margin-bottom: 20px;

}

.agent-contact-form-sidebar input {

  width: 100%;

  height: 45px;

  border: 1px solid #dae2e9;

  background-color: #fff;

  padding: 15px;

  font-family: "Lato", sans-serif;

  font-size: 14px;

  color: #7e8c99;

  margin-bottom: 1rem;

}

.agent-contact-form-sidebar textarea {

  border: 1px solid #dae2e9 !important;

  background-color: #fff;

  padding-left: 15px;

  width: 100%;

  height: 100px;

  color: #7e8c99;

}

.agent-contact-form-sidebar .multiple-send-message {

  background-color: #fdd534;

  color: #ffffff;

  font-family: "Montserrat", sans-serif;

  cursor: pointer;

  font-size: 14px;

  text-transform: capitalize;

  padding-top: 12px;

  margin-top: 10px;

  margin-bottom: 0px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.agent-contact-form-sidebar .multiple-send-message:hover {

  background-color: #121b22;

}

.btn.counter-btn:focus,

.btn.counter-btn:hover,

a.subs-popup,

ul.side-list-inline.social-side li a:focus,

ul.side-list-inline.social-side li a:hover {

  background: #ff3a72;

  color: #fff;

}

.input-group-btn:first-child > .btn,

.input-group-btn:first-child > .btn-group {

  margin-right: 0;

}

.btn-radius {

  border-radius: 50px;

}

.theme-btn {

  text-transform: uppercase;

}

.theme-btn,

.theme-btn:focus,

.theme-btn:hover,

.theme-btn:active {

  color: #fff;

  background: #ff3a72;

  border: 1px solid #ff3a72;

}

body a.btn {

  padding: 10px 30px;

  text-transform: capitalize;

  -webkit-transition: all ease 0.4s;

  transition: all ease 0.4s;

}

html body .full-width {

  width: 100%;

}

html body .mrg-top-10 {

  margin-top: 10px;

}

.wprt-image-video.w50.pro {

  padding: 1.5rem !important;

  background: #fff;

  border: 1px solid #eaeff5;

  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

  box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

}

.wprt-image-video.w50.pro {

  margin-bottom: 30px !important;

}

.wprt-image-video.w50.pro h5:after {

  color: #fdd534;

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.wprt-image-video.w50.pro h5 {

  color: #000;

  font-family: "Montserrat", sans-serif;

  font-weight: 600;

  text-transform: capitalize;

}

.property .popup-youtube {

  background: #fff none repeat scroll 0 0;

  border-radius: 100%;

  color: #fdd534;

  font-size: 30px;

  height: 70px;

  left: 50%;

  line-height: 70px;

  position: absolute;

  text-align: center;

  top: 37%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 70px;

  z-index: 9;

}

.property .popup-youtube i {

  margin-left: 5px;

}

.property.wprt-image-video .iq-waves {

  height: 352px;

  height: 22rem;

  left: 50%;

  position: absolute;

  top: 37%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 352px;

  width: 22rem;

  z-index: 2;

}

@media screen and (max-width: 450px) {

  .property .popup-youtube,

  .property.wprt-image-video .iq-waves {

    top: 34.4% !important;

  }

  .listing-details-sliders .list-inline {

    width: 88% !important;

    margin-right: 0px;

    margin-top: 0px !important;

    margin-bottom: 0px;

    margin-left: 10px !important;

  }

}

@media screen and (max-width: 360px) {

  .property .popup-youtube,

  .property.wprt-image-video .iq-waves {

    top: 35.15% !important;

  }

}

.property.wprt-image-video .iq-waves .waves {

  -webkit-animation: 3s ease-in-out 0s normal none infinite running waves;

  animation: 3s ease-in-out 0s normal none infinite running waves;

  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 padding-box;

  border-radius: 320px;

  height: 352px;

  height: 22rem;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  position: absolute;

  width: 352px;

  width: 22rem;

}

.property.wprt-image-video .iq-waves .wave-1 {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}

.property.wprt-image-video .iq-waves .wave-2 {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}

.property.wprt-image-video .iq-waves .wave-3 {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

}

.carousel-inner.carus img {

  width: 1000%;

}

@-webkit-keyframes waves {

  0% {

    -webkit-transform: scale(0.2, 0.2);

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

  50% {

    opacity: 0.9;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  }

  100% {

    -webkit-transform: scale(0.6, 0.6);

    transform: scale(0.6, 0.6);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

}

@keyframes waves {

  0% {

    -webkit-transform: scale(0.2, 0.2);

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

  50% {

    opacity: 0.9;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  }

  100% {

    -webkit-transform: scale(0.6, 0.6);

    transform: scale(0.6, 0.6);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

}

.side-list ul {

  margin: 0;

  padding: 0;

}

.side-list ul li {

  list-style: none;

  padding: 10px 5px;

  display: inline-block;

  width: 100%;

  border-bottom: 1px dashed #eaeff5;

}

.side-list ul li:last-child,

.side-list.no-border ul li {

  border-bottom: none;

}

.side-list ul li span {

  float: right;

}

.side-list-inline ul {

  margin: 0;

  padding: 0;

}

.side-list-inline li {

  list-style: none;

  display: inline-block;

  margin-right: 10px;

  padding: 10px 5px;

}

.widget_author__header {

  padding: 1.5rem;

  margin-bottom: 2.5rem;

  overflow: hidden;

  border: 1px solid #eaeff5;

  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

  -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

}

.widget_author__avatar {

  width: 105px;

  height: 105px;

  border-radius: 50%;

  margin-right: 30px;

  float: left;

}

.widget_author__avatar img {

  border-radius: 50%;

}

.role--admin,

.fa.fa-cogs.mr-2 {

  color: #5dc57b;

}

.blog-info.details.overview,

.homes-content.details.amenities,

.property-location.mp,

.reviews.comments,

.reviews.leve-comments,

.widget.widget_listings,

.listing-details-sliders.mb-30,

.recent-post.tags {

  padding: 1.5rem !important;

  border: 1px solid #eaeff5;

  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

  -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

}

.homes-content.details.amenities,

.property-location.mp,

.listing-details-sliders.mb-30 {

  margin-bottom: 2.5rem;

}

.widget.widget_listings,

.recent-post.tags {

  padding: 1.5rem !important;

}

.widget_listings ul {

  padding-top: 20px;

  padding-bottom: 10px;

}

.widget_listings ul {

  padding: 0;

  margin: 0;

}

.widget_listings ul li {

  list-style: none;

  overflow: hidden;

  border-bottom: 1px solid #eee;

  padding: 10px 0;

}

.widget_listings ul li:first-child {

  padding-top: 0;

}

.widget_listings ul img {

  float: left;

  width: 70px;

  margin-right: 18px;

}

.widget_listings ul .cat {

  color: #000;

}

.widget_listings h4 {

  color: #666;

}

.widget_listings ul h4 {

  color: #666;

  font-size: 15px;

  margin-top: 3px;

  margin-bottom: 10px;

}

.widget_listings ul h4 a {

  color: #666;

}

.widget_listings ul .rating__star {

  font-size: 14px;

}

.widget_listings ul img {

  float: left;

  width: 85px;

  height: 70px;

  margin-right: 18px;

}

.widget_listings ul li {

  list-style: none;

  overflow: hidden;

  border-bottom: 1px solid #eee;

  padding: 10px 0;

}

.widget_listings .fa-map-marker,

.recent-post.tags .fas.fa-tags,

.recent-post.tags .fas.fa-utensils,

.inner-pages .listing-title-bar .fa-map-marker {

  color: #fdd534;

}

.recent-post.tags.mt-5 {

  margin-top: 2.5rem !important;

}

.recent-post.tags .fas.fa-tags {

  font-size: 17px;

}

.overflow-hidden a {

  color: #333;

  text-decoration: none;

}

.overflow-hidden .fa {

  color: #ffc107;

}

.inner-pages .recent-post.tags .tags a {

  background: #fff;

  color: #666;

  border: 1px solid #ddd;

  margin-bottom: 0.7rem;

  margin-left: 0.2rem;

  text-transform: capitalize;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

@media screen and (max-width: 991px) {

  .widget-boxed .book {

    margin-bottom: 1.5rem;

  }

  .widget-boxed .book2 {

    margin-bottom: 1rem;

  }

  section.leve-comments.details {

    margin-bottom: 2.5rem;

  }

  .widget.widget_listings.my-5 h4:first-child {

    padding-top: 1.5rem;

  }

  .text-center.mb-2 {

    text-align: left !important;

  }

  .homepage-3 .text-center.mb-2 {

    text-align: center !important;

  }

  .listing-details-sliders .list-inline {

    width: 94% !important;

    margin-right: 0px;

    margin-left: 20px;

  }

}

@media screen and (max-width: 767px) {

  .inner-pages .blog .homes-content.details-2 {

    padding-left: 4rem;

  }

  .ameneniti ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .inner-pages .blog .homes-content .homes-list li {

    width: 100%;

  }

  .inner-pages .blog .widget-boxed {

    margin-top: 0px;

  }

}

@media screen and (max-width: 450px) {

  .inner-pages .blog .homes-content.details-2 {

    padding-left: 2.5rem;

  }

}

@media screen and (max-width: 360px) {

  .inner-pages .blog .homes-content.details-2 {

    padding-left: 1.3rem;

  }

  .inner-pages .add-review-photos {

    padding: 4px 2px;

  }

  .inner-pages .leave-rating-title {

    margin-bottom: 15px;

  }

}

.inner-pages .blog .homes-content.details-2 span {

  color: #fff;

  font-size: 1rem;

}

.inner-pages .blog .homes-content.details-2 .fa {

  color: #fdd534;

}

.inner-pages .blog .blog-info p.mb-3 {

  color: #666;

  font-weight: 400;

}

.inner-pages .blog .blog-info.details {

  background: #fff;

  margin-bottom: 2.5rem;

}

.inner-pages .blog .sorting-options span {

  color: #121b22;

  font-family: "Montserrat", sans-serif;

  font-weight: bold;

  text-transform: uppercase;

}

.inner-pages .blog .sorting-options h5 {

  color: #fdd534;

  font-family: "Montserrat", sans-serif;

  font-weight: bold;

  margin-top: 0px;

}

.inner-pages .blog .sorting-options h6 {

  color: #f1ca30;

  font-weight: bold;

  margin-right: 3.2rem;

}

.inner-pages .blog .wprt-image-video.w50 {

  margin-bottom: 5rem;

}

.inner-pages .blog .homes-content h5,

.inner-pages .blog .property-location h5,

.inner-pages .blog .team.assigned h5,

.inner-pages .blog .reviews.comments h3,

.inner-pages .blog .comments h3,

.inner-pages .blog .leve-comments h3,

h3.listing-desc-headline.margin-bottom-20,

.inner-pages .carousel h5,

.inner-pages .similar-property h5 {

  color: #222;

  font-size: 1.25rem;

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  text-transform: capitalize;

}

.inner-pages .blog .homes-content h5::after,

.inner-pages .blog .blog-info.details h5::after,

.inner-pages .blog .property-location h5::after,

.inner-pages .carousel h5:after,

.inner-pages .blog .team.assigned h5::after,

.inner-pages .similar-property h5:after {

  color: #fdd534;

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.inner-pages .blog .homes-content.details .fa {

  color: #fdd534;

  font-size: 1.5rem;

  font-weight: bold;

}

.inner-pages .blog .homes-content.details span {

  font-size: 1rem;

  color: #666;

}

#map-contact {
    width: 100%;
    height: 300px;

    border-radius: 0px;
}

.inner-pages .info-box-img {

  width: 180px !important;

  margin-right: 20px;

  float: left;

}

.inner-pages section.team.assigned {

  padding: 0px;

}

.review-content-wrap .review-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

@media (max-width: 1199px) {

  .review-content-wrap .review-content {

    display: block;

  }

}

.review-content-wrap .review-content .review-rating-summary {

  text-align: center;

}

@media (max-width: 1199px) {

  .review-content-wrap .review-content .review-rating-summary {

    text-align: left;

    margin-bottom: 30px;

  }

  .rate.pl-00 {

    padding-left: 0px;

  }

}

.stats-average__count {

  color: #333;

  font-size: 40px;

  font-weight: 600;

}

.review-content-wrap

  .review-content

  .review-rating-summary

  .review-rating-summary-inner

  .stats-average__rating {

  margin-top: 0px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.review-content-wrap

  .review-content

  .review-rating-summary

  .review-rating-summary-inner

  .stats-average__rating

  ul {

  margin-right: 5px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.review-content-wrap

  .review-content

  .review-rating-summary

  .review-rating-summary-inner

  .stats-average__rating

  ul

  li

  i {

  color: #ffc107;

  font-size: 20px;

  margin-right: 2px;

}

.review-content-wrap

  .review-content

  .review-rating-summary

  .review-rating-summary-inner

  .stats-average__rating

  .stats-average__rating-rating {

  color: #808996;

}

.review-content-wrap

  .review-content

  .review-rating-summary

  .course-rating-text {

  margin-top: 5px;

  font-size: 16px;

  color: #444;

}

.review-content-wrap .review-content .review-rating-widget {

  margin-top: 12px;

  margin-left: 105px;

  width: 100%;

  color: #444;

}

@media (max-width: 1199px) {

  .review-content-wrap .review-content .review-rating-widget {

    margin-left: 0;

  }

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items {

  margin-bottom: 10px;

}

@media (max-width: 425px) {

  .review-content-wrap

    .review-content

    .review-rating-widget

    .review-rating-rate

    ul

    .review-rating-rate__items {

    margin-bottom: 15px;

  }

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items:last-child {

  margin-bottom: 0;

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

}

@media (max-width: 425px) {

  .review-content-wrap

    .review-content

    .review-rating-widget

    .review-rating-rate

    ul

    .review-rating-rate__items

    .review-rating-inner__item {

    display: block !important;

  }

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item

  .review-rating-rate__item-text {

  text-transform: capitalize;

  font-weight: 400;

  font-size: 16px;

  width: 75px;

}

@media (max-width: 425px) {

  .review-content-wrap

    .review-content

    .review-rating-widget

    .review-rating-rate

    ul

    .review-rating-rate__items

    .review-rating-inner__item

    .review-rating-rate__item-text {

    width: 100%;

    margin-bottom: 5px;

  }

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item

  .review-rating-rate__item-fill {

  width: 310px;

  height: 20px;

  background-color: rgba(127, 136, 151, 0.1);

  border-radius: 4px;

  margin-right: 15px;

}

@media (max-width: 425px) {

  .review-content-wrap

    .review-content

    .review-rating-widget

    .review-rating-rate

    ul

    .review-rating-rate__items

    .review-rating-inner__item

    .review-rating-rate__item-fill {

    width: 100%;

    margin-right: 0;

    margin-bottom: 5px;

  }

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item

  .review-rating-rate__item-fill

  .review-rating-rate__item-fill__fill {

  background-color: #ffc107;

  border-radius: 4px;

  display: block;

  width: 77%;

  height: 100%;

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item

  .review-rating-rate__item-fill

  .rating-fill-width2 {

  width: 54%;

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item

  .review-rating-rate__item-fill

  .rating-fill-width3 {

  width: 14%;

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item

  .review-rating-rate__item-fill

  .rating-fill-width4 {

  width: 5%;

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item

  .review-rating-rate__item-fill

  .rating-fill-width5 {

  width: 2%;

}

.review-content-wrap

  .review-content

  .review-rating-widget

  .review-rating-rate

  ul

  .review-rating-rate__items

  .review-rating-inner__item

  .review-rating-rate__item-percent-text {

  opacity: 0.8;

} /*-------------Sliders---------------------------------------*/

.listing-details-sliders .list-inline {

  white-space: nowrap;

  width: 100% !important;

}

.list-inline {

  line-height: 15px;

}

.inner-pages .carousel-indicators li::before {

  position: absolute;

  top: -10px;

  left: 0;

  display: inline-block;

  width: 100%;

  height: 10px;

  content: "";

}

img {

  display: inline-block;

  max-width: 100%;

  height: auto;

}

.listing-details-sliders .carousel-indicators {

  position: static;

  left: initial;

  width: initial;

  margin-left: initial;

  margin-top: 15px;

}

.listing-details-sliders .carousel-indicators a {

  cursor: pointer;

}

.listing-details-sliders .carousel-indicators > li {

  height: initial;

  text-indent: initial;

  max-width: 127px;

  margin-right: 10px;

  margin-left: 0;

}

.listing-details-sliders .carousel-indicators > li:last-child {

  margin-right: 0px;

}

.dd.listing-details-sliders .carousel-indicators > li {

  width: initial;

  height: initial;

  text-indent: initial;

}

.smail-listing .list-inline-item {

  width: 20%;

}

.smail-listing .list-inline-item a img {

  width: 600px;

  border: none;

  border-radius: 0;

}

.elements-page .tab-box p {

  margin-bottom: 0;

}

.listing-details-sliders .carousel-indicators > li.active img {

  opacity: 0.9;

}

.listing-details-sliders .right {

  position: absolute;

  right: 15px;

  top: 45%;

}

.listing-details-sliders .left {

  position: absolute;

  top: 50%;

  left: 35px;

  background: #fdd534;

  width: 36px;

  height: 36px;

  line-height: 36px;

  border-radius: 100%;

  color: #fff;

  font-size: 10px;

  z-index: 120;

  cursor: pointer;

  margin-top: -18px;

  -webkit-box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4);

  box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.listing-details-sliders .left:hover,

.listing-details-sliders .right:hover {

  background: #121b22;

}

.listing-details-sliders .left i {

  font-size: 23px;

  margin-left: 12px;

  margin-top: 5px;

  color: #fff;

}

.listing-details-sliders .right {

  position: absolute;

  top: 50%;

  right: 35px;

  background: #fdd534;

  width: 36px;

  height: 36px;

  line-height: 36px;

  border-radius: 100%;

  color: #fff;

  font-size: 10px;

  z-index: 120;

  cursor: pointer;

  margin-top: -18px;

  -webkit-box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4);

  box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.listing-details-sliders .img-fluid {

  max-width: 100%;

  height: auto;

}

.single-proper .mb-30,

.property-location.map {

  margin-bottom: 30px !important;

}

.listing-details-sliders .right i {

  font-size: 23px;

  margin-left: 14px;

  margin-top: 5px;

  color: #fff;

}

.list-inline-item:not(:last-child) {

  margin-right: 1px;

}

.inner-pages .homes-content .homes-list li i {

  font-size: 1.2rem;

  margin-right: 5px;

  color: #fdd534;

}

.inner-pages .blog .homes-content.details-2.mb-4 {

  margin-bottom: 30px !important;

}

.inner-pages .depar-title h4 {

  font-size: 1.2rem;

  color: #fdd534;

}

.inner-pages .depar-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  background: #f5f6ff;

  border-radius: 5px;

  color: #fff;

  padding: 0.7rem;

}

.inner-pages .depart-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.inner-pages .depart-list ul {

  list-style: none;

  padding-left: 0px;

  margin-top: 0.5rem;

}

.inner-pages .depart-list ul li {

  padding-bottom: 2rem;

  font-weight: 500;

}

.inner-pages .depart-list ul li .fa {

  color: #ffbb3f;

}

@media screen and (max-width: 450px) {

  .inner-pages .blog .homes-content .homes-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .inner-pages .homes-content.details-2 ul {

    display: block !important;

  }

}

@media screen and (max-width: 767px) {

  .inner-pages .blog .homes-content.details-2 {

    padding-left: 4rem;

  }

}

.single-property-4 {

  position: relative;

}

.p0 {

  padding: 0 !important;

}

.m0 {

  margin: 0 auto;

}

.pr1 {

  padding-right: 1px;

}

.pr1 {

  padding-right: 1px;

}

.w100 {

  width: 100% !important;

}

.single-property-5 .video-container {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -10;

  overflow: hidden;

}

.single-property-5.fullwidth-home-map.dark-overlay {

  height: 70vh !important;

  margin-bottom: 0;

}

.single-property-5.fullwidth-home-map.dark-overlay video {

  top: 50%;

  -webkit-transform: translateY(-52%);

  transform: translateY(-52%);

  left: 0;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  z-index: -10;

  background-size: cover;

  -webkit-transition: 1s opacity;

  transition: 1s opacity;

  position: absolute;

}

.single-property-5.dark-overlay:before {

  background: none !important;

}

.single-property-5.dark-overlay:before {

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  display: block;

  background: none;

}

section.breadcrumb-outer {

  padding: 12rem 0;

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(14, 18, 68, 0.5)),

      to(rgba(14, 18, 68, 0.5))

    ),

    url(../images/details.jpg) no-repeat scroll center center;

  background: linear-gradient(rgba(14, 18, 68, 0.5), rgba(14, 18, 68, 0.5)),

    url(../images/details.jpg) no-repeat scroll center center;

  background-size: cover;

}

.detail-title .detail-title-inner .listing-rating i {

  color: #ffc107;

}

.detail-title .detail-title-inner .list-single-contacts li {

  font-size: 15px;

  padding-right: 17px;

}

.detail-title .detail-title-inner .list-single-details .list-single-rating {

  position: relative;

  z-index: 1;

  display: inline-block;

}

.detail-title

  .detail-title-inner

  .list-single-details

  .list-single-rating

  .rating-score

  span {

  background: #fff;

  color: #274abb;

  float: left;

  font-weight: 700;

  border-radius: 0;

  padding: 16px 18px;

  font-size: 24px;

}

.white {

  color: #fff !important;

}

h2.white span {

  color: #fff !important;

  margin-bottom: 20px;

}

h2.white {

  margin-top: 20px;

  margin-bottom: 20px;

}

.list-single-contacts ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}

.list-single-contacts ul li {

  margin-bottom: 0;

  line-height: 1.5;

  color: #666;

  position: relative;

  display: inline-block;

  padding: 0;

}

.list-single-contacts ul li a,

.breadcrumb-outer a {

  text-decoration: none;

}

.breadcrumb-outer a:hover {

  color: #fff;

}

.nir-btn,

.nir-btn1,

.nir-btn-black {

  position: relative;

  z-index: 1;

  font-size: 14px;

  text-align: center;

  padding: 10px 20px;

  text-transform: capitalize;

  -webkit-transition: all ease-in-out 0.5s;

  transition: all ease-in-out 0.5s;

  background: #274abb;

  font-weight: 700;

  color: #fff;

  display: inline-block;

  border-radius: 0;

  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);

  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);

}

.breadcrumb-outer .mt-1,

.my-1 {

  margin-top: 1rem !important;

}

.nir-btn1:before {

  border-color: #fff !important;

}

.nir-btn:before,

.nir-btn1:before,

.nir-btn-black:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  -webkit-transition: all ease-in-out 0.5s;

  transition: all ease-in-out 0.5s;

  -webkit-transform: scale(0, 1);

  transform: scale(0, 1);

  z-index: -1;

  border: 2px solid #ff5a5f;

  color: #ff5a5f;

  background: 0 0;

  border-radius: 0;

}

.property.vid-si6 .popup-youtube,

.property.wprt-image-video.vid-si6 .iq-waves {

  top: 56.7%;

}

.inner-pages .map-marker {

  height: 50px;

  width: 50px;

}

.inner-pages .leaflet-div-icon,

.inner-pages .map-marker {

  background-color: #fdd534;

  border: 5px solid #fdd534;

  border-radius: 50%;

  cursor: pointer;

  position: relative;

  -webkit-transition: all 0.15s linear;

  transition: all 0.15s linear;

  z-index: 10;

}

.inner-pages .leaflet-div-icon:before,

.inner-pages .map-marker:before {

  border: 4px solid transparent;

  border-width: 10px 8px;

  border-top-color: #fdd534;

  bottom: -24px;

  height: 0;

  content: "";

  display: block;

  left: 50%;

  position: absolute;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 0;

  z-index: 11;

}

.inner-pages .leaflet-div-icon:after,

.inner-pages .map-marker:after {

  background-color: #fff;

  border-radius: 50%;

  bottom: 0;

  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);

  content: "";

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 12;

}

.inner-pages .leaflet-div-icon i,

.inner-pages .map-marker i {

  color: #000;

  font-size: 23px;

  left: 50%;

  position: absolute;

  top: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  z-index: 13;

}

.inner-pages .leaflet-div-icon:hover,

.inner-pages .map-marker:hover {

  top: -2px;

} /*-----------------------------------*/ /*------ 47. INNER PAGE ABOUT US ----*/ /*-----------------------------------*/

.inner-pages section.about-us {

  background: #fff;

  padding: 6rem 0;

}

.inner-pages .headings {

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(0, 0, 0, 0.2)),

      to(rgba(0, 0, 0, 0.2))

    ),

    url(../images/bg-inner.jpg) no-repeat center center;

  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),

    url(../images/bg-inner.jpg) no-repeat center center;

  width: 100%;

  height: 45vh;

}

.inner-pages.about .headings {

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(18, 27, 34, 0.6)),

      to(rgba(18, 27, 34, 0.6))

    ),

    url(../images/bg-testimonials.jpeg) no-repeat center center;

  background: linear-gradient(rgba(18, 27, 34, 0.6), rgba(18, 27, 34, 0.6)),

    url(../images/bg-testimonials.jpeg) no-repeat center center;

}

.inner-pages .headings h1 {

  margin-top: 15.5rem;

  margin-bottom: 1rem;

  font-size: 2rem;

  text-transform: capitalize;

  color: #fff;

}

.inner-pages .headings h2 a,

.inner-pages .headings h2 {

  text-decoration: none;

  text-transform: capitalize;

  color: #fff;

  font-size: 1rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .headings h2 a:hover {

  color: #fdd534;

}

.inner-pages .about-us h2::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #121b22;

  content: " ";

  width: 97px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

@media screen and (max-width: 500px) {

  .inner-pages .headings h1 {

    margin-top: 11rem;

    margin-bottom: 1.5rem;

    font-size: 1.5rem;

  }

  .inner-pages .cod-pad.mt-22 {

    margin-top: 0.8rem;

  }

}

@media screen and (max-width: 360px) {

  .inner-pages .headings h1 {

    margin-top: 9rem;

  }

}

.inner-pages .about-us .who-1 {

  background: #fff;

  background-size: cover;

  color: #666;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  min-height: 80px;

  left: 0;

  top: 0;

}

.inner-pages .about-us .who-1 h2 span {

  color: #fdd534;

}

.inner-pages .about-us .who-1 p {

  color: #666;

  background: #fff;

  font-weight: 400;

  font-family: "Asap", sans-serif;

}

.inner-pages .services .top-headings-section.se h2 {

  color: #fff;

}

.inner-pages .about-us .box.bg-2 a {

  text-decoration: none;

}

.inner-pages .about-us .box.bg-2 {

  color: #000 !important;

  background: #fff;

}

.inner-pages .about-us .box.bg-2 .button:hover {

  color: #fff;

  border-color: #fff;

}

.about-us .about-list ul li:before {

  content: "\f101";

  font-family: "FontAwesome";

  font-size: 16px;

  padding-right: 0.7rem;

  color: #fdd534;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.about-us .btn.btn-primary.btn-lg {

  background: #fdd534;

  border: 0;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.about-us .btn.btn-primary.btn-lg:hover {

  background: #121b22;

}

.about-us .popup-youtube {

  background: #fff none repeat scroll 0 0;

  border-radius: 100%;

  color: #fdd534;

  font-size: 30px;

  height: 70px;

  left: 50%;

  line-height: 70px;

  position: absolute;

  text-align: center;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 70px;

  z-index: 9;

}

.about-us .popup-youtube i {

  margin-left: 5px;

}

.about-us .wprt-image-video .iq-waves {

  height: 352px;

  height: 22rem;

  left: 50%;

  position: absolute;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 352px;

  width: 22rem;

  z-index: 2;

}

.about-us .wprt-image-video img {

  height: 320px;

}

.about-us .wprt-image-video .iq-waves .waves {

  -webkit-animation: 3s ease-in-out 0s normal none infinite running waves;

  animation: 3s ease-in-out 0s normal none infinite running waves;

  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 padding-box;

  border-radius: 320px;

  height: 352px;

  height: 22rem;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  position: absolute;

  width: 352px;

  width: 22rem;

}

.about-us .wprt-image-video .iq-waves .wave-1 {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}

.about-us .wprt-image-video .iq-waves .wave-2 {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}

.about-us .wprt-image-video .iq-waves .wave-3 {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

}

@-webkit-keyframes waves {

  0% {

    -webkit-transform: scale(0.2, 0.2);

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

  50% {

    opacity: 0.9;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  }

  100% {

    -webkit-transform: scale(0.6, 0.6);

    transform: scale(0.6, 0.6);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

}

@keyframes waves {

  0% {

    -webkit-transform: scale(0.2, 0.2);

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

  50% {

    opacity: 0.9;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  }

  100% {

    -webkit-transform: scale(0.6, 0.6);

    transform: scale(0.6, 0.6);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

}

@media screen and (max-width: 991px) {

  .box.bg-2 img {

    width: 30%;

  }

  .inner-pages .about-us .wprt-image-video {

    margin-bottom: 2.5rem;

  }

}

.about-us .who img {

  width: 100%;

  height: 100%;

}

@media screen and (max-width: 767px) {

  .about-us .who img {

    width: 100%;

  }

  .inner-pages .team .jann {

    padding-top: 2.5rem;

  }

  .inner-pages .team .kat {

    padding-top: 2.5rem;

  }

  .services-2 .serv {

    margin-bottom: 2rem;

  }

  .services-2 .serv:last-child {

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 500px) {

  .about-us .wprt-image-video img {

    height: 250px;

  }

}

section.team {

  padding: 6rem 0;

  background: #fff;

}

.team-block {

  position: relative;

}

.team-block .inner-box {

  position: relative;

  padding-bottom: 0px;

  -webkit-box-shadow: 1px 1px 30px #ccc;

  box-shadow: 1px 1px 30px #ccc;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

}

.team-block .inner-box .image {

  position: relative;

}

.team-block .inner-box .image img {

  position: relative;

  width: 100%;

  display: block;

  height: auto;

}

.team-block .inner-box .lower-box {

  position: relative;

  padding: 22px 0;

  text-align: center;

}

.team-block .inner-box .lower-box h3 {

  position: relative;

  font-size: 18px;

  font-weight: 600;

  line-height: 1.2em;

  margin-bottom: 0px;

}

.team-block .inner-box .lower-box h3 a {

  position: relative;

  color: #222;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.team-block .inner-box .lower-box h3 a:hover {

  color: #fdd534;

}

.team-block .inner-box .lower-box .designation {

  position: relative;

  color: #666;

  font-size: 16px;

  font-weight: 400;

  padding-top: 2px;

  text-transform: capitalize;

}

@media screen and (max-width: 991px) {

  .team-block {

    padding-bottom: 2.5rem;

  }

  .team-block.pb-none {

    padding-bottom: 0px;

  }

  .inner-pages .about-us .col-lg-6.pr-4 {

    padding-right: 15px !important;

  }

  .detail-title-inner,

  .list-single-details {

    text-align: center !important;

  }

  .list-single-details .rating-score {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    float: none !important;

    margin-bottom: 0.5rem;

  }

  .list-single-details {

    margin-top: 3rem;

  }

}

@media screen and (max-width: 767px) {

  .team-block.pb-none {

    padding-bottom: 2.5rem;

  }

  .team-block.pb-none:last-child {

    padding-bottom: 0px;

  }

}

@media screen and (max-width: 1024px) {

  .inner-pages .headings h1 {

    margin-top: 23rem;

  }

}

@media screen and (max-width: 768px) {

  .inner-pages .headings h1 {

    margin-top: 18rem;

  }

}

@media screen and (max-width: 575px) {

  .inner-pages .headings h1 {

    margin-top: 10rem;

  }

}

@media screen and (max-width: 411px) {

  .inner-pages .headings h1 {

    margin-top: 12rem;

  }

}

@media screen and (max-width: 360px) {

  .inner-pages .headings h1 {

    margin-top: 9rem;

  }

} /*------------------------------------*/ /*------ 48. INNER PAGE DASHBOARD ----*/ /*------------------------------------*/

.user-page.section-padding {

  padding: 1rem 0;

  margin-top: 90px;

}

.user-page.section-padding.pt-55 {

  padding-top: 10rem !important;

}

.user-profile-box {

  background: #1d293e;

  -webkit-box-shadow: 0 0 20px rgba(38, 38, 38, 0.2);

  box-shadow: 0 0 20px rgba(38, 38, 38, 0.2);

  margin: 0 auto 50px;

  position: fixed;

  top: 0;

  bottom: 0;

  width: 295px;

  height: 100vh;

  z-index: 99999;

}

.user-profile-box .header {

  padding: 20px 20px 120px;

  text-align: center;

  position: relative;

  background-repeat: no-repeat;

  border: none;

  margin: 0;

  background: #1d293e;

  background-size: cover;

  color: #ffffff;

  z-index: 1;

}

.user-profile-box .header h2 {

  margin: 0 0 8px;

  color: #aeb7c2;

  text-transform: capitalize;

  font-weight: 600;

  font-size: 18px;

}

.user-profile-box .header h4 {

  font-size: 14px;

  color: #aeb7c2;

  margin-top: 15px;

  font-weight: 400;

}

.user-profile-box .profile-img {

  border-radius: 50%;

  background-clip: padding-box;

  border: 5px solid #f1ca30;

  bottom: 5px;

  float: left;

  height: 100px;

  width: 100px;

  left: 59.5%;

  margin-left: -75px;

  position: absolute;

  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1);

}

.user-profile-box .detail {

  padding-top: 30px;

}

.user-profile-box .detail ul li a {

  color: #aeb7c2;

  padding: 12px 50px;

  display: block;

  text-decoration: none;

  font-size: 16px;

  font-weight: 500;

}

.my-address.pro label {

  color: #222;

  font-weight: 500;

}

.my-address.pro .form-group {

  margin-bottom: 1.5rem;

}

.user-profile-box .detail ul {

  list-style: none;

  padding-left: 0px;

}

.user-profile-box .detail ul li a i {

  margin-right: 10px;

}

.user-profile-box .detail ul li a {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.user-profile-box .detail ul li .active {

  background: #172133;

  color: #fff;

  font-weight: 500;

}

.user-profile-box .detail ul li a:hover {

  background: #172133;

  color: #fff;

}

.dashborad-box {

  background: #fff;

  padding: 30px;

  margin-bottom: 2.5rem;

  -webkit-box-shadow: 0 0 20px rgba(38, 38, 38, 0.2);

  box-shadow: 0 0 20px rgba(38, 38, 38, 0.2);

}

.dashborad-box.stat {

  background: #f7f7f7;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.db-top-header {

  position: fixed;

  z-index: 99;

  top: 0;

  width: 100%;

  background: #fff;

  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);

  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);

}

.db-top-header #header.cloned.sticky {

  visibility: hidden;

}

.dashboard-bd.maxw1600 {

  max-width: 100%;

}

.dashboard-bd .left-side {

  margin-left: 80px;

}

.dashboard-bd.hd-white .left-side {

  float: left;

  width: 820px;

  display: inline-block;

  margin-left: 0px;

}

.dashboard-bd #logo {

  margin-right: 0px;

}

.dashboard-bd .sidebar-header {

  background-color: #24324a;

  padding: 28px 0 28px 0;

}

.dashboard-bd .left-side {

  width: 55%;

}

.dashboard-bd .right-side {

  width: auto;

  margin-right: 55px;

}

.dashboard-bd.hd-white .right-side {

  float: right;

  width: 120px;

  margin-left: 30px;

  display: inline-block;

  margin-right: 0px;

}

.dashboard-bd .my-address {

  background: #fff;

  padding: 30px;

}

.dashboard-bd a.button.border,

a.button {

  background: #1ec38b;

  padding: 9px 20px;

  border-radius: 50px;

  border: 1px solid transparent;

  color: #fff !important;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  display: inline-block;

  font-size: 15px;

  font-weight: 600;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.dashboard-bd.hd-white a.button.border,

.dashboard-bd.hd-white a.button {

  background-color: #fdd534;

  width: 150px;

  top: 0;

  padding: 10px 20px;

  color: #fff;

  position: relative;

  text-decoration: none;

  font-size: 15px;

  text-align: center;

  font-weight: 600;

  display: inline-block;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  cursor: pointer;

  overflow: hidden;

  border-radius: 8px;

  -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);

  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);

}

.dashboard-bd .active-user h2 {

  text-transform: capitalize;

  font-weight: 400;

  padding-top: 15px;

  font-size: 16px;

  margin-bottom: 30px;

  color: #aeb7c2;

  text-align: center;

}

.dashboard-bd .widget-boxed {

  background: #fff;

}

body.dashboard-bd {

  background: #f7f7f7;

}

.dashboard-bd .sidebar-header img {

  width: 340px;

  height: 47px;

}

@media only screen and (max-width: 1024px) {

  .dashboard-bd.hd-white #logo {

    position: absolute;

    width: 100%;

    margin: 0 auto;

    margin-top: 3px;

    width: 35%;

    text-align: center;

    left: 0;

    right: 0;

  }

  .dashboard-bd.hd-white .left-side {

    width: 50% !important;

  }

}

@media only screen and (max-width: 575px) {

  .dashboard-bd.hd-white .left-side {

    width: 50% !important;

  }

  .dashboard-bd.hd-white #logo img {

    margin-right: 0px;

  }

}

@media screen and (max-width: 991px) {

  .dashboard-bd.hd-white a.button.border,

  .dashboard-bd.hd-white a.button {

    width: 240px;

  }

}

@media (min-width: 1773px) {

  .dashboard-bd .col-lg-3.user-dash {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 17%;

    flex: 0 0 17%;

    max-width: 17%;

  }

  .dashboard-bd #navigation {

    margin-left: 175px;

  }

}

@media (min-width: 1773px) {

  .dashboard-bd .col-lg-9.user-dash2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 82.5%;

    flex: 0 0 82.5%;

    max-width: 82.5%;

    padding-top: 30px;

  }

  .dashboard-bd .left-side {

    width: 60%;

  }

}

@media (min-width: 1366px) {

  .dashboard-bd .left-side {

    width: 70%;

  }

  .dashboard-bd.hd-white .left-side {

    width: 820px;

  }

  .dashboard-bd a.button.border,

  a.button {

    display: none;

  }

  .dashboard-bd.hd-white a.button.border,

  a.button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .dashboard-bd #navigation {

    margin-left: 80px;

  }

  .dashboard-bd.hd-white #navigation {

    margin-left: 40px;

  }

}

@media (max-width: 1773px) {

  .dashborad-box .col-lg-3.dar.pro,

  .dashborad-box .col-lg-3.dar.rev,

  .dashborad-box .col-lg-3.dar.com,

  .dashborad-box .col-lg-3.dar.booked {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 48.9% !important;

  }

  .dashborad-box .col-lg-3.dar.pro,

  .dashborad-box .col-lg-3.dar.rev {

    margin-bottom: 30px;

  }

  .dashborad-box .col-lg-3.dar.rev {

    margin-right: 0px !important;

  }

}

@media (max-width: 575px) {

  .dashboard-bd .left-side {

    margin-left: 0px;

  }

  .dashborad-box .col-lg-3.dar.pro,

  .dashborad-box .col-lg-3.dar.rev,

  .dashborad-box .col-lg-3.dar.com,

  .dashborad-box .col-lg-3.dar.booked {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 1000%;

    flex: 0 0 1000%;

    max-width: 100% !important;

    margin-right: 0px !important;

  }

  .dashborad-box .col-lg-3.dar.com {

    margin-bottom: 30px;

  }

}

.header-user-menu {

  float: right;

  position: relative;

  top: 10px;

  margin-left: 0px;

  margin-right: 50px;

}

.header-user-name {

  position: relative;

  float: left;

  cursor: pointer;

  color: #666;

  -webkit-transition: 0.2s;

  transition: 0.2s;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding-top: 10px;

  font-weight: 400;

}

.header-user-name:before {

  font-family: "FontAwesome";

  content: "\f0d7";

  position: absolute;

  color: #666;

  bottom: 1px;

  font-size: 13px;

  right: -16px;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.header-user-name span {

  position: absolute;

  width: 38px;

  height: 38px;

  border-radius: 50%;

  overflow: visible;

  top: 0;

  left: -55px;

}

.header-user-name span img {

  border: 3px solid #fff;

  border-radius: 50%;

  -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);

  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);

  width: 100%;

  height: 100%;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

.header-user-name.hu-menu-visdec:before {

  -webkit-transform: rotateX(180deg);

  transform: rotateX(180deg);

}

.header-user-menu ul {

  margin: 10px 0 0 0;

  opacity: 0;

  list-style: none;

  visibility: hidden;

  position: absolute;

  min-width: 150px;

  top: 40px;

  left: -80px;

  z-index: 1;

  padding: 10px 0;

  background: #fff;

  border-radius: 6px;

  border: 1px solid #eee;

}

.header-user-menu ul li {

  float: left;

  width: 100%;

  padding: 4px 0;

}

.header-user-menu ul li a {

  color: #50596e;

  float: left;

  width: 100%;

  font-size: 15px;

  text-decoration: none;

  font-weight: 400;

  text-align: left;

  padding: 6px 15px;

}

.dashborad-box .title {

  position: relative;

  padding-bottom: 15px;

  color: #222;

  margin-bottom: 15px;

}

.dashborad-box .item,

.table.table-striped {

  margin-bottom: 0px;

}

.dashborad-box .item .icon {

  float: left;

  font-size: 34px;

  width: 50px;

  position: relative;

}

.dashborad-box .item .icon .fa-list {

  color: #fff;

}

.dashborad-box .item .icon .fa-star {

  color: #fff;

}

.dashborad-box .item .icon .fa-comments {

  color: #fff;

}

.dashborad-box .item .icon .fa-heart {

  color: #fff;

}

.dashborad-box .col-lg-3.dar.pro,

.dashborad-box .col-lg-3.dar.rev,

.dashborad-box .col-lg-3.dar.com,

.dashborad-box .col-lg-3.dar.booked {

  max-width: 24%;

}

.dar.pro {

  border-radius: 8px;

  padding: 30px;

  background: #1ec38b;

}

.dar.rev {

  border-radius: 8px;

  padding: 30px;

  background: #f91;

}

.dar.com {

  border-radius: 8px;

  padding: 30px;

  background: #6ae;

}

.dar.booked {

  border-radius: 8px;

  padding: 30px;

  background: #f91942;

}

.dashborad-box .item .icon:before {

  position: absolute;

  content: "";

  top: 0;

  right: 0;

  height: 100%;

  width: 1px;

  background: #fff;

}

.dashborad-box a {

  color: #fdd534;

  text-decoration: none;

}

.dashborad-box .item .icon span {

  font-size: 32px;

  color: #fdd534;

}

.dashborad-box .item .info {

  padding-left: 20px;

  float: left;

}

.dashborad-box .item .info .number {

  font-size: 34px;

  font-weight: 600;

  margin: 0;

  color: #fff;

}

.dashborad-box .item .info .type {

  font-size: 15px;

  color: #fff;

  margin-bottom: 0px;

}

.dashborad-box .item:after {

  display: table;

  content: "";

  clear: both;

}

.dashboard-bd .second-footer {

  background: #fff;

  border: 1px solid #e6e6e6;

  color: #333;

  margin-top: 55px;

  bottom: 0;

  padding-top: 30px;

}

.dashboard-bd .second-footer.ad {

  margin-top: 80px;

}

.dashboard-bd .second-footer.ad2 {

  margin-top: 330px;

}

.dashboard-bd .messages .message .thumb img,

.dashboard-bd .reviews .review .thumb img {

  border-radius: 50px;

}

.dashboard-bd .second-footer p .fa-heart:before {

  color: #fdd534;

}

.listing-table .table thead tr .rating span {

  background: #f3f3f3;

  padding: 0 3px;

  border-radius: 4px;

}

.listing-table .table thead tr .status .active {

  background: #f3f3f3;

  color: #ffffff;

  padding: 0 3px;

  border-radius: 4px;

}

.listing-table .table thead tr .status .non-active {

  background: #d7d7d7;

  padding: 0 3px;

  border-radius: 4px;

}

.listing-table .table thead tr .edit a span {

  color: #fdd534 !important;

}

.listing-table .table thead tr th {

  margin-bottom: 0;

  border: none;

  color: #333;

  font-weight: 600;

}

.messages .message {

  margin-top: 50px;

}

.messages .message:after {

  display: table;

  content: "";

  clear: both;

}

.messages .message .thumb {

  height: 80px;

  width: 80px;

  float: left;

  border-radius: 50px;

  overflow: hidden;

}

.messages .message .body {

  position: relative;

  float: left;

  width: calc(100% - 120px);

  padding-left: 20px;

}

.messages .message .body h6,

.reviews .review .body h6,

.reviews .review .body h4 {

  font-size: 18px;

  margin-bottom: 0.2rem;

  color: #111;

}

.reviews .review .body h4 {

  margin-bottom: 8px;

}

.messages .message .body h6 .badge {

  background: #fdd534;

  color: #ffffff;

}

.messages .message .body .post-time {

  margin-bottom: 0;

  color: #666;

}

.messages .message .body .controller {

  position: absolute;

  top: 0;

  right: 0;

}

.messages .message .body .controller ul li {

  display: inline-block;

  margin-left: 6px;

}

.messages .message .body .controller ul li a {

  color: #888;

}

.messages .message .body .controller ul li a:hover {

  color: #fdd534;

}

.review {

  margin-top: 30px;

  display: inline-block;

}

.review .thumb {

  height: 80px;

  width: 80px;

  float: left;

  border-radius: 50px;

  overflow: hidden;

}

.review .thumb:after {

  display: table;

  content: "";

  clear: both;

}

.review .body {

  position: relative;

  float: left;

  width: calc(100% - 120px);

  padding-left: 20px;

}

.review .body h6 .stars {

  margin-left: 10px;

  font-size: 1rem;

}

.review .body h6 .stars i {

  color: #fcc200;

}

.inner .starts li {

  margin-bottom: 0px;

}

.review .body .post-time {

  margin-bottom: 0;

  color: #666;

}

.review .body .controller {

  position: absolute;

  top: 0;

  right: 0;

}

.review .body .controller ul li {

  display: inline-block;

  margin-left: 6px;

}

.review .body .controller ul li a {

  color: #888;

}

.review .body .controller ul li a:hover {

  color: #fdd534;

}

.password-section {

  margin-top: 20px;

}

.password-section h6 {

  margin-bottom: 10px;

  color: #f1ca30;

}

.my-properties {

  background: #ffffff;

  -webkit-box-shadow: 0 0 20px rgba(38, 38, 38, 0.2);

  box-shadow: 0 0 20px rgba(38, 38, 38, 0.2);

  padding: 30px;

}

.my-properties table {

  width: 100%;

  display: table;

}

.my-properties table thead tr th {

  font-size: 15px;

  color: #222;

  background-color: #f5f6ff;

  border: none;

  font-weight: 500;

  padding: 10px 10px 10px 0;

}

.my-properties table thead tr th:first-child {

  color: #333;

  font-size: 18px;

  font-weight: 600;

  padding-left: 30px;

}

.my-properties table tbody tr td {

  border-top: none;

  border-bottom: 1px solid #f3f3f3;

  padding: 30px 20px 30px 0;

  vertical-align: middle;

  font-size: 14px;

}

.my-properties table h2 {

  border: none;

  font-size: 16px;

  color: #444;

  text-decoration: none;

  text-transform: capitalize;

  font-weight: 500;

  margin: 0 0 9px 0;

  padding: 0;

}

.my-properties a {

  text-decoration: none;

}

.my-address label {

  color: #222;

}

.my-address .form-group {

  margin-bottom: 2.5rem;

}

.my-properties table tbody tr .image {

  width: 150px;

}

.my-properties table tbody tr .image a img {

  width: 100%;

  border-radius: 5px;

}

.my-properties table tbody tr td .actions .edit {

  float: left;

}

.my-properties table tbody tr td .inner figure {

  margin-bottom: 16px;

  color: #333;

}

.my-properties table tbody tr td .inner figure i {

  font-size: 13px;

}

.my-properties table tbody tr td .price {

  font-size: 12px;

  font-weight: 500;

}

.my-properties table tbody tr td.actions {

  text-align: right;

}

.my-properties table tbody tr td.actions .edit {

  float: left;

  color: #008000;

}

.my-properties table tbody tr td.actions .edit i {

  -webkit-transition: 0.4s;

  transition: 0.4s;

  margin-right: 5px;

}

.my-properties table tbody tr td.actions a {

  padding: 0;

  color: #f50057;

}

.my-properties table tbody tr td:last-child {

  padding-right: 5px;

}

.user-page .heading {

  margin-bottom: 1.5rem;

  text-transform: capitalize;

  background: #fff;

  color: #222;

  font-weight: 500;

  z-index: 1;

}

.section-inforamation label {

  color: #222;

  font-weight: 500;

}

.section-inforamation .form-group {

  margin-bottom: 1.5rem;

}

.dashborad-box .starts {

  margin-top: 0.8rem;

}

.notification-box {

  padding: 30px 35px;

  color: #727272;

  border-radius: 4px;

  background-color: #f3f3f3;

}

.notification-box h3 {

  font-size: 22px;

  margin-bottom: 10px;

}

.notification-box p {

  margin-bottom: 0;

}

.submit-property .drop-file {

  position: relative;

  border: 2px dashed #e5e5e5;

  border-radius: 4px;

  background: #fcfcfc;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

  display: inline-block;

  width: 100%;

}

.user-page.section-padding select {

  border: 0;

  font-size: 14px;

  width: 100%;

  line-height: 30px;

  padding: 0 15px;

  color: #727272;

  background: #ffffff;

  z-index: 1;

  width: 100%;

  position: relative;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  position: relative;

  min-height: 45px;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 1px solid #f3f3f3;

  background: #fff;

  border-radius: 4px;

  width: 100% !important;

  cursor: pointer;

}

select:focus {

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.form-check-input {

  margin-top: 7px;

}

.drop-file {

  position: relative;

  border: 2px dashed #d0d0d0;

  border-radius: 4px;

  background: #fcfcfc;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

  display: inline-block;

  width: 100%;

}

.drop-file:before {

  position: absolute;

  height: 100%;

  width: 100%;

  content: "";

  top: 0;

  left: 0;

  background: -webkit-gradient(

    linear,

    left top,

    left bottom,

    from(rgba(255, 255, 255, 0.95)),

    to(rgba(255, 255, 255, 0.9))

  );

  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;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

  border-radius: 4px;

}

.drop-file .drop-message {

  text-align: center;

  margin: 50px 0;

  font-size: 17px;

  color: #4a4747;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

  position: relative;

  z-index: 11;

}

.drop-file .drop-message:hover {

  color: #66676b;

}

.drop-file .drop-message span {

  display: inline;

  line-height: 117px;

}

.inner-pages .section-inforamation .form-control,

.inner-pages .my-address .form-control {

  border: 1px solid #ddd !important;

}

.inner-pages .section-inforamation .btn-primary,

.inner-pages .my-address .btn-primary {

  color: #fff;

  background-color: #fdd534;

  border: none;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .section-inforamation .btn-primary:hover,

.inner-pages .my-address .btn-primary:hover {

  background: #121b22;

  color: #fff;

}

.btn:not(:disabled):not(.disabled) {

  cursor: pointer;

}

.pagination-container .pagination {

  padding-top: 30px;

}

.pagination-container a {

  text-decoration: none;

}

.pagination-container a:hover {

  background: #121b22;

  color: #fff;

}

.btn-common {

  background-color: #fdd534;

  position: relative;

  z-index: 1;

  color: #fff;

}

.btn.btn-common {

  padding: 15px 20px;

}

.pagination-container .pagination .page-item .page-link {

  margin: 0 10px;

  padding: 15px 20px;

  color: #fdd534;

  border-color: #f3f3f3;

  border-radius: 4px;

  background: #fff;

}

.pagination-container .pagination .page-item .page-link:hover {

  background: #fdd534;

  color: #fff;

}

@media screen and (max-width: 1024px) {

  .my-address.pro {

    margin-top: 2.5rem;

  }

  .user-profile-box,

  .user-profile-box .detail.pass {

    margin-bottom: 2.5rem !important;

  }

  .dashborad-box .item {

    margin-bottom: 1rem;

  }

}

@media screen and (max-width: 768px) {

  .dashboard-bd .left-side {

    width: 80% !important;

  }

}

@media screen and (max-width: 1024px) {

  .user-profile-box {

    display: none;

  }

  .col-lg-3.user-dash {

    display: none;

  }

  .col-lg-9.user-dash2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 99.9%;

    flex: 0 0 99.9%;

    max-width: 99.9%;

  }

  .dashboard-bd #navigation {

    margin-left: 15px;

  }

  .dashboard-bd .left-side {

    width: 85%;

  }

  .dashboard-bd .left-side {

    margin-left: 0px;

  }

  .dashboard-bd #logo {

    margin-left: 0px;

  }

  .dashboard-bd .header-user-menu {

    margin-right: 0px;

  }

  .dashboard-bd .header-user-menu ul {

    left: -100px;

  }

  .dashboard-bd #logo {

    margin-left: 250px;

  }

}

@media screen and (max-width: 320px) {

  #logo img {

    width: 55px;

    margin-right: 35px;

  }

}

@media screen and (max-width: 767px) {

  .dashboard-bd #logo {

    margin-left: 250px;

  }

}

@media screen and (max-width: 500px) {

  .dashboard-bd #logo {

    margin-left: 130px !important;

  }

}

@media screen and (max-width: 415px) {

  .dashboard-bd #logo {

    margin-left: 100px !important;

  }

}

@media screen and (max-width: 575px) {

  .my-properties table tr {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

  }

  .dashboard-bd #logo {

    margin-left: 160px;

  }

  .dashboard-bd .left-side {

    width: 63% !important;

  }

  .dashborad-box .item .info .number {

    font-size: 20px;

  }

  .user-profile-box .detail ul li a,

  .reviews .review .body h4 {

    font-size: 15px;

  }

  .my-properties table tbody tr .image {

    width: 100%;

  }

  .my-properties table thead tr th:first-child,

  .my-properties table thead tr th {

    padding-left: 1rem;

    font-size: 15px;

  }

  .my-properties table tbody tr td {

    padding-top: 0px;

  }

  .my-properties table tbody tr td:first-child,

  .inner-pages .pagination {

    margin-top: 30px;

  }

  .inner-pages .pagination.grid-3 {

    margin-top: 0px;

  }

  .my-properties table tbody tr td {

    padding-bottom: 15px;

  }

  .btn.btn-common,

  .pagination-container .pagination .page-item .page-link {

    padding: 8px;

  }

}

@media screen and (max-width: 450px) {

  .messages .message,

  .reviews .review {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

  .review .body,

  .messages .message .body {

    position: relative;

    float: left;

    width: calc(100% - 20px);

    padding-left: 0px;

  }

  .messages .message .thumb,

  .review .thumb {

    margin-bottom: 1rem;

    margin-right: 8rem;

  }

  .messages .message .body {

    padding-left: 0px;

  }

  .listing-table .table thead tr th,

  .listing-table .table tbody {

    font-size: 14px;

  }

}

@media screen and (max-width: 411px) {

  .messages .message .thumb {

    margin-right: 5rem;

  }

  .review .thumb {

    margin-right: 3rem;

  }

}

@media screen and (max-width: 360px) {

  .messages .message .thumb {

    margin-right: 10rem !important;

  }

  .review .thumb {

    margin-right: 10rem !important;

  }

}

@media screen and (max-width: 360px) {

  .messages .message .body,

  .review .body {

    width: 100%;

  }

  .review .body {

    padding-left: 0px;

  }

  .messages .message .thumb,

  .review .thumb {

    margin-right: 8rem;

  }

}

.user-page .royal-add-property-area {

  background: #f6f6f6 none repeat scroll 0 0;

  padding-top: 0px !important;

  padding-bottom: 0px !important;

} /*-----------------------------------*/ /*---- 49. INNER PAGE FAQ ---*/ /*-----------------------------------*/

.inner-pages section.faq {

  padding: 80px 0;

  background: #f5f6ff;

}

.inner-pages .panel .panel-heading {

  font-size: 1.2rem;

}

.inner-pages .panel .panel-heading a {

  background: #fdd534;

  color: #fff;

  display: block;

  padding: 1rem;

  font-size: 16px;

  font-weight: 400 !important;

  border-radius: 5px;

  text-decoration: none;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .panel .panel-heading a:hover {

  background: #121b22;

  color: #fff;

}

.inner-pages.faq .form-control,

.inner-pages.ld .form-control {

  border: 1px solid #ddd !important;

}

.inner-pages .opening-hours.faq {

  margin-top: 0px;

}

.inner-pages .opening-list.faq ul {

  margin-bottom: 0px;

}

.inner-pages .service-details h2 {

  font-weight: 600;

  color: #222;

}

.inner-pages .faq-contact h3 {

  color: #111;

}

.inner-pages .faq-contact h3::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1rem;

}

.inner-pages .faq .btn.btn-primary {

  background: #fdd534;

  border: 0px;

}

@media screen and (max-width: 991px) {

  .inner-pages .widget-service-details.faq {

    padding-top: 4rem;

  }

  .inner-pages .opening-list ul li:last-child {

    margin-bottom: 0px;

  }

  .inner-pages .faq-contact {

    padding-top: 3rem;

  }

}

@media screen and (max-width: 575px) {

  .service-details.faq-text h2 {

    font-size: 1.3rem;

  }

  .inner-pages .faq-contact h3 {

    font-size: 1.1rem;

  }

} /*---------------------------------------*/ /*---- 50. INNER PAGE PAYMENT-METHOD ----*/ /*---------------------------------------*/

.inner-pages section.payment-method {

  padding: 6rem 0;

  background: #f5f6ff;

}

.tr-single-box {

  background: #ffffff;

  display: block;

  border-radius: 2px;

  border: 1px solid #f0f3f7;

  margin-bottom: 30px;

}

.tr-single-header {

  width: 100%;

  border-bottom: 1px solid #f3f4f7;

  margin-bottom: 2rem;

}

.tr-single-header i {

  color: #fdd534;

}

.tr-single-header h4 {

  margin: 0;

  font-size: 20px;

  color: #222;

  font-weight: 600;

}

.tr-single-header h4 > i {

  margin-right: 7px;

}

.tr-single-body {

  width: 100%;

  padding: 25px;

}

.payment-card {

  border-radius: 4px;

  padding: 18px 15px 15px;

  border: 1px solid #eaeff5;

  margin-bottom: 20px;

}

header.payment-card-header {

  display: inline-block;

  width: 100%;

}

.payment-card-title.flexbox {

  float: left;

}

header.payment-card-header .pull-right img {

  max-width: 100px;

}

.payment-card .collapse {

  padding: 20px 15px 10px;

}

.payment-card-title.flexbox h4 {

  margin: 0;

  font-size: 18px;

}

.include-features {

  margin-top: 15px;

}

.features-tag {

  background-color: #eaedf3;

  border-radius: 0 2px 2px 0;

  display: inline-block;

  font-size: 11px;

  font-weight: 600;

  line-height: 1.2727272727;

  margin: 2px 15px 5px 0;

  padding: 3px 7px;

  position: relative;

}

.features-tag:before {

  border-top: 10px solid transparent;

  border-left: 9px solid #eaedf3;

  border-bottom: 10px solid transparent;

  height: 0;

  position: absolute;

  top: 0;

  right: -8px;

  width: 0;

}

.features-tag:after {

  background-color: #fff;

  border-radius: 50%;

  height: 4px;

  position: absolute;

  top: 8px;

  right: -2px;

  width: 4px;

}

.features-tag:after,

.features-tag:before {

  content: "";

}

.payment-card .custom-checkbox input[type="checkbox"]:checked + label:after {

  top: 5px;

}

.mrg-bot-20 {

  margin-bottom: 20px;

}

.inner-pages .payment-method .form-control {

  border: 1px solid #ddd !important;

  margin-bottom: 1.3rem;

}

.sin-1 .input-group > .form-control:not(:last-child) {

  border: 1px solid #ddd !important;

}

.booking-price-detail h5 {

  font-size: 16px;

  font-weight: 600;

}

.custom-checkbox {

  position: relative;

}

.custom-checkbox input[type="checkbox"] {

  opacity: 0;

  position: absolute;

  margin: 5px 0 0 3px;

  z-index: 9;

}

.custom-checkbox label:before {

  width: 18px;

  height: 18px;

}

.custom-checkbox label:before {

  content: "";

  margin-right: 10px;

  display: inline-block;

  vertical-align: text-top;

  background: #ffffff;

  border: 1px solid #666;

  border-radius: 2px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  z-index: 2;

}

.custom-checkbox input[type="checkbox"]:checked + label:after {

  content: "";

  position: absolute;

  left: 6px;

  top: 2px;

  width: 6px;

  height: 11px;

  border: solid #000;

  border-width: 0 3px 3px 0;

  -webkit-transform: inherit;

  transform: inherit;

  z-index: 3;

  -webkit-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}

.custom-checkbox input[type="checkbox"]:checked + label:before {

  border-color: #fdd534;

  background: #fdd534;

}

.custom-checkbox input[type="checkbox"]:checked + label:after {

  border-color: #fff;

}

.custom-checkbox input[type="checkbox"]:disabled + label:before {

  color: #b8b8b8;

  cursor: auto;

  -webkit-box-shadow: none;

  box-shadow: none;

  background: #ddd;

}

@media screen and (max-width: 575px) {

  .inner-pages .payment-method .form-control.address {

    margin-bottom: 1.3rem !important;

  }

  .payment-card-title.flexbox h4 {

    font-size: 16px;

  }

} /*---------------------------------------*/ /*---- 51. INNER PAGE THANK YOU ----*/ /*---------------------------------------*/

section.than-you {

  padding: 10rem 0;

}

.confirmation-wrap {

  text-align: center;

}

.confirmation-wrap span {

  color: #05bf83;

  font-size: 30px;

  font-weight: 800;

  border: 1px solid #05bf83;

  border-radius: 50%;

  padding: 20px;

}

.confirmation-wrap h2 {

  margin: 30px 0 15px;

}

.confirmation-wrap p {

  font-family: "Asap", sans-serif;

  color: #7c7c7c;

  font-size: 18px;

}

.confirmation-wrap a {

  text-decoration: none;

  color: #666;

}

.btn-confirmation {

  padding: 14px 20px;

  font-size: 18px;

  margin: 12px 0 0;

}

.main-block .btn-outline-danger {

  color: #fdd534;

  background-image: none;

  background-color: transparent;

  border-color: #fdd534;

}

.main-block .btn-outline-danger:hover {

  background: #fdd534;

  color: #fff;

} /*-----------------------------------*/ /*------ 52. INNER PAGE 404 ------*/ /*-----------------------------------*/

.inner-pages .notfound {

  padding: 6rem 0;

}

.inner-pages .top-headings h2 {

  font-size: 10rem;

  color: #fdd534;

  margin-bottom: 2rem;

  line-height: 0.73;

}

.inner-pages .top-headings h3 {

  font-size: 3rem;

  color: #000;

  margin-bottom: 2rem;

}

.inner-pages .top-headings p:last-child {

  font-size: 1.2rem;

}

.inner-pages .port-info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 2rem;

}

.inner-pages .port-info .btn {

  background: #fdd534;

  color: #fff;

  border: 1px solid #fdd534;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .port-info .btn:hover {

  background: #121b22;

  color: #fff;

  border: 1px solid #121b22;

}

@media screen and (max-width: 500px) {

  .inner-pages .top-headings h2 {

    font-size: 7rem;

  }

  .inner-pages .top-headings h3 {

    font-size: 2rem;

    margin-bottom: 1rem;

  }

  .inner-pages .top-headings p:last-child {

    font-size: 1rem;

  }

} /*---------------------------------------*/ /*- 53. INNER PAGE LOGIN --*/ /*---------------------------------------*/

#login .login,

#register .login {

  width: 430px;

  padding: 45px 60px 60px;

  overflow-y: auto;

  background-color: #fff;

}

#login {

  background-color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.inner-pages #login .form-control {

  border: 1px solid #ddd !important;

}

a.social_bt {

  border-radius: 3px;

  color: #fff;

  min-width: 200px;

  display: block;

  padding: 12px;

  line-height: 1;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

a.social_bt.facebook {

  background-color: #3b5998;

}

a.social_bt.google {

  background-color: #dc4e41;

}

a.social_bt.linkedin {

  background-color: #0077b5;

}

.add_bottom_15,

a.social_bt {

  margin-bottom: 15px;

}

a.social_bt {

  text-align: center;

  text-decoration: none;

}

a.social_bt.facebook:before {

  content: "\f09a";

}

a.social_bt.google:before {

  content: "\f0d5";

  top: 12px;

}

a.social_bt.linkedin:before {

  content: "\f0e1";

}

a.social_bt.facebook:before,

a.social_bt.google:before,

a.social_bt.linkedin:before {

  font-family: FontAwesome;

  position: absolute;

  left: 12px;

  top: 10px;

  font-size: 1.3rem;

  color: #fff;

}

#login .divider {

  height: 1px;

  margin: 30px 0 20px;

  text-align: center;

  background-color: #e1e8ed;

}

#login .divider span {

  background-color: #fff;

  display: inline-block;

  position: relative;

  top: -20px;

  padding: 10px;

  font-style: italic;

}

.add_bottom_30 {

  margin-bottom: 30px;

}

#login .float-left {

  float: left !important;

}

#login .container_check {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  margin-right: 10px;

}

#login .container_check input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}

#login .container_check .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 25px;

  width: 25px;

  border: 1px solid #d2d8dd;

  border-radius: 3px;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

#login .float-right {

  float: right !important;

  margin-top: 0px !important;

}

.checkboxes label,

a#forgot {

  color: #666;

  text-decoration: none;

}

#login .btn_1.rounded,

a.btn_1.rounded {

  border-radius: 25px !important;

}

#login .btn_1.full-width,

a.btn_1.full-width {

  display: block;

  width: 100%;

  text-decoration: none;

  text-align: center;

  margin-bottom: 5px;

}

#login .btn_1,

a.btn_1 {

  border: none;

  background: #fdd534;

  cursor: pointer;

  display: inline-block;

  padding: 15px 30px;

  color: #fff;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  border-radius: 3px;

}

#login a.btn_1:hover {

  background: #121b22;

}

#login .add_top_10 {

  margin-top: 16px;

}

#login .text-center {

  text-align: center !important;

}

#login strong a {

  text-decoration: none;

}

@media screen and (max-width: 767px) {

  #login .login,

  #register .login {

    width: 100%;

  }

  #login .checkboxes label,

  a#forgot {

    font-size: 13px;

  }

} /*-----------------------------------*/ /*--- 54. INNER PAGE COMING SOON ----*/ /*-----------------------------------*/

.headings-7 {

  background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(58, 44, 95, 0.7)),

      to(rgba(32, 51, 100, 0.7))

    ),

    url(../images/video-poster.jpg) no-repeat center top;

  background: linear-gradient(rgba(58, 44, 95, 0.7), rgba(32, 51, 100, 0.7)),

    url(../images/video-poster.jpg) no-repeat center top;

  color: #fff;

  background-size: cover;

  background-attachment: fixed !important;

  height: 100vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.headings-7 .text-heading p.sorry {

  text-align: center;

  font-size: 1.3rem;

  margin-top: 2.5rem;

}

.headings-7 .bloq-email {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 2.5rem;

}

.headings-7 .bloq-email .email input[type="email"] {

  border: 0;

  padding: 0.8rem;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

}

.headings-7 .bloq-email .email input[type="submit"] {

  border: 0;

  padding: 0.8rem;

  background: #fdd534;

  border: 1px solid #fff;

  color: #fff;

  text-transform: capitalize;

  cursor: pointer;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.headings-7 .email input[type="submit"]:hover {

  background: #121b22;

  border: 1px solid #fff;

}

.font-16 {

  font-size: 16px;

  margin-right: 2rem;

}

.font-36 {

  font-size: 36px;

}

@media screen and (max-width: 320px) {

  .headings-7 .text-heading p.sorry {

    margin-top: 6rem;

  }

} /*------------------------------------------*/ /*--- 55. INNER PAGE UNDER CONSTRUCTION ----*/ /*------------------------------------------*/

.headings-8 {

  background: url(../images/bg-under.png) no-repeat center top;

  color: #fff;

  background-size: cover;

  background-attachment: fixed !important;

  height: 100vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.headings-8 .text-heading p.sorry {

  text-align: center;

  font-size: 1.1rem;

  margin-top: 2.5rem;

}

.headings-8 .bloq-email {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 2.5rem;

}

.headings-8 .bloq-email .email input[type="email"] {

  border: 0;

  padding: 0.8rem;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

}

.headings-8 .bloq-email .email input[type="submit"] {

  border: 0;

  padding: 0.8rem;

  background: #fdd534;

  border: 1px solid #fff;

  color: #fff;

  text-transform: capitalize;

  cursor: pointer;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.headings-8 .email input[type="submit"]:hover {

  background: #121b22;

  border: 1px solid #fff;

}

.font-16 {

  font-size: 16px;

}

.font-36 {

  font-size: 36px;

}

@media screen and (max-width: 320px) {

  .headings-8 .text-heading p.sorry {

    margin-top: 6rem;

  }

} /*-----------------------------------*/ /*------ 56. PAGE SHOP ------*/ /*-----------------------------------*/

section.single-proper {

  padding: 6rem 0;

}

.shop section.blog-section {

  background: #f7f7f7;

}

.shop .blog .blog-info {

  padding: 20px 25px;

  background: #fff;

  height: 217px;

}

.shop .blog .blog-pots h3 {

  font-weight: bold;

  font-size: 1.3rem;

  margin: 0;

}

.shop .product-old-price {

  color: #858585;

  text-decoration: line-through;

  margin-top: 10px;

  margin-bottom: 0px;

  line-height: 22px;

}

.shop .starts {

  margin: 0px;

}

.shop .starts li {

  margin-bottom: 0px;

}

.shop p.recent-price {

  color: #fe4f4f;

  font-weight: bold;

  margin-bottom: 30px;

}

.shop .btn1 {

  background: #fe4f4f;

  border: 1px solid #fe4f4f;

  border-radius: 8px;

  text-shadow: none;

  text-decoration: none;

  padding: 15px;

  border-right: 8px;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #fff;

  border: 1px solid #e6e6e6;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.shop .btn1:hover {

  background: #fff;

  color: #fe4f4f;

  border: 1px solid #fe4f4f;

}

.shop .fa-shopping-cart {

  margin-right: 0.5rem;

}

.shop .blog-section .news-item {

  background: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.single-p-info.shop h2 {

  font-weight: 600;

  text-transform: capitalize;

}

.checkout section.payment-method {

  padding: 6rem 0 !important;

}

.bg-white-inner {

  background: #fff !important;

}

.sin-1 .single.reviews.leve-comments {

  margin-top: 0px;

  margin-bottom: 60px;

}

.sin-1 .single-proper .mb-30,

.sin-1 .property-location.map {

  margin-bottom: 30px !important;

}

.shop .blog-section .news-item {

  background: none !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}

.inner-pages .blog .blog-info.details {

  padding: 1.5rem !important;

  background: #fff;

  border: 1px solid #eaeff5;

  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

  box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);

}

.sin-1.single .form-control,

.shop.sdb .input-group > .form-control:not(:last-child) {

  border: 1px solid #ddd !important;

}

@media screen and (max-width: 767px) {

  .sin-1 .thumax-2 {

    margin-bottom: 30px;

  }

  .single-p-info h2 {

    margin-top: 20px;

  }

}

@media screen and (max-width: 991px) {

  .sin-1.single .recently.portfolio .item {

    padding-bottom: 1.6rem;

  }

  .inner-pages .widget.ssb {

    margin-top: 40px;

  }

}

@media screen and (min-width: 991px) {

  .shop.sdb .agents.pt-55 {

    padding-top: 45px;

  }

} /*-----------------------------------*/ /*------ 57. UI ELEMENT ------*/ /*-----------------------------------*/ /** Accordions **/

section.ui-element {

  padding: 6rem 0;

}

.ui-elements h5.uppercase {

  letter-spacing: 2px;

  margin-right: -2px;

}

.ui-elements .mb40 {

  margin-bottom: 40px;

}

.ui-elements .mb70 {

  margin-bottom: 70px;

}

.ui-elements .uppercase {

  font-weight: 400;

  text-transform: uppercase;

}

.ui-elements .accordion .title {

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.ui-elements .accordion .content {

  max-height: 0;

  overflow: hidden;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.ui-elements .accordion li.active .content {

  max-height: 400px;

}

.ui-elements .accordion p:last-child {

  margin-bottom: 0;

}

.ui-elements .accordion-1 li {

  margin-bottom: 10px;

}

.ui-elements .accordion-1 li:last-child {

  margin-bottom: 0;

}

.ui-elements .accordion-1 .title {

  background: #f5f5f5;

  padding: 13px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.ui-elements .bg-secondary .accordion-1 .title {

  background: #ebebeb;

}

.ui-elements .bg-secondary .accordion-1 .title:hover {

  background: #e4e4e4;

}

.ui-elements .accordion-1 .title span {

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-weight: 700;

}

.ui-elements .accordion-1 .active .title {

  background: #fdd534;

  color: #fff;

}

.ui-elements .accordion-1 .content {

  border: 1px solid #eee;

  border-top: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  opacity: 0;

}

.ui-elements .accordion-1 .content p {

  padding: 13px;

}

.ui-elements .accordion-1 .active .content {

  opacity: 1;

  -webkit-transform: translate3d(0, 0px, 0);

  transform: translate3d(0, 0px, 0);

}

.ui-elements .accordion-1 .title:hover {

  background: #eee;

}

.ui-elements .accordion-1 .active .title:hover {

  background: #fdd534;

}

.ui-elements ul {

  margin-bottom: 24px;

  margin-top: 0;

  padding: 0;

  list-style: none;

} /** Accordions **/ /** Tabs **/

.ui-elements .tabs {

  overflow: hidden;

}

.ui-elements .tabs li {

  display: inline-block;

  cursor: pointer;

}

.ui-elements .button-tabs .tabs {

  display: inline-block;

  overflow: hidden;

  width: 100%;

  background: #ff385c;

  border-radius: 9px;

}

.ui-elements .button-tabs .tabs > li {

  margin-bottom: 0px;

  float: left;

}

.ui-elements .button-tabs .tabs > li:last-child {

  margin-right: 0;

}

.ui-elements .button-tabs .tab-title {

  padding: 13px;

  display: inline-block;

  text-align: center;

  border-radius: 9px;

  width: auto;

  background: #ff385c;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.ui-elements .bg-secondary .button-tabs .tab-title {

  background: #eee;

}

.ui-elements .button-tabs .tab-title span {

  font-size: 16px;

  line-height: 24px;

  color: #fff;

  font-weight: 400;

  text-transform: capitalize;

  letter-spacing: 2px;

}

.ui-elements .button-tabs .active .tab-title {

  background: #ff797d;

  color: #fff;

  border-radius: 9px;

}

.ui-elements .button-tabs .active .tab-title:hover {

  background: #ff797d;

}

.ui-elements .button-tabs.vertical {

  overflow: hidden;

}

.ui-elements .button-tabs.vertical > .tabs {

  max-width: 30%;

  float: left;

}

.ui-elements .button-tabs.vertical > .content {

  padding-left: 3%;

  max-width: 70%;

  float: right;

}

@media all and (max-width: 767px) {

  .ui-elements .button-tabs .tabs li {

    width: 49%;

    margin-bottom: 15px;

  }

}

.ui-elements .tabbed-content .content > li {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  display: none;

}

.ui-elements .tabbed-content .content .active {

  opacity: 1;

  visibility: visible;

  display: block;

}

.ui-elements .text-tabs .tabs {

  padding-bottom: 16px;

  border-bottom: 1px solid #ccc;

  overflow: visible;

}

.ui-elements .text-tabs.no-border .tabs {

  border-bottom: none;

}

.ui-elements .text-tabs .tab-title {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  padding: 0 24px;

  opacity: 0.5;

  position: relative;

}

.ui-elements .text-tabs .tab-title span {

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-weight: 700;

}

.ui-elements .text-tabs .tab-title:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  background: #47b475;

  bottom: 10px;

  opacity: 0;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  bottom: -17px;

  left: 0;

}

.ui-elements .text-tabs .active .tab-title {

  opacity: 1;

  color: #47b475;

}

.ui-elements .bg-primary .text-tabs .tab-title:after {

  background: #b3e1c6;

}

.ui-elements .text-tabs .active .tab-title:after {

  opacity: 1;

}

.ui-elements .text-tabs .tab-title:hover {

  opacity: 1;

}

@media all and (max-width: 767px) {

  .ui-elements .text-tabs .tabs {

    padding-bottom: 0;

  }

  .ui-elements .text-tabs .tabs li {

    width: 49%;

    margin-bottom: 15px;

  }

  .ui-elements .text-tabs .tab-title:after {

    display: none;

  }

  .ui-elements .text-tabs:not(.text-center) .tabs li:first-child .tab-title {

    padding-left: 24px;

  }

} /** Tabs **/ /** Table **/

.ui-elements table.basic-table {

  width: 100%;

  border-collapse: separate;

  border-spacing: 0;

  border: none;

  margin-bottom: 15px;

}

.ui-elements table.basic-table th {

  background-color: #66676b;

  text-align: left;

  color: #fff;

  vertical-align: top;

  font-weight: 500;

}

.ui-elements table.basic-table th:first-child {

  border-radius: 4px 0 0 4px;

}

.ui-elements table.basic-table th:last-child {

  border-radius: 0 4px 4px 0;

}

.ui-elements table.basic-table th,

.ui-elements table.basic-table td {

  padding: 15px 28px;

}

.ui-elements table.basic-table tr:nth-child(odd) {

  background-color: #f6f6f6;

}

.ui-elements table.basic-table {

  margin-bottom: 0;

}

@media screen and (max-width: 600px) {

  .ui-elements table.basic-table {

    border: 0;

  }

  .ui-elements table.basic-table th {

    display: none;

  }

  .ui-elements table.basic-table tr {

    display: block;

    margin-bottom: 0;

  }

  .ui-elements table.basic-table td {

    border-bottom: 1px solid #ddd;

    display: block;

    font-size: 14px;

    text-align: right;

  }

  .ui-elements table.basic-table td:before {

    content: attr(data-label);

    float: left;

    font-weight: 600;

  }

  .ui-elements table.basic-table td:last-child {

    border-bottom: 0;

  }

} /** Table **/ /** Notifications **/

.ui-elements #result .success,

.ui-elements .notification {

  line-height: 24px;

  margin-bottom: 15px;

  position: relative;

  padding: 20px 26px;

  padding-right: 50px;

  border-radius: 3px;

}

.ui-elements .notification p {

  color: #fff;

  margin: 0;

  font-size: 15px;

}

.ui-elements #result .success,

.ui-elements .notification.success {

  background-color: #31c77f;

}

.ui-elements #result .success,

.ui-elements .notification.success,

.ui-elements .notification.success a,

.ui-elements .notification.success strong {

  color: #31c77f;

}

.ui-elements .notification.error {

  background-color: #e72660;

}

.ui-elements .notification.error,

.ui-elements .notification.error a,

.ui-elements .notification.error strong {

  color: #e72660;

}

.ui-elements .notification.warning {

  background-color: #f19711;

}

.ui-elements .notification.warning,

.ui-elements .notification.warning a,

.ui-elements .notification.warning strong {

  color: #f19711;

}

.ui-elements .notification.notice h4 {

  font-size: 19px;

  margin: 3px 0 15px;

}

.ui-elements .notification.notice h4,

.ui-elements .notification.notice,

.ui-elements .notification.notice a,

.ui-elements .notification.notice strong {

  color: #17a2b8;

}

.ui-elements .notification.notice {

  background-color: #17a2b8;

}

.ui-elements .notification.success .close,

.ui-elements .notification.error .close,

.ui-elements .notification.warning .close,

.ui-elements .notification.notice .close {

  padding: 0 9px;

  position: absolute;

  color: #fff;

  right: 0;

  top: 22px;

  display: block;

  height: 8px;

  width: 8px;

  cursor: pointer;

}

.ui-elements .notification.notice p span i {

  font-weight: 500;

}

.ui-elements .notification a.button {

  float: right;

  color: #fff;

  margin-top: 3px;

}

.ui-elements .notification.notice a.button {

  background-color: #388fc5;

}

.ui-elements .notification.warning a.button {

  background-color: #dfbe51;

}

.ui-elements .notification.error a.button {

  background-color: #e72660;

}

.ui-elements .notification.success a.button {

  background-color: #79ba38;

}

.ui-elements .notification.closeable a.close:before {

  content: "\f00d";

  font-family: fontawesome;

  position: absolute;

  color: #fff;

  right: 25px;

  top: 0;

  cursor: pointer;

}

.ui-elements .close {

  opacity: 0.7;

} /** Notifications **/ /** Buttons **/

.ui-elements .group-20 > * {

  margin-top: 0;

  margin-bottom: 1.25rem;

  margin-left: 1.25rem;

}

.ui-elements .ui-buttons .btn {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border: 2px solid transparent;

  font-weight: 700;

  -webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);

  box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  padding: 0.6875rem 1.75rem;

  font-size: 1.0625rem;

  line-height: 1.47;

  border-radius: 0.375rem;

}

.ui-elements .ui-buttons .btn-primary {

  color: #fff;

  border-color: #31c77f;

  background-color: #31c77f;

}

.ui-elements .ui-buttons .btn-primary:hover {

  color: #fff;

  border-color: #2ca46d;

  background-color: #2ca46d;

}

.ui-elements .ui-buttons .btn-secondary {

  color: #fff;

  border-color: #6b39bd;

  background-color: #6b39bd;

}

.ui-elements .ui-buttons .btn-secondary:hover {

  color: #fff;

  border-color: #5a329e;

  background-color: #5a329e;

}

.ui-elements .ui-buttons .btn-warning {

  color: #fff;

  border-color: #f19711;

  background-color: #f19711;

}

.ui-elements .ui-buttons .btn-warning:hover {

  color: #fff;

  border-color: #c57d15;

  background-color: #c57d15;

}

.ui-elements .ui-buttons .btn-danger {

  color: #fff;

  border-color: #e72660;

  background-color: #e72660;

}

.ui-elements .ui-buttons .btn-danger:hover {

  color: #fff;

  border-color: #bd2354;

  background-color: #bd2354;

}

.ui-elements .ui-buttons .btn-dark {

  color: #fff;

  border-color: #171724;

  background-color: #171724;

}

.ui-elements .ui-buttons .btn-dark:hover {

  color: #fff;

  border-color: #44444e;

  background-color: #44444e;

}

.ui-elements .ui-buttons .btn-primary.btn-outline {

  color: #31c77f;

  border-color: #31c77f;

  background-color: transparent;

}

.ui-elements .ui-buttons .btn-primary.btn-outline:hover {

  color: #fff;

  background-color: #31c77f;

}

.ui-elements .ui-buttons .link.link-secondary {

  color: #6b39bd;

}

.ui-elements .ui-buttons .link {

  position: relative;

  display: inline-block;

  border: none;

  font-size: 20px;

  cursor: pointer;

  font-weight: 500;

  background: none;

  -webkit-transition: 0.25s;

  transition: 0.25s;

  color: inherit;

}

.ui-elements .ui-buttons .link::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 0;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  opacity: 0;

  border-bottom: 2px solid;

  -webkit-transition: width 0.25s;

  transition: width 0.25s;

}

.ui-elements .ui-buttons .link:hover {

  color: #5a329e;

}

.ui-elements .ui-buttons .link:hover::before {

  width: 100%;

  opacity: 1;

}

.ui-elements .ui-buttons h4.effect {

  font-family: Lato, sans-serif;

  font-size: 18px;

  color: #444;

  font-weight: 400;

}

.ui-elements .ui-buttons .btn-anis {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  overflow: hidden;

  -webkit-transition: 0.25s;

  transition: 0.25s;

}

.ui-elements .ui-buttons .btn-anis::before,

.btn-anis::after {

  content: "";

  position: absolute;

  top: 50%;

  z-index: -1;

  padding: 10px;

  border-radius: 50%;

  opacity: 1;

  -webkit-transition: 0s;

  transition: 0s;

  will-change: transform;

}

.ui-elements .ui-buttons .btn-anis::before {

  left: -30%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.ui-elements .ui-buttons .btn-anis::after {

  right: -30%;

  -webkit-transform: translate(50%, -50%);

  transform: translate(50%, -50%);

}

.ui-elements .ui-buttons .btn-anis:hover {

  -webkit-transition: all 0.25s, border-color 0.3s 0.5s,

    background-color 0.3s 0.5s;

  transition: all 0.25s, border-color 0.3s 0.5s, background-color 0.3s 0.5s;

}

.ui-elements .ui-buttons .btn-anis:hover::before,

.btn-anis:hover::after {

  padding: 50%;

  opacity: 0;

  -webkit-transition: left 0.4s, right 0.4s, padding 0.3s 0.5s,

    opacity 0.05s 0.75s;

  transition: left 0.4s, right 0.4s, padding 0.3s 0.5s, opacity 0.05s 0.75s;

}

.ui-elements .ui-buttons .btn-anis:hover::before {

  left: 50%;

}

.ui-elements .ui-buttons .btn-anis:hover::after {

  right: 50%;

}

.ui-elements .ui-buttons .btn-anis.btn-outline:hover {

  -webkit-transition: all 0.25s, background-color 0.1s 0.7s, color 0.3s 0.5s;

  transition: all 0.25s, background-color 0.1s 0.7s, color 0.3s 0.5s;

}

.ui-elements .ui-buttons .btn-primary.btn-anis::before,

.ui-elements .ui-buttons .btn-primary.btn-anis::after {

  background-color: #2ca46d;

}

.ui-elements .ui-buttons .btn-primary.btn-anis.btn-outline::before,

.ui-elements .ui-buttons .btn-primary.btn-anis.btn-outline::after {

  background-color: #31c77f;

}

.ui-elements .ui-buttons .btn-secondary.btn-anis::before,

.ui-elements .ui-buttons .btn-secondary.btn-anis::after {

  background-color: #5a329e;

}

.ui-elements .ui-buttons .btn-secondary.btn-anis.btn-outline::before,

.ui-elements .ui-buttons .btn-secondary.btn-anis.btn-outline::after {

  background-color: #6b39bd;

}

.ui-elements .ui-buttons .btn-success.btn-anis::before,

.ui-elements .ui-buttons .btn-success.btn-anis::after {

  background-color: #649922;

}

.ui-elements .ui-buttons .btn-success.btn-anis.btn-outline::before,

.ui-elements .ui-buttons .btn-success.btn-anis.btn-outline::after {

  background-color: #77ba21;

}

.ui-elements .ui-buttons .btn-info.btn-anis::before,

.ui-elements .ui-buttons .btn-info.btn-anis::after {

  background-color: #1475be;

}

.ui-elements .ui-buttons .btn-info.btn-anis.btn-outline::before,

.ui-elements .ui-buttons .btn-info.btn-anis.btn-outline::after {

  background-color: #138ce4;

}

.ui-elements .ui-buttons .btn-warning.btn-anis::before,

.ui-elements .ui-buttons .btn-warning.btn-anis::after {

  background-color: #c57d15;

}

.ui-elements .ui-buttons .btn-warning.btn-anis.btn-outline::before,

.ui-elements .ui-buttons .btn-warning.btn-anis.btn-outline::after {

  background-color: #f19711;

}

.ui-elements .ui-buttons .btn-danger.btn-anis::before,

.ui-elements .ui-buttons .btn-danger.btn-anis::after {

  background-color: #bd2354;

}

.ui-elements .ui-buttons .btn-danger.btn-anis.btn-outline::before,

.ui-elements .ui-buttons .btn-danger.btn-anis.btn-outline::after {

  background-color: #e72660;

}

.ui-elements .ui-buttons .btn-light.btn-anis::before,

.ui-elements .ui-buttons .btn-light.btn-anis::after {

  background-color: #cacacd;

}

.ui-elements .ui-buttons .btn-light.btn-anis.btn-outline::before,

.ui-elements .ui-buttons .btn-light.btn-anis.btn-outline::after {

  background-color: #f7f7f7;

}

.ui-elements .ui-buttons .btn-dark.btn-anis::before,

.ui-elements .ui-buttons .btn-dark.btn-anis::after {

  background-color: #44444e;

}

.ui-elements .ui-buttons .btn-dark.btn-anis.btn-outline::before,

.ui-elements .ui-buttons .btn-dark.btn-anis.btn-outline::after {

  background-color: #171724;

}

.ui-elements .ui-buttons .btn-secondary.btn-outline {

  color: #6b39bd;

  border-color: #6b39bd;

  background-color: transparent;

}

.ui-elements .ui-buttons .btn-secondary.btn-outline:hover {

  color: #fff;

  background-color: #6b39bd;

}

.ui-elements .ui-buttons .btn-warning.btn-outline {

  color: #f19711;

  border-color: #f19711;

  background-color: transparent;

}

.ui-elements .ui-buttons .btn-warning.btn-outline:hover {

  color: #fff;

  background-color: #f19711;

}

.ui-elements .ui-buttons .btn-danger.btn-outline {

  color: #e72660;

  border-color: #e72660;

  background-color: transparent;

}

.ui-elements .ui-buttons .btn-danger.btn-outline:hover {

  color: #fff;

  background-color: #e72660;

}

.ui-elements .ui-buttons .btn-dark.btn-outline {

  color: #171724;

  border-color: #171724;

  background-color: transparent;

}

.ui-elements .ui-buttons .btn-dark.btn-outline:hover {

  color: #fff;

  background-color: #171724;

}

.ui-elements .ui-buttons .btn .fas {

  font-size: 1em;

  margin: 0 0.47058em;

}

.ui-elements .ui-buttons .btn-lg,

.ui-elements .ui-buttons .btn-group-lg > .btn {

  padding: 1rem 2.5rem;

  font-size: 1.0625rem;

  line-height: 1.47;

  border-radius: 0.375rem;

}

.ui-elements .ui-buttons .btn-sm,

.ui-elements .ui-buttons .btn-group-sm > .btn {

  padding: 0.375rem 1rem;

  font-size: 1.0625rem;

  line-height: 1.47;

  border-radius: 0.375rem;

}

.ui-elements .ui-buttons .link .fas {

  color: #31c77f;

}

.ui-elements section.headings-2 {

  padding: 6rem 0 6.5rem 0;

} /** Buttons **/ /** Form Elements **/

.ui-elements input[type="text"],

.ui-elements input[type="password"] {

  background: #f5f5f5;

  border: none;

  width: 100%;

  height: 50px;

  padding-left: 20px;

  font-weight: 500;

  margin-bottom: 24px;

  border-radius: 0;

}

.ui-elements textarea {

  width: 100%;

  border: none;

  background: #f5f5f5;

  margin-bottom: 24px;

  border-radius: 0;

  padding: 16px 20px;

}

.ui-elements select {

  height: 50px;

  background: #f5f5f5;

  width: 100%;

  border-radius: 0;

  border: none;

  outline: none;

  padding-left: 20px;

  position: relative;

  font-size: 11px;

  text-transform: uppercase;

  font-weight: bold;

  letter-spacing: 1px;

  color: #777;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  cursor: pointer;

}

.ui-elements .select-option {

  position: relative;

  cursor: pointer;

  height: 50px;

  overflow: hidden;

  margin-bottom: 24px;

}

.ui-elements .mb24 {

  margin-bottom: 24px;

}

.ui-elements .checkbox-option,

.ui-elements .radio-option {

  display: inline-block;

  width: 50px;

  height: 25px;

  border-radius: 25px;

  border: 1px solid #47b475;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  margin-bottom: 24px;

}

.ui-elements .pull-right {

  float: right !important;

}

.ui-elements .checkbox-option .inner,

.ui-elements .radio-option .inner {

  width: 19px;

  height: 19px;

  border-radius: 50%;

  background: rgba(0, 0, 0, 0);

  border: 1px solid #47b475;

  position: relative;

  top: 2px;

  left: 2px;

  display: inline-block;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.ui-elements .checkbox-option input {

  width: 0;

  height: 0;

  opacity: 0;

  overflow: hidden;

}

.ui-elements h4 {

  letter-spacing: 2px;

  margin-right: -2px;

  font-family: Lato, sans-serif;

  font-size: 18px;

  color: #444;

  font-weight: 400;

  margin-bottom: 24px;

}

.ui-elements .radio-option {

  width: 25px;

  height: 25px;

  text-align: left;

}

.ui-elements .radio-option.checked .inner {

  background: #47b475;

}

.ui-elements .radio-option input {

  width: 0;

  height: 0;

  opacity: 0;

  overflow: hidden;

}

.ui-elements .the-check-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.ui-elements .radio-option + span {

  font-size: 13px;

  top: 0;

}

.ui-elements .radio-option .inner {

  border: none;

  width: 19px;

  height: 19px;

  left: 2px;

  -webkit-transform: scale(0);

  transform: scale(0);

}

.ui-elements .checkbox-option.checked .inner {

  -webkit-transform: translate3d(25px, 0, 0);

  transform: translate3d(25px, 0, 0);

  background: #47b475;

}

.ui-elements .radio-option.checked .inner {

  -webkit-transform: scale(1);

  transform: scale(1);

}

.ui-elements input[type="submit"],

.ui-elements button[type="submit"] {

  height: 50px;

  line-height: 48px;

  border: 2px solid #47b475;

  background: #47b475;

  color: #fff;

  width: 100%;

  cursor: pointer;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: bold;

  letter-spacing: 1px;

  border-radius: 0 !important;

} /** Form Elements **/ /** Progress Bars **/

.ui-elements .skills {

  padding-top: 17px;

}

.ui-elements .skills h4 {

  font-weight: 600;

}

.ui-elements .skills h4::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #e72660;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.ui-elements .barfiller {

  width: 95%;

  height: 12px;

  background: #0f1341;

  border: none;

  position: relative;

  margin-bottom: 2rem;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.ui-elements .barfiller:last-child {

  margin-bottom: 0px;

}

.ui-elements .barfiller .fill {

  display: block;

  position: relative;

  width: 0px;

  height: 100%;

  background: #e72660 !important;

  z-index: 1;

}

.ui-elements .barfiller .tipWrap {

  display: none;

}

.ui-elements .barfiller .tip {

  margin-top: -30px;

  padding: 2px 4px;

  font-size: 11px;

  color: #fff;

  left: 0px;

  position: absolute;

  z-index: 2;

  background: #0f1341;

}

.ui-elements .barfiller .tip:after {

  border: solid;

  border-color: rgba(0, 0, 0, 0.8) transparent;

  border-width: 6px 6px 0 6px;

  content: "";

  display: block;

  position: absolute;

  left: 9px;

  top: 100%;

  z-index: 9;

}

@media screen and (max-width: 991px) {

  .ui-elements .sks {

    padding-top: 5rem;

  }

  .ui-elements .skills .bar2 {

    margin-top: 1.5rem;

  }

}

.ui-elements .skills .skil1 ul li {

  list-style: none;

  text-align: center;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

}

.ui-elements .skills .skil1 .fa {

  font-size: 3rem;

  margin-bottom: 1rem;

  color: #666;

  text-align: center;

}

.ui-elements .skills .skil1 li:last-child {

  text-align: center;

  font-size: 1.1rem;

}

.ui-elements .skills h3 {

  font-size: 1rem;

}

@media screen and (max-width: 400px) {

  .ui-elements .skills h3 {

    font-size: 0.9rem;

  }

}

.ui-elements .skills .sk1 {

  padding-bottom: 6.5rem;

}

.ui-elements .skil1 ul,

.ui-elements .skil1 h3 {

  margin-bottom: 0px;

} /** Progress Bars **/ /** CountDowns **/

.ui-elements .countdown-boxed .countdown-block {

  padding: 0 10px;

}

.ui-elements .countdown-boxed .countdown-wrap {

  border-radius: 0.375rem;

  -webkit-box-shadow: 5px 8px 28px rgba(23, 23, 36, 0.1);

  box-shadow: 5px 8px 28px rgba(23, 23, 36, 0.1);

}

.ui-elements .countdown-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.ui-elements .countdown-boxed {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: left;

  -ms-flex-pack: left;

  justify-content: left;

  margin: 0 -15px;

  line-height: 1.2;

  text-align: center;

}

@media (min-width: 768px) {

  .ui-elements .countdown-boxed .countdown-counter {

    min-width: 100px;

    font-size: 32.4px;

  }

}

.ui-elements .countdown-boxed .countdown-counter {

  min-width: 80px;

  padding: 15px 10px;

  font-size: 32.4px;

  line-height: 1;

  color: #fff;

  background-color: #6b39bd;

  border-top-right-radius: inherit;

  border-top-left-radius: inherit;

}

.ui-elements .countdown-boxed .countdown-title {

  padding: 5px;

  font-size: 1.0625rem;

  font-weight: 400;

  color: #171724;

  text-transform: uppercase;

  border-bottom-right-radius: inherit;

  border-bottom-left-radius: inherit;

}

.ui-elements .slider_amount {

  color: #000;

  font-weight: 400;

}

.ui-elements .ui-widget.ui-widget-content {

  background: #e72660;

  width: 440px;

}

.ui-elements .hvr-bounce-to-right {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

  margin-top: 2rem;

  font-size: 14px;

  cursor: pointer;

  background: #e72660;

  color: #ffffff;

  text-transform: uppercase;

  border: none;

  padding: 12px 22px;

  border-radius: 0;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.ui-elements .hvr-bounce-to-right:hover {

  background: #0f1341;

}

.ui-elements .main-search-field-2 input[type="text"] {

  background: #fff;

  padding-left: 0px;

  margin-top: 0px;

  margin-bottom: 10px;

  text-align: left;

}

.ui-elements .first-footer .bloq-email .email input[type="submit"] {

  line-height: inherit;

}

@media screen and (max-width: 991px) {

  .ui-elements .ui-widget.ui-widget-content {

    width: 340px;

  }

}

@media screen and (max-width: 767px) {

  .ui-elements .theskills {

    margin: 70px 0;

  }

  .ui-elements .ui-widget.ui-widget-content {

    width: 440px;

  }

}

@media screen and (max-width: 575px) {

  .ui-elements .theskills {

    margin: 70px 0;

  }

  .ui-elements .ui-widget.ui-widget-content {

    width: 340px;

  }

} /** CountDowns **/ /*------------------------------------*/ /*----- 58. INNER PAGE BLOG GRID -----*/ /*------------------------------------*/

.inner-pages section.blog-section {

  padding: 6rem 0;

  background: #fff;

}

.inner-pages .blog-section .news-item {

  background: #fff;

  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  overflow: hidden;

}

.inner-pages .blog-section .news-item.-news-page {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.inner-pages .blog-section .news-item-descr.big-news {

  height: 120px !important;

}

.inner-pages .blog-section .space,

.inner-pages .blog-section .space2.port {

  padding-top: 2.5rem;

  padding-bottom: 2.5rem;

}

.inner-pages .blog-section .news-item h3 {

  color: #000;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

.inner-pages .blog-section .news-item.-news-slider-item {

  height: 100%;

}

.inner-pages .blog-section .news-item.-news-slider {

  height: auto;

}

.inner-pages .blog-section .news-item a:hover {

  text-decoration: none;

}

.inner-pages .blog-section .news-item a:hover h3 {

  color: #fdd534;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

.inner-pages .blog-section .news-item .news-img-link.-news-page {

  display: block;

  position: relative;

  padding-bottom: 69%;

  width: 100%;

}

.inner-pages .blog-section .news-item .news-img-link.-news-page .resp-img {

  background-size: cover;

}

.inner-pages .blog-section .resp-img {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.inner-pages .blog-section .news-item-img .resp-img {

  background-size: cover;

}

.inner-pages .blog-section .news-item-img {

  position: relative;

  width: 100%;

}

.inner-pages .blog-section .news-item-img .resp-img {

  background-size: cover;

}

.inner-pages .blog-section .news-item-text {

  padding: 25px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}

.inner-pages .blog-section .news-item-text-header {

  display: block;

}

.inner-pages .blog-section .news-item .date {

  display: block;

  margin-bottom: 10px;

  font-size: 13px;

  color: #fdd534;

}

.inner-pages .blog-section .news-item-descr {

  margin-bottom: 20px;

  height: 110px !important;

}

.inner-pages .blog-section .news-item-descr p {

  color: #666;

  margin: 0;

  padding: 0;

  border: 0;

  vertical-align: baseline;

}

.inner-pages .blog-section .news-item-bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.inner-pages .blog-section .action-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 0.8rem;

  color: #444;

}

.inner-pages .blog-section .action-list .fa-comment {

  color: #fdd534;

}

.inner-pages .blog-section .action-list .fa-share-alt {

  color: #fdd534;

}

.inner-pages .blog-section .action-list .fa-heart {

  color: #fdd534;

}

.inner-pages .blog-section ul.action-list {

  margin-bottom: 0px;

}

.inner-pages .blog-section .action-item {

  display: inline-block;

  padding-left: 15px;

}

.inner-pages .blog-section .news-slider-wrap .slick-track {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.inner-pages .blog-section .news-item-sm {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 2.5rem;

}

.inner-pages .blog-section .news-item-sm:last-child {

  margin-bottom: 0px;

}

.inner-pages .blog-section .news-item-sm .news-img-link {

  -ms-flex-preferred-size: 33.5%;

  flex-basis: 33.5%;

  position: relative;

}

.inner-pages .blog-section .news-item-sm .news-img-link .news-item-img {

  position: absolute;

  max-width: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}

.inner-pages .blog-section .news-item-sm .news-item-text {

  -ms-flex-preferred-size: 66.6%;

  flex-basis: 66.6%;

  padding: 25px 30px;

}

.inner-pages .blog-section .news-item-sm .news-item-descr {

  height: 52px;

  overflow: hidden;

}

.inner-pages .blog-section .news-link {

  position: relative;

  font-size: 1rem;

  font-weight: 600;

  color: #fdd534;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

.inner-pages .blog-section .news-link:hover {

  color: #121b22;

  text-decoration: none;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

@media screen and (max-width: 991px) {

  .inner-pages .blog-section .news-item {

    margin-bottom: 2.5rem;

  }

  .inner-pages .blog-section .news-item.nomb {

    margin-bottom: 0px;

  }

  .inner-pages .blog-section .news-item.no-mb:last-child {

    margin-bottom: 0px;

  }

  .inner-pages .blog-section .space.port,

  .inner-pages .blog-section .space2.port {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

  }

  .inner-pages .blog-section .no-mb .news-item {

    margin-bottom: 0px;

  }

  .inner-pages .blog-section .space.no-pb2 {

    padding-bottom: 0px;

  }

  .inner-pages .pagination.wpt {

    padding-top: 3rem;

  }

  .inner-pages .blog-section .recent-post.sher {

    margin-top: 3rem;

  }

}

@media screen and (max-width: 767px) {

  .inner-pages .blog-section .no-mb.wpt-2 .news-item {

    margin-bottom: 2.5rem;

  }

  .inner-pages .blog-section .space.no-pb2 {

    padding-bottom: 2.5rem;

  }

  .inner-pages .blog-section .news-item.nomb {

    margin-bottom: 2.5rem;

  }

  .inner-pages .blog-section .recent-post.sher {

    margin-top: 0px;

  }

}

@media screen and (max-width: 577px) {

  .inner-pages .blog-section .news-item-sm {

    display: block !important;

  }

  .inner-pages .blog-section .news-item-sm .news-img-link .news-item-img {

    position: relative;

    padding-bottom: 69%;

  }

}

@media screen and (max-width: 414px) {

  .inner-pages .blog-section .news-item-descr p,

  .inner-pages .blog-section .news-item-descr {

    overflow: visible;

  }

  .inner-pages .blog-section .news-item-descr.visib {

    overflow: hidden;

    margin-bottom: 2rem;

  }

  .inner-pages .blog-section .news-item.no-mb2 {

    margin-bottom: 0px;

  }

  .inner-pages .blog-section ul.action-list {

    padding-left: 0px;

  }

  .inner-pages .blog-section .news-link {

    font-size: 0.9rem;

  }

}

.inner-pages .pagination {

  margin-bottom: 0px;

  justify-content: end !important;

}

.page-item.active .page-link {

  background: #fdd534;

  border-color: #fdd534;

}

.page-link {

  color: #121b22;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.page-link:hover {

  background: #fdd534;

  color: #fff;

} /*--------------------------------------*/ /*-- 59. INNER PAGE BLOG GRID SIDEBAR --*/ /*--------------------------------------*/

.inner-pages section.blog-section {

  padding: 6rem 0;

  background: #fff;

}

.inner-pages .blog-section .news-item {

  background: #fff;

  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  overflow: hidden;

}

.inner-pages .blog-section .news-item.-news-page {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.inner-pages .blog-section .news-item-descr.big-news {

  height: 120px !important;

}

.inner-pages .blog-section .space,

.inner-pages .blog-section .space2.port {

  padding-top: 2.5rem;

  padding-bottom: 2.5rem;

}

.inner-pages .blog-section .news-item h3 {

  color: #000;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

.inner-pages .blog-section .news-item.-news-slider-item {

  height: 100%;

}

.inner-pages .blog-section .news-item.-news-slider {

  height: auto;

}

.inner-pages .blog-section .news-item a:hover {

  text-decoration: none;

}

.inner-pages .blog-section .news-item a:hover h3 {

  color: #fdd534;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

}

.inner-pages .blog-section .news-item .news-img-link.-news-page {

  display: block;

  position: relative;

  padding-bottom: 69%;

  width: 100%;

}

.inner-pages .blog-section .news-item .news-img-link.-news-page .resp-img {

  background-size: cover;

}

.inner-pages .blog-section .resp-img {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.inner-pages .blog-section .news-item-img .resp-img {

  background-size: cover;

}

.inner-pages .blog-section .news-item-img {

  position: relative;

  width: 100%;

}

.inner-pages .blog-section .news-item-img .resp-img {

  background-size: cover;

}

.inner-pages .blog-section .news-item-text {

  padding: 25px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}

.inner-pages .blog-section .news-item-text-header {

  display: block;

}

.inner-pages .blog-section .news-item .date {

  display: block;

  margin-bottom: 10px;

  font-size: 14px;

  color: #333;

}

.inner-pages .blog-section .news-item-descr {

  margin-bottom: 20px;

  height: 110px !important;

}

.inner-pages .blog-section .news-item-descr p {

  color: #666;

  margin: 0;

  padding: 0;

  border: 0;

  vertical-align: baseline;

}

.inner-pages .blog-section .news-item-bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.inner-pages .blog-section .action-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 0.8rem;

  color: #444;

}

.inner-pages .blog-section .action-list .fa-comment {

  color: #fdd534;

}

.inner-pages .blog-section .action-list .fa-share-alt {

  color: #fdd534;

}

.inner-pages .blog-section .action-list .fa-heart {

  color: #fdd534;

}

.inner-pages .blog-section ul.action-list {

  margin-bottom: 0px;

}

.inner-pages .blog-section .action-item {

  display: inline-block;

  padding-left: 15px;

}

.inner-pages .blog-section .news-slider-wrap .slick-track {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media screen and (max-width: 767px) {

  .inner-pages .space3 {

    padding-bottom: 2.5rem;

  }

  .inner-pages .widget {

    padding-top: 0 !important;

  }

}

.inner-pages .form-control {

  padding: 0.7rem;

  border: 0px solid #dddddd !important;

}

@media screen and (max-width: 767px) {

  .inner-pages .input-group {

    width: 90%;

  }

}

@media screen and (max-width: 991px) {

  .inner-pages .widget {

    padding-top: 2.5rem;

  }

}

.inner-pages .input-group-btn .fa {

  font-size: 1rem;

  cursor: pointer;

}

.inner-pages .input-group-btn .btn-primary {

  background: #fdd534;

  border: 1px solid #fdd534;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .input-group-btn .btn-primary:hover {

  background: #121b22;

  color: #fff;

}

.inner-pages .recent-main {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 100%;

  flex: 0 1 100%;

}

@media screen and (max-width: 992px) {

  .inner-pages .recent-main {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}

.inner-pages .recent-img img {

  width: 90px;

  height: 70px;

  margin-right: 1rem;

}

.inner-pages .info-img h6 {

  color: #333;

  font-family: "Montserrat", sans-serif;

  font-size: 1.1rem;

  font-weight: 400;

}

.inner-pages .info-img a {

  text-decoration: none;

  color: #000;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .info-img a:hover {

  color: #fdd534;

}

.inner-pages .recent-post .tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.inner-pages .recent-post .tags a {

  background: #fdd534;

  color: #fff;

  border: 1px solid #fdd534;

  margin-bottom: 0.7rem;

  margin-left: 0.2rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .recent-post .tags a:hover {

  background: #fff;

  color: #fdd534;

}

.inner-pages .recent-post .tags.no-mb a {

  margin-bottom: 0px;

}

.inner-pages .recent-post ul {

  margin: 0;

  padding: 0;

}

.inner-pages .recent-post ul li {

  list-style: none;

  padding: 0.5rem 0;

}

.inner-pages .recent-post ul li.npt {

  padding-top: 0px;

}

.inner-pages .recent-post ul li:last-child {

  padding-top: 0.5rem;

  padding-bottom: 0px;

}

.inner-pages .recent-post ul li a {

  text-decoration: none;

  color: #666;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .recent-post ul li a:hover {

  color: #fdd534;

}

.inner-pages .recent-post ul li .fa {

  margin-right: 1rem;

}

.inner-pages .recent-post button {

  margin-right: 0.5rem;

  margin-bottom: 0.5rem;

}

.inner-pages .widget h5 {

  color: #222;

  font-family: "Montserrat", sans-serif;

  font-weight: 400;

  text-transform: capitalize;

  margin-bottom: 2rem !important;

}

.inner-pages .widget h5::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.inner-pages .recent-post .netsocials {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  list-style: none;

  margin: 0;

  padding: 0;

}

.inner-pages .recent-post .netsocials a .fa {

  font-size: 1.3rem;

  text-align: center;

  background: transparent;

  width: 2.5rem;

  height: 2.5rem;

  line-height: 2.5rem;

  margin-right: 1rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .recent-post .netsocials a .fa-facebook {

  background: #3b5998;

  color: #fff;

}

.inner-pages .recent-post .netsocials a .fa-twitter {

  background: #1da1f2;

  color: #fff;

}

.inner-pages .recent-post .netsocials a .fa-google-plus {

  background: #dd4b39;

  color: #fff;

}

.inner-pages .recent-post .netsocials a .fa-youtube {

  background: #cd201f;

  color: #fff;

}

.inner-pages .recent-post ul li.npt:last-child {

  padding-top: 0px;

} /*-----------------------------------*/ /*--- 60. INNER PAGE BLOG LIST ---*/ /*-----------------------------------*/

.inner-pages section.blog-section {

  padding: 6rem 0;

  background: #fff;

}

.inner-pages .blog-section .news-item-sm {

  border-radius: 0px;

}

.inner-pages .blog-section.list-sidebar .news-item-sm .news-img-link {

  -ms-flex-preferred-size: 43.5%;

  flex-basis: 43.5%;

  position: relative;

}

.inner-pages .blog-section .news-item-sm .news-img-link {

  -ms-flex-preferred-size: 33.5%;

  flex-basis: 33.5%;

  position: relative;

}

@media screen and (max-width: 991px) {

  .inner-pages .blog-section .news-item-sm .news-img-link {

    -ms-flex-preferred-size: 43.5%;

    flex-basis: 43.5%;

  }

  .pagination.disabled {

    display: none;

  }

}

@media screen and (min-width: 991px) {

  .bls.pt-55 {

    padding-top: 45px;

  }

} /*-----------------------------------------*/ /*--- 61. INNER PAGE BLOG LIST SIDEBAR ---*/ /*-----------------------------------------*/

.inner-pages section.blog-section {

  padding: 6rem 0;

  background: #fff;

}

.inner-pages .blog-section .news-item {

  background: #fff;

  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  overflow: hidden;

}

.inner-pages .form-control {

  padding: 0.7rem;

  border: 1px solid #fdd534 !important;

}

@media screen and (max-width: 767px) {

  .inner-pages .input-group {

    width: 90%;

  }

}

@media screen and (max-width: 991px) {

  .inner-pages .widget {

    padding-top: 0px;

  }

}

.inner-pages .input-group-btn .fa {

  font-size: 1rem;

  cursor: pointer;

}

.inner-pages .input-group-btn .btn-primary {

  background: #fdd534;

  border: 1px solid #fdd534;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .input-group-btn .btn-primary:hover {

  background: #121b22;

  color: #fff;

}

.inner-pages .recent-main {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 100%;

  flex: 0 1 100%;

}

@media screen and (max-width: 992px) {

  .inner-pages .recent-main {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}

.inner-pages .recent-img img {

  width: 90px;

  height: 70px;

  margin-right: 1rem;

}

.inner-pages .info-img h6 {

  font-family: "Montserrat", sans-serif;

  font-size: 1rem;

}

.inner-pages .info-img a {

  text-decoration: none;

  color: #000;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .info-img a:hover {

  color: #fdd534;

}

.inner-pages .recent-post .tags a {

  background: #fdd534;

  color: #fff;

  border: 1px solid #fdd534;

  margin-bottom: 0.7rem;

  margin-left: 0.2rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .recent-post .tags a:hover {

  background: #fff;

  color: #fdd534;

}

.inner-pages .recent-post .tags.no-mb a {

  margin-bottom: 0px;

}

.inner-pages .recent-post ul {

  margin: 0;

  padding: 0;

}

.inner-pages .recent-post ul li {

  list-style: none;

  padding: 0.5rem 0;

}

.inner-pages .recent-post ul li.npt {

  padding-top: 0px;

}

.inner-pages .recent-post ul li:last-child {

  padding-top: 0.5rem;

  padding-bottom: 0px;

}

.inner-pages .recent-post ul li a {

  text-decoration: none;

  color: #666;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .recent-post ul li a:hover {

  color: #fdd534;

}

.inner-pages .recent-post ul li .fa {

  margin-right: 1rem;

}

.inner-pages .recent-post button {

  margin-right: 0.5rem;

  margin-bottom: 0.5rem;

}

.inner-pages .widget h5::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.inner-pages .recent-post .netsocials {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  list-style: none;

  margin: 0;

  padding: 0;

}

.inner-pages .recent-post .netsocials a .fa {

  font-size: 1.3rem;

  text-align: center;

  background: transparent;

  width: 2.5rem;

  height: 2.5rem;

  line-height: 2.5rem;

  margin-right: 1rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .recent-post .netsocials a .fa-facebook {

  background: #3b5998;

  color: #fff;

}

.inner-pages .recent-post .netsocials a .fa-twitter {

  background: #1da1f2;

  color: #fff;

}

.inner-pages .recent-post .netsocials a .fa-google-plus {

  background: #dd4b39;

  color: #fff;

}

.inner-pages .recent-post .netsocials a .fa-youtube {

  background: #cd201f;

  color: #fff;

}

.inner-pages .recent-post ul li.npt:last-child {

  padding-top: 0px;

} /*-----------------------------------*/ /*--- 62. INNER PAGE BLOG DETAILS ---*/ /*-----------------------------------*/

.inner-pages section.blog-section {

  padding: 6rem 0;

  background: #fff;

}

.inner-pages .blog-section .news-item-descr.big-news.details {

  height: 240px !important;

  -webkit-box-shadow: 0px !important;

  box-shadow: 0px !important;

}

.inner-pages .blog-section .news-item.details {

  background: transparent;

  -webkit-box-shadow: 0 0 0 0 #edeff1;

  box-shadow: 0 0 0 0 #edeff1;

}

.inner-pages .blog-section .news-item-text.details {

  padding: 20px 0;

}

.inner-pages .comments-info .conra {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.inner-pages .comments-info h5 {

  color: #222;

  font-weight: 500;

  margin-bottom: 0px;

}

.inner-pages .comments-info p:last-child {

  font-weight: 400;

}

.inner-pages .social-share {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  list-style: none;

  background: transparent;

  margin: 0;

  padding: 0;

}

.inner-pages .social-share .fa-facebook {

  color: #3b5998;

}

.inner-pages .social-share .fa-twitter {

  color: #1da1f2;

}

.inner-pages .social-share .fa-google-plus {

  color: #dd4b39;

}

.inner-pages .social-share .fa-youtube {

  color: #cd201f;

}

.inner-pages .social-share a {

  color: #fdd534;

  font-size: 1.5rem;

  margin: 0 0.5rem;

}

.col-md-10.comments-info {

  padding-left: 0px;

}

.col-md-10.comments-info p.mb-2 {

  color: #333;

}

.col-md-10.comments-info p:last-child {

  font-weight: 400;

}

.inner-pages .comments-info.no-mb p:last-child {

  margin-bottom: 0px;

}

.inner-pages .comments h3::after,

.inner-pages .leve-comments h3::after {

  display: block;

  height: 3px;

  font-weight: bold;

  background-color: #fdd534;

  content: " ";

  width: 50px;

  margin-top: 0.5rem;

  margin-bottom: 1.5rem;

}

.inner-pages .commented .comm-inf {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

}

.inner-pages .commented img {

  width: 75px;

  height: 75px;

  border-radius: 50%;

  margin-right: 2rem;

}

.inner-pages .commented .rest img {

  width: 165px;

  height: 110px;

  margin-top: 12px;

  border-radius: 5px;

  margin-right: 15px;

}

.inner-pages .resti {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.inner-pages .data form .col-md-12 {

  padding: 0;

  padding-right: 1rem;

}

section.leve-comments {

  margin-top: 4rem;

}

.inner-pages .leve-comments .btn {

  background: #fdd534;

  cursor: pointer;

  font-size: 16px;

  border: none;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .leve-comments .btn:hover {

  background: #121b22;

  color: #fff;

}

.inner-pages .recent-post ul li.npt {

  padding-bottom: 0px;

}

.p-bl .header-user-name,

.p-bl .header-user-name:before {

  color: #fff;

}

.inner-pages.bdt .form-control {

  border: 1px solid #ddd !important;

}

@media screen and (max-width: 767px) {

  .inner-pages .leve-comments.wpb {

    padding-bottom: 2.5rem;

  }

  .col-md-10.comments-info {

    padding-left: 15px;

  }

}

@media screen and (max-width: 575px) {

  section.leve-comments {

    margin-top: 2rem;

  }

  .inner-pages .resti {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

} /*-----------------------------------*/ /*---- 63. INNER PAGE CONTACT US ----*/ /*-----------------------------------*/

.inner-pages .contact-us {

  padding: 6rem 0;

}

.inner-pages .contact-us ul li {

  list-style: none;

  font-weight: 300;

}

.inner-pages .contact-us ul {

  margin: 0;

  padding: 0;

}

.inner-pages .contact-us .btn {

  background: #fdd534;

  border: 1px solid #fdd534;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .contact-us .btn:hover {

  background: #fff;

  color: #121b22;

  border: 1px solid #fdd534;

}

.inner-pages .address-info p:last-child {

  margin-bottom: 0px;

}

@media screen and (max-width: 767px) {

  .inner-pages .offices h3:first-child {

    margin-top: 4rem;

  }

}

@media screen and (max-width: 500px) {

  .inner-pages .contact-us h3 {

    font-size: 1.1rem !important;

  }

}

label {

  font-size: 16px;

  line-height: 24px;

  font-weight: 400;

  margin-bottom: 5px;

  color: #666;

}

form label.error {

  display: block;

  color: #ff0000;

  font-size: 14px !important;

  opacity: 1 !important;

}

.successform,

.errorform {

  display: none;

  height: 70px;

}

.successform span,

.errorform span {

  display: block;

}

.successform span p,

.errorform span p {

  margin-top: 15px;

}

.successform span p {

  color: #01c15a;

  font-size: 2rem;

}

.errorform span p {

  color: #c0392b;

}

.inner-pages .contact-us .form-control {

  border: 1px solid #ddd !important;

}

.inner-pages .contact-us h3 {

  text-transform: uppercase;

  color: #222;

  font-weight: 600;

  font-size: 1.2rem;

}

.inner-pages .offices h3 {

  text-transform: capitalize;

}

.inner-pages .offices p {

  font-weight: 300;

} /*---- CONTACT MAP ----*/

.inner-pages .contact-us #map-contact {

  width: 100%;

  height: 312px;

  border: 1px solid #fdd534;

} /*---- CONTACT INFO ----*/

.inner-pages .contact_us_details {

  margin-top: 4rem;

}

.inner-pages

  .contact_us_details

  .row

  .col-md-4:nth-child(2)

  .c_details_item

  .media

  .media-left

  i {

  font-size: 23px;

}

.inner-pages .c_details_item {

  background: #fff;

  border-radius: 10px;

  padding: 28px 30px;

}

.inner-pages .c_details_item .media .media-left {

  padding-right: 30px;

  vertical-align: middle;

}

.inner-pages .c_details_item .media .media-left i {

  height: 60px;

  width: 60px;

  border: 2px solid #fdd534;

  border-radius: 50%;

  color: #fdd534;

  text-align: center;

  line-height: 60px;

  font-size: 30px;

  -webkit-transition: all 400ms linear 0s;

  transition: all 400ms linear 0s;

}

.inner-pages .c_details_item .media .media-left .fa-envelope {

  font-size: 23px;

}

.inner-pages .c_details_item .media .media-body p {

  max-width: 185px;

  font-size: 17px;

  padding-top: 0.5rem;

  font-family: "Asap", sans-serif;

  color: #000;

  letter-spacing: 0.34px;

  margin-bottom: 0;

  margin-right: 0 !important;

  line-height: 23px;

}

.inner-pages .c_details_item .media .media-body a {

  display: block;

  font-size: 17px;

  font-family: "Asap", sans-serif;

  color: #000;

  text-decoration: none;

  letter-spacing: 0.34px;

}

.inner-pages .c_details_item .media .media-body a:first-child {

  padding-top: 0.2rem;

}

.inner-pages .c_details_item .media:hover .media-left i {

  border-color: #fff;

  color: #121b22;

}

@media screen and (max-width: 991px) {

  .inner-pages .contact_us_details .phone-area.mt-44 {

    margin-top: 2rem;

  }

  .inner-pages .our-lo.property-location,

  .inner-pages .contact_us_details {

    margin-top: 3.5rem;

  }

}

@media screen and (max-width: 767px) {

  .inner-pages .contact_us_details .email-area.mt-44 {

    margin-top: 2rem;

  }

  .inner-pages .contact-location {

    margin-top: 4rem;

  }

}

.inner-pages .contact-us ul li {

  list-style: none;

  font-weight: 300;

}

.inner-pages .contact-us ul {

  margin: 0;

  padding: 0;

}

.inner-pages .contact-us .btn {

  background: #fdd534;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.inner-pages .contact-us .btn:hover {

  background: #121b22;

  color: #fff;

}

.inner-pages .address-info p:last-child {

  margin-bottom: 0px;

}

@media screen and (max-width: 767px) {

  .inner-pages .offices h3:first-child {

    margin-top: 4rem;

  }

} /*------------------------------------*/ /*-- 64. INNER PAGE ADD LISTING --*/ /*------------------------------------*/

.inner-pages .royal-add-property-area {

  padding: 6rem 0;

  background: #f5f6ff none repeat scroll 0 0;

}

.inner-pages .royal-complete-order-head {

  margin-bottom: 50px;

  text-align: center;

}

.inner-pages .property-form-group {

  padding: 0 50px;

}

.inner-pages .royal-complete-order-head h2 {

  color: #333;

  margin-bottom: 10px;

  text-transform: capitalize;

}

.inner-pages .single-add-property > h3 {

  border-bottom: 1px solid #ddd;

  margin-bottom: 40px;

  padding-bottom: 25px;

  color: #fdd534;

  text-transform: capitalize;

}

.inner-pages .property-form-group label {

  color: #333;

  display: inline-block;

  font-size: 15px;

  font-weight: 600;

  text-transform: capitalize;

}

.inner-pages .property-form-group p input {

  border: 1px solid #ddd;

  height: 50px;

  padding: 10px;

  width: 100%;

}

.inner-pages .property-form-group p.no-mb,

.inner-pages .property-form-group p.no-mb input {

  margin-bottom: 0px;

}

@media screen and (max-width: 991px) {

  .inner-pages .property-form-group p.no-mb,

  .inner-pages .property-form-group p.no-mb input {

    margin-bottom: 20px;

  }

  .inner-pages .property-form-group p.no-mb.first input {

    margin-bottom: 20px !important;

  }

  .inner-pages .dropdown.faq-drop.mb-0 {

    margin-bottom: 20px !important;

  }

  .inner-pages .no-mb.last.des {

    margin-top: 20px;

  }

  .inner-pages .property-form-group p.no-mb.last:last-child,

  .inner-pages .property-form-group p.no-mb input:last-child {

    margin-bottom: 0px;

  }

}

.inner-pages .property-form-group p textarea {

  border: 1px solid #ddd;

  height: 180px;

  padding: 10px;

  width: 100%;

}

.inner-pages .single-add-property {

  background: #fff none repeat scroll 0 0;

  margin-bottom: 30px;

  padding: 30px;

}

.inner-pages .property-form-group p,

.property-form-group .dropdown.faq-drop {

  margin-bottom: 20px;

}

.property-form-group .dropdown.faq-drop.no-mb {

  margin-bottom: 0px;

}

@media screen and (max-width: 991px) {

  .property-form-group .dropdown.faq-drop.no-mb {

    margin-bottom: 40px;

  }

  .property-form-group .dropdown.faq-drop.no-mb.last {

    margin-bottom: 0px;

  }

}

.inner-pages .property-form-group .dropdown-toggle {

  background: #fff none repeat scroll 0 0;

  border: 1px solid #ddd;

  border-radius: 0;

  color: #999;

  padding: 10px;

  text-align: left;

  width: 100%;

  text-transform: capitalize;

}

.inner-pages .property-form-group .dropdown-toggle::after {

  display: none;

}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open {

  width: 100%;

  padding: 0;

}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open > li {

  border-bottom: 1px solid #ddd;

  cursor: pointer;

  display: block;

  font-size: 15px;

  font-weight: 400;

  padding: 10px 20px;

  text-transform: capitalize;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open > li:last-child {

  border-bottom: 0px solid #ddd;

}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open > li:hover {

  background: #f9f9f9;

}

.inner-pages .property-form-group .dropdown-toggle i {

  float: right;

  font-size: 20px;

  line-height: 25px;

}

.inner-pages .property-form-group .dz-message {

  background: #fff none repeat scroll 0 0;

  border: 2px dashed #fdd534;

  padding: 50px 20px;

  text-align: center;

}

.inner-pages .dz-default i {

  color: #fdd534;

  display: block;

  font-size: 60px;

  margin-bottom: 30px;

}

.inner-pages .dz-default.dz-message > span {

  color: #fdd534;

  font-size: 20px;

  text-transform: capitalize;

}

.inner-pages .dropdown.faq-drop span {

  color: #999;

  margin-left: 5px;

}

.inner-pages .pro-feature-add label {

  color: #000;

  font-weight: 500;

}

.inner-pages .pro-feature-add input {

  margin-right: 5px;

}

.inner-pages .pro-feature-add > li {

  display: inline-block;

  margin: 5px 10px;

}

.inner-pages .pro-feature-add li.no-mb input,

.inner-pages .pro-feature-add .no-mb label,

.inner-pages ul.pro-feature-add,

.inner-pages .pro-feature-add > li.no-mb {

  margin-bottom: 0px;

}

@media screen and (max-width: 404px) {

  .inner-pages .pro-feature-add .no-mb label {

    margin-bottom: 20px;

  }

  .inner-pages .pro-feature-add .no-mb.last label:last-child {

    margin-bottom: 0px;

  }

}

.inner-pages .prperty-submit-button > button {

  background: #fdd534 none repeat scroll 0 0;

  border: medium none;

  color: #fff;

  cursor: pointer;

  display: inline-block;

  font-size: 16px;

  font-weight: 600;

  height: 100%;

  padding: 10px 20px;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  text-transform: capitalize;

}

.inner-pages .prperty-submit-button > button:hover {

  background: #121b22 none repeat scroll 0 0;

}

.inner-pages .royal-complete-order-head > p {

  font-size: 17px;

}

@media screen and (max-width: 575px) {

  .inner-pages .property-form-group {

    padding-left: 0px;

    padding-right: 0px;

  }

} /*-----------------------------------*/ /*------ 65. PRELOADER ------*/ /*-----------------------------------*/

#preloader {

  background: #fffffff5;

  bottom: 0;

  left: 0;

  position: fixed;

  right: 0;

  top: 0;

  z-index: 9999;

}

#status,

.status-mes {

  background-image: url(../images/preloader.gif);

  background-position: center;

  background-repeat: no-repeat;

  height: 200px;

  left: 50%;

  margin: -100px 0 0 -100px;

  position: absolute;

  top: 50%;

  width: 200px;

}

.status-mes {

  background: none;

  left: 0;

  margin: 0;

  text-align: center;

  top: 65%;

} /*-----------------------------------*/ /*------ 00. STYLE SWITCHER ------*/ /*-----------------------------------*/

.color-switcher {

  width: 266px;

  position: fixed;

  right: -266px;

  top: 300px;

  z-index: 999;

  padding: 0px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  border-bottom-right-radius: 4px;

}

.color-switcher h5 {

  font-size: 15px;

  margin-top: 0;

  padding: 0 20px 0;

}

.color-switcher p {

  font-size: 16px;

  color: #000;

  line-height: 50px;

  margin: 0px;

}

.color-switcher ul {

  list-style: none;

  padding: 0;

}

.color-switcher ul li {

  float: left;

}

.color-switcher ul li a {

  display: block;

  width: 40px;

  height: 40px;

  outline: none;

  text-align: center;

  line-height: 40px;

  font-size: 14px;

  color: #333;

}

.color-switcher ul li a.blue {

  background: #0098ef;

}

.color-switcher ul li a.pink {

  background: #fdd534;

}

.color-switcher ul li a.orange {

  background: #f7a13e;

}

.color-switcher ul li a.purple {

  background: #3a2c5f;

}

.color-switcher ul li a.green {

  background: #f1ca30;

}

.color-switcher ul li a.red {

  background: #e54242;

}

.color-switcher ul li a.cyan {

  background: #1abc9c;

}

.color-switcher ul li a.sky-blue {

  background: #00cdcd;

}

.color-switcher .gray {

  background: #656565;

}

.color-switcher ul li a.brown {

  background: #987654;

}

.deflt {

  width: 100%;

}

#default {

  width: 100%;

}

.color-switcher .black {

  background: #000;

  display: none;

}

.color-switcher .white {

  background: #fff;

  display: none;

}

.color-switcher .light {

  background: #fff;

  width: 60px;

  color: #000;

  text-align: center;

  float: left;

  border: 1px solid #666;

  margin-top: 15px;

  margin-right: 22px;

}

.color-switcher .dark {

  background: #272727;

  width: 60px;

  float: right;

  color: #fff;

  border: 1px solid #666;

  margin-top: 15px;

}

.picker_close {

  width: 60px;

  height: 60px;

  position: absolute;

  left: -60px;

  top: 0px;

  z-index: -1;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  text-align: center;

  background: #fff;

  border-bottom-left-radius: 4px;

  border-top-left-radius: 4px;

}

.picker_close i {

  color: #666;

  font-size: 30px;

  line-height: 60px;

}

.position {

  right: 0;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}

.theme-colours,

.layouts,

.backgrounds,

.choose-header,

.choose-footer {

  display: table;

  text-align: left;

  padding-top: 0px;

  width: 100%;

  padding: 18px;

  background: #fff;

  padding-top: 0px;

}

.layouts a {

  display: inline-block;

  text-align: center;

  width: 100%;

  float: left;

  font-size: 10px;

  color: #000;

  margin-bottom: 20px;

  border: 1px solid #e7e7e7;

  padding: 10px 15px;

}

.layouts a:hover {

  background: #000;

  color: #fff;

  border-color: #000;

}

.styleswitcher {

  position: fixed;

  width: 120px;

  background: #ffffff;

  color: #595959;

  top: 150px;

  right: -123px;

  z-index: 999;

}

.styleswitcher p {

  color: #000 !important;

}

.styleswitcher.ackapa {

  left: 0;

}

.styleswitcher .switch {

  padding-left: 15px;

  padding-bottom: 10px;

}

.styleswitcher .switch h5 {

  margin-top: 20px;

}

.styleswitcher .switch p {

  margin-top: 10px;

}

.stylebutton {

  cursor: pointer;

  position: absolute;

  text-align: center;

  line-height: 40px;

  background: #fff;

  font-size: 20px;

  width: 40px;

  height: 40px;

  top: 0px;

  right: -40px;

}

.styleswitcher a {

  width: 24px;

  height: 24px;

  float: left;

  margin-right: 7px;

  margin-bottom: 10px;

  position: relative;

  z-index: 99999999;

}

.color-switcher ul li {

  margin: 3px;

}

.color-switcher.position .theme-colours {

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

} /*-----------------------------------*/ /*------ 66. MEDIAS QUERIES ------*/ /*-----------------------------------*/

@media screen and (min-width: 992px) {

  #main-menu {

    height: auto !important;

    display: block;

    -webkit-box-flex: 0;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    margin-left: 17.6rem;

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

  }

  #main-menu ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0;

  }

  #main-menu ul li a {

    padding: 0.8rem;

    text-transform: uppercase;

    font-weight: 400;

    margin: 0 0.3rem;

    border-top: 0;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

  }

  #main-menu ul li a.active {

    color: #fff;

  }

  #main-menu ul li a:hover {

    color: #fff;

    background: #fdd534;

    border-radius: 5px;

  }

  .dropdown:hover > .dropdown-menu {

    display: block;

  }

  #main-menu .dropdown-menu {

    -webkit-animation: 260ms ease 0s normal none 1 running zoomIn;

    animation: 260ms ease 0s normal none 1 running zoomIn;

    background: #fff none repeat scroll 0 0;

    margin-top: 0px;

  }

  #main-menu .dropdown-menu a {

    color: #000;

    text-align: left;

    border-top: 0;

    font-size: 15px;

    text-transform: capitalize;

    margin-left: 0px;

    text-decoration: none;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  #main-menu .dropdown-menu a:hover {

    color: #fff;

    background: #fdd534;

    text-decoration: none;

    border: 0;

    border-radius: 0px;

  }

  .search-button {

    margin-left: 2rem;

    margin-right: 0;

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }

  #bloq-search {

    position: absolute;

    width: 20rem;

    right: 10.9rem;

    top: 3.8rem;

    z-index: 99999;

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

  }

}

@media screen and (max-width: 768px) {

  h1 {

    font-size: 3rem;

  }

  h2 {

    font-size: 1.6rem;

  }

  .main-search-field h3 {

    font-size: 1.5rem;

  }

  .portfolio .port-item img {

    width: 100%;

  }

  .team .team-pro img {

    width: 100%;

  }

  .team .team-pro {

    padding-right: 1.1rem;

    padding-left: 1.1rem;

  }

  .blog .blog-pots img {

    width: 100%;

  }

  .second-footer .container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .second-footer .container h3 {

    margin-bottom: 0.8rem;

  }

  .box.bg-3.hed-3 {

    padding-top: 0px;

  }

  .inner-pages .commented img {

    width: 75px;

    height: 75px;

    border-radius: 50%;

    margin-right: 1.5rem;

    margin-bottom: 0.8rem;

  }

  .inner-pages .offices h2 {

    margin-top: 4rem;

  }

  .inner-pages .box.bg-3.mt-5 {

    padding-top: 0px;

  }

  .parallax-search .welcome-text h1 {

    font-size: 40px;

  }

}

@media screen and (max-width: 1024px) {

  .header-top .container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .top-info {

    margin-bottom: 1rem;

  }

  #main-menu {

    margin-left: 14rem;

  }

  .parallax-search .trip-search,

  .search-2 .trip-search {

    border-radius: 1px !important;

  }

}

@media screen and (max-width: 992px) {

  h3 {

    font-size: 1.2rem;

  }

  .headings .text-heading p {

    font-size: 1rem;

  }

  .who-we-are .who img {

    height: 415px;

  }

  .blog .blog-pots h3 {

    font-size: 1.2rem;

  }

  .portfolio img {

    width: 100%;

  }

  .team .team-info .artl {

    padding-bottom: 1.3rem;

  }

  .popular .footer img {

    width: 20px;

  }

  .parallax-search .trip-search,

  .search-2 .trip-search {

    border-radius: 1px !important;

  }

  .price-properties img {

    width: 20px !important;

  }

  .price-properties .fr-grid-thumb img {

    width: 70px !important;

    height: 60px !important;

  }

  .price-properties .fr-grid-thumb {

    bottom: 210px;

  }

}

@media screen and (max-width: 576px) {

  body {

    font-size: 15px;

  }

  h1 {

    font-size: 1.6rem;

  }

  .section-title h3 {

    font-size: 16px;

  }

  .section-title h2 {

    font-size: 26px;

  }

  .sec-title p {

    font-size: 15px;

  }

  .feature-categories .img-box-content h4 {

    font-size: 1.4rem;

  }

  .banner-inner .sub-title {

    font-size: 17px;

  }

  .banner-inner h1 {

    font-size: 28px;

    line-height: 37px;

  }

  .who-we-are .who img {

    height: 300px;

  }

  .counterup .countr p {

    font-size: 2rem;

  }

  .testimonials .test-1 p {

    padding: 0px 1rem;

  }

  span.plan-name {

    font-size: 21px;

  }

  .team .team-pro {

    padding-right: 0;

    padding-left: 0;

  }

  .inner-pages .services {

    margin: 0px;

  }

  .inner-pages article.faq h2 {

    font-size: 1.4rem;

  }

  .inner-pages .panel .panel-heading a {

    font-size: 1rem;

  }

  .first-footer h2 {

    margin-top: 2rem;

  }

  .inner-pages .blog .sorting-options h5 {

    font-size: 1.2rem;

    margin-top: 0px;

  }

  .inner-pages .blog .block-heading .sorting-options {

    margin-top: 0px;

  }

  .inner-pages .blog .sorting-options h6 {

    font-size: 0.95rem;

  }

  .inner-pages .blog .homes-content.details-2 span {

    font-size: 0.9rem;

  }

  .inner-pages .headings h2 a,

  .inner-pages .headings h2 {

    font-size: 1rem;

  }

  .inner-pages .contact-us .offices {

    margin-top: 2rem;

  }

  .headings-7 .text-heading p.sorry {

    font-size: 1.1rem;

  }

  .font-36,

  .dashborad-box .item .info .number {

    font-size: 26px;

  }

  .parallax-search .welcome-text h1 {

    font-size: 30px;

  }

  .parallax-search .hero-inner,

  .hero-inner2 {

    margin-top: 290px;

  }

  .user-profile-box .header h2 {

    font-size: 21px;

  }

  .header-image .left h1 {

    font-size: 30px;

    line-height: 47px;

  }

  .header-image {

    padding: 200px 30px;

  }

  .align-items-center.bg8 h2 {

    font-size: 22px;

  }

  .align-items-center.bg8 p {

    font-size: 16px;

  }

} /*# sourceMappingURL=styles.css.map */

.inner-pages .listings-list.full .my-44 {
    margin: 2.5rem 0;
}

.min-height-70 {
	min-height:50px;
}