body{

     margin:0;

     padding:0;

     color: #000000;

    font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

    font-size: 16px;

}

p {

    color: #000000;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 16px;

   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}

@font-face {

    font-family: 'RobotoSlab-Bold';

    src: url('../fonts/RobotoSlab-Bold');

    src: local('RobotoSlab-Bold'), url('../fonts/RobotoSlab-Bold.woff') format('woff'), url('../fonts/RobotoSlab-Bold.ttf') format('truetype');

}

h1, h2, h3, h4, h5, h6{

     color: #000000;

    font-family: 'RobotoSlab-Bold';

    margin-top: 10px;

    margin-bottom: 10px;

}

h1{

	font-size: 26px;

	color: #000000;

}

h2{

	font-size: 22px;

	color: #000000;

}

h3{

	font-size: 18px;

	color: #000000;

}

h4{

	font-size: 26px;

	color: #874d95;

}

h5{

	font-size: 22px;

	color: #874d95;

}

h6{

	font-size: 18px;

	color: #874d95;

}

a{

    color: #874d95;

}

a:focus, a:hover{

	text-decoration:none;

}

.navpart {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.logo {

    padding: 10px 0px;

    display: block;

    width: 100%;

    float: left;

}

.logo img{

    float: left;

    width: 150px;

}

.logo-text {

    display: inline-block;

    margin-top: 20px;

    margin-left: 20px;

}

.logo p {

    font-size: 36px;

    font-weight: 500;

    color: #088bff;

    font-family: 'RobotoSlab-Bold';

    margin-bottom: 15px;

}

.logo-text .logo-sub-text {

    padding-left: 5px;

    font-size: 16px;

    color: #ffffff;

    font-weight: 500;

}

.top-header {

    background-color: #ffffff;

}

.navbar-nav.breadcrumb > li + li:before{

    display: none;

}

.navbar-header .attr-nav {

    display: none;

}

nav.navbar.bootsnav{

    background-color:rgb(0 0 0 / 35%);

}

.inner-pages nav.navbar.bootsnav {

    background-color: #ffffff;

    border-bottom: 1px solid #874d95;

}

.inner-pages .logo-sub-text, .wrap-sticky nav.navbar.bootsnav.sticked .logo-sub-text{

    color: #000000;

}

header.navpart.inner-pages {

    position: inherit;

}

.wrap-sticky nav.navbar.bootsnav.sticked{

    background-color: #ffffff;

    border-bottom: 1px solid #935e9f;

}

nav.navbar.bootsnav .navbar-nav > li > a {

     color: #ffffff;

    font-weight: 600 !important;

    padding: 5px 15px;

    font-size: 16px;

    text-shadow: none;

    text-transform: uppercase;

    margin: 0px;

}

.inner-pages nav.navbar.bootsnav .navbar-nav > li > a {

    color: #874d95;

}

.wrap-sticky nav.navbar.bootsnav.sticked .navbar-nav > li > a{

    color: #874d95;

}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {

    background-color: #4186c2;

    color: #ffffff;

}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{

    background-color: #874d95;

    color: #fff;

    transition: all 0.3s linear;

}

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{

    padding:0px !important;

    border:none;

}

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{

    padding:10px 10px;

    font-size: 16px;

    font-weight: 600 !important;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, nav.navbar.bootsnav .navbar-toggle {

    color: #874d95;

    padding: 6px 10px 2px 10px;

    cursor: pointer;

}

button.navbar-toggle .fa-bars {

    font-size: 22px;

}

.attr-nav > ul > li > a {

    color: #ffffff;

    padding: 18px 10px;

}

.navbar-right {

    float: left !important;

}

ul.nav.navbar-nav.navbar-right {

    margin: 0px;

    display: block;

    text-align: left;

}

.carousel-indicators{

    display: none;

}

.carousel-caption{

    background-color:inherit;

    left: 10%;

    right: auto;

}

.carousel-caption .sl-heading {

    color: #ffffff;

    font-size: 42px;

    text-align: left;

}

.carousel-caption p {

    text-align: left;

}

.carousel-caption a {

    width: 150px;

    font-size: 16px;

    border-radius: 5px;

}

.about-block {

    padding: 50px 0px; 

}

.about-right h1 {

    margin-top: 0px;

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 20px;

}

.about-left img {

    width: 100%;

}

.quality-list {

    background-color: #404b3d;

    padding: 30px;

    border-radius: 5px;

}

.about-right p {

    line-height: 25px;

    margin-bottom: 15px;

}

.about-right .pastor-text {

    font-weight: 500;

}

.about-quality {

    width: 100%;

    float: left;

}

.about-quality .q-col {

    padding-left: 0px;

}

.about-quality .quality-list .best-icon {

    font-size: 48px;

    color: #c8992d;

}

.about-quality .quality-list h3 {

    font-size: 20px;

    color: #ffffff;

    line-height: 1.2;

}

.about-quality .quality-list p {

    color: #ffffff;

    line-height: 24px;

    margin-bottom: 0px;

    margin-top: 15px;

}

.about-right .btn-primary {

    background-color: #874d95;

    border-color: #874d95;

    padding: 10px 40px;

    border-radius: 2px;

    margin-top: 15px;

    transition: all 0.3s linear;

}

.about-right .btn-primary:hover{

    background-color: #4186c2;

    border-color: #4186c2;

    color: #ffffff;

}

.service-block {

    background-color: #343a40bd;

    width: 100%;

    float: left;

    padding: 20px;

    border-radius: 5px;

}

.services-left h3 {

    color: #ffffff;

    margin-top: 0px;

}

.services-left p{

    color: #ffffff;

    line-height: 28px;

}

.services-left strong {

    font-size: 20px;

      margin-bottom: 25px;

}

.donate-btn .btn-primary {

    background-color: transparent;

    border: 1px solid #ffffff;

    padding: 10px 20px;

    display: block;

    color: #ffffff;

    width: 180px;

    text-align: center;

    border-radius: 3px;

    transition: all 0.3s linear;

}

.donate-btn .btn-primary:hover{

    background-color: #874d95;

    border-color: #874d95;

}

.donate-btn.pull-right {

    margin: 90px 30px;

}

.agri-block {

    padding: 50px 0px;

    background-color: #f5f5f5;

}

.modern-block{

    padding: 70px 0px;

}

.modern-block {

    padding: 100px 0px;

    position: relative;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}

.agri-block .help-heading h1 {

    color: #000000;

    margin-top: 0px;

    margin-bottom: 30px;

}

.agri-content h2 {

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 1.2;

}

.agri-content h2 a{

    color: #000000;

}

.agri-content .fa-calendar-alt {

    color: #874d95;

    margin-right: 5px;

}

.connect-us {

    background-color: #ffffff;

    padding: 50px 0px;

}

.connect-block .call-icon {

    float: left;

    background-color: #874d95;

    color: #ffffff;

    border-radius: 250px;

    margin-right: 10px;

    width: 50px;

    padding: 14px 18px;

    height: 50px;

}

.call-text {

    display: table-cell;

}

.call-text h5 {

    margin-top: 0px;

    text-transform: uppercase;

}

.help-heading h1 {

    margin-top: 0px;

    margin-bottom: 45px;

}

.services-left {

    padding: 20px;

}

.donate-btn{
    text-align: center;
}
.donate-btn p{
    color: #ffffff;
    font-size: 18px;
}
.donate-btn h3{
    font-size: 24px;
    color: #ffffff;
}

footer{

    border: none;

}

.top-footer{

    background-color: #f5f5f5;

    padding: 50px 0px;

    border-top: 2px solid #874d95;

}

.footer-title {

    color: #000000;

    font-weight: 700;

    font-size: 20px;

    position: relative;

    margin-bottom: 15px;

}

.footer-logo p {

    color: #000000;

    font-weight: 300;

    line-height: 26px;

}

.footer-logo a{

    font-weight: 500;

}

.shop-list ul li a {

    color: #000000;

    font-size: 16px;

    text-transform: capitalize;

    font-weight: 300;

}

.more-info address {

    font-weight: 500;

}

.more-info address p {

    padding-bottom: 0px;

    color: #ffffff;

    font-weight: 500;

    line-height: 30px;

}

#newsletterForm .input-group {

    display: block;

}

#newsletterForm .input-group .form-control {

    width: 100%;

    display: block;

    float: none;

    border-bottom: 1px solid #000000 !important;

    border-radius: 0px;

    box-shadow: none;

    border: 0px;

    background-color: inherit;

}

