@font-face {

font-family: 'CachetStd-Medium';

src: url('../fonts/cachet/CachetStd-Medium');

src: local('CachetStd-Medium'), url('../fonts/cachet/CachetStd-Medium.woff') format('woff'), url('../fonts/cachet/CachetStd-Medium.ttf') format('truetype');

}



@font-face {

font-family: 'cachet-book-webfont';

src: url('../fonts/cachet/cachet-book-webfont');

src: local('cachet-book-webfont'), url('../fonts/cachet/cachet-book-webfont.woff') format('woff'), url('../fonts/cachet/cachet-book-webfont.ttf') format('truetype');

}


@font-face {

font-family: 'Verdana';

src: url('../fonts/cachet/Verdana');

src: local('Verdana'), url('../fonts/cachet/Verdana.woff') format('woff'), url('../fonts/cachet/Verdana.ttf') format('truetype');

}



body{

     margin:0;

     padding:0;

     font-size:16px;

    font-family: 'cachet-book-webfont';

     color: #353535;

}

p {

    font-family: 'cachet-book-webfont';

    color: #353535;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 16px;

}

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

     font-family: 'CachetStd-Medium';

     color: #000;

    margin-top: 10px;

    margin-bottom: 10px;

     }

h1{

    font-size: 24px;

    color: #000000;

}

h2{

    font-size: 20px;

    color: #000000;

}

h3{

    font-size: 24px;

    color: #92278f;

}

h4{

    font-size: 20px;

    color: #ed1c24;

}

h5{

    font-size: 24px;

    color: #ed1c24;

}

h6{

    font-size: 20px;

    color: #0089d0;

}

a:focus, a:hover{

    text-decoration:none;

}

#top-header{

    background-color: #636466;

    padding: 0px 0px;

}

.top-search {
    background-color: #ed1c24;
    padding: 5px 0 10px;
}
.top-search .form-control{
	height: 34px;
}
.top-search .form-control:focus{
	background-color: inherit !important;
	background-image: none !important;
}
#top-header .title {

    margin: 0px;

    color: #fff;

    padding: 10px 0px;

    font-size: 24px;

}

#top-header .home-account{

    padding: 0px;
    margin-top: 7px;

}


.home-account .search-box .search-icon {

    width: auto;

    padding: 3px 15px;

    background-color: #0089d0;

    border-color: #0089d0;

    color: #fff;

    font-size: 16px;

}

.home-account a{

    font-size: 16px;
    border-right:none;
}

nav.navbar.bootsnav .navbar-brand h1 {

    font-size: 34px;

    color: #ffffff;

    font-family: 'Catamaran-Black';

    clear: both;

    float: right;

}

.navbar-brand>img{

    max-width: 200px;

}

/*Navbar-sticky-menu-list*/

nav.navbar.bootsnav{

 background-color: rgba(0, 0, 0, 0.45);

}

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

    background-color: #636466;

}

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

    color: #ffffff;

}

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

    color: #000000;

}

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

    color: #fff;

    padding: 15px 15px;

    margin: 17px 0px;

    text-transform: uppercase;
    
    font-weight: 100 !important;
    font-family: 'CachetStd-Medium';

}

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

    color: #ed1c24 !important;

}

nav.navbar.bootsnav .navbar-brand{

    padding:5px 0px;

    height: auto;

}

.navbar-right{

    float: right !important;

}

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

    background-color: #636466;

}

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

    color: #fff;

     background-color: initial;

    font-size: 16px;

}

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

    background-color: #ed1c24;

    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;

}

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

    color: #ffffff;

    padding: 6px 10px 2px 10px;

    cursor: pointer;

}

nav.navbar.bootsnav nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,

nav.navbar ul.nav li.dropdown.on > a, nav.navbar ul.nav > li.active > a:hover, 

nav.navbar ul.nav li.active > a, nav.navbar li.dropdown ul.dropdown-menu > li a:hover{

      color: #ed1c24;

} 

button.navbar-toggle .fa-bars {

    font-size: 22px;

}

.navbar-right ul.list-unstyled.list-inline.social-icon a {

    color: #fff;

}

ul.list-unstyled.list-inline.social-icon {

    margin-left: 15px;

}



