:root{
	--blue: #3155a5;
	--red: #fd523f;
	--red-hover: #f1230d;
	--light-blue: #70C8E3;
}

body {
	padding-top: 100px;
	padding-bottom: 101px;
	overflow-x: hidden;
}

.d-tablet {
	display: none;
}

.nav.navbar-nav {
	display: flex;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 52px;
}

.navbar-default .navbar-nav>li,
.navbar-default .navbar-nav>li>a {
	height: auto;
	display: flex;
}

.main-menu {
	height: 150px;
	margin-bottom: 0px;
}

.middle-level-menu {
	margin-top: 11px;
}

.hero-blue-block,
.hero-black-block,
.hero-blue-fourth-block {
	position: relative;
}


.hero-blue-fourth-block {
	padding-left: 0px!important;
}

.white-side-line {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: -1000px;
	width: 1000px;
	background: rgba(255, 255, 255, .85);
}

.blue-left-side-line {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: -1000px;
	width: 1000px;
	background: #d7f1f8;
}

.blue-right-side-line {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: -1000px;
	width: 1000px;
	background: #d7f1f8;
}

.hp-slide-text {
	text-align: center;
}

.carousel-btn {
	background: var(--light-blue);
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 5px 12px;
	border-radius: 4px;
	margin-right: 20px;
	transition: all .3s ease;
	text-decoration: none;
}

.carousel-btn:hover {
	background: #fff;
	background: var(--red)!important;
	text-decoration: none;
	color: #fff;
	transition: all .3s ease;
}

.hp-slide-text h2.carousel-school-headline {
	font-size: 39px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px var(--light-blue);
}

.magic-headline {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	padding-left: 30px;
}

.magic-headline-wrapper {
	position: relative;
}

.magic-headline-arrow {
	position: absolute;
	left: -10px;
	top: -6px;
	background-image: url('/images/hp-red-arrow.svg') !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	height: 35px;
	width: 35px;
	display: block;
}

.ingredience-label {
	text-decoration: underline;
	font-size: 20px;
	letter-spacing: 1.5px;
	font-style: italic;
}

.text-white {
	color: #fff;
}

h3.section-headline {
	font-size: 34px;
	line-height: 48px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #3155a5;
}

.p-ingredient {
	text-align: justify;
	font-size: 16px;
}

.ingredient-1-picture {
	position: absolute;
	top: -33px;
	width: 350px;
	height: 340px;
	right: 15px;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.hp-block-text-indent {
	padding-left: 30px;
}

.hero-black-block {
	padding-left: 600px;
}

.hero-blue-block {
	padding-left: 15px;
}

.hp-black-block-wrapper {
	background: rgba(255, 255, 255, .85);
	padding-top: 30px;
	padding-bottom: 30px;
	display: flex;
}

.hp-first-ingredient-flex {
	padding-left: 40px;
}

.hp-first-block-wrapper {
	padding-top: 50px;
	padding-block: 50px;
}

p.magic-eager-learning-text {
	font-size: 16px;
}

.first-desktop-block-img {
	height: 340px;
	width: auto!important;
}

.hp-first-block-flex {
	display: flex;
	align-items: center;
}

.hp-first-block-flex img {
	width: 100%;
}

.hp-first-ingredient-wrapper {
	padding-top: 85px;
	padding-block: 85px;
	background: #afe4f0;
}

.hp-first-ingredient-wrapper .hero-blue-block {
	padding-right: 0px;
}

.hp-first-ingredient-flex {
	background: #d7f1f8;
	padding-top: 30px;
	padding-bottom: 30px;
	display: flex;
}

.p-ingredient {
	width: 64%;
	margin-bottom: 0px;
}

.hp-second-ingredient-wrapper {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-image: url('/images/interdisciplinary-approach.jpg') !important;
	background-size: cover!important;
	overflow: hidden;
}

.hp-third-ingredient-wrapper {
	padding-top: 50px;
	padding-block: 50px;
}

.hp-third-ingredient-flex {
	display: flex;
	align-items: center;
}

.hp-third-ingredient-flex img {
	width: 100%;
}

.hp-fourth-ingredient-wrapper {
	padding-top: 85px;
	padding-block: 85px;
	background: #afe4f0;
}

.hp-first-ingredient-wrapper {
	overflow: hidden;
}

.hp-fourth-ingredient-flex {
	background: #d7f1f8;
	padding-top: 30px;
	padding-bottom: 30px;
	display: flex;
}

.hp-fourth-ingredient-img {
	position: absolute;
	top: -33px;
	width: 350px;
	height: 340px;
	left: 15px;
	/*
	transform: scaleX(-1);
	background-size: cover !important;
	background-position: top center !important;
	background-repeat: no-repeat!important;
	*/
}

.hp-fifth-ingredient-wrapper {
	padding-top: 50px;
	padding-block: 50px;
}

.hp-fifth-ingredient-flex {
	display: flex;
	align-items: center;
}

.fourth-step-content {
	padding-left: 420px;
	padding-right: 60px;
}

.fourth-p-ingredient {
	width: 100%;
}

.hp-fifth-ingredient-flex img {
	width: 100%;
}

.hp-sixth-ingredient-wrapper {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-size: cover !important;
	background-position: center -70px !important;
	background-repeat: no-repeat !important;
	background-image: url('/images/full-english-immersion.jpg') !important;
	overflow: hidden;
}

.hp-about-basis-wrapper {
	padding-top: 150px;
	padding-block: 150px;
	background: #d7f1f8;
}

.hp-about-basis-flex {
	background: #5ec9e0;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 150px;
	padding-right: 50px;
}

.hp-fourth-ingredient-wrapper,
.hp-about-basis-wrapper {
	overflow: hidden;
}

.hp-about-basis-flex iframe {
	width: 100%;
	height: 489px;
	margin-bottom: 20px;
}

.footer-container {
	padding: 0px;
	color: #3155a5;
}

.footer-container-flex {
	display: flex;
	list-style: none;
	justify-content: flex-end;
	align-items: center;
}

.footer-link-a {
	padding: 0px 20px;
	color: var(--blue);
	text-decoration: underline;
}

.footer-container-flex li:last-child .footer-link-a {
	padding-right: 15px;
}

.footer-link-li {
	margin-left: 20px;
}

.footer-link-li a {
	margin-right: 0px;
}

.hp-slide {
	width: 100%;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	height: 500px;
}

.hp-slide-wrapper {
	position: relative;
	height: 500px;
}

.hp-technology-video-desktop {
	height: 292px;
	width: 520px;
}

.hp-image-ingredient-compensation {
	top: -52px!important;
}

@media screen and (min-width: 1299px) {
	.hp-slide {
		height: 550px;
	}

	.hp-slide-wrapper {
		height: 550px;
	}
}

.hp-slide-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%) translateY(-50%);
}