#newsletterForm  .input-group-btn {

    width: 100%;

    display: block;

    /*margin-top: 20px;*/

}

#newsletterForm .input-group-btn .btn {

    background: #874d95 none repeat scroll 0 0;

    border: 1px solid #874d95;

    font-size: 15px;

    border-radius: 5px !important;

    padding: 10px 30px;

    font-weight: 500;

    transition: all 0.3s linear;

}

#newsletterForm  .input-group-btn .btn:hover{

    background: #874d95;

    border-color: #874d95;

}

#newsletterForm input::placeholder{

    color: #000000;

}

.copy p, .power p a {

    color: #565872;

}

.bottom-footer {

    padding: 0px;

    padding-top: 20px;

    background-color: #f5f5f5;

    border-top: 1px solid #b3b3b3;

}

.power p{

    color: #565872;

}

.more-info p {

    font-size: 16px;

    color: #000000;

    padding-bottom: 0px;

}

.header-imgcontent{

    position: relative;

}

.header-imgcontent .center.page_heading {

    position: absolute;

    bottom: 30px;

    color: #ffffff;

    font-size: 48px;

    background-color: rgb(0 0 0 / 52%);

    padding: 15px 35px;

    border-radius: 5px;

}

.page-section {

    padding-top: 30px;

}

