body 
{
    font-family:'Poppins', sans-serif;
}

.img-logo 
{
    max-width:100%;
}

.header 
{
    padding-top:15px;
    padding-bottom:15px;
}

a.navbar-brand 
{
    display:none;
}

.main-menu ul li a 
{
    color:#222;
    font-size:17px;
    margin:0px 5px;
    display:inline-block;
    font-weight:600;
    padding-top:5px;
}

.main-menu ul li a:hover 
{
    color:#0656d0;
}

.slider img 
{
    width:100%;
    height:70vh;
    object-fit: cover;
    filter:brightness(25%);
    min-height:550px;
}

.carousel-caption 
{
    text-align:left;
    bottom:22vh;
}

.carousel-caption h2 
{
    font-size:36px;
    font-weight:700;
}

.carousel-caption p 
{
    max-width:600px;
    margin-top:20px;
    font-size:15px;
    line-height:32px;
}

a.green-link 
{
    background:#0656d0;
    color:#fff;
    padding:10px 25px;
    border-radius:20px;
    display:inline-block;
    margin-top:20px;
    font-weight:700;
    text-transform:uppercase;
}

.carousel-indicators 
{
    left:auto;
    right:0px;
    padding-bottom:30px;
}

.carousel-indicators li
{
    height:15px;
    width:15px;
    margin-left:10px;
    border-radius:50%;
}

.carousel-indicators li.active
{
    width:50px;
    border-radius:10px !important;
    background:#0656d0;
    height:15px;
    margin-top:10px;
    border:0px;
}

.about 
{
    padding:80px 0px;
}

.about img 
{
    width:100%;
    height:470px;
    border-radius:20px;
    object-fit: cover;
}

h2.section-title 
{
    color:#312782;
    font-size:18px;
    text-transform:uppercase;
    font-weight:700;
}

h3.section-subtitle 
{
    color:#111;
    font-size:32px;
    font-weight:700;
    margin-top:15px;
}

p.section-para 
{
    margin-top:30px;
    line-height:32px;
}

.about h2 
{
    margin-top:30px;
}

.about-infos a 
{
    margin-top:5px;
    color:#312782;
    display:inline-block;
    font-weight:600;
}

.products 
{
    background:#EDF0F5;
    padding:80px 0px;
}

.product-single 
{
    background:#fff;
    border-radius:20px;
    padding:20px;
    box-shadow:0px 0px 25px #aaa;
    margin-top:30px;
}

.product-single img 
{
    width:100%;
    height:230px;
    border-radius:12px;
    object-fit:cover;
}

.product-single h2 
{
    color:#222;
    font-size:18px;
    margin-top:15px;
    font-weight:600;
}

.product-single p 
{
    color:#444;
    margin-top:10px;
    font-size:15px;
    line-height:30px;
}

.donate-us
{
    background:#0656d0;
    color:#fff;
}

.gallery 
{
    background:#EDF0F5;
    padding:80px 0px;
}

.gallery img 
{
    width:150px;
    height:150px;
    object-fit:cover;
    margin:0px auto;
    margin-top:30px;
    border-radius:50%;
}

.gallery h5 
{
    font-size:18px;
}

.gallery a 
{
    font-size:15px;
    color:#0656d0;
}

.blog 
{
    padding:80px 0px;
}

.blog-single 
{
    margin-top:30px;
}

.blog-single img 
{
    width:100%;
    height:240px;
    object-fit:cover;
    border-radius:20px;
}

.blog-infos 
{
    margin-top:15px;
    color:#777;
    text-transform:uppercase;
}

.blog-single h3 
{
    font-size:18px;
    color:#222;
    font-weight:600;
    margin-top:15px;
}


.footer 
{
    background:#0656d0;
    padding-top:70px;
    padding-bottom:90px;
    color:#fff;
    font-size:15px;
    line-height:30px;
}

.footer-contact 
{
    border-bottom:solid 1px #777;
    padding-bottom:30px;
}

.footer-contact h2 
{
    font-weight:700;
    font-size:24px;
    margin-top:10px;
}