.hp-slide-1-text {
	top: 209px;
	transform: transform: translateX(-50%) translateY(0%);;
}

.hp-slide-text h2 {
	font-weight: 600;
	font-size: 72px;
	line-height: 78px;
	letter-spacing: 0px;
	margin-bottom: 40px;
	text-align: center;
}

.hp-slide-2-text h2.carousel-school-headline,
.hp-slide-3-text h2.carousel-school-headline {
	line-height: 42px;
}

.hp-slide-campus {
	font-size: 32px;
	margin-top: -20px;
	font-weight: 600;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);	
}

.hp-slide-students-text {
	margin-top: 20px;
	font-size: 32px;
	font-weight: 600;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);	
	color: var(--red);	
}

.hp-slide-children-text {
	margin-top: 20px;
	font-size: 32px;
	font-weight: 600;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);	
	color: #5ec9e0;
}


.hp-carousel-white-btn {
	background: #fff;
	color: var(--red);
}

.hp-carousel-white-btn:hover {
	background: var(--red);
	color: #fff!important;
}

.hp-slide-btns-wrapper {
	margin-top: 40px;
}

.navbar-flex {
	display: flex;
	justify-content: flex-end;
	margin-top: 55px;
}

.navbar-flex ul.navbar-nav { 
	margin-right: 20px;
}

.navbar-default .navbar-nav>li>a.hp-addmision-btn {
	background: var(--red);
	border: 1px solid var(--red);
	color: #fff;
	padding: 3px 6px;
	border-radius: 4px;
	height: auto;
	transform: all .3s ease;
	font-weight: 400;
}

.hp-footer-addmision-btn {
	background: var(--red);
	border: 1px solid var(--red);
	color: #fff;
	padding: 3px 6px;
	border-radius: 4px;
	height: auto;
	transform: all .3s ease;
	font-weight: 400;
	cursor: pointer;
}

.hp-footer-addmision-btn:hover,
.hp-footer-addmision-btn:active,
.hp-footer-addmision-btn:focus {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	background: var(--red-hover);
	border: 1px solid var(--red-hover);
	transform: all .3s ease;
}

.navbar-flex ul.navbar-nav {
	margin-right: 3px;
}

.navbar-default .navbar-nav>li>a.hp-addmision-btn:hover {
	color: #fff;
	background: var(--red-hover);
	border: 1px solid var(--red-hover);
	transform: all .3s ease;
}

