@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Jost:wght@400;500&family=Open+Sans:wght@400;600&display=swap');

/* CSS Document */
/********************** Reset **********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {margin:0; padding:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:justify;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input, textarea, select {font-size:100%;}
legend {color:#000;}
.left{float:left;}
.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.right{float:right;}
span.noshow {display:none;margin:0;}
a{outline:none;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/********************** style **********************/
body
{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#333333;
	-webkit-font-smoothing: antialiased;
	-moz-smoothing: antialiased;
	-ms-smoothing: antialiased;
	-o-smoothing: antialiased;
	overflow-x:hidden;
	letter-spacing:1px;
}
header {
	width:100%;
	z-index:1000;
	position:absolute;
	padding-top:20px;	
}
.nav-bar-ctnr {
	width:100%;
	padding:20px 80px 20px 80px;
	display:block;
	margin:0 auto;
	box-sizing:border-box;	
}
.logo {
	width:191px;
	display:block;
	float:left;
}
.logo img {width:100%;}

h1, h2, h3, h4, h5 {font-family: 'Barlow Condensed', sans-serif; color:#000; line-height:1.3; letter-spacing:.5px;}
h1 {font-size:56px;}
h2 {font-size:46px;}
h3 {font-size:32px;}
h4 {font-size:26px;}
h5 {font-size:20px;}
p {font-size:18px; line-height:1.6;}
.home-banner-wrapper {position:relative;}
.home-banner-wrapper figure img {
	width:100%;
	display:block;
}
.home-banner-wrapper h1 {
	font-size:66px;
	color:#fff;
	transform: translate(-50%, -50%);
    position: absolute;
    top: 45%;
    left: 40%;
    resize: both;
    text-align: center;
}
.hb-banner {display:block;}
.hb-banner-mob {display:none;}
.wrapper {
	width:100%;
	padding:0 80px; 
	box-sizing:border-box;
}
.who-is-CSB-ctnr {text-align:center;}
.who-is-CSB-ctnr figure {
	width:100%;
	max-width:1164px;
	display:block;
	margin:120px auto 0 auto;
}
.who-is-CSB-ctnr figure img {width:100%;}
.who-is-CSB-ctnr h2, .CSB-team h2, .recent-blog-wrapper h2, .lets-talk-info h2, .testimonial-wrapper h2 {
	font-size:56px;
	color:#1b4182;
	margin-top:70px;
}
.who-is-CSB-ctnr p {
	font-size:26px;
	margin-top:40px;
}
.primary-btn, .donate-now-wrapper p a, .lets-talk-form input[type=submit] {
	background-color:#1b4182;
	font-family: 'Jost', sans-serif;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-weight:500;
	padding:20px 30px;
	display:inline-block;
	letter-spacing:1.5px;
}
.who-we-are-wrapper {display: flex; margin-top:240px;}
.who-we-are-wrapper.service-page {margin-top:120px;}
.who-we-are-wrapper.service-page.mrg-btm {margin-bottom:120px;}
.who-we-are-ctn, .who-we-are-ph {
	flex-basis:100% ;
  	align-self:center;
	margin:0;
}
.who-we-are-ctn article {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
.who-we-are-ctn article.padding-rgt {padding-right:120px;}
.who-we-are-ctn article.padding-lft {padding-left:120px;}
.who-we-are-ctn article h2, .service-sec2-ctnr h2, .what-people-says-ctnr h2, .dream-team-ctnr h2 {
	font-size:56px;
	color:#000;
}
.who-we-are-wrapper.service-page h2, .service-sec2-ctnr h2, .what-people-says-ctnr h2 {margin-top:20px;}
.who-we-are-ctn article p, .service-sec2-ctnr p {margin-top:40px;}
.who-we-are-ctn ul li, .trench-ctn-wrapper ul li {
	background:url(../images/tick.png) no-repeat 0 7px;
	font-size:18px;
	line-height:1.6;
	display:block;
	margin-top:40px;
	padding:0 0 0 40px;
}
.who-we-are-ctn ul li strong, .trench-ctn-wrapper ul li strong {font-weight:600;}
.who-we-are-ph img {
	width:100%;	
	height:100%;
}
.donate-now-wrapper {
	width:100%;
	background-color:#7591c4;
	padding:80px 40px;
	box-sizing:border-box;
	margin-top:120px;
	text-align:center;
}
.donate-now-wrapper h2 {
	font-family: 'Jost', sans-serif;
	font-size:42px;
	color:#fff;
}
.donate-now-wrapper p {margin-top:30px;}
.donate-now-wrapper p a {background-color:#fff; color:#000;}
.CSB-team {padding:120px 0; text-align:center;}
.CSB-team h2, .recent-blog-wrapper h2, .lets-talk-info h2, .testimonial-wrapper h2 {margin-top:0 !important;}
.CSB-team ul li {
	display:inline-block;
	vertical-align:top;
	margin:30px 40px 0 40px;
}
.CSB-team ul li h3 {font-size:32px; margin-top:10px;}
.CSB-team ul li small {font-size:17px; color:#333333;}
.recent-blog-wrapper {
	background-color:#f7f7f7;
	padding:120px 0;
	text-align:center;
}
.recent-blog-wrapper ul li, .media-wrapper ul li, .video-wrapper ul li {
	width:28%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	margin:50px 1.5% 0 1.5%;
	text-align:left;
}
.recent-blog-wrapper ul li img, .media-wrapper ul li img, .video-wrapper ul li video, .blog-left ul li img {
	width:100%;
	height: 350px;
    object-fit:cover;
}
.recent-blog-wrapper ul li a, .blog-left ul li a {text-decoration:none; color:#1e1e1e;}
.recent-blog-wrapper ul li a h2, .media-wrapper ul li h2, .blog-left ul li a h2 
{
	font-size:32px;
	margin-top:15px;
}
.recent-blog-wrapper ul li a h2, .media-wrapper ul li h2 a, .blog-left ul li a h2 {text-decoration:none; color:#1e1e1e;}
.recent-blog-wrapper ul li a:hover > h2, .media-wrapper ul i:hover >  h2 a, .blog-left ul li a:hover > h2 {color:#1b4182;}
.recent-blog-wrapper ul li p.date-author-ctn, .blog-left ul li p.date-author-ctn, .blog-full p.date-author-ctn {margin-top:20px; font-size:16px;}
.recent-blog-wrapper ul li p.date-author-ctn span, .blog-left ul li p.date-author-ctn span, .blog-full p.date-author-ctn span {color:#777;}
.blog-full p.date-author-ctn {margin-top:0;}
.lets-talk-wrapper {
	padding:120px 0;
}
.lets-talk-ctnr {
	width:100%;
	max-width:1400px;
	display:block;
	margin:0 auto;
	box-sizing:border-box;
}
.lets-talk-info {
	width:50%;
	padding-right:100px;
	box-sizing:border-box;
	display:block;
	float:left;
}
.lets-talk-info p {
	display:block;
	margin-top:20px;
}
.lets-talk-info address {margin-top:40px;}
.lets-talk-info address p.location {
	background:url(../images/location-icon.png) no-repeat 5px center;
	padding:2px 0 2px 50px;
}
.lets-talk-info address p.phone {
	background:url(../images/phone-icon.png) no-repeat 0 center;
	padding:2px 0 2px 50px;
}
.lets-talk-info address p.phone a {text-decoration:none; color:#333;}

.lets-talk-form {
	width:50%;
	display:block;
	float:left;
}
.lets-talk-form p.half
{
	width:48.3%;
	margin:0 .8%;
	display:inline-block;
	box-sizing: border-box;
}
.lets-talk-form p.full
{
	width:99.4%;
	margin:3% 0 0 0;
	display:inline-block;
	box-sizing: border-box;
}
.lets-talk-form input
{
	width:100%;
	background-color:#f8f8f8;
	padding:13px;
    box-sizing: border-box;
	color:#666666;
	border:solid 1px #888;
}
.lets-talk-form textarea
{
	width:100%;
	background-color:#f8f8f8;
	height:140px;
	display:block;
	padding:13px;
    box-sizing: border-box;
	color:#666666;
	border:solid 1px #888;	
}
.lets-talk-form input[type=submit] {width:auto; border:none; cursor:pointer;}
.testimonial-wrapper {
	background-color:#e3e9f3;
	padding:120px;
}
.testimonial-wrapper h2 {text-align:center;}
.testimonial-wrapper p.name {
	font-family: 'Jost', sans-serif;
	font-weight:500;
	font-size:20px;
	color:#000;
	text-align:right;
	margin-top:20px;
}
footer {
	width:100%;
	background-color:#000;
	padding:40px 20px;
	box-sizing:border-box;
	text-align:center;
	font-size:16px;
	line-height:26px;
	letter-spacing:1px;
	color:#fff;
}
footer .gap {margin:0 10px;}
footer a {text-decoration:none; color:#fff;}
.service-sec2-wrapper {
	background:url(../images/service-page-ph3.jpg) no-repeat center top;
	background-size:cover;
	padding-top:150px;
	margin-top:120px;
}
.service-sec2-ctnr {
	width:100%;
	max-width:45%;
	background: rgba(255, 255, 255, 0.7);	
	padding:90px;
	box-sizing:border-box;
	display:block;
	margin-left:45%;	
}
.what-people-says-ctnr {
	width:45%;
	background-color:#1b4182;
	padding:7%;
	box-sizing:border-box;
	display:block;
	float:left;
}
.what-people-says-ctnr h2, .what-people-says-ctnr h3, .what-people-says-ctnr p {color:#fff;}
.what-people-says-ctnr p {margin-top:20px;}
.servicepage-testimonial-ctnr {
	width:55%;
	padding:3% 5%;
	box-sizing:border-box;
	display:block;
	float:left;
	position:relative;
}
.servicepage-testi-info {padding-top:40px;}
.servicepage-testi-info article {
	width:75%;
	display:inline-block;
	vertical-align:top;
	padding-right:5%;
	box-sizing:border-box;
}
.servicepage-testi-info article p {
	font-size:22px;
	margin-top:15px;
}
.test-quote-icon {width:150px;}
.test-quote-icon img {width:100%;}
.servicepage-testi-info article p:first-child {margin-top:0;}
.servicepage-testi-info div {
	width:24%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.servicepage-testi-info div figcaption {
	font-family: 'Jost', sans-serif;
	font-weight:500;
	font-size:24px;
	margin-top:20px;
}
.servicepage-testi-info div i {margin-top:7px; display:inline-block;}

.download-wrapper {border-top:solid 1px #ccc; padding:120px 80px 0 80px; margin-top:120px;}

.dowload-ctnr {
	width:50%;
	display:block;
	float:left;
	box-sizing:border-box;
}

.download-wrapper .dowload-ctnr:first-child {padding-right:2%;}
.download-wrapper .dowload-ctnr:last-child {padding-right:0; padding-left:2%}

.dowload-ctnr figure img {
	width:33%;
	height:33%;
	object-fit:cover;
	display:block;
	float:left;	
}
.dowload-ctnr div {
	width:67%;
	display:block;
	float:left;
	box-sizing:border-box;
	padding-left:6%;
}
.dowload-ctnr p {margin-top:20px;}

.media-wrapper, .video-wrapper {
	padding-top:20px;
	text-align:center;
}
.media-wrapper ul li, .video-wrapper ul li {margin-top:100px;}

.blogpage-wrapper {padding-top:20px;}
.blog-left
{
	width:65%;
	display:block;
	float:left;
	padding-left:2.5%;
	box-sizing:border-box;
}
.blog-left ul li {
	width:44%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	margin:100px 2.5% 0 2.5%;
	text-align:left;
}
.blog-right
{
	width:35%;
	display:block;
	float:left;
	padding:0 4% 0 1%;
	box-sizing: border-box;
	margin-top:85px;
}
.blog-nav
{
	max-height: 1000px;
    overflow-y: auto;	
}
.year-list h3
{
	font-family: 'Jost', sans-serif;
	font-size:36px;
	margin-top:40px;
	font-weight:500;
}
.year-list h3:first-child {margin-top:0;}
.month-list h4
{
	font-family: 'Jost', sans-serif;
	font-weight:500;
	font-size:22px;
	margin:10px 0 20px 0;
}
.bloglink li a
{
	font-family: 'Barlow Condensed', sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#000;
	display:block;
	border-top:solid 1px #ccc;
	padding:20px 0;
}
.bloglink li a:hover {text-decoration:underline;}

.blog-full {padding:70px 4% 0 3%;}
.blog-full h1 {font-size:46px;}
.blog-full h2, .blog-full h3, .blog-full h4 {margin-top:40px;}
.blog-full p, .family-support-sec2 p 
{
	display:block;
	margin-top:20px;
}
.blog-full img
{
	display:block;
	width:100%;	
}
.blog-full figure {margin-top:20px;}
.blog-full p a 
{
	text-decoration:none;
	color:#2b5baf;
}
.blog-full p a:hover {text-decoration:underline;}

.blog-full iframe
{
	width:100%;
	max-width:560px;
}
.blog-full ol
{
	display:block;
	padding:0 0 0 20px;
}
.blog-full ol li
{
	font-size:18px;
	margin-top:20px;
	list-style:decimal;
	padding:0 0 0 10px;
}
.share-this-ctn h2 {
	font-family: 'Jost', sans-serif;
	font-weight:500;
	font-size:42px;
}
.share-icons {
	border-top:solid 1px #000;
	margin-top:30px;
	padding-top:10px;
	display:block;
}
.allblog-title {
	background:url(../images/arrow-left-icon.png) no-repeat 0 center;
	text-decoration:none;
	font-family: 'Jost', sans-serif;
	font-size:32px;
	color:#000;
	display:inline-block;
	margin-top:40px;
	padding:0 0 0 40px;
}
.family-support-sec2 {
	width:100%;
	border:solid 1px #000;
	padding:6%;
	box-sizing:border-box;
	margin-top:120px;
}
.family-support-sec2 h2 {color:#1b4182;}
.csb-story h2 {margin-top:60px !important;}
.dream-team-ctnr {margin-top:120px;}
.dream-team-ctnr h2 {
	text-align:center;
}
.dream-team-ctnr ul {
	display: flex;
	flex-wrap:wrap;
	margin-top:60px;
}
.dream-team-ctnr ul li {
	width:calc(100% / 3);
	background-color:#ffffff;
    padding:50px;
	box-sizing:border-box;
	border:solid 1px #dedede;
}
.dream-team-ctnr ul li:nth-of-type(odd) {background-color:#dedede;}
.dream-team-ctnr ul li h4 {font-size:34px;}
.dream-team-ctnr ul li h4 small {font-size:20px; display:block;}
.dream-team-ctnr ul li p {
	display:block;
	margin-top:20px;
}
.trench-banner-wrapper, .trench-ctn-wrapper {
	display: flex;
	flex-wrap:wrap;
	margin-top:120px;
}
.trench-banner-wrapper div, .trench-ctn-wrapper ul {
	width:calc(100% / 2);
	box-sizing:border-box;	
}
.trench-banner-wrapper div.trench-banner-ctn {
	background-color:#1b4182;
	color:#fff;
	position:relative;
}
.trench-banner-wrapper div.trench-banner-ctn div {
	width:100%;
	position: absolute;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
	padding:0 15%;
	box-sizing:border-box;
}
.trench-banner-wrapper div.trench-banner-ctn div p {margin-top:20px;}
.trench-banner-wrapper div.trench-banner-ctn h2 {color:#fff;}
.trench-banner-wrapper div figure img {width:100%;}
.trench-ctn-wrapper {margin-top:0;}
.trench-ctn-wrapper ul {
	padding:0 80px;
	box-sizing:border-box;
	margin-top:80px;
}
.trench-ctn-wrapper ul:first-child {padding-right:40px;}
.trench-ctn-wrapper ul:last-child {padding-left:40px;}
.lets-talk-banner-wrapper {margin-top:120px;}
.lets-talk-banner-wrapper figure img {width:100%;}
.foot-marg-top120 {margin-top:120px;}