*,
      ::after,
      ::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      * {
        outline: 0 !important;
      }
      html {
        font-family: sans-serif;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
      }
      article,
      aside,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      main,
      nav,
      section {
        display: block;
      }
      body {
        margin: 0;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: calc(26 / 16);
        color: #666;
        text-align: left;
        background-color: #fff;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden !important;
      }
      [tabindex="-1"]:focus {
        outline: 0 !important;
      }
      hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
        overflow: visible;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        padding: 0;
        margin: 0;
        font-weight: 700;
        line-height: calc(58 / 48);
        font-family: Roboto, sans-serif;
        color: #3f4451;
      }
      h1 {
        font-size: 60px;
      }
      h2 {
        font-size: 48px;
      }
      h3 {
        font-size: 24px;
      }
      h4 {
        font-size: 18px;
      }
      h5 {
        font-size: 16px;
      }
      h6 {
        font-size: 14px;
      }
      p {
        margin-top: 0;
        margin-bottom: 20px;
      }
      p:last-child {
        margin-bottom: 0;
      }
      abbr[data-original-title],
      abbr[title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        border-bottom: 0;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
      }
      address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit;
      }
      dl,
      ol,
      ul {
        margin-top: 0;
        margin-bottom: 1rem;
      }
      ol ol,
      ol ul,
      ul ol,
      ul ul {
        margin-bottom: 0;
      }
      dt {
        font-weight: 700;
      }
      dd {
        margin-bottom: 0.5rem;
        margin-left: 0;
      }
      b,
      strong {
        font-weight: bolder;
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      a {
        color: #3f4451;
        text-decoration: none;
        background-color: transparent;
      }
      a:hover {
        color: #ff461d;
      }
      a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
      }
      a:not([href]):not([tabindex]):focus,
      a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none;
      }
      a:not([href]):not([tabindex]):focus {
        outline: 0;
      }
      code,
      kbd,
      pre,
      samp {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
          "Courier New", monospace;
        font-size: 1em;
        background-color: #e3e7e8;
      }
      pre {
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
      }
      figure {
        margin: 0 0 1rem;
      }
      img {
        vertical-align: middle;
        border-style: none;
      }
      svg {
        overflow: hidden;
        vertical-align: middle;
      }
      table {
        border-collapse: collapse;
      }
      caption {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        color: #6c757d;
        text-align: left;
        caption-side: bottom;
      }
      th {
        text-align: inherit;
      }
      label {
        display: inline-block;
        margin-bottom: 0.5rem;
      }
      button,
      input,
      optgroup,
      select,
      textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
      }
      button,
      input {
        overflow: visible;
      }
      button,
      select {
        text-transform: none;
      }
      select {
        word-wrap: normal;
        display: block;
      }
      [type="button"],
      [type="reset"],
      [type="submit"],
      button {
        -webkit-appearance: button;
      }
      [type="button"]:not(:disabled),
      [type="reset"]:not(:disabled),
      [type="submit"]:not(:disabled),
      button:not(:disabled) {
        cursor: pointer;
      }
      [type="button"]::-moz-focus-inner,
      [type="reset"]::-moz-focus-inner,
      [type="submit"]::-moz-focus-inner,
      button::-moz-focus-inner {
        padding: 0;
        border-style: none;
      }
      input[type="checkbox"],
      input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
      }
      input[type="date"],
      input[type="datetime-local"],
      input[type="month"],
      input[type="time"] {
        -webkit-appearance: listbox;
      }
      textarea {
        overflow: auto;
        resize: vertical;
      }
      fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
      }
      legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        line-height: inherit;
        color: inherit;
        white-space: normal;
      }
      progress {
        vertical-align: baseline;
      }
      [type="number"]::-webkit-inner-spin-button,
      [type="number"]::-webkit-outer-spin-button {
        height: auto;
      }
      [type="search"] {
        outline-offset: -2px;
        -webkit-appearance: none;
      }
      [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
      }
      output {
        display: inline-block;
      }
      summary {
        display: list-item;
        cursor: pointer;
      }
      template {
        display: none;
      }
      [hidden] {
        display: none !important;
      }
      input::-webkit-inner-spin-button,
      input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
      input[type="number"] {
        -moz-appearance: textfield;
      }
      input:-webkit-autofill,
      input:-webkit-autofill:active,
      input:-webkit-autofill:focus,
      input:-webkit-autofill:hover {
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
      }
      ::-moz-selection {
        text-shadow: none;
        color: #fff;
        background-color: #ff461d !important;
      }
      ::selection {
        text-shadow: none;
        color: #fff;
        background-color: #ff461d !important;
      }
      ::-webkit-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
      }
      ::-moz-placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
      }
      :-ms-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
      }
      ::-ms-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
      }
      ::placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
      }
      iframe {
        max-width: 100%;
      }
      button:focus,
      input:focus,
      select:focus,
      textarea:focus {
        outline: 0 !important;
      }
      button,
      input[type="submit"] {
        border: none;
        background-color: transparent;
        cursor: pointer;
        -webkit-appearance: button;
        -moz-appearance: button;
      }
      textarea {
        resize: none;
      }
      img {
        max-width: 100%;
        height: auto;
      }
      table {
        width: 100%;
        max-width: 100%;
      }
      table td,
      table th {
        padding: 20px;
        border-bottom: 1px solid #e9f1fd;
      }
      table thead th {
        font-weight: 700;
        color: #3f4451;
      }
      table tbody td,
      table tbody th {
        color: #666;
      }
      pre {
        border: 1px solid;
        border-radius: 4px;
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 1.6em;
        max-width: 100%;
        overflow: auto;
        padding: 0.8em 1.6em;
      }
      code {
        font-size: inherit;
        margin: 0;
      }
      kbd {
        font-weight: 700;
        color: #3f4451;
      }
      ins {
        background-color: transparent;
        text-decoration: none;
      }
      q {
        font-style: italic;
        text-decoration: underline;
      }
      mark {
        background-color: #fcf8e3;
      }
      hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #e6e6e6;
      }
      small {
        font-size: 80%;
        font-weight: 400;
      }
      a:hover {
        text-decoration: none;
      }
      .activity-item .post-body p a,
      .activity-item .post-body p span,
      .activity-item .post-footer .loved a.c1,
      .activity-item .post-footer .loved a.c1:hover,
      .activity-item .post-head .content a,
      .activity-item .post-head .content span,
      .award .members a,
      .bbp-replies-head a:hover,
      .bbp-reviews-head a:hover,
      .blog-details .post-body p a,
      .blog-details .post-body p span,
      .blog-details .post-footer .loved a.c1,
      .blog-details .post-footer .loved a.c1:hover,
      .blog-details .post-head .content a,
      .blog-details .post-head .content span,
      .btn-link.style--two:hover,
      .btn-link:hover,
      .btn.btn-border,
      .c1,
      .dropdown-menu ul li a h5:hover,
      .dropdown-menu ul li a span:hover,
      .dropdown-menu ul li a:hover,
      .error-content .error-area .btn-link,
      .event-details .post-body p a,
      .event-details .post-body p span,
      .event-details .post-footer .loved a.c1,
      .event-details .post-footer .loved a.c1:hover,
      .event-details .post-head .content a,
      .event-details .post-head .content span,
      .footer-bottom-content span,
      .footer-contact span,
      .forum-details .post-body p a,
      .forum-details .post-body p span,
      .forum-details .post-footer .loved a.c1,
      .forum-details .post-footer .loved a.c1:hover,
      .forum-details .post-head .content a,
      .forum-details .post-head .content span,
      .header-main ul li a:hover,
      .header-main ul.nav .megamenu li a:hover,
      .header-main ul.nav ul li a:hover,
      .header-top-left-menu li a:hover,
      .language-dropdown ul li a h5:hover,
      .language-dropdown ul li a span:hover,
      .language-dropdown ul li a:hover,
      .login-panel .create-new-acount:hover,
      .login-panel .forgot:hover,
      .media-navmenu > ul li a.current-menu-item,
      .media-navmenu > ul li a:hover,
      .media-navmenu > ul li.current-menu-item a,
      .post-details .entry-categories ul li a:hover,
      .post-details .entry-tags ul li a:hover,
      .price-head .price,
      .product-details-content .price span,
      .profile-navmenu > ul li a.current-menu-item,
      .profile-navmenu > ul li a:hover,
      .profile-navmenu > ul li.current-menu-item a,
      .sb-breadcrumb li a:hover,
      .share-list a:hover,
      .single-choose .content a span,
      .single-event .content .address,
      .single-event .content .posted-date,
      .single-event .content h3:hover,
      .single-feature.style2 h3:hover,
      .single-post .content .posted-date,
      .single-post .content h3:hover,
      .single-product .product-summary .product-price .sale-price,
      .topic-head-meta-item a.c1,
      .user-preview .item-content .item-info a.btn-link,
      .widget.widget_categories ul li a:hover,
      .widget.widget_recent_entries ul li .post-title a:hover,
      .widget.widget_recent_entries ul li .posted-on,
      .widget.widget_tag_cloud .tagcloud a:hover,
      .widget.widget_text .contac-us a,
      .woocommerce-tabs .tab-btn li.active,
      .woocommerce-tabs .tab-btn li:hover {
        color: #ff461d;
      }
      .activity-item .post-footer .users a,
      .activity-item .post-footer .users span,
      .activity-items .btn.btn-border:hover,
      .back-to-top,
      .bbp-forum .bbp-forum-body .forum-topics li.pin,
      .bbp-forum .bbp-forum-body > ul li.pin,
      .blog-details .post-footer .users a,
      .blog-details .post-footer .users span,
      .btn,
      .btn.btn-border:hover,
      .cart-btn .cart-count,
      .event-details .post-footer .users a,
      .event-details .post-footer .users span,
      .footer-bottom-menu ul li a:after,
      .forum-details .post-footer .users a,
      .forum-details .post-footer .users span,
      .header-main ul.nav .megamenu li a:after,
      .header-main ul.nav ul li a:after,
      .media-navmenu > ul li a:after,
      .price-body .btn.c3:hover,
      .product-details-content .cart .btn.add_to_wishlist:hover,
      .profile-navmenu > ul li a:after,
      .single-event .content .posted-date:after,
      .single-post .content .posted-date:after,
      .socials a:hover,
      .tagcloud a:hover,
      .widget .widget-title:after,
      .widget.widget_nav_menu.style--two li:after,
      .widget.widget_recent_entries ul li .posted-on:after,
      .woocommerce-tabs .tab-btn li:after {
        background-color: #ff461d;
      }
      .about-tab .nav a.active,
      .about-tab .nav a:hover,
      .awards-right h5,
      .btn-link.style--three:hover,
      .btn-link.style--two,
      .btn.btn-border.c2,
      .btn.btn-border.c3,
      .footer-bottom-content span.c2,
      .footer-contact.style--two span,
      .post-details .entry-header .entry-meta li a:hover,
      .section-title h4,
      .section-title h5,
      .single-feature h3:hover,
      .widget.widget_recent_entries.style--three ul li .posted-on,
      .widget.widget_text.style--three .contac-us a {
        color: #2766f7;
      }
      .about-img .about3:after,
      .about-tab .nav a:after,
      .btn.c2,
      .comment-respond .comment-form .btn-wrap .btn,
      .footer-bottom-menu.style--two ul li a:after,
      .footer.style--three .widget .widget-title:after,
      .header.style--three .header-main-inner,
      .overlay:after,
      .price-body .btn.c2:hover,
      .price-body .btn.c3,
      .widget.widget_nav_menu.style--three li:after,
      .widget.widget_recent_entries.style--three ul li .posted-on:after,
      .widget.widget_social_links .social-links a:hover {
        background-color: #2766f7;
      }
      .comment-content .comment-respond .comment-form select,
      .comment-respond .comment-form .comment-content select,
      .comment-respond .comment-form .entry-content select,
      .comment-respond .comment-form .page--content select,
      .comment-respond .comment-form .theme-input-style,
      .entry-content .comment-respond .comment-form select,
      .login-panel .create-new-acount,
      .login-panel .forgot,
      .page--content .comment-respond .comment-form select,
      .post-details .entry-categories ul li a,
      .post-details .entry-header .entry-meta li a,
      .post-details .entry-tags ul li a,
      .post-navigation .nav-link .posted-on,
      .widget.widget_categories ul li a {
        color: #666;
      }
      .pt-120 {
        padding-top: 120px;
      }
      @media only screen and (max-width: 991px) {
        .pt-120 {
          padding-top: 60px;
        }
      }
      .pt-100 {
        padding-top: 100px;
      }
      @media only screen and (max-width: 991px) {
        .pt-100 {
          padding-top: 40px;
        }
      }
      .pt-90 {
        padding-top: 90px;
      }
      @media only screen and (max-width: 991px) {
        .pt-90 {
          padding-top: 30px;
        }
      }
      .pt-60 {
        padding-top: 60px;
      }
      @media only screen and (max-width: 991px) {
        .pt-60 {
          padding-top: 0;
        }
      }
      .pt-40 {
        padding-top: 40px;
      }
      @media only screen and (max-width: 991px) {
        .pt-40 {
          padding-top: 0;
        }
      }
      .pt-30 {
        padding-top: 30px;
      }
      @media only screen and (max-width: 991px) {
        .pt-30 {
          padding-top: 0;
        }
      }
      .pb-120 {
        padding-bottom: 120px;
      }
      @media only screen and (max-width: 991px) {
        .pb-120 {
          padding-bottom: 60px;
        }
      }
      .pb-100 {
        padding-bottom: 100px;
      }
      @media only screen and (max-width: 991px) {
        .pb-100 {
          padding-bottom: 40px;
        }
      }
      .pb-90 {
        padding-bottom: 90px;
      }
      @media only screen and (max-width: 991px) {
        .pb-90 {
          padding-bottom: 30px;
        }
      }
      .pb-60 {
        padding-bottom: 60px;
      }
      @media only screen and (max-width: 991px) {
        .pb-60 {
          padding-bottom: 0;
        }
      }
      .pb-40 {
        padding-bottom: 40px;
      }
      @media only screen and (max-width: 991px) {
        .pb-40 {
          padding-bottom: 0;
        }
      }
      .pb-30 {
        padding-bottom: 30px;
      }
      @media only screen and (max-width: 991px) {
        .pb-30 {
          padding-bottom: 0;
        }
      }
      .mt-40 {
        margin-top: 40px;
      }
      .mt-30 {
        margin-top: 30px;
      }
      .mt-20 {
        margin-top: 20px;
      }
      .mt-10 {
        margin-top: 10px;
      }
      .mb-40 {
        margin-bottom: 40px;
      }
      .mb-30 {
        margin-bottom: 30px;
      }
      .mb-20 {
        margin-bottom: 20px;
      }
      .mb-10 {
        margin-bottom: 10px;
      }
      .about-tab .nav a:after,
      .btn,
      .dropdown-menu ul li a h5,
      .dropdown-menu ul li a span,
      .language-dropdown ul li a h5,
      .language-dropdown ul li a span,
      .media-navmenu > ul li a:after,
      .offcanvas-overlay,
      .post-navigation .nav-link .nav-title,
      .product-details-content .cart .btn.add_to_wishlist svg path,
      .profile-navmenu > ul li a:after,
      .single-choose,
      .single-event .content h3,
      .single-feature h3,
      .single-feature.style2,
      .single-post .content h3,
      .single-price,
      .single-product .product-thumbnail .buttons,
      .woocommerce-tabs .tab-btn li,
      .woocommerce-tabs .tab-btn li:after,
      a,
      svg circle,
      svg path {
        -webkit-transition: 0.3s ease-in;
        -o-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
      }
      .single-feature {
        -webkit-transition: 0.5s ease-in;
        -o-transition: 0.5s ease-in;
        transition: 0.5s ease-in;
      }
      .about-tab .nav a,
      .activity-item .post-footer .users a,
      .activity-item .post-footer .users span,
      .award .our-rating,
      .bbp-forum .bbp-forum-header .forum-titles li,
      .bbp-forum .bbp-forum-header ul li,
      .bbp-replies-head a,
      .bbp-replies-head p,
      .bbp-reviews-head a,
      .bbp-reviews-head p,
      .blog-details .post-footer .users a,
      .blog-details .post-footer .users span,
      .btn-link.style--three,
      .btn-link.style--two,
      .dropdown-menu,
      .edit-profile,
      .error-content .error-area .btn-link,
      .event-details .post-footer .users a,
      .event-details .post-footer .users span,
      .event-info-list li,
      .footer-contact a,
      .footer-contact span,
      .forum-details .post-footer .users a,
      .forum-details .post-footer .users span,
      .header-main ul li a,
      .info-list li,
      .language-dropdown,
      .login-panel,
      .media-navmenu > ul li a,
      .media-preview.gallery a > span,
      .post-details .entry-categories ul li:first-child,
      .post-details .entry-tags ul li:first-child,
      .profile-navmenu > ul li a,
      .sb-breadcrumb li,
      .sb-organizer-list li,
      .sb-widget-registration .content,
      .single-event .content .address,
      .single-event .content .posted-date,
      .single-post .content .posted-date,
      .single-product .product-summary .product-title,
      .stunning-header-content .btn-link,
      .topic-head-meta-item,
      .user-preview .item-content .item-title > span,
      .widget.widget_newsletter .newsletter-content label,
      .woocommerce-tabs .tab-btn li,
      .woocommerce-tabs
        .woocommerce-Reviews
        .review-form
        .comment-form-rating
        label,
      table td,
      table th {
        font-family: Roboto, sans-serif;
      }
      .banner-content h5,
      .banner.style--three .banner-content h5,
      .single-event .content .user-profile .user-name,
      .single-post .content .user-profile .user-name {
        font-family: "Open Sans", sans-serif;
      }
      #countdown,
      .bbp-forum ul,
      .blog-details .blog-details-content .entry-meta,
      .blog-details .event-details-content .entry-meta,
      .blog-details .forum-details-content .entry-meta,
      .dropdown-menu ul,
      .event-details .blog-details-content .entry-meta,
      .event-details .event-details-content .entry-meta,
      .event-details .forum-details-content .entry-meta,
      .event-info-list,
      .feature-list,
      .footer-bottom-menu ul,
      .forum-details .blog-details-content .entry-meta,
      .forum-details .event-details-content .entry-meta,
      .forum-details .forum-details-content .entry-meta,
      .header-top-left-menu,
      .header-top-right-menu,
      .info-list,
      .join-us-content-list,
      .language-dropdown ul,
      .list-check,
      .list-dot-inline,
      .list-inline,
      .list-unstyled,
      .media-navmenu > ul,
      .offcanvas-menu,
      .profile-navmenu > ul,
      .sb-breadcrumb,
      .sb-friends-list ul,
      .sb-organizer-list,
      .sb-user-networks ul,
      .sb-user-statistics ul,
      .sb-widget-groups ul,
      .sb-widget-most-liked ul,
      .sb-widget-recent-post ul,
      .social-list,
      .widget ul,
      .woocommerce-tabs .woocommerce-Reviews .review-list {
        padding: 0;
        margin: 0;
        list-style: none;
      }
      .awards-right h5,
      .bbp-forum .bbp-forum-body .forum-topics li .content h6,
      .bbp-forum .bbp-forum-body > ul li .content h6,
      .coming-soon-content h5,
      .coming-soon-newsletter .input-group .btn,
      .dropdown-menu .dropdown-head h6,
      .dropdown-menu ul li a h5,
      .error-content .error-area h3,
      .filter-options .members-search-form form button,
      .filter-options .sorting h6,
      .header-main ul.nav .megamenu li a,
      .header-main ul.nav ul li a,
      .header-top-right-menu > li .user-profile .user-name,
      .language-dropdown .dropdown-head h6,
      .language-dropdown ul li a h5,
      .price-head h3:not(.price) span,
      .sb-about-me .about-socials h6,
      .sb-about-me .sb-profile-avatar-wrap h6,
      .sb-header-cover .sb-profile-avatar-wrap h4,
      .sb-user-networks li h3,
      .sb-user-statistics li h3,
      .sb-widget-registration .content .quantity h4,
      .section-title h4,
      .section-title h5,
      .single-event .content .user-profile .user-name,
      .single-post .content .user-profile .user-name,
      .stunning-header-content .btn-link,
      .video-btn h3 {
        font-weight: 400;
      }
      .activity-item
        .comments-area
        .single-comment
        .comment-content
        .author_name,
      .activity-item .post-footer .users a,
      .activity-item .post-footer .users span,
      .activity-item .post-head .content h5,
      .activity-main-panel > h3,
      .activity-main-panel > h4,
      .award .our-rating,
      .bbp-forum .bbp-forum-body .forum-topics li .content h5,
      .bbp-forum .bbp-forum-body > ul li .content h5,
      .bbp-replies-head .profile .info .author_name,
      .bbp-reviews-head .profile .info .author_name,
      .billing-details-title,
      .blog-details
        .comments-area
        .single-comment
        .comment-content
        .author_name,
      .blog-details .post-footer .users a,
      .blog-details .post-footer .users span,
      .blog-details .post-head .content h5,
      .btn-link.style--three,
      .btn-link.style--two,
      .cart-btn .cart-count,
      .cart-collaterals .shop_table td,
      .cart-collaterals .shop_table th,
      .cart_table .cart-subtotal,
      .cart_table .product-name,
      .cart_table thead th,
      .checkout .order-details .shop_table thead th,
      .edit-profile,
      .error-content .error-area .btn-link,
      .event-details
        .comments-area
        .single-comment
        .comment-content
        .author_name,
      .event-details .post-footer .users a,
      .event-details .post-footer .users span,
      .event-details .post-head .content h5,
      .footer-contact span,
      .forum-details
        .comments-area
        .single-comment
        .comment-content
        .author_name,
      .forum-details .post-footer .users a,
      .forum-details .post-footer .users span,
      .forum-details .post-head .content h5,
      .header-main ul li a,
      .info-list li span,
      .info-title h4,
      .media-navmenu > ul li a,
      .order-details .shop_table tbody th,
      .order-details .shop_table tfoot th,
      .price-head .price,
      .profile-navmenu > ul li a,
      .sb-members h4,
      .section-title h4,
      .single-product .product-summary .product-title,
      .stunning-header-content h5,
      .tags h4,
      .widget.widget_tag_cloud .tagcloud a,
      .woocommerce-tabs .tab-btn li {
        font-weight: 500;
      }
      .banner-content h5,
      .btn,
      .btn-link,
      .list-check li,
      .offcanvas-menu li a span,
      .team-member .content span,
      .user-preview .item-content .item-meta {
        font-weight: 600;
      }
      #accordion .card-header h3 button,
      .about-tab .nav a,
      .banner.style--three .banner-content h5,
      .event-info-list li span,
      .footer-contact a,
      .media-preview.gallery a > span,
      .post-details .entry-header .entry-title,
      .post-navigation .nav-link .nav-title,
      .sb-organizer-list li span,
      .widget.widget_nav_menu.style--three li a,
      .widget.widget_nav_menu.style--two li a {
        font-weight: 700;
      }
      .activity-item .post-body p a,
      .activity-item .post-body p span,
      .activity-item .post-footer .loved a.c1,
      .activity-item .post-footer .loved a.c1:hover,
      .activity-item .post-head .content a,
      .activity-item .post-head .content span,
      .award .members a,
      .bbp-replies-head a:hover,
      .bbp-reviews-head a:hover,
      .blog-details .post-body p a,
      .blog-details .post-body p span,
      .blog-details .post-footer .loved a.c1,
      .blog-details .post-footer .loved a.c1:hover,
      .blog-details .post-head .content a,
      .blog-details .post-head .content span,
      .btn-link.style--two:hover,
      .btn-link:hover,
      .btn.btn-border,
      .c1,
      .dropdown-menu ul li a h5:hover,
      .dropdown-menu ul li a span:hover,
      .dropdown-menu ul li a:hover,
      .error-content .error-area .btn-link,
      .event-details .post-body p a,
      .event-details .post-body p span,
      .event-details .post-footer .loved a.c1,
      .event-details .post-footer .loved a.c1:hover,
      .event-details .post-head .content a,
      .event-details .post-head .content span,
      .footer-bottom-content span,
      .footer-contact span,
      .forum-details .post-body p a,
      .forum-details .post-body p span,
      .forum-details .post-footer .loved a.c1,
      .forum-details .post-footer .loved a.c1:hover,
      .forum-details .post-head .content a,
      .forum-details .post-head .content span,
      .header-main ul li a:hover,
      .header-main ul.nav .megamenu li a:hover,
      .header-main ul.nav ul li a:hover,
      .header-top-left-menu li a:hover,
      .language-dropdown ul li a h5:hover,
      .language-dropdown ul li a span:hover,
      .language-dropdown ul li a:hover,
      .login-panel .create-new-acount:hover,
      .login-panel .forgot:hover,
      .media-navmenu > ul li a.current-menu-item,
      .media-navmenu > ul li a:hover,
      .media-navmenu > ul li.current-menu-item a,
      .post-details .entry-categories ul li a:hover,
      .post-details .entry-tags ul li a:hover,
      .price-head .price,
      .product-details-content .price span,
      .profile-navmenu > ul li a.current-menu-item,
      .profile-navmenu > ul li a:hover,
      .profile-navmenu > ul li.current-menu-item a,
      .sb-breadcrumb li a:hover,
      .share-list a:hover,
      .single-choose .content a span,
      .single-event .content .address,
      .single-event .content .posted-date,
      .single-event .content h3:hover,
      .single-feature.style2 h3:hover,
      .single-post .content .posted-date,
      .single-post .content h3:hover,
      .single-product .product-summary .product-price .sale-price,
      .topic-head-meta-item a.c1,
      .user-preview .item-content .item-info a.btn-link,
      .widget.widget_categories ul li a:hover,
      .widget.widget_recent_entries ul li .post-title a:hover,
      .widget.widget_recent_entries ul li .posted-on,
      .widget.widget_tag_cloud .tagcloud a:hover,
      .widget.widget_text .contac-us a,
      .woocommerce-tabs .tab-btn li.active,
      .woocommerce-tabs .tab-btn li:hover {
        color: #ff461d;
      }
      .activity-item .post-footer .users a,
      .activity-item .post-footer .users span,
      .activity-items .btn.btn-border:hover,
      .back-to-top,
      .bbp-forum .bbp-forum-body .forum-topics li.pin,
      .bbp-forum .bbp-forum-body > ul li.pin,
      .blog-details .post-footer .users a,
      .blog-details .post-footer .users span,
      .btn,
      .btn.btn-border:hover,
      .cart-btn .cart-count,
      .event-details .post-footer .users a,
      .event-details .post-footer .users span,
      .footer-bottom-menu ul li a:after,
      .forum-details .post-footer .users a,
      .forum-details .post-footer .users span,
      .header-main ul.nav .megamenu li a:after,
      .header-main ul.nav ul li a:after,
      .media-navmenu > ul li a:after,
      .price-body .btn.c3:hover,
      .product-details-content .cart .btn.add_to_wishlist:hover,
      .profile-navmenu > ul li a:after,
      .single-event .content .posted-date:after,
      .single-post .content .posted-date:after,
      .socials a:hover,
      .tagcloud a:hover,
      .widget .widget-title:after,
      .widget.widget_nav_menu.style--two li:after,
      .widget.widget_recent_entries ul li .posted-on:after,
      .woocommerce-tabs .tab-btn li:after {
        background-color: #ff461d;
      }
      .about-tab .nav a.active,
      .about-tab .nav a:hover,
      .awards-right h5,
      .btn-link.style--three:hover,
      .btn-link.style--two,
      .btn.btn-border.c2,
      .btn.btn-border.c3,
      .footer-bottom-content span.c2,
      .footer-contact.style--two span,
      .post-details .entry-header .entry-meta li a:hover,
      .section-title h4,
      .section-title h5,
      .single-feature h3:hover,
      .widget.widget_recent_entries.style--three ul li .posted-on,
      .widget.widget_text.style--three .contac-us a {
        color: #2766f7;
      }
      .about-img .about3:after,
      .about-tab .nav a:after,
      .btn.c2,
      .comment-respond .comment-form .btn-wrap .btn,
      .footer-bottom-menu.style--two ul li a:after,
      .footer.style--three .widget .widget-title:after,
      .header.style--three .header-main-inner,
      .overlay:after,
      .price-body .btn.c2:hover,
      .price-body .btn.c3,
      .widget.widget_nav_menu.style--three li:after,
      .widget.widget_recent_entries.style--three ul li .posted-on:after,
      .widget.widget_social_links .social-links a:hover {
        background-color: #2766f7;
      }
      .widget.widget_recent_entries.style--two ul li .posted-on {
        color: #ff5934;
      }
      .btn.c3,
      .footer.style--two .widget .widget-title:after,
      .widget.widget_recent_entries.style--two ul li .posted-on:after {
        background-color: #ff5934;
      }
      .activity-item .post-footer .users a,
      .activity-item .post-footer .users span,
      .activity-items .btn.btn-border:hover,
      .app-statistics .single-statistics h3,
      .banner.style--three .banner-content h1,
      .banner.style--three .banner-content h5,
      .blog-details .post-footer .users a,
      .blog-details .post-footer .users span,
      .btn,
      .btn.btn-border.btn-white,
      .btn.btn-border.c2.btn-white,
      .btn.btn-border:hover,
      .btn.btn-white:hover,
      .btn:hover,
      .cart-btn .cart-count,
      .contact-form .form-control,
      .contact-form-wrap h2,
      .contact-form-wrap p,
      .event-details .post-footer .users a,
      .event-details .post-footer .users span,
      .feature-list.text-white h3,
      .footer-bottom-content,
      .footer-contact a,
      .footer.style--three .widget .widget-title,
      .footer.style--two .widget .widget-title,
      .forum-details .post-footer .users a,
      .forum-details .post-footer .users span,
      .header-search .input-group .form-control,
      .header-top-left-menu li a,
      .media-preview.gallery a > span,
      .sb-skills .progress .skill-name,
      .sb-skills .progress .skill-rate,
      .sb-skills .progress-bar.bg-success .skill-rate,
      .section-title.text-white h2,
      .tagcloud a:hover,
      .video-btn h3,
      .widget.widget_newsletter .newsletter-content input:focus,
      .widget.widget_newsletter .newsletter-content label,
      .widget.widget_recent_entries ul li .post-title a,
      .widget.widget_social_links .social-links a,
      .widget.widget_social_links .social-links a:hover {
        color: #fff;
      }
      .about-img .about3 .video-btn,
      
      .app-statistics .single-statistics,
      .award,
      .banner.banner2 .banner-btn-group .btn.c3:hover,
      .banner.style--three .banner-btn-group .btn.c2:hover,
      .banner.style--three .banner-content h5:after,
      .btn.btn-white,
      .error-content,
      .feature-list li .icon,
      .footer .widget .widget-title:after,
      .header-main.sticky,
      .header.style--two .header-main,
      .header.style--two .header-main .header-search .input-group,
      .header.style--two .header-main-inner,
      .login-panel,
      .media-navmenu,
      .offcanvas-wrapper,
      .register--content,
      .sb-members,
      .single-blog .blog-content,
      .single-choose.active,
      .single-choose:hover,
      .single-event .content,
      .single-post .content,
      .single-price,
      .team-member .content,
      .widget-main-content,
      .widget.widget_newsletter .newsletter-content button:hover,
      .widget.widget_newsletter.style--three .newsletter-content input,
      .widget.widget_newsletter.style--two .newsletter-content input,
      .woocommerce--content {
        background-color: #fff;
      }
      .header-main.sticky .header-search .input-group .form-control,
      .widget.widget_newsletter.style--three .newsletter-content input:focus,
      .widget.widget_newsletter.style--two .newsletter-content input:focus {
        color: #000;
      }
      .comment-respond .comment-form .btn-wrap .btn:hover,
      .offcanvas-overlay {
        background-color: #000;
      }
      .comment-content .comment-respond .comment-form select,
      .comment-respond .comment-form .comment-content select,
      .comment-respond .comment-form .entry-content select,
      .comment-respond .comment-form .page--content select,
      .comment-respond .comment-form .theme-input-style,
      .entry-content .comment-respond .comment-form select,
      .login-panel .create-new-acount,
      .login-panel .forgot,
      .page--content .comment-respond .comment-form select,
      .post-details .entry-categories ul li a,
      .post-details .entry-header .entry-meta li a,
      .post-details .entry-tags ul li a,
      .post-navigation .nav-link .posted-on,
      .widget.widget_categories ul li a {
        color: #666;
      }
      .banner.banner2 .banner-btn-group .btn.c3:hover,
      .banner.style--three .banner-btn-group .btn.c2:hover,
      .btn-link,
      .btn-link.style--three,
      .dropdown-menu ul li a,
      .header-main ul li a,
      .header-main.sticky .nav > li > a,
      .header.style--two .header-main .header-search .input-group .form-control,
      .language-dropdown ul li a,
      .sb-skills .progress .skill-rate,
      .sb-widget-registration .content > p,
      .single-blog .blog-content h3 a,
      .widget.widget_newsletter .newsletter-content button:hover,
      .widget.widget_tag_cloud .tagcloud a {
        color: #3f4451;
      }
      .btn.btn-white:hover,
      .btn:hover,
      .header.style--two #menu-button span,
      .header.style--two #menu-button span:after,
      .header.style--two #menu-button span:before,
      .media-preview.gallery a:before,
      .media-preview.media-video a:before,
      .price-body .btn.c2 {
        background-color: #3f4451;
      }
      .about-img .about3 .video-btn,
      .activity-item .comment-respond .figure,
      .activity-item .comment-respond .figure img,
      .activity-item .comments-area .single-comment .comment-author-image,
      .activity-item .comments-area .single-comment .comment-author-image img,
      .activity-item .post-body .sb-profile-avatar img,
      .activity-item .post-footer .users a,
      .activity-item .post-footer .users a img,
      .activity-item .post-footer .users span,
      .activity-item .post-footer .users span img,
      .activity-item .post-head .figure,
      .activity-item .post-head .figure img,
      .avatar .img,
      .avatar .img img,
      .avatar-status,
      .award .members .images > a,
      .bbp-forum .bbp-forum-body .forum-topics li:last-child .img,
      .bbp-forum .bbp-forum-body .forum-topics li:last-child .img img,
      .bbp-forum .bbp-forum-body > ul li:last-child .img,
      .bbp-forum .bbp-forum-body > ul li:last-child .img img,
      .bbp-replies-body .bbp-reply-img,
      .bbp-replies-body .bbp-reply-img img,
      .bbp-replies-head .profile .img,
      .bbp-replies-head .profile .img img,
      .bbp-reviews-body .bbp-reply-img,
      .bbp-reviews-body .bbp-reply-img img,
      .bbp-reviews-head .profile .img,
      .bbp-reviews-head .profile .img img,
      .blog-details .blog-details-content .entry-meta li a img,
      .blog-details .comment-respond .figure,
      .blog-details .comment-respond .figure img,
      .blog-details .comments-area .single-comment .comment-author-image,
      .blog-details .comments-area .single-comment .comment-author-image img,
      .blog-details .event-details-content .entry-meta li a img,
      .blog-details .forum-details-content .entry-meta li a img,
      .blog-details .post-body .sb-profile-avatar img,
      .blog-details .post-footer .users a,
      .blog-details .post-footer .users a img,
      .blog-details .post-footer .users span,
      .blog-details .post-footer .users span img,
      .blog-details .post-head .figure,
      .blog-details .post-head .figure img,
      .cart-btn .cart-count,
      .event-details .blog-details-content .entry-meta li a img,
      .event-details .comment-respond .figure,
      .event-details .comment-respond .figure img,
      .event-details .comments-area .single-comment .comment-author-image,
      .event-details .comments-area .single-comment .comment-author-image img,
      .event-details .event-details-content .entry-meta li a img,
      .event-details .forum-details-content .entry-meta li a img,
      .event-details .post-body .sb-profile-avatar img,
      .event-details .post-footer .users a,
      .event-details .post-footer .users a img,
      .event-details .post-footer .users span,
      .event-details .post-footer .users span img,
      .event-details .post-head .figure,
      .event-details .post-head .figure img,
      .feature-list li .icon,
      .footer-bottom-menu ul li a:after,
      .footer-socials a,
      .forum-details .blog-details-content .entry-meta li a img,
      .forum-details .comment-respond .figure,
      .forum-details .comment-respond .figure img,
      .forum-details .comments-area .single-comment .comment-author-image,
      .forum-details .comments-area .single-comment .comment-author-image img,
      .forum-details .event-details-content .entry-meta li a img,
      .forum-details .forum-details-content .entry-meta li a img,
      .forum-details .post-body .sb-profile-avatar img,
      .forum-details .post-footer .users a,
      .forum-details .post-footer .users a img,
      .forum-details .post-footer .users span,
      .forum-details .post-footer .users span img,
      .forum-details .post-head .figure,
      .forum-details .post-head .figure img,
      .play-video .video-bg,
      .play-video .video-bg img,
      .play-video .video-bg:after,
      .sb-about-me .about-social-icons a,
      .sb-profile-avatar-wrap .sb-profile-avatar img,
      .sb-status,
      .socials a,
      .user-preview .item-avatar,
      .user-preview .item-avatar img,
      .user-profile .user-avatar,
      .user-profile .user-avatar img,
      .widget.widget_nav_menu.style--three li:after,
      .widget.widget_nav_menu.style--two li:after,
      .widget.widget_recent_entries ul li .posted-on:after,
      .woocommerce-tabs .woocommerce-Reviews .single-review .author-image img {
        border-radius: 50%;
      }
      .activity-item .comment-respond .comment-respond-body,
      .blog-details .comment-respond .comment-respond-body,
      .btn.c2,
      .event-details .comment-respond .comment-respond-body,
      .forum-details .comment-respond .comment-respond-body,
      .header-main .header-main-inner {
        border-radius: 3px;
      }
      #gal1 a img,
      .app-btn-group .app-store2,
      .app-statistics .single-statistics,
      .coming-soon-newsletter .input-group,
      .contact-form-wrap,
      .dropdown-menu,
      .language-dropdown,
      .media-navmenu,
      .single-event .content,
      .single-event .img img,
      .single-post .content,
      .single-post .img img,
      .single-price,
      .single-product .product-thumbnail img,
      .team-member .content,
      .team-member .img img,
      .user-preview,
      .woocommerce-tabs .woocommerce-Reviews .review-form {
        border-radius: 5px;
      }
      #countdown li,
      #img_01,
      .about-img .about3:after,
      .about-img img,
      .activity-item,
      .activity-item .post-body .collage .vertical-img > div,
      .activity-item .post-body .collage > div,
      .activity-item .post-body .img,
      .activity-item .post-body .img iframe,
      .activity-item .post-body .img img,
      .activity-item .post-body .sb-profile-cover,
      .activity-main-panel,
      .app-statistics .single-statistics h3,
      .award,
      .bbp-forum .bbp-forum-body .forum-topics,
      .bbp-forum .bbp-forum-body > ul,
      .bbp-replies,
      .bbp-reviews,
      .blog-details,
      .blog-details .post-body .collage .vertical-img > div,
      .blog-details .post-body .collage > div,
      .blog-details .post-body .img,
      .blog-details .post-body .img iframe,
      .blog-details .post-body .img img,
      .blog-details .post-body .sb-profile-cover,
      .collage-img,
      .collage-img .vertical-img > div,
      .collage-img img,
      .collage-img > div,
      .error-content,
      .error-content .error-area,
      .error-content .search-area,
      .event-details,
      .event-details .post-body .collage .vertical-img > div,
      .event-details .post-body .collage > div,
      .event-details .post-body .img,
      .event-details .post-body .img iframe,
      .event-details .post-body .img img,
      .event-details .post-body .sb-profile-cover,
      .forum-details,
      .forum-details .post-body .collage .vertical-img > div,
      .forum-details .post-body .collage > div,
      .forum-details .post-body .img,
      .forum-details .post-body .img iframe,
      .forum-details .post-body .img img,
      .forum-details .post-body .sb-profile-cover,
      .login-panel,
      .pd-img-wrapp,
      .register--content,
      .sb-members,
      .sb-members .sb-members-inner,
      .sb-widget-search-form .input-group,
      .single-choose,
      .single-feature.style2,
      .single-product,
      .video-frame,
      .widget-main-content,
      .woocommerce--content,
      .zoomWindow {
        border-radius: 10px;
      }
      .btn.c3,
      .price-body .btn.c2,
      .widget.widget_newsletter.style--three .newsletter-content button {
        border-radius: 50px;
      }
      .header-main.sticky,
      .single-event .content,
      .single-post .content,
      .single-price {
        -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.05);
      }
      .header-main .header-main-inner {
        -webkit-box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.03);
        box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.03);
      }
      .single-blog .blog-content,
      .single-choose.active,
      .single-choose:hover,
      .single-feature.style2.active,
      .single-feature.style2:hover,
      .single-price:hover {
        -webkit-box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.07);
        box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.07);
      }
      .form-control {
        background-color: #fff;
        height: 60px;
        padding: 5px 20px;
        border-radius: 3px;
        width: 100%;
        border: 1px solid #e7ecf5;
      }
      .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #e7ecf5;
      }
      .form-control::-webkit-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.5;
      }
      .form-control::-moz-placeholder {
        color: #4f5164 !important;
        opacity: 0.5;
      }
      .form-control:-ms-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.5;
      }
      .form-control::-ms-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.5;
      }
      .form-control::placeholder {
        color: #4f5164 !important;
        opacity: 0.5;
      }
      .form-signin {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        max-width: 430px;
      }
      .form-signin .form-group {
        margin-bottom: 0;
        margin-right: 15px;
      }
      .form-signin .form-control {
        background-color: rgba(242, 246, 255, 0.6);
        height: 40px;
        border: none;
      }
      .form-signin .form-control::-webkit-input-placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .form-signin .form-control::-moz-placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .form-signin .form-control:-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .form-signin .form-control::-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .form-signin .form-control::placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .input-group {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
      }
      .input-group .form-control {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
      }
      .input-group .form-control::-webkit-input-placeholder {
        color: #fff !important;
        opacity: 0.6;
        font-size: 14px;
      }
      .input-group .form-control::-moz-placeholder {
        color: #fff !important;
        opacity: 0.6;
        font-size: 14px;
      }
      .input-group .form-control:-ms-input-placeholder {
        color: #fff !important;
        opacity: 0.6;
        font-size: 14px;
      }
      .input-group .form-control::-ms-input-placeholder {
        color: #fff !important;
        opacity: 0.6;
        font-size: 14px;
      }
      .input-group .form-control::placeholder {
        color: #fff !important;
        opacity: 0.6;
        font-size: 14px;
      }
      .input-group button {
        position: relative;
        z-index: 2;
        padding: 5px;
      }
      .user-profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 17px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e9f1fd;
      }
      .user-profile .user-avatar {
        margin-right: 16px;
        width: 44px;
        height: 44px;
        overflow: hidden;
      }
      .user-profile p {
        font-size: 14px;
      }
      .star-rating {
        height: 12px;
        line-height: 12px;
        overflow: hidden;
        position: relative;
        width: 68px;
        font-size: 12px;
        color: #ffe539;
      }
      .star-rating:before {
        content: "\f006\f006\f006\f006\f006";
        display: inline-block;
        font-family: FontAwesome;
        left: 0;
        letter-spacing: 2px;
        position: absolute;
        top: 0;
      }
      .star-rating span {
        width: 80%;
        float: left;
        left: 0;
        overflow: hidden;
        padding-top: 12px;
        position: absolute;
        top: 0;
        color: #ffe539;
      }
      .star-rating span:before {
        content: "\f005\f005\f005\f005\f005";
        display: inline-block;
        font-family: FontAwesome;
        left: 0;
        letter-spacing: 2px;
        position: absolute;
        top: 0;
      }
      .hexagon {
        -webkit-clip-path: polygon(
          50% 0,
          100% 25%,
          100% 75%,
          50% 100%,
          0 75%,
          0 25%
        );
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
      }
      .section-bg {
        background-color: #f4f7ff;
      }
      .section-bg2 {
        background-color: #edf2f6;
      }
      .radius-50 {
        border-radius: 50px !important;
      }
      .py-40 {
        padding-top: 40px;
        padding-bottom: 40px;
      }
      .video-frame {
        overflow: hidden;
        line-height: 1;
      }
      .video-frame iframe {
        width: 100%;
        height: 320px;
        border: none;
      }
      .card {
        border: none;
      }
      .list-inline li {
        display: inline-block;
      }
      .list-dot-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .list-dot-inline li:not(:last-child) {
        margin-right: 15px;
        padding-right: 15px;
        position: relative;
      }
      .list-dot-inline li:not(:last-child):after {
        width: 3px;
        height: 3px;
        background-color: #888da8;
        right: -1.5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        content: "";
      }
      .list-dot-inline li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #888da8;
      }
      .list-dot-inline li a svg {
        margin-right: 5px;
      }
      .list-dot-inline li a:hover {
        color: #888da8;
      }
      .list-dot-inline li a:after {
        display: none;
      }
      .list-dot-inline.style2 li {
        font-size: 14px;
        color: #888da8;
      }
      .list-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .list-check li {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-left: 30px;
        position: relative;
        line-height: 1.2;
        margin-bottom: 20px;
        color: #4f5164;
      }
      @media only screen and (max-width: 479px) {
        .list-check li {
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
        }
      }
      .list-check li:after {
        width: 16px;
        height: 12px;
        background-repeat: no-repeat;
        background-image: url(../img/icons/check.svg);
        position: absolute;
        left: 0;
        top: 2px;
        content: "";
      }
      .feature-list li:not(:last-child) {
        margin-bottom: 40px;
      }
      .feature-list li .icon {
        margin-right: 25px;
        width: 80px;
        height: 80px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .feature-list li .icon svg path {
        stroke: #ff5934;
        fill: #ff5934;
      }
      .feature-list li .content h3 {
        margin-bottom: 20px;
      }
      .event-info-list li,
      .sb-organizer-list li {
        color: #4f5164;
      }
      .event-info-list li:not(:last-child),
      .sb-organizer-list li:not(:last-child) {
        border-bottom: 1px solid #e9f1fd;
        padding-bottom: 16px;
        margin-bottom: 18px;
      }
      .sb-organizer-list li:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom: 28px;
      }
      .sb-organizer-list li .name {
        margin-bottom: 20px;
      }
      .sb-organizer-list li .email {
        margin-bottom: 20px;
      }
      .sb-organizer-list li .email h4 {
        margin-bottom: 4px;
      }
      .sb-organizer-list li .social-media h4 {
        margin-bottom: 20px;
      }
      .share-list {
        padding: 25px 30px;
      }
      .share-list a {
        display: block;
      }
      .share-list a:not(:last-child) {
        margin-bottom: 5px;
      }
      .text-white *,
      .text-white h1,
      .text-white h2,
      .text-white h3,
      .text-white h4,
      .text-white h5,
      .text-white h6 {
        color: #fff;
      }
      .border-none {
        border: none !important;
      }
      .upload-button {
        position: relative;
        top: -1px;
        cursor: pointer;
      }
      .upload-button .file-input {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer;
      }
      .login-panel {
        -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.07);
        box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.07);
        border: none;
        padding: 0 !important;
        margin-top: 6px;
      }
      .login-panel h3 {
        padding: 34px;
        border-bottom: 1px solid #e9f1fd;
      }
      @media only screen and (max-width: 379px) {
        .login-panel h3 {
          padding: 20px;
        }
      }
      .login-panel .socibook-sign-form {
        padding: 30px 35px;
      }
      @media only screen and (max-width: 379px) {
        .login-panel .socibook-sign-form {
          padding: 20px;
        }
      }
      .login-panel .form-group {
        margin-bottom: 25px;
      }
      .login-panel .remember {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 25px;
      }
      .login-panel .remember > label {
        margin-bottom: 0;
        line-height: 1;
      }
      .login-panel .rememberme {
        font-size: 18px;
      }
      .login-panel .forgot {
        padding-left: 10px;
      }
      .login-panel .create-new-acount,
      .login-panel .forgot {
        padding: 0;
        line-height: 1;
      }
      .header .login-panel:after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.5em solid transparent;
        border-bottom: 0.5em solid #fff;
        border-left: 0.5em solid transparent;
        position: absolute;
        left: 30px;
        top: -8px;
      }
      .dropdown-menu,
      .language-dropdown {
        -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.07);
        box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.07);
        border: none;
        padding: 24px 30px 18px;
        min-width: 260px;
        margin-top: 6px;
      }
      .dropdown-menu:after,
      .language-dropdown:after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.5em solid transparent;
        border-bottom: 0.5em solid #fff;
        border-left: 0.5em solid transparent;
        position: absolute;
        left: 30px;
        top: -8px;
      }
      .dropdown-menu .dropdown-head,
      .dropdown-menu > h3,
      .language-dropdown .dropdown-head,
      .language-dropdown > h3 {
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e9f1fd;
      }
      .dropdown-menu .dropdown-head h3,
      .language-dropdown .dropdown-head h3 {
        margin-bottom: 8px;
      }
      .dropdown-menu .dropdown-head h6,
      .language-dropdown .dropdown-head h6 {
        color: #888da8;
      }
      .dropdown-menu ul li,
      .language-dropdown ul li {
        margin: 0 !important;
      }
      .dropdown-menu ul li:not(:last-child),
      .language-dropdown ul li:not(:last-child) {
        border-bottom: 1px solid #e9f1fd;
      }
      .dropdown-menu ul li a,
      .language-dropdown ul li a {
        padding: 12px 0 !important;
        line-height: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      .dropdown-menu ul li a i,
      .dropdown-menu ul li a img,
      .dropdown-menu ul li a svg,
      .language-dropdown ul li a i,
      .language-dropdown ul li a img,
      .language-dropdown ul li a svg {
        margin-right: 10px;
      }
      .dropdown-menu ul li a:after,
      .language-dropdown ul li a:after {
        display: none;
      }
      .dropdown-menu ul li a:hover svg path,
      .language-dropdown ul li a:hover svg path {
        fill: #ff461d;
      }
      .dropdown-menu ul li a:hover svg.logout path,
      .language-dropdown ul li a:hover svg.logout path {
        stroke: #ff461d;
      }
      .dropdown-menu ul li a span,
      .language-dropdown ul li a span {
        font-size: 13px;
        color: #888da8;
      }
      .dropdown-menu ul li a .content h5,
      .language-dropdown ul li a .content h5 {
        margin-bottom: 4px;
      }
      .stunning-header {
        min-height: 440px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 120px;
        padding-bottom: 90px;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .stunning-header-content h5 {
        margin-bottom: 20px;
        text-transform: uppercase;
      }
      .stunning-header-content h2 {
        margin-bottom: 28px;
      }
      @media only screen and (max-width: 479px) {
        .stunning-header-content h2 {
          font-size: 36px;
        }
      }
      .stunning-header-content p {
        margin-bottom: 23px;
        font-size: 18px;
      }
      .search-form .form-input-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .search-form .form-input-group .form-group {
        margin-bottom: 0;
      }
      .search-form .form-input-group .form-group:not(:last-child) {
        margin-right: 10px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
      }
      @media only screen and (max-width: 479px) {
        .search-form .form-input-group .form-group:not(:last-child) {
          margin-right: 5px;
        }
      }
      .search-form .form-input-group button,
      .search-form .form-input-group input {
        height: 45px;
      }
      @media only screen and (max-width: 479px) {
        .search-form .form-input-group button,
        .search-form .form-input-group input {
          padding-left: 10px;
          padding-right: 10px;
        }
      }
      .sb-widget-search-form .input-group {
        height: 60px;
        overflow: hidden;
      }
      .sb-widget-search-form .input-group button {
        font-size: 14px;
        padding: 5px 16px;
        border: none;
      }
      .sb-widget-search-form .input-group .form-control {
        border: none;
      }
      .sb-widget-search-form
        .input-group
        .form-control::-webkit-input-placeholder {
        color: #000 !important;
        opacity: 0.5;
      }
      .sb-widget-search-form .input-group .form-control::-moz-placeholder {
        color: #000 !important;
        opacity: 0.5;
      }
      .sb-widget-search-form .input-group .form-control:-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.5;
      }
      .sb-widget-search-form .input-group .form-control::-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.5;
      }
      .sb-widget-search-form .input-group .form-control::placeholder {
        color: #000 !important;
        opacity: 0.5;
      }
      #accordion {
        margin-top: -30px;
      }
      #accordion .card {
        border: none;
        border-bottom: 1px solid rgba(79, 81, 100, 0.2);
      }
      #accordion .card-header {
        border: none;
        background-color: transparent;
        padding: 25px 20px 29px;
      }
      @media only screen and (max-width: 479px) {
        #accordion .card-header {
          padding: 24px 0;
        }
      }
      #accordion .card-header h3 button {
        color: #4f5164;
        padding: 0;
        position: relative;
        width: 100%;
        text-align: left;
      }
      @media only screen and (max-width: 479px) {
        #accordion .card-header h3 button {
          padding-right: 15px;
        }
      }
      #accordion .card-header h3 button:after {
        width: 12px;
        background-image: url(../img/icons/faq-minus.png);
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        content: "";
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 14px;
        height: 2px;
      }
      #accordion .card-header h3 button.collapsed:after {
        background-image: url(../img/icons/faq-plus.png);
        top: 9px;
        height: 12px;
      }
      #accordion .card-body {
        padding-top: 0;
        padding-bottom: 27px;
      }
      @media only screen and (max-width: 479px) {
        #accordion .card-body {
          padding-left: 0;
          padding-right: 0;
        }
      }
      @media only screen and (max-width: 991px) {
        .faq-title {
          margin-bottom: 50px;
        }
      }
      .faq-title h2 {
        font-size: 36px;
        margin-bottom: 20px;
        margin-top: -8px;
      }
      .faq-title p {
        margin-bottom: 42px;
      }
      @media only screen and (max-width: 575px) {
        .faq-title br {
          display: none;
        }
      }
      .sb-container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
      }
      @media (min-width: 576px) {
        .sb-container {
          max-width: 540px;
        }
      }
      @media (min-width: 768px) {
        .sb-container {
          max-width: 720px;
        }
      }
      @media (min-width: 992px) {
        .sb-container {
          max-width: 960px;
        }
      }
      @media (min-width: 1200px) {
        .sb-container {
          max-width: 1140px;
        }
      }
      @media (min-width: 1330px) {
        .sb-container {
          max-width: 1300px;
        }
      }
      .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards;
      }
      @-webkit-keyframes fadeIn {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }
      @keyframes fadeIn {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }
      .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
      }
      @-webkit-keyframes fadeOut {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      @keyframes fadeOut {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
      }
      @-webkit-keyframes fadeInDown {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -40px, 0);
          transform: translate3d(0, -40px, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInDown {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -40px, 0);
          transform: translate3d(0, -40px, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
      }
      @-webkit-keyframes fadeInUp {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 40px, 0);
          transform: translate3d(0, 40px, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInUp {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 40px, 0);
          transform: translate3d(0, 40px, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
      }
      @-webkit-keyframes matrix {
        0% {
          -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
        }
        25% {
          -webkit-transform: matrix(1, 0, 0, 1, 15, 20);
          transform: matrix(1, 0, 0, 1, 15, 20);
        }
        50% {
          -webkit-transform: matrix(1, 0, 0, 1, -5, 25);
          transform: matrix(1, 0, 0, 1, -5, 25);
        }
        75% {
          -webkit-transform: matrix(1, 0, 0, 1, -15, 15);
          transform: matrix(1, 0, 0, 1, -15, 15);
        }
        100% {
          -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
        }
      }
      @keyframes matrix {
        0% {
          -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
        }
        25% {
          -webkit-transform: matrix(1, 0, 0, 1, 15, 20);
          transform: matrix(1, 0, 0, 1, 15, 20);
        }
        50% {
          -webkit-transform: matrix(1, 0, 0, 1, -5, 25);
          transform: matrix(1, 0, 0, 1, -5, 25);
        }
        75% {
          -webkit-transform: matrix(1, 0, 0, 1, -15, 15);
          transform: matrix(1, 0, 0, 1, -15, 15);
        }
        100% {
          -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
        }
      }
      @keyframes fadeInDown {
        from {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
      }
      @keyframes fadeInUp {
        from {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
      }
      @-webkit-keyframes slideOutUp {
        from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }
      @keyframes slideOutUp {
        from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }
      .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
      }
      @-webkit-keyframes slideInDown {
        from {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      @keyframes slideInDown {
        from {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      }
      .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
      }
      @-webkit-keyframes ripple {
        0% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 0.3;
        }
        100% {
          -webkit-transform: scale(1.4);
          transform: scale(1.4);
          opacity: 0;
        }
      }
      @keyframes ripple {
        0% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 0.3;
        }
        100% {
          -webkit-transform: scale(1.4);
          transform: scale(1.4);
          opacity: 0;
        }
      }
      .footer-socials {
        text-align: center;
      }
      @media only screen and (min-width: 576px) and (max-width: 991px) {
        .footer-socials {
          text-align: right;
        }
      }
      .footer-socials a {
        width: 50px;
        height: 50px;
        background-color: rgba(255, 70, 29, 0.1);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .footer-socials a:not(:last-child) {
        margin-right: 10px;
      }
      .footer-socials.style--two a {
        background-color: rgba(39, 102, 247, 0.09);
      }
      .footer-socials.style--two a svg path {
        fill: #2766f7;
      }
      .socials {
        text-align: center;
      }
      .socials a {
        width: 30px;
        height: 30px;
        background-color: rgba(255, 70, 29, 0.1);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px;
      }
      .socials a:not(:last-child) {
        margin-right: 10px;
      }
      @media only screen and (max-width: 767px) {
        .socials a:not(:last-child) {
          margin-right: 8px;
        }
      }
      .socials a:hover svg path {
        fill: #fff;
      }
      .social-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
      @media only screen and (max-width: 767px) {
        .social-list {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
      }
      .social-list li a {
        width: 50px;
        height: 50px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid rgba(255, 255, 255, 0.09);
      }
      @media only screen and (max-width: 767px) {
        .social-list li a {
          border: none;
        }
      }
      .social-list li a svg path {
        fill: #fff;
      }
      .social-list li a:hover svg path {
        fill: #ff461d;
      }
      .show-pass {
        width: 60px;
        min-width: 60px;
        height: 60px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px;
        border: 1px solid #e7ecf5;
        border-radius: 3px;
        margin-left: 10px;
        cursor: pointer;
      }
      .register-form .register-title {
        margin-bottom: 24px;
      }
      .register-form p {
        margin-bottom: 30px;
      }
      .register-form textarea.form-control {
        height: 200px;
      }
      .profile-edit-form .form-control {
        height: 30px;
        font-size: 14px;
        padding: 5px 10px;
      }
      .profile-edit-form textarea.form-control {
        height: 80px;
      }
      .btn {
        font-size: 16px;
        text-transform: uppercase;
        z-index: 1;
        border-radius: 3px;
        line-height: 1;
        padding: 18px 39px;
        border: 1px solid transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .btn.btn-border {
        background-color: transparent;
        border-color: #ff461d;
      }
      .btn.btn-border:hover {
        border-color: #ff461d;
      }
      .btn.btn-border.c3 {
        border-color: #2766f7;
      }
      .btn.btn-border.c3:hover {
        border-color: #ff461d;
      }
      .btn.btn-border.c2 {
        border-color: #2766f7;
      }
      .btn.btn-border.c2:hover {
        border-color: #3f4451;
      }
      .btn.btn-border.c2.btn-white {
        border-color: #fff;
      }
      .btn.btn-border.btn-white {
        border-color: rgba(255, 255, 255, 0.3);
      }
      .btn.btn-border.btn-white:hover {
        border-color: #3f4451;
      }
      .btn.btn-white {
        color: #ff461d;
      }
      .btn.btn-block {
        width: 100%;
      }
      .btn.btn-sm {
        font-size: 14px;
        padding: 13px 16px;
      }
      .btn.btn-md {
        font-size: 14px;
        padding: 15px 30px;
      }
      .btn.c3 {
        text-transform: capitalize;
      }
      .btn.add_to_wishlist {
        width: 50px;
        height: 50px;
        padding: 13px !important;
      }
      .btn-link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 13px;
        text-transform: uppercase;
      }
      .btn-link svg {
        margin-right: 8px;
      }
      .btn-link:hover {
        text-decoration: none;
      }
      .btn-link:hover svg circle {
        fill: #ff461d;
      }
      .btn-link.style--two {
        font-size: 16px;
        text-transform: capitalize;
      }
      .btn-link.style--two svg {
        margin-right: 0;
        margin-left: 8px;
      }
      .btn-link.style--two:hover svg path {
        stroke: #ff461d;
      }
      .btn-link.style--three {
        font-size: 16px;
        text-transform: capitalize;
      }
      .btn-link.style--three svg {
        margin-right: 0;
        margin-left: 8px;
      }
      .btn-link.style--three svg path {
        stroke: #3f4451;
      }
      .btn-link.style--three:hover svg path {
        stroke: #2766f7;
      }
      .widget {
        font-size: 16px;
      }
      .widget:not(:last-child) {
        margin-bottom: 50px;
      }
      .widget .widget-title {
        margin-bottom: 22px;
        position: relative;
        padding-left: 14px;
        line-height: 1.2;
      }
      .widget .widget-title:after {
        width: 3px;
        height: 17px;
        left: 0;
        top: 5px;
        content: "";
        position: absolute;
      }
      .widget.widget_newsletter .newsletter-content button {
        margin-top: 16px;
        padding: 16px 32px;
      }
      .widget.widget_newsletter .newsletter-content input {
        background-color: rgba(255, 255, 255, 0.09);
        border: none;
        height: 50px;
      }
      .widget.widget_newsletter
        .newsletter-content
        input::-webkit-input-placeholder {
        color: #fff !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter .newsletter-content input::-moz-placeholder {
        color: #fff !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter
        .newsletter-content
        input:-ms-input-placeholder {
        color: #fff !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter
        .newsletter-content
        input::-ms-input-placeholder {
        color: #fff !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter .newsletter-content input::placeholder {
        color: #fff !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter .newsletter-content label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        margin-top: 16px;
        font-size: 16px;
      }
      .widget.widget_newsletter
        .newsletter-content
        label
        input[type="checkbox"] {
        margin-right: 10px;
        height: auto;
        position: relative;
        top: -1px;
      }
      .widget.widget_newsletter.style--two
        .newsletter-content
        input::-webkit-input-placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--two
        .newsletter-content
        input::-moz-placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--two
        .newsletter-content
        input:-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--two
        .newsletter-content
        input::-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--two
        .newsletter-content
        input::placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--two label {
        color: #aec7e2;
      }
      .widget.widget_newsletter.style--three
        .newsletter-content
        input::-webkit-input-placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--three
        .newsletter-content
        input::-moz-placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--three
        .newsletter-content
        input:-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--three
        .newsletter-content
        input::-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--three
        .newsletter-content
        input::placeholder {
        color: #000 !important;
        opacity: 0.3;
      }
      .widget.widget_newsletter.style--three .newsletter-content button {
        text-transform: capitalize;
      }
      .widget.widget_newsletter.style--three label {
        color: #aec7e2;
      }
      .widget.widget_recent_entries ul li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 10px;
        margin-bottom: 10px;
      }
      .widget.widget_recent_entries ul li .posted-on {
        display: block;
        font-size: 12px;
        position: relative;
        padding-left: 12px;
        margin-bottom: 7px;
      }
      .widget.widget_recent_entries ul li .posted-on:after {
        width: 5px;
        height: 5px;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        position: absolute;
      }
      .widget.widget_recent_entries ul li .post-title a {
        line-height: 1.4;
      }
      .widget.widget_recent_entries.style--two ul li .post-title a {
        color: #aec7e2;
      }
      .widget.widget_recent_entries.style--three ul li .post-title a {
        color: #aec7e2;
      }
      .widget.widget_newsletter p {
        margin-bottom: 26px;
      }
      .widget.widget_tag_cloud .tagcloud {
        margin: 0 -6px -6px 0;
      }
      .widget.widget_tag_cloud .tagcloud a {
        display: inline-block;
        padding: 5px 8px;
        background-color: #f9f9f9;
        margin: 0 3px 6px 0;
        border-radius: 2px;
        font-size: 13px;
      }
      .widget.widget_nav_menu ul li {
        padding-left: 16px;
        position: relative;
      }
      .widget.widget_nav_menu ul li:not(:last-child) {
        margin-bottom: 10px;
      }
      .widget.widget_nav_menu ul li:after {
        width: 5px;
        height: 10px;
        content: "";
        position: absolute;
        background-image: url(../img/icons/right-angle.png);
        left: 0;
        top: 7px;
      }
      .widget.widget_nav_menu ul li a {
        font-size: 15px;
        text-transform: capitalize;
        display: block;
      }
      .widget.widget_nav_menu.style--two li {
        padding-left: 14px;
      }
      .widget.widget_nav_menu.style--two li:after {
        width: 5px;
        height: 5px;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        position: absolute;
      }
      .widget.widget_nav_menu.style--two li a {
        color: #aec7e2;
      }
      .widget.widget_nav_menu.style--three li {
        padding-left: 14px;
      }
      .widget.widget_nav_menu.style--three li:after {
        width: 5px;
        height: 5px;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        position: absolute;
      }
      .widget.widget_nav_menu.style--three li a {
        color: #aec7e2;
      }
      .widget.widget_social_links {
        margin: 0;
        padding: 30px;
      }
      .widget.widget_social_links .social-links a {
        background-color: rgba(0, 0, 0, 0.35);
      }
      .widget.widget_categories ul li:not(:last-child) {
        margin-bottom: 20px;
      }
      .widget.widget_categories ul li a {
        position: relative;
        padding-left: 28px;
        display: block;
      }
      .widget.widget_categories ul li a:after {
        position: absolute;
        background-image: url(../img/icons/angle-right.svg);
        background-repeat: no-repeat;
        width: 6px;
        height: 10px;
        content: "";
        left: 0;
        top: 8px;
      }
      .widget.widget_text p {
        margin-bottom: 24px;
      }
      .widget.widget_text .contac-us h6 {
        margin-bottom: 10px;
      }
      .widget.widget_text.style--two {
        color: #aec7e2;
      }
      .widget.widget_text.style--two .contac-us h6 {
        color: #aec7e2;
      }
      .widget.widget_text.style--three {
        color: #aec7e2;
      }
      .widget.widget_text.style--three .contac-us h6 {
        color: #aec7e2;
      }
      .section-title {
        margin-top: -6px;
        margin-bottom: 58px;
      }
      .section-title h2 {
        margin-bottom: 20px;
      }
      @media only screen and (max-width: 479px) {
        .section-title h2 {
          font-size: 36px;
        }
      }
      .section-title.style--two {
        margin-top: -2px;
        margin-bottom: 40px;
      }
      .section-title.style--two.mb-30 {
        margin-bottom: 30px;
      }
      .section-title.style--three {
        margin-top: -2px;
        margin-bottom: 58px;
      }
      .section-title.border-bottom {
        border-bottom: 1px solid rgba(63, 68, 81, 0.1);
        padding-bottom: 27px;
        margin-bottom: 28px;
      }
      @media only screen and (max-width: 575px) {
        .section-title br {
          display: none;
        }
      }
      .section-title h4,
      .section-title h5 {
        margin-bottom: 14px;
      }
      .section-title h4 {
        margin-bottom: 18px;
      }
      .section-title h3 {
        margin-bottom: 25px;
        line-height: 1.416;
      }
      .back-to-top {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
        width: 35px;
        height: 35px;
        -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
        font-size: 16px;
        color: #fff !important;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        line-height: 35px;
        bottom: 10%;
        right: 4%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: 0.3s ease-in;
        -o-transition: 0.3s ease-in;
        transition: 0.3s ease-in;
      }
      .back-to-top.show {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        z-index: 999;
      }
      .back-to-top:hover {
        opacity: 0.6;
      }
      .header {
        z-index: 1029;
      }
      .header.style--two .header-top {
        background-color: #09235a;
        padding: 0;
      }
      .header.style--two .header-main-inner {
        border-radius: 0;
      }
      .header.style--two .header-main-inner .logo {
        display: block;
      }
      .header.style--two .header-main {
        margin-bottom: 0;
        min-height: 100px;
      }
      .header.style--two .header-main.sticky {
        padding: 0;
      }
      .header.style--two .header-main.sticky .offcanvas-trigger svg path {
        fill: #fff;
      }
      .header.style--two .header-main .header-main-inner > .row > .col {
        padding: 0;
      }
      @media only screen and (min-width: 992px) {
        .header.style--two .header-main .nav-wrapper {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
        }
      }
      .header.style--two .header-main ul.nav > li > a {
        color: #3f4451;
        line-height: 100px;
      }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header.style--two .header-main ul.nav > li > a {
          padding: 0 8px;
        }
      }
      @media only screen and (max-width: 991px) {
        .header.style--two .header-main ul.nav > li > a {
          line-height: 50px;
        }
      }
      .header.style--two .header-main .search-btn svg path {
        fill: #3f4451;
      }
      .header.style--two .header-main .search-btn #Path_6 path:last-child {
        fill: #fff;
      }
      .header.style--two .header-main .header-search {
        width: 100px;
        height: 100px;
        position: relative;
      }
      .header.style--two .header-main .header-search .input-group {
        border-left: 1px solid rgba(0, 0, 0, 0.09);
        border-right: 1px solid rgba(0, 0, 0, 0.09);
        position: absolute;
        width: 100px;
        right: 0;
        -webkit-transition: 150ms ease-in;
        -o-transition: 150ms ease-in;
        transition: 150ms ease-in;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
      }
      .header.style--two
        .header-main
        .header-search
        .input-group
        .form-control {
        height: 100px;
        padding: 0;
      }
      .header.style--two
        .header-main
        .header-search
        .input-group
        .form-control::-webkit-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
        font-size: 18px;
      }
      .header.style--two
        .header-main
        .header-search
        .input-group
        .form-control::-moz-placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
        font-size: 18px;
      }
      .header.style--two
        .header-main
        .header-search
        .input-group
        .form-control:-ms-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
        font-size: 18px;
      }
      .header.style--two
        .header-main
        .header-search
        .input-group
        .form-control::-ms-input-placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
        font-size: 18px;
      }
      .header.style--two
        .header-main
        .header-search
        .input-group
        .form-control::placeholder {
        color: #4f5164 !important;
        opacity: 0.2;
        font-size: 18px;
      }
      .header.style--two .header-main .header-search .input-group button {
        min-width: 100px;
      }
      .header.style--two .header-main .header-search .input-group button svg {
        width: 28px;
        height: 28px;
      }
      .header.style--two .header-main .header-search.active .input-group {
        width: 300px;
      }
      .header.style--two
        .header-main
        .header-search.active
        .input-group
        .form-control {
        padding: 0 20px;
        -webkit-transition: 150ms ease-in;
        -o-transition: 150ms ease-in;
        transition: 150ms ease-in;
      }
      .header.style--two .offcanvas-trigger {
        background-color: #ff5934;
        width: 100px;
        height: 100px;
        border-radius: 0;
      }
      .header.style--two .offcanvas-trigger svg {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        width: 26px;
        height: 26px;
      }
      .header.style--two .offcanvas-trigger:hover svg {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
      }
      .header.style--two .menu-wrap {
        margin-right: 17px;
      }
      .header.style--three
        .header-main-inner
        .header-search
        .search-btn
        svg
        path {
        fill: #fff;
      }
      .header.style--three
        .header-main-inner
        .header-search
        .search-btn
        #Path_6
        path:last-child {
        fill: #2766f7;
      }
      .header.style--three
        .header-main.sticky
        .header-search
        .search-btn
        svg
        path {
        fill: #3f4451 !important;
      }
      .header.style--three
        .header-main.sticky
        .header-search
        .search-btn
        #Path_6
        path:last-child {
        fill: #fff !important;
      }
      @media only screen and (min-width: 992px) {
        .mega-menu-row {
          width: 100%;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding: 45px 40px !important;
        }
        .mega-menu-row > li {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }
        .mega-menu-row > li a {
          padding: 12px 18px !important;
        }
        .mega-menu-row .menu-item-description {
          margin-bottom: 7px;
        }
        .megamenu-bg {
          background-repeat: no-repeat;
          background-position: right top;
          background-size: auto 100%;
          height: calc(100% + 90px);
          width: calc(100% + 40px);
          margin-top: -45px;
        }
      }
      .header-top {
        background-color: #fff;
        padding: 25px 0;
      }
      @media only screen and (max-width: 575px) {
        .header-top .logo {
          margin-bottom: 20px;
        }
      }
      .header-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: -30px;
      }
      .header-main .header-main-inner-wrap {
        position: relative;
        width: 100%;
        z-index: 2;
      }
      .header-main .header-main-inner {
        background-color: #ff5934;
        padding-left: 12px;
        z-index: 9;
      }
      @media only screen and (max-width: 991px) {
        .header-main .header-main-inner {
          padding-left: 0;
        }
      }
      .header-main .header-main-inner .logo {
        display: none;
      }
      .header-main .header-main-inner .logo a {
        display: inline-block;
      }
      @media only screen and (max-width: 991px) {
        .header-main .header-main-inner > .row {
          position: relative;
        }
      }
      .header-main.sticky {
        padding: 15px 0;
        min-height: 80px;
      }
      .header-main.sticky .header-main-inner {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 0;
      }
      .header-main.sticky .header-main-inner .logo {
        display: block;
        margin-right: 30px;
      }
      @media only screen and (max-width: 575px) {
        .header-main.sticky .header-main-inner .logo {
          margin-right: 0;
        }
      }
      @media only screen and (max-width: 575px) {
        .header-main.sticky .search-wrap {
          display: none !important;
        }
      }
      @media only screen and (max-width: 575px) {
        .header-main.sticky .nav-wrapper {
          -webkit-box-pack: end !important;
          -ms-flex-pack: end !important;
          justify-content: flex-end !important;
        }
      }
      .header-main.sticky .header-search .input-group {
        background-color: rgba(242, 246, 255, 0.6);
      }
      .header-main.sticky
        .header-search
        .input-group
        .form-control::-webkit-input-placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .header-main.sticky
        .header-search
        .input-group
        .form-control::-moz-placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .header-main.sticky
        .header-search
        .input-group
        .form-control:-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .header-main.sticky
        .header-search
        .input-group
        .form-control::-ms-input-placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      .header-main.sticky
        .header-search
        .input-group
        .form-control::placeholder {
        color: #000 !important;
        opacity: 0.45;
        font-size: 14px;
      }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .header-main.sticky ul li a {
          padding: 0 9px;
        }
      }
      .header-main.sticky .offcanvas-trigger svg path {
        fill: #3f4451;
      }
      .header-main.sticky .search-btn svg path {
        fill: #3f4451;
      }
      .header-main.sticky .search-btn #Path_6 path:last-child {
        fill: #fff;
      }
      .header-main.sticky #menu-button span {
        background-color: #000;
      }
      .header-main.sticky #menu-button span:after,
      .header-main.sticky #menu-button span:before {
        background-color: #000;
      }
      @media only screen and (max-width: 991px) {
        .header-main .submenu-button {
          position: absolute;
          right: 0;
          top: 10px;
          height: 30px;
          width: 30px;
          color: inherit;
          font-size: 14px;
          z-index: 9999;
          -webkit-transition: 0.2s ease-in-out;
          -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
          cursor: pointer;
        }
        .header-main .submenu-button:after {
          font-family: FontAwesome;
          content: "\f0d7";
          line-height: 30px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
        }
        .header-main .submenu-button.submenu-opened:after {
          content: "\f0d8";
          color: #5551ef;
        }
      }
      .header-main ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
      }
      @media only screen and (max-width: 991px) {
        .header-main ul.nav {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
        .header-main ul.nav > li {
          width: 100%;
        }
      }
      .header-main ul.nav > li > a {
        line-height: 60px;
        color: #fff;
        position: relative;
      }
      @media only screen and (max-width: 991px) {
        .header-main ul.nav > li > a {
          color: #000 !important;
          display: block;
          line-height: 50px;
        }
      }
      .header-main ul.nav li:hover > .megamenu,
      .header-main ul.nav li:hover > ul {
        top: 100%;
      }
      .header-main ul.nav .megamenu,
      .header-main ul.nav ul {
        position: absolute;
        left: 0;
        top: -2000px;
        opacity: 0;
        visibility: hidden;
        background-color: #fff;
        min-width: 200px;
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        z-index: 9;
        border-radius: 0 0 5px 5px;
        padding: 5px 0;
        -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
      }
      @media only screen and (max-width: 991px) {
        .header-main ul.nav .megamenu,
        .header-main ul.nav ul {
          position: static;
          -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
          width: 100%;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
        }
        .header-main ul.nav .megamenu li,
        .header-main ul.nav ul li {
          margin-left: 20px;
        }
        .header-main ul.nav .megamenu li a:after,
        .header-main ul.nav .megamenu li a:before,
        .header-main ul.nav ul li a:after,
        .header-main ul.nav ul li a:before {
          display: none;
        }
      }
      .header-main ul.nav .megamenu li a,
      .header-main ul.nav ul li a {
        padding: 8px 18px;
        font-size: 14px;
        display: block;
      }
      .header-main ul.nav .megamenu li a:after,
      .header-main ul.nav ul li a:after {
        position: absolute;
        left: 0;
        content: "";
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
      }
      .header-main ul.nav .megamenu li:not(:last-child) a:after,
      .header-main ul.nav ul li:not(:last-child) a:after {
        bottom: 0;
        height: 1px;
        width: calc(100% - 36px);
        left: 20px;
        background-color: #e9f1fd;
        opacity: 1;
      }
      .header-main ul.nav .megamenu li:hover > .megamenu,
      .header-main ul.nav .megamenu li:hover > ul,
      .header-main ul.nav ul li:hover > .megamenu,
      .header-main ul.nav ul li:hover > ul {
        top: 0;
      }
      .header-main ul.nav .megamenu ul,
      .header-main ul.nav ul ul {
        left: 100%;
      }
      .header-main ul.nav .megamenu.open,
      .header-main ul.nav ul.open {
        visibility: visible;
        opacity: 1;
      }
      .header-main ul.nav .megamenu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
      }
      .header-main ul.nav .megamenu ul {
        position: static;
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: 170px;
        padding-bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
      }
      .header-main ul.nav .megamenu .column-tittle {
        padding-left: 18px;
        display: inline-block;
        font-size: 15px;
        padding-top: 12px;
      }
      .header-main ul.nav .mega-menu-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      @media only screen and (max-width: 991px) {
        .header-main ul.nav .mega-menu-row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      .header-main ul.nav .mega-menu-row > li ul li:last-child a:after {
        display: none;
      }
      .header-main ul li {
        position: relative;
      }
      @media only screen and (min-width: 992px) {
        .header-main ul li.megamenu-item {
          position: static;
        }
      }
      .header-main ul li a {
        padding: 0 18px;
        text-transform: capitalize;
      }
      .header-main ul li:hover > .megamenu,
      .header-main ul li:hover > ul {
        opacity: 1;
        visibility: visible;
        top: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      @media only screen and (max-width: 991px) {
        .header-main .menu-wrap {
          background-color: #fff;
          -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
          width: calc(100% - 30px);
          position: absolute;
          left: 15px;
          top: 110%;
          z-index: 9;
          max-height: 400px;
          overflow-y: scroll;
        }
      }
      .offcanvas-trigger {
        height: 60px;
        width: 60px;
        min-width: 60px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        border-radius: 0 3px 3px 0;
      }
      .cart-btn {
        width: 100px;
        height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .cart-btn .cart {
        position: relative;
        top: -3px;
      }
      .cart-btn .cart-count {
        width: 15px;
        height: 15px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px;
        font-size: 9px;
        line-height: 15;
        position: absolute;
        right: 0;
        bottom: -5px;
      }
      @media only screen and (max-width: 991px) {
        .search-wrap {
          width: 100%;
        }
      }
      @media only screen and (max-width: 991px) {
        .header-search {
          width: 100%;
        }
      }
      .header-search .input-group {
        background-color: rgba(255, 255, 255, 0.1);
      }
      .header-search .input-group .form-control {
        background-color: transparent;
        border: none;
        padding-bottom: 7px;
      }
      .header-search .input-group button {
        width: 60px;
      }
      .header-search .input-group button svg {
        position: relative;
        top: -2px;
      }
      .offcanvas-wrapper {
        overflow-x: hidden;
        overflow-y: auto;
        max-width: 320px;
        width: 100%;
        right: 0;
        left: auto;
        -webkit-transition: 0.3s linear;
        -o-transition: 0.3s linear;
        transition: 0.3s linear;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
        z-index: 1031;
      }
      .offcanvas-wrapper.show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
      .offcanvas-wrapper .offcanvas-close {
        cursor: pointer;
        z-index: 999;
        top: 17px;
        right: 25px;
      }
      .offcanvas-wrapper .offcanvas-content {
        padding: 40px;
      }
      .offcanvas-overlay {
        opacity: 0;
        visibility: hidden;
      }
      .offcanvas-overlay.show {
        opacity: 0;
        visibility: visible;
      }
      #menu-button {
        display: none;
        height: 25px;
        width: 25px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        top: 0;
        margin-right: 10px;
        cursor: pointer;
      }
      @media only screen and (max-width: 991px) {
        #menu-button {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          margin-left: 20px;
          margin-right: 20px;
        }
      }
      #menu-button span {
        position: relative;
        display: block;
        width: 25px;
        height: 2px;
        background-color: #fff;
      }
      #menu-button span:after,
      #menu-button span:before {
        position: absolute;
        content: "";
        display: block;
        width: 25px;
        height: 2px;
        background-color: #fff;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
      }
      #menu-button span:before {
        top: -7px;
      }
      #menu-button span:after {
        top: 7px;
      }
      #menu-button.menu-opened span {
        background-color: transparent !important;
      }
      #menu-button.menu-opened span:before {
        -webkit-transform: translateY(7px) rotate(45deg);
        -ms-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
      }
      #menu-button.menu-opened span:after {
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
      }
      .offcanvas-menu li i,
      .offcanvas-menu li img,
      .offcanvas-menu li svg {
        margin-right: 10px;
        width: 18px;
        height: 18px;
      }
      .offcanvas-menu li i path,
      .offcanvas-menu li img path,
      .offcanvas-menu li svg path {
        fill: #666;
      }
      .offcanvas-menu li a {
        padding: 15px 0 15px 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .offcanvas-menu li a:hover svg path {
        fill: #ff461d;
      }
      .header-top-left-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      @media only screen and (max-width: 767px) {
        .header-top-left-menu {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
      }
      .header-top-left-menu li a {
        padding: 0 25px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        line-height: 50px;
      }
      @media only screen and (max-width: 379px) {
        .header-top-left-menu li a {
          padding: 0 15px;
        }
      }
      .header-top-left-menu li a:after {
        width: 1px;
        height: 100%;
        right: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0.09);
        position: absolute;
        content: "";
        border: none;
      }
      .header-top-left-menu li a i,
      .header-top-left-menu li a img,
      .header-top-left-menu li a svg {
        margin-right: 7px;
      }
      .header-top-left-menu li a:hover svg path {
        stroke: #ff461d;
        fill: #ff461d;
      }
      .header-top-left-menu li a:hover svg.glove path {
        stroke: transparent;
      }
      @media only screen and (max-width: 767px) {
        .header-top-left-menu li:last-child a:after {
          display: none;
        }
      }
      .header-top-right-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .header-top-right-menu > li:not(:last-child) {
        margin-right: 25px;
      }
      .header-top-right-menu > li .dropdown-toggle:after {
        display: none;
      }
      .header-top-right-menu > li .user-profile {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
      }
      .header-top-right-menu > li .user-profile > svg {
        margin-left: 10px;
      }
      .footer {
        background-color: #223046;
        padding-top: 25px;
      }
      .footer .widget {
        margin-bottom: 60px;
      }
      .footer .widget.widget_nav_menu ul li a {
        font-size: 16px;
      }
      .footer.style--two {
        background-color: #082c47;
      }
      .footer.style--two .widget {
        font-size: 14px;
      }
      .footer.style--two .widget.widget_nav_menu ul li:after {
        background-image: none;
      }
      .footer.style--two .widget .widget-title {
        padding-left: 0;
        padding-bottom: 10px;
      }
      .footer.style--two .widget .widget-title:after {
        width: 25px;
        height: 3px;
        top: auto;
        bottom: 0;
      }
      .footer.style--three {
        background-color: #082c47;
      }
      .footer.style--three .widget {
        font-size: 14px;
      }
      .footer.style--three .widget.widget_nav_menu ul li:after {
        background-image: none;
      }
      .footer.style--three .widget .widget-title {
        padding-left: 0;
        padding-bottom: 10px;
      }
      .footer.style--three .widget .widget-title:after {
        width: 25px;
        height: 3px;
        top: auto;
        bottom: 0;
      }
      .footer-top {
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }
      .footer-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .footer-contact .icon {
        margin-right: 15px;
      }
      .footer-contact a,
      .footer-contact span {
        display: block;
      }
      .footer-contact span {
        font-size: 12px;
        text-transform: uppercase;
        line-height: 1;
      }
      .footer-contact a {
        font-size: 24px;
      }
      .footer-contact.style--two .icon svg path {
        fill: #2766f7;
      }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .footer-contact .media .media-body {
          min-width: 150px;
        }
      }
      .footer-main {
        padding: 60px 0 0;
      }
      .footer-bottom {
        padding: 22px 0;
        background-color: rgba(0, 0, 0, 0.15);
      }
      .footer-bottom-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
      @media only screen and (max-width: 991px) {
        .footer-bottom-menu ul {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
        }
      }
      .footer-bottom-menu ul li:not(:last-child) {
        margin-right: 30px;
      }
      @media only screen and (max-width: 479px) {
        .footer-bottom-menu ul li:not(:last-child) {
          margin-right: 16px;
        }
      }
      .footer-bottom-menu ul li a {
        position: relative;
        padding-left: 12px;
        color: #aec7e2;
      }
      .footer-bottom-menu ul li a:after {
        width: 5px;
        height: 5px;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        position: absolute;
      }
      .single-blog {
        margin-bottom: 30px;
        display: inline-block;
      }
      .single-blog .blog-img img {
        width: 100%;
      }
      .single-blog .blog-content {
        padding: 27px 29px 33px;
        position: relative;
        border-radius: 0 0 5px 5px;
      }
      @media only screen and (max-width: 479px) {
        .single-blog .blog-content {
          padding: 40px 20px 32px;
        }
      }
      .single-blog .blog-content h3 {
        margin-bottom: 17px;
        line-height: 1.416;
      }
      .single-blog .blog-meta ul {
        margin-bottom: 8px;
      }
      .single-blog .blog-meta ul li:not(:last-child) {
        margin-right: 20px;
      }
      .single-blog .blog-meta ul li a {
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .single-blog .blog-meta ul li a svg {
        margin-right: 7px;
        position: relative;
        top: -1px;
      }
      @media only screen and (max-width: 991px) {
        .blog-sidebar {
          margin-top: 60px;
        }
      }
      .post-details {
        font-size: 16px;
      }
      .post-details p {
        line-height: 1.86;
      }
      .post-details figure {
        margin-top: 50px;
        margin-bottom: 50px;
      }
      .post-details figcaption {
        margin-top: 15px;
      }
      .post-details .entry-header .entry-thumbnail {
        margin-bottom: 47px;
      }
      .post-details .entry-header .entry-title {
        font-size: 36px;
        line-height: 1.28;
        margin-bottom: 15px;
        letter-spacing: -0.5px;
      }
      .post-details .entry-header .entry-meta {
        margin-bottom: 20px;
      }
      .post-details .entry-header .entry-meta li:not(:last-child) {
        margin-right: 50px;
      }
      .post-details .entry-header .entry-meta li span {
        font-weight: 600;
        margin-right: 7px;
        font-size: 16px;
      }
      .post-details .entry-header .entry-meta li a {
        font-size: 14px;
      }
      .post-details .entry-categories ul li:first-child,
      .post-details .entry-tags ul li:first-child {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        margin-right: 5px;
      }
      .post-details .entry-categories ul li a,
      .post-details .entry-tags ul li a {
        font-size: 14px;
        line-height: 1.57;
      }
      .post-details .entry-categories ul li a:not(:last-child):after,
      .post-details .entry-tags ul li a:not(:last-child):after {
        content: ",";
      }
      blockquote {
        background-color: rgba(255, 89, 52, 0.1);
        text-align: center;
        padding: 45px 60px;
        font-style: italic;
        font-size: 18px;
        position: relative;
        z-index: 1;
        margin: 30px 0;
      }
      @media only screen and (max-width: 479px) {
        blockquote {
          padding: 30px 20px;
        }
      }
      blockquote:after,
      blockquote:before {
        position: absolute;
        content: "";
        left: 48px;
        top: 24px;
        height: 45px;
        width: 64px;
        background-repeat: no-repeat;
        background-image: url(../img/icons/left-quote.png);
        z-index: -1;
        opacity: 0.1;
      }
      @media only screen and (max-width: 479px) {
        blockquote:after,
        blockquote:before {
          left: 20px;
          top: 16px;
        }
      }
      blockquote:after {
        left: auto;
        right: 132px;
        top: auto;
        bottom: 29px;
        background-image: url(../img/icons/right-quote.png);
      }
      @media only screen and (max-width: 479px) {
        blockquote:after {
          right: 80px;
          bottom: 16px;
        }
      }
      .comment-content h1,
      .comment-content h2,
      .comment-content h3,
      .comment-content h4,
      .comment-content h5,
      .comment-content h6,
      .entry-content h1,
      .entry-content h2,
      .entry-content h3,
      .entry-content h4,
      .entry-content h5,
      .entry-content h6,
      .page--content h1,
      .page--content h2,
      .page--content h3,
      .page--content h4,
      .page--content h5,
      .page--content h6 {
        line-height: 1.5;
        margin-bottom: 23px;
      }
      .comment-content p,
      .entry-content p,
      .page--content p {
        margin-bottom: 25px;
      }
      .comment-content table,
      .entry-content table,
      .page--content table {
        margin-bottom: 50px;
      }
      .comment-content select,
      .entry-content select,
      .page--content select {
        margin-bottom: 50px;
      }
      .comment-content > :last-child,
      .entry-content > :last-child,
      .page--content > :last-child {
        margin-bottom: 0;
      }
      .comment-content a,
      .entry-content a,
      .page--content a {
        color: #000;
        font-weight: 700;
        font-size: 14px;
      }
      .comment-content a:hover,
      .entry-content a:hover,
      .page--content a:hover {
        text-decoration: underline;
      }
      .comment-content a i,
      .entry-content a i,
      .page--content a i {
        margin-right: 5px;
      }
      .post-author {
        padding: 40px 0;
      }
      @media only screen and (max-width: 575px) {
        .post-author {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      .post-author .author-thumb {
        margin-right: 30px;
      }
      @media only screen and (max-width: 575px) {
        .post-author .author-thumb {
          margin-right: 0;
          margin-bottom: 30px;
        }
      }
      .post-author .author-info h4 {
        font-size: 18px;
        margin-bottom: 10px;
        color: #000;
        font-weight: 600;
      }
      .post-author .author-info p {
        font-size: 16px;
        margin-bottom: 20px;
      }
      .post-title {
        color: #000;
      }
      .post-navigation .nav-link {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
      }
      .post-navigation .nav-link .nav-title {
        display: block;
        font-size: 14px;
        opacity: 0.5;
        margin-bottom: 17px;
        color: #000;
      }
      .post-navigation .nav-link .nav-title i {
        margin-right: 10px;
      }
      .post-navigation .nav-link .nav-title.text-right i {
        margin-left: 10px;
      }
      .post-navigation .nav-link .posted-on {
        margin: 10px 0 2px;
        display: block;
        font-size: 14px;
      }
      .post-navigation .nav-link:hover .nav-title {
        opacity: 1;
      }
      .related-post h2 {
        margin-bottom: 30px;
      }
      .related-post h4 {
        color: #000;
        margin-bottom: 30px;
      }
      .comments-area .comments-title {
        margin-bottom: 25px;
        color: #000;
      }
      .comments-area ul {
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .comments-area .comment .single-comment {
        padding-bottom: 27px;
        margin-bottom: 30px;
        border-bottom: 1px solid #e9f1fd;
      }
      @media only screen and (max-width: 479px) {
        .comments-area .comment .single-comment {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      .comments-area .comment .single-comment .comment-head {
        border-bottom: 1px solid #e9f1fd;
        padding-bottom: 19px;
        margin-bottom: 23px;
      }
      @media only screen and (max-width: 479px) {
        .comments-area .comment .single-comment .comment-head {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      .comments-area
        .comment
        .single-comment
        .comment-head
        .comment-content
        .author_name {
        margin-bottom: 3px;
        line-height: 1.2;
      }
      .comments-area .comment .single-comment .comment-content-body p {
        margin-bottom: 8px;
      }
      .comments-area .comment .single-comment .comment-author-image {
        min-width: 65px;
        margin-right: 30px;
        border-radius: 50%;
        overflow: hidden;
      }
      @media only screen and (max-width: 479px) {
        .comments-area .comment .single-comment .comment-author-image {
          margin-right: 0;
          margin-bottom: 30px;
        }
      }
      .comments-area .comment .single-comment .comment-content .author_name {
        margin-right: 10px;
        margin-bottom: 0;
        font-size: 16px;
      }
      .comments-area .comment .single-comment .comment-content .commented-on {
        font-size: 12px;
      }
      .comments-area .comment .single-comment .comment-content p {
        margin: 10px 0 8px;
        font-size: 16px;
        color: #3f4451;
        font-weight: 400;
      }
      .comments-area .comment ul.children {
        margin-left: 95px;
      }
      @media only screen and (max-width: 479px) {
        .comments-area .comment ul.children {
          margin-left: 20px;
        }
      }
      .comment-respond .comment-reply-title {
        margin-bottom: 20px;
        color: #000;
      }
      .comment-respond .comment-form .comment-notes {
        margin-bottom: 30px;
        font-size: 16px;
      }
      .comment-content .comment-respond .comment-form select,
      .comment-respond .comment-form .comment-content select,
      .comment-respond .comment-form .entry-content select,
      .comment-respond .comment-form .page--content select,
      .comment-respond .comment-form .theme-input-style,
      .entry-content .comment-respond .comment-form select,
      .page--content .comment-respond .comment-form select {
        border-radius: 25px;
        border: 1px solid #eee;
        padding: 10px 20px;
      }
      .comment-content .comment-respond .comment-form select:focus,
      .comment-respond .comment-form .comment-content select:focus,
      .comment-respond .comment-form .entry-content select:focus,
      .comment-respond .comment-form .page--content select:focus,
      .comment-respond .comment-form .theme-input-style:focus,
      .entry-content .comment-respond .comment-form select:focus,
      .page--content .comment-respond .comment-form select:focus {
        background-color: #f1f3ff;
      }
      .comment-respond .comment-form label {
        margin-bottom: 18px;
      }
      .comment-respond .comment-form .custom-checkbox {
        margin-bottom: 5px;
      }
      .comment-respond .comment-form .custom-checkbox label {
        font-size: 16px;
      }
      .comment-respond
        .comment-form
        .custom-checkbox
        label
        input[type="checkbox"] {
        margin-right: 8px;
      }
      .error-content {
        padding: 40px;
      }
      @media only screen and (max-width: 479px) {
        .error-content {
          padding: 20px 15px;
        }
      }
      .error-content .error-area,
      .error-content .search-area {
        border: 1px solid #e9f1fd;
      }
      .error-content .search-area {
        margin-bottom: 40px;
        padding: 30px;
      }
      @media only screen and (max-width: 479px) {
        .error-content .search-area {
          padding: 20px 15px;
        }
      }
      .error-content .search-form form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 610px;
        margin-left: auto;
      }
      .error-content .search-form form .form-group {
        margin-bottom: 0;
      }
      .error-content .search-form form .form-group:not(:last-child) {
        margin-right: 10px;
      }
      .error-content .search-form form .form-group .form-control {
        height: 40px;
      }
      .error-content .search-form form .form-group .btn {
        font-size: 14px;
        padding: 12px 22px;
      }
      .error-content .error-area {
        text-align: center;
        padding: 60px 15px 30px;
      }
      .error-content .error-area img {
        margin-bottom: 20px;
      }
      .error-content .error-area h3 {
        letter-spacing: 1.5px;
        margin-bottom: 20px;
      }
      .error-content .error-area .btn-link {
        font-size: 18px;
      }
      .banner {
        background-color: #f2f6ff;
        padding-top: 146px;
        height: 900px;
      }
      @media only screen and (max-width: 991px) {
        .banner {
          padding-top: 130px;
          height: auto;
        }
      }
      .banner.banner2 .banner-btn-group .btn.c3:hover {
        border-color: #fff;
      }
      .banner.style--three {
        height: 870px;
        padding-bottom: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      @media only screen and (max-width: 767px) {
        .banner.style--three {
          height: auto;
        }
      }
      .banner.style--three.overlay:after {
        background-color: #4f5164;
        opacity: 0.8;
      }
      .banner.style--three .banner-content h5 {
        position: relative;
        margin-bottom: 25px;
        padding-top: 30px;
      }
      .banner.style--three .banner-content h5:after {
        width: 80px;
        height: 3px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        position: absolute;
        content: "";
      }
      .banner.style--three .banner-content h1 {
        font-weight: 900;
        font-size: 90px;
        text-transform: uppercase;
        margin-bottom: 47px;
      }
      @media only screen and (max-width: 767px) {
        .banner.style--three .banner-content h1 {
          font-size: 60px;
        }
      }
      @media only screen and (max-width: 479px) {
        .banner.style--three .banner-content h1 {
          font-size: 42px;
        }
      }
      .banner.style--three .banner-btn-group .btn.c2:hover {
        border-color: #fff;
      }
      .overlay {
        position: relative;
        z-index: 1;
      }
      .overlay:after {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        z-index: -1;
        opacity: 0.85;
      }
      .banner-content h5 {
        text-transform: uppercase;
        margin-bottom: 14px;
      }
      .banner-content h1 {
        margin-bottom: 25px;
      }
      @media only screen and (max-width: 479px) {
        .banner-content h1 {
          font-size: 54px;
        }
      }
      .banner-content p {
        max-width: 792px;
        margin: 0 auto 45px;
      }
      .banner-content p.style2 {
        font-size: 18px;
        color: #4f5164;
      }
      .banner-btn-group {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
      }
      @media only screen and (max-width: 479px) {
        .banner-btn-group {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
        }
      }
      @media only screen and (max-width: 479px) {
        .banner-btn-group .btn,
        .banner-btn-group a {
          margin-bottom: 20px;
        }
      }
      .banner-btn-group .btn:not(:last-child),
      .banner-btn-group a:not(:last-child) {
        margin-right: 20px;
      }
      @media only screen and (max-width: 479px) {
        .banner-btn-group .btn:not(:last-child),
        .banner-btn-group a:not(:last-child) {
          margin-right: 0;
        }
      }
      .banner.banner2 {
        padding-bottom: 80px;
        padding-top: 80px;
        height: 820px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      @media only screen and (max-width: 991px) {
        .banner.banner2 {
          height: auto;
        }
      }
      .banner.banner2 .banner-content h1 {
        margin-bottom: 23px;
      }
      .banner.banner2 .banner-content p {
        font-size: 18px;
      }
      @media only screen and (max-width: 991px) {
        .banner.banner2 .banner-content {
          margin-bottom: 40px;
        }
      }
      .coming-soon {
        position: relative;
        z-index: 1;
      }
      .coming-soon:after {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #ff5934;
        opacity: 0.95;
        position: absolute;
        content: "";
        z-index: -1;
      }
      .coming-soon-content {
        text-align: center;
      }
      .coming-soon-content h1 {
        font-size: 72px;
        margin-bottom: 30px;
      }
      .coming-soon-content p {
        margin-bottom: 60px;
      }
      .coming-soon-content h5 {
        margin-bottom: 30px;
      }
      .coming-soon-newsletter {
        max-width: 480px;
        margin: 0 auto;
        margin-bottom: 50px;
      }
      .coming-soon-newsletter .input-group {
        overflow: hidden;
      }
      .coming-soon-newsletter
        .input-group
        .form-control::-webkit-input-placeholder {
        color: #565969 !important;
        opacity: 0.25;
      }
      .coming-soon-newsletter .input-group .form-control::-moz-placeholder {
        color: #565969 !important;
        opacity: 0.25;
      }
      .coming-soon-newsletter .input-group .form-control:-ms-input-placeholder {
        color: #565969 !important;
        opacity: 0.25;
      }
      .coming-soon-newsletter
        .input-group
        .form-control::-ms-input-placeholder {
        color: #565969 !important;
        opacity: 0.25;
      }
      .coming-soon-newsletter .input-group .form-control::placeholder {
        color: #565969 !important;
        opacity: 0.25;
      }
      .coming-soon-newsletter .input-group .btn {
        background-color: #4f5164;
        font-size: 14px;
        padding: 10px 26px;
      }
      #countdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      #countdown li {
        border: 1px solid #fff;
        width: 160px;
        height: 168px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
        margin-left: 15px;
        margin-right: 15px;
      }
      @media only screen and (max-width: 479px) {
        #countdown li {
          margin-left: 7px;
          margin-right: 7px;
          margin-bottom: 14px;
          width: 140px;
          height: 148px;
        }
      }
      #countdown li h2 {
        font-size: 60px;
        line-height: 1;
        margin-bottom: 8px;
      }
      #countdown li span {
        font-size: 18px;
        text-transform: uppercase;
        line-height: 1;
      }
      .single-choose {
        padding: 60px 20px;
        margin-bottom: 30px;
      }
      @media only screen and (max-width: 379px) {
        .single-choose {
          padding: 40px 20px;
        }
      }
      .single-choose .icon {
        margin-bottom: 30px;
      }
      .single-choose .content h3 {
        margin-bottom: 20px;
      }
      .single-choose .content p {
        max-width: 250px;
        margin: 0 auto;
      }
      .single-choose .content a {
        display: block;
      }
      .video {
        background-color: rgba(242, 246, 255, 0.5);
      }
      .play-video {
        position: relative;
        display: inline-block;
      }
      @media only screen and (max-width: 991px) {
        .play-video {
          margin-bottom: 60px;
        }
      }
      .play-video .video-bg {
        display: inline-block;
        position: relative;
      }
      .play-video .video-bg:after {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        content: "";
        background-color: rgba(255, 70, 29, 0.9);
      }
      .play-video .video-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
      .video-btn {
        text-align: center;
      }
      .video-btn span {
        display: inline-block;
        margin-bottom: 16px;
      }
      .create-account {
        background-color: #ff5934;
        overflow: hidden;
      }
      .create-account-content .feature-list {
        margin-bottom: 43px;
      }
      @media only screen and (max-width: 991px) {
        .create-account-content {
          margin-bottom: 60px;
        }
      }
      .create-account-img {
        padding-left: 40px;
        position: relative;
      }
      @media only screen and (max-width: 1199px) {
        .create-account-img {
          padding-left: 0;
        }
      }
      .create-account-img img {
        max-width: initial;
      }
      @media only screen and (max-width: 991px) {
        .create-account-img img {
          max-width: 100%;
        }
      }
      .create-account-img .dot-shape {
        position: absolute;
        right: -255px;
        bottom: -60px;
      }
      @media only screen and (max-width: 991px) {
        .create-account-img .dot-shape {
          right: -15px;
          bottom: -15px;
        }
      }
      .single-price {
        padding: 60px 45px;
        margin-bottom: 30px;
      }
      .single-price.style2 .price-head .price {
        color: #2766f7;
      }
      .price-head {
        margin-bottom: 27px;
      }
      .price-head img {
        margin-bottom: 24px;
      }
      .price-head h3:not(.price) {
        margin-bottom: 18px;
      }
      .price-body ul {
        margin-bottom: 25px;
      }
      .price-body ul li {
        border-bottom: 1px solid rgba(112, 112, 112, 0.09);
        padding: 10px 0;
        color: #4f5164;
      }
      .price-body ul li.line {
        text-decoration: line-through;
      }
      .price-body ul li:first-child {
        border-top: 1px solid rgba(112, 112, 112, 0.09);
      }
      .price-body .btn.c2 {
        text-transform: capitalize;
      }
      .payment-info p {
        font-size: 18px;
      }
      .app {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 678px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: url(../img/bg/app_bg1.png);
      }
      @media only screen and (max-width: 991px) {
        .app {
          background: #f2f6ff;
          min-height: auto;
        }
      }
      .app.style--two {
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      @media only screen and (max-width: 991px) {
        .app.style--two {
          background: #f2f6ff !important;
          min-height: auto;
          margin-bottom: 60px;
        }
      }
      .app.style--two .app-thumb img {
        margin: -125px 0 -245px;
        position: relative;
        right: 14px;
        max-width: initial;
      }
      @media only screen and (max-width: 1199px) {
        .app.style--two .app-thumb img {
          right: 104px;
        }
      }
      @media only screen and (max-width: 991px) {
        .app.style--two .app-thumb {
          display: none;
        }
      }
      .app.style--three {
        min-height: auto;
        overflow: hidden;
      }
      @media only screen and (max-width: 991px) {
        .app.style--three {
          padding-top: 60px;
          padding-bottom: 60px;
        }
      }
      .app.style--three .app-img img {
        max-width: initial;
      }
      @media only screen and (max-width: 991px) {
        .app.style--three .app-img {
          display: none;
        }
      }
      .app.section-bg {
        background: #f4f7ff;
      }
      .app .section-title {
        margin-top: -12px;
      }
      .app-btn-group a:not(:last-child) {
        margin-right: 10px;
      }
      .app-btn-group.style--two {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
      }
      @media only screen and (max-width: 575px) {
        .app-btn-group.style--two {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
      }
      .app-btn-group.style--two a:not(:last-child) {
        margin-right: 20px;
      }
      @media only screen and (max-width: 575px) {
        .app-btn-group.style--two a:not(:last-child) {
          margin-right: 0;
          margin-bottom: 20px;
        }
      }
      .app-btn-group .app-store2 {
        -webkit-box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.1);
        box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.1);
        display: inline-block;
      }
      .app-statistics {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 45px;
        margin-bottom: -20px;
      }
      .app-statistics .single-statistics {
        -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.05);
        padding: 20px;
        width: 165px;
        height: 156px;
        text-align: center;
        margin-bottom: 20px;
      }
      .app-statistics .single-statistics:not(:last-child) {
        margin-right: 20px;
      }
      .app-statistics .single-statistics h3 {
        background: #2766f7;
        background: -o-linear-gradient(315deg, #2766f7 0, #14337c 100%);
        background: linear-gradient(135deg, #2766f7 0, #14337c 100%);
        width: 85px;
        height: 85px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto 13px;
      }
      .app-statistics .single-statistics.premium h3 {
        background: #ff6065;
        background: -o-linear-gradient(315deg, #ff6065 0, #ff3d4e 100%);
        background: linear-gradient(135deg, #ff6065 0, #ff3d4e 100%);
      }
      .app-statistics .single-statistics.review h3 {
        background: #f8af77;
        background: -o-linear-gradient(315deg, #f8af77 0, #f7884a 100%);
        background: linear-gradient(135deg, #f8af77 0, #f7884a 100%);
      }
      .award {
        padding: 60px 45px 55px;
        -webkit-box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.07);
        box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.07);
        margin-bottom: 30px;
      }
      .award .our-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 25px;
      }
      .award .our-rating svg {
        margin-right: 10px;
      }
      .award .members {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 25px;
      }
      .award .members .images {
        margin-right: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      .award .members .images > a {
        border: 2px solid #fff;
        cursor: pointer;
      }
      .award .members .images > a:not(:first-child) {
        margin-left: -8px;
      }
      .award p {
        margin-bottom: 26px;
      }
      .awards-right {
        margin-bottom: 30px;
      }
      @media only screen and (min-width: 1200px) {
        .awards-right {
          padding-left: 10px;
        }
      }
      .awards-right h5 {
        margin-bottom: 12px;
      }
      .awards-right h3 {
        margin-bottom: 25px;
        line-height: 1.416;
      }
      .awards-right p {
        margin-bottom: 40px;
      }
      .join-us {
        overflow: hidden;
      }
      @media only screen and (max-width: 991px) {
        .join-us-content {
          margin-bottom: 40px;
        }
      }
      .join-us-content-list {
        margin-bottom: 42px;
      }
      .join-us-content-list li:not(:last-child) {
        margin-bottom: 27px;
      }
      .join-us-content-list li h3 {
        margin-bottom: 13px;
      }
      .join-us-img {
        margin-left: 10px;
      }
      @media only screen and (max-width: 991px) {
        .join-us-img {
          margin-left: 0;
        }
      }
      .join-us-img img {
        max-width: initial;
      }
      @media only screen and (max-width: 991px) {
        .join-us-img img {
          max-width: 100%;
        }
      }
      .members-avatar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .members-avatar .avatar {
        margin-bottom: 30px;
      }
      .members-avatar .avatar:not(:last-child) {
        margin-right: 20px;
      }
      .avatar {
        position: relative;
      }
      .avatar .img {
        background-color: #ddd;
        width: 138px;
        height: 138px;
        overflow: hidden;
        display: block;
      }
      .sb-status {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: #3bb54a;
        position: absolute;
        top: 5px;
        left: 7px;
      }
      .sb-status.style2 {
        width: 20px;
        height: 20px;
        background-color: #ff5934;
      }
      .sb-status.style2 svg {
        display: none;
      }
      .sb-filterable-list {
        padding: 40px 0;
      }
      .sb-members {
        padding: 40px;
      }
      @media only screen and (max-width: 479px) {
        .sb-members {
          padding: 20px;
        }
      }
      .sb-members h4 {
        color: #4f5164;
      }
      .sb-members > h4 {
        margin-bottom: 30px;
      }
      .sb-members .sb-members-inner {
        border: 1px solid #e9f1fd;
        padding: 30px 30px 0;
      }
      @media only screen and (max-width: 479px) {
        .sb-members .sb-members-inner {
          padding: 0;
          border: none;
        }
      }
      .sb-members .member-filter-bar {
        border-bottom: 1px solid #e9f1fd;
        margin-bottom: 30px;
        padding-bottom: 30px;
      }
      .filter-options .form-control {
        height: 40px;
      }
      .filter-options .sorting {
        margin-right: 20px;
      }
      .filter-options .sorting h6 {
        color: #888da8;
        margin-right: 15px;
        text-transform: capitalize;
      }
      .filter-options .sorting .form-control {
        width: 100px;
        padding: 5px 10px;
      }
      .filter-options .members-search-form form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .filter-options .members-search-form form .form-group {
        margin-bottom: 0;
      }
      .filter-options .members-search-form form .form-group:not(:last-child) {
        margin-right: 5px;
      }
      .filter-options .members-search-form form button {
        height: 40px;
        font-size: 14px;
        padding: 10px 22px;
      }
      .user-preview {
        text-align: center;
        -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.07);
        box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.07);
        margin-bottom: 30px;
        overflow: hidden;
      }
      .user-preview .item-cover img {
        width: 100%;
      }
      .user-preview .item-avatar-wrap {
        margin-top: -50px;
      }
      .user-preview .item-avatar {
        position: relative;
        margin: 0 auto;
        display: inline-block;
        width: 84px;
        height: 84px;
      }
      .user-preview .item-avatar .sb-status {
        width: 20px;
        height: 20px;
        padding: 5px;
        top: 0;
        left: 4px;
      }
      .user-preview .item-content {
        padding: 14px 30px 30px;
      }
      .user-preview .item-content .item-title {
        margin-bottom: 8px;
      }
      .user-preview .item-content .item-title > span {
        font-size: 14px;
        color: #888da8;
      }
      .user-preview .item-content.style-two {
        padding: 14px 30px 27px;
      }
      .user-preview .item-content.style-two .item-title {
        margin-bottom: 0;
      }
      .user-preview .item-content .item-meta {
        font-size: 12px;
        color: #888da8;
        border-bottom: 1px solid #e9f1fd;
        padding-bottom: 18px;
        margin-bottom: 16px;
      }
      .user-preview .item-content .sb-star-rating {
        line-height: 1;
      }
      .user-preview .item-content .sb-star-rating i {
        font-size: 12px;
        color: #ffc107;
      }
      .user-preview .item-content .item-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin-top: 18px;
      }
      .user-preview .item-content .item-info a {
        display: block;
        font-size: 12px;
        color: #888da8;
        line-height: 1;
      }
      .user-preview .item-content .item-info a:not(:first-child) {
        margin-left: 10px;
        padding-left: 10px;
        position: relative;
      }
      .user-preview .item-content .item-info a:not(:first-child):after {
        width: 3px;
        height: 3px;
        background-color: #888da8;
        left: -2px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        content: "";
      }
      .user-preview .item-content .item-info a.btn-link {
        text-transform: capitalize;
        color: #ff5934;
      }
      .info-title {
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 1px solid #e9f1fd;
      }
      .info-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
      }
      @media only screen and (max-width: 479px) {
        .info-list li {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-bottom: 20px;
        }
      }
      .info-list li span {
        min-width: 180px;
        display: inline-block;
      }
      @media only screen and (max-width: 767px) {
        .info-list li span {
          min-width: 150px;
        }
      }
      @media only screen and (max-width: 479px) {
        .info-list li span {
          min-width: auto;
        }
      }
      @media only screen and (max-width: 991px) {
        .about-content {
          margin-bottom: 60px;
        }
      }
      .about-content .section-title {
        margin-bottom: 20px;
      }
      .about-tab .nav {
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        margin-bottom: 30px;
      }
      .about-tab .nav a {
        padding: 10px 0;
        position: relative;
      }
      .about-tab .nav a:not(:last-child) {
        margin-right: 45px;
      }
      .about-tab .nav a:after {
        width: 20px;
        height: 2px;
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        opacity: 0;
      }
      .about-tab .nav a.active:after,
      .about-tab .nav a:hover:after {
        width: 30px;
        opacity: 1;
      }
      .about-tab .tab-content .tab-pane h3 {
        margin-bottom: 20px;
      }
      .about-img {
        position: relative;
        margin-bottom: 80px;
      }
      @media only screen and (max-width: 575px) {
        .about-img img {
          width: 100%;
        }
      }
      .about-img .about1 {
        position: absolute;
        left: 0;
        top: 60px;
      }
      @media only screen and (max-width: 575px) {
        .about-img .about1 {
          display: none;
        }
      }
      .about-img .about3 {
        position: absolute;
        bottom: -80px;
        right: -95px;
      }
      @media only screen and (max-width: 1300px) {
        .about-img .about3 {
          right: -35px;
        }
      }
      @media only screen and (max-width: 575px) {
        .about-img .about3 {
          right: auto;
          position: relative;
          bottom: 0;
          margin-top: 16px;
        }
      }
      .about-img .about3:after {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0.6;
        content: "";
      }
      .about-img .about3 .video-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        z-index: 9;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .about-img .about3 .video-btn svg {
        position: relative;
        left: 2px;
      }
      @media only screen and (max-width: 575px) {
        .about-img {
          margin-bottom: 0;
        }
      }
      .single-feature {
        -webkit-box-shadow: 0 0 1px #c9c9c9;
        box-shadow: 0 0 1px #c9c9c9;
        padding: 45px 40px;
      }
      @media only screen and (max-width: 767px) {
        .single-feature {
          padding: 25px 20px;
        }
      }
      .single-feature.active {
        -webkit-box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.07);
        box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.07);
      }
      .single-feature .img {
        margin-bottom: 40px;
      }
      .single-feature h3 {
        margin-bottom: 20px;
      }
      .single-feature.style2 {
        text-align: center;
        padding: 60px 30px;
        margin-bottom: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .single-feature.style2 .img {
        margin-bottom: 30px;
      }
      .single-feature.box-style {
        padding: 45px 40px 40px;
      }
      @media only screen and (max-width: 767px) {
        .single-feature.box-style {
          padding: 25px 20px;
        }
      }
      .single-feature.box-style .img {
        margin-bottom: 30px;
      }
      .sb-profile-header {
        border-bottom: 1px solid #e9f1fd;
      }
      .sb-header-cover {
        min-height: 610px;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
      }
      @media only screen and (max-width: 479px) {
        .sb-header-cover {
          min-height: 240px;
        }
      }
      .sb-header-cover .sb-profile-avatar-wrap {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -90px;
        z-index: 1;
      }
      .sb-header-cover .sb-profile-avatar-wrap .sb-profile-avatar .sb-status {
        width: 40px;
        height: 40px;
        left: 10px;
        top: 10px;
      }
      @media only screen and (max-width: 479px) {
        .sb-header-cover .sb-profile-avatar-wrap .sb-profile-avatar .sb-status {
          left: 0;
          top: 5px;
        }
      }
      .sb-header-cover
        .sb-profile-avatar-wrap
        .sb-profile-avatar
        .sb-status.style2 {
        width: 20px;
        height: 20px;
        left: auto;
        top: auto;
        right: 16px;
        bottom: 17px;
      }
      @media only screen and (max-width: 479px) {
        .sb-header-cover
          .sb-profile-avatar-wrap
          .sb-profile-avatar
          .sb-status.style2 {
          right: 10px;
          bottom: 15px;
        }
      }
      .sb-header-cover .sb-profile-avatar-wrap h4 {
        color: #888da8;
        margin-top: 10px;
      }
      .sb-header-cover .sb-profile-avatar-wrap.style2 {
        bottom: -114px;
      }
      .sb-header-content {
        padding: 40px 0;
      }
      @media only screen and (max-width: 767px) {
        .sb-header-content {
          padding-top: 130px;
        }
        .sb-header-content.style2 {
          padding-top: 150px;
        }
      }
      .sb-user-networks ul,
      .sb-user-statistics ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      @media only screen and (max-width: 575px) {
        .sb-user-networks ul,
        .sb-user-statistics ul {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
      }
      .sb-user-networks li,
      .sb-user-statistics li {
        text-align: center;
        position: relative;
        padding: 0 40px;
      }
      @media only screen and (max-width: 991px) {
        .sb-user-networks li,
        .sb-user-statistics li {
          padding: 0 16px;
        }
      }
      .sb-user-networks li:first-child,
      .sb-user-statistics li:first-child {
        padding-left: 0;
      }
      .sb-user-networks li:last-child,
      .sb-user-statistics li:last-child {
        padding-right: 0;
      }
      .sb-user-networks li:not(:last-child):after,
      .sb-user-statistics li:not(:last-child):after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 100%;
        content: "";
        background-image: url(../img/icons/khuidda.svg);
        opacity: 0.15;
      }
      .sb-user-networks li h3,
      .sb-user-statistics li h3 {
        margin-bottom: 9px;
      }
      .sb-user-networks li span,
      .sb-user-statistics li span {
        font-size: 12px;
        color: #888da8;
        text-transform: uppercase;
        display: block;
      }
      .sb-user-networks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }
      @media only screen and (max-width: 575px) {
        .sb-user-networks {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
      }
      .sb-user-networks li svg {
        margin-bottom: 15px;
      }
      .sb-profile-avatar-wrap {
        text-align: center;
        text-align: center;
      }
      .sb-profile-avatar-wrap .sb-profile-avatar {
        position: relative;
        display: inline-block;
        margin-bottom: 14px;
      }
      @media only screen and (max-width: 479px) {
        .sb-profile-avatar-wrap .sb-profile-avatar {
          width: 150px;
        }
      }
      @media only screen and (max-width: 575px) {
        .media-navmenu,
        .profile-navmenu {
          border-bottom: 1px solid #e9f1fd;
          padding-bottom: 16px;
        }
      }
      .media-navmenu > ul,
      .profile-navmenu > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .media-navmenu > ul li:not(:last-child),
      .profile-navmenu > ul li:not(:last-child) {
        margin-right: 50px;
      }
      @media only screen and (max-width: 767px) {
        .media-navmenu > ul li:not(:last-child),
        .profile-navmenu > ul li:not(:last-child) {
          margin-right: 20px;
        }
      }
      .media-navmenu > ul li.dropdown-toggle:after,
      .profile-navmenu > ul li.dropdown-toggle:after {
        display: none;
      }
      .media-navmenu > ul li.current-menu-item a:after,
      .profile-navmenu > ul li.current-menu-item a:after {
        width: 100%;
        opacity: 1;
      }
      .media-navmenu > ul li.current-menu-item a svg path,
      .profile-navmenu > ul li.current-menu-item a svg path {
        fill: #ff461d;
      }
      .media-navmenu > ul li a,
      .profile-navmenu > ul li a {
        font-size: 15px;
        position: relative;
        padding: 23px 0;
        display: block;
        color: #888da8;
      }
      @media only screen and (max-width: 575px) {
        .media-navmenu > ul li a,
        .profile-navmenu > ul li a {
          padding: 16px 0 0;
        }
      }
      .media-navmenu > ul li a:after,
      .profile-navmenu > ul li a:after {
        width: 80%;
        height: 2px;
        left: 0;
        bottom: 0;
        position: absolute;
        content: "";
        opacity: 0;
      }
      .media-navmenu > ul li a.current-menu-item:after,
      .media-navmenu > ul li a:hover:after,
      .profile-navmenu > ul li a.current-menu-item:after,
      .profile-navmenu > ul li a:hover:after {
        width: 100%;
        opacity: 1;
      }
      .media-navmenu > ul li a.current-menu-item svg path,
      .media-navmenu > ul li a:hover svg path,
      .profile-navmenu > ul li a.current-menu-item svg path,
      .profile-navmenu > ul li a:hover svg path {
        fill: #ff461d;
      }
      .media-navmenu {
        margin-bottom: 40px;
        padding: 0 30px;
      }
      @media only screen and (max-width: 575px) {
        .media-navmenu {
          padding-bottom: 16px;
        }
      }
      .edit-profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 15px;
        color: #888da8;
      }
      @media only screen and (max-width: 575px) {
        .edit-profile {
          padding: 16px 0;
        }
      }
      .edit-profile svg {
        margin-left: 10px;
      }
      .left-sidebar > div:not(:last-child) {
        margin-bottom: 30px;
      }
      .widget-main-content {
        padding: 40px 30px;
      }
      .widget-main-content > h3 {
        padding-bottom: 20px;
        border-bottom: 1px solid #e9f1fd;
        margin-bottom: 23px;
      }
      .sb-about-me {
        text-align: center;
      }
      .sb-about-me .sb-profile-avatar-wrap {
        margin-bottom: 20px;
      }
      .sb-about-me .sb-profile-avatar-wrap .sb-profile-avatar {
        width: 200px;
        height: 200px;
      }
      .sb-about-me .sb-profile-avatar-wrap h3 {
        margin-bottom: 8px;
      }
      .sb-about-me .sb-profile-avatar-wrap h6 {
        font-style: italic;
        color: #888da8;
      }
      .sb-about-me .sb-profile-avatar-wrap .sb-status {
        width: 20px;
        height: 20px;
        padding: 5px;
        left: 2px;
        top: 4px;
      }
      .sb-about-me .signature {
        border-bottom: 1px solid #e9f1fd;
        padding-bottom: 30px;
        margin-bottom: 30px;
      }
      .sb-about-me .about-socials h6 {
        margin-bottom: 30px;
      }
      .sb-about-me .about-social-icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .sb-about-me .about-social-icons a {
        width: 40px;
        height: 40px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #888da8;
      }
      .sb-about-me .about-social-icons a:not(:last-child) {
        margin-right: 5px;
      }
      .sb-about-me .about-social-icons a svg path {
        fill: #888da8;
      }
      .sb-about-me .about-social-icons a:hover {
        border-color: #ff461d;
      }
      .sb-about-me .about-social-icons a:hover svg path {
        fill: #ff461d;
      }
      .sb-skills .progress {
        height: 30px;
        background-color: #e9f1fd;
        position: relative;
      }
      .sb-skills .progress:not(:last-child) {
        margin-bottom: 10px;
      }
      .sb-skills .progress .skill-name,
      .sb-skills .progress .skill-rate {
        font-size: 14px;
        text-transform: uppercase;
        position: absolute;
        left: 10px;
      }
      .sb-skills .progress .skill-rate {
        left: auto;
        right: 10px;
      }
      .sb-skills .progress-bar {
        background-color: #ff5934;
      }
      .sb-skills .progress-bar.bg-jam {
        background-color: #2b7ea1;
      }
      .sb-friends-list ul li:not(:last-child),
      .sb-widget-groups ul li:not(:last-child),
      .sb-widget-most-liked ul li:not(:last-child),
      .sb-widget-recent-post ul li:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e9f1fd;
      }
      .sb-friends-list ul li .sb-profile-avatar,
      .sb-widget-groups ul li .sb-profile-avatar,
      .sb-widget-most-liked ul li .sb-profile-avatar,
      .sb-widget-recent-post ul li .sb-profile-avatar {
        margin-right: 16px;
        width: 60px;
        height: 60px;
        margin-bottom: 0;
      }
      .sb-friends-list ul li .sb-profile-avatar .sb-status,
      .sb-widget-groups ul li .sb-profile-avatar .sb-status,
      .sb-widget-most-liked ul li .sb-profile-avatar .sb-status,
      .sb-widget-recent-post ul li .sb-profile-avatar .sb-status {
        width: 20px;
        height: 20px;
        left: 4px;
        top: -4px;
        padding: 4px;
      }
      .sb-friends-list ul li .sb-content h4,
      .sb-widget-groups ul li .sb-content h4,
      .sb-widget-most-liked ul li .sb-content h4,
      .sb-widget-recent-post ul li .sb-content h4 {
        line-height: 1.5;
      }
      .sb-widget-registration .content {
        font-size: 18px;
      }
      .sb-widget-registration .content > p {
        margin-bottom: 14px;
      }
      .sb-widget-registration .content .quantity {
        padding-top: 4px;
      }
      .sb-widget-registration .content .quantity h4 {
        margin-bottom: 14px;
      }
      .sb-widget-registration .content .quantity .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 14px;
      }
      .sb-widget-registration .content .quantity .form-group .form-control {
        border: 1px solid #888da8;
        border-radius: 3px;
        height: 30px;
        max-width: 74px;
        padding: 5px 10px;
      }
      .sb-widget-registration
        .content
        .quantity
        .form-group
        .form-control:not(:last-child) {
        margin-right: 10px;
      }
      .tags {
        margin-top: 30px;
      }
      .tags h4 {
        margin-bottom: 20px;
      }
      .tagcloud {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .tagcloud a {
        padding: 5px 12px;
        border: 1px solid #e9f1fd;
        border-radius: 2px;
        display: block;
        font-size: 14px;
        color: #888da8;
        margin-right: 5px;
        margin-bottom: 5px;
        overflow: hidden;
      }
      .sb-widget-photos .sb-photos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -3px;
        margin-bottom: -3px;
      }
      .sb-widget-photos .sb-photos a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        display: block;
        padding-right: 3px;
        padding-bottom: 3px;
      }
      .sb-widget-photos .sb-photos a img {
        border-radius: 3px;
        width: 100%;
      }
      .activity-main-panel {
        padding: 0px;
      }
      @media only screen and (max-width: 479px) {
        .activity-main-panel {
          padding: 20px 15px;
        }
      }
      .activity-main-panel > h3,
      .activity-main-panel > h4 {
        padding-bottom: 30px;
      }
      .activity-items .btn.btn-border {
        border-color: #888da8;
        color: #888da8;
      }
      .activity-items .btn.btn-border:hover {
        border-color: #ff461d;
      }
      .event-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      .event-items .activity-item {
        -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
      }
      @media only screen and (max-width: 991px) {
        .event-items .activity-item {
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
        }
      }
      .activity-item,
      .blog-details,
      .event-details,
      .forum-details {
        border: 1px solid #e9f1fd;
        padding: 30px;
      }
      @media only screen and (max-width: 479px) {
        .activity-item,
        .blog-details,
        .event-details,
        .forum-details {
          padding: 20px 15px;
        }
      }
      .activity-item:not(:last-child),
      .blog-details:not(:last-child),
      .event-details:not(:last-child),
      .forum-details:not(:last-child) {
        margin-bottom: 40px;
      }
      .activity-item .post-head,
      .blog-details .post-head,
      .event-details .post-head,
      .forum-details .post-head {
        margin-bottom: 20px;
      }
      .activity-item .post-head .figure,
      .blog-details .post-head .figure,
      .event-details .post-head .figure,
      .forum-details .post-head .figure {
        width: 40px;
        height: 40px;
        margin-right: 16px;
      }
      .activity-item .post-head .content p,
      .blog-details .post-head .content p,
      .event-details .post-head .content p,
      .forum-details .post-head .content p {
        color: #888da8;
        font-size: 14px;
      }
      .activity-item .post-body,
      .blog-details .post-body,
      .event-details .post-body,
      .forum-details .post-body {
        margin-bottom: 38px;
      }
      .activity-item .post-body p,
      .blog-details .post-body p,
      .event-details .post-body p,
      .forum-details .post-body p {
        color: #4f5164;
        margin-bottom: 24px;
      }
      .activity-item .post-body .img,
      .blog-details .post-body .img,
      .event-details .post-body .img,
      .forum-details .post-body .img {
        overflow: hidden;
      }
      .activity-item .post-body .img img,
      .blog-details .post-body .img img,
      .event-details .post-body .img img,
      .forum-details .post-body .img img {
        width: 100%;
      }
      .activity-item .post-body .img iframe,
      .blog-details .post-body .img iframe,
      .event-details .post-body .img iframe,
      .forum-details .post-body .img iframe {
        width: 100%;
        height: 320px;
      }
      .activity-item .post-body .collage,
      .blog-details .post-body .collage,
      .event-details .post-body .collage,
      .forum-details .post-body .collage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .activity-item .post-body .collage > div,
      .blog-details .post-body .collage > div,
      .event-details .post-body .collage > div,
      .forum-details .post-body .collage > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
      }
      .activity-item .post-body .collage > div img,
      .blog-details .post-body .collage > div img,
      .event-details .post-body .collage > div img,
      .forum-details .post-body .collage > div img {
        width: 100%;
      }
      .activity-item .post-body .collage .vertical-img,
      .blog-details .post-body .collage .vertical-img,
      .event-details .post-body .collage .vertical-img,
      .forum-details .post-body .collage .vertical-img {
        padding-left: 10px;
      }
      .activity-item .post-body .collage .vertical-img > div:not(:last-child),
      .blog-details .post-body .collage .vertical-img > div:not(:last-child),
      .event-details .post-body .collage .vertical-img > div:not(:last-child),
      .forum-details .post-body .collage .vertical-img > div:not(:last-child) {
        margin-bottom: 10px;
      }
      .activity-item .post-body .sb-profile-cover,
      .blog-details .post-body .sb-profile-cover,
      .event-details .post-body .sb-profile-cover,
      .forum-details .post-body .sb-profile-cover {
        min-height: 180px;
        background-size: cover;
        background-repeat: no-repeat;
      }
      .activity-item .post-body .sb-profile-cover-wrap h3,
      .blog-details .post-body .sb-profile-cover-wrap h3,
      .event-details .post-body .sb-profile-cover-wrap h3,
      .forum-details .post-body .sb-profile-cover-wrap h3 {
        margin-top: 15px;
        text-align: center;
      }
      .activity-item .post-body .sb-profile-avatar,
      .blog-details .post-body .sb-profile-avatar,
      .event-details .post-body .sb-profile-avatar,
      .forum-details .post-body .sb-profile-avatar {
        width: 140px;
        height: 140px;
        margin: -70px auto 0;
      }
      .activity-item .post-footer,
      .blog-details .post-footer,
      .event-details .post-footer,
      .forum-details .post-footer {
        margin-bottom: 30px;
      }
      .activity-item .post-footer .users a,
      .activity-item .post-footer .users span,
      .blog-details .post-footer .users a,
      .blog-details .post-footer .users span,
      .event-details .post-footer .users a,
      .event-details .post-footer .users span,
      .forum-details .post-footer .users a,
      .forum-details .post-footer .users span {
        font-size: 10px;
        width: 25px;
        height: 25px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
      }
      .activity-item .post-footer .users a:not(:first-child),
      .activity-item .post-footer .users span:not(:first-child),
      .blog-details .post-footer .users a:not(:first-child),
      .blog-details .post-footer .users span:not(:first-child),
      .event-details .post-footer .users a:not(:first-child),
      .event-details .post-footer .users span:not(:first-child),
      .forum-details .post-footer .users a:not(:first-child),
      .forum-details .post-footer .users span:not(:first-child) {
        margin-left: -10px;
      }
      .activity-item .post-footer .loved a,
      .blog-details .post-footer .loved a,
      .event-details .post-footer .loved a,
      .forum-details .post-footer .loved a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        color: #888da8;
      }
      .activity-item .post-footer .loved a:hover,
      .blog-details .post-footer .loved a:hover,
      .event-details .post-footer .loved a:hover,
      .forum-details .post-footer .loved a:hover {
        color: #888da8;
      }
      .activity-item .post-footer .loved a svg,
      .blog-details .post-footer .loved a svg,
      .event-details .post-footer .loved a svg,
      .forum-details .post-footer .loved a svg {
        margin-right: 5px;
        position: relative;
        top: 1px;
      }
      .activity-item .post-footer .loved.active a,
      .blog-details .post-footer .loved.active a,
      .event-details .post-footer .loved.active a,
      .forum-details .post-footer .loved.active a {
        color: #ff461d;
      }
      .activity-item .post-footer .loved.active a svg path,
      .blog-details .post-footer .loved.active a svg path,
      .event-details .post-footer .loved.active a svg path,
      .forum-details .post-footer .loved.active a svg path {
        fill: #ff461d;
      }
      .activity-item .post-footer .post-footer-left > div:not(:last-child),
      .blog-details .post-footer .post-footer-left > div:not(:last-child),
      .event-details .post-footer .post-footer-left > div:not(:last-child),
      .forum-details .post-footer .post-footer-left > div:not(:last-child) {
        margin-right: 20px;
      }
      .activity-item .post-footer .post-footer-right li,
      .blog-details .post-footer .post-footer-right li,
      .event-details .post-footer .post-footer-right li,
      .forum-details .post-footer .post-footer-right li {
        cursor: pointer;
      }
      .activity-item .comment-respond .figure,
      .blog-details .comment-respond .figure,
      .event-details .comment-respond .figure,
      .forum-details .comment-respond .figure {
        width: 35px;
        height: 35px;
        margin-right: 10px;
      }
      .activity-item .comment-respond .figure img,
      .blog-details .comment-respond .figure img,
      .event-details .comment-respond .figure img,
      .forum-details .comment-respond .figure img {
        min-width: 35px;
        height: 35px;
      }
      .activity-item .comment-respond .figure .avatar-status,
      .blog-details .comment-respond .figure .avatar-status,
      .event-details .comment-respond .figure .avatar-status,
      .forum-details .comment-respond .figure .avatar-status {
        position: absolute;
        left: 1px;
        top: 1px;
      }
      .activity-item .comment-respond .comment-respond-body,
      .blog-details .comment-respond .comment-respond-body,
      .event-details .comment-respond .comment-respond-body,
      .forum-details .comment-respond .comment-respond-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f0f2f5;
        padding-right: 10px;
      }
      .activity-item .comment-respond .comment-respond-body > *,
      .blog-details .comment-respond .comment-respond-body > *,
      .event-details .comment-respond .comment-respond-body > *,
      .forum-details .comment-respond .comment-respond-body > * {
        margin-left: 10px;
      }
      .activity-item .comment-respond .comment-respond-body > a,
      .blog-details .comment-respond .comment-respond-body > a,
      .event-details .comment-respond .comment-respond-body > a,
      .forum-details .comment-respond .comment-respond-body > a {
        display: block;
        line-height: 1;
        position: relative;
        top: -1px;
      }
      .activity-item .comment-respond .comment-respond-body textarea,
      .blog-details .comment-respond .comment-respond-body textarea,
      .event-details .comment-respond .comment-respond-body textarea,
      .forum-details .comment-respond .comment-respond-body textarea {
        height: 35px;
        font-size: 14px;
        border: none;
        background-color: transparent;
        margin-left: 0;
        line-height: 1.7;
      }
      .activity-item .comments-area,
      .blog-details .comments-area,
      .event-details .comments-area,
      .forum-details .comments-area {
        border-top: 1px solid #e9f1fd;
        margin-top: 30px;
        padding-top: 30px;
      }
      .activity-item .comments-area .single-comment .comment-author-image,
      .blog-details .comments-area .single-comment .comment-author-image,
      .event-details .comments-area .single-comment .comment-author-image,
      .forum-details .comments-area .single-comment .comment-author-image {
        width: 35px;
        height: 35px;
        min-width: 35px;
        margin-right: 10px;
        position: relative;
        overflow: visible;
      }
      @media only screen and (max-width: 479px) {
        .activity-item .comments-area .single-comment .comment-author-image,
        .blog-details .comments-area .single-comment .comment-author-image,
        .event-details .comments-area .single-comment .comment-author-image,
        .forum-details .comments-area .single-comment .comment-author-image {
          margin-right: 0;
          margin-bottom: 10px;
        }
      }
      .activity-item .comments-area .single-comment .comment-author-image img,
      .blog-details .comments-area .single-comment .comment-author-image img,
      .event-details .comments-area .single-comment .comment-author-image img,
      .forum-details .comments-area .single-comment .comment-author-image img {
        width: 35px;
        height: 35px;
      }
      .activity-item
        .comments-area
        .single-comment
        .comment-author-image
        .avatar-status,
      .blog-details
        .comments-area
        .single-comment
        .comment-author-image
        .avatar-status,
      .event-details
        .comments-area
        .single-comment
        .comment-author-image
        .avatar-status,
      .forum-details
        .comments-area
        .single-comment
        .comment-author-image
        .avatar-status {
        position: absolute;
        left: 1px;
        top: 1px;
      }
      .activity-item
        .comments-area
        .single-comment
        .comment-content
        .author_name,
      .blog-details
        .comments-area
        .single-comment
        .comment-content
        .author_name,
      .event-details
        .comments-area
        .single-comment
        .comment-content
        .author_name,
      .forum-details
        .comments-area
        .single-comment
        .comment-content
        .author_name {
        margin-right: 10px;
        line-height: 1;
      }
      .activity-item
        .comments-area
        .single-comment
        .comment-content
        .commented-on,
      .blog-details
        .comments-area
        .single-comment
        .comment-content
        .commented-on,
      .event-details
        .comments-area
        .single-comment
        .comment-content
        .commented-on,
      .forum-details
        .comments-area
        .single-comment
        .comment-content
        .commented-on {
        font-size: 14px;
        color: #888da8;
      }
      .activity-item .comments-area .comment-reply-links,
      .blog-details .comments-area .comment-reply-links,
      .event-details .comments-area .comment-reply-links,
      .forum-details .comments-area .comment-reply-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .activity-item .comments-area .comment-reply-links a,
      .blog-details .comments-area .comment-reply-links a,
      .event-details .comments-area .comment-reply-links a,
      .forum-details .comments-area .comment-reply-links a {
        text-transform: capitalize;
        color: #888da8;
      }
      .activity-item .comments-area .comment-reply-links a:not(:last-child),
      .blog-details .comments-area .comment-reply-links a:not(:last-child),
      .event-details .comments-area .comment-reply-links a:not(:last-child),
      .forum-details .comments-area .comment-reply-links a:not(:last-child) {
        margin-right: 10px;
        padding-right: 10px;
        position: relative;
      }
      .activity-item
        .comments-area
        .comment-reply-links
        a:not(:last-child):after,
      .blog-details
        .comments-area
        .comment-reply-links
        a:not(:last-child):after,
      .event-details
        .comments-area
        .comment-reply-links
        a:not(:last-child):after,
      .forum-details
        .comments-area
        .comment-reply-links
        a:not(:last-child):after {
        width: 3px;
        height: 3px;
        background-color: #888da8;
        right: -1.5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        content: "";
      }
      .activity-item .comments-area .comment ul.children,
      .blog-details .comments-area .comment ul.children,
      .event-details .comments-area .comment ul.children,
      .forum-details .comments-area .comment ul.children {
        margin-left: 45px;
      }
      @media only screen and (max-width: 479px) {
        .activity-item .comments-area .comment ul.children,
        .blog-details .comments-area .comment ul.children,
        .event-details .comments-area .comment ul.children,
        .forum-details .comments-area .comment ul.children {
          margin-left: 20px;
        }
      }
      .collage-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
        margin: 30px 0;
      }
      .collage-img img {
        width: 100%;
      }
      .collage-img iframe {
        width: 100%;
        height: 320px;
      }
      .collage-img > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
      }
      .collage-img > div img {
        width: 100%;
      }
      .collage-img .vertical-img {
        padding-left: 10px;
      }
      .collage-img .vertical-img > div:not(:last-child) {
        margin-bottom: 10px;
      }
      .blog-details,
      .event-details,
      .forum-details {
        padding: 0;
        border: none;
      }
      .blog-details .blog-details-content,
      .blog-details .event-details-content,
      .blog-details .forum-details-content,
      .event-details .blog-details-content,
      .event-details .event-details-content,
      .event-details .forum-details-content,
      .forum-details .blog-details-content,
      .forum-details .event-details-content,
      .forum-details .forum-details-content {
        margin-bottom: 44px;
      }
      .blog-details .blog-details-content h2,
      .blog-details .event-details-content h2,
      .blog-details .forum-details-content h2,
      .event-details .blog-details-content h2,
      .event-details .event-details-content h2,
      .event-details .forum-details-content h2,
      .forum-details .blog-details-content h2,
      .forum-details .event-details-content h2,
      .forum-details .forum-details-content h2 {
        margin-bottom: 20px;
        font-size: 36px;
      }
      @media only screen and (max-width: 575px) {
        .blog-details .blog-details-content h2,
        .blog-details .event-details-content h2,
        .blog-details .forum-details-content h2,
        .event-details .blog-details-content h2,
        .event-details .event-details-content h2,
        .event-details .forum-details-content h2,
        .forum-details .blog-details-content h2,
        .forum-details .event-details-content h2,
        .forum-details .forum-details-content h2 {
          font-size: 36px;
        }
      }
      .blog-details .blog-details-content .entry-meta,
      .blog-details .event-details-content .entry-meta,
      .blog-details .forum-details-content .entry-meta,
      .event-details .blog-details-content .entry-meta,
      .event-details .event-details-content .entry-meta,
      .event-details .forum-details-content .entry-meta,
      .forum-details .blog-details-content .entry-meta,
      .forum-details .event-details-content .entry-meta,
      .forum-details .forum-details-content .entry-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
      }
      .blog-details .blog-details-content .entry-meta li,
      .blog-details .event-details-content .entry-meta li,
      .blog-details .forum-details-content .entry-meta li,
      .event-details .blog-details-content .entry-meta li,
      .event-details .event-details-content .entry-meta li,
      .event-details .forum-details-content .entry-meta li,
      .forum-details .blog-details-content .entry-meta li,
      .forum-details .event-details-content .entry-meta li,
      .forum-details .forum-details-content .entry-meta li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 5px;
        padding-bottom: 5px;
      }
      .blog-details .blog-details-content .entry-meta li:not(:last-child),
      .blog-details .event-details-content .entry-meta li:not(:last-child),
      .blog-details .forum-details-content .entry-meta li:not(:last-child),
      .event-details .blog-details-content .entry-meta li:not(:last-child),
      .event-details .event-details-content .entry-meta li:not(:last-child),
      .event-details .forum-details-content .entry-meta li:not(:last-child),
      .forum-details .blog-details-content .entry-meta li:not(:last-child),
      .forum-details .event-details-content .entry-meta li:not(:last-child),
      .forum-details .forum-details-content .entry-meta li:not(:last-child) {
        margin-right: 15px;
        padding-right: 15px;
        position: relative;
      }
      .blog-details .blog-details-content .entry-meta li:not(:last-child):after,
      .blog-details
        .event-details-content
        .entry-meta
        li:not(:last-child):after,
      .blog-details
        .forum-details-content
        .entry-meta
        li:not(:last-child):after,
      .event-details
        .blog-details-content
        .entry-meta
        li:not(:last-child):after,
      .event-details
        .event-details-content
        .entry-meta
        li:not(:last-child):after,
      .event-details
        .forum-details-content
        .entry-meta
        li:not(:last-child):after,
      .forum-details
        .blog-details-content
        .entry-meta
        li:not(:last-child):after,
      .forum-details
        .event-details-content
        .entry-meta
        li:not(:last-child):after,
      .forum-details
        .forum-details-content
        .entry-meta
        li:not(:last-child):after {
        width: 3px;
        height: 3px;
        background-color: #888da8;
        right: -1.5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        content: "";
      }
      .blog-details .blog-details-content .entry-meta li a,
      .blog-details .event-details-content .entry-meta li a,
      .blog-details .forum-details-content .entry-meta li a,
      .event-details .blog-details-content .entry-meta li a,
      .event-details .event-details-content .entry-meta li a,
      .event-details .forum-details-content .entry-meta li a,
      .forum-details .blog-details-content .entry-meta li a,
      .forum-details .event-details-content .entry-meta li a,
      .forum-details .forum-details-content .entry-meta li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #888da8;
        font-size: 12px;
      }
      .blog-details .blog-details-content .entry-meta li a img,
      .blog-details .event-details-content .entry-meta li a img,
      .blog-details .forum-details-content .entry-meta li a img,
      .event-details .blog-details-content .entry-meta li a img,
      .event-details .event-details-content .entry-meta li a img,
      .event-details .forum-details-content .entry-meta li a img,
      .forum-details .blog-details-content .entry-meta li a img,
      .forum-details .event-details-content .entry-meta li a img,
      .forum-details .forum-details-content .entry-meta li a img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
      }
      .blog-details .blog-details-content .entry-meta li a svg,
      .blog-details .event-details-content .entry-meta li a svg,
      .blog-details .forum-details-content .entry-meta li a svg,
      .event-details .blog-details-content .entry-meta li a svg,
      .event-details .event-details-content .entry-meta li a svg,
      .event-details .forum-details-content .entry-meta li a svg,
      .forum-details .blog-details-content .entry-meta li a svg,
      .forum-details .event-details-content .entry-meta li a svg,
      .forum-details .forum-details-content .entry-meta li a svg {
        margin-right: 5px;
      }
      .blog-details .blog-details-content .entry-meta li a:hover,
      .blog-details .event-details-content .entry-meta li a:hover,
      .blog-details .forum-details-content .entry-meta li a:hover,
      .event-details .blog-details-content .entry-meta li a:hover,
      .event-details .event-details-content .entry-meta li a:hover,
      .event-details .forum-details-content .entry-meta li a:hover,
      .forum-details .blog-details-content .entry-meta li a:hover,
      .forum-details .event-details-content .entry-meta li a:hover,
      .forum-details .forum-details-content .entry-meta li a:hover {
        color: #888da8;
      }
      .blog-details .comments-area,
      .event-details .comments-area,
      .forum-details .comments-area {
        border: none;
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 44px;
      }
      .blog-details .comments-area .comments-title,
      .event-details .comments-area .comments-title,
      .forum-details .comments-area .comments-title {
        margin-bottom: 30px;
      }
      .blog-details .comment-respond .comment-reply-title,
      .event-details .comment-respond .comment-reply-title,
      .forum-details .comment-respond .comment-reply-title {
        margin-bottom: 12px;
      }
      .blog-details .comment-respond .form-group,
      .event-details .comment-respond .form-group,
      .forum-details .comment-respond .form-group {
        margin-bottom: 30px;
      }
      .blog-details .comment-respond .form-control,
      .event-details .comment-respond .form-control,
      .forum-details .comment-respond .form-control {
        border-top: none;
        border-left: none;
        border-right: none;
        padding-left: 0;
        padding-right: 0;
      }
      .blog-details .comment-respond textarea.form-control,
      .event-details .comment-respond textarea.form-control,
      .forum-details .comment-respond textarea.form-control {
        height: 130px;
      }
      .blog-details,
      .event-details {
        padding: 30px;
        border: 1px solid #e9f1fd;
      }
      @media only screen and (max-width: 479px) {
        .blog-details,
        .event-details {
          border: none;
          padding: 0;
        }
      }
      .figure {
        position: relative;
      }
      .avatar-status {
        width: 6px;
        height: 6px;
        background-color: #3bb54a;
        display: block;
      }
      .single-event,
      .single-post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
      }
      @media only screen and (max-width: 767px) {
        .single-event,
        .single-post {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      @media only screen and (max-width: 767px) {
        .single-event .img img,
        .single-post .img img {
          border-radius: 5px 5px 0 0;
        }
      }
      .single-event .content,
      .single-post .content {
        padding: 25px 80px 30px 40px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }
      @media only screen and (max-width: 1330px) {
        .single-event .content,
        .single-post .content {
          padding: 30px;
        }
      }
      @media only screen and (max-width: 767px) {
        .single-event .content,
        .single-post .content {
          position: static;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          border-radius: 0 0 5px 5px;
        }
        .single-event .content br,
        .single-post .content br {
          display: none;
        }
      }
      @media only screen and (max-width: 479px) {
        .single-event .content,
        .single-post .content {
          padding: 25px 15px;
        }
      }
      .single-event .content .posted-date,
      .single-post .content .posted-date {
        font-size: 13px;
        padding-left: 40px;
        position: relative;
        text-transform: uppercase;
        display: block;
        margin-bottom: 5px;
      }
      .single-event .content .posted-date:after,
      .single-post .content .posted-date:after {
        width: 25px;
        height: 1px;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        content: "";
      }
      .single-event .content h3,
      .single-post .content h3 {
        line-height: 1.416;
        margin-bottom: 12px;
      }
      .single-event .content p,
      .single-post .content p {
        margin-bottom: 16px;
      }
      .single-event .content .user-profile,
      .single-post .content .user-profile {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
      }
      @media only screen and (max-width: 767px) {
        .single-event .img img {
          width: 100%;
        }
      }
      .single-event .content {
        padding: 27px 30px 30px;
      }
      @media only screen and (max-width: 479px) {
        .single-event .content {
          padding: 20px 15px;
        }
      }
      .single-event .content h3:hover {
        text-decoration: underline;
      }
      .single-event .content .address {
        text-transform: uppercase;
        font-size: 13px;
        display: block;
        margin-bottom: 6px;
      }
      .single-event .content .address i,
      .single-event .content .address img,
      .single-event .content .address svg {
        margin-right: 10px;
      }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-event .content br {
          display: none;
        }
      }
      .single-event.style2 .content {
        padding: 27px 80px 30px 40px;
      }
      @media only screen and (max-width: 479px) {
        .single-event.style2 .content {
          padding: 20px 15px;
        }
      }
      .sb-bbs-topic-head h4 {
        margin-bottom: 17px;
      }
      .sb-bbs-topic-head .sb-breadcrumb {
        margin-bottom: 10px;
      }
      .topic-head-meta-item {
        color: #888da8;
      }
      .topic-head-meta-item:not(:last-child) {
        margin-right: 30px;
      }
      @media only screen and (max-width: 767px) {
        .topic-head-meta-item:not(:last-child) {
          margin-right: 0;
        }
      }
      .topic-head-meta-item a {
        color: #888da8;
      }
      .sb-breadcrumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .sb-breadcrumb li {
        color: #888da8;
      }
      .sb-breadcrumb li:not(:last-child) {
        position: relative;
        padding-right: 10px;
        margin-right: 10px;
      }
      .sb-breadcrumb li:not(:last-child):after {
        background-image: url(../img/icons/angle-right.svg);
        position: absolute;
        right: -3px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 12px;
        width: 6px;
        content: "";
      }
      .sb-breadcrumb li a {
        color: #888da8;
      }
      .bbp-forum ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .bbp-forum ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .bbp-forum ul li:first-child {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
      }
      @media only screen and (max-width: 767px) {
        .bbp-forum ul li:first-child {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
        }
      }
      .bbp-forum ul li:last-child {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
      }
      @media only screen and (max-width: 767px) {
        .bbp-forum ul li:last-child {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
        }
      }
      .bbp-forum .bbp-forum-header {
        margin-bottom: 16px;
      }
      .bbp-forum .bbp-forum-header .forum-titles li,
      .bbp-forum .bbp-forum-header ul li {
        color: #888da8;
      }
      @media only screen and (max-width: 767px) {
        .bbp-forum .bbp-forum-header .forum-titles li,
        .bbp-forum .bbp-forum-header ul li {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
      }
      @media only screen and (max-width: 767px) {
        .bbp-forum .bbp-forum-header .forum-titles li:not(:first-child),
        .bbp-forum .bbp-forum-header ul li:not(:first-child) {
          display: none;
        }
      }
      .bbp-forum .bbp-forum-body .forum-topics,
      .bbp-forum .bbp-forum-body > ul {
        border: 1px solid #e9f1fd;
        padding: 30px;
        position: relative;
        overflow: hidden;
      }
      @media only screen and (max-width: 767px) {
        .bbp-forum .bbp-forum-body .forum-topics,
        .bbp-forum .bbp-forum-body > ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }
      .bbp-forum .bbp-forum-body .forum-topics:not(:last-child),
      .bbp-forum .bbp-forum-body > ul:not(:last-child) {
        margin-bottom: 40px;
      }
      @media only screen and (max-width: 767px) {
        .bbp-forum .bbp-forum-body .forum-topics li,
        .bbp-forum .bbp-forum-body > ul li {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
        .bbp-forum .bbp-forum-body .forum-topics li:not(:last-child),
        .bbp-forum .bbp-forum-body > ul li:not(:last-child) {
          margin-bottom: 10px;
        }
      }
      .bbp-forum .bbp-forum-body .forum-topics li .img,
      .bbp-forum .bbp-forum-body > ul li .img {
        margin-right: 15px;
      }
      @media only screen and (max-width: 767px) {
        .bbp-forum .bbp-forum-body .forum-topics li .img,
        .bbp-forum .bbp-forum-body > ul li .img {
          margin-right: 0;
          margin-bottom: 10px;
        }
      }
      .bbp-forum .bbp-forum-body .forum-topics li .content h5,
      .bbp-forum .bbp-forum-body > ul li .content h5 {
        margin-bottom: 2px;
      }
      .bbp-forum .bbp-forum-body .forum-topics li .content h6,
      .bbp-forum .bbp-forum-body > ul li .content h6 {
        margin-bottom: 1px;
      }
      .bbp-forum .bbp-forum-body .forum-topics li .content P,
      .bbp-forum .bbp-forum-body .forum-topics li .content p a,
      .bbp-forum .bbp-forum-body > ul li .content P,
      .bbp-forum .bbp-forum-body > ul li .content p a {
        color: #888da8;
        font-size: 14px;
      }
      @media only screen and (max-width: 767px) {
        .bbp-forum .bbp-forum-body .forum-topics li .content,
        .bbp-forum .bbp-forum-body > ul li .content {
          text-align: center;
        }
      }
      .bbp-forum .bbp-forum-body .forum-topics li:last-child .img,
      .bbp-forum .bbp-forum-body > ul li:last-child .img {
        margin-right: 10px;
        width: 28px;
        height: 28px;
        overflow: hidden;
        display: block;
      }
      .bbp-forum .bbp-forum-body .forum-topics li:last-child .content P,
      .bbp-forum .bbp-forum-body .forum-topics li:last-child .content p a,
      .bbp-forum .bbp-forum-body > ul li:last-child .content P,
      .bbp-forum .bbp-forum-body > ul li:last-child .content p a {
        font-size: 12px;
      }
      .bbp-forum .bbp-forum-body .forum-topics li:not(:first-child),
      .bbp-forum .bbp-forum-body .forum-topics li:not(:last-child),
      .bbp-forum .bbp-forum-body > ul li:not(:first-child),
      .bbp-forum .bbp-forum-body > ul li:not(:last-child) {
        font-size: 14px;
        color: #4f5164;
      }
      .bbp-forum .bbp-forum-body .forum-topics li.pin,
      .bbp-forum .bbp-forum-body > ul li.pin {
        position: absolute;
        right: 7px;
        top: -14px;
        width: 15px;
        height: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
      .bbp-forum .bbp-forum-body .forum-topics li.pin svg,
      .bbp-forum .bbp-forum-body > ul li.pin svg {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .bbp-replies,
      .bbp-reviews {
        border: 1px solid #e9f1fd;
      }
      .bbp-replies:not(:last-child),
      .bbp-reviews:not(:last-child) {
        margin-bottom: 10px;
      }
      .bbp-reviews:not(:last-child) {
        margin-bottom: 40px;
      }
      .bbp-replies-head,
      .bbp-reviews-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 23px 30px 25px;
        border-bottom: 1px solid #e9f1fd;
      }
      @media only screen and (max-width: 479px) {
        .bbp-replies-head,
        .bbp-reviews-head {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 15px;
        }
      }
      .bbp-replies-head a,
      .bbp-replies-head p,
      .bbp-reviews-head a,
      .bbp-reviews-head p {
        color: #888da8;
      }
      .bbp-replies-head .profile,
      .bbp-reviews-head .profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      @media only screen and (max-width: 479px) {
        .bbp-replies-head .profile,
        .bbp-reviews-head .profile {
          margin-bottom: 10px;
        }
      }
      .bbp-replies-head .profile .img,
      .bbp-reviews-head .profile .img {
        display: block;
        margin-right: 16px;
        width: 40px;
        height: 40px;
        position: relative;
      }
      .bbp-replies-head .profile .img img,
      .bbp-reviews-head .profile .img img {
        width: 40px;
        height: 40px;
      }
      .bbp-replies-head .profile .img .avatar-status,
      .bbp-reviews-head .profile .img .avatar-status {
        position: absolute;
        top: 2px;
        left: 2px;
      }
      .bbp-replies-head .profile .info span,
      .bbp-reviews-head .profile .info span {
        font-size: 14px;
        color: #888da8;
      }
      .bbp-reviews-head {
        padding: 15px 30px;
      }
      @media only screen and (max-width: 479px) {
        .bbp-reviews-head {
          padding: 15px;
        }
      }
      .bbp-replies-body,
      .bbp-reviews-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 30px 27px;
      }
      @media only screen and (max-width: 479px) {
        .bbp-replies-body,
        .bbp-reviews-body {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 20px 15px;
          text-align: center;
        }
      }
      .bbp-replies-body .bbp-reply-img,
      .bbp-reviews-body .bbp-reply-img {
        margin-right: 15px;
        display: block;
        width: 35px;
        min-width: 35px;
        height: 35px;
        position: relative;
      }
      @media only screen and (max-width: 479px) {
        .bbp-replies-body .bbp-reply-img,
        .bbp-reviews-body .bbp-reply-img {
          margin-right: 0;
          margin: 0 auto 15px;
        }
      }
      .bbp-replies-body .bbp-reply-img .avatar-status,
      .bbp-reviews-body .bbp-reply-img .avatar-status {
        top: 1px;
        left: 1px;
        position: absolute;
      }
      .bbp-replies-body .bbp-reply-content .author_name,
      .bbp-reviews-body .bbp-reply-content .author_name {
        margin-bottom: 2px;
      }
      @media only screen and (max-width: 479px) {
        .bbp-replies-body .bbp-reply-content .list-dot-inline,
        .bbp-reviews-body .bbp-reply-content .list-dot-inline {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
      }
      .bbp-replies-body .bbp-reply-content p,
      .bbp-reviews-body .bbp-reply-content p {
        color: #888da8;
      }
      .bbp-reviews-body {
        padding: 24px 30px 27px;
      }
      @media only screen and (max-width: 479px) {
        .bbp-reviews-body {
          padding: 14px 15px 17px;
        }
      }
      .bbp-reviews-body p {
        color: #888da8;
      }
      .media-preview {
        margin-bottom: 30px;
      }
      .media-preview a {
        display: block;
      }
      .media-preview iframe {
        width: 100%;
        height: 248px;
        border: none;
      }
      .media-preview.gallery a {
        position: relative;
        z-index: 1;
      }
      .media-preview.gallery a > span {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 30px;
      }
      .media-preview.gallery a:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.33;
        content: "";
      }
      .media-preview.media-video a {
        position: relative;
        z-index: 1;
      }
      .media-preview.media-video a:after {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: "";
        width: 43px;
        height: 50px;
        background-image: url(../img/icons/media-play.svg);
        background-size: cover;
        background-repeat: no-repeat;
      }
      .media-preview.media-video a:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.33;
        content: "";
      }
      .team-member {
        position: relative;
        margin-bottom: 30px;
      }
      .team-member .img img {
        width: 100%;
      }
      .team-member .content {
        -webkit-box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.07);
        box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.07);
        position: relative;
        width: 80%;
        left: 10%;
        padding: 25px 15px 30px;
        text-align: center;
        margin-top: -80px;
      }
      .team-member .content h3 {
        margin-bottom: 10px;
      }
      .team-member .content span {
        display: block;
        margin-bottom: 14px;
        font-size: 12px;
        color: #888da8;
      }
      .contact-form-wrap {
        background-color: #ff5934;
        padding: 60px 45px;
      }
      .contact-form-wrap .contact-form-title {
        margin-bottom: 24px;
      }
      .contact-form-wrap h2 {
        font-size: 42px;
        margin-bottom: 10px;
      }
      .contact-form .form-group {
        margin-bottom: 30px;
      }
      .contact-form .form-control {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding-left: 0;
        padding-right: 0;
        border-radius: 0;
      }
      .contact-form .form-control::-webkit-input-placeholder {
        color: #fff !important;
        opacity: 0.5;
      }
      .contact-form .form-control::-moz-placeholder {
        color: #fff !important;
        opacity: 0.5;
      }
      .contact-form .form-control:-ms-input-placeholder {
        color: #fff !important;
        opacity: 0.5;
      }
      .contact-form .form-control::-ms-input-placeholder {
        color: #fff !important;
        opacity: 0.5;
      }
      .contact-form .form-control::placeholder {
        color: #fff !important;
        opacity: 0.5;
      }
      .contact-form textarea.form-control {
        height: 100px;
      }
      .shop-wrap {
        padding: 40px;
      }
      @media only screen and (max-width: 479px) {
        .shop-wrap {
          padding: 30px 15px;
        }
      }
      .shop-wrap .shop-title {
        margin-bottom: 30px;
      }
      .single-product {
        border: 1px solid #e9f1fd;
        padding: 30px 30px 27px;
        margin-bottom: 30px;
      }
      @media only screen and (max-width: 479px) {
        .single-product {
          padding: 15px;
        }
      }
      .single-product .product-thumbnail {
        margin-bottom: 24px;
        position: relative;
        cursor: pointer;
      }
      .single-product .product-thumbnail img {
        width: 100%;
      }
      .single-product .product-thumbnail .buttons {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        visibility: hidden;
        opacity: 0;
      }
      .single-product .product-thumbnail .buttons a {
        height: 50px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px;
        padding: 17px 30px;
      }
      .single-product .product-thumbnail .buttons a:not(:last-child) {
        margin-right: 5px;
      }
      .single-product .product-summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      .single-product .product-summary .product-title {
        display: block;
      }
      .single-product .product-summary .product-cat {
        font-size: 14px;
        color: #888da8;
        display: block;
      }
      .single-product .product-summary .product-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      .single-product .product-summary .product-price span {
        font-size: 14px;
        display: block;
      }
      .single-product .product-summary .product-price span:not(:last-child) {
        margin-right: 12px;
      }
      .single-product .product-summary .product-price .regular-price {
        color: #888da8;
        text-decoration: line-through;
      }
      .single-product:hover .product-thumbnail .buttons {
        bottom: 30px;
        opacity: 1;
        visibility: visible;
      }
      .pd-img-wrapp {
        padding: 30px;
        border: 1px solid #e9f1fd;
        position: relative;
        overflow: hidden;
      }
      @media only screen and (max-width: 767px) {
        .pd-img-wrapp {
          padding: 0;
          border: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
        }
      }
      .product-details-content {
        position: relative;
      }
      .product-details-content .product_title {
        margin-bottom: 20px;
        font-size: 36px;
      }
      .product-details-content p {
        color: #4f5164;
      }
      .product-details-content .price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      .product-details-content .price span {
        display: block;
      }
      .product-details-content .price span:not(:last-child) {
        margin-right: 15px;
      }
      .product-details-content .price span.regular-price {
        color: #888da8;
        text-decoration: line-through;
      }
      .product-details-content .cart {
        margin-top: 42px;
      }
      .product-details-content .cart .single_add_to_cart_button {
        font-size: 14px;
        padding: 17px 30px;
        height: 50px;
        margin-right: 10px;
      }
      .product-details-content .cart .btn.add_to_wishlist {
        background-color: transparent;
        border: 1px solid #ff461d;
      }
      .product-details-content .cart .btn.add_to_wishlist svg path {
        fill: #ff461d;
      }
      .product-details-content .cart .btn.add_to_wishlist:hover svg path {
        fill: #fff;
      }
      .product-details-content .product_meta span {
        color: #4f5164;
      }
      .product-details-content .product_meta > div:not(:last-child) {
        margin-bottom: 4px;
      }
      .quantity {
        margin-right: 10px;
      }
      .quantity .input-group .form-control {
        height: 50px;
        width: 60px;
        border-radius: 3px;
        border: 1px solid #e9f1fd;
        padding: 10px 12px;
        color: #888da8;
        font-size: 16px;
        background-color: transparent;
      }
      .quantity .input-group .minus,
      .quantity .input-group .plus {
        position: absolute;
        right: 8px;
        top: 6px;
        cursor: pointer;
      }
      .quantity .input-group .minus:hover,
      .quantity .input-group .plus:hover {
        color: #ff461d;
      }
      .quantity .input-group .minus {
        top: auto;
        bottom: 6px;
      }
      #img_01 {
        max-width: 100%;
      }
      #gal1 {
        margin-right: 15px;
      }
      @media only screen and (max-width: 767px) {
        #gal1 {
          margin-right: 0;
          margin-top: 15px;
        }
      }
      #gal1 a img {
        width: 60px;
        height: 60px;
        margin-bottom: 5px;
      }
      @media only screen and (max-width: 767px) {
        #gal1 a img {
          margin-bottom: 0;
          margin-right: 5px;
        }
      }
      .woocommerce-tabs .tab-btn {
        border-bottom: 1px solid #e9f1fd;
        margin-bottom: 30px;
      }
      .woocommerce-tabs .tab-btn li {
        padding-bottom: 12px;
        font-size: 18px;
        color: #4f5164;
        position: relative;
        cursor: pointer;
      }
      @media only screen and (max-width: 479px) {
        .woocommerce-tabs .tab-btn li {
          font-size: 15px;
        }
      }
      .woocommerce-tabs .tab-btn li:after {
        width: 80%;
        opacity: 0;
        visibility: hidden;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
      }
      .woocommerce-tabs .tab-btn li.active:after,
      .woocommerce-tabs .tab-btn li:hover:after {
        width: 100%;
        opacity: 1;
        visibility: visible;
      }
      .woocommerce-tabs .tab-btn li:not(:last-child) {
        margin-right: 50px;
      }
      @media only screen and (max-width: 479px) {
        .woocommerce-tabs .tab-btn li:not(:last-child) {
          margin-right: 16px;
        }
      }
      .woocommerce-tabs .woocommerce-Reviews .review-list li:not(:last-child) {
        margin-bottom: 30px;
      }
      .woocommerce-tabs .woocommerce-Reviews .single-review .author-image {
        margin-right: 20px;
      }
      .woocommerce-tabs .woocommerce-Reviews .single-review .author-image img {
        width: 65px;
        height: 65px;
      }
      .woocommerce-tabs
        .woocommerce-Reviews
        .single-review
        .review-content
        .author_name {
        margin-right: 7px;
      }
      @media only screen and (max-width: 767px) {
        .woocommerce-tabs
          .woocommerce-Reviews
          .single-review
          .review-content
          .author_name {
          margin-right: 0;
          margin-bottom: 2px;
        }
      }
      .woocommerce-tabs
        .woocommerce-Reviews
        .single-review
        .review-content
        .commented-on {
        font-size: 12px;
        margin-right: 20px;
      }
      @media only screen and (max-width: 767px) {
        .woocommerce-tabs
          .woocommerce-Reviews
          .single-review
          .review-content
          .commented-on {
          margin-right: 0;
          margin-bottom: 5px;
        }
      }
      .woocommerce-tabs .woocommerce-Reviews .single-review .review-content p {
        font-size: 14px;
        margin-top: 5px;
      }
      .woocommerce-tabs .woocommerce-Reviews .review-form {
        margin-top: 40px;
        border: 1px solid #e7ecf5;
        padding: 40px 45px 45px;
      }
      @media only screen and (max-width: 479px) {
        .woocommerce-tabs .woocommerce-Reviews .review-form {
          padding: 20px 15px;
        }
      }
      .woocommerce-tabs .woocommerce-Reviews .review-form h3 {
        margin-bottom: 17px;
      }
      .woocommerce-tabs .woocommerce-Reviews .review-form .comment-notes {
        margin-bottom: 22px;
      }
      .woocommerce-tabs .woocommerce-Reviews .review-form .comment-form-rating {
        margin-bottom: 30px;
      }
      .woocommerce-tabs
        .woocommerce-Reviews
        .review-form
        .comment-form-rating
        label {
        margin-bottom: 0;
        line-height: 1;
        font-weight: 700;
        margin-right: 10px;
      }
      .woocommerce-tabs .woocommerce-Reviews .review-form .form-control {
        margin-bottom: 30px;
      }
      .woocommerce-tabs
        .woocommerce-Reviews
        .review-form
        textarea.form-control {
        height: 160px;
      }
      .releted-product-title {
        border-bottom: 1px solid #e9f1fd;
        padding-bottom: 25px;
        margin-bottom: 30px;
      }
      .register--content,
      .woocommerce--content {
        padding: 40px;
      }
      @media only screen and (max-width: 479px) {
        .register--content,
        .woocommerce--content {
          padding: 30px 15px;
        }
      }
      .cart_table {
        white-space: nowrap;
      }
      .cart_table .product-name img {
        width: 60px;
        height: 60px;
        min-width: 60px;
        margin-right: 15px;
      }
      .cart_table .actions,
      .cart_table .product-name {
        padding-left: 0;
      }
      .cart_table .product-remove,
      .cart_table .product-subtotal {
        text-align: center;
      }
      .cart_table .product-remove svg:hover path {
        fill: #ff461d;
      }
      .cart_table td {
        font-size: 14px;
      }
      .cart_table td .btn {
        padding: 17px 25px;
        font-size: 14px;
      }
      .cart_table thead th {
        font-size: 18px;
        padding-bottom: 25px;
      }
      .cart_table tbody td.product-name {
        font-size: 16px;
      }
      .cart_table tbody td {
        color: #888da8;
      }
      .cart_table .coupon {
        max-width: 360px;
      }
      .cart_table .coupon .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
      .cart_table .coupon .form-group .form-control {
        margin-right: 10px;
        height: 50px;
      }
      .cart_table .cart-subtotal {
        font-size: 17px;
        color: #4f5164;
        margin-right: 10px;
      }
      .cart_table .cart-subtotal-wrap {
        font-size: 17px;
        color: #4f5164;
        font-weight: 500;
      }
      .cart-collaterals .shop_table th {
        padding-left: 0;
        font-size: 18px;
        color: #212529;
      }
      .cart-collaterals .shop_table td {
        text-align: right;
        font-size: 18px;
        color: #212529;
      }
      .cart-collaterals .wc-proceed-to-checkout {
        margin-top: 30px;
      }
      .cart-collaterals .wc-proceed-to-checkout .btn {
        padding: 17px 30px;
        font-size: 14px;
      }
      .billing-details-title {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #e9f1fd;
      }
      .woocommerce-billing-fields p:not(:last-child) {
        margin-bottom: 30px;
      }
      .woocommerce-additional-fields textarea {
        height: 240px;
        padding: 20px 25px;
      }
      .order-details .shop_table td,
      .order-details .shop_table th {
        padding: 17px 20px;
      }
      .order-details .shop_table thead th {
        border-top: 0 solid;
        border-bottom: 1px solid #e9f1fd;
        font-size: 18px;
      }
      .order-details .shop_table thead th:last-child {
        text-align: right;
      }
      .order-details .shop_table tbody th,
      .order-details .shop_table tfoot th {
        font-size: 16px;
        padding-left: 0;
      }
      .order-details .shop_table tbody td,
      .order-details .shop_table tfoot td {
        font-size: 16px;
        color: #666;
        font-weight: 500;
      }
      .order-details .shop_table tbody td:last-child,
      .order-details .shop_table tfoot td:last-child {
        text-align: right;
      }
      .order-details .shop_table tfoot td,
      .order-details .shop_table tfoot th {
        font-size: 18px;
        color: #212529;
      }
      .checkout .order-details .shop_table thead th {
        font-size: 16px;
      }