.navbar-default .navbar-nav>li>a.hp-our-school-btn,
.navbar-default .navbar-nav>li>a.hp-our-preschool-btn  {
	background: var(--light-blue);
	border: 1px solid var(--light-blue);
	color: #fff!important;
	padding: 3px 6px;
	border-radius: 4px;
	height: auto;
	font-weight: 400!important;
	transform: all .3s ease;
}

.navbar-default .navbar-nav>li>a.hp-our-school-btn:hover,
.navbar-default .navbar-nav>li>a.hp-our-preschool-btn:hover  {
	color: #fff!important;
	background: var(--blue);
	border: 1px solid var(--blue);
	transform: all .3s ease;
}

.contact-form-select-organisation {
	width: 100%;
	height: 36px;
	margin-bottom: 5px;
}

.item-line {
	margin-top: 5px;
	border-bottom: 5px solid #fff;
}

.mr-0 {
	margin-right: 0px;
}

.hp-slide-1 {
	background-image: url('/images/hp-carousel/basis-carousel-1.jpg') !important;
}

.hp-slide-2 {
	background-image: url('/images/hp-carousel/basis-carousel-2.jpg') !important;
}

.hp-slide-3 {
	background-image: url('/images/hp-carousel/basis-carousel-3.jpg') !important;
}

.phone-number-wrapper {
	top: -28px;
	left: -100px;
	margin-right: 0px;
}

.navbar-default .navbar-nav>li.scroll-show {
	display: none;
}

.hp-slide-students-text {
	font-size: 23px !important;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px var(--light-blue);
	color: #fff;
	margin-top: 0px;
	letter-spacing: 1px;
}

.hp-slide-campus {
	font-size: 23px !important;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px var(--light-blue);
	color: #fff;
	letter-spacing: 1px;
}

.hp-slide-text h2.carousel-school-headline {
	margin-bottom: 20px;
}

.hp-carousel-red-btn {
	background: var(--red);
}

.hp-carousel-red-btn:hover {
	background: var(--red-hover)!important;	
}

.hp-desktop-third-ingredient-img {
	height: 340px;
	width: auto!important;
}

.p-ingredient-justify {
	text-align: justify;
	font-size: 16px;
	margin-bottom: 0px;
}	

.hp-desktop-third-ingredient-img {
	transform: scaleX(-1);
}

.hp-desktop-fifth-ingredient-img {
	height: 340px;
	width: auto!important;
}

.second-block-p-desktop {
	padding-right: 15px;
}

.hp-video-wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #fff;
	border: 1px solid var(--blue);
	width: 530px;
	height: 312px;
	padding-top: 16px;
}

.hp-about-basis-wrapper {
	padding-top: 85px;
	padding-bottom: 85px;
}


.hp-video-wrapper iframe {
	height: 280px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.footer-claim-wrapper-video {
	margin-top: 20px;
}

.page-footer {
	border-top: 0px;
}

.modal-body p,
.modal-body label {
	font-size: 16px;
}

.contact-form-select-organisation {
	font-size: 16px;
	padding-left: 4px;
	border: 0px;
	margin-bottom: 8px;
}

.modal-body input,
.modal-body textarea {
	font-size: 16px;
}

.modal-body input::placeholder,
.modal-body textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3155a5;
  opacity: 1; /* Firefox */
}

.modal-body input:-ms-input-placeholder,
.modal-body textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #3155a5;
}

.modal-body input::-ms-input-placeholder,
.modal-body textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #3155a5;
}

.contact-form-terms p, .interest-form-terms p {
	color: #3155a5;
	font-size: 16px;
}

input[type=checkbox] {
	height: 15px;
	width: 20px;
}

.hp-second-ingredient-wrapper {
	background-position: 0px -100px!important;
} 

.logo-img {
	width: 180px;
	margin-top: 15px;
}

.navbar-flex {
	margin-top: 25px;
}

.nav.navbar-nav {
	margin-bottom: 20px;
}

.main-menu,
.navbar-brand,
.navbar-header {
	height: 100px;
}

.hp-first-block-wrapper {
	padding-top: 110px;
	padding-bottom: 110px;
}

.hp-first-ingredient-wrapper {
	padding-top: 134px;
	padding-bottom: 134px;
}

.hp-second-ingredient-wrapper {
	padding-top: 145px;
	padding-bottom: 145px;
}

.hp-third-ingredient-wrapper {
	padding-top: 110px;
	padding-bottom: 110px;
}

.hp-fourth-ingredient-wrapper {
	padding-top: 125px;
	padding-bottom: 125px;
}

