/* Fonts  */
@font-face {
    font-family: 'lato_regular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular.woff') format('woff'),
         url('../fonts/lato-regular.ttf') format('truetype'),
         url('../fonts/lato-regular.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}

@font-face {
    font-family: 'lato_bold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold.woff') format('woff'),
         url('../fonts/lato-bold.ttf') format('truetype'),
         url('../fonts/lato-bold.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
@font-face {
    font-family: 'avantgardelt-extralight';
    src: url('../fonts/avantgardelt-extralight.eot');
    src: url('../fonts/avantgardelt-extralight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgardelt-extralight.woff') format('woff'),
         url('../fonts/avantgardelt-extralight.ttf') format('truetype'),
         url('../fonts/avantgardelt-extralight.svg#avantgardelt-extralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*  General CSS* for Text*/

h1{
	color: #333;
	font-family: "lato_bold", arial;
	font-weight: normal;
	font-size: 28px;
	line-height: normal;
	text-transform: none;
	padding: 5px;
}

h2{
	color: #333;
	font-family: "lato_bold", arial;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.4;
	text-transform: none;
}
h3{
	color: #333;
	font-family: "lato_bold", arial;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.4;
	text-transform: none;
}
h4{
	color: #333;
	font-family: "lato_regular", arial;
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
	line-height: 1.6;
}
h5{
	color: #333;
	font-family: "lato_regular", arial;
	font-weight: normal;
	font-size: 15px;
	text-transform: none;
	line-height: normal;
}
p{
	color: #333;
	font-family: "lato_regular", arial;
	font-weight: normal;
	font-size: 18px;
	text-transform: none;
	letter-spacing: 1px;
	line-height: 1.4;
	text-align: justify;
	margin: 0;
}
a{
	color: #333;
	font-family: "lato_regular", arial;
	font-size: 15px;
	text-decoration: none;
}
a span{

}
em{
	color: #000;
	font-family: "lato_regular", arial;
	font-size: 15px;
	text-transform: none;
}
li{
	color: #333;
	font-family: "lato_regular", arial;
	font-size: 15px;
	text-transform: none;
	margin-left: 5%;
	margin-top: 10px;
	letter-spacing: 1px;
	line-height: 1.6;
}

.textBgBox{/*this is CSS for any text div with transparent background*/
	background: rgba(220, 220, 220, 0.8);/*rgb green colour with % transparency*/
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0;
}
.textBgBox h1 {
	font-size: 24px;
	color: #000;
}

/*general CSS for price tables*/
.priceTable {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 80%;
	padding: 8px;
	text-align: center;
	margin: 0 auto;
}
.priceTable, th, td {
	border: 1px solid #ddd;
	background-color: #CCC;
	padding: 5px;
	text-align: center;
}

/**/
.clearright {
    clear: right;
}

/*CSS for Global/Page wrappers*/
.wrapper{
	height: auto;
	margin: 0 auto;
	max-width: 1366px;
	position: relative;
	padding: 0 5px;
}

/******CSS for promo box******/
.promo {
	border-radius: 25px;
	background: #7DD023;
	border: 2px solid #ffffff;
	padding: 15px;
	width: 160px;
	height: auto;
	text-align: center;
}

/*CSS for a box*/
.box,
.box1,
.box2,
.box3,
.box4{
	border-radius: 25px;
	border: 1px solid #999999;
	margin: 0 auto;
	margin-top: 30px;
	min-width: 220px;
	overflow: hidden;
}

/*CSS for ???menu on small screens??? */
::selection {color:#ffffff;background:#353434;}
::-moz-selection {color:#ffffff;background:#353434;}

.feature a,
.cta a.cta_btn,
.testimonials #t_navigation a,
header ul.social li a,
header nav ul li a{
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
}


/*  header  */
header{
	width: 100%;
	height: 80px;
	background: #f0f0f0;
}

/*CSS for the Menu bar*/
header .wrapper {
	max-width: 1366px;
	padding: 0 0;
}

header .logo{
	float: left;
	margin-top: 5px;
	width: 255px;
	height: 64px;
}

header .menu_icon{/*menu icon that is displayed for smaller screens*/
    display: block;
    width: 35px;
    height: 35px;
    background: url('../img/menu_icon.png') no-repeat;
    float: right;
    margin-top: 23px;
    display: none;/*menu icon is not displayed when screen is large enough for full main menu*/
}

header nav{/*main menu container*/
	overflow: hidden;
	display: inline-block;
	margin: 20px 0 0 20px;
	padding: 13px 40px;
	border-left: 1px #404040 solid;
	z-index: 9999;
}

header nav ul{
    list-style: none;
}

header nav ul li{/*css for each main menu item*/
    float: left;
    margin-left: 35px;/*margin between the main menu items*/
    font-size: 16px;
    font-family: 'lato_regular', arial;
    letter-spacing: 1px;
}

header nav ul li:first-child{
    margin-left: 0;
}

header nav ul li a {
    text-decoration: none;
    color: #333333;
}

header nav ul li a:hover{
	color: #33cc00;


}

header ul.social{/*container of social icons*/
    float: right;
    list-style: none;
    margin-top: 23px;
}

header ul.social li{/*positioning and space between each icon*/
    float: left;
    margin-left: 10px;
}

header ul.social li a{/*the square box of each icon*/
    display: block;
    width: 35px;
    height: 35px;
    background: url('../img/sm.png') no-repeat;
}

header ul.social li a:hover{/*the hover box for each icon*/
    background: url('../img/sm_hover.png') no-repeat;
}

header ul.social li a{/*the size of each icon box*/
    display: block;
    width: 35px;
    height: 35px;
}

header ul.social li a.fb{/*the position of the facebook icon*/
    background-position: 0 0;
}

header ul.social li a.blog{/*the position of the twitter icon*/
    background-position: -36px 0;
}

header ul.social li a.gplus{/*the position of the gplus icon*/
    background-position: -72px 0;
}

header ul.social li a.twitter{/*the position of the blog icon*/
    background-position: -108px 0;
}



/****** PAGE wrappers ******/
.kidsPage,
.preKidsPage,
.primaryKidsPage,
.esoKidsPage,
.batxKidsPage,
.youngPage,
.youngInterviewPage,
.youngFirstPage,
.youngUniPage,
.youngOnTheJobPage,
.youngLetsTravelPage,
.adultsPage,
.adultsFirstPage,
.adultsTravelPage,
.adultsInterviewPage,
.adultsJustChatPage,
.adultsOnTheJobPage,
.activitiesPage,
.casalPage,
.intensivesPage,
.intensivesChristmasPage,
.classesPage,
.contactPage,
.calendarPage,
.homePage {/*This is the general wrapper to control content on pages.*/
	margin: 0 auto;
	max-width: 1366px;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #f7f7f7;
}


/******  BILLBOARD CSS  ******/
/*Billboards can be found anywhere on a page. However, the mainbillboard is always the one at the top of the page*/
.mainBillboard{/*this is the wrapper for the main billboard at the top of each page*/
	margin: 0 auto;
	max-width: 1366px;
	position: relative;
	overflow: hidden;
	height: 480px;
	color: #666;
	text-align: center;
	background-position: top;/*keeps the background image at the top-left of its container*/
}
.mainBillboard h1{
	font-size: 38px;
	font-weight: 900;
	color: white;
	text-shadow: 2px 2px 5px #000;
	/*text-shadow: -1px 1px 0 #000,
				  1px 1px 0 #000,
				 1px -1px 0 #000,
				-1px -1px 0 #000;*/
}
.billboard {
	position: relative;
	margin: 0 auto;/*this keeps the div centred horizontally on the page*/
	overflow: hidden;
	max-width: 1366px;
	height: 480px;
	color: #666;
	text-align: center;
	background-position: top;/*keeps the background image at the top-left of its container*/
}
.billboard h1{
	font-size: 48px;
	color: #000;
}
.billboard h2{
	font-size: 32px;
	color: #000;
}
.billboard h3{
	font-size: 20px;
	color: #000;
}

/*billboard div css*/
.kidsPage .mainBillboard,
.preKidsPage .billboard,
.primaryKidsPage .billboard,
.esoKidsPage .billboard,
.batxKidsPage .billboard,
.youngPage .billboard,
.youngFirstPage .billboard,
.youngUniPage .billboard,
.youngInterviewPage .billboard,
.youngOnTheJobPage .billboard,
.youngLetsTravelPage .billboard,
.adultsPage .billboard,
.adultsJustChatPage .billboard,
.adultsFirstPage .billboard,
.adultsInterviewPage .billboard,
.adultsOnTheJobPage .billboard,
.intensivesPage .billboard,
.casalPage .billboard,
.billboard_classes,
.billboard_talleres,
.billboard_intensives,
.billboard_inthepark,
.billboard_contact {/*for billboards with smaller size images*/
	height: 320px;
	position: relative;
	overflow: hidden;
	color: #666;
	text-align: center;
	background-position: top;/*keeps the background image at the top-left of its container*/
}
/*Background images for the billboards*/
.homePage .mainBillboard .billboard {
	background: url("../img/billboard_homepage.jpg") no-repeat center center;
	background-position: 0px 0px;
}
.calendarPage .mainBillboard {
	background: url("../img/billboard_timetable.jpg") no-repeat center center;
}
.classesPage .mainBillboard {
	background: url("../img/billboard_classes.jpg") no-repeat center center;
}
.activitiesPage .mainBillboard {
	background: url("../img/billboard_activities.jpg") no-repeat center center;
}
.contactPage .billboard {
	background: url("../img/billboard_contact.jpg") no-repeat center center;
}
.kidsPage .mainBillboard{
	background: url("../img/billboard_kids.jpg") no-repeat center center;
}
.intensivesPage .billboard {
	background: url("../img/billboard_intensives.jpg") no-repeat center center;
}
.intensivesChristmasPage .billboard {
	background: url("../img/billboard_intensives_christmas.jpg") no-repeat center center;
}
.youngPage .billboard{
	background: url("../img/billboard_young.jpg") no-repeat center center;
}
.youngInterviewPage .billboard{
	background: url("../img/billboard_jobinterview.jpg") no-repeat center center;
}
.youngLetsTravelPage .billboard{
	background: url("../img/billboard_travel.jpg") no-repeat center center;
}
.adultsPage .billboard{
	background: url("../img/billboard_adults.jpg") no-repeat center center;
}
.adultsTravelPage .billboard{
	background: url("../img/billboard_adults_travel.jpg") no-repeat center center;
}
.adultsFirstPage .billboard{
	background: url("../img/billboard_adults_first.jpg") no-repeat center center;
}
.adultsJustChatPage .billboard{
	background: url("../img/billboard_adults_justchat.jpg") no-repeat center center;
}
.adultsInterviewPage .billboard{
	background: url("../img/billboard_adults_interview.jpg") no-repeat center center;
}
.adultsOnTheJobPage .billboard{
	background: url("../img/billboard_adults_onthejob.jpg") no-repeat center center;
}
.billboard_talleres{
	background: url("../img/billboard_talleres.jpg") no-repeat center center;
}
.casalPage .billboard{
	background: url("../img/billboard_casal2018.jpg") no-repeat center center;
}
.preKidsPage .billboard{
	background: url("../img/billboard_p4p5.jpg") no-repeat center center;
}
.primaryKidsPage .billboard{
	background: url("../img/billboard_3p4p.jpg") no-repeat center center;
}
.esoKidsPage .billboard{
	background: url("../img/billboard_e1e2.jpg") no-repeat center center;
}
.batxKidsPage .billboard{
	background: url("../img/billboard_b1b2.jpg") no-repeat center center;
	background-position: 0px;
}
.youngFirstPage .billboard{
	background: url("../img/billboard_young_first.jpg") no-repeat center center;
}
.youngUniPage .billboard{
	background: url("../img/billboard_uniworld.jpg") no-repeat center center;
}
.youngOnTheJobPage .billboard{
	background: url("../img/billboard_onthejob.jpg") no-repeat center center;
}
.billboard_inthepark{
	background: url("../img/billboard_inthepark.jpg") no-repeat center center;
}

/******BILLBOARD CAPTION Setup*/
/*The billboard caption is a box that contains the text that floats on top of each billboard image*/
.billboard_caption{
	position: relative;
	margin: 0 auto;
	margin-top: 0px;
	max-width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	background: rgba(220, 220, 220, 0.6);/*text background in transparent rgb colour*/
}
.billboard_caption .billboard h1{
	font-size: 24px;
	color: #000;
	color: white;
	text-shadow: -1px 1px 0 #000,
				  1px 1px 0 #000,
				 1px -1px 0 #000,
				-1px -1px 0 #000;
						
}

/*Billboard_caption adjustments*/
.homePage .mainBillboard .billboard_caption {
	width: 40%;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	padding: 40px;
	text-align: left;
	background: rgba(220, 220, 220, 0.0);/*text background in transparent rgb colour*/
}
.kidsPage .mainBillboard .billboard_caption {
	margin-top: 20px;
	float: right;
	min-width: 75%;
	background: rgba(220, 220, 220, 0.0);/*text background in transparent rgb colour*/
}
.calendarPage .billboard_caption {
	margin-top: 50px;
	margin-right: 20px;
	width: 50%;
}
.kidsPage .billboard_caption,
.preKidsPage .billboard_caption {
	max-width: 50%;
	margin-top: 80px;
	margin-left: 20px;	
}
.activitiesPage .billboard_caption{
	margin-top: 150px;
	margin-left: 20px;
	max-width: 50%;
}
.contactPage .billboard_caption {
	max-width: 70%;
}
/*Billboard caption text adjustments*/
.homePage .mainBillboard .billboard_caption h1 {
	font-size: 38px;
	font-weight: 900;
	color: white;
	text-shadow: 2px 2px 5px #000;
}

/******  SUBMENU  ******/
.submenu{
	padding-top: 5px;
	background: #f7f7f7;
	overflow: hidden;
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 6px;
	text-align: center;
}
.submenu_wrapper{
	margin: 0 auto;
	max-width: 100%;
}

.submenu_but4,
.submenu_but3,
.submenu_but2,
.submenu_but1{
	border-radius: 5px;
	border: 1px solid #999999;
	padding: 5px;
	width: 32.333333%;
	text-align: center;
	float: left;
	background: rgba(255,105,180, 1.0);/*text background in pinkish rgb colour*/
}
.submenu_but2{
	background: rgba(34,139,34, 1.0);/*text background in greenish rgb colour*/
}
.submenu_but3{
	background: rgba(51,153,255, 1.0);/*text background in blueish rgb colour*/
}
.submenu_but4{
	background: rgba(51,153,255, 1.0);/*text background in purpelish rgb colour*/
}

.submenu h4{
	color: #FFF;
	font-family: "lato_regular", arial;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
}

.submenu a{
    text-decoration: none;
}
.submenu a:hover{
    text-decoration: none;
}


/****** PAGE CONTENT *******/
.footerContent,
.content4,
.content3,
.content2,
.content1 {/*wrapper for the content header*/
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
.homePage .content1 {
	background-color: #39C;
	background: rgba(51,153,255, 1.0);
}
.homePage .content2 {
	padding: 0px;
}
.homePage .content2 .textBgBox{
	/*background: rgba(51,153,255, 1.0);*//*blueish colour with transparency*/
	background: rgba(220, 220, 220, 0.8);/*greyish colour with transparency*/

}
.homePage .content3 {
	/*background-color: #096;*/
	padding: 0px;
}
.homePage .content3 .billboard {
	background: url("../img/billboard_travel.jpg") no-repeat center center;
}
.homePage .content3 .billboard .billboard_caption {
	background: rgba(51,153,255, 1.0);
}
.homePage .content3 .billboard .billboard_caption {
	margin-top: 0px;
}
.homePage .textBgBox{
	margin: 0;
}
.homePage .textBgBox h1{
	font-size: 36px;
}
.homePage .textBgBox h2{
	color: #FFF;
}
.homePage .casalPage .textBgBox,
.homePage .intensivesPage .textBgBox,
.homePage .youngFirstPage .textBgBox{
	background: rgba(51,153,255, 1.0);/*blueish colour with transparency*/
}

.classesPage .content1 {
	background-color: #CCC;
}
.contactPage .content1 a {
	font-size: 18px;
	color: #000;
	text-decoration: underline;
}
.contactPage .content1 {
	background: url("../img/bggreen.jpg");
}
.contactPage .content2 {
	background: url("../img/bgblue.jpg");
}
.contactPage .content3{
	width: 1366px;
	height: 250px;
	background-image: url(../img/map.jpg);
	background-repeat: no-repeat;
}
.casalPage .content1 {
	background: url("../img/bgorange.jpg");
}
.casalPage .content1,
.casalPage .textBgBox{
	background: rgba(255,165,0, 1.0);/*text background in orange rgb colour*/
}

.casalPage .textDisplay p {
	text-align: center;
}
.calendarPage .content1{
	max-width: 80%;
}
.kidsPage .content1,
.preKidsPage .content1,
.preKidsPage .textBgBox,
.primaryKidsPage .content1,
.primaryKidsPage .textBgBox,
.activitiesPage .content1,
.activitiesPage .textBgBox{
	background: rgba(255,105,180, 1.0);/*text background in hot pink rgb colour*/
}
.esoKidsPage .content1,
.esoKidsPage .textBgBox,
.batxKidsPage .content1,
.batxKidsPage .textBgBox,
.youngPage .content1,
.youngFirstPage .content1,
.youngFirstPage .textBgBox,
.youngUniPage .content1,
.youngUniPage .textBgBox{
	background: rgba(34,139,34, 1.0);/*text background in forrest green rgb colour*/
}
.preKidsPage .content1 h1,
.preKidsPage .content1 h2,
.preKidsPage .textBgBox h2,
.primaryKidsPage .content1 h1,
.primaryKidsPage .content1 h2,
.primaryKidsPage .textBgBox h2,
.activitiesPage .textBgBox h1,
.esoKidsPage .content1 h1,
.esoKidsPage .content1 h2,
.esoKidsPage .textBgBox h2,
.batxKidsPage .content1 h1,
.batxKidsPage .content1 h2,
.batxKidsPage .textBgBox h2,
.youngPage .content1 h1,
.youngPage .content1 h2,
.youngFirstPage .content1 h1,
.youngFirstPage .content1 h2,
.youngFirstPage .textBgBox h2,
.youngUniPage .content1 h1,
.youngUniPage .content1 h2,
.youngUniPage .textBgBox h2{
	color: #FFF;
}
.adultsPage .content1,
.adultsTravelPage .textBgBox,
.adultsTravelPage .content1{
	background: rgba(51,153,255, 1.0);/*text background in blueish rgb colour*/}


/******CSS for thumbnails******/
.linksto{
	padding-top: 50px;
	background: #f7f7f7;
	overflow: hidden;
	border-top: solid #c2c2c2 1px;
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
}

/*This wrapper holds more than one thmbnail and is adjusted to adapt to different screen sizes*/
.linksto_wrapper{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	/*padding-bottom: 30px;*/
}

.linksto .socialicons{
	width: 100%;
	margin-top: 20px;
}


/*  Features  */
.features{
	padding-top: 60px;
	background: #f7f7f7;
	overflow: hidden;
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
}

.features .wrapper{
	margin: 0 auto;
	width: 90%;
}

.features .feature{
	display: block;
	width: 50%;
	height: auto;
	float: left;
}

.features .feature:nth-child(3n+0)
{
    margin-right: 0;
}

.feature .ficon{
	display: block;
	float: left;
	width: 10%;
}

.feature .details_exp{
	display: block;
	width: 80%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

.feature h3{
    margin-bottom: 20px;
    color: #767575;
    font-family: "lato_bold", arial;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;

}

.feature p{
	margin-bottom: 20px;
	color: #333;
	font-family: "lato_regular", arial;
	font-size: 15px;
	line-height: 22px;
	text-align: justify;

}

.feature a{
    color: #848484;
    font-family: "lato_regular", arial;
    font-size: 15px;
    text-decoration: none;
    letter-spacing: .5px;
	font-style:italic;
}

.feature a:hover{
    color: #353434;
}

.feature a span{
    font-family: arial;
    margin-left: 10px;
}



/*  Info Section  */
.info{
	overflow: hidden;
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
	background-color: #f7f7f7;
}
.info h1{
	margin: 0 0 3.333333333333333% 40px;
}
.info_wrapper{
	margin: 0 auto;
	width: 100%;
}
.info_pic{
	display: block;
	width: 50%;
	float: left;
	/*	background: url('../img/info_img.jpg') no-repeat;*/
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 340px;
}
.info_details{
	background-image: url(../img/bggreen.jpg);
}
.info_details2{
	background-image: url(../img/bgorange.jpg);
}
.info_details3{
	background-image: url(../img/bgblue.jpg);
}
.info_details4{
	background-image: url(../img/bgpurple.jpg);
}
.info_details,
.info_details2,
.info_details3,
.info_details4{
	display: block;
	width: 50%;
	float: left;
	height: 420px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.info_details p,
.info_details2 p,
.info_details3 p,
.info_details4 p{
	margin-left: 15px;
	margin-right: 15px;
}


.info_text_wrapper{
	margin: 0 auto;
	max-width: 100%;
}
.info_text_wrapper .promo {
	border-radius: 30px;
	margin: 0 auto;	
}
.info_text_wrapper .box1,
.info_text_wrapper .box2,
.info_text_wrapper .box3,
.info_text_wrapper .box4{
	border-radius: 25px;
	border: 1px solid #999999;
	/*padding: 10px;*/
	margin: 0 auto;
	margin-top: 30px;
	min-width: 220px;
	overflow: hidden;
}
.info_text_wrapper .box1 {
	max-width: 80%;
	text-align: center;
}
.info_text_wrapper .box2 {
	max-width: 90%;
	margin-top: 30px;
}
.info_text_wrapper .box3 {
	max-width: 95%;
	margin-top: 30px;
}
.info_text_wrapper .box4 {
	border: 0;
	float: none;
	margin: 0 auto;
	max-width: 95%;
	margin-top: 30px;
}
.info_text_wrapper .textBgBox{
	margin: 0 auto;
}
.info_text_wrapper .infoBoxCal{
	border-radius: 25px;
	border: 1px solid #999999;
	padding: 10px;
	float: none;
	margin: auto;
	margin-top: 20px;
	max-width: 60%;
	text-align: center;
}

.info_text{
	display: block;
	margin: auto;
	text-align: center;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 15px;
}
.info_text h2{
	padding-bottom: 5px;
}
.info_text a{
	color: blue;
	font-style: italic;
}

.info_text a span{
    margin-left: 10px;
}
.info_text em{
	color: #666;
	font-size: 15px;
}
.intensivesChristmasPage .box1 .textBgBox{
	background: rgba(51,153,255, 1.0);/*blueish background with transparency*/
}
.intensivesChristmasPage .box2 .textBgBox{
	/*background: rgba(34,139,34, 0.7);*//*greenish text background with transparency*/
}
.intensivesChristmasPage .box3 .textBgBox{
	background: rgba(255,102,178, 1.0);/*pinkish text background with transparency*/
}


/*  Activity Section  */
.activty {
	overflow: hidden;
	padding-top: 20px;
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
	background-color: #f7f7f7;
}

.activwrapper{
	width: 100%;
	position: relative;
}

.activtitle{
	display: block;
	float: left;
	width: 100%;
}

.activpic{
	display: block;
	float: left;
	width: 100%;
}

.activtext{
	display: block;
	float: left;
	width: auto;
}

.activdets1{
	background-image: url(../img/bggreen.jpg);
}
.activdets2{
	background-image: url(../img/bgorange.jpg);
}
.activdets3{
	background-image: url(../img/bgblue.jpg);
}
.activdets4{
	background-image: url(../img/bgpurple.jpg);
}

.activdets1,
.activdets2,
.activdets3,
.activdets4{
	display: block;
	width: 100%;
	float: left;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:  solid #666 1px;
}

.activty h3{
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 30px;
	margin: 0 0 10px 2%;
}

.activty h4{
	font-size: 18px;
	max-width: 90%;
	letter-spacing: 1px;
	line-height: 20px;
	margin: 0 0 3.333333333333333% 40px;
}

.activty p{
	color: #ededed;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 28px;
	text-align: justify;
	padding-right: 20px;
	margin-left: 5%;
}

.activty a{
    color: #fff;
    font-family: "lato_regular", arial;
    font-size: 16px;
    text-decoration: none;
}

.activty a span{
    margin-left: 10px;
}

.activty img{
	width: 250px;
	height: 150px;
	float: left;
	padding-right: 20px;
}




/*  Testimonials  */
.testimonials{
	text-align: center;
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
	background-color: #f7f7f7;
	overflow: hidden;
}

.testimonials h2{
    color: #4e4e4e;
    font-family: "lato_regular", arial;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 80px;
    letter-spacing: 1px;
}

.caroufredsel_wrapper{
    max-width: 1040px!important;
    margin: 0 auto!important;
}

.testimonials .testi_slider{
    max-width: 1040px!important;
    height: auto;
    overflow: hidden;
}

.testimonials .testi_slider .t{
    max-width: 1040px!important;
    text-align: center;
    float: left;
    height: auto;
}

.testimonials p{
    color: #8e8d8d;
    font-family: "lato_regular", arial;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
}

.testimonials p.author{
    color: #686767;
    font-family: "lato_bold", arial;
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
}

.testimonials #t_navigation a{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #dadada;
    text-decoration: none;
    margin-right: 10px;
    margin-top: 40px;

    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
}

.testimonials #t_navigation a.selected{
    background: #bebebe;
}

.sep_line{
    display: block;
    width: 13.5px;
    height: 100px;
}

.sep_line:after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #dedede;
    margin: 0 auto;
}

.sep_top{
	border-bottom: 1px #dedede solid;
	margin: 0 auto 0px auto;
}

.sep_bottom{
    border-top: 1px #dedede solid;
    margin: 40px auto 0 auto;
}


/*****This is the general CSS for the thumbnails used in the website******/
.classes{/*This is the general wrapper for the thumbnails on the page*/
	padding-top: 5px;
	background: #f7f7f7;
	overflow: hidden;
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 6px;
}
.classes h2{
	font-size: 24px;
	margin-top: 10px;
	text-align: center;
}
.classes h3{
	color: #000;
	font-size: 18px;
	margin-top: 10px;
	text-align: center;
}
.classes h4{
	color: #000;
	margin-top: 5px;
	font-size: 16px;
	font-style: italic;
	text-align: center;
}
.classes a{
    text-decoration: none;
}
.classes a:hover{
    text-decoration: none;
}

.classes_wrapper{/*This is the wrapper that controls the number of thumbnails in a row.*/
	margin: 0 auto;
	position: relative;
	width: 900px;/*to hold 3 thumbnails in a row*/
	padding: 20px;
	overflow: hidden;
	max-width: 100%;
}
.classes_wrapperfor1 {/*wrapper for 1 thumbnail*/
	border: none;
	width: 250px;
	text-align: center;
	margin: 25px;
	float: left;
}
.classes_wrapperfor1 h3{
	padding-top: 12px;
}

/*This is the CSS for each specific thumbnail*/
.thumbnailCasal,
.CasalSmallThumb,
.thumbnailIntensives,
.intensivesSmallThumb,
.classes_soon,
.classes_1p2p,
.primaryKids,
.classes_5p6p,
.classes_e1e2,
.classes_e3e4,
.classes_b1b2,
.classes_kids,
.classes_young,
.classes_young_first,
.classes_uniworld,
.classes_jobinterview,
.classes_onthejob,
.classes_letstravel,
.classes_adults,
.classes_adults_justchat,
.classes_adults_first,
.classes_adults_interview,
.classes_adults_onthejob,
.classes_adults_travel,
.classes_prekids {/*box with rounded edges for each image*/
	border-radius: 25px;
	border: 1px solid #999999;
	width: 250px;
	height: 150px;
	text-align: center;
	overflow: hidden;
}
/*Background images for the thumbnails*/
.classes_soon{/*Thumbnail holder for classes coming soon*/
	background: url("../img/bgblue2.jpg") no-repeat center center;
}
.classes_prekids{
	background: url("../img/thumbnail_p4p5.jpg") no-repeat center center;
	background-position: top left;
}
.classes_1p2p{
	background: url("../img/thumbnail_1p2p.jpg") no-repeat center center;
}
.primaryKids{
	background: url("../img/thumbnail_3p4p.jpg") no-repeat center center;
}
.classes_5p6p{
	background: url("../img/thumbnail_5p6p.jpg") no-repeat center center;
}
.classes_e1e2{
	background: url("../img/thumbnail_e1e2.jpg") no-repeat center center;
}
.classes_e3e4{
	background: url("../img/thumbnail_e3e4.jpg") no-repeat center center;
}
.classes_b1b2{
	background: url("../img/thumbnail_b1b2.jpg") no-repeat center center;
}
.classes_kids{
	background: url("../img/thumbnail_3p4p.jpg") no-repeat center center;
}
.classes_young{
	background: url("../img/thumbnail_young.jpg") no-repeat center center;
}
.classes_young_first{
	background: url("../img/thumbnail_young_first.jpg") no-repeat center center;
}
.classes_uniworld{
	background: url("../img/thumbnail_uniworld.jpg") no-repeat center center;
}
.classes_jobinterview{
	background: url("../img/thumbnail_jobinterview.jpg") no-repeat center center;
}
.classes_onthejob{
	background: url("../img/thumbnail_onthejob.jpg") no-repeat center center;
}
.classes_letstravel{
	background: url("../img/thumbnail_letstravel.jpg") no-repeat center center;
}
.classes_adults{
	background: url("../img/thumbnail_classes.jpg") no-repeat center center;
}
.classes_adults_justchat{
	background: url("../img/thumbnail_adults_justchat.jpg") no-repeat center center;
}
.classes_adults_first{
	background: url("../img/thumbnail_adults_first.jpg") no-repeat center center;
}
.classes_adults_interview{
	background: url("../img/thumbnail_adults_interview.jpg") no-repeat center center;
}
.classes_adults_onthejob{
	background: url("../img/thumbnail_adults_onthejob.jpg") no-repeat center center;
}
.classes_adults_travel{
	background: url("../img/thumbnail_adults_travel.jpg") no-repeat center center;
}

/******This is the CSS for specific thumbnails******/
.thumbnailWrapper {/*to wrap a number of bigger thumbnails in rows*/
	margin: 0 auto;
	width: 710px;/*this wraps 2 bigger thmbnails in a row*/
	overflow: hidden;
	position: relative;
	text-align: center;
}
.CasalSmallThumb,
.thumbnailCasal{
	background-image: url(../img/gallery.jpg);
}
.intensivesSmallThumb,
.thumbnailIntensives{
	background-image: url(../img/thumbnail_intensives.jpg);
}
.thumbnailCasal,
.thumbnailIntensives{
	width: 300px;
	height: 240px;
	margin: 25px;
	float: left;
}
.thumbnailCasal .textBgBox,
.thumbnailIntensives .textBgBox {
	margin-top: 170px;
}
.thumbnailIntensives .textBgBox h1,
.thumbnailCasal .textBgBox h1 {
	font-size: 20px;
}


/******This is the CSS to display photos on the page******/
.picWrapper {/*to wrap a number of picture thumbnails in rows*/
	margin: 0 auto;
	margin-top: 25px;
	max-width: 1200px;/*this holds 4 photos of 300pxs wide in a row*/
	overflow: hidden;
	position: relative;
	text-align: center;
}
.picHolder{
	max-width: 25%;
	float: left;
}





/*  School Calendar/Timetable Section  */
.calendar{
	width: 100%;
	overflow: hidden;
	max-width: 1366px;
	position: relative;
	margin: 0 auto;
}
.calendar_wrapper{
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.calendar_header{
	display: block;
	float: left;
	/*background-image: url(../img/bggreen.jpg);*/
	height: auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-bottom: 1px solid #c2c2c2;
}
.calendar_details{
	/*background-image: url(../img/bggreen.jpg);*/
}
.calendar_details2{
	background-image: url(../img/bgorange.jpg);
}
.calendar_details3{
	background-image: url(../img/bgblue.jpg);
}
.calendar_details4{
	background-image: url(../img/bgpurple.jpg);
}
.calendar_details,
.calendar_details2,
.calendar_details3,
.calendar_details4{
	display: block;
	float: left;
	height: 250px;
	width: 50%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.calendar h2{
	margin-left: 3.333333333333333%;
	margin-bottom: 8px;
	font-size: 26px;
}
.calendar h3{
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 8px;
	margin-left: 3.33333%;
}
.calendar h4{

}
.calendar p{
	margin-left: 3.333333333333333%;
	margin-right: 4.333333333333333%;
	letter-spacing: 1px;
	line-height: 20px;
}
.calendar a{
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	font-style: italic;
}

.calendar a span{
    margin-left: 10px;
}

/*  School Calendar Table CSS  */
.calSchool{
	table-layout: fixed;
	width: 100%;
	overflow: hidden;
	max-width: 1366px;
	position: relative;
	margin: 0 auto;
}

.calSchool .calOpens{/*School Starts*/
	background-color: #FF0;
}
.calSchool .calCloses{/*School Starts or Closes*/
	background-color: #FF0;
}
.calSchool .calNatHol{/*Fiesta Nacional*/
	background-color: red;
}
.calSchool .calAutHol{/*Fiesta Autonomica*/
	background-color: green;
}
.calSchool .calLocHol{/*Fiesta Local*/
	background-color: #0C3;
}
.calSchool .calChristmas{/*Fiesta Escolar*/
	background-color: #F90;
}
.calSchool .calEaster{/*Fiesta Escolar*/
	background-color: #F90;
}
.calSchool .calSchoolHol{/*Fiesta Escolar*/
	background-color: #09F;
}
.calSchool .calClosed{/*Fiesta Escolar*/
	background-color: red;
}

.calSchool .calChatHol{/*Fiesta ChatenglishWorld*/
	background-color: #63F;
}
.calSchool .calChatHalfday{/*Fiesta ChatenglishWorld halfday*/
	background-color: #36F;
}
.calSchool .calCasal{/*Casal de ChatenglishWorld*/
	background-color: #36F;
}
.calSchool .calWkend{/*Fines de semana*/
	background-color: #999;
}
.calSchool .calClasses{/*Classes diarias*/
	background-color: lightgrey;
}
.calSchool .calText{/*Text background in the calendar*/
	background-color: white;
	text-align:left;
}


/*  Call To Action Section  */
.cta{
	display: block;
	text-align: center;
	padding-top: 0px;
	background-color: #f7f7f7;
	margin: 0 auto;
	position: relative;
	max-width: 1366px;
}

.cta h3{
    color: #6b6b6b;
    font-family: "lato_bold", arial;
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cta p{
    color: #7f7c7c;
    font-family: "lato_regular", arial;
    font-size: 17px;
    margin-top: 20px;
    letter-spacing: .5px;
}

.cta a.cta_btn{
	display: inline-block;
	padding: 20px 60px;
	/*background-color: #65bf95;*/
	background-image:url(../img/bgblue2.jpg);
	color: #fff;
	font-family: "lato_regular", arial;
	font-size: 20px;
	text-decoration: none;
	margin-top: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

.cta a.cta_btn:hover{
    /*background: #56b086;*/
	background-image:url(../img/bgblue.jpg);	
}

.cta .cta_sep{
	display: block;
	width: 1px;
	height: 30px;
	background: #dedede;
	margin: 0 auto;
}




/*  Footer  */
/******Specific CSS for the footer content content******/
.footerContent{
	max-width: 1366px;
	border-top: 1px #dedede solid;
	/*background: #f7f7f7;*/
	background-color: #FFF;
}
.footerContent .content1,
.footerContent .content2 {
	background-color: #FFF;
}
.footerContent .content1 .thumbnailWrapper{
	width: 170px;
	text-align: center;
}
.footerContent .content2 .thumbnailWrapper{
	width: 100%;
	text-align: center;
}
.footerContent .content2 .socialicons{
	max-width: 100%;
	margin-top: 0 auto;
	text-align: center;
}
.footerContent .content2 .socialicons p {
	text-align: center;
}


footer .rights{
    color: #3b3b3b;
    font-family: "lato_regular", arial;
    font-size: 14px;
    margin-top: 30px;
    line-height: 25px;
}

footer .rights a{
    text-decoration: none;
    font-family: 'lato_bold', arial;
    font-weight: bold;
    color: #3b3b3b;
}


a{
    color: #3b3b3b;
}


/******  Responsive code  ******/
@media (max-width:1220px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 32.16%;
}
}

@media (max-width:1200px){
/*Billboard background image adjustments*/
.billboard_kids {
	background-position: -100px 0px;
}
.billboard_5p6p {
	background-position: -100px 0px;
}
/*Billboard Caption adjustments*/
.billboard_caption h1{
	font-size: 36px;
}
.billboard_caption h2{
	font-size: 24px;
}
.billboard_caption h3{
	font-size: 18;
}
.classesPage .billboard_caption{/*This is the text div for the billboard text*/
	max-width: 95%;
}
/*Page Content adjustments*/
.contactPage .content3 {
	background-position: -100px 0px;
}
.activty .activwrapper{
	width: 100%;
}
.calendarPage .infoBoxCal{
	max-width: 70%;
}

.info_pic,
.info_details,
.info_details2,
.info_details3,
.info_details4{
	height: 460px;
}

}

@media (max-width:1090px){
.homePage .mainBillboard .billboard_caption h1 {
	font-size: 34px;
}
}

@media (max-width:1040px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 32.0%;
}
.homePage .mainBillboard .billboard {
	background-position: -150px 0px;
}
.homePage .mainBillboard .billboard_caption h1 {
	font-size: 32px;
}
.homePage .mainBillboard .billboard_caption {
	margin-top: 70px;
}
.youngInterviewPage .billboard{
        background-position: -150px 0px;
}
.adultsOnTheJobPage .billboard{
        background-position: -150px 0px;
}
.billboard_kids {
	background-position: -220px 0px;
}
.billboard_1p2p {
	background-position: 0px 0px;
}

ul.social{/*Social website buttons*/
	display: none;/*stops the display of the Facebook buttons*/
}
.contactPage .content3 {
	background-position: -200px 0px;
}

}


@media (max-width:1000px){
.classes_wrapper{/*reduce to 3 thumbnails*/
	padding-left: 0px;
	padding-right: 0px;
	width: 600px;
}

.features{
	padding-bottom: 50px;
}
.features .feature{
	width: 100%;
	padding-bottom: 40px;
	margin: 0;
}
.features .details_exp{
	max-width: 80%;
	margin: 0;
	padding-right: 0px;
}

.info_pic,
.info_details,
.info_details2,
.info_details3,
.info_details4{
	width: 100%;
	height: auto;
}

.calendar_header,
.calendar_details,
.calendar_details2,
.calendar_details3,
.calendar_details4{
	width: 100%;
	height: auto;
}

.activty .activpic{
	height: auto;
}
}

@media (max-width:920px){
.homePage .mainBillboard .billboard_caption h1 {
	font-size: 28px;
}
.billboard_kids {
	background-position: -320px 0px;
}
.classesPage .billboard_caption{/*This is the text div for the billboard text*/
	max-width: 95%;
}
.kidsPage .billboard{
	background-position: -350px 0px;
}

}

@media (max-width:918px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.9%;
}
}


@media (max-width:855px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.8%;
}
}

@media (max-width:850px){

.billboard_kids {
	background-position: -380px 0px;
}
.billboard_young{
        background-position: 30%;
}
.batxKidsPage .billboard{
        background-position: -180px;
}
.youngFirstPage .billboard{
        background-position: -200px 0px;
}
.billboard_inthepark {
	background-position: -250px 0px;
}

}


@media (max-width:845px){

header .logo{
	float: none;
}
header .wrapper{
	padding: 0;
}
header .menu_icon{
	display: block;
}

header nav{
	display: block;
	background: #f0f0f0;
	margin: 8px 0 0 0;
	padding: 0;
	border-left: 0;
	border-top: 1px #2c2c2c solid;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 9999;
	display: none;
}
header nav{
	border-bottom-left-radius: 2px; 
	-webkit-border-bottom-left-radius: 2px; 
	-moz-border-bottom-left-radius: 2px; 
	-o-border-bottom-left-radius: 2px; 
	border-bottom-right-radius: 2px; 
	-webkit-border-bottom-right-radius: 2px; 
	-moz-border-bottom-right-radius: 2px; 
	-o-border-bottom-right-radius: 2px; 
}
header nav.show_menu{
	display: block;
}
header nav ul li{
	margin: 0;
	width: 100%;
	border-bottom: 1px #2c2c2c solid;
}
header nav ul li:last-child{
	border-bottom: 0;
}
header nav ul li a{
	display: block;
	width: 100%;
	padding: 20px 0;
}
header nav ul li a:active{
	display: block;
	width: 100%;
	padding: 20px 0;
	background: #2c2c2c;
}

.features .feature{
	width: 100%;
	margin: 0;
}

.features .details_exp{
	max-width: 80%;
	margin: 0;
	padding-right: 0px;
}

.calendar_header{
		padding-left: 5%;
		width: 95%;
}

}

@media (max-width:802px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.7%;
}
}

@media (max-width:768px){
h1{
	font-size: 24px;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
.calendarPage .mainBillboard {
	height: 400px;
	background-size: 1138px 400px;
	background-position: -220px 0px;
}
.classesPage .mainBillboard {
	height: 400px;
	background-size: 1000px 400px;
	background-position: -220px 0px;
}
.contactPage .billboard {
	height: 400px;
	background-size: 1138px 400px;
	background-position: -220px 0px;
}
.billboard_kids {
	background-position: -480px 0px;
}
.billboard_5p6p {
	background-position: -200px 0px;
}
.kidsPage .billboard{
	background-position: -500px 0px;
}
.intensivesChristmasPage .billboard{
	height: 320px;
	background-size: 920px 320px;
}

/*Billboard caption adjustments*/
.billboard_caption h1{
	font-size: 32px;
}
.billboard_caption h2{
	font-size: 20px;
}
.billboard_caption h3{
	font-size: 14;
}
.homePage .mainBillboard .billboard_caption {
	margin-right: 0px;
	padding-right: 20px;
}
.homePage .mainBillboard .billboard_caption h1 {
	font-size: 24px;
}
.calendarPage .billboard_caption {
	margin-top: 50px;
	margin-right: 20px;
	max-width: 60%;
}
.classesPage .billboard_caption{/*This is the text div for the billboard text*/
	max-width: 95%;
	margin: 0 auto;
	text-align: center;
}
.adultsTravelPage .billboard_caption{/*This is the text div for the billboard text*/
	max-width: 95%;
	margin: 0 auto;
	text-align: center;
}
.activitiesPage .billboard_caption{/*This is the text div for the billboard text*/
	max-width: 100%;
}

/*Page content adjustents*/
.homePage .thumbnailWrapper {
	width: 310px;
}
.homePage .thumbnailCasal,
.homePage .thumbnailIntensives{
	float: none;
	margin-left: 0px;
	margin-right: 0px;
}

.contactPage .content2 h2 {
	font-size: 24px;
}
.contactPage .content3 {
	background-position: -400px 0px;
}
.calendarPage .infoBoxCal{
	max-width: 80%;
}
.info_text_wrapper .box1,
.info_text_wrapper .box2,
.info_text_wrapper .box3,
.info_text_wrapper .box4 {
	max-width: 95%;
}

}

@media (max-width:754px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.6%;
}
.youngOnTheJobPage .billboard{
        background-position: -250px 0px;
}

}

@media (max-width:754px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.5%;
}
}

@media (max-width:680px){
/*Billboard adjustments*/
.calendarPage .mainBillboard {
	background-position: -230px 0px;
}
.esoKidsPage .billboard {
	background-position: -200px 0px;
}
.billboard_kids {
	background-position: -500px 0px;
}

/*Billboard caption adjustments*/
.contactPage .billboard_caption {
	max-width: 100%;
}

/*Content adjustments*/
.contactPage .content3 {
	background-position: -450px 0px;
}

.priceTable{
	width: 95%;
}
}

@media (max-width:671px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.4%;
}
}

@media (max-width:660px){
.classes_wrapper{/*reduce to 1 thumbnail*/
	width: 290px;
}
}


@media (max-width:645px){
.billboard_1p2p {
	background-position: -50px 0px;
}
.billboard_young{
        background-position: 30%;
}
.billboard_caption h1{
	font-size: 34px;
}
.billboard_caption h2{
	font-size: 20px;
}
.billboard_caption h3{
	font-size: 12;
}
.homePage .mainBillboard .billboard_caption {
	max-width: 50%;
	margin-top: 100px;
}
.calendarPage .mainBillboard .billboard_caption {
	margin-top: 150px;
	background: rgba(220, 220, 220, 0.0);/*text background in transparent rgb colour*/
}
.homePage .mainBillboard .billboard_caption h1{
	font-size: 22px;
}

.linksto_wrapper{
	width: 320px;
}
}

@media (max-width:639px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.3%;
}
}

@media (max-width:615px){

.billboard_classes{
        background-position: 70%;
}
.billboard_kids {
	background-position: -530px 0px;
}

.info p{
	font-size: 15px;
	line-height: 22px;
}

.activty p{
	text-align: left;
}

.activty h3{
	font-size: 20px;
}

.testimonials p{
	font-size: 18px;
	line-height: 22px;
}

.linksto .wrapper{
		width: 100%;
}

}

@media (max-width:608px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.2%;
}
}

@media (max-width:581px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.1%;
}
}
@media (max-width:555px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 31.0%;
}
.kidsPage .billboard{
	background-position: -580px 0px;
}

}

