/********************* Font Family

    font-family: 'Lato', sans-serif;

    font-family: 'Opfooteren Sans', sans-serif; *********************/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-x: hidden;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0;
	padding:0;
}
.clearfix {clear:both;}
.wrapper{
	max-width: 1010px;
	margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}
.flex{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width: 100%;
}
body{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}
h1,h2,h3,h4,h5{
    color: #2d5fa4;
    font-family: 'Lato', sans-serif;
}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 26px; font-weight: bold;}

p{font-size: 18px;}

a{
   color: #D91F27;  
   font-weight: bold;
}
a,a:hover{    
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
a, a:hover, a:focus, button, button:hover, button:focus {
    outline: 0;
    text-decoration: none;
}

/********************* Top Header *********************/

.top-header {
	background-color: #2b5fa3;
	width: 100%;
	z-index: 9999;
	position: relative;
	overflow: visible;
}
.header-con a{
	font-size: 13px;
	line-height: 49px;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding: 0 20px;
	position: relative;
}
.header-con a:hover{
	 color: #e3ad1b; 
}
.head_num::before {
	content: "\f095";
	left: -30px;
	top: 0;
	position: absolute;
	color: #ecb31f;
	height: 40px;
	width: 40px;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 18px;
}
.head_mail:before{
	content: "\f0e0";
	left: -30px;
	top: 0;
	position: absolute;
	color: #ecb31f;
	height: 40px;
	width: 40px;
	display: inline-block;
	font-family: FontAwesome;
    font-size: 18px;
}
.top-header .flex{
	text-align: right;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	
}
.header-con {
	display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	align-items: center;
    -webkit-align-items: center;
}
.login_signup .head-login{
	position: relative;
}
.login_signup a:after{
	content: '';
	right: 0px;
	top: 50%;
	background-color: #fff;
	height: 10px;
	width: 1px;
	display: inline-block;
	position: absolute;
	transform: translateY(-50%);
}
.login_signup a{
	padding: 0 10px;
}


.login_signup .signup{
	position: relative;
}


/********************* Bottom Header *********************/
.header-logo{
	width: 26%;
	align-self: center;
	line-height: 0;
}
.header-logo img {
	max-width: 100%;
}
.header-menu{
	width: 74%;
}
.bottom-header nav > ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.bottom-header nav > ul > li{
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    display: flex;
    display: -webkit-flex;
    position: relative;
    z-index: 1010;
}
.bottom-header nav ul > li:hover::after, .bottom-header nav ul > li.active-menu::after {
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
	visibility: hidden;
	opacity: 0;
	
}
.bottom-header nav ul > li > a{
	font-size: 13px;
	line-height: 17px;
	color: #212121;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	position: relative;-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    padding: 40px 20px;
}
.bottom-header nav > ul > li:after{
	position: absolute;
	content: '';
	right: 0;
	height: 42px;
	width: 3px;
	background-color: #fbf2d5;
	top: 50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.bottom-header nav > ul > li:last-child::after {
	display: none;
}
.bottom-header nav > ul > li::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	background: #ecb31f;
	width: 100%;
	height: 0;
	z-index: -1;
	transform: translateY(-90px);
	transition: all 0.5s ease;
}
.bottom-header nav > ul > li > a:hover, .bottom-header nav > ul > li.active-menu > a {
	color: #fff;
	transition: all 0.5s ease;
}
.bottom-header nav > ul > li:hover::before, .bottom-header nav > ul > li.active-menu::before  {
	transition: all 0.5s ease;
	transform: translateY(0);
	height: 100%;
	/* z-index: 1; */
}
/********************* Abput Section *********************/
.about_kids{
 background-image: url(../images/about_bg.jpg);
 background-position: center;
 background-size: cover;
 background-repeat:no-repeat;
 padding: 60px 0;
}
.about-box{
	background-color: #ffffff;
	border-radius: 10px 15px;
	filter: drop-shadow(0px 3px 3.5px rgba(0,0,0,0.35));
	padding: 15px;
	width: 460px;

}
.about-box h2{
	font-size: 36px;
	line-height: 51px;
	color: #ee2532;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	text-align: center;
}
.about-box h2 span{
	color: #2f4b7f;
}
.about-box p{
	font-size: 18px;
	line-height: 20px;
	color: #000000;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	padding:  15px 0;
}
.about-box a{
	background-image: linear-gradient(0deg, #d59f11 0%, #eeb82a 100%);
	padding: 11px 45px;
	color: #ffffff;
	font-size: 22px;
	line-height: 12px;
	color: #ffffff;
	font-weight: bold;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
	font-family: 'Open Sans', sans-serif;
    border: 3px solid;
    
}
.about-box a:hover {
	background: #fff;
	color: #ecb31f;
	border: 3px solid #ecb31f;
    -moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
.btn{
	padding: 30px 0;
	margin: 0 10px;
}
.about-box .flex{
	justify-content: center !important;
}
.about_kids .flex{
	justify-content: flex-end;
}

/********************* Our Impact Section *********************/

.our-impact{
	text-align: center;
	padding: 60px 0 40px 0;
}
.our-impact h2{
	font-size: 36px;
	line-height: 51px;
	color: #2f4b82;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}
.our-impact h3{
	font-size: 14px;
	line-height: 20px;
	color: #111111;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	padding: 10px 0 40px 0;
	position: relative;
}
.our-impact h3:after{
	content: '';
	position: absolute;
	width: 485px;
	height: 2px;
	background-color: #e5e5e5;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.our-impact h3::before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #eeb726;
	left: 50%;
	bottom: -9px;
	transform: translateX(-50%) rotate(45deg);
	z-index: 1;
}
.counte-img {
	position: relative;
	text-align: center;
	padding-bottom: 5px;
}
.counte-img img{
	padding: 40px 0;
}
.counte-img:before{
	border-radius: 50%;
	border:6px solid #edb113;
	position: absolute;
	left: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	height: 150px;
	width: 150px;
	transform: translateX(-50%);
}
.impact-counter{
	width: 25%;
}
.m-50{
	margin: 40px 0 0 0;
}
.counting{
	font-size: 36px;
	line-height: 51px;
	color: #1a374d;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	}
.impact-counter p{
	font-size: 19px;
	line-height: 1.7;
	color: #1a374d;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}


/********************* Donate for Kid Section *********************/

.donate_kids{
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/Donate-Kids-First-Center.png);
	background-position: center center;
	
	position: relative;
	padding: 100px 0 90px 0;
	z-index: 1;
}
.donate_kids:before{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: '';
	background-color: rgba(47, 74, 130,0.5);
	z-index: -1;
}
.donate_kids .flex{
	justify-content: flex-end;
}
.donation_cont{
	width: 50%;
}
.donation_cont h2{
	font-size: 36px;
	line-height: 51px;
	color: #ee2532;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: 'Lato', sans-serif;
	
}
.donation_cont h2 span{
	color: #fff;
    font-weight: 400;
}
.donation_cont p{
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	padding: 30px 30px 30px 0px;
}
.donate_btn{
	color: #fff;
	border:2px solid #fff;
	padding: 13px 45px;
	font-size: 20px;
	line-height: 44px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin-top: 15px;
}
.donate_btn:hover{
	background-color: #edb113;
	border:2px solid #edb113;
}
.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}

/*Header*/

.header-form .fa-times {
	display: none;
}
.header-form {
	display: inline-block;
	vertical-align: middle;
	padding: 7px 0;
    position: relative;
}
.header-form .search-opener {
	color: #ecb31f;
	font-size: 20px;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}
.header-form .search-form {
	position: absolute;
	top: 50%;
	right: 26px;
	width: 0;
	overflow: hidden;
	opacity: 0;
	-moz-transition: opacity .2s .1s, width .4s;
	-webkit-transition: opacity .2s .1s, width .4s;
	transition: opacity .2s .1s, width .4s;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.header-form a {
	padding-right: 0;
}
.header-form.search-active .search-form {
	width: 435px;
	opacity: 1;
	-moz-transition: opacity .2s, width .4s;
	-webkit-transition: opacity .2s, width .4s;
	transition: opacity .2s, width .4s;
    z-index: 1;
}
.header-form.search-active img {
	display: none;
}
.header-form.search-active .fa-times {
	display: block;
}
.header-form input[type="text"] {
	padding: 0 10px;
	border: 1px solid #ecb31f;
	height: 35px;
	margin: 0;
	font-size: 14px;
	line-height: 19px;
	color: #000000;
	text-transform: none;
  outline: none;
  width: 100%;
}
.header-form .search-btn {
	position: absolute;
	right: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: none;
	border: none;
	width: 22px;
	height: 22px;
	font-size: 16px;
	line-height: 1;
	padding: 0;
	outline: none;
	color: #95999f;
    cursor: pointer;
}
.header-form.search-active .block-search {
	display: block;
}
.bottom-header nav ul li ul.sub-menu {
    background: #ffffff;
    line-height: normal;
    position: absolute;
    width: 220px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: translateY(7em);
    transform: translateY(7em);
    z-index: 100;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    border-radius: 0 0 10px 10px;
}
.bottom-header nav ul > li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: translateY(6.0rem);
    transform: translateY(6.0rem);
}

.bottom-header nav ul li ul.sub-menu > a {
	padding: 0;
}
.bottom-header nav ul li ul.sub-menu > li > a {
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	display: block;
	font-family: 'Lato', sans-serif;
}
.bottom-header nav ul li ul.sub-menu > li {
	position: relative;	
}
.bottom-header nav ul li ul.sub-menu > li:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #ecb31f;
	border-radius: 50px;
}
.bottom-header nav ul li ul.sub-menu > li:last-child:before {
	display: none;
}
.bottom-header nav ul li ul.sub-menu > li:hover > a {
	color: #eac868;
}
.bottom-header nav > ul > li:hover > a {
	color: #fff;
}
/*Homepage Banner Slider*/

.home-slider-item {
	padding: 22% 0 9%;
	text-align: center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	width: 100%;
}
.home-slider-item h1 {
	font-size: 49px;
	color: #fff;
	font-weight: 400;
}
.home-slider-item h1 span {
	font-weight: 700;
}
.home-slider-sec .owl-nav {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	position: absolute;
	top: 50%;	
	left: 50%;
    transform: translate(-50% , -50%);
    -webkit-transform: translate(-50% , -50%);
}
.home-slider-sec .owl-nav .owl-next {
	position: absolute;
	right: 0;
	background: transparent;
		border-color: transparent;
}

.home-slider-sec .owl-dots {
	position: absolute;
	bottom: 10px;
	width: 100%;
	/*! left: 50%; */
	/*! transform: translateX(100%); */
	text-align: center;
}
.home-slider-sec .owl-dots .owl-dot {
	width: 150px;
	height: 15px;
	background-color: #fff !important;
	margin: 0 2.5px;
	border: 1px solid #7A7A7A !important;
	border-radius: 7.5px;
	transition: all 0.5s ease;
}
.home-slider-sec .owl-dots .owl-dot:hover {
	background: #eac868 !important;
	border-color: #eac868 !important;
}
.home-slider-sec .owl-dot.active {
	background-color: #eac868 !important;
	border-color: #eac868 !important;
}

.home-slider-item.home-slider-item
.home-slider-item:before {
	position: absolute;
	content: "";
	top: 0;
	width: 100%;
	height: 100px;
	background: red;
	left: 0;
}
.home-slider-sec {
	position: relative;
}
.home-slider-sec:before {
	position: absolute;
	content: "";
	left: 0;
	top: -20px;
	width: 100%;
	height: 20px;
	z-index: 10;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.06), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.05), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.06), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.05), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0);
}

