y* { box-sizing:border-box; }

/* */
html,body,h1,h2,h3 {margin:0;padding:0; }
html {}
html.home {overflow-x:visible;}
body { color:#474747;font-family: 'Comfortaa', cursive; font-size:16px; background: #ffffff;}
img {border:none;}
a {border:none;text-decoration:none;outline:none;font-weight:normal;color: black;}
h1 {display:block;color: #000000;font-size: 28px;line-height: 34px;font-weight: normal;text-transform: uppercase; letter-spacing: 1px;margin: 0px 0 43px 0;text-align: center;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.22);}
h2 {font-size: 23px;margin: 45px 0 13px 0;color: #000000;font-weight: normal;}
.home h2 {font-size: 30px;margin: 25px 0 10px 0;text-align: center;font-weight: normal;}
h3 {font-size: 19px;margin:17px 0 0 0;line-height: 25px;/* font-weight:normal; */}
p {line-height:25px;margin: 12px 0 27px 0;line-height: 33px;color: #000000;}

@media (max-width:730px) {
	.content p {font-size: 16px;line-height: 25px;}
}

table {font-size: 16px;}
hr { border:none;  margin: 30px 0; border-bottom: 2px solid #dedede;}
input {outline:none;}

.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }
.clickable, .clickable2 { cursor:pointer;}

::selection {background: #d2d2d2; color:#292929 ;}
::-moz-selection {background: #d2d2d2; color:#292929 ;}
::-webkit-selection {background: #d2d2d2; color:#292929 ;}

.clear {clear:both;}
.right {float:right; }
.left {float:left;}
.tel, .tel:hover {text-decoration:none !important; cursor:default; color:white;}
a.button {position:relative; padding: 15px 20px 13px 20px;font-size: 18px;background:black;color:white;border-radius: 3px;text-transform:uppercase;transition: 0.3s;}
a.button:before {position:absolute;content:'';right:10px;top: 0px;width:30px;height: 100%;background: url(../images/right2.png) center no-repeat;background-size: 12px;opacity:0;transition: 0.3s;}
a.button:hover {padding-right:50px;}
a.button:hover:before {opacity:1;}



/*HEADER======================================*/
	
header {position:relative;z-index: 100;top: 0px;left: 0px;width: 100%;transition:background 0.3s;}

	/*UPPER tabs etc-----*/
	.upper {background:#e8e8e8;box-shadow: inset 0px -10px 11px -10px rgba(0, 0, 0, 0.27);padding: 8px 25px 0px;}
	.upper .center {position:relative;margin: 0 auto;max-width: 1552px;}
	.tab {position:relative;float:left;text-transform:uppercase;color:black !important;font-size: 13px;border-radius:2px 2px 0 0;line-height: 37px;text-align:center;width: 49%;max-width: 230px;text-transform:uppercase;box-shadow: inset 0px -10px 9px -10px rgba(0, 0, 0, 0.0); transition:  0.3s background;}
	.tab:first-child {/* margin:0 8px 0 0; */}
	.tab:after {position:absolute;content:'';left: -2%;bottom:-8px;width: 106%;height:8px;background: #ffffff; opacity:0; transition:0.3s;}
	.tab:hover {background:#f1f1f1;box-shadow: inset 0px -10px 9px -10px rgba(0, 0, 0, 0.17);}
	.tabActive{background:#ffffff !important;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.27) !important;}
	.tabActive:after {opacity:1;}
	.tab .s1 {display:none;}
	
	@media (max-width:730px) {
		.tab {max-width:150px;}
		.tab .s2 {display:none;}
		.tab .s1 {display:inline;}
	}
	@media (max-width:515px) {
		.tab {max-width:250px;float: none;display: inline-block;}
	}
	@media screen and (max-width: 350px) {
		.tab span{display:none;}
	}
	

	
	@media screen and (max-width: 515px) {
		.upper {padding: 44px 15px 0px;}
		.upper .center {text-align: center;}
	}
	
	
	.header {position:relative;z-index: 10;top:0px;left:0px;text-align:center;margin:0 auto;width: 100%; height: 70px;
		/*display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
		display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;flex-direction: row;-ms-flex-direction: row;
		align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;*/
	}
	.home .header {height: inherit; }
	.logo {display: inline-block;color: white;margin: 19px 0px 5px 0px;padding: 0 20px;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.63);transition: 0.3s;}
	.logo img {width: 410px;height:auto;}
	/*.home .logo img {    width: 500px;} Disabled by RP */
	
	@media (max-width:1050px) {
		.logo {margin: 6px 0px 8px;}
		.logo img {max-width: 340px; width:100%;}
	}

	.fade {position: absolute; pointer-events: none; top: 0px;left:0px;z-index:5;width: 100%;height:294px;background: url(../images/fade.png) repeat-x center -180px;}	
	
	/* Nav========================================= */
	nav {position: absolute;top: 74px;z-index: 1000;width: 100%;}
	.home nav {top: 0px;}
	nav.sticky {position:fixed; top:0px;}
	nav .mobileMenu {display:none;position:absolute;bottom: 0px;left:0px;width: 100%;height:100%;}
	nav .quote {display:none;position:absolute;bottom: 0px;right:0px;width: 50%;height:100%;font-size: 21px;line-height: 56px;background: #d9ea49;color:#011607;}
	nav > .mobileMenu span {position:absolute;width: 10px;right: 51.8%;top: 10px;display:block;cursor:pointer;line-height: 28px;font-size: 21px;color: #000000;letter-spacing: 1px;transition: 0.2s line-height;}
	nav > .mobileMenu:after {position:absolute;content: "\f0c9";right: 49%;top: 9px;width: 57px;font-family:fontAwesome;display:block;cursor:pointer;font-weight:bold;line-height: 28px;font-size: 20px;color: #000000;font-weight: normal;transition: 0.2s line-height;}
	
	nav > ul {list-style:none;margin: 0 auto;max-width: 713px;max-width: 1313px;padding:0;text-align: center;padding-left: 10px;}
	.nav1 > ul.school {max-width: 683px;}
	.nav2 > ul.school {max-width: 963px;}
	
	nav > ul > li {position:relative;display: inline-block;font-weight: bold;/* border-left: 1px solid #cfcfcf; */}
	nav > ul > li > a {display:block;text-align:center;padding: 2px 16px 0px 16px;font-size: 18px;line-height: 37px;color: #000000;text-transform: uppercase;/* border-right: 1px solid #ffffff; *//*background:white;*/transition:0.3s;}
	nav > ul > li:hover a {background: rgba(2, 2, 2, 0.09);color: #011607;}
	
	nav > ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 5px 0 1px 0;width: 218px;left: 0;top: 39px;overflow:hidden;transition: 0.2s;}
	nav > ul > li ul  li  {position:relative; margin: 0; float: left; margin:1px 1% 1px 0px; width:100%;}
	nav > ul > li ul  li  a {position:relative;display:block;line-height: 35px;padding: 0;text-align: left;padding-left: 13px !important;letter-spacing: -3px;font-weight:normal !important;font-size: 17px;color:rgba(255,255,255,0);transition: 0.2s;}
	nav > ul > li:hover ul  li  a  {background: #e5e5e5;letter-spacing: 0;color: #000000!important;transition: 0.2s;}
	nav > ul > li ul  li:first-child:before {border:none !important}
	nav > ul > li ul  li:hover:before { background:white; background:rgba(255, 255, 255, 1); transition: 0.2s;}
	nav > ul > li:hover ul  li:before {}
	nav > ul > li ul  li:hover a {background: #424242;color: #dddddd !important;}
	nav > ul > li ul  li:hover  a.pdf:before {background:url(../images/pdf2.png) center -23px no-repeat;}
	nav > ul > li:hover ul {height: 255px;transition: 0.4s;}

	nav > ul > li:first-child:hover ul {height: 230px !important;}
	nav > ul > li:hover ul li a { padding: 7px;}

	@media (max-width:1050px) {
		nav {top: 35px !important;}
		.home nav {top: 0px !important;}
	}
	@media (max-width:1050px) {
		.nav2 > ul{max-width: 650px;transition:0.3s;}
		.nav2 > ul.school {max-width: 860px;}
		.nav2 > ul > li > a {padding: 2px 8px 0 8px;line-height: 32px;}
	}
	@media (max-width:800px) {
		.nav1 > ul{max-width: 650px;transition:0.3s;}
		.nav1 > ul.school {max-width: 630px;}
		.nav1 > ul > li > a {padding: 2px 10px 0 10px;line-height: 32px;}
	}
	@media (max-width:900px) {
		
		.nav1 {float:none;padding-right: 0px;max-width: 890px;}
		.nav1 .mobileMenu {display:block;/* background: rgba(0, 0, 0, 0.06); */}
		.nav1 .quote {display:block;}
		
		.nav1 > ul {padding: 46px 0px 0 0;}
		.nav1 > ul.selected {width: 100%;border-bottom: solid 0px #FFF;}
		.nav1 > ul.selected > li {float: left;width: 100%;}
		.nav1 > ul.selected > li a {font-size: 18px;padding-top: 3px;line-height: 46px;text-align: left;background: rgba(255, 255, 255, 0.95);}
		.nav1 > ul.selected > li { display:block; margin-top: 1px; }
		.nav1 > ul > li:before {display:none;}
		.nav1 > ul > li {display:none;margin-top:0px !important;border-top: 1px solid rgba(0, 0, 0, 0.14) !important;}
		.nav1 > ul > li.green {display:none;}
		.nav1 > ul > li > a {position:relative;padding: 0 0 0 22px;color: #494747 !important;color: #474747 !important;}
		.nav1 > ul > li > a:before {display:none;position:absolute;z-index: 10;content:"\f0d8";font-family:fontAwesome;left: 22px;bottom: -14px;font-size: 27px;color: #000000;}
		
		.nav1 > ul > li ul {width: 100%;display: none;height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: #ccc;display: block;}
		.nav1 > ul > li:first-child:hover ul {height:inherit !important;}
		.nav1 > ul > li.parent a:before, .nav1 > ul > li.opened a:before {display:block;}
		.nav1 > ul > li ul  li  {width: 100%; margin:0;}
		.nav1 > ul > li ul  li  a,
		.nav1 > ul > li ul  li:hover a {padding: 0px 22px 0px 35px !important;letter-spacing: 0px;background: none !important;color: #292929 !important;font-size: 17px !important;border-top: 1px solid #a7a5a5;border-right: 1px solid #a7a5a5;}
		.nav1 > ul > li:hover ul  li  a {    color: #292929 !important;}
	}
	
	@media (max-width:880px) {
		
		.nav2 {float:none;padding-right: 0px;max-width: 860px;}
		.nav2 .mobileMenu {display:block;/* background: rgba(0, 0, 0, 0.06); */}
		.nav2 .quote {display:block;}
		
		.nav2 > ul {padding: 46px 0px 0 0;}
		.nav2 > ul.selected {width: 100%;border-bottom: solid 0px #FFF;}
		.nav2 > ul.selected > li {float: left;width: 100%;}
		.nav2 > ul.selected > li a {font-size: 18px;padding-top: 3px;line-height: 48px;text-align: left;background: rgba(255, 255, 255, 0.95);}
		.nav2 > ul.selected > li { display:block; margin-top: 1px; }
		.nav2 > ul > li:before {display:none;}
		.nav2 > ul > li {display:none;margin-top:0px !important;border-top: 1px solid rgba(0, 0, 0, 0.14) !important;}
		.nav2 > ul > li.green {display:none;}
		.nav2 > ul > li > a {position:relative;padding: 0 0 0 22px;color: #494747 !important;color: #474747 !important;}
		.nav2 > ul > li > a:before {display:none;position:absolute;z-index: 10;content:"\f0d8";font-family:fontAwesome;left: 22px;bottom: -14px;font-size: 27px;color: #000000;}
		
		.nav2 > ul > li ul {width: 100%;display: none;height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: #ccc;display: block;}
		.nav2 > ul > li:first-child:hover ul {height:inherit !important;}
		.nav2 > ul > li.parent a:before, .nav2 > ul > li.opened a:before {display:block;}
		.nav2 > ul > li ul  li  {width: 100%; margin:0;}
		.nav2 > ul > li ul  li  a,
		.nav2 > ul > li ul  li:hover a {padding: 0px 22px 0px 35px !important;letter-spacing: 0px;background: none !important;color: #292929 !important;font-size: 17px !important;border-top: 1px solid #a7a5a5;border-right: 1px solid #a7a5a5;}
		.nav2 > ul > li:hover ul  li  a {    color: #292929 !important;}
	}
	
	
	@media (max-width:350px) {
			nav > .mobileMenu:before {font-size: 18px;}
			nav > .mobileMenu:after {font-size: 18px;}
			nav .quote {font-size: 18px;}
		}

/*Header Banner ============================================ */
.dynamic-headers {position: relative; }
	.rslides {margin:0 auto !important;  }
	.rslides li {padding-top:0%; transition:0.3s;}
	.int-slides li {height:440px; }
	.home_slides li {height: 678px;}

	.rslides_nav {opacity:0;position: absolute;z-index:150;top: 0px;width: 7%;min-width: 50px;max-width: 120px;height: 100%;font-size: 37px;background-position:center;background-repeat:no-repeat;background-size: 28px;cursor:pointer;overflow:hidden;text-indent:1000px;transition:0.3s;}
	.home .rslides_nav {opacity:1;}
	.rslides_nav.next {background-image: url(../images/right.png);background-size: 22px;right:0px;background-position: 50% 32%;}
	.rslides_nav.prev {background-image: url(../images/left.png);background-size: 22px;left:0px;background-position: 50% 32%;}
.roomImages:hover .rslides_nav {opacity:1;} 	
	.rslides_tabs {position:absolute;z-index:100;list-style:none;padding: 0px;left:0px;bottom: 9px;width:100%;text-align:center;}
	.rslides_tabs li {
	display:inline-block;
	width: 14px !important;
	height: 14px !important;
	min-height: 14px !important;
	max-height: 14px;
	border-radius:30px !important;
	background: rgba(0, 0, 0, 0.55);
	margin: 0px 5px;
	overflow:hidden;
	text-indent:100px;
	box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.44);
	}
	.rslides_tabs li.rslides_here {background: rgb(0, 0, 0);}
	.rslides_tabs li a {text-decoration:none; display: block;}
	
	.overviewButton {position:absolute;    z-index: 100; bottom:20px; left:50%;display: inline-block;margin: 30px 0px 0px -132px;text-decoration:none; box-shadow: 0px 9px 11px -10px rgba(0, 0, 0, 0.28); 
    padding: 15px 20px 13px 20px;font-size: 18px; background: white;color: black; border-radius: 3px;text-transform: uppercase; transition: 0.3s;}
	
	.overviewButton:before {background: url(../images/right2.png) center no-repeat;background-size: 12px;}
	.overviewButton:hover {background:#000000;color: #9c9c9c;}

	@media (max-width:1600px) {
		.home_slides li {height:0px; padding-top:43%;}
	}
	@media (max-width:1050px) {
		.int-slides li { height:350px;}
		.fade {background: url(../images/fade.png) repeat-x center -160px; background-size: 89% 131%;}
	}
	@media (max-width:740px) {
		.rslides li {height:260px; padding-top:0%;}
		.home_slides li {height:353px;padding-top:0%; }
		.overviewButton {padding: 11px 15px 9px 15px;font-size: 16px;    margin: 12px 0px 0px -119px;}
	}
	
	
/* CTA Request Appointment ============================================ */
.ctaApp {background:black;padding: 52px 25px;}
.ctaApp .center {position: relative;max-width:1050px;margin:0 auto;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: center;}
.ctaApp h2 {text-transform:uppercase;color: white;text-align: left;font-weight: bolder;font-size: 1.7em;margin: 0;padding: 0 20px 0 0;}
.ctaApp p {font-size:18px;color: white;margin: 0px 0 0px 0;padding-right: 20px;}
.ctaApp a.button {background: white;color: black;width: 100%;max-width: 275px;padding: 15px 0px;text-align: center;}
.ctaApp .button:hover{ padding-right: 50px !important;}
.ctaApp a.button:before {background: url(../images/right.png) center no-repeat;background-size: 12px;}
.ctaApp .center.msg{margin-top: 1em;padding-top: 1em;border-top: 1px dotted #525252;}
.ctaApp .center.msg img{width: 100%; max-width: 261px;height: auto;border-radius: 6px;border: 7px solid #fff;}

	@media (max-width:810px) {
		.ctaApp {text-align:center}
		.ctaApp h2 {padding:0px; text-align:center}
		.ctaApp p {padding:0px;}
		.ctaApp a.button {display:inline-block; position:relative; top:inherit; right:inherit; margin-top:20px;}
		.ctaApp .center{flex-flow:column;}
		.ctaApp .center.msg img{margin-top:20px;}
	}

/* CTA Request Appointment ============================================ */
.ctaGifts {background:white;padding: 71px 3% 90px;}
.ctaGifts .center {position: relative;max-width:1050px;margin:0 auto;}
.ctaGifts h2 {font-size:22px;text-transform:uppercase;color: black;text-align: left;margin: 0px 0px 18px;padding-right: 497px;}
.ctaGifts p {font-size:18px;color: black;margin: 0px 0px 64px;padding-right: 497px;line-height: 22px;}
.ctaGifts a.button {}
.ctaGifts img {position:absolute;right: 0px;top:50%;margin-top: -116px;}

	@media (max-width:1020px) {
		.ctaGifts h2 {padding-right: 437px;}
		.ctaGifts p {padding-right: 437px;}
	}
	@media (max-width:810px) {
		.ctaGifts {text-align:center}
		.ctaGifts h2 {padding:0px; text-align:center}
		.ctaGifts p {padding:0px;}
		.ctaGifts img {display:inline-block; position:relative; top:inherit; right:inherit; margin-top:20px; max-width:100%; height:auto;}
	}

/* CTA Map and Locations ============================================ */
.ctaMap {position: relative; margin:3px 0px;}
.ctaMap .locations {position:relative; float:right;width:31%;padding-left: 3%; margin: 30px 0px; transition:0.3s;}

.ctaMap .locations > div {position:relative;max-width: 450px;padding: 0px 40px 0px 63px;font-size: 14px;margin: 28px auto;}
.ctaMap .locations > div:before {position:absolute;content:'';left: 7px;top: 0px;width: 63px;height: 47px;}
.ctaMap .locations > div:nth-child(1):before {background:url(../images/m1.png) no-repeat center;}
.ctaMap .locations > div:nth-child(2):before {background:url(../images/m2.png) no-repeat center;}
.ctaMap .locations > div:nth-child(3):before {background:url(../images/m3.png) no-repeat center;}
.ctaMap .locations a {display: block;padding-top: 5px;position:relative;font-size:18px;font-weight: bold;}
.ctaMap .locations .address {position: relative;color:#6d6d6d;line-height: 17px;margin: 7px 0px 7px;}
.ctaMap .locations .phone {display:inline-block;background:#494949;color:white;padding: 4px 7px 2px;border-radius: 3px; margin:0px; line-height: 16px;}
.ctaMap .locations .phone a {color:white;}
.ctaMap .locations .hours {margin: 7px 0px 0px 0px;line-height: 18px;}
.ctaMap .map {display:block; position:relative;float:right; width:68%; background:url(../images/map.png) 48% center no-repeat; height:592px; text-indent:-3000px;transition:0.3s;}
.ctaMap .map1 { background:url(../images/map1.png) 48% center no-repeat;  height:412px; }
.ctaMap .map2 { background:url(../images/map2.jpg) 48% center no-repeat;  height:267px; }
.ctaMap #map {position:relative;float:right; width:66%; height:592px;transition:0.3s;}	
.ctaMap .map:after,
.ctaMap #map:after {position:absolute;content:'';left: -3px;top: 0px;width:122px;height: 100%;background: url(../images/fade2.png) repeat-y center;}

	@media (min-width:2135px) { 
		.ctaMap .map {background-size:cover;}
	}
	@media (min-width:1491px) {
		.ctaMap .locations {width: 28%;}
	}
	@media (max-width:1490px) { 
		.ctaMap .locations {width:45%; margin:30px 0px;}
		.ctaMap .locations > div  {    max-width: 270px;}
		.ctaMap .map {width:52%;}
		.ctaMap #map {width:52%;}
	}
	@media (max-width:930px) { 
		.ctaMap .locations {width:100%;}
		.ctaMap .map {width:100%;background-position: center -135px;height: 375px;}
		.ctaMap #map {width:100%; height: 395px;}
		.ctaMap .map:after,
		.ctaMap #map:after {display:none;}
	}
	@media (max-width:590px) { 
	   .ctaMap .map { background-position: 50% 40%;     background-size: 261%; }
	   .ctaMap .locations > div {padding: 0px 20px 0px 63px;}
	}
	
/*Main Content ============================================ */
.content {background:#f3f3f3; min-height: 300px;padding: 0px 3%;}
.content article {max-width: 1050px;padding: 0px 0 0px 0;margin: 75px auto 75px auto;}
.content article h3 {margin-bottom:10px;}
.content article p {width: 100%;line-height: 22px;}
.content article img {display: block;max-width:100%;height:auto;border-radius: 2px;/* box-shadow: 2px 8px 18px -10px rgba(0, 0, 0, 0.45); */}
.content article a {position:relative; font-weight:bold; text-decoration:underline; transition:0.3s;}
.content article a:hover {text-decoration:none;}
.content article a:after {position:absolute;content:'';}
.content article a.button {display: inline-block;margin-bottom: 10px;text-decoration: none;}
.content article a.button:hover {}	
.content article .box {margin-bottom: 20px; background: rgba(0, 0, 0, 0.06); background:white; padding:25px 2%;}
.content article .box h2 {margin-top:0px;}
.content article .box ul {font-size: 14px;}
.content article .box ul li {line-height: 18px;}
.content article ul {list-style: none;padding:0px;}
.content article ul li {position:relative;/* background:white; padding: 5px 10px 5px 25px;*/margin-bottom: 2px; line-height: 20px;}
.content article ul li:before {position:absolute;content:'';/* left: 8px; *//* top: 10px; *//* width:8px; */height:8px;background:#ff6a00;border-radius:20px;}
.content article ul.white li {background:white;    padding: 5px 10px 4px 26px;}
.content article ul.white li:before { left: 8px !important; top: 10px !important;  width:8px !important; }
	ul.reqUL {}
	ul.reqUL li {padding-left: 27px;}
	ul.reqUL li:before { left: 9px;  top: 5px;  width:8px; }
	
/*Home Content area ============================================*/
.home .content  {}
.home .content article {}
.home .content p { color:#737272;}
.home .content .button {display: inline-block;margin-top: 30px;background:white;color: #9c9c9c;text-decoration:none; box-shadow: 0px 9px 11px -10px rgba(0, 0, 0, 0.28);}
.home .content .button:before {background: url(../images/right2.png) center no-repeat;background-size: 12px;}
.home .content .button:hover {background:#000000;color: #9c9c9c;}
	


		
/*DATE PICKER=================*/
div.ui-datepicker{ z-index: 100 !important; font-size:16px !important;box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.74);border: 1px solid rgba(255, 255, 255, 0.49)!important;}

.ui-widget-content {background: #2d2d2d !important;  border-radius: 3px !important; border:none !important;     margin: 5px 0 !important;}
.ui-datepicker table {background: transparent !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:none !important;color: #FBFBFB      !important;background: transparent !important;}	
.ui-datepicker select.ui-datepicker-month,  .ui-datepicker select.ui-datepicker-year {width: 47%;display: inline-block;background:#aa9679;border: 0px;margin: 0 2px;}
.ui-datepicker .ui-datepicker-header {    background: transparent !important;box-shadow: 0 7px 7px -9px rgba(20, 49, 58, 0.58);border: none;}
.ui-datepicker th {color: rgba(255, 255, 255, 0.54);}
.ui-datepicker .ui-datepicker-title {color: #FCFCFC  !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {color: #FBFBFB      !important;  border: none!important;  text-shadow:none !important;background:rgba(97, 96, 96, 0.83) !important;}
.ui-state-active:hover, .ui-widget-content .ui-state-active:hover, .ui-widget-header .ui-state-active:hover {border: none!important;/* background: #fff !important; */}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color: #FFFFFF  !important;background: rgba(0, 0, 0, 0.89) !important;}
.ui-datepicker td a {padding: 4px 0;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .30;}
.my-class .ui-state-default:hover {border:none !important;}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {background: rgba(0, 0, 0, 0) !important;}




	


/*ABOUT page specific*/
.Team h2 {background: black;color: white;padding: 5px 10px; border-radius: 2px;}
.Team table,
.Team table tbody,
.Team table tr,
.Team table tr td {display:block;}

.Team table {position:relative;}
.Team table * {box-sizing:border-box;}
.Team table tr {position:relative;width:100%;clear:both;padding: 30px 0px 30px 0px;min-height: 415px;border-bottom: 2px solid #e8e8e8;}
.Team table tr:last-child {border-bottom:none !important;}
.Team table tr:before { content: " "; display: table; }
.Team table tr:after { content: " "; display: table; clear: both; }
.Team table tr td {float:left; padding:15px;}


.Team table tr:nth-child(odd) td {float:left;}
.Team table tr:nth-child(even) td {float:right;}
.Team table tr td:nth-child(1) {position:absolute; width:250px; transition:0.3s;}
.Team table tr:nth-child(odd) td:nth-child(1) {left:0px;}
.Team table tr:nth-child(even) td:nth-child(1) {right:0px;}
.Team table tr td:nth-child(2) {width:100%;  transition:0.3s;}
.Team table tr:nth-child(odd) td:nth-child(2) {padding-left:270px;}
.Team table tr:nth-child(even) td:nth-child(2) {padding-right:270px;     text-align: right;}
.Team table tr td:nth-child(1) img {width:100%;height:auto;border-radius: 4px;}
.Team table tr td:nth-child(2) ul {list-style: none;padding: 0px;text-align: left;}
.Team table tr td:nth-child(2) ul li {display:inline-block;margin: 0px 3px;}
.Team table tr td:nth-child(2) a {display: inline-block;text-decoration:none;font-size: 20px; margin:0px 2px; padding: 4px 4px;width: 33px;color: #4d4d4d;background: #efcd9b;border-radius: 30px;box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.41); text-align:center;}
.Team table tr td:nth-child(2) a.faceb:before {font-family:fontAwesome;content:'\f09a'; padding-left: 2px;}
.Team table tr td:nth-child(2) a.linkedin:before {font-family:fontAwesome;content:'\f0e1'; padding-left: 4px;}
.Team table tr td:nth-child(2) a.envelope:before {font-family:fontAwesome;content:'\f0e0';     padding-left: 3px;}
.Team table tr td:nth-child(2) a.phone:before {font-family:fontAwesome;content:'\f095';     padding-left: 5px; position: relative; text-outline: 1px;}
@media screen and (max-width:620px) {
	.Team table tr td {width:100% !important;}
	.Team table tr td:nth-child(1) img {display: block; margin: 0 auto;max-width:250px;}
	.Team table tr td:nth-child(1) {position:relative;}
	.Team table tr td:nth-child(2) {padding:0px !important; text-align:center !important;}
	.Team table tr td:nth-child(2) ul {text-align: center;}
	.Team table tr td:nth-child(2) ul li {margin: 0px 4px;}
	.Team table tr td:nth-child(2) a {font-size: 25px;padding: 5px 4px;width: 40px;}
	.Team table tr td:nth-child(2) a.linkedin:before {padding-left: 6px;}
}



/*SERVICES page ==========================*/
.service {position:relative;border:1px solid #f3f3f3;width:100%;}

.service tbody {display:block;}
.service tr {position:relative;border: 0px solid #f3f3f3;border-bottom: 50px solid #f3f3f3;}
.service tr:nth-child(odd) {}
.service tr td {width:100%;padding: 0px 0%;    /*vertical-align: top;*/}
.service tr td:nth-child(1) {width:200px;background: transparent;border: none;padding: 0px;}


.content article .service img {display: block;border-radius:180px;margin-right: 50px;margin: 0 auto;}
.content article .service h2 {width: 190px;text-align: center;margin: 14px 0px 0px 0;font-size: 20px;}
.content article .service ul {background:white;list-style:none;padding:0px;margin: 0px; border-radius:3px;}
.content article .service ul li {position:relative;padding: 10px 3% 7px 3%;border-top: 1px solid #f3f3f3;line-height: 22px;transition:0.3s;}
.content article .service3 ul li {padding: 10px 3% 7px 28px;}
.content article .service ul li:nth-child(1) {border-top: 0px solid #f3f3f3;}
.content article .service ul li:before {position:absolute;content:'';width:8px;height:8px;background: none;}
.content article .service3 ul li:before {background: #ff6a00 !important; left: 10px; top: 16px;}
.content article .service ul li:hover {background: #f3f3f3;}
.content article .service ul li form {display:inline-block;}
.content article .service ul li form button {position:absolute;right: 3%;top:50%;width: 26px;height: 26px;line-height: 26px;margin-top: -13px;color:#ff6a00 !important;padding: 0px 0px 0px 16px;background:#ff6a00;overflow: hidden;border-radius:30px;border:none;box-shadow: 0px 0px 14px #f3f3f3, 0px 0px 18px #f3f3f3;transition:0.3s;}
.content article .service ul li form button:before {position:absolute;content:'+';left: 3px;top: 3px;width: 20px;height: 20px;font-size:30px;font-weight:bold;text-align: center;color: white;transition: 0.5s;}

.content article .service ul li:hover form button {width: 98px; color:white !important;}
.content article .service ul li:hover form button:before {-webkit-transform: rotate(180deg);transform: rotate(-180deg);}

.service2 tr td {/* padding: 15px 3%; */vertical-align: top;}
.service2 tr ul li {padding-right:120px !important;}
.service3 tr td {/* padding: 15px 3%; */vertical-align: middle;}

@media screen and (max-width:700px) {
	.service2 tr ul li {padding: 9px 3%!important;}
	.content article .service2 ul li form {display:block !important;} 
	.content article .service2 ul li form button {margin-top: 12px;position: relative;right: inherit;left: 0px;}
	.content article .service2 ul li form button {width: 98px; color:white !important;}
	.content article .service2 ul li form button:before {-webkit-transform: rotate(180deg);transform: rotate(-180deg);}
}

@media screen and (max-width:560px) {
	.service, 
	.service tbody,
	.service tr,
	.service td {display:block !important;}
	.service tr {width:100% !important; border-bottom: 60px solid #f3f3f3;}
	.service tr td {width:100% !important; border: 0px solid white;}
	.content article .service h2 {margin: 14px 0px 15px 0px;    width: 100%;}
	.content article .service3 ul li {padding: 10px 3% 7px 24px;}
}



/*SCHOOLS  sub page specific============== */

.tuitions {}
.tuitions tr {}
.tuitions td {}

.tuition li:hover {background: #ffffff !important;}
.tuition li:before {top: 15px !important;}


table.aboutSchools {border:0px;}
table.aboutSchools tr {border:0px;}
table.aboutSchools td {border:0px; padding: 12px 2% 0px;}
table.aboutSchools td:nth-child(1) {background: white; width:250px; vertical-align:top; padding: 25px 2% 10px;}
table.aboutSchools td:nth-child(1) p {margin: 12px 0 9px 0;}
	@media screen and (max-width:660px) {
		table.aboutSchools,
		table.aboutSchools tbody,
		table.aboutSchools tr,
		table.aboutSchools td {display:block;}
		table.aboutSchools td {width:100% !important;}
	}


/* Gallery============================ */
#gallery-categories { list-style: none !important; padding: 0; margin: 0 0 70px 0;}
#gallery-categories li {position:relative;width: 25%;width: 48%;float:left;margin: 10px 1%;border: solid 8px #f6f4f1 !important;padding: 0px 0px 0px 0px;border-radius: 4px;box-sizing:border-box;}
#gallery-categories li:before {display:none;}
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span {position: absolute;top: 50%;left: 50%;display: inline-block;width: 280px;margin: -22px 0 0 -140px;background: rgba(255, 255, 255, 0.66);text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);text-align:center;font-size:24px;letter-spacing: 1px;font-size: 27px;border-radius: 3px;padding: 11px 20px 9px 20px;color: black;box-sizing:border-box;border-radius: 4px;transition:0.3s;}
#gallery-categories li:hover a span {color: white;background: rgba(0, 0, 0, 0.9);}
#gallery-categories li a img { display:block; width:100%; height:auto; }

@media screen and (max-width: 700px) {	
		#gallery-categories li {float:none;display:block;margin:0px auto 40px auto;width: 100% !important;max-width:410px;}
	}
	
		
/* Aligned Gallery*/
.aligned-gallery { list-style:none;     padding: 0px 0px 0px 15px;}
.aligned-gallery li {display:block;float:left;margin: 5px;width: inherit;padding: 0px;box-;box-shadow: 0px 0px 11px -8px rgba(0, 0, 0, 0.0);sition:0.3s;}
.aligned-gallery li:hover {/* box-shadow: 0px 10px 11px -8px rgba(0, 0, 0, 0.41); */}
.aligned-gallery li:before {display:none;}
.aligned-gallery li a { display:block; cursor:zoom-in}
.aligned-gallery li a img { display:block; margin:0px !important; border-radius: 3px;}
	

	@media screen and (max-width: 780px) {	
		#gallery-categories li {display:block;margin: 0px auto 10px auto;width: 50%;max-width: 400px;}
	}
	@media screen and (max-width: 550px) {	
		#gallery-categories li {float:none;display:block;margin: 0px auto 0px auto;width: 100%;max-width:300px;}
	}
	


/*CONTACT PAGE =============================================================== */
.form label {display: none ; margin-top: -20px; color:#53320C}
.inputsFull label {margin-top:10px;}


/*CONTACT FORM OVERIDES=====================*/

form fieldset div.formfields button { background-color: #000000;     padding-top: 4px;transition:0.3s;}
form fieldset div.formfields button:hover {background-color: #4a4a4a;}





/*FOOTER==================================*/
footer {}
footer .bottom {background:black; }
footer .center {margin: 0 auto;padding:60px 4% 14px 4%;text-align: center;}
footer .center .logo2 {display:inline-block;}
footer .center span {color:#5f5f5f; font-size:14px; font-style:italic;}
	
	
	/*Social*/
	.social {text-align: center;width: 150px;margin: 20px auto 0px auto;}
	.social .connect {font-size:13px;color: #2c2c2c;display: block;}
	.social  .icon {position:relative; display: inline-block;width: 32px;height: 36px;line-height: 38px;color: #ffffff;text-indent: -300px;overflow: hidden;margin: 0 2px 0px 2px;font-size: 31px;text-align: center;opacity: 0.5;transition:0.3s;}
	.social .fa {text-indent: 300px;}
	.social .fa-phone {overflow:visible;font-size: 33px;padding-top: 2px;padding-right: 28px;line-height: 33px;}
	.social .fa span {font-size: 16px;padding: 0 4px;}
	.social .icon img {position:absolute;right:0px;top: 1px;width: 23px;height: auto; transition:0.3s;}
	.social .icon:hover img {}
	.social a:hover {    opacity: 0.8;}
	
	@media screen and (max-width: 515px) {
		.social {right:50%;  top:-40px;}
	}
	
/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }


/*YOUTUBE HEADER CSS*/
/*homepage video additions*/
.home header{ overflow:hidden; } /*needed for the video to prevent it from extending way below the window*/
.home #ytvid {position: absolute;top: 0px;left: 0px;display: block;width:100% !important;height: 100%!important;}
.home header{ position:relative; top:0; width:100%; z-index: 1; max-height: 100vh; }
.home .overlay h1, .home .overlay > span { pointer-events: none; }
.home .vid-wrapper{ height:0; width:100%; display:block; padding-top:56.25%; position: relative; }
.home .vid-wrapper:after{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 0;opacity: 0.2;pointer-events: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAIUlEQVQYV2NkYGD4z4AKGJG5IA5BBWgGoGpAMQ6qEsVEABuCBAOFVXbSAAAAAElFTkSuQmCC); }
@media (max-width:670px) { /* Matching the nav collapse*/
	.home header{ overflow:visible;} /* allows us to see the nav drop down*/
	.home .fade{ display:none; }
	.home .vid-wrapper{ margin-top:3em; }
	.home nav{ margin-top:-3em}
}
/* Footer columns */
footer .cols{
	display: flex;
	flex-dir: row;
	flex-wrap: nowrap;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: center;
	max-width: 1050px;
	margin: 0 auto;
}
footer .cols .col{
	width: 33.33%;
	margin: 0 auto;
}
footer .cols .col.copy{}
footer .cols .col.social{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
footer .cols .col.social a{
	margin:0 10px;
}
footer .cols .col.employment{}
footer .cols .col.employment a{
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #313131;
	border: 1px solid #494949;
	padding: 1em;
	border-radius: 6px;
	line-height: 1.4em;
}
footer .cols .col.employment a span{
	display: block;
	color: #fff;
	text-decoration: underline;
	font-style: normal;
	font-size: 1em;
	text-transform: uppercase;
}
footer .cols .col.employment a strong{}
@media (max-width:930px) {
	footer .cols{flex-direction: column; flex-flow: column nowrap;}
	footer .cols .col{width:90%;margin:10px auto;}
}