* { margin: 0; padding: 0; box-sizing: border-box; }
@font-face { font-family: Raleway; src: url(../fonts/Raleway-Regular.ttf); font-weight: 400; }
@font-face { font-family: Raleway; src: url(../fonts/Raleway-Medium.ttf); font-weight: 500; }
@font-face { font-family: Raleway; src: url(../fonts/Raleway-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: Raleway; src: url(../fonts/Raleway-Bold.ttf); font-weight: 700; }
@font-face { font-family: CrimsonText; src: url(../fonts/CrimsonText-Bold.ttf); font-weight: 700; }
:root { --blue: #339bcf; --gray: #46494e; }
body { font-family: Raleway; font-weight: 400; font-size: 16px; color: #575757; }
h1, h2 { font-size: 2.25rem; font-weight: 500; font-family: CrimsonText; }
h3, h4 { font-family: CrimsonText; }
a, a:hover { color: inherit; text-decoration: none; }
button { outline: none; border: 0; font-family: Raleway; cursor: pointer; }
p { line-height: 1.8; }
img { max-width: 100%; width: auto; }
/* -- Default setting -- */
.clearfix::after { content: ''; display: block; clear: both; }
.twoThird { width: 66%; float: left; padding-left: 15px; padding-right: 15px; }
.oneThird { width: 34%; float: left; padding-left: 15px; padding-right: 15px; }
.text-center { text-align: center; }
.container { width: 100%; max-width: 1140px; padding-left: 15px; padding-right: 15px; margin: auto; }
.containerFluid { width: 100%; padding-left: 15px; padding-right: 15px; }
.btnBlue { background-color: var(--blue); }
.btnBlue:hover { background-color: #1774a2; }
.btnGray { background-color: var(--gray); }
.btnGray:hover { background-color: #111; }
.btnBlue, .btnGray { padding: 13px 30px; display: inline-flex; transition: 250ms ease-in; }
.btnBlue img, .btnGray img { margin-right: 10px; }
/* -- Ending Default setting -- */
/* -- header -- */
.header { transition: 500ms; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 15; }
.header .hamberHerHandle { padding: 5px 8px; font-weight: 700; font-size: 16px; border-radius: 4px; position: fixed; right: 15px; top: 85px; box-shadow: 0 0 19px rgba(0, 0, 0, 0.35); border: 1px solid #ccc; display: none; }
.header .menuWraper { background-color: var(--blue); }
.header .navBarNav { width: 100%; position: relative; z-index: 10; }
.header .navBarNav, .header .navBarNav ul { list-style-type: none; display: flex; justify-content: flex-end; }
.header .navBarNav>li { position: relative; font-size: 15px; font-weight: 500; }
.header .navBarNav>li:first-child>a { padding-left: 0; }
.header .navBarNav>li:last-child>a { padding-right: 0; }
.header .navBarNav>li>a { color: #fff; padding-left: 2rem; padding-right: 2rem; padding-top: 1.3rem; padding-bottom: 1.3rem; display: block; text-transform: uppercase; }
.header .navBarNav>li.active a { color: #3e4043; }
.header .navBarNav>li .subMenu { display: flex; flex-direction: column; position: absolute; top: 100%; width: 100%; min-width: 220px; right: 0; display: none; }
.header .navBarNav>li .subMenu li>a { text-align: center; padding: 10px 5px; background-color: #3f4246; display: block; color: #fff; }
.header .navBarNav>li .subMenu li:not(:last-child) { border-bottom: 1px solid #626161; }
.header .navBarNav>li:hover .subMenu { display: block; }
.header .navBarNav>li:hover a { color: #3e4043; }
.header .navBarNav>li .subMenu li:hover a { color: var(--blue); }
.header .header2 { display: flex; justify-content: space-between; align-items: center; margin-top: -40px; position: relative; }
.header .header2 .right { display: flex; color: #fff; align-items: center; }
.header .header2 .right ul { list-style-type: none; margin: 0; }
.header .header2 .right ul .sep { padding-left: 0.65rem; padding-right: 0.65rem; }
.header .header2 .right .shortNav { display: flex; font-size: 14px; margin-right: 15px; }
.header .header2 .right div:last-child > a { display: flex; align-items: center; margin-left: 15px; font-size: 1.5rem; font-weight: 700; }
.header .header2 .right div:last-child > a>img { margin-right: 1rem; }
.header .header2 .right .call { display: flex; align-items: center; }
.header .header2 a:hover { color: #bfbfbf; }
.header .navbarBrand img { transition: 400ms ease-in; }
.header.fixedHeader { position: fixed; top: 0; z-index: 100; }
.header.fixedHeader .header2 { height: 0; margin-top: -28px; }
.header.fixedHeader .header2 .right { display: none; }
.header.fixedHeader .navbarBrand { z-index: 101; }
.header.fixedHeader .navbarBrand img { max-width: 100px; }
/* -- Ending header -- */
/* -- Home slider -- */
.homeSlider{ overflow:hidden; }
.homeSlider .swiper-container { width: 100%; height: 93vh; }
.homeSlider .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(35, 31, 31, 0.1964986678265056) 0%, rgba(29, 29, 29, 0.6446779395351891) 100%); z-index: -1; }
.homeSlider .swiper-slide { width: 100%; height: 100%; background-color: black; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: flex-end; opacity: 0.98; z-index: 2; }
.homeSlider .caption { margin-bottom: 12%; color: #fff; font-family: CrimsonText; text-align: center; transform: translateX(-45%); opacity: 0; }
.homeSlider .caption h1, .homeSlider .caption h2 { font-size: 4.06rem; line-height: 1; }
.homeSlider .caption .btnGroup { display: flex; justify-content: center; margin-top: 20px; }
.homeSlider .caption .btnGroup>a { font-family: Raleway; padding: 15px 39px 12px; font-weight: 700; font-size: 14px; }
.homeSlider .caption .btnGroup>a:last-child { margin-left: 20px; }
.homeSlider .caption .btnGroup>a { border-radius: 30px; }
.homeSlider .swiper-slide.swiper-slide-active .caption { animation: captionAnimation 600ms ease 500ms forwards; }
@keyframes captionAnimation {
	100% { transform: translateX(0); opacity: 1; }
}
.homeSlider .swiper-pagination-bullet, .parentSays .swiper-pagination-bullet { width: 14px; height: 14px; opacity: 1; border: 2px solid #fff; background-color: transparent; }
.homeSlider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; }
.parentSays .swiper-pagination-bullet { border-color: #111; }
.parentSays .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #111; }
/* -- Ending Home slider -- */
/* -- after banner -- */
.aboutSectionWrapper { display: flex; margin-top: 5rem; margin-bottom: 4rem; }
.aboutSectionWrapper>.left { width: 56%; padding-left: 15px; padding-right: 15px; }
.aboutSectionWrapper>.right { width: 44%; padding-left: 15px; padding-right: 15px; }
.aboutSectionWrapper .titleDouble { font-size: 40px; font-weight: 500; color: var(--blue); line-height: 0.95; margin-bottom: 5px; }
.aboutSectionWrapper .titleDouble>span { color: #46494d; font-size: 28px; font-weight: 300; display: block; }
.aboutSectionWrapper h2 { margin: 15px 0; }
.aboutSectionWrapper h3 { font-size: 28px; font-weight: 500; color: #46494d; margin-bottom: 15px; }
.aboutSectionWrapper h4 { font-size: 20px; color: var(--blue); font-weight: 500; margin-bottom: 10px; }
.aboutSectionWrapper p { margin: 10px 0; }
.aboutSectionWrapper a { color: var(--blue); text-decoration: underline; }
.aboutSectionWrapper a:hover { color: #1c6082; }
.aboutSectionWrapper ul, .bodycontent ol { padding-left: 20px; }
.aboutSectionWrapper ul>li, .bodycontent ol>li { padding-bottom: 5px; padding-top: 5px; }
/* -- Ending after banner -- */
/* -- Our programs -- */
.programBoxWrapper { padding-top: 7rem; padding-bottom: 4rem; background-color: var(--blue); background-image: url(../images/program-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; }
.programBoxWrapper h2 { text-align: center; margin-bottom: 20px; color: #fff; }
.programBoxWrapper .container { max-width: 830px; padding: 0; text-align: center; display: flex; flex-wrap: wrap; }
.programBoxWrapper .container .programBox { /*width: 33.3%;*/ width: 50%; padding-left: 12px; padding-right: 12px; margin-bottom: 2rem; display: block; }
.programBoxWrapper .programBox .programImage { max-height: 180px; overflow: hidden; border-top-right-radius: 15px; border-top-left-radius: 15px; }
.programBoxWrapper .programBox .programImage>img { transition: all 350ms ease-in-out; object-fit: cover; width: 100%; }
.programBoxWrapper .programBox .programCaption { background-color: #fff; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; padding-left: 10px; padding-right: 10px; transition: all 350ms ease-in-out; }
.programBox .programCaption h3 { font-size: 22px; font-weight: 700; padding-top: 20px; }
.programBox .programCaption .ageRange { color: #339fd3; font-weight: 300; margin-bottom: 5px; }
.programBox .programCaption .readMore { color: var(--blue); font-weight: 600; font-size: 12px; text-decoration: underline; padding-top: 10px; padding-bottom: 20px }
.programBox:hover .programCaption { background-color: #46494e; color: #fff; }
.programBox:hover .programImage>img { transform: scale(1.1); }
/* -- Ending Our programs -- */
/* -- contact form -- */
.contListWrapper { display: flex; margin-top: 5rem; }
.contListWrapper .left { width: 48%; background-image: url(../images/cont-left.jpg); background-repeat: no-repeat; background-size: cover; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.contListWrapper .right { width: 52%; background-color: var(--blue); background-image: url(../images/cont-right.png); background-repeat: no-repeat; background-size: cover; padding-left: 3rem; padding-right: 3rem; padding-top: 3.4rem; padding-bottom: 4rem; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.contListWrapper .right h2 { color: #fff; margin-bottom: 1.5rem; }
.contListWrapper form input { height: 44px; border: 1px solid #fff; border-radius: 40px; margin-bottom: 2rem; background-color: transparent; width: 100%; display: block; padding: 5px 25px; font-size: 0.93rem; font-weight: 500; }
.contListWrapper form input::placeholder { color: #fff; opacity: 1; }
.contListWrapper form .btnGray { color: #fff; font-weight: 700; font-size: 14px; border-radius: 40px; }
/* -- Ending contact form -- */
/* -- parent says carousel -- */
.parentSays { margin-top: 5rem; margin-bottom: 3rem; overflow:hidden; position:relative; }
.parentSays h2 { text-align: center; color: var(--blue); }
.parentSays .swiper-pagination { display: none; }
.parentSays .swiper-container { max-width: 100%; }
.parentSays .swiper-slide .caption { max-width: 730px; margin: auto; background-color: #fff; padding: 3rem 2rem; box-shadow: 0 0 14px rgba(0, 0, 0, 0.14); margin-top: 2rem; margin-bottom: 2rem; border-radius: 50px; }
.parentSays .swiper-slide .caption p { font-style: italic; font-weight: 500; color: #838383; margin-top: 0.65rem; margin-bottom: 0.65rem; }
.parentSays .swiper-slide .caption h3 { font-weight: 600; color: var(--blue); font-size: 18px; }
.parentSays .swiper-button-next::after, .parentSays .swiper-button-prev::after { display: none; }
.parentSays .swiper-pagination { bottom: 0; }
/* -- Ending parent says carousel -- */
/* footer */
.footer { background-color: var(--gray); color: #dedede; margin-top: 10%; font-size: 15px; }
.footer .containerFooter { width: 100%; max-width: 970px; margin: auto; padding-top: 3rem; padding-bottom: 3rem; padding-left: 15px; padding-right: 15px; }
.footer .containerFooter .section-1 { justify-content: space-between; display: flex; width: 100%; }
.footer .containerFooter .section-1>div { width: 33.33%; }
.footer .containerFooter .section-1>div:last-child .textWithIcon { justify-content: flex-end; }
.textWithIcon { padding-bottom: 20px; display: flex;	/*! justify-content: flex-end; */ }
.textWithIcon>div:first-child { margin-right: 20px }
.footerLogoWrapper { margin-top: -8%; text-align: center; }
.footer h3 { font-size: 15px; font-weight: 500; }
.footer .section-2 { display: flex; justify-content: center; margin-top: 2rem; }
.footer .controlBtnWrapper { display: flex; align-items: stretch; border: 1px solid #6a6b6d; }
.footer .controlBtnWrapper>div { display: flex; justify-content: center; align-items: center; transition: 200ms ease-in; }
.footer .controlBtnWrapper>div:first-child { background-color: var(--blue); padding: 7px; }
.footer .controlBtnWrapper>div:last-child { padding: 7px 25px; font-weight: 700; }
.footer .controlBtnWrapper:first-child { margin-right: 15px; }
.footer .controlBtnWrapper:last-child { margin-left: 15px; }
.footer .controlBtnWrapper:hover div:first-child { background-color: var(--gray); }
.footer .controlBtnWrapper:hover div:last-child { background-color: var(--blue); }
.footer .section-3 { display: flex; width: 100%; justify-content: space-between; margin-top: 1.5rem; }
.footer .menuTitle { font-size: 1.25rem; color: var(--blue); margin-bottom: 1.5rem; font-weight: 700; }
.footer .menuList { list-style-type: none; }
.footer .menuList.double { column-count: 2; }
.footer .menuList li { padding-bottom: 15px; }
.footer .menuList li>a:hover { color: #fff; }
.footer .copyRightWrapper { border-top: 1px solid #5b5b5b; padding-top: 20px; padding-bottom: 20px; color: #fff; font-size: 15px; }
.footer .copyRightWrapper a { color: var(--blue); font-weight: 600; }
.footer .copyRightWrapper a:hover { color: #fff; }
.footer .copyRightWrapper>.container { width: 100%; display: flex; justify-content: space-between; }
.footer .copyRightWrapper>.container .right { font-weight: 500; padding-left: 20px;}
.footer .copyRightWrapper > .container .right >a { color: #fff; }
.footer .copyRightWrapper > .container .right >a:hover { color: var(--blue); }
/* inner page hero */
.innerPageHero { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 435px; background-image: url(../images/inner-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; position: relative; overflow: hidden; }
.innerPageHero::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(69, 73, 77, 0.10); background-image: linear-gradient(0deg, rgba(25, 25, 25, 0.10406169303658963) 0%, rgba(29, 29, 29, 0.5746499283307073) 100%); }
.innerPageHero.inner1 { background-image: url("../images/inner01.jpg"); }
.inner2.innerPageHero { background-image: url("../images/inner02.jpg"); }
.inner3.innerPageHero { background-image: url("../images/inner03.jpg"); }
.inner4.innerPageHero { background-image: url("../images/inner04.jpg"); }
.inner5.innerPageHero { background-image: url("../images/inner05.jpg"); }
.inner6.innerPageHero { background-image: url("../images/inner06.jpg"); }
.inner7.innerPageHero { background-image: url("..images/inner02.jpg"); }
.inner8.innerPageHero { background-image: url(../images/inner08.jpg); }
.inner9.innerPageHero { background-image: url(../images/inner09.jpg); }
.inner10.innerPageHero { background-image: url("../images/inner10.jpg"); }
.inner11.innerPageHero { background-image: url("../images/inner11.jpg"); }
.inner12.innerPageHero { background-image: url("../images/inner12.jpg"); }
.inner13.innerPageHero { background-image: url("../images/inner13.jpg"); }
.inner14.innerPageHero { background-image: url("../images/inner14.jpg"); }
.inner15.innerPageHero { background-image: url("../images/inner15.jpg"); }
.inner16.innerPageHero { background-image: url("../images/inner16.jpg"); }
.inner17.innerPageHero { background-image: url("../images/inner17.jpg"); }
.contact.innerPageHero { background-image: url("../images/inner18.jpg"); }
.innerPageHero .title { font-size: 4rem; color: #fff; transform: translateY(50%); }
.bodycontent ul, .bodycontent ol { padding-left: 20px; }
.bodycontent ul>li, .bodycontent ol>li { padding-bottom: 5px; padding-top: 5px; }
.bodycontent .container { padding-top: 3rem; }
.bodycontent .boxInfo { background-color: var(--blue); color: #fff; font-size: 2rem; padding: 0.65rem 1rem; box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.14); border-radius: 3px; }
.bodycontent .boxInfo> h2, .bodycontent .boxInfo> h3 { color: #fff; }
.bodycontent .boxInfo a{color: #fff;}
.bodycontent .boxInfo a:hover{color:#e3e3e3}
.bodycontent .boxInfo ul, .bodycontent .boxInfo ol{font-size: 16px; margin-bottom: 15px;}
.bodycontent .boxInfo h4{color: #fff; font-size: 1.2rem;}
.bodycontent .boxInfo table{font-size: 16px; margin-bottom: 10px;}
.bodycontent .boxInfo p { font-size: 1.1rem; }
/*.bodycontent .container:last-child{
	padding-bottom: 2rem;
}*/
.bodycontent .container::after { content: ''; display: block; clear: both; }
.bodycontent img { max-width: 100%; width: auto; float: right; margin-left: 10px; margin-bottom: 5px; border: 3px solid var(--blue); }
.bodycontent p { margin-bottom: 15px; }
.bodycontent a { color: var(--blue); text-decoration: underline; }
.bodycontent a:hover { color: #1c6082; }
.bodycontent h2 { font-size: 2.5rem; font-family: Raleway; font-weight: 500; color: #339fd3; margin-bottom: 10px; }
.bodycontent h3 { font-size: 1.375rem; color: #46494d; font-family: Raleway; font-weight: 700; margin: 15px 0 10px 0; }
.bodycontent h4 { font-size: 1.175rem; color: #46494d; font-family: CrimsonText; margin-bottom: 10px; }
.bodycontent h5 { font-size: 1rem; color: #46494d; font-family: CrimsonText; margin-bottom: 8px; }
.bodycontent table { width: 100%; border-collapse: collapse; box-shadow: 0 0 18px rgba(0, 0, 0, 0.15); border-radius: 15px; margin-top: 2rem; }
.bodycontent table td { border-bottom: 1px solid #ccc; padding: 18px 15px; }
.bodycontent table tr:last-child td { border-bottom: 0; }
.bodycontent .program td:first-child { font-weight: 500; color: #111; }
.bodycontent table caption { caption-side: bottom; padding: 8px 10px; background-color: #339fd3; color: #fff; font-weight: 500; margin-top: 15px; border-radius: 10px; }
.cardWrapper { display: flex; flex-wrap: wrap; justify-content: center; }
.card { background: #fff; border-radius: 2px; height: 300px; margin: 1rem; margin-bottom: 2rem; position: relative; width: 300px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.04), 0 10px 10px rgba(0, 0, 0, 0.12); padding: 2rem 1.5rem; border: 1px solid #d9d9d9; border-radius: 5px; position: relative; }
.cardWrapper.step .card::before { content: ''; position: absolute; top: 0; left: 50%; width: 25px; height: 25px; border-radius: 50%; background-color: #fff; border: 10px solid var(--blue); transform: translate(-50%, -50%); }
input, textarea, select { width: 100%; height: 35px; border: 1px solid #ccc; background-color: #fdfdfd; border-radius: 3px; display: block; padding: 5px; }
textarea { height: 80px; }
.formGroup { width: 100%; margin-bottom: 15px; }
.formGroup.double { width: 100%; display: inline-flex; }
.formGroup.double>div { width: 50%; padding-right: 5px; }
.formGroup.double>div:last-child { padding-right: 0; }
label { font-size: 14px; color: #111; font-weight: 600; margin-bottom: 10px; display: block; }
.inlineCheckox { display: inline-flex; flex-wrap: wrap; }
.inlineCheckox label { margin-right: 15px; display: flex; align-items: center; margin-bottom: 15px; font-size: 12px; }
.inlineCheckox label>input { width: 20px; height: auto; }
.btnSubmit { border-radius: 30px; color: #fff; font-weight: 700; }
.careerFormWrapper { max-width: 480px; background-color: #46494e; padding: 3rem 1.5rem; border-radius: 10px; }
.careerFormWrapper label { color: #e8e8e8; }
.capchaImg { max-width: 100% !important; float: none !important; margin-right: 5px; border: 0 !important; height: 40px; }
@media screen and (max-width:991px) {
	.header .menuWraper { display: none; }
	.header .header2 { margin-top: 0; height: 50px; }
	.header { background-color: var(--blue); }
	.header .navbarBrand>img { max-width: 70px; }
	.header .navbarBrand { position: relative; top: 25px }
	.header .hamberHerHandle { display: block; }
	.homeSlider .caption h1, .homeSlider .caption h2 { font-size: 3rem }
	.parentSays .swiper-button-next, .parentSays .swiper-button-prev { /*display: none;*/ }
	.parentSays .swiper-pagination { display: none; }
	.innerPageHero .title { font-size: 3rem; }
	.bodycontent h2 { font-size: 2.1rem; }
	.bodycontent h3 { font-size: 1.2rem; }
	.oneThird, .twoThird { width: 100%; }
}
@media screen and (max-width:860px) {
	.aboutSectionWrapper { flex-wrap: wrap; text-align: center; }
	.aboutSectionWrapper > .left, .aboutSectionWrapper > .right { width: 100%; }
	.aboutSectionWrapper > .left { margin-bottom: 2rem; }
	.programBoxWrapper .container .programBox { width: 50%; }
}
@media screen and (max-width:768px) {
	.contListWrapper { flex-wrap: wrap; }
	.contListWrapper .left { height: 420px; border-bottom-left-radius: 0; border-top-right-radius: 15px; }
	.contListWrapper .right { border-top-right-radius: 0; border-bottom-left-radius: 15px; }
	.contListWrapper .left, .contListWrapper .right { width: 100%; }
	.parentSays .swiper-slide .caption{ margin:2rem }
}
@media screen and (max-width:680px) {
	.footer .section-3 { flex-wrap: wrap; }
	.footer .section-3>div { width: 50%; margin-bottom: 1rem; text-align: center; margin-left: auto; margin-right: auto; }
	.bodycontent img { float: none; padding-left: 0; }
}
@media screen and (max-width:565px) {
	.header .header2 .right { flex-wrap: wrap; justify-content: flex-end; }
	.header .header2 .right .shortNav { margin-right: 0; margin-bottom: 8px; font-size: 12px; }
	.header .header2 { height: 65px; }
	.bodycontent h2 { font-size: 1.8rem; }
}
@media screen and (max-width:480px) {
	.programBoxWrapper .container .programBox { width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; }
	.footer .containerFooter .section-1 { flex-wrap: wrap; }
	.footer .containerFooter .section-1 > div { width: 100%; text-align: center; }
	.footer .containerFooter .section-1 > div:last-child .textWithIcon, .footer .containerFooter .section-1 > div .textWithIcon { justify-content: center; }
	.footer .containerFooter .section-1 > div:nth-child(2) { order: 1; margin-bottom: 1rem; }
	.footer .containerFooter .section-1 > div:nth-child(1) { order: 2; }
	.footer .containerFooter .section-1 > div:nth-child(3) { order: 3; }
	.footer .section-2 { flex-wrap: wrap; }
	.footer .controlBtnWrapper:first-child { margin-right: 0; }
	.footer .controlBtnWrapper:last-child { margin-left: 0; }
}