.pt-0I{
    padding-top:0!important
}
.no-padding{
    padding:0
}
.sprite{
    background:url("../../images/sprite.png") no-repeat top left;
    width:60px;
    display:inline-block
}
.sprite.facebook{
    background-position:0 0;
    width:9px;
    height:16px
}
.sprite.twitter{
    background-position:0 -26px;
    width:16px;
    height:13px
}
.sprite.goat{
    background-position:0 -49px;
    width:93px;
    height:86px
}
.sprite.water{
    background-position:0 -234px;
    height:73px
}
.sprite.solar{
    background-position:0 -145px;
    width:52px;
    height:50px
}
.sprite.family{
    background-position:0 -317px;
    width:52px;
    height:50px
}
.sprite.solar2{
    background-position:0 -377px;
    height:51px
}
.sprite.villages{
    background-position:0 -438px;
    width:86px;
    height:39px
}
.sprite.goat2{
    background-position:0 -483px;
    width:56px;
    height:51px
}
.sprite.arrow{
    background-position:-71px -3px;
    width:16px;
    height:16px
}
body,html{
    overflow-x:hidden
}
body{
    background:#fff;
    font-family:"Open Sans", sans-serif;
    color:#333333
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:"Montserrat", sans-serif
}
a{
    font-family:"Montserrat", sans-serif;
    -webkit-transition:color 0.4s ease, background 0.4s ease;
    -o-transition:color 0.4s ease, background 0.4s ease;
    transition:color 0.4s ease, background 0.4s ease
}
a:hover{
    text-decoration:none
}
.section{
    margin-top:60px;
    margin-bottom:60px
}
@media (max-width:767.98px){
    .section{
        margin-top:40px;
        margin-bottom:40px
    }
}
.section.section-hero{
    padding:0
}
.section h2{
    color:#E15928;
    font-weight:bold;
    font-size:40px;
    line-height:40px;
    margin-top:0;
    margin-bottom:40px;
    text-align:center
}
@media (max-width:767.98px){
    .section h2{
        font-size:24px;
        line-height:24px;
        margin-bottom:20px
    }
}
.section-text{
    font-size:20px;
    max-width:650px;
    margin:0 auto;
    padding-left:15px;
    padding-right:15px;
    text-align:justify;
    text-align-last:center
}
@media (max-width:767.98px){
    .section-text{
        font-size:16px
    }
}
.card{
    border-radius:10px;
    overflow:hidden;
    -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);
    border:none
}
.section-seperator{
    width:100%;
    height:62px;
    background-size:50px 50px;
    position:relative;
    text-align:center
}
.section-seperator:before{
    content:"";
    position:absolute;
    width:200px;
    height:60px;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background:white;
    z-index:1
}
@media (max-width:767.98px){
    .section-seperator:before{
        width:100px
    }
}
.section-seperator:after{
    content:"";
    position:absolute;
    top:23px;
    left:0;
    width:100%;
    height:15px;
    border-top:4px solid #cccccc;
    border-bottom:4px solid #cccccc
}
.section-seperator .seperator-img{
    width:50px;
    margin:0 auto;
    background:white;
    z-index:1;
    position:relative
}
header{
    position:relative
}
.navbar-brand{
    margin:0;
    position:absolute;
    top:-6px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
@media (max-width:991.98px){
    .navbar-brand{
        left:15px;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.navbar-brand img,.navbar-brand svg{
    height:50px
}
@media (max-width:991.98px){
    .navbar-brand img,.navbar-brand svg{
        height:40px
    }
}
@media (max-width:991.98px){
    .primary-nav .navbar-expand-lg>.container,.primary-nav .navbar-expand-lg>.container-fluid{
        padding-right:15px;
        padding-left:15px
    }
    .primary-nav .navbar-collapse{
        margin-top:10px
    }
}
.primary-nav .navbar{
    min-height:60px;
    background:rgba(0, 0, 0, 0.7)
}
@media (max-width:991.98px){
    .primary-nav .navbar{
        min-height:auto
    }
}
.primary-nav .navbar>.container{
    position:relative
}
@media (min-width:992px){
    .primary-nav .navbar:after{
        content:'';
        position:absolute;
        top:100%;
        left:7.5%;
        width:85%;
        height:0;
        border-top:solid 20px rgba(0, 0, 0, 0.7);
        border-left:solid 500px transparent;
        border-right:solid 500px transparent
    }
}
.primary-nav .navbar .nav-bottom{
    position:absolute;
    width:100%;
    left:0;
    height:20px;
    top:50px;
    overflow:hidden
}
.primary-nav .navbar .nav-bottom:after{
    content:'';
    position:absolute;
    width:100%;
    height:200px;
    background:rgba(0, 0, 0, 0.7);
    top:-180px;
    border-radius:50%;
    -webkit-transform:scaleX(1.5);
    -ms-transform:scaleX(1.5);
    transform:scaleX(1.5)
}
.primary-nav .navbar-dark .navbar-nav>li{
    margin-right:30px
}
.primary-nav .navbar-dark .navbar-nav>li>a{
    color:#ffffff;
    font-weight:600;
    font-size:18px;
    font-family:"Montserrat", sans-serif
}
.primary-nav .navbar-dark .navbar-nav>li>a:focus,.primary-nav .navbar-dark .navbar-nav>li>a:hover{
    background:transparent;
    color:#cccccc
}
.primary-nav .navbar-dark .navbar-nav>li .btn{
    background:#ffffff;
    color:black;
    border-radius:0;
    padding:5px 15px
}
.primary-nav .navbar-dark .navbar-nav>li .btn:focus,.primary-nav .navbar-dark .navbar-nav>li .btn:hover{
    color:black;
    background:#e6e6e6
}
.primary-nav .navbar-dark .navbar-nav>li.active>a{
    background:transparent;
    color:#cccccc
}
.primary-nav .navbar-dark .navbar-nav>li:last-of-type{
    margin-right:0
}
.primary-nav .navbar-dark .navbar-toggler{
    border:none;
    outline:none;
    margin-left:auto
}
.primary-nav .navbar-dark .navbar-toggler-icon{
    background-image:url('data:image/svg+xml,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg>')
}
.section-uptrade{
    text-align:center
}
.section-uptrade img{
    max-width:297px;
    margin:0 auto;
    margin-bottom:40px
}
@media (max-width:767.98px){
    .section-uptrade img{
        max-width:200px
    }
}
.section-uptrade .section-text{
    font-size:26px;
    text-align:center;
    max-width:100%
}
@media (max-width:767.98px){
    .section-uptrade .section-text{
        font-size:20px
    }
}
.section-hero{
    position:relative;
    text-align:center
}
.section-hero .uptrade-overlay{
    position:absolute;
    bottom:-50%;
    left:0;
    max-width:709px;
    opacity:0.6
}
.section-hero .parallax-window{
    height:450px;
    background:transparent
}
@media (max-width:767.98px){
    .section-hero .parallax-window{
        height:250px
    }
}
.section-hero img{
    width:auto;
    max-height:100%
}
.section-hero .goat-hero-image{
    height:450px;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.section-hero .content{
    position:absolute;
    bottom:25px;
    width:100%
}
@media (max-width:767.98px){
    .section-hero .content{
        bottom:10px
    }
}
.section-hero .btn-hero{
    font-size:32px;
    font-weight:bold;
    color:white;
    padding:15px 36px;
    background:rgba(0, 0, 0, 0.6)
}
.section-hero .btn-hero:hover{
    background:rgba(0, 0, 0, 0.7)
}
@media (max-width:767.98px){
    .section-hero .btn-hero{
        font-size:24px;
        padding:10px 18px
    }
}
.section-hero h1{
    color:white;
    font-size:20px;
    margin-top:25px;
    margin-bottom:0;
    text-shadow:0 2px 4px rgba(0, 0, 0, 0.7);
    font-family:"Open Sans", sans-serif;
    font-weight:bold
}
@media (max-width:767.98px){
    .section-hero h1{
        font-size:16px
    }
}
.section-what-we-do{
    padding-bottom:0
}
.section-what-we-do .play-wrap{
    margin-top:60px;
    width:100%;
    position:relative
}
@media (max-width:767.98px){
    .section-what-we-do .play-wrap{
        margin-top:40px
    }
}
.section-what-we-do .play-wrap img{
    max-width:100%
}
@media (min-width:992px){
    .section-what-we-do .play-wrap img{
        height:400px
    }
}
.section-what-we-do .play-wrap .play{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:scale(1) translate(-50%, -50%);
    -ms-transform:scale(1) translate(-50%, -50%);
    transform:scale(1) translate(-50%, -50%);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    border-radius:50%;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    cursor:pointer;
    z-index:1;
    width:100px;
    height:auto
}
.section-what-we-do .play-wrap .play:hover{
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-transform:scale(1.2) translate(-50%, -50%);
    -ms-transform:scale(1.2) translate(-50%, -50%);
    transform:scale(1.2) translate(-50%, -50%)
}
@media (max-width:767.98px){
    .section-what-we-do .play-wrap .play{
        width:50px
    }
}
.section-what-we-do video{
    max-width:100%
}
@media (min-width:992px){
    .section-what-we-do video{
        height:400px
    }
}
.video-wrap .video{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-bottom:16px;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.video-wrap .video:hover{
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.2);
    box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)
}
.video-wrap .video img{
    width:100%
}
.video-wrap .video p{
    color:#008080;
    font-size:22px;
    padding:20px 30px;
    text-align:left
}
@media (max-width:767.98px){
    .video-wrap .video p{
        font-size:16px;
        padding:15px
    }
}
.section-partners .partners-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    max-width:960px;
    margin:0 auto 10px auto;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.section-partners .partners-row.row1{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.section-partners .partners-row.row1 img{
    -webkit-filter:none;
    filter:none
}
@media (min-width:576px){
    .section-partners .partners-row.row1 a{
        margin-right:50px
    }
    .section-partners .partners-row.row1 a:last-of-type{
        margin-right:0
    }
}
@media (max-width:575.98px){
    .section-partners .partners-row{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        margin:0 auto 0 auto
    }
}
.section-partners .partners-row a{
    margin-bottom:30px
}
.section-partners img{
    max-width:100%;
    margin-right:30px;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:-webkit-filter 0.3s ease;
    transition:-webkit-filter 0.3s ease;
    -o-transition:filter 0.3s ease;
    transition:filter 0.3s ease;
    transition:filter 0.3s ease, -webkit-filter 0.3s ease
}
.section-partners img:hover{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.section-partners img:last-of-type{
    margin-right:0
}
.section-ourproducts h2{
    margin-bottom:30px
}
@media (max-width:767.98px){
    .section-ourproducts h2{
        margin-bottom:20px
    }
}
.section-ourproducts .list-group{
    -webkit-box-shadow:3px 0 10px rgba(3, 0, 10, 0.1);
    box-shadow:3px 0 10px rgba(3, 0, 10, 0.1);
    position:relative;
    z-index:1;
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
@media (max-width:767.98px){
    .section-ourproducts .list-group{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.section-ourproducts .list-group .list-group-item{
    border:none;
    border:1px solid #e4e4e4;
    border-left:none;
    border-right:none;
    border-radius:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#f2f2f2;
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (min-width:768px){
    .section-ourproducts .list-group .list-group-item{
        height:164px
    }
}
.section-ourproducts .list-group .list-group-item>span{
    opacity:0.6;
    text-align:center
}
.section-ourproducts .list-group .list-group-item>span.icon{
    color:#008080;
    font-weight:bold
}
@media (min-width:768px){
    .section-ourproducts .list-group .list-group-item>span.icon{
        margin-bottom:16px
    }
}
@media (max-width:767.98px){
    .section-ourproducts .list-group .list-group-item>span.icon img{
        max-width:50px;
        max-height:50px
    }
}
.section-ourproducts .list-group .list-group-item>span.text{
    color:#008080;
    font-weight:bold;
    font-size:22px
}
@media (max-width:767.98px){
    .section-ourproducts .list-group .list-group-item>span.text{
        font-size:18px;
        display:none
    }
}
.section-ourproducts .list-group .list-group-item.active{
    background-color:#ffffff
}
.section-ourproducts .list-group .list-group-item.active>span{
    opacity:1
}
.section-ourproducts .tab-content{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    background-color:#F2F2F2;
    padding:72px
}
@media (max-width:767.98px){
    .section-ourproducts .tab-content{
        padding:32px
    }
}
.section-ourproducts .tab-content h3{
    color:#008080;
    font-weight:bold;
    font-size:22px;
    margin-bottom:20px
}
@media (max-width:767.98px){
    .section-ourproducts .tab-content h3{
        font-size:18px
    }
}
.section-ourproducts .tab-content p{
    font-size:20px
}
@media (max-width:767.98px){
    .section-ourproducts .tab-content p{
        font-size:16px
    }
}
.section-ourproducts .tab-content .tab-pane{
    z-index:3
}
.section-ourproducts .tab-content .uptrade-overlay{
    position:absolute;
    top:0;
    right:0;
    max-width:100%;
    max-height:100%;
    opacity:0.2;
    z-index:2
}
.section-impact .slider-wrap{
    text-align:center;
    margin-top:60px
}
@media (max-width:767.98px){
    .section-impact .slider-wrap{
        margin-top:30px
    }
}
.section-impact .nav-tabs{
    border:1px solid #FFCA00
}
@media (min-width:576px){
    .section-impact .nav-tabs{
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex
    }
}
@media (max-width:575.98px){
    .section-impact .nav-tabs>li{
        -ms-flex-preferred-size:100%;
        flex-basis:100%
    }
}
.section-impact .nav-tabs>li>a.active{
    color:white;
    background-color:#FFCA00;
    border:none;
    border-bottom-color:transparent
}
.section-impact .nav-tabs>li>a.active:focus,.section-impact .nav-tabs>li>a.active:hover{
    color:white;
    background-color:#FFCA00;
    border-bottom-color:#FFCA00
}
.section-impact .nav-tabs>li>a{
    border:none;
    border-radius:0;
    color:#A9A9A9;
    font-weight:bold;
    font-size:18px;
    padding:10px 30px
}
@media (max-width:767.98px){
    .section-impact .nav-tabs>li>a{
        font-size:16px
    }
}
.section-impact .nav-tabs>li>a:focus,.section-impact .nav-tabs>li>a:hover{
    color:white;
    background-color:#FFCA00;
    border-bottom-color:#FFCA00
}
@media (min-width:768px){
    .section-impact .tab-content{
        padding-top:60px
    }
}
.section-impact .swiper-container img{
    width:100%
}
.section-impact .swiper-container .content{
    width:100%;
    min-height:110px;
    background:black;
    text-align:center;
    padding:16px 16px 32px 16px
}
@media (min-width:768px){
    .section-impact .swiper-container .content{
        background:rgba(0, 0, 0, 0.7);
        position:absolute;
        bottom:0;
        padding:16px
    }
}
.section-impact .swiper-container .content p{
    color:white;
    margin:0 auto;
    max-width:1088px;
    font-size:20px
}
@media (max-width:767.98px){
    .section-impact .swiper-container .content p{
        font-size:16px
    }
}
.section-impact .swiper-container .swiper-pagination{
    bottom:0
}
.section-impact .swiper-container .swiper-pagination-bullet{
    width:20px;
    height:4px;
    border-radius:4px;
    opacity:1;
    background:white;
    vertical-align:top
}
.section-impact .swiper-container .swiper-pagination-bullet-active{
    background:#FFCA00
}
.section-impact .swiper-container .swiper-button-next, .section-impact .swiper-container .swiper-button-prev{
    width:40px;
    height:40px;
    background:white;
    -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);
    background-image:url(../../images/arrow-right.svg) !important;
    background-position:center;
    background-repeat:no-repeat
}

@media (max-width:767.98px){
    .section-impact .swiper-container .swiper-button-next,.section-impact .swiper-container .swiper-button-prev{
        top:0;
        margin-top:10px
    }
}
.section-impact .swiper-container .swiper-button-prev{
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
@media (max-width:767.98px){
    .section-impact .swiper-container .swiper-button-prev{
        left:auto;
        right:60px
    }
}
.section-impact .cards{
    text-align:center;
    margin-top:60px
}
@media (max-width:767.98px){
    .section-impact .cards{
        margin-top:30px
    }
}
.section-impact .cards .card{
    padding-top:25px;
    padding-bottom:25px;
    margin-bottom:30px;
    width:100%;
    padding:10px;
    min-height:220px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease
}
@media (max-width:767.98px){
    .section-impact .cards .card{
        max-width:250px;
        margin-left:auto;
        margin-right:auto;
        padding:20px 10px
    }
}
.section-impact .cards .card:hover{
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.2);
    box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)
}
.section-impact .cards .card h3{
    font-size:36px;
    color:#E15928;
    font-weight:bold;
    margin:0
}
@media (max-width:767.98px){
    .section-impact .cards .card h3{
        font-size:32px
    }
}
.section-impact .cards .card h3.isShown{
    opacity:1
}
.section-impact .cards .card p{
    font-size:18px;
    color:#E15928;
    margin:10px 0 10px 0
}
@media (max-width:767.98px){
    .section-impact .cards .card p{
        font-size:16px
    }
}
.section-impact .cards .card .icon img{
    height:50px;
    max-width:70px
}
.section-impact .find-more{
    text-align:center
}
.section-impact .find-more a{
    font-size:18px;
    color:#008080;
    text-decoration:underline
}
.section-impact .find-more a i,.section-impact .find-more a img,.section-impact .find-more a svg{
    margin-left:16px;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.section-impact .find-more a:hover i,.section-impact .find-more a:hover img,.section-impact .find-more a:hover svg{
    -webkit-transform:translateX(4px);
    -ms-transform:translateX(4px);
    transform:translateX(4px)
}
.footer-top{
    background:#F5E4DD;
    padding-top:40px;
    padding-bottom:40px
}
@media (max-width:767.98px){
    .footer-top{
        padding-top:20px;
        padding-bottom:20px
    }
}
.footer-top img,.footer-top svg{
    max-width:245px
}
.footer-top ul{
    padding:0;
    margin:0
}
.footer-top ul li .nav-link{
    cursor:pointer;
     font-size:18px;
    color:#373A3C;
    padding-left:0;
    padding-right:0
}
@media (max-width:767.98px){
    .footer-top ul li .nav-link{
        font-size:16px
    }
}
.footer-top .social{
    margin-top:20px
}
.footer-top .social li{
    display:inline-block;
    margin-right:20px;
    vertical-align:middle
}
.footer-top .social li img{
    width:24px;
    height:24px
}
.footer-top .social li .twitter{
    position:relative;
    top:1px
}
.footer-bottom{
    background:#000000;
    padding:15px 0;
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    color:#fff
}
.footer-bottom ul{
    padding:0;
    margin:0
}
@media (min-width:576px){
    .footer-bottom ul{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
.footer-bottom ul li{
    margin-right:20px;
    position:relative
}
.footer-bottom ul li:after{
    content:"/";
    color:#fff;
    position:absolute;
    top:0;
    right:-13px
}
.footer-bottom ul li:last-of-type{
    margin-right:0
}
.footer-bottom ul li:last-of-type:after{
    display:none
}
.footer-bottom ul li .nav-link{
    color:#fff;
    padding:0
}
@media (max-width:767.98px){
    .footer-bottom ul li .nav-link{
        font-size:16px
    }
}
 .buy-from-us{
    background: #ffffff;
     color: black;
    border-radius: 0;
    padding: 5px 15px;
    color: #ffffff;
    outline:none;
     border:none;
     width:151px;
     height:39px;
     font-weight: 600;
     font-size: 18px;
     font-family: "Montserrat", sans-serif;
}
 .user-addform .form-control{
     margin-bottom:15px;
}
 .location .radioWrapp{
     height:150px !important;
}
 .budget .radioWrapp{
     height:150px !important;
}