@charset "utf-8";
/* CSS Document */

@media (max-width: 1900px) {
	#footerwrapper .footer .left{
		width:85%;
	}
	
	#footerwrapper .footer .right{
		width:12%;
	}
	
	#pages.programs #community.pop .serv{
		width:90%;
	}
	
	#pages.programs #family.pop .side.one .serv{
		width:81%;
	}
	
	#pages.programs #family.pop .side {
	 
		padding: 90px 20px;
		width: 30%;
	}
	
	#pages.programs #family.pop .side.two {
 
		padding: 150px 20px;
	}
	
	#pages.ishine .link .location{
		top:55%;
	}
 
}

@media (max-width: 1700px) {
	#footerwrapper .footer .info{
		letter-spacing:0;
		padding:15px 0 0 30px;
	}
	
	#pages .banner.overlay h1{
		padding:0 0 20px 0;
		font-size:50px;
	}
	
	#pages.programs .service .link{
		bottom:180px;
	}
	
	#pages.programs .bottom .left{
		letter-spacing:0;
	}
	
	#topwrapper #navwrapper{
		width:79%;
	}
	
	#topwrapper #navwrapper a{
		padding:0 0 0 30px;
	}
	
	#innerwrapper #pages.regional .banner h1{
		font-size:45px;
	}
	
	#pages.programs .pop .serv {
		 
		margin: 45px 0 32px -12px;
	}
	
	#pages.programs .pop .serv.three {
		margin: 30px 0 32px -12px;
	}
	
	#pages.programs #community.pop .serv{
		width:88%;
	}
	
	#pages.programs #family.pop .side.one .serv{
		width:78%;
	}
	
	#pages.programs #community.pop .serv.three, #pages.programs #family.pop .side.one .serv.three {
		margin: 30px -18px 35px 0px;
	}
	
	#pages.programs #community.pop .serv, #pages.programs #family.pop .side.one .serv {
	 
		margin: 45px -18px 35px 0px;
	}
	
	#pages.programs .pop{
		padding:50px 60px;
	}
	
	#pages.ishine .banner.overlay .text{
		width:50%;
		top:90px;
	}
	
	#pages.ishine .link .location {
		top: 45%;
	}
		
}

@media (max-width: 1500px) {
	
  
	#pages .banner.overlay h1 {
		font-size:40px;
	}
	
	#footerwrapper .footer .info{
		font-size:12px;
		padding:13px 0 0 10px;
	}
	
	#footerwrapper .footer{
		padding:30px;
	}
	
	#footerwrapper .footer .right {
		width: 15%;
	}
	
	#pages .banner.overlay .text {
	 
		top: 30px;
		left: 30px;
		 
		width: 50%;
	}
	
	#pages.programs .services{
		height:85vh;
	}
	
	#pages.programs .bottom .right{
		width:40%;
	}
	
	#pages.programs .bottom .left{
		width:60%;
	}
	
	#pages.programs .service .link {
		bottom: 90px;
	}
	
	#pages.programs .pop .serv {
		margin: 37px 0 32px -12px;
	}
	
	#pages.programs .pop img{
		width:85px;
	}
	
	#pages.programs .pop {
		padding: 50px 55px;
	}
	
	#pages.programs .pop .serv.three {
		margin: 25px 0 32px -12px;
	}
	
	#pages.programs #community.pop .serv, #pages.programs #family.pop .side.one .serv {
		margin: 37px -18px 31.5px 0px;
	}
	 
	#pages.programs #community.pop .serv {
		width: 91%;
	}
	
	#pages.programs #community.pop .serv.three, #pages.programs #family.pop .side.one .serv.three {
		margin: 25px -18px 31px 0px;
	}
	
	#pages.programs #family.pop .side.one .serv.three{
		margin: 25px -18px 32px 0px;
	}
	
	#pages.programs #family.pop .side.one .serv {
		width: 80%;
	}
	
	#pages.programs #family.pop .side {
    	padding: 78px 20px;
	}
	
	#pages.programs #family.pop .side.two {
		padding: 122px 20px;
	}
	
	#pages.programs .service .link {
		bottom: 110px;
	}
	
	#pages.ishine .banner.overlay .text{
		top:50px;
	}
}

