/*********************************** Start Of Common Css ***********************************/
@font-face{font-family:Poppins-Bold;src:url(../fonts/Poppins-Bold.ttf);}
@font-face{font-family:Poppins-Medium;src:url(../fonts/Poppins-Medium.ttf);}
@font-face{font-family:Bebas-Neue-Regular;src:url(../fonts/Bebas-Neue-Regular.ttf);}
body{
    font-family: Poppins-Medium, sans-serif;padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6{
    font-family: Bebas-Neue-Regular, serif;color:#222;margin:0px;padding:0px;}
h1{font-size:60px;line-height:1.1;}
h2{font-size:50px;line-height:1.1;}
h3{font-size:40px;line-height:1.1;}
h4{font-size:30px;line-height:1.1;}
h5{font-size:20px;line-height:1.1;}
h6{font-size:18px;line-height:1.1;}
p{
    font-family: Poppins-Medium, sans-serif;font-size:14px;color:#222;line-height:25px;margin:0px;}
img{width:100%;height:auto;outline:none;}
ul,li{margin:0px;padding:0px;}
a{color:#f73b01;text-decoration:none;}
a:active,a:hover,a:focus{outline:none;text-decoration:none;color:#ce102c;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
:focus{outline:none;}

/*********************************** End Of Common Css ***********************************/

/*********************************** Start Of Common Class Css ***********************************/
.page-content{overflow:hidden;}
.sub-container{padding:0% 10%;}
.white-color{color:#ffffff;}
.white-bg{background:#ffffff;}
.primary-color{color:#294b93;}
.primary-bg{background:#294b93;}
.secondary-color{color:#F73B01;}
.secondary-bg{background:#F73B01;}
.yellow-bg{background:#fdda2f;}
.black-color{color:#000;}
.black-bg{background:#000;}
.button{font-family:Poppins-Bold;font-size:14px;color:#ffffff;text-align:center;padding:12px 40px;display:inline-block;border:none;outline:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button.secondary-bg:hover, .button.secondary-bg:active,.button.secondary-bg:focus{background:#ce102c;color:#ffffff;border-color:#ffffff;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button.primary-bg:hover .button.primary-bga:active,.button.primary-bg:focus{background:#fa860a;color:#ffffff;border-color:#ffffff;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

/********************************* Start Of Header Css***************************************/
.navbar-nav{display:flex;justify-content:flex-end;flex-direction:row;}
.logo img{max-width:135px;}
.header-menu ul li{margin-left:35px;}
.header-menu ul li a{font-family:Poppins-Bold;font-size:13px;color:#222;text-transform:capitalize;display:block;}
.header-menu ul li:last-child a{color:#F73B01;}
.mobile-header{display:none}
.header-menu ul li a.active{/*color:#ce102c;*/ border-bottom:1px solid #CE102C;}
.header-menu ul li a:hover{color:#ce102c;}
.header-menu ul li a.button{color:#fff;}
header{position:sticky;z-index:11;left:0;right:0px;top:0px;background:#fff;box-shadow:0px 0px 2px #ccc;}

/********************************* End Of Header Css***************************************/

/********************************* Start Of Home Pages Css***************************************/
.hero-button .button {width: 180px;}
.call-to-action-button .button {width: 180px;}
.service-title h5{border-bottom:2px solid #000;display:inline-block;}
.call-to-action-info p{font-size:22px;}
.service-box .card-footer {background-color: transparent; border-top: 0px solid rgba(0,0,0,.125);}
.service-box.card { border: none;}
.international-awards-media-bg{background:#cdd7ee;}
.footer-info ul{    /* max-width: 700px; */
    margin:0px auto;background:#eeeeee;padding:10px 6%;}
.footer-info ul li{list-style-type:none;}
.footer-info ul li a{color:#222;}
.footer-info ul li a:hover{color:#F73B01;}

/********************************* End Of Home Pages Css***************************************/
@media (min-width:1200px){
    .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1030px;}
}
@media screen and (max-width:992px){
    .sub-container{padding:0px;}
}
@media screen and (max-width:767px) {

    img.news-image{
        width: 100% !important;
        float: left;
        padding: 10px 10px 10px 0;
    }

    h4 {
        font-size: 22px;
    }

    .sub-container {
        padding: 0px;
    }

    .logo img {
        max-width: 90px;
    }

    .navbar-nav {
        display: block;
    }

    .header .offcanvas {
        max-width: 80%;
    }

    .header-menu ul li {
        display: block;
        padding: 10px 0px;
        margin-left: 0px;
        text-align: center;
    }

    .header .btn-close svg {
        color: #cf0728;
    }

    .header .btn-close {
        background: none;
        opacity: 1;
    }

    .header-menu li .button {
        max-width: 175px;
        margin: 0px auto;
    }

    .btn-close:focus {
        box-shadow: none;
    }

    .toggle-btn:focus, .toggle-btn:active, .toggle-btn:hover {
        color: #ce102c;
    }

    .header a.toggle-btn:hover svg {
        color: #ce102c;
    }

    .desktop-header {
        display: none
    }

    .mobile-header {
        display: block
    }

    .fancy-box, .about-us-image, .service-box {
        margin-bottom: 20px;
    }

    .hero-info {
        text-align: center;
    }

    .hero-button {
        margin: 0px auto;
    }

    .about-us-info {
        text-align: center;
    }

    .call-to-action-info {
        text-align: center;
    }

    .call-to-action-button {
        margin: 10px auto;
    }

    .service-info {
        text-align: center;
    }

    .info-section p {
        text-align: center;
    }

    .footer-info ul {
        padding: 10px 10px;
        font-size: 12px;
    }
    .footer-area h4 { padding-top: 20px; padding-bottom:10px !important;}
}
a.primary-color{
    color:#F73B01 !important;
}

/*from old*/
#header.header-scrolled, #mobile-header.header-scrolled {box-shadow: -21.213px 21.213px 30px 0px rgba(158, 158, 158, 0.3);transition: all 0.5s;background: #fff;}
.logo img { width:auto !important;}
#header.header-scrolled .logo img {max-height: 70px;transition: all 0.5s linear;}

.nav-link{color:#222 !important;} /*to fix blue color in nav bar*/
.footer-area {background-color: #222;padding: 40px 0 30px 0;}
.footer-area a, .footer-area p{color:#ffffff;}
.footer-area h4 {padding-bottom: 20px;}
.footer-title{padding-top:40px;}
.footer-title h5{color:#fff;}
.footer-area .footer-bottom{padding-top:40px;}
.footer-area .footer-bottom .footer-social {text-align: right}
.footer-area .footer-bottom .footer-social a {margin: 2px;padding: 12px 16px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s
}
.footer-area .footer-bottom .footer-social a:hover {background-color: #cf0728}
.footer-area .footer-bottom .footer-social i {color: #cccccc;-webkit-transition: all 0.3s ease 0s;   -moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s}
.generic-banner{text-align: center;}
.img-fluid{width:auto !important;}
.our-team .single-team {
    position: relative;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(132 144 255 / 10%);
    border-bottom:  2px solid transparent;
    margin-bottom: 20px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.our-team .single-team:hover {
    cursor: pointer;
    border-bottom: 2px solid #cf0728;
}

.our-team .single-team .info{
    padding: 20px;
}

.our-team .team-picture {
    height: 250px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.our-team .desc {
    top: 0;
    opacity: 0;
    height: 98%;
    overflow-x: scroll;
    background: #fff;
    position: absolute;
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.2s;
}
.our-team .single-team:hover .desc {opacity: 1;}


/*post images float*/

.wp-block-media-text .wp-block-media-text__content{padding:0% !important;}
.wp-block-image img{max-width: none !important;
    /*width:50%; float:right; */
}
.spacing-top-generic {padding: 20px 0px;}
.fl-rt{float:right !important;}

/*about page images*/
.about-image{width:auto !important;}
.x-content-band p {text-align: center;}
.mb-30 {margin-bottom: 30px}

/*contact   form*/

.form-area input {
    padding: 15px
}

.form-area input,
.form-area textarea {
    border-radius: 0;
    font-size: 14px
}

.form-area textarea {
    height: 180px;
    margin-top: 0px
}

.biogas-cta {
    padding: 20px 0;
    background: #e0e0e0;
}

.biogas-cta p {
    color: #000;
    font-size: 15px;
}

.biogas-cta #mc_embed_signup {
    padding-top: 20px;
}

.wpcf7-submit{
    /*border-radius: 25px !important;*/
    /*padding: 3px 20px 3px 20px !important;*/
    margin-top:11px;
}


/*project page */
.project-donate-section{
margin-top:20px !important;
margin-bottom: 30px !important;
}


figure.news-image img{
    width:250px !important;
    height:auto;
    padding-right:20px;
    padding-top:6px;
    padding-left:6px;
    float:left;
}

ul.news-list{

}

ul.news-list li{
    list-style: none;
    margin-bottom: 10px;
}

ul.news-list li a{
    color:#000;
}

div.news-headlines{
    border-left: 1px solid #cecece;
    padding-left:10px;
}

div.hero-button{
    display:flex;
}
.hero-button a{
    display:inline;
    margin:5px;
}

.news-btn{
    background-color: #0054A6;
    color:#fff;
}

img.news-image{
    width: 400px;
/*    float: left;*/
    padding: 10px 10px 10px 0;
}

a.news-link{
    color:#000;
}