/* ------------------------------------------------------------------
General Styles
------------------------------------------------------------------- */

html, body {
	height: 100%;
}

body {
	font-family: 'Muli', sans-serif;
	color:#666;
	font-size:16px;
	line-height:30px;	
	background: url(img/bg-pattern-xy.jpg) repeat;
}

p {line-height:25px; margin:0; letter-spacing: 1px;}

h1 {font-size:78px; color:#333; font-weight: 800; padding:0; margin:0; line-height:1;}
h2 {font-size:42px; color:#333; font-weight: 700; padding:0; margin:0; line-height:1.2;}
h3 {font-size:30px; color:#333; font-weight: 700; padding:0; margin:0; line-height:1.4;}
h4 {font-size:22px; color:#333; font-weight: 700; padding:0; margin:0; line-height:30px;}
h5 {font-size:17px; padding:0; margin:0; line-height:30px;}
h6 {font-size:14px; font-family: 'Muli', sans-serif; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding:0; margin:0; line-height:1.4;}
.small-font {font-size:12px; color:#999; font-weight: 300; letter-spacing: 2px;}

.white-text {color:#fff;}
.black-text {color:#333;}
.grey-text {color:#999}
.blue-text {color:#24256d}
.purple-text {color:#b63d8a;}
.green-text {color:#22a895;}

.bold-text {font-weight: 700;}
.light-text {font-weight: 300;}

.v-pad {padding-top:15px; padding-bottom:15px;}

.btn {
	height:50px;
	line-height: 50px;
	padding:0 30px;
	text-align: center;
	background: #9e1c74;
	color:#fff;
	box-sizing: border-box;
	border-radius: 10px;
	letter-spacing: 1px;
	font-size: 14px;
	transition: 0.3s;
	font-weight: 700;
}

.btn:hover {
	background: #700e51;
	color:#fff;
}

.green-btn {background: #22a895;}
.green-btn:hover {background: #006c5d;}
.blue-btn {background: #24256d;}
.blue-btn:hover {background: #4c4daf;}
.yellow-btn {background:#f8aa2d;}
.yellow-btn:hover {background:#9b6816;}


a:hover {text-decoration:none;}
a:focus {outline: none !important; text-decoration:none;}
a, a:hover {color:inherit;}

section {padding:60px 0;}

img {max-width:100%;}


.social-icon {
	height:35px;
	width:35px;
	line-height: 35px;
	text-align: center;
	font-size: 15px;
	transition: 0.3s;
	border-radius: 20px;
	display: inline-block;
	background: transparent;
	color:#fff;
	border:1px solid #fff;
}

.social-icon:hover {
	background: #fff;
}

.social-icon:hover i {color:#333;}

.fa-ul {
	margin-left: 20px;
	text-align: left;
}

.fa-ul i {
	font-size: 15px;
	color: #fff;
}

.fa-li {
	top: 0px;
	left: -35px;
}

.copyright {
	width:420px;
	margin:0 auto;
	color:#999;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

.copyright a {text-decoration: underline;}

.copyright a:hover {
	color:#f8aa2d;
	transition: 0.3s;
}

.mail-link {color:#f8aa2d}
.mail-link:hover {color:#fff}

.wa-num:hover {color:#f8aa2d}

.full-width {
	width:1600px; 
	margin-left:auto;
	margin-right: auto;
	padding:0 45px;
}

.cta {
	background: url(img/footer-bg-top.png) no-repeat center;
	background-size: cover;
	padding-top:90px;
	padding-bottom: 150px;
}

.cta-junior {
	background-image: url(img/footer-bg-top-juniors.png);
}

.cta-container {
	width: 870px;
	margin: 0 auto;
	text-align: center;
}

.cta-pricelist {
	float:left;
}

.cta-contact {
	float:left;
	margin-left: 30px;
	color: #333;
}


.cta .btn {width: 245px;}

footer {
	background-color: #24256d;
	background-image: url(img/footer-bg-bottom.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding-top:200px;
	padding-bottom: 30px;
	margin-top: -80px;
}

.footer-junior {
	background-image: url(img/footer-bg-bottom-juniors.png);
	background-color: #0b7676;
}

.footer-logo {
	width:127px;
	height: 143px;
	background: url(img/Logo-white.png) no-repeat;
	background-size: contain;
}

footer p, footer h4 {color:#fff;}

footer p {line-height: 30px;}

/* ------------------------------------------------------------------
Navigation
------------------------------------------------------------------- */

header {
	height:115px;
	z-index:1000;
	position: fixed;
	width: 100%;
	transition:0.8s;
	background: #fff;
	border-bottom: 1px solid #eee;
}

header.scrollChange {
	height: 80px;
}

#logo {
	width:300px;
	height: 63px;
	margin-top: 22px;
	float:left;
	transition:0.8s;
	background: url(img/logo.png) no-repeat;
	background-size: contain;
}

#logo.scrollChange {
	margin-top: 7px;
}

ul.contact {
	margin:0px; padding:0px;
	box-sizing:border-box;
	transition:1.2s;
	letter-spacing:1px;
	float: right;
	font-weight: 700;
	padding-top:18px;
}

ul.contact li {
  display: inline-block;
	margin-left:65px;
	font-size: 14px;
	color:#24256d;
}

ul.contact.scrollChange {
	opacity: 0;
	height:0px;
	padding-top:0px;
	transition:0.3s;
}

ul.contact li a:hover {color:#f8aa2d;}

ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	float: right;
	font-weight: 600;
	padding-top:22px;
}

ul#menu li {
  display: inline-block;
	margin-left:35px;
}

ul#menu li a {
	color:#333;
	font-size: 16px;
	letter-spacing:1px;
}

ul#menu li a:hover, ul#menu li a.active {
	color:#9e1c74;
}

ul#menu.scrollChange {
	padding-top:34px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown:hover a {
	color:#9e1c74;
}


.dropdown-content {
  display: none;
	position: absolute;
  background-color: #fff;
  border:1px solid #eee;
	min-width: 400px;
	z-index: 1;
	padding:8px 0;
	left:-30px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

.dropdown-content a {
  padding: 8px 20px;
  font-size: 14px !important;
  text-decoration: none;
	display: block !important;
	color:#24256d;
	text-transform: none;
}

.dropdown-content a:hover {color: #9e1c74!important;}
.dropdown:hover .dropdown-content a:before {content: none !important;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown-inv {
	height: 13px;
	width:100%;
	opacity: 0;
}

.dropdown-inv.scrollChange {
	height:25px;
}

.dropbtn i {
	position: relative;
	bottom:3px;
}

nav i {
	position: relative;
	bottom:3px;
}

.nav-dropdown {
	display: block;
		padding: 20px 0 20px 33px;
		font-size: 15px;
		color:#fff;
		font-weight: 700;
	cursor: pointer;
	text-transform: uppercase;
}

.nav-dropdown:hover {
		opacity: 0.5;
}

.toggle,
   [id^=drop] {
    	display: none;
	}

div.drop-content {
	background-color: #24256d;
	width: 100%;
	color: #fff;
	font-size: 13px;
	padding-bottom: 10px;
	font-weight: 700;
	letter-spacing: 0;

}

.drop-content p {line-height: 20px;}

.drop-content>p>a {
	display: block;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 43px;
	padding-right: 10px;
}

.drop-content>p>a:focus,
.drop-content>p>a:hover {
	color: #9e1c74;
}

nav label {margin-bottom: 0px;}


ul.language{
	margin:0px; padding:0px;
	box-sizing:border-box;
	transition:1.2s;
	float: right;
	font-weight: 700;
	padding-top:13px;
	margin-left:65px;
}

ul.language li {
  	display: inline-block;
}

ul.language.scrollChange {
	opacity: 0;
	height:0px;
	padding-top:0px;
	transition:0.3s;
}

ul.language li a {
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid transparent;
	border-radius:18px;
}

ul.language li a:hover, 
ul.language li.active a  {
	border: 1px solid #4c4daf;
}

ul.language-small {
	margin:0px; padding:0px;
	box-sizing:border-box;
	transition:1.2s;
	float: right;
	font-weight: 700;
	padding-top:45px;
	margin-right: 30px;
	display:none;
}

ul.language-small li {
  	display: inline-block;
	margin-left:5px;
}

ul.language-small img {width:30px;}

ul.language-small.scrollChange {
	padding-top:25px;
}


/* ------------------------------------------------------------------
Home & content
------------------------------------------------------------------- */

#home {
	width:100%; 
	position:relative;
	padding-top: 150px;
	padding-bottom:60px;
}

#home .flex-container, #home .flexslider, #home .flexslider > .slides, #home .flexslider > .slides > li, #home .flexslider > .slides > li > div {height:100%;} 

.slide-col {
	width:50%;
	float: left;
}

.slide-col img {
	padding:0 50px;
}

.home-text {padding-top: 50px;}

.overlapping-text-col {
	width:60%;
	padding-top: 60px;
	float: left;
}

.overlapping-text-col h2, .overlapping-text-col h3, .overlapping-text-col h4 {padding-left: 30px; padding-right: 160px;}

.text-bg {
	width: 100%;
	height: auto;
	padding:30px;
	padding-right: 160px;
	padding-bottom: 80px;
	background: #fffaf3;
	border-radius: 30px;
	margin-top: 25px;
	position: relative;
}

.text-bg ul {padding-left: 15px;}

.lightpurple-bg {background: #f9f1f7 !important;}
.lightyellow-bg {background: #fffaf3 !important;}
.lightblue-bg {background: #f2f2f6 !important;}
.lightgreen-bg {background: #eef5f5 !important;}

.overlapping-img {
	height: 480px;
	width: 46%;
	position: absolute;
	right: 30px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 30px;
}

.google-badge {
	width: 424px;
	position: absolute;
	bottom: -45px;
	left:75px;
}

.services-title {
	width: 740px;
	margin:0 auto;
}

.home-services {
	position: relative; 
	text-align: center;
}

.home-services h4 {margin-top: 10px;}

.big-btn {font-size: 16px;}

.graphic-dot {
	width: 134px;
	height: 116px;
	position: absolute;
	right:50px;
	top:25px;
	background: url(img/graphic-dots.png) no-repeat;
	background-size: contain;
}

.lessons-col {
	padding:30px;
	border-radius: 25px;
	width: 100%;
	height: 305px;
	text-align: center;
}

.pricelist-sec {
	text-align: center;
	position: relative;
} 

.pricelist-sec .btn {width: 245px;}

.wavy-line {
	width:163px;
	height: 32px;
	background: url(img/graphic-wavy-line.png) no-repeat;
	background-size: contain;
	display: inline-block;
	margin-bottom: 35px;
}

.pricelist-sec i {font-size: 20px;}

.graphic-triangle {
	width: 112px;
	height: 139px;
	position: absolute;
	left:70px;
	top:80px;
	background: url(img/graphic-triangle.png) no-repeat;
	background-size: contain;
}

.school-stats-l {
	width:40%;
	float:left;
}

.school-stats-r {
	width: 60%;
	float: left;
	padding-left: 90px;
	padding-top: 98px;
	text-align: center;
}

.stats-col {
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	border-radius: 25px;
	padding: 30px;
}

.stats-col h5 {font-weight: 700; color: #333;}
.stats-col h6 { color: #333;}

.tutoring-stats {
	width: 230px;
}

.tutoring-stats h1 {
	font-size: 80px;
	color: #9e1c74;
}

.tutoring-text {
	padding-left: 15px;
}

.home-media {padding-bottom: 150px;}

.media-container {
	width: 1100px;
	margin:0 auto;
	position: relative;
}

.mediabtn-bg {
	width: 880px;
	height: 120px;
	padding-left: 85px;
	line-height: 120px;
	border-radius: 30px;
	font-size: 30px;
	font-weight: 700;
	color: #333;
}

.media-thumb {
	position: absolute;
	width: 324px;
	height: 261px;
	right: -30px;
  	top: -45px;
}

.mediabtn-bg img {width: 50px;}

.mediabtn-bg a:hover {color: #9e1c74; transition: 0.3s;}

.graphic-spiral {
	width:204px;
	height: 55px;
	position: absolute;
	bottom:0;
	right: 45px;
	background: url(img/graphic-spiral.png) no-repeat;
	background-size: contain;
}

table {width:100%;}

table i {
	font-size: 12px;
	color:#b63d8a;
}

td {padding:7px 0;}





@-webkit-keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-30px); }
}
@keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-30px); }
}
@-webkit-keyframes mover2 {
	0% { transform: translateY(0); }
	100% { transform: translateY(-20px); }
}
@keyframes mover2 {
	0% { transform: translateY(0); }
	100% { transform: translateY(-20px); }
}

img.vert-move {
	-webkit-animation: mover 1s infinite  alternate;
	animation: mover 1s infinite  alternate;
}

img.vert-move2 {
	-webkit-animation: mover2 1.5s infinite  alternate;
	animation: mover2 1.5s infinite  alternate;
}


/* Popup content styles */

.white-popup {
	position: relative;
	background: #24256d;
	width: auto;
	max-width: 1000px;
	margin: 25px auto;
	padding: 90px 120px;
	padding-bottom: 60px;
	border-radius: 30px;
}

.white-popup h2 {color: #f8aa2d;}
.white-popup h4, .white-popup p, .white-popup h5 {color:#fff;}
.white-popup h5 {font-weight: 700;} 	

.mfp-bg {
	background: #fff;
}
.mfp-close-btn-in .mfp-close {
	color: #f8aa2d;
	width: 135px;
	height: 135px;
	background: url(img/popup-close.png) no-repeat;
	background-size: contain;
	font-size: 0;
}



.white-popup ul {padding-left:15px; margin-bottom: 30px;}
.white-popup ul li {padding-left: 15px;}
.white-popup ul li::marker {color: #fff;}



/* ------------------------------------------------------------------
About, team
------------------------------------------------------------------- */

.inner-banner {padding-top: 150px;}



.inner-banner-img {
	padding:0 50px;
}

.inner-title {
	position: relative;
	padding-top: 100px;
}

.graphic-spiral-about {
	width:204px;
	height: 55px;
	position: absolute;
	bottom:-120px;
	right: 50px;
	background: url(img/graphic-spiral.png) no-repeat;
	background-size: contain;
}

.about-info {
	width: 670px;
	text-align: center;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}

.graphic-dot-about {
	width: 134px;
	height: 116px;
	position: absolute;
	right:150px;
	bottom:-35px;
	background: url(img/graphic-dots.png) no-repeat;
	background-size: contain;
}

.text-reverse {
	float: right;
}

.text-reverse h2, .text-reverse h3, .text-reverse h4 {padding-right: 30px; padding-left: 160px;}

.text-bg-reverse {
	padding-left: 160px;
	padding-right: 30px;
	padding-bottom: 40px;
}

.text-bg-reverse h3 {padding-left: 0;}

.math-prep ul {padding-left: 15px;}

.img-reverse {
	height: 480px;
	width: 46%;
	position: absolute;
	left: 30px;
}

.bigger-img {height: 500px;}

.prep-program {
	height: auto;
	overflow: hidden;
}

.prep-program img {
	border-radius: 30px;
	width:100%;
	max-width: 630px;
	float: right;
}

.graphic-waffle {
	width: 123px;
	height: 115px;
	position: absolute;
	right:20%;
	bottom:-35px;
	background: url(img/waffle.png) no-repeat;
	background-size: contain;
}

.graphic-doubleline {
	width:97px;
	height: 146px;
	position: absolute;
	top:50px;
	right: 65px;
	background: url(img/doubleline.png) no-repeat;
	background-size: contain;
}

.reward-icon {
	width: 200px;
	height: 200px;
	border-radius:50px;
	background: #f2f2f6;
	text-align: center;
	line-height: 200px;
}

.reward-icon img {width: 100px;}

.reward-info {padding-left: 50px; padding-right: 25px}

.school-logo {text-align: center}

.school-logo img {border:1px solid #eee}

.graphic-dot-team {
	width: 134px;
	height: 116px;
	position: absolute;
	bottom: -180px;
  	right: 150px;
	background: url(img/graphic-dots.png) no-repeat;
	background-size: contain;
}

.team-intro {
	width:1000px;
	margin:0 auto;
	text-align: center;
}

.team-text-wrapper {
	width: 100%;
	height: auto;
	padding:60px 150px;
	padding-bottom: 0;
	border-radius: 30px;
	background: #fffaf3;
}

.team-text-wrapper p {color:#666;}

.graphic-spiral-team {
	width:204px;
	height: 55px;
	position: relative;
	background: url(img/graphic-spiral.png) no-repeat;
	background-size: contain;
	margin:0 auto;
	top:30px;
}

.team-col {
	padding:15px;
	text-align: center;
}

.team-col img {
	border-radius: 40px;
	width: 100%;
	max-width: 295px;
	transition: 0.3s;
}

.team-col img:hover {
	border-radius: 0;
}

.moreinfo-icon {
	width: 60px;
	height: 60px;
	display: inline-block;
	background: url(img/moreinfo-icon.png) no-repeat;
	background-size: contain;
	position: relative;
	bottom: 30px;
}

.team-info {
	position: relative;
	bottom: 30px;
}

.team-info h4 {color: #24256d;}
.team-info h5 {font-weight: 700; color: #333;}

.graphic-spiral-popup {
	width:204px;
	height: 55px;
	margin:0 auto;
	background: url(img/graphic-spiral.png) no-repeat;
	background-size: contain;
	margin-top: 50px;
}


/* ------------------------------------------------------------------
Services, blog
------------------------------------------------------------------- */

.graphic-waffle-services {
	width: 123px;
	height: 115px;
	position: absolute;
	bottom: -180px;
  	right: 150px;
	background: url(img/waffle.png) no-repeat;
	background-size: contain;
}

.tutoring-services {
	text-align: center;
	position: relative;
	padding-bottom: 90px;
} 

.tutoring-img {
	padding:0 30px;
}

.tutoring-services img {border-radius: 30px;}

.tutoring-info {
	float:left;
	text-align: left;
	padding-left: 30px;
}

.tutoring-btn {
	float:right;
	margin-top: 45px;
	padding-right: 30px;
}

.graphic-heart {
	width: 90px;
	height: 105px;
	position: absolute;
	bottom: -130px;
  	right: 0;
	background: url(img/graphic-heart.png) no-repeat;
	background-size: contain;
}

.juniors-logo {text-align: center;}
.juniors-logo img {width:100%; max-width: 480px;}

.juniors-text-bg {
	width: 100%;
	height: auto;
	padding:50px 30px;
	background: #eef5f5;
	border-radius: 30px;
}

.graphic-swirl {
	width: 171px;
	height: 130px;
	position: absolute;
	top: 0;
  	left: -30px;
	background: url(img/graphic-swirl.png) no-repeat;
	background-size: contain;
}

.curriculums-wrapper {
	width: 1250px;
	margin:0 auto;
	text-align: center;
	margin-top: 100px;
}

.curriculums-summer {
	margin-top: 0px;
}

.curriculums-bg {
	padding:30px;
	border-radius: 30px;
	background: #eef5f5;
}

.curriculums-col {
	width: 33.3%;
	float: left;
	text-align: center;
}

.curriculums-col img {width: 75%;}

.tutoring-lessons-bg {
	padding:50px;
	border-radius: 30px;
	background: #f9f1f7;
	position: relative;
	text-align: left;
}

.tutoring-lessons-bg h4 { letter-spacing: 0;}
.tutoring-lessons-bg ul {padding-left: 20px; margin-bottom: 0;}

.tutoring-lessons-bg ul li {padding-left: 20px; margin:10px 0;}
.tutoring-lessons-bg ul li::marker {color: #333;}

.graphic-dot-tutoring {
	width: 134px;
	height: 116px;
	position: absolute;
	right:90px;
	top:-60px;
	background: url(img/graphic-dots.png) no-repeat;
	background-size: contain;
}

.graphic-star {
	width: 147px;
	height: 122px;
	position: absolute;
	right: 90px;
	bottom: -100px;
	background: url(img/graphic-star.png) no-repeat;
	background-size: contain;
}

.graphic-crown {
	width: 116px;
	height: 112px;
	position: absolute;
	left: 150px;
	bottom: -180px;
	background: url(img/graphic-crown.png) no-repeat;
	background-size: contain;
}

.graphic-triangle-service {
	width: 112px;
	height: 139px;
	position: absolute;
	bottom: -160px;
  	right: 180px;
	background: url(img/graphic-triangle.png) no-repeat;
	background-size: contain;
}

.graphic-sun {
	width: 222px;
	height: 207px;
	position: absolute;
	bottom: -300px;
  	right: 90px;
	background: url(img/graphic-sun.png) no-repeat;
	background-size: contain;
}

.extra-graphic-sec {
	height: 260px;
	width: 50%;
	display: block;
	position: relative;
}

.graphic-bananaleaf {
	width: 234px;
	height: 235px;
	position: absolute;
	left: 0;
	background: url(img/graphic-leaf-3.png) no-repeat;
	background-size: contain;
}

.graphic-spiral-summer {
	width:204px;
	height: 55px;
	position: absolute;
	right: 30px;
	bottom: 55px;
	background: url(img/graphic-spiral.png) no-repeat;
	background-size: contain;
}

.graphic-leaf-summer {
	width: 100px;
	height: 110px;
	position: absolute;
	right:90px;
	top:-60px;
	background: url(img/graphic-leaf-2.png) no-repeat;
	background-size: contain;
}


.seniors-text-bg {
	width: 100%;
	height: auto;
	padding:50px 30px;
	background: #f2f2f6;
	border-radius: 30px;
	margin-top: 60px;
}

.advanced-wrapper {
	width: 990px;
	margin:0 auto;
}

.advanced-col {
	width: 25%;
	float: left;
	text-align: center;
}

.graphic-spiral-seniors {
	width:204px;
	height: 55px;
	position: absolute;
	right: 90px;
	bottom: -35px;
	background: url(img/graphic-spiral.png) no-repeat;
	background-size: contain;
}

.graphic-leaf {
	width: 164px;
	height: 149px;
	position: absolute;
	right: 90px;
	bottom: -180px;
	background: url(img/graphic-leaf-1.png) no-repeat;
	background-size: contain;
}

.graphic-spiral-seniors {
	width:204px;
	height: 55px;
	position: absolute;
	right: 90px;
	bottom: -35px;
	background: url(img/graphic-spiral.png) no-repeat;
	background-size: contain;
}

.graphic-waffle-seniors {
	width: 123px;
	height: 115px;
	position: absolute;
	left: 150px;
	bottom: -180px;
	background: url(img/waffle.png) no-repeat;
	background-size: contain;
}

.blog-thumb {
	width:50%;
	height: 250px;
	float:left;
	border-radius: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.blog-info {
	width:50%;
	float:left;
	padding-top: 20px;
}

.blog-date {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-left: 30px;
	font-weight: 700;
	color: #333;
}

.blog-date a {color:#700e51;}

.blog-title {
	width: 105%;
  	margin-top: 15px;
  	padding: 30px;
  	padding-bottom: 45px;
	padding-left: 50px;
  	border-radius: 30px;
  	background: #fffaf3;
  	position: relative;
  	left: -20px;
  	z-index: -1;
}

.post-link:hover h4 {color: #700e51}

.blog-pad {padding:30px 15px;}

.blog-post {padding-top: 200px;}

.blog-photo {
	width: 100%;
	position: relative;
}

.blog-photo img {border-radius: 40px;}

.blog-content {padding:30px; position: relative;}

.blog-content .blog-date {
	padding-left: 0;
	margin-bottom: 50px;
}

.highlighted-blog {
	padding:30px;
	border-radius: 30px;
	background: #f9f1f7;
}
.highlighted-blog h5 {color: #333; font-weight: 700;}
.highlighted-blog ul {padding-left: 20px; margin-bottom: 0;}

.highlighted-blog ul li {padding-left: 20px; margin:10px 0;}
.highlighted-blog ul li::marker {color: #333;}

.graphic-triangle-blog {
	width: 112px;
	height: 139px;
	position: absolute;
	left:-180px;
	top:75px;
	background: url(img/graphic-triangle.png) no-repeat;
	background-size: contain;
}

.graphic-doubleline-blog {
	width:97px;
	height: 146px;
	position: absolute;
	top:-20px;
	right: -160px;
	background: url(img/doubleline.png) no-repeat;
	background-size: contain;
}

.reward-sec {padding-bottom: 200px;}

.summerschool-sec {padding-top:0; padding-bottom:400px;}

.summerschool-text h2, .summerschool-text h3 {padding-right: 30px; padding-left: 0px;}

ol.blog-list {padding-left: 20px; margin-bottom: 0;}
ol.blog-list li {padding-left: 20px; margin:10px 0;}
ol.blog-list h5 {font-weight: 700; color:#333}

ul.blog-list {padding-left: 20px; margin-bottom: 0;}
ul.blog-list li {padding-left: 20px; margin:10px 0;}


/* ------------------------------------------------------------------
Contact, faqs
------------------------------------------------------------------- */

.graphic-blink {
	width: 111px;
	height: 117px;
	position: absolute;
	bottom: -130px;
  	right: 0;
	background: url(img/graphic-blink.png) no-repeat;
	background-size: contain;
}

.graphic-arrow {
	width: 90px;
	height: 94px;
	position: absolute;
	bottom: -130px;
  	left: 190px;
	background: url(img/graphic-arrow.png) no-repeat;
	background-size: contain;
}

.contact-sec {padding-bottom: 130px;}

.contact-bg {
	padding:60px 30px;
	padding-bottom: 90px;
	border-radius: 30px;
	background: #f9f1f7;
	position: relative;
}

.contact-col {
	width: 33.3%;
	float: left;
	text-align: center;
}

.contact-col img {width: 100px;}
.contact-col h5 {color: #333; font-weight: 700;}

.contact-col a:hover {color: #700e51;}

ul.social {
	margin:0px; padding:0px;
}

ul.social li {
  	display: inline-block;
	margin-left:12px; 
	margin-right: 12px;
}

ul.social li a {
	color:#fff;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	font-size: 22px;
	background: #24256d;
	transition: 0.3s;
}

ul.social li a:hover {
	color:#24256d;
	background: #fff;
}

.graphic-triangle-contact {
	width: 112px;
	height: 139px;
	position: absolute;
	right:150px;
	bottom:-200px;
	background: url(img/graphic-triangle.png) no-repeat;
	background-size: contain;
}

.tab {
	padding:50px;
	width: 100%;
	background: #f9f1f7;
	border-radius: 30px;
	padding-bottom: 90px;
	position: relative;
}

.tab button {
  background: none;
	border: none;
  outline: none;
  cursor: pointer;
	padding-bottom: 30px;
	width:100%;
	transition: 0.3s;
	color:#333;
	text-transform: uppercase;
	line-height: 20px;
	text-align: left;
	font-size: 22px;
	font-weight: 700;
}


/* Change background color of buttons on hover */
.tab button:hover {
  color:#9e1c74;
}

/* Create an active/current tablink class */
.tab button.active {
  color:#9e1c74;
}

/* Style the tab content */
.tabcontent {
	display: none;
	animation: fadeEffect 0.8s;
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


.panel {
  background: none;
	box-shadow: none;
}

.panel-group .panel+.panel {margin:20px 0;}

.panel-heading {
  background-color: #f2f2f6;
  border-radius: 20px;
  border: none;
	padding: 0;
	color: #333;
}

.panel-title a {
  display: block;
  padding: 20px;
  padding-left:40px !important;
  position: relative;
  font-size: 22px;
  font-weight: 700;
}

.panel-title a:hover {text-decoration:none;}
.panel-title a:focus {text-decoration:none;}
.panel-title a.active {text-decoration:none;}

.panel-body {
    padding: 20px 40px;
}

.panel-specs {
	color:#666666;
	font-size:16px;
	padding:12px 0;
	border-top:1px solid #eeeeee;
}

.panel-heading a:before {
  content: '\e037';
  font-size: 18px;
  position: absolute;
  font-family: 'Material Icons';
  left: 12px;
  top: 20px;
  transform: rotate(0deg);
  transition: all 0.5s;
  color:#333;
}

.panel-heading a:before {
	content: '';
	font-family: 'Material Icons';
	position: absolute;
	font-size: 18px;
	width: 16px;
	height: 20px;
  left: 12px;
	top: 25px;
	background:url(img/yellow-arrow.png) no-repeat;
	background-size: contain;
  transform: rotate(0deg);
  transition: all 0.5s;
  color:#333;
}

.panel-heading.active a:before {
  transform: rotate(90deg);
  transition: all 0.5s;
   color:#fff;
}

.panel-heading.active {
  background-color: #24256d;
  color:#fff !important;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {border-top:none;}


.graphic-doubleline-faq {
	width:97px;
	height: 146px;
	position: absolute;
	bottom: -130px;
  	right: 150px;
	background: url(img/doubleline.png) no-repeat;
	background-size: contain;
}

.graphic-dot-faq {
	width: 134px;
	height: 116px;
	position: absolute;
	right:90px;
	bottom:-80px;
	background: url(img/graphic-dots.png) no-repeat;
	background-size: contain;
}

.facilities-img {border-radius: 0; background-size: contain;}

.ibmath-mobile {display: none;}