/*
	Template Name: Dirto
	Author: techydevs
	Description: Dirto - Listing & Directory Template
	Version: 1.0
*/
/*------------------------------------------------------------------
[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");
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
.cursorpointer{
  cursor:pointer;
}
.theme__btn {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  padding: 12px 25px;
  text-transform: capitalize;
  background-color: #ff6b6b;
  -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: #ea5555;
  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; }

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

/*====================================================
    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: 600px;
  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: 36px;
  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; } }
  .section-heading .sec__title:before {
    position: absolute;
    content: "\f165";
    font-family: "LineAwesome";
    top: 0;
    left: 0;
    color: #ff6b6b;
    font-size: 21px; }
    @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; }

/*====================================================
    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: 100%; }
          @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: 100%; } }
      .header-area .header-menu-wrapper .menu-full-width .main-menu-content {
        padding-top: 20px;
        flex: 1;
        text-align: right;
        padding-right: 28px; }
        @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: 23px;
          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: #ff6b6b; }
          .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: 200px;
            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: #ff6b6b;
                  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: 20px;
        z-index: 1;
        margin-right: -1px; }
        @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: 40px;
          height: 40px;
          background-color: #40CC6F;
          line-height: 40px;
          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: 50%;
          display: none;
          -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-top: 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 {
          background-color: rgba(255, 255, 255, 0.3); }
          .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; }

/*====================================================
    hero-wrapper
 ====================================================*/
