/*  
        Template Name: Arvo- Multipurpose html template
        Author: Dreambuzz
        Author URI: 
        Description: 
        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;
    }
    body,
    p {
        font-family: 'Nunito', sans-serif;
        font-size: 16px;
        line-height: 28px;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #2f2c2c;
        font-family: 'Poppins', sans-serif;
    }
    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,
    a:active,
    a:focus,
    a:hover,
    a:visited {
        text-decoration: none;
        outline: 0 solid;
    }
    a:hover {
        color: #a47c2c;
    }
    button:focus,
    .btn:focus {
        outline: 0 solid;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .readmore {
        color: #a47c2c;
        font-weight: 800;
        display: inline-block;
    }
    .readmore:hover {
        color: #a47c2c;
    }
    .readmore i {
        padding-left: 5px;
    }
    /* Margin Top */
    
    .mt-80 {
        margin-top: 80px !important;
    }
    .mt-70 {
        margin-top: 70px !important;
    }
    .mt-65 {
        margin-top: 65px !important;
    }
    .mt-60 {
        margin-top: 60px !important;
    }
    .mt-40 {
        margin-top: 40px !important;
    }
    .mt-30 {
        margin-top: 30px !important;
    }
    .mt-20 {
        margin-top: 20px !important;
    }
    .mt-15 {
        margin-top: 15px !important;
    }
    /* Margin Bottom */
    
    .mb-165 {
        margin-bottom: 165px;
    }
    .mb-105 {
        margin-bottom: 105px;
    }
    .mb-80 {
        margin-bottom: 80px;
    }
    .mb-70 {
        margin-bottom: 70px;
    }
    .mb-65 {
        margin-bottom: 65px;
    }
    .mb-60 {
        margin-bottom: 60px;
    }
    .mb-40 {
        margin-bottom: 40px;
    }
    .mb-35 {
        margin-bottom: 35px;
    }
    .mb-30 {
        margin-bottom: 30px;
    }
    /* Background Color */
    
    .bg-white {
        background: #ffffff !important;
    }
    .bg-green {
        background: #32CC73 !important;
    }
    .bg-orange {
        background: #a47c2c !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: #152a38!important;
    }
    .bg-gradient {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, #00c9fd 0%, #81ee8e 100%) repeat scroll 0 0!important;
    }
    .bg-pink {
        background: #f6576e !important;
    }
    .bg-violet {
        background: #BA01FF !important;
    }
    /* Background Overlay */
    
    .bg-overlay {
        position: relative;
    }
    .bg-overlay .container {
        position: relative;
        z-index: 1;
    }
    .bg-overlay: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;
    }
    .form-control::-webkit-input-placeholder {
        color: #b2b2b2;
        font-size: 15px;
    }
    .form-control::-moz-placeholder {
        color: #b2b2b2;
        font-size: 15px;
    }
    .form-control:-ms-input-placeholder {
        color: #b2b2b2;
        font-size: 15px;
    }
    .form-control:-moz-placeholder {
        color: #b2b2b2;
        font-size: 15px;
    }
    /* Section Padding */
    
    section {
        padding: 90px 0 100px;
        position: relative;
    }
    /* Section Heading */
    
    .section-heading {
        margin-bottom: 80px;
    }
    .section-heading h2 {
        color: #2f2c2c;
        font-size: 44px;
    }
    .section-heading h2 small {
        color: #b4b4b4;
        font-size: 14px;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        font-weight: 400;
        display: block;
        margin-bottom: 14px;
    }
    .section-heading h2 span {
        color: #a47c2c;
    }
    /* Section Title */
    
    .section-title {
        color: #2f2c2c;
        font-size: 44px;
    }
    /* Column Title */
    
    .column-title {
        font-size: 36px;
        display: block;
    }
    .column-title small {
        font-size: 14px;
        text-transform: uppercase;
        color: #b4b4b4;
        margin-bottom: 20px;
        display: block;
    }
    .column-title span {
        color: #a47c2c;
    }
    /* Bottom Border */
    /*
    .bottom-border {
      width: 50px;
      height: 3px;
      display: block;
      position: relative;
    }
    .bottom-border:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 15%;
      height: 100%;
      content: "";
      background-color: #a47c2c;
    }
    .bottom-border:after {
      width: 80%;
      height: 100%;
      top: 0;
      right: 0;
      content: "";
      position: absolute;
      background-color: #a47c2c;
    }
    .bottom-border.bottom-border-green:before {
      background-color: #32CC73;
    }
    .bottom-border.bottom-border-green:after {
      background-color: #32CC73;
    }
    .bottom-border.bottom-border-yellow:before {
      background-color: #FFB72F;
    }
    .bottom-border.bottom-border-yellow:after {
      background-color: #FFB72F;
    }
    */
    /* Text Color */
    
    .text-orange {
        color: #a47c2c !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:hover {
        -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);
    }
    .btn-lg {
        padding: 16px 45px;
    }
    .btn-primary {
        border: 1px solid #a47c2c;
        background: #a47c2c;
    }
    .btn-primary:hover {
        background: #a47c2c;
        border-color: #a47c2c;
    }
    .btn-secondary {
        background-color: #FFB72F;
        border-color: #FFB72F;
    }
    .btn-secondary:hover {
        background-color: #FFB72F;
        border-color: #FFB72F;
    }
    .btn-dark {
        background: #2E2C2D;
        border-color: #2E2C2D;
    }
    .btn-dark:hover {
        background: #2E2C2D;
        border-color: #2E2C2D;
    }
    .btn-white {
        background-color: #fff;
        border-color: #fff;
        color: #222;
    }
    .btn-white-trans {
        background-color: transparent;
        border-color: #fff;
    }
    .btn-white:hover {
        background-color: #fff;
        border-color: #fff;
    }
    .owl-carousel {
        z-index: auto;
    }
    .owl-carousel img {
        width: auto !important;
    }
    /* Carousel Black Dots */
    
    .carousel-black-dots .owl-dots button.owl-dot {
        background: #92908E !important;
    }
    .carousel-black-dots .owl-dots button.owl-dot.active {
        background: #362F2D !important;
    }
    /* No Border */
    
    .no-border {
        border: none !important;
    }
    /* ************************* Header  ****************************/
    /*************************** Nav ********************************/
    
    .header {
        background: #fff;
        -webkit-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.06);
        position: relative;
        z-index: 2;
    }
    .head {
        background: #fff;
        -webkit-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.06);
        position: relative;
        z-index: 2;
    }
    .navbar {
        padding: 0;
    }
    ul.navbar-nav li.nav-item > a {
        padding: 30px 0;
    }
    nav.navbar {
        position: relative;
        z-index: 1;
        padding: 0;
    }
    .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 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar-light .navbar-toggler {
        border-color: #a47c2c;
        background-color: #a47c2c;
    }
    .navbar-light .navbar-toggler:hover {
        cursor: pointer;
    }
    ul.navbar-nav li {
        margin: 0 6px;
    }
    ul.navbar-nav a {
        display: block;
        position: relative;
        border-radius: 50px;
    }
    ul.navbar-nav > li.nav-item > a.nav-link.active {
        color: #a47c2c;
    }
    ul.navbar-nav > li.nav-item > a.nav-link.active:before,
    ul.navbar-nav > li.nav-item > a.nav-link.active:after {
        opacity: 1;
    }
    /* ==========================

                   Navbar Link

          =============================*/
    
    .navbar-light .navbar-nav .nav-link {
        color: #2e2c2d;
        font-weight: 600;
        font-size: 17px;
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #a47c2c;
    }
    span.indicator:after {
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .social-links {
        position: relative;
    }
    .social-links ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    .social-links li {
        display: inline-block;
        padding-left: 20px;
    }
    .social-links a {
        display: block;
        font-size: 14px;
        color: #2f2c2c;
    }
    .social-links a:hover {
        color: #a47c2c;
    }
    /* ==========================

                Dropdown Menu

          =============================*/
    
    li.dropdown:hover ul.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.dropdown-menu {
        width: 285px;
        padding: 16px 30px 33px;
        margin: 0;
        border: none;
        border-radius: 0;
        z-index: -1;
    }
    ul.dropdown-menu li {
        display: block;
        padding: 7px 0;
    }
    ul.dropdown-menu li a {
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #757575;
    }
    ul.dropdown-menu li a:hover,
    ul.dropdown-menu li a.active {
        color: #a47c2c;
    }
    /* ==========================

                   Mega Menu

           =============================*/
    
    .megamenu-wrapper {
        position: static;
        z-index: 1;
    }
    .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;
    }
    .mega-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .mega-menu a {
        color: #757575;
        font-weight: 600;
    }
    .mega-menu a:hover {
        color: #a47c2c;
    }
    .mega-menu p {
        color: #757575;
    }
    .mega-menu:after {
        position: absolute;
        left: -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;
    }
    .megamenu-title h3 {
        font-size: 20px;
        color: #2e2c2d;
        font-weight: 700;
        padding-bottom: 3px;
    }
    .mega-menu ul li {
        padding-bottom: 19px;
    }
    li.dropdown:hover .mega-menu {
        display: block;
    }
    /*===========================

            Hero area 

     ===========================*/
    
    .hero-area {
        text-align: center;
        padding: 100px 0 0;
        position: relative;
        z-index: -1;
        background: #F7F9F8;
    }
    .hero-area: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;
    }
    .slider-bg-1:after {
        background-image: url("../images/slider/slide_map_pattern.png");
    }
    .slider-subtitle {
        color: #757575;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 12px;
        letter-spacing: 2px;
    }
    .slider-title {
        color: #2f2c2c;
        font-size: 60px;
        font-weight: 800;
        margin-bottom: 36px;
    }
    .slider-title span {
        color: #a47c2c;
    }
    /*========================

                Slider area 

          ========================*/
    
    .hero-slider .owl-nav {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        width: 100%;
    }
    .hero-slider .owl-nav button {
        position: absolute;
        left: 30px;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .hero-slider .owl-nav button:hover {
        left: 35px;
    }
    .hero-slider .owl-nav button.owl-next {
        left: auto;
        right: 30px;
    }
    .hero-slider .owl-nav button.owl-next:hover {
        right: 35px;
    }
    .hero-slider .owl-nav button:focus {
        outline: none;
    }
    .hero-slider .owl-nav button i {
        font-size: 50px;
        color: #fff;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .hero-slider .owl-item .slider-1 img {
        margin-top: 88px;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-slider .active h1 {
        -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;
    }
    .hero-slider .active h4 {
        -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;
    }
    .hero-slider .active 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;
    }
    .hero-slider .active 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-2 {
        background: url("../images/slider/banner-01.jpg");
        position: relative;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .slider-2 .slider-content {
        padding-right: 43px;
    }
    .slider-3 {
        background: url("../images/slider/banner-02.jpg");
        -webkit-background-size: cover;
        background-size: cover;
        position: relative;
    }
    .banner-2 {
        background: url("../images/banner/slider-bg2.jpg");
        -webkit-background-size: cover;
        background-size: cover;
        position: relative;
    }
    .banner-slider {
        -webkit-background-size: cover;
        background-size: cover;
        position: relative;
    }
    .slider-2:before,
    .slider-3:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .3;
        top: 0px;
    }
    .slider-3 .slider-content {
        padding-left: 40px;
    }
    .hero-slider .slider-arrow img {
        width: auto;
    }
    .slider-wrapper {
        width: 100%;
        height: 750px;
    }
    .slider-inner {
        vertical-align: middle;
    }
    .slider-content {
        margin-top: 60px;
    }
    .slider-content h1 {
        color: #fff;
        font-size: 57px;
        font-weight: 800;
        margin-bottom: 26px;
        font-family: 'Lato', sans-serif !important;
    }
    .slider-content h1 span {
        color: #a47c2c;
    }
    .slider-content p {
        margin-bottom: 40px;
        color: #fff;
        font-size: 20px;
        line-height: 32px;
    }
    .slider-content h5 {
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 2px;
        font-weight: 400;
    }
    .slider-img {
        width: 100%;
    }
    /* home Variation 6 */
    
    .top-bar-dark {
        background: #1b1b21;
    }
    .top-bar-dark .top-social-links {
        color: #a47c2c;
    }
    .top-bar-dark .top-social-links i {
        color: #fff;
    }
    .top-bar-dark .top-contact-info span {
        color: #fff;
    }
    .top-bar-dark .top-contact-info i {
        color: #a47c2c;
    }
    /* Home variation 1 */
    
    .top-bar {
        padding: 10px 0;
        border-bottom: 1px solid #F2F2F2;
    }
    .top-social-links a {
        padding-left: 20px;
    }
    .top-social-links a i {
        display: inline-block;
        font-size: 14px;
        color: #2f2c2c;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .top-social-links a i:hover {
        color: #a47c2c;
    }
    .top-contact-info span {
        font-size: 14px;
        color: #2f2c2c;
        padding-left: 60px;
    }
    .top-contact-info span i {
        padding-right: 10px;
    }
    /* ==========================

        Footer

    =============================*/
    
    .footer {
        padding: 75px 0 0;
        background-color: #151414;
        position: relative;
        z-index: 2;
    }
    .footer-widget p {
        margin-bottom: 27px;
    }
    .footer-widget a {
        color: #878787;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .footer-widget a:hover {
        color: #a47c2c;
    }
    .footer-widget:after {
        content: "";
        display: block;
        clear: both;
    }
    ul {
        list-style-type: none;
    }
    a {
        color: #eee;
    }
    /*--------------
     INTRO SECTION
    -----------------*/
    
    .intro-box {}
    .intro-box h2 {
        margin-bottom: 20px;
    }
    .intro-box h2 span {
        display: block;
        color: #a47c2c;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 22px;
    }
    .read-more {
        color: #000;
        text-decoration: underline;
    }
    .read-more i {
        color: #a47c2c;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    .read-more:hover i {
        padding-left: 5px;
    }
    /*-------------
     ABOUT SECTION
    ---------------*/
    
    #section-about {
        padding-bottom: 60px;
    }
    #section-about.bg-offwhite {
        padding-bottom: 90px;
    }
    img {
        width: 100%;
    }
    .about-intro {
        position: relative;
        margin-bottom: 40px;
        border: 1px solid#eee;
        padding: 20px 30px;
        -webkit-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear;
    }
    .about-intro i {
        position: absolute;
        left: 20px;
        width: 60px;
        height: 60px;
        background: #232323;
        color: #fff;
        border-radius: 100%;
        padding-top: 20px;
        text-align: center;
        font-size: 22px;
    }
    .about-intro h4 {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 20px;
        padding-left: 80px;
        margin-top: 10px;
    }
    .about-intro h4:after {
        position: absolute;
        content: "";
        width: 30px;
        height: 3px;
        left: 28%;
        background: #a47c2c;
        bottom: 0px;
    }
    .text-color {
        color: #a47c2c;
    }
    .about-box p,
    .about-intro.active p {
        margin-top: 32px;
    }
    .about-box a {
        color: #555;
    }
    .about-contact {
        background: #fff;
        padding: 30px;
    }
    .about-contact ul {
        padding-top: 40px;
        margin-top: 30px;
        border-top: 1px solid#eee;
        font-size: 18px;
    }
    .about-contact ul li span {
        font-weight: 700;
    }
    .about-intro.active,
    .about-intro:hover {
        background: #a47c2c;
        color: #fff;
    }
    .about-intro.active h4,
    .about-intro:hover h4 {
        color: #fff;
    }
    .about-intro.active h4:after,
    .about-intro:hover h4:after {
        background: #fff;
    }
    .learn {
        text-decoration: underline;
    }
    .about-intro.active .learn,
    .about-intro:hover .learn {
        color: #fff;
    }
    .section-heading h3 {
        font-size: 36px;
        color: #111;
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    .section-heading h3 span {
        color: #a47c2c;
    }
    /*---------------------
     SERVICE SECTION
    -----------------------*/
    
    #section-service .section-heading {
        margin-bottom: 70px;
    }
    #section-service {
        padding-bottom: 90px;
    }
    .service-intro {
        position: relative;
        overflow: hidden;
    }
    .service-intro span {
        position: absolute;
        font-size: 110px;
        content: "";
        right: 20px;
        color: #444;
        bottom: 43px;
        opacity: 0.1;
    }
    .service-intro img {
        border-radius: 5px;
        margin-bottom: 25px;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        max-width: 100%;
    }
    .service-intro img:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .service-img-bg {
        background: url("../images/services/our-services.jpg") 40% 40%;
        background-size: auto auto;
        height: 1070px;
        position: absolute;
        right: 0px;
        left: 0px;
        top: 0px;
        width: 46%;
        background-size: cover;
    }
    /*---------- 11. Counter Section ----------*/
    
    #counter-wrap {
        background: url("../images/slider/bg-1.jpg") fixed 50% 50%;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 50px 0px 70px;
        position: relative;
    }
    #counter-wrap:before {
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .7;
    }
    .complete-project-area {
        padding-top: 0;
        padding-bottom: 70px;
    }
    .single-project-complete {
        margin-top: 30px;
        text-align: center;
    }
    .single-project-complete h3 {
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: capitalize;
        -webkit-transition: .3s;
        transition: .3s;
        color: #fff;
    }
    .single-project-complete h2 {
        font-size: 40px;
        font-weight: 800;
    }
    .single-project-complete i {
        font-size: 50px;
        color: #a47c2c;
    }
    .counter-num {
        color: #fff;
    }
    /*------------------------
     WORK PORTFOLIO SECTION
    --------------------------*/
    
    .slick-dots {
        bottom: -25px;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #222;
    }
    .item-img {
        position: relative;
        overflow: hidden;
    }
    .item-img {
        margin: 0 5px;
        border-radius: 5px;
    }
    .portfolio-caption {
        margin-top: 20px;
    }
    /*--------------------------
     TESTIMONIAL SECTION
    --------------------------*/
    
    #section-testimonial {
        background: #a47c2c;
        padding-top: 100px;
    }
    .testimonial-info img {
        border-radius: 100%;
        border: 5px solid#fff;
        margin-bottom: 10px;
    }
    .testimonial-info {
        text-align: center;
        background: #a47c2c;
        border-radius: 5px;
    }
    .owl-carousel .owl-item img {
        display: inline-block;
    }
    .testimonial-info p {
        margin: 20px 0px;
        color: #eee;
    }
    .testimonial-info h5 {
        color: #fff;
    }
    .testimonial-info h5 span {
        font-size: 12px;
        display: block;
        font-weight: 400;
        margin-top: 5px;
    }
    /*-------------------
     TEAM SECTION
    --------------------------*/
    
    #section-team {
        padding-bottom: 80px;
    }
    .team-box {
        position: relative;
        overflow: hidden;
    }
    .team-box img {
        width: 100%!important;
    }
    .team-inner {
        background: rgba(234, 27, 27, .9);
        position: absolute;
        border: 0px;
        width: 100%;
        height: 35%;
        left: 0px;
        bottom: -20px;
        opacity: 0;
        text-align: center;
        padding: 20px 0px;
    }
    .team-box,
    .team-inner,
    .team-box img {
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }
    .team-box:hover .team-inner {
        opacity: 1;
        bottom: 0px;
    }
    .team-box:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .team-box ul {
        margin-left: 0px;
        padding-left: 0px;
    }
    .team-box ul li {
        display: inline-block;
        margin-right: 5px;
    }
    .team-box ul li a {
        color: #fff;
    }
    .team-inner,
    .team-inner h4 {
        color: #fff;
    }
    .team-inner h4 {
        font-size: 22px;
    }
    .owl-carousel .owl-dots {
        text-align: center;
    }
    .owl-carousel button.owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #222;
        margin: 0 auto;
        margin-right: 5px;
        margin-top: 30px;
    }
    .owl-carousel button.owl-dot.active {
        background: #a47c2c!important;
    }
    .owl-carousel.testimonial-carousel button.owl-dot.active {
        background: #fff!important;
    }
    .team-carousel .owl-carousel button.owl-dot {}
    /*------------------------
     PROCESS SECTION
    ----------------------*/
    
    .process-intro p {
        margin: 30px 0px;
    }
    .process-inner {
        padding: 20px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        border: 1px solid#eee;
        margin-bottom: 30px;
    }
    .process-inner:hover {
        background: #fff;
    }
    .process-inner img {
        margin-bottom: 30px;
    }
    .process-content p {
        margin-bottom: 40px;
    }
    /*------------------------
    PRICING SECTION
    ----------------------*/
    
    .pricingTable {
        text-align: center;
        border-radius: 8px;
        overflow: hidden;
    }
    .pricingTable .pricingTable-header {
        border: 1px solid#e5e5e5;
    }
    .pricingTable .heading {
        display: block;
        padding: 40px 0 15px;
    }
    .pricingTable .heading:after {
        content: "";
        width: 28%;
        border-top: 1px solid #7c888f;
        display: block;
        margin: 15px auto 0;
    }
    .pricingTable .heading {
        font-size: 24px;
        margin: 0;
        color: #444;
        text-transform: capitalize;
    }
    .pricingTable .price-value {
        font-size: 85px;
        padding: 10px 0 30px 0;
        display: block;
    }
    .pricingTable .month {
        display: block;
        font-size: 16px;
        letter-spacing: 1.5px;
        text-transform: capitalize;
        margin-top: 15px;
        color: #7f909a;
    }
    .pricingTable .btn {
        display: block;
        font-size: 22px;
        background: #eee;
        border: none;
        border-radius: 0;
        padding: 20px 0;
        text-transform: capitalize;
        color: #555;
    }
    @media screen and (max-width: 990px) {
        .pricingTable {
            margin-bottom: 20px;
        }
    }
    .pricingTable .price-value {
        font-size: 85px;
        padding: 32px 0 50px 0;
        margin-top: 22px;
        display: block;
        color: #444;
    }
    .pricingTable .price-value span {
        padding-top: 20px;
    }
    .pricingTable .btn:hover,
    .pricingTable.active .btn {
        background: #a47c2c;
        color: #fff;
    }
    .pricingTable.active .price-value {
        color: #a47c2c;
    }
    /*-----------------------------
      Blog News
    ------------------------------*/
    
    .blog-intro {
        margin-bottom: 60px;
    }
    .blog-content {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .blog-content img {
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .blog-content img {
        display: block;
        max-height: 220px;
        height: auto;
    }
    .blog-content ul li {
        float: left;
        margin-right: 15px;
        font-size: 13px;
    }
    .blog-content ul li i {
        margin-right: 5px;
    }
    .blog-content ul li i,
    .blog-content:hover h4 {
        color: #a47c2c;
    }
    .blog-intro a {
        margin-top: -37px;
    }
    /* --------------------
         Footer Main 
    ------------------------*/
    
    #footer-main {
        padding-bottom: 60px;
    }
    .widget h4 {
        margin-bottom: 20px;
    }
    .widget ul {
        padding-left: 0px;
    }
    .widget ul li {
        margin-bottom: 5px;
    }
    #footer-btm {
        padding: 20px 0px;
    }
    .footer-copy {
        color: #fff;
    }
    .footer-copy span {
        color: #a47c2c;
        font-weight: 700;
    }
    /*-------------------------
         HOME 2 STYLES
    --------------------------*/
    /*Banner -2 */
    
    .text-black h1 {
        color: #333;
    }
    .text-black p {
        color: #777;
    }
    /* Intro styles*/
    
    .about-intro-content h2 {
        font-weight: 700;
        text-transform: capitalize;
    }
    .about-intro-content p {
        margin-bottom: 40px;
    }
    .pl40 {
        padding-left: 60px;
    }
    #section-intro2 .intro-box h2 {
        font-size: 22px;
    }
    #section-intro2 .intro-box {
        margin-bottom: 30px;
    }
    #section-intro2 {
        padding-bottom: 70px;
    }
    /* About Styles*/
    
    .about-intro2 .about-box p {
        margin-top: 20px;
    }
    .about-intro2 {
        text-align: center;
    }
    .about-intro2 i {
        font-size: 40px;
        margin-bottom: 20px;
        color: #a47c2c;
        width: 100px;
        height: 100px;
        text-align: center;
        padding-top: 28px;
        background: #fff;
        border-radius: 100%;
        border: 5px solid#ddd;
    }
    /*------------- -----------
     Home 3 StYles
    -------------------------*/
    
    #section-feature {
        padding-bottom: 60px;
    }
    .feature-intro {
        margin-bottom: 40px;
        position: relative;
    }
    .feature-intro i {
        font-size: 28px;
        margin-bottom: 20px;
        color: #a47c2c;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .feature-box {
        padding-left: 60px;
    }
    .feature-box h4 {
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    /*--------------------- 
        Home 4      
    ----------------------*/
    
    .feature-2 {
        padding: 30px;
        border: 1px solid#eee;
        border-radius: 5px;
        margin-bottom: 30px;
    }
    .feature-2 i {
        font-size: 35px;
        color: #a47c2c;
    }
    .feature-2 .feature-box {
        padding-left: 0px;
        padding-top: 40px;
    }
    .banner-3 .slider-content {
        margin-top: 0px;
    }
    .banner-3 .slider-content h2 {
        font-weight: 300;
        margin-bottom: 30px;
    }
    .banner-3 .slider-content h1 {
        font-size: 100px;
        color: #222;
        margin-bottom: 10px;
    }
    /*--------------------------
     PAGE STYLES
    ---------------------------------*/
    
    #page-banner {
        padding: 70px 0px;
        color: #fff;
    }
    .page-about {
        background: url("../images/banner/banner5.jpg");
    }
    .page-about .page-intro h2 {
        color: #fff;
    }
    .page-intro h2 {
        color: #fff;
    }
    /*----------------------------------------
         SECTION BLOG NEWS STYLES 
    ----------------------------------------*/
    
    .blog-widget {
        margin-bottom: 30px;
        position: relative;
    }
    .inner-box {
        position: relative;
        display: block;
        background: #fff;
    }
    .blog-thumb {
        position: relative;
        padding: 0px;
    }
    .blog-thumb img {
        width: 100%;
    }
    .post-cat li {
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
    }
    .blog-list li i {}
    .blog-date {
        position: absolute;
        background: #2395ec;
        color: #fff;
    }
    .blog-date {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        padding: 13px 15px;
    }
    .blog-date span {
        font-size: 24px;
        line-height: 14px;
        font-weight: 800;
        display: block;
    }
    .blog-date.right-top {
        top: 0px;
        right: 0px;
    }
    .blog-date.btm-left {
        bottom: 0px;
    }
    .blog-date.left-top {
        top: 0px;
    }
    .p60 {
        padding: 60px 40px;
    }
    #section-blog .btn {
        margin-top: 50px;
    }
    /*------------------------------
         BLOG PAGE STYLES
    ----------------------------*/
    
    #blog-wrapper {
        padding: 100px 0px 100px 0px;
    }
    #section-page-header.page-blog {
        background: url("../img/bg/blog-bg.html") center center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #section-page-header.page-contact {
        background: url("../img/bg/contact-bg.html") center center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .post-thumbnail img {
        width: 100%;
    }
    .post-thumbnail {
        position: relative;
    }
    .post-thumbnail .blog-date.right-top {
        top: 3px;
        right: 2px;
    }
    .blog-article-details {
        padding-top: 20px;
        margin-bottom: 30px;
    }
    .blog-article-details h4 {
        font-size: 16px;
        margin: 10px 0px;
    }
    .blog-article-details p.post-comments a {
        color: #969696;
        text-transform: capitalize;
        margin-right: 10px;
        font-size: 14px;
    }
    .blog-article-details p.post-comments a i {
        color: #2395ec;
        margin-right: 10px;
    }
    .blog-article-details a.read-more {
        margin-top: 30px;
        display: block;
    }
    /*Pagination*/
    
    .pagination {
        margin-top: 60px;
    }
    .pagination li {
        border-color: #e5e5e5;
    }
    .pagination li a {
        margin-right: 5px;
        padding: 15px 24px;
        font-size: 18px;
        line-height: 22px;
        color: #222;
        font-weight: 500;
        background: #eee;
    }
    .pagination>li:first-child>a,
    .pagination>li:last-child>a {
        border-radius: 0px!important;
    }
    .pagination>.active>a {
        background: #2395ec;
        border-color: #2395ec;
        color: #fff;
    }
    /* ---------------------------------
        SIDEBAR WIDGET
    ---------------------------*/
    
    .sidebar {
        padding-left: 30px;
    }
    .widget .widget-title {
        color: #303030;
    }
    .search-widget .form-group {
        position: relative;
    }
    .search-widget input {
        border-radius: 0px;
        border-color: #e5e5e5;
        height: 56px;
    }
    .search-widget .form-group i {
        float: right;
        position: absolute;
        content: "";
        top: 20px;
        right: 20px;
        color: #000;
    }
    .widget .widget-title {
        margin-top: 70px;
        position: relative;
        padding-bottom: 15px;
    }
    .widget .widget-title:after {
        position: absolute;
        content: "";
        left: 0px;
        bottom: 0px;
        height: 3px;
        background: #eee;
        width: 100%;
    }
    .widget .widget-title:before {
        position: absolute;
        content: "";
        left: 0px;
        bottom: 0px;
        height: 3px;
        background: #2395ec;
        width: 50px;
        z-index: 2;
    }
    /* Menu Widget */
    
    .menu-widget li {
        border-bottom: 1px solid#e5e5e5;
        padding: 20px 0px;
    }
    .menu-widget a {
        color: #777777;
        font-size: 14px;
        line-height: 24px;
    }
    /*  Popular POST WIDGET */
    
    .recent-widget {}
    .small-post-thumbnail {
        float: left;
        margin-right: 15px;
    }
    .post-list.media {
        margin-top: 30px;
    }
    .post-title {
        color: #303030;
        font-weight: 600;
        line-height: 16px;
        display: block;
    }
    .post-date {
        color: #2395ec;
        text-transform: uppercase;
        font-weight: 600;
    }
    /* Social widget */
    
    .widget-social {}
    .post-subscribe a {
        display: block;
        float: left;
        font-size: 18px;
        margin-right: 15px;
    }
    .post-subscribe a i {
        display: block;
        width: 44px;
        height: 44px;
        padding-top: 13px;
        text-align: center;
        color: #fff;
    }
    .post-subscribe a i.fa-facebook {
        background: #4c66a4;
    }
    .post-subscribe a i.fa-skype {
        background: #2395ec;
    }
    .post-subscribe a i.fa-rss {
        background: #ffa133;
    }
    .post-subscribe h5 {
        font-family: "Hind", sans-serif;
    }
    .post-subscribe h5 span {
        font-size: 13px;
        color: #777777;
        display: block;
    }
    /* WIDGET TAGS  */
    
    .widget-tags {}
    .widget-tags a {
        display: inline-block;
        background: #2395ec;
        color: #fff;
        text-align: center;
        font-weight: 600;
        padding: 10px 19px;
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 24px;
    }
    /* -------------------
        BLOG SINGLE STYLES
    -------------------------*/
    
    .blog-article-details p {
        color: #777777;
        margin-bottom: 35px;
    }
    blockquote {
        border-left: 3px solid#2395ec;
        margin: 50px 0px;
        padding: 5px 0px 5px 25px!Important;
    }
    blockquote h4 {
        font-family: "Hind", sans-serif;
        font-weight: 500;
        font-size: 20px!important;
        line-height: 30px;
        color: #000;
    }
    .post-share-widget {
        margin: 25px 0px;
    }
    .post-share-widget h4 {
        font-size: 20px;
        line-height: 22px;
    }
    .post-share-widget ul {
        float: right;
        margin: 17px 0px;
    }
    .post-share-widget li a {
        color: #303030;
    }
    /* COMMENT SECTION */
    
    .blog-comments {
        margin-top: 35px;
    }
    .comment-heading {
        font-family: "Hind", sans-serif;
        font-size: 26px;
        line-height: 22px;
    }
    .comment-img {
        width: 15%;
    }
    .comment-content li:last-child {
        float: right;
    }
    .comment-content li {
        font-size: 11px;
        line-height: 24px;
        font-weight: 500;
        color: #969696;
    }
    .comment-content li i {
        margin-right: 5px;
    }
    .comment-content li h4 {
        margin-bottom: 10px;
    }
    .comment-content li:last-child i {
        margin-left: 10px;
    }
    .comment-wrap {
        margin: 40px 0px;
    }
    .comment-content {
        background: #fafafa;
        padding: 30px 30px;
        border-radius: 0px;
    }
    .meadia-body {
        border-radius: 0px;
    }
    .comment-nested {
        margin-left: 100px;
    }
    /* LEAVE A COMMENT SECTION */
    
    .blog-form {
        margin-top: 90px;
    }
    .blog-form label {
        font-weight: 500;
    }
    .blog-form .form-group {
        margin: 30px 0px 40px 0px;
    }
    .blog-form .slider-btn {
        padding: 12px 40px;
        border-radius: 3px;
    }
    .widget .widget-title,
    .post-subscribe {
        margin-bottom: 20px;
    }
    /*----------------------------
      blog-single
    -------------------------------*/
    
    .blog-single-content {}
    .blog-single-content h3 {
        margin-bottom: 20px;
    }
    .blog-single-content ul {
        padding-left: 0px;
        margin-top: 30px;
    }
    .blog-single-content ul li {
        padding: 5px 0px;
    }
    .blog-single-content ul li span {
        font-weight: 700;
        color: #222;
    }
    .single-blog-details {
        margin-top: 50px;
    }
    /* -------------------------
      Contact STYLES
    ------------------------------*/
    
    #section-contact {
        padding-top: 100px;
    }
    #contact {
        padding-top: 100px;
        padding-bottom: 90px;
    }
    .contact-content h3 {
        margin-bottom: 30px;
    }
    .contact-content p.lead span {
        display: block;
        color: #222;
        margin: 7px 0px;
    }