@charset 'UTF-8';
@import url(https://fonts.googleapis.com/css?family=Nunito:400,700,300);

body{ 
	padding:0;
	margin:0px;
	/*height:100%;*/
	font-family: 'Helvetica','Helvetica bold','Nunito', 'Arial', 'sans-serif','Source Sans Pro';

	/*width:100%;*/
	/*background-color:#fff;*/
	/*background-color:#98D7DF;*/
}
html{
	background:url(../images/crowsaturn2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	display:block;
	z-index:-50;
	padding:0;
	margin:0;
}
.center {
   	position: absolute;
	margin: auto;
	text-align: center;
}
.cmsheader{
	 position:fixed;
	 z-index: 1;
}
.cmsmenu{
	 padding-left:20px;
	 padding-right: 20px;
}
.container{
	margin:40px 15px 0px 15px;
	display:block;
	z-index: -1;
}
.containerL{
	/*margin:50px 0px 20px -50px;*/
	/*text-align: center;*/
	float:left;
	display:block;
	z-index: -1;
}
.containerC{
	width:100%;
	/*padding: 10px;*/
	/*padding-right: 15px;*/
	/*margin:0px 10% 0px 10%;*/
	text-align: center;
	display:block;
	z-index: -1;
}
.containerH{
	padding-left: 15px;
	padding-right: 15px;
	margin:80px auto 0px auto;
	text-align: center;
	display:block;
	z-index: -1;
}
.containerR{
	/*margin:30px 0px 0px 0px;*/
	text-align: center;
	float:right;
	display:block;
	z-index: -1;
}
.containerM{
	margin-top:-40px;
}
.hdrlogo{
 width:100%;
}
.hdrlogo:hover{
	opacity: .5;
	-moz-transition: all 0.35s ease-in-out, opacity 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out, opacity 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out, opacity 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out, opacity 0.35s ease-in-out;
	transition: all 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
}
.disthome img{
	width:30%;
}

b{
	font-weight: 600;
	}
i{
	font-style: italic;
}

p{
	color: #092834;
	font-family: 'Helvetica','Helvetica bold' 'Arial', 'sans-serif','Source Sans Pro';
	text-align: left;
	line-height: 1.5em;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.bar{
	background-color:rgba(130,179,212,.5);
	color:white;
	padding:15px;
	width:100%;
	margin-bottom:5px;
	float:right;
	text-align: left;
}
.bar2{
	background-color:rgba(130,179,212,.5);
	/*color:white;*/
	padding:15px;
	/*width:100%;*/
	margin-bottom:5px;
	/*float:right;*/
	text-align: left;
}
.cwclogo img{
 margin:-48px 10px 0 0;
 float:right;
 width:35px;
}
.L{
	float:left;
}
.R{
	float:right;
}
.barhome{
	/*margin-top:80px;*/
}
.bardist{
	margin-top:60px;
	/*margin-left:5px;*/
}
.distpage{
	margin-top:150px;
	float:left;
}
.tab{
	margin-left: 200px;
}

.tab2{
	margin-left: 120px;
}
.blockmain{
	margin: auto;
	text-align: center;
}
.blockC{
	width:18%;
	padding:5px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.3em;
	font-size: .9em;
	margin-bottom:10px;
}
.block3{
	width:30%;
	max-width:320px;
	padding:10px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.5em;
	font-size: .9em;
}
.block3 a{
	color:#1C3C71;
}
.blockD{
	width:45%;
	padding:10px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.5em;
	font-size: .9em;
	color:#092834;
}
.dkbkgd{
	background:rgba(24,50,98,.7);
	padding:5px 10px 0px 10px;
}
.lavbkgd{
	background:rgba(255,255,255,.5);
	padding:10px;
}
.lavbkgdB{
	background:rgba(255,255,255,.5);
	padding:10px;
	height:400px;
	text-align: center;
}
.lavbkgdB2{
	background:rgba(255,255,255,.5);
	padding:10px;
	height:650px;
	text-align: center;
}
.lavbkgdC{
	background:rgba(255,255,255,.5);
	padding:10px;
	line-height: 1.5em;
	height:570px;
	text-align: center;
}
.lavbkgdD{
	background:#cce9f2;
	padding:10px;
	height:500px;
	text-align: center;
}
.lavbkgdN{
	background:#cce9f2;
	padding:10px;
	line-height: 1.5em;
	text-align: center;
}
/*#cce9f2*/
.lavbkgdR{
	background:rgba(255,255,255,.5);
	padding:10px;
	line-height: 1.5em;
	height:200px;
	text-align: center;
}
.videoLG{
    display:block;
}
.videoSM{
    display:none;
}
.tnbox{
	margin:auto;
    text-align:center;
    margin-bottom: 5px;
    }
    .tnbox p{
    margin-top:-5px;
    color:#cce9f2;
    text-transform: uppercase;
    text-align: center;
    }
    .tnbox img{
        width:225px;
        padding:10px 10px 0px 10px;
    }
 
    .tnbox a{
       text-decoration: none;
       text-align:center;
       color:#333;
    }
    .tnbox a:hover{
       opacity: .7;
       transition: opacity 0.3s ease;
    }

div#caps{
		font-family: 'Helvetica', Arial, sans-serif;
		color: #fff;
		font-weight: 200;
		font-size: 14pt;
		padding-left: 5px;
}


a {
	color: #066AAE;
	text-decoration: none;
			
		}
		a:hover{
			opacity: .5;
			-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
		}

h1{
	color: #092834;
	margin:0;
	padding:0;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h2 {
  display: block;
  color: #fff;
  font-size: 24pt;
  font-weight: 800;
/*  text-shadow: 2px 2px #000;*/
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.disthdr{
	text-shadow: 1.5px 1.5px #244674;
	font-size: 1em;
	margin-left: 15px;
	margin-top: -10px;
}
.phdr{
	text-shadow: 1.5px 1.5px #244674;
	font-size: 1em;
}
h3 {
  font-family: 'Helvetica';
  color: white;
  font-size: 1.5em;
  font-weight: 600;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  /*line-height: 1.5em;*/
}
	h3 a:hover{
		color: #248995;
	}
.navtext {
  padding-top:10px;
  font-family: 'Helvetica';
  color: white;
  font-size: 1em;
  font-weight: 600;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  line-height: 2em;
}
	.navtext a:hover{
		color: #248995;
	}

h4 {
  font-family: 'Helvetica';
  color: #fff;
  font-size: 22pt;
  font-weight: 600;
  text-shadow: 2px 2px 2px #000;
  display: block;
  padding-bottom: 5px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: .7em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h5 {
  font-family: 'Helvetica';
  color: #1C3C71;
  font-size: 12pt;
  font-weight: 600;
  text-align: center;
  -webkit-margin-before: .5em;
  -webkit-margin-after: .5em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

h6 {
  background: rgba(24,50,98,.7);
  background-size: 100%;
  font-family: 'Helvetica';
  color: #fff;
  font-size: 12pt;
  font-weight: 400;
  padding:2px 10px 0px 10px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.h7 {
  font-family: 'Helvetica';
  color: #092834;
  font-size: 12pt;
  font-weight: 600;
}
.blocktitle{
	font-family: 'Helvetica';
  	color: #fff;
  	/*background: rgba(255,255,255,.3);*/
  	font-size: 13pt;
  	font-weight: 600;
  	/*line-height: 1.2em;*/
  	text-shadow: 1.5px 1.5px #000;
  	margin:-10px 0px 2px 0px;
  	/*padding-left:8px;*/
}
.bfitshdr{
	margin-bottom:50px;
}
.bfitshdr img{
	 width:80px;
	 float:right;
	 padding-left:8px;
}
.bfitshdr img:hover{
	 opacity:.8;
}
.linehdr{
	margin-top:60px;
	margin-right:8px;
}
.linehdr img{
	 width:80px;
	 float:right;
	 padding-left:8px;
}

#h7 {
  font-family: 'Helvetica';
  color: #092834;
  font-size: 14pt;
  font-weight: 600;
}

#h4btn {
  font-family: 'Helvetica';
  color: #0668AA;
  font-size: 14pt;
  font-weight: 400;
}
	#h4btn a{}
		#h4btn:hover{
			opacity:.5;
			-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
		}



hr{
	border: 1px solid #092834;
}

	.g{
		border: 1px solid #bebebe;
		width: 100%;
		opacity: .4;
		margin-top:5px;
	}
	.l{
		border: 1px solid #A7C1D9;
		width: 100%;
		opacity: .8;
	}

	.db{
		border: 1px solid #092834;
		width: 100%;
		opacity: .3;
	}
	.lb{
		border: 1px solid #98D7DF;
		width: 100%;
		opacity: .3;
	}

	.image.featured{

		display: block;
		width: 100%;
		margin: 0;
	}

/*nav*/

#topbar{
	/*background-color: #092834;*/
/*	border-bottom: 4px solid #248995;*/	
	/*height: 70px;*/
	top:0;
	z-index: -9999
}

/*header{
	background-color: #092834;
	border-bottom: 4px solid #248995;
	height: 70px;
	top:0;
}*/

/*div#topbar > #sections_btn_holder{
	float:right;
	width:120px;
	padding-top:18px;
}

div#topbar > #sections_btn_holder > #logo*/
/*-----menu----*/
.gymtxt{
margin-right:18px;
width:263px;
background:rgba(24,50,98,.7);
color:#cce9f2;
text-align:right;
float:right;
padding-left: 15px;
padding-right: 15px;
right: 0;
/*top:0px;*/
position:fixed;
font-size: .75em;
/*text-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}*/
}

.hamburger{
	width: 100%;
	position: fixed;
	text-align: right;
	z-index:2;
}

.hamburger img{	
	width:28px;
	padding:3px;
	/*background: #092834;*/
	cursor: pointer;
	margin-top:20px;
	margin-right: 15px;	
}
		/*div#hamburger img:hover {
			transition:.7s;
			transform: rotate(90deg);
	}
		div#hamburger img:active {
			background-image: url('../images/x2.png');
			width:30px;
			float: right;
			margin-right: 18px;
			margin-top: -40px;
			cursor: pointer;
			z-index: 10000;
	}*/
div#topbar > #sections_panel{
	position:fixed;
	height:0px;
	width:180px;
	background:rgba(24,50,98,.9);
	top:45px;
	right:0px;
	overflow:hidden;
	z-index:10000;
	transition: height 0.3s linear 0s;
}
div#topbar > #sections_panel > div{
	padding-left:20px;
	bottom: 0;
	color:#fff;
}
	#sections_panel > div:hover{
	color: #98D7DF;
	-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	}