@media (max-width: 1350px) {
	#pages.programs .pop {
		padding: 50px 50px 0px 50px;
	}
	
	#pages.programs .pop .serv {
		margin: 37px 0 26px -12px;
	}
	
	#pages.programs #community.pop .serv {
		width: 90%;
	}
	
	#pages.programs #community.pop .serv, #pages.programs #family.pop .side.one .serv {
		margin: 37px -18px 26px 0px;
	}
	
	#pages.programs #family.pop .side {
		padding: 43px 20px;
		width:29%;
	}
	
	#pages.programs #family.pop .side.one .serv {
		width: 79%;
	}
	
	#pages.programs #family.pop .side.two {
		padding: 84px 20px;
	}
	
	#pages.ishine .link .location{
		font-size:25px;
		line-height:25px;
	}
	
	#pages.ishine .link .location .small{
		font-size:12px;
		line-height:13px;
		margin:4px 0 0 0;
	}
}

@media (max-width: 1200px) {
	
	 
	.main{
		width:1000px;
	}
	
	body{
		min-width:1000px;
	}
	
	#home .video, #home .services, #home .stats{
		background-position:center;
	}
	
	#home .stats .circle {
	 
		width: 220px;
	 
		padding:  0px 0 0 0;
		height: 220px;
		 
		margin: 10px 30px 0 30px;
		 
	}
	
	#home .strong {
	 
		font-size: 52px;
		line-height: 58px;
	}
	
	#home .stats .text {
 
		width: 78%;
		font-size: 13px;
		margin: 0 0 0 3px;
	}
	
	#home .stats .par.short {
		margin: 0 0 20px 20px;
	}
	
	#home .par {
		margin: 0 0 20px 0;
	}
	
	#home .stat {
	 font-size: 50px;
	}
	
	#footerwrapper .footer .left, #footerwrapper .footer .right{
		float:none;
		width:100%;
		text-align:center;
	}
	
	#topwrapper .logo{
		width:197px;
	}
	
	#rh .othersites{
		margin:78px 0 0 0;
	}
	
	#topwrapper #navwrapper{
		padding:15px 0 0 0;
	}
	
	#pages .banner.overlay .text{
		line-height:21px;
	}
	
	#pages.programs .services{
		height:auto;
	}
	
	#pages.programs .bottom .left, #pages.programs .bottom .right{
		float:none;
		width:100%;
		padding:10px 0;
		text-align:center;
	}
	
	#pages.programs .bottom .right{
		margin-top:10px;
	}
	
	#pages.programs .bottom .right .button{
		margin:0;
	}
	
	#pages.programs .bottom .small{
		text-align:center;
	}
	
	#pages.programs .pop{
		position:relative;
		padding:40px 5% 10px 5%;
		width:90%;
		margin:30px 0 0 0;
	}
	
	#pages.programs .pop.closed, #pages.programs #community.pop.closed{
		position:absolute;
	}
	
	#pages.programs .pop.closed .side{
		display:none;
	}
	
	#pages.programs #community.pop {
	 
		padding: 40px 10% 10px 5%;
		width: 85%;
	}
	
	#pages.programs #family.pop .side {
		padding: 43px 5%;
		width: 40%;
	}
	
	#pages.programs #family.pop .side.two {
		padding: 84px 5%;
		width:40%;
	}
	
	#pages.ishine .video{width:90%;
	}
	
	#pages.ishine .link {
		float: left;
		width: 31%;
		margin:0 1% 30px 1%;
	}
	
	#pages.ishine .banner.overlay .text{
		top:20px;
	}
	
	#pages.ishine .banner.overlay h1 {
		padding: 20px 0 10px 0;
		font-size: 30px;
	}
	
	#pages.ishine .link.last{
		margin:0 auto;
		float:none;
		clear:both;
	}
	
	#pages.ishine .link .location{
		font-size:35px;
		line-height:35px;
		top:65%;
	}
}

