/*---- jquery side nav ----*/
.navmode {display:none;}
@media (max-width: 1230px){
.navmode {display:block;}
}
/*-------------------------*/


/*--------------- IE -------------------*/
body {
	background-color:white;
	margin:auto;
	overflow-x:auto;
	font-family: Verdana, Geneva, sans-serif;
}
p {
	color:#636466;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.8em;
	margin:0;
	-webkit-text-size-adjust: none;
}
a{
   color:inherit;
   text-decoration:none;
   outline:none;
}
a:hover{
	color:#00b0ec;
}

/*
a.menubtn {
	color:#999999 !important;
}
a.menubtn:hover{
	color:#00b0ec !important;
}
*/

.title-common{
	font-family: cachet_bold;
	font-size:36px;
	text-align:left;
	color:#2688d1;
	padding-top:40px;
	padding-bottom:20px;
}

/*home-slide glitch fix*/
.bx-switch{display:none;}

img{
	display:inline-block;
	border:0;
}
.mobile-arrow{
	display:none;
}
.logo-ymca{
	/*display:block;*/
	/*z-index:-1;*/
	/*-webkit-transform: translateZ(100px);*/
	position:absolute;
	width:180px;
	height:60px;
	margin-left:20px;
	margin-top:20px;
	background-image: url(../logo-ymca-2018.png);
	background-repeat:no-repeat;
}
#logo-color-default{
	z-index:2;
	position:absolute;
	width:180px;
	height:60px;
	margin-left:20px;
	margin-top:20px;
	background-image: url(../logo-ymca-2018.png);
	background-repeat:no-repeat;
		outline:solid 0px red;
}
#logo-color-orange{
	position:absolute;
	width:61px;
	height:47px;
	margin-left:20px;
	margin-top:34px;
	background-image: url(../orange-logo-ymca.png);
	background-repeat:no-repeat;
}
#logo-color-purple{
	position:absolute;
	width:61px;
	height:47px;
	margin-left:20px;
	margin-top:34px;
	background-image: url(../purple-logo-ymca.png);
	background-repeat:no-repeat;
}
#logo-color-red{
	position:absolute;
	width:61px;
	height:47px;
	margin-left:20px;
	margin-top:34px;
	background-image: url(../red-logo-ymca.png);
	background-repeat:no-repeat;
}

.header-btns{ /*container for both buttons*/
	display:block;
	float:right;
	margin-top:60px;
		margin-right:50px; /*@@@*/
		outline:solid 0px pink;
}
.btn-donate{
	display:inline-block;
	font-family: cachet_bold;
	font-size:12px;
	text-align:center;
	color:white;
	/*margin-left:50px;*/
	margin-right:10px;
	height:25px;
	background-color:#31b5c2;
	border-radius: 4px;
		width:90px; /*@@@*/
		outline:solid 0px yellow;
}
#donate-color-default{background-color:#31b5c2;}
#donate-color-orange{background-color:#f47920;}
#donate-color-purple{background-color:#0089d0;}
#donate-color-red{background-color:#92278f;}
#donate-display-none{display:none;}

.btn-signin{
	display:inline-block;
	font-family: cachet_bold;
	font-size:12px;
	text-align:center;
	color:white;
	margin-right:20px;
	right:10px;
	height:25px;
	background-color:#0089d0;
	/*background-image: url(../btn-signup-bg.png);
	background-repeat:x-repeat;*/
	border-radius: 4px;
		width:90px;
		outline:solid 0px red;
}
#signin-color-default{background-color:#0089d0;}
#signin-color-orange{background-color:#01a490;}
#signin-color-purple{background-color:#92278f;}
#signin-color-red{background-color:#ed1c24;}
#signin-display-none{display:none;}
#signin-display-block{display:block;}

.btn-signin-text{
	z-index:2;
	display:block;
	position:relative;
	padding:4px 15px 4px 15px;
}
a.btn-signin-text:hover{
	z-index:100;
	color:white;
	opacity:0.7;
}

#register-link{}
#register-display-none{display:none;}
#register-display-block{display:block;}
#register-switch{display:block;}

.tab-top{
	z-index:2;
	position:absolute;
	top:0;
	text-align:center;
	vertical-align:middle;
	font-family: cachet_bold;
	font-size:13px;
	color:#0089d1;
	background-color:#f3f3f3;
	width:270px;
	height:50px;
	border-bottom-left-radius: 6px;
	/*border-bottom-right-radius: 6px;*/
		outline:solid 0px purple;
}

#tab-color-default{background-color:#f3f3f3;}
#tab-color-orange{background-color:#e1e1e1;/*background-color:#01a490;*/}
#tab-color-purple{background-color:#e1e1e1;/*background-color:#92278f;*/}
#tab-color-red{background-color:#e1e1e1;/*background-color:#ed1c24;*/}

.tab-top-text{
	position:relative;
	vertical-align:middle;
	padding-top:25px;
	padding-bottom:0px;
	width:100%;
}
#menu-btn-9{
	display:none;
}
.bar{
min-width:1000px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../bar-blue-green.png);
	background-repeat:repeat-x;
}

#bar-color-default{
min-width:1000px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../default-bar.png);
	background-repeat:repeat-x;
}
#bar-color-orange{
min-width:1000px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../orange-bar.png);
	background-repeat:repeat-x;
}
#bar-color-purple{
min-width:1000px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../purple-bar.png);
	background-repeat:repeat-x;
}
#bar-color-red{
min-width:1000px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../red-bar.png);
	background-repeat:repeat-x;
}


.header{
	vertical-align:bottom;
	margin:auto;
	/*width:960px;*/ /*@@@*/
	height:96px;
}
.menu-stack{display:none;}

/* desktop */
.fullscreen{
	position:absolute;
	width:100%; 
	height:100%;
	margin:0 auto;
}

.tiles{
	display:inline-block;
	text-align:center;
	width:100%;
	min-width:960px;
	margin-left:auto;
	margin-right:auto;
}
.tile{
	height: auto;
	float: none;
	width:235px;
	outline:solid 4px white;
}
.adlets{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}
.adlet-shift{
	position:absolute;
	margin-left: calc(50% - 390px);
	bottom:0px;
	width:960px;
	height:20px;
	background-color:white;
}
.hero-bar{
	position:absolute;
	height:65px;
	width:100%;
	min-width:1000px;
	bottom:0;
	background-color:#000;
	opacity:0.7;
}
.hero-camp{
	margin-top:0;
	text-align:center;
	height:400px;
	min-width:1000px;
	overflow:visible;
	margin-left:auto;
	margin-right:auto;
}
.hero-container-camp{
	position:relative;
	text-align:center;
}
.hero-contentbox-camp{
	text-align:left;
	position:absolute;
	top:60px;
	color:white;
max-width:900px;
/*width:100%;*/
right: 20px;   
left: 20px;
margin: auto;
/*outline:solid 1px yellow;*/}
.hero-title-big{
	font-family: cachet_bold;
	font-size:40px;
	letter-spacing: 1px;
	margin-bottom:10px;
}
.hero-title-camp{
	font-family: cachet_bold;
	font-size:45px;
	letter-spacing: -2px;
	line-height:45px;
	margin-bottom:10px;
}
.camp-menu{
	text-align:justify;
	font-family: cachet_bold;
	font-size:14px;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	/*max-width:960px;*/
	height:65px;
	/*width:960px;*/
	/*min-width:100%;*/
	color:#fff;
	bottom:0;
	/*margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);;
	transform: translateX(-50%);*/
	position:absolute;


width:900px;
right: 0;   
left: 0;
margin: auto;
/*padding-left:30px;
padding-right:30px;*/
}
.camp-menu ul {
	display:inline;
	padding:0;
}
.camp-menu li {
	display:inline-block;
	margin-top:24px;
	padding-left:5px;
	padding-right:5px;
}
.camp-menu span {
    display: inline-block;
    width: 100%;
}
.hero-div{
	position:relative;
	height:254px;
	text-align:center;
}
.hero-box{
	position:absolute;
	margin-left: calc(50% - 390px);
	top:40px;
	width:226px;
	height:180px;
	color:white;
}
.hero-title{
	font-family: cachet_bold;
	font-size:22px;
	letter-spacing: 1px;
	margin-bottom:10px;
}
.hero-content{
	font-family: cachet_book;
	font-size:12px;
	line-height:15px;
	margin-bottom:20px;
}
.hero-btn{
	display:block;
	text-align:center;
	font-family: cachet_bold;
	font-size:13px;
	line-height:28px;
	width:226px;
	height:28px;
	background-image: url(../btn-programs.png);
	background-repeat:no-repeat;
}
.hero{
	margin-top:0;
	text-align:center;
	height:254px;
}
.superwide-box{
	position:relative;
	width:100%;
	
	/*min-width:100%;*/
	/*overflow:hidden;*/
	
min-width:1000px;
overflow:hidden;
}
.superwide-hero{
	/*margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);;
	transform: translateX(-50%);*/
	margin-top:0;
	text-align:center;
	min-width:1288px;
	width:100%;
	height:240px;
}
.herostrip-box{
	position:relative;
	width:100%;
	min-width:100%;
	overflow:hidden;
}
.herostrip{
	margin-top:0;
	text-align:center;
	min-width:1288px;
	width:100%;
	min-height:530px;
}