/*#topmargin{
	margin-top: 10%;
}*/
.tag{
	float:right;
	font-style:italic;
	margin:0px 18px 0px 0px;
	font-size:1em;
	color:#fff;
	text-shadow: 1px 1px #000;
	/*color:#248995;*/
	}

.content{
}
.blast{
	text-align: center;
}
	.blast img{
		width:65%;
		max-width: 500px;
		padding:5px;
	}

.benefits{
	text-align:left;
	line-height: 1.5em;
	background: #fff;
	background-size: 100%;
	width: 350px;
	height: 950px;
	border: 4px solid #248995;
	padding: 10px;
	line-height: 1.45em;
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
	color: #248995;
}

.benefits2{
	text-align:left;
	line-height: 1.5em;
	background: #fff;
	background-size: 100%;
	width: 350px;
	border: 4px solid #248995;
	padding: 10px;
	line-height: 1.45em;
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
	color: #248995;
}

.resources{
	background: #fff;
	background-size: 100%;
	width: 350px;
	height: 625px;
	border: 4px solid #248995;
	padding: 10px;
	line-height: 1.75em;
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
}

table#resources{

	table-layout: auto;
	background: transparent;
	background-size: 100%;
	padding: 10px;
	top: 300px;
	margin: auto;
	display: inline-block;
	text-align: center;
}
.cwchours{
	background: #248995;
	background-size: 100%;
	width: 100%;
/*	padding: 18px;*/
	line-height: 1.7em;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px 10px 0px;
	color: #fff;
}
.cwctext{
	line-height: 1.5em;
	padding-left: 10%;
	padding-right: 10%;
	}

