@charset "utf-8";

@font-face {
	font-family:"cf-jack";
	src:url("fonts/CFJackStory-Regular.eot?") format("eot"),
	url("fonts/CFJackStory-Regular.woff") format("woff"),
	url("fonts/CFJackStory-Regular.ttf") format("truetype"),
	url("fonts/CFJackStory-Regular.svg#CFJackStory-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"janda-closer";
	src:url("fonts/JandaCloserToFree.eot?") format("eot"),
	url("fonts/JandaCloserToFree.woff") format("woff"),
	url("fonts/JandaCloserToFree.ttf") format("truetype"),
	url("fonts/JandaCloserToFree.svg#JandaCloserToFree") format("svg");
	font-weight:normal;
	font-style:normal;
}







/*===============================================*/
/* 00. PRELOADER		 						 */
/*===============================================*/



/*===============================================*/
/* 01. GENERAL		  	 						 */
/*===============================================*/
body {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height:24px;
	color:#6d6e71;
}


a{
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	font-family: "cf-jack";
	color:#4f4f4f;
}

h2{
	font-family: 'Raleway', sans-serif;
	font-size:32px;
	font-weight:700;
	color:#393939; 
	margin-top:30px; 
	margin-bottom:30px;
}

h2.cfjack{
	font-family: "cf-jack";
	font-weight:normal;
}

h2.home-section-title{
	margin-top:0px;
	margin-bottom:60px;
}

h3{
	font-family: 'Raleway', sans-serif;
	font-size:26px;
	color:#393939; 
	font-weight:700;
	margin-top:30px; 
	margin-bottom:30px;
}

h3.home-section-title{
	margin-top:0px; 
	margin-bottom:45px;
}


.clearboth{
	clear:both;
}

.nopadding{
	padding:0;
}

.bold-strong{
	font-weight:bold;
}



/* 01-2-2  Align Middle Wrapper					 */
/* ----------------------------------------------*/
.alignment{
	position:absolute;
	display:table;
	height:100%;
	width:100%;
	z-index:1;
}

.v-align{
	display:table-cell;	
}

.center-middle{
	vertical-align:middle;
	text-align:center;
}

.center-top{
	vertical-align:top;
	text-align:center;
}

.center-bottom{
	vertical-align:bottom;
	text-align:center;
}

/* DEFAULT BUTTON */

.default-button{
	font-family:"Montserrat"; 
	font-size:13px; 	
	color:#FFF; 
	padding:15px 26px;
	display:inline-block;
	margin-bottom:10px;
}

.default-button.big-button{
	font-size:16px;
}

.default-button.orange-color{
	background-color:#f0b51c; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.default-button.green-color{
	background-color:#8ebb3f; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.default-button.disable-button{
	background-color:#6d6e71
}

a:hover .default-button{
	background-color:#6d6e71 !important;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* Post Archive Read More Button */
.more-link{
	font-family:"Montserrat"; 
	font-size:12px; 
	color:#FFF !important;
	padding:8px 24px;
	text-decoration:none !important;
	background-color:#f0b51c; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	display:inline-block;
	margin-bottom:20px;
}

.more-link:hover{
	color:#FFF; 
	text-decoration:none;
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* Full Width IMG */
img.full-width{
	width:100%;
	height:auto;
}

/* Grey Border IMG */
img.greyborder{
	border:2px solid #d8d8d6
}

/*===============================================*/
/* 02. TOP BAR		  	 						 */
/*===============================================*/
#top-bar{
	background-color:#e9e9e9;
	height:33px;	
	border-top:5px solid #FFF;
}

/* 02-1 Facebook							     */
/* ----------------------------------------------*/
#facebook-icon{
	font-family:"janda-closer";
	font-size:12px;
	padding-top:7px;
}

#facebook-icon img{
	vertical-align:text-bottom
}

#facebook-icon a{
	text-decoration:none;
}

/* 02-2 Top Menu							     */
/* ----------------------------------------------*/
#top-menu{
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	color:#6d6e71; 
}

#top-nav:before{
	content:url(../images/top-nav-before.png);
	margin:0;
	padding:0;
	position:absolute;
	left:-30px;
	top:0px;
}

#top-nav:after{
	content:url(../images/top-nav-after.png);
	margin:0;
	padding:0;
	position:absolute;
	right:-30px;
	top:0px;
}

#top-nav{
	position:relative;
	list-style-type:none;
	display:inline-block;
	background-color:#FFF;
	padding:2px 0 4px 0;
	margin-right:20px;
}

#top-nav li{
	display:inline-block;
	padding:0 7px;
}

#top-nav li a{
	color:#6d6e71;
	text-decoration:none;
}

#top-nav li a:hover{
	color:#7eb817;
}



/*===============================================*/
/* 03. SEARCH BAR		  						 */
/*===============================================*/

#search-bar{
	background-color:#e9e9e9;
	height:62px
}

/* 03-1 Search Form							     */
/* ----------------------------------------------*/
#search-form{
	position:relative;
	margin-top:10px;	
}

#search-form input[type=text]{
	background-color:#f4f4f4;
	border:1px solid #d4d4d5;
	text-indent:25px;
	font-size:12px;
	color:#a9a9ab;	
	width:250px;
}

#search-icon{
	position:absolute;
	left:5px;
	color:#d4d4d5;
}

/* 03-2 Phone & Parent Corner				     */
/* ----------------------------------------------*/

#phone-parent-wrapper{
	padding-top:2px;
}

#phone{
	position:relative;
	font-family: "Montserrat";
	font-size:17px;
	font-weight:700;
	margin-left:4px;
}

#phone-number{
	color:#6d6e71;
}

.transparent #phone-number{
	color:#FFF;
}

#phone-text{
	color:#8ebb3f; 
}

.transparent #phone-text{
	color:#f0b51c;
}

#parent-corner-button img{
	vertical-align:bottom;
	padding-right:5px
}

a #parent-corner-button{	
	font-family: "janda-closer"; 
	font-size:16px;
	display:inline-block; 
	background-color:#7eb817; 
	color:#FFF;
	padding:7px 20px 7px 16px; 
	border-radius:5px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover #parent-corner-button{
	background-color:#fdb804; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s
}

/*===============================================*/
/* 04. MENU BAR			  						 */
/*===============================================*/
#header-menu.stick-it{
	position:fixed;
	width:100%;
	z-index:9998;
}

#menu-bar{
	position:relative;
	background:rgba(109,110,114,1);
	height:90px;
	/*margin-top:50px;*/
	border-bottom: 4px solid #95be46;
	border-top: 4px solid #f0b51c;
}

.transparent #menu-bar{
	position:absolute;
	background-color:transparent;
	height:205px;
	left:0;
	right:0;
	margin:auto;
	z-index:2;
	border:none;
}

/*#menu-bar.stick-it{
	position:fixed;
	width:100%;
	z-index:9998;
}*/

#top-white-bar{
	position:relative; 
	/*top:-59px; */
	background-color:#e9e9e9;
	width:100%; 
	height:55px
}

/*#top-white-bar.stick-it{
	position:fixed;
	width:100%;
	z-index:9998;
}*/

.transparent #top-white-bar{
	position:absolute;
	top:0;
	z-index:9998;
	background-color:transparent;
}


.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

/*.stick-it #top-white-bar{
	position:absolute; 
	top:-59px; 
	background-color:#e9e9e9;
	width:100%; 
	height:55px
}*/


/* Social Media */
/* ----------------------------------------------*/
#social-media{
	/*position:absolute; 
	top:-40px;
	right:30px; 
	z-index:9999;*/
	margin-top:18px;
}

.transparent #social-media{
	top:24px; 	
	margin-left:68px;
}

#fb-icon{
	position:relative;
	display:inline-block; 
	color:#FFF; 
	background-color:#3b5998;
	border-radius:50%; 
	width:21px;
	height:21px; 
	font-size:12px
}

#fb-icon i{
	position:absolute;
	top:-1px;
	left:2px;
	bottom:1px;
}

#fb-icon.big{
	width:48px;
	height:48px; 
	font-size:27px
}

#fb-icon.big i{
	top:10px;
	left:5px;
}

#fb-icon:hover{
	background-color:#f4b30b;
}


#twitter-icon{
	position:relative;
	display:inline-block; 
	color:#FFF; 
	background-color:#5acff5;
	border-radius:50%; 
	width:21px;
	height:21px; 
	font-size:12px
}

#twitter-icon i{
	position:absolute;
	top:-1px;
	left:2px;
	bottom:1px;
}

#twitter-icon.big{
	width:48px;
	height:48px; 
	font-size:27px
}

#twitter-icon.big i{
	top:10px;
	left:5px;
}

#twitter-icon:hover{
	background-color:#f4b30b;
}

#gplus-icon{
	position:relative;
	display:inline-block; 
	color:#FFF; 
	background-color:#d01717;
	border-radius:50%; 
	width:21px;
	height:21px; 
	font-size:12px
}

#gplus-icon i{
	position:absolute;
	top:-1px;
	left:2px;
	bottom:1px;
}

#gplus-icon.big{
	width:48px;
	height:48px; 
	font-size:27px
}

#gplus-icon.big i{
	top:10px;
	left:5px;
}

#gplus-icon:hover{
	background-color:#f4b30b;
}

#instagram-icon{
	position:relative;
	display:inline-block; 
	color:#FFF; 
	background-color:#517ea3;
	border-radius:50%; 
	width:21px;
	height:21px; 
	font-size:12px
}

#instagram-icon i{
	position:absolute;
	top:-1px;
	left:2px;
	bottom:1px;
}

#instagram-icon.big{
	width:48px;
	height:48px; 
	font-size:27px
}

#instagram-icon.big i{
	top:10px;
	left:5px;
}

#instagram-icon:hover{
	background-color:#f4b30b;
}

#youtube-icon{
	position:relative;
	display:inline-block; 
	color:#FFF; 
	background-color:#cc191e;
	border-radius:50%; 
	width:21px;
	height:21px; 
	font-size:12px
}

#youtube-icon i{
	position:absolute;
	top:-1px;
	left:2px;
	bottom:1px;
}