/*-- wep --*/
.herostrip-wep{
	margin-top:0;
	/*text-align:center;*/
	text-align:right;
	/*min-width:1288px;*/
	width:100%;
	min-height:530px;
	/*height:100%;*/
}
.herostrip-wep-flip{
	margin-top:0;
	text-align:left;
	width:100%;
	min-height:530px;
outline:solid 0px pink;
}
.wep-align{
	text-align: left;
	margin-left:20px;
	margin-right:20px;
	max-width:300px;
outline:solid 0px red;
}
.wep-align-flip{
	text-align: right;
	margin-left:20px;
	margin-right:20px;
	max-width:300px;
outline:solid 0px blue;
}
.wep-btn{
	text-align: right;
	margin-left:20px;
	margin-right:20px;
	/*max-width:400px;*/
outline:solid 0px yellow;
}
.wep-btn-flip{
	text-align: right;
	margin-left:20px;
	margin-right:20px;
	/*max-width:400px;*/
outline:solid 0px purple;
}
.wep-mq{
	max-width:900px;
	width:100%;
	margin:auto;
	/*padding:0 20px 0 20px;*/
outline:solid 0px green;
}

.wep-image{
	/*position:absolute; 
	right:0; 
	margin-right:0; */
	/*vertical-align: bottom; 
	margin-bottom:0; 
	bottom:0;
	max-height:450px;*/

	position:relative; 
	margin-left: auto; 
	margin-right: auto; 
	max-width:1000px; 
	width:100%; 
}
.wep-img{
	margin-top:80px; 
	max-height:450px;
	max-width:450px;
}
/*-- wep --*/

