@charset "UTF-8";
/*------------------------------------------------------------------
Author       : Code-Theme
Template Name: ListiFind - HTML5 Template
Version      : 2.2
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Typography
2. Section Headings
3. Section Home 1 Image
4. Section Image Video Home 2
5. Section Parallax Image Home 3
6. Section Feature Categories Home 3
5. Section Popular Searches Home 4
8. Section Feature Categories
9. Section Popular Listings
10.Section How It Works
11.Section Top Places
12.Section Info Help Home 4
13.Section Feature Categories Home 5
14.Section Counter Up
15.Section Pricing
16.Section Testimonials
17.Section Blog
18.Section Partners
19.Section Header Image Home 9
20.Section Popular Categories Home 9
21.Section Top Location Home 10
22.Section Popular Categories Home 10
23.Section Top Locations Home 3 and 11
24.Section Info Sidebar Home 12
25.Section Banner Slider Home 12
26.Section Parallax Home 13
27.Section Info Help Home 13
28.Section Header Slider Home 14
29.Section Header Search Home 14
30.Section Header Image Home 15
31.Section Why Choose Us Home 15
32.Section Testimonials Home 15
33.Section Header Filter Home 15
34.Section Visited City Home 15
35.Section Parallax Image Home 16
36.Section Counter Up Home 16
37.Section Job Categories Home 16
38.Section Featured Job Home 16
39.Section Freelancers Home 16
40.Section Footer
41.Inner Page Listings List
42.Inner Page Listings List Right Sidebar
43.Inner Page Listings Grid
44.Inner Page Listings Half Map
45.Inner Page Listings Full Map
46.Inner Page Listing Details
47.Inner Page About Us
48.Inner Page Dashboard
49.Inner Page Faq
50.Inner Page Payment-Method
51.Inner Page Thank you
52.Inner Page 404
53.Inner Page Login
54.Inner Page Coming Soon
55.Inner Page Under Construction
56.Inner Page Shop
57.Inner Page UI Element
58.Inner Page Blog Grid
59.Inner Page Blog Grid Sidebar
60.Inner Page Blog Lists
61.Inner Page Blog List Sidebar
62.Inner Page Blog Details
63.Inner Page Contact Us
64.Inner Page Add Listing
65.PreLoader
66.Medias Queries
-------------------------------------------------------------------*/

/*-----------------------------------*/

/*------ 1. TYPOGRAPHY ------*/

/*-----------------------------------*/

html {
  font-size: 15px;
  min-height: 100%;
}

body {
  font-family: 'dejavu-sans';
  font-size: 15px;
  font-weight: 400;
  color: #666;
  overflow-x: hidden !important;
}

p {
  line-height: 26px;
}

h1 {
  font-family: 'dejavu-sans';
  font-size: 3.5rem;
  font-weight: 800;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

h2 {
  font-family: 'dejavu-sans';
  color: #222;
  font-size: 26px;
  font-weight: 600;
}

h2 span {
  font-weight: 600;
  color: #111;
}

h3 {
  font-family: 'dejavu-sans';
  font-size: 1.2rem;
  color: #444;
  font-weight: 600;
}

h4 {
  font-family: 'dejavu-sans';
  font-size: 1rem;
  color: #444;
  font-weight: 600;
}

h5 {
  color: #444;
}

.top-headings-section {
  padding-bottom: 2rem;
}

.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: #faaf40;
  content: " ";
  width: 100px;
  margin: 0 auto;
  margin-top: .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: #2C5B94;
  font-weight: 700;
  font-size: 24px;
  font-family: dejavu-bold;
}

.sec-title:before {
  content: '';
  height: 1px;
  background-color: #7AD0B0;
  position: absolute;
  width: 30%;
  left: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title:after {
  content: '';
  height: 1px;
  background-color: #7AD0B0;
  position: absolute;
  width: 30%;
  right: 1.5%;
  top: 10px;
  opacity: 0.3;
}

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

.sec-title-4 {
  text-align: center;
}

.sec-title-4 h2 {
  color: #0E301C;
  font-weight: 700;
  font-size: 24px;
  width: 40%;
  margin-left: 30%;
}

.sec-title-4:before {
  content: '';
  height: 1px;
  background-color: #fff;
  position: absolute;
  width: 30%;
  left: 2.6%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-4:after {
  content: '';
  height: 1px;
  background-color: #fff;
  position: absolute;
  width: 30%;
  right: 2.6%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-3 {
  text-align: center;
  padding-bottom: 2rem;
}

.sec-title-3 h2 {
  color: #2c5b94;
  font-family: dejavu-bold;
  font-size: 21px;
  width: 40%;
  margin-left: 30%;
  line-height: 32px
}

.sec-title-3:before {
  content: '';
  height: 1px;
  background-color: #bfbfbf;
  position: absolute;
  width: 25%;
  left: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-3:after {
  content: '';
  height: 1px;
  background-color: #bfbfbf;
  position: absolute;
  width: 25%;
  right: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-5 {
  text-align: center;
  padding-bottom: 2rem;
}

.sec-title-5 h2 {
  padding-top: 10px;
  color: #39399B;
  font-weight: 100;
  font-size: 26px;
}

.sec-title-2 {
  text-align: center;
  padding-bottom: 2rem;
}

.sec-title-2 h2 {
  color: #2C5B94 !important;
  font-weight: 700;
  font-size: 24px;
}

.sec-title-2:before {
  content: '';
  height: 1px;
  background-color: #7AD0B0;
  position: absolute;
  width: 35%;
  left: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-2:after {
  content: '';
  height: 1px;
  background-color: #7AD0B0;
  position: absolute;
  width: 35%;
  right: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-1 {
  text-align: center;
  padding-bottom: 2rem;
}

.sec-title-1 h2 {
  color: #2C5B94;
  font-weight: 700;
  font-size: 24px;
  font-family: 'dejavu-bold';
}

.sec-title-1:before {
  content: '';
  height: 1px;
  background-color: #fff;
  position: absolute;
  width: 35%;
  left: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-1:after {
  content: '';
  height: 1px;
  background-color: #fff;
  position: absolute;
  width: 35%;
  right: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-1 h2 span {
  position: relative;
  color: #333;
  font-weight: 600;
}

.sec-title-1 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: #7AD0B0;
}

.section-title h3 {
  font-size: 18px;
  color: #111;
  text-transform: uppercase;
}

.section-title h2 {
  color: #faaf40;
  text-transform: uppercase;
}

.section-title h3 {
  font-size: 18px;
  color: #111;
  text-transform: uppercase;
}

.popular.portfolio.pb-5 {
  padding-bottom: 4rem !important;
}

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

.bg-gray {
  background: #f5f6ff !important;
}

/*-----------------------------------*/

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

/*-----------------------------------*/

.header {
  position: absolute;
  width: 100%;
  z-index: 99;
}

.header-top {
  background: #faaf40;
  color: #7f8997;
  display: block;
  padding: 1rem 0;
}

@media screen and (max-width: 767px) {
  .header-top {
    padding: 0px;
  }
}

.header.head-2 {
  position: relative;
}

.header-top.head-2 {
  background: #faaf40;
  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%;
}

.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 .5s ease;
  transition: all .5s ease;
}

.header-bottom.heading.sticky-header.head-2.sticky {
  z-index: 99999;
}

@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;
}

.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: .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 .5s ease;
  transition: all .5s ease;
}

.top-social .login-wrap ul li a:hover {
  color: #faaf40;
}

.top-social .login-wrap ul li a i {
  margin-right: 5px;
}

.header-top .social-icons {
  text-align: right;
  margin-left: .6rem;
}

.header-top .social-icons i {
  line-height: 26px;
  font-size: 1.2rem;
  margin-right: 1rem;
  -webkit-transition: all .5s ease;
  transition: all .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: #faaf40;
}

.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: #faaf40;
}

.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 .5s ease;
  transition: all .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 .5rem;
  background: transparent;
  color: #fff;
}

.search-button:focus, .button-menu:focus {
  outline: 0;
}

.search-button {
  color: #fff;
  margin-left: auto;
  margin-right: .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 .5s ease;
  transition: all .5s ease;
}

.get-quote:hover {
  background: #faaf40;
  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 #faaf40;
  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: #faaf40;
  color: #fff;
  cursor: pointer;
  margin-bottom: 0px;
  padding: 0 1rem;
  -webkit-transition: all .5s ease;
  transition: all .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: .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: #faaf40;
}

#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: .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;
}

/*---------------------------------------*/

/*--------- 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: #8731E8 !important;
}

.homepage-1 .rec-pro-1 .container-fluid {
  max-width: 1560px;
}

.homepage-1 #navigation.style-1 ul li:hover {
  background: #8731E8;
}

.homepage-1 .welcome-area {
  background: rgba(0, 0, 0, 0) url(../images/bg/people.jpg) no-repeat scroll center center/cover;
}

.homepage-1 .welcome-area {
  height: 840px;
  z-index: 1;
}

.welcome-area.bg-overlay::after {
  z-index: -2;
}

.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: 200px 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%, #8731E8 100%);
}

.homepage-1 a.btn.btn-yellow:hover {
  background: #fff !important;
  color: #8731E8;
}

.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 #8731E8;
  box-shadow: inset 0 0 0 2px #8731E8;
}

.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 .5s;
  transition: all ease .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;
  }
}

@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: #faaf40;
}

.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 .3s ease;
  transition: all .3s ease;
}

.homepage-1 h4.sc-jb-title a:hover {
  color: #faaf40;
}

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

@media screen and (max-width: 575px) {
  .homepage-1 .mob-mt {
    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: #8731E8 !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;
}

.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: .30px;
  margin: 0;
}

.homepage-1 .detailJC:after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 68px;
  height: 58px;
  background: url(../images/icons/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 .5s;
  transition: all ease .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: #8731E8;
  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: #8731E8;
}

.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: #8731E8;
}

.homepage-1 .first-footer .widget h3::after, .homepage-1 .first-footer .newsletters h3::after, .homepage-1 .go-up {
  background: #8731E8;
}

.homepage-1 .first-footer .bloq-email .email input[type="email"] {
  border: 1px solid #8731E8;
}

.homepage-1 .first-footer .bloq-email .email input[type="submit"] {
  border: 1px solid #8731E8;
  background: #8731E8;
}

@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;
  }
}

/*---------------------------------------*/

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

/*---------------------------------------*/

.homepage-2 .welcome-area {
  background: rgba(0, 0, 0, 0) url("../images/bg/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-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;
}

@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 {
    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: .5s;
  animation-delay: .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.90;
  z-index: -1;
}

.homepage-2 .overlay-dark::after {
  background-color: #ff385c;
  opacity: 0.80;
  -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;
}

@media (max-width: 991.98px) {
  .homepage-2 .header-image .left h1 {
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 15px;
  }
}

/*----------------------------------------------*/

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

/*----------------------------------------------*/

.parallax-search {
  position: relative;
 background: url("../images/bg/home-bg.jpeg") no-repeat center top;
  background-size: cover;
  /*background-attachment: fixed !important;*/
  background-position: center;
  width: 100%;
  height: 550px;
}

.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: 17px;
  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: 40px;
  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: 'dejavu-sans';
  font-weight: 500;
  font-size: 14px;
}

.parallax-search .form-group .nice-select:hover {
  color: #faaf40;
}

.parallax-search .form-group .nice-select::after {
  right: 20px;
  color: #757575;
}

.parallax-search .form-group .nice-select i {
  color: #faaf40;
  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: #faaf40;
}

.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: 'dejavu-sans';
  font-weight: 500;
  font-size: 16px;
}

.main-search-input-item {
  float: left;
  width: 100%;
  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.looking input:focus {
  outline: solid 1px #faaf40;
}

.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: #faaf40;
  cursor: pointer;
  color: #fff;
  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;
  }
}