@media (max-width:540px){

.billboard_kids {
	background: url("../img/billboard_kids2.jpg") no-repeat center center;
	background-position: -620px 0px;
}
.billboard_1p2p {
	background-position: -100px 0px;
}
.kidsPage .billboard{
	background-position: -650px 0px;
}
.primaryKidsPage .billboard{
	background-position: -530px 0px;
}
.billboard_5p6p {
	background-position: -250px 0px;
}
/*Billboard Caption adjustments*/
.billboard_caption h1{
	font-size: 28px;
}
.billboard_caption h2{
	font-size: 18px;
}
.billboard_caption h3{
	font-size: 14px;
}

.homePage .mainBillboard .billboard_caption {
	margin-top: 350px;
	min-width: 70%;
	padding: 5px;
}
.homePage .mainBillboard .billboard_caption h1 {
	font-size: 18px;
}

.calendarPage .billboard_caption {
	/*width: 40%;*/
	margin-right: 10px;
}
.billboard_kids .billboard_caption {
	margin-left: 0px;
	margin-top: 130px;
}

.contactPage .content3 {
	background-position: -500px 0px;
}

.calendarPage .infoBoxCal {/*adjust the calendar box*/
	max-width: 90%;
}
.info_text_wrapper .box1,
.info_text_wrapper .box2,
.info_text_wrapper .box3,
.info_text_wrapper .box4 {
	max-width: 98%;
}

}