.herostrip-text{
	display:block;
	width:100%;
	max-width:300px;
	padding:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-family: cachet_bold;
	font-size:29px;
}
.herostrip-expander{
	text-align:center;
	/*margin-top:10px;*/
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	max-width:350px;
	color:#666;
}
.herostrip-strip{
	z-index:1;
	position:absolute;
	top:40%;
	/*top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
	width:100%;
	min-width:100%;
	height:50px;
	color:white;
	/*background:#fff;*/
}
.hero_centerblock-div{
	position:relative;
	height:254px;
	text-align:center;
}
.hero_centerblock-box{
	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:100%;
	height:110px;
	color:white;
	background:rgba(0,0,0,0.5);
}
.hero_centerblock-title{
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: cachet_bold;
	font-size:30px;
	line-height:35px;
}
.hero_centerblock-content{
	display:none;
}
.hero_centerblock-btn{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	font-family: cachet_medium;
	font-size:18px;
	line-height:28px;
	margin-top:10px;
	margin-bottom:10px;
	width:226px;
	height:28px;
}
.hero_centerblock{
	margin-top:0;
	text-align:center;
	height:254px;
}
.adlet_L3{
	display:inline-block;
	position:relative;
	margin-left:50px;
	margin-right:50px;
	text-align:center;
	vertical-align:top;
	width:150px;
	color:#666;
}
.adlet_L3-img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:center;
	width:150px;
}
.adlet_L3-title{
	font-family: cachet_bold;
	font-size:18px;
}
.adlet_L3-content{
	font-family: cachet_book;
	font-size:12px;
	line-height:14px;
	padding-top:5px;
	padding-bottom:5px;
}
a.adlet_L3-btn{
	display:block;
	width:114px;
	height:21px;
	font-family: cachet_bold;
	font-size:10px;
	line-height:22px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	background-color:#01aef0;
	border-radius: 4px;
	border: 2px solid #01aef0;
}
.adlets_quad-container{
	padding-top:45px;
	padding-bottom:45px;
	color:#666;
	background-color:#f5f5f5;
}
.adlet_quad-break{
	display:inline;
	width:50%;
}
.adlet_quad{
	display:inline-block;
	position:relative;
	text-align:center;
	vertical-align:top;
	width:165px;
	color:#666;
	height:148px;
	background-image: url(../x4-adlet-box.png);
	background-repeat:no-repeat;
	background-position: center center;
}
.adlet_quad-img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:center;
	width:84px;
	height:69px;
	margin-top:15px;
}
.adlet_quad-title{
	font-family: cachet_bold;
	font-size:12px;
}
.adlet_quad-content{
	font-family: cachet_book;
	font-size:10px;
	line-height:15px;
	margin-top:0;
}
.adlet_quad-btn{
	font-family: cachet_medium;
	font-size:10px;
	line-height:10px;
	color:#01aef0;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.bgtext{
	position:relative;
	text-align:center;
}
.bgtext-container{
	position:absolute;
	margin-top:40px;
	margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);;
	transform: translateX(-50%);
	width:500px;
	color:white;
}
.bgtext-title{
	font-family: cachet_bold;
	font-size:28px;
	margin-bottom:15px;
}
.bgtext-content{
	font-family: cachet_book;
	font-size:14px;
	line-height:16px;
	margin-bottom:20px;
}
a.btn-white{
	color:#fff;
}
a.btn-grey{
	color:#ccc;
}
a.btn-blue{
	color:#fff;
	background-color:#01aef0;
	border:#01aef0;
}
.btn-big{
	display:inline-block;
	text-align:center;
	font-family: cachet_bold;
	font-size:16px;
	line-height:40px;
	/*width:220px;*/

	width:auto;
	padding-left:40px;
	padding-right:40px;
	height:40px;
	border-radius: 6px;
	border: 2px solid;
}
.btn-med{
	display:inline-block;
	text-align:center;
	font-family: cachet_bold;
	font-size:13px;
	line-height:30px;
	padding-left:20px;
	padding-right:20px;
	/*width:100%;*/
	height:30px;
	border-radius: 6px;
	border: 2px solid;
}
.btn-learn{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: cachet_bold;
	font-size:16px;
	line-height:30px;
	width:130px;
	height:30px;
	border-radius: 6px;
	border: 2px solid;
}
.btn-txt{

	display:inline-block;
	text-align:center;
	font-family: cachet_bold;
	font-size:16px;
	line-height:40px;
/*max-width:220px;*/
width:auto;
	padding-left:40px;
	padding-right:40px;
	height:40px;
	border-radius: 6px;
	border: 2px solid;

	/*position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: cachet_bold;
	font-size:16px;
	line-height:30px;
	width:auto;
	height:30px;
	border-radius: 6px;
	border: 2px solid;*/
}
.bgtext-heropic{
	margin-top:0;
	text-align:center;
	height:497px;
}
.bgtext-heropic-mobile{
	display:none;
}
a.bigbar_btn:hover{
	color:#fff;
}
.bigbar{
	position:relative;
	height:250px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#0060af;
	
min-width:960px;
}
.bigbar_container{
	position:absolute;
	/*top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
	text-align:center;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	
	min-width:900px;
	width:100%;
	max-width:900px;
	color:white;

height:100px;
min-height:0px;
}
.bigbar_title{
	font-family: cachet_bold;
	font-size:22px;
	margin-bottom:15px;
}
.bigbar_content{
	font-family: cachet_book;
	font-size:12px;
	margin-bottom:15px;
}
.bigbar_btn{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: cachet_bold;
	font-size:14px;
	line-height:18px;
	width:140px;
	height:19px;
	border-radius: 6px;
    border: 2px solid white;
}
.expander-line{
	display:block;
	height:0px;
	margin-top:20px;
	margin-bottom:7px;
	border:solid 1px #ccc;
}
.expander{
	padding-top:35px;
}
.expander-box{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.expander-copy{
	padding:10px;
}
.colex{
	position:relative;
	padding-top:20px;
padding-bottom:50px;
	
text-align:center;
margin-left:0;
margin-right:0;
margin:auto;
max-width:900px;
/*padding-left:30px;
padding-right:30px;*/
}
.colex-container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.colex-hero{ 
	position:relative;
	text-align:center;
}
.colex-hero-img{
	margin-top:0;
	text-align:center;
	height:54px;
}
.columnL{
	position:relative;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	color:#666;
	width:390px;
}
.columnR{
	position:relative;
	width:380px;
	display:inline-block;
	vertical-align:top;
}
.simple-title{
	font-family: cachet_bold;
	font-size:36px;
	text-align:left;
	color:#2688d1;
	padding-top:35px;
	padding-bottom:20px;
}
.simple-title-branch{
	font-family: cachet_bold;
	font-size:26px;
	text-align:left;
	color:#2688d1;
	padding-top:35px;
	padding-bottom:20px;
}
.simple-hero{ 
	position:relative;
	text-align:center;
}
.simple-hero-img{
	margin-top:0;
	text-align:center;
	height:254px;
}
.simple{
	position:relative;
}
.simple-container{
	position:relative;
	padding-bottom:50px;
	margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);;
	transform: translateX(-50%);
	width:960px;
}
.simple-columnL{
	width:100%;
	max-width:460px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.simple-columnR{
	width:100%;
	max-width:460px;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.simple-column-stack{
	display:none;
}
.panels-title{
	font-family: cachet_bold;
	font-size:36px;
	text-align:left;
	color:#2688d1;
}
.panels{
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
	max-width:960px;
	width:100%;
	color:#666;
}
.panel{
	display: inline-block;
    *display: inline;
    /*zoom: 1*/
	vertical-align:top;
	width:303px;
	background-color:#f4f4f4;
	border-radius:10px; 
}
.panel-pic img{
	display:block;
	width:303px;
	height:168px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.panel-bar{
	font-family:cachet_medium;
	font-size:14px;
	line-height:25px;
	color:#fff;
	margin-top:0;
	height:25px;
	text-align:right;
	background-color:#01aef0;
}
.panel-learnmore{margin-right:14px;}
a.panel-learnmore:hover{color:#fff;}
.panel-text{
	font-family:cachet_book;
	font-size:13px;
	line-height:19px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
}
.panel-title{
	font-family:cachet_medium;
	font-size:19px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
.panel-justify{
	width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
#slider-title-desktop{display:block;text-align:center;}
#slider-title-mobile{display:none;}

.bxspacer{
	display:block;
	height:30px;
}
.bx-greybg{
	position:absolute;
	width:100%;
	height:340px;
	background-color:#f4f5f4;
}
.branch-social{
	position:absolute;
	right:50px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.branch-social-icons{
	float:right;
	padding-left:5px;
	width:29px;
	height:29px;
	background-repeat:no-repeat;
}
.branch-social-youtube{float:left; background-image: url(../branch-social-youtube.png);}
.branch-social-twitter{float:left; background-image: url(../branch-social-twitter.png);}
.branch-social-facebook{float:left; background-image: url(../branch-social-facebook.png);}
.branchmenubox ul { 
	list-style-type: none;
    margin: 0;
    padding: 0;
	font-family: cachet_medium;
	text-align:center;
}
.branchmenubox li { 
	text-align:center;	
	display: inline;
	padding-left:12px;
	padding-right:12px;
}
.branch-menu{
	text-align:center;
	width:100%;
	color:grey;
	vertical-align:middle;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.branch-menu #currentpage-midmenu{
	padding-bottom:7px;
	border-bottom:solid 5px #00b0ec;
}
.branchmenubox{
	padding-top:20px;
	text-align:left;
	position:relative;
	display:inline-block;
	width:960px;
	height:30px;
	border-bottom:solid 1px #ccc;
}
.branch-adlet{
	display:inline-block;
	position:relative;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	vertical-align:top;
	max-width:250px;
	width:100%;
	color:#666;
}
.branch-adlet-img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:center;
}
.branch-adlet-title{
	font-family: cachet_bold;
	font-size:20px;
	margin-bottom:10px;
}
.branch-adlet-content{
	font-family: cachet_book;
	font-size:14px;
	line-height:16px;
	margin-bottom:5px;
}
.adlets-justify{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.adlets-justify-stretch{
	width:100%;
    display: inline-block;
}

/* footer */
.footer-margin-off{
	margin-bottom:-50px;
}
.footer{
	color:#666;
	font-size:12px;
	line-height:22px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	min-width:1000px;
   	bottom:0;
	background-color:#dadada;
}
.footercontent{
	font-family: cachet_book;
	margin-left:auto;
	margin-right:auto;
	max-width:760px;
	padding-bottom:40px;
}
.footerstack{
	font-family: cachet_medium;
	display:inline-block;
	padding-top:35px;
	padding-left:15px;
	vertical-align:top;
	width:140px;
}
.footerstacklist{
	list-style-type: none;
	margin-left: 0; 
	padding-left: 0;
}
.footertitle{
	font-family: cachet_bold;
	font-size:14px;
}
.footerlink{
	padding-right:10px;
}
a.footerlink:hover {
    color: #00b0ec;
}
.footerbox{
	display:inline-block;
	margin-left:50px;
	height:200px;
}
.footer-social{ 
	position:absolute;
	display:inline-block;
	margin-top:52px;
	margin-left:50px;
}
.footer-icons{
	vertical-align:top;
	display:inline-block;
	width:32px;
	height:32px;
	padding-bottom:10px;
	background-repeat:no-repeat;
}
.footer-facebook{
	background-image: url(../footer-social-facebook.png);
}
.footer-twitter{
	background-image: url(../footer-social-twitter.png);
}
.footer-youtube{
	background-image: url(../footer-social-youtube.png);
}
.footer-radio{
	background-image: url(/assets/images/footer-social-radio.png);
}
.footer-instagram{
	background-image: url(../footer-social-instagram.png);
}
.footer-vimeo{
	background-image: url(../footer-social-vimeo.png);
}
.footer-icons a{
	display:inline-block;
	padding:0;
}
.footer-icons:hover{
	cursor:pointer;
	-ms-filter: contrast(180%);
	-webkit-filter: contrast(180%);
	filter: contrast(180%);
}
.footer-copy{
	position:absolute;
	display:inline-block;
	margin-top:100px;
	margin-left:50px;
	color:#999;
	width:200px;
	padding-top:0px;
	padding-right:0px;
	position:relative;
	font-size:10px;
	line-height:14px;
}

.footer-mobile{
	display:none;
}
.greybar{
	text-align:center;
	height:40px;
	width:100%;
	min-width:960px;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	
	margin-top:4px;
	margin-bottom:4px;
	background-color:#ccc;
	color:grey;
	/*-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	min-width:1000px;*/
	
	/*text-align:center;
	height:40px;
	width:100%;
	margin-top:4px;
	margin-bottom:4px;
	background-color:#ccc;
	color:grey;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	min-width:1000px;*/
}
.greybar-text{
	font-family: cachet_bold;
	font-size:18px;
	position: relative;
	/*top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
min-width:960px;
top:20%;
}
.mainheader{
	text-align:center;
	height:130px;
	width:100%;
	background-color:#fff;
	color:#443a39;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.mainheader-text{
	font-family: cachet_bold;
	font-size:28px;
	position: relative;
	font-size:24px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* GREENBOX */
.greenbox{
	display:block; 
	position:relative; 
	width:100%; 
	max-width:960px; 
	height:auto; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center; 
	padding: 50px 0 50px 0;
}
.greenbox-main{
	width:100%; 
	max-width:473px; 
	height:240px; 
	display:inline-block; 
	vertical-align:top;
	outline:solid 1px #e9e9e9;
}
.greenbox-a{
	outline:solid 1px #e9e9e9; 
	width:226px; 
	height:240px; 
	display:inline-block; 
	vertical-align:top; 
	margin: 0 10px 0 10px;
	box-shadow: 3px 3px 5px #ccc;
}
.greenbox-b{
	outline:solid 1px #e9e9e9; 
	width:226px; 
	height:240px; 
	display:inline-block; 
	vertical-align:top;
	box-shadow: 3px 3px 5px #ccc;
}
.greenbox-main-text{
	position:absolute;
	max-width:300px;
	margin-top:136px;
	margin-left:36px;
	text-align:left;
	vertical-align:middle;
	font-family:cachet_medium; 
	font-size:14px; 
	line-height:18px;
	/*letter-spacing:-0.04em;*/
	color:#efefef; 
}
.greenbox-thumb{
	display:inline-block;
	vertical-align:middle;
	width:226px;
    height:112px;
    /*background-image: url(pic-main.jpg);*/
    background-repeat: no-repeat;
    background-size: 226px auto;
    background-position:center;
}
.greenbox-thumb-text{
	padding:24px;
	text-align:left;
	vertical-align:middle;
	font-family:cachet_medium; 
	font-size:14px; 
	line-height:18px;
	/*letter-spacing:-0.04em;*/
	color:#666; 
}
/* /GREENBOX */

/* HERO TEXT (MEMBERSHIP) */
.hero-text-resize{
	position:absolute; 
	text-align:center; 
	width:100%; 
	height:auto; 
	margin-top:80px; 
	font-family:cachet_bold; 
	font-size:60px; 
	color:#fff; 
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
}
/* /HERO TEXT */

/*--------------- IE -------------------*/
@media (min-width: 960px) {
body {
overflow-x:hidden;
}
.hero-contentbox-camp{
	text-align:left;
	position:absolute;
	top:60px;
	color:white;
	max-width:900px;
	right: 20px;   
	left: 20px;
	margin: auto;
	margin-left: calc(50% - 480px);
/*outline:solid 1px pink*/;
}
.tiles{
	display:inline-block;
	text-align:center;
	max-width:100%;
	min-width:0;
}
.tile{
    height: auto;
	float:left;
	width:25%;
	outline:solid 4px white;
}
.greybar{
	text-align:center;
	height:40px;
	width:100%;
	
	width:100%;
	min-width:100%;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	
	margin-top:4px;
	margin-bottom:4px;
	background-color:#ccc;
	color:grey;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	min-width:1000px;
}
}

@media (max-width: 960px) {
/* global */
body {
	background-color:white;
	margin:auto;
	overflow-x:hidden;
	min-width:100%;
	max-width:100%;
	width:100%;
	font-family: Verdana, Geneva, sans-serif;
}
p {
	color:#636466;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.8em;
	margin:0;
	-webkit-text-size-adjust: none;
}
a{
   color:inherit;
   text-decoration:none;
   outline:none;
}
a:hover{
	color:#00b0ec;
}
.title-common{
	font-family: cachet_bold;
	font-size:36px;
	text-align:left;
	color:#2688d1;
	padding-top:40px;
	padding-bottom:20px;
}
img{
	display:inline-block;
	border:0;
}
.mobile-arrow{
	display:none;
}
.logo-ymca{
	display:block;
	/*z-index:1;*/
	-webkit-transform: translateZ(100px);
	position:absolute;
	width:61px;
	height:47px;
	margin-top:34px;
	background-image: url(../logo-ymca.png);
	background-repeat:no-repeat;
}


#logo-color-default{
	display:block;
	/*z-index:1;*/
	-webkit-transform: translateZ(100px);
	position:absolute;
	width:61px;
	height:47px;
	margin-top:34px;
	background-image: url(../logo-ymca.png);
	background-repeat:no-repeat;
}
#logo-color-orange{
	display:block;
	/*z-index:1;*/
	-webkit-transform: translateZ(100px);
	position:absolute;
	width:61px;
	height:47px;
	margin-top:34px;
	background-image: url(../orange-logo-ymca.png);
	background-repeat:no-repeat;
}
#logo-color-purple{
	display:block;
	/*z-index:1;*/
	-webkit-transform: translateZ(100px);
	position:absolute;
	width:61px;
	height:47px;
	margin-top:34px;
	background-image: url(../purple-logo-ymca.png);
	background-repeat:no-repeat;
}
#logo-color-red{
	display:block;
	/*z-index:1;*/
	-webkit-transform: translateZ(100px);
	position:absolute;
	width:61px;
	height:47px;
	margin-top:34px;
	background-image: url(../red-logo-ymca.png);
	background-repeat:no-repeat;
}


.tab-top{
	position:absolute;
	top:0;
	text-align:center;
	vertical-align:middle;
	font-family: cachet_bold;
	font-size:12px;
	color:#959595;
	background-color:#e1e1e1;
	width:164px;
	height:35px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#tab-color-default{
	background-color:#e1e1e1;
}
#tab-color-orange{
	background-color:#01a490;
}
#tab-color-purple{
	background-color:#92278f;
}
#tab-color-red{
	background-color:#ed1c24;
}

.tab-top-text{
	position:relative;
	vertical-align:middle;
	padding-top:12px;
	padding-bottom:10px;
	width:100%;
}
#menu-btn-9{
	display:none;
}
.bar{
min-width:0px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../bar-blue-green.png);
	background-repeat:repeat-x;
}