@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: .5rem;
  }
  .parallax-search .trip-search {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .parallax-search {
    height: 100vh;
  }
}

.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(0, 0, 0, 0.5) !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 .5s ease;
  transition: all .5s ease;
}

.tp-leftarrow:hover {
  background: #faaf40;
}

.tp-rightarrow {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.tp-rightarrow:hover {
  background: #faaf40;
}

.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: #faaf40 !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: .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: .8rem;
  margin-right: 1rem;
  line-height: 1.3;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.btn-default.btn-theme-colored2:hover {
  background: #faaf40;
  color: #fff;
  border-color: #fff;
}

.btn-dark.btn-theme-colored {
  color: #fff;
  background-color: #faaf40;
  border-color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 32px;
  margin-top: .8rem;
  line-height: 1.3;
  -webkit-transition: all .5s ease;
  transition: all .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 .3s ease;
  transition: all .3s ease;
}

.btn.btn-outline-light {
  padding-top: 12px;
  height: 40px;
  min-width: 200px;
  background-color: #6CA3E2;
  color: #ffffff;
  border: none !important;
  font-size: 12px;
  border-radius: 15px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 30px;
}

.btn.btn-outline-light:hover {
  background: #4d95e7;
  color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.btn.btn-outline-light:after {
  font-size: 10px;
  content: '\e903';
  font-family: 'icomoon' !important;
  position: relative;
  left: .5rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.btn.btn-outline-light:hover:after {
  left: 1rem;
  color: #fff;
  -webkit-transform: rotateZ(-360deg);
  transform: rotateZ(-360deg);
}


.btn.btn-arrow-light {
  padding-left: 0px!important;
  padding-top: 12px;
  color: #39399B;
  font-size: 12px;
}

.btn.btn-arrow-light:hover {
  color: #39399B;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.btn.btn-arrow-light:after {
  font-size: 10px;
  content: '\e903';
  font-family: 'icomoon' !important;
  position: relative;
  left: .5rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.btn.btn-arrow-light:hover:after {
  left: 1rem;
  color: #39399B;
  -webkit-transform: rotateZ(-360deg);
  transform: rotateZ(-360deg);
}

/*------------------------------------------*/

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

/*------------------------------------------*/

section.feature-categories {
  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: #faaf40;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  content: "";
  border-radius: 0px;
}

.popular-job-item i:before {
  margin: 0;
  color: #faaf40;
  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: #faaf40;
  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: #faaf40;
  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: #faaf40;
  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: #faaf40;
}

.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 .3s ease;
  transition: all .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: #faaf40;
}

.popular-list .list-details ul li+li {
  margin-top: 8px;
}

@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 FEATURE CATEGORIES ---*/

/*-------------------------------------*/

section.feature-categories {
  padding: 80px 0;
  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: #faaf40;
}

.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: #faaf40;
  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 .8s ease;
  transition: all .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: 350px;
  }
  .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 {
  padding: 40px 0 0px 0;
  background: #ffffff;
  position: relative;
}

.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;
  max-height: 250px;
}

.homes-tag.featured {
  width: auto !important;
  background: rgba(0, 0, 0, 0.5) !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 25px;
  line-height: 20px;
  color: #fff;
  font-weight: 400;
  bottom: 5px;
}

.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 {
  width: 100%;
  height: 50%;
  font-weight: 700;
  position: absolute;
  z-index: 3;
  font-size: 15px;
  color: #FFFFFF;
  padding-top: 20px;
  padding-left: 20px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.popular .starts {
  list-style: none;
  margin-top: 0px;
  padding: 0px;
}

.popular .starts li {
  text-align: center;
  display: inline-block;
  margin-bottom: 0px;
}

.popular .starts .fa {
  color: #febe42 !important;
  margin-bottom: 0px !important;
}

.popular .homes-tag.sale {
  background: #febe42 !important;
  width: 84px !important;
  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(0, 0, 0, 0.5) !important;
  color: #fff;
  z-index: 3;
}

.popular .homes-tag.sale.rent .fa {
  color: #fff !important;
  font-size: 1.1rem;
  margin-top: .2rem;
  margin-right: .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 .5s ease;
  transition: all .5s ease;
}

.popular .fa-exchange-alt {
  color: #666;
}

.popular .fa-exchange-alt:hover {
  color: #18ba60;
}

.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 {
  padding: 20px 10px !important;
  /*background: #fff !important;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;*/
}

.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 {
  line-height: 20px;
  font-size: 15px;
  color: #54545E;
  margin-bottom: 20px;
  font-family: 'dejavu-sans';
  font-weight: 400;
  /* letter-spacing: -0.5px; */
}

.popular .homes-content h3:hover {
  color: #faaf40;
}

.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: #faaf40;
}

.popular .homes-content .homes-list li i {
  font-size: 1rem;
  margin-right: 5px;
  color: #faaf40;
}

.popular .homes-content .homes-list span {
  color: #faaf40;
  font-size: 12px;
}

p.homes-list-p {
  color: #54545E;
  font-size: 14px;
  letter-spacing: -0.8px;
  line-height: 20px;
}

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

.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%;
  z-index: 2;
  border-radius: 10px;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 35%, rgb(0 0 0 / 65%) 100%);
}

.popular.portfolio .item {
  padding-bottom: 0;
}

.popular.portfolio .project-single {
  margin-bottom: 0px;
  /*box-shadow: 0 8px 6px -6px #ccc;
  border-radius: 25px;*/
}

@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: 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: .8rem;
    margin-right: .2rem;
  }
}