.navbar-header .attr-nav {
    display: none;
}
button.top-sch {
    background-color: initial;
    border: none;
}
.attr-nav > ul > li > a{
   font-size: 24px;
   color: #ed1c24;
    padding: 24px 15px;
}

/*end-navbar*/

.carousel-control.right, .carousel-control.left{

    background-image: inherit;

}

.carousel-caption h1 {

    color: #fff;

    text-shadow: none;

}

.carousel-caption{

    background-color: inherit;

}

.carousel-caption {

    background-color: inherit;

    top: 36%;

}

.carousel-inner>.item img {

    width: 100%;

}

.carousel-indicators{

    z-index: 5;

    display: none;

}

.carousel-inner>.item:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /*background-color: rgba(0, 0, 0, 0.30);*/

}

.carousel-caption a {

    width: 180px;

    height: auto;

    padding: 12px 0px;

    line-height: initial;

    background-color: #0089d0;

    transition: all 0.3s ease-in-out 0s;

}

.carousel-caption a:hover{

    background-color: #92278f

}

/*carusel-end*/

.service-list {

    text-align: center;

}

.service-block {

    padding: 70px 0px 50px;

    background-color: #f1f1f1;

}

.service-list h4 {

    font-size: 24px;

    color: #000000;

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 0px;

}

.service-heading{

    position: relative;

    margin: 0px;

    padding-bottom: 15px;

    text-transform: uppercase;
    width: 100%;
    float: left;

}

.service-heading::before {

    background: #0089d0 none repeat scroll 0 0;

    top: -20px;

    content: "";

    height: 4px;

    left: 50%;

    margin-left: -50px;

    position: absolute;

    width: 50px;

}

.service-list i {

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    border-radius: 50px;

    width: 100px;

    height: 100px;

    line-height: 100px;

    font-size: 60px;

     color: #9d4c90;

    background-color: rgba(157, 76, 144, 0.15);

}

.feature-items .service-list {

    background: #ffffff none repeat scroll 0 0;

    padding: 30px;

    vertical-align: middle;

    z-index: 1;

}

.service-block .service-btn {

    background-color: #0089d0;

    color: #fff;

    padding: 10px 20px;

    display: inline-block;

    margin-top: 45px;

    text-transform: uppercase;

    font-weight: 600;

    border-radius: 5px;

    transition: all 0.3s linear 0s;

}

.service-block .service-btn:hover{

    background-color:#92278f;

    transition: all 0.3s linear 0s;

}

.service-list .service-btn .fa-arrow-right {

    margin-left: 12px;

}

.welcome-left .service-heading span {

    display: block;

    font-size: 16px;

    color: #999;

    text-transform: none;

}

.welcome-left .service-heading {

    font-size: 24px;

    padding-bottom: 20px;

    text-align: left;

}

.welcome-block {

    width: 100%;

    clear: both;

    padding: 50px 0px 50px;

}

.welcome-left .service-heading::before{

    left: 12%;

}

.welcome-left .list_ok {

    padding: 0px;

    list-style-type: none;

    margin: 0px;

}

.welcome-left .list_ok li{

    position: relative;

    padding-left: 40px;

    margin-bottom: 20px;

}

.welcome-left .list_ok li:before {

    content: "\f05d";

    font-family: FontAwesome;

    position: absolute;

    left: 0;

    top: -3px;

    font-size: 24px;

    color: #0089d0;

}

.welcome-left .list_ok li h4 a{

    color: #9d4c90;

}

.donate-block{

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    position: relative;

    padding:100px 0px;

}

.donate-block:before{

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.65);

}

.donate-text {

    text-align: center;

    position: relative;

}

.donate-text p {

    color: #fff;

    font-size: 30px;

}

.donate-text a {

    background-color: #0089d0;

    color: #fff;

    display: inline-block;

    padding: 8px 10px;

    width: 180px;

    margin-top: 20px;

    font-weight: 600;

    font-size: 20px;

    transition: all 0.3s linear;

}

.donate-text a:hover{

    background-color: #92278f;

    transition: all 0.3s linear;

}

footer{

    border: none;

}

.top-footer{

    background-color: #636466;

    padding: 30px 0px;

}