#bar-color-default{
min-width:0px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../default-bar.png);
	background-repeat:repeat-x;
}
#bar-color-orange{
min-width:0px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../orange-bar.png);
	background-repeat:repeat-x;
}
#bar-color-purple{
min-width:0px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../purple-bar.png);
	background-repeat:repeat-x;
}
#bar-color-red{
min-width:0px;
	width:100%;
	height:8px;
	vertical-align:top;
	background-image: url(../red-bar.png);
	background-repeat:repeat-x;
}


.header{
	vertical-align:bottom;
	margin:auto;
	width:960px;
	height:96px;
}
.menu-stack{display:none;}

/* desktop */
.fullscreen{
	position:absolute;
	width:100%; 
	height:100%;
	margin:0 auto;
}
.tiles{
	display:inline-block;
	text-align:center;
	max-width:100%;
	min-width:0;
}
.tile{
    height: auto;
	float:left;
	width:25%;
	outline:solid 4px white;
}
.adlets{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}
.adlet-shift{
	position:absolute;
	margin-left: calc(50% - 390px);
	bottom:0px;
	width:960px;
	height:20px;
	background-color:white;
}
.hero-bar{
	position:absolute;
	height:65px;
	min-width:0px;
	width:100%;
	bottom:0;
	background-color:#000;
	opacity:0.7;
}
.hero-camp{
	margin-top:0;
	text-align:center;
	height:400px;
}
.hero-container-camp{
	position:relative;
	text-align:center;
}
.hero-contentbox-camp{
/*margin-left: calc(50% - 480px);*/
width:900px;

/*outline:solid 1px red;*/}
.hero-title-big{
	font-family: cachet_bold;
	font-size:40px;
	letter-spacing: 1px;
	margin-bottom:10px;
}
.hero-title-camp{
	font-family: cachet_bold;
	font-size:45px;
	letter-spacing: -2px;
	line-height:45px;
	margin-bottom:10px;
}
.camp-menu{
	text-align:justify;
	font-family: cachet_bold;
	font-size:14px;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	max-width:960px;
	height:65px;
	width:100%;
	color:#fff;
	bottom:0;
	margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);;
	transform: translateX(-50%);
	position:absolute;
}
.camp-menu ul {
	display:inline;
	padding:0;
}
.camp-menu li {
	display:inline-block;
	margin-top:24px;
	padding-left:5px;
	padding-right:5px;
}
.camp-menu span {
    display: inline-block;
    width: 100%;
}
.hero-div{
	position:relative;
	height:254px;
	text-align:center;
}
.hero-box{
	position:absolute;
	margin-left: calc(50% - 390px);
	top:40px;
	width:226px;
	height:180px;
	color:white;
}
.hero-title{
	font-family: cachet_bold;
	font-size:22px;
	letter-spacing: 1px;
	margin-bottom:10px;
}
.hero-content{
	font-family: cachet_book;
	font-size:12px;
	line-height:15px;
	margin-bottom:20px;
}
.hero-btn{
	display:block;
	text-align:center;
	font-family: cachet_bold;
	font-size:13px;
	line-height:28px;
	width:226px;
	height:28px;
	background-image: url(../btn-programs.png);
	background-repeat:no-repeat;
}
.hero{
	margin-top:0;
	text-align:center;
	height:254px;
}
.superwide-box{
	position:relative;
	width:100%;
	min-width:100%;
	overflow:hidden;
}
.superwide-hero{
	margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);;
	transform: translateX(-50%);
	margin-top:0;
	text-align:center;
	min-width:1288px;
	width:100%;
	height:240px;
}
.herostrip-box{
	position:relative;
	width:100%;
	min-width:100%;
	overflow:hidden;
}
.herostrip{
	margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top:0;
	text-align:center;
	/*min-width:1288px;*/
	min-width:100%;
	width:100%;
	height:530px;
}
.herostrip-expander{
	text-align:center;
	margin-top:10px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	max-width:350px;
	color:#666;
}
.herostrip-strip{
	z-index:1;
	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:100%;
	min-width:100%;
	height:50px;
	color:white;
	/*background:#fff;*/
	
}
.hero_centerblock-div{
	position:relative;
	height:254px;
	text-align:center;
}
.hero_centerblock-box{
	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:100%;
	height:110px;
	color:white;
	background:rgba(0,0,0,0.5);
}
.hero_centerblock-title{
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: cachet_bold;
	font-size:30px;
	line-height:35px;
}
.hero_centerblock-content{
	display:none;
}
.hero_centerblock-btn{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	font-family: cachet_medium;
	font-size:18px;
	line-height:28px;
	margin-top:10px;
	margin-bottom:10px;
	width:226px;
	height:28px;
}
.hero_centerblock{
	margin-top:0;
	text-align:center;
	height:254px;
}
.adlet_L3{
	display:inline-block;
	position:relative;
	margin-left:50px;
	margin-right:50px;
	text-align:center;
	vertical-align:top;
	width:150px;
	color:#666;
}
.adlet_L3-img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:center;
	width:150px;
}
.adlet_L3-title{
	font-family: cachet_bold;
	font-size:18px;
}
.adlet_L3-content{
	font-family: cachet_book;
	font-size:12px;
	line-height:14px;
	padding-top:5px;
	padding-bottom:5px;
}
a.adlet_L3-btn{
	display:block;
	width:114px;
	height:21px;
	font-family: cachet_bold;
	font-size:10px;
	line-height:22px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	background-color:#01aef0;
	border-radius: 4px;
	border: 2px solid #01aef0;
}
.adlets_quad-container{
	padding-top:45px;
	padding-bottom:45px;
	color:#666;
	background-color:#f5f5f5;
}
.adlet_quad-break{
	display:inline;
	width:50%;
}
.adlet_quad{
	display:inline-block;
	position:relative;
	text-align:center;
	vertical-align:top;
	width:165px;
	color:#666;
	height:148px;
	background-image: url(../x4-adlet-box.png);
	background-repeat:no-repeat;
	background-position: center center;
}
.adlet_quad-img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:center;
	width:84px;
	height:69px;
	margin-top:15px;
}
.adlet_quad-title{
	font-family: cachet_bold;
	font-size:12px;
}
.adlet_quad-content{
	font-family: cachet_book;
	font-size:10px;
	line-height:15px;
	margin-top:0;
}
.adlet_quad-btn{
	font-family: cachet_medium;
	font-size:10px;
	line-height:10px;
	color:#01aef0;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.bgtext{
	position:relative;
	text-align:center;
}
.bgtext-container{
	position:absolute;
	margin-top:40px;
	margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);;
	transform: translateX(-50%);
	width:500px;
	color:white;
}
.bgtext-title{
	font-family: cachet_bold;
	font-size:28px;
	margin-bottom:15px;
}
.bgtext-content{
	font-family: cachet_book;
	font-size:14px;
	line-height:16px;
	margin-bottom:20px;
}
a.btn-white{
	color:#fff;
}
a.btn-grey{
	color:#ccc;
}
a.btn-blue{
	color:#fff;
	background-color:#01aef0;
	border:#01aef0;
}
.btn-big{
	display:inline-block;
	text-align:center;
	font-family: cachet_bold;
	font-size:16px;
	line-height:40px;
	padding-left:40px;
	padding-right:40px;
	height:40px;
	border-radius: 6px;
	border: 2px solid;
}
.btn-med{
	display:inline-block;
	text-align:center;
	font-family: cachet_bold;
	font-size:13px;
	line-height:30px;
	padding-left:20px;
	padding-right:20px;
	/*width:100%;*/
	height:30px;
	border-radius: 6px;
	border: 2px solid;
}
.btn-learn{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: cachet_bold;
	font-size:16px;
	line-height:30px;
	width:130px;
	height:30px;
	border-radius: 6px;
	border: 2px solid;
}
.bgtext-heropic{
	margin-top:0;
	text-align:center;
	height:497px;
}
.bgtext-heropic-mobile{
	display:none;
}
a.bigbar_btn:hover{
	color:#fff;
}
.bigbar{
	position:relative;
	height:250px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#0060af;
	min-width:0;
}
.bigbar_container{
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	margin:auto;
	min-width:0;
	width:100%;
	max-width:960px;
	color:white;
}
.bigbar_title{
	font-family: cachet_bold;
	font-size:22px;
	margin-bottom:15px;
}
.bigbar_content{
	font-family: cachet_book;
	font-size:12px;
	margin-bottom:15px;
}
.bigbar_btn{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: cachet_bold;
	font-size:14px;
	line-height:18px;
	width:140px;
	height:19px;
	border-radius: 6px;
    border: 2px solid white;
}
.expander-line{
	display:block;
	height:0px;
	margin-top:20px;
	margin-bottom:7px;
	border:solid 1px #ccc;
}
.expander{
	padding-top:35px;
}
.expander-box{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.expander-copy{
	padding:10px;
}
.colex{
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
}
.colex-container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.colex-hero{ 
	position:relative;
	text-align:center;
}
.colex-hero-img{
	margin-top:0;
	text-align:center;
	height:54px;
}
.columnL{
	position:relative;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	color:#666;
	width:390px;
}
.columnR{
	position:relative;
	width:380px;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.simple-title{
	font-family: cachet_bold;
	font-size:36px;
	text-align:left;
	color:#2688d1;
	padding-top:35px;
	padding-bottom:20px;
}
.simple-title-branch{
	font-family: cachet_bold;
	font-size:26px;
	text-align:left;
	color:#2688d1;
	padding-top:35px;
	padding-bottom:20px;
}
.simple-hero{ 
	position:relative;
	text-align:center;
}
.simple-hero-img{
	margin-top:0;
	text-align:center;
	height:254px;
}
.simple{
	position:relative;
}
.simple-container{
	position:relative;
	padding-bottom:50px;
	margin-left:50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);;
	transform: translateX(-50%);
	width:960px;
}
.simple-columnL{
	width:100%;
	max-width:460px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.simple-columnR{
	width:100%;
	max-width:460px;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.simple-column-stack{
	display:none;
}
.panels-title{
	font-family: cachet_bold;
	font-size:36px;
	text-align:left;
	color:#2688d1;
}
.panels{
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
	max-width:960px;
	width:100%;
	color:#666;
}
.panel{
	display: inline-block;
    *display: inline;
    /*zoom: 1*/
	vertical-align:top;
	width:303px;
	background-color:#f4f4f4;
	border-radius:10px; 
}
.panel-pic img{
	display:block;
	width:303px;
	height:168px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.panel-bar{
	font-family:cachet_medium;
	font-size:14px;
	line-height:25px;
	color:#fff;
	margin-top:0;
	height:25px;
	text-align:right;
	background-color:#01aef0;
}
.panel-learnmore{margin-right:14px;}
a.panel-learnmore:hover{color:#fff;}
.panel-text{
	font-family:cachet_book;
	font-size:13px;
	line-height:19px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
}
.panel-title{
	font-family:cachet_medium;
	font-size:19px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
.panel-justify{
	width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
#slider-title-desktop{display:block;text-align:center;}
#slider-title-mobile{display:none;}

.bxspacer{
	display:block;
	height:30px;
}
.bx-greybg{
	position:absolute;
	width:100%;
	height:340px;
	background-color:#f4f5f4;
}
.branch-social{
	position:absolute;
	right:50px;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.branch-social-icons{
	float:right;
	padding-left:5px;
	width:29px;
	height:29px;
	background-repeat:no-repeat;
}
.branch-social-youtube{float:left; background-image: url(../branch-social-youtube.png);}
.branch-social-twitter{float:left; background-image: url(../branch-social-twitter.png);}
.branch-social-facebook{float:left; background-image: url(../branch-social-facebook.png);}
.branchmenubox ul { 
	list-style-type: none;
    margin: 0;
    padding: 0;
	font-family: cachet_medium;
	text-align:center;
}
.branchmenubox li { 
	text-align:center;	
	display: inline;
	padding-left:12px;
	padding-right:12px;
}
.branch-menu{
	text-align:center;
	width:100%;
	color:grey;
	vertical-align:middle;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.branch-menu #currentpage-midmenu{
	padding-bottom:7px;
	border-bottom:solid 5px #00b0ec;
}
.branchmenubox{
	padding-top:20px;
	text-align:left;
	position:relative;
	display:inline-block;
	width:960px;
	height:30px;
	border-bottom:solid 1px #ccc;
}
.branch-adlet{
	display:inline-block;
	position:relative;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	vertical-align:top;
	max-width:250px;
	width:100%;
	color:#666;
}
.branch-adlet-img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:center;
}
.branch-adlet-title{
	font-family: cachet_bold;
	font-size:20px;
	margin-bottom:10px;
}
.branch-adlet-content{
	font-family: cachet_book;
	font-size:14px;
	line-height:16px;
	margin-bottom:5px;
}
.adlets-justify{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.adlets-justify-stretch{
	width:100%;
    display: inline-block;
}

/* footer */
.footer-margin-off{
	margin-bottom:-50px;
}
.footer{
	color:#666;
	font-size:12px;
	line-height:22px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	min-width:0px;
   	bottom:0;
	background-color:#dadada;
}
.footercontent{
	font-family: cachet_book;
	margin-left:auto;
	margin-right:auto;
	max-width:760px;
	padding-bottom:40px;
}
.footerstack{
	font-family: cachet_medium;
	display:inline-block;
	padding-top:35px;
	padding-left:15px;
	vertical-align:top;
	width:140px;
}
.footerstacklist{
	list-style-type: none;
	margin-left: 0; 
	padding-left: 0;
}
.footertitle{
	font-family: cachet_bold;
	font-size:14px;
}
.footerlink{
	padding-right:10px;
}
a.footerlink:hover {
    color: #00b0ec;
}
.footerbox{
	display:inline-block;
	margin-left:50px;
	height:200px;
}
.footer-social{ 
	position:absolute;
	display:inline-block;
	margin-top:52px;
	margin-left:50px;
}
.footer-icons{
	vertical-align:top;
	display:inline-block;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
}
.footer-facebook{
	background-image: url(../footer-social-facebook.png);
}
.footer-twitter{
	background-image: url(../footer-social-twitter.png);
}
.footer-youtube{
	background-image: url(../footer-social-youtube.png);
}
.footer-icons a{
	display:inline-block;
	padding:0;
}
.footer-icons:hover{
	cursor:pointer;
	-ms-filter: contrast(180%);
	-webkit-filter: contrast(180%);
	filter: contrast(180%);
}
.footer-copy{
	position:absolute;
	display:inline-block;
	margin-top:100px;
	margin-left:50px;
	color:#999;
	width:200px;
	padding-top:0px;
	padding-right:0px;
	position:relative;
	font-size:10px;
	line-height:14px;
}

.footer-mobile{
	display:none;
}
.greybar{
	text-align:center;
	height:40px;
	width:100%;
	margin-top:4px;
	margin-bottom:4px;
	background-color:#ccc;
	color:grey;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
min-width:0;
}
.greybar-text{
	font-family: cachet_bold;
	font-size:18px;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
min-width:0;
}
.mainheader{
	text-align:center;
	height:130px;
	width:100%;
	background-color:#fff;
	color:#443a39;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.mainheader-text{
	font-family: cachet_bold;
	font-size:28px;
	position: relative;
	font-size:24px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

}
/*test*/

@media (max-width: 900px) {
.tile{
    height: auto;
	float:left;
	width:50%;
	outline:solid 4px white;
}
}

/*--- MOBILE ---*/

@media (max-width: 1230px) {

.header-btns{
	display:block;
	float:right;
	margin-top:60px;
}
.btn-donate{
	display:none;
	font-family: cachet_bold;
	font-size:13px;
	text-align:center;
	color:white;
	margin-right:0px;
	height:25px;
	/*background-color:#31b5c2;*/
	/*background-image: url(../btn-donate.png);*/
	/*background-image: url(../btn-give.png);*/
	background-repeat:no-repeat;
	/*border-radius: 6px;*/
	border-top-left-radius:6px;
	border-top-right-radius:0px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:0px;
	/*width:75px;*/
}
#donate-color-default{
	background-color:#31b5c2;
}
#donate-color-orange{
	background-color:#f47920;
}
#donate-color-purple{
	background-color:#0089d0;
}
#donate-color-red{
	background-color:#92278f;
}

.btn-signin{
	display:none;
	font-family: cachet_bold;
	font-size:13px;
	text-align:center;
	color:#fff;
	/*right:10px;*/
	height:25px;
	/*background-image: url(../btn-signin.png);
	background-repeat:no-repeat;*/
	/*background-image: url(../btn-signup-bg.png);
	background-repeat:x-repeat;*/
	/*border-radius: 6px;*/
	border-top-left-radius:0px;
	border-top-right-radius:6px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:6px;
	/*width:90px;*/
}

#signin-color-default{
	background-color:#0089d0;
}
#signin-color-orange{
	background-color:#01a490;
}
#signin-color-purple{
	background-color:#92278f;
}
#signin-color-red{
	background-color:#ed1c24;
}

.btn-signin-text{
	display:block;
	position:relative;
	padding:4px 15px 4px 15px;
}
a.btn-signin-text:hover{
	z-index:100;
	color:white;
	opacity:0.7;
}


.header-btns{
	margin-top:26px;
	margin-right:90px;
}
/*.btn-donate{display:none;}*/
#menu-btn-9{display:block;}
.mobile-arrow{
	position:relative;
	display:block;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	width:49px;
	height:49px;
	background-image: url(../mobile-arrow.png);
	background-repeat:no-repeat;
}
.footer-margin-off{
	margin-bottom:-50px;
}
.footer{
	line-height:23px;
	font-size:12px;
	line-height:22px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	width:100%;
   	bottom:0;
	background-color:#dadada;
}
.footercontent{
	position:relative;
	width:100%;
	max-width:760px;
}
.footerstack{
	margin-left:20px;
	padding-top:30px;
	width:134px;
}
.footer-copy{
	position:relative;
	display:block;
	margin-top:70px;
	margin-left:0px;
	max-width:320px;
	padding-top:0px;
	padding-left:30px;
	padding-right:20px;
	font-size:12px;
	line-height:20px;
	color:#999;
	width:100%;
}
.footer-social{
	position:relative;
	display:inline-block;
	margin-top:40px;
	margin-left:30px;
}


.adlet-shift{
	display:none;
}	
.tab-top{
	width:164px;
	right:0;
	top:80px;
	height:22px;
	font-family: cachet_book;
	font-size:10px;
	color:#fff;
	background-color:#2e75bc;
	border-bottom-right-radius: 0px;
}

#tab-color-default{
	background-color:#2e75bc;
}
#tab-color-orange{
	background-color:#01a490;
}
#tab-color-purple{
	background-color:#92278f;
}
#tab-color-red{
	background-color:#ed1c24;
}