@media screen and (max-width: 420px) {
  .popular .compare {
    margin-right: 0;
    margin-top: .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: 35.20% !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: .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 15px 0 15px;
  border-radius: 15px;
  border: none;
}

.agents-grid-wrap {
  padding: 30px;
}

/*----- SLICK CAROUSEL -----*/

.news-carousel {
  height: 600px;
}

/* 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: #2d5a93;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  display: block;
  top: calc(50% - -242px);
  -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: #faaf40;
  color: #ccc;
}

.slick-prev:hover:before, .slick-next:hover:before {
  opacity: 1;
  color: #ffffff;
}

.slick-prev.slick-disabled, .slick-next.slick-disabled {
  pointer-events: none;
  cursor: default;
  background-color: #fff;
  border-radius: 25px;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  color: #121B22;
}

.slick-prev:before, .slick-next:before {
  font-family: 'icomoon';
  content: "\e90c";
  font-size: 15px;
  line-height: 1;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  color: #ffffff;
}

.slick-prev {
  left: 0;
  right: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.slick-prev:before {
  content: '\e90c';
  left: -1px;
}

.slick-next {
  left: 60px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.slick-next:before {
  position: absolute;
  content: '\e90c';
  right: 19px;
  top: 17px;
  transform: rotate(180deg);
}

/* Dots */

.slick-dots {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.slick-news ul.slick-dots {
  position: absolute;
  padding-left: 48%;
  margin-top: 20px;
  list-style-type: disc;
  top: 0;
}

ul.slick-dots {
  margin-top: 20px;
  padding-bottom: 30px;
  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: #faaf40;
  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 8px #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.slick-dots li.slick-active {
  -webkit-box-shadow: inset 0 0 0 6px #faaf40;
  box-shadow: inset 0 0 0 6px #faaf40;
  -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: #faaf40;
}

.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: #faaf40;
  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: .5s ease;
  transition: .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: .5rem;
  font-size: 4rem;
  text-align: left;
}

.how-it-works article img {
  padding-right: 1rem;
  padding-bottom: .5rem;
  width: 70px;
  height: 60px;
  text-align: center;
}

.how-it-works .sec-title {
  margin-left: .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 .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: #faaf40;
}

.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: #faaf40;
  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 .8s ease;
  transition: all .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: 350px;
  }
  .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 {
  padding: 30px 0 0 12%;
  background-size: cover;
  position: relative;
  z-index: 3;
}

.info-help:before {
  content: "";
  background-color: #F5F5F5;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.info-help .row.info-head:after {
  content: " ";
  width: 100%;
  height: 80px;
  display: block;
  position: absolute;
  z-index: 1;
  background: #fff;
  bottom: -50px;
  border-radius: 20px;
}

.info-help .info-head .info-text {
  padding: 30px 13% 0 0px;
}

.info-help .info-head .info-text h3 {
  padding-left: 32%;
  font-size: 26px;
  line-height: 45px;
  color: #fff;
  margin-bottom: 0px;
  color: #9B9B9B;
  margin-bottom: 30px;
}

.info-help .info-head .info-text p {
  font-size: 16px;
  color: #54545E;
}

.row.info-head {
  background-color: #fff;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.info-help .info-head .info-text .btn-pro {
  background: #faaf40;
  color: #fff;
  margin-top: 10px;
  border: 0;
  -webkit-transition: all .5s ease;
  transition: all .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;
  display: flex;
}

.small-category-2-thumb .fas {
  font-size: 2.1rem;
  color: #faaf40;
}

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

h4.sc-jb-title a {
  font-size: 16px;
  color: #555;
  font-weight: 400;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

h4.sc-jb-title a:hover {
  color: #faaf40;
}

.sc-2-detail span {
  font-size: 15px;
  font-weight: 400;
  color: #666;
}

.no-mb {
  margin-bottom: 0px;
}

@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;
  }
}

@media screen and (max-width: 991px) {
  .m-t-30 {
    margin-top: 30px;
  }
}

/*-----------------------------------*/

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

/*-----------------------------------*/

section.counterup {
  padding: 6rem 0;
  background: #faaf40;
  color: #fff;
  text-align: center;
}

.counterup .section-title {
  padding-bottom: 3.5rem;
}

.counterup .title-icon:before {
  content: "";
  width: 100px;
  height: 2px;
  background: #faaf40;
  position: absolute;
  top: 14px;
  left: -80px;
}

.counterup .title-icon:after {
  content: "";
  width: 100px;
  height: 2px;
  background: #faaf40;
  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: #fff;
  border-radius: 5px;
  margin-right: 1.5rem;
}

.counterup .countr p {
  font-size: 2.5rem;
  font-weight: 800;
  color: #fff;
  margin-top: .5rem;
}

.counterup .title-style h2, .counterup .title-style p {
  color: #faaf40;
}

.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: 'dejavu-sans';
  text-transform: capitalize;
  color: #fff;
  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;
}

.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: #faaf40;
}

.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: #faaf40;
  background-color: #fff;
  border: 1px solid #faaf40;
  -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: #faaf40;
  border-color: #121B22;
}

/*------ 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: #faaf40;
}

.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: .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: .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 .3s ease;
  transition: all .3s ease;
}

.see-all2 a:hover {
  color: #faaf40;
}

@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: #39399B;
  padding: 80px 0;
}

.testimonials .title-icon i {
  color: #faaf40;
  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: .3rem auto 0;
  max-width: 500px;
  margin-top: 0px;
  color: #666;
}

.testimonials .test-1 p::before {
  content: "\f10d ";
  font-size: .7rem;
  font-family: fontawesome;
  left: -6px;
  top: -1px;
  position: relative;
  color: #888;
}

.testimonials .test-1 p::after {
  bottom: 4px;
  content: "\f10e";
  font-size: .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: .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: #faaf40 !important;
}

.starts {
  list-style: none;
  margin-top: 12px;
  padding: 0px;
}

.testimonials ul {
  margin-bottom: 0px;
}

.starts li {
  text-align: center;
  display: inline-block;
  margin-bottom: 0px;
}

.starts .fa {
  color: #febe42 !important;
}

/*------------------------------------*/

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

/*------------------------------------*/

section.blog-section {
  padding: 40px 0;
  background: #fff;
}

.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-descr.big-news-home {
  width: 90%;
  height: 20px;
  margin: 6px 0px 6px 0px;
}

.blog-section .news-item h3 {
  color: #222;
  -webkit-transition: all .25s;
  transition: all .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: #faaf40;
  -webkit-transition: all .25s;
  transition: all .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: .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: .5rem;
  margin-right: 1rem;
  margin-bottom: 0px;
}

.blog-section .news-item-descr {
  margin: 6px 0px 20px 0px;
  height: 40px;
}

.blog-section .news-item-descr p {
  font-size: 11px;
  color: #666;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: 'dejavu';
  line-height: 16px;
}

.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: .8rem;
  color: #333;
}

.blog-section .action-list .fa-comment {
  color: #faaf40;
}

.blog-section .action-list .fa-share-alt {
  color: #faaf40;
}

.blog-section .action-list .fa-heart {
  color: #faaf40;
}

.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: #faaf40;
  -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: .9rem;
  }
}

/*-----------------------------------*/

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

/*-----------------------------------*/

div.partners-1, div.partners {
  padding: 3rem 0;
  background: #fff;
  color: #fff;
}

.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 .5s ease;
  transition: all .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;
}

/*--------------------------------------------*/

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

@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: #faaf40;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  border-radius: 0px;
}

.popular-categories-item i:before {
  margin: 0;
  color: #faaf40;
  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: #faaf40;
  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: #faaf40;
  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: #faaf40;
  opacity: 0.95;
}

.categories-info {
  position: relative;
  padding-bottom: 100px;
  z-index: 1;
  padding-left: 20px;
  color: #fff;
}

.categories-info h3 {
  font-family: 'dejavu-sans';
  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: #faaf40;
  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: #18ba60;
  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: 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: .9rem;
  }
}

.top-location .owl-theme .owl-nav [class*=owl-] {
  margin: 0;
  padding: 0;
  background: #faaf40;
  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 .2s linear;
  transition: all .2s linear;
}

.category-box .category-header h4 {
  font-size: 17px;
  margin-bottom: 1rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.category-box .category-header:hover h4 {
  color: #faaf40;
}

.category-box .category-content {
  padding: 0px 15px 15px 15px;
}

ul li {
  /* list-style: none; */
  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 .3s ease;
  transition: all .3s ease;
}

.category-box .category-content li a:hover {
  color: #faaf40;
}

.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 #faaf40;
}

.category-box .job-is:hover {
  background: #faaf40;
  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: 110px;
}

.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: 'dejavu-sans';
  font-weight: 500;
  font-size: 14px;
}

.parallax-search8 .form-group .nice-select:hover {
  color: #faaf40;
}

