@import 'variables';
    @import 'mixin';
    /*  
  Template Name: SeoBin | SEO, Social Media and Marketing HTML Template
  Author: Tripples
  Author URI: https://themeforest.net/user/tripples
  Description: SeoBin | SEO, Social Media and Marketing HTML Template
  Version: 1.0
*/

    /* Table of Content
=================================================
1. Typography
2. Header
3. Global Style (body, link color, gap, ul, section-title, overlay etc)
4. Hero Area
5. Slider Area
6. Features Area
7. Analysis Area
8. Intro Area
9. Fun Facts
10. Service
11. Case Study
12. Working Process
13. Testimonial
14. Pricing Table
15. Blog
16. Clients
17. Footer
18. Contact
19. Sub Pages
20. Banner
21. News Post
22. Right News side Bar
23. News Single Pages
24. About us
25. About Us version 2
26. Timeline V2
27. Pricing
28. Map
30. Contact us Form 
31. Testimonial
32. Single Service
33. Service
34. Case
35. Single Case Study

*/

    @import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i");
    /* Typography
================================================== */

    body {
       background: #fff;
       color: #757575;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       overflow-x: hidden;
       font-family: 'Nunito', sans-serif;
       font-size: 16px;
       line-height: 28px;
    }

    p {
       font-family: 'Nunito', sans-serif;
       font-size: 16px;
       line-height: 28px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
       color: #2f2c2c;
    }

    h1,
    h2 {
       font-weight: 800;
    }

    h3,
    h4,
    h5,
    h6 {
       font-weight: 700;
    }

    h1 {
       font-size: 60px;
    }

    h4 {
       font-size: 18px;
    }

    /* Global styles
================================================== */

    html {
       overflow-x: hidden !important;
    }

    a {
       text-decoration: none;
       outline: 0 solid;
       &:active,
       &:focus,
       &:hover,
       &:visited {
          text-decoration: none;
          outline: 0 solid;
       }
       &:hover {
          color: #FA6742;
       }
    }

    button:focus,
    .btn:focus {
       outline: 0 solid;
       -webkit-box-shadow: none;
       box-shadow: none;
    }

    button {
       &:hover {
          cursor: pointer;
       }
    }

    .tw-readmore {
       color: #fa6742;
       font-weight: 800;
       display: inline-block;
       &:hover {
          color: #fa6742;
       }
       i {
          padding-left: 5px;
       }
    }

    /* Margin Top */

    .tw-mt-80 {
       margin-top: 80px !important;
    }

    .tw-mt-70 {
       margin-top: 70px !important;
    }

    .tw-mt-65 {
       margin-top: 65px !important;
    }

    .tw-mt-60 {
       margin-top: 60px !important;
    }

    .tw-mt-40 {
       margin-top: 40px !important;
    }

    .tw-mt-30 {
       margin-top: 30px !important;
    }

    .tw-mt-20 {
       margin-top: 20px !important;
    }

    .tw-mt-15 {
       margin-top: 15px !important;
    }

    /* Margin Bottom */

    .tw-mb-165 {
       margin-bottom: 165px;
    }

    .tw-mb-105 {
       margin-bottom: 105px;
    }

    .tw-mb-80 {
       margin-bottom: 80px;
    }

    .tw-mb-70 {
       margin-bottom: 70px;
    }

    .tw-mb-65 {
       margin-bottom: 65px;
    }

    .tw-mb-60 {
       margin-bottom: 60px;
    }

    .tw-mb-40 {
       margin-bottom: 40px;
    }

    .tw-mb-35 {
       margin-bottom: 35px;
    }

    .tw-mb-30 {
       margin-bottom: 30px;
    }

    /* Background Color */

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

    .bg-green {
       background: #32CC73 !important;
    }

    .bg-orange {
       background: #FA6742 !important;
    }

    .bg-blue {
       background: #478FFF !important;
    }

    .bg-yellow {
       background: #FFB72F !important;
    }

    .bg-ash {
       background: #EEF0EF !important;
    }

    .bg-offwhite {
       background: #F7F9F8 !important;
    }

    .bg-shrock {
       background: #2BC2A7 !important;
    }

    .bg-darkBlue {
       background: #2f57c9 !important;
    }

    .bg-pink {
       background: #f6576e !important;
    }

    .bg-violet {
       background: #BA01FF !important;
    }

    /* Background Overlay */

    .bg-overlay {
       position: relative;
       .container {
          position: relative;
          z-index: 1;
       }
       &:after {
          background-color: rgba(32, 32, 32, 0.8);
          z-index: 0;
          position: absolute;
          content: '';
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
       }
    }

    /* Input Form */

    .form-control {
       &:focus {
          -webkit-box-shadow: none;
          box-shadow: none;
       }
       &::-webkit-input-placeholder,
       &::-moz-placeholder,
       &:-ms-input-placeholder,
       &:-moz-placeholder {
          color: #b2b2b2;
          font-size: 15px;
       }
    }

    /* Section Padding */

    section {
       padding: 100px 0;
       position: relative;
    }

    /* Section Heading */

    .section-heading {
       margin-bottom: 80px;
       h2 {
          color: #2f2c2c;
          font-size: 44px;
          small {
             color: #b4b4b4;
             font-size: 14px;
             letter-spacing: 1.4px;
             text-transform: uppercase;
             font-weight: 400;
             display: block;
             margin-bottom: 14px;
          }
          span {
             color: #fa6742;
          }
       }
    }

    /* Section Title */

    .section-title {
       color: #2f2c2c;
       font-size: 44px;
    }

    /* Column Title */

    .column-title {
       font-size: 36px;
       display: block;
       small {
          font-size: 14px;
          text-transform: uppercase;
          color: #b4b4b4;
          margin-bottom: 20px;
          display: block;
       }
       span {
          color: #FA6742;
       }
    }

    /* Animated Title Border */

    .animate-border {
       position: relative;
       display: block;
       width: 115px;
       height: 3px;
       background: #FA6742;
       &:after {
          position: absolute;
          content: "";
          width: 35px;
          height: 3px;
          left: 5%;
          bottom: 0;
          border-left: 10px solid #fff;
          border-right: 10px solid #fff;
       }
       &.border-white:after {
          border-color: #fff;
       }
       &.border-yellow:after {
          border-color: #F5B02E;
       }
       &.border-orange:after {
          border-right-color: #fa6742;
          border-left-color: #fa6742;
       }
       &.border-ash:after {
          border-right-color: #EEF0EF;
          border-left-color: #EEF0EF;
       }
       &.border-offwhite:after {
          border-right-color: #F7F9F8;
          border-left-color: #F7F9F8;
       }
       &.border-black:after {
          border-right-color: #151414;
          border-left-color: #151414;
       }
       &.border-green:after {
          border-right-color: #2BC2A7;
          border-left-color: #2BC2A7;
       }
    }

    @-webkit-keyframes animborder {
       0% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
       }
       100% {
          -webkit-transform: translateX(113px);
          transform: translateX(113px);
       }
    }

    @keyframes animborder {
       0% {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
       }
       100% {
          -webkit-transform: translateX(113px);
          transform: translateX(113px);
       }
    }

    /* Animated heading border */

    @-webkit-keyframes primary-short {
       0% {
          width: 15%;
       }
       50% {
          width: 90%;
       }
       100% {
          width: 10%;
       }
    }

    @keyframes primary-short {
       0% {
          width: 15%;
       }
       50% {
          width: 90%;
       }
       100% {
          width: 10%;
       }
    }

    @-webkit-keyframes primary-long {
       0% {
          width: 80%;
       }
       50% {
          width: 0%;
       }
       100% {
          width: 80%;
       }
    }

    @keyframes primary-long {
       0% {
          width: 80%;
       }
       50% {
          width: 0%;
       }
       100% {
          width: 80%;
       }
    }

    /* Bottom Border */

    .bottom-border {
       width: 50px;
       height: 3px;
       display: block;
       position: relative;
       &:before {
          position: absolute;
          top: 0;
          left: 0;
          width: 15%;
          height: 100%;
          content: "";
          background-color: #FA6742;
       }
       &:after {
          width: 80%;
          height: 100%;
          top: 0;
          right: 0;
          content: "";
          position: absolute;
          background-color: #FA6742;
       }
       &.bottom-border-green {
          &:before,
          &:after {
             background-color: #32CC73;
          }
       }
       &.bottom-border-yellow {
          &:before,
          &:after {
             background-color: #FFB72F;
          }
       }
    }

    /* Text Color */

    .text-orange {
       color: #fa6742 !important;
    }

    .text-shamrock {
       color: #2BC2A7 !important;
    }

    .text-yellow {
       color: #FFB72F !important;
    }

    .text-black {
       color: #2f2c2c !important;
    }

    /* Font Weight */

    .font-bold {
       font-weight: 700;
    }

    .font-extrabold {
       font-weight: 800;
    }

    /* No padding */

    .no-padding {
       padding: 0;
    }

    /* Button */

    .btn {
       font-size: 14px;
       color: #fff;
       text-transform: uppercase;
       font-weight: 700;
       padding: 16px 36px;
       border-radius: 50px;
       -webkit-transition: all 0.3s linear 0s;
       transition: all 0.3s linear 0s;
       position: relative;
       z-index: 99;
    }

    .btn-lg {
       padding: 16px 45px;
    }

    .btn-primary {
       border: 1px solid #FA6742;
       background: #FA6742;
       &:hover {
          background: #2e2c2d;
          border-color: #2e2c2d;
       }
    }

    .btn-secondary {
       &:hover {
          background: #2e2c2d;
          border-color: #2e2c2d;
       }
       background-color: #FFB72F;
       border-color: #FFB72F;
    }

    .btn-dark {
       background: #2E2C2D;
       border-color: #2E2C2D;
       &:hover {
          background: $yellowColor;
          border-color: $yellowColor;
       }
    }

    .btn-white {
       background-color: #fff;
       border-color: #fff;
       &:hover {
          background-color: #fff;
          border-color: #fff;
       }
    }

    .owl-carousel {
       z-index: auto;
       img {
          width: auto !important;
       }
    }

    /* Carousel Black Dots */

    .carousel-black-dots .owl-dots button.owl-dot {
       background: #92908E !important;
       &.active {
          background: #362F2D !important;
       }
    }

    /* No Border */

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

    /* Testimonial */

    .testimonial-bg {
       position: absolute;
       bottom: 40px;
       left: 60px;
       width: 72px;
       height: 65px;
       border-radius: 8px;
       display: table;
    }

    .testimonial-bg-orange {
       background-color: #FA6742;
       &:after {
          border-color: #FA6742 transparent transparent #FA6742;
       }
    }

    .testimonial-bg-green {
       background-color: #32CC73;
       &:after {
          border-color: #32CC73 transparent transparent #32CC73;
       }
    }

    .testimonial-bg-yellow {
       background-color: #FFB72F;
       &:after {
          border-color: #FFB72F transparent transparent #FFB72F;
       }
    }

    .testimonial-icon {
       display: table-cell;
       vertical-align: middle;
       img {
          display: block;
          margin: 0 auto;
       }
    }

    /* ************************* Header  ****************************/

    /*************************** Nav ********************************/

    .tw-header {
       background: #fff;
       -webkit-box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.06);
       box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.06);
       position: relative;
       z-index: 2;
    }

    .tw-head {
       background: #fff;
       -webkit-box-shadow: 0 7px 8px 0px rgba(0, 0, 0, 0.06);
       box-shadow: 0 7px 8px 0px rgba(0, 0, 0, 0.06);
       position: relative;
       z-index: 2;
    }

    .navbar {
       padding: 0;
    }

    ul.navbar-nav li.nav-item>a {
       padding: 35px 0;
    }

    nav.navbar {
       position: relative;
       z-index: 1;
       padding: 0;
    }

    .tw-nav-brand {
       position: relative;
       z-index: 2;
    }

    .navbar-light {
       .navbar-toggler-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
       }
       .navbar-toggler {
          border-color: #fa6742;
          background-color: #fa6742;
          &:hover {
             cursor: pointer;
          }
       }
    }

    ul.navbar-nav {
       li {
          margin: 0 0;
       }
       a {
          display: block;
          position: relative;
          border-radius: 50px;
       }
       >li.nav-item>a.nav-link {
          &.active {
             color: #fa6742;
             &:before {
                opacity: 1;
             }
             &:after {
                opacity: 1;
                position: absolute;
                left: 0;
                bottom: 0;
                width: 98%;
                height: 2px;
                content: "";
                background: #FA6742;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
             }
             &:hover:after {
                width: 98%;
             }
          }
          &:after {
             position: absolute;
             left: 0;
             bottom: 0;
             width: 0%;
             height: 2px;
             content: "";
             background: #FA6742;
             -webkit-transition: all 0.5s;
             transition: all 0.5s;
             opacity: 0;
          }
          &:hover:after {
             width: 95%;
             opacity: 1;
          }
       }
    }

    /* ==========================

               Navbar Link

      =============================*/

    .navbar-light .navbar-nav .nav-link {
       color: #2e2c2d;
       font-weight: 600;
       font-size: 17px;
       margin-right: 12px;
       &:focus,
       &:hover {
          color: #fa6742;
       }
    }

    span.tw-indicator:after {
       -webkit-transition: all 0.3s linear;
       transition: all 0.3s linear;
    }

    .tw-social-links {
       position: relative;
       ul {
          padding: 0;
          margin: 0;
          list-style-type: none;
       }
       li {
          display: inline-block;
          padding-left: 20px;
       }
       a {
          display: block;
          font-size: 14px;
          color: #2f2c2c;
          &:hover {
             color: #fa6742;
          }
       }
    }

    /* ==========================

            Dropdown Menu

      =============================*/

    li.dropdown:hover ul.tw-dropdown-menu {
       display: block;
       -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.08);
       box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.08);
    }

    ul.tw-dropdown-menu {
       width: 285px;
       padding: 16px 30px 33px;
       margin: 0;
       border: none;
       border-radius: 0;
       z-index: -1;
       li {
          display: block;
          padding: 7px 0;
          a {
             display: block;
             font-size: 16px;
             font-weight: 600;
             color: #757575;
             &:hover,
             &.active {
                color: #fa6742;
             }
          }
       }
    }

    /* ==========================

               Mega Menu

       =============================*/

    .tw-megamenu-wrapper {
       position: static;
       z-index: 1;
    }

    .tw-mega-menu {
       position: absolute;
       border: none;
       width: 100%;
       margin-top: 0px;
       overflow: hidden;
       z-index: -1;
       padding: 37px 18px 27px 40px;
       -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.03), 0px 15px 20px 0px rgba(0, 0, 0, 0.08);
       box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.03), 0px 15px 20px 0px rgba(0, 0, 0, 0.08);
       border-radius: 0;
       ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
       }
       a {
          color: #757575;
          font-weight: 600;
          &:hover {
             color: #fa6742;
          }
       }
       p {
          color: #757575;
       }
       &:after {
          position: absolute;
          right: -50px;
          content: "";
          bottom: -220px;
          height: 100%;
          width: 100%;
          background: url("../images/mega_menu/mega_menu.png");
          background-repeat: no-repeat;
          background-position: center right;
          z-index: -1;
       }
    }

    .tw-megamenu-title h3 {
       font-size: 20px;
       color: #2e2c2d;
       font-weight: 700;
       padding-bottom: 3px;
    }

    .tw-mega-menu ul li {
       padding-bottom: 19px;
    }

    li.dropdown:hover .tw-mega-menu {
       display: block;
    }

    /* ==========================

         Search / offcanvas Menu Bar

      =============================*/

    .search-bar-fixed {
       position: absolute;
       top: 50%;
       left: 50%;
       margin-left: -25%;
       width: 100%;
       input {
          &[type="text"] {
             padding: 15px 0px;
             background: transparent;
             border: none;
             border-bottom: 1px solid #ffffff4d;
             font-size: 24px;
             text-transform: capitalize;
             font-weight: 700;
             width: 50%;
             color: #fff;
             &::-webkit-input-placeholder,
             &::-moz-placeholder,
             &:-ms-input-placeholder,
             &::-ms-input-placeholder,
             &::placeholder {
                color: #fff;
             }
          }
          &:focus {
             outline: none;
          }
       }
       button[type="submit"] {
          background: transparent;
          border: none;
          color: #fff;
          position: relative;
          right: 30px;
          &:hover {
             cursor: pointer;
          }
       }
    }

    .search-bar {
       position: fixed;
       width: 100%;
       height: 100%;
       top: 0;
       left: -100%;
       z-index: 101;
       background: #000;
       content: "";
       -webkit-transition: all 0.4s ease-in;
       transition: all 0.4s ease-in;
       opacity: 0.9;
       visibility: hidden;
       &.active {
          left: 0;
          visibility: visible;
       }
       i.fa-close {
          color: #fff;
          position: absolute;
          right: 50px;
          top: 40px;
          &:hover {
             cursor: pointer;
          }
       }
    }

    .offcanvas-menu {
       position: relative;
       z-index: 101;
       &:hover:before {
          cursor: pointer;
       }
    }

    .offcanvas-menu-overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0);
       content: "";
       -webkit-transition: all 0.7s;
       transition: all 0.7s;
       visibility: hidden;
       &.menu-show {
          background: rgba(0, 0, 0, 0.9);
          visibility: visible;
          &:hover {
             cursor: pointer;
          }
       }
    }

    .offcanvas-wrapper {
       position: fixed;
       width: 400px;
       right: -100%;
       z-index: 3;
       background: #fff;
       padding: 60px 50px;
       height: 100%;
       overflow-y: scroll;
       opacity: 0;
       visibility: hidden;
       -webkit-transition: all 1s;
       transition: all 1s;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       .menu-close-btn {
          position: absolute;
          top: 50px;
          right: 40px;
          background: none;
          border: none;
          &:hover {
             cursor: pointer;
          }
       }
       &.active {
          opacity: 1;
          visibility: visible;
          right: 0;
       }
    }

    .offcanvas-inner {
       >p {
          margin-bottom: 25px;
       }
       .contact-us {
          margin-top: 0;
          .contact-icon i {
             top: 20px;
          }
       }
       .logo {
          display: inline-block;
          margin-bottom: 45px;
       }
       .contact-info {
          margin-top: 35px;
          color: #000;
          h3 {
             color: #000;
          }
          p {
             margin: 0;
          }
       }
       .footer-social-link {
          margin-top: 60px;
          margin-bottom: 65px;
          ul {
             list-style: none;
             margin: 0;
             padding: 0;
          }
          li {
             display: inline-block;
             a {
                display: block;
                margin-right: 10px;
                i {
                   width: 40px;
                   height: 40px;
                   text-align: center;
                   line-height: 40px;
                   border: 1px solid inherit;
                   border-radius: 50%;
                   background: #000;
                   color: #fff;
                   &.fa-facebook {
                      background-color: #3B5998;
                   }
                   &.fa-twitter {
                      background-color: #55ACEE;
                   }
                   &.fa-google-plus {
                      background-color: #DD4B39;
                   }
                   &.fa-linkedin {
                      background-color: #0976B4;
                   }
                   &.fa-instagram {
                      background-color: #B7242A;
                   }
                }
             }
          }
       }
    }

    .menu-subscribe {
       h3 .noanimate-border {
          top: 15px;
          position: relative;
          display: block;
          width: 55px;
          height: 3px;
          background: #FA6742;
          border-color: #f7f9f8;
          &:after {
             position: absolute;
             content: "";
             width: 35px;
             height: 3px;
             left: 10px;
             bottom: 0;
             border-left: 5px solid #fff;
             border-color: #f7f9f8;
          }
       }
       form {
          margin-top: 45px;
       }
    }

    .tw-off-search {
       background: #2e2c2d;
       width: 125px;
       height: 50px;
       color: #fff;
       border-radius: 25px;
       position: relative;
       z-index: 3;
       right: 0;
       top: 0;
    }

    .tw-search {
       i {
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 20px;
          &:hover {
             cursor: pointer;
          }
       }
       &:after {
          position: absolute;
          top: 25%;
          left: 48%;
          width: 1px;
          height: 50%;
          background: #4D4B4C;
          content: "";
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
       }
    }

    .tw-menu-bar {
       width: 30px;
       display: inline-block;
       position: absolute;
       right: 20px;
       top: 50%;
       margin-top: -9px;
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg);
       text-align: center;
       span {
          display: block;
          background: #fff;
          height: 2px;
          width: 20px;
          margin: 0 auto;
          &:nth-child(2) {
             margin: 5px 0;
             width: 30px;
          }
       }
       &:hover {
          cursor: pointer;
       }
    }

    /*===========================
 
        Hero area 

      ===========================*/

    .tw-hero-area {
       text-align: center;
       padding: 100px 0 0;
       position: relative;
       z-index: -1;
       background: #F7F9F8;
       &:after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center;
          content: "";
          margin-top: -45px;
          z-index: -2;
       }
    }

    .tw-slider-bg-1 {
       background-size: 100%;
       &:after {
          background-image: url("../images/slider/slider_bg_1.jpg");
       }
    }

    .tw-slider-subtitle {
       color: #757575;
       font-size: 20px;
       font-weight: 600;
       margin-bottom: 12px;
       letter-spacing: 2px;
    }

    .tw-slider-title {
       color: #2f2c2c;
       font-size: 60px;
       font-weight: 800;
       margin-bottom: 36px;
       span {
          color: #fa6742;
       }
    }

    /*========================
 
            Slider area 

      ========================*/

    .tw-hero-slider {
       .owl-nav {
          position: absolute;
          top: 50%;
          margin-top: -25px;
          width: 100%;
          button {
             position: absolute;
             left: 30px;
             -webkit-transition: all 0.3s linear;
             transition: all 0.3s linear;
             &:hover {
                left: 35px;
             }
             &.owl-next {
                left: auto;
                right: 30px;
                &:hover {
                   right: 35px;
                }
             }
             &:focus {
                outline: none;
             }
             i {
                font-size: 50px;
                color: #000;
                -webkit-transition: all 0.3s linear;
                transition: all 0.3s linear;
             }
          }
       }
       .owl-item .tw-slider-1 img {
          margin-top: 88px;
          margin-left: auto;
          margin-right: auto;
       }
       .active {
          h1,
          h4,
          a {
             -webkit-animation: fadeInDown 300ms both;
             animation: fadeInDown 300ms both;
             -webkit-backface-visibility: hidden;
             backface-visibility: hidden;
             -webkit-animation-duration: 1.3s;
             animation-duration: 1.3s;
          }
          img {
             -webkit-animation: fadeInUp 300ms both;
             animation: fadeInUp 300ms both;
             -webkit-backface-visibility: hidden;
             backface-visibility: hidden;
             -webkit-animation-duration: 1.3s;
             animation-duration: 1.3s;
          }
       }
    }

    .slider-1 {
       background: url("../images/slider/slider_bg_1.jpg");
       background-size: cover;
       background-position: center;
       background-color: #2BC2A7;
       position: relative;
       .slider-content {
          padding-left: 40px;
          margin-top: 0px;
          h1 {
             color: #2f2c2c;
             span {
                color: #FA6742;
             }
          }
          p {
             color: #757575;
          }
       }
    }

    .slider-2 {
       background-color: #F26744;
       position: relative;
       .slider-content {
          padding-right: 43px;
       }
    }

    .slider-3 {
       background-color: #2BC2A7;
       position: relative;
       .slider-content {
          padding-left: 40px;
       }
    }

    .slider-wrapper {
       width: 100%;
       height: 750px;
    }

    .slider-inner {
       vertical-align: middle;
    }

    .slider-content {
       margin-top: 50px;
       h1 {
          color: #fff;
          font-size: 60px;
          font-weight: 800;
          margin-bottom: 26px;
          span {
             color: #2e2c2d;
          }
       }
       p {
          margin-bottom: 40px;
          color: #fff;
          font-size: 20px;
          line-height: 32px;
       }
    }

    .slider-img {
       width: 100%;
    }

    /*==========================
 
            Features area 

      ==========================*/

    .tw-features-area {
       z-index: 1;
       .column-title {
          margin-right: -32px;
          margin-top: -4px;
       }
       &:after {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: 100%;
          background-repeat: no-repeat;
          background-position: bottom center;
          content: "";
          background-image: url("../images/features/wave.png");
          z-index: -1;
       }
    }

    .features-text {
       position: relative;
       &:after {
          position: absolute;
          left: -48px;
          top: 0;
          width: 2px;
          height: 100%;
          content: "";
          background: #FA6742;
       }
    }

    .features-box {
       text-align: center;
       background: #fff;
       padding: 32px 44px 32px;
       -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.03);
       box-shadow: 0 0 25px rgba(0, 0, 0, 0.03);
       min-height: 315px;
       -webkit-transition: all 0.3s linear;
       transition: all 0.3s linear;
       .features-icon {
          margin-bottom: 26px;
          width: 100%;
          height: 50px;
       }
       .features-icon-inner {
          vertical-align: middle;
       }
       h3 {
          font-size: 24px;
          color: #2f2c2c;
          margin-bottom: 16px;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
       }
       p {
          margin-bottom: 5px;
       }
       a {
          margin-top: 10px;
       }
       &:hover {
          -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
          h3 {
             color: #FA6742;
          }
       }
    }

    /*========================
 
            Analysis area 

      ========================*/

    input.round-btn {
       font-size: 14px;
       display: inline-block;
       text-transform: uppercase;
       font-weight: 700;
       background: #FA6742;
       color: #fff;
       padding: 15px 30px;
       border-radius: 50px;
       -webkit-transition: all 0.3s linear 0s;
       transition: all 0.3s linear 0s;
    }

    .tw-analysis-area {
       background-color: #fa6742;
       z-index: 1;
       overflow: hidden;
       position: relative;
       .column-title {
          margin-top: -7px;
       }
       &:before {
          position: absolute;
          top: 50%;
          left: -50%;
          width: 150%;
          height: 100px;
          content: "";
          background: rgba(255, 255, 255, 0.541);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transition: all 0.6s linear;
          transition: all 0.6s linear;
          opacity: 0;
          visibility: hidden;
       }
       &:after {
          position: absolute;
          top: 50%;
          left: -50%;
          width: 150%;
          height: 100px;
          content: "";
          background: rgba(255, 255, 255, 0.541);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transition: all 0.6s linear;
          transition: all 0.6s linear;
          opacity: 0;
          visibility: hidden;
          left: auto;
          right: -50%;
       }
       &:hover {
          &:before {
             left: 100%;
             visibility: visible;
             opacity: 1;
          }
          &:after {
             right: 100%;
             visibility: visible;
             opacity: 1;
          }
       }
    }

    .analysis-bg-pattern img {
       position: absolute;
       top: 0;
       left: 0;
       &:nth-child(1) {
          top: 15px;
          left: 10px;
       }
       &:nth-child(2) {
          left: auto;
          top: 80px;
          right: 5px;
       }
       &:nth-child(3) {
          top: auto;
          bottom: -55px;
          left: 0;
       }
       &:nth-child(4) {
          top: auto;
          left: auto;
          bottom: -35px;
          right: 295px;
       }
    }

    .analysis-form {
       margin-top: 37px;
       margin-bottom: -15px;
       input {
          &[type=url],
          &[type=email] {
             border-radius: 50px;
             padding: 15px 30px;
             border: none;
          }
          &[type=url]:focus {
             outline: solid 0;
          }
          &[type=email] {
             &:focus {
                outline: solid 0;
             }
             position: relative;
          }
          &[type=submit] {
             font-size: 14px;
             display: inline-block;
             text-transform: uppercase;
             font-weight: 700;
             background: #2f2c2c;
             color: #fff;
             padding: 13px 37px;
             border-radius: 50px;
             -webkit-transition: all 0.3s linear 0s;
             transition: all 0.3s linear 0s;
             border: none;
             position: relative;
             z-index: 2;
             &:hover {
                cursor: pointer;
             }
          }
       }
       &:focus {
          outline: solid 0;
       }
    }

    .tw-form-round-shape {
       position: relative;
       z-index: 1;
       margin: 0 -45px 0 0;
       right: -43px;
       &:after {
          position: absolute;
          top: -2px;
          right: -5px;
          width: 58px;
          height: 58px;
          background: #FA6742;
          display: block;
          content: "";
          border-radius: 100%;
       }
    }

    /*=======================
 
            Intro area 

      =======================*/

    .tw-intro-area {
       background-color: #fff;
       color: #757575;
       h2 {
          margin-bottom: 25px;
       }
       p {
          line-height: 28px;
          margin-bottom: 30px;
       }
       .btn {
          margin-top: 36px;
          margin-right: 20px;
       }
       img {
          margin-top: 20px;
       }
    }

    .tw-ellipse-pattern img {
       position: absolute;
       top: -110px;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       width: 545px;
       height: 255px;
    }

    .intro-list {
       margin-bottom: 40px;
       list-style-type: none;
       margin: 0;
       padding: 0;
       li {
          display: block;
          margin-bottom: 12px;
          &:before {
             font-family: fontAwesome;
             content: "\f00c";
             color: #FA704D;
             margin-right: 20px;
          }
          &:last-child {
             margin-bottom: 0;
          }
       }
    }

    /* ==========================

               FuncFacts

      =============================*/

    .tw-facts {
       background-color: #f7f9f8;
       z-index: 2;
       padding: 80px 0;
    }

    .facts-title {
       margin: 25px 0;
    }

    .facts-content {
       color: #fa6742;
       span {
          font-size: 48px;
          font-weight: 700;
       }
       sup {
          top: -17px;
          left: -4px;
          font-size: 30px;
          font-weight: 600;
       }
    }

    /* ==========================

               Service Area

      =============================*/

    .service-icon-bg-1 {
       background: url("../images/services/service_bg1.png");
    }

    .service-icon-bg-2 {
       background: url("../images/services/service_bg2.png");
    }

    .service-icon-bg-3 {
       background: url("../images/services/service_bg3.png");
    }

    .service-icon-bg-4 {
       background: url("../images/services/service_bg4.png");
    }

    .service-icon-bg-5 {
       background: url("../images/services/service_bg5.png");
    }

    .service-icon-bg-6 {
       background: url("../images/services/service_bg6.png");
    }

    .service-icon {
       width: 100%;
       position: relative;
       z-index: 2;
       height: 126px;
       margin-bottom: 25px;
       background-repeat: no-repeat;
       background-position: center;
    }

    .service-icon-inner {
       vertical-align: middle;
    }

    .tw-service-box:hover .service-content h3 {
       color: #FA6742;
    }

    .service-content {
       h3 {
          font-size: 24px;
          margin-bottom: 15px;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
       }
       p {
          max-width: 250px;
          margin: 0 auto 10px;
       }
    }

    /* ==========================

            Case Study

      =============================*/

    .tw-case {
       background: #f7f9f8;
       .btn-lg {
          padding: 16px 55px;
       }
    }

    .study-bg-1 {
       background: #fa6742;
    }

    .study-bg-2 {
       background: #2bc2a7;
    }

    .study-bg-3 {
       background: #ffb72f;
    }

    .tw-case-study-box:hover .casestudy-content {
       -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06);
       box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06);
       h4 {
          color: #fa6742;
       }
    }

    .casestudy-content {
       background: #fff;
       padding: 21px 49px 6px;
       -webkit-transition: all 0.3s linear;
       transition: all 0.3s linear;
       h4 {
          font-size: 20px;
          margin-bottom: 3px;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
       }
       p {
          color: #b4b4b4;
       }
    }

    /* ==========================

          Working Process

      =============================*/

    .work-process {
       z-index: 2;
       [class*="col"]:nth-child(even) .process-wrapper {
          margin-top: 65px;
       }
    }

    .work-bg-pattern {
       position: absolute;
       left: 0;
       top: 50%;
       width: 100%;
       text-align: center;
       z-index: -1;
       margin-top: -50px;
       background-position: left center;
    }

    .tw-work-process {
       text-align: center;
       p {
          font-weight: 700;
          color: #2f2c2c;
          font-size: 20px;
          margin-bottom: 0;
          margin-top: 23px;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
       }
       &:hover p {
          color: #FA6742;
       }
    }

    .process-wrapper {
       width: 225px;
       background-color: #32cc73;
       height: 225px;
       border-radius: 50%;
       margin: 0 auto;
       -webkit-transition: all 0.3s linear;
       transition: all 0.3s linear;
       &:hover {
          -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.12);
       }
    }

    .process-inner {
       vertical-align: middle;
       text-align: center;
    }

    /* ==========================

    Testimonial

=============================*/

    .tw-testimonial {
       background: url("../images/testimonial/testimonialbg1.jpg");
       background-size: cover;
       background-position: center;
    }

    .testimonial-bg-pattern {
       background: url("../images/testimonial/testimonial_white.jpg");
    }

    .testimonial-default-bg {
       background: url("../images/testimonial/testimonial.jpg") !important;
       background-size: cover;
       background-position: center;
    }

    .tw-testimonial-content {
       h2 {
          font-weight: 700;
          color: #fff;
       }
       p {
          color: #fff;
          font-size: 20px;
          font-weight: 600;
          line-height: 1.8;
          margin-bottom: 27px;
          max-width: 435px;
       }
    }

    .tw-testimonial-carousel {
       .owl-stage-outer {
          padding: 50px 0;
       }
       .owl-item img {
          width: auto;
       }
       .owl-dots {
          position: absolute;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          bottom: -30px;
          button.owl-dot {
             display: inline-block;
             width: 7px;
             height: 7px;
             background: #362F2D;
             margin: 4px;
             border-radius: 50%;
             &.active {
                width: 11px;
                height: 11px;
                background: #fff;
             }
          }
       }
       &:before {
          position: absolute;
          top: 130px;
          left: 23px;
          width: 98%;
          height: 52%;
          content: "";
          background: #f46540;
          -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
       }
    }

    .tw-testimonial-wrapper {
       background-color: #362f2d;
       position: relative;
       z-index: 2;
       padding: 55px 60px 40px;
    }

    .testimonial-text p {
       font-size: 18px;
       color: #fff;
       font-style: italic;
       padding: 10px 0;
    }

    .testimonial-meta {
       position: relative;
       z-index: 2;
       margin-top: 30px;
       margin-left: 90px;
       h4 {
          color: #ffb72f;
          font-weight: 600;
          font-size: 20px;
          small {
             display: block;
             font-size: 14px;
             color: #C3C1C0;
             font-weight: 400;
             margin-top: 5px;
          }
       }
       i {
          position: absolute;
          right: 0px;
          bottom: 0;
          color: #663d32;
          font-size: 50px;
       }
    }

    /* ==========================

    Pricing Table

=============================*/

    .tw-pricing {
       ul.nav {
          width: 350px;
          margin: 0 auto;
          border: 1px solid #e9e9e9;
          border-radius: 50px;
          .nav-item {
             width: 50%;
             text-align: center;
             border-radius: 50%;
             a {
                padding: 12px 0;
                display: block;
                color: #2f2c2c;
                font-weight: 700;
                border-radius: 50px;
                &.active {
                   background: #FA6742;
                   border-radius: 50px;
                   color: #fff;
                   -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
                   box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
                }
             }
          }
       }
       .pricing-featured {
          margin: 0 -30px;
          padding: 0;
          margin-top: -10px;
          padding-bottom: 5px;
          padding-top: 40px;
          position: relative;
          z-index: 2;
          border-radius: 10px;
          .pricing-price,
          .pricing-feaures {
             margin-top: 35px;
          }
          .btn {
             margin-top: 12px;
          }
       }
    }

    .pricing-tab ul.nav {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
    }

    .tw-tab-content {
       margin-top: 90px;
    }

    .tw-pricing-box {
       background: #fff;
       -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
       box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
       -webkit-transition: all 0.3s linear;
       transition: all 0.3s linear;
       padding-top: 28px;
       margin-top: 35px;
       text-align: center;
       .btn {
          margin-bottom: 36px;
       }
       &:hover {
          -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
          .pricing-feaures h3 {
             color: #FA6742;
          }
          .pricing-price {
             sup,
             strong {
                color: #FA6742;
             }
          }
          .btn {
             -webkit-box-shadow: none;
             box-shadow: none;
             background-color: #FA6742;
             border-color: #FA6742;
          }
       }
    }

    .border-left-radius {
       border-top-left-radius: 10px;
       border-bottom-left-radius: 10px;
    }

    .border-right-radius {
       border-top-right-radius: 10px;
       border-bottom-right-radius: 10px;
    }

    .price-icon-bg {
       height: 227px;
       display: table;
       width: 100%;
       background: url("../images/pricing/pricing_icon_bg.png");
       background-position: center;
       background-repeat: no-repeat;
       .price-icon {
          text-align: center;
          display: table-cell;
          vertical-align: middle;
       }
    }

    .pricing-feaures {
       text-align: center;
       margin-top: 15px;
       h3 {
          font-size: 24px;
          font-weight: 700;
          margin-bottom: 22px;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
       }
       ul {
          list-style: none;
          padding: 0;
          margin: 0;
          li {
             display: block;
             margin-bottom: 5px;
          }
       }
    }

    .pricing-price {
       margin: 30px 0 25px;
       text-align: center;
       sup {
          color: #2f2c2c;
          top: -21px;
          left: 1px;
          font-size: 16px;
          font-weight: 600;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
       }
       strong {
          font-size: 48px;
          color: #2f2c2c;
          font-weight: 700;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
       }
    }

    /* ==========================

    Blog

=============================*/

    .tw-blog {
       background-color: #F7F9F8;
    }

    .tw-latest-post {
       background: #fff;
       padding-bottom: 20px;
       -webkit-transition: all 0.3s linear;
       transition: all 0.3s linear;
       &:hover {
          -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
          .tw-latest-post .post-title a,
          .post-info .post-title a {
             color: #FA6742;
          }
       }
    }

    .latest-post-media {
       margin-bottom: 20px;
    }

    .post-body {
       position: relative;
       z-index: 2;
       padding-left: 20px;
    }

    .post-item-date {
       position: absolute;
       height: 100%;
       &:before {
          position: absolute;
          top: 0;
          left: 50%;
          content: "";
          background: #DCDCDC;
          width: 1px;
          height: 100%;
       }
       &:after {
          position: absolute;
          bottom: 0;
          width: 14px;
          height: 14px;
          content: "";
          background: #F76641;
          left: 50%;
          margin-left: -7px;
          border-radius: 50%;
          border: 2px solid #DCDCDC;
       }
    }

    .post-date {
       width: 60px;
       height: 60px;
       background: #F76641;
       border-radius: 50%;
       text-align: center;
       color: #fff;
       position: relative;
       z-index: 3;
       font-weight: 800;
       font-size: 20px;
       padding-top: 10px;
       .month {
          display: block;
          font-weight: 300;
          font-size: 14px;
          margin-top: -10px;
       }
    }

    .post-info {
       margin-left: 80px;
       .post-title {
          padding-bottom: 7px;
          font-size: 20px;
          a {
             color: #2f2c2c;
             -webkit-transition: all 0.3s;
             transition: all 0.3s;
          }
       }
       .entry-content p {
          font-size: 15px;
          padding-right: 10px;
       }
    }

    .post-meta {
       padding-top: 20px;
       padding-bottom: 7px;
       a {
          color: #2f2c2c;
       }
    }

    /* ==========================

    Clietns

=============================*/

    .tw-client {
       padding-bottom: 190px;
    }

    .clients-carousel {
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
       .owl-item img {
          width: auto;
          margin: 0 auto;
       }
       .owl-dots {
          text-align: center;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          position: absolute;
          top: 110px;
          button.owl-dot {
             display: inline-block;
             background: #CDCBCA;
             width: 7px;
             height: 7px;
             margin: 4px;
             border-radius: 50%;
             -webkit-transition: all 0.1s linear;
             transition: all 0.1s linear;
             &.active {
                width: 11px;
                height: 11px;
                background: #362F2D;
             }
          }
       }
    }

    .client-logo-wrapper {
       width: 100%;
    }

    .client-logo {
       text-align: center;
       vertical-align: middle;
    }

    /* ==========================

    Footer

=============================*/

    .tw-footer {
       padding: 75px 0 0;
       background-color: #151414;
       position: relative;
       z-index: 2;
       .contact-us {
          margin-top: 0;
          margin-bottom: 30px;
          padding-left: 80px;
          .contact-info {
             margin-left: 50px;
          }
          &.contact-us-last {
             margin-left: -80px;
          }
       }
       .contact-icon i {
          font-size: 24px;
          top: -15px;
          position: relative;
          color: #FA6742;
       }
    }

    .tw-footer-info-box {
       position: absolute;
       top: -122px;
       background: #202020;
       padding: 40px;
       z-index: 2;
       .footer-social-link {
          h3 {
             color: #fff;
             font-size: 24px;
             margin-bottom: 25px;
          }
          ul {
             list-style-type: none;
             padding: 0;
             margin: 0;
          }
          li {
             display: inline-block;
          }
          a i {
             display: block;
             width: 40px;
             height: 40px;
             border-radius: 50%;
             text-align: center;
             line-height: 40px;
             background: #000;
             margin-right: 5px;
             color: #fff;
             &.fa-facebook {
                background-color: #3B5998;
             }
             &.fa-twitter {
                background-color: #55ACEE;
             }
             &.fa-google-plus {
                background-color: #DD4B39;
             }
             &.fa-linkedin {
                background-color: #0976B4;
             }
             &.fa-instagram {
                background-color: #B7242A;
             }
          }
       }
    }

    .footer-awarad {
       margin-top: 285px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       p {
          color: #fff;
          font-size: 24px;
          font-weight: 700;
          margin-left: 20px;
          padding-top: 15px;
       }
    }

    .footer-info-text {
       margin: 26px 0 32px;
    }

    .footer-left-widget {
       padding-left: 80px;
    }

    .footer-widget {
       .section-heading {
          margin-bottom: 35px;
       }
       h3 {
          font-size: 24px;
          color: #fff;
          position: relative;
          margin-bottom: 15px;
          max-width: -webkit-fit-content;
          max-width: -moz-fit-content;
          max-width: fit-content;
       }
       ul {
          width: 50%;
          float: left;
          list-style: none;
          margin: 0;
          padding: 0;
       }
       li {
          margin-bottom: 18px;
       }
       p {
          margin-bottom: 27px;
       }
       a {
          color: #878787;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          &:hover {
             color: #FA6742;
          }
       }
       &:after {
          content: "";
          display: block;
          clear: both;
       }
    }

    .tw-footer-form {
       position: relative;
       input {
          &[type=email] {
             padding: 14px 28px;
             border-radius: 50px;
             background: #2E2E2E;
             border: 1px solid #2E2E2E;
          }
          &::-webkit-input-placeholder,
          &::-moz-placeholder,
          &:-ms-input-placeholder,
          &::-ms-input-placeholder,
          &::placeholder {
             color: #878787;
             font-size: 14px;
          }
       }
       button {
          &[type=submit] {
             position: absolute;
             top: 0;
             right: 0;
             padding: 12px 24px 12px 17px;
             border-top-right-radius: 25px;
             border-bottom-right-radius: 25px;
             border: 1px solid #FA6742;
             background: #FA6742;
             color: #fff;
          }
          &:hover {
             cursor: pointer;
          }
       }
    }

    /* ==========================

    Contact

=============================*/

    .contact-us {
       position: relative;
       z-index: 2;
       margin-top: 65px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
    }

    .contact-icon {
       position: absolute;
       i {
          font-size: 36px;
          top: -5px;
          position: relative;
          color: #FA6742;
       }
    }

    .contact-info {
       margin-left: 75px;
       color: #fff;
       h3 {
          font-size: 20px;
          color: #fff;
          margin-bottom: 0;
       }
    }

    .copyright {
       padding: 28px 0;
       margin-top: 55px;
       background-color: #202020;
       span,
       a {
          color: #878787;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
       }
       a:hover {
          color: #FA6742;
       }
    }

    .copyright-menu {
       ul {
          text-align: right;
          margin: 0;
       }
       li {
          display: inline-block;
          padding-left: 20px;
       }
    }

    .back-to-top {
       position: relative;
       z-index: 2;
       .btn-dark {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          padding: 0;
          position: fixed;
          bottom: 20px;
          right: 20px;
          background: #2e2e2e;
          border-color: #2e2e2e;
          display: none;
          z-index: 999;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
          &:hover {
             cursor: pointer;
             background: #FA6742;
             border-color: #FA6742;
          }
       }
    }

    /* Sub Pages
================================================== */

    /*-- Banner --*/

    .banner-area {
       position: relative;
       color: #fff;
       background-position: 50% 50%;
       background-size: cover;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       .container {
          position: relative;
       }
    }

    .banner-title {
       color: #fff;
       font-size: 60px;
       font-weight: 800;
    }

    .banner-heading {
       width: 100%;
       color: #fff;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-align-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       min-height: 350px;
    }

    .breadcrumb {
       background: transparent;
       li {
          a {
             color: #fff;
             font-weight: 600;
             -webkit-transition: all 0.3s linear;
             transition: all 0.3s linear;
             &:hover {
                color: #FFB72F;
             }
          }
          &:last-child:before {
             color: #fff;
             content: "/\00a0";
             padding: 0 5px;
          }
       }
    }

    /* News Post */

    .tw-news-post {
       background: #fff;
       padding-bottom: 30px;
       border-bottom: 1px solid #E4E4E4;
       margin-bottom: 50px;
       .entry-content {
          margin-left: 80px;
          margin-bottom: 25px;
       }
    }

    .entry-header {
       margin-left: 80px;
       .entry-title {
          font-size: 30px;
          font-weight: 600;
          margin: 25px 0;
          a {
             color: #2f2c2c;
          }
       }
       .post-meta {
          span {
             color: #b4b4b4;
             -webkit-transition: all 0.3s;
             transition: all 0.3s;
          }
          a {
             color: #b4b4b4;
             -webkit-transition: all 0.3s;
             transition: all 0.3s;
             &:hover {
                color: #FA6742;
             }
          }
       }
    }

    .post-media {
       margin-bottom: 20px;
    }

    .post-meta span {
       margin-right: 40px;
       i {
          padding-right: 10px;
          color: #b4b4b4;
       }
    }

    .post-footer {
       margin-left: 80px;
       .btn {
          font-size: 14px;
          padding: 11px 30px;
          i {
             padding-left: 10px;
             font-weight: 700;
          }
       }
    }

    .post-media.post-video {
       position: relative;
       z-index: 2;
       &:before {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #202020;
          content: "";
          opacity: 0.8;
       }
    }

    .video-icon {
       position: absolute;
       top: 50%;
       left: 50%;
       margin-left: -35px;
       margin-top: -35px;
       i {
          font-size: 70px;
          color: #FA6742;
       }
    }

    .pagination li {
       a {
          display: block;
          width: 40px;
          height: 40px;
          border: 1px solid #F7F7F7;
          line-height: 40px;
          border-radius: 50%;
          margin-right: 8px;
          color: #757575;
          font-weight: 700;
          position: relative;
          z-index: 2;
          i {
             font-weight: 700;
          }
          &:hover {
             background-color: #FA6742;
             color: #fff;
          }
       }
       &.active a {
          background-color: #FA6742;
          color: #fff;
       }
    }

    /* Right News side Bar */

    /* Widgets Title */

    .widget {
       padding: 40px;
       background-color: #f7f9f8;
       .widget-title {
          font-weight: 700;
          color: #2f2c2c;
          position: relative;
          z-index: 2;
          max-width: -webkit-fit-content;
          max-width: -moz-fit-content;
          max-width: fit-content;
       }
       .noanimate-border {
          top: 15px;
          position: relative;
          display: block;
          width: 55px;
          height: 3px;
          background: #FA6742;
          border-color: #f7f9f8;
          &:after {
             position: absolute;
             content: "";
             width: 35px;
             height: 3px;
             left: 10px;
             bottom: 0;
             border-left: 5px solid #fff;
             border-color: #f7f9f8;
          }
       }
    }

    /* Search */

    .sidebar-right {
       .widget-search {
          margin: -40px -40px 0 -40px;
          .input-group {
             input {
                background-color: #f7f9f8;
                border-radius: 50px;
                padding: 16px 25px;
                position: relative;
                z-index: 2;
                border: none;
                &:focus {
                   border-color: transparent;
                }
                &::-webkit-input-placeholder,
                &::-moz-placeholder,
                &:-ms-input-placeholder,
                &::-ms-input-placeholder,
                &::placeholder {
                   color: #757575;
                   font-weight: 600;
                   font-size: 16px;
                }
             }
             span i {
                position: absolute;
                right: 25px;
                font-size: 20px;
                z-index: 3;
                top: 50%;
                margin-top: -10px;
             }
          }
       }
       .widget-adds {
          margin: 0 -40px;
          img {
             width: 100%;
          }
       }
    }

    .sidebar-left {
       .widget-search {
          margin: -40px -40px 0 -40px;
          .input-group {
             input {
                background-color: #f7f9f8;
                border-radius: 50px;
                padding: 16px 25px;
                position: relative;
                z-index: 2;
                border: none;
                &:focus {
                   border-color: transparent;
                }
                &::-webkit-input-placeholder,
                &::-moz-placeholder,
                &:-ms-input-placeholder,
                &::-ms-input-placeholder,
                &::placeholder {
                   color: #757575;
                   font-weight: 600;
                   font-size: 16px;
                }
             }
             span i {
                position: absolute;
                right: 25px;
                font-size: 20px;
                z-index: 3;
                top: 50%;
                margin-top: -10px;
             }
          }
       }
       .widget-adds {
          margin: 0 -40px;
          img {
             width: 100%;
          }
       }
    }

    /* Widget Ads */

    .sidebar-right .widget-adds,
    .sidebar-left .widget-adds {
       margin: 0 -40px;
       img {
          width: 100%;
       }
    }

    /* Recent Posts */

    .widget {
       ul.widget-list {
          margin: 35px 0 0;
          padding: 0;
          list-style: none;
          li {
             display: block;
             border-bottom: 1px dashed #ddd;
             padding: 16px 0;
             position: relative;
             &:last-child {
                border-bottom: 0;
                padding-bottom: 0;
             }
             a {
                color: #757575;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
             }
             span {
                position: absolute;
                top: 16px;
                right: 0;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
             }
             &:hover {
                a,
                span {
                   color: #FA6742;
                }
             }
          }
       }
       &.recent-posts {
          .unstyled {
             margin: 35px 0 0 -40px;
             padding-top: 20px;
             .media {
                margin-bottom: 15px;
                border-bottom: 1px dashed #DADADA;
                padding-bottom: 15px;
                &:last-child {
                   border-bottom: 0;
                   padding-bottom: 0;
                   margin-bottom: 0;
                }
             }
          }
          .media-left img {
             width: 75px;
             height: 60px;
             border-radius: 3px;
          }
          .entry-title {
             padding-left: 20px;
             margin-bottom: 0;
             line-height: normal;
             a {
                font-size: 16px;
                color: #757575;
                font-weight: 400;
                line-height: 1.6;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                &:hover {
                   color: #FA6742;
                }
             }
          }
          .media-middle {
             -webkit-align-self: center;
             -ms-flex-item-align: center;
             align-self: center;
          }
       }
    }

    /* Widget tags */

    .sidebar .widget-tags {
       margin-top: 40px;
       ul {
          list-style: none;
          margin: 0;
          padding: 0;
          margin-top: 50px;
          >li {
             float: left;
             margin: 3px;
             a {
                border: 1px solid #E2E2E2;
                color: #757575;
                display: inline-block;
                font-size: 14px;
                padding: 10px 20px;
                margin: 0 3px 3px 0;
                border-radius: 25px;
                -webkit-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                &:hover {
                   background: #FA6742;
                   color: #fff;
                   border: 1px solid transparent;
                }
             }
          }
       }
    }

    /* News Single Pages
================================================== */

    /* Post Single */

    .post-single {
       .entry-header {
          margin-left: 0;
          .post-meta {
             span {
                margin-right: 20px;
                .day {
                   margin: 0;
                }
                i {
                   padding-right: 5px;
                }
             }
             .post-author a {
                color: #2f2c2c;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
             }
          }
       }
       .post-body {
          padding-left: 0;
       }
       .entry-content {
          blockquote {
             background: #f5f5f5;
             padding: 80px 30px 30px 45px;
             position: relative;
             z-index: 2;
             margin-top: 40px;
             p {
                font-size: 18px;
                color: #2f2c2c;
                line-height: 1.6;
                padding-top: 8px;
                padding-bottom: 20px;
             }
             cite {
                position: absolute;
                right: 25px;
                bottom: 25px;
                font-style: normal;
                color: #FA6742;
                font-weight: 700;
                font-size: 16px;
             }
             &:after {
                position: absolute;
                top: 30px;
                left: 40px;
                content: "\e937";
                font-family: iconfont;
                font-size: 60px;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
             }
          }
          h3 {
             font-size: 24px;
             padding: 20px 0;
          }
          ul.list-round {
             list-style: none;
             margin: 30px 0 0;
             padding: 0;
             border-bottom: 1px solid #F1F1F1;
             li {
                padding-bottom: 15px;
                &:before {
                   font-family: fontAwesome;
                   content: "\f111";
                   font-size: 8px;
                   color: #222222;
                   vertical-align: middle;
                   margin-right: 15px;
                }
             }
          }
       }
       .post-footer {
          margin-left: 0;
          padding: 30px 0;
          strong {
             color: #2f2c2c;
             font-weight: 700;
             margin-right: 10px;
          }
          .post-tags a {
             display: inline-block;
             padding: 4px 10px;
             border: 1px solid #F1F1F1;
             border-radius: 50px;
             color: #757575;
             font-size: 14px;
             margin-right: 10px;
             -webkit-transition: all 0.3s linear;
             transition: all 0.3s linear;
             &:hover {
                background: #FA6742;
                color: #fff;
             }
          }
          .post-social-icons {
             list-style: none;
             margin: 0;
             padding: 0;
             li {
                display: inline-block;
             }
             a i {
                margin-right: 8px;
                height: 30px;
                width: 30px;
                border-radius: 3px;
                background: #000;
                display: block;
                text-align: center;
                line-height: 30px;
                color: #fff;
                font-size: 14px;
                &.fa-facebook {
                   background-color: #3B5998;
                }
                &.fa-twitter {
                   background-color: #55ACEE;
                }
                &.fa-google-plus {
                   background-color: #DD4B39;
                }
                &.fa-linkedin {
                   background-color: #0976B4;
                }
                &.fa-instagram {
                   background-color: #B7242A;
                }
             }
          }
       }
    }

    /* Author Box */

    .author-box {
       border: 1px solid #F1F1F1;
       padding: 40px;
       .author-img {
          float: left;
          width: 80px;
          height: 80px;
          border-radius: 50%;
       }
       .author-info {
          margin-left: 100px;
          h3 {
             font-size: 20px;
             font-weight: 700;
          }
          .author-url a {
             color: #cacaca;
             font-size: 14px;
          }
       }
    }

    /* Post Navigation */

    .post-navigation {
       border-bottom: 1px solid #F1F1F1;
       padding: 35px 0;
       .post-previous,
       .post-next {
          padding: 0 40px;
          width: 50%;
          border-left: 1px solid #F1F1F1;
          border-right: 1px solid #F1F1F1;
          display: table-cell;
          position: relative;
          vertical-align: middle;
       }
       .post-previous {
          text-align: left;
          float: left;
          border-left: 0 none;
          border-right: 0 none;
          padding: 0 40px 0 0;
       }
       .post-next {
          text-align: right;
          float: left;
          border-right: 0 none;
          padding: 0 0 0 40px;
       }
       i {
          margin: 0 5px;
       }
       span {
          font-size: 14px;
          margin-bottom: 10px;
          color: #757575;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
          display: inline-block;
          margin-top: 5px;
          &:hover {
             color: #FA6742;
          }
       }
       h3 {
          font-size: 18px;
          line-height: 1.4;
          margin: 8px 0 0;
       }
    }

    /* Comments And Reply*/

    .comments-list {
       list-style: none;
       .comments-reply {
          list-style: none;
       }
    }

    .comment {
       overflow: hidden;
       margin-bottom: 30px;
       .comment-avatar {
          float: left;
       }
       .meta-data span {
          display: block;
       }
       &:not(:first-child) {
          border-top: 1px solid #F1F1F1;
          padding-top: 30px;
       }
    }

    h3.comments-heading {
       font-size: 24px;
       padding: 35px 0;
    }

    .comment-body {
       margin-left: 100px;
    }

    .meta-data {
       margin-bottom: 10px;
       span {
          display: block;
       }
       .comment-author {
          color: #2f2c2c;
          font-weight: 700;
       }
       .comment-date {
          font-size: 14px;
          color: #757575;
          margin-top: 5px;
       }
       a.comment-reply {
          font-size: 14px;
          color: #757575;
       }
    }

    ul {
       margin-bottom: 20px;
       &.comments-reply .comment-body {
          background: #f7f9f8;
          padding: 30px 30px 20px;
       }
    }

    /* Comments Form */

    .comment-border {
       border-top: 1px solid #F1F1F1;
    }

    .title-normal {
       padding: 40px 0 35px;
       font-size: 24px;
    }

    .comments-form {
       input {
          padding: 16px 30px;
          border-radius: 50px;
       }
       textarea {
          border-radius: 25px;
          resize: none;
          padding: 30px;
          border: 1px solid #F1F1F1;
       }
       input {
          border: 1px solid #F1F1F1;
       }
       textarea::-webkit-input-placeholder,
       input::-webkit-input-placeholder,
       textarea::-moz-placeholder,
       input::-moz-placeholder,
       textarea:-ms-input-placeholder,
       input:-ms-input-placeholder,
       textarea::-ms-input-placeholder,
       input::-ms-input-placeholder,
       textarea::placeholder,
       input::placeholder {
          color: #6d6d6d;
       }
       textarea:focus,
       input:focus {
          outline: 0;
          border-color: #F1F1F1;
       }
       button {
          margin-top: 20px;
          &:hover {
             cursor: pointer;
          }
       }
    }

    /* About us
============================== */

    /* TimeLine */

    .tw-timeline-tab {
       padding-top: 0;
    }

    .timeline-tab {
       .tw-tab-content {
          margin-top: 70px;
       }
       ul {
          border-bottom: 1px dashed #F1F1F1;
          position: relative;
          z-index: 2;
          padding-bottom: 25px;
          li {
             float: left;
             width: 25%;
             text-align: center;
             a {
                position: relative;
                padding-bottom: 27px;
                color: #b4b4b4;
                font-weight: 700;
                font-size: 22px;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                &:after {
                   position: absolute;
                   content: "";
                   background: #CBCBCB;
                   width: 15px;
                   height: 15px;
                   top: 100%;
                   left: 50%;
                   margin-left: -8px;
                   margin-top: -8px;
                   border-radius: 50%;
                   -webkit-transition: all 0.3s;
                   transition: all 0.3s;
                }
                &.active {
                   color: #2f2c2c;
                   &:after {
                      width: 30px;
                      height: 30px;
                      margin-top: -15px;
                      margin-left: -15px;
                      border: 8px solid #FA6742;
                      background: #fff;
                      -webkit-box-shadow: 0px 10px 20px 0px rgba(247, 102, 65, 0.4);
                      box-shadow: 0px 10px 20px 0px rgba(247, 102, 65, 0.4);
                   }
                }
             }
          }
          &:after {
             content: "";
             display: block;
             clear: both;
          }
       }
       .tab-content {
          h2 {
             font-size: 30px;
             margin-bottom: 30px;
          }
          p {
             line-height: 1.75;
          }
       }
    }

    /* Mission */

    .mission-carousel {
       .row {
          margin-bottom: 60px;
       }
       .owl-dots {
          position: absolute;
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          button.owl-dot {
             display: inline-block;
             width: 7px;
             height: 7px;
             background: #FCB3A0;
             margin: 0 3px;
             border-radius: 50%;
             -webkit-transition: all 0.3s;
             transition: all 0.3s;
             &.active {
                width: 11px;
                height: 11px;
                background: #fff;
             }
          }
       }
    }

    .mission-body {
       padding-left: 20px;
       p {
          font-size: 20px;
          line-height: 1.6;
          max-width: 470px;
       }
    }

    .tw-mission {
       background: #FA6742;
       color: #fff;
    }

    .mission-title h2 {
       color: #fff;
       font-size: 32px;
    }

    /* Our Team */

    .tw-team-box:hover .team-name {
       color: #FA6742;
    }

    .team-img {
       text-align: center;
       img {
          width: 225px;
          height: 225px;
          border-radius: 50%;
       }
    }

    .team-info {
       text-align: center;
       margin-top: 25px;
       .team-name {
          font-size: 24px;
          color: #000000;
          margin-bottom: 10px;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
       }
       .team-designation {
          color: #b4b4b4;
          margin-bottom: 16px;
       }
       .team-social-links a i {
          display: inline-block;
          margin: 0 10px;
          font-size: 20px;
          &.fa-facebook {
             color: #3B5998;
          }
          &.fa-twitter {
             color: #55ACEE;
          }
          &.fa-instagram {
             color: #B7242A;
          }
          &.fa-linkedin {
             color: #0976B4;
          }
       }
    }

    /* testimonial */

    .about-testimonial-content p {
       color: #757575;
    }

    .about-testimonial .owl-dots button.owl-dot {
       background: #92908E;
       &.active {
          background: #362F2D;
       }
    }

    /* About Us version 2
============================*/

    .tw-about-award {
       padding-top: 0;
    }

    .tw-award-box {
       text-align: center;
       max-width: 215px;
       margin: 0 auto;
       .award-icon {
          text-align: center;
       }
       h3 {
          font-size: 18px;
          margin-top: 25px;
          line-height: 1.3;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
       }
       &:hover h3 {
          color: #FA6742;
       }
    }

    /* Timeline V2 */

    .timeline-item {
       margin-bottom: 30px;
    }

    .left-part {
       .timeline-badge {
          left: 100%;
       }
       .timeline-panel {
          float: right;
          text-align: right;
          margin-right: 45px;
          &:before {
             left: inherit;
             right: -27px;
             top: 15px;
             border-color: #ddd transparent transparent #ddd;
             border-right-width: 25px;
             border-top-width: 15px;
             border-bottom-width: 2px;
          }
          &:after {
             top: 16px;
             left: auto;
             right: -23px;
             width: 0;
             height: 0;
             border-color: #fff transparent transparent #fff;
             border-style: solid;
             border-right-width: 26px;
             border-bottom-width: 1px;
             border-top-width: 16px;
          }
       }
       .timeline-date.left-part {
          text-align: left;
       }
    }

    .timeline-badge {
       position: absolute;
       left: 0;
       width: 18px;
       height: 18px;
       content: "";
       background: #CBCBCB;
       margin-left: -8px;
       border-radius: 50%;
       z-index: 2;
       -webkit-transition: all 0.3s;
       transition: all 0.3s;
       &.active {
          width: 28px;
          height: 28px;
          margin-left: -13px;
          border: 8px solid #FA6742;
          background: #fff;
          -webkit-box-shadow: 0px 10px 20px 0px rgba(247, 102, 65, 0.4);
          box-shadow: 0px 10px 20px 0px rgba(247, 102, 65, 0.4);
       }
    }

    .timeline-wrapper {
       position: relative;
       z-index: 2;
       .details {
          font-size: 16px;
          color: #757575;
          line-height: 1.75;
          border: 1px solid #E5E5E5;
          padding: 30px;
       }
       &:after {
          position: absolute;
          left: 50%;
          top: 0;
          width: 1px;
          height: 95%;
          content: "";
          border: 1px dashed #CBCBCB;
       }
    }

    .timeline-panel {
       max-width: 420px;
       position: relative;
       z-index: 2;
       background: #fff;
       margin-left: 45px;
       &:before {
          content: "";
          position: absolute;
          top: 10px;
          left: -27px;
          width: 0;
          height: 0;
          border-style: solid;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          border-color: #ddd #ddd transparent transparent;
          border-style: solid;
          transition: all 0.3s;
          border-right-width: 25px;
          border-bottom-width: 15px;
       }
       &:after {
          content: "";
          position: absolute;
          top: 11px;
          left: -24px;
          width: 0;
          height: 0;
          border-style: solid;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          border-color: #ffffff #fff transparent transparent;
          border-style: solid;
          transition: all 0.3s;
          border-right-width: 25px;
          border-top-width: 3px;
          border-bottom-width: 15px;
       }
    }

    .timeline-date {
       text-align: right;
       padding-right: 20px;
       .title,
       .tagline {
          padding-left: 40px;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
       }
       .title {
          font-size: 22px;
          color: #2f2c2c;
          margin-bottom: 0;
          font-weight: 700;
       }
       .tagline {
          color: #757575;
          font-size: 22px;
       }
       &.left-part {
          text-align: left;
       }
       &.active {
          .title,
          .tagline {
             color: #FA6742;
          }
       }
    }

    /* Pricing
====================== */

    .tw-price-box {
       padding: 30px 0 50px;
       color: #fff;
       text-align: center;
       .pricing-price {
          strong {
             color: #fff;
          }
          sup {
             color: #fff;
             font-weight: 800;
             font-size: 30px;
          }
          small {
             font-size: 20px;
          }
       }
       .pricing-icon-wrapper {
          width: 100%;
          height: 120px;
       }
       .price-icon {
          vertical-align: middle;
       }
    }

    /* Contact Us
============ */

    .tw-contact-us {
       padding-bottom: 50px;
    }

    .tw-contact-box {
       background-color: #F7F9F8;
       border-radius: 3px;
       padding: 30px 40px 40px 50px;
       .contact-heading {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 20px;
          h3 {
             margin-bottom: 0;
             font-size: 30px;
             margin-left: 15px;
          }
       }
    }

    .contact-info-box-content {
       &:after {
          content: "";
          display: block;
          clear: both;
       }
       i {
          float: left;
          margin-top: 2px;
       }
       p {
          margin-left: 35px;
          color: #2f2c2c;
       }
    }

    /* Map */

    .map {
       height: 450px;
       margin-top: 50px;
    }

    /* Contact us Form */

    .alert-success {
       &.fade {
          &.in {
             opacity: 1;
          }
       }
    }

    .contact-us-form {
       input {
          &[type=text],
          &[type=phone],
          &[type=email] {
             padding: 16px 30px;
             border-radius: 50px;
             border: 1px solid #F1F1F1;
          }
       }
       textarea {
          padding: 16px 30px;
          border-radius: 25px;
          border: 1px solid #F1F1F1;
          resize: none;
          &:focus,
          &:active {
             border: 1px solid #F1F1F1;
          }
       }
    }

    /* Contact Testimonial */

    .tw-contact-us-testimonial {
       padding-bottom: 135px;
    }

    .testimonial-slider {
       .testimonial-meta {
          margin-bottom: 30px;
          margin-top: 0px;
          h4 {
             color: #FA6742;
          }
          i {
             font-size: 60px;
             color: #FCCCC0;
          }
       }
       .testimonial-text p {
          color: #757575;
       }
       .owl-dots {
          position: absolute;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          bottom: -30px;
          button.owl-dot {
             display: inline-block;
             width: 7px;
             height: 7px;
             background: #CDCBCA;
             margin: 4px;
             border-radius: 50%;
             &.active {
                width: 11px;
                height: 11px;
                background: #362F2D;
             }
          }
       }
    }

    /* Testimonial
========================== */

    .tw-testimonial-no-bg {
       background: #fff;
    }

    .testimonial-slider .owl-item img {
       width: auto;
    }

    .testimonial-image {
       margin-bottom: 20px;
       img {
          margin: 0 auto;
          border-radius: 100%;
          height: 80px;
       }
    }

    /* Testimonial variation 2 */

    .testimonial-box-carousel .owl-dots {
       position: absolute;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       width: 100%;
       bottom: -75px;
       button.owl-dot {
          display: inline-block;
          width: 7px;
          height: 7px;
          background: #C3C3C1;
          margin: 4px;
          border-radius: 50%;
          &.active {
             width: 11px;
             height: 11px;
             background: #362F2D;
          }
       }
    }

    .tw-testimonial-bg {
       background: #ddd;
       padding-bottom: 150px;
    }

    .tw-testimonial-box {
       position: relative;
       background: #fff;
       padding: 30px;
       .testimonial-meta {
          margin-top: 10px;
          margin-left: 100px;
       }
       .testimonial-bg {
          left: 30px;
          right: auto;
          top: 30px;
       }
       .testimonial-text {
          margin-top: 40px;
          p {
             color: #757575;
             font-size: 16px;
             font-weight: 400;
          }
          i {
             font-size: 25px;
             float: right;
             margin-top: -35px;
          }
       }
    }

    [class*="col"] {
       &:nth-child(1) .tw-testimonial-box {
          .testimonial-meta h4 {
             color: #FA6742;
          }
          .testimonial-text i {
             color: #FBB2A0;
          }
       }
       &:nth-child(2) .tw-testimonial-box {
          .testimonial-meta h4,
          .testimonial-text i {
             color: #32CC73;
          }
       }
    }

    /* Testimonial variation 3 */

    .testimonial-carousel-gray {
       .owl-stage-outer {
          padding-top: 50px;
       }
       .tw-testimonial-wrapper {
          background: #F3F5F4;
       }
       .testimonial-bg {
          border-radius: 100%;
          &:after {
             left: 10px;
             bottom: -13px;
             -webkit-transform: rotate(10deg);
             transform: rotate(10deg);
          }
       }
    }

    .testimonial-gray {
       .testimonial-text p {
          color: #757575;
          font-size: 20px;
       }
       .testimonial-meta {
          h4,
          i {
             color: #FA6742;
          }
       }
    }

    /* Single Service
=========================== */

    /* Web Analytics */

    .tw-web-analytics [class*="row"]:last-child {
       .analytics-img,
       .tw-web-analytics-content {
          margin-bottom: 0;
       }
    }

    .tw-web-analytics-content {
       h3 {
          font-size: 30px;
          font-weight: 800;
       }
       p {
          line-height: 1.75;
       }
    }

    .analytics-img {
       margin-bottom: 165px;
    }

    .tw-web-analytics-content {
       margin-bottom: 165px;
       position: relative;
       z-index: 2;
       i {
          position: absolute;
          top: -50px;
          left: 0;
          font-size: 100px;
          z-index: -1;
          color: #F4F4F4;
       }
    }

    /* Chart */

    [class*="col"] {
       &:nth-child(3) .percent-area>p {
          color: #32CC73;
       }
       &:nth-child(4) .percent-area>p {
          color: #FFB72F;
       }
    }

    .percent-area {
       text-align: center;
       >p {
          margin-top: 30px;
          font-weight: 700;
          color: #FA6742;
          font-size: 20px;
       }
       .chart {
          position: relative;
          width: 195px;
          height: 195px;
          padding: 69px 0;
          margin: 0 auto;
          p {
             color: #000;
             font-size: 36px;
             margin-bottom: -5px;
          }
          small {
             font-style: italic;
             color: #b4b4b4;
             display: block;
          }
          canvas {
             position: absolute;
             top: 0;
             left: 0;
          }
       }
    }

    /* Case Study */

    .tw-service-case-study {
       &:hover .casestudy-content {
          -webkit-box-shadow: none;
          box-shadow: none;
       }
       .casestudy-content {
          background-color: #f7f9f8;
       }
    }

    /* Call to Action */

    .tw-call-to-action .btn-lg {
       padding: 16px 60px;
    }

    .call-action-bg-pattern {
       position: relative;
       img {
          position: absolute;
          left: 0;
          z-index: -1;
          &:nth-child(1) {
             top: -50px;
             left: -200px;
          }
          &:nth-child(2) {
             left: auto;
             right: -235px;
             top: -65px;
          }
       }
    }

    /* Service
============================ */

    /* Service List */

    .service-list-carousel .owl-nav {
       position: absolute;
       left: -34.5%;
       bottom: 0;
       button {
          &.owl-next,
          &.owl-prev {
             display: inline-block;
             background-color: #F7F9F8;
             width: 45px;
             height: 45px;
             color: #FA6742;
          }
          i {
             font-size: 20px;
             font-weight: 700;
             line-height: 45px;
          }
          &:hover {
             background: #FA6742;
             color: #fff;
          }
       }
    }

    .tw-service-box-list {
       border: 1px solid #EDEDED;
       border-radius: 3px;
       padding: 40px 25px 10px;
       max-width: 250px;
       h3 {
          font-size: 20px;
          margin: 35px 0 20px;
       }
       p {
          font-size: 14px;
       }
    }

    .service-list-bg-1 {
       background: url("../images/services/service_bg1.png");
    }

    .service-list-bg-2 {
       background: url("../images/services/service_bg2.png");
    }

    .service-list-bg-3 {
       background: url("../images/services/service_bg3.png");
    }

    .service-list-bg {
       background-repeat: no-repeat;
       background-position: top center;
       width: 100%;
       height: 126px;
    }

    .service-list-icon {
       vertical-align: middle;
       img {
          margin: 0 auto;
       }
    }

    /* Service Features */

    [class*="col"]:last-child .tw-service-features-box:after {
       display: none;
    }

    .tw-service-features-box {
       position: relative;
       padding: 0 30px 0;
       h3 {
          font-size: 24px;
          font-weight: 800;
          margin-top: 20px;
          margin-bottom: 18px;
       }
       p {
          margin-bottom: 22px;
       }
       &:after {
          position: absolute;
          width: 1px;
          height: 50%;
          background: #EEEEEE;
          content: "";
          top: 50%;
          left: 100%;
          margin-top: -25%;
          margin-left: 14px;
       }
    }

    .service-bg-icon-1 {
       background: url("../images/services/service_bg1.png") no-repeat top center;
       height: 127px;
    }

    .service-feature-icon-bg {
       width: 100%;
    }

    .service-feature-icon img {
       padding-top: 15px;
    }

    /* Service Contact form */

    .tw-features-contact .section-heading {
       margin-bottom: 0;
    }

    .tw-features-contact-info {
       >p {
          font-weight: 600;
          line-height: 1.75;
          padding-right: 75px;
       }
       .contact-us {
          margin-top: 25px;
       }
       .contact-info {
          h3 {
             color: #2f2c2c;
             font-size: 18px;
          }
          p {
             font-size: 14px;
             color: #2f2c2c;
          }
       }
    }

    .service-contact-form {
       input::-webkit-input-placeholder,
       textarea::-webkit-input-placeholder,
       input::-moz-placeholder,
       textarea::-moz-placeholder,
       input:-ms-input-placeholder,
       textarea:-ms-input-placeholder,
       input::-ms-input-placeholder,
       textarea::-ms-input-placeholder,
       input::placeholder,
       textarea::placeholder {
          color: #6d6d6d;
          font-weight: 600;
       }
       .form-group {
          margin-bottom: 30px;
       }
    }

    /* Single Case Study
======================== */

    /* Banner Area */

    .case-bg-overlay:after {
       background-color: rgba(32, 32, 32, 0);
    }

    .banner-heading {
       &.case-banner-heading {
          min-height: 550px;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
       }
       .banner-case-title {
          color: #fff;
          font-weight: 700;
          span {
             color: #FA6742;
             font-weight: 800;
          }
       }
    }

    /* Challange Area */

    .tw-case-challange .section-heading p {
       padding: 0 80px;
    }

    .tw-challange-content {
       max-width: 420px;
       text-align: center;
       h3 {
          font-size: 24px;
          margin-top: 40px;
       }
       &.challange-left-content {
          margin-left: auto;
       }
    }

    .challange-bg-pattern {
       position: relative;
       z-index: 2;
       &:after {
          position: absolute;
          content: '';
          width: 100%;
          height: 100%;
          top: 50%;
          margin-top: -50px;
          left: 50%;
          margin-left: -50%;
          background: url("../images/cases/single_case_arrow.png") no-repeat top center;
       }
    }

    /* Case Workign Process */

    .tw-case-working-box h3 {
       font-size: 18px;
       color: #2f2c2c;
       margin-top: 25px;
    }

    .working-icon-wrapper {
       width: 225px;
       height: 225px;
       border-radius: 100%;
       border: 1.8px dashed #B1B1B1;
       display: table;
       margin: 0 auto;
       position: relative;
       z-index: 2;
       padding: 10px;
    }

    .working-icon {
       display: table-cell;
       vertical-align: middle;
       width: 100%;
       position: relative;
       border-radius: 50%;
       background: #ffffff;
       background: radial-gradient(ellipse at center, #ffffff 0%, #eff3f1 50%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff3f1', GradientType=1);
    }

    .case-process-number {
       position: absolute;
       right: 5px;
       top: -5px;
       background: #FA6742;
       width: 40px;
       height: 40px;
       line-height: 40px;
       color: #fff;
       border-radius: 100%;
       font-size: 20px;
       font-weight: 700;
    }

    /* Final Result */

    .tw-final-result .section-heading {
       margin-bottom: 0;
    }

    .results-trafiic {
       .traffic-info {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 20px;
       }
       span {
          font-size: 18px;
          font-weight: 700;
          color: #2f2c2c;
          padding-top: 5px;
          padding-left: 20px;
       }
    }

    .result-bg {
       position: relative;
       img {
          position: absolute;
          left: -105%;
          z-index: -1;
       }
    }

    /* Traffic Result */

    .traffic-bg-1 {
       background: url("../images/cases/result_bg1.png") no-repeat top center;
    }

    .traffic-bg-2 {
       background: url("../images/cases/result_bg2.png") no-repeat top center;
    }

    .traffic-bg-3 {
       background: url("../images/cases/result_bg3.png") no-repeat top center;
    }

    .traffic-bg-4 {
       background: url("../images/cases/result_bg4.png") no-repeat top center;
    }

    .traffic-icon-bg {
       height: 126px;
       img {
          padding-top: 25px;
       }
    }

    .tw-traffic-counter {
       margin-top: 110px;
       h3 {
          font-size: 24px;
          margin-top: 30px;
          margin-bottom: 12px;
       }
       p {
          color: #FA6742;
          font-weight: 800;
          font-size: 36px;
          margin-bottom: 0;
       }
    }

    /* Case
================== */

    /* Case Complete */

    .tw-cases {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
    }

    .cases-img {
       background: #FA6742;
       -webkit-flex-basis: 23.1%;
       -ms-flex-preferred-size: 23.1%;
       flex-basis: 23.1%;
       margin: 10px;
       border-radius: 5px;
       padding: 25px;
       h3 {
          font-size: 20px;
          color: #fff;
          margin-bottom: 0;
       }
       span {
          font-size: 14px;
          color: #fff;
       }
       &:nth-of-type(even) {
          position: relative;
          top: 90px;
       }
       img {
          padding-bottom: 20px;
       }
    }

    .tw-case-complete .btn {
       margin-top: 155px;
    }

    /* Clients */

    .tw-clients {
       padding-bottom: 120px;
    }

    /* Home Variations */

    /* Home variation 1 */

    .tw-top-bar {
       padding: 5px 0;
       border-bottom: 1px solid #F2F2F2;
    }

    .tw-top-bar-angle {
       padding: 5px 0;
       border-bottom: 1px solid #F2F2F2;
       position: relative;
       z-index: 2;
       &:before {
          position: absolute;
          top: 0px;
          left: 0;
          width: 50%;
          height: 100%;
          content: "";
          background: #2f2c2c;
       }
       &:after {
          position: absolute;
          top: 0px;
          left: 50%;
          content: "";
          border-right: 30px solid transparent;
          border-bottom: 10px solid transparent;
          border-top: 38px solid #2f2c2c;
       }
    }

    .top-bar-angle-info {
       i {
          color: #fff;
          font-size: 14px;
          margin-right: 5px;
       }
       span {
          color: #fff;
          font-size: 14px;
          padding-right: 20px;
       }
    }

    .top-social-links {
       a {
          padding-left: 20px;
          i {
             display: inline-block;
             font-size: 14px;
             color: #2f2c2c;
             -webkit-transition: all 0.3s;
             transition: all 0.3s;
             &:hover {
                color: #FA6742;
             }
          }
       }
       span {
          color: #2f2c2c;
       }
    }

    .top-contact-info span {
       font-size: 14px;
       color: #2f2c2c;
       padding-left: 60px;
       i {
          padding-right: 10px;
       }
    }

    .tw-top-bar-angle .top-contact-info span {
       color: #fff;
       padding-left: 0;
       padding-right: 40px;
    }

    /* Inline Offcanvas menu */

    .inline-menu {
       position: relative;
       top: 0px;
       span {
          background: #000;
          width: 10px;
       }
    }

    .tw-offcanvas-menu i {
       padding-right: 25px;
       border-right: 1px solid #E0E0E0;
       margin-right: 30px;
       color: #2f2c2c;
       &:hover {
          cursor: pointer;
       }
    }

    .inline-menu span:nth-child(2) {
       width: 20px;
       margin: 3px auto;
    }

    /* Home variation 3 */

    .header-absolute {
       position: relative;
       margin-bottom: -35px;
       .tw-header {
          background: transparent;
          -webkit-box-shadow: none;
          box-shadow: none;
       }
    }

    .tw-header.tw-dark-head {
       -webkit-box-shadow: none;
       box-shadow: none;
    }

    .dark-nav {
       background: #2f2c2c;
       border-radius: 4px;
       .tw-nav-brand {
          padding-left: 30px;
          margin-right: 0;
       }
       >.nav-link {
          padding: 31px 0;
       }
       .navbar-nav .nav-link {
          color: #fff;
       }
       button.navbar-toggler {
          right: 15px;
       }
       .tw-nav-brand {
          position: relative;
       }
       .navbar-nav {
          padding: 0 0;
          .active>.nav-link {
             color: #fff;
          }
          li {
             margin: 0 10px;
             &.nav-item>a {
                padding: 25px 0;
             }
          }
       }
       .tw-dropdown-menu {
          background: #2f2c2c;
          li a {
             color: #fff;
          }
       }
       .tw-mega-menu {
          background: #2f2c2c;
          li a {
             color: #fff;
             &:hover {
                color: #FA6742;
             }
          }
          .tw-megamenu-title h3,
          p {
             color: #fff;
          }
       }
    }

    .offcanvas-dark-menu {
       right: -10px;
       i {
          color: #fff;
          border-right-color: #4E4B4B;
       }
       .inline-menu span {
          background: #fff;
       }
    }

    /* Header Variation 4 */

    .header-absolute.header-lite {
       margin-bottom: -30px;
    }

    .logo-area {
       .top-contact-info {
          &.top-contact {
             span {
                padding-left: 0;
             }
          }
       }
    }

    .logo-area {
       .top-info {
          margin-bottom: 20px;
          padding-top: 10px;
       }
    }

    .top-info {
       list-style: none;
       margin: 18px 0 0;
       padding: 0;
       float: right;
       li {
          display: inline-block;
          .info-wrapper {
             p {
                font-size: 14px;
                margin-bottom: 0;
                line-height: normal;
                color: #2e2c2d;
             }
          }
       }
       .info-icon {
          font-size: 24px;
          display: inline-block;
          top: -8px;
          position: relative;
          margin-right: 0;
       }
       .info-wrapper {
          display: inline-block;
          margin-right: 30px;
          position: relative;
          p {
             &.info-subtitle {
                line-height: normal;
                font-size: 14px;
                font-weight: 400;
                color: #2e2c2d;
                margin-bottom: 3px;
             }
          }
       }
    }

    .top-contact-info {
       &.top-contact {
          span {
             padding-left: 0;
          }
       }
    }

    .top-links {
       padding-top: 30px;
    }

    .nav-lite {
       ul.navbar-nav {
          width: 100%;
          li {
             margin-left: 17px;
             padding-right: 17px;
             &.nav-item>a {
                padding: 20px 0;
             }
          }
       }
       .navbar-nav .nav-link {
          margin-right: 0;
       }
    }

    .nav-thin {
       ul.navbar-nav {
          width: 100%;
          li {
             margin-left: 17px;
             padding-right: 17px;
             &.nav-item>a {
                padding: 20px 0;
             }
          }
       }
       .navbar-nav .nav-link {
          margin-right: 0;
       }
    }

    .tw-offcanvas-menu {
       &.offcanvas-menu-lite {
          i {
             color: #fff;
             border-right-color: #4E4B4B;
          }
          .inline-menu span {
             background: #fff;
          }
       }
    }

    /* Home Variation 4 */

    .header-lite {
       .tw-nav-brand {
          height: 90px;
          display: flex;
          flex: 0 0 100%;
          align-items: center;
       }
    }

    .logo-area {
       .tw-nav-brand {
          height: 90px;
          display: flex;
          flex: 0 0 100%;
          align-items: center;
       }
    }

    /* Home Variation 5 */

    .nav-transparent {
       .megamenu-dark .tw-mega-menu {
          top: 63px;
       }
       .tw-nav-brand {
          top: 5px;
       }
       .navbar-nav li.nav-item>a {
          padding: 13px 0;
       }
    }

    .navbar-fixed {
       &.header-dark {
          background-color: #363435;
       }
    }

    .top-bar-lite {
       .top-social-links {
          color: #2f2c2c;
          i {
             color: $headerColor;
          }
       }
       .top-contact-info {
          text-align: right;
          span {
             padding-left: 5px;
             color: #2f2c2c;
          }
          i {
             font-size: 12px;
             margin-left: 5px;
             color: $headerColor;
             ;
          }
       }
    }

    .header-transparent.header-absolute {
       position: absolute;
       width: 100%;
    }

    .nav-transparent {
       background: transparent;
    }

    .slider-3.tw-slider-bg-dark,
    .slider-2.tw-slider-bg-dark {
       background: none;
    }

    .tw-slider-bg-dark {
       position: relative;
       z-index: 2;
       .slider-wrapper {
          height: 814px;
       }
       &:after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          content: "";
          z-index: -1;
          background: url("../images/slider/slider-banner-2.jpg");
          background-size: cover;
          background-position: right center;
       }
    }

    .slider-bg-dark,
    .slider-dark {
       z-index: auto;
    }

    .slider-bg-dark.tw-hero-slider .owl-nav button i,
    .slider-dark.tw-hero-slider .owl-nav button i {
       color: #fff;
       -webkit-transition: all 0.3s;
       transition: all 0.3s;
    }

    .slider-bg-dark.tw-hero-slider .owl-nav button i:hover {
       color: #FA6742;
    }

    .slider-dark {
       &.tw-hero-slider .owl-nav button i:hover {
          color: #FA6742;
       }
       .tw-slider-bg-dark:after {
          background: url("../images/slider/slider-banner-1.jpg");
       }
    }

    .slider-content-dark h1 span {
       color: #FA6742;
    }

    .offcanvas-menu-dark {
       i {
          color: #fff;
       }
       span {
          background: #fff;
       }
    }

    /* home Variation 6 */

    .top-bar-dark {
       background: #1b1b21;
       .top-social-links {
          color: #FA6742;
          i {
             color: #fff;
          }
       }
       .top-contact-info {
          span {
             color: #fff;
          }
          i {
             color: #fff;
          }
       }
    }

    /* Home Variation 7 */

    .top-menu ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
       li {
          display: inline-block;
          a {
             display: block;
             padding-right: 30px;
             color: inherit;
          }
       }
    }

    .logo-area.top-contact {
       span {
          padding-right: 0;
          padding-left: 50px;
       }
       i {
          margin-left: 10px;
          color: #FA6742;
       }
    }

    .full-width-nav {
       background: #2f2c2c;
    }

    .nav-full-width {
       ul.navbar-nav li {
          padding-left: 0;
          padding-right: 30px;
       }
       .navbar-nav {
          li {
             padding-left: 0;
          }
          .active>.nav-link,
          .nav-link {
             color: #fff;
          }
       }
       .tw-mega-menu {
          background: #2f2c2c;
          h3,
          p,
          li a {
             color: #fff;
          }
       }
       .tw-dropdown-menu {
          background: #2f2c2c;
          li a {
             color: #fff;
          }
       }
    }

    .full-width-offcanvas-menu {
       width: 100%;
       position: relative;
       text-align: left;
       padding-bottom: 0;
       padding: 15px 0;
       max-width: -webkit-fit-content;
       max-width: -moz-fit-content;
       max-width: fit-content;
       i {
          color: #fff;
          border-color: #4D4B4C;
       }
       span {
          background: #fff;
       }
    }

    /* Home Variation 7 */

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

    .offcanvas-menu-lite {
       &.bg-orange {
          height: 68px;
          line-height: 68px;
          padding: 0 15px;
          border-left: 8px solid #F7F9F8;
          width: 165px;
          text-align: center;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          .inline-menu {
             right: -10px;
          }
          i {
             padding-right: 25px;
             margin-right: 5px;
             color: #fff;
             border-right-color: rgba(#fff, .5);
          }
       }
    }

    .slider-abosulte {
       .slider-content {
          h1 {
             color: #2f2c2c;
             span {
                color: #FA6742;
             }
          }
          p {
             color: #757575;
          }
       }
    }

    /* Faq
======================== */

    .faq-right {
       .widget-adds {
          margin-top: -40px;
       }
       .tw-testimonial-box {
          background: #f7f9f8;
       }
    }

    .card-header {
       background: none;
       border: none;
       padding: 0;
       h4 {
          margin: 0;
          padding-left: 0;
          a {
             color: #2f2c2c;
             font-size: 16px;
             i {
                color: #FA6742;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
             }
          }
       }
       &:hover {
          cursor: pointer;
       }
    }

    .faq-indicator {
       float: right;
    }

    .card {
       margin-bottom: 15px;
       padding: 15px 30px;
       border-radius: 0;
    }

    .card-block {
       padding-top: 20px;
    }

    /* Team
================ */

    .tw-expert {
       padding-top: 0;
    }

    .expert-team img {
       border-radius: 0;
    }

    .navbar-fixed {
       z-index: 100;
       position: fixed;
       opacity: 1;
       width: 100%;
       top: 0;
       left: 0;
       -webkit-animation: fadeInDown 800ms;
       animation: fadeInDown 800ms;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
    }

    .off-canvas,
    .tw-head,
    .tw-header {
       -webkit-transition: all 800ms;
       transition: all 800ms;
    }

    .off-canvas~.tw-hero-slider {
       position: relative;
       -webkit-transition: all 1s ease;
       transition: all 1s ease;
    }

    .tw-hero-slider {
       position: relative;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
    }

• [F] animate.css
  Delete
• [F] bootstrap.min.css
  Delete
• [F] font-awesome.min.css
  Delete
• [F] icofonts.css
  Delete
• [F] magnific-popup.css
  Delete
• [F] owlcarousel.min.css
  Delete
• [F] responsive.css
  Delete
• [F] style.css
  Delete
• [F] style.min.css
  Delete
• [F] style.scss
  Delete