.cwc{
		background-color: transparent;
		background-width: 100%;
		width:100%;
		padding-right:18px;
		position: fixed;
		bottom: 75px;
		border-top: 0px;
	}

	.cwc img{
		opacity: .4;
	}

		.cwc img:hover{
			opacity: 1;
			-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
		}

.cwc2 {
		width: 80px;
		padding: 5px;
		float: right;
	}

/* dropdown */
.dropbtn {
    color: #248995;
    cursor: pointer;
    text-align: center;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    margin:auto;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    text-align: center;
    background-color: #A7C1D9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}

/* Links inside the dropdown */
.dropdown-content a {
    padding: 6px 12px;
    text-decoration: none;
    display: block;
    color:#092834;
}

.dropdown:hover .dropdown-content {
    display: block;
    z-index: 1;
}
#logo{
	width: 100px;
	margin: -28px 18px 10px 18px;
	float:left;
	z-index: 900;
}
#title4{
	margin: 50px 0 0 100px;
	font-size: 2.5em;
	text-shadow: 2px 2px 2px #000;
	bottom: 0;
	text-align: left;
	/*letter-spacing: .05em;*/
	}
.menu{
	text-align: right;
	margin:0px 18px 0px 0px;
	display: inline-block;
}

#title1{
	margin-top: -5px;
	padding-left: 15px;
	font-size: 22pt;
	text-shadow: 2px 2px #000;
	bottom: 0;
	margin-bottom: 5px;
	}

#title2{
	color: #fff;
	font-size: 14pt;
	padding-left: 5px;
	}

.title3{
	line-height: .5em; 
	}