@media (max-width: 1000px) {
	
	 
	
	.main{
		width:960px;
	}
	
	body{
		min-width:960px;
	}
	
	#footerwrapper .footer .logo{
		width:25%;
		float:none;
		margin:0 auto;
	}
	
	#footerwrapper .footer .info{
		float:none;
		width:100%;
		padding:20px 0;
		text-align:center;
	}
	
	#home .stats .right{
		width:36%;
	}
	
	#pages.programs img.desktop{
		display:none;
	}
	
	#pages.programs img.mobile{
		display:block;
	}
	
	#pages .banner.overlay .text{
		position:relative;
		padding:30px 5px 5px 5px;
		top:0;
		left:0;
		width:100%;
	}
	

	.main-menu{
	  position: absolute;
	  display: none;
	  right:0;
	  top: 0;
	  height: 100%;
	  transition: left 0.3s ease, box-shadow 0.3s ease;
	  z-index: 999;
		 
	}
	
	.main-menu ul{
	  list-style: none;
	  margin: 0;
	  padding: 2.5em 0 0;
	 
	  -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
		 -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
			  box-shadow: -8px 0 8px rgba(0,0,0,.5);
	  min-height: 100%;
	  width: 230px;
	  background: #1a1a1a;
	  z-index:9;
	  text-align:right;
	 
	}
 
	
	 #navwrapper .sub_menu{
		visibility: hidden;
		position: absolute;
		z-index: 999;
		top: 0px!important;
		left: -400px;
		width: 200px;
		border-top: none;
		padding: 0;
	}
	
	#pages.full, #innerwrapper{
		padding:60px 0 0 0;
	}
	
	#innerwrapper{
		/*padding:120px 0 0 0; for banner*/
	}
	
	#home #navwrapper .sub_menu, #navwrapper .sub_menu {
		    background: #1a1a1a;
	}
	
	#topwrapper #navwrapper .sub_menu li a {
		font-size: 14px;
		padding: .75em  5px;
	}
	
	#navwrapper .fa-bars{
		color:#8fc853;
		position:absolute;
		right:20px;
		top:0px;
		font-size:18px;
	}
	
	 
	
	#home #navwrapper .fa-bars{
		color:#fff;
	}
	
	#navwrapper .fa-bars.scrolled{
		color:#fff;
		font-size:18px;
		display: block;
		z-index:9;
		width: 18px;
		height: 20px;
		padding: 20px;
		background:rgba(4,30,40,0.7);
		position:fixed;
		top:0;
		right:0;
	}
	
	#pages.regional .menu.fixed{
		top:60px;
	}
	
	.fa-close{
		font-size:18px;
	}
	
	#topwrapper #navwrapper .menu-toggle, #topwrapper #navwrapper .menu-close{
		display:block;
		padding:0;
	}
	
	#topwrapper  #navwrapper {
		width: 100%;
		float: none;
		text-align: left;
		padding:0 0 15px 0;
	}
	
	#rh .othersites {
		margin: 58px 0 0 0;
	}
		
	 
	
	#topwrapper .logo, #home  .logo {
		 
		width: 180px;
		padding: 0;
		position: absolute;
		top: 6px;
		left:20px;
	}
	
	#home  .logo{
		top:20px;
		width:180px;
	 
	}
	
	.logo img{
		width:100%;
	}
	
	#topwrapper  #navwrapper a {
		padding: 15px 0 0 0;
		font-size: 20px;
	}
	
	#innerwrapper #pages.regional .banner h1 {
		font-size: 30px;
	}
 

	.main-menu li:first-child a {
	 
	}
	
	.main-menu a:hover,
	.main-menu a:focus,
	{
	  background: #333;
	  text-decoration: none;
	}
	
	#topwrapper #navwrapper .main-menu a, #topwrapper #navwrapper .sub_menu li a, #home #topwrapper #navwrapper .sub_menu li a, #home #topwrapper #navwrapper .sub_menu li.first a{
	  display: block;
	  padding: .75em 15px;
	  line-height: 15px;
	  font-size: 15px;
	  color: #fff;
	  text-decoration: none;
	  border-bottom: 1px solid #383838;
	}
	
	#home #topwrapper #navwrapper a{
		padding:10px;
	}
	
	.main-menu .menu-close {
	  position: absolute;
	  right: 0;
	  top: 0;
	  border-bottom: none!important;
	}
	 
	.main-menu:target, .main-menu[aria-expanded="true"]{
	  display: block;
	  right:0;
	  outline: none;
	  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  
	  
	}
	
	.main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
	  z-index: 1001;
	}
	
	.main-menu:target ul, .main-menu[aria-expanded="true"] ul, {
	  position: relative;
	  z-index: 1000;
	}
	 
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
	  position: absolute;
	  display: block;  
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 998;
	  background: #000;
	  background: rgba(0,0,0,.85);
	  cursor: default;
	  
	}
	
	
	@supports (position: fixed) {
	  .main-menu,
	  .main-menu:target + .backdrop,
	  .main-menu[aria-expanded="true"] + .backdrop{
		position: fixed;
		 
	  }
	  
	  #pages.programs .service .link {
		bottom: 50px;
	}
	
	#topwrapper {
		 
	 
		position: fixed;
	 
		width: 100%;
		top: 0;
		left: 0;
		background: #fff;
		padding:22px 0;
 
	}
	
	#home #topwrapper{
		background:none;
	 
	}
	
	#pages.ishine .banner.overlay .text {
		position: relative;
		padding: 30px 5px 5px 5px;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	#pages.ishine .logo{
		width:25%;
		margin:-250px 0 50px 1%;
	}
	
	#pages.ishine .banner.overlay .text{
		position:relative;
		top:0;
		left:0;
		width:100%;
		color:#000;
		background:#fff;
	}
	
	#pages.ishine .banner.overlay h1{
		padding:0 0 100px 1%;
	}
	
	 
	
	
}