#youtube-icon.big{
	width:48px;
	height:48px; 
	font-size:27px
}

#youtube-icon.big i{
	top:10px;
	left:5px;
}

#youtube-icon:hover{
	background-color:#f4b30b;
}

#linkedin-icon{
	position:relative;
	display:inline-block; 
	color:#FFF; 
	background-color:#007bb5;
	border-radius:50%; 
	width:21px;
	height:21px; 
	font-size:12px
}

#linkedin-icon i{
	position:absolute;
	top:-2px;
	left:2px;
	bottom:1px;
}

#linkedin-icon.big{
	width:48px;
	height:48px; 
	font-size:27px
}

#linkedin-icon.big i{
	top:10px;
	left:5px;
}

#linkedin-icon:hover{
	background-color:#f4b30b;
}


	
/* Parent Corner Button */
/* --------------------------------------------- */
#portal-button{
	margin-top:18px;
}

.transparent #portal-button{
	margin-right:58px;
}

#portal-button a{
	position: relative;
	font-size:14px;
	background-color:#f0b51c;
	padding:6px 11px 6px 33px;
	border-radius:20px;
	margin-left:20px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	color:#FFF;
}


#portal-button a:before{
	content: url(../images/parent-portal-icon.png);
	position:absolute;
	top:4px;
	left:13px;
}

#portal-button a:hover{
	background-color:#95be46;
	color:#FFF;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	text-decoration:none;
}

#portal-button:after{
	content: none !important;
}

/* 04-1 Logo								     */
/* ----------------------------------------------*/
#logo{
	position:absolute; 
	top:30px; 
	left:0; 
	right:0; 
	bottom:0;
	margin: auto;
	width:210px;
	height:auto;
	z-index:9998;
}

.transparent #logo{
	top:0; 
	left:0; 
	right:0; 
	bottom:0;
	width:175px;
	height:auto;
}

/* 04-2 Nav Menu							     */
/* ----------------------------------------------*/
#mobile-menu{
	display:none;
	color:#FFF;
	font-size:24px;
	position:absolute;
	top:30px;
	left:20px;	
}

.transparent #mobile-menu{
	top:15px;
}

#mobile-close-button{
	display:none;
	color:#6d6e71;
	position:fixed;
	font-size:21px;
	right:20px;
	top:30px;
	z-index:9999;
}

.transparent #mobile-close-button {
	top:20px;
}

#nav-menu{	
	position:relative;
	list-style-type:none; 
	margin:0; 
	padding:10px 0 0 0;
	font-family: "Montserrat"; 
	font-size:16px;
	font-weight:400;
	z-index:9997;
	text-align:center;
	width:100%;
}

.transparent #nav-menu{	
	padding:60px 0 0 0;
	font-size:18px;
	font-weight:500;
}

#nav-menu > li{
	position:relative;
	display:inline;	
	margin-left:10px;
	margin-right:10px;
}

#nav-menu > li:before{
	content: url(../images/menu-star.png);
	position:absolute;
	top:0px;
	left:-20px;
}

#nav-menu > li.last-child:after{
	content: url(../images/menu-star.png);
	position:absolute;
	top:0px;
	right:-20px;
}

#nav-menu > li.first-child:before{
	content: "";
}

#nav-menu > li a{
	position:relative;
	display:inline-block;
	padding:19px 19px 19px 19px;
	color:#FFF;
	text-decoration:none;
	/*border-radius:10px;*/
}

/*#nav-menu > li.has-child a{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

#nav-menu > li.has-child a:after{
	position:absolute;
	right:-7px;
	bottom:-7px;
	content: url(../images/menu-curve.png);	
}*/

#nav-menu > li a:hover,
#nav-menu > li a.active{
	color:#f0b51c;
	/*color:#6d6e71;
	background-color:#FFF;*/
}

#nav-menu > li.first-child-margin{
	margin-left:25px;
}

#nav-menu > li.last-child-margin{
	margin-right:0px;
	/*margin-right:40px;*/
}

#nav-menu > li.split-margin{
	margin-left:215px;
}

.transparent #nav-menu > li.first-child-margin{
	margin-left:10px;
}

.transparent #nav-menu > li.split-margin{
	margin-left:190px;
}

.transparent #nav-menu > li.last-child-margin{
	margin-right:0px;
	/*margin-right:75px;*/
}


/* child menu */


#nav-menu ul{
	position:absolute;
	z-index:999;
	display:none;
	width:150%;	
	left:-2px;
	top:41px;
	list-style-type:none;
	padding:8px;
	text-align:left;
	border:2px solid #7eb817;
	/*border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-top-right-radius:10px;*/
	border-radius:10px;
	background-color:#FFF;
	font-weight:400;
	/*border-top:none;*/
}

#nav-menu .careers ul{
	width:200%;	
}

#nav-menu li:hover > ul{
	display:block;
}

#nav-menu ul li{
	display:block;
	position:relative;
	width:100%;
}

#nav-menu ul li a{
	width:100%;
	color:#6d6e71;
	font-size:14px;
	padding:8px 12px 6px 12px;
	border-top:none
}   

#nav-menu ul li a:hover{
	color:#7eb817;
	border:none;
}


/* sticky menu */
.logo-padding{
	display:block;
	position:absolute; 
	width:187px; 
	left:0; 
	right:0; 
	bottom:-49px; 
	margin:auto
}

.border-left-bottom{
	position:absolute; 
	width:50%; 
	background-color:#95be46; 
	height:5px; 
	left:0px; 
	bottom:-5px;
}

.border-right-bottom{
	position:absolute;
	width:50%; 
	background-color:#f0b51c;
	height:5px; 
	right:0px; 
	bottom:-5px;
}

.transparent .logo-padding{
	display:none;
}

.transparent .border-left-bottom{
	display:none;
}

.transparent .border-right-bottom{
	display:none;
}


/*===============================================*/
/* 05. SLIDER			  						 */
/*===============================================*/

#slider{
	background-image:url(../images/slider.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}

#slider #background-video{
	position:absolute; 
	margin:auto; 
	top:0; 
	left:0;
	z-index:0;
}

#slider #player{
	position:absolute;
	top:0; 
	right:0; 
	left:0; 
	bottom:0; 
	margin:auto;
}

/*  Popup Video							 */
/*-----------------------------------------------*/
.popup-video-wrapper{
	position:fixed; 
	z-index:9999; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0; 
	background-color:rgba(0, 0, 0, 0.7);
	display:none;
}

.popup-video{
	position:absolute; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0;
	width:50%;
	margin:auto;
}

/* Play Button */
.play-button i{
	font-size:60px; 
	color:#FFF; 
	text-align:center; 
	background:rgba(0,0,0,0.5); 
	border-radius:50%; 
	padding:20px 10px 20px 15px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.play-button:hover i{
	background:rgba(0,0,0,1);
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.play-button-1{
	color:#FFF; 
	padding:20px 30px 18px 15px; 
	background:rgba(0,0,0,0.5); 
	border-radius:10px; 
	margin-top:20px; 
	display:inline-block; 
	position:relative
}

.play-button-1:hover{
	text-decoration:none;
	background-color:#f0b51c;
	color:#FFF;
}

.play-button-1 i{
	font-size:40px; 
	position:absolute; 
	top:10px
}

.play-button-1 span{
	margin-left:60px
}

/* Arrow Button */
.arrow-button i{
	font-size:40px; 
	color:#FFF; 
	position:absolute; 
	bottom:50px; 
	width:1px; 
	left:0; 
	right:0; 
	padding-right:55px; 
	margin: auto;
	-webkit-transition: all 0.3s;
	opacity:0.7;
    transition: all 0.3s;
	z-index:2;
}

.arrow-button:hover i{
	opacity:1;
}

/* Request Tour Button  & Call Button*/
/* --------------------------------------------- */
.request-tour-wrapper{
	position:fixed;
	top:0;
	bottom:0;
	right:-108px;
	margin:auto;
	height:280px;
	z-index:9999;
}

.request-tour-button{
	position:relative;
    font-family: "Montserrat";
	font-weight:500;
	color:#FFF;
	font-size:23px;
	background-color:#95be46;
	padding:30px 90px 30px 25px;
	border-radius:10px;
	display:block;
	margin-top:105px;
	transform:rotate(-90deg);
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.request-tour-button:before{
	content: url(../images/request-tour-icon.png);
	position:absolute;
	top:13px;
	right:20px;
}

.request-tour-button:hover{
	background-color:#f0b51c;
	text-decoration:none;
	color:#FFF;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#call-button{
	display:none;
}


/* 05-1 Slider Title						     */
/* ----------------------------------------------*/
#slider h1{
	font-family: 'Raleway', sans-serif;
	font-size:48px;
	line-height:60px;
	font-weight:bold;
	margin-top:0px;
	color:#FFF;
	text-shadow: 2px 2px 4px #020202;
}

#slider h1 span.title-orange{
	color:#f9c338
}

#slider h1 span.title-green{
	color:#8ccb1d
}

/* 05-2 Slider Button						     */
/* ----------------------------------------------*/
#slider-button-wrapper{
	margin:0 auto; 
	margin-top:20px; 
	width:150px; 
	font-family: 'Raleway', sans-serif;
	font-size:17px; 
	line-height:24px
}

.slider-button{
	height:150px; 
	width:150px;
	border-radius:50%;
}

.inner-button{
	height:138px; 
	width:138px; 
	border-radius:50%; 
	border:dotted 2px #FFF; 
	margin-top:6px;
	margin-left:6px; 
	color:#FFF;
	background-color:transparent;
}

#play-full-video{
	background-color:#f4b30b; 
	float:left;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover #play-full-video{
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#play-full-video img{
	margin-top:27px;
	margin-bottom:10px;
	margin-left:5px;
}

#enrol{
	background-color:#f4b30b; 
	float:left;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover #enrol{
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#enrol img{
	margin-top:26px;
	margin-bottom:10px;
}

#tour{
	background-color:#7eb817; 
	float:right;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover #tour{
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#tour img{
	margin-top:17px;
	margin-bottom:10px;
}