#sd{
	width:150px;
	margin-left: 125px;
}
.panelbtns{
    bottom: 80px;
    z-index: 1;
    font-size: 0;
    margin: auto;
}
button
	.box {
	  position:relative;
	  vertical-align: middle;
	  color: #0b7;
	  display: inline-block;
	  height: 60px;
	  line-height: 60px;
	  text-align: center;
	  -webkit-transition: 0.5s;
	          transition: 0.5s;
	  padding: 0 20px;
	  cursor: pointer;
	  border: 2px solid #0b7;
	  -webkit-transition:0.5s;
	}

	.box:hover {
	  border: 2px solid rgba(0,160,80,0);
	  color: #FFF;
	}

	.box::before, .box::after {
	  width: 100%;
	  height:100%;
	  z-index: 3;
	  content:'';
	  position: absolute;
	  top:0;
	  left:0;
	  box-sizing: border-box;
	  -webkit-transform: scale(0);
	  -webkit-transition: 0.5s;
	          transition: 0.5s;
	}

	.foo::before {
	  border-bottom: 3px solid #FFF;
	  border-left: 3px solid #FFF;
	  -webkit-transform-origin: 0 100%;
	}

	.foo::after {
	  border-top: 3px solid #FFF;
	  border-right: 3px solid #FFF;
	  -webkit-transform-origin: 100% 0%;
	}

.row{
	margin:0;
	width: 100%;
	text-align: center;
	margin:auto;
}

#homelogo{
	background: transparent;
	width: 126px;
	margin-left: 15px;
	margin-top:-71px;
	float:left;
	z-index: 900;
}
	#homelogo:hover{
		opacity: .6;
	-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
	}

.panelicons {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin:auto;
		}

#panelbtns{
	display: inline-block;
	text-align: center;	
}
	#panelbtns img{
		padding-right:15px;
		text-align: center;
		width:250px;
			}

		#panelbtns img:hover{
			opacity: .9;
		-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
		-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
		transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
		}

#menubtns{
	margin-top:150px;
	bottom: 80px;
	z-index: 1;
	font-size: 0;
	margin-right: 15px;
	display: inline-block;
	text-align: center;
	margin:auto;	
}

	#menubtns img{
		padding:3px;
		width:180px;
			}

			#menubtns img:hover{
				opacity: .9;
			-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			}

#contacts{

	background: #248995;
	background-size: 100%;
	width:100%;
	color: white;
	bottom: 80px;
	padding: 18px;
	z-index: 1;
	text-align: center;
	margin: auto;
}
	
.contact{
	width: 20%;
	text-align: center;
	padding: 15px;
	margin:auto;

	}
	.contact img{padding-bottom: 5px;}

		.contact a {
			color: #fff;
			font-size: 10pt;
			width:75%;			
				}
				.contact a:hover{
					color: #98D7DF;
					-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
				}

.contact2{
	width: 33%;
	text-align: center;
	padding: 15px;
	margin:auto;

	}
	.contact2 img{padding-bottom: 5px;}

		.contact2 a {
			color: #fff;
			font-size: 10pt;
			width:80%;			
				}
				.contact2 a:hover{
					color: #98D7DF;
					-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
				}

.wb{
	}
	.wb img{padding-bottom: 5px;}

		.wb a {
			color: #fff;
			font-size: 10pt;			
				}
				.wb a:hover{
					color: #98D7DF;
					-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
				}


#whbtn{
	font-family: 'Helvetica';
  	color: #fff;
  	font-size: 1.2em;
  	font-weight: 600;
  	/*line-height: 1.2em;*/
  	text-shadow: 1.5px 1.5px #000;
}
	 #whbtn a{}
		#whbtn:hover{
			opacity: .5;
			-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			}

	#boxbtn a{
	font-family: 'Helvetica';
  	font-size: 10pt;
  	background: #A7C1D9;
  	padding:5px 15px 5px 15px;
	margin-top: 5px;
	text-align: center;
	color: #244674;
	width: 100%;
	border-radius: 4px;
}
		#boxbtn a:hover{
			opacity: .5;
			-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			}

/*--color--*/

#wh{color: #fff;}
#whtxt{color: #fff;text-align: center;line-height: 1.2em}
#gr{color: #bebebe;}
#ltb{color: #98D7DF;}
#mdb{color: #248995;}
#dkb{color: #092834;}

#mypocket{

	background-color: #248995;
	background-size: 100% ;
	margin-top: 10%;
	bottom: 80px;
	z-index: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
	line-height: 4em;
}

/*newsletters*/

.nl{
	background-color: #CCE9F2;
	background-size: 100%;
	width: 50%;
	color: white;
	z-index: 1;
	text-align: center;
	margin: auto;
	line-height: 1.5em;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
}
.kut{
	text-align: center;
	background-color:#092834;
	background-size: 100%;
	box-sizing:border-box;
	border-radius: 3px 3px 0px 0px;
	padding:5px;
	margin:-15px -10px 0px -10px;
	}

