html, body {
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	background: #ffffff;
	margin: 0;
}
p, ul li, ol li {
	margin: 0;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	/* font-family: 'Cabin Condensed', sans-serif; */
	margin: 0;
}
ul, label {
	margin: 0;
	padding: 0;
}
body a:hover {
	text-decoration: none;
}

input[type="submit"], input[type="reset"], .w3layouts_banner_info_right ul li a, .wthree_copy_right p a, .agile_map_grid ul li a, .agileits_w3layouts_footer_grid ul li a {
	transition: .5s ease-in;
	-webkit-transition: .5s ease-in;
	-moz-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	-ms-transition: .5s ease-in;
}
/*-- banner --*/
.banner {
	background: url(../images/banner.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 700px;
}

/* Yaku */


/* Gallery Images */

.principal-content {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}

.principal-content h3 {
	font-size: 23px;
	font-weight: 400;
	color: #07294d;
	text-align: center;
	line-height: 32px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.blank {
	width: 12.7%;
	display: block;
	background-image: url(../../images/master_heding_border.png);
	height: 6px;
	margin: auto;
	margin-top: 13px;
}
#images_data > ul{
	display: flex;
	flex-wrap: wrap;
}
#images_data > ul>li{
	width: 450px;
	height: 300px;
	margin: 20px auto;
}
.school-gallery img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
	transition: all ease-in-out 1s;
}
.school-gallery img:hover{
	transform: scale(1.03);
}
.school-gallery-2 {
	width: 100%;
	height: 100%;
	margin: 20px auto;
	box-shadow: 0px 0px 10px #8c8c8c;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
}
.school-gallery-2:hover {
	box-shadow: 5px 5px 10px 4px #8c8c8c;


}
.school-gallery-2 > a> img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin-bottom: 25px;
	border-radius: 10px 10px 10px 10px;
	transition: transform ease-in-out 1s;
}
.school-gallery-2 > a> img:hover {
	transform: scale(1.03);
}
@media screen and (max-width: 408px) {
	/* CSS rules for screens with a width of 768px or less */
	#images_data > ul>li{
		width: 250px;
		height: 300px;
		margin: 20px auto;
	}
  }
.school-gallery {
	margin-bottom: 40px;
	overflow: hidden;
}

.school-gallery img {
	border-radius: 10px 10px 0px 0px;
}

.galleryy {
	padding: 25px 25px;
	border: 2px solid #fc4f2b;
	margin-bottom: 50px;
}

.gal-heading {
	width: 100%;
	background: #223671;
	padding: 9px;
	border-radius: 0px 0px 8px 8px;
	text-align: center;
	color: #fff;
	
}

.gal-heading h2 {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
}

.school-gallery:hover {
	box-shadow: 0px 0px 10px 4px #8c8c8c;
	border-radius: 11px 11px 11px 11px;

}

/* Media Queries */
@media screen and (max-width: 50em) {
.link--surinami {
	font-size: 3em;
}
}

@media screen and (max-width: 42em) {
.link--takiri {
	font-size: 3.5em;
}
.link--kukuri {
	font-size: 3.5em;
}
.link--nukun {
	font-size: 3.5em;
}
.link--kumya {
	font-size: 3em;
}
.link--manko {
	font-size: 3.5em;
}
.link--urpi {
	font-size: 5em;
}
.link--mallki {
	font-size: 3.5em;
}
.link--ilin {
	font-size: 5em;
}
.link--asiri {
	-webkit-transform: scale3d(0.65, 0.65, 1);
	transform: scale3d(0.65, 0.65, 1);
}
}

.message{
	margin:2rem auto;
}
.message p{
	font-size: 1.2rem;
    line-height: 1.9;
	text-align: justify;
}
.nav-tabs .nav-link{
	font-size: 18px;
    padding: 1rem 2rem 0 2rem
}
.js-marquee a{
	color: #8e1d1d;
    text-decoration: none;
    font-weight: 600;
}

.quick_links{
	margin: 0;
	padding: 0;
	list-style: none;
}
.quick_links li a{
	font-size: 1.2rem;
	color: #8e1d1d;
	text-decoration: none;
	padding-left: 1rem;
}