/*===============================================*/
/* 06. ABOUT US			  						 */
/*===============================================*/
#about-us{
	padding:100px 0 120px 0
}

.about-paddingleft{
	padding-left:40px;
}

.about-paddingright{
	padding-right:40px;
}


/*===============================================*/
/* 07. PHOTO DIVIDER	  						 */
/*===============================================*/
#photo-divider{
	position:relative;
	background-image:url(../images/photo-divider.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding: 150px 0;
}

#photo-divider h2{
	color:#FFF;
}

#photo-divider p{
	color:#FFF;
	font-size:18px; 
	line-height:30px;
	margin-bottom:30px;
}

#photo-divider .divider-content{
	padding:0 70px;
}

#photo-divider-1{
	height:486px;
	background-image:url(../images/photo-divider-1.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
}

#photo-divider-2{
	height:486px;
	background-image:url(../images/photo-divider-2.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
}

.black-overlay{
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	background-color:#000; 
	opacity:0.1
}

/*===============================================*/
/* 08. WHAT WE OFFER	  						 */
/*===============================================*/
#what-we-offer{
	padding:110px 0;
}

#offer-intro{
	padding:0 85px 10px 85px;
	font-size:16px; 
	line-height:26px
}

.box-title{
	position:relative; 	
	background-repeat:no-repeat; 
	background-position:bottom center
}

.box-title.orange-graphic{
	background-color:#f0b51c; 	
	background-image:url(../images/graphic-background-orange.png); 
}

.box-title.green-graphic{
	background-color:#8ebb3f;
	background-image:url(../images/graphic-background-green.png); 
}

.box-title h3{
	font-family:"janda-closer"; 
	font-size:21px; 
	color:#FFF; 
	padding:30px 42px 0 42px; 
	line-height:28px;
	
}

.box-title h3 a{
	text-decoration:none;
	color:#FFF; 
}

.offer-icon{
	padding:10px 0 15px 0
}

.offer-arrow{
	position:absolute; 
	bottom:-16px; 
	left:0; 
	right:0; 
	margin:auto
}

.box-content{
	padding:40px 20px 47px 20px; 
	background-color:#edebe9
}

.box-content p{
	margin-bottom:35px
}

.box-content a .button{
	font-family:"Montserrat"; 
	font-size:12px; 
	color:#FFF; 
	padding:10px 26px;
	text-decoration:none;
}

.box-content a:hover{
	text-decoration:none;
}

.box-content .button.orange-color{
	background-color:#f0b51c; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.box-content a:hover .button.orange-color{
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.box-content .button.green-color{
	background-color:#8ebb3f; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.box-content a:hover .button.green-color{
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/*===============================================*/
/* 08. GROVE OFFERING	  						 */
/*===============================================*/
#grove-offering{
	padding:110px 0 75px 0;
	background-color:#f8f7f7;
}

#grove-offering-title{
	position:relative;
	padding-left:100px;
	padding-bottom:15px;
}

#grove-offering-title:before{
	position:absolute;
	left:0;
	top:-27px;
	content: url(../images/grove-offering-icon.jpg);
}

.offering-column{
	margin-bottom:30px
}

.offering-point-title{
	margin-top:12px;
	margin-bottom:12px;
}

.offering-point-title a{
	font-family: 'Raleway', sans-serif;
	font-size:22px;
	font-weight:700;
	color:#393939;
}

.offering-point-title a:hover{
	text-decoration:none;
	color:#8ebb3f; 
}

/*===============================================*/
/* 09. LATEST NEWS		  						 */
/*===============================================*/
#latest-news{
	padding:110px 0; 
	background-image:url(../images/latest-news-background.jpg); 
	background-repeat:no-repeat; 
	background-position:center center;
	background-size:cover;
}

.read-more{
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	background-color:#f0b51c;
	padding: 11px 13px;
	color:#FFF;
}

.read-more:hover{
	text-decoration:none;
	background-color:#8ebb3f;
	color:#FFF;
}

.nav-previous a{
	color:#6d6e71;
}

.nav-previous a:hover{
	color:#f0b51c;
}

.nav-next a{
	color:#6d6e71;
}

.nav-next a:hover{
	color:#f0b51c;
}

#back-latest-news{
	clear:both;
}

#back-latest-news a{
	margin-top:30px; 
	display:inline-block; 
	color:#6d6e71
}

#back-latest-news a:hover{
	color:#f0b51c
}

/* Sticky Post 									 */
/* ----------------------------------------------*/
.sticky-news{
	position:relative;
}

.sticky-new-title-excerpt{
	position:absolute; 
	left:40px;
	bottom:40px; 
	width:50%;
}

.sticky-news-star{
	display:block
}

.sticky-new-title-excerpt h3{
	margin-bottom:10px; 
	margin-top:10px	
}

.sticky-new-title-excerpt h3 a{
	background-color:#95be46; 
	padding:10px 14px; 
	font-size:25px; 
	line-height:30px;
	font-weight:700;
	color:#FFF !important; 
	display:inline-block;
}

.sticky-new-title-excerpt h3 a:hover{
	text-decoration:none !important;
}

.sticky-new-title-excerpt p{
	color:#FFF;
}

.loop-news{
	margin-top:45px;
	margin-bottom:30px;
}

/* 09-1 Latest News Title					     */
/* ----------------------------------------------*/
#latest-news-title{
	font-family:"cf-jack"; 
	font-size:30px; 
	position:relative; 
	color:#FFF; 
	background-color:#f0b51c; 
	background-image:url(../images/latest-news-graphic-orange.png); 
	background-repeat:no-repeat; 
	background-position:right -60px; 
	width:393px; 
	padding:20px 0; 
	border-radius:5px;
}

#latest-news-title span{
	padding-left:105px
}

#latest-news-icon{
	position:absolute; 
	left:-15px; 
	top:-20px
}

/* 09-2 News Carousel						     */
/* ----------------------------------------------*/
#news-carousel{
	position:relative;
	margin-top:30px;
}

#news-carousel .item{
	padding-right:15px
}

.news-wrapper{
	background-color:#edebe9; 
	height:100%; 
	padding:50px;
}

.news-photo{
	float:left; 
	width:35%;
}

.news-photo img{
	width:100%;
}

.news-content{
	float:right; 
	width:60%;
}

.news-title{
	position:relative;
	margin-bottom:12px;
}

.news-title.green-color{
	border-bottom:solid 1px #8ebb3f; 
}

.news-title.orange-color{
	border-bottom:solid 1px #f0b51c; 
}

.news-title-block{
	display:inline-block; 
	position:absolute; 
	left:0; 
	top:0; 
	width:9px; 
	height:42px;
}

.green-color .news-title-block{
	 background-color:#8ebb3f
}

.orange-color .news-title-block{
	 background-color:#f0b51c
}

.news-title h3, .news-title h3 a {
	display:block;
	font-family:"Montserrat"; 
	font-size:19px; 
	font-weight:bold; 
	color:#393939; 
	padding-left:15px;
	margin-top:10px; 
	margin-bottom:20px;
	text-transform:uppercase;
	text-decoration:none;
}

.news-title h2, .news-title h2 a {
	display:block;
	font-family:"Montserrat"; 
	font-size:22px; 
	font-weight:bold; 
	color:#393939; 
	margin-left:15px;
	margin-top:10px; 
	margin-bottom:20px;
	text-transform:uppercase;
	text-decoration:none;
}

.post_thumbnail img{
	height:auto;
}

.blog .news-wrapper{
	margin-bottom:50px;
	background-color:#f3f3f1
}

.search .news-wrapper{
	margin-bottom:50px;
	background-color:#f3f3f1
}

.search .news-title h2, .search .news-title h2 a {
	margin-left:0px;
}

.search .news-content{
	float:none;
	width:100%;
}

/*===============================================*/
/* 09. NEWS		  						 		 */
/*===============================================*/
#news{
	padding:110px 0; 
}

.block-title-wrapper{
	position:relative;
	width:100%;	
	background-image:url(../images/block-title-wrapper-back.png);
	background-repeat:no-repeat;
	background-position:right 4px;
	margin-bottom:35px;
}

.block-title-line{
	position:absolute;
	display:block;
	border-bottom:solid 2px #8fbb40;
	width:100%;
	height:5px;
	bottom:0;
	left:10px;
}

.block-title{
	width:300px;
	padding:0;
	margin:0;
	font-family:"cf-jack";
	font-size:30px;
	color:#FFF;
	background-color:#8fbb40;
	border-radius:10px;
	background-image:url(../images/block-title-back.png); 
	background-repeat:no-repeat;
	background-position:right center;
	padding:12px 20px
}

.news-title-excerpt{
	margin-bottom:30px;
	text-align:center
}

.news-title-excerpt h3{
	margin-top:15px;
}

.news-title-excerpt h3 a{
	font-family: 'Raleway', sans-serif;
	font-size:19px;
	font-weight:700;
	color:#393939;	
	text-decoration:none;
}

.news-title-excerpt h3 a:hover{
	color:#8fbb40;
}

.news-title-excerpt .default-button{
	margin-top:15px;
}

#other-news{
	font-family:"Montserrat";
	font-size:16px;
	border-top:solid 2px #8fbb40;
	padding-top:30px;
}

#other-news a{
	color:#393939;
	position:relative;
	padding-right:44px;
	text-decoration:none;
}

#other-news a:after{
	position:absolute;
	right:0;
	top:-4px;
	content: url(../images/other-news-arrow.jpg);	
}

/*===============================================*/
/* 10. LOCATION			  						 */
/*===============================================*/
#location{
	padding:100px 0 70px 0
}

#location-intro{
	font-size:16px; 
	line-height:26px;
	padding-bottom:50px;
}

.location-column{
	/*width:23%; 
	margin-right:20px;
	margin-bottom:20px;
	float:left*/
	width:24.5%; 
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}

.location-name{	
	padding:10px 22px; 	
	background-repeat:no-repeat; 
	background-position:right -58px;
}