.nlt{
	background-color:#A7C1D9;
	background-size: 100%;
	box-sizing:border-box;
	border-radius: 3px 3px 0px 0px;
	padding:5px;
	}
.nl a{
	text-shadow:none;
	color: #092834;
}

.nl a:hover{
	opacity:.5;
}

.dd{

	background-color: #248995;
	background-size: 100%;
	color: white;
	bottom: 80px;
	padding: 15px;
	z-index: 1;
	text-align: center;
	margin: auto;
}
	
.tw{
	background: transparent;
	background-width: 100%;
	width: 50%;
	text-align: center;
	padding: 30px;
	margin: auto;
	}

#gymvendors{

	background: #fff;
    margin:auto;
    margin-bottom: 10px;
    width: 90%;
    padding: 8px;
    border: 2px solid #248995;
    bottom: 80px;
}


/*<!--footer-->*/

footer{
	width:100%; 
	bottom: 0;
	position: fixed;
	margin:8px;
}
.copyright{
	color:#066AAE;
	font-size: .7em;
	float:right;
	margin-right:18px;
}


#smallfooter{
	display: none;
}

/*--lightbox--*/

#gallery {
	width:660px;
	margin:100px auto;
	}

#gallery a {
	text-decoration:none;
	}

#gallery .item {
	width: 200px; height: 200px; overflow: hidden;
	float: left;
	border: 5px solid #333;
	margin: 5px;
	}


#gallery .item a { 
    overflow: hidden;
	}

#gallery .item a img {
	height: 100%; 
	align-self: center;
	}

.lightbox {
	/** Hide the lightbox */
	display: none;
	
	/** Apply basic lightbox styling */
	background: rgba(9,40,52,.5);
	background-size: cover;
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#333333;
	}

.lightbox:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none;
}

.lightbox .box {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width: 400px;
	min-height: 500px;
 	margin: 15% auto;
	padding:10px 20px 10px 20px;
	background-color:#092834;
	box-shadow: 0px 1px 26px -3px #777777;
	line-height: 1.75em; 
	}

.lightbox .title {
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px;
	}

.lightbox .content {
	display:block;
	position:relative;
	width:100%;
	}
	

.lightbox .content .desc {
	z-index:99;
	bottom:0;
	position:absolute;
	padding:10px;
	margin:0 0 4px 0;
	background:rgba(0,0,0,0.8);

	color:#fff;
	font-size:17px;
	opacity:0;
	transition: opacity ease-in-out 0.5s;
	}	
	
.lightbox .content:hover .desc	{
	opacity:1;
}

.lightbox .next,
.lightbox .prev,
.lightbox .close {
	display:block;
	text-decoration:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#858585;
	}

.prev {
	float:left;
	}

.next, .close {
	float:right;
	color: #fff;
	}
	
	.clear {
		display:block;
		clear:both;
		}

/*CALENDAR SLIDER*/

/*.container {
  margin-top: 20px;
}*/

#slideout {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  color: #333;
  position: fixed;
  top: 100px;
  left: -520px;
  width: 500px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

/*CALENDAR BOX*/

.calendar {
  width: 250px;
  overflow: hidden;
  color: #21262b;
  border: 1px solid #4A92F6;
  background: #3A71C4;
}
.calendar .period {
  text-align: center;
  overflow: hidden;
  height: 100%;
  line-height: 30px;
}
.calendar .date {
  position: relative;
  height: 30px;
  overflow: hidden;
}
.calendar .date .next, .calendar .date .prev {
  position: absolute;
  height: 100%;
  width: 30px;
  display: block;
  top: 0px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  background: #3A71C4;
  z-index: 1;
}
.calendar .date .next:hover, .calendar .date .prev:hover {
  background: #4A92F6;
}
.calendar .date .next {
  right: 0px;
}
.calendar .date .prev {
  left: 0px;
}
.calendar table {
  border-collapse: separate;
  border-spacing: 0.5rem;
  width: 100%;
}
.calendar table thead th {
  background: #4A92F6;
  color: #fff;
  font-size: 0.7em;
  font-weight: normal;
}
.calendar table tbody td {
  width: 14.28%;
  text-align: center;
  border-radius: 10%;
  cursor: pointer;
}
.calendar table tbody td:hover {
  color: #4A92F6;
}
.calendar table tbody td.future {
  color: #3A71C4;
}
.calendar table tbody td.selected {
  color: #fff;
}

#console:before {
  content: "Item selected: ";
}

.calendar * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#console {
  margin-top: 2em;
  font-weight: bold;
}

/*EVENT CONTAINER*/