.tab-top-text{
	padding-top:5px;
}
.logo-ymca{
	display:block;
	z-index:0;
	-webkit-transform: translateZ(0px);
	position:absolute;
	width:54px;
	height:42px;
	margin-top:20px;
	margin-left:20px;
	background-image: url(../logo-ymca-mobile.png);
	background-repeat:no-repeat;
}


#logo-color-default{
	display:block;
	/*z-index:0;*/
	-webkit-transform: translateZ(0px);
	position:absolute;
	width:54px;
	height:42px;
	margin-top:20px;
	margin-left:20px;
	background-image: url(../logo-ymca-mobile.png);
	background-repeat:no-repeat;
}
#logo-color-orange{
	display:block;
	z-index:0;
	-webkit-transform: translateZ(0px);
	position:absolute;
	width:54px;
	height:42px;
	margin-top:20px;
	margin-left:20px;
	background-image: url(../orange-logo-ymca-mobile.png);
	background-repeat:no-repeat;
}
#logo-color-purple{
	display:block;
	z-index:0;
	-webkit-transform: translateZ(0px);
	position:absolute;
	width:54px;
	height:42px;
	margin-top:20px;
	margin-left:20px;
	background-image: url(../purple-logo-ymca-mobile.png);
	background-repeat:no-repeat;
}
#logo-color-red{
	display:block;
	z-index:0;
	-webkit-transform: translateZ(0px);
	position:absolute;
	width:54px;
	height:42px;
	margin-top:20px;
	margin-left:20px;
	background-image: url(../red-logo-ymca-mobile.png);
	background-repeat:no-repeat;
}