/*Services*/
.section-padding {
	padding: 40px 0;
}
.services-btn {
    width: 100%;
    max-width: 33.3333%;
    padding: 0 15px;
}
.services-btn a {
	background: #ee2531;
	display: flex;
    display: -webkit-flex;
	align-items: center;
    -webkit-align-items: center;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	padding: 18px 30px 18px 20px;
	border-radius: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 115px;
}
.services-btn a .btn-text {
	
	color: #fff;
  margin-left: 20px;
}
.services-btn a .right-text {
	display: block;
	text-align: right;
	font-size: 28px;
	 font-weight: 600;
}
.services-btn a .btn-text .right-text ~ span {
	font-size: 14px;
}

.services-btn a .btn-text .left-text ~ span {
	font-size: 14px;
	text-align: left;
}
.services-btn a::before {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;	
	border-top: 230px solid transparent;	
	border-bottom: 230px solid transparent;
	z-index: -1;	
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.services-btn a.yellow-btn{
    background: #E3AD1B;border: 0;
}
.services-btn a.blue-btn{
    background: #2B5FA3
}
.services-btn a.yellow-btn::before{
    border-right: 110px solid #CD9C18;
}
.services-btn a.blue-btn::before{
    border-right: 110px solid #1A3A7E;
}
.services-btn a.red-btn::before{
    border-right: 110px solid #C52A35;
}
.services-btn a.yellow-btn:hover{
    background: #CD9C18;
}
.services-btn a.blue-btn:hover{
    background: #1A3A7E;
}
.services-btn a.red-btn:hover{
    background: #c52a35;
}
.justify-center{
    justify-content: center;
    -webkit-justify-content: center;
}

#counter {
	margin-top: 35px;
}
.text-center{
    text-align: center;
}
.title-with-sep{position: relative;}
.title-with-sep::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #eeb726;
	left: 50%;
	bottom: -9px;
	transform: translateX(-50%) rotate(45deg);
	z-index: 1;
}
.title-with-sep::after{
    content: '';
    position: absolute;
    width: 485px;
    height: 1px;
    background-color: #e5e5e5;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.title-with-sep {
	position: relative;
	padding-bottom: 40px;
    margin-bottom: 50px;
}
.news-sec{
    padding: 55px 0;
}
.news-wrap {
	margin: 0 -10px;
	width: auto;
}
.col-3 {
	width: 100%;
	max-width: 31.2%;
    margin: 0 10px;
}
.news-title {
	font-weight: 400;
}
.news-date {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	margin-top: 10px;
	margin-bottom: 15px;
}
.news-content {
	margin: 10px 0;
}
.news-box-image img {
	width: 100%;
}
.news-btn {
	display: inline-flex;
	margin-top: 20px;
}
a.border-btn {
	color: #2f4b82;
	padding: 6px 26px;
	border: 2px solid #EEB726;
}
a.border-btn:hover {
	border-color: #2f4b82;
}