.social-icons li .fa-facebook {

    font-size: 35px;

    color: #3a559f;

}

.social-icons li .fa-youtube {

   font-size: 40px;

    color: #ff0000;

    position: relative;

    top: 2px;

}

.social-icons {

    margin: 0px;

}

.demo .lSSlideOuter img {
    width: 100%;
}

/*--media-responsive--*/



@media (min-width: 992px){

    .about-right {

        padding-left: 50px;

        padding-right: 100px;

    }

    .shop-list {

        margin-left: 30px;

    }

    ul.nav.navbar-nav.navbar-right {

        position: absolute;

        bottom: 20px;

        left: 18%;

    }

 

}

@media (min-width: 1200px){

      ul.nav.navbar-nav.navbar-right {

        left: 15%;

    } 

}



@media (max-width:1199px) and (min-width:992px){

    nav.navbar.bootsnav .navbar-nav > li > a{

        padding: 15px 10px;

        font-size: 16px;

    }

    .carousel-caption{

        top: 30%;

    }

    .carousel-caption h1{

        letter-spacing: 0.12em;

    }

    .carousel-caption p{

        line-height: 26px;

    }

    .carousel-caption .sl-heading{

        font-size: 30px;

        line-height: 1.2;

    }

    .logo-text .logo-sub-text{

        font-size: 16px;

    }

    .logo-text{

        margin: 20px 0px 20px 16px;

    }

    ul.nav.navbar-nav.navbar-right{

        bottom: 10px;

    }
    .call-text p{
        font-size: 12px;
    }

}

@media (max-width:991px) and (min-width:768px){

    nav.navbar.bootsnav .navbar-nav > li > a{

        padding: 10px 12px;

        font-size: 14px;

        margin: 0px;

    }

    ul.nav.navbar-nav.navbar-right {

        width: 100%;

    }

    .navbar-header {

        float: none;

        margin: 0px;

        width: 100%;

        text-align: center;

    }

    .carousel-caption h1 {

        font-size: 30px;

        letter-spacing: 0.12em;

        margin-bottom: 30px;

    }

    .carousel-caption p{

        font-size: 15px;

        margin-bottom: 20px;

    }

    .carousel-caption a{

        font-size: 15px;

    }   

    .about-right {

       padding-top: 30px;

    }

    .footer-title{

        margin-top: 20px;

    }

    .carousel-caption{

        top: 40%;

    }

    .carousel-caption .sl-heading {

        font-size: 30px;

        line-height: 1.2;

    }

    .logo{

        padding-bottom: 0px;

    }

    .logo-text{

        margin-top: 45px;

    }

}

@media (max-width:767px) and (min-width:320px){

    .navpart{

        position: inherit;

    }

    .carousel-caption .sl-heading {

        font-size: 24px;

    }

    .logo{

        padding:10px 0px;

    }

    .logo p{

        font-size: 30px;

        margin-bottom: 10px;

    }

    .logo-text .logo-sub-text{

        font-size: 14px;

        color: #000000;

    }

    nav.navbar.bootsnav {

        background-color: #ffffff;

    }

    .logo img {

        float: none;

    }

    .logo-text {

    margin: 15px 0px 10px;

    display: block;

    }

    nav.navbar.bootsnav .navbar-nav > li > a{

        padding: 10px 10px;

        font-size: 16px;

        margin: 0px;

        color: #874d95;

    }

    nav.navbar.bootsnav .navbar-toggle{

        top: 0px;

    }

    .carousel-caption{

        top: 10%;

    }

    .about-right {

       padding-top: 30px;

    }

    .services-left{

        padding: 0px;

    }

    .donate-btn.pull-right {

        width: 100%;

        float: left;

        margin: 0px;

    }

    .footer-title{

        margin-top: 20px;

    }

   

}

@media (max-width:480px) and (min-width:320px){

    .logo p{

        line-height: 1;

    }

    .carousel-caption .sl-heading {

    font-size: 16px;

    line-height: 22px;

}

    .wrap-sticky nav.navbar.bootsnav.sticked {

    position: initial;

}

   .carousel-caption p{

        display: none;

   }

   .carousel-caption h1{

        font-size: 20px;

        margin-bottom: 10px;

        border: none;

   }

    .carousel-caption a {

        font-size: 14px;

        height: auto;

        padding: 10px 15px;

        line-height: initial;

        width: auto;

        display: inline-block;

    }

    .carousel-caption{

        top: 20%;

    }

    .about-block, .agri-block, .connect-us, .top-footer{

        padding: 30px 0px;

    }

    .about-right h1,.agri-block .help-heading h1, .help-heading h1 {

        font-size: 30px;

    }

    .connect-block {

        margin-bottom: 10px;

    }

    .agri-content {

        margin-bottom: 10px;

        width: 100%;

        float: left;

    }
    .call-text p {
        font-size: 12px;
    }

}