@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
/*----------------------------------------------- */
html,body{
	overflow-x: hidden;
}
body {
  color: #6B6B6B;
  background-color: white;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.7;
  font-size: 14px;
}

a {
  //color: #DA4453;
  color: white;
	//color: rgb(113, 72, 189);
  text-decoration: none;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}

a:hover,
a:focus {
  color: white; #7148BD;   /* #2a608e; #DADADA; */
	//color: rgb(113, 72, 189);
  text-decoration: none;
}

a:focus {
/*  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; */
}

/*-------------------------------------------------  HEADER  --------------------------------------------------*/

.lang_bar a{
		color: white;
}
.lang_bar a:hover{
	color: #662D91 !important;
}
.lang_nav{
	float: right;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display:inline-block;
}
.lang_nav li{
	float: left;
	display:inline-block;
	margin:13px 15px 15px;
}
.lang_nav li a{
	padding-top: 15px;
	padding-bottom: 15px;
}

.flag-en{
	background-image: url('/wp-includes/images/flag-eng.png') !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat; 
	background-position: left center;
	padding-left:25px;
	width:110px;
	margin:0 auto;
}
.flag-fr{
	background-image: url('/wp-includes/images/flag-fr.png') !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat; 
	background-position:left center;
	padding-left:25px;
	width:110px;
	margin:0 auto;
	background-repeat:none;
}
.flag-si{
	background-image: url('/wp-includes/images/flag-fi.png') !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat; 
	background-position:left center;
	padding-left:25px;
	width:110px;
	margin:0 auto;
	background-repeat:none;
}
.main_lnk:hover, .searchtext:hover{
	color: #7148BD !important;  
    text-decoration: none;
}

@media (min-width: 768px) {
	.main_nav1{
		display:block !important;
	}
	.header_nav{
		height:50px;
	}
	
}

.clearfix{
	background-color: #56b04c !important;
	color: white !important;	
}
.clearfix a{
	color: white !important;
}

.iframe {background-color:rgba:(244,244,244,0.8); font:Arial Black; }


/*
.teachers_wrapper1{
		padding: 0px 0px 0px 150px;
}

*/

.teachers_img_wrapper{
	width:380px !important;
	float:right !important;
}

.main_box_image_wrapper{
	display:none;
}

.box_image_wrapper, .box_image_wrapper img {
	text-decoration: none;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}

.news_content a{
	color: #7148BD !important; 
	text-decoration: underline !important;
}


/*  -------------------------------------------  MOBILE VIEW  ------------------------------------------------*/
	