.parallax-search8 .form-group .nice-select::after {
  right: 20px;
  color: #757575;
}

.parallax-search8 .form-group .nice-select i {
  color: #faaf40;
  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: #faaf40;
}

.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: 'dejavu-sans';
  font-weight: 500;
  font-size: 16px;
}

.main-search-input-item {
  float: left;
  width: 100%;
  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: #faaf40;
  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: 30px;
  }
}

@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: .3rem;
  border-bottom-right-radius: .3rem;
  -webkit-transition: all .4s ease-in-out;
  transition: all .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 .4s ease-in-out;
  transition: all .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;
}

.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 .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: .5rem;
}

.int_dark_bg .starts .fa {
  color: #c18847 !important;
  margin-top: .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: 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>h2, .swiper_imgbox .swipper_img>h3 {
    font-size: 30px !important;
    line-height: 27px;
  }
  .swiper_imgbox .swipper_img>p {
    font-size: 14px !important;
  }
  .swiper_imgbox .swipper_img>h1, .swiper_imgbox .swipper_img>h4>span, .int_infosidebar {
    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: transparent;
}

.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 .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/restaurants/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: 'dejavu-sans';
  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: #faaf40;
  color: #fff;
}

.plan-price:after {
  bottom: -30px;
  border: solid transparent;
  content: " ";
  position: absolute;
  border-width: 15px;
  border-top-color: #faaf40;
  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: 'dejavu-sans';
  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: #faaf40;
  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/real-state/airb.jpg") no-repeat center top;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/real-state/airb.jpg") no-repeat center top;
  background-size: cover;
  background-attachment: fixed !important;
  width: 100%;
  height: 100vh;
}

section.portfolio {
  padding: 5rem 0;
  background: #f6f6f6;
}

.bg-white-1 {
  background: url(../images/bg/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: 'dejavu-sans';
  font-weight: 700;
  margin-bottom: 1.6rem;
  text-transform: capitalize;
}

.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: 8px;
  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/bg/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/bg/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/bg/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: .4s;
  transition: .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: .4s;
  transition: .4s;
  margin: 15px 0;
  font-size: 18px;
}

.single-featured-box p {
  -webkit-transition: .4s;
  transition: .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: .6;
  transition: .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: .5s;
  transition: .5s;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #18ba60), to(#18ba60));
  background: linear-gradient(90deg, #18ba60 0, #18ba60 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;
}

@media (max-width: 778px) {
  .slide-left-social {
    display: none;
  }
}

/*----------------------------------------------*/

/*--------- 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: #faaf40;
}

.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(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../images/cardealer/bg-details.jpg") no-repeat center top;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/cardealer/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: 100;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  float: right;
  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 screen and (max-width: 767px) {
  .header-image.home-18 {
    padding: 350px 30px;
  }
}

/*--------------------------------------------*/

/*---- 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: .5s ease;
  transition: .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: .5rem;
  font-size: 4rem;
  text-align: left;
}

.how-it-works article img {
  padding-right: 1rem;
  padding-bottom: .5rem;
  width: 80px;
  height: 70px;
  text-align: center;
}

.how-it-works .sec-title {
  margin-left: .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 .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/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/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.20;
  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: #faaf40;
  float: right;
  color: #fff;
}

.google-maps .fa-search {
  margin-right: .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: #faaf40;
  }
  .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: 15px !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 .5s ease;
  transition: all .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: #faaf40;
  display: inline-block;
  width: auto;
  border: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .5s ease;
  transition: all .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: #faaf40;
}

.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: #faaf40;
  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/cardealer/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/job/home-bg.jpg") no-repeat center top;
  background: linear-gradient(rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63)), url("../images/job/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;
}

@media only screen and (max-width: 414px) {
  .home-14 .parallax-search .hero-inner {
    margin-top: 50px !important;
  }
}

/*-------------------------------------------*/

/*------ 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: #faaf40;
  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: #faaf40;
}

.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/job/1.jpg) no-repeat scroll center center;
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../images/job/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 .3s ease;
  transition: all .3s ease;
}

.home-14 .job-is:hover {
  background: #2a41e8;
  color: #fff !important;
  -webkit-transition: all .5s ease;
  transition: all .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 .5s ease;
  transition: all .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 .3s ease;
  transition: all .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: .9rem 2.5rem .9rem 2rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.home-14 .featured-job .btn.btn-outline-light:hover {
  background: #2a41e8;
  color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.home-14 .featured-job .btn.btn-outline-light:after {
  -webkit-transition: all .2s ease;
  transition: all .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: .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 {
  float: left;
  width: 100%;
  background: #ffffff;
  color: #fff;
  padding: 6rem 0;
  z-index: 2;
  position: relative;
  padding: 0 !important;
  border-bottom: 1px #f1f1f1 solid;
}

.first-footer .logo img {
  width: 225px;
  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: #faaf40;
  content: " ";
  width: 50px;
  margin-top: .5rem;
  margin-bottom: 1.5rem;
}

.first-footer .netabout p {
  margin-bottom: 2rem;
  font-weight: 400;
  color: #fff;
}

.first-footer .netsocials {
  float: right;
  /*display: -webkit-box;*/
  display: -ms-flexbox;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
  /* width: 100%; */
}

.first-footer .contactus ul li {
  
  margin: 0 !important;
  padding: 0 !important;
}


.first-footer .subsc{
  float: right;
  padding-bottom: 10px;
}

.first-footer .netsocials a .fa {
  font-size: 1.2rem;
  text-align: center;
  background: #fff;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-right: 1.5rem;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  color: #9B9B9B;
  border: solid 1px #eaeaea;
  border-radius: 25px;
}
.first-footer .netsocials a .fa:hover {
  font-size: 1.2rem;
  text-align: center;
  background: #fff;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.6rem;
  margin-right: 1.5rem;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  color: #9B9B9B;
  border: none !important;
  border-radius: 25px;
}

.first-footer .netsocials li:last-child a .fa {
  margin-right: 0rem;
}

.first-footer .netsocials a .fa-facebook {
  color: #9B9B9B;
}

.first-footer .netsocials a .fa-facebook:hover {
  background: #3578E5;
  color: #fff;
}

.first-footer .netsocials a .fa-twitter {
  color: #9B9B9B;
}

.first-footer .netsocials a .fa-twitter:hover {
  background: #1da1f2;
  color: #fff;
}

.first-footer .netsocials a .fa-linkedin:hover {
  background: #2867B2;
  color: #fff;
}

.first-footer .netsocials a .fa-google-plus {
  background: transparent;
  color: #faaf40;
}

.first-footer .netsocials a .fa-google-plus:hover {
  background: #dd4b39;
  color: #fff;
}

.first-footer .netsocials a .fa-youtube {
  background: transparent;
  color: #faaf40;
  margin-right: 0px;
}

.first-footer .netsocials a .fa-youtube:hover {
  background: #cd201f;
  color: #fff;
}

.first-footer h3 {
  margin: 12px 0 0 0;
  color: #39399B;
  font-weight: 100;
  font-family: 'dejavu';
  font-size: 16px;
}

.first-footer .contactus h3::after {}

.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: .6rem;
}

.first-footer .contactus .ti {
  margin-bottom: 0px;
}

.first-footer .contactus .info p {
  margin: 0px;
  font-size: .9rem;
  color: #000000;
  margin-left: 1rem;
  line-height: 1.1;
  font-weight: 300;
}

.first-footer .contactus ul li {
  margin-bottom: 1.1rem;
  color: #000000;
}

.first-footer .contactus ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.first-footer .contactus ul li .fa {
  font-size: 1rem;
  color: #000000;
}

.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 .5s ease;
  transition: all .5s ease;
}

.widget.quick-link ul li a {
  padding-left: 0px;
  padding-bottom: .9rem;
  color: #000000;
  text-decoration: none;
  display: block;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.widget.quick-link ul li.no-pb a:last-child {
  padding-bottom: 0px;
}

.widget.quick-link ul li a:before {}

.widget.quick-link ul li a:hover, .widget.quick-link ul li a:hover:before {
  color: #faaf40;
}

.first-footer .widget h3::after {}

.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 {
  float: right;
  margin-top: 25px;
  display: flex;
}

.bloq-email .email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.newsletters h3 {
  margin-bottom: 1rem;
  float: right;
}

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

@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"] {
  width: 58%;
  border: 1px solid #fff;
  background: #fff;
  color: #9B9B9B;
  padding: .8rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 40px!important;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.first-footer .bloq-email .email input[type="submit"] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #9B9B9B;
  padding: 5px 25px;
  background: #9B9B9B;
  font-size: 14px;
  color: #fff;
  font-family: dejavu-bold;
  height: 40px!important;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.first-footer .email input[type="submit"]:hover {
  background: #faaf40;
  border-color: #faaf40;
}

@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 .75s;
  animation: shine .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: .5s ease;
  transition: .5s ease;
}