.location-name.orange-color{
	background-color:#f0b51c; 
	background-image:url(../images/location-graphic-orange.png); 
}

.location-name.green-color{
	background-color:#8ebb3f; 
	background-image:url(../images/location-graphic-green.png); 
}

.location-name h4, .location-name h4 a{
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:17px;
	color:#FFF;
	text-decoration:none;
}

#wgmpmap {
	border:2px solid #a0cb55;
}

h2.map-gallery-title {
	font-family:"cf-jack" !important;
	font-size:30px !important;
	border-bottom:2px solid #a0cb55;
	padding-bottom:15px;
	margin-bottom:30px !important;
}


/*===============================================*/
/* 11. FREE PARENT HANDBOOK						 */
/*===============================================*/
#line-wrapper{
	border-top:1px solid #d6d6d6; 
	border-bottom:1px solid #d6d6d6; 
	padding:64px 0;
}

#free-form{
	/*background-color:#edf5df; 
	background-image:url(../images/form-background.png); 
	background-repeat:no-repeat; 
	background-position:left center; */
	height:407px
}

#free-form h2{
	font-family:"cf-jack"; 
	font-size:47px; 
	padding-top:30px;
	margin-bottom:15px;
}

#free-form p {
	font-size:15px;
}

#mobile-poster{
	display:none;
}


/*===============================================*/
/* 12. CONTACT US								 */
/*===============================================*/
#contact-us{
	padding-top:70px;
}

#contact-us h2{
	 color:#393939; 
	 font-family:"cf-jack"; 
	 font-size:36px;
}

.tab{
	border-top-left-radius:10px; 
	border-top-right-radius:10px;	
	background-repeat:no-repeat; 
	background-position:right -60px
}

.tab h3{
	font-weight:500;
}

.tab.orange-color{
	background-color:#f0b51c; 
	background-image:url(../images/contact-graphic-orange.png); 
}

.tab.green-color{
	background-color:#8ebb3f; 
	background-image:url(../images/contact-graphic-green.png); 
}


.tab h3{
	font-family:"Montserrat"; 
	font-size:17px; 
	color:#FFF; 
	padding:20px 0 20px 20px;
	margin:0
}

.tab-content{
	background-color:#f3f3f1; 	
	padding:20px; 
	border-bottom-left-radius:10px; 
	border-bottom-right-radius:10px;
}

.tab-content.sidebar-menu-tab{
	padding:0; 
	margin-bottom:25px; 
	background-color:#FFF
}

.tab-content.sidebar-tab{
	padding-bottom:20px;
	margin-bottom:25px
}

.tab-content.sidebar-parentcorner-tab{
	padding:15px; 
	margin-bottom:25px; 
	background-color:#FFF
}

.tab-content.orange-color{
	border:2px solid #f0b51c; 
}

.tab-content.green-color{
	border:2px solid #8ebb3f; 
}

.tab-content p{
	font-size:13px; 
	line-height:20px
}

#contact-phone{
	position:relative; 
	margin-right:30px;
	font-size:18px;
	font-family: "janda-closer"; 
}

.contact-button-wrapper{
	margin-top:20px;
}

.contact-button-wrapper a:hover{
	text-decoration:none;
}


#facebook-button-wrapper{
	font-family:"janda-closer"; 
	font-size:19px; 
	margin-top:56px; 
	margin-bottom:106px; 
	color:#393939
}

#facebook-button-wrapper a{
	background-color:#f6f6f6; 
	border-radius:10px; 
	border:1px solid #dadadb; 
	padding:15px 20px;
	text-decoration:none;
	color:#393939
}

#facebook-button-wrapper a img{
	vertical-align:middle
}

#bottom-social-media{
	margin-top:70px; 
	margin-bottom:106px;
}

#bottom-social-media a{
	text-decoration:none;
}

#desktop-facebook{
	display:inline-block;
}

#mobile-facebook{
	display:none;
}


 
/*===============================================*/
/* 13. FOOTER									 */
/*===============================================*/
#footer{
	position:relative
}

#footer-graphic{
	position:absolute;
	top:-205px;
	z-index:-999; 
	height:250px; 
	width:100%; 
	background-image:url(../images/footer-graphic.png); 
	background-position:center; 
	background-repeat:no-repeat; 	
}

#footer-tree{
	position:absolute; 
	top:-350px; 
	z-index:-999; 
	width:100%; 
	height:420px;
	background-image:url(../images/footer-tree.png); 
	background-repeat:no-repeat; 	
	background-position:right; 	
	overflow:hidden;
}

#footer-green-curve{
	background-image:url(../images/green-bottom.png); 
	background-repeat:no-repeat; 
	height:24px; 
	background-size:cover; 
	background-position:center bottom
}

#footer-sitemap{
	background-color:#6d6e71;
	height:100%;
	padding:25px 0;
	color:#FFF;
	font-family:"Montserrat"; 
	font-size:13px;
	width:100%;
}

#footer-sitemap h3{
	font-family:"Montserrat"; 
	font-size:16px;
	font-weight:500;
	color:#f0b51c;
	margin-bottom:10px;
}

#footer-sitemap ul{
	list-style-type:none;
	padding:0;
}

#footer-sitemap ul li{
	padding:1px 0;
	border-bottom:solid 1px #7d7e80;
}

/*#footer-sitemap ul li:before{
	content: url(../images/footer-star.png);
}*/

#footer-sitemap ul li a{
	color:#FFF;
	font-weight:400;
	/*margin-left:10px;	*/
}

#footer-sitemap ul li a:hover{
	color:#8eba3f;
	text-decoration:none;
}

#footer-bar{
	background-color:#f3f3f1;
	color:#6d6e71; 
	padding:15px 0;
	font-size:13px;
}


/*===============================================*/
/* 14. PHOTO ITEM		  						 */
/*===============================================*/
.photo-item {
	position:relative;
	overflow:hidden;
}

/* Image */
/* ----------------------------------------------*/
.photo-item img {
	width:100%;
	height:auto;
}

/* Image Effect on Hover */
/* ----------------------------------------------*/
/* ZOOM IN */
.photo-item img.image-zoom-in {
	-webkit-transition: -webkit-transform 0.5s; 
		-ms-transition: -ms-transform 0.5s;
		 -o-transition: -o-transform 0.5s;
			transition: transform 0.5s;
}

.photo-item:hover img.image-zoom-in {
	-webkit-transition: -webkit-transform 0.5s; 
		-ms-transition: -ms-transform 0.5s;
		 -o-transition: -o-transform 0.5s;
			transition: transform 0.5s;
	-webkit-transform: scale(1.1); 
		-ms-transform: scale(1.1);
		 -o-transform: scale(1.1);  
			transform: scale(1.1);		
	/*The transition will be disabled on script.js for tablet/mobile*/		
}

/* FADE OUT */
.photo-item img.image-fade-out {
	opacity:1;
	-webkit-transition: -webkit-opacity 0.5s; 
		-ms-transition: -ms-opacity 0.5s;
		 -o-transition: -o-opacity 0.5s;
			transition: opacity 0.5s;
}

.photo-item:hover img.image-fade-out {
	opacity:0;
	-webkit-transition: -webkit-opacity 0.5s; 
		-ms-transition: -ms-opacity 0.5s;
		 -o-transition: -o-opacity 0.5s;
			transition: opacity 0.5s;
}

/* Layer */
/* ----------------------------------------------*/
.photo-item .layer {
	position: absolute; 
	margin: auto;
	top: 0; 
	right: 0; 
	bottom: 0;
	left: 0;
	width:100%;
	height:100%;
}

/* Image Overlay */
/* ----------------------------------------------*/
.photo-item .layer.photo-item-image-overlay.effect1 {	
	width:95%;
	height:95%; 
	opacity: 0; 
	-webkit-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		 -o-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
}

.photo-item:hover .layer.photo-item-image-overlay.effect1 {	
	opacity: 1; 
	-webkit-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		 -o-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
}

/* Overlay */
/* ----------------------------------------------*/

.photo-item .layer.photo-item-overlay {	
	width:100%;
	height:100%; 
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0; 
	-webkit-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		 -o-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
}

.photo-item:hover .layer.photo-item-overlay{
	opacity: 100; 
	-webkit-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		 -o-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
}

/* Icon Link */
/* ----------------------------------------------*/
.photo-item .layer.icon-link {
	width:100%;
	height:100%;
	opacity: 0; 
	font-size:30px;
	padding:0;
	-webkit-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		 -o-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
}


.photo-item:hover .layer.icon-link {
	opacity:1;
	-webkit-transition: opacity 0.5s ease-in-out 0.5s;
		-ms-transition: opacity 0.5s ease-in-out 0.5s;
		 -o-transition: opacity 0.5s ease-in-out 0.5s;
			transition: opacity 0.5s ease-in-out 0.5s;
}

.photo-item .layer.icon-link a{
	color:#FFF;
	text-decoration:none;
}

.photo-item .layer.icon-link a:hover .photo-button.orange-color{
	color:#FFF;
	background-color:#f0b51c;
	text-decoration:none;
	border:none;
}

.photo-item .layer.icon-link a:hover .photo-button.green-color{
	color:#FFF;
	background-color:#8ebb3f;
	text-decoration:none;
	border:none;
}



.photo-button{
	font-family:"Montserrat"; 
	font-size:12px;
	color:#FFF;
	padding:10px 26px; 
	border:1px solid #FFF
}




/*===============================================*/
/* 15. TINY NAV			  						 */
/*===============================================*/
.tinynav { display: none }






/*===============================================*/
/*===============================================*/
/* PAGE				  							 */
/*===============================================*/
/*===============================================*/


/*===============================================*/
/* 16. BANNER			  						 */
/*===============================================*/
#banner{
	width:100%;
	height:180px;
	border-bottom:4px solid #7eb817;
	background-repeat:no-repeat;
	background-size:cover;
}

/*===============================================*/
/* 17. PAGE CONTENT		  						 */
/*===============================================*/
#page-wrapper{
	padding-top:105px; 
	padding-bottom:150px;
}