.news-box-image {
	position: relative;
	width: 100%;
	line-height: 0;
}
.news-box-image::before, .news-box-image::after {
	position: absolute;
	content: "";
	height: 6px;
	bottom: 0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.news-box-image::before {	
	left: 0;
	width: 60%;	
	background: #eeb726;
}
.news-box-image::after {
	right: 0;	
	width: 40%;	
	background: #1a374d;
}
.news-box:hover .news-box-image::after{
    background: #eeb726;
}
.news-box:hover .news-box-image::before{
    background: #1a374d;
}
.news-title h2 {
	font-size: 36px;
}
/*Testimonials*/
.testimonials-sec {
	position: relative;
	background-size: cover !important;
	background-position: center center !important;
    z-index: 1;
    padding: 60px 0;
}
.testimonials-sec::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(129, 129, 129,0.67);
	z-index: -1;
}
.testimonials-sec .title-with-sep {
	color: #fff;
	font-size: 26px;
	font-weight: 400;
}
.testimonials-slider .item > p {
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	line-height: 40px;
	font-style: italic;
}
.testimonials-slider {
	padding: 0 150px;
}
.testimonials .title-with-sep {
	margin-bottom: 70px;
	padding-bottom: 50px;
}
.testimonials-sec .owl-prev {
	position: absolute;
	left: -100px;
	top: 0;
}
.testimonials-sec .owl-next {
	position: absolute;
	right: -100px;
	top: 0;
	background-color: transparent;
	border-color: transparent;
}
.tes-member-info h3 {
	font-size: 33px;
	color: #fff;
	font-weight: 600;
	font-style: italic;
}
.tes-member-info h4 {
	font-size: 24px;
	color: #fff;
	font-weight: 400;
}
.tes-member-info p {
	font-weight: 300;
	color: #fff;
	margin-top: 5px;
}
.testimonials .owl-dot {
	width: 14px;
	height: 14px;
	border: 1px solid #eeb726 !important;
	border-radius: 50%;
	margin: 0 7px;
}
.testimonials .owl-dot.active {
	background: #eeb726;
}
.testimonials .owl-dots {
	margin-top: 35px;
}
.tes-member-info {
	margin-top: 60px;
}
/*footer*/
footer {
	background: #2B5FA3;
	color: #fff;
	display: block;
  width: 100%;
  padding: 35px 0;
}
footer li {
	list-style: none;
}
footer li a, footer a {
	color: #fff;
}
.footer-col {
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
	vertical-align: top;
}
.footer-col-1 {
	max-width: 290px;
}
.footer-col-2 {
	max-width: 180px;
	margin: 0 92px;
}
.footer-col-3 {
	max-width: 315px;
}
.footer-logo {
  margin-bottom: 20px;
}
.footer-col-1.footer-col {
}
.footer-col-1 ul {
  margin-top: 25px;
}
.footer-col h4:first-child {
  margin: 20px 0px 34px;
}
.footer-col h4:last-child {
  margin-bottom: 35px;
}
.footer-col-3 h4:nth-of-type(2) {
  margin-bottom: 20px;
  display: block;
  margin-top: 20px;
}
.social-media-links {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.social-media-links a {
  margin-right: 25px;
  font-size: 22px;
  color: #fff;
}
.social-media-links a:last-child {
  margin-right: 0;
}
.footer-col-2 ul li a {
  display: block;
  font-size: 16px;
}
.footer-col-2 ul li {
  margin-bottom: 17px;
}
.footer-col-2 ul li:last-child {
  margin-bottom: 0;
}
footer a:hover {
  color: #eac868;
}
.footer-col-1 li {
  margin-bottom: 18px;
  position: relative;
  padding-left: 30px;
}
.footer-col-1 li:last-child {
  margin-bottom: 0;
}
.footer-col-1 li:before {
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #fff;
  position: absolute;
  left: 0;
  top: 2px;
}
.footer-address:before {
  content: "\f015";
}
.footer-phone:before {
  content: "\f095";
}
.footer-email:before {
  content: "\f0e0";
}
.footer-bottom {
  margin-top: 50px;
  font-size: 15px;
}
.footer-logo img {
    max-width: 100%;
}
.footer-col h4 {font-size:18px;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:700;}
.footer-col ul {padding-left:0;}
/*Responsive*/
  @media screen and (max-width:1199px) {
  .wrapper {
	max-width: 950px;
}
.home-slider-sec .owl-nav {
	max-width: 920px;
}
  .header-logo img {
	max-width: 200px;
}
  .home-slider-sec .owl-nav button img, .testimonials-slider button img {
	width: 28px;
}
.home-slider-item h1 {
	font-size: 42px;
}
.home-slider-sec .owl-dots .owl-dot {
	width: 100px;
	height: 10px;
}
.services-btn.blue {
	margin: 0 40px;
}
.services-btn a .right-text {
	font-size: 26px;
}
.services-btn a .right-text img {
	width: 20px;
}
.services-btn a .left-icon img {
	width: 70px;
}
.services-btn a .right-icon img {
	width: 70px;
}
.about-box h2,.donation_cont h2,.our-impact h2 {
	font-size: 30px;
	line-height: 40px;
}
.about-box p {
	padding: 10px 0;
}
.about-box a {
	font-size: 20px;
}
.counte-img img {
	width: 78px;
}
.counting {
	font-size: 28px;
	line-height: 40px;
}
.counte-img {
	padding-bottom: 10px;
}
.donation_cont p {
	padding: 20px 20px 0px 0px;
	line-height: 1.5;
}
.donate_btn {
	padding: 10px 35px;
	font-size: 18px;
	margin-top: 0;
}
.donate_kids {
	padding: 60px 0 50px 0;
}
.footer-col-1 {
	max-width: 310px;
}
.footer-col-3 {
	max-width: 235px;
}
.news-title h2 {
	font-size: 30px;
}
h3 {
	font-size: 20px;
}
.testimonials .title-with-sep {
	margin-bottom: 50px;
	padding-bottom: 30px;
	font-size: 30px;
}
.tes-member-info {
	margin-top: 30px;
}
.tes-member-info h3 {
	font-size: 26px;
}
.testimonials .owl-dots {
	margin-top: 28px;
}
  }
  @media screen and (max-width:991px) {
    .bottom-header nav ul > li > a {
	padding: 40px 10px;
}
.header-logo img {
	max-width: 170px;
}
.home-slider-sec .owl-nav {
	max-width: 740px;
}
.home-slider-sec .owl-dots .owl-dot {
	width: 70px;
	height: 8px;
}
.home-slider-sec .owl-nav button img, .testimonials-slider button img {
	width: 22px;
}
.home-slider-item h1 {
	font-size: 34px;
}
.services-btn.blue {
	margin: 0 20px;
}
.services-btn a {
	padding: 12px 20px 12px 12px;
}
.services-btn a .left-icon img {
	width: 50px;
}
.services-btn a .btn-text {
	margin-left: 15px;
}
.services-btn a .right-text {
	font-size: 24px;
}
.services-btn a .right-icon img {
	width: 18px;
}
.about-box p {
	font-size: 16px;
}
body{
  font-size: 16px;
}
.col-3 {
	margin: 0 8px;
}
.about-box h2, .donation_cont h2 {
	font-size: 26px;
	line-height: 40px;
}
.about-box p {
	padding: 6px 0;
}
.about-box a {
	font-size: 18px;
}
.about_kids {
	padding: 40px 0;
}
.our-impact {
	padding: 40px 0 40px 0;
}
.donate_kids {
	padding: 40px 0 40px 0;
}
.donation_cont p {
	padding: 10px 0px 0px 0px;
}
.news-sec {
	padding: 40px 0;
}
.title-with-sep {
	padding-bottom: 30px;
	margin-bottom: 40px;
}
h3 {
	font-size: 18px;
}
.news-date {
	margin-bottom: 10px;
}
.news-content {
	margin: 10px 0 0;
}
.news-btn {
	margin-top: 15px;
}
.news-title h2,.our-impact h2 {
	font-size: 26px;
}
.testimonials-sec {
	padding: 40px 0;
}
.testimonials .title-with-sep {
	margin-bottom: 30px;
	padding-bottom: 30px;
	font-size: 26px;
}
.testimonials-slider .item > p {
	font-size: 20px;
	line-height: 32px;
}
.tes-member-info h3 {
	font-size: 22px;
}
.testimonials .owl-dots {
	margin-top: 18px;
}
.footer-logo img {
	max-width: 200px;
}
.footer-col-1 {
	max-width: 280px;
}
.footer-col-2 {
	max-width: 140px;
	margin: 0 30px;
}
.footer-col-3 {
	max-width: 245px;
}
.footer-bottom {
	margin-top: 40px;
	font-size: 14px;
}
.social-media-links a {
	margin-right: 20px;
	font-size: 20px;
}
.footer-col-3 h4:nth-of-type(2) {
	margin-bottom: 12px;
	margin-top: 15px;
}
.footer-col h4:first-child {
	margin: 12px 0px 25px;
}

.title-with-sep::after,.our-impact h3::after {
	width: 320px;
	height: 1px;
}
.counte-img::before {
	border: 4px solid #edb113;
	height: 130px;
	width: 130px;
}
.counte-img img {
	padding: 40px 0;
	width: 65px;
}
.counte-img {
	height: 150px;
}
.title-with-sep::before,.our-impact h3::before {
	width: 16px;
	height: 16px;
}
.our-impact h2 {
	font-size: 26px;
}
.testimonials-slider {
	padding: 0 100px;
}
.wrapper {
	max-width: 770px;
}
  }
  @media screen and (max-width:767px) {
    .donate_btn {
	line-height: 1.5;
	padding: 8px 28px;
}
    .services-btn a {
	min-height: 90px;
}
.services-btn a .left-icon img {
	width: 40px;
}
.services-btn a .right-text {
	font-size: 20px;
}
.services-btn a {
	padding: 12px;
}
.services-btn.blue {
	margin: 0 15px 15px;
}
.services-btn {
	margin: 0 15px;
}
.services-btn {
	margin: 0 15px 15px;
}
.home-slider-item h1 {
	font-size: 28px;
}
.home-slider-sec .owl-nav button img, .testimonials-slider button img {
	width: 18px;
}
.home-slider-sec .owl-nav {
	max-width: 610px;
}
.home-slider-sec .owl-dots .owl-dot {
	width: 50px;
	height: 8px;
}
.counting {
	font-size: 22px;
	line-height: 30px;
}
.counte-img::before {
	border: 3px solid #edb113;
	height: 120px;
	width: 120px;
}
.counte-img {
	height: 140px;
}
.donation_cont {
	width: 100%;
}
.btn {
	padding: 25px 0 0;
	margin: 0;
}
.news-title h2, .our-impact h2 {
	font-size: 22px;
}
.col-3 {
	max-width: 400px;
	margin: 0 auto 30px !important;
}
.testimonials-slider {
	padding: 0 30px;
}
.testimonials-sec .owl-prev {
	left: -30px;
}
.testimonials-sec .owl-next {
	right: -30px;
}
.tes-member-info h3 {
	font-size: 20px;
}
.testimonials .owl-dot {
	width: 10px;
	height: 10px;
	margin: 0 5px;
}
.footer-col-1 {
	max-width: 100%;
}
.footer-col-3,.footer-col-2.footer-col-1 {
	max-width: 100%;
	display: block;
}
.footer-col-2 {
	margin: 30px 0;
}
.footer-col h4:first-child {
	margin: 0 0px 10px;
}
.footer-bottom {
	margin-top: 30px;
	font-size: 14px;
}
.footer-logo img {
	max-width: 170px;
}
.footer-logo {
	margin-bottom: 10px;
}
.about-box h2, .donation_cont h2 {
	font-size: 22px;
}
.btn {
	padding: 15px 0 0;
	margin: 0 5px;
	display: inline-flex;
}
.about-box a {
	border: 2px solid;
}
.about-box a:hover {
	border: 2px solid #ecb31f;
}
body {
	font-size: 15px;
}
.testimonials-slider .item > p {
	font-size: 18px;
	line-height: 28px;
}
.tes-member-info {
	margin-top: 20px;
}
.title-with-sep::after, .our-impact h3::after {
	width: 220px;
	height: 1px;
}
.title-with-sep::before, .our-impact h3::before {
	width: 12px;
	height: 12px;
	bottom: -5px;
}
.footer-bottom {
	font-size: 13px;
}
.footer-col-2 ul li {
	margin-bottom: 12px;
}
.footer-col-2 ul li a {
	font-size: 14px;
}
.services-btn:last-child {
	margin-bottom: 0;
}
.about-box a {
	font-size: 16px;
	padding: 12px 30px;
}
.col-3:last-child {
	margin-bottom: 0 !important;
}
.mean-container .mean-bar {
	position: absolute;
	top: 60px;
	background: transparent;
	z-index: 10;
	padding: 0;
}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #ecb31f;
	height: 3px;
	margin-top: 3px;
}
.main-nav {
	padding: 15px 0;
}
.mean-container a.meanmenu-reveal {
	color: #ecb31f;
}
.mean-container .mean-nav {
	background: #2B5FA3;
	margin-top: 62px;
}
.mean-container .mean-nav ul li a {
	border-top: 1px solid rgb(35, 82, 142);
}
.mean-container .mean-nav ul li a.mean-expand {
	height: 26px;
	width: 15px;
	border-left: 0px solid rgba(255, 255, 255, .4) !important;
	border-bottom: 0px solid rgba(255, 255, 255, .2) !important;
}
.mean-container .mean-nav ul li li a {
	padding: 1em 7%;
	width: 100%;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgb(37, 84, 147);
}
  }
   @media screen and (max-width:639px) {
     .home-slider-sec .owl-nav {
	max-width: 460px;
}
.home-slider-item h1 {
	font-size: 22px;
}
.services-btn a {
	min-height: auto;
	width: 262px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.impact-counter {
	width: 50%;
	margin-bottom: 30px;
}
.counte-img {
	height: 135px;
}
.impact-counter p {
	font-size: 16px;
	line-height: 1.5;
}
.donate_btn {
	padding: 10px 25px;
	font-size: 16px;
	line-height: 1.5;
}
.donation_cont p {
	padding: 5px 0px 0px 0px;
	font-size: 16px;
}
.about-box h2, .donation_cont h2 {
	font-size: 20px;
}
.news-title h2, .our-impact h2 {
	font-size: 20px;
}
.testimonials .title-with-sep {
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 22px;
}
.tes-member-info h3 {
	font-size: 18px;
}
.home-slider-item {
	padding: 18% 0 12%;
}
.section-padding {
	padding: 30px 0;
}
.services-btn a .btn-text .right-text ~ span {
	font-size: 13px;
}
.services-btn-wrapper (
	max-width: 1010px;
	margin: 0 auto;
  padding-bottom: 15px;
  width: 100%;
)
h2 {
	line-height: 1.5 !important;
}
.news-wrap {
	margin: 0;
	width: auto;
}
.header-con a {
	padding: 0 18px;
}
.login_signup a {
	padding: 0 8px;
}
.header-form .search-opener {
	padding: 0;
}
.header-form {
	margin-left: 5px;
}
.our-impact {
	padding: 40px 0 20px 0;
}
.title-with-sep {
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.our-impact h3 {
	padding: 10px 0 30px 0;
}
   }
     @media screen and (max-width:479px) {
       .home-slider-item h1 {
	font-size: 18px;
}
.home-slider-sec .owl-nav {
	max-width: 300px;
}
.home-slider-sec .owl-nav button img, .testimonials-slider button img {
	width: 12px;
}
.home-slider-sec .owl-dots .owl-dot {
	width: 30px;
	height: 7px;
}
.donate_btn {
	font-size: 14px;
}
.donation_cont p {
	font-size: 16px;
	line-height: 1.4 !important;
}
.header-con .head_num, .header-con .head_mail {
	font-size: 0;
}
.header-form.search-active .search-form {
	width: 260px;
}
.head_mail::before,.head_num::before {
	left: -10px;
}
h2 {
	line-height: 1.2 !important;
}
.testimonials-slider {
	padding: 0 20px;
}
.testimonials-sec .owl-prev {
	left: -25px;
}
.testimonials-sec .owl-next {
	right: -25px;
}
.donate_kids {
	text-align: center;
}
.about-box {
	text-align: center;
}
.impact-counter {
	padding: 0 10px;
}
     }
/*Page-Banners-GCMD*/
.inner-banner { 

  width: 100%; 
  float: left; 
  height: auto; 
}
.inner-banner img { 
  width: 100%; 
  padding-top: -30px; 
}
  
 

/*Divider-GCMD*/
.divider{
	text-align: center;
	padding: 30px 0 40px 0;
}
.divider h2{
	font-size: 36px;
	line-height: 40px;
	color: #2f4b82;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}
.divider h3{
	font-size: 14px;
	line-height: 20px;
	color: #111111;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	padding: 10px 0 40px 0;
	position: relative;
}
.divider h3:after{
	content: '';
	position: absolute;
	width: 485px;
	height: 2px;
	background-color: #e5e5e5;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.divider h3::before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #eeb726;
	left: 50%;
	bottom: -9px;
	transform: translateX(-50%) rotate(45deg);
	z-index: 1;
}
/*CONTACT-GCMD*/

.contact-detail { width: 100%; height: auto; float: left; }
.contact-detail p { width: auto; height: auto; font-size: 16px; font-family: "Lato"; margin-bottom: 5px; font-weight: bold; }
.contact-detail span { width: auto; height: auto; color: #2f383d; font-size: 16px; }
.contact-detail div { width: 100%; height: auto; float: left; margin-bottom: 43px; }
.contact-detail div figure { background-position: 0 0; width: 68px; height: 54px; margin-right: 12px; float: left; cursor: pointer; }
.contact-detail div .address-icon { background: url(../images/img/blue.jpg) no-repeat; min-height: 60px; }
.contact-detail div .Phone-icon { background: url(../images/img/red.jpg) no-repeat; min-height: 60px; }
.contact-detail div .Email-icon { background: url(../images/img/gold.jpg) no-repeat; min-height: 60px; }
.columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
.small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }
.small-12 {
    width: 100%; }
.medium-4 {
    width: 33.33333%; }
    .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

.medium-8 {
    width: 66.66667%; }
.large-4 {
    width: 33.33333%; }
 .large-5 {
    width: 41.66667%; }
.large-6 {
    width: 50%; }

 .large-7 {
    width: 58.33333%; }   
.large-8 {
    width: 66.66667%; }
    
/**Kids Page**/
    .kids-stories-block-sec {
    background-color: #fcf4df;
}
.kids-stories-block-sec p {
    font-size: 20px;
}
.kids-stories-block-sec{
    padding-left: 10px;
    padding-right: 10px;
}
    
/**Kids Page Recent Classes**/

.recent-event-title {
  display: block;
  float: left;
  width: 100%;
  max-width: 300px;
  text-align: left;
  position: relative;
  background: #4167b1;
  color: #fff;
  overflow: hidden;
  padding: 25px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.5;
}
.recent-event-details {
  display: block;
  float: left;
  width: 100%;
  max-width: calc(100% - 335px);
  text-align: left;
  margin-left: 35px;
}
.recent-event-title:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  border-top: 230px solid transparent;
  border-bottom: 230px solid transparent;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  border-right: 140px solid #1a374d;
}
.recent-event-col {
  position: relative;margin: 25px 0;width: 100%;
}
.recent-event-inner {
  z-index: 1;
  position: relative;
}
.recent-event-date {
  margin-bottom: 5px;
}
.recent-event-btn {
  margin-top: 10px;
}
.yellow-btn {
  background: #edb214;
  color: #fff;
  font-weight: 600;
  padding: 12px 35px;
  display: inline-block;
  width: auto;
  line-height: 1;
  font-size: 20px;
  border: 3px solid #edb214;
}
.yellow-btn:hover {
  color: #edb214;
  background: #fff;
}
#parent-book {
	margin-top: 50px;
}
@media only screen and (max-width:767px){
.recent-event-col {
	margin: 15px 0;
}  
.recent-event-title {
	padding: 15px;
	font-size: 18px;
}
.recent-event-details {
	display: block;
	float: left;
	width: 100%;
	max-width: 100%;
	text-align: left;
	margin-left: 0;
	margin-top: 15px;
}
.yellow-btn {font-size: 16px;}
}
#parent-book button.owl-prev img, #parent-book button.owl-next img {
    display: none;
    
}
div#parent-book .owl-nav {
    width: 100%;
}

