/* Copyright 2015 Pebble Design Pty Ltd. All Rights Reserved. */
@font-face{font-family:'Museo';src:url(../fonts/museo/100/museo-webfont.eot);src:url(../fonts/museo/100/museo-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/museo/100/museo-webfont.woff2) format("woff2"),url(../fonts/museo/100/museo-webfont.woff) format("woff"),url(../fonts/museo/100/museo-webfont.ttf) format("truetype"),url(../fonts/museo/100/museo-webfont.svg#museo_sans100) format("svg");font-weight:100;font-style:normal}@font-face{font-family:'Museo';src:url(../fonts/museo/300/museo-webfont.eot);src:url(../fonts/museo/300/museo-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/museo/300/museo-webfont.woff2) format("woff2"),url(../fonts/museo/300/museo-webfont.woff) format("woff"),url(../fonts/museo/300/museo-webfont.ttf) format("truetype"),url(../fonts/museo/300/museo-webfont.svg#museo_sans300) format("svg");font-weight:300;font-style:normal}@font-face{font-family:'Museo';src:url(../fonts/museo/500/museo-webfont.eot);src:url(../fonts/museo/500/museo-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/museo/500/museo-webfont.woff2) format("woff2"),url(../fonts/museo/500/museo-webfont.woff) format("woff"),url(../fonts/museo/500/museo-webfont.ttf) format("truetype"),url(../fonts/museo/500/museo-webfont.svg#museo_sans500) format("svg");font-weight:500;font-style:normal}@font-face{font-family:'Bebas';src:url(../fonts/bebas/bebas-webfont.eot);src:url(../fonts/bebas/bebas-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/bebas/bebas-webfont.woff2) format("woff2"),url(../fonts/bebas/bebas-webfont.woff) format("woff"),url(../fonts/bebas/bebas-webfont.ttf) format("truetype"),url(../fonts/bebas/bebas-webfont.svg#bebas_neueregular) format("svg");font-weight:400;font-style:normal}

.loader span, header .logo a, header .inner .details, header .inner .details .phone .text, nav ul li a, nav li li, .fade a, a.nav, #employee-login, #employee-login p a img, #home .boxes, .boxes .box .content, .box .content:after, .boxes .box a:hover, .boxes .box img, form input, footer a, .popup, main .content h1 a, main .content h2 a, main .content h3 a, main .content h4 a, .box-columns .box .pad a, header .inner .details .request h3 a:hover { -webkit-transition:all 0.2s ease; transition:all 0.2s ease}

body { margin:0 -webkit-font-smoothing: subpixel-antialiased; }
#container { max-width:1920px; margin:0 auto;  }
::-moz-selection { background:#004b6a; color:#fff}
::selection { background:#004b6a; color:#fff}
strong { font-weight: bolder}
.centre { width:90%; max-width:1440px; margin:auto}
.clear {clear: both; display: block; width: 100%}
.question { cursor: pointer; }
.answer { display:none; }

/* LOADER */

.loader { position:fixed; background: #fff url(../images/logo.png) 50% 90% no-repeat; width:100%; height:100%; top:0; z-index:300; }
.loader span { position:absolute; background:#5e91a1; width:70%; height:2px; top:50%; -webkit-animation:load 1s ease-in-out; animation:load 1s ease-in-out }
@-webkit-keyframes load { 0%{width:0;} 20%{width:20%;} 40%{width:40%} }
@keyframes load { 0%{width:0;} 10%{width:20%;} 80%{width:40%} }

/* HEADER */

header { position: fixed; width:100%; height:130px; z-index:200; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); top: 0; left:0}
header .inner { background:#fff; position:relative; max-width:1920px; width:100%; height:130px; margin:auto; box-shadow: 0 5px 0 rgba(0,0,0,0.1)}
header .inner .logo { position:relative; width:330px; height:130px; border-right:1px solid #e6e6e6; float:left; z-index:10}
header .inner .logo a { display:block; margin:20px auto; width:190px; height:90px; background:url(../images/logo.png) center no-repeat; background-size: contain}
header .inner .details { position:absolute; background:#80a22b; width:330px; height:100%; right:0; float:right; text-align:center; text-transform:uppercase; z-index:10}
header .inner .details .request { display:inline-block; padding:12px 0 3px 0; overflow:hidden}
header .inner .details .request a span.arrow { display:inline-block; float:right; width:25px; height:30px; background:url(../images/request-arrows.png) center no-repeat}
header .inner .details .request a span.arrow:hover { display:inline-block; float:right; width:25px; height:30px; background:url(../images/request-arrows-hov.png) center no-repeat}
header .inner .details .request h4 { font: 500 24px/24px 'Bebas', arial; color:#b5d368}
header .inner .details .request h3 { display:inline-block; float:left; font: 500 35px/35px 'Bebas', arial}
header .inner .details .request h3 a { color:#fff}
header .inner .details .phone { background:#e6e6e6; font: 500 30px/30px 'Bebas', arial; color:#80a22b; padding:13px 0 10px 0; overflow: hidden}
header .inner .details .phone a { color:#58585a}
header .inner .details .phone .text { position:absolute; display:block; background:url(../images/brain2.png) top no-repeat; width:150px; height:138px; right:10px; cursor:pointer; }
header .mobile-text { display:none; }

/* NAVIGATION */

nav { position:absolute; display:inline-block; width:100%; top:55px; left:0; text-align:center; z-index:1}
nav ul li { position:relative; display:inline-block; margin:0 2%; list-style:none}
nav ul li:first-child { margin-left:0}
nav ul li:last-child { margin-right:0}
nav ul li a { font: 500 30px/20px 'Bebas', arial; color: #5e91a1; padding:15px; text-transform: uppercase; border-bottom:1px solid #fff}
nav ul li ul { position:absolute; display:none; top:40px; left:-36px; padding-top:35px; overflow:hidden;}
nav ul li ul li { background:#5e91a1; width:225px; height:35px; display:block; margin:0}
nav ul li ul li a { font: 100 16px/35px 'Museo', arial; color: #fff; border:none !important; text-transform: none}
nav li.about-mobile { display:none; }
#pull {display: none}

/* SLIDESHOW */

#slideshow { position:relative; width:100%; height:auto; margin:130px 0 0 0; padding:0; cursor:default; overflow:hidden; border-bottom:5px solid #80a22b}
#slideshow > img { width:100%; height:auto}
.caroufredsel_wrapper { top:initial!important;bottom:65px!important; }
.fade { position:absolute; background:#38788C; display:inline-block; max-width:1200px; width:90% !important; top:initial!important;}
.fade .item { position:relative; width:100% !important; margin:0; padding:55px 0 50px 40px; float:left; cursor:default; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
.fade .title { font:500 76px/76px 'Bebas', arial; max-width:40%; padding:0 }
.fade p { display:inline-block; font:100 18px/26px 'Museo', arial; color:#fff; max-width:60%; float:left; padding:0 40px}
.fade a { position:absolute; background:#e09d1a; right:-210px; padding:15px 40px; font:500 38px/38px 'Bebas', arial; color:#fff; box-shadow: 0 5px 0 rgba(0,0,0,0.1)}
a.nav { position:absolute; width:50px; height:80px; bottom:150px; margin:0 0 -40px 0; cursor:pointer; z-index:20; opacity:0.2}
a.nav.prev { background:url(../images/arrows.png) top left; right:120px}
a.nav.next { background:url(../images/arrows.png) top right; right:30px}
.Acacia { background:#38788D; }
.Dark { background:#346e81; }
.Light { background:#38888d; }

/* STUDENT LOGIN PANEL */

#employee-login { position:absolute; background:url(../images/bg-pattern.png) repeat; width:100%; text-align:right; padding: 40px 0; max-width: 1920px; overflow:hidden}
#employee-login.fixed { position:fixed; border-top:5px solid #80a22b; padding:10px 0; top:130px; z-index:100; box-shadow: 0 5px 0 rgba(0,0,0,0.1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
#employee-login img { display:inline-block; margin:0 20px}
#employee-login p a { font: 500 48px/48px 'Bebas', arial; color:#5e91a1;}
#employee-login p a:before { position:absolute; width:100%; height:100%; top:0; left:0; content:'';z-index:1;}
#employee-login p span { color:#bfbfbf}
#employee-login .search { position:absolute; left:50px; top:50%; margin-top:-20px; z-index:2; }
#employee-login .search input[type="text"]:focus { border-color:#80a22b }
#employee-login .search input[type="text"] { border-bottom: 2px solid #ccc; font: 300 30px/30px 'Museo', arial;color:#999;margin-left:20px}
#employee-login .search input[type="submit"] { background:transparent url(../images/search.png) center no-repeat!important; width:60px; height:42px; }
#employee-login .search ::-webkit-input-placeholder { color:#eee; }

/* MAIN */

main { position:relative; background: #fff url(../images/main-bg.jpg) center right no-repeat; background-size: contain; overflow:hidden}
main .content {width:100%; margin: 100px 0;}
main .content h1 { font: 300 40px/50px 'Museo', arial; color:#5e91a1; text-transform:capitalize;}
main .content h3 { font: 300 30px/30px 'Museo', arial; color:#5e91a1; text-transform:capitalize; margin-top:20px;}
main .content h4 { font: 300 24px/24px 'Museo', arial; color:#5e91a1; text-transform:capitalize; margin:45px 0 0;}
main .content h5 { font: 300 24px/24px 'Museo', arial; color:#5e91a1; text-transform:capitalize; margin: 15px 0 0;}
main .content h1 a, .content h2 a, .content h3 a, .content h4 a { color: #5e91a1 !important; }
main .content h3.cntlink { margin-bottom: 25px; margin-top: -25px; }
main .content p.intro { margin-bottom: 40px; font: 300 30px/35px 'Museo', arial; color:#58585a}
main .content p, .search-results { font: 100 20px/25px 'Museo'; color:#58585a; margin-top:20px;}
main .content p:not(.intro):nth-child(odd) { margin-top:20px}
main .content a { color:#e09d1a; }
main .content ul { background: #eee; margin: 15px 0 2px 0; padding: 25px; list-style: none; }
main .content li { margin: 5px 0 0 0; padding: 0 0 0 25px; font: 100 17px/20px 'Museo'; color:#58585a; }
main .content li:before { display: block; position: absolute; margin: 4px 0 0 -28px; width: 10px; height: 10px; content: ''; border: 1px solid #5e91a1; border-radius: 50px; }
#home main .content h1 { font: 400 40px/50px 'Bebas', arial; color:#fff; text-transform:uppercase; text-align: center}
#home main .content p { text-align:center;}
#home .content img { margin:0 auto 50px auto}
.listp { margin: 5px 0 10px 0; }
.listp span { margin: 5px 0 10px 0; padding: 0 0 0 25px; font: 100 17px/20px 'Museo'; color:#58585a; }
.listp a { font: 300 17px/20px 'Museo'; color: #5e91a1 !important; }
.contactph { color:#5e91a1 !important; }
.content .contBg { background:#eee; margin:40px 0; padding:40px; }
.blog { margin-top:220px; }
.download { font: 100 20px/25px 'Museo'; }
.icon { display:none; }


/* BOXES */

.boxes { position:relative; overflow:hidden}
#home .boxes { margin-top:128px}
#home .boxes.fixed { margin-top:48px}
.boxes .box { position:relative; width:25%; float:left; text-align: center; border-left:10px solid #fff;border-right:10px solid #fff; overflow:hidden;}
.boxes .box > img { width:100%; height:auto; z-index:5}
.boxes .box .content { position:absolute; width:65%; height:100px; top:50%; margin:-50px 17.5%; border: 1px solid #fff; z-index:10}
.boxes .box .content:after { position:absolute; width:800px; height:600px; top:-300px; left:-300px; content:''; }
.boxes .box .content a { position: absolute; top: 50%; left:0; width:98%; font: 500 35px/35px 'Bebas', arial; color: #fff; text-transform: uppercase; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:11;}
.boxes .box .content a:after { position:absolute; width:1000px; height:1000px; top: -500px; left:-500px; content:""}
.boxes .box .content a.play { background:none; border:none}
.boxes .blue .content { background:rgba(10,49,69,0.7)}
.boxes .red .content { background:rgba(129, 0, 0, 0.7)}
.boxes .green .content { background:rgba(57,113,0,0.7)}
.boxes .orange .content { background:rgba(209,108,0,0.7)}

/* CONTENT BOXES */
#grid { display:inline-block; width:100%; }
#grid .columns { float: left; padding:0; }
#grid .box { position:relative; background:#eee; margin: 10px 5px; }
#grid .box .inner { padding:20px; }
#grid[data-columns]::before { content: '3 .columns.w33' !important; }
@media screen and (max-width:700px){#grid[data-columns]::before{content:'1 .columns.w100'!important;}}
@media screen and (min-width:701px) and (max-width:1280px){#grid[data-columns]::before{content:'2 .columns.w50'!important;}}
@media screen and (min-width:1281px){#grid[data-columns]::before{content:'3 .columns.w33'!important;}}
.w33 { width: 33.33%; }

#grid[data-columns]::before { content: '1 .columns.w100' !important; }
@media screen and (max-width:700px){#grid[data-columns]::before{content:'1 .columns.w100'!important;}}
@media screen and (min-width:701px) and (max-width:1280px){#grid[data-columns]::before{content:'2 .columns.w50'!important;}}
@media screen and (min-width:1281px){#grid[data-columns]::before{content:'3 .columns.w33'!important;}}
.w33 { width: 33.33%; }

#tipgrid {width: 40% ; margin-left: 30px;}
.tipbox {  position: relative; background: #eee; margin: 10px 5px; width: 100%; }
.tipbox .inner {  padding: 20px;}
br {padding: 20px;}

/* Contact */

.contact { position:relative; background: url(../images/bg-pattern.png) repeat; border-top: 5px solid #80a22b; overflow:hidden}
.contact .centre { position:absolute; background:#5e91a1; top:50%; left:50%; margin: -275px 0 0 -720px; max-width:none;width:auto; }
.contact .centre .content, .contact .centre img { float:left}
.contact .centre .content { padding:30px; padding-bottom:0}
.contact h3 { font: 500 50px/50px 'Bebas', arial; color:#95c7d6; text-transform: uppercase}
.contact p { font: 300 18px/60px 'Museo', arial; color:#fff}
.contact form .left{ width:380px; float:left}
.contact form .right { width:575px; float:left; margin-left:25px}
.contact form input, .contact form textarea { display:block; margin: 25px 0}
.contact form input[type="text"] { width:100%; padding:0 10px; background:#fff; font: 300 16px/60px 'Museo', arial; height:60px; color:#58585a}
.contact form textarea { background:#fff; width: 100%; height:230px; padding:15px; font: 300 16px/19px 'Museo', arial; color:#58585a; resize:none}
.contact form input[type="submit"] { position:absolute; background:#e09d1a; bottom:0; right:430px; width:300px; height:80px; margin:0; font: 500 40px/40px 'Bebas', arial; color:#fff; text-transform:uppercase;}
.contact .blank-contact { width:100%;height:auto; }

/* FAQ Form */

.form { font: inherit; display: block; position: relative; width: 100%; clear: both; }
.form input {background: none; margin: 0; padding: 15px 0; width: 48%; float: left; border: none; border-bottom: 2px solid #eee; font: 300 16px/60px 'Museo', arial; color: #5e91a1; }
.form input:nth-child(even), .form select:nth-child(even) { float: right; }
.form textarea { margin-bottom: 0; width: 100%; float: none; clear: both; resize: none; font: 300 16px/60px 'Museo', arial; color: #5e91a1; border-bottom: 2px solid #eee; }
.form div { position: absolute; right: 0; bottom: 7px; }
.form input[type="submit"] { position: absolute; background: #e09d1a; bottom: 3px; right: 0; padding: 15px 30px; width: auto; cursor: pointer; color: #eee; border: none; font: 400 16px/35px 'Museo', arial; }

/* QUOTE BANNER */

.banner { position:relative; width:100%; height:242px; background: url(../images/quuote-bg.jpg) center no-repeat; background-size: cover; text-align:center; box-shadow:0 -5px #80a22b}
.banner h1 { display:inline-block; font: 500 80px/242px 'Bebas', arial; color:#fff; text-shadow: 0 5px 5px rgba(0,0,0,0.4)}

/* Footer */

footer { padding:50px 10px; text-align:center; font: 300 16px/30px 'Museo', arial; color:#787b80;  }
footer h4 { font: 500 25px/25px 'Bebas', arial; margin-bottom:15px; text-transform: uppercase}
footer a { color: #787b80; line-height:20px}
footer div.sitemap { width: 1500px; margin:40px auto}
footer .sitemap ul { display:inline-block; margin: 0; padding: 0; vertical-align: text-top; list-style: none; text-align:left; }
footer .sitemap ul:first-child {padding: 0 0 0 30px}
footer .sitemap ul:last-child {padding: 0 30px 0 0}
footer .sitemap ul.locations { width: calc(29% - 112px)}
footer .sitemap ul.services { width: calc(21% - 112px)}
footer .sitemap ul.explore { width: calc(20% - 112px)}
footer .sitemap ul.contactUs { width: calc(28% - 112px)}
footer .sitemap ul:last-child { text-align: right}
footer .sitemap ul.locations li a { white-space: nowrap}
footer .sitemap .logo { position:relative; top:-50px; padding: 0 70px}
footer .social { margin:50px 0; background: url(../images/social-bg.png) center no-repeat; height:43px}
footer .social .linkedin { display:inline-block; background: url(../images/linkedin.png) center bottom no-repeat; width:44px; height:43px}
footer .copyright { font-size:14px}
footer .pd { display:inline-block; position:relative; top:6px; margin-left:50px; }
.homescreen { display:none; }

/* POPUP*/

.popup { position:fixed; display:block; opacity:0; width:740px; height:auto; top:50%; left:50%; margin: -150px 0 0 -385px; background:rgba(128,162,43,0.7); padding: 40px; border:1px solid #333; box-shadow: 0 0 20px rgba(0,0,0,0.2); z-index:-1; -webkit-transform:scale(0); transform:scale(0); }
.popup.active {  opacity:1; z-index:500; -webkit-transform:scale(1); transform:scale(1); }
.popup .content { position:relative; background:#fff; width:100%; height:100%; padding:30px; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.popup .content .close { position:absolute; top:0; right:0; width:55px; height:55px; background:url(../images/close-pop.png) center no-repeat;cursor:pointer}
.popup .content p { text-align:center; font: 300 23px/28px 'Museo', arial; }
.popup .content p span { display:block; margin-top:20px; font-size: 16px; font-weight:500; }
.popup .content img { margin: 0 auto!important; }
.popup .content a.tel {color:#58585a;}

/*EXTRA*/
.tabledefault { font: 100 20px/25px 'Museo'; color: #58585a; }
.form .remember { width: 9%; display: block; font: 300 16px/16px 'Museo', arial; float:left; right:auto; bottom:auto; }
.form .remember #RememberMe { width: 15%!important; }
.form .password { position: relative; width: 8%; font: 300 16px/16px 'Museo', arial; padding:15px 0; float:left; right:auto; bottom:auto; }
.form .login { margin-bottom: -25px; }
.form .clear { position:static; right:auto; bottom:auto; }
.psychologistBtn {background: #e09d1a;float: right;width: 300px!important; text-align: center;z-index: 15;padding: 15px!important; position: relative; margin: 0!important;}
.psychologistText {font: 500 24px/24px 'Bebas', arial !important; margin: 0!important ;color: #fff!important;}

/* HOVERS */

@media only screen and (min-width:1075px) {
	header .inner .logo a:hover { opacity:0.5; background: url(../images/logo-hover.png) center no-repeat;background-size: contain}
	header .inner .details .request h3 a:hover { color: #e09d1a; }
	.text:hover { opacity:0.8; }
	nav > ul > li:hover > a { color:#e09d1a; border-color: #e6e6e6}
	nav ul li ul li:hover { background:#e09d1a}
	nav ul li ul li:hover h3 { color:#fff; }
	.fade a:hover { background:#fff; color:#e09d1a; }
	a.nav:hover { opacity:0.6; }
	main .content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover {color:#e09d1a !important; }
	#employee-login p a:hover img:last-child { margin-left:50px; }
	#employee-login .search input[type="text"]:hover { border-color:#80a22b }
	.content a:not(.btn):hover { background: none; color:#5e91a1; }
	.boxes .box:hover .content { background: none; border-color:transparent; }
	.boxes .blue:hover .content:after { background:rgba(10,49,69,0.7)}
	.boxes .red:hover .content:after { background:rgba(129, 0, 0, 0.7)}
	.boxes .green:hover .content:after { background:rgba(57,113,0,0.7)}
	.boxes .orange:hover .content:after { background:rgba(209,108,0,0.7)}
	.boxes .box:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 3s ease; transition: all 3s ease}
	input[type="submit"]:hover { background: #80a22b !important}
	.faqform input[type="submit"]:hover { background: #5e91a1 !important; }
	footer a:not(.tel):hover { color:#e09d1a}
	footer .social .linkedin:hover { background-position:center top}
	.form input:hover, .form textarea:hover, .form input:focus, .form textarea:focus { border-bottom: 2px solid #89b735; }
	.box-columns .box .pad h3 a:hover { color: #e09d1a; padding:0; }
	.box-columns .box .pad a:hover { background: none; color: #5e91a1; padding: 7px; }
}

/* RSEIZE */
@media only screen and (max-width:1650px) {
	nav ul li { margin:0 1%; }
	a.nav { bottom:60px; }
	footer div.sitemap { width: 1400px;}
	footer .sitemap ul.locations li a { clear: both; display: block}
	footer .sitemap ul.locations li span { display: none}
.form .remember { width: 15% !important; right:85% !important; }
.form .remember #RememberMe { width: 25%!important; }
.form .password { width: 10% !important; }
	.psychologistBtn { width: 20% !important; right: 40%;}
}
@media only screen and (max-width:1480px) {
	header .inner .logo, header .inner .details { width:240px; }
	header .inner .logo a { width:180px; }
	header .inner .details .phone { font-size:26px; }
	header .inner .details .request .arrow { background-size:contain; width:22px; }
	header .inner .details .request h3 { font-size: 30px; }
	header .inner .details .request h4 { font-size:22px; }
	nav ul li { margin:0 0.5%}
	#slideshow > img { width: auto; height: 381px;}
	.topbanner > img { width: auto; height: 300px!important;}
	.caroufredsel_wrapper { overflow:visible!important; }
	.fade .item:first-child { opacity:1; }
	.fade .item { opacity:0; padding: 30px 0 35px 40px; }
	.fade .title { font-size:66px; line-height:66px; }
	.fade p { font-size: 16px; line-height:22px; }
	.fade a { right: 30px; bottom: -40px; }
	a.nav { background-size: cover !important; width: 30px; height: 50px; }
	a.nav.prev { right:90px; }
	.contact .centre { margin:-190px 0 0 -530px}
	.contact .centre img { width:auto; height:370px}
	.contact h3 { font-size: 28px; line-height: 30px}
	.contact p { font-size: 16px; line-height: 30px}
	.contact form .left, .contact form .right { width:350px}
	.contact form input, .contact form textarea { margin: 15px 0}
	.contact form input[type="text"] { font-size:14px; line-height:40px; height:40px}
	.contact form input[type="submit"] { width:150px; height:50px; right:269px}
	.contact form textarea { height:150px}
	footer div.sitemap { width: 1240px;}


}
@media only screen and (max-width:1380px) {
	.fade a { font-size:30px; line-height:30px; bottom: -35px; }
	a.nav { bottom:initial; top: 30px; opacity:1; }
}
@media only screen and (max-width:1280px) {
	nav ul li { margin: 0; }
	nav ul li a { font: 500 25px/25px 'Bebas', arial}
	main .content p.intro {font-size:26px; line-height: 26px}
	main .content p {font-size:18px; line-height: 20px}
	.boxes .box .content a { font-size:30px; line-height:30px; }
	footer { font-size:14px}
	footer .sitemap .logo img { width:200px; height:auto}
	footer div.sitemap { width:100%}
	nav ul li ul {padding-top: 37px}
	.form .password { width: 33% !important; }
	#tipgrid {width: 60% ; margin-left: 20px;}
}
@media screen and (min-width: 1281px) {
	.box-columns[data-columns]::before { content: '3 .columns.w33'!important; }
}
@media only screen and (max-width:1100px) {
	nav ul li.eap { display:none; }
	.contact div.centre {width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; border-radius: 0}
	.contact .centre .content { width: 68%}
	.contact .centre img { width: 32%; height: auto}
	.contact .centre input[type="submit"] { top: initial; right: 32%; position: absolute}
	.contact form .left{ width: calc(50% - 13px); float:left}
	.contact form .right { width: calc(50% - 13px); float:left; margin-left:25px}
	.form .remember { width: 20% !important; right: 80% !important; }

}
@media only screen and (max-width:1050px) {
	#employee-login .search { left:5px; }
	#employee-login .search input[type="text"] { width:280px; }
	.fade .title{ font-size: 56px; line-height: 56px; }
	.fade p { display:block; width:90% !important; max-width:none !important; float:none; padding:0; font-size: 14px; line-height: 18px;}
	footer .sitemap .logo { display: none}
	footer .sitemap ul.explore { margin: 6px 0 0 0}
	footer .sitemap ul { width: 22% !important; padding: 0 0 0 20px !important}
	footer .sitemap ul:last-child { text-align: left}

  /* FOOTER */
  /* Safari 6.1+ */
  .homescreen { background:#fff; position:fixed; width:100%; bottom:0; display:none; z-index:99; border-top:2px solid #80a22b }
  .homescreen p { padding:35px 20px 35px 80px; font: 300 16px/20px 'Museo', arial; }
  .homescreen img { position:absolute; top:calc(50% - 20px); left:20px }
  .homescreen .close { background:url(/_System/images/close.svg) center no-repeat; position:absolute; width:15px; height:15px; top:10px; right:10px; }
  _::-webkit-:not(:root:root), .homescreen { display:block; }

}
@media only screen and (max-width:960px) {
	nav li.about { display:none; }
	nav li.about-mobile { display:block; }
	.boxes .box{ width: 50%}
}
@media only screen and (max-width:900px) {
	header { position:static; height:auto; }
	header .inner {  height:auto; }
	header .inner .logo { border:none; }
	header .inner .logo a { margin:44px auto; }
	header .inner .logo, header .inner .details { width: 272px;}
	header .inner .details { height:130px; }
	header .inner .details .phone .text { display:none!important; }
	header .mobile-text { position:relative; display:block; background:#38788C; font: 300 24px/53px 'Bebas',arial; color:#fff; clear:both; width:272px; float:right; text-align:center; }
	#pull { display:block; background:#80a22b; height:60px; font:300 20px/60px 'Museo', arial; color:#fff; cursor:pointer; text-transform:uppercase; }
	#pull span{ position: relative; display: inline-block; background: #fff; top: 28px; right: 5%; width: 15px; height: 2px; float: right;}
	#pull span:before, #pull span:after { position:relative; display:block; background:#fff; width:100%; height:2px; top:-5px; content:''; }
	#pull span:after { top:3px; }
	nav { position:relative; top:0; }
	nav ul { position:static !important; display:none; width:100%; height:100%; padding:0!important; top:0!important; border-top:1px solid #e6e6e6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
	nav ul li { display:block; width:100% !important; height:auto!important; border-bottom:1px solid #e6e6e6; }
	nav ul li.about, nav ul li.eap { display:block; }
	nav ul li.about-mobile { display:none; }
	nav ul li a { font: 300 18px/60px 'Museo', arial !important; padding:0 !important; border:none !important; width:100% !important; }
	nav ul li a:after { position:absolute; top:0; left:0; width:100%; height:100%; content:''; }
	nav ul li ul { display:none; }
	nav ul li ul a { font-size:16px!important; text-transform:uppercase!important; }
	#slideshow { margin:0; }
	.topbanner > img { width: auto; height: 170px!important;}
	#employee-login { text-align:center; }
	#employee-login .search { display:none; }
	.contact { display: block; width: 100%; height:380px}
	.contact .centre .content { width: 100%}
	.contact .centre img { display: none}
	.contact .centre input[type="submit"] { right:0;}
	.banner h1 { font-size:60px; }
	footer .sitemap ul { width: 40% !important; margin: 30px 0 0 0 !important}
	.content .contBg {padding: 15px; }
	.blog { margin-top:0px; }
	.psychologistBtn { right: 1px;  width: 200px!important;}

}
@media only screen and (max-width:760px) {
	.banner { height:180px }
	.banner h1 { font-size:50px; line-height:180px; }
	.form .remember { width: 26% !important; right: 74% !important; }
#tipgrid {width: 100% ; margin-left: 0;}
}
@media only screen and (max-width:670px) {
	.fade, .caroufredsel_wrapper { width:100% !important; bottom:0!important; }
	.fade .item { padding: 30px 30px 0 30px; }
	.fade p { width:100% !important; }
	.fade a { position:relative; display:inline-block; font-size: 26px; line-height: 26px; margin-top:20px; bottom:0; right:-30px; float:right; }
	a.nav { top:20px; width: 25px;height: 40px; }
	a.nav.next { right:20px; }
	a.nav.prev { right:70px; }
	#home main .content h1 { font-size: 30px}
	#home main .content p { font-size: 17px}
	#home main .content p.intro { font-size: 20px}
	.form .remember { width: 35% !important; right: 65% !important; }
}
@media only screen and (max-width:560px) {
	main .content { margin: 70px 0; }
	.loader { background-position: 50% 10px; }
	header .inner .logo { height:110px; }
	header .inner .logo a { margin: 10px auto }
	header .inner .logo, header .inner .details { position:static;display:block; width:100%;border:none;}
	header .mobile-text { width:100%; }
	.boxes .box{ width: 100%}
	.banner { height:150px }
	.banner h1 { font-size:40px; line-height:150px; }
	.topbanner > img { width: auto; height: 130px!important;}
	#employee-login p a { font-size:38px; }
	footer .sitemap ul.locations li span { display: inline-block}
	footer .sitemap ul.locations li a { clear:  none; display: initial}
	footer .sitemap ul { width: 100% !important; margin: 30px 0 0 0 !important; overflow: hidden !important; text-align: center !important; padding: 0 !important}
	footer .copyright .break { display:block; opacity:0; }
	footer .pd { top:20px; margin:0; }
}
@media only screen and (max-width:500px) {
	.contact { height: 615px }
	.contact form .left{ width:100%;  display: block; clear: both}
	.contact form .right { width:100%; display: block; clear: both; margin: -15px 0}
	.contact .centre input[type="submit"] { position:relative; top: 20px; width: 100%; right: initial; }
	.contact p { font-size:14px; }
	.banner { height:180px }
	.banner h1 { font-size:40px; line-height:40px; margin-top: 30px;}
	.banner h1 span { display:block; }
	#employee-login { position:relative; }
	#employee-login p a { font-size:48px; }
	#employee-login span { display:block; }
	#employee-login img:last-child{margin: 0px 0 0 30px; top: 3px; position: relative;}
	#home .boxes { margin-top:0; }
	.form .remember { width: 40% !important; right: 61% !important; }
	.psychologistBtn {float: none;  margin-bottom: 20px!important; }
}
@media only screen and (max-width:400px) {
	.contact { height: 620px }
}