.footer-contact a 
{
    background:#0656d0;
    color:#fff;
    border-radius:20px;
    width:100%;
    display:block;
    text-align:center;
    padding:10px;
}

.main-footer
{
    padding-top:50px;
}

h2.footer-title 
{
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
}

.main-footer ul 
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    margin-left:5px;
}

.main-footer p 
{
    color:#eee;
}

.main-footer ul li a 
{
    color:#eee;
    display:block;
    font-size:15px;
    margin-top:5px;
}

.footer-credit 
{
    background:#06429d;
    color:#eee;
    font-size:14px;
    padding-top:30px;
    padding-bottom:70px;
    line-height:30px;
}

.footer-credit a 
{
    color:#eee;
    font-weight:700;
}

.page-title 
{
    background-image:url('img/back.jpg');
    padding-top:60px;
    padding-bottom:60px;
    background-size:cover;
    background-attachment:fixed;
    color:#fff;
}

.page-title a 
{
    color:#fff;
}

.about-mission 
{
    padding-bottom:70px;
}

.mission-single 
{
    background:#EDF0F5;
    padding:25px;
    border-radius:20px;
    margin-top:30px;
}

.mission-single h2 
{
    font-size:22px;
    font-weight:700;
    color:#222;
}

.mission-single p 
{
    color:#111;
    font-size:15px;
    line-height:30px;
    margin-top:20px;
}

p.div-para 
{
    font-size:16px;
    line-height:30px;
}

h3.about-title 
{
    margin-top:20px;
    font-weight:700;
    margin-bottom:30px;
}


.contact-page 
{
    padding-top:70px;
    padding-bottom:80px;
}

.contact-form 
{
    margin-top:30px;
}

.contact-form h2 
{
    color:#222;
    font-weight: 700;
    margin-bottom:30px;
}

.contact-form input 
{
    width:100%;
    display:inline-block;
    border-radius:20px;
    background:#EDF0F5;
    border:none;
    padding:10px;
    margin-top:10px;
    margin-bottom:30px;
}

.contact-form textarea 
{
    width:100%;
    display:inline-block;
    border-radius:20px;
    background:#EDF0F5;
    border:none;
    padding:10px;
    margin-top:10px;
    margin-bottom:30px;
    min-height:130px;
    max-height:130px;
}

.form-submit 
{
    background:#0656d0 !important;
    color:#fff;
    padding:10px 30px;
    border-radius:20px;
    width:30% !important;
}

.contact-infos 
{
    background:#EDF0F5;
    padding:25px;
    border-radius:20px;
    margin-top:30px;
}

.contact-infos h2 
{
    font-size:20px;
    font-weight:700;
    color:#222;
}

.contact-infos p 
{
    margin-top:15px;
    line-height:31px;
}

.emergency 
{
    background:#0656d0;
    color:#fff;
    padding:25px;
    border-radius:20px;
    margin-top:30px;
}

.emergency h2 
{
    font-size:32px;
    font-weight:700;
    margin-top:15px;
}

.emergency h4
{
    font-size:22px;
}

.social 
{
    background:#EDF0F5;
    padding:25px;
    border-radius:20px;
    margin-top:30px;
}

.social h2 
{
    font-size:20px;
    color:#222;
    font-weight:700;
    margin-bottom:25px;
}

.social a 
{
    margin-right:15px;
    color:#0093D3;
    font-size:20px;
}

.map-responsive
{
    overflow:hidden;
    padding-bottom:300px;
    position:relative;
    height:0;
    border-radius:20px;
}

.map-responsive iframe
{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.map-div 
{
    padding-bottom:80px;
}

.footer-logos 
{
    background:#EDF0F5;
    text-align:center;
    padding:35px 0px;
}

.footer-logos img 
{
    margin:10px 50px;
}

@media only screen and (max-width: 600px) {
    .navbar-toggler
    {
        border:solid 1px #222;
        color:#222;
    }

    .slider p 
    {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2; 
        -webkit-box-orient: vertical;
    }

    img.img-logo 
    {
        width:50%;
        margin-bottom:10px;
    }

    .navbar 
    {
        padding-left:0px;
    }
  }