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

	+ General
		- general Styles
		- common-style
		- Preloader
		- theme__btn
		- button-shared
		- p-relative
		- p-absolute
		- tooltips
		- badge-closed
		- section-heading
		- Back To Top
	+ Header
		- Logo
		- login
		- sign up
		- Main Navigation
		- Dropdown
		- Offcanvas menu
	+ Content
		+ Main Files
			- index.html
	+ Banner Area
			- Breadcrumb
	+ Categories
	        - All Categories
	        - All Locations
	+ Listing
	        - Listing Grid
	        - Lsiting Detail
	        - Add Listing
	+ Pages
			- User Profile
			- Dashboard
			- Invoice
			- Login
			- Pricing
			- Contact us
			- About us
			- 404 error page
	+ blog
			- Blog Grid
			- Blog Detail
	+ Footer
		+ Top Footer
			- Subscribe Form
			- Company Details
			- Quick Licks
			- Categories
			- Conctact with us
		+ Bottom Footer
		    - Copyright
		    - Terms & Conditions
		    - Privace Policy
		    - Help Center
	+ Responsive Design Styles
		    - $laptop_l: '(max-width: 1440px)';
            - $laptop_m: '(max-width: 1366px)';
            - $laptop_m_two: '(max-width: 1280px)';
            - $laptop_m_three: '(max-width: 1200px)';
            - $laptop_m_four: '(max-width: 1199px)';
            - $laptop_m_five: '(max-width: 1024px)';
            - $laptop_ls: 'only screen and (max-width: 1279px) and (min-width: 320px)';
            - $medium_device: 'only screen and (min-width: 992px) and (max-width: 1200px)';
            - $ms_device: 'only screen and (max-width: 1200px) and (min-width: 320px)';
            - $tab_device: 'only screen and (min-width: 768px) and (max-width: 991px)';
            - $tab_device_two: '(max-width: 768px)';
            - $large_mobile: 'only screen and (min-width: 480px) and (max-width: 767px)';
            - $large_mobile_two: ' (max-width: 600px)';
            - $large_mobile_three: ' (max-width: 480px)';
            - $small_mobile: 'only screen and (min-width: 320px) and (max-width: 479px)';
            - $small_mobile_four: '(max-width: 425px)';
            - $small_mobile_three: '(max-width: 400px)';
            - $small_mobile_five: '(max-width: 375px)';
            - $small_mobile_two: '(max-width: 320px)';