.header{
	z-index:2000;
	display:block;
	margin:auto;
	width:100%;
	height:78px;
	background:white;
}
.hero{	display:none;}
.hero-mobile{
	margin-top:-180px;
	text-align:center;
	height:254px;
}
.title-common{
	font-size:34px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.hero-camp{display:none;}
.hero-camp-mobile{
	margin-top:0px;
	height:287px;
	min-width:100%;
}
.hero-contentbox-camp{
	width:90%;
}
.hero-title-camp{
	font-family: cachet_medium;
	font-size:38px;
	letter-spacing: 0px;
	line-height:40px;
	margin-bottom:12px;
	padding-right:10px;
}
.hero-title-big{
	font-family: cachet_medium;
	font-size:38px;
	letter-spacing: 0px;
	line-height:36px;
	margin-bottom:20px;
	padding-right:10px;
}
.btn-big{
	font-size:14px;
	height:34px;
	line-height:34px;
}
.btn-med{
	font-size:14px;
	padding-left:40px;
	padding-right:40px;
	min-width:180px;
}
.hero-box{
	text-align:left;
	-ms-transform: translateX(0px);
	-webkit-transform: translateX(0px);;
	transform: translateX(0px);
	position:relative;
	top:15px;
	margin-left:auto;
	margin-right:auto;
	width:280px;
	height:180px;
}
.hero-title{
	font-family: cachet_bold;
	font-size:28px;
	margin-bottom:15px;
	margin-left:5px;
	margin-right:5px;
}
.hero-content{
	font-family: cachet_book;
	font-size:14px;
	line-height:18px;
	margin-bottom:20px;
	margin-left:5px;
	margin-right:5px;
}
.hero-btn{
	display:block;
	text-align:center;
	font-family: cachet_bold;
	font-size:14px;
	line-height:35px;
	width:277px;
	height:34px;
	margin-left:5px;
	margin-right:5px;
	background-image: url(../btn-programs_mobile.png);
	background-repeat:no-repeat;
	
}
.hero_centerblock-div{
	position:relative;
	height:596px;
	text-align:center;
}
.hero_centerblock{	
	display:none;
}
.hero_centerblock-mobile{
	margin-top:0;
	text-align:center;
	height:596px;
}
.hero_centerblock-box{
	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:100%;
	height:210px;
	color:white;
	background:rgba(0,0,0,0);
}
.hero_centerblock-title{
	font-family: cachet_medium;
	font-size:36px;
	line-height:36px;
	margin-left:20px;
	margin-right:20px;
}
.hero_centerblock-content{
	display:block;
	position:relative;
	font-family: cachet_book;
	font-size:16px;
	line-height:15px;
	padding:20px;
}
a.hero_centerblock-btn{
	display:block;
	text-align:center;
	font-family: cachet_bold;
	font-size:16px;
	line-height:40px;
	width:219px;
	height:41px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	background-color:#01aef0;
	border-radius: 6px;
	border: 2px solid #01aef0;
}
.adlet_L3{
	margin-top:50px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	overflow:hidden;
}
.adlet_L3-img{
	width:278px;
}
.adlet_L3-title{
	font-size:32px;
	margin-left:20px;
	margin-right:20px;
}
.adlet_L3-content{
	font-size:14px;
	margin-bottom:20px;
}
a.adlet_L3-btn{
	font-size:14px;
	line-height:40px;
	width:226px;
	height:41px;
	border-radius: 6px;
}
.adlets_quad-container{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#f5f5f5;
}
.adlet_quad-break{
	display:block;
	width:100%;
}
.adlet_quad{
	margin-left:auto;
	margin-right:auto;
	width:158px;
	padding: 20px;
	height:141px;
}
.bgtext-title{
	font-size:28px;
	margin-bottom:15px;
}
.bgtext-container{
	width:90%;
	margin-top:50px;
}
.bgtext-content{
	font-size:16px;
}
.bgtext-heropic{
	display:none;
}
.bgtext-heropic-mobile{
	display:block;
	margin-top:0;
	text-align:center;
	height:596px;
}
.bigbar{
	height:200px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#0060af;
}
.bigbar_container{
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	margin:auto;
	width:100%;
	color:white;
}
.bigbar_title{
	font-family: cachet_bold;
	font-size:22px;
	margin-bottom:15px;
}
.bigbar_content{
	font-family: cachet_book;
	font-size:14px;
	margin-bottom:15px;
}
.bigbar_btn{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: cachet_bold;
	font-size:14px;
	line-height:18px;
	width:140px;
	height:19px;
	border-radius: 6px;
    border: 2px solid white;
}
.colex-title{
	font-size:20px;
	line-height:0px;
	padding-top:44px;
	padding-bottom:22px;
	padding-left:20px;
}
.colex-hero-img{
	display:none;
}
.colex{/
	padding-top:0px;
}
.colex-container{
	padding-top:0px;
	padding-bottom:0px;
	width:100%;
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    display: flex;
    flex-direction: column-reverse;
}
.columnL{
	padding-top:30px;
	padding-bottom:25px;
	width:100%;
	display:block;
}
.expander{
	padding-top:30px;
}
.columnR{
	width:90%;
	max-width:380px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.simple-container{
	width:100%;
	overflow-x:hidden;
}
.simple-title{
	font-size:32px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}
.simple-title-branch{
	font-size:26px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}
.simple-columnL{
	display:block;
	width:90%;
	max-width:380px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.simple-columnR{
	display:block;
	width:90%;
	max-width:380px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:30px;
}
.simple-column-stack{
	display:none;
}
.panels-title{
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:32px;
}
.panels{
	width:100%;
	max-width:100%;
	position:relative;
	display:block;
	vertical-align:top;
}
.panel-justify{
	display:none;
}
.panel{
	float:none;
	margin-right:auto;
	width:100%;
	max-width:303px;
	position:relative;
	display:block;
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
.panel-text{
	margin-bottom:30px;
	padding-bottom:20px;
}
.panel-title{
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
.panel-special{
	padding-bottom:0;
	margin-bottom:0;
}
.adlets-justify{
	overflow:hidden;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
    -ms-text-justify: none;
    text-justify:none;
}
.adlets-justify-stretch{
	display:none;
}

/*branch*/
	.bxspacer{display:none;}
	.bx-wrapper .bx-prev{ display:none; }
	.bx-wrapper .bx-next{ display:none; }
	#bmt-drop{ display:none; }
	.bx-greybg{display:none;}
	
#slider-title-desktop{display:none;}
#slider-title-mobile{
	display:block;
	text-align:left;
}

.branch-social{
	display:none;
}
.branchmenubox ul { 
	list-style-type: none;
	margin-left:0;
	width:100%;
	text-align:center;
}
.branchmenubox li { 
font-size:19px;
padding-left:10px;
padding-right:10px;	
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}
.branchmenubox{
	font-family: cachet_medium;
	font-size:14px;
	width:300px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:7px;
	border-bottom:solid 1px #ccc;
	text-align:left;
	position:relative;
	display:inline-block;
	width:100%;
	height:28px;
}
.branchmenu{
	display: inline-block;
    *display: inline;
    zoom: 1;
}
.branchmenu #currentpage-midmenu{
	color: #00b0ec;	
	border-bottom:solid 5px #00b0ec;
}
.branchmenutext{
	display: inline-block;
    *display: inline;
    zoom: 1;
}
.branch-adlet{
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	display:block;
	padding-bottom:50px;
	position:relative;
	width:100%;
	max-width:400px;
}
.branch-adlet-img{
	height:150px;
}
.branch-adlet-title{
	font-size:32px;
	font-size:18px;
	margin-bottom:10px;
}
.branch-adlet-content{
	color:#636466;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.4em;
	margin:0;
	-webkit-text-size-adjust: none;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;

}
.hero-bar{display:none;}
.camp-menu{display:none;}
.menu-stack-box{
	display:block;
	margin-top:30px;
	width:80%;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}
.menu-stack ul{
	list-style-type: none;
	padding:0;
}
.menu-stack li{
	display:block;
	font-family:cachet_bold;
	font-size:18px;
	line-height:30px;
	text-align:left;
	padding-left:30px;
	margin-top:12px;
	min-height:30px;
	color:#999;
	border-radius:6px;
	border:solid 2px #999;
}
.menu-stack a{
	display:block;
}

/* GREENBOX */
.greenbox{
	padding: 20px 0 50px 0;
}
.greenbox-main{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}
.greenbox-a{
	margin: 0 16px 0 0px;
}
.greenbox-b{
	
}
/* /GREENBOX */
}

/*------- other media queries (smaller) ----*/
@media (max-width: 480px) {
.tile{
    height: auto;
	float:left;
	width:100%;
	outline:solid 4px white;
}
}

/*--- WEP ---*/
@media (max-width: 700px) {
/*-- wep --*/
.wep-align{
	text-align: left;
	margin-left:20px;
	left:40px;
	padding-left:40px;
}
.wep-mq{
	max-width:900px;
	width:100%;
	margin:auto;
	/*padding:0 20px 0 20px;*/
}
.herostrip-wep{
	margin-top:0;
	/*text-align:center;*/
	text-align:right;
	/*min-width:1288px;*/
	width:100%;
	min-height:800px;
	/*height:100%;*/
}
.herostrip-wep-flip{
	margin-top:0;
	text-align:right;
	width:100%;
	min-height:800px;
}
.wep-image{
	position:absolute; 
	right:0; 
	margin-right:0; 
	vertical-align: bottom; 
	margin-bottom:0; 
	bottom:0;
	text-align: center;
}
.wep-img{

	position:relative;
	margin-top:-80px;
	/*width:350px;*/

	max-height:350px;
	max-width:350px;
	
}

.wep-btn{
	/*max-width:700px;
	width:100%;
	padding-right:70px;*/
}
/*-- wep --*/
}

@media (max-width: 400px) {
.btn-big{
	font-size:13px;
	padding-left:15px;
	padding-right:15px;
}
}
@media (max-width: 300px) {
.btn-big{
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
}
}
/*-- wep --*/


/*--- SPACE ISSUES (SMALL SCREENS)*/
@media (max-width: 600px) {
.superwide-box{
	overflow-x:hidden;
	max-width:100%;
}
.superwide-hero{
	height:130px;
}
.branchmenubox li { 
	font-size:18px;
	padding-left:5px;
	padding-right:5px;	
}
.branchmenubox{
	height:25px;
}
/* GREENBOX */
.greenbox-main{
	max-width:100%;
    width:100%;
    height:250px;
    /*background-image: url(pic-main.jpg);*/
    background-repeat: no-repeat;
    background-size: 640px auto;
    background-position:center;
}
.greenbox-main-text{
	padding-right:10px;
	max-width:310px;
	margin-top:120px;
	margin-left:36px;
	font-family:cachet_book; 
	font-size:18px; 
	line-height:24px;
	/*letter-spacing:-0.04em;*/
}
.greenbox-a{
	position:relative;
	text-align:left;
	display:block;
    width:100%;
    height:auto;
    vertical-align:middle;
    margin-bottom:25px;
    overflow:hidden;
}
.greenbox-b{
	position:relative;
	text-align:left;
	display:block;
    width:100%;
    height:auto;
    vertical-align:middle;
    overflow:hidden;
}
.greenbox-thumb{
	display:inline-block;
	vertical-align:middle;
	width:130px;
    height:112px;
    /*background-image: url(pic-main.jpg);*/
    background-repeat: no-repeat;
    background-size: 226px auto;
    background-position:left;
}
.greenbox-thumb-text{
	display:inline-block;
	position:absolute;
	vertical-align:middle;
	margin-left:20px;
	margin-right:20px;
	height:112px;
	padding:0;
}
/* /GREENBOX */

/* HERO TEXT (MEMBERSHIP) */
.hero-text-resize{
	margin-top:40px;
	font-size:40px;
}
/* HERO TEXT */

}

@media (max-width: 380px) {
.bx-wrapper img {
	width:100%;
		/*height:250px; @@@ */
	width:650px;
}
.bxslider{
	min-width:100%;
	width:960px;
	height:250px;
}
.branchmenubox ul { 
	padding-left:0px;
	padding-right:0px;
	margin-top:5px;
}
.branchmenubox li { 
	padding-left:7px;
	padding-right:7px;
	font-size:16px;
}
.branchmenubox{
	height:28px;
}
.branchmenutext{
	vertical-align:middle;
	padding-bottom:15px;
	border-bottom:solid 5px #00b0ec;
}
.footerstack{
	padding-left:10px;
}
.footer-copy{
	margin-left:30px;
	padding-left:0;
	width:220px;
}
.footer-social{
	position:relative;
	display:inline-block;
	margin-top:40px;
	/*margin-left:10px;*/
	margin-left:30px;
}
}

@media (max-width: 350px) {
.hero-title-camp{
	font-family: cachet_mbold;
	font-size:30px;
	letter-spacing: -1px;
	line-height:30px;
	padding-left:23px;
	margin-bottom:20px;
	padding-right:10px;
}
.hero-camp-mobile{
	margin-top:0px;
	height:170px;
}
.hero-container-camp{
	position:relative;
	text-align:center;
}
.hero-contentbox-camp{
	top:10px;
	margin-left:15px;
	width:90%;
}
.menu-stack-box{
	display:block;
	margin-top:15px;
	width:78%;
	max-width:100%;
}
.menu-stack li{
	font-size:14px;
	line-height:28px;
	text-align:center;
	padding-left:20px;
	padding-right:5px;
	margin-top:7px;
	min-height:1px;
	height:28px;
	color:#999;
	border-radius:6px;
	border:solid 2px #999;
	
}
.branchmenubox li { 
font-size:12px;
padding-left:5px;
padding-right:5px;	
}
.branchmenubox{
	height:25px;
}
.footerstack{
	padding-left:10px;
}
.footer-copy{
	margin-left:30px;
}
.footer-social{
	display:block;
	margin-left:30px;
}
}

@media (max-width: 380px) { /* iphone 4+ */
.hero-title-camp{
	font-family: cachet_bold;
	font-size:30px;
	letter-spacing: -1px;
	line-height:30px;
	padding-left:23px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:10px;
}
.hero-camp-mobile{
	margin-top:0px;
	height:170px;
}
.hero-container-camp{
	position:relative;
	text-align:center;
}
.hero-contentbox-camp{
	top:10px;
	margin-left:15px;
	width:90%;
}
.menu-stack-box{
	display:block;
	margin-top:-10px;
	margin-bottom:-30px;
	width:78%;
	max-width:100%;
}
.menu-stack li{
	font-size:14px;
	line-height:28px;
	text-align:left;
	padding-left:20px;
	padding-right:5px;
	margin-top:0px;
	min-height:1px;
	height:28px;
	color:#999;
	border-radius:6px;
	border:solid 2px #999;
}
}