.hero-wrapper {
  background-image: url("/uploads/2019/09/consultorios-odontologicos.jpg");
  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: left;
      padding-top: 200px;
      padding-bottom: 140px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .hero-wrapper {
      text-align: left;
      padding-top: 200px;
      padding-bottom: 140px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .hero-wrapper {
      text-align: left;
      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; }
    @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: 18px 12px 12px 12px;
          width: 120px;
          height: 118px;
          font-size: 14px;
          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-color: #272b41; }

/*==== 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: bold; }
    .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: 141px;
  padding-bottom: 141px;
  position: relative;
  z-index: 1;
  color: #fff;
  background-image: url("/uploads/banner/consultorio-odontologico.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; }
      @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.8);
    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("/uploads/banner/consultorio-odontologico.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; }
          .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; }

/*====================================================
    hiw-area
 ====================================================*/
.hiw-area {
  position: relative;
  z-index: 1;
  padding-top: 96px;
  padding-bottom: 32px;
  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: #ff6b6b;
        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(245, 84, 142, 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: #ea5555; }
  .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: #F5F7FC;
    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: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 .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: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; }

/*====================================================
    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 .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); }
              .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: 60px;
              height: 60px;
              -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; 
              height: 57px;
              display: flex;
              align-items: center;
              justify-content: left;
            }
          .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%; } }

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

/*====================================================
   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; }
      .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,
    .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 {
  padding-top: 40px;
  padding-bottom: 105px;
  position: relative;
  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: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        @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("../images/dots.png");
    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 {
    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 {
      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: 3;
      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 .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: #ff6b6b;
          color: #fff;
          -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: inherit;/*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 span {
            border: 1px solid rgba(128, 137, 150, 0.4);
            -webkit-border-radius: 4px;
            cursor:pointer;
            -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 span i {
              font-size: 16px; }
            .single-listing-area .single-listing-wrap .review-listing .comments-list li .comment .comment-body .comment-reply .helpful__btn span: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; }
    .single-listing-area .single-listing-wrap .add-review-listing .rating__list {
      margin-top: 25px;
      margin-bottom: 45px; }
      .single-listing-area .single-listing-wrap .add-review-listing .rating__list li {
        display: table-cell;
        padding-right: 20px; }
        @media (max-width: 320px) {
          .single-listing-area .single-listing-wrap .add-review-listing .rating__list li {
            display: block;
            padding-right: 0;
            padding-bottom: 30px; } }
        .single-listing-area .single-listing-wrap .add-review-listing .rating__list li .la-star {
          color: #f9b851;
          font-size: 16px; }
        .single-listing-area .single-listing-wrap .add-review-listing .rating__list li:last-child {
          padding-right: 0; }
        .single-listing-area .single-listing-wrap .add-review-listing .rating__list li .review-label {
          display: block;
          position: relative;
          user-select: none;
          margin-top: 5px; }
          .single-listing-area .single-listing-wrap .add-review-listing .rating__list li .review-label input {
            opacity: 0;
            position: absolute;
            cursor: pointer; }
            .single-listing-area .single-listing-wrap .add-review-listing .rating__list li .review-label input:checked ~ .review-mark {
              border-color: #ff6b6b; }
              .single-listing-area .single-listing-wrap .add-review-listing .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); }
          .single-listing-area .single-listing-wrap .add-review-listing .rating__list li .review-label .review-mark {
            position: absolute;
            top: 0;
            left: 0;
            width: 18px;
            height: 18px;
            cursor: pointer;
            border-width: 2px;
            border-style: solid;
            border-color: #e4e4e4;
            border-image: 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; }
            .single-listing-area .single-listing-wrap .add-review-listing .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%; }

/*====================================================
    cta-area
 ====================================================*/
.cta-area {
  background-color: #F5F7FC;
  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;
  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 20px 40px 20px;
    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; } }
    @media (max-width: 425px) {
      .cta-area2 .cta-box .col-md-8 {
        padding: 0; } }
    .cta-area2 .cta-box .col-md-4 {
      padding-left: 0; }
      @media (max-width: 320px) {
        .cta-area2 .cta-box .col-md-4 {
          padding-right: 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; }

/*====================================================
    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;
  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-img:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: block;
          -webkit-box-shadow: inset 0 0 0 0 #fff;
          -moz-box-shadow: inset 0 0 0 0 #fff;
          box-shadow: inset 0 0 0 0 #fff;
          -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-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
        .blog-area .blog-post-wrapper .blog-post-item .blog-post-img:hover:after {
          -webkit-box-shadow: inset 0 0 0 5px #fff;
          -moz-box-shadow: inset 0 0 0 5px #fff;
          box-shadow: inset 0 0 0 5px #fff; }
      .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: 320px) {
              .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: 320px) {
                .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .post__meta li:last-child {
                  float: left; } }
        .blog-area .blog-post-wrapper .blog-post-item .blog-post-body .blog__title {
          height: 118px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          color: #272b41;
          font-weight: 700;
          line-height: 27px;
          -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 {
          height: 78px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 7px;
          margin-bottom: 4px;
          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("../images/dots.png");
    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;
      background-color: transparent;
      padding: 20px 20px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px; }
      .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);
        background-color: #F5F7FC; }
        .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; }

/*====================================================
   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;
      width: 66%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .sidebar {
      margin-top: 40px;
      width: 100%; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .sidebar {
      margin-top: 40px;
      width: 100%; } }
  .sidebar .sidebar-widget {
    margin-bottom: 40px; }
    .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 {
        color:#333;
        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(255, 107, 107, 0.4);
      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; }
      .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: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(140, 67, 255, 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; }

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

/*====================================================
    footer-area
 ====================================================*/
.footer-area {
  padding-top: 185px;
  padding-bottom: 58px;
  background-color: #F5F7FC;
  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: 47%; }
      @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("../images/bg1.png");
    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 */
.blog__desc p{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 20px;
  line-height: 1.6em;
  margin-top: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
}
.blog__desc h2{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.blog__desc h3{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.blog__desc h4{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.blog__desc h5{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.blog__desc h5{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.blog__desc a{
  color: #ff6b6b;
}
.blog__desc p a{
  color: #ff6b6b;
}
.writen_content a{
  color: #ff6b6b;
}
.writen_content p{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 20px;
  line-height: 1.6em;
  margin-top: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
}
.writen_content h2{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.writen_content h3{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.writen_content h4{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.writen_content h5{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.writen_content h5{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.image_content{
  margin-top: 0;
  display: block;
  margin: 15px auto;
  max-width: 100%;
  height: auto;
  max-width: 100%;
  height: auto;
  width: 600px;
}
.writen_content img{
  margin-top: 0;
  display: block;
  margin: 15px auto;
  max-width: 100%;
  height: auto;
  max-width: 100%;
  height: auto;
  width: 600px;
}
.blog_full_content{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.writen_content ul{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 20px;
  line-height: 1.6em;
  margin-top: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
  list-style-type: disc;
  margin-left:30px;
}

.writen_content ol{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 20px;
  line-height: 1.6em;
  margin-top: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
  list-style-type: decimal;
  margin-left:30px;
}



.page_content a{
  color: #ff6b6b;
}
.page_content p{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 20px;
  line-height: 1.6em;
  margin-top: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
}
.page_content h2{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.page_content h3{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.page_content h4{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.page_content h5{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.page_content h5{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.page_content ul{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 20px;
  line-height: 1.6em;
  margin-top: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
  list-style-type: disc;
  margin-left:30px;
}

.page_content ol{
  color: #272b41;
  font-family: Raleway,sans-serif;
  margin-bottom: 20px;
  line-height: 1.6em;
  margin-top: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
  list-style-type: decimal;
  margin-left:30px;
}
.red{
  color:#ff6b6b
}
.list-register{
  display:block;
  font-weight: 300;
}
.list-register-bold{
  display:block;
}
.btngreen{
  background-color: #40CC6F !important;
}
.btngreen:hover{
  color: #fff !important;
}
.margintop30{
  margin-top:30px
}
.colorwhite{
  color:#fff!important
}
.box-img-hg{
  height: 174px;
}
hr.bright {
  border: 1px solid #fff;
}
.home-about{
  background-image: url("/resources/themes/consultorios-odontologicos/assets/images/home/consultorio-odontologico.jpg");
  padding-top: 40px!important;
  padding-bottom: 40px !important;
}
.home-about2{
  background-image: url("/resources/themes/consultorios-odontologicos/assets/images/home/dentistas.jpg");
  padding-top: 40px!important;
  padding-bottom: 40px !important;
}
.writen_content_white a{
  color: #fff;
}
.writen_content_white p{
  color: #fff;
  font-family: Raleway,sans-serif;
  margin-bottom: 20px;
  line-height: 1.6em;
  margin-top: 0;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 18px;
  text-align: left;
}
.writen_content_white h2{
  color: #fff;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  text-align: left;
}
.writen_content_white h3{
  color: #fff;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  text-align: left;
}
.writen_content_white h4{
  color: #fff;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  text-align: left;
}
.writen_content_white h5{
  color: #fff;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  text-align: left;
}
.writen_content_white h5{
  color: #fff;
  font-family: Raleway,sans-serif;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  text-align: left;
}
.sec_title_white {
  font-size: 36px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 21px;
  position: relative;
  display: inline-block;
  padding-top: 35px;
}
.sec_title_white:before {
  position: absolute;
  content: "\f165";
  font-family: "LineAwesome";
  top: 0;
  left: 0;
  color: #ff6b6b;
  font-size: 21px;
}
.margin-top-bot70{
  margin-top:70px;
  margin-bottom:70px;
  padding-top:0;
  padding-bottom:0;
}
.centerdiv{
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-foto-dentista1{
  border-radius: 5px;
}
.nopadding{
  padding-top:0;
  padding-bottom:0;
}
@media only screen and (min-width: 426px) and (max-width: 480px) {
  .filterbuttom span{
    margin-top: 20px;
  }
  .filterinput{
    margin-bottom: 8px!important;
  }
}
@media (max-width: 480px) {
  .nav>li{
    display: inline-block!important;
  }
  .filterinput{
    width: 100%;
    display: contents;
  }
  .filterbuttom{
    float: none!important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
  .filterinput{
    width: 100%;
    display: contents;
    margin-bottom: 8px!important;
  }
  .filterbuttom{
    float: inherit!important;
    display: block!important;
    align-items: center;
    justify-content: center;
  }
  .filterbuttom span{
    margin-top: 3px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1991px) {
  .filterinput{
    width: 100%;
  }
  .nav-tabs{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-area .header-menu-wrapper .menu-full-width .logo {
    padding-top: 11px;
    padding-bottom: 5px;
  }
}
.listing-plan-2{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%);
  border-image: linear-gradient(to bottom, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%)!;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #BF953F,#BF953F);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
  margin-right: 3px!important;
  width: 32%;
}
.listing-plan-1{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  border-image: linear-gradient(to bottom, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #a1a1a1,#a1a1a1);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
  margin-right: 3px!important;
  width: 32%;
}
.listing-plan-0{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #fff 0%, #fff 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  border-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #fff,#fff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
  margin-right: 3px!important;
  width: 32%;
}
.listing-title{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 19px;
  height: 52px;
  margin-top: 5px!important;
}
.v-align{
  display: flex;
  align-items: center;
  justify-content: left;
}
.all-listings{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.ilisting-plan-2{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%);
  border-image: linear-gradient(to bottom, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%)!;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #BF953F,#BF953F);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
}
.ilisting-plan-1{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  border-image: linear-gradient(to bottom, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #a1a1a1,#a1a1a1);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
}
.ilisting-plan-0{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #fff 0%, #fff 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  border-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #fff,#fff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
}
.review-star-empty{
  color:#808996!important
}
.conversion-box{
  font-family: Raleway,sans-serif;
}
.conversion-box p{
  font-family: Raleway,sans-serif;
  font-weight: bold;
}
.conversion-box h4{
  font-weight: bold;
  width: 262px;
  height: 95px;
  line-height: 21px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.nocolor{
  color:unset!important;
}


.inputfile::-webkit-file-upload-button {
  visibility: hidden;
}
.inputfile::before {
  content: 'Enviar';
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;

  background-color: #ea5555;
  color: #fff;
  border: none;
  font-size: 14px;
}
.inputfile:hover::before {
  border-color: #ea5555;
}
.inputfile:active::before {
  background: #ea5555;
}
.listing-plan-2-little{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%);
  border-image: linear-gradient(to bottom, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C 100%)!;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #BF953F,#BF953F);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
  margin-right: 3px!important;
  width: 24%;
}
.listing-plan-1-little{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  border-image: linear-gradient(to bottom, #a1a1a1, #ffffff, #dedede, #ffffff, #a1a1a1 100%);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #a1a1a1,#a1a1a1);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
  margin-right: 3px!important;
  width: 24%;
}
.listing-plan-0-little{
  padding: 0 0 0 0;
  border-radius: 6px;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #fff 0%, #fff 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  border-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #fff,#fff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-image-slice: 1;
  margin-right: 3px!important;
  width: 24%;
}
.font-13{
  font-size:13px
}
.input-search{
  -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;
  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: 100%;
}
.box-whats-scroll {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99999999;
}
.box-whats-scroll a {
  display: block;
  background: #389c10;
  width: 70px;
  height: 70px;
  line-height: 62px;
  text-align: center;
  border-radius: 100%;
  color: #FFF;
  border: solid 4px #FFF;
  box-shadow: 0 0 0 0 rgba(10,190,232,0.7);
  font-size: 30px;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
  animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
}
.theme__btn_gray {
  font-weight: 600;
  font-size: 16px;
  color: black;
  padding: 12px 25px;
  text-transform: capitalize;
  background-color: #D3D3D3;
  -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__btn_gray:hover {
  background-color: #bdbdbd;
  color: black; }
  address{
    color: #808996;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
  }

  #final-step #success-payment,#processing-payment{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
  }
  #final-step #success-payment i{
    color: green;
    margin-top: 20px;
    scale: 1.2;
  }
  #final-step #processing-payment i{
    color: green;
    margin-top: 20px;
    scale: 1.2;
  }
  #final-step #success-payment p{
    margin-top: 20px;
    
  }