.calcontainer {
  margin: 50px;
  font-family: 'Helvetica', sans-serif;
  font-weight: 400;
  color: #333
}

/*EVENT BOX*/

#titleBar h1{
  background:rgba(255,255,255,.5);
  padding: 6px 0px 4px 0px;
  width: 100%;
  border-radius: 3px;
  font-weight: 600;
  color: #244674;
  margin-bottom: 10px;
  font-size: 1.3em;
  text-transform:uppercase;
}

#calBox{
	width: 100%;
	margin: auto;
}
#calbtn{
	float: right;
	margin:0;
}
#calbtn a{
	font-family: 'Helvetica';
  	font-size: 12pt;
  	background: #A7C1D9;
	padding: 8px;
	text-align: center;
	color: #244674;
	border-radius: 4px;
}
		#calbtn a:hover{
			opacity: .5;
			-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			}

#boxHolder {
  padding: 17px;
  margin-bottom: 10px;
  margin-right: 1.05%;
  background: #CCE9F2;
  background-width:100%; 
  width: 19.121%;
  border-radius: 3px;
}

#boxHolder .box-date-holder {
  background: #A7C1D9;
  margin-right: 20px;
  padding: 10px;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0px 1px 0px 0px #d9e9f7;
}

#boxHolder .box-date-holder #dateNumber {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #092834;
  text-align: center;
}

#boxHolder .box-details-holder {
  text-align: left;
  padding-top: 10px;
  width: 100%;
  color: #092834;
}

#boxHolder .box-details-holder p#boxDescription {
  position: relative;
  color: #092834;
  text-align: left;
  font-size: 10px;
  left: 0;
  line-height: .8;
}

/*EVENT BAR*/
#ctitle{
	text-transform: uppercase;
}
#eventHolder {
  padding: 10px;
  margin: 0px 0px 10px 0px;
  background: rgba(255,255,255,.5);
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
}
#eventHolder::after {
  content: "";
  display: table;
  clear: both;
}
#eventHolder .event-date-holder {
  float: left;
  background: #A7C1D9;
  margin-right: 10px;
  padding: 10px;
  width: 75px;
  text-align: center;
  border-radius: 4px;
}

#eventHolder .event-date-holder #dateNumber {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #092834;
  text-transform: uppercase;
}
#eventHolder .event-date-holder #dateDay {
  text-transform: uppercase;
  color: #092834;
}
#eventHolder .event-details-holder {
  text-align: left;
  width: 100%;
  color: #092834;
  margin-top:0px;
  padding:0;
  line-height: 1.2em;
}
#eventHolder .event-details-holder h1 {
  font-size: 20px;
  font-weight: 600;
  color: #244674;
  text-decoration: none;
  list-style-type: none;
  line-height: 1em;
  margin:0;
   -webkit-margin-before: 0em;
   -webkit-margin-after: 0em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
}
#eventHolder .event-details-holder p#eventDescription {
  position: relative;
  color: #092834;
  text-align: left;
  font-size: 18px;
  left: 0;
  margin:0;
  line-height: 1em;
  padding:0;
}
ul{
	list-style-type: none;
	margin-right:0px;
	padding:0;
	text-align: center;
	width: 100%;
	display: block;
    list-style-type: none;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.hide {
  display: none;
}

/*WEEK BOX*/
.wkcontainer{
	width:100%;
	margin:auto;
	text-align: center;
	margin-bottom: 5px;
}

.wkbtn a{
	font-family: 'Helvetica';
  	font-size: .8em;
  	background: #A7C1D9;
	padding: 8px;
	text-align: center;
	color: #244674;
	width: 100%;
	border-radius: 4px;
}
		#wkbtn a:hover{
			opacity: .5;
			-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
			}
.wkHolder {
  width:100%;
  background: #A7C1D9;
  font-size: 25px;
  font-weight: 600;
  color: #092834;
  text-align: center;
  margin-bottom: 5px;
  border-radius: 4px 4px 0px 0px;

}

.wkBox {
  display: inline-block;
  background:rgba(255,255,255,.5);
  font-size: 1em;
  color: #092834;
  text-align: center;
  border-radius: 4px;
  width:19%;
  margin-right: .5%;
  margin-bottom:5px;
  vertical-align: top;

}

.wkcontent p{
   text-align: center;
   padding:8px;
  
}


/*JQUERY*/
@media screen and (min-width:1500px) {
	.container{
	margin-left:18%;
	margin-right:18%;
		}
	.containerC{
	margin:0;
		}
	.blockmainC{
	margin-left:0;
	margin-right:0;
		}
	.cmsmenu{
	 margin-left:18%;
	 margin-right:18%;
	 padding-left:0px;
	 padding-right:0px;
	}
	#menubtns img{
		padding:3px;
		width:250px;
	}
}
@media screen and (max-width:1500px) {

	.blockC{
	width:20%;
	}
	#contacts{
	background-size: 80%;
	width:80%;
	}
	.bardist{
	margin-top:-150px;
	}