@media (max-width:533px){
.submenu_but1,
.submenu_but2,
.submenu_but3 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	float: none;
}
}


@media (max-width:480px){

.billboard_inthepark {
	background-position: -300px 0px;
}
.calendarPage .mainBillboard {
	background-position: -260px 0px;
}
.classesPage .mainBillboard {
	background-position: -500px 0px;
}
.billboard_kids {
	background-position: -700px 0px;
}
.billboard_p4p5{
	background-position: -520px 0px;
}
.billboard_1p2p {
	background-position: -130px 0px;
}
.billboard_5p6p {
	background-position: -280px 0px;
}
.billboard_casal{
        background-position: -600px;
}

/*Billboard Caption adjustments*/
.billboard_caption h1{
	font-size: 26px;
}
.activitiesPage .billboard_caption {
	margin-left: 0px;
	min-width: 100%;
	width: 100%;
}

/*Page content adjustments*/
.contactPage .content3 {
	background-position: -550px 0px;
}
.kidsPage .billboard{
	background-position: -750px 0px;
}
}

@media (max-width:410px){
.batxKidsPage .billboard{
        background-position: -280px;
}
}

@media (max-width:400px){
.homePage .mainBillboard .billboard_caption {
	min-width: 90%;
	padding-right: 5px;
}
.homePage .mainBillboard .billboard_caption h1 {
	/*font-size: 14px;
	font-size: 16px;*/
}

.classesPage .mainBillboard {
	background-position: -560px 0px;
}
.billboard_p4p5{
	background-position: -550px 0px;
}
.billboard_1p2p {
	background-position: -190px 0px;
}
.billboard_casal{
        background-position: -600px;
}
.calendarPage .calSchool {/*adjust the table in the calendar box*/
	font-size: 15px;
	max-width: 95%;
	padding: 0px;
	margin: 0 auto;
}
}

