/*
Theme Name: Eco Green Pro
Theme URI: https://www.theclassictemplates.com/trial/eco-green-pro/
Author: Classic Template
Author URI: https://www.themeignite.com/
Description: The Eco is a beautifully crafted, multipurpose theme ideal for businesses, blogs, and consultancy services with an eco-friendly or sustainability-focused mission. Designed with a minimal and elegant layout, this theme offers a professional and sophisticated appearance that suits a variety of industries. Whether you’re a green consultant, environmental blogger, or developer launching a product-based website, this theme delivers the perfect mix of form and function. Built with responsive and mobile-friendly technology, it guarantees smooth viewing across all devices and screen sizes. The theme is retina-ready, offering crisp visuals and an engaging user experience. Powered by Bootstrap and supported with clean, optimized code, it ensures faster page load time and top performance. The inclusion of a testimonial section, interactive banner, animated call-to-action (CTA) buttons, and an appealing team showcase enhances your credibility and customer trust. With built-in shortcodes, setting up features and sections becomes quick and easy. Designed to be developer-friendly, this theme allows flexible customization with plenty of personalization options and secure, clean code for extended functionality. Whether you need a simple blog or a feature-rich site, the theme delivers modern aesthetics and powerful features to build an impressive, interactive, and luxurious online presence.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: eco-green-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Eco Green Pro WordPress Theme has been created by Classic Template(Classic Template.net), 2018.
Eco Green Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/

    .preloader{
      display: flex;
      background: #fc7c15;
      height: 100%;
      width: 100%;
      left: 0;
      bottom: 0;
      top: 0;
      position: fixed;
      z-index: 99999;
    }
    .preloader .loading-dot{
        width: 15px;
        height: 15px;
        margin: auto;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        animation: load 3s infinite linear;
    }
    @keyframes load{
        0% {
            transform: rotate(0deg); 
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        25%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        50%{
            box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        70%{
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        75%{
            width:10px;
            height:10px;
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        80%{
            background-color: #fff;
            width:40px;
            height:40px;
            transform: rotate(360deg); 
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        85%{
            background-color: #fff; 
            width:40px;
            height:40px;
            transform: rotate(360deg);
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        90%{
            background-color: #fff; 
            width:10px;
            height:10px;
            transform: rotate(360deg); 
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        95%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        100%{
            transform: rotate(360deg);
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
    }
    #menu-item-146 a,#menu-item-147 a {
        background: #2A7D2E;
        padding: 8px 16px;
        border-radius: 23px !important;
        color: #fff;
    }
    
    #menu-item-146 a:hover, #menu-item-147 a:hover {
        background: #000;
    }
    .mtsnb .mtsnb-container {
        padding: 5px 0px;
    }
    .mtsnb .notification-bar a {
        font-weight: 600;
        background: #111;
        border-radius:6px;
        color: #fff;
        padding: 5px 8px;
        margin: 5px 0 5px 10px;
        display: inline-block;
    }
    div#content_header {
        top: 90px;
    }
    .home #header_navigation,
    #header_navigation {
        top: 50px;
    }
    .sidenav {
            top: 90px;
        }
    @media only screen and (min-width: 250px) and (max-width: 767px) {
        .sidenav {
            top: 120px;
        }
        .home #header_navigation,
    #header_navigation {
        top: 0px;
    }
        div#content_header {
        top: 120px;
    }
        body.has-mtsnb {
        padding-top: 0px !important;
    }
    }
    @media only screen and (max-width: 693px){    
        body.has-mtsnb {
            padding-top: 0px !important;
        }
    }
    @media only screen and (max-width: 427px){   
            .sidenav {
            top: 145px;
        }
            div#content_header {
        top: 145px;
    }
        }
        @media only screen and (max-width: 481px){    
            .inner-header {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }  }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .home #header_navigation, #header_navigation {
            top: 80px;
        }
        .sidenav {
            top: 90px;
        }
    }