.hover-effect:hover figure img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.second-footer {
  float: left;
  padding: 10px 0;
  background: #fff;
  color: #757575;
  width: 100%;
  height: 50px;
  font-size: 14px;
  border-top: 1px #c7c7c7 solid;
}

.second-footer h3 {
  margin: 0;
  font-weight: 300;
}

.second-footer p {
  margin: 0;
  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: #faaf40;
  padding: .4rem;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  z-index: 99999;
  line-height: 0;
  display: none;
  -webkit-transition: all .5s ease;
  transition: all .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;
}

.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: #faaf40 !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: #faaf40;
  width: 20px;
  height: 20px;
  color: #fff;
  outline: none;
  margin-right: .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: #faaf40;
  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;
}

@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: #faaf40;
  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: #faaf40;
}

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

.inner-pages .blog .block-heading .heading-icon {
  background: #faaf40;
  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: 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: 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: #faaf40;
  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 #faaf40;
  margin-left: 5px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: transparent;
  padding: 10px;
}

.inner-pages .change-view-btn:hover {
  color: #faaf40 !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: #faaf40 !important;
  color: #fff;
}

.inner-pages .blog .block-heading .fa {
  color: #fff;
  margin-right: 0px;
}

.inner-pages .blog .homes .fa {
  color: #faaf40;
}

.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: #faaf40;
  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 #faaf40;
}

.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 #faaf40;
  border-radius: 0;
  background: transparent;
}

@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: #faaf40;
}

.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: #faaf40;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  padding: 12px 22px;
  border-radius: 5px;
  -webkit-transition: all .5s ease;
  transition: all .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: 150px 0 30px 0 !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: 991px) {
  .google-maps-right {
    position: relative;
    margin-top: 2rem;
  }
  .header.google-map-right .header-bottom {
    position: absolute;
  }
  .mt-5.pagi {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .google-maps-right {
    margin-top: 0;
  }
}

/*---------------------------------------*/

/*- 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 4rem 0;
  background: #fff;
}

.inner-pages .detail-wrapper {
  width: 100%;
  display: block;
  margin-bottom: 2.5rem;
  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 .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: .8rem;
  position: relative;
}

.inner-pages .blog .block-heading.details h4 {
  color: #000;
}

.inner-pages .blog .blog-info.details h5 {
  color: #222;
  font-family: 'dejavu-sans';
  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: .3s;
  transition: .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: .3s;
  transition: .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: .3s;
  transition: .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: .3s;
  transition: .3s;
}

.inner-pages a.rate-review span {
  border-left: 1px solid #e0e0e0;
  line-height: 20px;
  padding-left: 10px;
  margin-left: 5px;
  -webkit-transition: .3s;
  transition: .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: #faaf40;
}

.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: #2C5B94 !important;
  font-size: 18px;
  font-weight: 100;
  margin: 0;
  font-family: dejavu-bold;
}

.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: #faaf40;
  position: relative;
  top: 0px;
}

.row.mrg-top-15 label.mb-3 {
  color: #333;
}

.widget-boxed-body {
  padding: 1rem 0 0;
}

.widget-boxed.mt-5 {
  margin-top: 1.5rem !important;
  box-shadow: 1px 2px 10px 2px #F3F3F3 !important;
}

.widget.widget_listings.my-5 {
  margin: 2.5rem 0 !important;
  width: 100%;
}

.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: #faaf40;
}

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: #faaf40;
}

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: 25%;
  height: auto;
  margin-right: 0px;
}

.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;
  width: 75%;
  float: left;
  font-family: 'dejavu-bold';
}

.sidebar .sidebar-widget .author__meta {
  font-size: 15px;
  color: #666;
  font-weight: 400;
}

.sidebar-widget .author__contact li {
  font-weight: 400;
  font-size: 15px;
  max-height: 70px;
}

.sidebar-widget .author__contact li span i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #faaf40;
  border-radius: 50%;
  font-size: 18px;
  margin-right: 10px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sidebar .sidebar-widget .author__contact li a {
  color: #666;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sidebar .sidebar-widget .author__contact li a:hover {
  color: #faaf40;
}

.sidebar-widget ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.sidebar-widget .author__img {
  width: 220px;
  height: auto;
  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: #faaf40;
  border-radius: 50%;
  font-size: 16px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.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: #faaf40;
  border-radius: 50%;
  font-size: 16px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.agent-contact-form-sidebar {
  width: 100%;
  padding-top: 20px;
}

.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: #39399B;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 80px;
  margin-top: 20px;
  border-radius: 10px;
  float: left;
  width: 100%;
}

.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 .4s;
  transition: all ease .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: #faaf40;
  display: block;
  height: 3px;
  font-weight: bold;
  background-color: #faaf40;
  content: " ";
  width: 50px;
  margin-top: .5rem;
  margin-bottom: 1.5rem;
}

.wprt-image-video.w50.pro h5 {
  color: #000;
  font-family: 'dejavu-sans';
  font-weight: 600;
  text-transform: capitalize;
}

.property .popup-youtube {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #faaf40;
  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.40%;
  }
  .listing-details-sliders .list-inline {
    width: 88% !important;
    margin-right: 0px;
    margin-top: 0px !important;
    margin-left: 10px !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;*/
  float: left;
  width: 100%;
  text-align: justify;
}

.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;
  padding: 10px 0;
}

.widget_listings ul li:first-child {
  padding-top: 0;
}

.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 {
  margin: 24px 10px 10px 26px;
  float: left;
  width: 50%;
}

.widget_listings ul li {
  list-style: none;
  overflow: hidden;
  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: #faaf40;
}

.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: .7rem;
  margin-left: .2rem;
  text-transform: capitalize;
  -webkit-transition: all .5s ease;
  transition: all .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;
  }
  .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: #faaf40;
}

.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: 'dejavu-sans';
  font-weight: bold;
  text-transform: uppercase;
}

.inner-pages .blog .sorting-options h5 {
  color: #faaf40;
  font-family: 'dejavu-sans';
  font-weight: bold;
  margin-top: 0px;
}

.inner-pages .blog .sorting-options h6 {
  color: #18ba60;
  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: 'dejavu-sans';
  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: #faaf40;
  display: block;
  height: 3px;
  font-weight: bold;
  background-color: #faaf40;
  content: " ";
  width: 50px;
  margin-top: .5rem;
  margin-bottom: 1.5rem;
}

.inner-pages .blog .homes-content.details .fa {
  color: #faaf40;
  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;
}

.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: .8;
}

/*-------------Sliders---------------------------------------*/

.listing-details-sliders .list-inline {
  white-space: nowrap;
  width: 100%;
  margin-right: 0px !important;
}

.listing-details-sliders .carousel-indicators {
  position: static;
  left: initial;
  width: initial;
  margin-right: 0px !important;
  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.7;
}

.listing-details-sliders .right {
  position: absolute;
  right: 15px;
  top: 45%;
}

.listing-details-sliders .left {
  position: absolute;
  top: 50%;
  left: 35px;
  background: #faaf40;
  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 .3s ease;
  transition: all .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: #faaf40;
  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 .3s ease;
  transition: all .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: #faaf40;
}

.inner-pages .blog .homes-content.details-2.mb-4 {
  margin-bottom: 30px !important;
}

.inner-pages .depar-title h4 {
  font-size: 1.2rem;
  color: #faaf40;
}

.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: .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: .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/job/details.jpg) no-repeat scroll center center;
  background: linear-gradient(rgba(14, 18, 68, 0.5), rgba(14, 18, 68, 0.5)), url(../images/job/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 .5s;
  transition: all ease-in-out .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 .5s;
  transition: all ease-in-out .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: #faaf40;
  border: 5px solid #faaf40;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  -webkit-transition: all .15s linear;
  transition: all .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: #faaf40;
  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/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/bg-inner.jpg) no-repeat center center;
  width: 100%;
  height: 45vh;
}

.inner-pages .headings h1 {
  margin-top: 16.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 .5s ease;
  transition: all .5s ease;
}

.inner-pages .headings h2 a:hover {
  color: #faaf40;
}

.inner-pages .about-us h2::after {
  display: block;
  height: 3px;
  font-weight: bold;
  background-color: #121B22;
  content: " ";
  width: 97px;
  margin-top: .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: .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: #faaf40;
}

.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: .7rem;
  color: #faaf40;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.about-us .btn.btn-primary.btn-lg {
  background: #faaf40;
  border: 0;
  cursor: pointer;
  -webkit-transition: all .5s ease;
  transition: all .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: #faaf40;
  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: 350px;
}