@media (max-width: 960px) {
	.main{
		width:93%;
	}
	
	body{
		min-width:100%;
	}
	
	#home .stats .left, #home .stats .right{
		float:none;
		width:100%;
	}
	
	#home .stats .circle{
		float:none;
		margin:10px auto 40px auto;
	}
	
	#home .stats .main {
		padding: 5vh 0 0 0;
	}
	
	#home .stats .text br{
		display:none;
	}
	
	#home .stats .text, #home .stats .left .text, #home .stats .par.short .text{
		float:right;
		text-align:left;
		width:81%;
		padding:0;
		margin:20px 0 0 0;
	}
	
	#home .stats .par.short {
		margin: 0 0 20px 0px;
	}
	
	#home .amount{
		width:120px;
		text-align:right;
	}
	
	#home .stats{
		height:100%;
		padding:40px 0;
	}
	
	#home .stats .title{
		padding:0 0 40px 0;
	}
	
	#home .contact .wrapper{
		width:55%;
	}
	
	.flex.height-full{
		padding-top: 64px;
	}
	
	#home .stats{
		padding:0;
	}
	
	#home .stats .title {
		padding: 0 0 20px 0;
	}
	
	#home .par {
		margin: 0 0 10px 0;
	}
	
	#home .btn{
		margin:25px auto 0 auto;
	}
}
 
@media (max-width:850px) {
	#pages.programs .service .button{
		width:200px;
		letter-spacing:0;
		font-size:13px;
	}
	
	#pages.programs .service h2{
		top:10px;
	}
	
	#pages.programs #community.pop .serv {
		width: 88%;
	}
	
	#pages.programs #family.pop .side.one .serv {
		width: 76%;
	}
	
	#pages.programs #family.pop .side.two {
		padding: 84px 2%;
		width: 46%;
	}
	
	#pages.programs #family.pop .side {
		padding: 43px 2%;
		width: 46%;
	}
	
	#pages.programs .video{
		width:100%;
	}
	
	#pages.ishine .logo {
		width: 30%;
		margin: -200px 0 50px 1%;
	}
	
	#pages.ishine .link{
		width:48%;
	}
}