.footer-title{

    border: none;

    position: relative;

    text-transform: capitalize;

    font-size: 20px;

}

.footer-title:before{

    content: "";

    position: absolute;

    top: 25px;

    left: 0;

    width: 50px;

    height: 2px;

    background-color: #ffffff;

}

.locate-info address{

    color: #ffffff;

    line-height: 26px;

}

.more-info li{

    font-size: 16px;
   font-family: 'cachet-book-webfont';

}


.social-icon li {

    margin: 0px;

}

.social-icon li a i {

    color: #ffffff;

    font-size: 30px;

    margin-right: 5px;

}

.bot-footer{

    background-color: #000000;

    padding: 10px 0px;

}

.bot-footer .copy, .bot-footer .power{

    color: #ffffff;

    margin-bottom: 0px;

}

.bot-footer .power a{

    color: #0089d0;

}
.donate_to_y, .more-info .btn-primary{
    background-color: #ed1c24;
    border-color: #ed1c24;
}
.donate_to_y:hover, .more-info .btn-primary:hover{
    background-color: #0089d0;
    border-color: #0089d0;
}
.btn.btn-primary.donate_to_y {
    padding: 4px 15px;
    border-radius: 4px;
    border: 1px solid #ed1c24;
}
.btn.btn-primary.donate_to_y:hover{
    border-color: #0089d0;
}
}
.site-arrow img {
    width: 400px;
    max-width: 100%;
}
#scrolltoup{
	background-color: #ed1c24;
}
#scrolltoup:hover {
    background-color: #1C1C1C;
    color: #ffffff;
}
.ctct-form-defaults {
    padding: 10px 15px !important;
}
.ctct-form-header {
    font-size: 20px !important;
    margin-bottom: 5px !important;
}
.ctct-form-text {
    padding-bottom: 0px !important;
    margin-bottom: 15px !important;
    font-size: 14px !important;
}
#email_address_0 {
    height: 30px !important;
}
#email_address_field_0 {
    margin-bottom: 10px !important;
}
.ctct-gdpr-text {
    padding-bottom: 0px !important;
    margin-bottom: 15px !important;
}
.ctct-form-button {
    height: auto;
    padding: 10px !important;
}
.ctct-gdpr-text{
    display: none !important;
}
.ctct-banner-form{
    display: none;
}
.fund-widget {
    border: 2px solid #00aeef;
    padding: 15px;
    margin-bottom: 50px;
}
.annual-title {
    text-align: center;
    margin-top: 25px;
}
.annual-title h2{
    color: #00aeef;
    font-size: 24px;
}
.fundraising-embeddable-widget-contribute-button {
    background-color: #20bdbe;
    color: #fff;
    display: inline-block;
    padding: 10px 45px;
    font-size: 18px;
    margin-top: 20px;
    border-radius: 3px;
    margin-bottom: 15px;
}
.fundraising-embeddable-widget-more-info {
    margin: 15px 0px;
    font-size: 18px;
}
.fundraising-embeddable-widget-contribute-button:hover {
    background-color: #00aeef !important;
    color: #fff;
}

@media (max-width:1399px){
    .site-arrow .second-img{
        display: none;
    }
}
@media (min-width: 1200px){

.carousel-caption h1 {

    font-size: 48px;

    line-height: 52px;

    margin: 20px 0px;

}

    .carousel-caption p{

        font-size: 36px;

        margin: 20px 0px;

    }

    .carousel-caption{

        width: 55%;

    }

    

}