.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: .5s;
  transition-duration: .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: #faaf40;
}

.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: .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-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 #18ba60;
  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 .3s ease;
  transition: all .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 #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 .my-address {
  background: #fff;
}

.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 .3s ease;
  transition: all .3s ease;
}

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

body.dashboard-bd {
  background: #f7f7f7;
}

.dashboard-bd .sidebar-header img {
  width: 340px;
  height: 47px;
}

@media (min-width: 992px) {
  .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: 80px;
  }
}

@media (min-width: 992px) {
  .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;
  }
}

@media (max-width: 1024px) {
  .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 .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.header-user-name span {
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  overflow: hidden;
  top: 0;
  left: -50px;
}

.header-user-name span img {
  width: 100%;
  height: 100%;
}

.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: -50px;
  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: #faaf40;
  text-decoration: none;
}

.dashborad-box .item .icon span {
  font-size: 32px;
  color: #faaf40;
}

.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: #faaf40;
}

.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: #faaf40 !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: .2rem;
  color: #111;
}

.reviews .review .body h4 {
  margin-bottom: 8px;
}

.messages .message .body h6 .badge {
  background: #faaf40;
  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: #faaf40;
}

.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: #faaf40;
}

.password-section {
  margin-top: 20px;
}

.password-section h6 {
  margin-bottom: 10px;
  color: #18ba60;
}

.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: 1.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;
}

.section-inforamation label {
  color: #222;
  font-weight: 500;
}

.section-inforamation .form-group {
  margin-bottom: 1.5rem;
}

.dashborad-box .starts {
  margin-top: .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 #666;
}

.inner-pages .section-inforamation .btn-primary, .inner-pages .my-address .btn-primary {
  color: #fff;
  background-color: #faaf40;
  border: none;
  cursor: pointer;
  -webkit-transition: all .5s ease;
  transition: all .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: #faaf40;
  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: #faaf40;
  border-color: #f3f3f3;
  border-radius: 4px;
  background: #fff;
}

.pagination-container .pagination .page-item .page-link:hover {
  background: #faaf40;
  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;
  }
}

@media screen and (max-width: 320px) {
  #logo img {
    /* width: 55px; */
    margin-right: 35px;
  }
}

@media screen and (max-width: 992px) {
  .dashboard-bd #logo {
    margin-left: 250px;
  }
  .user-page .heading {
    z-index: 0;
  }
  .dashboard-bd .prperty-submit-button>button {
    margin-left: 25px;
  }
}

@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: 90px !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;
  }
  .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: 6rem 0;
  background: #f5f6ff;
}

.inner-pages .panel .panel-heading {
  font-size: 1.2rem;
}

.inner-pages .panel .panel-heading a {
  background: #faaf40;
  color: #fff;
  display: block;
  padding: 1rem;
  font-size: 16px;
  font-weight: 400 !important;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .panel .panel-heading a:hover {
  background: #121B22;
  color: #fff;
}

.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: #faaf40;
  content: " ";
  width: 50px;
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.inner-pages .faq .btn.btn-primary {
  background: #faaf40;
  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: #faaf40;
}

.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 #666;
  margin-bottom: 1.3rem;
}

.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: #faaf40;
  background: #faaf40;
}

.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 35px;
  font-size: 20px;
  color: #ccc;
  font-weight: 100;
}

.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: #faaf40;
  background-image: none;
  background-color: transparent;
  border-color: #faaf40;
}

.main-block .btn-outline-danger:hover {
  background: #faaf40;
  color: #fff;
}

/*-----------------------------------*/

/*------ 52. INNER PAGE 404 ------*/

/*-----------------------------------*/

.inner-pages .notfound {
  padding: 6rem 0;
}

.inner-pages .top-headings h2 {
  font-size: 10rem;
  color: #faaf40;
  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: #faaf40;
  color: #fff;
  border: 1px solid #faaf40;
  -webkit-transition: all .5s ease;
  transition: all .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;
}

a.social_bt {
  border-radius: 3px;
  color: #fff;
  min-width: 200px;
  display: block;
  padding: 12px;
  line-height: 1;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  transition: all .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 .2s ease;
  transition: all .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: #faaf40;
  cursor: pointer;
  display: inline-block;
  padding: 15px 30px;
  color: #fff;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  transition: all .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/bg/video-poster.jpg) no-repeat center top;
  background: linear-gradient(rgba(58, 44, 95, 0.7), rgba(32, 51, 100, 0.7)), url(../images/bg/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: .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: .8rem;
  background: #faaf40;
  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 .5s ease;
  transition: all .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/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: .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: .8rem;
  background: #faaf40;
  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 .5s ease;
  transition: all .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 .3s ease;
  transition: all .3s ease;
}

.shop .btn1:hover {
  background: #fff;
  color: #fe4f4f;
  border: 1px solid #fe4f4f;
}

.shop .fa-shopping-cart {
  margin-right: .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);
}

@media screen and (max-width: 767px) {
  .sin-1 .thumax-2 {
    margin-bottom: 30px;
  }
  .single-p-info h2 {
    margin-top: 20px;
  }
}

/*-----------------------------------*/

/*------ 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: #faaf40;
  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: #faaf40;
}

.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: .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: .25s;
  transition: .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 .25s;
  transition: width .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: .25s;
  transition: .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 .25s, border-color .3s .5s, background-color .3s .5s;
  transition: all .25s, border-color .3s .5s, background-color .3s .5s;
}

.ui-elements .ui-buttons .btn-anis:hover::before, .btn-anis:hover::after {
  padding: 50%;
  opacity: 0;
  -webkit-transition: left .4s, right .4s, padding .3s .5s, opacity .05s .75s;
  transition: left .4s, right .4s, padding .3s .5s, opacity .05s .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 .25s, background-color .1s .7s, color .3s .5s;
  transition: all .25s, background-color .1s .7s, color .3s .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 .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: .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: .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 .5s ease;
  transition: all .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 .25s;
  transition: all .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: #faaf40;
  -webkit-transition: all .25s;
  transition: all .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: #faaf40;
}

.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: .8rem;
  color: #444;
}

.inner-pages .blog-section .action-list .fa-comment {
  color: #faaf40;
}

.inner-pages .blog-section .action-list .fa-share-alt {
  color: #faaf40;
}

.inner-pages .blog-section .action-list .fa-heart {
  color: #faaf40;
}

.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: #faaf40;
  -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: .9rem;
  }
}

.inner-pages .pagination {
  margin-bottom: 0px;
}

.page-item.active .page-link {
  background: #faaf40;
  border-color: #faaf40;
}

.page-link {
  color: #121B22;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.page-link:hover {
  background: #faaf40;
  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 .25s;
  transition: all .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: #faaf40;
  -webkit-transition: all .25s;
  transition: all .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: .8rem;
  color: #444;
}

.inner-pages .blog-section .action-list .fa-comment {
  color: #faaf40;
}

.inner-pages .blog-section .action-list .fa-share-alt {
  color: #faaf40;
}

.inner-pages .blog-section .action-list .fa-heart {
  color: #faaf40;
}

.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: .7rem;
  border: 1px 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: 1.8rem;
  cursor: pointer;
}

.inner-pages .input-group-btn .btn-primary {
  background: #faaf40;
  border: 1px solid #faaf40;
  cursor: pointer;
  -webkit-transition: all .5s ease;
  transition: all .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: 'dejavu-sans';
  font-size: 1.1rem;
  font-weight: 400;
}

.inner-pages .info-img a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .info-img a:hover {
  color: #faaf40;
}

.inner-pages .recent-post .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inner-pages .recent-post .tags a {
  background: #faaf40;
  color: #fff;
  border: 1px solid #faaf40;
  margin-bottom: .7rem;
  margin-left: .2rem;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .recent-post .tags a:hover {
  background: #fff;
  color: #faaf40;
}

.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: .5rem 0;
}

.inner-pages .recent-post ul li.npt {
  padding-top: 0px;
}

.inner-pages .recent-post ul li:last-child {
  padding-top: .5rem;
  padding-bottom: 0px;
}

.inner-pages .recent-post ul li a {
  text-decoration: none;
  color: #666;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .recent-post ul li a:hover {
  color: #faaf40;
}

.inner-pages .recent-post ul li .fa {
  margin-right: 1rem;
}

.inner-pages .recent-post button {
  margin-right: .5rem;
  margin-bottom: .5rem;
}

.inner-pages .widget h5 {
  color: #222;
  font-family: 'dejavu-sans';
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 2rem !important;
}

.inner-pages .widget h5::after {
  display: block;
  height: 3px;
  font-weight: bold;
  background-color: #faaf40;
  content: " ";
  width: 50px;
  margin-top: .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 .5s ease;
  transition: all .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%;
  }
}

/*-----------------------------------------*/

