body {font-size: 20px; color: #252525;}
h2 {margin-bottom: .7em; margin-top: 1em; color: #6d6f71;}
.top + .wrapper {padding-top: 60px;}

table {width: 100%; border-collapse: collapse; font-size: 70%; line-height: 1; margin: 2em 0;}
table th {font-family: 'open_bold'; font-weight: normal; background-color: #ffca39; padding: 24px 8px; text-align: center;}
table tr th:first-child {background-color: #fff;}
table tr td {padding: 12px 10px; text-align: center;}
table tr td:first-child {text-align: left;}
table tr:nth-child(2n) td {background-color: #f4f4f4;}
table tr:nth-child(2n+1) td {background-color: #eaebeb;}
table tr:nth-child(2n) td:first-child {background-color: #fff;}
table tr:nth-child(2n+1) td:first-child {background-color: #f4f4f4;}
table tr td img {width: auto;}

table strong {display: block; font-family: 'open_bold';}
table small {font-style: italic;}

.bigDots {list-style-image: url(../images/big-dot.png); padding-left: 22px; margin-bottom: 60px;}

.acc {font-size: 13px;}

hr {margin: 2em 0;}
input[type="text"], input[type="password"],input[type="cap"]  {border: 1px solid #6d6f71; background-color: #fff; width: 94%; padding: 12px 3%; font-weight: bold;}
input[type="submit"] {border: none;}
input[type="cap"] {width: 77% !important;}
.login input[type="submit"] { margin-top:10px;}
input.sm {width: 23%; margin-right: 4%;}
div input.sm:last-child {margin-right: 0;}

.twoCol > div:first-child {width: 48%; float: left; margin-bottom: 1em;}
.twoCol > div:last-child {width: 48%; float: right; margin-bottom: 1em;}


.threeCol > div {float: left; width: 32%; margin-right: 2%;}
.threeCol > div:last-child {margin-right: 0;}

.baigeBg {background-color: #fffaeb; padding: 60px 0; margin: 2em 0;}
.rightCol .baigeBg {margin: 0;}

.circleNum {margin: 0 auto 50px; width: 138px; height: 138px; font-size: 100px; font-family: 'open_bold'; border-radius: 100%; border: 18px solid #fbd46c; color: #fbd46c; text-align: center; line-height: 130px; }
.threeCol > div:nth-child(2) .circleNum {border: 18px solid #ffca39; color: #ffca39;}
.threeCol > div:nth-child(3) .circleNum {border: 18px solid #d19d2b; color: #d19d2b;}

.alignCenter {text-align: center;}
.alignRight {text-align: right;}

.smallCol { width: 30%;}
.lrgCol {width: 70%;}

.fltRight .pad {padding: 0 0 0 40px;}
.fltLeft .pad {padding: 0 40px 0 0;}

.fltLeft {float: left;}
.fltRight {float: right;}

img.icon {width: auto;}


.acc {padding: 0; list-style: none; margin:0; /* overflow-x: hidden; */overflow-x: hidden; background:#ffca38; }
	.acc li {float: left; width: 16.66%; overflow: hidden; }


  .pad {padding:0 40px;}
	.acc h3 {margin: 0; color:#fff79a; line-height: 1;/* font-family: 'Open-Sans'; */ font-size: 16px;}
	/* .acc li:hover {background: #fcd404;} */
	
.accOdd {overflow: hidden;}	
	
.acc li.content { background: #252525; line-height: 1.5; width: 0;}
.acc li.content.active {width: 16.66%; }


li.content .pad {padding:20px; background: #252525; }

.acc li.content p { color:#fff79a;}


.more {color:#ffca38; float:right; font-family: 'open_bold';}
li.uno, li.cinco {background: #fff79a;}
li.uno.selected{background: url(../images/footer-img-power-school.jpg) no-repeat !important; background-size: cover;}
 li.cinco.selected  {background: url(../images/footer-img-staff-training.jpg) no-repeat !important; background-size: cover;}
li.uno:hover, li.cinco:hover {background: #d19d2a;}
li.dos {background: #ffca38;}
li.dos.selected {background: url(../images/footer-img-family-bridge.jpg) no-repeat !important; background-size: cover;}
li.dos:hover {background: #fcd404;}
li.tres {background: #d19d2a;}
li.tres.selected {background: url(../images/footer-img-parent-principles.jpg) no-repeat !important; background-size: cover;}
li.tres:hover {background: #ffca38;}
li.quatro {background: #fcd404;}
li.quatro.selected {background: url( ../images/footer-img-careers.jpg) no-repeat !important; background-size: cover;}
li.quatro:hover {background: #ffca38;}


.top.admissions {background-image: url(../images/admissions-banner.jpg);}
.top.faq {background-image: url(../images/banner-faq.jpg);}
.top.team {background-image: url(../images/banner-team.jpg);}
.top.therapy {background-image: url(../images/banner-therapy.jpg);}

.bordLeft { border-left: 1px solid #bdbbb4;}
.yellow {color: #d19d2b;}
.ltYellow {color: #ffca39;}
.condensed {font-family: 'open_sanscondensed_light';}
.bigger { font-size: 30px;}
.hide {display: none;}

.clear {clear: both;}

.qa {padding: 0 15% 0 15%;}
.qa hr {margin: 80px 0 60px;}
.qa .q {font-size: 42px; font-family: 'open_sanscondensed_light'; text-indent: -84px; line-height: 1; margin-bottom: 30px;}
.qa .q span {color: #ffca39; font-family: 'open_bold'; font-size: 60px;}
.qa .a span, .qa .a yellowtext {color: #ffca39; font-family: 'open_bold'; padding-bottom: 60px; }

.leftNav { width: 30%; float: left; text-align: right;}
.leftNav.fixed {position: fixed; top: 40px; float: none;}
.leftNav h3 {padding: 60px 30px 0;}
.leftNav ul {list-style: none; font-size: 16px; padding: 0;}
.leftNav ul li a {color: #6d6f71; padding: 8px 30px; display: block; float: none;}
.leftNav ul li a:hover, .leftNav ul li.active a {background-color: #fbd46c; color: #000;}
.leftNav .nav li {float: none; text-transform: none; text-align: right;}

.team {list-style: none; padding: 0; color: #252525; line-height: 1;}
.team li {float: left; width: 23%; margin-right: 2%; margin-bottom: 20px;}
.team li:nth-child(4n) {margin-right: 0;}
.team li:nth-child(4n+1) {clear: both;}
.team li .teamInfo {background-color: #ffca39; padding: 20px;}
.team li strong {text-transform: uppercase; font-family: 'open_bold'; display: block;}
.team li small {font-size: 14px;}

.filterList {list-style: none; padding: 0; margin: 0 0 50px; border-bottom: 1px solid #b6b7b8;}
.filterList li {float: left;}
.filterList li a {display: block; padding: 40px 12px 10px; color: #6d6f71;}
.filterList li a:hover, .filterList li a.active {color: #252525; background-color: #fbd46c;}

#overlay {position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1001; background-color: rgba(0,0,0,0.6); display: none;}
#teamLightbox {display: none; position: absolute; z-index: 1002;}


#teamLightbox .teamDetail {display: block;}
.teamDetail.login {padding:16%;}
.teamDetail {padding: 5%; background-color: #fff; width: 60%; margin: 0 auto; box-shadow: 0 0 12px #000; position: relative; line-height: 1.3; display: none;}
.teamDetail .close {display: inline-block; width: 57px; height: 58px; background: url(../images/close.png) no-repeat; background-size: contain; position: absolute; top: 20px; right: 20px; cursor: pointer;}
.teamDetail .leftCol {width: 27%; margin-bottom: 20px;}
.teamDetail h3 {font-size: 36px; margin: 0; text-transform: uppercase;}

.yellowBox {background-color: #ffca39; color: #252525; padding: 5%;}
.yellowBox h4 {color: #fff;}

.pagination {cursor: pointer;}

@media (max-width: 900px){

body {font-size: 16px;}

h3 {font-size: 18px;}

.twoCol > div:first-child, .twoCol > div:last-child {float: none; width: 100%;}
.threeCol > div {float: none; width: 100%;}
.qa .q {text-indent:  0;}
.qa .q span {font-size: 42px;}
.leftNav.fixed {position: static !important;}
.leftNav {float: none; width: 100%; text-align: left;}



}

@media (max-width: 700px){





.team li {width: 49%; }
.team li:nth-child(2n) {margin-right: 0;}
.team li:nth-child(2n+1) {clear: both;}

.teamDetail h3 {font-size: 22px;}
.teamDetail img {margin-right: 10px;}
.teamDetail .condensed {clear: both;}
.teamDetail .close {right: -10px; top: -10px; width: 20px; height: 20px;}

}