#parent-book button.owl-prev:before {
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 78px;
    color: #eeb726;
}
#parent-book button.owl-next:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 78px;
    color: #eeb726;
    
}
#parent-book button.owl-prev {
    line-height: 1;
    position: absolute;top:50%;
    left: -60px; transform: translateY(-50%);
}
#parent-book button.owl-next {
    line-height: 1;
    position: absolute;top:50%;
    right: -60px; transform: translateY(-50%);
    background-color: transparent;
    border-color: transparent;
}
.kids-events .recent-event-title {background: #e3ad1b;}
.kids-events .recent-event-title:before {border-right: 140px solid #cd9c18;}
.allies-events .recent-event-title {background: #ee2532;}
.allies-events .recent-event-title:before {border-right: 140px solid #c52a35;}
.news-box.col-3.text-center {
    margin-bottom: 40px;
}
.sg-blog-details-02 .fas {
    color: #eeb726;
    margin-right: 5px;
}
.model_pagination a {
    background: transparent;
    border: 2px solid #EEB726;
    color: #2f4b82;
    padding: 5px 11px;
}
.model_pagination {
    text-align: center;
}
.sg-events-detail-01 h3.mb-3 {
    font-weight: 700;
}

.sg-events-detail-01 .fas {
    color: #2d5fa4;
    margin-right: 5px;
}
.card-body .btn-primary {
    color: #fff;
    background-color: #ecb31f;
    border-color: #ecb31f;
    padding: 15px !important;
    line-height: 1;
    margin-left: 0 !important;
    font-weight: 600;
    margin-top: 15px !important;
    border-radius: 0;
    border-width: 2px;
}
.card-body .btn-primary:hover {
    color: #ecb31f;
    background-color: transparent;
    border-color: #ecb31f;
    font-weight: 600;
    border-radius: 0;
    border-width: 2px;
}
.fc-button-primary {
    color: #fff;
    background-color: #eeb726 !important;
    border-color: #eeb726 !important;
}
button.fc-today-button.fc-button.fc-button-primary {
    background: #2d5fa4 !important;border-color: #2d5fa4 !important;
}
a.events-category-105 {
    background: #eeb726;
    border-color: #eeb726;
}
a.events-category-106 {
    background: #2b5fa3;
    border-color: #2b5fa3;
}
a.events-category-107 {
    background: #ee2532;
    border-color: #ee2532;
}

/*about-page*/
.about-block-sec .page-section-title {
 text-align:left;
}
.about-block-sec p {
    padding: 15px 0;
}
.page-section-title {
    font-size: 36px;
    line-height: 51px;
    color: #ee2532;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    text-align:center;
}
.page-section-title  span {
    color: #2f4b7f;
}
.page-section-title img {
    padding-right: 10px;
}
.sec-image-bottom {
    position: relative;
    padding: 0px 0 40px 0;
}
.sec-image-bottom::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #eeb726;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%) rotate(
45deg
);
    z-index: 1;
}
.sec-image-bottom:after{
    content: '';
    position: absolute;
    width: 485px;
    height: 2px;
    background-color: #e5e5e5;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.page-section-subtitle {
    font-size: 26px;
    line-height: 18px;
    color: #2b5fa3;
    font-weight: 600;
    font-family: "Lato";
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
}
.mission-block-sec {
    background-color: #fcf4df;
}
.mission-block-sec p {
    font-size: 20px;
}
.mission-block-sec{
    padding-left: 29%;
    padding-right: 29%;
}
.history-block-sec .history-img {
    width: 20%;
    position:relative;
}
.history-block-sec .history-sec-block {
    padding-top: 30px;
}
.history-block-sec .history-img .history-img-popup {
   width: 250px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #646566;
     font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    font-family: "Lato";
    text-align: center;
    opacity: 0;
     padding: 3px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 10px;
        position: absolute;
        top: -40px;
    z-index: 9;
}
.history-block-sec .history-img:hover .history-img-popup {
    opacity: 1;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.history-block-sec .history-img-popup h4 {
    color: #254d87;
}
.history-block-sec .history-img-popup p{
    color: #040404;
      font-weight: 400;
}
.staff-block-sec .staff-img {
    width: 25%;
    padding:0 20px;
    text-align: center;
}
.staff-block-sec .staff-inner-block-body {
    padding-top: 20px;
    color: #2f4b82;
    font-weight: 700;
    font-family: "Lato";
    text-align: center;
}
.staff-block-sec .staff-sec-block {
    margin-top: 70px;
}
.staff-block-sec .staff-btn {
    background-color: #eac868;
    border: 1px solid #7a7a7b;
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Lato";
    text-align: center;
    padding: 10px 15px;
    border-radius: 10px;
    display: block;
}
.staff-block-sec .staff-inner-block-body h3 {
    font-weight: bold;
}
.staff-block-sec .staff-inner-block-body p {
    color: #040404;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}
.staff-block-sec .staff-inner-block:hover .staff-btn {
    background-color: #2f4b82;
    color: #ffffff;
}
.kids-block-sec .kids-list li {
    font-size: 18px;
    font-family: "Lato";
    list-style-type: none;
}
.kids-block-sec .kids-list {
    padding-left: 0;
}
.kids-block-sec .kids-box.kids-box-2 ul {
    float: right;
}
.kids-block-sec .kids-box.kids-box-3 ul {
    float: center;
}
.kids-block-sec .kids-box {
    width: 50%;
}
.kids-block-sec .kids-sec-block {
    padding-left: 13%;
    padding-right: 12%;
    margin: 70px 0 20px 0;
}
@media screen and (max-width:1199px){
.page-section-title {
    font-size: 30px;
}
  .mission-block-sec {
    padding-left: 15%;
    padding-right: 15%;
}
}
@media screen and (max-width:1091px){
.history-block-sec .history-img .history-img-popup p br {
    display: none;
}
.history-block-sec .history-img .history-img-popup {
    width: 100%;
}
}
@media screen and (max-width:991px){
  .page-section-title {
    font-size: 26px;
}
.page-section-subtitle {
    font-size: 22px;
}
.mission-block-sec p {
    font-size: 20px;
}
.staff-block-sec.section-padding {
    padding-top: 0 ;
     padding-bottom: 0;
}
.staff-block-sec .staff-sec-block {
    margin-top: 50px;
}
.kids-block-sec .kids-sec-block {
    margin: 50px 0 0 0;
}
.staff-block-sec .staff-inner-block-body p {
    margin-bottom: 20px;
}
.staff-block-sec .staff-btn {
    padding: 10px 12px;
    border-radius: 10px;
}
.staff-block-sec .staff-inner-block-body p {
    font-size: 15px;
}
}
@media screen and (max-width:767px){
.mission-block-sec {
    padding-left: 0;
    padding-right: 0;
}
.page-section-subtitle {
    padding-top: 30px;
}
.sec-image-bottom {
    padding: 0 0 20px 0;
}
.kids-block-sec .kids-sec-block {
    margin: 30px 0 0 0;
}
.staff-block-sec .staff-sec-block {
    margin-top: 40px;
}
.staff-block-sec .staff-img {
    width: 50%;
}
.staff-block-sec .staff-img:first-child, .staff-block-sec .staff-img:nth-child(2) {
    margin-bottom: 30px;
}
.staff-block-sec .staff-inner-block-body p {
    margin-bottom: 10px;
}
.history-block-sec .history-img {
    width: 30%;
    text-align: center;
}
.history-block-sec .history-sec-block {
    justify-content: center;
}
.about-block-sec p {
    line-height: 20px;
}
.page-section-subtitle {
    font-size: 20px;
}
.about-block-sec p, .mission-block-sec p, .kids-block-sec .kids-list li {
    font-size: 15px;
}
.about-block-sec p {
    padding: 0 0 15px 0;
}
.kids-block-sec .kids-box .kids-list:last-child {
    margin-bottom: 0;
}
}
@media screen and (max-width:600px){
.history-block-sec .history-img {
    width: 50%;
    text-align: center;
} 
.kids-block-sec .kids-sec-block {
    padding-left: 0;
    padding-right: 0;
}
}
@media screen and (max-width:439px){
.history-block-sec .history-img {
    width: 100%;
}
.staff-block-sec .staff-img {
    width: 100%;
}
.staff-block-sec .staff-img {
    margin-bottom: 30px;
}
.staff-block-sec .staff-img:last-child {
    margin-bottom: 0px;
}
.kids-block-sec .kids-box {
    width: 100%;
}
.kids-block-sec .kids-box.kids-box-2 ul {
    float: left;
}
}
/*about-page*/

/*donate-page*/
.donate-kids-block-sec.section-padding.clearfix {
    background-color: #f5f5f5;
}
.donate-kids-block-sec .page-section-title {
    text-align: left;
}
.donate-kids-block-sec ul.donate-listing {
     padding-left: 20px;
}
.donate-kids-block-sec ul li{
      list-style-type: none;
}
.donate-kids-block-sec ul.donate-listing li {
    position: relative;
}
ul.donate-listing li::before {
    content: "\f111";
    left: -20px;
    top: 0;
    position: absolute;
    color: #2b5fa3;
    height: 25px;
    width: 18px;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 10px;
}
.donate-kids-block-sec ul.donate-kids-list {
    padding-left: 6%;
    padding-right: 6%;
}
.donate-amount-block .donate-boxes {
    width: 20%;
        padding-right: 20px;
}
.donate-amount-block .donate-inner-box {
    display: block;
    float: left;
    width: 100%;
    max-width: 300px;
    text-align: center;
    position: relative;
    background: #e4ad1d;
    color: #fff;
    overflow: hidden;
    padding: 0px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.5;
}
.donate-amount-block .donate-inner-box::before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    border-top: 95px solid transparent;
    border-bottom: 95px solid transparent;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-right: 95px solid #CD9C18;
}
.donate-amount-block .donate-amount-inner {
    z-index: 1;
    position: relative;
}
.donate-amount-block {
    padding: 20px 0 0 0;
}
.donate-amount-block .donate-amount-inner span {
    font-size: 20px;
}
.donate-amount-block .donate-amount-inner:hover {
    background-color: #2f4b82;
    transition: all ease 0.6s;
}
.donate-payment-form h3 {
    font-size: 30px;
    line-height: 18px;
    color: #2f4b82;
    font-weight: 700;
}
.donate-payment-form {
    padding-top: 50px;
    text-align: center;
    width: 100%;
}
.help-block-sec .help-box-image img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 250ms ease;
}
.help-box-partners {
    float: center;
    width: 160px;
    margin-right: 15px;
    margin-left: 15px;
    
}
.partners-image img {
    width: 170px;
    height: 100%;
    padding: 15px;
    
    transform: scale(1);
    transition: all 250ms ease;
    text-align: center;
}

.help-box-partners .h4 {
  font-size: 20px;
  font-weight: bold;
 text-align: center;
}
.help-block-sec .help-box-image {
    overflow: hidden;
}
.help-block-sec .help-box a:hover img {
    transform: scale(1.1);
}
.help-block-sec .help-box-inner {
    margin: 40px -10px 0 -10px;
    width: auto;
}
.help-block-sec .help-contect-info {
    padding-top: 10px;
        margin-bottom: 30px;
}
.help-block-sec h3.help-title {
    color: #2f4b82;
    font-weight: 700;
}
.help-block-sec .help-contect-info p {
    font-size: 18px;
    color: #0e0e0e;
    font-weight: 400;
    font-family: "Lato";
}
.help-block-sec .help-box:nth-child(7) .help-contect-info, .help-block-sec .help-box:nth-child(8) .help-contect-info, .help-block-sec .help-box:nth-child(9) .help-contect-info{
    margin-bottom: 00px;
}
.corpo-donate-block-sec .corpo-donate-inner p {
    font-size: 20px;
    color: #2f4b82;
    font-weight: 500;
    font-family: "Lato";
}
.corpo-donate-block-sec .corpo-donate-inner {
    margin-top: 70px;
    padding-left: 8%;
    padding-right: 8%;
}
.corpo-donate-block-sec .corpo-btn-sec {
    margin: 50px 0 50px 0;
    text-align: center;
    background-color: #EEB726;
    color: #ffffff;
    font-size: 20px;
    width: 200px;
    padding: 20px;
    font-weight: 500;
    font-family: "Lato";
    
    display: inline-block;
}
.corpo-donate-block-sec .staff-btn {
    background-color: #edb214;
    border: 1px solid #7a7a7b;
    font-size: 24px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Lato";
    text-align: center;
    padding: 20px 40px;
    border-radius: 10px;
    display: inline-block;
}
.corpo-donate-block-sec .staff-btn:hover{
    background-color: #2f4b82;
    
}
@media screen and (max-width:1191px){
.donate-kids-block-sec.section-padding, .help-block-sec.section-padding {
    padding-bottom: 0;
}
.corpo-donate-block-sec .corpo-donate-inner {
    margin-top: 40px;
}
.corpo-donate-block-sec .corpo-btn-sec {
    margin: 50px 0 0px 0;
}
.corpo-donate-block-sec .staff-btn {
    padding: 16px 20px;
}
}
@media screen and (max-width:991px){
.donate-amount-block .donate-inner-box {
    font-size: 22px;
}
.donate-amount-block .donate-amount-inner span {
    font-size: 18px;
}
.donate-kids-block-sec ul.donate-kids-list {
    padding-left: 0;
    padding-right: 0;
}
}
@media screen and (max-width:767px){
.help-block-sec .help-contect-info {
    margin-bottom: 0;
}
.donate-payment-form h3 {
    font-size: 23px;
}
.help-block-sec .help-box-image img {
    object-fit: cover;
}
.corpo-donate-block-sec .corpo-donate-inner p {
    font-size: 16px;
}
.help-block-sec .help-contect-info p {
    font-size: 16px;
}
.donate-amount-block .donate-boxes {
    width: 33%;
    padding-right: 20px;
        margin-bottom: 20px;
}
.donate-amount-block .donate-boxes:nth-child(3) {
    padding-right: 0px;
}
.donate-amount-block .donate-boxes:nth-child(4),.donate-amount-block .donate-boxes:nth-child(5) {
        margin-bottom: 0px;
}
.donate-payment-form {
    padding-top: 20px;
}
.donate-amount-block {
    padding: 20px 0 00px 0;
}
.corpo-donate-block-sec .corpo-donate-inner {
    padding-left: 0;
    padding-right: 0;
}
.sec-image-bottom:before{
    width: 12px;
    height: 12px;
    bottom: -5px;
}
    
.sec-image-bottom:after{
width: 220px;
    height: 1px;
}
}
@media screen and (max-width:639px){
.donate-amount-block .donate-boxes {
    width: 100%;
}
.donate-amount-block .donate-boxes:nth-child(4), .donate-amount-block .donate-boxes:nth-child(5) {
    margin-bottom: 20px;
}
.donate-amount-block .donate-boxes {
    padding-right: 0;
}
.donate-amount-block .donate-inner-box {
    width: 100%;
    max-width: 100%;
}
.corpo-donate-block-sec .corpo-btn-sec {
    margin: 20px 0 0px 0;
}
.corpo-donate-block-sec .staff-btn {
    font-size: 20px;
}
}
/*Class-List-Section*/
.class-donate-block-sec p {
    font-size: 18px;
    color: #2f4b82;
    font-weight: 700;
    font-family: "Lato";
}
.class-donate-block-sec {
    margin-top: 0px;
    padding-left: 8%;
    padding-right: 8%;
}
.class-donate-block-sec .class-btn-sec {
    margin: 0px 0px 50px 0px;
    text-align: center;
}
.class-donate-block-sec .staff-btn {
    background-color: #edb214;
    border: 1px solid #edb214;
    font-size: 20px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Lato";
    text-align: center;
    padding: 0px 50px 0px 50px;
    display: inline-block;
    
}
.class-donate-block-sec .staff-btn:hover{
    background-color: #ffffff;
    border: 3px solid #edb214;
    font-size: 20px;
    line-height: 18px;
    color: #edb214;
    font-weight: 600;
    font-family: "Lato";
    text-align: center;
}
.class-donate-block-sec .class-btn-sec {
    margin: 0px 0 0px 0;
}
.class-donate-block-sec .staff-btn {
    padding: 15px 40px 15px 40px;
    float: left;
}
/*Events Calendar Categories*/
.events-category-986 {
    background-color: #689B2C !important;  
    border: none;
}
.events-category-986 .fc-content span{
    color: white !important;
}
.events-category-987 {
    background-color: #3A9494!important;  
    border: none;
}
.events-category-987 .fc-content span{
    color: white !important;
}
.events-category-86 {
    background-color: #e6c200 !important;  
    border: none;
}
.events-category-86 .fc-content span{
    color: white !important;
}
/*Class List Image*/
.card-img {
  width: 200px
  Align: center;
  padding-bottom: 20px;
}
  
}
/* Tab Style tab links */
.tab {
  overflow: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.parents button {
  background-color: #2B5FA3;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.kids button {
  background-color: #ECB31F;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.community button {
  background-color: #D91F27;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

.parents button:hover {
  background-color: #ddd;
}
.kids button:hover {
  background-color: #ddd;
}
.community button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}
.parents button.active {
  background-color: #2B5FA3;
}
.kids button.active {
  background-color: #ECB31F;
}
.community button.active {
  background-color: #D91F27;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}