@media (max-width: 767px) {
	
	.lang_nav li a{
		font-size:12px;
	}

 	.maintext{
		display:none !important;
	} 
	.search_wrapper_ex { 
		display:none !important;
	}
	.teachers_wrapper1{
		padding:15px !important;
	}
	
	.maintitle {
		font-size:18px !important;
	}
	
	.mainsubtitle {
		font-size:16px !important;
	}
	
	.rot1, .rot2, .rot3, .zoom1, .zoom2{
		display:none !important;
	} 
	.goto{
		width:auto !important;
	}
	
	
	.box{
		-webkit-box-shadow: 0px 0px 10px 0px grey;
		  -moz-box-shadow: 0px 0px 10px 0px grey;
		   box-shadow: 0px 0px 10px 0px grey;
		   cursor:pointer;
	}
	.box_wrapper{
		z-index:10000;
	}
	
	
	
	
	
	.knowledge_wrapper .col-sm-7{
		padding: 20px 0px 10px !important;
	}
	
	.knowledge_wrapper .col-sm-5 {
		padding: 20px 0px !important;
	}
	
	.goto{
		width: 180px !important;
        margin: auto;
	}
	
	.teachers_content{
		padding:10px 20px 30px !important;
	}
	
	.footer_content{
		padding-left:35px;
	}
	.footer_line{
		float:none !important;
		text-align: center;
	}

	.teachers_wrapper2{
		clear:both;
		margin-top:20px;
	}
	.teachers_img_wrapper{
		float:none !important;
		margin:auto;
	}
}
@media (min-width: 501px) {
	.box_wrapper1, .box_wrapper2, .box_wrapper3, .box_wrapper4 {
		display:block;
	}
}
@media (max-width: 500px) {
	
	.box_wrapper2, .box_wrapper3, .box_wrapper4 {
		display:none;
	}
	
	.boxnav .col-xs-3 {
		padding: 0px 5px !important;
	}
	.box_image_wrapper{
		border-right:2px solid lightgrey;
		border-left:2px solid lightgrey;
		border-bottom:2px solid lightgrey; 
		background-color:white;
		  z-index:100;
		  cursor:pointer;
	}
	.box_image_wrapper img{
		height: 45px;
		margin-top:3px;
		margin-bottom:8px;
	}
	.main_box_image_wrapper{
		display:block;
	}
	.selectedlink img{
		margin-top:12px;
		cursor:pointer;
	}
	
	.selectedlink {
		background-color:#7148BD;
	}
	
	.main_box_wrap{
		height:200px;
	}
	.boxnav{
		margin-top:395px;
	}
	
	.content_wrapper{
		height:400px !important;
		/* background-color:lightgrey !important; */
	}
	.content_wrapper2{
		background-size: 100% 50% !important;
		background-position: top center !important;
	}

	.col-text{
		background-color:#56b04c;
		height:200px;
		width:100% !important;
		border-bottom:1px solid white;
		padding:35px !important;
	}
	.col-text2{
		height:200px;
		width:100% !important;
		border-bottom:1px solid white;
		padding:35px !important;
	}
	.col-fixed{
		float:none !important;
		margin:auto;
		background-color:lightgrey !important;
		clear:both;
	}
	.col-fixed2{
		float:none !important;
		margin:auto;
		background-color:none !important;
		clear:both;
	}
	
	
}



@media (max-width: 420px) {


	.teachers_img_wrapper{
		width:300px !important;
	}
	.teachers_content{
		padding:10px 10px 30px !important;
	}
		
	.teacher_face{
		width: 190px !important;
	}
	#menu-menu-1 li a{
		font-size:12px !important; 
	}
	
}
	
@media (max-width: 992px) {

	
	
	.secondline{
		border-top:1px solid grey;
		margin-top:10px;
		padding-top:15px;
	}
	.secondline1{
		clear:both;
	}
	
	.newssection{
		background-image: none !important;
	}
	.knowledge div{
		font-size:16px !important;
	}
	
	
}

@media (min-width: 1200px) and (max-width: 1300px) { 
 .col-md-8 {
    width: 88.66666667% !important;
  }
  
  .col-md-2 {
    width: 5.66666667% !important;
  }
}


@media (min-width: 1301px) and (max-width: 1599px) { 
 .col-md-8 {
    width: 78.66666667% !important;
  } 
  
  .col-md-2 {
    width: 10.66666667% !important;
  }
}

/******************************************  ANIMATIONS ********************************************/