@media (max-width:750px) {
	
	#innerwrapper{
		/*padding:80px 0 0 0; for banner*/
	}
	
	#home .stats .text, #home .stats .left .text, #home .stats .par.short .text{
		width:75%;
	}
	
	#home .contact .wrapper {
		width: 80%;
	}
	
	#pages.programs .bottom .left .button{
		display:block;
		margin:5px auto;
		width:240px;
	}
	
	#pages.programs .bottom .right .button{
		width:240px;
	}
	
	#pages.programs .bottom{
		padding:30px;
	}
	
	#pages.programs #family.pop .side{
		float:none;
		padding:50px 5% 10px 5%;
		width:90%;
		margin:0 0 30px 0;
	}
	
	#pages.programs #family.pop .side.two{
		margin:0;
		padding:60px 5% 10px 5%;
		width:90%;
	}
	
	#pages.programs .pop .serv{
		font-size:15px;
		letter-spacing:0;
	}
	
	#pages.programs #community.pop .serv {
		width: 89%;
	}
	
	#pages.programs #family.pop .side.one .serv {
		width: 89%;
	}
	
	#pages.programs #family.pop .side {
		 
		padding: 80px 5% 10px 5%;
	}
	
	#pages.programs .service .button{
		width:180px;
		font-size:12px;
	}
	
	#pages h2{
		font-size:40px;
		line-height:35px;
	}
	
	#pages.programs #family.pop  .serv  br{
		display:none;
	}
	
	#pages.programs #family.pop  .serv.six span br, #pages.programs #family.pop  .serv.six   br.show{
		display:block;
	}

}

@media (max-width:650px) {
	
	#home .stats .text, #home .stats .left .text, #home .stats .par.short .text{
		width:70%;
	}
	
	#pages.programs .service{
		float:none;
		height: 600px;
    	overflow: hidden;
		width:100%;
		display:block;
	}
	
	#pages.programs .service.middle{
		margin:30px 0;
	}
	
	#pages.programs .service h2 {
		top: 10%;
		font-size:60px;
		line-height:45px;
	}
	
	#pages.programs .pop{
		position:absolute;
		margin:0;
	}
	
	#pages.programs .pop span{
		font-size:19px;
		line-height:20px;
	}
	
	#pages.programs #family.pop{
		top:630px;
	}
	
	#pages.programs #family.pop .side{
		margin:0;
	}
	
	#pages.programs #family.pop .side.one .serv {
		width: 85%;
	}
	
	#pages.programs .pop .serv{
		font-size:13px;
	}
	
	#pages.programs #community.pop .serv {
		width: 84%;
	}
	
	#pages.programs #community.pop{
		top:1250px;
	}
	
	#pages.programs #community.pop .serv.three {
		margin: 25px -18px 10px 0px;
	}
	
	#pages.programs #community.pop .serv  {
		margin: 37px -18px 15px 0px;
	}
	
	#pages.programs #family.pop .serv.three br, #pages.programs #family.pop .serv.six br{
		display:block;
	}
	
	#topwrapper .logo, #home .logo{
		width:20%;
	}
	
	#pages.ishine .logo {
		width: 35%;
		margin: -150px 0 20px 1%;
	}
	
	#pages.ishine .link .location{
		top:55%;
	}
}