-------------------------------------------------------------------*/
/*----------- General styles ----------------*/
@import url("https://fonts.googleapis.com/css?family=Encode+Sans+Expanded:100,200,300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Mukta:200,300,400,500,600,700");
.theme__btn, .author-area .top-author-slider .top-author-item .topauthor__btn .author__btn, .my-button-css {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  padding: 12px 25px;
  text-transform: capitalize;
  background-color: #7db939;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  position: relative;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }


.theme__btn2, .my-button-css {
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	padding: 12px 25px;
	text-transform: capitalize;
	background-color: #3B5998;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
	-moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
	box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
	position: relative;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  border-radius: 4px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

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

a:hover,
a:focus {
  text-decoration: none; }

input:focus {
  outline: none; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0; }

p {
  font-family: "Mukta", sans-serif; }

body {
  font-size: 15px;
  line-height: 24px;
  font-family: "Encode Sans Expanded", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*========= preloader ==========*/
.loader-container {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 99999; }
  .loader-container .lds-ripple {
    position: relative;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .loader-container .lds-ripple div {
      position: absolute;
      border: 4px solid #ff6b6b;
      opacity: 1;
      border-radius: 50%;
      animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
      .loader-container .lds-ripple div:nth-child(2) {
        animation-delay: -0.5s; }

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0; } }
/*=== theme__btn ====*/
.theme__btn:hover {
  background-color: #12b41a;
  color: #fff; }
.theme__btn2:hover {
	background-color: #003399;
	color: #fff;
}

/*==== button-shared ====*/
.button-shared {
  margin-top: 30px; }
  .button-shared .back-to-home {
    margin-left: 6px; }
    @media (max-width: 425px) {
      .button-shared .back-to-home {
        margin-left: 0;
        margin-top: 10px; } }

/*==== badge-closed ====*/
.badge-closed {
  background-color: #ff6b6b !important; }

/*=== p-relative p-absolute ====*/
.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }
  
/*==== badge-closed ====*/
.mt-50{margin-top:50px}
.mt-100{margin-top:100px}
}
/*====================================================
    tooltips
 ====================================================*/
/*===== tooltip top =====*/
.tooltip.top .tooltip-inner,
.tooltip.left .tooltip-inner,
.tooltip.bottom .tooltip-inner {
  font-weight: 600; }

.tooltip.top .tooltip-inner,
.tooltip.bottom .tooltip-inner {
  background-color: #ea5555; }

.tooltip.top .tooltip-arrow {
  border-top-color: #ea5555; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #ea5555; }

/*===== tooltip left =====*/
.tooltip.left .tooltip-inner {
  background-color: #fff;
  color: #272b41; }

.tooltip.left .tooltip-arrow {
  border-left-color: #fff; }

/*===== new-page-badge =====*/
span.new-page-badge {
  display: inline-block;
  padding: 0 6px;
  background-color: #40CC6F;
  color: #fff;
  font-size: 11px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 22px;
  float: right;
  font-weight: 600; }

/*====================================================
    section-heading
 ====================================================*/
@media (max-width: 320px) {
  .section-heading {
    padding-right: 15px;
    padding-left: 15px; } }
.section-heading .sec__meta {
  font-size: 20px;
  color: #808996;
  font-weight: 500;
  width: 620px;
  margin-left: auto;
  margin-right: auto;
  line-height: 30px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .section-heading .sec__meta {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .section-heading .sec__meta {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px; } }
.section-heading .sec__title {
	font-size: 34px;
	color: #272b41;
	font-weight: 700;
	margin-bottom: 21px;
	position: relative;
	display: inline-block;
	padding-top: 35px;
}
  @media (max-width: 1199px) {
    .section-heading .sec__title {
      font-size: 30px; } }
    @media (max-width: 400px) {
      .section-heading .sec__title:before {
        display: none; } }
  @media (max-width: 480px) {
    .section-heading .sec__title {
      font-size: 32px; } }
  @media (max-width: 425px) {
    .section-heading .sec__title {
      font-size: 28px; } }
  @media (max-width: 400px) {
    .section-heading .sec__title {
      padding-top: 0; } }
.section-heading .sec__title2 {
  color: #fff; }
  .section-heading .sec__title2:before {
    color: #fff; }
.section-heading .sec__title3 {
  color: #272b41;
  font-weight: 500;
  margin-bottom: 22px; }
.section-heading .sec__title4 {
  font-size: 20px;
  font-weight: 600; }
.section-heading .sec__desc {
  font-size: 16px;
  color: #808996;
  font-weight: 500;
  margin-top: 33px;
  margin-bottom: 34px; }
.section-heading .sec__list li {
  display: inline-block;
  margin-left: 4px; }
  .section-heading .sec__list li:first-child {
    margin-left: 0; }
  .section-heading .sec__list li a {
    display: block;
    color: #ea5555;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 2px solid rgba(140, 67, 255, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .section-heading .sec__list li a:hover {
      background-color: #ea5555;
      color: #fff;
      border-color: #ea5555; }

/*====================================================
    section-heading2
 ====================================================*/
@media (max-width: 425px) {
  .section-heading2 .sec__title {
    padding-top: 0; } }
.section-heading2 .sec__title:before {
  content: "\f184"; }
  @media (max-width: 425px) {
    .section-heading2 .sec__title:before {
      display: none; } }

/*====================================================
    header
 ====================================================*/
.header-area {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1010; }
  @media (max-width: 1199px) {
    .header-area {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .header-area .header-menu-wrapper {
    color: #272b41; }
    .header-area .header-menu-wrapper .menu-full-width {
      display: flex;
      position: relative; }
      .header-area .header-menu-wrapper .menu-full-width .logo {
        padding-top: 25px;
        padding-bottom: 25px;
        z-index: 2; }
        @media (max-width: 1199px) {
          .header-area .header-menu-wrapper .menu-full-width .logo {
            text-align: center;
            position: absolute;
            top: -10px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            padding: 0; } }
        @media (max-width: 425px) {
          .header-area .header-menu-wrapper .menu-full-width .logo {
            top: -5px; } }
        .header-area .header-menu-wrapper .menu-full-width .logo a img {
          width: 250px; }
          @media (max-width: 425px) {
            .header-area .header-menu-wrapper .menu-full-width .logo a img {
              width: 100%; } }
          @media (max-width: 320px) {
            .header-area .header-menu-wrapper .menu-full-width .logo a img {
              width: 65%; } }
      .header-area .header-menu-wrapper .menu-full-width .main-menu-content {
        padding-top: 35px;
        flex: 1;
        text-align: center;
        padding-right: 35px; }
        @media (max-width: 1199px) {
          .header-area .header-menu-wrapper .menu-full-width .main-menu-content {
            display: none; } }
        .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li {
          display: inline-block;
          text-transform: capitalize;
          padding-top: 15px;
          padding-right: 40px;
          position: relative; }
          .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li a {
            color: #fff;
            font-size: 15px;
            font-weight: 600;
            display: block;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            position: relative;
            z-index: 1;
            padding: 0 0 28px 0; }
            .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li a .la-angle-down {
              font-size: 13px; }
            .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li a:hover {
              color: #005ec8; }
          .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li .dropdown-menu-item {
            text-align: left;
            position: absolute;
            top: 60px;
            left: 0;
            width: 280px;
            background-color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            opacity: 0;
            visibility: hidden;
            z-index: 1;
            -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
            -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
            box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9); }
            .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li .dropdown-menu-item li {
              display: block;
              padding-top: 0;
              padding-right: 0; }
              .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li .dropdown-menu-item li a {
                color: #808996;
                display: block;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                text-transform: capitalize;
                padding: 6px 25px;
                font-weight: 500;
                position: relative;
                font-size: 14px; }
                .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li .dropdown-menu-item li a:hover {
                  color: #005ec8;
                  padding-left: 30px; }
          .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li:hover .dropdown-menu-item {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            visibility: visible; }
          .header-area .header-menu-wrapper .menu-full-width .main-menu-content nav ul li:last-child {
            padding-right: 0; }
      .header-area .header-menu-wrapper .menu-full-width .logo-right-content {
        position: relative;
        padding-top: 35px;
        z-index: 1;
        padding-right: 55px; }
        @media (max-width: 1199px) {
          .header-area .header-menu-wrapper .menu-full-width .logo-right-content {
            width: 100%; } }
        @media (max-width: 1199px) {
          .header-area .header-menu-wrapper .menu-full-width .logo-right-content .author-access-list {
            display: none; } }
        .header-area .header-menu-wrapper .menu-full-width .logo-right-content .author-access-list li {
          display: inline-block;
          text-transform: capitalize;
          padding-top: 2px;
          padding-right: 23px; }
          .header-area .header-menu-wrapper .menu-full-width .logo-right-content .author-access-list li:last-child {
            padding-right: 0; }
          .header-area .header-menu-wrapper .menu-full-width .logo-right-content .author-access-list li a {
            color: #fff;
            font-size: 15px;
            font-weight: 600;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .header-area .header-menu-wrapper .menu-full-width .logo-right-content .author-access-list li a:hover {
              color: #ff6b6b; }
            .header-area .header-menu-wrapper .menu-full-width .logo-right-content .author-access-list li a.theme__btn:hover {
              color: #fff; }
          .header-area .header-menu-wrapper .menu-full-width .logo-right-content .author-access-list li .or-text {
            color: #808996;
            font-weight: 600;
            display: inline-block;
            padding: 0 4px;
            text-transform: lowercase; }
        .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-menu-open {
          width: 50px;
          padding: 10px;
          cursor: pointer;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          display: none;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-40%);
          -moz-transform: translateY(-40%);
          -ms-transform: translateY(-40%);
          -o-transform: translateY(-40%);
          transform: translateY(-40%);
          background-color: rgba(255, 255, 255, 0.2); }
          @media (max-width: 1199px) {
            .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-menu-open {
              display: block;
              right: auto;
              left: 0; } }
          .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-menu-open .menu__bar {
            height: 2px;
            background-color: #fff;
            display: block;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-menu-open .menu__bar:nth-child(1), .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-menu-open .menu__bar:nth-child(2) {
              margin-bottom: 5px; }
            .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-menu-open .menu__bar:nth-child(2) {
              margin-right: 5px; }
          .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-menu-open:hover .menu__bar:nth-child(2) {
            margin-right: 0;
            margin-left: 5px; }
        .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-user-menu-open {
          width: 45px;
          height: 48px;
          background-color: #40CC6F;
          line-height: 48px;
          text-align: center;
          color: #fff;
          font-size: 20px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          cursor: pointer;
          position: absolute;
          right: 0;
          top: 45%;
          -webkit-transform: translateY(-45%);
          -moz-transform: translateY(-45%);
          -ms-transform: translateY(-45%);
          -o-transform: translateY(-45%);
          transform: translateY(-45%); }
          @media (max-width: 1199px) {
            .header-area .header-menu-wrapper .menu-full-width .logo-right-content .side-user-menu-open {
              display: block; } }
    .header-area .header-menu-wrapper.header-fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 99;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); }
      @media (max-width: 1199px) {
        .header-area .header-menu-wrapper.header-fixed {
          padding-top: 30px;
          padding-bottom: 30px; } }
      .header-area .header-menu-wrapper.header-fixed:after {
        height: 100%; }
    .header-area .header-menu-wrapper:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      background-color: #272b41;
      z-index: -1;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
  .header-area .side-nav-container,
  .header-area .side-user-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    height: 100%;
    background-color: #272b41;
    overflow-x: hidden;
    z-index: 999;
    -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    -ms-transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
    .header-area .side-nav-container .humburger-menu .humburger-menu-lines,
    .header-area .side-user-panel .humburger-menu .humburger-menu-lines {
      display: inline-block;
      text-align: right;
      width: 22px;
      height: 22px;
      cursor: pointer;
      position: absolute;
      top: 25px;
      right: 18px;
      opacity: .5; }
      .header-area .side-nav-container .humburger-menu .humburger-menu-lines:before, .header-area .side-nav-container .humburger-menu .humburger-menu-lines:after,
      .header-area .side-user-panel .humburger-menu .humburger-menu-lines:before,
      .header-area .side-user-panel .humburger-menu .humburger-menu-lines:after {
        position: absolute;
        content: '';
        height: 2px;
        width: 100%;
        top: 10px;
        left: 0;
        background-color: #fff;
        -webkit-transform: rotate(-43deg);
        -moz-transform: rotate(-43deg);
        -ms-transform: rotate(-43deg);
        -o-transform: rotate(-43deg);
        transform: rotate(-43deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .header-area .side-nav-container .humburger-menu .humburger-menu-lines:after,
      .header-area .side-user-panel .humburger-menu .humburger-menu-lines:after {
        -webkit-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -ms-transform: rotate(43deg);
        -o-transform: rotate(43deg);
        transform: rotate(43deg); }
      .header-area .side-nav-container .humburger-menu .humburger-menu-lines:hover:before, .header-area .side-nav-container .humburger-menu .humburger-menu-lines:hover:after,
      .header-area .side-user-panel .humburger-menu .humburger-menu-lines:hover:before,
      .header-area .side-user-panel .humburger-menu .humburger-menu-lines:hover:after {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0); }
    .header-area .side-nav-container .side-menu-wrap,
    .header-area .side-user-panel .side-menu-wrap {
      margin-top: 100px; }
      .header-area .side-nav-container .side-menu-wrap .side-menu-ul li,
      .header-area .side-user-panel .side-menu-wrap .side-menu-ul li {
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .header-area .side-nav-container .side-menu-wrap .side-menu-ul li:after,
        .header-area .side-user-panel .side-menu-wrap .side-menu-ul li:after {
          position: absolute;
          content: '';
          bottom: 0;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: rgba(255, 255, 255, 0.12); }
        .header-area .side-nav-container .side-menu-wrap .side-menu-ul li a,
        .header-area .side-user-panel .side-menu-wrap .side-menu-ul li a {
          font-size: 16px;
          color: #fff;
          display: block;
          text-transform: capitalize;
          font-weight: 500;
          padding: 14px 20px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          position: relative; }
          .header-area .side-nav-container .side-menu-wrap .side-menu-ul li a .la-angle-down,
          .header-area .side-user-panel .side-menu-wrap .side-menu-ul li a .la-angle-down {
            float: right;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background-color: rgba(255, 255, 255, 0.12);
            display: block;
            position: absolute;
            top: 50%;
            right: 15px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 18px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%; }
          .header-area .side-nav-container .side-menu-wrap .side-menu-ul li a:hover .la-angle-down,
          .header-area .side-user-panel .side-menu-wrap .side-menu-ul li a:hover .la-angle-down {
            background-color: rgba(255, 255, 255, 0.3); }
        .header-area .side-nav-container .side-menu-wrap .side-menu-ul li .dropdown-menu-item,
        .header-area .side-user-panel .side-menu-wrap .side-menu-ul li .dropdown-menu-item {
          display: none; }
          .header-area .side-nav-container .side-menu-wrap .side-menu-ul li .dropdown-menu-item li:after,
          .header-area .side-user-panel .side-menu-wrap .side-menu-ul li .dropdown-menu-item li:after {
            display: none; }
          .header-area .side-nav-container .side-menu-wrap .side-menu-ul li .dropdown-menu-item li:first-child,
          .header-area .side-user-panel .side-menu-wrap .side-menu-ul li .dropdown-menu-item li:first-child {
            border-top: 1px solid rgba(255, 255, 255, 0.12);
            padding-top: 10px; }
          .header-area .side-nav-container .side-menu-wrap .side-menu-ul li .dropdown-menu-item li:last-child,
          .header-area .side-user-panel .side-menu-wrap .side-menu-ul li .dropdown-menu-item li:last-child {
            padding-bottom: 10px; }
          .header-area .side-nav-container .side-menu-wrap .side-menu-ul li .dropdown-menu-item li a,
          .header-area .side-user-panel .side-menu-wrap .side-menu-ul li .dropdown-menu-item li a {
            padding-left: 30px;
            padding-top: 4px;
            padding-bottom: 4px;
            opacity: .8;
            font-size: 15px; }
            .header-area .side-nav-container .side-menu-wrap .side-menu-ul li .dropdown-menu-item li a:hover,
            .header-area .side-user-panel .side-menu-wrap .side-menu-ul li .dropdown-menu-item li a:hover {
              opacity: 1;
              padding-left: 34px; }
        .header-area .side-nav-container .side-menu-wrap .side-menu-ul li.active a .la-angle-down,
        .header-area .side-user-panel .side-menu-wrap .side-menu-ul li.active a .la-angle-down {
          background-color: #fff;
          color: #ff6b6b; }
      .header-area .side-nav-container .side-menu-wrap .side-nav-button,
      .header-area .side-user-panel .side-menu-wrap .side-nav-button {
        text-align: center;
        margin-bottom: 30px; }
        .header-area .side-nav-container .side-menu-wrap .side-nav-button .theme__btn,
        .header-area .side-user-panel .side-menu-wrap .side-nav-button .theme__btn {
          ; }
          .header-area .side-nav-container .side-menu-wrap .side-nav-button .theme__btn:hover,
          .header-area .side-user-panel .side-menu-wrap .side-nav-button .theme__btn:hover {
            background-color: #fff;
            color: #ff6b6b; }
          .header-area .side-nav-container .side-menu-wrap .side-nav-button .theme__btn:last-child,
          .header-area .side-user-panel .side-menu-wrap .side-nav-button .theme__btn:last-child {
            margin-left: 10px; }
    .header-area .side-nav-container.active,
    .header-area .side-user-panel.active {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
  .header-area .side-user-panel {
    left: auto;
    right: 0;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    padding: 30px;
    width: 280px; }
    .header-area .side-user-panel .humburger-menu .humburger-menu-lines {
      right: auto;
      left: 20px; }
      .header-area .side-user-panel .humburger-menu .humburger-menu-lines:before, .header-area .side-user-panel .humburger-menu .humburger-menu-lines:after {
        background-color: #272b41; }
    .header-area .side-user-panel .side-user-menu-wrap {
      margin-top: 50px; }
      .header-area .side-user-panel .side-user-menu-wrap .side-user-img {
        text-align: center;
        position: relative; }
        .header-area .side-user-panel .side-user-menu-wrap .side-user-img img {
          margin-bottom: 17px;
          width: 90px;
          height: 90px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          border: 4px solid #fff;
          -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); }
        .header-area .side-user-panel .side-user-menu-wrap .side-user-img .su__name {
          font-size: 18px;
          color: #272b41;
          font-weight: 600;
          margin-bottom: 4px; }
        .header-area .side-user-panel .side-user-menu-wrap .side-user-img .su__meta {
          color: #808996;
          font-size: 15px;
          font-weight: 500; }
        .header-area .side-user-panel .side-user-menu-wrap .side-user-img .avatar-icon {
          position: absolute;
          left: 58%;
          top: 63px;
          width: 30px;
          height: 30px;
          background-color: #40CC6F;
          line-height: 25px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          font-size: 15px;
          -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          border: 3px solid #fff; }
          .header-area .side-user-panel .side-user-menu-wrap .side-user-img .avatar-icon a {
            color: #fff; }
          .header-area .side-user-panel .side-user-menu-wrap .side-user-img .avatar-icon .tooltip.top .tooltip-inner,
          .header-area .side-user-panel .side-user-menu-wrap .side-user-img .avatar-icon .tooltip.bottom .tooltip-inner {
            background-color: #272b41;
            width: 120px;
            padding-top: 6px;
            padding-bottom: 6px; }
          .header-area .side-user-panel .side-user-menu-wrap .side-user-img .avatar-icon .tooltip.top .tooltip-arrow {
            border-top-color: #272b41; }
      .header-area .side-user-panel .side-user-menu-wrap .side-menu-ul {
        margin-top: 27px;
        margin-bottom: 30px;
        border-top: 1px solid #e4e4e4;
        padding-top: 25px; }
        .header-area .side-user-panel .side-user-menu-wrap .side-menu-ul li:after {
          display: none; }
        .header-area .side-user-panel .side-user-menu-wrap .side-menu-ul li a {
          color: #272b41;
          font-size: 14px;
          padding: 8px 18px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
          .header-area .side-user-panel .side-user-menu-wrap .side-menu-ul li a:hover {
            background-color: #ff6b6b;
            color: #fff; }
          .header-area .side-user-panel .side-user-menu-wrap .side-menu-ul li a .user-icon {
            font-size: 16px; }
        .header-area .side-user-panel .side-user-menu-wrap .side-menu-ul li .dropdown-divider {
          border-top: 1px solid #e4e4e4;
          margin-top: 12px;
          padding-bottom: 12px; }
        .header-area .side-user-panel .side-user-menu-wrap .side-menu-ul li:last-child a .user-icon {
          color: #f00125; }
      .header-area .side-user-panel .side-user-menu-wrap .side-user-search {
        text-align: center; }
    .header-area .side-user-panel.active {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
  .header-area:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: 0.1; }

/*====================================================
    header-area2
 ====================================================*/
.header-area2 {
  background-color: #272b41; }

/*====================================================
    header-area3
 ====================================================*/
.header-area3 .header-menu-wrapper {
  padding-right: 45px;
  padding-left: 45px; }
  @media (max-width: 1024px) {
    .header-area3 .header-menu-wrapper {
      padding-right: 0;
      padding-left: 0; } }

/*====================================================
    hero-wrapper
 ====================================================*/
#bgVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.hero-wrapper {
 /* background-image: url('../img/h1.mp4');  */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  padding-top: 280px;
  padding-bottom: 240px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-wrapper {
      text-align: center;
      padding-top: 200px;
      padding-bottom: 140px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .hero-wrapper {
      text-align: center;
      padding-top: 200px;
      padding-bottom: 140px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .hero-wrapper {
      text-align: center;
      padding-top: 200px;
      padding-bottom: 115px; } }
  .hero-wrapper .hero-heading .hero__meta {
    font-size: 22px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-wrapper .hero-heading .hero__meta {
        font-size: 18px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .hero-wrapper .hero-heading .hero__meta {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .hero-wrapper .hero-heading .hero__meta {
        font-size: 18px;
        line-height: 27px; } }
  .hero-wrapper .hero-heading .hero__title {
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
    color: rgb(249, 249, 249);
	text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.62), 0px -5px 35px rgba(255, 255, 255, 0.38); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-wrapper .hero-heading .hero__title {
        font-size: 32px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .hero-wrapper .hero-heading .hero__title {
        font-size: 32px; } }
    @media (max-width: 768px) {
      .hero-wrapper .hero-heading .hero__title .cd-words-wrapper {
        display: block;
        width: 100%; } }
    @media (max-width: 540px) {
      .hero-wrapper .hero-heading .hero__title .cd-words-wrapper {
        display: inline-block; } }
    @media (max-width: 375px) {
      .hero-wrapper .hero-heading .hero__title .cd-words-wrapper {
        display: block;
        width: 100%; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .hero-wrapper .hero-heading .hero__title .cd-words-wrapper {
        display: inline-block; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .hero-wrapper .hero-heading .hero__title {
        font-size: 30px; } }
  .hero-wrapper .main-search-input {
    margin-top: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 20px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-wrapper .main-search-input {
        margin-top: 35px;
        display: block;
        background-color: transparent;
        padding: 0;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .hero-wrapper .main-search-input {
        margin-top: 35px;
        display: block;
        background-color: transparent;
        padding: 0;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .hero-wrapper .main-search-input {
        margin-top: 35px;
        display: block;
        background-color: transparent;
        padding: 0;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0; } }
    .hero-wrapper .main-search-input .main-search-input-item {
      flex: 2;
      margin-right: 6px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-wrapper .main-search-input .main-search-input-item {
          margin-right: 0;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .hero-wrapper .main-search-input .main-search-input-item {
          margin-right: 0;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .hero-wrapper .main-search-input .main-search-input-item {
          margin-right: 0;
          margin-bottom: 10px; } }
      .hero-wrapper .main-search-input .main-search-input-item .form-control {
        height: auto;
        padding: 12px 18px;
        line-height: inherit;
        border-color: #e4e4e4;
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #808996;
        font-weight: 500; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-wrapper .main-search-input .main-search-input-btn {
        margin-top: 20px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .hero-wrapper .main-search-input .main-search-input-btn {
        margin-top: 20px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .hero-wrapper .main-search-input .main-search-input-btn {
        margin-top: 20px; } }
    .hero-wrapper .main-search-input .main-search-input-btn .theme__btn {
      border-color: #ff6b6b; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-wrapper .main-search-input .main-search-input-btn .theme__btn {
          width: 100%;
          display: block; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .hero-wrapper .main-search-input .main-search-input-btn .theme__btn {
          width: 100%;
          display: block; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .hero-wrapper .main-search-input .main-search-input-btn .theme__btn {
          width: 100%;
          display: block; } }
  .hero-wrapper .highlighted-categories {
    margin-top: 49px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-wrapper .highlighted-categories {
        text-align: center; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .hero-wrapper .highlighted-categories {
        text-align: center; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .hero-wrapper .highlighted-categories {
        text-align: center; } }
    .hero-wrapper .highlighted-categories .highlighted__or {
      width: 44px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      z-index: 1;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 20px; }
      .hero-wrapper .highlighted-categories .highlighted__or:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(245, 84, 142, 0.5);
        z-index: -1;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      .hero-wrapper .highlighted-categories .highlighted__or:after {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        width: 12px;
        height: 12px;
        opacity: 0.9;
        background-color: #272b41;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
    .hero-wrapper .highlighted-categories .highlighted__title {
      font-size: 16px;
      text-transform: capitalize; }
    .hero-wrapper .highlighted-categories .highlighted-list-item {
      margin-top: 30px; }
      @media (max-width: 600px) {
        .hero-wrapper .highlighted-categories .highlighted-list-item {
          margin-right: -15px; } }
      @media (max-width: 540px) {
        .hero-wrapper .highlighted-categories .highlighted-list-item {
          margin-right: 0; } }
      .hero-wrapper .highlighted-categories .highlighted-list-item li {
        display: inline-block;
        margin: 0 3px 5px 3px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero-wrapper .highlighted-categories .highlighted-list-item li {
            margin-bottom: 10px;
            text-align: center; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .hero-wrapper .highlighted-categories .highlighted-list-item li {
            margin-bottom: 10px;
            text-align: center; } }
        @media (max-width: 600px) {
          .hero-wrapper .highlighted-categories .highlighted-list-item li {
            display: block; } }
        .hero-wrapper .highlighted-categories .highlighted-list-item li a {
          display: block;
          color: #272b41;
          background-color: #fff;
		  padding: 50px;
		  width: 200px;
		  height: 200px;
		  font-size: 16px;
          font-weight: 500;
          text-transform: capitalize;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          border-radius: 8px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 600px) {
            .hero-wrapper .highlighted-categories .highlighted-list-item li a {
              width: 48%;
              float: left;
              margin-right: 10px;
              margin-bottom: 10px; } }
          @media (max-width: 540px) {
            .hero-wrapper .highlighted-categories .highlighted-list-item li a {
              width: 60%;
              float: none;
              margin-left: auto;
              margin-right: auto; } }
          @media (max-width: 480px) {
            .hero-wrapper .highlighted-categories .highlighted-list-item li a {
              width: 50%; } }
          .hero-wrapper .highlighted-categories .highlighted-list-item li a .highlight-icon {
            display: block;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 7px;
            background-color: #ff6b6b;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            position: relative;
            font-size: 24px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            color: #fff; }
            .hero-wrapper .highlighted-categories .highlighted-list-item li a .highlight-icon:after {
              position: absolute;
              content: '';
              right: 1px;
              top: 1px;
              width: 12px;
              height: 12px;
              background-color: #fff;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
          .hero-wrapper .highlighted-categories .highlighted-list-item li a:hover {
            background-color: #ff6b6b;
            color: #fff;
            -webkit-transform: translateY(-4px);
            -moz-transform: translateY(-4px);
            -ms-transform: translateY(-4px);
            -o-transform: translateY(-4px);
            transform: translateY(-4px); }
            .hero-wrapper .highlighted-categories .highlighted-list-item li a:hover .highlight-icon {
              color: #ff6b6b;
              background-color: #fff; }
              .hero-wrapper .highlighted-categories .highlighted-list-item li a:hover .highlight-icon:after {
                background-color: #ff6b6b; }
  .hero-wrapper:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.9;
    /*=background-image: linear-gradient(#000000de, #fffffd3b);===*/ }

/*====================================================
    hero-wrapper2
 ====================================================*/
.hero-wrapper2 {
  background-image: url("../images/hero-bg2.jpg");
  text-align: left;
  padding-bottom: 230px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-wrapper2 {
      padding-bottom: 150px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .hero-wrapper2 {
      padding-bottom: 150px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .hero-wrapper2 {
      padding-bottom: 140px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-wrapper2 .highlighted-categories {
      text-align: left; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .hero-wrapper2 .highlighted-categories {
      text-align: left; } }
  .hero-wrapper2 .highlighted-categories .highlighted-list-item li {
    text-align: center;
    margin-right: 1px;
    margin-left: 1px; }
    @media (max-width: 600px) {
      .hero-wrapper2 .highlighted-categories .highlighted-list-item li {
        display: inline-block;
        margin-bottom: 0; } }
    .hero-wrapper2 .highlighted-categories .highlighted-list-item li:first-child {
      margin-left: 0; }
    .hero-wrapper2 .highlighted-categories .highlighted-list-item li a {
      width: auto;
      height: auto;
      padding: 10px 20px 10px 50px;
      line-height: 20px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      position: relative; }
      .hero-wrapper2 .highlighted-categories .highlighted-list-item li a .highlight-icon {
        width: auto;
        height: auto;
        color: #808996;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        line-height: 0;
        background-color: transparent;
        display: inline-block;
        margin-bottom: 0;
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
        .hero-wrapper2 .highlighted-categories .highlighted-list-item li a .highlight-icon i.la-building-o {
          color: #ff6b6b; }
        .hero-wrapper2 .highlighted-categories .highlighted-list-item li a .highlight-icon i.la-cutlery {
          color: #8C43FF; }
        .hero-wrapper2 .highlighted-categories .highlighted-list-item li a .highlight-icon i.la-plane {
          color: #28d5a7; }
        .hero-wrapper2 .highlighted-categories .highlighted-list-item li a .highlight-icon i.la-music {
          color: #f9b851; }
        .hero-wrapper2 .highlighted-categories .highlighted-list-item li a .highlight-icon i.la-gear {
          color: #CC08E9; }
        .hero-wrapper2 .highlighted-categories .highlighted-list-item li a .highlight-icon i.la-hotel {
          color: #40CC6F; }
        .hero-wrapper2 .highlighted-categories .highlighted-list-item li a .highlight-icon:after {
          display: none; }
      .hero-wrapper2 .highlighted-categories .highlighted-list-item li a:hover {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px); }
        .hero-wrapper2 .highlighted-categories .highlighted-list-item li a:hover .highlight-icon {
          background-color: transparent;
          color: #fff; }
          .hero-wrapper2 .highlighted-categories .highlighted-list-item li a:hover .highlight-icon i {
            color: #fff; }
  .hero-wrapper2 .highlighted-categories .highlight-btn {
    margin-top: 30px; }
    .hero-wrapper2 .highlighted-categories .highlight-btn .theme__btn {
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px; }
  .hero-wrapper2:after {
    opacity: 0.59; }
  .hero-wrapper2:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/dots2.png");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    opacity: 0.4; }

/*==== nice-select ====*/
.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #e4e4e4;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 16px;
  color: #808996;
  font-weight: normal;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #eee; }
  .nice-select:after {
    border-bottom: 2px solid #808996;
    border-right: 2px solid #808996;
    content: '';
    display: block;
    height: 8px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 50%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 8px; }
  .nice-select.open:after {
    transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow-y: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 362px;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: rgba(128, 137, 150, 0.1);
      color: #ff6b6b; }
    .nice-select .option.selected {
      font-weight: 600; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }
.no-csspointerevents .nice-select.open .list {
  display: block; }

/*====================================================
    breadcrumb-area
 ====================================================*/
.breadcrumb-area {
	background-color: #eee;
	padding-top: 220px;
	padding-bottom: 210px;
	position: relative;
	z-index: 1;
	color: #fff;
	background-image: url("../img/h1.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	overflow: hidden;
}
  @media (max-width: 320px) {
    .breadcrumb-area {
      padding-top: 180px;
      padding-bottom: 190px; } }
  .breadcrumb-area .breadcrumb-wrap .breadcrumb-content {
    text-align: center; }
    .breadcrumb-area .breadcrumb-wrap .breadcrumb-content .breadcrumb__title {
      font-size: 40px;
      text-transform: capitalize;
      font-weight: 700;
      margin-bottom: 22px;
	  color: rgb(249, 249, 249);
	  text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.62), 0px -5px 35px rgba(255, 255, 255, 0.38);}
      @media (max-width: 320px) {
        .breadcrumb-area .breadcrumb-wrap .breadcrumb-content .breadcrumb__title {
          font-size: 36px; } }
    .breadcrumb-area .breadcrumb-wrap .breadcrumb-content .breadcrumb__list li {
      display: inline-block;
      text-transform: capitalize;
      font-size: 16px;
      font-weight: 500;
      position: relative;
      padding-right: 22px; }
      @media (max-width: 480px) {
        .breadcrumb-area .breadcrumb-wrap .breadcrumb-content .breadcrumb__list li {
          font-size: 15px; } }
      .breadcrumb-area .breadcrumb-wrap .breadcrumb-content .breadcrumb__list li:last-child {
        padding-right: 0; }
      .breadcrumb-area .breadcrumb-wrap .breadcrumb-content .breadcrumb__list li a {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        color: #fff; }
        .breadcrumb-area .breadcrumb-wrap .breadcrumb-content .breadcrumb__list li a:hover {
          color: #ff6b6b; }
      .breadcrumb-area .breadcrumb-wrap .breadcrumb-content .breadcrumb__list li.active__list-item:after {
        position: absolute;
        content: '-';
        top: 0;
        right: 0;
        padding: 0 7px;
        font-size: 18px; }
  .breadcrumb-area:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 38, 57, 0.16);
    z-index: -1; }
  .breadcrumb-area .bread-svg {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%; }
    .breadcrumb-area .bread-svg svg {
      width: 100%;
      height: 180px;
      stroke: none;
      fill: #fff; }

/*====================================================
    breadcrumb-area2
 ====================================================*/
.breadcrumb-area2 {
  background-image: url("../images/bread-bg2.jpg");
  overflow: inherit;
  z-index: 2; }
  .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content,
  .breadcrumb-area2 .breadcrumb-wrap .report-list-items {
    text-align: left; }
    .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .breadcrumb__title,
    .breadcrumb-area2 .breadcrumb-wrap .report-list-items .breadcrumb__title {
      margin-bottom: 15px; }
      @media (max-width: 600px) {
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .breadcrumb__title,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .breadcrumb__title {
          line-height: 55px;
          margin-bottom: 10px; } }
      @media (max-width: 320px) {
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .breadcrumb__title,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .breadcrumb__title {
          line-height: 46px; } }
    .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .breadcrumb__desc,
    .breadcrumb-area2 .breadcrumb-wrap .report-list-items .breadcrumb__desc {
      font-size: 16px;
      font-weight: 600; }
    .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info,
    .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info {
      margin-top: 25px; }
      .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li,
      .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li {
        margin-right: 6px;
        display: inline-block; }
        @media (max-width: 425px) {
          .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li,
          .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li {
            margin-bottom: 5px; } }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li:last-child,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li:last-child {
          margin-right: 0; }
          @media (max-width: 425px) {
            .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li:last-child,
            .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li:last-child {
              margin-top: 16px; } }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .average-symble,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .average-symble {
          border: 1px solid rgba(255, 255, 255, 0.5);
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          padding: 6px 12px;
          font-weight: 700;
          color: rgba(255, 255, 255, 0.4); }
          .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .average-symble .average-active,
          .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .average-symble .average-active {
            color: #fff; }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .average-ratings span,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .average-ratings span {
          font-weight: 600;
          font-size: 15px; }
          .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .average-ratings span.listing__rating,
          .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .average-ratings span.listing__rating {
            background-color: #40CC6F;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 10px 12px;
            font-weight: 700;
            margin-right: 8px; }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .theme__btn,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .theme__btn {
          padding: 10px 20px;
          font-size: 15px; }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .listing-tag,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .listing-tag {
          border: 1px solid rgba(255, 255, 255, 0.5);
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          padding: 10px 12px;
          font-weight: 500; }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .tooltip.top .tooltip-inner,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .tooltip.top .tooltip-inner {
          background-color: #272b41;
          padding: 6px 20px; }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .tooltip.top .tooltip-arrow,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .tooltip.top .tooltip-arrow {
          border-top-color: #272b41; }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .theme__btn,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .theme__btn {
          border: none;
          outline: none; }
        .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu,
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu {
          margin-top: 8px;
          border-color: #e4e4e4;
          -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
          -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
          box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
          min-width: 200px;
          padding-top: 9px;
          padding-bottom: 7px; }
          @media (max-width: 320px) {
            .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu,
            .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu {
              min-width: 184px; } }
          .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li,
          .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li {
            margin-right: 0;
            display: block; }
            .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a,
            .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a {
              display: block;
              color: #808996;
              font-size: 14px;
              font-weight: 500;
              text-transform: capitalize;
              padding: 9px 0 9px 60px;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
              position: relative; }
              .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a:hover,
              .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a:hover {
                background-color: rgba(228, 228, 228, 0.2);
                color: #ff6b6b; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a:hover i,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a:hover i {
                  -webkit-transform: translateY(-50%) scale(1.1);
                  -moz-transform: translateY(-50%) scale(1.1);
                  -ms-transform: translateY(-50%) scale(1.1);
                  -o-transform: translateY(-50%) scale(1.1);
                  transform: translateY(-50%) scale(1.1); }
              .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i,
              .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i {
                font-size: 16px;
                position: absolute;
                top: 50%;
                left: 20px;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: all 0.1s;
                -moz-transition: all 0.1s;
                -ms-transition: all 0.1s;
                -o-transition: all 0.1s;
                transition: all 0.1s;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #fff;
                -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.3);
                -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.3);
                box-shadow: 0 0 40px rgba(82, 85, 90, 0.3); }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-facebook,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-facebook {
                  color: #3b5998; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-twitter,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-twitter {
                  color: #1da1f2; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-instagram,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-instagram {
                  color: #e1306c; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-tumblr,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-tumblr {
                  color: #3b5998; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-snapchat,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-snapchat {
                  color: #f9b851; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-google-plus,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-google-plus {
                  color: #e1306c; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-pinterest,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-pinterest {
                  color: #f00125; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-vk,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-vk {
                  color: #3b5998; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-linkedin,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-linkedin {
                  color: #1da1f2; }
                .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu li a i.fa-youtube-play,
                .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu li a i.fa-youtube-play {
                  color: #f00125; }
          .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info li .share-dropmenu .dropdown-menu:before,
          .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li .share-dropmenu .dropdown-menu:before {
            position: absolute;
            content: '';
            top: -8px;
            left: 14px;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #fff; }
    @media (max-width: 425px) {
      .breadcrumb-area2 .breadcrumb-wrap .breadcrumb-content .listing-info2 li:last-child,
      .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info2 li:last-child {
        margin-top: 5px; } }
  .breadcrumb-area2 .breadcrumb-wrap .report-list-items {
    text-align: right;
    position: absolute;
    right: 15px;
    bottom: 0; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .breadcrumb-area2 .breadcrumb-wrap .report-list-items {
        position: inherit;
        right: auto;
        bottom: auto;
        margin-top: 10px;
        text-align: left; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .breadcrumb-area2 .breadcrumb-wrap .report-list-items {
        position: inherit;
        right: auto;
        bottom: auto;
        text-align: left; } }
    .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info {
      margin-top: 0; }
      @media (max-width: 425px) {
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li {
          margin-bottom: 0; } }
      @media (max-width: 320px) {
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li {
          margin-right: 0;
          margin-top: 5px; } }
      @media (max-width: 320px) {
        .breadcrumb-area2 .breadcrumb-wrap .report-list-items .listing-info li:last-child {
          margin-top: 10px; } }

/*===== report-modal =====*/
@media (min-width: 992px) {
  .modal-shared.report-modal .modal-dialog.modal-lg {
    width: 500px; } }
@media (max-width: 480px) {
  .modal-shared.report-modal .modal-dialog.modal-lg {
    width: auto; } }
.modal-shared.report-modal .modal-content {
  text-align: left;
  padding: 0; }
  .modal-shared.report-modal .modal-content .modal-top {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 38px;
    padding: 25px 30px 23px 30px; }
    .modal-shared.report-modal .modal-content .modal-top .close-arrow {
      opacity: 1; }
      .modal-shared.report-modal .modal-content .modal-top .close-arrow span {
        font-size: 24px;
        color: #272b41;
        margin-bottom: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .modal-shared.report-modal .modal-content .modal-top .close-arrow span:hover {
          color: #ff6b6b;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
    .modal-shared.report-modal .modal-content .modal-top .report-title {
      font-size: 20px;
      color: #272b41; }
      @media (max-width: 320px) {
        .modal-shared.report-modal .modal-content .modal-top .report-title {
          font-size: 16px; } }
      .modal-shared.report-modal .modal-content .modal-top .report-title span {
        color: #808996;
        font-size: 24px;
        margin-bottom: 0; }
  .modal-shared.report-modal .modal-content .contact-form-action {
    padding: 0 30px 30px 30px; }
    .modal-shared.report-modal .modal-content .contact-form-action .form-group {
      margin-bottom: 0; }
      .modal-shared.report-modal .modal-content .contact-form-action .form-group .theme__btn {
        padding: 8px 18px; }
        @media (max-width: 320px) {
          .modal-shared.report-modal .modal-content .contact-form-action .form-group .theme__btn {
            padding-right: 10px;
            padding-left: 10px; } }
        .modal-shared.report-modal .modal-content .contact-form-action .form-group .theme__btn span {
          font-size: 16px;
          color: #fff;
          margin-bottom: 0; }
      .modal-shared.report-modal .modal-content .contact-form-action .form-group .submit__btn3 {
        background-color: #40CC6F;
        margin-left: 7px;
        border: 1px solid transparent;
        padding-top: 7px;
        padding-bottom: 7px; }
        .modal-shared.report-modal .modal-content .contact-form-action .form-group .submit__btn3:hover {
          border-color: #808996; }
        @media (max-width: 320px) {
          .modal-shared.report-modal .modal-content .contact-form-action .form-group .submit__btn3 {
            margin-left: 2; } }
    @media (max-width: 320px) {
      .modal-shared.report-modal .modal-content .contact-form-action .form-group.text-right {
        text-align: left; } }

/*====================================================
    cat-area
 ====================================================*/
.cat-area {
  padding-top: 96px;
  padding-bottom: 75px;
  position: relative; }
  @media (max-width: 375px) {
    .cat-area {
      padding-top: 94px;
      padding-bottom: 70px; } }
  .cat-area .cat-info-wrap {
    margin-top: 52px; }
    .cat-area .cat-info-wrap .cat-item {
      margin-bottom: 30px; }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .cat-area .cat-info-wrap .cat-item {
          width: 65%;
          margin-left: auto;
          margin-right: auto; } }
      @media (max-width: 480px) {
        .cat-area .cat-info-wrap .cat-item {
          width: 100%; } }
      .cat-area .cat-info-wrap .cat-item .category-fig {
        position: relative;
        z-index: 1;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .cat-area .cat-info-wrap .cat-item .category-fig .cat-img {
          width: 100%;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
        .cat-area .cat-info-wrap .cat-item .category-fig .fig-caption {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 1; }
          .cat-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box {
            position: absolute;
            top: 50%;
            width: 100%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: center;
            color: #fff;
            display: block; }
            .cat-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__icon {
              display: block;
              width: 50px;
              height: 50px;
              line-height: 50px;
              text-align: center;
              margin-left: auto;
              margin-right: auto;
              margin-bottom: 18px;
              background-color: #fff;
              color: #ff6b6b;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              position: relative;
              font-size: 24px;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
              .cat-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__icon:after {
                position: absolute;
                content: '';
                right: 0;
                top: 0;
                width: 12px;
                height: 12px;
                opacity: 0.9;
                background-color: #272b41;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s; }
            .cat-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__content .cat__name-title {
              font-size: 16px;
              font-weight: 600;
              margin-bottom: 10px;
              text-transform: capitalize; }
            .cat-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__content .badge {
              background-color: transparent;
              padding: 6px 11px;
              font-weight: 600;
              border: 2px solid #ff6b6b;
              -webkit-border-radius: 30px;
              -moz-border-radius: 30px;
              border-radius: 30px;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
          .cat-area .cat-info-wrap .cat-item .category-fig .fig-caption:after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.8;
            background-color: #272b41;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            z-index: -1;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
        .cat-area .cat-info-wrap .cat-item .category-fig:hover {
          -webkit-transform: scale(1.04);
          -moz-transform: scale(1.04);
          -ms-transform: scale(1.04);
          -o-transform: scale(1.04);
          transform: scale(1.04);
          -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.4);
          -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.4);
          box-shadow: 0 10px 40px rgba(82, 85, 90, 0.4); }
          .cat-area .cat-info-wrap .cat-item .category-fig:hover .fig-caption:after {
            opacity: 0.9; }
          .cat-area .cat-info-wrap .cat-item .category-fig:hover .fig-caption .cat-fig-box .cat__icon {
            background-color: #ff6b6b;
            color: #fff; }
          .cat-area .cat-info-wrap .cat-item .category-fig:hover .fig-caption .cat-fig-box .cat__content .badge {
            background-color: #ff6b6b; }

/*====================================================
    cat-area2
 ====================================================*/
.cat-area2 {
  padding-top: 30px;
  padding-bottom: 0; }
  .cat-area2 .cat-info-wrap {
    margin-top: 0; }
    .cat-area2 .cat-info-wrap .loc-item {
      text-align: center;
      background-color: #fff;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      padding: 54px 10px 25px 10px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-bottom: 60px;
      position: relative; }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .cat-area2 .cat-info-wrap .loc-item {
          width: 50%;
          margin-left: auto;
          margin-right: auto; } }
      @media (max-width: 480px) {
        .cat-area2 .cat-info-wrap .loc-item {
          width: 100%; } }
      .cat-area2 .cat-info-wrap .loc-item:hover {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px); }
      .cat-area2 .cat-info-wrap .loc-item .loc-img {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 70px;
        height: 70px;
        margin-top: -35px; }
        .cat-area2 .cat-info-wrap .loc-item .loc-img img {
          width: 100%;
          height: 100%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
          -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
          box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
          border: 4px solid #fff; }
      .cat-area2 .cat-info-wrap .loc-item .loc-name {
        color: #808996;
        text-transform: capitalize;
        font-weight: 500;
        font-size: 16px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .cat-area2 .cat-info-wrap .loc-item .loc-name:hover {
          color: #ff6b6b; }

/*===== cat-ara3 ======*/
.cat-area3 {
  padding-top: 70px; }

/*===== all-cat-area ======*/
.all-cat-area {
  padding-top: 37px; }

/*====================================================
    destination-area
 ====================================================*/
.destination-area {
  padding-top: 98px;
  padding-bottom: 105px; }
  .destination-area .col-md-6 .cat-img {
    height: 360px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .destination-area .col-md-6 .cat-img {
        height: auto; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .destination-area .col-md-6 .cat-img {
        height: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .destination-area .col-md-6 .cat-img {
        height: auto; } }
  .destination-area .col-md-3.col-sm-6 .cat-img {
    height: 165px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .destination-area .col-md-3.col-sm-6 .cat-img {
        height: 229px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .destination-area .col-md-3.col-sm-6 .cat-img {
        height: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .destination-area .col-md-3.col-sm-6 .cat-img {
        height: auto; } }
  .destination-area .col-md-4.col-sm-6 .cat-img {
    height: 239px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .destination-area .col-md-4.col-sm-6 .cat-img {
        height: 229px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .destination-area .col-md-4.col-sm-6 .cat-img {
        height: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .destination-area .col-md-4.col-sm-6 .cat-img {
        height: auto; } }
  .destination-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box {
    top: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    bottom: 20px;
    left: 0;
    text-align: left;
    padding-right: 15px;
    padding-left: 20px; }
    .destination-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__icon {
      width: auto;
      height: auto;
      line-height: inherit;
      margin-bottom: 0;
      color: #272b41;
      background-color: transparent;
      -webkit-border-radius: 0 0 0 0;
      -moz-border-radius: 0 0 0 0;
      border-radius: 0 0 0 0;
      font-size: inherit;
      display: inline-block;
      float: right;
      margin-top: 15px; }
      .destination-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__icon img {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid #fff; }
      .destination-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__icon:after {
        display: none; }
    .destination-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__content {
      display: inline-block;
      float: left; }
      .destination-area .cat-info-wrap .cat-item .category-fig .fig-caption .cat-fig-box .cat__content .badge {
        border-color: #fff; }
  .destination-area .cat-info-wrap .cat-item .category-fig .fig-caption:after {
    opacity: 0.6; }
  .destination-area .cat-info-wrap .cat-item .category-fig:hover .fig-caption .cat-fig-box .cat__icon {
    background-color: transparent;
    color: inherit; }
  .destination-area .cat-info-wrap .cat-item .category-fig:hover .fig-caption .cat-fig-box .cat__content .badge {
    background-color: #fff;
    color: #ff6b6b; }

/*====================================================
    top-places-area
 ====================================================*/
.top-places-area {
  padding-top: 36px;
  padding-bottom: 30px; }
  .top-places-area .cat-info-wrap {
    margin-top: 0; }

/*====================================================
    hiw-area
 ====================================================*/
.hiw-area {
  position: relative;
  z-index: 1;
  padding-top: 96px;
  padding-bottom: 32px;
    background-color:white;
  overflow: hidden; }
  @media (max-width: 375px) {
    .hiw-area {
      padding-top: 95px; } }
  .hiw-area .hiw-info-wrap {
    margin-top: 101px; }
    .hiw-area .hiw-info-wrap .hiw-item {
      background-color: #fff;
      padding: 71px 30px 32px 30px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
      -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
      box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-bottom: 30px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hiw-area .hiw-info-wrap .hiw-item {
          margin-bottom: 60px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .hiw-area .hiw-info-wrap .hiw-item {
          margin-bottom: 60px; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .hiw-area .hiw-info-wrap .hiw-item {
          width: 65%;
          margin-left: auto;
          margin-right: auto; } }
      @media (max-width: 480px) {
        .hiw-area .hiw-info-wrap .hiw-item {
          width: 100%; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .hiw-area .hiw-info-wrap .hiw-item {
          margin-bottom: 60px; } }
      .hiw-area .hiw-info-wrap .hiw-item .hiw-icon {
        width: 85px;
        height: 85px;
        line-height: 85px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: -42px;
        margin-left: auto;
        margin-right: auto;
        background-color: #87c441;
		color: #fff;
		font-size: 36px;
		-webkit-box-shadow: 0 15px 40px rgba(245, 84, 142, 0.3);
		-moz-box-shadow: 0 15px 40px rgba(245, 84, 142, 0.3);
		box-shadow: 0 15px 40px rgba(109, 119, 109, 0.3);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .hiw-area .hiw-info-wrap .hiw-item .hiw-icon:after {
          position: absolute;
          content: '';
          right: 5px;
          top: 0;
          width: 20px;
          height: 20px;
          background-color: #F5F7FC;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
      .hiw-area .hiw-info-wrap .hiw-item .hiw-content .hiw__title {
        font-size: 20px;
        color: #272b41;
        font-weight: 600;
        margin-bottom: 20px; }
      .hiw-area .hiw-info-wrap .hiw-item .hiw-content .hiw__desc {
        font-size: 16px;
        color: #808996;
        font-weight: 500; }
      .hiw-area .hiw-info-wrap .hiw-item:hover {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px); }
        .hiw-area .hiw-info-wrap .hiw-item:hover .hiw-icon {
          background-color: #12b41a; }
  .hiw-area .hiw-video-btn {
    position: relative;
    margin-top: 30px;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hiw-area .hiw-video-btn {
        margin-top: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .hiw-area .hiw-video-btn {
        margin-top: 0; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .hiw-area .hiw-video-btn {
        margin-top: 0; } }
    .hiw-area .hiw-video-btn img {
      width: 100%;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    .hiw-area .hiw-video-btn .video-text {
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #fff;
      color: #272b41;
      text-transform: capitalize;
      padding: 38px 110px 32px 113px;
      -webkit-border-radius: 0 4px 0 4px;
      -moz-border-radius: 0 4px 0 4px;
      border-radius: 0 4px 0 4px; }
      @media (max-width: 425px) {
        .hiw-area .hiw-video-btn .video-text {
          padding: 25px 20px 19px 20px; } }
      .hiw-area .hiw-video-btn .video-text .video-play-btn {
        display: inline-block;
        font-size: 32px;
        color: #272b41;
        width: 80px;
        height: 80px;
        line-height: 77px;
        text-align: center;
        border: 2px solid #272b41;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        position: relative; }
        @media (max-width: 425px) {
          .hiw-area .hiw-video-btn .video-text .video-play-btn {
            width: 70px;
            height: 70px;
            line-height: 67px; } }
        .hiw-area .hiw-video-btn .video-text .video-play-btn:after {
          position: absolute;
          content: "";
          left: 0;
          bottom: 0;
          width: 20px;
          height: 20px;
          background-color: #fff;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
        .hiw-area .hiw-video-btn .video-text .video-play-btn:hover {
          background-color: #ff6b6b;
          color: #fff;
          border-color: #ff6b6b; }
      .hiw-area .hiw-video-btn .video-text .video__desc {
        font-size: 18px;
        font-weight: 500;
        margin-top: 15px; }
        @media (max-width: 425px) {
          .hiw-area .hiw-video-btn .video-text .video__desc {
            font-size: 16px; } }
      .hiw-area .hiw-video-btn .video-text:after {
        position: absolute;
        content: '';
        bottom: -26px;
        left: -24px;
        width: 35%;
        height: 80%;
        background-image: url("../images/dots.png");
        background-size: cover;
        background-position: center;
        opacity: 0.3; }
        @media (max-width: 425px) {
          .hiw-area .hiw-video-btn .video-text:after {
            display: none; } }
    .hiw-area .hiw-video-btn:before {
      position: absolute;
      content: '';
      bottom: -40px;
      right: -41px;
      width: 45%;
      height: 45%;
      background-image: url("../images/dots.png");
      z-index: -1;
      background-size: cover;
      background-position: center;
      opacity: 0.1; }
      @media (max-width: 425px) {
        .hiw-area .hiw-video-btn:before {
          right: auto;
          left: -36px;
          bottom: -18px;
          width: 60%; } }
  .hiw-area:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 931px;
    background-color: white;
    z-index: -1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hiw-area:after {
        height: 1180px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .hiw-area:after {
        height: 1200px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .hiw-area:after {
        height: 1295px; } }
    @media (max-width: 320px) {
      .hiw-area:after {
        height: 1345px; } }
  .hiw-area .add-business-item {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -15%;
    width: 33%;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px dashed #e4e4e4; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hiw-area .add-business-item {
        width: 50%;
        bottom: -10%; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .hiw-area .add-business-item {
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        width: 65%;
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 480px) {
      .hiw-area .add-business-item {
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
        padding-right: 15px;
        padding-left: 15px; } }
    .hiw-area .add-business-item a {
      display: block;
      width: 100%;
      padding: 35px 20px 27px 20px; }
      .hiw-area .add-business-item a span {
        font-size: 40px;
        width: 65px;
        height: 65px;
        line-height: 65px;
        margin-bottom: 20px;
        background-color: rgba(128, 137, 150, 0.2);
        color: #808996;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      .hiw-area .add-business-item a p {
        color: #808996;
        font-size: 16px;
        font-weight: 500; }
    .hiw-area .add-business-item:hover {
      -webkit-transform: translateX(-50%) scale(1.02);
      -moz-transform: translateX(-50%) scale(1.02);
      -ms-transform: translateX(-50%) scale(1.02);
      -o-transform: translateX(-50%) scale(1.02);
      transform: translateX(-50%) scale(1.02); }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .hiw-area .add-business-item:hover {
          -webkit-transform: translateX(0) scale(1.02);
          -moz-transform: translateX(0) scale(1.02);
          -ms-transform: translateX(0) scale(1.02);
          -o-transform: translateX(0) scale(1.02);
          transform: translateX(0) scale(1.02); } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .hiw-area .add-business-item:hover {
          -webkit-transform: translateX(0) scale(1.02);
          -moz-transform: translateX(0) scale(1.02);
          -ms-transform: translateX(0) scale(1.02);
          -o-transform: translateX(0) scale(1.02);
          transform: translateX(0) scale(1.02); } }

/*====================================================
    hiw-area2
 ====================================================*/
.hiw-area2 {
  padding-bottom: 75px; }
  @media (max-width: 375px) {
    .hiw-area2 {
      padding-bottom: 73px; } }
  .hiw-area2 .hiw-info-wrap {
    margin-top: 57px; }
    .hiw-area2 .hiw-info-wrap .hiw-item {
      border-bottom: 2px solid #272b41;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      padding-top: 40px;
      padding-left: 15px;
      padding-right: 15px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hiw-area2 .hiw-info-wrap .hiw-item {
          margin-bottom: 30px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .hiw-area2 .hiw-info-wrap .hiw-item {
          margin-bottom: 30px; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .hiw-area2 .hiw-info-wrap .hiw-item {
          margin-bottom: 30px; } }
      .hiw-area2 .hiw-info-wrap .hiw-item .hiw-icon {
        position: inherit;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        background-color: #fff;
        -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
        -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
        box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
        color: #ff6b6b;
        margin-top: 0;
        margin-bottom: 25px; }
      .hiw-area2 .hiw-info-wrap .hiw-item .hiw-btn {
        margin-top: 25px; }
        .hiw-area2 .hiw-info-wrap .hiw-item .hiw-btn .fun__btn {
          border: 2px solid #e4e4e4;
          display: inline-block;
          padding: 6px 20px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          border-radius: 30px;
          color: #808996;
          text-transform: capitalize;
          font-weight: 500;
          font-size: 14px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
      .hiw-area2 .hiw-info-wrap .hiw-item:hover {
        border-bottom-color: #ff6b6b;
        -webkit-transform: translateY(0) scale(0.97);
        -moz-transform: translateY(0) scale(0.97);
        -ms-transform: translateY(0) scale(0.97);
        -o-transform: translateY(0) scale(0.97);
        transform: translateY(0) scale(0.97); }
        .hiw-area2 .hiw-info-wrap .hiw-item:hover .hiw-icon {
          color: #fff; }
          .hiw-area2 .hiw-info-wrap .hiw-item:hover .hiw-icon:after {
            background-color: #fff; }
        .hiw-area2 .hiw-info-wrap .hiw-item:hover .hiw-btn .fun__btn {
          border-color: #ff6b6b;
          background-color: #ff6b6b;
          color: #fff; }
    .hiw-area2 .hiw-info-wrap .more-content {
      border-bottom-color: #ff6b6b; }
      .hiw-area2 .hiw-info-wrap .more-content .hiw-icon {
        background-color: #ff6b6b;
        -webkit-box-shadow: 0 15px 40px rgba(245, 84, 142, 0.3);
        -moz-box-shadow: 0 15px 40px rgba(245, 84, 142, 0.3);
        box-shadow: 0 15px 40px rgba(245, 84, 142, 0.3);
        color: #fff; }
      .hiw-area2 .hiw-info-wrap .more-content .hiw-btn .fun__btn {
        border-color: #ff6b6b;
        background-color: #ff6b6b;
        color: #fff; }
  .hiw-area2:after {
    display: none; }

/*====================================================
    hiw-area3
 ====================================================*/
.hiw-area3 {
  padding-top: 103px;
  padding-bottom: 120px;
  background-color: #F5F7FC;
  overflow: inherit;
  z-index: 2; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .hiw-area3 {
      padding-bottom: 105px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .hiw-area3 {
      padding-bottom: 105px; } }
  .hiw-area3 .hiw-info-wrap {
    margin-top: 0; }
    .hiw-area3 .hiw-info-wrap .hiw-item {
      border-bottom: transparent;
      position: relative; }
      .hiw-area3 .hiw-info-wrap .hiw-item:before, .hiw-area3 .hiw-info-wrap .hiw-item:after {
        position: absolute;
        content: '';
        width: 16%;
        height: 16%;
        top: 0;
        left: 0;
        border-top: 2px solid #808996;
        border-left: 2px solid #808996;
        -webkit-border-radius: 3px 0 0 0;
        -moz-border-radius: 3px 0 0 0;
        border-radius: 3px 0 0 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .hiw-area3 .hiw-info-wrap .hiw-item:after {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
        border-top: transparent;
        border-left: transparent;
        border-right: 2px solid #808996;
        border-bottom: 2px solid #808996;
        -webkit-border-radius: 0 0 3px 0;
        -moz-border-radius: 0 0 3px 0;
        border-radius: 0 0 3px 0; }
      .hiw-area3 .hiw-info-wrap .hiw-item .hiw-content .hiw__title {
        font-size: 36px;
        margin-bottom: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .hiw-area3 .hiw-info-wrap .hiw-item:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
        .hiw-area3 .hiw-info-wrap .hiw-item:hover .hiw-content .hiw__title {
          color: #ea5555; }
        .hiw-area3 .hiw-info-wrap .hiw-item:hover:before {
          border-top-color: #ea5555;
          border-left-color: #ea5555; }
        .hiw-area3 .hiw-info-wrap .hiw-item:hover:after {
          border-right-color: #ea5555;
          border-bottom-color: #ea5555; }
        .hiw-area3 .hiw-info-wrap .hiw-item:hover:before, .hiw-area3 .hiw-info-wrap .hiw-item:hover:after {
          width: 100%;
          height: 100%;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px; }

/*====================================================
    hiw-area4
 ====================================================*/
.hiw-area4 {
  border-top: 1px solid #F5F7FC;
  border-bottom: 1px solid #F5F7FC; }
  .hiw-area4 .hiw-info-wrap .hiw-item {
    padding-left: 30px;
    padding-right: 30px; }

/*====================================================
    earn-money-area
 ====================================================*/
.earn-money-area {
  padding-top: 98px;
  padding-bottom: 76px;
  border-top: 2px solid rgba(128, 137, 150, 0.1); }
  .earn-money-area:after {
    top: auto;
    bottom: 0;
    height: 581px; }
    @media (max-width: 1199px) {
      .earn-money-area:after {
        height: 606px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .earn-money-area:after {
        height: 908px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .earn-money-area:after {
        height: 1164px; } }
    @media (max-width: 425px) {
      .earn-money-area:after {
        height: 1224px; } }
    @media (max-width: 320px) {
      .earn-money-area:after {
        height: 1266px; } }
  .earn-money-area .hiw-info-wrap {
    margin-top: 60px; }
    .earn-money-area .hiw-info-wrap .hiw-item {
      padding-top: 40px;
      z-index: 1;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .earn-money-area .hiw-info-wrap .hiw-item {
          margin-bottom: 30px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .earn-money-area .hiw-info-wrap .hiw-item {
          margin-bottom: 30px; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .earn-money-area .hiw-info-wrap .hiw-item {
          margin-bottom: 30px; } }
      .earn-money-area .hiw-info-wrap .hiw-item .hiw-icon {
        position: inherit;
        top: auto;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 25px; }
        .earn-money-area .hiw-info-wrap .hiw-item .hiw-icon:after {
          background-color: #fff; }
      .earn-money-area .hiw-info-wrap .hiw-item .hiw__title,
      .earn-money-area .hiw-info-wrap .hiw-item .hiw__desc {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .earn-money-area .hiw-info-wrap .hiw-item:before, .earn-money-area .hiw-info-wrap .hiw-item:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        z-index: -1;
        opacity: 0;
        visibility: hidden; }
      .earn-money-area .hiw-info-wrap .hiw-item:before {
        background-size: cover;
        background-position: center;
        background-image: url("../images/video-img.jpg"); }
      .earn-money-area .hiw-info-wrap .hiw-item:after {
        background-color: #272b41; }
      .earn-money-area .hiw-info-wrap .hiw-item:hover .hiw__title,
      .earn-money-area .hiw-info-wrap .hiw-item:hover .hiw__desc {
        color: #fff; }
      .earn-money-area .hiw-info-wrap .hiw-item:hover:before {
        opacity: 1; }
      .earn-money-area .hiw-info-wrap .hiw-item:hover:before, .earn-money-area .hiw-info-wrap .hiw-item:hover:after {
        height: 100%;
        visibility: visible; }
      .earn-money-area .hiw-info-wrap .hiw-item:hover:after {
        opacity: 0.8; }
  .earn-money-area .hiw-video-btn {
    margin-top: 55px; }
    .earn-money-area .hiw-video-btn .video-text {
      left: auto;
      right: 0;
      -webkit-border-radius: 100px 0 8px 100px;
      -moz-border-radius: 100px 0 8px 100px;
      border-radius: 100px 0 8px 100px;
      padding: 20px 30px 20px 25px;
      display: flex;
      align-items: center; }
      @media (max-width: 320px) {
        .earn-money-area .hiw-video-btn .video-text {
          padding: 15px; } }
      @media (max-width: 320px) {
        .earn-money-area .hiw-video-btn .video-text .video-play-btn {
          width: 50px;
          height: 50px;
          line-height: 50px;
          font-size: 28px; } }
      @media (max-width: 320px) {
        .earn-money-area .hiw-video-btn .video-text .video-play-btn:after {
          width: 12px;
          height: 12px; } }
      .earn-money-area .hiw-video-btn .video-text .video__desc {
        display: inline-block;
        margin-top: 0;
        margin-left: 20px; }
        @media (max-width: 320px) {
          .earn-money-area .hiw-video-btn .video-text .video__desc {
            font-size: 15px;
            margin-left: 10px; } }
      .earn-money-area .hiw-video-btn .video-text:after {
        display: none; }
    .earn-money-area .hiw-video-btn:before {
      display: none; }

/*====================================================
    author-area
 ====================================================*/
.author-area {
  background-color: #F5F7FC;
  background-image: url("../images/hero-bg.jpg");
  position: relative;
  background-size: cover;
  background-position: center;
  padding-top: 98px;
  padding-bottom: 104px;
  z-index: 1; }
  .author-area .top-author-slider {
    margin-top: 55px; }
    .author-area .top-author-slider .top-author-item {
      background-color: #fff;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      padding: 30px 20px 30px 20px;
      position: relative; }
      .author-area .top-author-slider .top-author-item .topauthor__img {
        height: 100%;
        position: relative;
        margin-bottom: 49px; }
        .author-area .top-author-slider .top-author-item .topauthor__img img {
          width: 80px;
          height: 80px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          border: 5px solid #fff;
          -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
          -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
          box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
          margin-right: 15px;
          float: left; }
        .author-area .top-author-slider .top-author-item .topauthor__img .top__author-title {
          display: block;
          text-transform: capitalize;
          color: #272b41;
          font-weight: 600;
          font-size: 18px;
          padding-top: 10px;
          padding-bottom: 8px; }
        .author-area .top-author-slider .top-author-item .topauthor__img .top__author-meta li {
          display: inline-block;
          font-size: 13px;
          color: #808996;
          font-weight: 500;
          text-transform: capitalize; }
          .author-area .top-author-slider .top-author-item .topauthor__img .top__author-meta li .author-type {
            background: rgba(40, 213, 167, 0.1);
            color: #28d5a7;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            padding: 4px 10px; }
          .author-area .top-author-slider .top-author-item .topauthor__img .top__author-meta li .elite-author {
            background: rgba(249, 184, 81, 0.1);
            color: #f9b851; }
      .author-area .top-author-slider .top-author-item .topauthor__content {
        border-top: 2px solid #F5F7FC;
        border-bottom: 2px solid #F5F7FC; }
        @media (max-width: 320px) {
          .author-area .top-author-slider .top-author-item .topauthor__content .top__author-list {
            height: 70px; } }
        .author-area .top-author-slider .top-author-item .topauthor__content .top__author-list li {
          display: inline-block;
          color: #808996;
          font-size: 14px;
          font-weight: 500;
          padding: 10px 15px 10px 15px;
          border-right: 2px solid #F5F7FC; }
          @media (max-width: 320px) {
            .author-area .top-author-slider .top-author-item .topauthor__content .top__author-list li {
              width: 33%;
              float: left;
              font-size: 13px; } }
          .author-area .top-author-slider .top-author-item .topauthor__content .top__author-list li span {
            display: block;
            color: #272b41;
            margin-bottom: 2px; }
          .author-area .top-author-slider .top-author-item .topauthor__content .top__author-list li:first-child {
            padding-left: 0; }
          .author-area .top-author-slider .top-author-item .topauthor__content .top__author-list li:last-child {
            padding-right: 0;
            border-right: none; }
      .author-area .top-author-slider .top-author-item .topauthor__btn {
        text-align: center;
        margin-top: 30px; }
        .author-area .top-author-slider .top-author-item .topauthor__btn .author__btn {
          display: block;
          background-color: #fff;
          border: 1px solid #808996;
          color: #272b41;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          border-radius: 30px;
          font-size: 15px; }
          .author-area .top-author-slider .top-author-item .topauthor__btn .author__btn span {
            font-size: 16px; }
          .author-area .top-author-slider .top-author-item .topauthor__btn .author__btn:hover {
            background-color: rgba(128, 137, 150, 0.2); }
    .author-area .top-author-slider .owl-nav {
      color: #272b41; }
      .author-area .top-author-slider .owl-nav div {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
        -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
        box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
        line-height: 40px;
        text-align: center;
        font-size: 18px;
        margin-top: -70px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        @media (max-width: 600px) {
          .author-area .top-author-slider .owl-nav div {
            top: auto;
            bottom: 0;
            margin-top: 0;
            margin-bottom: -65px; } }
        .author-area .top-author-slider .owl-nav div:hover {
          background-color: #ff6b6b;
          color: #fff; }
        .author-area .top-author-slider .owl-nav div.owl-prev {
          right: 45px; }
  .author-area:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #272b41;
    opacity: 0.9;
    z-index: -1; }

/*====================================================
    top-author-area
 ====================================================*/
.top-author-area {
  background-color: transparent;
  background-image: none;
  padding-top: 15px;
  padding-bottom: 10px; }
  @media (max-width: 480px) {
    .top-author-area {
      padding-bottom: 80px; } }
  .top-author-area .top-author-slider {
    margin-top: 0; }
    @media (max-width: 480px) {
      .top-author-area .top-author-slider .owl-nav div {
        margin-bottom: -50px; } }
  .top-author-area .owl-stage-outer {
    padding: 25px 0; }
  .top-author-area:before {
    display: none; }

/*====================================================
    team-area
 ====================================================*/
.team-area {
  padding-top: 97px; }
  .team-area .team-member-wrap {
    margin-top: 57px; }
    .team-area .team-member-wrap .team-item {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-bottom: 30px; }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .team-area .team-member-wrap .team-item {
          width: 65%;
          margin-left: auto;
          margin-right: auto; } }
      .team-area .team-member-wrap .team-item .team-img img {
        width: 100%;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        border-bottom: 3px solid #808996; }
      .team-area .team-member-wrap .team-item .team-content {
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px; }
        .team-area .team-member-wrap .team-item .team-content .team__bio {
          padding: 28px 30px 25px 30px; }
          .team-area .team-member-wrap .team-item .team-content .team__bio .team__title-text {
            font-size: 18px;
            font-weight: 600;
            color: #272b41;
            margin-bottom: 3px; }
            .team-area .team-member-wrap .team-item .team-content .team__bio .team__title-text i {
              float: right;
              color: #ff6b6b;
              font-size: 20px; }
          .team-area .team-member-wrap .team-item .team-content .team__bio .team__meta-text {
            font-size: 14px;
            color: #808996;
            font-weight: 500; }
        .team-area .team-member-wrap .team-item .team-content .team__social {
          background-color: #F5F7FC;
          display: flex;
          padding-left: 30px;
          border-top: 1px solid #e4e4e4; }
          .team-area .team-member-wrap .team-item .team-content .team__social .team__social-link {
            float: left;
            flex: 1;
            padding: 12px 0; }
            .team-area .team-member-wrap .team-item .team-content .team__social .team__social-link li {
              display: inline-block; }
              .team-area .team-member-wrap .team-item .team-content .team__social .team__social-link li a {
                color: #272b41;
                font-size: 16px;
                display: block;
                text-align: center;
                width: 33px;
                height: 33px;
                line-height: 34px;
                background-color: rgba(39, 43, 65, 0.1);
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%; }
                .team-area .team-member-wrap .team-item .team-content .team__social .team__social-link li a:hover {
                  background-color: #272b41;
                  color: #fff; }
          .team-area .team-member-wrap .team-item .team-content .team__social .team__email-link {
            padding: 12px 16px;
            line-height: 33px;
            border-left: 1px solid #e4e4e4;
            color: #272b41;
            font-size: 20px; }
            .team-area .team-member-wrap .team-item .team-content .team__social .team__email-link:hover {
              color: #ff6b6b; }
          .team-area .team-member-wrap .team-item .team-content .team__social a {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
      .team-area .team-member-wrap .team-item:hover {
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03); }

/*==== skillbar ====*/
.skillbar {
  position: relative;
  display: block;
  margin-bottom: 60px;
  width: 100%;
  background-color: #ddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -ms-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color; }
  .skillbar .skillbar-title {
    position: absolute;
    top: -30px;
    left: 14px;
    font-size: 18px;
    color: #272b41;
    font-weight: 500;
    text-align: left; }
    .skillbar .skillbar-title:after {
      position: absolute;
      content: '';
      top: 10px;
      left: -13px;
      width: 6px;
      height: 6px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #ff6b6b; }
  .skillbar .skillbar-bar {
    height: 10px;
    width: 0;
    background-color: #ff6b6b;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .skillbar .skill-bar-percent {
    position: absolute;
    right: 0;
    top: -32px;
    font-size: 15px;
    font-weight: 500;
    text-align: right;
    color: #fff;
    background-color: #ff6b6b;
    padding: 0px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    .skillbar .skill-bar-percent:after {
      position: absolute;
      content: '';
      bottom: -6px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #ff6b6b; }

/*====================================================
    most-visited-area
 ====================================================*/
.most-visited-area {
  padding-top: 65px;
  padding-bottom: 99px;
  position: relative; }
  @media (max-width: 375px) {
    .most-visited-area {
      padding-top: 62px;
      padding-bottom: 93px; } }
  .most-visited-area .map-container {
    margin-bottom: 40px; }
  .most-visited-area .generic-header {
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    text-align: right;
    padding: 20px 20px;
    margin-bottom: 30px; }
    @media (max-width: 540px) {
      .most-visited-area .generic-header {
        display: block;
        padding-left: 40px; } }
    .most-visited-area .generic-header .generic-nav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-right: 30px; }
      @media (max-width: 540px) {
        .most-visited-area .generic-header .generic-nav {
          margin-left: 0;
          float: right;
          margin-top: -95px; } }
      @media (max-width: 320px) {
        .most-visited-area .generic-header .generic-nav {
          margin-left: -15px !important;
          float: none;
          margin-top: 20px; } }
      .most-visited-area .generic-header .generic-nav li a {
        display: block;
        color: #ff6b6b;
        margin-right: 4px;
        font-size: 20px;
        width: 40px;
        height: 40px;
        background-color: rgba(255, 107, 107, 0.1);
        line-height: 40px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
        .most-visited-area .generic-header .generic-nav li a.active {
          background-color: #ff6b6b;
          color: #fff; }
    .most-visited-area .generic-header .contact-form-action {
      flex: 2; }
      @media (max-width: 540px) {
        .most-visited-area .generic-header .contact-form-action {
          width: 210px;
          margin-top: 20px; } }
      .most-visited-area .generic-header .contact-form-action .form-group {
        margin-bottom: 0; }
        .most-visited-area .generic-header .contact-form-action .form-group .nice-select .list li {
          font-size: 15px; }
    .most-visited-area .generic-header .showing__text {
      flex: 5;
      color: #808996;
      font-size: 15px; }
      @media (max-width: 540px) {
        .most-visited-area .generic-header .showing__text {
          margin-left: -15px; } }
  .most-visited-area .generic-header2 {
    text-align: left; }
    .most-visited-area .generic-header2 .generic-nav {
      margin-right: 0;
      margin-left: 30px; }
  @media (max-width: 540px) {
    .most-visited-area .generic-header3 {
      text-align: left; } }
  @media (max-width: 540px) {
    .most-visited-area .generic-header3 .generic-nav {
      margin-left: -15px;
      float: none;
      margin-top: 0;
      margin-right: 0; } }
  @media (max-width: 540px) {
    .most-visited-area .generic-header3 .showing__text {
      margin-left: -15px;
      margin-top: 15px; } }
  .most-visited-area .most-visited-wrap4 .most-visited-item {
    height: 555px; }
    @media (max-width: 1199px) {
      .most-visited-area .most-visited-wrap4 .most-visited-item {
        height: 525px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .most-visited-area .most-visited-wrap4 .most-visited-item {
        height: auto; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .most-visited-area .most-visited-wrap4 .most-visited-item {
        height: auto; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .most-visited-area .most-visited-wrap4 .most-visited-item {
        height: auto; } }
  .most-visited-area .most-visited-wrap,
  .most-visited-area .most-visited-wrap2,
  .most-visited-area .most-visited-wrap3 {
    margin-top: 45px; }
    .most-visited-area .most-visited-wrap .most-visited-item,
    .most-visited-area .most-visited-wrap2 .most-visited-item,
    .most-visited-area .most-visited-wrap3 .most-visited-item {
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9);
      margin-right: -19px;
      margin-left: -19px;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      @media (max-width: 599px) {
        .most-visited-area .most-visited-wrap .most-visited-item,
        .most-visited-area .most-visited-wrap2 .most-visited-item,
        .most-visited-area .most-visited-wrap3 .most-visited-item {
          margin-left: 0;
          margin-right: 0; } }
      .most-visited-area .most-visited-wrap .most-visited-item a,
      .most-visited-area .most-visited-wrap2 .most-visited-item a,
      .most-visited-area .most-visited-wrap3 .most-visited-item a {
        color: #fff; }
        .most-visited-area .most-visited-wrap .most-visited-item a .listing-img-box,
        .most-visited-area .most-visited-wrap2 .most-visited-item a .listing-img-box,
        .most-visited-area .most-visited-wrap3 .most-visited-item a .listing-img-box {
          position: relative;
          -webkit-border-radius: 4px 4px 0 0;
          -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0; }
          .most-visited-area .most-visited-wrap .most-visited-item a .listing-img-box .list-img,
          .most-visited-area .most-visited-wrap2 .most-visited-item a .listing-img-box .list-img,
          .most-visited-area .most-visited-wrap3 .most-visited-item a .listing-img-box .list-img {
            width: 100%;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0; }
          .most-visited-area .most-visited-wrap .most-visited-item a .listing-img-box span,
          .most-visited-area .most-visited-wrap2 .most-visited-item a .listing-img-box span,
          .most-visited-area .most-visited-wrap3 .most-visited-item a .listing-img-box span {
            position: absolute;
            background-color: #40CC6F;
            top: 15px;
            left: 21px;
            padding: 6px 11px;
            font-size: 12px;
            text-transform: capitalize;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            font-weight: 600;
            z-index: 1;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .most-visited-area .most-visited-wrap .most-visited-item a .listing-img-box span.like-icon,
            .most-visited-area .most-visited-wrap2 .most-visited-item a .listing-img-box span.like-icon,
            .most-visited-area .most-visited-wrap3 .most-visited-item a .listing-img-box span.like-icon {
              left: auto;
              right: 20px;
              font-size: 18px;
              background-color: rgba(39, 43, 65, 0.6);
              padding: 0;
              width: 35px;
              height: 35px;
              line-height: 35px;
              text-align: center; }
              .most-visited-area .most-visited-wrap .most-visited-item a .listing-img-box span.like-icon:hover,
              .most-visited-area .most-visited-wrap2 .most-visited-item a .listing-img-box span.like-icon:hover,
              .most-visited-area .most-visited-wrap3 .most-visited-item a .listing-img-box span.like-icon:hover {
                background-color: #ff6b6b; }
          .most-visited-area .most-visited-wrap .most-visited-item a .listing-img-box:after,
          .most-visited-area .most-visited-wrap2 .most-visited-item a .listing-img-box:after,
          .most-visited-area .most-visited-wrap3 .most-visited-item a .listing-img-box:after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.5;
            background-color: #272b41;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
      .most-visited-area .most-visited-wrap .most-visited-item .listing-content,
      .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content,
      .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content {
        position: relative;
        text-align: left;
        border: 1px solid #eee;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px; }
        .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content,
        .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content,
        .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content {
          padding: 30px 20px 25px 20px; }
          .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a,
          .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a,
          .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a {
            color: #272b41; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a .author-img,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a .author-img,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a .author-img {
              width: 90px;
              height: 90px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              border: 4px solid #fff;
              -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
              -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
              box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2); }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a.author-img-box,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a.author-img-box,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a.author-img-box {
              position: absolute;
              right: 20px;
              top: 0;
              margin-top: -30px; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a .listing-meta,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a .listing-meta,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a .listing-meta {
              font-size: 13px;
              text-transform: capitalize;
              font-weight: 600;
              position: relative;
              padding-left: 39px;
              color: #808996; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a .listing-meta span,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a .listing-meta span,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a .listing-meta span {
                font-size: 20px;
                position: absolute;
                top: -9px;
                left: 0;
                color: #fff;
                width: 33px;
                height: 33px;
                background-color: #ff6b6b;
                line-height: 33px;
                text-align: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a .listing-title,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a .listing-title,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a .listing-title {
              font-size: 18px;
              font-weight: 600;
              text-transform: capitalize;
              margin-top: 24px;
              margin-bottom: 5px; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a .listing-title i,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a .listing-title i,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a .listing-title i {
                color: #40CC6F; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a .listing-title .tooltip.top .tooltip-inner,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a .listing-title .tooltip.top .tooltip-inner,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a .listing-title .tooltip.top .tooltip-inner {
                background-color: #272b41;
                padding: 5px 12px; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a .listing-title .tooltip.top .tooltip-arrow,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a .listing-title .tooltip.top .tooltip-arrow,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a .listing-title .tooltip.top .tooltip-arrow {
                border-top-color: #272b41; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content a .listing-location,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a .listing-location,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content a .listing-location {
              font-size: 15px;
              color: #808996;
              font-weight: 500; }
          .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content .listing-list,
          .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content .listing-list,
          .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content .listing-list {
            margin-top: 15px; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content .listing-list li,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content .listing-list li,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content .listing-list li {
              display: block;
              font-size: 14px;
              color: #808996;
              font-weight: 500;
              margin-bottom: 6px; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content .listing-list li:last-child,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content .listing-list li:last-child,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content .listing-list li:last-child {
                margin-bottom: 0; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content .listing-list li a,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content .listing-list li a,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content .listing-list li a {
                color: #808996; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content .listing-list li span,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content .listing-list li span,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content .listing-list li span {
                color: #ff6b6b;
                margin-right: 2px;
                font-size: 16px;
                width: 30px;
                height: 30px;
                background-color: rgba(255, 107, 107, 0.1);
                line-height: 30px;
                text-align: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content .listing-list li:hover a,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content .listing-list li:hover a,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content .listing-list li:hover a {
                color: #ff6b6b; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .listing-row-content .listing-list li:hover span,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content .listing-list li:hover span,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .listing-row-content .listing-list li:hover span {
                background-color: #ff6b6b;
                color: #fff; }
        .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row,
        .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row,
        .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row {
          border-top: 1px solid #eee;
          padding: 15px 20px 15px 24px;
          display: flex;
          align-items: center;
          color: #808996; }
          .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .rating-rating,
          .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .rating-rating,
          .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .rating-rating {
            flex: 1; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .rating-rating span,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .rating-rating span,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .rating-rating span {
              color: #f9b851;
              margin-left: -4px;
              display: inline-block;
              font-size: 14px; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .rating-rating span.rating-count,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .rating-rating span.rating-count,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .rating-rating span.rating-count {
                margin-left: 0;
                color: #808996;
                font-weight: 500;
                font-size: 13px; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .rating-rating span.last-star,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .rating-rating span.last-star,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .rating-rating span.last-star {
                color: #808996; }
          .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .listing-info ul,
          .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .listing-info ul,
          .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .listing-info ul {
            display: flex; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .listing-info ul li,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .listing-info ul li,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .listing-info ul li {
              margin-right: 12px; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .listing-info ul li:last-child,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .listing-info ul li:last-child,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .listing-info ul li:last-child {
                margin-right: 0; }
              .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .listing-info ul li span,
              .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .listing-info ul li span,
              .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .listing-info ul li span {
                font-size: 16px; }
                .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .listing-info ul li span.info__save,
                .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .listing-info ul li span.info__save,
                .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .listing-info ul li span.info__save {
                  cursor: pointer; }
                  .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .listing-info ul li span.info__save:hover,
                  .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .listing-info ul li span.info__save:hover,
                  .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .listing-info ul li span.info__save:hover {
                    color: #ff6b6b; }
          .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .edit-info .theme__btn,
          .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .edit-info .theme__btn,
          .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .edit-info .theme__btn {
            font-size: 13px;
            padding: 5px 12px;
            border: 1px solid #e4e4e4;
            background-color: #fff;
            color: #808996; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .edit-info .theme__btn span,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .edit-info .theme__btn span,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .edit-info .theme__btn span {
              font-size: 16px; }
            .most-visited-area .most-visited-wrap .most-visited-item .listing-content .rating-row .edit-info .theme__btn:hover,
            .most-visited-area .most-visited-wrap2 .most-visited-item .listing-content .rating-row .edit-info .theme__btn:hover,
            .most-visited-area .most-visited-wrap3 .most-visited-item .listing-content .rating-row .edit-info .theme__btn:hover {
              background-color: #ff6b6b;
              color: #fff;
              border-color: #ff6b6b; }
    .most-visited-area .most-visited-wrap .owl-stage-outer .owl-item.active.center .most-visited-item,
    .most-visited-area .most-visited-wrap2 .owl-stage-outer .owl-item.active.center .most-visited-item,
    .most-visited-area .most-visited-wrap3 .owl-stage-outer .owl-item.active.center .most-visited-item {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      margin-right: -1px;
      margin-left: -1px;
      margin-top: 12px; }
      @media (max-width: 599px) {
        .most-visited-area .most-visited-wrap .owl-stage-outer .owl-item.active.center .most-visited-item,
        .most-visited-area .most-visited-wrap2 .owl-stage-outer .owl-item.active.center .most-visited-item,
        .most-visited-area .most-visited-wrap3 .owl-stage-outer .owl-item.active.center .most-visited-item {
          margin-left: 0;
          margin-right: 0; } }
      .most-visited-area .most-visited-wrap .owl-stage-outer .owl-item.active.center .most-visited-item a .listing-img-box:after,
      .most-visited-area .most-visited-wrap2 .owl-stage-outer .owl-item.active.center .most-visited-item a .listing-img-box:after,
      .most-visited-area .most-visited-wrap3 .owl-stage-outer .owl-item.active.center .most-visited-item a .listing-img-box:after {
        opacity: 0.2; }
    .most-visited-area .most-visited-wrap .owl-dots,
    .most-visited-area .most-visited-wrap2 .owl-dots,
    .most-visited-area .most-visited-wrap3 .owl-dots {
      width: 100%;
      text-align: center;
      margin-top: 38px; }
      .most-visited-area .most-visited-wrap .owl-dots div,
      .most-visited-area .most-visited-wrap2 .owl-dots div,
      .most-visited-area .most-visited-wrap3 .owl-dots div {
        width: 15px;
        height: 15px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #ddd;
        display: inline-block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0 2px; }
        .most-visited-area .most-visited-wrap .owl-dots div.active,
        .most-visited-area .most-visited-wrap2 .owl-dots div.active,
        .most-visited-area .most-visited-wrap3 .owl-dots div.active {
          background-color: #ff6b6b;
          border-color: #ff6b6b; }
  .most-visited-area .most-visited-wrap2,
  .most-visited-area .most-visited-wrap3 {
    margin-top: 0; }
    .most-visited-area .most-visited-wrap2 .most-visited-item,
    .most-visited-area .most-visited-wrap3 .most-visited-item {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      margin-bottom: 30px;
      margin-right: 0;
      margin-left: 0; }
      .most-visited-area .most-visited-wrap2 .most-visited-item:hover,
      .most-visited-area .most-visited-wrap3 .most-visited-item:hover {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px); }
  .most-visited-area .edit-listing-wrap .most-visited-item .listing-content .listing-row-content {
    padding-top: 25px;
    padding-bottom: 20px; }
    .most-visited-area .edit-listing-wrap .most-visited-item .listing-content .listing-row-content a .listing-title {
      margin-top: 0; }
  .most-visited-area .userlist-title {
    color: #272b41;
    font-weight: 600;
    font-size: 22px;
    margin-top: -2px;
    margin-bottom: 35px;
    position: relative;
    display: inline-block;
    padding-bottom: 15px; }
    .most-visited-area .userlist-title:before, .most-visited-area .userlist-title:after {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      width: 25px;
      height: 3px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      background-color: #ff6b6b; }
    .most-visited-area .userlist-title:after {
      left: 28px;
      width: 12px; }

/*====================================================
    most-visited-area2
 ====================================================*/
.most-visited-area2 {
  padding-top: 40px;
  padding-bottom: 30px; }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .most-visited-area2 .most-visited-wrap2 .most-visited-item {
      width: 65%;
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 480px) {
    .most-visited-area2 .most-visited-wrap2 .most-visited-item {
      width: 100%; } }

/*====================================================
    recommended-area
 ====================================================*/
.recommended-area {
  padding-top: 98px;
  padding-bottom: 76px;
  z-index: 1;
  border-top: 2px solid rgba(128, 137, 150, 0.2); }
  .recommended-area .most-visited-wrap2 {
    margin-top: 55px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .recommended-area .most-visited-wrap2 .most-visited-item {
        height: 546px; } }
    .recommended-area .most-visited-wrap2 .most-visited-item .listing-content {
      background-color: #fff; }
  .recommended-area:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-image: url("../images/dots3.jpg");
    background-attachment: fixed;
    z-index: -1;
    opacity: 0.2; }

/*====================================================
    map-container
 ====================================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-map {
    height: 580px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .home-map {
    height: 600px; } }
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .home-map {
    height: 590px; } }

.map-container {
  float: left;
  width: 100%;
  margin-top: 88px;
  position: relative;
  overflow: hidden;
  margin-bottom: 105px; }
  @media (max-width: 1199px) {
    .map-container {
      margin-top: 80px; } }
  .map-container #main-full-map {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    overflow: hidden; }

.fw-map {
  height: 500px; }

.map-popup-box {
  display: block;
  width: 310px !important;
  position: relative; }
  .map-popup-box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: -1px;
    z-index: 20;
    border-color: transparent;
    border-top-color: #fff;
    border-width: 15px;
    margin-left: -15px; }
  .map-popup-box .map-popup {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 9px 16px rgba(58, 87, 135, 0.15); }
    .map-popup-box .map-popup img {
      width: 100%;
      height: auto;
      -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }
    .map-popup-box .map-popup .close-infobox {
      position: absolute;
      width: 30px;
      height: 30px;
      line-height: 30px;
      top: 20px;
      text-align: center;
      right: 20px;
      color: #272b41;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      z-index: 20;
      cursor: pointer;
      background-color: #fff;
      font-size: 14px; }
    .map-popup-box .map-popup .mp-category {
      position: absolute;
      top: 20px;
      left: 20px;
      font-weight: 500;
      color: #fff;
      z-index: 20;
      padding: 8px 15px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      background-color: rgba(255, 255, 255, 0.17);
      border: 1px solid rgba(255, 255, 255, 0.2); }
    .map-popup-box .map-popup .mp-img-box {
      float: none;
      display: block; }
      .map-popup-box .map-popup .mp-img-box:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: #272b41;
        opacity: 0.4; }
      .map-popup-box .map-popup .mp-img-box:hover img {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15); }
    .map-popup-box .map-popup .mp-list-content {
      background: #fff;
      padding: 25px 20px;
      z-index: 20;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
      .map-popup-box .map-popup .mp-list-content .mp-ratting {
        position: absolute;
        z-index: 12;
        left: 20px;
        top: -30px; }
        .map-popup-box .map-popup .mp-list-content .mp-ratting i {
          float: left;
          color: #f9b851;
          margin-top: -2px;
          margin-right: 6px; }
        .map-popup-box .map-popup .mp-list-content .mp-ratting .mp-review-count {
          color: #fff;
          position: relative;
          top: -4px;
          font-weight: 500; }
      .map-popup-box .map-popup .mp-list-content .mpl-title h4 {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        color: #272b41;
        padding-bottom: 20px; }
        .map-popup-box .map-popup .mp-list-content .mpl-title h4 a {
          color: #272b41;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .map-popup-box .map-popup .mp-list-content .mpl-title h4 a:hover {
            color: #ff6b6b; }
      .map-popup-box .map-popup .mp-list-content .mp-store-call,
      .map-popup-box .map-popup .mp-list-content .mp-location-info {
        float: left;
        color: #808996;
        font-size: 14px;
        width: 100%;
        text-align: left;
        margin-bottom: 10px; }
        .map-popup-box .map-popup .mp-list-content .mp-store-call i,
        .map-popup-box .map-popup .mp-list-content .mp-location-info i {
          font-size: 15px;
          width: 30px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          background-color: rgba(255, 107, 107, 0.1);
          margin-right: 10px;
          color: #ff6b6b;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .map-popup-box .map-popup .mp-list-content .mp-store-call:hover i,
        .map-popup-box .map-popup .mp-list-content .mp-location-info:hover i {
          background-color: #ff6b6b;
          color: #fff; }
      .map-popup-box .map-popup .mp-list-content .mp-store-call {
        margin-bottom: 0; }

/*== general map style ===*/
.fl-wrap {
  float: left;
  width: 100%;
  position: relative; }

.cluster {
  width: 40px !important;
  height: 40px !important; }
  .cluster div {
    text-align: center;
    font-size: 15px !important;
    background: #272b41;
    color: #fff;
    font-weight: 600;
    border-radius: 100%;
    width: 40px !important;
    height: 40px !important;
    line-height: 38px !important;
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
    border: 2px solid #272b41;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    animation: cluster-animation 1.5s infinite; }
    .cluster div:hover {
      background-color: #808996; }

@keyframes cluster-animation {
  0%,100% {
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); }
  50% {
    -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1); } }
/*====================================================
    most-visited-area3
 ====================================================*/
.most-visited-area3 {
  padding-bottom: 25px; }
  .most-visited-area3 .most-visited-wrap {
    border-top: 1px solid #F5F7FC;
    margin-top: 0;
    padding-top: 40px; }
    .most-visited-area3 .most-visited-wrap .most-visited-item {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      margin-right: 0;
      margin-left: 0; }
    .most-visited-area3 .most-visited-wrap .owl-stage-outer .owl-item.active.center .most-visited-item {
      margin-top: 0; }

/*====================================================
    most-visited-area5
 ====================================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .most-visited-area5 {
    padding-top: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .most-visited-area5 {
    padding-top: 0; } }
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .most-visited-area5 {
    padding-top: 0; } }
.most-visited-area5 .most-visited-wrap2 .most-visited-item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .most-visited-area5 .most-visited-wrap2 .most-visited-item {
      width: auto; } }
  @media (max-width: 540px) {
    .most-visited-area5 .most-visited-wrap2 .most-visited-item {
      display: block; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .most-visited-area5 .most-visited-wrap2 .most-visited-item {
      width: auto; } }
  .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-list-img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-list-img .listing-img-box {
      -webkit-border-radius: 4px 0 0 4px;
      -moz-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px; }
      @media (max-width: 540px) {
        .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-list-img .listing-img-box {
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; } }
      .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-list-img .listing-img-box .list-img {
        height: 317px;
        object-fit: cover;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px; }
        @media (max-width: 540px) {
          .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-list-img .listing-img-box .list-img {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            object-fit: inherit;
            height: auto; } }
      .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-list-img .listing-img-box:after {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px; }
        @media (max-width: 540px) {
          .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-list-img .listing-img-box:after {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; } }
  .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-content {
    position: relative;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2; }
    .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a.author-img-box {
      margin-top: 20px; }
      @media (max-width: 540px) {
        .most-visited-area5 .most-visited-wrap2 .most-visited-item .listing-content .listing-row-content a.author-img-box {
          margin-top: -30px; } }

/*====================================================
   modal-shared
 ====================================================*/
.modal-shared .modal-content {
  padding: 30px;
  text-align: center; }
  .modal-shared .modal-content span {
    color: #f9b851;
    font-size: 60px;
    display: inline-block;
    margin-bottom: 15px; }
  .modal-shared .modal-content h4 {
    font-size: 18px;
    color: #272b41;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 10px; }
  .modal-shared .modal-content p {
    color: #808996;
    font-size: 16px;
    font-weight: 600; }
  .modal-shared .modal-content .modal-footer {
    margin-top: 20px;
    padding: 0;
    border-top: none;
    text-align: center; }
    .modal-shared .modal-content .modal-footer .theme__btn {
      padding: 8px 20px;
      font-size: 15px;
      border: none;
      margin-right: 2px;
      background-color: #40CC6F; }
      .modal-shared .modal-content .modal-footer .theme__btn:last-child {
        margin-right: 0;
        background-color: #e1306c; }

/*====================================================
    most-visited-area4
 ====================================================*/
.most-visited-area4 {
  padding-top: 38px;
  padding-bottom: 0; }

/*====================================================
    dashboard-nav
 ====================================================*/
.dashboard-tab {
  margin-bottom: 30px; }
  .dashboard-tab .dashboard-wrap {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    padding: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    .dashboard-tab .dashboard-wrap .dashboard-nav {
      display: inline-block;
      float: left; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .dashboard-tab .dashboard-wrap .dashboard-nav {
          display: block;
          float: none; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .dashboard-tab .dashboard-wrap .dashboard-nav {
          display: block;
          float: none; } }
      .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs {
        border-bottom: none; }
        .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs li {
          margin-right: 3px; }
          @media (max-width: 425px) {
            .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs li {
              margin-bottom: 25px; } }
          .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs li:last-child {
            margin-right: 0; }
            @media (max-width: 425px) {
              .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs li:last-child {
                margin-bottom: 0; } }
          .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs li a {
            color: #272b41;
            display: block;
            border: 1px solid #272b41;
            font-size: 15px;
            text-transform: capitalize;
            font-weight: 500;
            padding: 10px 15px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            position: relative;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs li a:before {
              position: absolute;
              content: '';
              bottom: -10px;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              transform: translateX(-50%);
              width: 0;
              height: 0;
              border-left: 10px solid transparent;
              border-right: 10px solid transparent;
              border-top: 10px solid transparent; }
          .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs li.active a {
            background-color: #ff6b6b;
            border-color: #ff6b6b;
            color: #fff; }
            .dashboard-tab .dashboard-wrap .dashboard-nav .nav-tabs li.active a:before {
              border-top-color: #ff6b6b; }
    .dashboard-tab .dashboard-wrap .dashboard-buttons {
      display: inline-block;
      float: right; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .dashboard-tab .dashboard-wrap .dashboard-buttons {
          display: block;
          float: none;
          margin-top: 30px; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .dashboard-tab .dashboard-wrap .dashboard-buttons {
          display: block;
          float: none;
          margin-top: 30px; } }
      .dashboard-tab .dashboard-wrap .dashboard-buttons .theme__btn {
        margin-right: 2px;
        padding: 10px 15px;
        font-size: 15px;
        font-weight: 500;
        border: 1px solid #272b41;
        background-color: #fff;
        color: #272b41; }
        .dashboard-tab .dashboard-wrap .dashboard-buttons .theme__btn:hover {
          background-color: #ff6b6b;
          border-color: #ff6b6b;
          color: #fff; }
        .dashboard-tab .dashboard-wrap .dashboard-buttons .theme__btn:last-child {
          margin-right: 0; }
          @media (max-width: 320px) {
            .dashboard-tab .dashboard-wrap .dashboard-buttons .theme__btn:last-child {
              margin-top: 10px; } }

/*====================================================
    tab-content
 ====================================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-content .user-profile-action {
    margin-bottom: 50px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .tab-content .user-profile-action {
    margin-bottom: 50px; } }
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .tab-content .user-profile-action {
    margin-bottom: 50px; } }
.tab-content .user-profile-action .user-pro-img {
  position: relative;
  margin-bottom: 22px; }
  .tab-content .user-profile-action .user-pro-img img {
    width: 100%; }
  .tab-content .user-profile-action .user-pro-img .edit-btn-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #272b41;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 8px;
    margin-bottom: 8px;
    cursor: pointer; }
    .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .edit-pic-btn {
      background-color: transparent;
      border: none;
      outline: none;
      width: 100%;
      height: 100%;
      padding: 6px 8px; }
      .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .edit-pic-btn span {
        font-size: 18px; }
    .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .dropdown-menu {
      background-color: #fff;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      padding: 20px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #e4e4e4;
      width: 225px;
      margin: 10px 0 0; }
      .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .dropdown-menu li .upload-btn-box {
        position: relative;
        overflow: hidden; }
        .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .dropdown-menu li .upload-btn-box input[type=file] {
          position: absolute;
          top: 0;
          left: 0;
          cursor: pointer;
          height: 100%;
          width: 100%;
          opacity: 0; }
      .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .dropdown-menu li .theme__btn {
        border: none;
        font-size: 14px;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding: 10px 15px; }
      .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .dropdown-menu li .upload__btn {
        background-color: #F5F7FC;
        color: #808996;
        border: 1px solid #e4e4e4; }
      .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .dropdown-menu li .delete__btn {
        margin-bottom: 0;
        background-color: #e1306c; }
        .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .dropdown-menu li .delete__btn:hover {
          background-color: #f00125; }
      .tab-content .user-profile-action .user-pro-img .edit-btn-wrap .dropdown-menu:before {
        position: absolute;
        content: '';
        top: -8px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff; }
  .tab-content .user-profile-action .user-pro-img .edit-pic-btn-action .upload-btn-wrapper .edit__btn {
    display: block;
    width: 100%;
    padding: 8px 25px;
    background-color: #F5F7FC;
    border-color: #e4e4e4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #272b41;
    font-weight: 500;
    margin-bottom: 10px; }
  .tab-content .user-profile-action .user-pro-img .edit-pic-btn-action .upload-btn-wrapper .delete-btn {
    background-color: #e1306c;
    color: #fff;
    border-color: #e1306c;
    margin-bottom: 0; }
.tab-content .user-profile-action .vcard-area .vcard-name {
  margin-bottom: 15px; }
  .tab-content .user-profile-action .vcard-area .vcard-name .vcard__title {
    font-size: 22px;
    color: #272b41;
    font-weight: 600; }
.tab-content .user-profile-action .vcard-area .vcard-desc {
  margin-bottom: 15px; }
  .tab-content .user-profile-action .vcard-area .vcard-desc .vcard__note {
    font-size: 15px;
    color: #808996;
    font-weight: 500;
    line-height: 27px; }
.tab-content .user-profile-action .vcard-area .vcard-details {
  margin-bottom: 23px; }
  .tab-content .user-profile-action .vcard-area .vcard-details li {
    color: #808996;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px; }
    .tab-content .user-profile-action .vcard-area .vcard-details li span {
      font-size: 20px; }
    .tab-content .user-profile-action .vcard-area .vcard-details li:last-child {
      margin-bottom: 0; }
.tab-content .user-profile-action .vcard-area .vcard-content .theme__btn {
  display: block;
  background-color: #F5F7FC;
  color: #272b41;
  width: 100%;
  border: 1px solid #e4e4e4;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  font-weight: 500;
  padding: 10px;
  outline: none; }
  .tab-content .user-profile-action .vcard-area .vcard-content .theme__btn span {
    font-size: 18px; }
  .tab-content .user-profile-action .vcard-area .vcard-content .theme__btn:hover {
    background-color: rgba(128, 137, 150, 0.2);
    border-color: rgba(128, 137, 150, 0.4); }
.tab-content .user-profile-action .vcard-area .vcard-content .vcard-form {
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  padding: 20px 20px 0 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  margin-top: 10px;
  position: relative; }
  .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .contact-form-action form .form-group .form-control {
    padding: 8px 12px; }
  .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .contact-form-action form .form-group .message-control {
    height: 120px; }
  .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .contact-form-action form .form-group .vcard-address {
    position: relative; }
    .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .contact-form-action form .form-group .vcard-address span {
      position: absolute;
      top: 11px;
      left: 10px;
      font-size: 20px;
      color: #808996; }
    .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .contact-form-action form .form-group .vcard-address .form-control {
      padding-right: 20px;
      padding-left: 35px; }
  .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .bio-save-btn-box {
    display: flex;
    margin-bottom: 20px; }
    .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .bio-save-btn-box .theme__btn {
      display: inline-block;
      width: auto;
      margin-right: 10px;
      padding: 8px 20px;
      font-size: 14px;
      font-weight: 600; }
    .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .bio-save-btn-box .savechange__btn {
      background-color: #40CC6F;
      border-color: #40CC6F;
      color: #fff; }
      .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form .bio-save-btn-box .savechange__btn:hover {
        border-color: #808996; }
  .tab-content .user-profile-action .vcard-area .vcard-content .vcard-form:before {
    position: absolute;
    content: '';
    top: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff; }
.tab-content .user-profile-action .vcard-area .vcard-content .vcard-form {
  display: none; }
.tab-content .user-form-action-wrap {
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  margin-bottom: 30px; }
  .tab-content .user-form-action-wrap .vcard-title-wrap {
    padding: 25px;
    border-bottom: 1px solid #e4e4e4; }
    .tab-content .user-form-action-wrap .vcard-title-wrap h3 {
      position: relative;
      font-size: 20px;
      font-weight: 600;
      color: #272b41; }
  .tab-content .user-form-action-wrap .user-form-group,
  .tab-content .user-form-action-wrap .delete-account-content {
    padding: 30px 25px 20px 25px; }
.tab-content .delete-account-wrap {
  margin-bottom: 0; }
  .tab-content .delete-account-wrap .vcard-title-wrap h3 {
    color: #f00125; }
  .tab-content .delete-account-wrap .delete-account-content {
    padding-top: 25px;
    padding-bottom: 25px; }
    .tab-content .delete-account-wrap .delete-account-content p {
      font-size: 16px;
      color: #808996;
      font-weight: 500;
      margin-bottom: 15px; }
      .tab-content .delete-account-wrap .delete-account-content p span {
        color: #f9b851;
        font-weight: 600; }
    .tab-content .delete-account-wrap .delete-account-content .delete-account-btn {
      border: none;
      font-size: 15px; }
      .tab-content .delete-account-wrap .delete-account-content .delete-account-btn:hover {
        background-color: #f00125; }

/*====================================================
    invoice-area
 ====================================================*/
.invoice-area {
  padding-top: 90px; }
  .invoice-area .invoice-content-wrap {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 40px 40px 32px 40px;
    border: 1px solid #e4e4e4; }
    .invoice-area .invoice-content-wrap .invoice-title {
      text-align: center;
      font-size: 24px;
      color: #272b41;
      font-weight: 600;
      margin-bottom: 50px; }
    @media (max-width: 320px) {
      .invoice-area .invoice-content-wrap .invoice-item .invoice-logo {
        margin-bottom: 40px; } }
    .invoice-area .invoice-content-wrap .invoice-item .invoice-logo img {
      width: 30%; }
      @media (max-width: 375px) {
        .invoice-area .invoice-content-wrap .invoice-item .invoice-logo img {
          width: 33%; } }
      @media (max-width: 320px) {
        .invoice-area .invoice-content-wrap .invoice-item .invoice-logo img {
          width: 40%; } }
    .invoice-area .invoice-content-wrap .invoice-item .invoice-text h2 {
      color: #272b41;
      font-size: 36px;
      font-weight: 600;
      font-family: "Mukta", sans-serif; }
    .invoice-area .invoice-content-wrap .invoice-item .invoice-details {
      text-align: right;
      font-size: 16px;
      color: #808996;
      font-weight: 500; }
      @media (max-width: 425px) {
        .invoice-area .invoice-content-wrap .invoice-item .invoice-details {
          text-align: left; } }
      .invoice-area .invoice-content-wrap .invoice-item .invoice-details strong {
        color: #272b41; }
    .invoice-area .invoice-content-wrap .invoice-item .invoice-details-two {
      text-align: left; }
    .invoice-area .invoice-content-wrap .invoice-item .invoice-text {
      padding-top: 42px;
      padding-bottom: 36px; }
      .invoice-area .invoice-content-wrap .invoice-item .invoice-text h2 {
        font-weight: 400; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .invoice-area .invoice-content-wrap .invoice-item .invoice-info2 {
        margin-top: 30px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .invoice-area .invoice-content-wrap .invoice-item .invoice-info2 {
        margin-top: 30px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .invoice-area .invoice-content-wrap .invoice-item .invoice-info2 {
        margin-top: 30px; } }
    .invoice-area .invoice-content-wrap .invoice-item .customer-text {
      font-size: 18px;
      color: #272b41;
      font-weight: 600;
      margin-bottom: 8px;
      display: block; }
    .invoice-area .invoice-content-wrap .invoice-table-wrap {
      margin-top: 50px; }
      .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table tr th,
      .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table tr td,
      .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table-two tr th,
      .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table-two tr td {
        font-size: 16px;
        color: #272b41;
        font-weight: 600;
        border-bottom-width: 0;
        padding: 10px 20px;
        line-height: inherit; }
      .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table tr td,
      .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table-two tr td {
        color: #808996;
        font-weight: 500;
        font-size: 15px; }
      .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table-two {
        margin-bottom: 0; }
        .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table-two tr th,
        .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table-two tr td {
          border-top: none;
          padding: 5px 0 5px 0; }
        .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive .invoice-table-two tr td {
          text-align: right; }
      .invoice-area .invoice-content-wrap .invoice-table-wrap .table-responsive2 {
        border: none; }

/*====================================================
    pricing-area
 ====================================================*/
.pricing-area {
  padding-top: 67px; }
  .pricing-area .price-item {
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pricing-area .price-item {
        width: 70%;
        margin-left: auto;
        margin-right: auto; } }
    .pricing-area .price-item .recommended-wrap {
      font-size: 16px;
      font-weight: 600;
      padding-bottom: 30px; }
      .pricing-area .price-item .recommended-wrap i {
        display: block;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #28d5a7;
        color: #fff;
        line-height: 40px;
        margin-left: auto;
        margin-right: auto;
        font-size: 22px;
        margin-bottom: 10px; }
    .pricing-area .price-item .price-head {
      background-color: #ff6b6b;
      padding: 46px 0 43px 0;
      position: relative;
      color: #fff;
      overflow: hidden;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .pricing-area .price-item .price-head .price__icon {
        font-size: 74px; }
      .pricing-area .price-item .price-head .price__title {
        font-size: 20px;
        font-weight: 600;
        margin-top: 20px; }
      .pricing-area .price-item .price-head:before, .pricing-area .price-item .price-head:after {
        content: '';
        position: absolute;
        bottom: -150px;
        right: -60px;
        width: 200px;
        height: 200px;
        background-color: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        opacity: 0.2;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .pricing-area .price-item .price-head:after {
        bottom: 20px;
        right: auto;
        left: -200px;
        width: 300px;
        height: 300px; }
    .pricing-area .price-item .price-content .price-number {
      position: relative;
      padding-top: 70px;
      padding-bottom: 33px;
      border-bottom: 1px solid #e4e4e4; }
      .pricing-area .price-item .price-content .price-number .price__value {
        color: #272b41;
        font-size: 50px;
        margin-bottom: 15px; }
        .pricing-area .price-item .price-content .price-number .price__value sup {
          color: #808996;
          font-size: 30px;
          top: -0.4em; }
      .pricing-area .price-item .price-content .price-number .price__subtitle {
        font-size: 15px;
        color: #808996;
        font-weight: 500; }
      .pricing-area .price-item .price-content .price-number:before {
        position: absolute;
        content: '';
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
        -o-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg);
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background-color: #ff6b6b;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    .pricing-area .price-item .price-content .price-listitem {
      padding: 34px 20px 34px 20px;
      text-align: left; }
      .pricing-area .price-item .price-content .price-listitem ul {
        margin-bottom: 34px; }
        .pricing-area .price-item .price-content .price-listitem ul li {
          font-size: 15px;
          color: #808996;
          font-weight: 500;
          margin-bottom: 15px; }
          .pricing-area .price-item .price-content .price-listitem ul li span {
            font-size: 14px;
            margin-right: 3px; }
          .pricing-area .price-item .price-content .price-listitem ul li .la-check {
            color: #28d5a7; }
          .pricing-area .price-item .price-content .price-listitem ul li .la-close {
            color: #ff6b6b; }
      .pricing-area .price-item .price-content .price-listitem .theme__btn {
        display: block;
        text-align: center; }
    .pricing-area .price-item:hover .price-head:before {
      bottom: -120px; }
    .pricing-area .price-item:hover .price-head:after {
      left: -170px; }
    .pricing-area .price-item:hover .price-head,
    .pricing-area .price-item:hover .price-number:before {
      background-color: #ea5555; }
    .pricing-area .price-item:hover .price-listitem .theme__btn {
      background-color: #ea5555; }
  .pricing-area .active-price-item {
    margin-top: -30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pricing-area .active-price-item {
        margin-top: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .pricing-area .active-price-item {
        margin-top: 0; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .pricing-area .active-price-item {
        margin-top: 0; } }
    .pricing-area .active-price-item .price-head {
      background-color: #28d5a7; }
    .pricing-area .active-price-item .price-content .price-number:before {
      background-color: #28d5a7; }
    .pricing-area .active-price-item .price-content .price-listitem .theme__btn {
      background-color: #28d5a7; }
    .pricing-area .active-price-item:hover .price-head,
    .pricing-area .active-price-item:hover .price-number:before {
      background-color: #28d5a7; }
    .pricing-area .active-price-item:hover .price-listitem .theme__btn {
      background-color: #28d5a7; }

/*====================================================
    about-area
 ====================================================*/
.about-area {
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 105px;
  position: relative;
    background-color:white;
  overflow: hidden; }
  .about-area .about-content {
    margin-top: -8px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-area .about-content {
        margin-bottom: 50px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .about-area .about-content {
        margin-bottom: 50px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .about-area .about-content {
        margin-bottom: 50px; } }
    .about-area .about-content .sec__title {
      margin-bottom: 0; }
    .about-area .about-content .sec__desc {
      margin-top: 27px;
      margin-bottom: 17px;
      padding-right: 50px;
      line-height: 27px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .about-area .about-content .sec__desc {
          padding-right: 0; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .about-area .about-content .sec__desc {
          padding-right: 0; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .about-area .about-content .sec__desc {
          padding-right: 0; } }
    .about-area .about-content .about__desc2 {
      margin-top: 0;
      margin-bottom: 30px; }
  .about-area .about-img-wrap {
    position: relative; }
    .about-area .about-img-wrap img {
      width: 100%;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.2); }
      .about-area .about-img-wrap img:nth-child(1) {
        z-index: 1; }
      .about-area .about-img-wrap img:nth-child(2) {
        z-index: 2; }
      .about-area .about-img-wrap img:nth-child(1), .about-area .about-img-wrap img:nth-child(2), .about-area .about-img-wrap img:nth-child(3) {
        position: absolute;
        width: 60%; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .about-area .about-img-wrap img:nth-child(1), .about-area .about-img-wrap img:nth-child(2), .about-area .about-img-wrap img:nth-child(3) {
            position: inherit;
            width: 100%; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .about-area .about-img-wrap img:nth-child(1), .about-area .about-img-wrap img:nth-child(2), .about-area .about-img-wrap img:nth-child(3) {
            position: inherit;
            width: 100%; } }
        @media only screen and (min-width: 320px) and (max-width: 479px) {
          .about-area .about-img-wrap img:nth-child(1), .about-area .about-img-wrap img:nth-child(2), .about-area .about-img-wrap img:nth-child(3) {
            position: inherit;
            width: 100%; } }
      .about-area .about-img-wrap img:nth-child(2) {
        width: 70%;
        right: 0;
        left: auto;
        margin-top: 30px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .about-area .about-img-wrap img:nth-child(2) {
            width: 100%; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .about-area .about-img-wrap img:nth-child(2) {
            width: 100%; } }
        @media only screen and (min-width: 320px) and (max-width: 479px) {
          .about-area .about-img-wrap img:nth-child(2) {
            width: 100%; } }
      .about-area .about-img-wrap img:nth-child(3) {
        margin-bottom: -425px;
        bottom: 0;
        width: 58%;
        left: 70px; }
        @media (max-width: 1199px) {
          .about-area .about-img-wrap img:nth-child(3) {
            margin-bottom: -340px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .about-area .about-img-wrap img:nth-child(3) {
            width: 100%;
            margin-top: 30px;
            margin-bottom: 0; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .about-area .about-img-wrap img:nth-child(3) {
            width: 100%;
            margin-top: 30px;
            margin-bottom: 0; } }
        @media only screen and (min-width: 320px) and (max-width: 479px) {
          .about-area .about-img-wrap img:nth-child(3) {
            width: 100%;
            margin-top: 30px;
            margin-bottom: 0; } }
    .about-area .about-img-wrap .video-text {
      position: absolute;
      top: 240px;
      left: 140px;
      z-index: 3;
      width: 80px;
      height: 80px;
      background-color: #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      line-height: 80px;
      text-align: center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9); }
      @media (max-width: 1199px) {
        .about-area .about-img-wrap .video-text {
          top: 190px;
          left: 105px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .about-area .about-img-wrap .video-text {
          margin-top: 30px;
          position: inherit;
          top: auto;
          left: auto;
          margin-left: auto;
          margin-right: auto;
          width: 100%;
          height: auto;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .about-area .about-img-wrap .video-text {
          margin-top: 30px;
          position: inherit;
          top: auto;
          left: auto;
          margin-left: auto;
          margin-right: auto;
          width: 100%;
          height: auto;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .about-area .about-img-wrap .video-text {
          margin-top: 30px;
          position: inherit;
          top: auto;
          left: auto;
          margin-left: auto;
          margin-right: auto;
          width: 100%;
          height: auto;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; } }
      .about-area .about-img-wrap .video-text:hover {
        background-color: #ff6b6b;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
        .about-area .about-img-wrap .video-text:hover .video-play-btn {
          color: #fff; }
      .about-area .about-img-wrap .video-text .video-play-btn {
        display: block;
        color: #272b41;
        font-size: 24px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .about-area .about-img-wrap .video-text .video-play-btn {
            font-size: 40px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .about-area .about-img-wrap .video-text .video-play-btn {
            font-size: 40px; } }
        @media only screen and (min-width: 320px) and (max-width: 479px) {
          .about-area .about-img-wrap .video-text .video-play-btn {
            font-size: 40px; } }
  .about-area:before, .about-area:after {
    position: absolute;
    content: '';
    top: 0;
    left: -15px;
    width: 20%;
    height: 62%;
    background-image: url("");
    background-size: cover;
    background-position: center;
    z-index: 1;
    opacity: 0.1; }
  .about-area:after {
    left: auto;
    right: -15px;
    top: auto;
    bottom: 0;
    width: 30%;
    z-index: -1; }

/*====================================================
    single-listing-area
 ====================================================*/
.single-listing-area {
  padding-top: 35px; }
  .single-listing-area .single-listing-wrap .sl__title {
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: 600; }
    .single-listing-area .single-listing-wrap .sl__title:before, .single-listing-area .single-listing-wrap .sl__title:after {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      width: 25px;
      height: 3px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      background-color: #ff6b6b; }
    .single-listing-area .single-listing-wrap .sl__title:after {
      left: 28px;
      width: 12px; }
  .single-listing-area .single-listing-wrap .sl__desc {
    font-size: 16px;
    color: #808996;
    font-weight: 500;
    margin-top: 10px; }
  .single-listing-area .single-listing-wrap .gallery-carousel {
    margin-top: 35px;
    border-bottom: 1px solid #F5F7FC;
    padding-bottom: 35px; }
    .single-listing-area .single-listing-wrap .gallery-carousel .gallery-item {
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      position: relative;
      margin-bottom: 30px; }
      .single-listing-area .single-listing-wrap .gallery-carousel .gallery-item img {
        width: 100%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; }
    .single-listing-area .single-listing-wrap .gallery-carousel .owl-nav div {
      position: absolute;
      top: 41%;
      left: 10px;
      -webkit-transform: translateY(-50%) scale(0.4);
      -moz-transform: translateY(-50%) scale(0.4);
      -ms-transform: translateY(-50%) scale(0.4);
      -o-transform: translateY(-50%) scale(0.4);
      transform: translateY(-50%) scale(0.4);
      width: 45px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: rgba(255, 107, 107, 0.7);
      color: #fff;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      opacity: 0;
      visibility: hidden; }
      .single-listing-area .single-listing-wrap .gallery-carousel .owl-nav div:hover {
        background-color: #ff6b6b; }
      .single-listing-area .single-listing-wrap .gallery-carousel .owl-nav div.owl-next {
        left: auto;
        right: 10px; }
      @media (max-width: 320px) {
        .single-listing-area .single-listing-wrap .gallery-carousel .owl-nav div {
          top: 18%;
          -webkit-transform: translateY(0) scale(0.4);
          -moz-transform: translateY(0) scale(0.4);
          -ms-transform: translateY(0) scale(0.4);
          -o-transform: translateY(0) scale(0.4);
          transform: translateY(0) scale(0.4);
          width: 40px;
          height: 40px;
          line-height: 40px; } }
    @media (max-width: 425px) {
      .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots {
        text-align: center; } }
    .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot {
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      opacity: 0.4;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media (max-width: 1199px) {
        .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot {
          margin-bottom: 10px; } }
      .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot.active, .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot:hover {
        opacity: 1; }
      .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot img {
        width: 115px;
        height: 100px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; }
        @media (max-width: 1199px) {
          .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot img {
            width: 113px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot img {
            width: 110px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot img {
            width: 110px; } }
        @media (max-width: 600px) {
          .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot img {
            width: 101px;
            height: 90px; } }
        @media only screen and (min-width: 320px) and (max-width: 479px) {
          .single-listing-area .single-listing-wrap .gallery-carousel .owl-dots .owl-dot img {
            width: 110px; } }
    .single-listing-area .single-listing-wrap .gallery-carousel:hover .owl-nav div {
      -webkit-transform: translateY(-50%) scale(1);
      -moz-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
      -o-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1);
      opacity: 1;
      visibility: visible; }
  .single-listing-area .single-listing-wrap .listing-description,
  .single-listing-area .single-listing-wrap .feature-listing,
  .single-listing-area .single-listing-wrap .video-listing,
  .single-listing-area .single-listing-wrap .contact-listing,
  .single-listing-area .single-listing-wrap .review-listing,
  .single-listing-area .single-listing-wrap .add-review-listing,
  .single-listing-area .single-listing-wrap .map-container {
    margin-top: 31px;
    border-bottom: 1px solid #F5F7FC;
    padding-bottom: 32px; }
    .single-listing-area .single-listing-wrap .listing-description .listing__text,
    .single-listing-area .single-listing-wrap .feature-listing .listing__text,
    .single-listing-area .single-listing-wrap .video-listing .listing__text,
    .single-listing-area .single-listing-wrap .contact-listing .listing__text,
    .single-listing-area .single-listing-wrap .review-listing .listing__text,
    .single-listing-area .single-listing-wrap .add-review-listing .listing__text,
    .single-listing-area .single-listing-wrap .map-container .listing__text {
      font-size: 16px;
      color: #808996;
      font-weight: 500;
      margin-top: 29px;
      line-height: 26px; }
  .single-listing-area .single-listing-wrap .feature-listing {
    padding-bottom: 18px; }
    .single-listing-area .single-listing-wrap .feature-listing .features__list {
	column-count: 2;
	margin-top: 30px;
}
      @media (max-width: 425px) {
        .single-listing-area .single-listing-wrap .feature-listing .features__list {
          column-count: 2; } }
      @media (max-width: 320px) {
        .single-listing-area .single-listing-wrap .feature-listing .features__list {
          column-count: 1; } }
      .single-listing-area .single-listing-wrap .feature-listing .features__list li {
        position: relative;
        font-size: 16px;
        color: #808996;
        margin-bottom: 15px;
        padding-left: 28px;
        font-weight: 500; }
        .single-listing-area .single-listing-wrap .feature-listing .features__list li:before {
          position: absolute;
          font-family: "LineAwesome";
          content: "\f17c";
          top: 0;
          left: 0;
          color: #ff6b6b;
          font-size: 20px; }
  .single-listing-area .single-listing-wrap .video-listing {
    padding-bottom: 35px; }
    .single-listing-area .single-listing-wrap .video-listing .video__box {
      position: relative;
      text-align: center;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      margin-top: 35px; }
      .single-listing-area .single-listing-wrap .video-listing .video__box img {
        width: 100%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; }
      .single-listing-area .single-listing-wrap .video-listing .video__box .video__box-content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
        color: #fff; }
        .single-listing-area .single-listing-wrap .video-listing .video__box .video__box-content .video-play-btn {
          width: 70px;
          height: 70px;
          line-height: 70px;
          display: inline-block;
          background-color: #ff6b6b;
          color: #fff;
          font-size: 30px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .single-listing-area .single-listing-wrap .video-listing .video__box .video__box-content .video-play-btn:hover {
            background-color: #ea5555; }
        .single-listing-area .single-listing-wrap .video-listing .video__box .video__box-content .video__desc {
          text-transform: capitalize;
          font-size: 18px;
          font-weight: 500;
          margin-top: 10px; }
      .single-listing-area .single-listing-wrap .video-listing .video__box:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(47, 38, 57, 0.6);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; }
  .single-listing-area .single-listing-wrap .listing-map {
    margin-top: 30px;
    padding-bottom: 32px;
    border-bottom: 1px solid #F5F7FC; }
    .single-listing-area .single-listing-wrap .listing-map #map {
      margin-top: 35px; }
  .single-listing-area .single-listing-wrap .gmaps {
    margin-bottom: 0; }
  .single-listing-area .single-listing-wrap .contact-listing .contact__list {
    margin-top: 40px; }
    .single-listing-area .single-listing-wrap .contact-listing .contact__list li {
      margin-bottom: 20px;
      font-size: 16px;
      color: #808996;
      font-weight: 500; }
      @media (max-width: 320px) {
        .single-listing-area .single-listing-wrap .contact-listing .contact__list li {
          display: block; } }
      .single-listing-area .single-listing-wrap .contact-listing .contact__list li:last-child {
        margin-bottom: 0; }
      .single-listing-area .single-listing-wrap .contact-listing .contact__list li span {
        color: #272b41;
        width: 170px;
        position: relative;
        display: inline-block;
        padding-left: 50px; }
        @media (max-width: 480px) {
          .single-listing-area .single-listing-wrap .contact-listing .contact__list li span {
            width: 150px; } }
        @media (max-width: 320px) {
          .single-listing-area .single-listing-wrap .contact-listing .contact__list li span {
            width: 100%;
            display: block;
            margin-bottom: 10px;
            padding-left: 45px; } }
        .single-listing-area .single-listing-wrap .contact-listing .contact__list li span i {
          position: absolute;
          top: -5px;
          left: 0;
          width: 35px;
          height: 35px;
          line-height: 35px;
          text-align: center;
          background-color: rgba(255, 107, 107, 0.1);
          color: #ff6b6b;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          font-size: 20px; }
      .single-listing-area .single-listing-wrap .contact-listing .contact__list li a {
        color: #808996;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .single-listing-area .single-listing-wrap .contact-listing .contact__list li a:hover {
          color: #ff6b6b; }
  .single-listing-area .single-listing-wrap .contact-listing .social-contact {
    margin-top: 40px;
    padding-top: 35px;
    border-top: 1px solid #F5F7FC; }
    .single-listing-area .single-listing-wrap .contact-listing .social-contact a {
      color: #fff;
      display: inline-block;
      background-color: #e4e4e4;
      font-size: 14px;
      font-weight: 500;
      padding: 6px 12px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      @media (max-width: 480px) {
        .single-listing-area .single-listing-wrap .contact-listing .social-contact a {
          margin-bottom: 5px; } }
      .single-listing-area .single-listing-wrap .contact-listing .social-contact a:hover {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -o-transform: scale(1.04);
        transform: scale(1.04); }
      .single-listing-area .single-listing-wrap .contact-listing .social-contact a.facebook-link {
        background-color: #3b5998; }
      .single-listing-area .single-listing-wrap .contact-listing .social-contact a.twitter-link {
        background-color: #1da1f2; }
      .single-listing-area .single-listing-wrap .contact-listing .social-contact a.instagram-link {
        background-color: #e1306c; }
      .single-listing-area .single-listing-wrap .contact-listing .social-contact a.linkedin-link {
        background-color: #2877B5; }
      .single-listing-area .single-listing-wrap .contact-listing .social-contact a.youtube-link {
        background-color: #f00125; }
  .single-listing-area .single-listing-wrap .review-listing .comments-list {
    margin-top: 35px;
    border-bottom: 1px solid #F5F7FC; }
    .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment {
      display: flex;
      margin-bottom: 30px; }
      @media (max-width: 600px) {
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment {
          display: block; } }
      @media (max-width: 425px) {
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment {
          text-align: center; } }
      .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .avatar__img {
        width: 80px;
        height: 80px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 4px solid #fff;
        -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
        -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
        box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); }
      .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body {
        margin-left: 16px; }
        @media (max-width: 600px) {
          .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body {
            margin-left: 0;
            margin-top: 15px; } }
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .meta-data {
          position: relative; }
          .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .meta-data span {
            display: block;
            font-size: 16px;
            color: #808996;
            font-weight: 500; }
            .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .meta-data span.comment__author {
              font-weight: 600;
              color: #272b41;
              text-transform: capitalize; }
            .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .meta-data span.comment__date {
              font-size: 14px; }
          .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .meta-data .review__count {
            display: flex;
            position: absolute;
            top: 3px;
            right: 0; }
            @media (max-width: 425px) {
              .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .meta-data .review__count {
                position: inherit;
                justify-content: center;
                top: 5px; } }
            .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .meta-data .review__count li {
              font-size: 15px; }
              .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .meta-data .review__count li span {
                color: #f9b851; }
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-content {
          font-size: 16px;
          color: #808996;
          font-weight: 500;
          line-height: 25px;
          margin-top: 17px;
          margin-bottom: 15px; }
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .comment__btn,
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn {
          color: #ff6b6b;
          display: inline-block;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          border-radius: 30px;
          padding: 5px 16px;
          font-weight: 500;
          font-size: 15px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .comment__btn:hover,
          .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn:hover {
            background-color: #ff6b6b;
            color: #fff;
            border-color: #ff6b6b; }
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn {
          float: right;
          color: #808996;
          font-size: 14px;
          -webkit-border-radius: 0 0 0 0;
          -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
          padding: 5px 0; }
          @media (max-width: 425px) {
            .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn {
              float: none;
              display: block;
              margin-top: 15px; } }
          .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn a {
            border: 1px solid rgba(128, 137, 150, 0.4);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            padding: 4px 12px;
            color: #808996;
            margin-left: 3px;
            margin-right: 3px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn a i {
              font-size: 16px; }
            .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn a:hover {
              background-color: rgba(128, 137, 150, 0.1);
              color: #272b41; }
          .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn:hover {
            background-color: transparent;
            color: #808996; }
    .single-listing-area .single-listing-wrap .review-listing .comments-list li .comments-reply {
      margin-left: 95px; }
      @media (max-width: 600px) {
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comments-reply {
          margin-left: 40px; } }
      @media (max-width: 425px) {
        .single-listing-area .single-listing-wrap .review-listing .comments-list li .comments-reply {
          margin-left: 10px; } }
  .single-listing-area .single-listing-wrap .add-review-listing {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; }

/*== rating__list ==*/
.rating__list {
  margin-top: 25px;
  margin-bottom: 45px; }
  .rating__list li {
    display: inline-block;
    padding-right: 20px; }
    @media (max-width: 320px) {
      .rating__list li {
        display: block;
        padding-right: 0;
        padding-bottom: 30px; } }
    .rating__list li .la-star {
      color: #f9b851;
      font-size: 16px; }
    .rating__list li:last-child {
      padding-right: 0; }
    .rating__list li .review-label {
      display: block;
      position: relative;
      user-select: none;
      margin-top: 5px; }
      .rating__list li .review-label input {
        opacity: 0;
        position: absolute;
        cursor: pointer; }
        .rating__list li .review-label input:checked ~ .review-mark {
          border-color: #ff6b6b; }
          .rating__list li .review-label input:checked ~ .review-mark:before {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1); }
      .rating__list li .review-label .review-mark {
        border: 2px solid #e4e4e4;
	position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        cursor: pointer;
        border-image: url('') initial;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .rating__list li .review-label .review-mark:before {
          top: 2px;
          left: 2px;
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          background-color: #ff6b6b;
          opacity: 0;
          -webkit-transform: scale(0.1);
          -moz-transform: scale(0.1);
          -ms-transform: scale(0.1);
          -o-transform: scale(0.1);
          transform: scale(0.1);
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }

/*====================================================
    input-number-group
 ====================================================*/
.booking-count {
  margin-top: 20px;
  margin-bottom: 25px; }

.input-number-group {
  width: 50%;
  float: left;
  text-align: center; }
  @media (max-width: 1199px) {
    .input-number-group {
      width: 100%;
      float: none;
      margin-bottom: 15px; } }
  .input-number-group p {
    color: #272b41;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 3px; }
  .input-number-group .input-group-button {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 24px;
    border: 1px solid #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #272b41;
    font-size: 20px;
    cursor: pointer; }
    .input-number-group .input-group-button span {
      line-height: 0; }
  .input-number-group .input-number {
    border: 1px solid #ddd;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #272b41;
    outline: none;
    height: 35px;
    padding-left: 12px; }
    @media (max-width: 425px) {
      .input-number-group .input-number {
        padding: 0;
        width: 80px; } }

/*====================================================
    funfact-area
 ====================================================*/
.funfact-area {
  background-color: #272b41;
  color: #fff;
  padding-top: 96px;
  padding-bottom: 95px;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .funfact-area {
      padding-bottom: 50px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .funfact-area {
      padding-bottom: 50px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .funfact-area {
      padding-bottom: 50px; } }
  .funfact-area .fun-fact-wrap {
    margin-top: 57px; }
    .funfact-area .fun-fact-wrap .fun-item {
      position: relative;
      z-index: 1; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .funfact-area .fun-fact-wrap .fun-item {
          margin-bottom: 50px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .funfact-area .fun-fact-wrap .fun-item {
          margin-bottom: 50px; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .funfact-area .fun-fact-wrap .fun-item {
          margin-bottom: 50px; } }
      .funfact-area .fun-fact-wrap .fun-item .fun-number {
        width: 135px;
        height: 135px;
        line-height: 135px;
        background-color: #e4e4e4;
        margin-left: auto;
        margin-right: auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: relative; }
        .funfact-area .fun-fact-wrap .fun-item .fun-number:after {
          position: absolute;
          content: '';
          top: 0;
          right: 0;
          width: 30px;
          height: 30px;
          background-color: #272b41;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
        .funfact-area .fun-fact-wrap .fun-item .fun-number span {
          font-size: 30px;
          font-weight: 600; }
      .funfact-area .fun-fact-wrap .fun-item .fun-bg1 {
        background-color: #28d5a7; }
      .funfact-area .fun-fact-wrap .fun-item .fun-bg2 {
        background-color: #f9b851; }
      .funfact-area .fun-fact-wrap .fun-item .fun-bg3 {
        background-color: #CC08E9; }
      .funfact-area .fun-fact-wrap .fun-item .fun-bg4 {
        background-color: #FF8C2A; }
      .funfact-area .fun-fact-wrap .fun-item .fun-content {
        margin-top: 20px; }
        .funfact-area .fun-fact-wrap .fun-item .fun-content .counter__title {
          font-size: 18px;
          font-weight: 600; }
  .funfact-area:before, .funfact-area:after {
    position: absolute;
    content: '';
    top: -5px;
    left: -10px;
    width: 20%;
    height: 50%;
    background-image: url("../images/dots.png");
    background-size: cover;
    background-position: center;
    opacity: 0.8;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s; }
    @media (max-width: 768px) {
      .funfact-area:before, .funfact-area:after {
        display: none; } }
  .funfact-area:after {
    left: auto;
    right: -10px;
    top: auto;
    bottom: -5px; }
  .funfact-area:hover:before, .funfact-area:hover:after {
    height: 100%; }

/*====================================================
    funfact-area2
 ====================================================*/
.funfact-area2 {
  padding-top: 98px;
  padding-bottom: 104px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .funfact-area2 {
      padding-bottom: 55px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .funfact-area2 {
      padding-bottom: 55px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .funfact-area2 {
      padding-bottom: 55px; } }
  .funfact-area2 .fun-fact-wrap .fun-item {
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 32px 20px 26px 20px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .funfact-area2 .fun-fact-wrap .fun-item {
        width: 65%;
        margin-left: auto;
        margin-right: auto; } }
    .funfact-area2 .fun-fact-wrap .fun-item .fun-number {
      background-color: transparent;
      color: #fff;
      width: auto;
      height: auto;
      line-height: inherit;
      -webkit-border-radius: 0 0 0 0;
      -moz-border-radius: 0 0 0 0;
      border-radius: 0 0 0 0; }
      .funfact-area2 .fun-fact-wrap .fun-item .fun-number span {
        font-weight: 700; }
      .funfact-area2 .fun-fact-wrap .fun-item .fun-number:after {
        display: none; }
    .funfact-area2 .fun-fact-wrap .fun-item .fun-content {
      margin-top: 12px; }
      .funfact-area2 .fun-fact-wrap .fun-item .fun-content .counter__title {
        color: #fff;
        font-weight: 700; }
    .funfact-area2 .fun-fact-wrap .fun-item .fun-btn {
      margin-top: 50px; }
      .funfact-area2 .fun-fact-wrap .fun-item .fun-btn .fun__btn {
        border: 2px solid #e4e4e4;
        text-transform: capitalize;
        color: #808996;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        padding: 6px 20px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    .funfact-area2 .fun-fact-wrap .fun-item:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 124px;
      top: 0;
      left: 0;
      background-color: #e4e4e4;
      z-index: -1;
      -webkit-border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0; }
    .funfact-area2 .fun-fact-wrap .fun-item:hover {
      -webkit-transform: translateY(-4px);
      -moz-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      -o-transform: translateY(-4px);
      transform: translateY(-4px); }
  .funfact-area2 .fun-fact-wrap .fun-bg1 .fun-btn .fun__btn {
    border-color: #28d5a7;
    color: #28d5a7; }
  .funfact-area2 .fun-fact-wrap .fun-bg1:before {
    background-color: #28d5a7; }
  .funfact-area2 .fun-fact-wrap .fun-bg1:hover .fun-btn .fun__btn {
    background-color: #28d5a7;
    color: #fff; }
  .funfact-area2 .fun-fact-wrap .fun-bg2 .fun-btn .fun__btn {
    border-color: #f9b851;
    color: #f9b851; }
  .funfact-area2 .fun-fact-wrap .fun-bg2:before {
    background-color: #f9b851; }
  .funfact-area2 .fun-fact-wrap .fun-bg2:hover .fun-btn .fun__btn {
    background-color: #f9b851;
    color: #fff; }
  .funfact-area2 .fun-fact-wrap .fun-bg3 .fun-btn .fun__btn {
    border-color: #CC08E9;
    color: #CC08E9; }
  .funfact-area2 .fun-fact-wrap .fun-bg3:before {
    background-color: #CC08E9; }
  .funfact-area2 .fun-fact-wrap .fun-bg3:hover .fun-btn .fun__btn {
    background-color: #CC08E9;
    color: #fff; }
  .funfact-area2 .fun-fact-wrap .fun-bg4 .fun-btn .fun__btn {
    border-color: #FF8C2A;
    color: #FF8C2A; }
  .funfact-area2 .fun-fact-wrap .fun-bg4:before {
    background-color: #FF8C2A; }
  .funfact-area2 .fun-fact-wrap .fun-bg4:hover .fun-btn .fun__btn {
    background-color: #FF8C2A;
    color: #fff; }
  .funfact-area2:before {
    width: 100%;
    height: 100%;
    background-image: url("../images/dots3.png");
    background-attachment: fixed;
    opacity: 0.2; }
  .funfact-area2:after {
    display: none; }

/*====================================================
    cta-area
 ====================================================*/
.cta-area {
	background-color: #EEF2FC;
    z-index: 1;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
}
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area {
      text-align: center; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .cta-area {
      text-align: center; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .cta-area {
      text-align: center; } }
  .cta-area .section-heading .sec__meta {
    width: 100%; }
  .cta-area .symble-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2; }
    .cta-area .symble-img:nth-child(1) {
      left: 5%;
      top: 5%; }
    .cta-area .symble-img:nth-child(2) {
      left: 10%;
      top: auto;
      bottom: 8%; }
    .cta-area .symble-img:nth-child(3) {
      left: auto;
      right: 8%;
      top: 5%; }
    .cta-area .symble-img:nth-child(4) {
      left: auto;
      right: 11%;
      top: auto;
      bottom: 2%; }
  .cta-area .cta-button-box {
    text-align: right;
    margin-top: 35px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cta-area .cta-button-box {
        text-align: center; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .cta-area .cta-button-box {
        text-align: center; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .cta-area .cta-button-box {
        text-align: center; } }

/*====================================================
    cta-area2
 ====================================================*/
.cta-area2 {
  background-color: transparent;
  padding-bottom: 0;
  margin-bottom: -80px;
    background-color:white;
  z-index: 2; }
  @media (max-width: 320px) {
    .cta-area2 {
      padding-top: 50px; } }
  .cta-area2 .cta-box {
    background-color: #272b41;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 35px 35px 40px 35px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.4);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.4);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.4);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .cta-area2 .cta-box .section-heading .sec__title2 {
      margin-bottom: 12px; }
      @media (max-width: 480px) {
        .cta-area2 .cta-box .section-heading .sec__title2 {
          font-size: 28px; } }
      @media (max-width: 425px) {
        .cta-area2 .cta-box .section-heading .sec__title2 {
          font-size: 26px; } }
    .cta-area2 .cta-box .col-md-8 {
      padding: 0; }
    .cta-area2 .cta-box .col-md-4 {
      padding: 0; }
    .cta-area2 .cta-box .contact-form-action {
      margin-top: 38px; }
      .cta-area2 .cta-box .contact-form-action form {
        position: relative; }
        .cta-area2 .cta-box .contact-form-action form span {
          position: absolute;
          top: 15px;
          left: 12px;
          color: #808996;
          font-size: 18px; }
        .cta-area2 .cta-box .contact-form-action form .form-control {
          height: auto;
          padding: 11px 12px 11px 35px;
          color: #272b41;
          font-weight: 500;
          line-height: inherit; }
          .cta-area2 .cta-box .contact-form-action form .form-control:focus {
            border-color: #e4e4e4;
            -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
            -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
            box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2); }
        .cta-area2 .cta-box .contact-form-action form .theme__btn {
          position: absolute;
          right: 0;
          top: 0;
          border: none;
          -webkit-border-radius: 0 4px 4px 0;
          -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0; }
          @media (max-width: 320px) {
            .cta-area2 .cta-box .contact-form-action form .theme__btn {
              position: inherit;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px;
              margin-top: 15px; } }
    .cta-area2 .cta-box:before, .cta-area2 .cta-box:after {
      position: absolute;
      top: 45px;
      left: 0;
      color: rgba(128, 137, 150, 0.2);
      font-family: "LineAwesome";
      font-size: 160px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      z-index: -1; }
    .cta-area2 .cta-box:before {
      content: "\f1c7"; }
    .cta-area2 .cta-box:after {
      content: "\f2b0";
      left: auto;
      top: auto;
      right: 0;
      bottom: 0;
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0); }
    .cta-area2 .cta-box:hover {
      -webkit-transform: scale(0.99);
      -moz-transform: scale(0.99);
      -ms-transform: scale(0.99);
      -o-transform: scale(0.99);
      transform: scale(0.99); }

/*===== cta-area3 ======*/
.cta-area3 {
  padding-top: 50px; }

/*====================================================
    mobile-app-area
 ====================================================*/
.mobile-app-area {
  padding-top: 96px;
  padding-bottom: 105px; }
  .mobile-app-area .cta-button-box {
    text-align: center; }
    .mobile-app-area .cta-button-box .apple__store {
      margin-right: 10px; }
      @media (max-width: 425px) {
        .mobile-app-area .cta-button-box .apple__store {
          margin-right: 0;
          margin-bottom: 10px; } }
    .mobile-app-area .cta-button-box .theme__btn {
      padding: 18px 45px;
      background-color: #fff;
      border: 1px solid #808996;
      color: #272b41; }
      @media (max-width: 425px) {
        .mobile-app-area .cta-button-box .theme__btn {
          padding: 15px 37px; } }
      .mobile-app-area .cta-button-box .theme__btn:hover {
        background-color: #ff6b6b;
        color: #fff;
        border-color: #ff6b6b; }
      .mobile-app-area .cta-button-box .theme__btn span {
        font-size: 18px; }

/*====================================================
    testimonial-area
 ====================================================*/
.testimonial-area {
  position: relative;
  padding-top: 96px;
  padding-bottom: 97px;
  overflow: hidden;
  z-index: 1; }
  @media (max-width: 375px) {
    .testimonial-area {
      padding-bottom: 100px; } }
  .testimonial-area:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    opacity: 0.8; }
  .testimonial-area .random-img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 10px 30px rgba(255, 77, 121, 0.2);
    -moz-box-shadow: 0 10px 30px rgba(255, 77, 121, 0.2);
    box-shadow: 0 10px 30px rgba(255, 77, 121, 0.2); }
    @media (max-width: 480px) {
      .testimonial-area .random-img {
        display: none; } }
    .testimonial-area .random-img:nth-child(1) {
      top: 5%;
      left: 8%; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .testimonial-area .random-img:nth-child(1) {
          left: 4%; } }
      @media (max-width: 600px) {
        .testimonial-area .random-img:nth-child(1) {
          display: none; } }
    .testimonial-area .random-img:nth-child(2) {
      top: 28%;
      left: 22%;
      width: 95px;
      height: 95px; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .testimonial-area .random-img:nth-child(2) {
          left: 1%;
          top: 30%; } }
    .testimonial-area .random-img:nth-child(3) {
      top: 53%;
      left: 6%;
      width: 85px;
      height: 85px; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .testimonial-area .random-img:nth-child(3) {
          top: 60%;
          left: 14%; } }
    .testimonial-area .random-img:nth-child(4) {
      top: auto;
      bottom: 10%;
      left: 20%;
      width: 75px;
      height: 75px; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .testimonial-area .random-img:nth-child(4) {
          left: 6%; } }
    .testimonial-area .random-img:nth-child(5) {
      top: -10px;
      left: auto;
      right: -20px; }
      @media (max-width: 600px) {
        .testimonial-area .random-img:nth-child(5) {
          display: none; } }
    .testimonial-area .random-img:nth-child(6) {
      top: 30%;
      left: auto;
      right: 20%;
      width: 70px;
      height: 70px; }
    .testimonial-area .random-img:nth-child(7) {
      top: auto;
      left: auto;
      bottom: 30%;
      right: 6%;
      width: 60px;
      height: 60px; }
    .testimonial-area .random-img:nth-child(8) {
      top: auto;
      left: auto;
      bottom: 3%;
      right: 14%;
      width: 45px;
      height: 45px; }
  .testimonial-area .client-testimonial {
    margin-top: 30px;
    position: relative; }
    .testimonial-area .client-testimonial .owl-stage-outer {
      padding: 30px 0; }
    .testimonial-area .client-testimonial .testimonial-item .testi__img {
      width: 90px;
      height: 90px;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.2); }
      .testimonial-area .client-testimonial .testimonial-item .testi__img img {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
    .testimonial-area .client-testimonial .testimonial-item .testi-comment {
      background-color: #fff;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      position: relative;
      padding: 30px 30px 33px 30px;
      margin-bottom: 42px;
      z-index: 1; }
      .testimonial-area .client-testimonial .testimonial-item .testi-comment .testi__desc {
        font-size: 20px;
        color: #808996;
        line-height: 30px;
        font-weight: 500; }
        @media (max-width: 600px) {
          .testimonial-area .client-testimonial .testimonial-item .testi-comment .testi__desc {
            width: 100%; } }
      .testimonial-area .client-testimonial .testimonial-item .testi-comment:before {
        position: absolute;
        content: "\f0d7";
        bottom: -18px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #fff;
        font-family: "FontAwesome";
        font-size: 40px; }
      .testimonial-area .client-testimonial .testimonial-item .testi-comment:after {
        position: absolute;
        content: "\f10e";
        right: 20px;
        bottom: -15px;
        font-family: "FontAwesome";
        color: #272b41;
        opacity: 0.1;
        z-index: -1;
        font-size: 100px; }
        @media (max-width: 480px) {
          .testimonial-area .client-testimonial .testimonial-item .testi-comment:after {
            font-size: 70px; } }
    .testimonial-area .client-testimonial .testimonial-item .tesi__title {
      font-size: 18px;
      font-weight: 700;
      margin-top: 17px;
      margin-bottom: 15px;
      color: #272b41; }
    .testimonial-area .client-testimonial .testimonial-item .testi__meta {
      font-size: 14px;
      text-transform: capitalize;
      font-weight: 500;
      color: #808996;
      border: 1px solid #e4e4e4;
      padding: 6px 17px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px; }
    .testimonial-area .client-testimonial .owl-nav div {
      position: absolute;
      top: 50%;
      left: -32px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 45px;
      height: 45px;
      line-height: 40px;
      border: 2px solid rgba(39, 43, 65, 0.2);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      text-align: center;
      font-size: 24px;
      color: rgba(39, 43, 65, 0.2);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media (max-width: 768px) {
        .testimonial-area .client-testimonial .owl-nav div {
          top: auto;
          left: 37%;
          bottom: 0;
          -webkit-transform: translateY(15%);
          -moz-transform: translateY(15%);
          -ms-transform: translateY(15%);
          -o-transform: translateY(15%);
          transform: translateY(15%); } }
      @media (max-width: 600px) {
        .testimonial-area .client-testimonial .owl-nav div {
          left: 33%; } }
      @media (max-width: 425px) {
        .testimonial-area .client-testimonial .owl-nav div {
          left: 26%; } }
      @media (max-width: 320px) {
        .testimonial-area .client-testimonial .owl-nav div {
          left: 22%; } }
      .testimonial-area .client-testimonial .owl-nav div.owl-next {
        left: auto;
        right: -32px; }
        @media (max-width: 768px) {
          .testimonial-area .client-testimonial .owl-nav div.owl-next {
            right: 37%; } }
        @media (max-width: 600px) {
          .testimonial-area .client-testimonial .owl-nav div.owl-next {
            right: 33%; } }
        @media (max-width: 425px) {
          .testimonial-area .client-testimonial .owl-nav div.owl-next {
            right: 26%; } }
        @media (max-width: 320px) {
          .testimonial-area .client-testimonial .owl-nav div.owl-next {
            right: 22%; } }
      .testimonial-area .client-testimonial .owl-nav div:hover {
        background-color: #ff6b6b;
        border-color: #ff6b6b;
        color: #fff; }
    .testimonial-area .client-testimonial .owl-dots {
      width: 100%;
      text-align: center; }
      .testimonial-area .client-testimonial .owl-dots div {
        width: 14px;
        height: 14px;
        border: 2px solid rgba(39, 43, 65, 0.2);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        margin: 0 3px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: .8; }
        .testimonial-area .client-testimonial .owl-dots div:hover, .testimonial-area .client-testimonial .owl-dots div.active {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          background-color: #ff6b6b;
          border-color: #ff6b6b;
          opacity: 1; }

/*===== testimonial-area2 ======*/
.testimonial-area2 {
  padding-top: 173px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .testimonial-area2 {
      padding-top: 96px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .testimonial-area2 {
      padding-top: 96px; } }

/*====================================================
    blog-area
 ====================================================*/
.blog-area {
  padding-top: 96px;
  padding-bottom: 77px;
  position: relative;
  border-top: 1px solid #F5F7FC;
  border-bottom: 1px solid #F5F7FC;
  z-index: 1;
    background-color: white;
  overflow: hidden; }
  @media (max-width: 375px) {
    .blog-area {
      padding-bottom: 73px; } }
  .blog-area .blog-post-wrapper {
    margin-top: 57px; }
    .blog-area .blog-post-wrapper .blog-post-item {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-bottom: 30px;
      border-bottom: 2px solid #F5F7FC;
      position: relative;
      height: 100%; }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .blog-area .blog-post-wrapper .blog-post-item {
          width: 65%;
          margin-left: auto;
          margin-right: auto; } }
      @media (max-width: 480px) {
        .blog-area .blog-post-wrapper .blog-post-item {
          width: 100%; } }
      .blog-area .blog-post-wrapper .blog-post-item .blog-post-img {
        position: relative;
        z-index: 1;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
        .blog-area .blog-post-wrapper .blog-post-item .blog-post-img .blog__img {
          width: 100%;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
        .blog-area .blog-post-wrapper .blog-post-item .blog-post-img a {
          display: block; }
      .blog-area .blog-post-wrapper .blog-post-item .blog-post-body {
        padding: 28px 0 35px 0;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        background-color: #fff; }
        .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta {
          margin-top: 15px; }
          .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li {
            display: inline-block;
            color: #808996;
            font-size: 15px;
            text-transform: capitalize;
            font-weight: 500; }
            @media (max-width: 1199px) {
              .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li {
                display: block;
                margin-bottom: 5px; } }
            .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li a {
              color: #808996;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
              .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li a.tag__text {
                border: 2px solid rgba(39, 43, 65, 0.1);
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                border-radius: 30px;
                padding: 5px 11px; }
                .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li a.tag__text:hover {
                  background-color: #ff6b6b;
                  color: #fff;
                  border-color: #ff6b6b; }
              .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li a:hover {
                color: #ff6b6b; }
            .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li:last-child {
              float: right; }
              @media (max-width: 1199px) {
                .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li:last-child {
                  float: none; } }
        .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .blog__title {
          font-size: 20px;
          color: #272b41;
          font-weight: 700;
          line-height: 27px;
          display: block;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .blog__title:hover {
            color: #ff6b6b; }
        .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .blog__desc {
          font-size: 16px;
          color: #808996;
          margin-top: 24px;
          margin-bottom: 26px;
          font-weight: 500;
          line-height: 26px; }
          @media (max-width: 320px) {
            .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .blog__desc {
              margin-top: 40px; } }
        .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__bottom li {
          text-transform: capitalize;
          font-size: 16px;
          color: #272b41;
          display: inline-block;
          font-weight: 500; }
          .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__bottom li img {
            width: 45px;
            height: 45px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: 3px solid #fff;
            margin-right: 3px;
            -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
            -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
            box-shadow: 0 0 40px rgba(82, 85, 90, 0.2); }
          .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__bottom li span {
            color: #808996; }
          .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__bottom li a {
            color: #808996;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            position: relative;
            margin-top: 10px;
            display: block; }
            .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__bottom li a:hover {
              color: #ff6b6b; }
          .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__bottom li:last-child {
            float: right; }
      .blog-area .blog-post-wrapper .blog-post-item:hover {
        border-bottom-color: #ff6b6b;
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02); }
  .blog-area:before, .blog-area:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 30%;
    height: 40%;
    background-image: url("");
    background-size: cover;
    background-position: center;
    z-index: -1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0.1; }
    @media (max-width: 480px) {
      .blog-area:before, .blog-area:after {
        display: none; } }
  .blog-area:after {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0; }

/*====================================================
    inner-blog-area
 ====================================================*/
.inner-blog-area {
  padding-top: 35px;
  padding-bottom: 103px;
  border-top: none; }

/*====================================================
   clientlogo-area
 ====================================================*/
.clientlogo-area {
  padding-top: 84px; }
  @media (max-width: 320px) {
    .clientlogo-area {
      padding-top: 60px; } }
  .clientlogo-area .client-logo {
    text-align: center; }
    .clientlogo-area .client-logo .owl-item .client-logo-item {
      display: inline-block;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      padding: 20px 20px; }
      .clientlogo-area .client-logo .owl-item .client-logo-item img {
        opacity: 0.4;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .clientlogo-area .client-logo .owl-item .client-logo-item:hover {
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03); }
        .clientlogo-area .client-logo .owl-item .client-logo-item:hover img {
          opacity: 1; }

/*====================================================
    inner-blog-area
 ====================================================*/
.blog-area.inner-blog-area {
  border-bottom: none;
  padding-bottom: 15px; }
  .blog-area.inner-blog-area .blog-post-wrapper {
    margin-top: 0; }
    .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post {
      border-bottom: none;
      margin-bottom: 0; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post {
          width: 100%; } }
      .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post:after {
        display: none; }
      .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-img:after {
        display: none; }
      .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body {
        padding-bottom: 0; }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .post__meta {
          margin-bottom: 20px; }
          @media (max-width: 600px) {
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .post__meta li {
              display: block;
              margin-bottom: 10px; } }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .post__meta li img {
            width: 45px;
            height: 45px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: 3px solid #fff;
            margin-right: 3px;
            -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
            -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
            box-shadow: 0 0 40px rgba(82, 85, 90, 0.2); }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .post__meta li span {
            font-size: 16px;
            color: #808996;
            font-weight: 500;
            margin-right: 5px; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .post__meta li:last-child {
            margin-top: 9px; }
            @media (max-width: 600px) {
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .post__meta li:last-child {
                margin-top: -35px;
                margin-bottom: 0; } }
            @media (max-width: 425px) {
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .post__meta li:last-child {
                float: none;
                margin-top: 0; } }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .bs__title {
          font-size: 26px;
          border-bottom: 1px solid #F5F7FC;
          padding-bottom: 20px;
          margin-bottom: 25px; }
          @media (max-width: 600px) {
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .bs__title {
              line-height: 35px; } }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog__desc {
          margin-bottom: 15px;
          margin-top: 15px; }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .quote-and-img-box .blockquote-content {
          border-left-color: #ea5555;
          position: relative;
          padding: 32px 35px 38px 35px;
          margin-top: 40px;
          margin-bottom: 30px;
          color: #fff;
          background-color: #ff6b6b; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .quote-and-img-box .blockquote-content i {
            font-size: 100px;
            color: #808996;
            position: absolute;
            top: 0;
            left: 20px;
            z-index: -1; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .quote-and-img-box .blockquote-content p {
            font-size: 20px;
            font-weight: 500;
            line-height: 27px;
            font-style: italic; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .quote-and-img-box .blockquote-content h4 {
            font-size: 20px;
            font-weight: 600;
            margin-top: 25px; }
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .quote-and-img-box .blockquote-content h4 span {
              font-size: 16px;
              font-weight: 500; }
              @media (max-width: 320px) {
                .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .quote-and-img-box .blockquote-content h4 span {
                  display: block;
                  margin-top: 5px; } }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .quote-and-img-box .blockquote-content:after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #ea5555;
            opacity: 0.7;
            z-index: -1; }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .quote-and-img-box .img-fluid {
          width: 100%;
          height: auto;
          margin-bottom: 22px; }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share {
          display: flex;
          margin-top: 40px;
          margin-bottom: 40px;
          padding-top: 30px;
          padding-bottom: 30px;
          border-top: 1px solid #F5F7FC;
          border-bottom: 1px solid #F5F7FC; }
          @media (max-width: 1024px) {
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share {
              flex-direction: column; } }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .bt-item .bts__title {
            font-size: 18px;
            font-weight: 600; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .bt-item ul {
            display: flex;
            align-items: center; }
            @media (max-width: 1024px) {
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .bt-item ul {
                flex-direction: column;
                display: inherit; } }
            @media (max-width: 1024px) {
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .bt-item ul li {
                display: inline-block;
                margin-bottom: 5px; } }
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .bt-item ul li span {
              color: #272b41;
              font-weight: 600;
              margin-right: 8px; }
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .bt-item ul li a {
              margin-left: 4px;
              display: block;
              color: #808996;
              border: 2px solid rgba(140, 67, 255, 0.1);
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px;
              -webkit-transition: all 0.5s;
              -moz-transition: all 0.5s;
              -ms-transition: all 0.5s;
              -o-transition: all 0.5s;
              transition: all 0.5s;
              font-size: 16px; }
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .bt-item ul li a:hover {
                background-color: #ea5555;
                color: #fff;
                border-color: #ea5555; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .tags {
            width: 60%; }
            @media (max-width: 1024px) {
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .tags {
                width: 100%;
                margin-bottom: 20px; } }
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .tags ul li a {
              padding: 5px 12px;
              font-weight: 500; }
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .tags ul li a:hover {
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                border-radius: 30px; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .shares {
            width: 40%; }
            @media (max-width: 1024px) {
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .shares {
                width: 100%; } }
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .shares ul {
              justify-content: flex-end; }
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .blog-tag-and-share .shares ul li a {
                width: 36px;
                height: 36px;
                line-height: 36px;
                text-align: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%; }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-title {
          font-size: 26px;
          color: #272b41;
          font-weight: 700; }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .leave-desc {
          font-size: 16px;
          color: #808996;
          font-weight: 500;
          margin-top: 5px;
          margin-bottom: 32px; }
        .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list {
          margin-top: 45px;
          margin-bottom: 45px; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment {
            border: 1px solid #eee;
            padding: 30px 30px 30px 20px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            margin-bottom: 30px; }
            @media (max-width: 600px) {
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment {
                text-align: center; } }
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .avatar__img {
              width: 100px;
              height: 100px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              margin-right: 20px;
              border: 8px solid #fff;
              -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
              -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
              box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
              float: left; }
              @media (max-width: 600px) {
                .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .avatar__img {
                  float: none;
                  margin-right: 0; } }
            .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body {
              margin-left: 110px; }
              @media (max-width: 600px) {
                .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body {
                  margin-left: 0; } }
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .meta-data .comment__author {
                font-size: 18px;
                text-transform: capitalize;
                color: #272b41;
                font-weight: 600;
                margin-bottom: 12px;
                display: inline-block; }
                @media (max-width: 600px) {
                  .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .meta-data .comment__author {
                    margin-bottom: 5px;
                    margin-top: 20px; } }
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .meta-data .comment__date {
                font-size: 15px;
                color: #808996;
                font-weight: 500;
                float: right; }
                @media (max-width: 600px) {
                  .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .meta-data .comment__date {
                    float: none;
                    display: block;
                    margin-bottom: 20px; } }
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-content {
                font-size: 16px;
                color: #808996;
                margin-bottom: 15px;
                font-weight: 500; }
                @media (max-width: 600px) {
                  .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-content {
                    margin-bottom: 20px; } }
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-reply {
                margin-left: 8px; }
                .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-reply .comment__btn {
                  color: #272b41;
                  position: relative;
                  -webkit-transition: all 0.3s;
                  -moz-transition: all 0.3s;
                  -ms-transition: all 0.3s;
                  -o-transition: all 0.3s;
                  transition: all 0.3s;
                  font-size: 16px;
                  display: inline-block;
                  padding: 8px 25px;
                  border: 1px solid #eee;
                  -webkit-border-radius: 30px;
                  -moz-border-radius: 30px;
                  border-radius: 30px;
                  font-weight: 500; }
                  .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-reply .comment__btn:hover {
                    background-color: #ff6b6b;
                    color: #fff;
                    border-color: #ff6b6b; }
                .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-reply .helpful__action {
                  float: right;
                  margin-top: 10px; }
                  @media (max-width: 600px) {
                    .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-reply .helpful__action {
                      float: none;
                      margin-top: 30px; } }
                  .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-reply .helpful__action a {
                    border: 1px solid rgba(128, 137, 150, 0.4);
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    padding: 4px 12px;
                    color: #808996;
                    margin-left: 3px;
                    margin-right: 3px;
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    -ms-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s; }
                    .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comment .comment-body .comment-reply .helpful__action a:hover {
                      background-color: rgba(128, 137, 150, 0.1);
                      color: #272b41; }
          .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comments-reply {
            margin-left: 130px; }
            @media (max-width: 600px) {
              .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post .blog-post-body .comments-wrapper .comments-list li .comments-reply {
                margin-left: 20px; } }
      .blog-area.inner-blog-area .blog-post-wrapper .blog-single-post:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }

/*====================================================
   blog-single-area
 ====================================================*/
.blog-single-area {
  padding-bottom: 52px; }
  .blog-single-area:before, .blog-single-area:after {
    display: none; }

/*====================================================
   author-verified-badge
 ====================================================*/
.author-verified-badge {
  margin-top: 2px;
  margin-bottom: 30px; }
  .author-verified-badge .author__verified-badge {
    background-color: #40CC6F;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 15px 0;
    cursor: help; }
    .author-verified-badge .author__verified-badge span {
      font-size: 18px; }
  .author-verified-badge .tooltip.top .tooltip-inner {
    background-color: #272b41; }
  .author-verified-badge .tooltip.top .tooltip-arrow {
    border-top-color: #272b41; }

/*====================================================
   sidebar
 ====================================================*/
.sidebar {
  background-color: #F5F7FC;
  border: 1px solid #eee;
  padding: 40px 30px 0 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar {
      margin-top: 40px;
      margin-bottom: 50px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .sidebar {
      margin-bottom: 50px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .sidebar {
      width: 65%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .sidebar {
      margin-top: 40px;
      margin-bottom: 50px; } }
  .sidebar .sidebar-widget {
    margin-bottom: 40px; }
    .sidebar .sidebar-widget #showmore-1 {
      max-width: 100%; }
    .sidebar .sidebar-widget .author-box {
      margin-bottom: 25px; }
      .sidebar .sidebar-widget .author-box img {
        float: left;
        width: 85px;
        height: 85px;
        border: 4px solid #fff;
        margin-right: 15px; }
      .sidebar .sidebar-widget .author-box .author__title {
        margin-top: 18px;
        font-size: 18px; }
      .sidebar .sidebar-widget .author-box .author__meta {
        color: #808996; }
    .sidebar .sidebar-widget .author__contact li {
      color: #808996;
      margin-bottom: 10px;
      font-weight: 500;
      font-size: 15px; }
      .sidebar .sidebar-widget .author__contact li:last-child {
        margin-bottom: 0; }
      .sidebar .sidebar-widget .author__contact li span {
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background-color: rgba(255, 107, 107, 0.1);
        color: #ff6b6b;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-size: 18px;
        margin-right: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .sidebar .sidebar-widget .author__contact li a {
        color: #808996;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .sidebar .sidebar-widget .author__contact li:hover span {
        background-color: #ff6b6b;
        color: #fff; }
      .sidebar .sidebar-widget .author__contact li:hover a {
        color: #ff6b6b; }
    .sidebar .sidebar-widget .author__link {
      text-align: center;
      padding-top: 30px;
      margin-top: 30px;
      border-top: 1px solid #e4e4e4; }
      .sidebar .sidebar-widget .author__link li {
        display: inline-block; }
        .sidebar .sidebar-widget .author__link li a {
          display: block;
          width: 35px;
          height: 35px;
          line-height: 35px;
          background-color: rgba(128, 137, 150, 0.2);
          color: #272b41;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          font-size: 16px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .sidebar .sidebar-widget .author__link li a:hover {
            background-color: #272b41;
            color: #fff; }
    .sidebar .sidebar-widget .authorprofile__btn {
      text-align: center;
      margin-top: 30px; }
      .sidebar .sidebar-widget .authorprofile__btn .theme__btn {
        display: block; }
    .sidebar .sidebar-widget .date-range {
      height: auto;
      line-height: inherit;
      padding: 12px 15px;
      font-size: 13px;
      color: #808996;
      border-color: #e4e4e4;
      font-weight: 500;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-bottom: 15px;
      -webkit-box-shadow: 0 0 0 0;
      -moz-box-shadow: 0 0 0 0;
      box-shadow: 0 0 0 0;
      outline: none; }
      .sidebar .sidebar-widget .date-range:focus {
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        border-color: #eee; }
    .sidebar .sidebar-widget .booking-btn-box {
      text-align: center; }
      .sidebar .sidebar-widget .booking-btn-box .theme__btn {
        display: block; }
    .sidebar .sidebar-widget .opening-hours .listing-badge {
      text-align: center;
      background-color: #40CC6F;
      display: block;
      margin-bottom: 25px; }
    .sidebar .sidebar-widget .opening-hours ul li {
      color: #272b41;
      font-size: 15px;
      font-weight: 500;
      margin-bottom: 10px; }
      .sidebar .sidebar-widget .opening-hours ul li:last-child {
        margin-bottom: 0; }
      .sidebar .sidebar-widget .opening-hours ul li span {
        float: right;
        color: #808996; }
      .sidebar .sidebar-widget .opening-hours ul li.off-text span {
        font-weight: 600;
        color: #ff6b6b; }
    .sidebar .sidebar-widget .widget__title {
      font-size: 20px;
      color: #272b41;
      font-weight: 600;
      text-align: center;
      border: 2px solid rgba(128, 137, 150, 0.2);
      padding: 10px 0;
      margin-bottom: 30px;
      text-transform: capitalize;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px; }
      @media (max-width: 320px) {
        .sidebar .sidebar-widget .widget__title {
          font-size: 20px; } }
    .sidebar .sidebar-widget form .news__desc,
    .sidebar .sidebar-widget form .news__desc2 {
      font-size: 16px;
      color: #808996;
      font-weight: 500;
      margin-bottom: 20px; }
    .sidebar .sidebar-widget form .news__desc2 {
      margin-top: 10px;
      margin-bottom: 0;
      font-size: 15px;
      font-weight: 600; }
    .sidebar .sidebar-widget form .form-group {
      position: relative;
      margin-bottom: 40px; }
      .sidebar .sidebar-widget form .form-group .search__btn {
        position: absolute;
        border: none;
        background-color: transparent;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #808996;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .sidebar .sidebar-widget form .form-group .subscribe__btn {
        border-left: 2px solid rgba(140, 67, 255, 0.1);
        padding: 12px 15px;
        top: 30%;
        right: 0;
        font-weight: 600;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0; }
        .sidebar .sidebar-widget form .form-group .subscribe__btn:hover {
          background-color: #ea5555;
          color: #fff;
          border-left-color: #ea5555; }
    .sidebar .sidebar-widget .author__img {
      width: 120px;
      height: 120px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 8px solid #fff;
      -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
      box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); }
    .sidebar .sidebar-widget .author__title {
      font-size: 20px;
      font-weight: 700;
      margin-top: 24px;
      margin-bottom: 2px; }
    .sidebar .sidebar-widget .author__meta {
      font-size: 15px;
      color: #808996;
      font-weight: 500; }
    .sidebar .sidebar-widget .author__profile {
      margin-top: 22px;
      margin-bottom: 28px; }
      .sidebar .sidebar-widget .author__profile li {
        display: inline-block; }
        .sidebar .sidebar-widget .author__profile li a {
          display: block;
          width: 40px;
          height: 40px;
          text-align: center;
          line-height: 40px;
          font-size: 16px;
          border: 2px solid rgba(140, 67, 255, 0.1);
          color: #272b41;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .sidebar .sidebar-widget .author__profile li a:hover {
            background-color: #ea5555;
            color: #fff; }
    .sidebar .sidebar-widget .author__desc {
      font-size: 16px;
      color: #808996;
      font-weight: 500;
      line-height: 26px; }
    .sidebar .sidebar-widget .widget__list li {
      padding-bottom: 12px; }
      .sidebar .sidebar-widget .widget__list li:last-child {
        padding-bottom: 0; }
      .sidebar .sidebar-widget .widget__list li a {
        display: block;
        color: #808996;
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 500;
        position: relative;
        padding-left: 15px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .sidebar .sidebar-widget .widget__list li a:after {
          position: absolute;
          content: "\f101";
          top: 0;
          left: 0;
          font-family: "FontAwesome";
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .sidebar .sidebar-widget .widget__list li a span {
          float: right;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .sidebar .sidebar-widget .widget__list li a span.tag-span {
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: rgba(128, 137, 150, 0.1);
            font-size: 14px; }
      .sidebar .sidebar-widget .widget__list li + li {
        padding-top: 12px;
        border-top: 1px solid #eee; }
      .sidebar .sidebar-widget .widget__list li:hover a {
        color: #ff6b6b; }
        .sidebar .sidebar-widget .widget__list li:hover a span.tag-span {
          color: #fff;
          background-color: #ff6b6b; }
        .sidebar .sidebar-widget .widget__list li:hover a:after {
          left: 3px; }
    .sidebar .sidebar-widget .tag__list li {
      display: inline-block;
      padding-bottom: 7px; }
      .sidebar .sidebar-widget .tag__list li a {
        border: 2px solid rgba(128, 137, 150, 0.1);
        color: #808996;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        padding: 5px 20px; }
        .sidebar .sidebar-widget .tag__list li a:after {
          display: none; }
      .sidebar .sidebar-widget .tag__list li + li {
        padding-top: 0;
        border: none; }
      .sidebar .sidebar-widget .tag__list li:hover a {
        background-color: #ea5555;
        color: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px; }
    .sidebar .sidebar-widget .social__links {
      text-align: center; }
      .sidebar .sidebar-widget .social__links li {
        display: inline-block; }
        .sidebar .sidebar-widget .social__links li a {
          display: block;
          width: 40px;
          height: 40px;
          text-align: center;
          line-height: 40px;
          font-size: 16px;
          border: 2px solid rgba(140, 67, 255, 0.1);
          color: #272b41;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .sidebar .sidebar-widget .social__links li a:hover {
            background-color: #ea5555;
            color: #fff; }
    .sidebar .sidebar-widget .recent-item {
      display: flex; }
      .sidebar .sidebar-widget .recent-item .recent-img {
        margin-right: 13px; }
        .sidebar .sidebar-widget .recent-item .recent-img img {
          width: 90px;
          height: 70px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
      .sidebar .sidebar-widget .recent-item .recentpost-body .recent__meta {
        font-size: 14px;
        color: #808996;
        font-weight: 500;
        margin-top: 4px;
        display: block; }
        .sidebar .sidebar-widget .recent-item .recentpost-body .recent__meta a {
          color: #808996;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .sidebar .sidebar-widget .recent-item .recentpost-body .recent__meta a:hover {
            color: #ff6b6b; }
      .sidebar .sidebar-widget .recent-item .recentpost-body .recent__link {
        font-size: 15px;
        color: #272b41;
        font-weight: 600;
        line-height: 20px; }
        .sidebar .sidebar-widget .recent-item .recentpost-body .recent__link a {
          color: #272b41;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .sidebar .sidebar-widget .recent-item .recentpost-body .recent__link a:hover {
            color: #ff6b6b; }
      .sidebar .sidebar-widget .recent-item + .recent-item {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #eee; }
    .sidebar .sidebar-widget .similar-list {
      margin-bottom: 30px; }
      .sidebar .sidebar-widget .similar-list .recent-item .recent-img img {
        height: 90px; }
      .sidebar .sidebar-widget .similar-list .recent-item .recentpost-body .recent__star li {
        color: #f9b851;
        font-size: 14px;
        display: inline-block;
        line-height: 14px; }
      .sidebar .sidebar-widget .similar-list .recent-item .recentpost-body .recent__meta {
        margin-top: 0; }
    .sidebar .sidebar-widget .view-listing {
      text-align: center; }
      .sidebar .sidebar-widget .view-listing .theme__btn {
        display: block; }
  .sidebar .author-widget,
  .sidebar .subscribe-widget {
    text-align: center; }
  .sidebar .static-widget .author__contact {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
    @media (max-width: 1199px) {
      .sidebar .static-widget .author__contact {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1; } }
    .sidebar .static-widget .author__contact li {
      font-size: 13px;
      font-weight: 600; }
      @media (max-width: 375px) {
        .sidebar .static-widget .author__contact li {
          font-size: 15px;
          font-weight: 500; } }
      .sidebar .static-widget .author__contact li span {
        background-color: rgba(128, 137, 150, 0.1);
        color: #808996; }

/*====================================================
    sidebar-2
 ====================================================*/
.sidebar-2 {
  background-color: #fff; }
  .sidebar-2 .sidebar-widget .widget__title {
    border-color: #e4e4e4;
    text-transform: inherit; }
  .sidebar-2 .sidebar-widget .ui-widget.ui-widget-content {
    border: none;
    background-color: #eee;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 8px;
    margin-left: 10px;
    margin-right: 10px; }
    .sidebar-2 .sidebar-widget .ui-widget.ui-widget-content .ui-slider-range {
      background-color: #ff6b6b; }
    .sidebar-2 .sidebar-widget .ui-widget.ui-widget-content .ui-slider-handle {
      background-color: #fff;
      border: 2px solid #ff6b6b;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      height: 22px;
      width: 22px;
      top: -7px;
      cursor: ew-resize;
      outline: 0; }
  .sidebar-2 .sidebar-widget .price-slider-amount {
    padding-top: 24px;
    padding-left: 7px;
    font-weight: 600; }
    .sidebar-2 .sidebar-widget .price-slider-amount .filter__label {
      color: #272b41;
      margin: 0;
      font-size: 18px; }
    .sidebar-2 .sidebar-widget .price-slider-amount .amounts {
      border: none;
      color: #808996;
      font-size: 16px; }
      @media (max-width: 320px) {
        .sidebar-2 .sidebar-widget .price-slider-amount .amounts {
          width: 50%; } }
  .sidebar-2 .sidebar-widget .tag__list li a {
    border-color: #e4e4e4;
    border-width: 1px;
    font-size: 15px; }
    .sidebar-2 .sidebar-widget .tag__list li a:hover {
      border-color: #ff6b6b; }
  .sidebar-2 .sidebar-widget .rating__list {
    margin-top: 0;
    margin-bottom: 0; }
    .sidebar-2 .sidebar-widget .rating__list li {
      display: block;
      padding-right: 0;
      padding-bottom: 10px; }
      .sidebar-2 .sidebar-widget .rating__list li .review-label {
        display: inline-block;
        margin-top: 4px;
        float: left;
        margin-right: 28px; }
  .sidebar-2 .sidebar-widget .apply-btn {
    text-align: center; }
    .sidebar-2 .sidebar-widget .apply-btn .theme__btn {
      display: block; }
      .sidebar-2 .sidebar-widget .apply-btn .theme__btn span {
        font-size: 14px; }
  .sidebar-2 .main-search-input-item .form-control {
    border-color: #e4e4e4;
    padding: 12px 20px;
    height: auto;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    color: #272b41; }
    .sidebar-2 .main-search-input-item .form-control:focus {
      -webkit-box-shadow: 0 0 0 0;
      -moz-box-shadow: 0 0 0 0;
      box-shadow: 0 0 0 0;
      border-color: #eee; }
  .sidebar-2 .listing-check-box .custom-checkbox {
    display: block;
    margin-bottom: 12px; }
    @media (max-width: 400px) {
      .sidebar-2 .listing-check-box .custom-checkbox {
        margin-right: 0;
        display: block; } }
    .sidebar-2 .listing-check-box .custom-checkbox label {
      color: #808996;
      font-size: 15px;
      font-weight: 500;
      display: block;
      margin-bottom: 0;
      text-transform: capitalize;
      cursor: pointer; }
      .sidebar-2 .listing-check-box .custom-checkbox label span {
        float: right;
        background-color: rgba(128, 137, 150, 0.1);
        display: block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        font-size: 13px; }
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:not(:checked),
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:checked {
      position: absolute;
      left: -9999px; }
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:not(:checked) + label,
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:checked + label {
      position: relative;
      padding-left: 26px; }
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:not(:checked) + label:before,
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:checked + label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 18px;
      height: 18px;
      border: 1px solid #ddd;
      background-color: #fff;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:not(:checked) + label:after,
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:checked + label:after {
      content: '\f00c';
      position: absolute;
      top: 1px;
      left: 3px;
      font-size: 12px;
      color: #fff;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      font-family: "FontAwesome", sans-serif; }
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:not(:checked) + label:after {
      opacity: 0;
      visibility: hidden; }
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:checked + label:after {
      opacity: 1;
      visibility: visible; }
    .sidebar-2 .listing-check-box .custom-checkbox input[type=checkbox]:checked + label:before {
      background-color: #ff6b6b;
      border-color: #ff6b6b; }

/*====================================================
   sidebar3
 ====================================================*/
.sidebar-3 {
  margin-top: 88px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-3 {
      margin-top: 40px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .sidebar-3 {
      margin-top: 40px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .sidebar-3 {
      margin-top: 40px; } }

/*====================================================
    form-shared
 ====================================================*/
.form-shared {
  padding-top: 35px;
  padding-bottom: 30px; }
  .form-shared .contact-form-action {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 46px 30px 42px 30px;
    border: 1px solid #e4e4e4; }
    .form-shared .contact-form-action .form-heading {
      margin-bottom: 33px; }
      .form-shared .contact-form-action .form-heading .form__title {
        font-size: 30px;
        color: #272b41;
        font-weight: 600;
        margin-bottom: 10px; }
      .form-shared .contact-form-action .form-heading .form__desc {
        font-size: 18px;
        color: #808996;
        font-weight: 500; }
      .form-shared .contact-form-action .form-heading .reset__desc {
        line-height: 30px;
        margin-top: 15px; }
        .form-shared .contact-form-action .form-heading .reset__desc a {
          color: #ff6b6b; }
    .form-shared .contact-form-action form .form-group .submit__btn {
      margin-top: 24px; }
    .form-shared .contact-form-action form .form-group .submit__btn2 {
      width: 100%;
      padding-top: 12px;
      padding-bottom: 12px;
      background-color: #e1306c;
      margin-top: 0; }
    .form-shared .contact-form-action form .form-group .btn__facebook {
      background-color: #2877B5; }
    .form-shared .contact-form-action form .form-group .btn__twitter {
      background-color: #1da1f2; }
    .form-shared .contact-form-action form .form-group .reset__btn {
      margin-top: 0; }
    .form-shared .contact-form-action form .form-condition {
      margin-bottom: 25px; }
      .form-shared .contact-form-action form .form-condition .custom-checkbox {
        margin-bottom: 8px; }
        @media (max-width: 425px) {
          .form-shared .contact-form-action form .form-condition .custom-checkbox {
            margin-bottom: 0; } }
        .form-shared .contact-form-action form .form-condition .custom-checkbox label {
          color: #808996;
          font-size: 16px;
          font-weight: 600; }
          .form-shared .contact-form-action form .form-condition .custom-checkbox label a {
            color: #ff6b6b; }
            .form-shared .contact-form-action form .form-condition .custom-checkbox label a:hover {
              color: #ea5555;
              text-decoration: underline; }
        .form-shared .contact-form-action form .form-condition .custom-checkbox .pass__desc {
          color: #ff6b6b;
          font-weight: 600;
          float: right; }
          @media (max-width: 425px) {
            .form-shared .contact-form-action form .form-condition .custom-checkbox .pass__desc {
              float: none;
              text-align: left;
              display: block;
              margin-top: 5px; } }
          .form-shared .contact-form-action form .form-condition .custom-checkbox .pass__desc:hover {
            color: #ea5555; }
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:not(:checked),
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:checked {
          position: absolute;
          left: -9999px; }
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:not(:checked) + label,
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:checked + label {
          position: relative;
          padding-left: 26px;
          cursor: pointer; }
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:not(:checked) + label:before,
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:checked + label:before {
          content: "";
          position: absolute;
          left: 0;
          top: 4px;
          width: 18px;
          height: 18px;
          border: 1px solid #ddd;
          background: #fff;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px; }
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:not(:checked) + label:after,
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:checked + label:after {
          content: '\f00c';
          position: absolute;
          top: 1px;
          left: 3px;
          font-size: 12px;
          color: #fff;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          font-family: FontAwesome,sans-serif; }
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:not(:checked) + label:after {
          opacity: 0;
          visibility: hidden; }
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:checked + label:after {
          opacity: 1;
          visibility: visible; }
        .form-shared .contact-form-action form .form-condition .custom-checkbox input[type=checkbox]:checked + label:before {
          background-color: #ff6b6b;
          border-color: #ff6b6b; }
    .form-shared .contact-form-action form .account-assist {
      margin-top: 15px; }
      .form-shared .contact-form-action form .account-assist .account__desc {
        font-size: 16px;
        color: #808996;
        font-weight: 500; }
        .form-shared .contact-form-action form .account-assist .account__desc a {
          color: #ff6b6b; }
          .form-shared .contact-form-action form .account-assist .account__desc a:hover {
            color: #ea5555; }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .form-shared .contact-form-action form .account-assist .account__desc.text-right {
            text-align: left; } }
        @media only screen and (min-width: 320px) and (max-width: 479px) {
          .form-shared .contact-form-action form .account-assist .account__desc.text-right {
            text-align: left; } }
      .form-shared .contact-form-action form .account-assist .account__desc2 {
        font-size: 30px;
        position: relative;
        margin-bottom: 32px; }
        .form-shared .contact-form-action form .account-assist .account__desc2:before {
          position: absolute;
          content: '';
          left: 0;
          top: 50%;
          width: 45%;
          height: 1px;
          background-color: #ddd;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
        .form-shared .contact-form-action form .account-assist .account__desc2:after {
          position: absolute;
          content: '';
          right: 0;
          top: 50%;
          width: 45%;
          height: 1px;
          background-color: #ddd;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }

/*====================================================
    add-listing-area
 ====================================================*/
.add-listing-area {
  padding-top: 40px;
  padding-bottom: 30px; }
  .add-listing-area .add-list-form-item {
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04); }
    .add-listing-area .add-list-form-item .add-list-title-wrap {
      padding: 30px;
      border-bottom: 1px solid #e4e4e4; }
      .add-listing-area .add-list-form-item .add-list-title-wrap .add-lis-title {
        position: relative;
        display: inline-block;
        padding-bottom: 15px;
        font-size: 20px;
        font-weight: 600; }
        .add-listing-area .add-list-form-item .add-list-title-wrap .add-lis-title:before, .add-listing-area .add-list-form-item .add-list-title-wrap .add-lis-title:after {
          position: absolute;
          content: '';
          bottom: 0;
          left: 0;
          width: 25px;
          height: 3px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          border-radius: 30px;
          background-color: #ff6b6b; }
        .add-listing-area .add-list-form-item .add-list-title-wrap .add-lis-title:after {
          left: 28px;
          width: 12px; }
    .add-listing-area .add-list-form-item .add-list-content {
      padding: 30px; }
      .add-listing-area .add-list-form-item .add-list-content .contact-form-action form .form-group {
        margin-bottom: 20px; }
        .add-listing-area .add-list-form-item .add-list-content .contact-form-action form .form-group .label-text {
          font-weight: 600;
          margin-bottom: 7px; }
        .add-listing-area .add-list-form-item .add-list-content .contact-form-action form .form-group .form-control {
          -webkit-box-shadow: 0 0 0 0;
          -moz-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px; }
      .add-listing-area .add-list-form-item .add-list-content .contact-form-action form .time-label-group {
        margin-bottom: 10px; }
        .add-listing-area .add-list-form-item .add-list-content .contact-form-action form .time-label-group .label-text {
          margin-bottom: 0; }
      .add-listing-area .add-list-form-item .add-list-content .upload-btn-wrapper .custom-file {
        width: 100%;
        border: 2px dashed #e4e4e4;
        height: 155px;
        text-align: center;
        padding: 40px 20px;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .add-listing-area .add-list-form-item .add-list-content .upload-btn-wrapper .custom-file:hover {
          border-color: #28d5a7; }
          .add-listing-area .add-list-form-item .add-list-content .upload-btn-wrapper .custom-file:hover .add-gallery-text i,
          .add-listing-area .add-list-form-item .add-list-content .upload-btn-wrapper .custom-file:hover .add-gallery-text span {
            color: #28d5a7; }
        .add-listing-area .add-list-form-item .add-list-content .upload-btn-wrapper .custom-file .add-gallery-text i {
          display: block;
          font-size: 32px;
          color: #e4e4e4;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .add-listing-area .add-list-form-item .add-list-content .upload-btn-wrapper .custom-file .add-gallery-text span {
          font-size: 18px;
          color: #808996;
          font-weight: 500;
          opacity: 0.8;
          display: block;
          margin-top: 12px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .add-listing-area .add-list-form-item .add-list-content .upload-btn-wrapper .custom-file input[type=file] {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          cursor: pointer;
          outline: none;
          opacity: 0; }
      .add-listing-area .add-list-form-item .add-list-content .custom-checkbox {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 8px; }
        @media (max-width: 400px) {
          .add-listing-area .add-list-form-item .add-list-content .custom-checkbox {
            margin-right: 0;
            display: block; } }
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox label {
          color: #808996;
          font-size: 15px;
          font-weight: 500; }
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:not(:checked),
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:checked {
          position: absolute;
          left: -9999px; }
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:not(:checked) + label,
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:checked + label {
          position: relative;
          padding-left: 26px;
          cursor: pointer; }
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:not(:checked) + label:before,
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:checked + label:before {
          content: "";
          position: absolute;
          left: 0;
          top: 4px;
          width: 18px;
          height: 18px;
          border: 1px solid #ddd;
          background-color: #fff;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px; }
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:not(:checked) + label:after,
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:checked + label:after {
          content: '\f00c';
          position: absolute;
          top: 1px;
          left: 3px;
          font-size: 12px;
          color: #fff;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          font-family: "FontAwesome", sans-serif; }
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:not(:checked) + label:after {
          opacity: 0;
          visibility: hidden; }
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:checked + label:after {
          opacity: 1;
          visibility: visible; }
        .add-listing-area .add-list-form-item .add-list-content .custom-checkbox input[type=checkbox]:checked + label:before {
          background-color: #ff6b6b;
          border-color: #ff6b6b; }
  .add-listing-area .add-list-sub-btn-box {
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    margin-bottom: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0; }
    .add-listing-area .add-list-sub-btn-box .add-list-content {
      padding: 0; }
      .add-listing-area .add-list-sub-btn-box .add-list-content .custom-checkbox {
        display: block; }
        .add-listing-area .add-list-sub-btn-box .add-list-content .custom-checkbox label a {
          color: #ff6b6b;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .add-listing-area .add-list-sub-btn-box .add-list-content .custom-checkbox label a:hover {
            color: #ea5555; }
      .add-listing-area .add-list-sub-btn-box .add-list-content .add-sub-btn {
        margin-top: 22px; }

/*====================================================
    user-profile-area
 ====================================================*/
.user-profile-area {
  padding-top: 40px;
  padding-bottom: 30px; }
  .user-profile-area .user-content {
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
    padding: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .user-profile-area .user-content {
        margin-bottom: 50px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .user-profile-area .user-content {
        margin-bottom: 50px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .user-profile-area .user-content {
        margin-bottom: 50px; } }
    .user-profile-area .user-content .user-avatar {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .user-profile-area .user-content .user-avatar img {
        width: 100px;
        height: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
        -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
        box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
        border: 4px solid #fff; }
      .user-profile-area .user-content .user-avatar .user-meta-box {
        margin-left: 15px; }
        .user-profile-area .user-content .user-avatar .user-meta-box .user__name {
          font-size: 20px;
          color: #272b41;
          font-weight: 600;
          margin-bottom: 6px; }
        .user-profile-area .user-content .user-avatar .user-meta-box .user__text {
          font-size: 16px;
          color: #808996;
          font-weight: 500; }
    .user-profile-area .user-content .user-details {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      margin-top: 30px;
      border-bottom: 1px solid #e4e4e4;
      padding-bottom: 25px; }
      .user-profile-area .user-content .user-details .user-item .user__label {
        font-size: 16px;
        color: #808996;
        font-weight: 500;
        margin-bottom: 5px; }
      .user-profile-area .user-content .user-details .user-item .user__states span {
        color: #f9b851;
        font-size: 16px; }
        .user-profile-area .user-content .user-details .user-item .user__states span.rating-text {
          color: #808996;
          font-size: 14px; }
      .user-profile-area .user-content .user-details .user-item .userlist__number {
        font-size: 18px;
        font-weight: 700;
        color: #272b41; }
      .user-profile-area .user-content .user-details .author-review {
        margin-right: 15px;
        border-right: 1px solid #ddd;
        padding-right: 15px; }
    .user-profile-area .user-content .user-contact {
      margin-top: 25px;
      margin-bottom: 30px; }
      .user-profile-area .user-content .user-contact .cont__title {
        font-size: 18px;
        color: #272b41;
        font-weight: 600;
        margin-bottom: 25px; }
      .user-profile-area .user-content .user-contact .author__contact {
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 25px;
        margin-bottom: 27px; }
        .user-profile-area .user-content .user-contact .author__contact li {
          color: #808996;
          margin-bottom: 10px;
          font-weight: 500;
          font-size: 15px; }
          .user-profile-area .user-content .user-contact .author__contact li:last-child {
            margin-bottom: 0; }
          .user-profile-area .user-content .user-contact .author__contact li span {
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background-color: rgba(255, 107, 107, 0.1);
            color: #ff6b6b;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            font-size: 20px;
            margin-right: 10px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
          .user-profile-area .user-content .user-contact .author__contact li a {
            color: #808996;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
          .user-profile-area .user-content .user-contact .author__contact li:hover span {
            background-color: #ff6b6b;
            color: #fff; }
          .user-profile-area .user-content .user-contact .author__contact li:hover a {
            color: #ff6b6b; }
      .user-profile-area .user-content .user-contact .author__link li {
        display: inline-block; }
        .user-profile-area .user-content .user-contact .author__link li a {
          display: block;
          color: #808996;
          font-size: 18px;
          width: 35px;
          height: 35px;
          line-height: 35px;
          text-align: center;
          background-color: #eee;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .user-profile-area .user-content .user-contact .author__link li a:hover {
            background-color: #ff6b6b;
            color: #fff; }
    .user-profile-area .user-content .modal-wrapper .theme__btn {
      border: none; }
    .user-profile-area .user-content .modal-wrapper .modal-content {
      padding: 35px; }
      .user-profile-area .user-content .modal-wrapper .modal-content .contact-form-action .form-group .label-text {
        font-size: 20px;
        margin-bottom: 25px; }
      .user-profile-area .user-content .modal-wrapper .modal-content .modal-footer {
        padding: 30px 0 0 0;
        margin-top: 15px; }
        .user-profile-area .user-content .modal-wrapper .modal-content .modal-footer .btn-default {
          font-weight: 500; }

/*====================================================
    pagination-wrapper
 ====================================================*/
.pagination-wrapper {
  margin-top: 40px; }
  .pagination-wrapper .pagination-list li {
    display: inline-block;
    text-transform: capitalize; }
    @media (max-width: 375px) {
      .pagination-wrapper .pagination-list li {
        margin-bottom: 10px; } }
    .pagination-wrapper .pagination-list li:last-child {
      margin-bottom: 0; }
    .pagination-wrapper .pagination-list li.pag__active a {
      background-color: #ff6b6b;
      color: #fff;
      border-color: #ff6b6b; }
    .pagination-wrapper .pagination-list li a {
      position: relative;
      display: block;
      width: 40px;
      height: 40px;
      line-height: 36px;
      color: #272b41;
      background-color: #fff;
      border: 2px solid rgba(255, 107, 107, 0.1);
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      font-size: 16px;
      font-weight: 600; }
      .pagination-wrapper .pagination-list li a.pag__prev, .pagination-wrapper .pagination-list li a.pag__next {
        margin-right: 4px;
        border-color: rgba(255, 107, 107, 0.4); }
      .pagination-wrapper .pagination-list li a.pag__next {
        margin-left: 4px;
        margin-right: 0; }
      .pagination-wrapper .pagination-list li a:hover {
        background-color: #ff6b6b;
        color: #fff;
        border-color: #ff6b6b; }

/*====================================================
    contact-area
 ====================================================*/
.contact-area {
  position: relative;
  z-index: 1;
  background-image: url("../images/map-bg.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  overflow: hidden;
  padding-top: 35px;
  padding-bottom: 75px; }
  .contact-area .add-list-form-item .contact-list-content {
    padding-top: 25px;
    padding-bottom: 15px; }
  .contact-area .contact-form-action form .form-group .theme__btn {
    width: 100%;
    display: block; }
    .contact-area .contact-form-action form .form-group .theme__btn span {
      font-size: 16px; }
  .contact-area .add-list-form-item .our-office-content img {
    width: 100%;
    margin-bottom: 23px; }
  .contact-area .add-list-form-item .our-office-content .office__desc {
    font-size: 15px;
    color: #808996;
    font-weight: 500;
    line-height: 25px; }
  .contact-area .add-list-form-item .our-office-content .office__address {
    margin-top: 25px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 30px; }
    .contact-area .add-list-form-item .our-office-content .office__address li {
      font-size: 14px;
      color: #808996;
      font-weight: 500;
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 10px; }
      @media (max-width: 425px) {
        .contact-area .add-list-form-item .our-office-content .office__address li {
          margin-right: 0; } }
      .contact-area .add-list-form-item .our-office-content .office__address li span {
        color: #272b41;
        font-size: 18px;
        width: 30px;
        height: 30px;
        background-color: rgba(128, 137, 150, 0.3);
        line-height: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .contact-area .add-list-form-item .our-office-content .office__address li:last-child {
        margin-right: 0;
        margin-bottom: 0; }
      .contact-area .add-list-form-item .our-office-content .office__address li:hover span {
        background-color: #808996;
        color: #fff; }
  .contact-area .add-list-form-item .working-item {
    padding-top: 0; }
  .contact-area .add-list-form-item .working-list {
    padding: 30px; }
    .contact-area .add-list-form-item .working-list li {
      font-size: 14px;
      color: #272b41;
      font-weight: 600;
      position: relative;
      margin-bottom: 10px; }
      .contact-area .add-list-form-item .working-list li:last-child {
        margin-bottom: 0; }
      .contact-area .add-list-form-item .working-list li:before {
        content: '';
        position: absolute;
        bottom: 10px;
        width: 100px;
        height: 1px;
        background-color: #e4e4e4;
        left: 50%;
        margin-left: -25px; }
        @media (max-width: 425px) {
          .contact-area .add-list-form-item .working-list li:before {
            display: none; } }
      .contact-area .add-list-form-item .working-list li span {
        float: right;
        color: #40CC6F; }
        .contact-area .add-list-form-item .working-list li span.closed-time {
          color: #ff6b6b; }
  .contact-area:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    opacity: 0.9; }

/*====================================================
    map
 ====================================================*/
.gmaps {
  position: relative;
  margin-bottom: 40px; }
  .gmaps #map {
    width: 100%;
    height: 500px; }
  .gmaps .map-address-box {
    position: absolute;
    left: 200px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 40px 35px 36px 35px;
    color: #272b41;
    width: 345px;
    border-bottom: 2px solid #272b41; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .gmaps .map-address-box {
        left: 15px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .gmaps .map-address-box {
        left: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .gmaps .map-address-box {
        left: 0;
        width: 320px; } }
    .gmaps .map-address-box .map-address li {
      position: relative;
      padding-left: 52px;
      margin-bottom: 20px; }
      .gmaps .map-address-box .map-address li:last-child {
        margin-bottom: 0; }
      .gmaps .map-address-box .map-address li span {
        font-size: 20px;
        position: absolute;
        left: 0;
        top: 0;
        color: #ff6b6b;
        width: 38px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        background-color: rgba(255, 107, 107, 0.1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .gmaps .map-address-box .map-address li .map__title {
        font-size: 18px;
        text-transform: capitalize;
        font-weight: 600;
        margin-bottom: 6px; }
      .gmaps .map-address-box .map-address li .map__desc {
        color: #808996;
        font-size: 16px;
        font-weight: 500; }
      .gmaps .map-address-box .map-address li:hover span {
        background-color: #ff6b6b;
        color: #fff; }

/*====================================================
   error-area
 ====================================================*/
.error-area {
  height: 100%;
  width: 100%;
  padding-top: 150px;
  position: relative;
  overflow: hidden; }
  .error-area .error-actions {
    position: absolute;
    top: 30px;
    right: 50px; }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .error-area .error-actions {
        right: 30px; } }
    .error-area .error-actions ul li {
      display: inline-block;
      margin-right: 10px; }
      .error-area .error-actions ul li:last-child {
        margin-right: 0; }
      .error-area .error-actions ul li a {
        color: #272b41;
        font-size: 15px;
        font-weight: 500;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
        padding-bottom: 5px; }
        .error-area .error-actions ul li a:after {
          position: absolute;
          content: '';
          bottom: 0;
          right: 0;
          width: 0;
          height: 2px;
          background-color: #ff6b6b;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .error-area .error-actions ul li a:hover {
          color: #ff6b6b; }
          .error-area .error-actions ul li a:hover:after {
            width: 100%;
            right: auto;
            left: 0; }
  .error-area .error-content {
    text-align: center; }
    .error-area .error-content img {
      width: 80%; }
      @media (max-width: 375px) {
        .error-area .error-content img {
          width: 100%; } }
    .error-area .error-content .error-title {
      font-size: 36px;
      color: #272b41;
      font-weight: 700;
      margin-top: 36px;
      margin-bottom: 30px; }
      @media (max-width: 375px) {
        .error-area .error-content .error-title {
          line-height: 50px;
          margin-bottom: 20px; } }
    .error-area .error-content .error-desc {
      font-size: 18px;
      color: #808996;
      line-height: 30px;
      margin-bottom: 32px;
      font-weight: 500;
      width: 435px;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .error-area .error-content .error-desc {
          width: 100%; } }
      .error-area .error-content .error-desc a {
        color: #ff6b6b;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .error-area .error-content .error-desc a:after {
          position: absolute;
          content: '';
          right: 0;
          bottom: 0;
          width: 0;
          height: 2px;
          background-color: #ff6b6b;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .error-area .error-content .error-desc a:hover:after {
          width: 100%;
          right: auto;
          left: 0; }
    .error-area .error-content .or-box {
      margin-bottom: 40px; }
      .error-area .error-content .or-box span {
        color: #272b41;
        font-size: 22px;
        font-weight: 600;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background-color: rgba(255, 107, 107, 0.1);
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
  .error-area .copy-right {
    color: #808996;
    font-weight: 500;
    position: relative;
    margin-top: 80px;
    padding-top: 40px;
    display: flex;
    align-items: center;
    font-size: 14px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .error-area .copy-right {
        margin-top: 50px;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .error-area .copy-right {
        margin-top: 50px;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .error-area .copy-right {
        margin-top: 50px;
        display: block;
        text-align: center; } }
    .error-area .copy-right:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #272b41;
      opacity: 0.1; }
    .error-area .copy-right span {
      animation: heartBeat 1000ms infinite linear;
      font-size: 20px; }
    .error-area .copy-right span,
    .error-area .copy-right a {
      color: #ff6b6b; }
    .error-area .copy-right .copy__desc {
      flex: 1;
      font-family: "Encode Sans Expanded", sans-serif; }
    .error-area .copy-right .condition-links {
      display: flex; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .error-area .copy-right .condition-links {
          margin-top: 10px;
          display: block; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .error-area .copy-right .condition-links {
          margin-top: 10px;
          display: block; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .error-area .copy-right .condition-links {
          margin-top: 10px;
          display: block; } }
      .error-area .copy-right .condition-links li {
        border-right: 1px solid #ddd;
        padding-right: 10px;
        padding-left: 10px;
        line-height: 20px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .error-area .copy-right .condition-links li {
            display: inline-block; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .error-area .copy-right .condition-links li {
            display: inline-block; } }
        @media only screen and (min-width: 320px) and (max-width: 479px) {
          .error-area .copy-right .condition-links li {
            display: inline-block; } }
        .error-area .copy-right .condition-links li:last-child {
          border-right: none;
          padding-right: 0; }
        .error-area .copy-right .condition-links li a {
          color: #808996;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          position: relative;
          padding-bottom: 5px; }
          .error-area .copy-right .condition-links li a:after {
            position: absolute;
            content: '';
            bottom: 0;
            right: 0;
            width: 0;
            height: 2px;
            background-color: #ff6b6b;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
          .error-area .copy-right .condition-links li a:hover {
            color: #ff6b6b; }
            .error-area .copy-right .condition-links li a:hover:after {
              width: 100%;
              right: auto;
              left: 0; }
  .error-area:before, .error-area:after {
    position: absolute;
    content: '';
    width: 33%;
    height: 46%;
    top: -15px;
    left: -16px;
    background-image: url("../images/dots.png");
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 0.1; }
  .error-area:after {
    left: auto;
    right: -15px;
    bottom: -10px;
    top: auto; }

/*====================================================
    contact-form-action
 ====================================================*/
.contact-form-action form .form-group .label-text {
  font-size: 14px;
  color: #272b41;
  font-weight: 500;
  text-transform: capitalize;
  position: relative; }
.contact-form-action form .form-group .form-control {
  height: auto;
  line-height: inherit;
  padding: 12px 15px;
  font-size: 13px;
  color: #272b41;
  border: 1px solid #ddd;
  resize: none;
  font-weight: 500;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .contact-form-action form .form-group .form-control:focus {
    border-color: #eee; }
.contact-form-action form .form-group .message-control {
  height: 160px; }
.contact-form-action form .form-group .theme__btn {
  margin-top: 15px;
  border: none;
  font-size: 14px; }
.contact-form-action form .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block; }
  .contact-form-action form .upload-btn-wrapper .upload__btn {
    border-color: #e4e4e4;
    font-size: 14px;
    background-color: #F5F7FC;
    color: #808996;
    margin-top: 10px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0; }
    .contact-form-action form .upload-btn-wrapper .upload__btn span {
      font-size: 16px;
      color: #ff6b6b; }
  .contact-form-action form .upload-btn-wrapper input[type=file] {
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    cursor: pointer; }

/*====================================================
    my-button-css
 ====================================================*/
.my-button-css {
  cursor: pointer;
  background-color: #fff;
  color: #272b41;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 13px;
  border: 1px solid #e4e4e4;
  font-weight: 500;
  padding: 6px 0;
  display: block;
  margin-right: auto;
  text-align: center;
  width: 120px;
  margin-left: auto;
  margin-top: 20px; }
  .my-button-css:hover {
    background-color: #ff6b6b;
    color: #fff;
    border-color: #ff6b6b; }

/*====================================================
    footer-area
 ====================================================*/
.footer-area {
  padding-top: 185px;
  padding-bottom: 58px;
  background-color: #fff;
  position: relative;
  z-index: 1; }
  @media (max-width: 375px) {
    .footer-area {
      padding-top: 180px; } }
  .footer-area .footer-item {
    color: #808996;
    position: relative;
    height: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-area .footer-item {
        margin-bottom: 50px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .footer-area .footer-item {
        margin-bottom: 40px; } }
    @media only screen and (min-width: 481px) and (max-width: 767px) {
      .footer-area .footer-item {
        width: 65%;
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 480px) {
      .footer-area .footer-item {
        width: 100%; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .footer-area .footer-item {
        margin-bottom: 40px; } }
    .footer-area .footer-item .logo .foot-logo img {
      width: 75%; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-area .footer-item .logo .foot-logo img {
          width: 36%; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .footer-area .footer-item .logo .foot-logo img {
          width: 26%; } }
      @media (max-width: 425px) {
        .footer-area .footer-item .logo .foot-logo img {
          width: 36%; } }
    .footer-area .footer-item .logo .footer__desc {
      margin-top: 25px;
      line-height: 27px; }
    .footer-area .footer-item .logo .foot-links {
      margin-top: 30px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-area .footer-item .logo .foot-links {
          margin-top: 10px; } }
      .footer-area .footer-item .logo .foot-links li {
        display: inline-block;
        margin-right: 1px; }
        .footer-area .footer-item .logo .foot-links li:last-child {
          margin-right: 0; }
        .footer-area .footer-item .logo .foot-links li a {
          display: block;
          color: #272b41;
          width: 40px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          border: 2px solid rgba(255, 255, 255, 0.1);
          font-size: 16px;
          background-color: #fff;
          -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
          .footer-area .footer-item .logo .foot-links li a:hover {
            background-color: #ff6b6b;
            color: #fff; }
    .footer-area .footer-item .footer__desc {
      font-size: 15px;
      font-weight: 500;
      font-family: "Encode Sans Expanded", sans-serif; }
      .footer-area .footer-item .footer__desc a {
        color: #272b41;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .footer-area .footer-item .footer__desc a:hover {
          color: #ff6b6b; }
    .footer-area .footer-item .footer__title {
      margin-bottom: 25px;
      font-size: 18px;
      font-weight: 600;
      color: #272b41;
      position: relative;
      display: inline-block;
      padding-bottom: 15px; }
      .footer-area .footer-item .footer__title:before, .footer-area .footer-item .footer__title:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 25px;
        height: 3px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: #ff6b6b; }
      .footer-area .footer-item .footer__title:after {
        left: 28px;
        width: 12px; }
    .footer-area .footer-item .user-links li {
      margin-bottom: 7px;
      font-weight: 500; }
      .footer-area .footer-item .user-links li:last-child {
        margin-bottom: 0; }
      .footer-area .footer-item .user-links li a {
        color: #808996;
        font-size: 15px;
        text-transform: capitalize;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        position: relative; }
        .footer-area .footer-item .user-links li a:before {
          position: absolute;
          content: '';
          bottom: -4px;
          right: 0;
          width: 0;
          height: 2px;
          background-color: #ff6b6b;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .footer-area .footer-item .user-links li a:hover {
          color: #ff6b6b; }
          .footer-area .footer-item .user-links li a:hover:before {
            right: auto;
            left: 0;
            width: 100%; }
    .footer-area .footer-item .contact-links {
      margin-top: 5px; }
      .footer-area .footer-item .contact-links li {
        margin-bottom: 15px;
        position: relative;
        padding-left: 45px; }
        .footer-area .footer-item .contact-links li .contact-icon {
          color: #ff6b6b;
          font-size: 18px;
          margin-right: 5px;
          width: 35px;
          height: 35px;
          line-height: 35px;
          text-align: center;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          background-color: rgba(255, 107, 107, 0.1);
          position: absolute;
          top: -2px;
          left: 0;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .footer-area .footer-item .contact-links li a {
          text-transform: inherit; }
        .footer-area .footer-item .contact-links li:hover .contact-icon {
          background-color: #ff6b6b;
          color: #fff; }
        .footer-area .footer-item .contact-links li:nth-child(2) {
          margin-bottom: 25px; }
  .footer-area .copy-right {
    color: #808996;
    font-weight: 500;
    position: relative;
    margin-top: 58px;
    padding-top: 58px;
    display: flex;
    align-items: center;
    font-size: 14px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-area .copy-right {
        margin-top: 30px;
        padding-top: 30px;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .footer-area .copy-right {
        margin-top: 30px;
        padding-top: 30px;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .footer-area .copy-right {
        margin-top: 30px;
        padding-top: 30px;
        display: block;
        text-align: center; } }
    .footer-area .copy-right:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #272b41;
      opacity: 0.1; }
    .footer-area .copy-right span {
      animation: heartBeat 1000ms infinite linear;
      font-size: 20px; }
    .footer-area .copy-right span,
    .footer-area .copy-right a {
      color: #ff6b6b; }
    .footer-area .copy-right .copy__desc {
      flex: 1;
      font-family: "Encode Sans Expanded", sans-serif; }
    .footer-area .copy-right .condition-links {
      display: flex; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-area .copy-right .condition-links {
          display: block;
          text-align: center;
          margin-top: 5px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .footer-area .copy-right .condition-links {
          display: block;
          text-align: center;
          margin-top: 5px; } }
      @media only screen and (min-width: 320px) and (max-width: 479px) {
        .footer-area .copy-right .condition-links {
          display: block;
          text-align: center;
          margin-top: 5px; } }
      .footer-area .copy-right .condition-links li {
        border-right: 1px solid #ddd;
        padding-right: 10px;
        padding-left: 10px;
        line-height: 20px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .footer-area .copy-right .condition-links li {
            display: inline-block; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .footer-area .copy-right .condition-links li {
            display: inline-block; } }
        @media only screen and (min-width: 320px) and (max-width: 479px) {
          .footer-area .copy-right .condition-links li {
            display: inline-block; } }
        .footer-area .copy-right .condition-links li:last-child {
          border-right: none;
          padding-right: 0; }
        .footer-area .copy-right .condition-links li a {
          color: #808996;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          position: relative; }
          .footer-area .copy-right .condition-links li a:before {
            position: absolute;
            content: '';
            bottom: -4px;
            right: 0;
            width: 0;
            height: 2px;
            background-color: #ff6b6b;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
          .footer-area .copy-right .condition-links li a:hover {
            color: #ff6b6b; }
            .footer-area .copy-right .condition-links li a:hover:before {
              right: auto;
              left: 0;
              width: 100%; }
  .footer-area .tooltip.bottom .tooltip-inner {
    background-color: #fff;
    color: #ff6b6b; }
  .footer-area .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff; }
  .footer-area:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("");
    background-size: cover;
    background-position: center;
    opacity: 0.1; }

/*======== top =========*/
#back-to-top {
  position: fixed;
  right: -150px;
  bottom: 40px;
  z-index: 9999;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
  -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
  box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
  color: #272b41;
  font-size: 20px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
  opacity: 0;
  visibility: hidden; }
  #back-to-top:hover {
    background-color: #ea5555;
    color: #fff;
    border-color: #ea5555; }
  #back-to-top.show-back-to-top {
    right: 30px;
    opacity: 1;
    visibility: visible; }

/*== heartBeat ==*/
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  60% {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

/*# sourceMappingURL=style.css.map */

.five-star {
    float: left;
    width: 150px;
    padding-top:10px;
    padding-right:20px;
}

.five-star-date {
    float: left;
}
.clear-float {
    clear: both;
}
.review-block {
    border-left: 3px solid #c8c8c8;
   padding-left: 30px;
    margin-bottom: 40px;
}