@media (max-width:360px){
/*Billboard image adjustments*/
.contactPage .billboard {
	background-position: -270px 0px;
}
.kidsPage .billboard{
	background-position: -800px 0px;
}
.billboard_kids {
	background-position: -740px 0px;
}
.billboard_p4p5{
	background-position: -600px 0px;
}
.billboard_1p2p {
	background-position: -220px 0px;
}
.billboard_5p6p {
	background-position: -300px 0px;
}
.billboard_casal{
        background-position: -600px;
}
.billboard_inthepark {
	background-position: -350px 0px;
}
.classesPage .mainBillboard {
	background-position: -450px 0px;
}
/*Billboard caption adjustments*/
.homePage .mainBillboard .billboard_caption {
	margin-top: 300px;
	padding: 20px;
}
.calendarPage .mainBillboard .billboard_caption {
	margin-top: 250px;
	min-width: 75%;
	background: rgba(220, 220, 220, 0.6);/*text background in transparent rgb colour*/
}
.activitiesPage .billboard_caption {
	margin-top: 190px;
}
.billboard_p4p5 .billboard_caption{
	margin-left: 0px;
}
/*Billboard Caption text adjustments*/
.calendarPage .mainBillboard .billboard_caption h1{
	font-size: 20px;
}
.calendarPage .mainBillboard .billboard_caption h2 {
	display: none;
}
/*Page content adjustments*/
.contactPage .content3 {
	background-position: -550px 0px;
}

.linksto_wrapper{
		width: 260px;
}
/*Thumbnail wrappers*/
.homePage .thumbnailWrapper {
	width: 250px;
}
.thumbnailCasal,
.thumbnailIntensives{
	width: 250px;
	height: 150px;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
}
.thumbnailCasal .textBgBox,
.thumbnailIntensives .textBgBox{
	margin-top: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.thumbnailCasal .textBgBox h1,
.thumbnailIntensives .textBgBox h1{
	font-size: 16px;
}
.thumbnailIntensives {
	background-size: 250px 170px;
	background-repeat: no-repeat;
}
.calendarPage .info_text_wrapper {/*adjust the wrapper that holds all the calendar boxes*/
	max-width: 100%;
	padding: 0px;
}
.calendarPage .infoBoxCal {/*adjust the calendar box holder*/
	max-width: 100%;
	padding: 0px;
	overflow: hidden;
}

}

@media (max-width:345px){
.classes_wrapper {
	padding: 0px;
	width: 260px;	
}
.classes_wrapperfor1 {
	margin-left: 0px;
	margin-right: 0px;
}
.calendarPage .calSchool {/*adjust the table in the calendar box*/
	font-size: 13px;
}

}

@media (max-width:320px){

.billboard_caption h2{
	font-size: 16px;
}
.classesPage .mainBillboard {
	background-position: -530px 0px;
}
.contactPage .billboard {
	background-position: -380px 0px;
}
.billboard_kids {
	background-position: -760px 0px;
}
.billboard_1p2p {
	background-position: -230px 0px;
}
.primaryKidsPage .billboard {
	background-position: -630px 0px;
}
.billboard_casal{
        background-position: -650px;
}
.contactPage .content2 h2 {
	font-size: 20px;
}

.feature .ficon{
		width: 5%;
}
.feature .details_exp{
		padding-left: 5%;
}

}

@media (max-width:310px){

header .logo{
/*This adjusts the logo on smaller screens. If not, the dropdown menu doesn't work.*/
	width: 80%;
}
.billboard_caption h1{
	font-size: 18px;
}
.billboard_caption h2{
	font-size: 14px;
}
.homePage .mainBillboard .billboard_caption {
	padding-right: 5px;
}
.homePage .mainBillboard .billboard_caption h1 {
	font-size: 16px;
}

.calendarPage .calSchool {/*adjust the table in the calendar box*/
	font-size: 10px;
}
}