#page-content h1{
	color:#393939;
	padding-left:73px;
	padding-bottom:15px;
	border-bottom:4px solid #a0cb55;
	margin-bottom:30px;
}

#page-content h1 .orange{
	color:#ef991f
}

#page-content h1 .green{
	color:#7eb817
}

#page-content h1:before{
	content: url(../images/title-star.png);
	position:absolute;
	top:0px;
	left:5px;
}

#page-content h1.graphic-title{
	display:block;
	background-color:#8ebb3f;
	border-radius:8px;
	color:#FFF;
	padding:18px 0 18px 20px;
	border-bottom:none;
	margin-bottom:30px;
	font-size:30px;
	margin-top:0;
	background-image:url(../images/tab-title-back-graphic.png);
	background-repeat:no-repeat;
	background-position:right 0;
}

#page-content h1.graphic-title:before{
	content: url("");
	position:relative;
	top:0;
	left:0;
}

#page-content h2{
	font-family:"Montserrat"; 
	font-size:23px; 
	color:#393939; 
	margin-bottom:10px;
}

#page-content p{
	font-size:15px; 
	line-height:25px;
	margin-bottom:23px;
}

/*===============================================*/
/* 18. SIDEBAR			  						 */
/*===============================================*/

#sub-link{
	width:100%;
	list-style-type:none;
	padding:0;
}
	
#sub-link li{
	font-family:"Montserrat"; 
	font-size:14px; 
	font-weight:400;
	color:#FFF; 
}

#sub-link li a{
	padding:12px 15px;
	display:block;
	border-bottom:1px solid #94be49;
	color:#6d6e71;
	text-decoration:none;
}

#sub-link li:last-child a{
	border:none;
}

#sub-link li a:hover{
	color:#ef991f;
}

#sub-link li.current-sub-link a{
	color:#ef991f;
	padding-left:15px;
}

#sub-link li.current-sub-link a:before{
	content:url(../images/sub-link-arrow.png);
}


/*===============================================*/
/* 19. WORDPRESS ELEMENT  						 */
/*===============================================*/
blockquote{
	font-family:"janda-closer";	
	color:#8ebb3f;
	padding:0;
	border:0;
	position:relative;
	margin:30px 0;
}

blockquote p{
	font-size:20px !important;
	margin-bottom:10px !important;
}

img.alignright { padding: 4px; margin: 0 0 2px 12px; display: inline; }
img.alignleft { padding: 4px; margin: 0 12px 2px 0; display: inline; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }



/* Comment */

/*.comment-reply-title{
	font-family:"Montserrat"; 
	font-size:23px; 
	color:#393939; 
	margin-bottom:10px;
	margin-top:50px;
	border-bottom:1px solid #999;
}*/

#comment{
padding:5px;
	background-color:#f8f8f8;
	border:1px solid #CCC;
}

.comment-number-text{
	font-family:Montserrat; 
	font-size:20px; 
	border-bottom:3px solid #f3f3f1; 
	padding-bottom:10px;
}

/*===============================================*/
/* 20. FORM */
/*===============================================*/
.wpcf7-form-control-wrap, .wpcf7-list-item-label, #loginform #user_login, #loginform #user_pass {
	font-family: 'Raleway', sans-serif;
	font-size:13px;
	font-weight:normal;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-select, .wpcf7-date, #loginform .input, .wppb-form-field input[type=text]{
	padding:5px;
	background-color:#f8f8f8;
	border:1px solid #CCC;
	border-radius:6px;
}

.wppb-form-field input[type=text]{
	width:80%;
	display:block;
}


form span, #loginform label, .wppb-form-field label{
	font-family:"cf-jack";
	font-size:16px;
	font-weight:normal;
}

#loginform label{
	width:100%;
}

#loginform #user_login, #loginform #user_pass{
	width:80%;
}

form hr{
	border-color:#CCC;
}

form .w100{
	width:100%;
}
form .w80{
	width:80%;
}
form .w60{
	width:60%;
}
form .w40{
	width:40%;
}
form .w20{
	width:20%;
}

/*.wpcf7-submit, #wppb-submit, #commentform .submit, #wppb-recover-password-button{
	font-family:"Montserrat"; 
	font-size:12px; 
	color:#FFF; 
	padding:10px 26px;
	text-decoration:none;
	background-color:#8ebb3f; 
	border:none;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}*/

.wpcf7-submit, #wppb-submit, #commentform .submit, #wppb-recover-password-button{
	font-family:"cf-jack"; 
	font-size:20px; 
	color:#FFF; 
	padding:10px 26px;
	text-decoration:none;
	background-color:#8ebb3f; 
	border:none;
	border-radius:6px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}


#wppb-recover-password ul{
	list-style-type:none;
	padding-left:0;
	margin-bottom:20px;
}

.wpcf7-submit.free-parent-handbook{
	font-family:"Montserrat"; 
	font-size:12px; 
	color:#FFF; 
	padding:10px 26px;
	text-decoration:none;
	background-color:#ef991f; 
	border:none;
	display:inline-block;
	margin-top:20px;
	width:80%;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.wpcf7-submit:hover,  #wppb-submit:hover, #commentform .submit:hover, #wppb-recover-password-button:hover{
	text-decoration:none;
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.phone{
	font-family: janda-closer !important; 
	font-weight: 500 !important;
	line-height: 40px !important;
}

.send-us-message{
	border-bottom: 3px solid #a0cb55; 
	padding-bottom: 10px;
	margin-bottom:20px !important;
}

.another-child-wrapper{
	display:none;
}

.our-mission li{
	padding:10px 0;
	border-bottom:1px solid #CCC;
	
}

#parent-handbook-form{
	padding-top:60px;
}


#parent-handbook-form-wrapper .wpcf7-not-valid-tip{
  display: none !important;
}

#parent-handbook-form-wrapper form.invalid input.wpcf7-not-valid{
  border:1px solid red;
}

#parent-handbook-form-wrapper .wpcf7-response-output{
  border:none  !important;
  font-size:11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* parent corner */
#previous-reports, #previous-newsletter{
	display:none;
}

/* slideshow */

.slideshow-slideleft, .slideshow-slideright{
	background-color:#ffffff !important;
	padding:0 20px !important;
}

.slideshow-slider img{
	border-color:#cfcfcf !important;
	padding:0 !important;
}

.slideshow-image img{
	width:auto !important;
	height:100% !important;
	margin:auto !important;
	top:0 !important;
	border:0 !important;
	left:0 !important;
	right:0 !important;
	position:absolute !important;
	border:3px solid #a0cb55 !important;
}

/* PARENT CORNER */
.star-title h3 a, .star-title span{
	font-family:"Montserrat";
	font-size:19px;
	font-weight:bold;
	border-bottom:2px solid #f3f3f1;
	padding:10px 0;	
	display:block;
	color:#6d6e71;
}

.star-title span{
	font-weight:normal;
}

.star-title h3 a:before, .star-title span:before{
	content: url(../images/star-title.png);
}

/* Comment List */
.commentlist {
	list-style-type:none;
	padding:0;
}

.commentlist li {
	border-bottom:2px solid #f3f3f1;
}

.commentlist li:last-child {
	border-bottom:none;
}

.comment-author.vcard h3.fn{
	font-family: "Montserrat";
	font-size:20px;
	font-weight:bold;
	text-transform: capitalize;
}

.comment-meta h4{
	font-family: "Montserrat";
	font-size:12px
}

.commettext p{
}



/* Calendar */
.sc_calendar_submit{
	font-family:"Montserrat"; 
	font-size:12px; 
	color:#FFF; 
	padding:0px 10px;
	text-decoration:none;
	background-color:transparent;
	border:none;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	margin-top:10px;
}


#sc_calendar td div.sc_day_div a{
	font-family:"cf-jack";
	font-size:18px;
	line-height:10px;
	color:#393939;
}

#sc_calendar td div.sc_day_div a:before{
	content:url(../images/star-title.png);
	display:block;
	margin-bottom:10px;
}

#sc_events_calendar_head{
	height:60px;
	padding:8px 16px;
	background-color:#8ebb3f;
	border-top-left-radius:10px; 
	border-top-right-radius:10px;
	background-image:url(../images/contact-graphic-green.png);
	background-repeat:no-repeat;
	background-position:right -60px;
}

#sc_events_calendar_head h2{
	line-height:45px;
	margin:0 !important;
	color:#FFF !important;
}

.sc_events_form select{
	padding:2px;
	margin-top:5px;
	background-color:#f8f8f8;
	border:none;
	font-size:11px;
}

.calendar-day-head{
	height:50px;
}

.calendar-day div{
	min-height:100px;
}

.sc_event_date, .sc_event_time{
	font-family:"janda-closer";	
	color:#8ebb3f;
	padding:0;
	border:0;
	position:relative;
	margin:20px 0;
	font-size:20px !important;
	line-height:20px;
}

/* Upcoming Events */
.upcoming-events-list {
	padding:0 3px; 
	border-bottom:1px solid #94be49;
	margin:20px 0
}

.upcoming-events-list a{
	font-family:Montserrat; 
	font-size:14px; 
    line-height:14px;
	display:block;
    margin:0;
	color:#6d6e71;
	text-decoration:none;
}

.upcoming-events-list a:hover{
	color:#ef991f;
}

.upcoming-events-list p{
	margin-bottom:20px;
}

.upcoming-event-date{
	font-size:12px; 
	margin-bottom:5px;
}

#view-calendar-button-wrapper{
	margin-bottom:15px; 
	margin-top:35px;
}

#logout-button-wrapper{
	margin-top:20px;
	margin-bottom:15px
}

/* Parent Corner */
.bottomline-subtitle{
	border-bottom:2px solid #f3f3f1; 
	padding:10px 0; 
	margin-bottom:15px;
}

.bottomline-subtitle span{
	font-family:montserrat; 
	font-size:20px
}



.newsletter-text{
	padding:0 25px;
}

.newsletter-text p {
	font-size:14px; 
	margin-top:15px;
}

.newsletter-download{
	margin-top:15px;
}

#previous-newsletter{
	margin-top:30px;
}

