*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body{
	font-family: 'poppins';
	height: 100%;
}

.card-img-overlay{
	border-radius: 0px;
}
.card-overlay-home{
	background-color: rgba(0, 0, 0, 0.4); 
}
.breadcrumb {
    font-size: 0.8rem;
    padding: 3px 0 0 0;
    margin-bottom: 10px;
}
.nav-link{
	color: black;
	border:0px;
}

.dark-blue-text{
	color: #254b9c;
}
.dark-blue-background{
	background-color: #254b9c;
}
.dark-blue-border{
	border: 1px solid #254b9c;
}
.light-blue-text{
	color: #00adef;
}
.light-blue-background{
	background-color: #00adef;
}
.light-blue-border{
	border: 1px solid #00adef;
}
hr{
	width: 50px;
}

.slider{
	background-image: url('../img/banner.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
}
.service-section{
	z-index: 1;
}
.service-section p{
	font-size: 15px;
}
.service-section, .program-section .card, .choose-section .card-body{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
}
.choose-section .card-body{
	margin-top: -60px;
}
.welcome-section{
	padding-top: 30px; 
	padding-bottom: 10px;
	min-height:100%;
	background:url('../img/section-backgrounds/welcome.png');  
	background-size:contain;	
	background-repeat: no-repeat;
}
.future-section{
	padding-bottom: 100px;
	min-height:100%;
	background:url('../img/section-backgrounds/future.png');  
	background-size:contain;	
	background-repeat: no-repeat;
}
.future-section .card-body{
	background-color: #f1f1f1;
}
.program-section, .event-section, .choose-section{
	padding-top: 80px;
	padding-bottom: 80px;
}
.program-section{
	min-height:100%;
	background:url('../img/section-backgrounds/program.jpg'); 
	background-size:contain;	
}
.date{
	background-color:  #b3c1dc;
}
.carousel-inner{
	width: 90%;
}
.carousel-control{
	color: #00adef;
	width: 60px;
	height: 60px;
	opacity: 1;
}
.carousel-control:hover{
	background-color: #00adef;
	color: white;
}

.choose-icons{
	background-color: #f8f9fa;
	color: #00adef;	
	font-size: 2rem;
	position: relative;
	z-index: 1;
}
.carousel .svg-inline--fa{
	height: 100px;
}
.carousel .svg-inline--fa.fa-w-16,.carousel .svg-inline--fa.fa-w-20{
	width: 100px;
}
.choose-icons:hover{
	background-color: #00adef;
	color: white;	
}
.apply-button:hover{
	background-color: #00adef;

}
.copyright{
	background-color: #5b78b4;
}
a:hover{
	text-decoration: none;
}
.footer{
	background-color: #eef1f8;
}

h3.dark-blue-text{
	font-size: 32px;
}
.welcome-section h5, .program-section h5, .program-section .card h5, .event-details h5, .choose-section .card-title, .future-section .card-text, .apply-section h5{
	font-size: 18px;
}

.program-section .card p, .choose-section .card-title, .footer .school, .quick-links, .copyright, .apply-section a{
	font-size: 16px;
}

.view-events-button{
	font-size: 12px;
}

.event-section h4{
	font-size: 31px;
}

.event-section h5{
	font-size: 15px;
}

.event-details small{
	font-size: 11px;
}

.event-details h6, .future-section a, .footer .col.p-0, .boys-section, .girls-section{
	font-size: 14px;
}

.apply-section h1{
	font-size: 40px;
}

.future-section .card-title{
	font-size: 30px;
}

.footer .email{
	font-size: 17px;
}

.svg-inline--fa.fa-plus, .svg-inline--fa.fa-minus{
	position: absolute;
	right: 20px;
}

.poppins-regular{
	font-family: 'poppins';
}
.poppins-medium{
	font-family: 'poppins medium';
}
.poppins-semibold{
	font-family: 'poppins semibold';
}
.poppins-bold{
	font-family: 'poppins';
	font-weight: bold;
}
.barlow-regular{
	font-family: 'barlow';
}
.barlow-bold{
	font-family: 'barlow';
	font-weight: bold;
}
.montserrat-medium{
	font-family: 'montserrat medium';
}
.montserrat-semibold{
	font-family: 'montserrat semibold';
}

@media screen and (min-width: 768px){
	.logo{
		width: 75%;
	}
	.slider, .carousel .card-img{
		height: 500px;
	}
	.apply{
		height: 650px;
	}
	.home-overlay-text{
		font-size: 42px;
		line-height: 72px;
	}
	.future-section{
		margin-top: 100px;
		padding-top: 100px;
	}
	.apply-section h1{
		font-size: 2.5rem;
	}
	.apply-section h5{
		font-size: 1.25rem;
	}
	.video-section{
		margin-top: -350px;
		position: absolute;
	}
	.service-section{
		margin-top: -80px;
		position: absolute;
	}
	.service-section div:not(:last-child){
		border-right: 1px solid #dee2e6;
	}
	.event-details, .footer{
		text-align: left;
	}
}
@media screen and (max-width: 767px){
	.logo{
		width: 100%;
	}
	.slider, .carousel .card-img{
		height: 300px;
	}
	.home-overlay-text{
		font-size: 19px;
		line-height: 48px;
	}
	.future-section{
		padding-top: 30px; 
	}
	.apply-section h1{
		font-size: 1rem;
	}
	.apply-section h5{
		font-size: 0.75rem;
	}
	.video-section{
		margin-top: 0px;
		position: relative;
	}
	.service-section{
		margin-top: 0px;
		position: relative;
		width: auto;
	}
	.service-section div{
		border-right: 0px;
	}
}

@media screen and (min-width: 766px) {

	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(50%)  ;
	}

	.carousel-inner .carousel-item-left.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(-50%) ;
	}
}

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

	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(33%);
	}

	.carousel-inner .carousel-item-left.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(-33%);
	}
}