.hp-fifth-ingredient-wrapper {
	padding-top: 110px;
	padding-bottom: 110px;
}

.hp-sixth-ingredient-wrapper {
	padding-top: 135px;
	padding-bottom: 135px;
}

.hp-about-basis-wrapper {
	padding-top: 73px;
	padding-bottom: 73px;
}

.copy-footer-mobile {
	display: none;
}

.hp-fourth-ingredient-img {
	width: 320px;
	height: 365px;
	top: -14px;
}

.fourth-step-content {
	padding-left: 360px;
	padding-right: 30px;
}

.ingredient-1-picture {
	top: -35px!important;
	width: 320px;
	height: 365px;
}

.p-ingredient {
	width: 67%;
}

.fourth-p-ingredient {
	width: 100%;
}

.ingredient-1-picture {
	top: -24.5px;
}

.carousel-desktop-headline {
	display: block;
}

.carousel-mobile-headline {
	display: none;
}

.footer-container-flex {
	margin-bottom: 0px;
	margin-top: 10px;
}

@media screen and (max-width: 1199px) {
	body {
		padding-top: 100px;
		padding-bottom: 101px;	
	}
	.main-menu {
		height: 133px;
		margin-bottom: 0px;
	}

	.navbar-header {
		height: 133px;
	}	

	.navbar-flex {
		margin-top: 43px;
	}

	.hp-slide,
	.hp-slide-wrapper {
		height: 450px;
	}

	.hp-first-block-wrapper,
	.hp-first-ingredient-wrapper,
	.hp-third-ingredient-wrapper,
	.hp-fourth-ingredient-wrapper,
	.hp-fifth-ingredient-wrapper,
	.hp-about-basis-wrapper {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.hp-first-ingredient-wrapper .hero-blue-block,
	.hp-fourth-ingredient-wrapper .hero-blue-block,
	.hp-about-basis-wrapper .hero-blue-block {
		padding-right: 50px;
	}

	.ingredient-1-picture,
	.hp-fourth-ingredient-img {
		right: 30px;
		top: -17px;
	}

	.hp-fourth-ingredient-img {
		top: -30px;
	}

	.hp-second-ingredient-wrapper,
	.hp-sixth-ingredient-wrapper {
		padding-top: 400px;
		padding-bottom: 50px;
	}

	.hero-black-block {
		padding-left: 380px;
	}

	.hp-about-basis-flex iframe {
		height: 405px;
	}

	.hp-slide-2-text,
	.hp-slide-3-text {
		width: 400px;
	}

	.first-desktop-block-img,
	.hp-desktop-third-ingredient-img,
	.hp-desktop-fifth-ingredient-img {
		height: 295px;
	}
	
	.ingredient-1-picture {
		top: 5px!important;
	}

	.ingredient-1-picture,
	.hp-fourth-ingredient-img {
		width: 270px;
		height: 328px;
	}

	.ingredient-1-picture, .hp-fourth-ingredient-img {
		right: 5px;
	}

	.hero-blue-block:before {
		transform: translateX(70%);
	}

	.fourth-step-content {
		padding-left: 300px;
		padding-right: 30px;
	}

	.hero-blue-fourth-block:before {
		transform: translateX(-100%);
	}

	.hp-slide-2-text, .hp-slide-3-text {
		width: 100%;
		text-align: center;
	}

	.hp-slide-text h2 {
		font-size: 62px;
		line-height: 68px;
	}

	.hp-slide-1-text {
		top: 173px;
	}

	.hp-second-ingredient-wrapper, .hp-sixth-ingredient-wrapper {
		padding-top: 50px;
		background-position: top left!important;
	}

	.logo-img {
		width: 180px;
		margin-top: 15px;
	}

	.navbar-flex {
		margin-top: 25px;
	}

	.nav.navbar-nav {
		margin-bottom: 20px;
	}

	.main-menu,
	.navbar-brand,
	.navbar-header {
		height: 100px;
	}
}

@media screen and (max-width: 1199px) {
	.blue-right-side-line {
		right: -950px;
	}	
}
@media screen and (max-width: 991px) {
	.blue-right-side-line {
		right: -999px;
	}	
}



.mobile-contact-btns {
	display: none;
}

@media  and (min-device-width: 1200px)  and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
	.hp-second-ingredient-wrapper {
		background-position: 0px -200px!important;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.p-ingredient {
		width: 64%;
	}

	.ingredient-1-picture, .hp-fourth-ingredient-img {
		top: 5px;
	}

	.hp-fourth-ingredient-img {
		top: 38px;
	}

	.fourth-p-ingredient {
		width: 100%;
	}

	.hp-video-wrapper {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background: #fff;
		border: 1px solid var(--blue);
		width: 430px;
		height: 258px;
		padding-top: 16px;
	}
	
	.hp-about-basis-wrapper {
		padding-top: 85px;
		padding-bottom: 85px;
	}
	
	
	.hp-video-wrapper iframe {
		height: 225px;
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	
}



@media screen and (max-width: 991px) {
	.d-desktop {
		display: none;
	}

	.d-tablet {
		display: block;
	}

	body {
		padding-top: 100px;
		padding-bottom: 101px;	
	}
	.main-menu {
		height: 120px;
		margin-bottom: 0px;
	}

	.navbar-header {
		height: 120px;
	}	

	.navbar-flex ul.navbar-nav {
		margin-right: 5px;
		margin-top: 5px;
	}

	.navbar-default .navbar-nav>li>a {
		padding-left: 12px;
		padding-right: 12px;
	}

	.footer-container-flex a {
		padding-left: 5px;
		padding-right: 5px;
	}

	h3.section-headline {
		font-size: 36px;
		line-height: 40px;
	}

	.hp-first-ingredient-wrapper .hero-blue-block, .hp-fourth-ingredient-wrapper .hero-blue-block, .hp-about-basis-wrapper .hero-blue-block {
		padding-right: 30px;
	}

	.p-ingredient {
		width: 40%;
	}

	.ingredient-1-picture {
		top: -12px;
	}

	.hp-fourth-ingredient-img {
		top: -24px;
	}

	.hp-first-block-wrapper,
	.hp-first-ingredient-wrapper,
	.hp-third-ingredient-wrapper,
	.hp-fourth-ingredient-wrapper,
	.hp-fifth-ingredient-wrapper,
	.hp-about-basis-wrapper {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.first-block-img {
		margin-bottom: 20px;
	}

	.hp-first-ingredient-wrapper .hero-blue-block,
	.hp-fourth-ingredient-wrapper .hero-blue-block,
	.hp-about-basis-wrapper .hero-blue-block {
		padding-right: 0px;
	}

	.ingredient-1-picture,
	.hp-fourth-ingredient-img {
		width: 345px;
	}

	.ingredient-1-picture {
		top: -8px;
	}

	.hp-fourth-ingredient-img {
		top: -8px;
	}

	.hp-third-ingredient-img {
		margin-bottom: 20px;
	}

	.hp-fifth-ingredient-img {
		margin-bottom: 20px;
	}

	.section-headline {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.hp-first-ingredient-flex {
		background: none;
	}

	.hp-first-block-wrapper, .hp-first-ingredient-wrapper, .hp-third-ingredient-wrapper, .hp-fourth-ingredient-wrapper, .hp-fifth-ingredient-wrapper, .hp-about-basis-wrapper {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.hp-first-ingredient-wrapper,
	.hp-fourth-ingredient-wrapper,
	.hp-about-basis-wrapper {
		padding-top: 20px;
		padding-bottom: 20px;

	}

	.hp-first-ingredient-wrapper,
	.hp-fourth-ingredient-wrapper,
	.hp-about-basis-wrapper {
		position: relative;
	}

	.hp-first-ingredient-wrapper:before,
	.hp-fourth-ingredient-wrapper:before,
	.hp-about-basis-wrapper:before {
		content: '';
		position: absolute;
		background: #5ec9e0;
		display: block;
		width: 100%;
		top: 0px;
		height: 480px;
	}

	.hp-fourth-ingredient-wrapper:before {
		height: 360px;
	}

	.p-ingredient {
		width: 100%;
	}

	.hp-about-basis-flex {
		padding: 15px;
	}

	.hp-about-basis-flex iframe {
		height: 250px;
	}

	h3.section-headline {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.footer-btns {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.hp-about-basis-flex {
		background: none;
	}

	.magic-headline {
		margin-bottom: 0px;
	}

	.ingredient-1-picture-tablet {
		width: 100%;
		margin-bottom: 15px;
	}

	.first-block-img {
		margin-bottom: 15px;
	}

	.hp-fifth-ingredient-flex img {
		transform: scaleX(-1);
		margin-bottom: 15px;
	}

	.hp-fourth-ingredient-flex {
		background: none;
	}

	.hp-second-ingredient-wrapper, .hp-sixth-ingredient-wrapper {
		padding-top: 540px;
		padding-bottom: 250px;
	}

	.hp-black-block-wrapper {
		position: absolute;
		top: -540px;
		left: 0px;
		right: 0px;
	}

	.black-box-text-tablet {
		background: rgba(255, 255, 255, .85);
		position: absolute;
		bottom: -250px;
		padding: 15px;
		padding-bottom: 5px;
	}

	.hp-second-ingredient-wrapper .hp-block-text-indent,
	.hp-sixth-ingredient-wrapper .hp-block-text-indent {
		padding-left: 0px;
		width: 100%;
	}

	.hero-black-block {
		padding-left: 0px;
	}

	.hp-second-ingredient-wrapper {
		position: relative;
	}

	.hp-second-ingredient-wrapper {
		background: url('/images/interdisciplinary-approach-mobile.jpg') !important;
		background-size: cover!important;
		background-repeat: no-repeat!important;
		background-position: center center !important;
	}
	
	.hp-second-ingredient-wrapper h3.section-headline,
	.hp-sixth-ingredient-wrapper h3.section-headline {
		margin-bottom: 0px;
	}

	.hp-sixth-ingredient-wrapper {
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-image: url('/images/full-english-immersion-mobile.jpg') !important;
	}

	.hp-fifth-ingredient-wrapper p,
	.hp-third-ingredient-wrapper p {
		margin-bottom: 0px;
	}

	.p-ingredient {
		margin-bottom: 0px;
	}

	h5.magic-headline {
		margin-top: 0px;
	}

	.mobile-languages .language-selector-icon {
		top: 5px;
	}

	.hp-slide-text {
		top: 0px;
		left: 0px;
		transform: none;
	}

	.hp-slide-2-text, .hp-slide-3-text {
		width: 100%;
		max-width: 100%;
	}

	h3.section-headline {
		font-size: 34px;
		line-height: 38px;
	}

	.hp-slide-text {
		top: unset;
		bottom: 100px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.carousel-btn {
		margin-right: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.hp-slide-text h2 {
		line-height: 42px;
		font-size: 44px;
		color: #fff;
	}

	.hp-slide-campus,
	.hp-slide-children-text,
	.hp-slide-students-text {
		margin-top: -30px;
		font-size: 20px;
	}

	.hp-slide-children-text,
	.hp-slide-students-text  {
		margin-top: 2px;
	}
	
	.hp-slide, .hp-slide-wrapper {
		height: 600px;
	}

	.hp-slide-1 {
		background-image: url('/images/hp-carousel/basis-carousel-1-mobile-new.jpg') !important;
	}

	.hp-slide-2 {
		background-image: url('/images/hp-carousel/basis-carousel-2-mobile-new.jpg') !important;
	}

	.hp-slide-3 {
		background-image: url('/images/hp-carousel/basis-carousel-3-mobile-new.jpg') !important;
	}

	.hp-slide-btns-wrapper {
		margin-top: 40px;
	}
	
	.hp-about-basis-flex iframe {
		height: 400px;
	}

	.footer-container-flex {
		padding-top: 30px;
	}

	.hp-about-basis-wrapper:before  {
		height: 300px;
	}

	.container {
		width: 100%;
	}

	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}

	.nav.navbar-nav {
		margin-bottom: 40px;
	}

	.hp-slide, .hp-slide-wrapper {
		height: 450px;
	}

	.hp-first-ingredient-wrapper:before, .hp-fourth-ingredient-wrapper:before, .hp-about-basis-wrapper:before {
		display: none;
	}

	.hp-first-ingredient-wrapper, .hp-fourth-ingredient-wrapper, .hp-about-basis-wrapper {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.hp-first-block-wrapper, .hp-first-ingredient-wrapper, .hp-third-ingredient-wrapper, .hp-fourth-ingredient-wrapper, .hp-fifth-ingredient-wrapper, .hp-about-basis-wrapper {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.hp-slide-campus {
		margin-top: 0px;
	}

	.hp-slide-text h2.carousel-school-headline {
		margin-bottom: 5px;
	}
	
	.hp-first-ingredient-wrapper {
		background: #d7f1f8;
	}

	.fourth-step-content {
		padding-left: 0px;
		padding-right: 0px;
	}

	.hp-fourth-ingredient-wrapper {
		background: #d7f1f8;
	}

	.hp-first-ingredient-flex {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.hp-first-ingredient-wrapper .hero-blue-block {
		padding-right: 15px;
	}

	.hp-slide-text h2.carousel-school-headline {
		font-size: 34px;
		line-height: 39px;
	}

	.hp-second-ingredient-wrapper {
		background: #fff!important;
		background-image: none!important;
	}

	.ingredience-2-photo {
		width: 100%;
		height: 285px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.hp-second-ingredient-wrapper, .hp-sixth-ingredient-wrapper {
		padding-top: 50px;
		padding-bottom: 0px;
	}

	.hp-black-block-wrapper {
		position: relative;
		top: 0;
	}
	
	.hp-fourth-ingredient-flex,
	.hp-first-ingredient-flex {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.hp-slide {
		background-position: top center !important;
	}

	.hp-sixth-ingredient-wrapper {
		padding-top: 0px;
		padding-bottom: 50px;
		background: #fff!important;
		background-image: none!important;
	}

	.hp-black-block-wrapper {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.hp-slide-1-text h2 {
		color: var(--blue);
	}

	.logo-img {
		width: 180px;
		margin-top: 15px;
	}

	.navbar-flex {
		margin-top: 30px;
	}

	.nav.navbar-nav {
		margin-bottom: 20px;
	}

	.main-menu,
	.navbar-brand,
	.navbar-header {
		height: 100px;
	}

	.ingredience-2-photo {
		height: 285px;
	}

	.ingredience-2-photo {
		background-image: url('/images/hp-images/basis-3.jpg');
		background-size: cover!important;
		background-position: center center !important;
	}

	.ingredience-1-photo {
		background-image: url('/images/hp-images/basis-1.jpg');
		background-size: cover!important;
		background-position: center center !important;
	}

	.ingredience-1i-photo {
		background-image: url('/images/hp-images/basis-2.jpg');
		background-size: cover!important;
		background-position: center center !important;
	}

	.ingredience-3-photo {
		background-image: url('/images/hp-images/basis-4.jpg');
		background-size: cover!important;
		background-position: center center !important;
	}

	.ingredience-4-photo {
		background-image: url('/images/hp-images/basis-5.jpg');
		background-size: cover!important;
		background-position: center center !important;
	}

	.ingredience-5-photo {
		background-image: url('/images/hp-images/basis-6.jpg');
		background-size: cover!important;
		background-position: center center !important;
	}

	.ingredience-6-photo {
		background-image: url('/images/hp-images/basis-7.jpg');
		background-size: cover!important
		background-position: center center !important;
	}

	.hp-third-ingredient-wrapper,
	.hp-fifth-ingredient-wrapper {
		background: #d7f1f8;	
	}

	.hp-fourth-ingredient-wrapper {
		background: #fff;
	}

	.ingredience-label {
		font-size: 16px;
		margin-top: 5px;
	}

	h3.section-headline {
		margin-top: 5px;
	}

	.hp-first-block-wrapper, .hp-first-ingredient-wrapper, .hp-third-ingredient-wrapper, .hp-fourth-ingredient-wrapper, .hp-fifth-ingredient-wrapper, .hp-about-basis-wrapper {
		padding-top: 80px;
		padding-bottom: 65px;
	}

	.hp-second-ingredient-wrapper, .hp-sixth-ingredient-wrapper {
		padding-top: 80px;
		padding-bottom: 65px;
	}

	.ingredience-label {
		text-align: center;
	}

	h3.section-headline {
		text-align: center;
		margin-top: 5px;
	}
	
	.hp-second-ingredient-wrapper {
		padding-bottom: 65px;
	}

	h5.magic-headline {
		padding-left: 0px;
		text-align: center;
		font-size: 18px;
	}

	.magic-headline-arrow {
		top: -40px;
		left: 50%;
		transform: translateX(-50%) rotate(-270deg);
	}

	.middle-level-menu {
		margin-top: 8px;
	}

	.copy-footer-desktop {
		display: block;
	}

	.technology-video-tablet-wrapper {
		text-align: center;
	}

	.technology-video-tablet {
		width: 500px; 
		max-width: 100%;
		height: 250px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.hp-technology-video-desktop {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.hp-our-preschool-btn {
		margin-right: 7px;
		margin-left: 7px;
	}

	.hp-first-video-wrapper {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	body {
		padding-top: 65px;
		padding-bottom: 0px;
	}

	.mobile-languages ul {
		margin-right: 85px;
	}

	.action-buttons-bg {
		width: 28px;
		height: 28px;
	}

	.mobile-languages .language-selector-icon {
		font-size: 12px;
		top: 5.5px;
	}

	.mobile-languages .language-item.active {
		background: #fff;
		color: #3155a5;
	}

	.mobile-languages .language-item.active span {
		color: #3155a5;	
	}

	.blue-right-side-line,
	.blue-left-side-line,
	.white-side-line {
		display: none;
	}

	.navbar-flex ul.navbar-nav {
		margin-top: 0px;
		padding-top: 0px;
	}

	.navbar-default .navbar-nav>li, .navbar-default .navbar-nav>li>a {
		display: block;
	}

	.nav.navbar-nav {
		display: block;
	}
	
	.navbar-flex {
		margin-top: 0px;
		display: block;
	}


	.mobile-contact-btns {
		display: flex;
		position: absolute;
		right: 70px;
		top: 19px;
	}

	.mobile-contact-btns .email-action-btn-top {
		margin-left: 10px;
	}

	.mobile-contact-btns .action-icon-btn {
		width: 13px;
		height: 13px;
		left: 7.5px;
	}

	.mobile-contact-btns .action-buttons-bg {
		width: 28px;
		height: 28px;
	}

	.navbar-default .navbar-nav>li:first-child>a {
		border-top: 0px;
	}

	.main-menu,
	.navbar-header {
		height: 65px;
	}

		.page-footer .footer-text-part {
		padding: 15px; 
		padding-bottom: 10px;
		text-align: center;
	}

	.footer-container-flex {
		flex-direction: column;
		padding: 0px;
		margin-bottom: 0px;
	}

	.footer-container-flex a {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer-container {
		padding-top: 5px;
		padding-bottom: 20px;
	}

	.footer-all {
		position: relative;
	}

	.footer-link-li {
		margin-left: 0px;
	}
	
	.hp-about-basis-flex iframe {
		height: 290px;
	}

	.hp-first-ingredient-wrapper:before,
	.hp-fourth-ingredient-wrapper:before,
	.hp-about-basis-wrapper:before {
		content: '';
		position: absolute;
		background: #5ec9e0;
		display: block;
		width: 100%;
		top: 0px;
		height: 380px;
	}

	.hp-about-basis-wrapper:before  {
		height: 230px;
	}

	.hp-first-ingredient-wrapper:before, .hp-fourth-ingredient-wrapper:before, .hp-about-basis-wrapper:before {
		display: none;
	}

	.hp-video-wrapper {
		max-width: 100%;
	}

	.hp-video-wrapper iframe {
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.navbar-default .navbar-nav>li.scroll-show {
		display: block!important;
	}

	.nav.navbar-nav {
		margin-bottom: 0px;
	}

	.copy-footer-mobile {
		display: block;
	}

	.page-footer .footer-text-part {
		padding-top: 10px;
	}

	.footer-btns {
		margin-top: 10px;
	}

	.hp-slide-btns-wrapper .carousel-btn {
		width: 200px;
		margin-top: 5px;
		margin-bottom: 5px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.main-menu, .navbar-brand, .navbar-header {
		height: 65px;
	}

	.logo-img {
		height: 50px;
		margin-top: 8px;
		width: 126px;
		margin-left: 15px;
	}

	.hp-video-wrapper {
		padding-top: 1px;
	}

	.hp-video-wrapper {
		height: 332px;
		padding-top: 10px;
	}

	.hp-slide, .hp-slide-wrapper {
		height: 385px;
	}

	.carousel-desktop-headline {
		display: none;
	}

	.carousel-mobile-headline {
		display: block;
	}

	.hp-slide-text {
		bottom: 50px;
	}

	.hp-slide-text h2 {
		font-size: 57px;
		line-height: 60px;
	}

	.hp-video-wrapper iframe {
		height: 202px;
	}

	.hp-video-wrapper {
		height: 224px;
	}

	.copy-footer-desktop {
		display: none;
	}

	.hp-slide-btns-wrapper .carousel-btn.hp-carousel-school-btn {
		width: 130px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.hp-slide-btns-wrapper .carousel-btn.hp-carousel-preschool-btn {
		width: 160px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.hp-first-video-wrapper {
		margin-bottom: 20px;
	}

	.technology-video-tablet {
		height: 202px;
	}

	.hp-technology-video-desktop {
		width: 100%;
		height: 205px;
	}
}

@media screen and (max-width: 420px) {
	.ingredience-2-photo {
		background-position: -200px 0px !important;
		height: 250px;
	}

	.hp-slide.hp-slide-1 {
		background-position: -159px!important;
	}

	.ingredience-1-photo {
		background-position: -80px 0px !important;
		height: 250px;
	}

	.ingredience-1i-photo {
		background-position: -25px 0px !important;
		height: 250px;
	}

	.ingredience-3-photo {
		background-position: center center !important;
		height: 250px;
	}

	.ingredience-4-photo {	
		background-position: -280px 0px !important;
		height: 250px;
	}

	.ingredience-5-photo {	
		background-position: center center !important;
		height: 250px;
	}

	.ingredience-6-photo {
		background-position: -50px 0px !important;
		height: 250px;
	}

	.hp-slide-text h2 {
		font-size: 55px;
		line-height: 58px;
	}
}