/*	#topmargin{
		margin-top: 15px;
	}*/
/*	.blast img{
		width:30%;
	}*/
/*	.panelicons{
		width:50%;
	}*/
/*	.lavbkgdB2 {
	  font-size: 1em;
	}*/
	
}
@media screen and (max-width:1300px) {
	.blockC{
	width:25%;
	}
	#panelbtns img {
	  width: 180px;
	}
	#title4{
	  font-size:2em;
	}
}
@media screen and (max-width:1020px) {
	.bar{
	  width:100%;
	  padding-top:3px;
	  padding-bottom:3px;
	  text-align: center;
	  /*float:none;*/
	  height:40px;
	}
	.barhome{
	  width:100%;
	  /*padding:10px 0px 10px 0px;*/
	  text-align: center;
	  margin:10px auto 5px auto;
	}
}

@media screen and (max-width:1000px) {
/*	.bfitshdr img{
	margin-top:-10px;
	}*/

/*	#topmargin{
	margin-top: 12%;
	}*/

/*	#hamburger{
		margin-left: 93%;
		}*/

	#title1{
		font-size: 20pt;
	}
/*	h4 {
	  font-size: 18pt;
	}*/
	.block3{
	width:45%;
	}
}

@media screen and (max-width:950px) {
#panelbtns img{
	width:180px;
}
.blockC{
	width:30%;
}
.lavbkgdC{
	height:580px;
	margin-bottom:10px;
	}
/*	#topmargin{
	margin-top: 12%;
	}*/

/*	.blast img{
		width:30%;
	}*/

	table{
		font-size: 9pt;
	}
	
	.cwc2 {

		width: 8%;
	}
/*	#logo{
		width:75px;
		margin: -60px 8px 0px 12px;
	}*/
	.tag{
		font-size:.8em;
		margin:3px 8px 0px 0px;
	}

/*	#title4{
		margin-left:100px;
		font-size: 16pt;
	}*/
	#title1{
		font-size: 18pt;
	}
	#title3{
		font-size: 9pt;
	}

/*	h4 {
	font-size: 15pt;
	padding-bottom: 5px;
	}*/
	.tab{
	margin-left: 50px;
}

#boxHolder {
  padding: 17px 15px;
  width: 50%;
  margin: auto;
  margin-bottom: 10px;
}
.contact{
	width: 50%;
}
.wkBox {
  width:49%;
  margin-bottom: 5px;
}
@media screen and (max-width: 730px) {
	.containerM{
	margin-top:-35px;
	}
	#logo{
	  width:80px;
	  margin-top:-25px;
	}
	#title4 {
	  font-size: 1.8em;
	  padding-bottom:5px;
	  margin:40px 0px 0px 0px;
	}	
	.blockC{
	width:45%;
	}
	.blockD{
	width:100%;
	margin:auto;
	padding-right: 0px;
	padding-left: 0px;
	}
}

@media screen and (max-width: 670px) {
	.linehdr img{
	 margin-top:-8px;
	 width:60px;
	}
	#whbtn{
	  font-size: .9em;
	}
	.bfitshdr img{
	margin-top:-8px;
	width:60px;
	}
	.cwclogo img{
	 margin:-45px 10px 0 0;
	 width:35px;
	}
	#panelbtns img{
	  width:150px;
	  padding-left:3px;
	}
	.video{
		width:200px;
		height:100px;
		text-align: center;
	}
/*	#topmargin{
	margin-top: 10%;
	}*/

/*	#hamburger{
		margin-right: 15px;
	}*/
/*	#panelbtns img{
	width:70px;
	}*/
	#menubtns{
	padding-bottom: 200px;
	}
	#menubtns img{
	width:120px;
	}
	.blast{
	text-align: center;
	margin:auto;
	}
	.block3{
	width:100%;
	padding:0px 0px 10px 0px;
	}