@media screen and (max-width: 768px) {
	.carousel-inner .carousel-item>div {
		display: none;
	}

	.carousel-inner .carousel-item>div:first-child {
		display: block;
	}
	.event-details, .footer{
		text-align: center;
	}
}

@media screen and (min-width: 1450px) {
	.future-section{
		/*margin-top: 300px;*/
	}
}
@media screen and (min-width: 2000px) {
	.future-section{
		margin-top: 400px;
	}
}
@media screen and (min-width: 2300px) {
	.future-section{
		margin-top: 500px;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
	transform: translateX(0);
}


/*
*   services-section
*/
.services-section,
.far-student-section{
	width: 100%;
	display: block;
	position: relative;
	/*overflow: hidden;*/
	padding: 150px 0 100px 0;
}
.service-block-title{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	color: #254A9A;
	position: relative;
}
.service-block-title:after{
	content: '';
	position: absolute;
	background-color: #254A9A;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	bottom: 0;
	height: 2px;
	width: 90px;
}
.services-section:before,
.far-student-section:before{
	content: '';
	position: absolute;
	background-image: url('../img/icons/Intersection-11-2x.png');
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	width: 159px;
	height: 300px;
}
.services-section:after,
.far-student-section:after{
	content: '';
	position: absolute;
	
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 159px;
	height: 300px;
}

.services-section a{

}
.service-home-block{
	width: 100%;
	height: 300px;
	display: block;
	border: 1px solid #EEEEEE;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
	box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
	position: relative;
	background-repeat: no-repeat;
    background-position: 50% 50%; 
    background-size: 100px;
    transition: 0.3s;
}
.service-home-block .service-test{
	position: absolute;
	bottom: 30px;
	width: 100%;
}
.service-home-block .service-test h3{
	font-size: 16px;
	color: #254A9A;
}
.service-home-block:hover{
	background-color: #00AEEF;
}
.service-home-block:hover h3{
	color: #FFFFFF;	
}

.services-section .bus{
	background-image: url('../img/icons/open-book-2x.png');
}
.services-section .Books {
	background-image: url(../img/icons/open-book-2x.png);
}
.services-section .uniform{
	background-image: url('../img/icons/chef-uniform-2x.png');
}

.services-section .transportation{
	background-image: url('../img/icons/bus-2x.png');
}
.services-section .temperature{
	background-image: url('../img/icons/thermometer-2x.png');
    background-size: 50px;
}
.services-section .email {
	background-image: url('../img/icons/email-2x.png');
/*	background-size: 150px;*/
}

.services-section .sml {
	background-image: url('../img/icons/SML .png');
	background-size: 200px;
}
.services-section .djis{
	background-image: url('../img/icons/store-2x.png');
}
.services-section .sis{
	background-image: url('../img/icons/power-school-2.png');
    background-size: 200px;
}

.services-section .afterschool {
	background-image: url('../img/icons/AfterSchoolProgram.png');
}

.services-section .canteen {
	background-image: url('../img/icons/Canteen-2x.png');
}

.services-section .studyplan {
	background-image: url('../img/icons/Studyplan.png');
}

.services-section .it {
	background-image: url('../img/icons/IT.png');
}

.services-section .finance {
	background-image: url('../img/icons/Finance.png');
}

.services-section .ap {
	background-image: url('../img/icons/APCOURSE.png');
}

.services-section .bus:hover{
	background-image: url('../img/icons/open-book-2x-w.png');
}
.services-section .uniform:hover{
	background-image: url('../img/icons/chef-uniform-2x-w.png');
}
.services-section .transportation:hover{
	background-image: url('../img/icons/bus-2x-w.png');
	 /*  background-size: 200px;*/
}
.services-section .email:hover {
	background-image: url('../img/icons/email-2x-w.png');
	/*background-size: 150px;*/
}
.services-section .sml:hover {
	background-image: url('../img/icons/SML inverted.png');
}
.services-section .temperature:hover {
	background-image: url('../img/icons/thermometer-2x-w.png');
	background-size: 50px;
}

.services-section .afterschool:hover {
	background-image: url('../img/icons/AfterSchoolProgram-white.png');
}
.services-section .canteen:hover {
	background-image: url('../img/icons/Canteen-2x-w.png');
}

.services-section .studyplan:hover {
	background-image: url('../img/icons/Studyplanwhite.png');
}

.services-section .it:hover {
	background-image: url('../img/icons/ITWhite.png');
}

.services-section .finance:hover {
	background-image: url('../img/icons/FinanceWhite.png');
}

.services-section .ap:hover {
	background-image: url('../img/icons/APCOURSE_w.png');
}

.services-section .djis:hover{
	background-image: url('../img/icons/store-2x-w.png');
}
.services-section .sis:hover{
	background-image: url('../img/icons/power-school-2-w.png');
    background-size: 200px;
}

.far-student-block{
	width: 100%;
	display: block;
	background-color: #FCFCFC;
	padding: 50px;
	border: 1px solid #CCCCCC;
}
.far-student-block .service-block-title{
	padding: 0 100px 15px 100px;
}
.far-student-block .far-form-field{
	width: 100%;
	display: block;
}
.far-student-block .far-form-field .fields{
	width: 100%;
	display: block;
	margin: 20px auto;
}
.far-student-block .far-form-field .fields input,
.far-student-block .far-form-field .fields select{
	width: 100%;
	display: block;
	line-height: 60px;
	height: 60px;
	background-color: transparent;
	border: 1px solid #EEEEEE;
	padding: 0 20px;
	color: #333333 !important;
}
.far-student-block .far-form-field .fields input:focus,
.far-student-block .far-form-field .fields input:focus-visible{
	border: 1px solid #CCCCCC !important;
}
.far-student-block .far-form-field .fields .locbtn{
	background-color: #FFFFFF;
	line-height: 30px;
	height: 60px;
	width: 100%;
	background-image: url('../img/icons/map-pin-2-2x.png');
	background-repeat: no-repeat;
	background-position: 10% 50%;
	text-align: right;
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
	box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
	font-size: 17px;
}

.map-field{
	width: 100%;
	height: 400px;
	display: block;
	background-image: url('../img/icons/map-2x.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: cover;
	padding: 30px;
}
.far-student-block .far-form-field .map-field .fields input{
	background-color: #FFFFFF;
	line-height: 30px;
	height: 60px;
	width: 100%;
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
	box-shadow: 0px 0px 20px 0px rgba(242,242,242,0.5);
}
.far-btn{
	width: 100%;
	display: block;
	background-color: #254A9A;
	color: #FFFFFF;
	line-height: 30px;
	height: 60px;
	transition: 0.3s;
	border: 1px solid #254A9A;
}
.far-btn:hover{
	background-color: #FFFFFF;
	color: #254A9A;
}
.colorblue{
	color: #254A9A;
}
.border-size-right{
	border-right: 1px solid #AAAAAA;
}
.zero{
	padding: 0;
	margin: 0;
}
.size-18{
	font-size: 22px;
}
.far-student-foot-block{
	width: 50%;
	display: block;
	padding-left: 40px;
}
.far-student-foot-block p{
	color: #00AEEF;
	font-size: 17px;
}
.far-st-mail{
	background-image: url('../img/icons/Icon-material-email-2x.png');
	background-repeat: no-repeat;
	text-align: right;
	background-position: 35% 0;
}
.far-st-phone{
	background-image: url('../img/icons/phone-2x.png');
	background-repeat: no-repeat;
		padding: 0 0 0 40px;
	background-size: 20px;
}

.linkbackbtn{
	background-color: #00AEEF;
	color: #FFFFFF;
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
}
.far-product-section{
	width: 100%;
	display: block;
	padding: 70px 0;
}

.far-product-section .service-block-title {
    width: 100%;
    display: block;
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    color: #254A9A;
    position: relative;
    text-transform: uppercase;
}
.far-product-section .service-block-title::after {
    left: 0;
    margin-left: 0;
}
.minicart{
	width: 60px;
	height: 60px;
	display: block;
	background-color: #EEEEEE;
	border-radius: 12px;
	background-image: url('../img/icons/minicart.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 25px;
	position: relative;
	transition: 0.3s;
}
.minicart:hover{
	background-color: #CCCCCC;
}
.minicart span{
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: #00AEEF;
	color: #FFFFFF;
	width: 30px;
	height: 30px;
	display: block;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
}
.far-product-section .product-block h5 a{
	font-size: 13px;
}
.far-product-section .product-block p{
	padding: 0;
	margin: 0;
	color: #0066FF;
	font-size: 12px;
}
.far-product-section .product-block .rating-block{
	width: 100%;
	display: block;
	margin-top: 15px;
}
.far-product-section .product-block .rating-block ul li{
	font-size: 16px;
}
.far-product-section .product-block .rating-block p a{
	font-size: 12px;
	color: #888888;
	border-bottom: 1px solid #888888;
}

.addtocart{
	width: 100%;
	display: block;
	padding: 0;
}
.addtocart a{
	width: 100%;
	height: 48px;
	line-height: 48px;
	display: block;
	background-color: #00AEEF;
	border: 1px solid #00AEEF;	
	color: #FFFFFF;
	text-align: right;
	padding: 0;
	padding-right: 25%;
	background-image: url('../img/icons/btn-carticon.png');
	background-repeat: no-repeat;
	background-position: 25% 50%;
	transition: 0.3s;
}
.addtocart a:hover{
	background-color: #ffffff;
	color: #00AEEF;
	background-image: url('../img/icons/btn-carticon-b.png');
}

.far-checkout-section{
	width: 100%;
	display: block;
	padding: 70px 0;
}
.ship-form,
.cart-summary{
	width: 100%;
	display: block;
	margin-top: 50px;
}
.ship-form input{
	width: 100%;
	display: block;
	background-color: #FCFCFC;
	border: 1px solid #EEEEEE;
	line-height: 60px;
	height: 60px;
	padding: 0 20px;
}
.shipbtn{
	background-color: #00AEEF;
	border: 1px solid #00AEEF;
	line-height: 60px;
	height: 60px;
	padding: 0 30px;
	color: #FFFFFF;
	transition: 0.3s;
	text-transform: uppercase;
}
.shipbtn:hover{
	background-color: #254b9c;
	border: 1px solid #254b9c;
}

.cart-summary{
	background-color: #FCFCFC;
	border: 1px solid #EEEEEE;
	padding: 20px;
}
.colorgrey{
	color: #999999;
	font-size: 13px;
}
.colordarkgrey{
	color: #4D4B4B;
	font-size: 13px;
}
.cart-summary .btn-inc{
	width: 30px;
	height: 30px;
	text-align: center;
	border: none;
	cursor: pointer;
	margin-top: 5px;
	padding: 0;
}
.cart-summary .inputval{
	width: 50px;
	margin-top: 5px;
}
.cart-summary .inputval input{
	width: 100%;
	height: 30px;
	text-align: center;
	border: none;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.cart-summary .bd{
	border: 1px solid #00AEEF;
}

.cart-summary .inputval input:focus-visible {
    outline: 0px dotted;
}
.far-checkout-confirm{
	padding: 0;
}
.bggrey{
	background-color:#FCFCFC;
}
.far-checkout-confirm .cart-summary{
	border: none;
}
.ship-confirm-msg,
.ship-confirm{
	border: 1px solid #EEEEEE;
	border-radius: 12px;
	padding: 20px;
}
.checout-block-title{
	font-size: 22px;
}
.ship-confirm-msg p,
.ship-confirm p{
	padding: 0;
	margin: 0;
	font-size: 14px;
}
.ship-confirm label{
	margin-top: 20px;
}
.text-up{
	text-transform: uppercase;
}






@media screen and (max-width: 812px) {
	.service-home-block{
		width: 100%;
		height: 200px;
	    background-size: 50px;
	}
	.services-section .temperature{
	    background-size: 30px;
	}
	.services-section .sis{
	    background-size: 100px;
	}
	.far-student-block .service-block-title{
		padding: 0 30px 15px 30px;
		font-size: 17px;
	}
	.map-field{
		padding: 10px;
	}
	.map-field .col-9,
	.map-field .col-3{
		padding-right: 5px;
		padding-left: 5px;
	}
	.far-student-block .far-form-field .fields .locbtn{
		font-size: 12px;
		line-height: 12px;
		background-image: none;
		text-align: center;
		padding: 0;
	}
	.far-student-foot-block{
		width: 100%;
		padding-left: 0px;
	}
	.far-student-foot-block p{
		color: #00AEEF;
		font-size: 14px;
	}
	.far-st-mail{
		background-position: 5% 0;
	}
	.far-st-phone{
		padding: 0 0 0 30px;
		background-size: 20px;
	}
}
@media screen and (max-width: 667px) {
	.service-home-block{
		width: 100%;
		height: 190px;
	    background-size: 50px;
	}
	.service-home-block .service-test{
		bottom: 15px;
	}
	.service-home-block .service-test h3{
		font-size: 14px;
	}
	.services-section .temperature{
	    background-size: 30px;
	}
	.services-section .sis{
	    background-size: 100px;
	}
	.size-18{
		font-size: 16px;
	}
	.far-student-block{
		padding: 10px;
	}
	.far-student-block .service-block-title{
		padding: 0 30px 15px 30px;
		font-size: 17px;
	}
	.map-field{
		padding: 10px;
	}
	.map-field .col-9,
	.map-field .col-3{
		padding-right: 5px;
		padding-left: 5px;
	}
	.far-student-block .far-form-field .fields .locbtn{
		font-size: 12px;
		line-height: 12px;
		background-image: none;
		text-align: center;
		padding: 0;
	}
	.far-student-foot-block{
		width: 100%;
		padding-left: 0px;
	}
	.far-student-foot-block p{
		color: #00AEEF;
		font-size: 14px;
	}
	.far-st-mail{
		background-position: 5% 0;
	}
	.far-st-phone{
		padding: 0 0 0 30px;
		background-size: 20px;
	}







}