@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');



body {font-family: 'Montserrat', sans-serif; color: #2f2f2f;}



@media (max-width: 991.98px) {

.offcanvas-collapse {

	position: fixed;

	top: 56px; /* Height of navbar */

	bottom: 0;

	left: 100%;

	width: 100%;

	padding-right: 1rem;

	padding-left: 1rem;

	overflow-y: auto;

	visibility: hidden;

	background-color: #FFF;

	transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;

	transition: transform .3s ease-in-out, visibility .3s ease-in-out;

	transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;

}

.offcanvas-collapse.open {

	visibility: visible;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

}

}



.navbar-brand {font-weight: 700; color: #1e73be !important;  line-height: 18px; }

.navbar-brand span { float: left;  width: 100%;}

.navbar-brand small { float: left;  width: 100%; font-size: 14px; color: #2f2f2f !important; }



.nav-link {padding: .5rem 18px !important;}

.nav-scroller {

	position: relative;

	z-index: 2;

	height: 2.75rem;

	overflow-y: hidden;

}

.navbar {

	background: #FFF; padding: .2rem 1rem;

}

.nav-scroller .nav {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: nowrap;

	flex-wrap: nowrap;

	padding-bottom: 1rem;

	margin-top: -1px;

	overflow-x: auto;

	color: rgba(255, 255, 255, .75);

	text-align: center;

	white-space: nowrap;

	-webkit-overflow-scrolling: touch;

}

.nav-underline .nav-link {

	padding-top: .75rem;

	padding-bottom: .75rem;

	font-size: .875rem;

	color: #6c757d;

}

.nav-underline .nav-link:hover {

	color: #007bff;

}

.nav-underline .active {

	font-weight: 500;

	color: #343a40;

}

.bg-purple {

	background-color: #6f42c1;

}

.top-bar {

	font-size: 14px;

	font-weight: 700;

}

.top-bar a {

	color: #FFF;

	padding: 10px;

	display: inline-block;

}

.top-bar a i {

	font-size: 16px;

}

.date {

	text-align: center;

	padding: 10px 20px !important;

	color: #FFF !important;

}

/*TOP CSS END*/



.dropdown-menu {border: 0px; border-radius: 0px; background: #1e73be; padding: 0px;}

.dropdown-menu a {color: #FFF; -webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

-ms-transition: all 0.4s;

-o-transition: all 0.4s;

transition: all 0.4s; font-size: 13px;}

.dropdown-menu a:hover {color: #FFF !important; background: #03418c;   }



.position-relative .col-md-6 {position: absolute !important; left: 0px; z-index: 9; background: rgba(255,255,255,0.8); -webkit-box-shadow: 10px 10px 0px 0px rgba(30,115,190,0.63);

-moz-box-shadow: 10px 10px 0px 0px rgba(30,115,190,0.63);

box-shadow: 10px 10px 0px 0px rgba(30,115,190,0.63); }



.left-radius {-webkit-border-top-left-radius: 50px;

-webkit-border-bottom-left-radius: 50px;

-moz-border-radius-topleft: 50px;

-moz-border-radius-bottomleft: 50px;

border-top-left-radius: 50px;

border-bottom-left-radius: 50px;}

.right-radius {-webkit-border-top-right-radius: 50px;

-webkit-border-bottom-right-radius: 50px;

-moz-border-radius-topright: 50px;

-moz-border-radius-bottomright: 50px;

border-top-right-radius: 50px;

border-bottom-right-radius: 50px;}



.btn-menu {

	border: 1px solid #EBAB3F;

	font-size: 18px;

	color: #FFF !important;

	font-weight: 700;

	text-transform: uppercase;

	border-radius: 0px;

	padding: 5px 15px !important;
	background: #EBAB3F;

}

.btn-menu:hover {

	background: #f74b00;
border-color:#f74b00;
	color: #FFF !important;

}

.navbar-light .navbar-nav .nav-link {

	font-size: 13px;

	color: #1e73be;

	text-transform: uppercase;

	font-weight: 500;

}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {

	color: #03418c;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

	color: #03418c;

}

.blue-bg {

	background: #1e73be;

}

.purpal-bg {

	background: #03418c;

}



.box-1 {background: #1e73be; color: #FFF; padding: 85px;

    outline: 1px solid #fff;

    outline-offset: -15px; text-align: center; height: 300px;    -webkit-transition: background-color 2s ease-out;

  -moz-transition: background-color 2s ease-out;

  -o-transition: background-color 2s ease-out;

  transition: background-color 2s ease-out;   }

.box-1 h3 {font-size: 18px;}

.box-1 p {font-size: 14px;  }

.box-1:hover { background: #03418c; }



.space-1 { right: -50px; top: -50px }

.space-2 { top: 0px; }

.space-3 { right: -70px; top: -100px; }

.space-4 { left: -20px; top: -50px }



.position-relative h2 { position: relative; }

.text-light {

    color: #eff3f9 !important;

}

.bg-1 { background: url(../images/bg-2.png) no-repeat center center scroll; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;}



section { padding: 60px 0px; position: relative; }

.navbar.bordered::after {

    width: 100%;

    -webkit-transform: scale(1,1);

    -moz-transform: scale(1,1);

    -ms-transform: scale(1,1);

    -o-transform: scale(1,1);

    transform: scale(1,1);

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

	

}

.navbar::after {

    border-bottom: 2px solid #03418c;

    width: 0%;

    left: 0;

    right: 0;

    content: "";

    display: block;

    position: absolute;

    bottom: -2px;

    margin: 0 auto;

    -webkit-transform: scale(0,0);

    -moz-transform: scale(0,0);

    -ms-transform: scale(0,0);

    -o-transform: scale(0,0);

    transform: scale(0,0);

    -moz-transform-style: preserve-3d;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -ms-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-timing-function: linear;

    -moz-transition-timing-function: linear;

    -ms-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 1s;

    -moz-transition-duration: 1s;

    -ms-transition-duration: 1s;

    -o-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -ms-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}





/*h2 {font-family: 'Fredericka the Great', cursive; font-size: 50px; color: #03418c;}*/

h2 {font-size: 1.75rem; color: #2f2f2f;}
h3 {font-size: 1.50rem; color: #2f2f2f;}

h2 span { display: inline-block;  color: #EBAB3F;}



.bg-2 {position: relative;}

.bg-2::before {content: " sdfsadf";

display: none;

height: 100%;

width: 52%;

background-color: #f8f9fa;

position: absolute;

top: 0;

right: 0;}



.bg-light {background: #eff3f9 !important;}

.photo-gallery img {width: 100%; height: auto; box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important; }



.bg2 {

	

	position: relative;

	

}

.bg2::before {

	background-color: #eff3f9;

	content: "";

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	width: 52%;

	height: 100%;

	z-index: -2;

	opacity: 1;

}





.testimonial-box {background-color: #fff; padding: 55px 30px 43px 30px;   box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; margin: 10px;}



.testimonial-box  i {font-size: 40px; color: #03418c; position: absolute; top: -0px;}

.testimonial-box  p {font-size: 16px;}



.testimonial-box h5 {font-size: 18px; margin-bottom: 0px; }

.testimonial-box h5::before {content: "";

display: inline-block;

height: 2px;

width: 40px;

background-color: #ebab3f;

vertical-align: middle;

margin-right: 20px;}



/*.project-box  { background: #03418c; }*/

.pb-box { background: #03418c; }

.project-box-main .pb-box:nth-child(odd)  {

  background: #ebab3f;

}

.project-box .img-box img { width: 100%; height: auto; opacity: 0.4; }

.project-box {position: relative; text-align: center; }

.project-box .content-box  {position: absolute;

  top: 50%;

  left: 50%; width: 70%;

  transform: translate(-50%, -50%); color: #FFF; background: rgba(255,255,255,0.5); padding: 50px 10px;   -webkit-transition: background-color 1s ease-out;

  -moz-transition: background-color 1s ease-out;

  -o-transition: background-color 1s ease-out;

  transition: background-color 1s ease-out; transition: all 1s;   }

.project-box:hover .content-box {background: rgba(255,255,255,0.8); width: 100%;  transition: all 1s; }

.project-box .content-box h3 {font-weight: 700; color: #03418c; margin-bottom: 20px; font-size: 22px; }

.project-box .content-box a {background: #ebab3f; color: #000; padding: 8px 20px; border-radius: 500px; }



a:hover {text-decoration: none; }

#toTopBtn {

    position: fixed;

    bottom: -3px;

    right: 39px;

    z-index: 98;

    padding:7px 15px;

    background-color: #03418c; border-radius: 3px;

}



#toTopBtn i {color: #FFF; font-size: 30px;}

a:hover {-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;

-moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s;

-ms-transition: color 0.3s, background-color 0.3s, border-color 0.3s;

-o-transition: color 0.3s, background-color 0.3s, border-color 0.3s;

transition: color 0.3s, background-color 0.3s, border-color 0.3s;}



.t-nav {margin: 20px 0;}

.t-nav button  { border: 1px solid #EBAB3F; height: 40px; width: 40px; text-align: center; border-radius: 500px; background: #FFF;}

.t-nav button:hover  { background: #EBAB3F;}

.t-nav button i { color: #EBAB3F; font-size: 20px; line-height: 35px; }

.t-nav button:hover i { color: #FFF;  }



.bg3 {background-color: #03418c;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23155288' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23023a7e'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); color: #FFF; position: relative; padding: 40px 0; }



.svg-border-rounded svg {

    position: absolute;

    bottom: 0;

    left: 0;

    height: 3rem;

    width: 100%;

}



.bg-4 { background: url(../images/bg-3.png) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;}



.data-list   { text-align: center; }

.data-list h2  { font-size: 100px; color: #FFF;  font-family: 'Quicksand', sans-serif; font-weight: 700; line-height: 80px; }





.donat-banner {

	background-color: rgba(0,32,71,0.9);

	position: relative;

	text-align: center;

	padding: 10.5vh 0; color: #FFF;

}

.donat-banner::before {

	background: url(../images/donat-bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -2;

	opacity: 0.6;

}

.donat-banner h2 {

	font-size: 48px;

	color: #FFF;

	margin-bottom: 10px;

}



.btn-3 { border: 1px solid #EBAB3F;

font-size: 18px;

color: #EBAB3F !important;

font-weight: 700;

text-transform: uppercase;

padding: 10px 25px !important; border-radius: 500px; margin: 10px 0; display: inline-block; }

.btn-3:hover { background: #EBAB3F; color: #FFF !important; }

 .btn-4 { border: 1px solid #EBAB3F;

font-size: 18px;
background: #EBAB3F;
color: #fff !important;

font-weight: 700;

text-transform: uppercase;

padding: 10px 25px !important; border-radius: 500px; margin: 10px 0; display: inline-block; }

.btn-4:hover { background: #e49206; color: #fff !important; border: 1px solid #e49206}

button:focus { outline: 0px; }

/* ============ only desktop view ============ */

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

	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }

	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }

	.navbar .dropdown-menu.fade-up{ top:180%;  }

	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); color: #EBAB3F !important; }

}		

/* ============ desktop view .end// ============ */



.carousel-caption {

	bottom: 3rem;

	z-index: 10;

}

.carousel-item > img {

	position: absolute;

	top: 0;

	left: 0;

	min-width: 100%;

}

.carousel-item {

	height: 37rem;

	background: #000;

}

.carousel-item img {

	opacity: 0.5;

}

.carousel-caption {

	transform: translateY(-50%);

	bottom: 0;

	top: 50%;

	color: #231f20;

}

.carousel-caption h5 {

	font-size: 45px;

	font-weight: 700;

	color: #FFF;

}

.carousel-caption p {

	font-size: 20px;

	font-weight: 400;

	color: #FFF;

}

.carousel-caption .btn {

	background: #EBAB3F;

	font-size: 16px;

	color: #000;

	font-weight: 700;

	padding: 5px 35px;

	border-radius: 3px;

	box-shadow: 5px 5px 5px -3px rgba(0, 0, 0, 0.08);

}

.carousel-caption .btn:hover {

	background: #03418c; color: #FFF;

}



.footer-main {

	background: #000322;

	padding: 50px 0;

	color: #FFF;

}

.footer-main h4 {

	font-size: 24px;

	font-weight: 700;

	margin-bottom: 20px;

}

.footer-main p {

	font-size: 14px;

	font-weight: 400;

	margin: 10px 0;

}

.footer-main ul.footer-menu {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.footer-main ul.footer-menu li {

	float: left;

	width: 50%;

	margin-bottom: 10px;

}

.footer-main ul.footer-menu li a {

	font-size: 14px;

	color: #FFF;

	font-weight: 700;

}

.footer-main ul.footer-menu li:hover a {

	color: #bc9d5b;

}

.footer-main address p a {

	font-size: 14px;

	color: #FFF;

	font-weight: 700;

}

.footer-main address p a:hover {

	color: #bc9d5b;

}



.footer-main address p {

	font-size: 14px;

	color: #FFF;

	font-weight: 700;

}

.copyright {

	background: #000213;

	padding: 15px 0;

	color: #FFF;

	font-size: 14px;

	text-align: center;

	font-weight: 700;

}

.copyright p {

	margin: 0px;

}

.social-icon {

	display: inline-block;

}

.social-icon a {

	font-size: 16px;

	color: #FFF; 

	margin-left: 15px;

	line-height: 30px;

	display: inline-block;

}



.footer-logo {color: #FFF; font-weight: 700; font-size: 18px; margin-bottom: 20px;}

.footer-logo span {font-size: 16px; font-weight: 400; display: inline-block; width: 100%; margin-bottom: 20px; }



.inner-banner {

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

	position: relative;

	text-align: center;

	padding: 8.0vh 0;

}

.inner-banner::before {

	background-image: url("../images/slider/fdr-headerimage-of the memorial.jpg");

	background-size: cover;

	background-position: center center;

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -2;

	opacity: 1;

}



/*
.inner-banner::after {

	background: #03418c;

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left:0;

	

	width: 60%;

	height: 100%;

	z-index: -2;

	opacity: 0.5;

	

	transform-origin: top left;

-ms-transform: skew(-40deg, 0deg);

-webkit-transform: skew(-40deg, 0deg);

transform: skew(-40deg, 0deg);

}
*/

.inner-banner h1 {

	font-size: 48px;

	font-weight: 700;

	color: #FFF;

	margin-bottom: 0px;

}

.inner-banner nav {

	display: inline-block;

	color: #FFF;

}

.inner-banner nav ol {

	background: rgba(0,0,0,0.3);

	margin: 10px 0;

	font-size: 13px;

}

.inner-banner nav ol li.breadcrumb-item.active {

	color: #FFF;

	font-weight: 700;

}

.inner-banner nav ol li a {

	color: #FFF;

}

.inner-banner .breadcrumb-item + .breadcrumb-item::before {

	color: #FFF;

}



.navbar .btn-group  a {padding-right: 0px !important;}

.navbar .btn-group a.dropdown-toggle-split {line-height: 35px; padding-right: 14px !important; color: #03418c; padding-left: 3px !important; }

.navbar .btn-group  a.dropdown-item {padding: .25rem 1.5rem !important; }





.box-2 { position: relative; z-index: 1; padding: 20px 90px 70px 20px; color: #FFF; }

.box-2::before {

    background-color: #1e73be;

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 85%;

    height: 100%;

    z-index: -1;

    opacity: 1;

/*

	outline: 1px solid #fff;

outline-offset: -10px;

*/

	-webkit-transition: background-color 1s ease-out;

-moz-transition: background-color 1s ease-out;

-o-transition: background-color 1s ease-out;

transition: background-color 1s ease-out;

}



.box-2:hover::before { background: #EBAB3F; }

.box-2 a.btn {position: absolute; bottom: 20px; right: 25px; background: #EBAB3F; color: #000; padding: 10px 20px; border-radius: 500px; -webkit-transition: background-color 1s ease-out;

-moz-transition: background-color 1s ease-out;

-o-transition: background-color 1s ease-out;

transition: background-color 1s ease-out;}

.box-2:hover a.btn {background: #03418c; color: #FFF;}

.box-2 h3 {font-size: 22px;}

.box-2 p {font-size: 16px;}

.space-5 {right: -50px;}

.box-bg { padding: 20px; background: rgba(255,255,255,0.8);

-webkit-box-shadow: 10px 10px 0px 0px rgba(30,115,190,0.63);

-moz-box-shadow: 10px 10px 0px 0px rgba(30,115,190,0.63);

box-shadow: 10px 10px 0px 0px rgba(30,115,190,0.63);}



.name h6  { color: #03418c; margin-bottom: 0px; }

.name em  { color: #333;font-size: 14px; }

.advisors-box { background: #eff3f9 !important; padding:15px; }

.advisors-box:hover {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }

.advisors-box h4 { font-size: 18px; font-weight: 700; margin-bottom:5px; }

.advisors-box p { font-size: 14px;  padding-left: 22px;  }

.advisors-box p::before { content: "\2014"; color: #EBAB3F;  margin-right: 5px; font-weight: bold; margin-left: -20px; }

.link { color: #03418c; font-weight: 700;  }

.link:hover { color:#EBAB3F;   }

.shadow-non:hover {box-shadow: none !important; }

.shadow-non  {padding: 0px;  }

.shadow-non p {padding-left: 0px !important; }

.shadow-non p::before {content: "" !important; margin: 0px !important;}





.team {background: #FFF; border-radius: 10px; overflow: hidden; }



.team .content-box { padding: 20px;  }

.team .content-box h3 { font-size: 22px; font-weight: 700; color: #EBAB3F;}

.team .img-box img {width: 100%; height: auto;  }



.member-box {background: #FFF; border-radius: 5px; overflow: hidden; }

.member-box:hover {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }

.member-box .img-box img {width: 100%; height: auto;  }

.member-box .content-box { padding:20px; text-align: center; }

.member-box .content-box h3 { font-size: 22px; color: #EBAB3F; font-weight: 700; margin-bottom: 0px;  }



.story-box  { background: #1e73be; display: -ms-flexbox;

display: flex;

-ms-flex-wrap: wrap;

flex-wrap: wrap;  -webkit-transition: background-color 2s ease-out;

-moz-transition: background-color 2s ease-out;

-o-transition: background-color 2s ease-out;

transition: background-color 2s ease-out; }

.story-box:hover {background: #03418c;}





.story-box .img-box {-ms-flex: 0 0 50%;

flex: 0 0 50%;

max-width: 50%; position: relative; }

.story-box .img-box img {width: 100%;}

.story-box .content-box {-ms-flex: 0 0 50%;

flex: 0 0 50%;

max-width: 50%; position: relative; padding: 20px; }

.story-box .content-box h3 {color: #FFF; font-weight: 700; font-size: 22px;}

.story-box .content-box .btn {border: 1px solid #EBAB3F;

font-size: 14px;

color: #EBAB3F !important;

font-weight: 700;

text-transform: uppercase;

border-radius: 0px;

padding: 5px 15px !important;}

.story-box .content-box .btn:hover {background: #EBAB3F;

color: #FFF !important;}



.title-2 h2 span {display: initial; }



.information-list {padding: 0px; margin: 10px 0px; list-style: none; }

.information-list li {background: #eff3f9 !important; padding: 15px; margin-bottom: 5px; }





.blog-box {margin: 15px 0; background:#FFF; }

.blog-box .blog-img-box {position: relative; margin-bottom: 15px; }

.blog-box .blog-img-box img {width: 100%; height: auto; }

.blog-box .blog-content  {padding:0 10px 20px; display: inline-block;}

.blog-box .blog-content h3 {font-size: 16px; font-weight: 500; color: #000; margin-bottom: 0px; min-height: 30px;}

.blog-box .blog-content small {font-size: 12px; font-weight:400; color: #868686; margin-bottom:10px; display:  inline-block; width: 100%;}

.blog-box .blog-content small b {color: #000; font-weight: 500; }

.blog-box .blog-content p {font-size: 13px; font-weight: 400; color: #000; margin:10px 0 20px;  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical; }

.blog-box .blog-content a { background: none; color:#EBAB3F; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 5px 20px; display: inline-block; border: 2px solid #EBAB3F;}

.blog-box .blog-content a:hover  {  background: #EBAB3F;  color: #FFF; border-color: #FFF;  }

.blog-box:hover  {  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);

-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);

box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);  }



.blog-detail-page h3 {font-size: 24px; font-weight: 700; color: #03418c; }

.blog-detail-page h4 {font-size: 20px; font-weight: 700; color: #EBAB3F; }

.blog-detail-page {border-bottom: 0px; }

.blog-detail-page .blog-img-box {float: right; margin: 10px 0 10px 10px; width: 50%; }





.donors-box { background: #FFF !important; padding:15px; }

.donors-box:hover {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }

.donors-box h4 { font-size: 18px; font-weight: 700; margin-bottom:5px; }





.contact-info {

    margin-bottom: 10px;   color: #FFF;

}

.contact-info__icon {

    margin-right: 20px; width: 30px; text-align: center;

}

 .contact-info__icon span {

    color: #FFF;

    font-size:16px;

}

.contact-info__icon i { font-size: 40px; }

.contact-info .media-body h3 {

    font-size: 16px;

    margin-bottom:15px;

}



.contact-info .media-body p {

      color: #FFF; margin-bottom: 0px;

}



.contact-info .media-body h3 a {

     color: #FFF; 

}







.contact-info-main { padding-top: 30px; padding-bottom: 5px; margin-top: -60px; margin-bottom: 100px; padding-left: 15px;

padding-right: 15px; }



.contact_form .form-control {border-radius: 0px; padding: 10px 15px; height: auto; }

.contact_form textarea.form-control {height: 170px; resize: none; }



.map-responsive{

    overflow:hidden;

    padding-bottom:25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}



.contact_form .form-control {border-radius: 0px;}

.btn-all {border: 1px solid #EBAB3F;

font-size: 18px;

color: #EBAB3F !important;

font-weight: 700;

text-transform: uppercase;

border-radius: 0px;

padding: 5px 15px !important;}



.btn-all:hover {background: #EBAB3F;

color: #FFF !important;}



.text-limit p {

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.team-details .image-left { float: left; margin: 10px 20px 10px 0px; 

	-webkit-box-shadow: 8px 8px 0px 0px rgba(30,115,190,0.63);

-moz-box-shadow: 8px 8px 0px 0px rgba(30,115,190,0.63);

box-shadow: 8px 8px 0px 0px rgba(30,115,190,0.63);}

.team-details p {font-size: 14px;}

.team-details h3 {font-size: 22px; font-weight: 700; color: #03418c; }



.address-bg { background-image: linear-gradient(to right top, #033d83, #00419c, #0944b4, #2745ca, #4444e0); position: relative;  z-index: 1; }

.address-bg::before {  background-image: linear-gradient(to left bottom, #033d83, #00419c, #0944b4, #2745ca, #4444e0);  position: absolute;

  content: "";

  top: 0;

  right: 0;

  bottom: 0;

  left: 0; z-index: -1;

  transition: opacity 0.5s linear;

  opacity: 0; border-radius: 5px; }



.address-bg:hover::before {

  opacity: 1;

}


.sticky-top.right-side {top: 180px;  z-index: 0;}
.sticky-top.sub-list-menu {top: 80px; z-index: 999;}
.sticky-top.sub-list-menu .bg-dark {background:#03418c !important;}
.sticky-top.sub-list-menu .navbar-dark .navbar-nav .nav-link {color: #FFF !important; padding: 1rem 18px !important;}
.subnav {text-align: center; display: inline-block;}
.subnav li  {text-align: center; display: inline-block;}
.sub-list .js-scroll-trigger:hover {
  background: #000322 !important;
}

.sub-list .js-scroll-trigger.active {
  background: #000322 !important;
}

.right-menu  {margin-bottom: 20px; }
.right-menu .menu-title {background: #03418c; color: #FFF; padding: 5px 12px; margin: 0px 0px 1px;  font-size: 1.25rem; font-weight: 500;}
.right-menu ul { list-style: none; padding: 0px; margin: 0px;}
.right-menu ul li  { margin-bottom: 1px;}
.right-menu ul li a { background: #1e73be; color: #FFF; display: inline-block; width: 100%; padding: 5px 12px;}
.right-menu ul li a:hover { background: #4780ab; color: #FFF; }
.right-menu ul li a.active { background: #4780ab; color: #FFF; }

.right-side-logo a {display: inline-block; width: 100%; margin-bottom:15px; }
.right-side-logo a img {width: 100%; height: auto; }

.faq-accordion .card { margin-bottom: 20px; }
.faq-accordion .card .card-header {background: #4780ab; }
.faq-accordion .card .card-header button {color: #FFF; font-weight: 700; padding: 0px !important; position: relative; }
.faq-accordion .card .card-header button.collapsed::before { content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 0;}
.faq-accordion .card .card-header button::before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 0;}
.faq-accordion .card .card-header button:hover {text-decoration: none; }
.faq-accordion .card .card-header button:focus {text-decoration: none !important; }

.member-box .img-box {width:100% !important;}
.member-box .info-box {width: 75% !important;}


@media(max-width:767px) {
	.member-box.d-flex {display: inline-block !important;}
.member-box .img-box {width:100% !important; margin-bottom: 20px;}
.member-box .img-box.pr-4 {padding-right: 0px !important;}
.member-box .info-box {width: 100% !important;}
.top-bar a b {

	display: none;

}

	h2 {font-size: 36px;}

	.space-1 {top: 0px; right: 0px; margin-bottom: 20px; }

	.space-2 {top: 0px; right: 0px; margin-bottom: 20px; }

	.space-3 {top: 0px; left: 0px; margin-bottom: 20px;}

	.space-4 {top: 0px; left: 0px; margin-bottom: 20px; }

	.space-5 {top: 0px; left: 0px; margin-bottom: 20px; }

	.box-1 {padding: 30px; margin-bottom: 20px; }

.navbar-light .navbar-toggler {

	z-index: 999999;

}

	.project-box .content-box {padding: 20px; }

	.project-box .content-box h3 {font-size: 20px;}

	.project-box .content-box a {font-size: 14px;}

	.top-bar a {padding: 7px;}

	.navbar-brand {width: 50%; font-size: 16px;}

	.navbar-brand small {font-size: 12px;}

	.photo-gallery .my-5 { margin-top: .1rem !important;}

.date {

	font-size: 10px;

	padding: 10px 10px !important;

}

.dh {

	display: block;

}

.mh {

	display: none;

}

	

	.carousel-item {

	height: 32rem;

}

	.footer-main h4 {

	margin-top: 30px;

}

	.position-relative .col-md-6 {position: static !important; }

.carousel-item > img {

	position: absolute;

	top: 0;

	left: -100%;

	min-width: 100%;

	height: 32rem;

}

.carousel-caption.text-left {

	text-align: center !important;

}

.carousel-caption h5 {

	font-size: 24px;

	font-weight: 700;

}

	.navbar .btn-group  { width: 100%; }

	.navbar .btn-group a {float:left; width: 90%; }

	.navbar .btn-group a.dropdown-toggle-split {float: right; width: 10%; text-align: center; }

	.navbar .btn-group .dropdown-menu {position: absolute!important; width: 100%; }

	.blog-img-box {float:left; margin: 10px 0; width: 100%; }

	

	section {

	padding: 35px 0px;

}

	.map-responsive{

    overflow:hidden;

    padding-bottom:100%;

    position:relative;

    height:0;

}

	

}