@media (min-width:992px){

    .feature-items {

    display: flex;

}

    .service-col {

    flex: 1;

    display: flex;

}
     .contact-page {
        position: relative;
        top: 85px;
    }

}


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

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

        padding: 15px 10px;

        font-size: 14px;

    }

    .carousel-caption{

        width: 75%;

    }

    .carousel-caption h1{

        font-size: 36px;

    }

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

        border-bottom: solid 1px #eee;

        padding: 8px 10px;

    }

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

        left: 158px !important;

    }



}

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

    .home-account .search-box input{

        width: 120px;

    }

    #top-header .title{

        font-size: 20px;

    }

     .navpart{

        position: inherit;

    }

    .navbar-header{

        float: none;

    }

     nav.navbar.bootsnav .navbar-brand{

        float: none;

        width: 100%;

    }

    .navbar-brand>img {

        max-width: 200px;

        display: block;

        margin: 0px auto;

    }

    nav.navbar.bootsnav{

        background-color: #92278f;

    }

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

        margin: 0px 0px;

        padding: 15px 15px;

        font-size: 14px;

    }
    .attr-nav > ul > li > a{
        padding: 7px 0px;
    }

    .navbar-collapse.collapse{

        padding: 0px;

    }

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

        border-bottom: solid 1px #eee;

        padding: 8px 10px;

    }

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

        left: 158px !important;

    }

    .dropdown-caret{

        display: block;

    }

    .dropdown-caret {

        background-color: transparent;

        cursor: pointer;

        right: -18px;

        top: -1px;

        font-size: 18px;

    }

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

    display: none !important;

}

    .carousel-caption{

            top: 25%;

            width: 600px;

        }

    .carousel-caption h1{

        font-size: 32px;

        line-height: 40px;

    }

    .service-list h4{

        font-size: 17px;

    }

    .service-col {

        margin-bottom: 30px;

    }

    .feature-items .service-list{

        min-height: 310px;

        height: 100%;

    }

    

}



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

    .navpart{

        position: inherit;

    }
    .attr-nav > ul > li > a{
        color: #ffffff;
    }

    .navbar-header{

        float: none;

    }

     nav.navbar.bootsnav .navbar-brand{

        float: none;

        width: 100%;

    }

    .navbar-brand>img {

        max-width: 200px;

        display: block;

        margin: 0px auto;

    }

    nav.navbar.bootsnav{

        background-color: #92278f;

    }

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

        color: #fff;

    }

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

        padding: 10px;

        display: block !important;

        margin: 0px;

    }

    .nav.navbar-nav{

        position: relative;

    }

    nav.navbar.bootsnav .navbar-nav{

        width: 100%;

    }

    .home-account.pull-right.list-unstyled.list-inline, ul.contact-info.pull-left.list-unstyled.list-inline{

        float: none !important;

    }

    ul.contact-info.pull-left.list-unstyled.list-inline{

        text-align: center;

        padding: 0px;

    }

    .service-col {

    margin-bottom: 30px;

}

    .service-block .service-btn{

        margin-top: 0px;

    }

     .donate-text p{

        line-height: 35px;

    }

     #top-header .title{

        float: none !important;

        text-align: center;

    }

    #top-header .home-account{

        float: none !important;

        margin-bottom: 10px;

    }

    .home-account.pull-right.list-unstyled.list-inline{

        margin-bottom: 0px;

    }

    #top-header ul li{

        line-height: 24px;

    }

    .service-block{

        padding: 55px 0px 30px;

    }

    .service-heading::before{

        left: 55%;

    }

    .home-account a{

        border-right: 0px;

    }
    .navbar-header .attr-nav {
        display: block;
    }
     .navbar-right .attr-nav{
        display: none;
    }


}

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

    .carousel-caption{

        top: 25%;

        width: 100%;

    }

     .carousel-inner>.item img{

        height: auto;

    }

     .carousel-caption p {

        font-size: 18px;

        margin: 0px 80px;

    }

    .carousel-caption h1{

        line-height: 30px;

    }

}

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

    #top-header .title{

        font-size: 20px;

    }

    nav.navbar.bootsnav .navbar-brand span{

        margin-top: 10px;

        margin-bottom: 10px;

    }

    .carousel-caption p{

        display: none;

    }

     .carousel-caption{

        width: 300px;

         top: 10%;

    }

    .carousel-caption h1 {

        font-size: 18px;

        line-height: 26px;

}

    .carousel-caption a {

    width: 120px;

    padding: 8px 10px;

}

    .service-heading{

        font-size: 26px;

    }

    .welcome-left .service-heading{

        font-size: 18px;

    }

    .welcome-left .service-heading::before{

        left: 18%;

    }

    .welcome-block{

        padding: 50px 0px;

    }

    .top-footer{

        padding: 0px 0px 20px;

    }
    .attr-nav > ul > li > a {
        left: 15px;
        top: 14px;
        font-size: 20px;
    }

}