.previous-sub-title{
	font-family:"cf-jack"; 
	font-size:20px; 
	padding-bottom:15px; 
	color:#393939; 
	border-bottom:2px solid #f3f3f1;
}

.previous-content{
	border-bottom:2px solid #f3f3f1; padding:15px 0
}

.no-previous-content{
	padding:15px 0
}

.greybox-wrapper{
	background-color:#f3f3f1; 
	width:100%; 
	padding:30px 30px
}

.whitebox-wrapper{
	background-color:#FFF; 
	padding:30px;	
}

.whitebox{
	background-color:#FFF;
	margin-bottom:30px;
}

.thumbnail-wrapper{
	padding:15px
}

.thumbnail-wrapper img{
	width:100%;
}

.student-small-thumbnail{
	width:150px; 
	float:left; 
	margin-right:20px;
}

.student-photo img{
	width:100%; 
	height:auto; 
	border:6px solid #FFF
}

.student-name{
	font-size:16px; 
	margin-top:10px; 
	font-family:Montserrat;
}

.student-name a{
	color:#6d6e71
}

.tab-description {
	padding:0 !important;
}

.content-tab-title{
	font-family:"cf-jack"; 
	font-size:25px; 
	line-height:20px; 
	text-indent:30px;
	display:block;
	color:#FFF;
	padding:20px 0;
}

#announcement-tab, #newsletter-tab{
	margin-top:50px;
}


/* Student */
#student-info{
	padding:0 15px
}

#student-name-room{
	background-image:url(images/student-star.jpg);
	background-repeat:no-repeat; 
	background-position:center right; 
	border-bottom:3px solid #f3f3f1;
}

#student-name{
	font-family:Montserrat; 
	font-size:20px; 
	padding-top:30px
}

#student-room{
	margin-bottom:15px
}

#student-button{
	margin-top:15px;
}

/* Monthly Report */
#monthly-report{
	margin-top:45px;
}

#report-info{
	padding:0 15px
}

#report-info p {
	font-size:14px; 
	margin-top:15px;
	margin-bottom:15px;
}

#previous-reports{
	margin-top:30px;
}

/* Daily Information */
#daily-information{
	margin-top:45px;
}

.bottomline-row{
	border-bottom:2px solid #f3f3f1; 
	margin-bottom:15px;
}

.daily-info-title{
	font-family:Montserrat; 
	font-size:20px
}

.daily-info-desc{
	padding-left:30px
}

/* Comment tab */
#comment-tab{
	margin-top:45px;
}

/*===============================================*/
/* 21. PARENT CORNER LANDING PAGE 				 */
/*===============================================*/
.parent-corner-login-button{
	font-size:24px !important; 	
	padding:20px 40px !important;
	font-family: "cf-jack";
}

.screenshot-wrapper{
	background-color:#f3f3f1;
	padding:40px 12px 0px 12px;
	margin-top:10px;
}

.screenshot-wrapper img{
	margin-bottom:40px;
}

hr.section-divider{
	border:1px solid #8ebb3f;
	margin:75px 0 45px 0;
}

.section-heading{
	font-family: 'Raleway', sans-serif;
	color:#6d6e71;
	font-size:19px;
	font-weight:bold;
	margin:20px 0;
}

ul.step-by-step{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.step-by-step li{
	position:relative;
	margin-left:50px;
	margin-bottom:20px;
}

ul.step-by-step .step-number{
	position:absolute;
	left:-55px;
	background-color: #8ebb3f;
	display:block;
	width:32px;
	height:32px;
	border-radius:50%;
	color:#FFF;
	text-align:center;
	padding-top:3px;
}


/*===============================================*/
/* 22. LOCATION PAGE 				 			 */
/*===============================================*/
#centre-info-wrapper{
	padding:0;
	margin-bottom:30px;
}

.centre-info{
	font-family:"Montserrat";
	font-size:18px;
	font-weight:400;
	line-height:18px;
	color:#6d6e71;
	padding:7px 0;
}

.location-info{
	background-image:url(../images/map-icon.jpg);
	background-repeat:no-repeat;
	background-position:left 2px;
}

.info-text{
	padding-left:35px;
	line-height:35px;
}

.time-info{
	background-image:url(../images/time-icon.jpg);
	background-repeat:no-repeat;
	background-position:left 2px;
}

.director-info{
	background-image:url(../images/user-icon.jpg);
	background-repeat:no-repeat;
	background-position:left 2px;
}

#button-wrapper{
	padding:0;
	text-align:right;
	margin-bottom:30px;
}

#map-gallery-button{
	margin-top:10px;
}

#mapit-button a,
#mascot-popup-button{
	font-family:"Montserrat";
	display:inline-block; 
	font-size:14px; 
	color:#FFF; 
	width:161px;
	padding:20px 0;
	text-align:center;
	text-decoration:none;
	background-color:#f0b51c;
	border:none;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	margin-right: 16px;
}

#mapit-button a:hover,
#mascot-popup-button:hover{
	text-decoration:none;
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#gallery-button a{
	font-family:"Montserrat"; 
	display:inline-block;
	font-size:14px; 
	color:#FFF; 
	width:161px;
	padding:20px 0;
	text-align:center;
	text-decoration:none;
	background-color:#8ebb3f; 
	border:none;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#gallery-button a:hover{
	text-decoration:none;
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#waitlist-button{
	margin-top:0px;
	text-align:center;
}

#waitlist-now-button a{
	font-family:"Montserrat";
	display:inline-block; 
	font-size:14px; 
	color:#FFF; 
	width:240px;
	padding:20px 0;
	text-align:center;
	text-decoration:none;
	background-color:#8ebb3f;
	border:none;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	margin-right: 16px;
}

#waitlist-now-button a:hover{
	text-decoration:none;
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#request-tour-button a{
	font-family:"Montserrat";
	display:inline-block; 
	font-size:14px; 
	color:#FFF; 
	width:240px;
	padding:20px 0;
	text-align:center;
	text-decoration:none;
	background-color:#f0b51c;
	border:none;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	margin-right: 16px;
	margin-bottom: 15px;
}

#request-tour-button a:hover{
	text-decoration:none;
	background-color:#6d6e71; 
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}


#description-wrapper{
	padding:0;
}

#photo-left{
	padding-left:0;
}

#photo-right{
	padding-right:0;
}


#services-section, #more-photo{
	margin-top:60px;
}

/*h3.section-title{
	font-family:janda-closer;
	font-size:20px;
	font-weight:500;
	color:#6d6e71;
	border-bottom:4px solid #8ebb3f;
	padding-bottom:12px;
	margin-bottom:20px;
}*/

h3.section-title{
	font-family:"Montserrat";
	font-size:20px;
	font-weight:500;
	color:#6d6e71;
	border-bottom:4px solid #8ebb3f;
	padding-bottom:12px;
	margin-bottom:20px;
}

.services-list{
	position:relative;
 	padding:14px 0 14px 75px;
	border-bottom:1px solid #f3f3f1;
	margin-bottom:0;
}

.services-list p{
	line-height:0;
	margin:0;
}

.services-icon{
	position:absolute;
	left:0;
	top:8px;
}

.services-text{
	padding:2px 0;
}

.services-text.one-line{
    padding:14px 0;
}

.gallery-item img{
	border:none !important;
}

#swipebox-bottom-bar{
	background:none !important;
	bottom:47% !important;
}

#swipebox-bottom-bar.visible-bars{
	transform:none !important;
	-webkit-transform:none !important;
}

#swipebox-arrows{
	max-width:85% !important;
}

/*===============================================*/
/* 23. FAMILY INVOLVEMNT PAGE 				 	 */
/*===============================================*/
.point-title-wrapper{
	position:relative
}

.point-title-icon{
	position:absolute;
	top:0
}

.point-title{
	font-family:"janda-closer";
	font-size:20px; 
	padding-left:80px; 
	padding-top:20px; 
	height:80px
}


/*===============================================*/
/* 24. POPUP MAP			 				 	 */
/*===============================================*/
.popup-map-wrapper{
	position:fixed; 
	z-index:9999; 
	display:block; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0; 
	background-color:rgba(0, 0, 0, 0.7);
	display:none;
}

.popup-map{
	position:absolute; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0;
	width:35%;
	margin:auto;
	border:10px solid #FFF;
	box-shadow: -5px 5px 10px #000
}

#popup-map-canvas{
	width:100%;
	height:100%;
}

.info-window-wrapper{
	margin-right:30px;
}

.view-google-map{
	position:absolute; 
	display:block; 
	bottom:30px; 
	left:0;
	right:0;
	margin:auto; 
	width:200px; 
	text-align:center; 
	background-color:#ffffff; 
	padding:10px 5px;
	color:#666;
	text-decoration:none;
}

.view-google-map:hover{
	background-color:#8ebb3f; 
	text-decoration:none;
	color:#FFF;
}

/*===============================================*/
/* 25. CAREER PAGE			 				 	 */
/*===============================================*/
.grey-box-wrapper{
	background-color:#f3f3f1; 
	margin-top:50px; 
	margin-bottom:80px
}

.staff-handbook{
	position:absolute; 
	padding:0 50px; 
	top:-15px
}

.staff-handbook-info{
	margin:40px 0 15px 0
}

.staff-handbook-button{
	margin-bottom:30px
}


/*===============================================*/
/* 26. TGA PARENT PORTAL 	 				 	 */
/*===============================================*/
#page-content h1.simple-title{
	color: #6d6e71; 
	font-family:"Montserrat"; 
	font-weight:500; 
	font-size:24px; 
	padding-left: 0px; 
	padding-bottom: 15px; 
	border-bottom: 4px solid #a0cb55; 
	margin-bottom: 30px;
	margin-top:17px;
}

#page-content h1.simple-title:before{
	content:"" !important;
}

.app-feature-icon{
	float:left; 
	width:70px; 
	margin-right:8px;
}

.app-feature-desc{
	float:left; 
	width:75%
}

.app-feature-desc h4{
	font-family: 'Raleway', sans-serif; 
	font-size:22px; 
	font-weight:bold;
}

