#preloader{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: #fff;z-index: 999999;transition: 0.3s ease opacity;text-align: center;width: 100%;height: 100%}
#preloader:before{content: "";width: 80px;height: 80px;border: 3px solid #2fad38;display: block;border-radius: 50%;position: absolute;top: 50%;left: 50%;opacity: 0;transform: translate(-50%, -50%);animation-name: LoaderCicle;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear}
#preloader:after{content: "";width: 80px;height: 80px;border: 3px solid #2fad38;display: block;border-radius: 50%;position: absolute;top: 50%;left: 50%;opacity: 0;transform: translate(-50%, -50%);animation-name: LoaderCicle;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear;animation-delay: 1s}
@keyframes LoaderCicle{0%{width: 0;height: 0;opacity: 0}
10%{width: 10px;height: 10px;opacity: 1}
80%{width: 60px;height: 60px;opacity: 0.1}
100%{width: 70px;height: 70px;opacity: 0}}
a:hover,
a:active{color: #2fad38;text-decoration: none}
.min-height-300{min-height: 300px}
.primary-overlay[data-overlay-dark]:before{background: #2fad38}
.secondary-overlay[data-overlay-dark]:before{background: #2fad38}
.dark-overlay[data-overlay-dark]:before{background: #20252d}
.left-overlay-dark[data-overlay-dark]:before{background: rgba(32, 37, 45, 0.76);background: linear-gradient(-90deg, transparent, #20252d 65%)}
.text-primary,
.text-primary-hover:hover{color: #2fad38 !important}
.bg-primary{background-color: #2fad38 !important}
.text-secondary,
.text-secondary-hover:hover{color: #d7c12f !important}
.bg-secondary{background-color: #2fad38 !important}
.bg-dark{background-color: #20252d !important}
.text-dark{color: #20252d !important}
.bg-white-opacity-light{background-color: rgba(255, 255, 255, 0.2)}
.form-control{border-radius: 0}
.common-letter-spacing{letter-spacing: 0.2em}
.min-vh-100{min-height: 100vh}
.min-width-100{min-width: 100vh}
.height-300{height: 300px}
.height-350{height: 350px}
.section-bg{position: absolute;background-size: cover;top: 0;left: 0;width: 100%;height: 360px;background-position: center center;background-repeat: no-repeat}
.scroll-to-top{font-size: 20px;text-align: center;color: #fff;text-decoration: none;position: fixed;bottom: 20px;right: 20px;display: none;background: #000;border: 1px solid #2a2a2a;width: 35px;height: 35px;line-height: 32px;z-index: 9999;outline: 0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all 0.3s ease}
.scroll-to-top i{color: #fff}
.scroll-to-top:hover{color: #20252d;background: #fff}
.scroll-to-top:hover i{color: #20252d}
.scroll-to-top:visited{color: #20252d;text-decoration: none}
.list-style1 li{display: flex;justify-content: space-between;border-bottom: 1px solid #dee2e6;padding: 20px 35px}
.list-style1 li:last-child{border-bottom: unset}
@media screen and (max-width: 575px){.list-style1 li{padding: 20px}}
.list-style2{list-style: none;padding-left: 0}
.list-style2 li{line-height: 32px;padding-left: 30px;position: relative;margin-bottom: 8px}
.list-style2 li:last-child{margin-bottom: 0}
.list-style2 li:before{content: '\f058';font-family: "Font Awesome 6 Free";font-size: 18px;position: absolute;top: 0;left: 0;font-weight: 700;line-height: 35px;color: #2fad38}
.list-style2.second li{color: #fff}
.list-style2.second li:before{color: #fff}
.btn-style1{display: inline-flex;justify-content: center;align-items: center;text-align: center;background: #2fad38;color: #fff;border: 2px solid #2fad38;line-height: 1;font-weight: 800;position: relative;outline: none;transition: all 0.4s ease;overflow: hidden;white-space: nowrap;font-size: 16px !important;padding: 18px 28px;z-index: 9;border-radius: 0;text-transform: uppercase}
.btn-style1:after{content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 150%;z-index: -1;transition: all 0.35s ease 0s;background: #ffffff;-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);transform: translateX(-50%) translateY(-50%) rotate(-25deg)}
.btn-style1:hover, .btn-style1:active, .btn-style1:focus{color: #fff !important;border-color: #2fad38}
.btn-style1:hover:after, .btn-style1:active:after, .btn-style1:focus:after{height: 450%;transition: all 1s ease 0s;background: #2fad38}
.btn-style1.primary{background: #2fad38;color: #fff;border: 2px solid #2fad38}
.btn-style1.primary:after{background: #ffffff}
.btn-style1.primary:hover, .btn-style1.primary:active, .btn-style1.primary:focus{color: #fff !important;border-color: #2fad38}
.btn-style1.primary:hover:after, .btn-style1.primary:active:after, .btn-style1.primary:focus:after{background: #2fad38}
.btn-style1.white{background: #fff;color: #2fad38;border: 2px solid #fff}
.btn-style1.white:after{background: #ffffff}
.btn-style1.white:hover, .btn-style1.white:active, .btn-style1.white:focus{color: #fff !important;border-color: #2fad38}
.btn-style1.white:hover:after, .btn-style1.white:active:after, .btn-style1.white:focus:after{background: #2fad38}
.btn-style1.medium{padding: 14px 28px !important;font-size: 14px !important}
.btn-style1.small{padding: 10px 18px !important}
.btn-style2{color: #fff !important;padding: 18px 40px !important;font-size: 16px;font-weight: 700;background-color: #2fad38;transition: all 0.4s ease}
.btn-style2:hover{background-color: #2fad38}
.btn-style2.medium{padding: 12px 28px !important;font-size: 14px}
.btn-style2.small{padding: 8px 28px !important;font-size: 14px}
.btn-style2.secondary{background-color: #2fad38}
.btn-style2.secondary:hover{background-color: #fff;color: #2fad38}
.top-bar-info{display: inline-block;vertical-align: middle}
.top-bar-info ul{margin-bottom: 0}
.top-bar-info li{font-weight: 500;color: #fff;list-style-type: none;font-size: 14px;padding: 0 5px 0;display: inline-block;margin-bottom: 0}
.top-bar{display: block;position: relative;z-index: 999;padding: 7px 0}
.top-bar-info li i{font-size: 16px;color: #fff;margin-right: 8px;margin-top: 0;display: inline-block;vertical-align: text-bottom}
.top-social-icon{padding: 0;float: right;margin: 0}
.top-social-icon li{font-size: 14px;list-style-type: none;float: left;text-align: center;margin: 0;padding: 0 7px}
.top-social-icon li:last-child{padding-right: 0}
.top-social-icon li:last-child a{padding-right: 0}
.top-social-icon li a{color: #fff;line-height: 28px;-webkit-transition-duration: .3s;transition-duration: .3s;padding: 0 3px}
.top-social-icon li a:hover{color: rgba(255, 255, 255, 0.65)}
.navbar-nav li.current > a{color: #2fad38}
.navbar-nav li.active > a{color: #2fad38}
.attr-nav > ul > li > a.butn{color: #fff}
.navbar > ul > li.current > a:after{border-color: transparent #2fad38 #2fad38 transparent}
.menu_area-light .navbar-nav li.current > a{color: #2fad38}
.menu_area-light .navbar-nav li.active > a{color: #2fad38}
.menu_area-light .navbar > ul > li.current > a:after{border-color: transparent #2fad38 #2fad38 transparent}
.menu_area-light.scrollHeader .navbar-nav li.current > a{color: #2fad38}
.menu_area-light.scrollHeader .navbar-nav li.current > a:hover{color: #2fad38}
.menu_area-light.scrollHeader .navbar-nav li.active > a{color: #2fad38}
.menu_area-light.scrollHeader .navbar > ul > li.current > a:after{border-color: transparent #2fad38 #2fad38 transparent}
.navbar ul ul > li.has-sub:hover > a:before{top: 15px}
.navbar ul ul li.has-sub > a:before{top: 16px;right: 26px;width: 2px;height: 10px;background: #2fad38}
.navbar ul ul li.has-sub > a:after{top: 20px;right: 22px;width: 10px;height: 2px;background: #2fad38}
.header-style3 .navbar-nav li.current > a{color: #2fad38}
.header-style3 .navbar-nav li.active > a{color: #2fad38}
@media screen and (min-width: 992px){.menu_area-light .navbar ul ul li.active > a{color: #2fad38}
.menu_area-light .navbar > ul > li.has-sub > a:hover:after{border-color: #2fad38}
.menu_area-light .navbar-nav li.has-sub a:hover{color: #2fad38}
.menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover{color: #2fad38}
.header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover{color: #2fad38}
.header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style2.scrollHeader .navbar-nav li.current > a{color: #2fad38}
.header-style2.scrollHeader .navbar-nav li.current > a:hover{color: #2fad38}
.header-style2.scrollHeader .navbar > ul > li.current > a:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style2 .navbar > ul > li.has-sub.current > a:hover:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style2 .navbar > ul > li.has-sub > a:hover:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style2 .navbar > ul > li.has-sub > a:active:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style2 .navbar > ul > li.has-sub > a:focus:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style2 .navbar ul ul li.active > a{color: #2fad38}
.header-style2 .navbar-nav li.has-sub a:hover{color: #2fad38}
.header-style2 .navbar-nav li.has-sub a:active{color: #2fad38}
.header-style2 .navbar-nav li.has-sub a:focus{color: #2fad38}
.header-style2 .navbar-nav li.current > a{color: #2fad38}
.header-style2 .navbar-nav li.active > a{color: #2fad38}
.navbar-nav li > ul{min-width: 270px;-webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1)}
.navbar ul ul li{margin-bottom: 0;padding: 0}
.navbar-nav li > ul{padding: 15px 0;margin-left: 0}
.navbar-nav li a{font-size: 17px;font-weight: 600;padding: 8px 42px 8px 32px}
.navbar-nav > li > a{font-size: 15px;font-weight: 800;padding: 21px 0.5rem}
.navbar-nav li.has-sub > ul:after{position: absolute;content: '';z-index: 1;height: 13px;width: 11px;bottom: 0px;right: 0px;background: #2fad38}
.navbar-nav li.has-sub > ul:before{position: absolute;content: '';z-index: 1;height: 9px;width: 8px;bottom: 12px;right: 11px;background: #2fad38}
.header-style3 .navbar-nav li.active > a{color: #2fad38}
.header-style3 .navbar-nav > li > a:hover, .header-style3 .navbar-nav > li > a:active, .header-style3 .navbar-nav > li > a:focus{color: #2fad38}
.header-style3 .navbar ul ul li.active > a{color: #2fad38}
.header-style3 .navbar-nav li.has-sub a:hover, .header-style3 .navbar-nav li.current > a{color: #2fad38}
.header-style3 .navbar-nav > li.has-sub > a:hover{color: #2fad38}
.header-style3 .navbar > ul > li.has-sub > a:hover:after, .header-style3 .navbar > ul > li.current > a:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style3.scrollHeader .navbar-nav > li.has-sub > a:hover{color: #2fad38}
.header-style3.scrollHeader .navbar > ul > li.has-sub > a:hover:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style3.scrollHeader .navbar-nav > li.active > a{color: #2fad38}
.header-style3.scrollHeader .navbar-nav li.current > a{color: #2fad38}
.header-style3.scrollHeader .navbar-nav li.current > a:hover{color: #2fad38}
.header-style3.scrollHeader .navbar > ul > li.current > a:after{border-color: transparent #2fad38 #2fad38 transparent}}
@media screen and (max-width: 991px){.header-style1 .navbar-toggler{background: #2fad38}
.header-style1 .navbar-toggler:after{border-top: 2px solid #fff;border-bottom: 2px solid #fff}
.header-style1 .navbar-toggler:before{background: #fff}
.header-style1 .navbar-toggler.menu-opened:after{background: #fff}
.header-style1 .navbar-toggler.menu-opened:before{background: #fff}}
@media screen and (max-width: 991px){.header-style3 .navbar-toggler{background: #2fad38}
.header-style3 .navbar-toggler:after{border-top: 2px solid #fff;border-bottom: 2px solid #fff}
.header-style3 .navbar-toggler:before{background: #fff}
.header-style3 .navbar-toggler.menu-opened:after{background: #fff}
.header-style3 .navbar-toggler.menu-opened:before{background: #fff}}
.header-style2 .navbar-nav li.current > a{color: #2fad38}
.header-style2 .navbar > ul > li.current > a:after{border-color: transparent #2fad38 #2fad38 transparent}
.header-style2.scrollHeader .navbar-nav li.current > a{color: #2fad38}
.header-style2.scrollHeader .navbar-nav li.current > a:hover{color: #2fad38}
.header-style2.scrollHeader .navbar > ul > li.current > a:after{border-color: transparent #2fad38 #2fad38 transparent}
@media screen and (min-width: 992px){.header-style2 .navbar ul ul li.active > a{color: #2fad38}
.header-style2 .butn.secondary:before{background: #ffffff}
.header-style2 .butn.secondary:hover{color: #18455d !important}
.header-style2 .butn.secondary:focus{color: #18455d !important}
.header-style2 .butn.secondary:active{color: #18455d !important}
.header-style2.scrollHeader .butn.secondary:before{background: #2fad38}
.header-style2.scrollHeader .butn.secondary:hover{color: #fff !important}
.header-style2.scrollHeader .butn.secondary:focus{color: #fff !important}
.header-style2.scrollHeader .butn.secondary:active{color: #fff !important}}
.bottom-block{background-color: #20252d;display: inline-block;position: absolute;bottom: 0;left: 0;z-index: 9}
.banner-video{height: 130px;width: 200px}
.slider-fade1 .owl-item{height: 100vh;position: relative}
.slider-fade1 .item{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-size: cover;background-position: center center}
.slider-fade1 h1{margin-bottom: 25px;animation-delay: 0.8s}
.slider-fade1 p{animation-delay: 1.2s}
.slider-fade1 a{animation-delay: 1.6s}
.slider-fade1 .owl-dots{position: absolute;bottom: 40px;right: 50px;margin: 0 !important}
.main-banner .video_btn{border-radius: 0}
.main-banner .video_btn:before, .main-banner .video_btn:after{content: none !important}
.slider-fade1.owl-theme .owl-dots{counter-reset: dots;font-size: 1.7rem;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff}
.slider-fade1.owl-theme .owl-dots .owl-dot{position: relative}
.slider-fade1.owl-theme .owl-dots .owl-dot.active{-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #2fad38}
.slider-fade1.owl-theme .owl-dots .owl-dot:before{counter-increment: dots;content: counter(dots, decimal-leading-zero);position: absolute;right: 8px;font-weight: 800;z-index: 2;font-size: 34px}
.slider-fade1.owl-theme .owl-dots .owl-dot span{background: transparent;height: 60px;width: 50px;border-radius: 0;position: relative;margin: 0 20px 0 0}
.slider-fade1.owl-theme .owl-dots .owl-dot span:before{position: absolute;content: '';width: 8px;height: 8px;right: -31px;top: 26px;background-color: #2fad38}
.slider-fade1.owl-theme .owl-dots .owl-dot:last-child span:before{content: none}
.slider-fade1.owl-theme .owl-dots .owl-dot.active span, .slider-fade1.owl-theme .owl-dots .owl-dot:hover span{background-color: transparent}
.main-title h1{font-size: 100px}
@media screen and (max-width: 1399px){.main-title h1{font-size: 90px}}
@media screen and (max-width: 1199px){.main-title h1{font-size: 70px}}
@media screen and (max-width: 991px){.main-title h1{font-size: 50px}}
@media screen and (max-width: 767px){.main-title h1{font-size: 35px}}
.section-title span{position: relative;padding-left: 25px;font-weight: 800;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;color: #2fad38}
.section-title span:before{content: '';width: 11px;height: 11px;position: absolute;background-color: #2fad38;left: 0;bottom: 0}
.section-title span:after{content: '';width: 8px;height: 8px;position: absolute;bottom: 11px;left: 7px;background-color: #2fad38}
.section-title-02 span.line-one{width: 40px;height: 2px;background-color: #2fad38;display: block;margin-bottom: 3px}
.section-title-02 span.line-two{width: 60px;height: 4px;background-color: #2fad38;display: block;margin-bottom: 15px}
.section-title-02 span.line-one.center{margin: 0 auto 3px}
.section-title-02 span.line-two.center{margin: 0 auto 15px}
.page-title-section{padding: 160px 0 90px 0;text-align: center}
.page-title-section.style1{padding: 150px 0}
.page-title-section h1{line-height: 1;color: #fff;margin-bottom: 20px;text-transform: uppercase;font-weight: 800}
.page-title-section ul{margin: 0;padding: 0;list-style: none;border-radius: 50rem;display: inline-block;line-height: 1.2}
.page-title-section ul li{display: inline-block}
.page-title-section ul li:last-child{opacity: 0.7}
.page-title-section ul li:last-child a{color: #ffffff}
.page-title-section ul li:after{content: '\f45c';font-weight: 700;vertical-align: middle;color: #ffffff;font-size: 6px;font-family: "Font Awesome 6 Free";padding: 0 5px 0 10px}
.page-title-section ul li:last-child:after{content: none}
.page-title-section ul li a{color: #ffffff;font-size: 18px;font-weight: 700;text-transform: capitalize;letter-spacing: 1px}
.page-title-section .shape-1{padding: 20px;background: #fff;z-index: 3;bottom: 73px;left: 52px}
.line-animated{width: 68%;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 99;pointer-events: none}
.line-animated > span{background: rgba(255, 255, 255, 0.09);width: 1px;height: 100%;position: absolute;left: 0%;top: 0}
.line-animated > span:before{content: "";background-image: linear-gradient(0deg, #fff, transparent);width: 1px;height: 100px;position: absolute;top: 0;left: 0px;z-index: -1;-webkit-animation: line-animation 9s linear infinite alternate;animation: line-animation 9s linear infinite alternate}
.line-animated > span:nth-child(2){left: 25%}
.line-animated > span:nth-child(2):before{content: "";-webkit-animation: line-animation 9s linear 1s infinite alternate;animation: line-animation 9s linear 1s infinite alternate}
.line-animated > span:nth-child(3){left: 50%}
.line-animated > span:nth-child(3):before{content: "";-webkit-animation: line-animation 9s linear 2s infinite alternate;animation: line-animation 9s linear 2s infinite alternate}
.line-animated > span:nth-child(4){left: 75%}
.line-animated > span:nth-child(5){left: 100%}
.line-animated > span:nth-child(5):before{content: "";-webkit-animation: line-animation 9s linear 1s infinite alternate;animation: line-animation 9s linear 1s infinite alternate}
@-webkit-keyframes line-animation{from{top: 0}
to{top: 100%}}
@keyframes line-animation{from{top: 0}
to{top: 100%}}
@media screen and (max-width: 1199px){.page-title-section{padding: 150px 0 80px 0}
.page-title-section h1{font-size: 52px;margin-bottom: 10px}}
@media screen and (max-width: 991px){.page-title-section{padding: 140px 0 100px 0}
.page-title-section.style1{padding: 130px 0}
.page-title-section h1{font-size: 48px}}
@media screen and (max-width: 575px){.page-title-section{padding: 120px 0 90px 0}
.page-title-section.style1{padding: 100px 0}
.page-title-section h1{font-size: 36px}}
.card-style-01{position: relative;transition: all .5s ease;overflow: hidden}
.card-style-01 .card-content{margin-left: 20px;margin-right: 20px;margin-top: -40px;background: #fff;position: relative;z-index: 9;padding: 30px 30px 25px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);margin-bottom: 30px}
.card-style-01 .card-content .content-inner{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.card-style-01:hover .card-content-hover, .card-style-01:focus .card-content-hover, .card-style-01.active .card-content-hover{-webkit-transform: scale(1);transform: scale(1);opacity: 1}
.card-style-01 .card-content-hover{position: absolute;top: 0;left: 0;width: 100%;height: calc(100% - 15px);z-index: 9;display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all .35s;transition: all .35s;-webkit-transition-delay: .1s;transition-delay: .1s;opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9)}
.card-style-01 .card-content-hover .content-inner{position: relative;z-index: 9;padding: 20px 15px;max-width: 280px;margin: 0 auto}
.card-style-01 .card-content-hover .card-background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 6;-webkit-transition: all .35s;transition: all .35s}
.card-style-01 .card-content-hover .card-background img{position: absolute;height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 50%;left: 50%}
.card-style-01 .card-content-hover .card-background:after{content: '';width: 100%;height: 100%;background: #2fad38;opacity: .8;position: absolute;top: 0;left: 0;z-index: 1}
.card-style-02:before{background-color: #2fad38;height: 100%;width: 100%;content: '';position: absolute;transition: all 0.5s ease 0s;left: 0;top: 0;opacity: .8}
.card-style-02.second:before{background-color: #d7c12f}
.card-style-02:hover:before{opacity: 1}
.card-style-02 .card-count{position: absolute;font-size: 90px;right: 0;transform: rotate(272deg);top: 20px;line-height: 1;color: #fff}
.card-style-02 .card-link{height: 40px;width: 40px;line-height: 40px;background-color: #fff;display: inline-block;text-align: center;border-radius: 50%}
.card-style-02 .shape-1{height: 35px;width: 35px;background: #20252d;position: absolute;bottom: 0;right: 0}
.card-style-02 .shape-2{height: 20px;width: 20px;background: #20252d;position: absolute;bottom: 35px;right: 23px}
@media screen and (max-width: 991px){
.card-style-02 .shape-1, .card-style-02 .shape-2{background: #fff}
.card-style-02 .card-count{font-size:60px!important;transform: rotate(0deg)!important;}

}
.card-style-03{background-color: #2fad38;border: none;position: relative;border-radius: 0;overflow: hidden}
.card-style-03 .bg-icon{position: absolute;font-size: 120px;color: #fff;opacity: .1;right: -40px;bottom: -40px;transform: rotate(346deg)}
.card-style-03:after{content: '';width: 14px;height: 14px;position: absolute;background: #fff;bottom: 20px;left: 13px}
.card-style-03:before{content: '';width: 20px;height: 20px;position: absolute;background: #fff;bottom: 0;left: 0}
.card-style-04 .card-list{position: absolute;bottom: -15px;color: #ffffff;background: #2fad38;padding: 5px 20px}
.card-style-04 .card-list:after{content: '';height: 8px;width: 8px;background: #fff;position: absolute;right: -1px;bottom: 0}
.card-style-05 .card-image{position: relative;overflow: hidden}
/*.card-style-05 .card-image::before{position: absolute;content: "";top: 100%;left: 0;background-color: rgba(34, 159, 114, 0.6);height: 100%;width: 100%;-webkit-transition: all .4s ease .2s;transition: all .4s ease .2s;z-index: 1;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden}*/
.card-style-05 .card-image:hover::before{top: 0;opacity: 1;visibility: visible;-webkit-transition: all .4s ease 0s;transition: all .4s ease 0s}
.card-style-05 .card-image:hover .hover-area{opacity: 1;visibility: visible;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease .1s;transition: all .3s ease .1s}
.card-style-05 .card-image .hover-area{position: absolute;top: 50%;-webkit-transform: translateY(-20%);transform: translateY(-20%);z-index: 2;width: 100%;opacity: 0;visibility: hidden;-webkit-transition: all .3s ease;transition: all .3s ease}
.card-style-05 .team-social{list-style: none;margin-bottom: 0;padding: 0}
.card-style-05 .team-social li{display: inline-block}
.card-style-05 .team-social > li > a{display: inline-block;color: #2fad38;width: 40px;height: 40px;line-height: 40px;font-size: 16px;background-color: #fff;text-align: center;-webkit-transition: all .3s;transition: all .3s}
.card-style-06 .service-icon{position: absolute;bottom: -28px;right: 0;width: 100px;height: 100px;background-color: #2fad38;z-index: 1;display: flex;justify-content: center;align-items: center;line-height: 0;-webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.card-style-06 .service-icon i{font-size: 50px;color: #fff}
.card-style-06 .card-body .service-btn a{position: absolute;bottom: 51px;right: -51px;transform: rotate(90deg);background-color: #2fad38;padding: 0 35px;color: #fff;line-height: 45px;font-size: 12px;text-transform: uppercase;font-weight: 700}
.card-style-06 .card-body h3 a{font-weight: 800}
.card-style-06:hover .service-icon{background-color: #2fad38}
.card-style-06:hover .card-body .service-btn a{background-color: #2fad38}
.card-style-06:hover .service-icon i{-webkit-animation: updown 0.4s ease-in-out 50ms;animation: updown 0.4s ease-in-out 50ms}
@-webkit-keyframes updown{0%{-webkit-transform: translateY(0);transform: translateY(0)}
40%{-webkit-transform: translateY(-5px);transform: translateY(-5px)}
100%{-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes updown{0%{-webkit-transform: translateY(0);transform: translateY(0)}
40%{-webkit-transform: translateY(-5px);transform: translateY(-5px)}
100%{-webkit-transform: translateY(0);transform: translateY(0)}}
@media screen and (max-width: 991px){.card-style-06 .service-icon{width: 70px;height: 70px}
.card-style-06 .service-icon i{font-size: 35px}}
@media screen and (max-width: 767px){
.card-style-06 .card-body .service-btn a{bottom: 35px;}
.card-style-02 .card-count{font-size:60px!important;transform: rotate(0deg)!important;}
}
.card-style-07 .blog-date{position: absolute;bottom: 75px;right: -76px;transform: rotate(90deg);background-color: #2fad38;padding: 0 30px;color: #fff;line-height: 45px;font-size: 12px;text-transform: uppercase;font-weight: 700;letter-spacing: 0.4em}
.card-style8 .card-body .icon-holder .box{position: absolute;top: -6px;right: -3px;border-radius: 50px;width: 40px;height: 40px;background-color: rgba(215, 193, 47, 0.2);transition: all 500ms ease}
.card-style8:hover .icon-holder .box{background-color: #2fad38}
.card-style8 .card-body .icon-holder img{width: 65px;height: auto;position: relative;z-index: 9;transform: scale(1);transform-style: preserve-3d;transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52)}
.card-style8 .card-body .icon-holder span:before, .card-style8 .card-body .icon-holder img:before{position: relative;display: inline-block;color: #2fad38;font-size: 65px;line-height: 65px;transform: scale(1);transform-style: preserve-3d;transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52)}
.card-style8:hover .icon-holder span:before,
.card-style8:hover .icon-holder img{color: #232323;transform: scale(0.9)}
.card-style8 .card-img-top{border-top-left-radius: calc(0.25rem - 1px);border-top-right-radius: calc(0.25rem - 1px)}
.video_btn{position: relative;height: 80px;width: 80px;background: #2fad38;text-align: center;display: inline-block;line-height: 80px;color: #fff;border-radius: 50%;transition-duration: 0s;-ms-transition-duration: 0s;-moz-transition-duration: 0s;-webkit-transition-duration: 0s;-o-transition-duration: 0s}
.video_btn:hover i, .video_btn:focus i{color: #fff}
.video_btn:after{content: "";position: absolute;left: 50%;top: 50%;height: 80px;width: 80px;border: 2px solid #2fad38;border-radius: 50%;transform: translate(-50%, -50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);opacity: .3;animation: pulse-border 1500ms ease-out infinite}
.video_btn:before{content: "";position: absolute;left: 50%;top: 50%;height: 95px;width: 95px;border: 2px solid #2fad38;border-radius: 50%;transform: translate(-50%, -50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);opacity: .3;animation: pulse-border 1500ms ease-out infinite}
.video_btn.small{width: 50px;height: 50px;line-height: 50px}
.video_btn.small:after{height: 50px;width: 50px}
.video_btn.small:before{height: 65px;width: 65px}
@keyframes pulse-border{0%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1}
100%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0}}
@media screen and (max-width: 1199px){.video_btn{height: 75px;width: 75px;line-height: 75px}
.video_btn:after{height: 75px;width: 75px}
.video_btn:before{height: 90px;width: 90px}}
@media screen and (max-width: 991px){.video_btn{height: 70px;width: 70px;line-height: 70px}
.video_btn:after{height: 70px;width: 70px}
.video_btn:before{height: 85px;width: 85px}
@keyframes pulse-border{0%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1)}
100%{transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2)}}}
@media screen and (max-width: 767px){.video_btn{height: 60px;width: 60px;line-height: 60px}
.video_btn:after{height: 60px;width: 60px}
.video_btn:before{height: 75px;width: 75px}}
.filtering{margin-bottom: 40px}
.filtering span{cursor: pointer;font-size: 14.4px;font-weight: 600;margin-right: 10px;display: inline-block;margin-bottom: 5px;padding: 6px 15px;background: transparent;color: #2fad38;border: 2px solid #2fad38}
.filtering span:last-child{margin: 0}
.filtering .active{color: #ffffff;background: #2fad38;border: 2px solid #2fad38}
@media screen and (max-width: 767px){.filtering{margin-bottom: 0}
.filtering span{margin-bottom: 17px}}
@media screen and (max-width: 575px){.filtering span{padding: 6px 8px;margin-right: 5px;font-size: 13px}}
.lg-backdrop{z-index: 99999}
.lg-outer{z-index: 999999}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{border-color: #2fad38}
.lg-progress-bar .lg-progress{background-color: #2fad38}
.lg-backdrop.in{opacity: 0.85}
.portfolio-block .portfolio-style-01{position: relative}
.portfolio-block .portfolio-style-01 .portfolio-img{height: 530px}
.portfolio-block .portfolio-style-01 .portfolio-img img{transition: all .3s ease-out 0s;overflow: hidden;height: 400px;object-fit: cover;width: 925px !important}
.portfolio-block .owl-item.center .portfolio-style-01 img{height: 530px}
.portfolio-block .owl-item.center .portfolio-style-01 .portfolio-text{opacity: 1;visibility: visible}
.portfolio-block .portfolio-style-01 .portfolio-inner{display: flex;align-items: center;background-color: #fff;padding: 15px 40px 15px 25px;position: relative;justify-content: space-between}
.portfolio-block .portfolio-style-01 .link-icon{width: 40px;height: 40px;line-height: 37px;background: #2fad38;text-align: center;color: #fff;font-size: 24px}
.portfolio-block .portfolio-style-01 .portfolio-text{transition: all 300ms linear 100ms;position: absolute;bottom: 20px;left: 0;width: 100%;opacity: 0;padding: 0 20px}
.portfolio-block.owl-carousel .owl-nav button.owl-prev,
.portfolio-block.owl-carousel .owl-nav button.owl-next{bottom: 35px;border-radius: 0;position: absolute;width: 50px;line-height: 50px;height: 50px;margin: 0;border: 2px solid #2fad38}
.portfolio-block.owl-carousel .owl-nav button.owl-prev{left: 20%}
.portfolio-block.owl-carousel .owl-nav button.owl-next{right: 20%}
.portfolio-block.owl-theme .owl-nav [class*='owl-']:hover{background-color: unset}
.portfolio-block .owl-nav i,
.portfolio-block .owl-nav span{font-size: 22px}
.portfolio-style-02{position: relative;overflow: hidden;transition: all 0.5s ease-in-out}
.portfolio-style-02 .portfolio-img img{width: 100%;height: 100%;transform: scale(1.1);transition: 0.5s ease-in-out}
.portfolio-style-02:hover .portfolio-img img{transform: scale(1.2)}
.portfolio-style-02 .portfolio-text{background: #fff;padding: 30px;left: 30px;right: 30px;position: absolute;bottom: -15px;opacity: 0;transition: all 0.5s ease-in-out}
.portfolio-style-02:hover .portfolio-text{opacity: 1;z-index: 10;bottom: 30px}
.portfolio-style-02 .portfolio-text:after{content: '';height: 15px;width: 15px;background: #2fad38;position: absolute;z-index: 9;bottom: 20px;right: 13px}
.portfolio-style-02 .portfolio-text:before{content: '';height: 20px;width: 20px;background: #2fad38;position: absolute;z-index: 9;bottom: 0;right: 0}
.portfolio-style-02 .portfolio-icon{position: absolute;top: 30px;right: 30px;width: 50px;height: 50px;background-color: #2fad38;color: #fff;line-height: 50px;text-align: center;font-size: 20px;opacity: 0;transition: all 300ms linear 0s}
.portfolio-style-02:hover .portfolio-icon{opacity: 1;transform: scale(1);z-index: 9}
.portfolio-style-02 .portfolio-icon:hover{background: #2fad38}
.portfolio-style-03 .portfolio-box .portfolio-inner{text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.portfolio-style-03 .portfolio-box .portfolio-inner .inner-box{position: absolute;bottom: 30px;-webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.portfolio-style-03 .portfolio-box:hover .portfolio-inner .inner-box{opacity: 1;visibility: visible;bottom: 60px}
.portfolio-style-03 .portfolio-box:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, left top, left bottom, color-stop(43.14%, transparent), to(rgba(0, 0, 0, 0.8)));background: linear-gradient(180deg, transparent 43.14%, rgba(0, 0, 0, 0.8) 100%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.portfolio-style-03 .portfolio-box .portfolio-inner .portfolio-btn{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;opacity: 0;visibility: hidden;margin-bottom: -45px;-webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.portfolio-style-03 .portfolio-box:hover .portfolio-inner .portfolio-btn{opacity: 1;visibility: visible;margin-bottom: 20px}
.pagination{border-radius: 0;padding: 0;margin: 0}
.pagination ul{display: inline-block;margin: 0 auto;padding: 0}
.pagination li{display: inline;margin-right: 10px}
.pagination li:last-child{margin-right: 0}
.pagination a{background: transparent;font-weight: 700;text-align: center;padding: 8px 15px;border-radius: .3rem;color: #575a7b;border: 1px solid #dddddd;line-height: 25px}
.pagination a:hover{background-color: #2fad38;color: #ffffff}
.pagination .active a{background-color: #f7f7f7;color: #002147;border: 1px solid #dbdbdb;cursor: default}
@media screen and (max-width: 575px){.pagination li{margin-right: 8px}}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top: 40px}
.owl-theme .owl-dots .owl-dot span{border-radius: 0}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background-color: #2fad38}
.owl-nav i,
.owl-nav span{color: #232323;font-size: 28px}
.owl-carousel .owl-item img{width: auto;display: inline-block}
.accordion-style .card{background: transparent;box-shadow: none;border: none;margin-top: 0 !important;border-radius: 0}
.accordion-style .card-header{border: 0px;padding: 0;border-bottom: none;background: none}
.accordion-style .btn-link,
.accordion-style .btn-link:active,
.accordion-style .btn-link:focus{color: #2fad38;font-size: 17px;line-height: 26px;position: relative;border-top: 1px solid #f4f4f4 !important;border-right: 1px solid #f4f4f4 !important;border-bottom: none;border-left: 2px solid #2fad38;display: block;width: 100%;text-align: left;white-space: normal;border-top-left-radius: .3rem;border-top-right-radius: .3rem;border-radius: 0;padding: 20px 50px 20px 25px;font-weight: 600;text-decoration: none;background-color: #ffffff}
.accordion-style .btn-link.collapsed, .accordion-style .btn-link:active.collapsed, .accordion-style .btn-link:focus.collapsed{color: #20252d;font-size: 17px;line-height: 26px;position: relative;border: none;display: block;width: 100%;text-align: left;white-space: normal;border: none;padding: 20px 50px 20px 25px;font-weight: 600;text-decoration: none;background-color: #f4f4f4;border-left: 2px solid transparent}
.accordion-style .btn-link:hover, .accordion-style .btn-link:active, .accordion-style .btn-link:focus, .accordion-style .btn-link:active:hover, .accordion-style .btn-link:active:active, .accordion-style .btn-link:active:focus, .accordion-style .btn-link:focus:hover, .accordion-style .btn-link:focus:active, .accordion-style .btn-link:focus:focus{text-decoration: none}
.accordion-style .btn-link.collapsed:after, .accordion-style .btn-link:active.collapsed:after, .accordion-style .btn-link:focus.collapsed:after{content: "+";right: 17px;left: inherit;font-size: 20px;transform: none;top: 17px;position: absolute;color: #212121;background-color: #ececec;border-radius: .3rem;line-height: 20px;width: 25px;height: 25px;text-align: center}
.accordion-style .btn-link:after, .accordion-style .btn-link:active:after, .accordion-style .btn-link:focus:after{content: "-";right: 17px;left: inherit;font-size: 20px;transform: none;top: 17px;position: absolute;color: #2fad38;background-color: rgba(34, 159, 114, 0.2);border-radius: .3rem;line-height: 22px;width: 25px;height: 25px;text-align: center}
.accordion-style .card-body{padding: 0px 30px 25px 26px;line-height: 24px;text-align: left;border: 1px solid #f4f4f4;border-left: 2px solid #2fad38;border-top: none}
@media screen and (max-width: 991px){.accordion-style .btn-link:after, .accordion-style .btn-link.collapsed:after{top: 20px}
.accordion-style .card-body{padding: 10px 25px 30px 25px}}
@media screen and (max-width: 575px){.accordion-style .btn-link{font-size: 16px}
.accordion-style .btn-link.collapsed{padding: 20px 50px 20px 18px}}
.sidebar .widget{position: relative;display: block;background-color: #fff}
.widget-title{position: relative;display: block;background-color: #f4f5f4;border: 0.0625rem solid rgba(220, 224, 229, 0.6);padding: 20px 30px;z-index: 1}
.widget-title h5{position: relative;padding-left: 25px;text-transform: uppercase;font-size: 15px}
.widget-title h5:before{content: '';width: 11px;height: 11px;position: absolute;background-color: #2fad38;left: 0;bottom: 0}
.widget-title h5:after{content: '';width: 8px;height: 8px;position: absolute;bottom: 11px;left: 7px;background-color: #2fad38}
.widget-content{border: 0.0625rem solid rgba(220, 224, 229, 0.6);border-width: 0 1px 1px 1px;position: relative;padding: 30px}
.sidebar .menu li{position: relative;display: block;margin-bottom: 10px}
.sidebar .menu li:last-child{margin-bottom: 0}
.sidebar .menu li a:hover, .sidebar .menu li.active a{color: #fff;background-color: #2fad38;padding-left: 80px}
.sidebar .menu li a{position: relative;display: block;font-size: 14px;line-height: 26px;font-weight: 600;color: #1e2434;text-transform: uppercase;background-color: #fff;padding: 17px 20px 17px 50px;border: 1px solid #e7e3e3}
.sidebar .menu li a:hover:before{background-color: #2fad38}
.sidebar .menu li.active a:before{background-color: #2fad38}
.sidebar .menu li a:hover:before, .sidebar .menu li.active a:before{font-family: 'Font Awesome 6 Free';content: "\f178"}
.sidebar .menu li a:hover:before, .sidebar .menu li.active a:before{width: 60px;color: #fff}
.sidebar .menu li:hover:after, .sidebar .menu li.active:after{content: '';padding: 8px;position: absolute;bottom: 0;background: #fff;right: 0}
.sidebar .menu li:hover:before, .sidebar .menu li.active:before{content: '';padding: 6px;position: absolute;bottom: 16px;background: #fff;right: 9px;z-index: 1}
.sidebar .menu li a::before{position: absolute;display: flex;align-items: center;justify-content: center;left: 0px;top: 0px;width: 30px;height: 100%;background-color: #f4f5f4;text-align: center;font-size: 16px;color: #707582;transition: all 500ms ease}
.blog-tags a{border: 1px solid #e8e9e8;background-color: #fff;padding: 7px 12px;font-size: 14px;line-height: 20px;margin: 0.6rem 5px 0 0;display: inline-block}
.blog-tags a:hover{border: 1px solid #2fad38;background-color: #2fad38;color: #fff}
.download-list{position: relative;margin: 0px -10px}
.download-list li{position: relative;display: inline-block;float: left;width: 50%}
.download-list li .inner{position: relative;display: block;margin: 0px 10px;text-align: center}
.download-list li .inner a{position: relative;display: inline-block;background-color: #f4f5f4;padding: 30px 15px 28px 15px}
.download-list li .inner i{position: relative;display: inline-block;width: 80px;height: 80px;line-height: 80px;font-size: 30px;text-align: center;border-radius: 50%;margin-bottom: 16px;color: #fff;transition: all 500ms ease;background: #2fad38}
.download-list li .inner a:hover i{background-color: #d6c02f}
.contact-widget{height: 300px}
.contact-widget .shape-2{position: absolute;bottom: 32px;right: 20px;background-color: #ffffff;z-index: 3;padding: 10px}
.wind-turbine-shape{position: absolute;bottom: 60px;left: 38px;background-color: #ffffff;z-index: 3;padding: 20px}
@media screen and (max-width: 575px){.widget-content{padding: 20px}}
.countdown{padding: 0}
.countdown li{background: #2fad38;display: inline-block;text-align: center;min-width: 140px;overflow: hidden;margin-right: 10px;padding: 15px 10px;position: relative}
.countdown li:before{content: '';height: 10px;width: 10px;background: #2fad38;position: absolute;bottom: 12px;right: 7px}
.countdown li:after{content: '';height: 12px;width: 13px;background: #2fad38;position: absolute;bottom: 0;right: 0}
.countdown li:last-child{margin-right: 0}
.countdown li span{font-size: 36px;font-weight: 600;text-align: center;color: #ffffff;line-height: normal;position: relative}
.countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds{font-size: 14px;font-weight: 500;color: #ffffff;margin: 0;z-index: 2;position: relative;padding: 0;text-transform: capitalize}
@media screen and (max-width: 1199px){.countdown li{min-width: 120px}
.countdown li span{font-size: 34px}}
@media screen and (max-width: 991px){.countdown li span{font-size: 30px}}
@media screen and (max-width: 767px){.countdown li{min-width: 180px;margin-top: 5px}
.countdown li:nth-child(2){margin-right: 0}}
@media screen and (max-width: 575px){.countdown li{min-width: 43%}
.countdown li span{font-size: 26px}}
.blog-blockquote{background-color: #2fad38;padding: 30px;text-align: center}
.blog-blockquote:after{content: '';width: 20px;height: 20px;background: #fff;position: absolute;bottom: 30px;left: 18px}
.blog-blockquote:before{content: '';width: 30px;height: 30px;background: #fff;position: absolute;bottom: 0;left: 0}
@media screen and (max-width: 575px){.blog-blockquote{padding: 20px}
.blog-blockquote:after{content: none}}
.modal-backdrop{z-index: 99999}
.modal{z-index: 999999}
.bd-example button,
.bd-example a{margin-top: .25rem;margin-bottom: .25rem}
.icon-gallery .d-table{margin-top: 30px}
.icon-gallery .d-table-cell{width: 125px;height: 125px;text-align: center;border-radius: 5px;margin-bottom: 25px;border: 1px solid rgba(0, 0, 0, 0.075);vertical-align: middle;font-size: 14px;transition: all 0.2s ease-in-out;padding: 10px;background: #fff}
.icon-gallery i{display: block;margin-bottom: 15px;font-size: 28px;color: #2fad38}
pre[class*="language-"]{max-height: 45vh;height: 100%;margin: 35px 0 15px 0;padding-top: 0}
.html-code{background-color: #fbfbfb;position: relative;box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);padding: 30px;border-radius: 5px;border: 1px solid #ededed}
.copy-element{position: absolute;top: 0;right: 85px;transition: opacity 0.3s ease-in-out}
.source-element{position: absolute;top: 0;right: 0;transition: opacity 0.3s ease-in-out}
.html-code .copy-element{top: 15px;right: 30px}
.html-code:hover .copy-element,
.html-code:hover .source-element{opacity: 1}
.box-hover:hover .copy-element,
.box-hover:hover .source-element{opacity: 1}
.copy-element > a,
.source-element > a{background: #dde1e6;color: #777 !important;display: inline-block;padding: 5px 15px;font-size: 14px;text-transform: capitalize;border-radius: 5px;cursor: pointer !important;font-weight: 600}
.copy-element > a:hover, .source-element > a:hover{background: #2fad38;color: #fff !important}
.copy-clipboard{cursor: pointer;padding: 5px 15px}
.white-popup-block{background-color: #fbfbfb;position: relative;max-width: 650px;box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);padding: 60px 30px 30px 30px;border-radius: 5px;margin: 40px auto;border: 1px solid #ededed}
.white-popup-block.popup-copy.mfp-hide{display: block !important;height: 0;position: absolute;z-index: -1;padding: 0;opacity: 0;margin: 0}
.white-popup-block:before{color: rgba(34, 159, 114, 0.2);content: "•••";font-size: 24px;left: 24px;letter-spacing: 4px;line-height: 12px;position: absolute;top: 24px}
.white-popup-block:hover .copy-element{opacity: 1}
.white-popup-block .copy-element{top: 45px;right: 30px}
.box-hover{position: relative}
.box-hover .container{position: relative}
.inner-title{border-bottom: 1px solid rgba(0, 0, 0, 0.09);margin-bottom: 35px;padding-bottom: 20px}
.inner-title h2{position: relative;padding-left: 25px;margin-bottom: 0;font-size: 16px;text-transform: uppercase}
.inner-title h2:before{content: '';width: 11px;height: 11px;position: absolute;background-color: #2fad38;left: 0;bottom: 0}
.inner-title h2:after{content: '';width: 8px;height: 8px;position: absolute;bottom: 11px;left: 7px;background-color: #2fad38}
@media screen and (max-width: 767px){.elements-block .inner-title{margin-bottom: 65px}
.copy-element, .source-element{top: 65px}}
.about-style-01 .about-img .about-shape{left: 50px;bottom: 60px}
.about-style-01 .about-text{background-color: #2fad38;padding: 40px 30px}
.about-style-01 .text-shape{padding: 7px;right: 7%;top: 8%}
.about-style-02 .about-shape1{position: absolute;padding: 30px;background-color: #fff;bottom: 0;z-index: 3;left: 0}
.about-style-02 .about-shape2{position: absolute;padding: 20px;background-color: #fff;bottom: 60px;z-index: 3;left: 38px}
.about-style-02 .about-shape3{position: absolute;padding: 20px;background-color: #fff;top: 0;z-index: 3;left: 0px}
.about-style-02 .about-shape4{position: absolute;padding: 14px;background-color: #fff;top: 40px;z-index: 3;left: 27px}
.about-style-03 .about-left:before{content: "";position: absolute;width: 25px;height: 300px;background-color: #2fad38;left: -5px;top: 35px}
.about-style-03 .info-box{width: 200px;height: 200px;padding: 30px;display: flex;justify-content: center;align-items: center;background: #2fad38;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.06);border-radius: 0px 110px 110px 100px;position: absolute;right: 0;bottom: -20px;object-fit: cover;pointer-events: none}
.about-style-03 .exp-info h4{position: absolute;right: -150px;background: #2fad38;width: 395px;height: 40px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 40px;letter-spacing: 0.4em;color: #FFFFFF;transform: rotate(90deg);text-align: center;margin-bottom: 0}
@media screen and (max-width: 1399px){.about-style-03 .exp-info h4{right: -186px}}
@media screen and (max-width: 1199px){.about-style-03 .exp-info h4{right: -195px}}
@media screen and (max-width: 991px){.about-style-03 .exp-info h4{right: -120px}}
@media screen and (max-width: 767px){.about-style-03 .exp-info h4{right: -195px}}
.about-style-04 .review-img .img-1{margin-left: -20px}
.about-style-04 .count-no{font-size: 380px;font-weight: 800;text-transform: uppercase;display: inline-block;color: #232323;clear: both;-webkit-text-fill-color: transparent;-webkit-background-clip: text;line-height: 1}
.about-style-04 .year-box{background-color: #2fad38;color: #fff;width: 210px;height: 210px;display: flex;justify-content: center;align-items: center;padding: 20px 30px;font-size: 20px}
@media screen and (max-width: 1199px){.about-style-04 .year-box{width: 190px;height: 190px;padding: 12px 20px}}
@media screen and (max-width: 575px){.about-style-04 .year-box{width: 160px;height: 110px;padding: 12px 10px;font-size: 15px}}
.service-style-01 .service-img .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, left top, left bottom, color-stop(43.14%, rgba(34, 159, 114, 0)), to(rgba(34, 159, 114, 0.8)));background: linear-gradient(180deg, rgba(34, 159, 114, 0) 43.14%, rgba(34, 159, 114, 0.8) 100%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.service-style-01 .service-img .overlay h3{position: absolute;bottom: 30px;-webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.service-style-01 .service-img:hover .overlay h3{bottom: 60px}
.service-style-01 .service-img .service-btn{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;opacity: 0;visibility: hidden;margin-bottom: -45px;-webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.service-style-01 .service-img:hover .service-btn{opacity: 1;visibility: visible;margin-bottom: 20px}
.blog-style-01 .blog-img .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, left top, left bottom, color-stop(43.14%, rgba(34, 159, 114, 0)), to(rgba(34, 159, 114, 0.8)));background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 43.14%, rgba(0, 0, 0, 0.9) 100%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: start}
.blog-style-01 .blog-img .overlay .overlay-inner{position: absolute;bottom: 30px;-webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0 25px}
.blog-style-01 .blog-img:hover .overlay .overlay-inner{bottom: 60px}
.blog-style-01 .blog-img .overlay .blog-btn{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;opacity: 0;visibility: hidden;margin-bottom: -45px;-webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0 25px}
.blog-style-01 .blog-img:hover .overlay .blog-btn{opacity: 1;visibility: visible;margin-bottom: 20px}
.feature-style01{box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);margin-top: -60px;background-color: #fff;z-index: 9;position: relative;padding: 40px}
@media screen and (max-width: 575px){.feature-style01{padding: 25px}}
.elements-box-left{margin-bottom: 20px}
.elements-box-left:last-child{margin-bottom: 0}
.marquee-container{display: flex !important;flex-direction: row !important;position: relative;width: 100%}
.marquee{flex: 0 0 auto;min-width: 100%;z-index: 1;display: flex;flex-direction: row;align-items: center;animation: scroll 120s linear 0s infinite;animation-play-state: running;animation-delay: running;animation-direction: normal}
.marquee.reverse{animation-direction: reverse}
.marquee-container .marquee ul{display: flex;padding: 0;margin-bottom: 0}
.marquee-container .marquee ul li{margin: 0 10px;list-style: none;position: relative}
.elements-item .elements-box-layout{display: flex;flex: 1 0 100%;align-items: inherit;white-space: nowrap;min-height: inherit;position: relative}
.elements-item .elements-content{display: flex;position: relative;transition: box-shadow .3s ease, background .3s ease;text-align: start;justify-content: flex-start;flex-direction: row;border-radius: 5px;align-items: center;padding: 22px 35px;height: 80px}
.elements-content h3{margin: 5px 40px !important;display: inline-block;font-size: 65px;line-height: 65px;position: relative;letter-spacing: 3px;color: transparent;-webkit-text-stroke: 1px #2fad38;opacity: .5;font-weight: 700;font-style: normal}
@keyframes scroll{0%{transform: translateX(0%)}
100%{transform: translateX(-100%)}}
.marquee-container:hover div{animation-play-state: paused}
.marquee-container:active div{animation-play-state: running}
@media screen and (max-width: 575px){.elements-content h3{font-size: 45px}
.elements-item .elements-content{padding: 12px 25px}
.elements-box-left{margin-bottom: 0}}
.ani-rotate{-webkit-animation-duration: 750ms;animation-duration: 750ms;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation: ani-rotate 10s linear infinite}
@keyframes ani-rotate{0%{-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
to{-webkit-transform: rotate(1turn);-o-transform: rotate(1turn);transform: rotate(1turn)}}
#circle svg{-webkit-animation-name: rotate;-moz-animation-name: rotate;-ms-animation-name: rotate;-o-animation-name: rotate;animation-name: rotate;-webkit-animation-duration: 25s;-moz-animation-duration: 25s;-ms-animation-duration: 25s;-o-animation-duration: 25s;animation-duration: 25s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-ms-animation-timing-function: linear;-o-animation-timing-function: linear;animation-timing-function: linear}
.fill-white text{fill: #fff;font-size: 15px}
.contact-01 .form-control{min-height: 56px;padding-left: 20px}
.contact-01 .quform-elements .btn-style2{padding: 16px 40px !important;font-size: 14px !important}
.vision-wrapper{overflow: hidden;height: 650px;position: relative;border-right: 1px solid rgba(255, 255, 255, 0.2);z-index: 99}
.vision-changebg[data-overlay-dark]:before,
.vision-changebg[data-overlay-light]:before{z-index: -1}
.vision-content{overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;padding: 25px;transition: all 0.3s;z-index: 9}
.vision-wrapper:hover .vision-content{bottom: 10px}
.vision-content p{height: 0;visibility: hidden;opacity: 0;transition: all 0.3s ease 0.1s}
.vision-wrapper:hover .vision-content p{height: auto;visibility: visible;opacity: 1;background: #2fad38d9;padding: 10px;}
.vision-wrapper:hover .vision-content a{visibility: visible;opacity: 1}
.vision-changebg.owl-theme .owl-nav{margin-top: 0}
.vision-changebg.owl-carousel .owl-nav button.owl-prev,
.vision-changebg.owl-carousel .owl-nav button.owl-next{top: 46%;border-radius: 0;position: absolute;width: 40px;line-height: 40px;height: 40px;margin: 0;background: rgba(255, 255, 255, 0.2)}
.vision-changebg.owl-carousel .owl-nav button.owl-prev{left: 0}
.vision-changebg.owl-carousel .owl-nav button.owl-next{right: 0}
.vision-changebg .owl-nav i,
.vision-changebg .owl-nav span{font-size: 16px;color: #fff}
@media screen and (min-width: 992px){.vision-wrapper{background-image: none !important}}
@media screen and (max-width: 1399px){.vision-wrapper{height: 500px}}
@media screen and (max-width: 1199px){.vision-content{padding: 6px 15px}}
@media screen and (max-width: 991px){.vision-wrapper{border-bottom: 1px solid rgba(255, 255, 255, 0.2)}
.vision-content p{opacity: 1;visibility: visible}}
@media screen and (max-width: 575px){.vision-wrapper{height: 400px}}
.counter-style01{margin-bottom: -20px;background: transparent;z-index: 9}
.counter-style02 .counter-box strong{font-size: 120px;line-height: 1;-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);color: transparent;text-transform: uppercase;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
@media screen and (max-width: 1399px){.counter-style02 .counter-box strong{font-size: 100px}}
@media screen and (max-width: 991px){.counter-style02 .counter-box strong{font-size: 85px}}
.counter-style03{margin-bottom: -100px}
.newsletter-form .quform-elements{position: relative}
.newsletter-form .quform-submit-inner{position: absolute;right: 1px;top: 1px;width: auto;background: transparent;height: 48px}
.newsletter-form .quform-submit-inner .btn{padding: 0.500rem 1.15rem}
.newsletter-form .quform-submit-inner .btn:focus, .newsletter-form .quform-submit-inner .btn:active{border: 1px solid transparent}
.newsletter-form .quform-loading-wrap{margin-top: 15px;margin-bottom: 0;margin-left: 0}
.newsletter-form input{border: 1px solid transparent;background-color: rgba(255, 255, 255, 0.2);height: 50px;padding: 0.5rem 4rem 0.5rem 1rem;color: #fff}
.newsletter-form .form-control:focus,
.newsletter-form .form-control:active{background-color: rgba(255, 255, 255, 0.2);color: #fff}
.newsletter-form .quform-has-error input,
.newsletter-form .quform-has-error textarea,
.newsletter-form .quform-has-error select{border-color: #f5543f}
.newsletter-form .quform-input .quform-errors-wrap{right: 15px}
.newsletter-form i{font-size: 1.2rem;line-height: 2rem}
.newsletter-one .quform-elements{position: relative}
.newsletter-one .quform-elements .quform-input .form-control{border-bottom: 1px solid rgba(225, 225, 225, 0.2);height: 50px;background: transparent;border-top: 0;border-left: 0;border-right: 0;padding: 0 0 17px 0;font-size: 20px}
.newsletter-one .quform-elements .quform-submit-inner{position: absolute;right: 0;top: -6px}
@media screen and (max-width: 575px){.newsletter-one .quform-elements .quform-submit-inner{position: unset}
.newsletter-one .quform-elements .quform-submit-inner .btn-style1{width: 100%}
.newsletter-one .quform-elements .quform-input .form-control{padding: 0 0 10px 0;font-size: 18px}}
.team-info{font-size: 18px;line-height: 1.45}
.team-info h5{display: inline-block;font-size: 16px;width: 230px;margin-bottom: 0;margin-right: 0.45em;text-transform: uppercase}
.team-info span{display: inline-block;font-size: 18px}
.team-detail-img:before{content: '';padding: 25px;position: absolute;background: #fff;bottom: 0;left: 0}
.team-detail-img:after{content: '';padding: 14px;position: absolute;background: #fff;bottom: 50px;left: 33px}
.process-style-01 .process-block{width: 167px;height: 167px;background: #f8f9fa;position: relative;z-index: 1;margin: 0 auto;margin-bottom: 25px}
.process-style-01 .process-block .process-icon{width: 90px;height: 90px;line-height: 90px;background: #2fad38;border-radius: 50%;text-align: center;position: absolute;left: 15px;top: 15px;z-index: 1}
.process-style-01 .process-block .process-count{width: 55px;height: 55px;line-height: 55px;background: #fff;text-align: center;position: absolute;right: 30px;bottom: 20px;box-shadow: 0px 5px 18.8px 1.2px rgba(99, 102, 187, 0.1);z-index: -1}
.process-style-01 .process-block .process-count span{font-size: 40px;font-weight: 700;color: #fff;-webkit-text-fill-color: #fff;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #2fad38}
.process-style-02{background-color: rgba(255, 255, 255, 0.1);padding: 35px}
.process-style-02 i{width: 70px;height: 70px;background-color: #2fad38;display: flex;color: #fff;border-radius: 50%;font-size: 35px;align-items: center;text-align: center;justify-content: center;margin-bottom: 25px}
@media screen and (max-width: 1199px){.process-style-02{padding: 25px}}
.testimonial-shape{bottom: 83px;left: 53px}
.testimonials-style-01{background-color: #f8f9fa;padding: 30px;position: relative}
.testimonials-style-01:after{content: "";background: #f8f9fa;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);position: absolute;left: 15px;bottom: -30px;height: 40px;width: 40px;transform: rotate(180deg);border-radius: 4px}
.client-top-padding{padding-top: 270px}
.client-top-padding .shape-1{bottom: 83px;left: 52px}
@media screen and (max-width: 991px){.client-top-padding{padding-top: 90px}}
@media screen and (max-width: 767px){.client-top-padding{padding-top: 60px}}
.client-style-01{display: flex;justify-content: center;height: 180px;border-top: 1px solid rgba(0, 0, 0, 0.085);border-left: 1px solid rgba(0, 0, 0, 0.085);border-bottom: 1px solid rgba(0, 0, 0, 0.085);align-items: center}
.why-choose-style1{margin-bottom: -160px;position: relative;z-index: 9}
@media screen and (max-width: 991px){
.why-choose-style1{margin-bottom: 0}
.client-style-01{height:80px;}
}
.progress-style1 .progress{height: 5px}
.progress-style1 .progress .progress-bar{background-color: #2fad38}
.form-group{margin-bottom: 1rem}
.form-group label{margin-bottom: .5rem}
.form-control:focus{border-color: #2fad38}
.form-check-input:checked{border-color: #2fad38;background-color: #2fad38}
.quform-input{position: relative}
.quform-input .quform-errors-wrap{position: absolute;right: 8px;top: 0;line-height: normal;z-index: 1}
.quform-element > label{font-weight: normal;padding-bottom: 5px;margin-bottom: 0;color: #6a747b;font-size: 15px}
.quform-element > label .quform-required{color: #cc0101;font-size: 10px}
.quform-inner input{width: 100%}
.quform-elements .quform-element textarea{margin-bottom: 0;padding: 8px 15px;vertical-align: top}
.quform-elements .quform-element select{margin-bottom: 0;padding: 8px 35px 8px 15px}
.quform-errors{padding: 0;margin: 0;line-height: normal}
.quform-errors > .quform-error{padding: 0;background: none;border: none;float: none;color: #f5543f;font-size: 11px;line-height: normal;letter-spacing: normal}
.quform-outer-no-js .quform-error{padding: 0;background: none;border: none;float: none;color: #f5543f;font-size: 11px;line-height: normal;letter-spacing: normal}
.quform-outer-no-js .quform-success-message{padding: 0.75rem 1.25rem 0.75rem 3rem}
.quform-has-error input,
.quform-has-error textarea,
.quform-has-error select,
.quform-has-error input[type=file],
.quform-has-error .custom-file-label{border-color: #f5543f}
.quform-success-message{padding: 0.75rem 1.25rem 0.75rem 3rem}
.quform-submit-inner{float: none}
.quform-loading-wrap{float: none}
.quform-loading-wrap .quform-loading{display: inline-block}
.quform-element{margin-bottom: 1rem}
.social-icon-style1{margin-bottom: 0;display: inline-block;padding-left: 10px;list-style: none}
.social-icon-style1 li{vertical-align: middle;display: inline-block;margin-right: 5px}
.social-icon-style1 li a{display: inline-block;font-size: 14px;text-align: center;color: #ffffff;background: #2fad38;height: 41px;line-height: 41px;width: 41px;border-radius: 50%}
.social-icon-style1 li a:hover{background: #2fad38}
.social-icon-style1 li:last-child{margin-right: 0}
.social-icon-style2{margin-bottom: 0;display: inline-block;padding-left: 10px;list-style: none}
.social-icon-style2 li{vertical-align: middle;display: inline-block;margin-right: 5px}
.social-icon-style2 li a{display: inline-block;font-size: 14px;text-align: center;color: #ffffff;background: #2fad38;height: 41px;line-height: 42px;width: 41px}
.social-icon-style2 li a:hover, .social-icon-style2 li a:active, .social-icon-style2 li a:focus{color: #fff;background: #2fad38}
.social-icon-style2 li:last-child{margin-right: 0}
.social-icon-style2 li a.small{width: 30px;height: 30px;line-height: 30px;font-size: 11px}
.social-icon-style2.small li a{width: 35px;height: 35px;line-height: 35px}
.companys{margin:0 auto;}
.companys p{font-size:16px;line-height:1.6;word-break:break-word;}
.companys h2{margin-bottom:15px;}
.companys h3{margin-bottom:15px;}
.companys h4{margin-bottom:15px;}
.clear{clear:both;}
.page-pagination{margin:0 auto;text-align:center;}
.page-pagination{text-align:center;width:100%}
.page-pagination .pagination{display:inline-block;padding-left:0;margin:30px 0;border-radius:8px}
.page-pagination .pagination>li{display:inline}
.page-pagination .pagination>li>a,.page-pagination .pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:2px;line-height:1.42857143;color:var(--primary-color);text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-pagination .pagination>li:first-child>a,.page-pagination .pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.page-pagination .pagination>li:last-child>a,.page-pagination .pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page-pagination .pagination>li>a:focus,.page-pagination .pagination>li>a:hover,.page-pagination .pagination>li>span:focus,.page-pagination .pagination>li>span:hover{z-index:2;color:var(--primary-color);background-color:#eee;border-color:#ddd}
.page-pagination .pagination>.active>a,.page-pagination .pagination>.active>a:focus,.page-pagination .pagination>.active>a:hover,.page-pagination .pagination>.active>span,.page-pagination .pagination>.active>span:focus,.page-pagination .pagination>.active>span:hover{z-index:3;color:#148d0d;cursor:default;background-color:var(--primary-color);border-color:var(--primary-color);border: 1px solid #ddd;border-radius: 3px;}
.page-pagination .pagination>.disabled>a,.page-pagination .pagination>.disabled>a:focus,.page-pagination .pagination>.disabled>a:hover,.page-pagination .pagination>.disabled>span,.page-pagination .pagination>.disabled>span:focus,.page-pagination .pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.page-pagination .pagination .jumpto{display:inline-block;margin-left:2px}
.page-pagination .pagination .jumpto input{padding:6px;line-height:1.42857143;color:#2c3e50;background-color:#fff;border:1px solid #ddd;float:left}
.page-pagination .pagination .jumpto a{border:0!important;}
.page-pagination .pagination .jumpto:hover a{border:0!important;background-color:#fff;}
.jumptoa{background: #2fad38; width: 60px; border-radius: 3px; color: #fff;}
.page-pagination .pagination .jumpto .page_number{width:70px;margin-right:1px}
.flex-shrink-0 img{width:100%;max-width:120px;}
.procate{display: inline-block; padding: 2px 10px; margin-right: 5px; background: #555; color: #fff; height: 40px; line-height: 40px; margin-bottom: 10px; border-radius: 3px;}
.procate:hover{background:#2fad38;color:#fff!important;}
.filtering .active{background:#2fad38;color:#fff!important;border:0px!important;}
.prosum{background:#f5f5f5;padding:10px;}
.prosum ul{margin-bottom:1px!important;}
.prosum ul{margin-bottom:1px!important;font-size:14px!important;}
.prosum strong{display:block;color:#2fad38;}
.prevnext{width:100%;padding:1.25rem 0;margin-top:1.25rem;border-top:1px solid #ddd;}
.prevnext span{display:block;}








@media screen and (max-width: 991px){.social-icon-style2.small li a{width: 30px;height: 30px;line-height: 30px}}
@keyframes spin{from{transform: rotate(0deg)}
to{transform: rotate(360deg)}}
.img-windmolen{position: relative;width: 500px;margin: 0 auto}
.img-windmolen svg{width: 100%;height: 100%;vertical-align: bottom;overflow: visible}
.img-windmolen .wieken{animation: spin 2s infinite linear;transform-origin: 61% 55%}
.search-form_input{color: #2fad38}
.search-frame h4 a:hover{color: #2fad38}
.search-frame .search_list .match{color: #2fad38}
.search-frame .search_list li:before{color: #2fad38}
.search-frame .search_list li + li{border-top: 3px solid #2fad38}
.search-frame .search{color: #2fad38}
.contact-map{width: 100%;height: 400px;vertical-align: top;border: 0}
.error-wrapper .number-wrap h1{color: #fff;font-size: 250px;text-align: center;line-height: 1}
@media screen and (max-width: 1199px){.error-wrapper .number-wrap h1{font-size: 230px;margin-bottom: 20px}}
@media screen and (max-width: 991px){.error-wrapper .number-wrap h1{font-size: 220px;margin-bottom: 15px}}
@media screen and (max-width: 767px){.error-wrapper .number-wrap h1{font-size: 200px;margin-bottom: 10px}}
@media screen and (max-width: 575px){.error-wrapper .number-wrap h1{font-size: 150px}}
.page-navigation{position: relative;display: flex;align-items: center;justify-content: space-between;padding: 0;background-color: #f8f9fa}
.prev-page,
.next-page{position: relative;width: 50%;max-width: 350px;margin: 10px}
.prev-page:before, .next-page:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(255, 255, 255, 0);box-shadow: 0 0 0 0 rgba(34, 35, 40, 0);transform: scale(1.04, 1.12);transition: .3s ease-in-out;pointer-events: none}
.prev-page .page-info > a, .next-page .page-info > a{display: flex;align-items: center;position: relative;padding: 16px 20px;min-height: 110px;transition: 0.8s}
.prev-page .page-info .image-prev, .prev-page .page-info .image-next{position: relative;flex-shrink: 0;width: 70px;height: 70px;vertical-align: middle;transition: inherit;overflow: hidden}
.next-page .page-info .image-prev, .next-page .page-info .image-next{position: relative;flex-shrink: 0;width: 70px;height: 70px;vertical-align: middle;transition: inherit;overflow: hidden}
.prev-page .page-info .prev-title, .prev-page .page-info .next-title{display: inline-block;position: relative;max-width: 220px;font-size: 16px;line-height: 1.5;font-weight: 600;word-wrap: break-word;vertical-align: middle;transition: 0.45s}
.next-page .page-info .prev-title, .next-page .page-info .next-title{display: inline-block;position: relative;max-width: 220px;font-size: 16px;line-height: 1.5;font-weight: 600;word-wrap: break-word;vertical-align: middle;transition: 0.45s}
.prev-page .page-info .prev-title:empty, .prev-page .page-info .next-title:empty{display: none}
.next-page .page-info .prev-title:empty, .next-page .page-info .next-title:empty{display: none}
.prev-page:hover:before, .next-page:hover:before{background-color: white;transform: scale(1);box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1)}
.prev-page a{justify-content: flex-start;text-align: left}
.prev-page a:hover .image-prev:after{visibility: visible;opacity: 1}
.prev-page a:hover .image-prev:before{visibility: visible;opacity: 1;margin-left: 0}
.prev-page .image-prev{margin-right: 20px}
.prev-page .image-prev:after{background-color: #2fad38}
.next-page .image-next:after{background-color: #2fad38}
.prev-page .image-prev:before{display: block;position: absolute;z-index: 2;left: 0;right: 0;margin-left: 20px;content: "\e64a";font-family: 'themify';font-size: 21px;line-height: 70px;color: #fff;text-align: center;opacity: 0;visibility: hidden;transition: .3s ease-in-out}
.prev-page .image-prev:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: .3s ease-in-out}
.next-page{margin-left: auto}
.next-page a{justify-content: flex-end;text-align: right}
.next-page a:hover .image-next:after{visibility: visible;opacity: 1}
.next-page a:hover .image-next:before{visibility: visible;opacity: 1;margin-right: 0}
.next-page .image-next{margin-left: 20px}
.next-page .image-next:before{display: block;position: absolute;z-index: 2;left: 0;right: 0;margin-right: 20px;content: "\e64a";font-family: 'themify';font-size: 21px;line-height: 70px;color: #fff;text-align: center;opacity: 0;visibility: hidden;transition: .3s ease-in-out;transform: scaleX(-1)}
.next-page .image-next:after{content: '';display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;visibility: hidden;transition: .3s ease-in-out}
.next-page .next-title{text-align: right}
.prev-link-page-info > span,
.next-link-page-info > span{display: block}
.prev-link-page-info .date-details,
.next-link-page-info .date-details{font-size: 14px;letter-spacing: .025em;line-height: 20px;margin-bottom: -2px}
.prev-link-page-info .date-details > div, .prev-link-page-info .date-details > span{line-height: inherit;transition: 0.45s;font-weight: 500}
.next-link-page-info .date-details > div, .next-link-page-info .date-details > span{line-height: inherit;transition: 0.45s;font-weight: 500}
.prev-link-page-info .date-details:only-child, .next-link-page-info .date-details:only-child{margin-top: 0}
@media (max-width: 767px){.prev-page, .next-page{width: calc(100% - 20px);max-width: unset}
.prev-page + .next-page{margin-top: 0}
.page-navigation{flex-direction: column}}
@media (max-width: 575px){.prev-page .page-info > a, .next-page .page-info > a{padding: 10px}
.prev-page .page-info .prev-title, .prev-page .page-info .next-title{max-width: 168px}
.next-page .page-info .prev-title, .next-page .page-info .next-title{max-width: 168px}}
.vertical-timeline{position: relative;z-index: 1}
.vertical-timeline:before{content: '';position: absolute;left: 50%;top: -6px;width: 9px;height: 9px;border-radius: 50%;background-color: rgba(215, 193, 47, 0.4);margin-left: -4px}
.vertical-timeline:after{content: '\e64b';font-family: 'themify';font-size: 14px;position: absolute;left: 50%;bottom: -19px;color: #2fad38;margin-left: -6px}
.vertical-timeline .timeline-items{padding-bottom: 40px}
.vertical-timeline .timeline-items:before{content: '';height: 100%;width: 1px;position: absolute;z-index: -1;top: 0;left: 50%;background-image: linear-gradient(0deg, #cbcbcb, #cbcbcb 50%, transparent 50%, transparent 100%);background-size: 20px 20px}
.vertical-timeline .item{display: flex;position: relative;transition: 0.3s}
.vertical-timeline .item:hover .count{background: #2fad38;transition: 0.3s}
.vertical-timeline .item:not(:last-child){margin-bottom: 70px}
.vertical-timeline .item:nth-child(even) .text{margin-left: 45px;margin-right: 0px;padding-left: 40px;padding-right: 50px;border-radius: 5px 5px 5px 5px}
.vertical-timeline .item:nth-child(odd) .count{margin-right: -30px}
.vertical-timeline .item:nth-child(odd) .icon{justify-content: flex-end}
.vertical-timeline .item:nth-child(odd) .timeline-circle:before{left: 100%}
.vertical-timeline .item:nth-child(even){flex-direction: row-reverse;text-align: right}
.vertical-timeline .item:nth-child(even) .count{margin-left: -30px}
.vertical-timeline .item:nth-child(even) .icon{justify-content: flex-start}
.vertical-timeline .item:nth-child(even) .timeline-content{flex-direction: row-reverse}
.vertical-timeline .item:nth-child(even) .timeline-circle:before{right: 100%}
.vertical-timeline .icon, .vertical-timeline .timeline-content{flex-basis: calc(50% - 1px);transition: 0.5s;display: flex;align-items: center}
.vertical-timeline .timeline-circle{position: relative;margin: 0px 100px 0px 100px}
.vertical-timeline .timeline-circle .circle{position: absolute;top: 50%;border-radius: 50%;transition: 0.4s;top: calc(50% - 7px);left: -7px;width: 15px;height: 15px;background: #2fad38}
.vertical-timeline .timeline-circle:before{content: '';height: 1px;position: absolute;top: 50%;background-image: linear-gradient(90deg, #cbcbcb, #cbcbcb 50%, transparent 50%, transparent 100%);background-size: 20px 20px;width: calc(100px + 30px)}
.vertical-timeline .timeline-circle:after{content: '';position: absolute;border-radius: 50%;transition: 0.4s;top: calc(50% - 4px);left: -4px;width: 9px;height: 9px;background: #fff}
.vertical-timeline .text{box-shadow: 6px 7px 20px rgba(0, 0, 0, 0.1);margin: 0px 45px 0px 0px;padding: 31px 40px 33px 50px;border-radius: 5px 5px 5px 5px;background-color: #ffffff}
.vertical-timeline .count{position: relative;font-size: 36px;width: 70px;height: 70px;text-align: center;line-height: 70px;border-radius: 50%;flex: 1 0 auto;color: #fff;background: #2fad38}
@media screen and (max-width: 991px){.vertical-timeline .timeline-circle:before{width: calc(100px + -20px)}
.vertical-timeline .text{margin: 0;padding: 20px 20px 20px 40px}
.vertical-timeline .count{width: 50px;height: 50px;font-size: 24px;line-height: 50px}
.vertical-timeline .item:nth-child(even) .text{margin: 0;padding-left: 20px;padding-right: 40px}
.vertical-timeline .timeline-circle{margin: 0px 30px 0px 30px}}
@media screen and (max-width: 767px){.vertical-timeline:before, .vertical-timeline:after, .vertical-timeline .timeline-items:before{left: 10px}
.vertical-timeline .item:not(:last-child){margin-bottom: 40px}
.vertical-timeline .timeline-content{order: 2;flex-basis: 70%}
.vertical-timeline .icon{order: 3;flex-basis: 30%}
.vertical-timeline .text{padding: 20px 20px 20px 30px}
.vertical-timeline .item:nth-child(even){flex-direction: row;text-align: left}
.vertical-timeline .item:nth-child(even) .text{padding-left: 30px;padding-right: 20px}
.vertical-timeline .item:nth-child(odd){flex-direction: row;text-align: left}
.vertical-timeline .item:nth-child(even) .count, .vertical-timeline .item:nth-child(odd) .count{margin-right: -20px;margin-left: 0}
.vertical-timeline .item:nth-child(even) .timeline-content, .vertical-timeline .item:nth-child(odd) .timeline-content{flex-direction: row}
.vertical-timeline .item:nth-child(even) .icon, .vertical-timeline .item:nth-child(odd) .icon{justify-content: center}}
footer{word-break: break-word}
.footer-logo{max-width: 150px;width: 100%;display: inline-block}
.footer1 .text-white a{color:#fff!important;}
.list-unstyled .text-white{font-size:14px!important;}
.search-form_label{width:100%;display:block;padding:10px 50px 10px 10px;background:trancparent;border:1px solid #c9c9c9}
.search-form_input{outline:none;background-color:transparent;border:none;-webkit-appearance:none;border-radius:0;vertical-align:baseline;box-shadow:none;color:#000;display:block;width:100%;font-size:16px;line-height:16px;height:37px}
.search-form+*{margin-top:25px}
.search-form.on{display:block}
.search-form_submit{background:none;border:none;cursor:pointer;margin-top:12px;line-height:normal;font-size:16px}
.search-frame,.search-frame body{width:100%;height:auto;background:transparent}
.search-frame,.search-frame body,.search-frame h1,.search-frame h2,.search-frame h3,.search-frame h4,.search-frame h5,.search-frame h6,.search-frame p,.search-frame em{margin:0;padding:0;border:0;font-size:100%;vertical-align:top}
.search-frame img{max-width:100%;height:auto}
.search-frame a{color:inherit;text-decoration:none;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease}
.search-frame a:active{background:transparent}
.search-frame a:focus{outline:none}
.search-frame h4{font-size:20px;text-transform:none;margin-bottom:10px}
.search-frame h4 a:hover{color:#000}
.search-frame .search_list{margin:0;padding:0;border:0;vertical-align:top;list-style-type:none;counter-reset:num1}
.search-frame .search_list p{font-size:15px}
.search-frame .search_list .match{color:#000;font-size:12px;display:block}
.search-frame .search_list li{padding:20px 20px 20px 50px;position:relative;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease}
.search-frame .search_list li:hover{background:rgba(213,213,213,0.3)}
.search-frame .search_list li:before{color:#000;content:counter(num1) ".";font-weight:600;counter-increment:num1;position:absolute;left:5px;top:15px;font-size:20px;line-height:inherit}
.search-frame .search_list li+li{border-top:3px solid #000}
.search-frame .search{color:#000;font-weight:700}
.search-frame .match{color:#222533;font-size:12px;display:block}
.search-frame *+p{margin-top:16px}
.search-frame .content{padding-top:40px;padding-bottom:40px}
.search-frame .search_head{padding-bottom:25px}
@media screen and (max-width: 991px){.search-frame h4{font-size:18px}
.search-frame .search_list li{padding:15px 15px 15px 50px}
.search-frame .search_list li:before{font-size:18px;top:13px}}@media screen and (max-width: 767px){.search-frame h4{font-size:16px}
.search-frame .search_list li{padding:15px 15px 15px 45px}
.search-frame .search_list li:before{font-size:16px;top:14px}}


@media screen and (max-width: 767px){footer{padding-top: 60px}}
.footer-link li a{color: #fff}
.footer-link li a:hover{color: #2fad38}
.footer-bg-left{position: absolute;top: 0;left: -100px;max-height: 100%}
.footer-bg-right{position: absolute;right: 0;bottom: 0;max-height: 100%}
.buy-theme{transition-timing-function: ease-in-out;transition-duration: .2s;position: fixed;top: 150px;right: -89px;background: #2fad38;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);z-index: 9999}
.buy-theme i{font-size: 16px;vertical-align: middle;position: relative;top: -1px;color: #fff}
.all-demo i{font-size: 15px;vertical-align: middle;position: relative;top: -1px;color: #fff}
.buy-theme:hover,
.all-demo:hover{transition-timing-function: ease-in-out;transition-duration: .2s;right: 0px;background: #2fad38}
.all-demo:hover{background: #2fad38}
.buy-theme span,
.all-demo span{padding: 0 9px;position: relative;top: 0;opacity: 0}
.buy-theme:hover span,
.all-demo:hover span{opacity: 1;color: #fff}
.buy-theme:hover i,
.all-demo:hover i{color: #fff}
.buy-theme a,
.all-demo a{color: #232323;font-size: 10px;text-transform: uppercase;padding: 5px 10px;display: block;text-decoration: none;font-weight: 500}
.all-demo{transition-timing-function: ease-in-out;transition-duration: .2s;position: fixed;top: 185px;right: -105px;background: #2fad38;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);z-index: 9999}