/*--- 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: .7rem;
  border: 1px solid #faaf40;
}

@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: 1.8rem;
  cursor: pointer;
}

.inner-pages .input-group-btn .btn-primary {
  background: #faaf40;
  border: 1px solid #faaf40;
  cursor: pointer;
  -webkit-transition: all .5s ease;
  transition: all .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: 'dejavu-sans';
  font-size: 1rem;
}

.inner-pages .info-img a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .info-img a:hover {
  color: #faaf40;
}

.inner-pages .recent-post .tags a {
  background: #faaf40;
  color: #fff;
  border: 1px solid #faaf40;
  margin-bottom: .7rem;
  margin-left: .2rem;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .recent-post .tags a:hover {
  background: #fff;
  color: #faaf40;
}

.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: .5rem 0;
}

.inner-pages .recent-post ul li.npt {
  padding-top: 0px;
}

.inner-pages .recent-post ul li:last-child {
  padding-top: .5rem;
  padding-bottom: 0px;
}

.inner-pages .recent-post ul li a {
  text-decoration: none;
  color: #666;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .recent-post ul li a:hover {
  color: #faaf40;
}

.inner-pages .recent-post ul li .fa {
  margin-right: 1rem;
}

.inner-pages .recent-post button {
  margin-right: .5rem;
  margin-bottom: .5rem;
}

.inner-pages .widget h5::after {
  display: block;
  height: 3px;
  font-weight: bold;
  background-color: #faaf40;
  content: " ";
  width: 50px;
  margin-top: .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 .5s ease;
  transition: all .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: #faaf40;
  font-size: 1.5rem;
  margin: 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: #faaf40;
  content: " ";
  width: 50px;
  margin-top: .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: #faaf40;
  cursor: pointer;
  font-size: 16px;
  border: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .leve-comments .btn:hover {
  background: #121B22;
  color: #fff;
}

.inner-pages .recent-post ul li.npt {
  padding-bottom: 0px;
}

@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: #faaf40;
  border: 1px solid #faaf40;
  cursor: pointer;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.inner-pages .contact-us .btn:hover {
  background: #fff;
  color: #121B22;
  border: 1px solid #faaf40;
}

.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 #666;
}

.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 #faaf40;
}

/*---- 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 #faaf40;
  border-radius: 50%;
  color: #faaf40;
  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: .5rem;
  font-family: 'Asap', sans-serif;
  color: #000;
  letter-spacing: .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: .34px;
}

.inner-pages .c_details_item .media .media-body a:first-child {
  padding-top: .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: #faaf40;
  cursor: pointer;
  -webkit-transition: all .5s ease;
  transition: all .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: #faaf40;
  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 #faaf40;
  padding: 50px 20px;
  text-align: center;
}

.inner-pages .dz-default i {
  color: #faaf40;
  display: block;
  font-size: 60px;
  margin-bottom: 30px;
}

.inner-pages .dz-default.dz-message>span {
  color: #faaf40;
  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: #faaf40 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: #FFF;
  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: #faaf40;
}

.color-switcher ul li a.orange {
  background: #f7a13e;
}

.color-switcher ul li a.purple {
  background: #3a2c5f;
}

.color-switcher ul li a.green {
  background: #18ba60;
}

.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: 1500px) {}

@media screen and (min-width: 1500px) {
  .siderbar_social:before {
    margin-left: 4.6%!important;
    height: 94.5%!important;
  }
  .info-help {
    padding: 30px 0 0 15%!important;
  }
  .search-2 .form-group.looking input {
    padding-top: 7px!important;
  }
  .search-2 .form-group .nice-select {
    padding: 3px 15px!important;
  }
  .history-content {
    font-size: 15px!important;
    letter-spacing: 0.9px!important;
  }
  .history-info-text {
    margin-top: 30px!important;
  }
  p.pt-2.history-person {
    margin-bottom: 30px;
  }
}

@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: .8rem;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 .3rem;
    border-top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  #main-menu ul li a.active {
    color: #fff;
  }
  #main-menu ul li a:hover {
    color: #fff;
    background: #faaf40;
    border-radius: 5px;
  }
  .userprofile-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 .3s ease;
    transition: all .3s ease;
  }
  #main-menu .dropdown-menu a:hover {
    color: #fff;
    background: #faaf40;
    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 .5s ease;
    transition: all .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: .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: .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;
  }
  .first-footer .netsocials {
    float: none;
    margin-top: 10px;
  }
  img.info-image {
    width: 40px;
  }
  h3.agency-soc-title {
    font-size: 14px;
  }
}

@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;
  }
}

@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;
  }
  .popular-searchs li {
    display: none;
  }
  .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;
  }
  .first-footer .top-footer {
    border: none;
    margin-top: 20px;
    float: none;
  }
  .header-bottom-space {
    display: none;
  }
}

@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: .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 */

a.current span.icon-home {
  color: #39399B;
}

/*span.icon-shapes-and-symbols {
  margin-right: 21px;
}*/
span.icon-shapes-and-symbols {
  margin-left: 10px;
}

img.img-responsive {
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  /* max-height: 200px; */
}

img.img-responsive-1 {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 2;
  position: relative;
  box-shadow: -5px 9px 30px -15px #000000
}

.homes, .homes-img:hover {
  width: 100%;
  border-radius: 15px;
}

.left-sidebar-icons {
  width: 60px;
  height: 60px;
  float: left;
  border-radius: 100%;
  background-color: #39399B;
  text-align: center;
  margin-top: 15px;
  position: relative;
  z-index: 10;
  cursor: auto;
}

.siderbar_social {
  float: left;
}

.siderbar_social:before {}

ul.p-0.about-icons {
  /*margin: 80px 42px 0px;*/
}

.siderbar_social ul li {
  margin-top: 10px;
}

.left-sidebar-icons span:before {
  font-size: 33px;
  position: relative;
  color: #fff;
  top: 12px;
}

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

.inf-btn.pro {
  padding-left: 32%;
}

.background-corner {
  background-size: 37%;
  background-repeat: no-repeat;
  background-image: url("../images/Group 14.png");
  background-position: top -99% right -35%;
}

img.bacground-image-home {
  position: absolute;
  top: -140px;
  width: 33%;
  right: -20%;
}

img.bacground-image-history {
  position: absolute;
  width: 29%;
  float: left;
  margin-top: 35%;
  left: 30%;
  z-index: 1;
}

.featured.popular.portfolio.freelancers {
  padding-bottom: 1.5rem !important;
}

img.info-image {
  float: left;
  width: 40px;
  height: auto;
}

h5.mb-4.info-title {
  padding-top: 12px;
  padding-left: 55px;
  color: #54545E;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px!important;
}

p.mb-3.info-text {
  padding-left: 55px;
}