/* Psrent Portal Banner */
.banner-wrapper{
	background-image:url("http://demo.dethemes.com/tga-dev/wp-content/uploads/2017/05/tga-parent-portal-banner-background.jpg"); 
	background-size:cover; 
	background-repeat:none; 
	margin-bottom:20px;
}

.banner-title-desc{
	margin-left:35px; 
	margin-top:50px; 
	margin-bottom:20px; 
	background-color:#8ebb3f; 
	color:#FFF; 
	padding:10px 30px; 
	width:100%; 
	border-radius:6px; 
}

.banner-title-desc h2{
	font-family:"Montserrat"; 
	font-size:28px !important; 
	line-height:32px;
	font-weight:500; 
	color:#FFF !important;
}

.banner-title-desc p{
	font-family:Montserrat; 
	font-size:16px;
}

.google-play-button{
	float:left;
	margin-left:35px; 
	margin-right:2px;
}

.app-play-button{
	float:left;
}

.banner-screenshot{
	margin-left:55px; 
	margin-top:30px
}

/*===============================================*/
/* 99. MEDIA SCREEN		  						 */
/*===============================================*/
@media screen and (max-width: 1366px) {
.popup-map{
	width:47%;
}

/* Slider Title */
#slider h1{
	font-size:40px;
	margin-top:60px;
	line-height:48px;
}

#slider-button-wrapper{
	width:116px;
	font-size:16px; 
	line-height:20px
}

.slider-button{
	height:128px; 
	width:128px;
}
	
.inner-button{
	height:116px; 
	width:116px;  
	border:dotted 1px #FFF; 
	margin-top:6px;
	margin-left:6px; 
	color:#FFF;
	background-color:transparent;
}
	
	
#play-full-video img{
	margin-top:22px;
	margin-bottom:5px;
	transform:scale(0.8);
}

/*#social-media{
	position:absolute; 
	top:-42px; 
	right:15px; 
	z-index:1;
}*/

.transparent #social-media{
	top:12px; 
}
}

@media screen and (max-width: 1199px) {
#call-button{
	position:absolute; 
	right: 100px; 
	top:-80px; 
	background-color:#ef991f;
	padding:0px 0px 0px 3px; 
	border-radius:10px; 
	display:inline-block; 
	width:86px;
}

#call-icon{
	border-radius:50%; 
	color:#FFF; 
	width:50px; 
	height:50px; 
	font-size:24px; 
	border:1px solid #FFF;
	padding-top:13px; 
	padding-left:8px; 
	margin:10px 0 10px 13px
}
	
	
#phone, #phone-icon{
	display:none;
}	
	
#top-white-bar{
	height:70px
}

#social-media, #portal-button{
	margin-top:25px;
}

.transparent #top-white-bar{
	height:45px
}

.transparent #social-media, .transparent #portal-button{
	margin-top:25px;
}

.transparent #social-media{
	top:15px;
	margin-left:0;
	margin-top:12px;
}

.transparent #portal-button{
	margin-right:0px;
	margin-top:12px;
}
	
.transparent #top-white-bar{
	z-index:2;
}	

.transparent #mobile-menu{
	top:5px;
	left:8px;
}

.transparent #logo{
	top:0px;
}

.transparent #menu-bar{
	height:120px;
	top:50px;
}

	
/* Parent Corner Button */
/* --------------------------------------------- */
#nav-menu > li.portal-button a{
	font-size:18px;
	padding:10px 0px 10px 33px;
	margin-left:20px;
	margin-top:10px;
	margin-right:10px;
	color:#FFF;
}

#nav-menu > li.portal-button:before{
	content:none;
}

#nav-menu > li.portal-button a:before{
	top:10px;
}

	
	/* nav menu */
#mobile-menu, #mobile-close-button.show{
	display:block;
}

#nav-menu{	
	position:fixed;
	top:0px;
	left:0;
	background-color:#FFF;
	text-align:left;
	overflow:auto;
	display:none;
	border-bottom:1px solid #CCC;
	padding-top:60px;
	font-weight:400;
	font-size:16px;
}

.transparent #nav-menu{	
	top:0px;
	padding-top:50px;
	font-size:16px;
	font-weight:400;
}

.stick-it #nav-menu{
	top:-54px;
}

.stick-it #mobile-close-button{
	top:-30px;
}

#nav-menu.open{
	display:block;
	z-index:9999;
}

#nav-menu > li{
	display:block;
}

#nav-menu > li:before{
	top:16px;
	left:20px;
}

#nav-menu > li.first-child:before{
	content: url(../images/menu-star.png);
}

#nav-menu > li a{
	display:block;	
	color:#6d6e71;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:50px;
}

#nav-menu > li.has-child a{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

#nav-menu > li.has-child a:after{
	content: url("");	
}

#nav-menu > li a:hover{
	background-color:#7eb817;
	border:none;
	color:#FFF;
}

#nav-menu > li.first-child-margin{
	margin-left:10px !important;
}

#nav-menu > li.last-child-margin{
	margin-right:0px !important;
}

#nav-menu > li.split-margin{
	margin-left:10px !important;
}


/* child menu */

#nav-menu ul{
	position:relative;
	z-index:999;
	display:block;
	width:100%;	
	left:0;
	top:0;
	list-style-type:none;
	padding:8px;
	padding-left:15px;
	text-align:left;
	border:none;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	background-color:#FFF;
	display:none;
	
}

#nav-menu li:hover > ul{
	display:block;
}

#nav-menu ul li{
	display:block;
	position:relative;
	width:100%;
}

#nav-menu ul li a{
	width:100%;
	color:#6d6e71;
	padding:12px;
	padding-left:50px;
}   

#nav-menu ul li a:hover{
	background-color:#7eb817;
	border:none;
	color:#FFF;
}

/* latest news */
.owl-theme .owl-controls{
		width:95%;
}

/* Location Home */
.location-column{
	/*width:18%;*/
	width:24.5%;
}


/* Location Page */
#centre-info-wrapper, #button-wrapper{
	width:100%;
}

#button-wrapper{
	text-align:left;
}

/* Gallery */
.gallery-columns-3 .gallery-item{
	width:31% !important;
	margin-right:5px;
}

.gallery-columns-3 .gallery-item img{
	width:100% !important;
	height:auto !important;
}

/* career page */
.staff-handbook{
	padding:0 20px;
}

/* TGA Parent Portal */
#tga-parent-portal-banner{
	width:100% !important;
}

.tga-parent-portal-screenshot{
	width:100%;
	height:auto;
}

/* Psrent Portal Banner */
.banner-title-desc{
	margin-left:15px;
}

.google-play-button{
	margin-left:15px; 
}

.google-play-button img, .app-store-button img{
	width:135px;
	height:auto;
}

.banner-screenshot{
	margin-left:25px; 
}

@media screen and (min-width: 800px){
}

@media screen and (max-width: 991px) {
	#call-button{
		right: 92px; 
		top:-60px; 
		width:75px;
		padding:0px;
	}
	
	#call-icon{
		width:45px; 
		height:45px; 
		font-size:21px; 
		border:1px solid #FFF;
		padding-top:11px; 
		padding-left:6px; 
		margin:10px 0 10px 13px
	}

	
	.popup-map{
		width:80%;
	}
	
	.popup-video{
		width:80%;
	}
		
	/* logo */
	#logo{
		top:0px;
		width:150px;
		height:auto;
	}
	
	/* Slider Title 
	#slider h1{
		font-size:40px;
		margin-top:40px;
		line-height:54px;
	}*/
	
	/* Play Button 
	.play-button i{
		font-size:50px; 
		padding:15px 6px 15px 11px;
	}	*/
	
	/* Request Tour */
	.request-tour-wrapper{
		right:-100px;
		height:240px;
	}
	
	.request-tour-button{
		font-size:20px;
		padding:23px 81px 32px 22px;
	}
	
	.request-tour-button:before{
		top:7px;
		right:18px;
	}
	
	/* about */
	#about-us{
		text-align:center;
	}
	
	.about-paddingleft{
		padding-left:15px;
		margin-bottom:25px;
	}

	.about-paddingright{
		padding-right:15px;
	}
	
	/* What we offer */	
	.box-content{
		margin-bottom:50px;
	}
	
	/* location */
	/*.location-name{	
		margin-bottom:50px
	}*/
	
	.location-column{
		width:49%; 
	}

	
	/* parent handbook */
	#line-wrapper{
		width:100%;
		margin:0 auto;
	}

	#free-form{
		width:100%;		
		background-image:none; 
		height:100%;
		padding:15px;
	}
	
	
	#mobile-poster{
		display:block;
		margin:0 auto;
		width:50%;
	}
	
	#desktop-poster{
		display:none;
	}
	
	/* form */
	form .w20, form .w40, form .w60, form .w80, form .w100{
		width:100%;
	}
	
	.wpcf7-submit.free-parent-handbook{
		width:100%;
	}
	
	/* contact us */
	#contact-us{
		padding-top:80px;
	}

	#contact-us h2{
	 	text-align:center;
	}
	
	.tab-content{
		margin-bottom:50px;
	}
	
	/*page content */
	#page-wrapper{
		padding-top:80px;
	}
	
	/* sidebar */
	#left-sidebar{
		margin-top:50px;
	}
	
	/* Parent Corner - Announcement loop */
	.star-title h3{
		margin:0 0 10px 0;
	}
	
	/* Location Page*/
	#photo-left{
		padding-left:0;
		padding-right:0;
		margin-bottom:20px
	}

	#photo-right{
		padding-left:0;
		padding-right:0;
	}


	.services-text{
		padding:14px 0;
	}

	.services-text.one-line{
    	padding:14px 0;
	}
	
	/* career page */
	.staff-handbook{
		padding:0 30px;
	}
	
	/* TGA Parent Portal */
	.tga-parent-portal-screenshot{
		width:auto;
		height:auto;
	}
	
	/* Parent Portal Banner */
	.banner-wrapper{
		padding:0 20px;
	}
	
	.banner-title-desc{
		margin-left:0px;
	}

	.google-play-button{
		margin-left:0px; 
	}

	.google-play-button img, .app-store-button img{
		width:auto;
		height:auto;
	}
	
	.download-button-wrapper{
		margin:0 auto; 
		width:285px;
	}
}
	