/*	.blast img{
	width:80%;
	}*/

	.nl{
	width: 90%;
	margin: auto;
}

	.cwc2 {

		width: 10%;
	}
	.cwc {

		padding-bottom: 5px;
		}

	p{
		font-size: 10pt;
		line-height: 1.3;
	}

	h1{
		font-size: 14pt;
	}
	#titleBar h1{
		font-size: 1em;
	}
	#eventHolder {
		padding:6px;
	}

	#eventHolder .event-details-holder h1 {
  		font-size: 15px;
  		text-align: left;
	}
	#eventHolder .event-date-holder {
	  padding: 8px;
	  width: 50px;
	}

	#eventHolder .event-date-holder #dateNumber {
	  font-size: 1em;
	  font-weight: 600;
	}

	.wkBox {
	  width:100%;
	  margin-bottom: 5px;
	}
	.wkholder{
		font-size: 1.2em;
	}

	h2 {
	  font-size: 1em;
	}
	h3 {
	  /*font-size: .5em;*/
	}
	.disthdr{
		margin-top:2px;
	}
	h4 {
	  font-family: 'Helvetica';
	  color: #fff;
	  font-size: 15pt;
	  font-weight: 400;
	  text-shadow: 2px 2px #000;
	}

	h5 {
		font-size: 10pt;
	}
	h6 {
		font-size: .8em;
		line-height: 1.2em;
		padding:3px;
	}
	table{
		font-size: 6pt;
	}
	#homelogo{
		width:100px;
		margin-top:-62px;
	}
/*	#logo{
		width:55px;
		margin: -65px 8px 0px 8px;
	}*/
	.tag{
		text-align: center;
		font-size:.7em;
		margin:0px 10px 10px 10px;
	}

/*	#title4{
		margin-left:80px;
		font-size: 14pt;
	}*/

	#title1{
		padding-top: 15px;
		padding-left: 5px;
		font-size: 16pt;
	}

	#title3{
		font-size: 0pt;
	}
	#sd{
		width: 100px;
		margin-bottom: -5px;
	}

	/*footer{display: none;}*/

/*	#smallfooter{
		margin:0;
		padding-top:5px;
		position:relative;
		display: block;
		background: #092834;
		background width:100%;
		border-top: 4px solid #248995;
		width: 100%;
		color: #248995;
		text-align: center;
		margin:auto;
		bottom: 0px;
		vertical-align: baseline;
		/*padding-top: 8px;
	}*/

		.sfbox2 {
				/*width: 100%;*/
				text-align: center;
				padding: 8px;
				line-height: 1em;
			}

				.sfbox2 img:hover{
						opacity: .6;
					-moz-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-webkit-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-o-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					-ms-transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					transition: all 0.35s ease-in-out, color 0.35s ease-in-out;
					}

		.icons3 {
				width: 30px;
				padding-left: 3px;
				padding-bottom: 5px;
			}
	.calcontainer{
		margin: 20px;
		padding: 10px;
	}

	#calBox {
	  width:100%;
	  text-align: center;
	}

	#calbtn a{
	float: none;
	font-size: .6em;
	}
	#calbtn{
		margin-top: -8px;

	}

	#boxHolder .box-details-holder{
	  padding: 10px;
	  width:100%;
	}

	.contact{
	width: 50%;
	}
}

@media screen and (max-width:535px) {
	div#topbar > #sections_panel{
	top:30px;
	width:120px;
	}
	.containerH{
	padding:0px;
	margin:10px auto 0px auto;
	}
	.containerM{
	padding:8px 0px 8px 18px;
	background: rgba(130,179,212,.5);
	height:13px;
	margin:-45px -3px 0px 0px;
	}
	#panelbtns img{
	width:110px;
	}
	.blockC{
	width:70%;
	}
	.lavbkgdC{
	height:600px;
	}
/*	#title4{
	margin-top:38px;
	}
	#logo{
	margin-top:-23px;
	}*/
	#whbtn{
	font-size: .8em;
	}
}
@media screen and (max-width: 450px) {
	#logo{
	  width:70px;
	  margin-top:-25px;
	}
	.containerH{
	padding:0px;
	margin:20px auto 0px auto;
	}
	#title4{
	 font-size: 1.2em;
	 margin-left:0px;
	}
	.lavbkgdC{
	height:520px;
	}
/*	#logo{
  	width:50px;
  	margin:-35px 10px 5px 15px;
	}*/
	.hdrlogo{
	 width:100%;
	}
	#panelbtns img{
	width:75px;
	}
/*	#menubtns{
	padding-bottom:210px;
	}
	#menubtns img{
	width:70px;
	}

	#title4{
		margin-left:80px;
		font-size: 12pt;
		padding-left: 10px;
	}
	#logo{
		width:50px;
		padding-bottom: 10px;
		padding-right: 10px;
		/*margin-top:-60px;*/
	}
/*	#homelogo{
		width:75px;
		margin-top:-55px;
		margin-left: 10px;
		/*padding-right: 10px
	}*/
	.disthdr{
		margin-top:5px;
	}
}

@media screen and (max-width:320px) {
/*	.blockC{
	width:100%;
	padding:18px;
	}*/
	.lavbkgdC{
	height:450px;
	}
	h4{
	font-size: 1em;
	line-height: 1.6em;
	}
}