@media (max-width:550px) {
	
	#home .service{
		width:320px;
	}
	
	
	
	#home .strong{
		font-size:42px;
		font-size:48px;
	}
	
	#home .services .strong {
    	font-size: 45px;
		line-height:48px;
	}
	
	#home .services{
		font-size:35px;
		line-height:40px;
		 
	}
	
	#home .service{
		width:320px;
		font-size:35px;
		padding:5px;
	}
	
	#home .amount{
		width:90px;
	}
	
	#home .stat {
		font-size: 30px;
	}
	
	#home .stats .small {
		margin: 0 0 -5px 0;
	}
	
	#home .stats .text, #home .stats .left .text, #home .stats .par.short .text, #home .par.last .text{
		margin:0;
	}
	
	#home .contact .wrapper {
		width: 100%;
	}
	
	#home .strong{
		font-size:40px;
		line-height:45px;
	}
	
	#footerwrapper .footer .logo{
		width:50%;
	}
	
	.flex.height-full {
		padding-top: 24px;
	}
	
	#home .stats .main {
		padding: 0;
	}
	
	#home .stats .circle{
		border-radius:30px;
		width:100%;
		height:auto;
		font-size:15px;
		padding:0px;
		border:none;
		margin:10px 0 20px 0;
	}
	
	#home .btn {
		margin: 10px auto 0 auto;
	}
	
	#home .flex.last {
		height: 520px!important;
	}
	
	#home .circle .strong{
		padding:0 0 10px 0;
	}
	
	#home .circle br{
		display:none;
	}
	
	#topwrapper .logo, #home .logo {
		width: 30%;
		top:15px;
	}
	
	#pages.programs .pop img {
		width: 50px;
	}
	
	#pages.programs .pop span{
		font-size:14px;
	}
	
	#pages.programs .pop .serv {
		font-size: 12px;
		margin: 20px 0 26px -10px;
	}
	
	#pages.programs .pop{
		padding: 60px 3% 30px 3%;
    	width: 94%;
	}
	
	#pages.programs #community.pop .serv.three {
		margin: 15px -8px 10px 0px;
	}
	
	#pages.programs #community.pop .serv {
		width: 85%;
	}
	
	#pages.programs #community.pop .serv {
		margin: 20px -18px 15px 0px;
	}
	
	#pages.programs #community.pop {
		padding: 90px 13% 90px 5%;
		width: 85%;
	}
	
	#pages.programs #family.pop .side.one .serv {
		width: 90%;
	}
	
	#pages.programs #family.pop .side.one .serv.four {
		margin: 20px -18px 32px 0px;
	}
	
	#pages.programs #family.pop .side.one .serv.three {
		margin: 20px -18px 22px 0px;
	}
	
	#pages.programs #family.pop .serv.three br, #pages.programs #family.pop .serv.six br{
		display:inline;
	}
	
	#pages.programs #family.pop .side.one .serv {
		margin: 22px -18px 20px 0px;
	}
	
	#pages.programs .pop .serv.three {
		margin: 15px 0 22px -12px;
	}
	
	#pages.programs .pop .serv.six {
		margin: 15px 0 22px -12px;
	}
	
	#pages.programs #family.pop .side.one .serv {
		width: 88%;
	}
	
	#pages.full {
		padding: 50px 0 0 0;
	}
	
	#home .services .text {
		padding: 135px 0 30px 0;
	}
	
	#home .stats {
		padding: 100px 0 0 0;
	}
		
	 
	
	.frame video{
		position: relative;
		top: 0;
		left: 0;
		min-width: 0;
		min-height: 0;
		height: 300px;
		transform: none;
		margin: 0px auto 0 auto;
	 
		display: block;
		z-index: 9999999;
	}
	
	#home h1{
		position:relative;
		 
		font-size:40px;
		top:60px;
	}
	
	#home .dnt{
		bottom:220px;
	}
	
	#home .frame{
		display:block;
		padding:70px 0 0 0;
	}
	
	#home .bg {
		 
		background: rgba(0,0,0,0.7);
		z-index: 99;
	}
	
	.main-menu ul{
		width:200px;
	}
	
	#navwrapper .sub_menu{
		left:-370px;
	}
	
	
	#innerwrapper #pages.regional .banner h1 {
		font-size: 25px;
	} 
	
	.site-header.scrolled{
		height:60px;
	}
	
	#home .site-header.scrolled .logo {
		width: 120px;
	}
	
	#home .logo{
		top:15px;
		width:120px;
	}
	
	#pages.ishine .link{
		float:none;
		width:100%;
		margin:0 0 50px 0;
	}
	
	#pages.ishine .logo {
		width: 40%;
		margin: -110px 0 20px 1%;
	}
	
	#pages.ishine .banner.overlay h1 {
		padding: 0 0 30px 1%;
		font-size:25px;
	}
	
	#pages.ishine .video{
		width:100%;
		margin:40px 0;
	}
		
	 
	
 
	 
							 
}

@media (max-width: 450px) {
	#topwrapper #navwrapper .main-menu a, #topwrapper #navwrapper .sub_menu li a, #home #topwrapper #navwrapper .sub_menu li a, #home #topwrapper #navwrapper .sub_menu li.first a{
		font-size:13px;
	}
	
	 
	
	.banner:after{
		padding-top:35%;}
		
	#home h1 {
	 
		font-size: 30px;
		top: 30px;
	}
	
	#home .dnt{
		top:550px;
	}
}
 