.w3layouts_banner_info {
	padding: 10em 0 0;
}
.w3layouts_banner_info_agileits_w3layouts {
	padding: 18em 0 0;
}
.w3layouts_banner_info_left ul li {
	display: inline-block;
	color: #fff;
	width: 24%;
	text-transform: capitalize;
	font-weight: 600;
}
.w3layouts_banner_info_left ul li:nth-child(2) {
	margin: 0 5em;
}
.w3layouts_banner_info_left ul li span {
	display: block;
	padding-top: .5em;
	margin-top: .5em;
	border-top: 1px solid;
}
.w3layouts_banner_info_left {
	float: left;
	width: 50%;
}
.w3layouts_banner_info_right {
	float: right;
	padding: 1.5em 0 0;
}
.w3layouts_banner_info_right ul li, .w3ls_social li {
	display: inline-block;
}
.w3layouts_banner_info_right ul li a, .w3ls_social li a {
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding-top: .5em;
	font-size: 13px;
}
a.w3_agile_facebook {
	background: #3b5998;
}
a.agile_twitter {
	background: #1da1f2;
}
a.w3_agile_dribble {
	background: #ea4c89;
}
a.w3_agile_vimeo {
	background: #1ab7ea;
}
a.w3_agile_facebook:hover {
	background: #84a3e3;
}
a.agile_twitter:hover {
	background: #68b8e9;
}
a.w3_agile_dribble:hover {
	background: #f782af;
}
a.w3_agile_vimeo:hover {
	background: #5acef3;
}
/* marquee */
.Lates_news {
	border-bottom: 1px solid #eee;
    background-color: lightgreen;
}
.NewsHead {
	width: 10%;
	font-weight: bold;
	background-color: #0047AB;
	color: #fff;
	vertical-align: baseline;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.5rem;
}
.marquee-with-options {
	padding: 1rem 0;
	width: 100%;
	overflow: hidden;
}
/*Wrapper*/
.wrapper {
	position: relative;
}
.wrapper h2 {
	display: block;
	font-size: 1em;
	letter-spacing: 5px;
	padding: .5em 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	width: 28%;
	text-transform: capitalize;
	color: #212121;
}
.wrapper .sentence {
	font-size: 5em;
	text-transform: capitalize;
	font-family: 'Cabin Condensed', sans-serif;
}
/*Pop Effect*/
.popEffect {
	display: inline;
	text-indent: 8px;
}
.popEffect span {
	animation: pop 10.5s linear infinite 0s;
	-ms-animation: pop 10.5s linear infinite 0s;
	-webkit-animation: pop 10.5s linear infinite 0s;
	color: #212121;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.popEffect span:nth-child(2) {
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.popEffect span:nth-child(3) {
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.popEffect span:nth-child(4) {
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.popEffect span:nth-child(5) {
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*Pop Effect Animation*/
@-moz-keyframes pop {
 0% {
opacity: 0;
}
 5% {
opacity: 0;
-moz-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);
}
 10% {
opacity: 1;
-moz-transform: translateY(0px);
}
 25% {
opacity: 1;
-moz-transform: translateY(0px);
}
 30% {
opacity: 0;
-moz-transform: translateY(0px);
}
 80% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-webkit-keyframes pop {
 0% {
opacity: 0;
}
 5% {
opacity: 0;
-webkit-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);
}
 10% {
opacity: 1;
-webkit-transform: translateY(0px);
}
 25% {
opacity: 1;
-webkit-transform: translateY(0px);
}
 30% {
opacity: 0;
-webkit-transform: translateY(0px);
}
 80% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-ms-keyframes pop {
 0% {
opacity: 0;
}
 5% {
opacity: 0;
-ms-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);
}
 10% {
opacity: 1;
-ms-transform: translateY(0px);
}
 25% {
opacity: 1;
-ms-transform: translateY(0px);
}
 30% {
opacity: 0;
-ms-transform: translateY(0px);
}
 80% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
/*-- //banner --*/
/*-- banner-bottom --*/
/* .banner-bottom, .services, .team, .contact, .footer {
	padding: 5em 0;
} */
.w3_agileits_banner_bottom_left, .w3_agileits_banner_bottom_right {
	padding: 0;
}
.w3_agileits_banner_bottom_right {
	background: #0047AB;
	min-height: 443px;
	position: relative;
}
.w3_agileits_banner_bottom_right_pos {
	position: absolute;
	top: 15%;
	left: 30%;
	width: 100%;
}
.w3_agileits_banner_bottom_right_pos h3 {
	font-size: 14px;
	text-transform: capitalize;
	width: 35%;
	text-align: center;
	color: #fff;
	padding: .5em 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.w3_agileits_banner_bottom_right_pos h4 {
	font-size: 1.83em;
	color: #212121;
	margin: .3em 0 0.5em;
	text-transform: capitalize;
}
.w3_agileits_banner_bottom_right_pos p {
	color: #000000;
	line-height: 2em;
	text-align: left;
	position: relative;
	padding-bottom: 4em;
}
.w3_agileits_banner_bottom_right_pos p:after {
	content: '';
	background: #212121;
	height: 2px;
	width: 30%;
	position: absolute;
	bottom: 0%;
	right: 0%;
}
/*-- //banner-bottom --*/
/*-- banner-text --*/
.banner-text {
	background: url(../images/2.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 300px;
	padding: 5.5em 0 0;
}
.banner-text h3 {
	font-size: 2.5em;
	letter-spacing: 5px;
	color: #fff;
	text-align: center;
	line-height: 1.5em;
	text-transform: capitalize;
}
/*-- //banner-text --*/
/*-- services --*/
.wthree_head {
	font-size: 2em;
	color: #212121;
	text-align: center;
	text-transform: capitalize;
}
.wthree_head i {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	background: #0047AB;
	margin: 0 auto;
	border-radius: 25px;
	line-height: 1.5;
	margin-bottom: .5em;
}
.wthree_head span {
	display: block;
    padding: 0.5em 0;
    border-top: 1px solid #0047AB;
    border-bottom: 1px solid #0047AB;
    width: 25%;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin: 0 auto;
}
.agileinfo_services_grids {
	margin: 1em 0 0;
}
.agileinfo_services_grid {
	padding: 2em 1em 0;
}
.agileinfo_services_grid_left {
	float: left;
	width: 70%;
}
.agileinfo_services_grid_right {
	float: right;
	width: 30%;
}
.agileinfo_services_grid_left h4 {
	font-size: 1.5em;
	color: #212121;
	line-height: 1.5em;
	padding-top: .3em;
}
.agileinfo_services_grid_right h4 {
	font-size: 3em;
	color: #e4e4e4;
	text-align: right;
}
.agileinfo_services_grid p {
	color: #999;
	line-height: 2em;
	margin: 1em 0 0;
}
/*-- //services --*/
/*-- team --*/
.team {
	background: url(../images/4.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 600px;
}
.wthree_head1 {
	color: #fff;
}
.agileits_team_grid_figure, .agileits_team_grid_figure_social {
	float: left;
}
.agileits_team_grid_figure img {
	border: 5px solid #fff;
	border-radius: 90px;
}
.agileits_team_grid_figure_social {
	margin: 4em 0 0 0.5em;
}
.agileits_team_grid h4 {
	font-size: 1.2em;
	color: #0047AB;
	margin: .5em 0;
}
.agileits_team_grid h4 span {
	font-size: .7em;
	color: #fff;
}
.agileits_team_grid p {
	color: #fff;
	line-height: 2em;
}
.agileits_team_grids, .w3l_gallery_grids, .w3_testimonials_grids, .w3layouts_mail_grids {
	margin: 3em 0 0;
}
/*-- //team --*/
/*-- gallery --*/
.w3l_gallery_grid {
	padding: 0;
}
.w3l_gallery_grid li {
	display: inline-block;
	float: left;
	width: 33.33%;
}
.box {
	height: 240px;
	position: relative;
	overflow: hidden;
}
.box img {
	position: absolute;
	left: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	width:100%
	
}
/* Caption Common Style */
.box .caption {
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	left: 0;
	width: 100%;
	height: inherit;
	padding: 4em 2em;
	text-align: center;
}
/** Caption 6: Scale **/
.box .scale-caption h3, .box .scale-caption p {
	position: relative;
	left: -380px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.box .scale-caption h3 {
	font-size: 1em;
	text-transform: uppercase;
	padding: .5em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 30%;
	margin: 0 auto 1em;
}
.box .scale-caption p {
	line-height: 2em;
}
.box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	transition-delay: 300ms;
}
.box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	transition-delay: 500ms;
}
/** Simple Caption :hover Behaviour **/
.box:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
}
/** Full Caption :hover Behaviour **/
.box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}
/** Fade Caption :hover Behaviour **/
.box:hover .fade-caption, .box:hover .scale-caption {
	opacity: 1;
	background-color: rgba(0,0,0,0.8);
	height:100%
}
/** Scale Caption :hover Behaviour **/
.box:hover #image-6 {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.box:hover .scale-caption h3, .box:hover .scale-caption p {
	-moz-transform: translateX(380px);
	-o-transform: translateX(380px);
	-webkit-transform: translateX(380px);
	transform: translateX(380px);
}
/*-- //gallery --*/