@media screen and (max-width: 768px) {
	/*.tinynav { display: block; float:right }
    #top-nav { display: none }*/
	
	/*#swipebox-arrows{
		width:30%;
	}*/
	
	#slider #player{
		width:320px;
		height:180px;
	}
	
	.popup-map{
		width:90%;
	}
	
	/* Slider Title */
	#slider h1{
		padding:0 100px;
	}
	
	/* search */
	#search-form{
		margin-top:18px;	
	}
	
	#search-form input[type=text]{
	
		width:150px;
	}
	

	
	/* phone & parent corner */
	#phone-parent-wrapper{
		padding-top:16px;
	}

	#phone{
		font-size:14px; 
		margin-right:10px
	}
	
	a #parent-corner-button{	
		font-size:14px;
		padding:3px 14px 4px 10px; 
	}
	
	/* slider */
	
	/*#slider .alignment{
		position:relative;
		display:block;
		padding-top:260px;

	}

	#slider .v-align{
		display:block;	
	}*/	
	
	/*#slider h1{
		font-size:35px;
		color:#393939;
		text-shadow: none;
		padding:20px 30px 0 30px;
	}*/
	
	#slider-button-wrapper{
		width:116px;
		font-size:16px; 
		line-height:20px
	}

	.slider-button{
		height:128px; 
		width:128px;
	}
	
	.inner-button{
		height:116px; 
		width:116px;  
		border:dotted 1px #FFF; 
		margin-top:6px;
		margin-left:6px; 
		color:#FFF;
		background-color:transparent;
	}
	
	
	#play-full-video img{
		margin-top:22px;
		margin-bottom:5px;
		transform:scale(0.8);
	}
	
	#enrol img{
		margin-top:22px;
		margin-bottom:5px;
		width:40px;
	}
	
	#tour img{
		margin-top:15px;
		margin-bottom:5px;
		width:50px;
	}
	
	
	
	/* news */
	#news{
		margin-top:0px;
		padding:100px 0 100px 0;
		text-align:center;
		border-top:none;
	}
	
	.sticky-new-title-excerpt{
		position:relative; 
		left:0px;
		bottom:0px; 
		width:100%;
	}
	
	.sticky-news-star{
		display:none
	}
	
	.sticky-new-title-excerpt h3{
		margin-bottom:10px; 
		margin-top:20px	
	}
		
	.sticky-new-title-excerpt p{
		color:#6d6e71;
	}
	
	
	
	
	
	.block-title-wrapper{
		background-image:none;
	}
	
	.block-title{
		text-align:left;
	}
	
	/* Photo Divider */
	/*#photo-divider, #photo-divider-1, #photo-divider-2{
		height:260px;
	}*/
	#photo-divider{
		padding:100px 0;
	}

	
	/* Grove Offering */
	#grove-offering{
		padding:100px 0;
	}
	
	.offering-column{
		text-align:center !important;
	}

	/*#offer-intro{
		padding:0 20px 10px 20px;
	}*/	
	
	/* Latest News */
	#latest-news{
		padding:60px 0; 
	}
	
	#latest-news-title{
		width:95%;
		margin-left:10px;
	}
	
	#latest-news-title span{
		padding-left:95px
	}
	
	.news-wrapper{
		padding:30px;
	}
	
	.news-photo{
		float:none; 
		width:100%;
		text-align:center;
		margin-bottom:40px;
	}

	.news-photo img{
		width:70%;
		height:auto;
	}

	.news-content{
		float:none; 
		width:100%;
	}
	
	.owl-theme .owl-controls{
		width:80%;
	}
	
	/* location */
	#location{
		padding:80px 0 50px 0
	}

	#location-intro{
		padding-left:40px;
		padding-right:40px;
	}
	
	.location-wrapper{
		padding:0 15px;
	}

	/*.location-name{	
		margin-bottom:50px
	}*/
	
	/* parent handbook */
	#line-wrapper{
		width:95%;
		margin:0 auto;
	}

	/*page content */
	#page-wrapper{
		padding-top:80px;
		padding-bottom:150px;
	}
	
	#banner{
		display:none;
	}
	
	/* location photo gallery */
	.gallery-columns-4 .gallery-item {
    	width: 50% !important;
		padding:10px;
	}
	
	.gallery-columns-4 .gallery-item img {
		width: 100% !important;
		height: auto !important;
	}
	
	/* Parent Corner */
	.previous-content .text-right{
		text-align:left;
	}
	
	/* top menu */
	#top-bar {
		background-color:#FFF;
		height:100%;
	}
	
	#top-menu{
		font-size:11px;
	}
	
	#facebook-icon, #top-menu{
		width:100% !important;
		text-align:center !important;
		padding-top:4px;
	}
	
	#top-nav{
		padding:0;
		margin-right:0px;
		line-height:12px;
	}
	
	#top-nav:before, #top-nav:after{
		content:"";
	}
	
	#top-nav li{
		padding:0 3px;
	}
	
	.hide-on-mobile{
		display:none;
	}
	
	/* career page */
	.staff-handbook{
		position:relative; 
		padding:0 30px; 
		top:0;
	}
	
	.staff-handbook-info{
		margin:50px 0 15px 0;
		padding:0 10px; 
	}
	
	.staff-handbook-button{
		padding:0 10px; 
	}
	s
	
}

@media screen and (max-width: 480px) {
	
	#call-button{
		right: 75px; 
		top:-20px; 
		width:60px;
		padding:0px 0px 0px 2px;
	}
	
	#call-icon{
		width:30px; 
		height:30px; 
		font-size:15px; 
		padding-top:3px; 
		padding-left:3px; 
		margin:10px 0 10px 10px
	}
	
	/*#facebook-text{
		display:none;
	}*/
	
	/*.transparent #top-white-bar{
		height:45px
	}
	
	#social-media, #portal-button{
		margin-top:25px;
	}

	.transparent #social-media{
		top:15px;
		margin-left:0;
		margin-top:12px;
	}
	
	.transparent #portal-button{
		margin-right:0px;
		margin-top:12px;
	}*/
	
	#social-media img{
		width:20px;
		height:20px;
	}
	
	#menu-bar{
		height:70px;
	}
	
	/*.transparent #menu-bar{
		height:120px;
	}*/
	
	#logo{
		top:0px; 
		width:110px;
	}
	
	.transparent #logo{
		top:0px;
		width:120px;
		height:auto;
	}
	
	/*.transparent #mobile-menu{
		top:55px;
	}*/
	
	/* Request Tour */
	.request-tour-wrapper{
		right:-85px;
		height:240px;
	}
	
	.request-tour-button{
		font-size:16px;
		padding:16px 60px 32px 18px;
	}
	
	.request-tour-button:before{
		top:0px;
		right:7px;
		transform: scale(0.7,0.7);
	}
	
	
	/* Slider Title */
	#slider h1{
		font-size:32px;
		margin-top:26px;
		padding:0 80px;
		line-height:36px;
	}
	
	
	/* Play Button */
	#slider-button-wrapper{
		width:90px;
	}
	
	.slider-button{
		height:90px; 
		width:90px;
	}
	
	.inner-button{
		height:80px; 
		width:80px;  
		margin-top:4px;
		margin-left:5px; 
	}	
	
	#play-full-video img{
		margin-top:18px;
		transform:scale(0.7);
	}
	
	#fullvideo-text{
		display:none;
	}
	
	.play-button i{
		font-size:40px; 
		padding:10px 3px 10px 6px;
	}	
	
	/* News */
	#news{
		padding:80px 0 80px 0;
	}
	
	/* Photo Divider 1 */	
	#photo-divider{
		padding:80px 0;
	}
	
	#grove-offering{
		padding:80px 0;
	}
	
	#photo-divider p{
		font-size: 15px;
		line-height:24px;
	}
	
	.about-graphic{
		width:140px;
		height:auto;
	}
	
	/* Mobile Menu */
	#mobile-menu{
		top:20px;
		left:10px;
	}
	

		
	.block-title{
		width:100%;
	}
	
	#news .block-title-line{
		display:none;
	}
	
	/* Top Nav */
	#top-nav li{
		padding:5px 7px;
	}
		
	/* Location Home */
	/*.location-column{
		width:100%; 
		float:none;
		margin-right:0;
		margin-bottom:25px;
	}*/
	
	.location-column{
		width:49%; 
		float:left;
	}
	
	.location-name{	
		padding:6px 22px; 
	}
	
	/* Phone & Parent Corner */
	#phone-parent-wrapper{
		margin-top:3px;
	}
	
	#phone{
		font-size:13px; 
		margin-right:8px;
	}
	
	#parent-corner-button img{
		display:none;
	}
	
	a #parent-corner-button{	
		font-size:13px;
		display:inline;
		padding:3px 13px 4px 13px; 
	}
	
	/* Photo Divider */
	/*#photo-divider, #photo-divider-1, #photo-divider-2{
		height:213px;
	}*/
	
	#news-carousel .item{
		padding-right:2px
	}
	
	/* parent handbook */
	#mobile-poster{
		width:100%;
	}

	/* contact us */
	#desktop-facebook{
		display:none;
	}

	#mobile-facebook{
		display:inline-block;
	}
	
	/* Parent Corner */
	.student-small-thumbnail{
		width:100%; 
		float:none;
		margin:0 0 20px 0;
	}
	
	/* search */
	#search-form input[type=text]{
		text-indent:5px;
		font-size:12px;
		width:30px;
		background-image:url(../images/search-icon-mobile.jpg)
	}
	
	#search-form .removeicon{
		background-image:none !important;
	}
	
	#search-icon{
		display:none
	}
	
	
	/* career page */	
	.staff-handbook-info{
		margin:20px 0 15px 0;
		padding:0 20px; 
	}
	
	.staff-handbook-button{
		padding:0 20px; 
	}
	
	
	

}
	
}