/* big right */
.rot1  {
	animation-name: rot1;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: rot1;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@keyframes rot1 {
	0% {transform: rotate(0deg) }
	50% {transform: rotate(15deg); }
	100% {transform: rotate(0deg);  }
}
@-webkit-keyframes rot1 {
	0% {-webkit-transform: rotate(0deg) }
	50% {-webkit-transform: rotate(15deg); }
	100% {-webkit-transform: rotate(0deg);  }
}

/* small right */
.rot2  {
	animation-name: rot2;
	animation-duration: 5.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: rot2;
	-webkit-animation-duration: 5.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@keyframes rot2 {
	0% {transform: rotate(0deg); }
	25% {transform: rotate(50deg); }
	50% {transform: rotate(0deg); }
	75% {transform: rotate(-50deg); }
	100% {transform: rotate(0deg);  }
}
@-webkit-keyframes rot2 {
	0% {-webkit-transform: rotate(0deg); }
	25% {-webkit-transform: rotate(50deg); }
	50% {-webkit-transform: rotate(0deg); }
	75% {-webkit-transform: rotate(-50deg); }
	100% {-webkit-transform: rotate(0deg);  }
}


/* triangle left */
.rot3 {
	animation-name: rot3;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: rot3;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@keyframes rot3 {
	0% {transform: rotate(0deg) }
	50% {transform: rotate(-35deg); }
	100% {transform: rotate(0deg);  }
}
@-webkit-keyframes rot3 {
	0% {-webkit-transform: rotate(0deg) }
	50% {-webkit-transform: rotate(-35deg); }
	100% {-webkit-transform: rotate(0deg);  }
}


/* circle left */
.zoom1 {
	animation-name: zoom1;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: zoom1;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
 
@keyframes zoom1 {
	0% {transform: scale(0.9); }
	50% {transform: scale(1.1) rotate(-45deg); }
	100% {transform: scale(0.9);  }
}
@-webkit-keyframes zoom1 {
	0% {-webkit-transform: scale(0.9); }
	50% {-webkit-transform: scale(1.1) rotate(-45deg); }
	100% {-webkit-transform: scale(0.9); }
}


/* circle right */
.zoom2 {
	animation-name: zoom2;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: zoom2;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
 
@keyframes zoom2 {
	0% {transform: scale(0.8); }
	50% {transform: scale(1.1) rotate(45deg); }
	100% {transform: scale(0.8);  }
}
@-webkit-keyframes zoom2 {
	0% {-webkit-transform: scale(0.8); }
	50% {-webkit-transform: scale(1) rotate(45deg); }
	100% {-webkit-transform: scale(0.8); }
}


/* "ONLINE" text */
.zoomon {
	animation-name: zoomon;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 6.5s;
	-webkit-animation-name: zoomon;
	-webkit-animation-duration: 4s;
	-webkit-animation-delay: 6.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
 
@keyframes zoomon {
	0% {transform: scale(1); }
	20% {transform: scale(1.1); }
	40% {transform: scale(1); }
	100% {transform: scale(1); }
}
@-webkit-keyframes zoomon {
	0% {-webkit-transform: scale(1); }
	20% {-webkit-transform: scale(1.1); }
	40% {-webkit-transform: scale(1); }
	100% {-webkit-transform: scale(1); }
}

/* hover animation */
.box{	
	-webkit-transition: all 0.5s ease-in-out;
		 -moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;	

	   				
}

.box:hover {      
	  -webkit-transform: scale(1.04);
	  -moz-transform: scale(1.04);
	  -ms-transform: scale(1.04);
	  -o-transform: scale(1.04);
	  transform: scale(1.04);    
	  
	 -webkit-box-shadow: 0px 0px 15px 0px grey;
	  -moz-box-shadow: 0px 0px 15px 0px grey;
	   box-shadow: 0px 0px 15px 0px grey;
	   cursor:pointer;
	  
}


/******************* MAIN ANIMATION HOUSE AND GIRL  ***************/

	.girl{
		animation-name: girl;
		animation-duration: 6s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		-webkit-animation-name: girl;
		-webkit-animation-duration: 6s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: ease-in-out;
	}
	@keyframes girl {
	  0% {transform: rotate(-35deg) scale(0.7);  }
	 30% {transform: translate(65.92px, -37.58px) rotate(-15deg) scale(0.9);  }
	 65% {transform: translate(115.92px, -68.58px) rotate(0deg) scale(1.6);  }
	 100% {transform: translate(115.92px, -68.58px) rotate(0deg) scale(1.6);  }
	 
	}
	@-webkit-keyframes girl {
		0% {-webkit-transform: rotate(-35deg) scale(0.7);  }
	 30% {-webkit-transform: translate(65.92px, -37.58px) rotate(-15deg) scale(0.9);  }
	 65% {-webkit-transform: translate(115.92px, -68.58px) rotate(0deg) scale(1.6);  }
	 100% {-webkit-transform: translate(115.92px, -68.58px) rotate(0deg) scale(1.6);  }
	}
	
	.housebg{
		animation-name: housebg;
		animation-duration: 6s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		transform-origin: 55% 85%;
		
		-webkit-animation-name: housebg;
		-webkit-animation-duration: 6s;
		-webkit-animation-timing-function: housebg;
		-webkit-animation-iteration-count: linear;
		-webkit-transform-origin: 55% 85%;
	}
	@keyframes housebg {
	   0% {transform: scale(1); opacity:1;}
	   30% { transform:scale(1); opacity:1;}
	   65% {transform:scale(2.3);opacity:1;}
	   75% {transform:scale(2.3); opacity:0;}
	   100% {transform:scale(2.3);opacity:0;}
	 
	}
	@-webkit-keyframes housebg {
	   0% {-webkit-transform: scale(1); opacity:1; }
	   30% { -webkit-transform:scale(1); opacity:1;}
	   65% {-webkit-transform:scale(2.3);opacity:1;}
	   75% {-webkit-transform:scale(2.3); opacity:0;}
	   100% {-webkit-transform:scale(2.3); opacity:0;}
	}
	
	
	
	.housebg2{
		animation-name: housebg2;
		animation-duration: 6s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		transform-origin: 55% 85%;
		
		-webkit-animation-name: housebg2;
		-webkit-animation-duration: 6s;
		-webkit-animation-timing-function: housebg;
		-webkit-animation-iteration-count: linear;
		-webkit-transform-origin: 55% 85%;
	}
	@keyframes housebg2 {
	   0% {transform: scale(1);  }
	   30% { transform:scale(1); }
	   65% {transform:scale(2.3);}
	   100% {transform:scale(2.3);}
	 
	}
	@-webkit-keyframes housebg2 {
	   0% {-webkit-transform: scale(1);  }
	   30% { -webkit-transform:scale(1); }
	   65% {-webkit-transform:scale(2.3);}
	   100% {-webkit-transform:scale(2.3);}
	}



   
/*  Image change  3rd box */

.top1 { animation-name: fade1; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 7s; }

@keyframes fade1 {
  0% { opacity: 1; }
  15% { opacity: 1; }
  25% { opacity: 0; }
  30% { opacity: 0; }
  45% { opacity: 0; }
  60% { opacity: 0; }
  85% { opacity: 0; }
  95% { opacity: 1; }
  100% { opacity: 1;}
}


.top2 { animation-name: fade2; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 7s;  }

@keyframes fade2 {
  0% { opacity: 1; }
  15% { opacity: 1; }
  30% { opacity: 1; }
  40% { opacity: 0; }
  45% { opacity: 0; }
  60% { opacity: 0; }
  75% { opacity: 0; }
  90% { opacity: 0; }
  100% { opacity: 0;}
}

.top3 { animation-name: fade3; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 7s;  }

@keyframes fade3 {
   0% { opacity: 1; }
  15% { opacity: 1; }
  30% { opacity: 1; }
  45% { opacity: 1; }
  55% { opacity: 0; }
  60% { opacity: 0; }
  75% { opacity: 0; }
  90% { opacity: 0; }
  100% { opacity: 0;}
}

.top4 { animation-name: fade4; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 7s;  }

@keyframes fade4 {
  0% { opacity: 1; }
  15% { opacity: 1; }
  30% { opacity: 1; }
  45% { opacity: 1; }
  60% { opacity: 1; }
  70% { opacity: 0; }
  75% { opacity: 0; }
  90% { opacity: 0; }
  100% { opacity: 0;}
}


/*     4TH BOX  FLIP  


   @include transform-style(preserve-3d);
    @include transition(.5s);
    @include transform(rotateY(-0deg));
	
	transform(rotateY(-180deg);
	
 */

 
 
.flip1 { transform-origin: 0% 100%;  transform-style: preserve-3d;  animation-name: flip1; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 8s; }

@keyframes flip1 {
  0% { transform: rotateY(0deg); }
  10% { transform: rotateY(0deg);  }
  30% { transform: rotateY(-90deg);  }
  95% { transform: rotateY(-90deg);  }
  100% { transform: rotateY(0deg);  } 
}

.flip2 { transform-origin: 0% 100%;  transform-style: preserve-3d;  animation-name: flip2; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 8s; }

@keyframes flip2 {
  0% { transform: rotateY(0deg); }
  15% { transform: rotateY(0deg);  }
  30% { transform: rotateY(0deg);  }
  45% { transform: rotateY(-90deg);  }
  100% { transform: rotateY(-90deg);  } 
}

.flip3 { transform-origin: 0% 100%;  transform-style: preserve-3d;  animation-name: flip3; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 8s; }

@keyframes flip3 {
  0% { transform: rotateY(0deg); }
  15% { transform: rotateY(0deg);  }
  30% { transform: rotateY(0deg);  }
  45% { transform: rotateY(0deg);  }
  60% { transform: rotateY(-90deg);  }
  100% { transform: rotateY(-90deg);  } 
}

.flip4 { transform-origin: 0% 100%;  transform-style: preserve-3d;  animation-name: flip4; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 8s; }

@keyframes flip4 {
  0% { transform: rotateY(0deg); }
  15% { transform: rotateY(0deg);  }
  30% { transform: rotateY(0deg);  }
  45% { transform: rotateY(0deg);  }
  60% { transform: rotateY(0deg);  }
  75% { transform: rotateY(-90deg);  }
  100% { transform: rotateY(-90deg);  } 
}


.flip5 { transform-origin: 0% 100%;  transform-style: preserve-3d;  animation-name: flip5; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 8s; }

@keyframes flip5 {
  0% { transform: rotateY(0deg); }
  15% { transform: rotateY(0deg);  }
  30% { transform: rotateY(0deg);  }
  45% { transform: rotateY(0deg);  }
  60% { transform: rotateY(0deg);  }
  75% { transform: rotateY(0deg);  }
  90% { transform: rotateY(-90deg);  }
  100% { transform: rotateY(-90deg);  } 
}

/****************** TEACHER ANIMATION *************************8*/

	.teacher{
		animation-name: teacher;
		animation-duration: 8s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		/* transform-origin: 55% 85%; */
		
		-webkit-animation-name: teacher;
		-webkit-animation-duration: 8s;
		-webkit-animation-timing-function: teacher;
		-webkit-animation-iteration-count: linear;
		/* -webkit-transform-origin: 55% 85%; */
	}
	@keyframes teacher {
	   0% {transform: scale(1) rotate(0deg);  }
	   25% { transform:scale(1.1)  rotate(5deg); }
	   50% {transform:scale(1) rotate(0deg);}
	   75% {transform:scale(1.1) rotate(-5deg); }
	   100% {transform:scale(1) rotate(0deg);}
	 
	}
	@-webkit-keyframes teacher {
	   0% {-webkit-transform: scale(1) rotate(0deg); }
	   25% { -webkit-transform:scale(1.1) rotate(5deg);}
	   50% {-webkit-transform:scale(1) rotate(0deg);}
	   75% {-webkit-transform:scale(1.1) rotate(-5deg);}
	   100% {-webkit-transform:scale(1) rotate(0deg); }
	}
	
	.grecaptcha-badge{
	display:none;
}

.teacher-details.teacher-link {
	display: flex;
	justify-content: flex-start;
}
.teacher-details.teacher-link a {
	color: rgb(113, 72, 189);
}
.desktop-view.container strong a {
	color: rgb(113, 72, 189);
}
.desktop-view.container a {
	color: rgb(113, 72, 189);
}
.mobile-view.container strong a {
	color: rgb(113, 72, 189);
}
.mobile-view.container a {
	color: rgb(113, 72, 189);
}