.recent-main-file {
  margin-left: 55px;
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

a.recent-main-a {
  float: left;
  margin-right: 40px;
}

.recent-main-file img {
  float: left;
  width: 45px;
}

.recent-main-file h6 {
  padding-top: 10px;
  margin-left: 33px;
  color: #707070;
  font-size: 12px;
}

span.cat.mt-0 {
  padding-top: 25px;
  width: 50%;
  position: absolute;
}

a.widget-a-hr {
  border: solid 1px #E4E4E4;
  width: 100px;
  height: 100px;
  float: left;
  border-radius: 50px;
  margin-right: 10px;
}

.navigation-inner-menu {
  height: 55px;
  float: left;
  width: 100%;
  margin-top: 17.2%;
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 18px;
  font-size: 12px;
}

.navigation-inner-menu-2 {
  height: 55px;
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding-top: 18px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
}

.navigation-upper-menu {
  height: 55px;
  width: 100%;
  background-image: url("../images/Mask Group 11.png");
  padding-top: 18px;
  font-size: 12px;
  background-color: #39399B;
  opacity: 1.1;
}

.navigation-upper-menu span {
  color: #faaf40;
  margin-left: 10px;
}

.navigation-inner-menu-2 span {
  color: #faaf40;
  margin-left: 10px;
}

a.navigation-main {
  color: #5e5e5e;
  margin-right: 10px;
}

a.navigation-child {
  color: #fff;
  margin-right: 10px;
  margin-left: 10px;
}

.navigation-inner-menu span {
  color: #faaf40;
  margin-left: 10px;
}

span.project-status {
  float: left;
  color: #7AD0B0;
  font-weight: 700;
  font-size: 20px;
  margin-top: 50px;
  margin-left: 20px;
}

span.green-item {
  float: left;
  background-color: #7AD0B0;
  width: 55px;
  height: 110px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.sec-title-project {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

h2.project-header {
  float: left;
  width: 100% !important;
  text-align: center;
  padding-top: 50px;
  color: #2c5b94;
  font-size: 21px;
  font-family: dejavu-bold;
}

.sec-title-project:before {
  content: '';
  height: 1px;
  background-color: #9B9B9B;
  position: absolute;
  width: 17%;
  left: 17.5%;
  top: 70px;
  opacity: 0.5;
}

.sec-title-project:after {
  content: '';
  height: 1px;
  background-color: #9B9B9B;
  position: absolute;
  width: 25%;
  right: 1.59%;
  top: 70px;
  opacity: 0.5;
}

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

.pftext {
  padding-top: 35px;
}

p.mt-3 {
  font-size: 14px;
  line-height: 19px;
}

.agency-box.clearfix {
  float: right;
}

ul.netsocials {
  display: flex;
  list-style: none;
  justify-content: center;
  /* margin-left:15px; */
}

ul.netsocials a .fa-facebook {
  color: #2C5B94;
}

ul.netsocials a .fa {
  font-size: 1rem;
  text-align: center;
  background: #2C5B94;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin-right: 0.5rem;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  color: #fff;
  /* border: solid 1px #9B9B9B; */
  border-radius: 25px;
  margin-top: 10px;
}

.shadow-none {
  /* box-shadow: none!important;
  border: none!important; */
  background-color: #fff;
  border-radius: 15px;
}

.pftext>span {
  color: #faaf40;
}

button#submit-contact {
  float: right;
  margin-bottom: 10px;
}

textarea#ccomment {
  border-color: #BEC9D2;
  border-radius: 10px;
  /* background-color: #F5F5F5; */
}

input.form-control.input-custom.input-full {
  border-color: #BEC9D2;
  border-radius: 10px;
  /* background-color: #F5F5F5; */
}

img.img-fluid.w100 {
  /* margin-top: 10px; */
  border-radius: 15px;
}

ul.agency__contact {
  float: left;
  width: 70%;
}

ul.agency__contact li {
  float: left;
  width: 100%;
  margin-bottom: 30px
}

ul.netsocials.agency-socials {}

ul.agency__contact li span.agency-attr-pin {
  color: #39399B;
  font-size: 20px;
  margin-right: 15px;
  float: left;
  width: 5%;
}

ul.agency__contact li span.agency-attr-title {
  color: #000000;
  font-size: 16px;
  float: left;
  width: 80%;
  margin-top: 5px;
}

a.agency-phone {
  color: #000;
}

ul.netsocials.agency-socials {
  float: left;
  width: 100%;
  border-top: solid 1px #ccc;
  padding-top: 20px;
}

h3.agency-soc-title {
  float: left;
  margin-right: 10px;
  padding-top: 14px;
  color: #555555;
}

.bs-example {
  margin: 20px;
  width: 100%;
}

.accordion .fa {
  margin-right: 0.5rem;
}

.history-img {
  float: left;
  width: 50%;
}

.history-info-text {
  padding-top: 15px;
  margin-top: 15px;
  padding-left: 50px;
  float: right;
  width: 50%;
  background-color: #fff;
  position: relative;
}

h3.history-title {
  float: left;
  width: 42%;
  margin-top: 70px;
  margin-left: 50px;
  color: #000000;
  font-family: dejavu-bold;
  font-size: 35px;
}

p.history-text {
  width: 75%;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 20px;
  color: #54545E;
}

p.pt-2.history-person {
  color: #39399B;
  font-size: 18px;
  font-family: dejavu-bold;
}

section.info-history.h17.igm {
  float: left;
  height: auto;
  width: 100%;
  background-color: #F5F5F5;
}

.inf-btn.pro-1.mt-30 {
  margin-top: 5px;
  float: right;
  margin-right: 26%;
}

.m-t-50 {
  margin-top: 50px;
}

.first-footer .bloq-email .email input[type="email"]::placeholder {
  color: #9B9B9B;
  opacity: 1;
  /* Firefox */
  font-size: 14px;
}

.slick-news>button.slick-prev.slick-arrow.slick-disabled {
  top: 36px;
  margin-left: 43%;
  border-radius: 25px;
  background-color: #fff;
  color: #f5f5f5;
}

.slick-news>button.slick-prev.slick-arrow.slick-disabled:before {
  color: #ccc;
}

.slick-news>button.slick-next.slick-arrow.slick-disabled:before {
  color: #ccc;
}

.slick-news>button.slick-prev.slick-arrow {
  top: 36px;
  margin-left: 43%;
  border-radius: 25px;
  background-color: #fff;
  color: #f5f5f5;
}

.slick-news>button.slick-next.slick-arrow {
  top: 36px;
  margin-right: 43%;
  border-radius: 25px;
  background-color: #fff;
  color: #f5f5f5;
}

.slick-agency-news>button.slick-prev.slick-arrow {
  border-radius: 25px;
  background-color: #fff;
  color: #f5f5f5;
}

.slick-agency-news>button.slick-next.slick-arrow {
  border-radius: 25px;
  background-color: #fff;
  color: #f5f5f5;
}

.slick-news>button.slick-next.slick-arrow.slick-disabled {
  top: 36px;
  margin-right: 43%;
  border-radius: 25px;
  background-color: #fff;
  color: #f5f5f5;
}

section.popular.portfolio.freelancers:before {
  width: 100%;
  /* background-color: #F5F5F5; */
  position: absolute;
  display: block;
  height: 58%;
  bottom: 0;
  content: '';
}

.history-content {
  float: left;
  width: 79%;
  font-size: 14px;
  font-family: dejavu-sans;
  letter-spacing: -0.9px;
}

span.current {
  display: inline-block;
  max-width: 93%;
  overflow: hidden;
}

p.homes-title {
  margin-right: 25px;
}

ul.p-0.about-icons:before {
  content: '';
  width: 1px;
  background-color: #D6D1D1;
  position: absolute;
  float: left;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  display: block;
  left: 0;
  right: 0;
  padding-top: 50px;
  top: 0;
  box-sizing: content-box;
}

ul.p-0.about-icons {
  padding: 80px 42px 0px!important;
  position: relative;
  height: 100%;
}

.blog-info.details.overview ul li {
  list-style: unset;
}

a.multiple-send-message-service {
  width: 100%;
  background-color: #2c5b94;
  padding: 10px;
  border-radius: 10px;
  display: block;
  text-align: center;
  color: #fff;
  margin-top: 10px;
}

.news-item-descr.big-news-home p {
  font-size: 14px;
  color: #2C5B94;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: 'dejavu';
  line-height: 16px;
}

a.multiple-send-message-service:after {
  font-size: 10px;
  content: '\e903';
  font-family: 'icomoon' !important;
  position: relative;
  left: 2rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.yell-bp:before {
  background-color: transparent !important;
  background-image: url("/images/Group 14.png");
  display: block;
  content: "";
  width: 350px!important;
  height: 102px!important;
  background-size: cover;
  background-position: bottom;
  position: absolute;
  top: 1px;
  left: -150px;
  /*background-color:#ffffff!important;*/
}

.sec-title-faq {
  text-align: center;
  padding-bottom: 2rem;
}

.sec-title-faq h2 {
  color: #9B9B9B;
  font-size: 26px;
  font-family: dejavu-bold;
}

.sec-title-faq:before {
  content: '';
  height: 1px;
  background-color: #9B9B9B;
  position: absolute;
  width: 30%;
  left: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-faq:after {
  content: '';
  height: 1px;
  background-color: #9B9B9B;
  position: absolute;
  width: 30%;
  right: 1.5%;
  top: 10px;
  opacity: 0.3;
}

.sec-title-faq h2 span {
  position: relative;
  color: #333;
  font-weight: 600;
}

.sec-title-faq p {
  margin-top: 13px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  max-width: 550px;
}

section.faq.service-details.faq-text.single-proper {
  box-shadow: 0 8px 14px 3px #ccc;
}

.faq-h2 {
  font-family: dejavu-bold!important;
}

section.single-proper {
  position: relative;
  min-height: 750px;
}

section.single-proper.blog.details:before {
  background-color: #fff;
  /* background-image: url('/images/Group 522.png');
  display: block;
  content: "";
  width: 600px!important;
  height: 400px!important;
  background-position: top;
  position: absolute;
  bottom: 0;
  background-size: cover; */
}

.netabout {
  margin-top: 55px;
  margin-left: 30px;
}

a.footer-link {
  font-size: 14px;
  color: #757575;
}

a.footer-link:hover {
  color: #faaf40;
}


a.agency-list-link:hover p{
  color: #faaf40;
}
a.underline-style {
    color: #000000;
}

a.underline-style:hover {
    text-decoration: underline!important;
    color: #4848B7;
}
.netabout img {
    max-width: 150px;
    margin-top: 10px;
}