*{
    box-sizing: border-box;
}

body { margin:0; padding:0; background:#c4c9cd; font: .95em 'dinotregular', arial; color: #3f3f3f;}

html {
	 -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
	 }
.text-center {
	text-align:center;
}

.blank_page {
	height:450px;
}

#back-top {
    bottom: -8px;
    position: fixed;
    right: 20px;
    z-index: 1;
}
#back-top span {
    background: url("../images/backto_top.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    transition: all 1s ease 0s;
    width: 50px;
}
#back-top a:hover span {
    background: url("../images/backto_top.jpg") no-repeat scroll left bottom rgba(0, 0, 0, 0);
}




@font-face {
 font-family: 'dinotlight';
 src: url('../fonts/dinot-light-webfont.eot');
 src: url('../fonts/dinot-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/dinot-light-webfont.woff') format('woff'),  url('../fonts/dinot-light-webfont.ttf') format('truetype'),  url('../fonts/dinot-light-webfont.svg#dinotlight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'dinotregular';
 src: url('../fonts/dinot-regular-webfont.eot');
 src: url('../fonts/dinot-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/dinot-regular-webfont.woff') format('woff'),  url('../fonts/dinot-regular-webfont.ttf') format('truetype'),  url('../fonts/dinot-regular-webfont.svg#dinotregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'dinotmedium';
 src: url('../fonts/dinot-medium-webfont.eot');
 src: url('../fonts/dinot-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/dinot-medium-webfont.woff') format('woff'),  url('../fonts/dinot-medium-webfont.ttf') format('truetype'),  url('../fonts/dinot-medium-webfont.svg#dinotmedium') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'dinotbold';
 src: url('../fonts/dinot-bold-webfont.eot');
 src: url('../fonts/dinot-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/dinot-bold-webfont.woff') format('woff'),  url('../fonts/dinot-bold-webfont.ttf') format('truetype'),  url('../fonts/dinot-bold-webfont.svg#dinotbold') format('svg');
 font-weight: normal;
 font-style: normal;
}

/* * * * * *  General  * * * * * */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0; font-family:'dinotregular'}
img, fieldset {border: 0;}
a {color: #6bcb4e;text-decoration: none;outline: none;}
a:hover {color: #6bcb4e; text-decoration: underline;}
ul, li{ list-style-type: none;list-style-image: none; list-style:none;}

/* set image max width to 100% */
img {max-width: 100%;height: auto;width: auto\9;/* ie8 */}

/* RESPONSIVE VIDEO */
.video {position: relative;padding-bottom: 50.50%;height: 0;overflow: hidden;}
.video iframe,  .video object,  .video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* * * * * *  Structure  * * * * * */
#wrapper { width:100%; max-width:1440px; margin:0 auto; background:#FFF;}

/* * * * * *  Header  * * * * * */
#header{ height:64px; z-index: 99999; position:relative; background:#1f1f1f; color:#FFF;}
.header{ position:relative; width:1200px; margin:0 auto;}
.logo{width:224px; height:88px; margin:0 auto; position:absolute; background:url(../images/logo-bg.png) 0px 0px; margin:0 auto; text-align:center; font-size:60px;}
.logo img{ padding:10px 0 0 0; max-width: 100%;height: auto;width: auto\9;/* ie8 */}

.logo a {
	text-decoration:none;
	display:block;
}
.signup{ float:right;}
.signup a { text-decoration:none; display: block; height:40px; padding:24px 8px 0 8px; color: #1bc4ff; text-transform:uppercase; font-family: 'dinotmedium', arial; font-size:14px; }
.signup a:hover{ background:#6bcb4e; color:#FFF;}
.signup a.active{ background:#6bcb4e; color:#FFF;}

table, td, th {
    border: 1px solid #333;
	text-align:center;
	}

td {
    padding:10px 0;
	}

th {
    background-color: green;
    color: white;
	height: 3em;
	vertical-align:middle;
	width:50%;

}


/* * * * * *  Content  * * * * * */
#content{
	overflow:hidden;
	min-height:600px;
}

.fix_content {
	width:94%;
	margin:0 auto;
}

a{
	text-decoration: none;
    transition: all 0.3s ease 0s;
}

p {
    margin: 0 0 10px;
}

hr {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

h1 {
	font-size:30px;
	color:#FFF;
	background:#ff9933;
	padding:10px;
	margin-bottom:15px;
}

h1 span{
	font-size:1em;
	color:#6a8ec2;
	display:block

}

h2 {
   font-size:26px;
    padding-bottom: 8px;
	color:#6bcb4e;
	font-family: 'dinotlight', arial;
	margin-bottom:15px;
	font-weight:bold;
}

h2 span{
    background:#ff9933;
	color:#FFF;
	padding:10px;


}

h3 {
   font-size:20px;
    padding-top: 15px;
	color:#1f1f1f;
	font-family: 'dinotlight', arial;
	font-weight:bold;
	padding-bottom:10px;
}

.black_font{
	color:#000;
}

.primary_button i {
	font-size: 20px;
	opacity:0;
}

.primary_button:hover i{
	right:24px;
	opacity:1;


}

.primary_button {
 	background-color: #6bcb4e;
  	border-radius:0;
    box-shadow: none;
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    opacity: 1;
    padding: 13px 18px;
    position: relative;
    text-transform: uppercase;
    transition: opacity 0.3s linear 0s;
	color:#FFF;
	cursor:pointer;
}

.primary_button i {
    font-size: 18px;
    line-height: 18px;
    margin-top: -9px;
    opacity: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    transition: all 0.2s ease-out 0s;
    width: 18px;
}

.primary_button.has-icon {
    padding-left: 42px;
    padding-right: 42px;
}

.primary_button span {
    left: 0;
    position: relative;
    transition: opacity 0.2s ease-out 0s, left 0.2s ease-out 0s;
}

.primary_button:hover span {
    left: -18px;
}

.primary_button:hover{
    color: #fff;
    opacity: 0.75;
	text-decoration:none;
}

.seconday_button {
	background-color:#333333 !important;
    border: 2px solid #444;
    border-radius: 2px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: all 0.2s linear 0s !important;
	color:#FFF !important;
}

.seconday_button:hover {
    border: 2px solid #444;
}

.summer_beggin {
	background:url(../images/summer-beggin.jpg) center top no-repeat;
	text-align:center;
	color:#FFF;
	padding:30px;

}

.content {
	padding:36px 0;
}

.summer_beggin h2{
	color:#FFF;
}

.home_txt {
	font-size:14px;
	line-height:25px;
}

.first_row {
	background:#ddfdf;
	border-bottom:2px solid #6bcb4e;
}

.first_image {
	border:3px solid #e3e3e3;
}

.image_padding {
	margin-right:15px;
}

.ovelaySection {
	position:relative;
}

.ovelay {
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:rgba(0, 0, 0, .5);
	color:#fff;
	text-align:center;
	padding:10% 5%;

}


.img_border {
	padding:8px;
	border:1px solid #9aa2a9;
	margin-right:15px;


}

p {
	line-height:22px;
	font-family:'dinotlight', arial;
}

.program ul{
	margin-left:10px;
}

.center {
	text-align:center;
}


.program li{
	background:url(../images/bullet.png) left 50% no-repeat;
	padding:10px 0;
	padding-left:20px;

}


.three_section {
	border:1px solid #ccc;
	padding:15px;
	min-height:80px;

}

.blue_txt {
	color:#6bcb4e;
}

.blog-post {
    margin-bottom: 30px;
    position: relative;
}

.blog-thumb {
    overflow: hidden;
    position: relative;
}

.blog-thumb img {
   width:100%;
}

.blog-content {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 15px;
    position: absolute;
    width: 100%;
	min-height:58px;
}

h4.overlay {
	font-size:18px;
	color:#FFF;
	text-transform:uppercase;
}

.content-show a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.content-show span {
    color: #f78e21;
}
.content-hide {
    display: none;
    margin-top: 15px;
}

.big_font {
	color:#ff9933;
	font-size:16px;
}

.content-hide p {
    color: #fff;
}

.camp_fee {
	background:#333333;
	padding:30px;
	text-align:center;
	color:#FFF;
}

h2.org_txt {
	color:#ff9933;
}

.font20 {
	font-size:20px;
}

.price {
	font-size:20px;
	font-weight:bold;
	padding:0px 0 0px;
}

.registration_open {
	background:#e8e8e8;
	padding:30px 0;
	text-align:center;
	font-size: 30px;
    line-height: 49.5px;
	font-weight:bold;
	color:#333333;
}


.registration_open span {
    display: inline-block;
    letter-spacing: -1px;
}

.registration_open a {
    display: inline-block;
    letter-spacing: -1px;
	margin-bottom:0;
	vertical-align:middle;
}

.marging_bottom {
	margin-bottom:10px;
}


/* * * * * *  flexslider  * * * * * */
.flexslider img { border:none; max-width:100%; height:auto; }
.flexslider { background:#FFF; margin:0px; padding:0px; width:100%; margin:0 auto; max-width:1440px; position:relative; }
.flexslider .slides img { display: block; max-width: 100%;}
.flexslider a { }
.slides { list-style: none; margin: 0px; padding: 0px; }
.flex-control-nav { list-style: none; margin: 0px; padding: 0px; }
.flex-direction-nav { display:none; }
.no-js .slides li:first-child { display: block; }
.flexslider .slides li {list-style: none; margin: 0px; display: none; position: relative; }
.flexslider-container { position: relative; }
.flexsider li { list-style: none; }

.flex-caption { left:9.7%; top:34%; position: absolute; }
.flex-caption h1{ background: #ff9933; padding:10px;  color:#FFF; font-family: 'dinotlight', arial; font-size:64px; text-transform:uppercase; font-weight:normal; line-height:1;}
.flex-caption h2 { font-size:36px; color:#FFF; background:#6bcb4e; padding:10px; margin-top:10px; font-family: 'dinotlight', arial;}
.flex-caption p{ width:370px; line-height:18px; color:#666; padding:17px 0 0 4px; font-family: 'dinotlight', arial;}
.flex-caption a{ display:inline-block; background:#214c70; color:#FFF; font-size:16px; text-transform:uppercase; padding:10px 15px; margin-top:17px; margin-left:4px;}
.flex-caption a:hover{ background:#6bcb4e; color:#FFF; text-decoration:none;}


.flex-control-nav { left:9.7% !important; bottom: 28px !important; width: 100% !important; text-align: right !important; padding-right: 30px !important;  position: absolute; }
.flex-control-nav li { margin: 0px 13px 0px 0px !important; float: left !important; display: block !important; zoom: 1; }
.flex-control-nav li:first-child { margin: 0px; }
.flex-control-nav li a { background: url(../images/bg_control_nav.png) no-repeat 0px -32px !important; width: 16px; height: 16px; color: transparent; line-height: 1; text-indent: -9999px !important; overflow: hidden; font-size: 0.1em; display: block; cursor: pointer; }
.flex-control-nav li a:hover { background-position: 0px -16px !important; }
.flex-control-nav li a.active { cursor: default; background-position: 0px 0px !important; }
.infolist{ position:absolute; right:10px; top:60px;}
.infolist ul{ float:right; margin:0;}
.infolist li{ background:url(../images/ic-tick.png) 0px 9px no-repeat; padding:10px 10px 10px 25px; float:left; display:block; margin:0 0 0 26px;}
.inr_title{ position:relative;}


.testi_img{ width:120px; height:120px; float:left; text-align:center; margin:0px 0px 20px 0px;}
.test_text{ width:800px; float:right; margin-bottom:20px; line-height:19px;}
.test_text img{ vertical-align:-2px;}
.testimonial{ overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:20px;}
.testi_name{ text-align:right !important; font-family: 'dinotmedium', arial; color:#333; padding:10px 0 0 0;}
.last{ border:none; margin-bottom:0px !important;}

.lable{font-family: 'dinotmedium', arial; color:#333;}
h2.title{ padding-bottom:0px;}

input, textarea {
    border: 1px solid #e2e2e2;
    color: #aaa;
    font-size: 13px;
    font-weight: 300;
    outline: medium none;
    padding: 10px;
    width: 100%;
}

.message-form textarea {
    padding-bottom: 20px;
	margin-bottom: 25px;
	margin-top: 25px;
}
textarea {
    height: 165px;
    line-height: 18px;
    max-height: 180px;
    width: 100%;
}

input, button, select, textarea {
	font-family:'dinotlight';
}

.info li {
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    list-style: outside none none;
    margin: 10px 0;
}

.info i {
    color: #6bcb4e;
    font-size: 18px;
    margin-right: 10px;
}

.map {
	margin-bottom:25px;
	padding:0px;

}

/* * * * * *  Footer  * * * * * */
#footer{ padding:5px 0 5px 0 !important; overflow:hidden; background:#1f1f1f; color:#a1a6ab;}
.footlink{ line-height:20px; padding-top:6px;}
.footlink a{color:#a1a6ab;}
.footlink a:hover{ color:#6bcb4e; text-decoration:none;}
.footlink span{ padding:0 8px;}
.copy{ font-size:12px; margin-bottom:0;}
.social{ text-align:right;}
.social a{ display:inline-block; width:50px; height:50px; margin:0 5px;  background:url(../images/social.png) 0px 0px no-repeat;}
.social a.facebook{ background-position:0px 0px;}
.social a.facebook:hover{ background-position:0px -60px;}
.social a.twitter{ background-position:-62px 0px;}
.social a.twitter:hover{ background-position:-62px -60px;}
.social a.flickr{ background-position:-123px 0px;}
.social a.flickr:hover{ background-position:-123px -60px;}
.social a.feed{ background-position:-185px 0px;}
.social a.feed:hover{ background-position:-185px -60px;}


/*.....About Us Page.....*/
#heading {
	background-image: url("../images/bg-image.jpg");
    height: 140px;
	text-align:center;
}

#heading h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
	 font-family: 'dinotlight', arial;

}

#heading span {
    color: #fff;
    text-transform: uppercase;
}

.heading-content {
    margin-top:45px;
    text-align: center;
}

.bg_accent {
	background:#6bcb4e;
	padding:3%;
}


.list_item li{
	background:url(../images/bullet.png) left top 14px no-repeat;
	padding:10px 0;
	padding-left:20px;
}

.ovelaySection .list_item li {
	padding:10px 0;
	font-size:16px;
}

.ovelaySection .list_item li a{
	color:#fff;
	text-decoration:none;
}

.ovelaySection .list_item li a:hover{
	color:#6BCB4E;
}

/*.........Gallery Page......*/


.portfolio  {
	display:block;
	text-align:center;
}

.portfolio li{
	border: 1px solid #dedede;
    display: inline-block;
    margin: 0 0 10px;
    text-align: center;
    width: 191px;
}

.portfolio li:hover{
	background:#333333;
}

.portfolio li img {
      transition: all 0.5s ease 0s;
}

.portfolio li:hover img {
    opacity:0.2;
}


.portfolio li a{
	display:block;
}

.gall_item {
    background: url("../images/magnifyer.png") no-repeat scroll center center #333333;
    display: block;
}



.pagination {
    display: block;
}
.pagination a {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #c3c2c2;
    display: inline-block;
    height: 47px;
    line-height: 47px;
    margin: 6px;
    text-align: center;
    width: 47px;
	float:left;
}

.pagination span {
	float:left;
}


.next_button {
    float: right;
    margin-right: 16px;
}


.next_button a {
    height: 47px;
    line-height: 47px;
    margin: 0;
    width: 117px;
}

.text-highlight a{
	text-decoration:underline;
	font-size:16px;
}

.text-highlight a:hover{
	color:#0f2308;
}



@media only screen and (min-width: 959px) and (max-width: 1400px) {
	.flex-caption { left:30px; top:80px; position: absolute; }
	.flex-control-nav { left:35px !important; bottom: 20px !important;}

}


/***** Place iPad view CSS under here (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.header{ width:768px;}
.test{ background:#F03}
.flex-caption { left:15px; top:22%; position: absolute; }
.flex-caption h1{ font-size:54px;}
.flex-caption h1 span{font-size:30px;}
.flex-control-nav { left:20px !important; bottom: 20px !important;}
.flex-caption p{padding:10px 0 0 4px;}
.flex-caption a{ display:inline-block; background:#214c70; color:#FFF; font-size:14px; text-transform:uppercase; padding:6px 10px; margin-top:10px;}
.sr_box{ width:480px;}
.sr_box ul li{ margin:13px 11px;}
#nav a.toplink { padding:24px 12px 0 12px !important; font-size:14px; font-size:13px !important; }
.signup a{ padding-left:8px !important;  font-size:13px !important;}
.infolist{ top:10px;}


.test_text{ width:615px;}

.font20 {
	font-size:100%;
}


.portfolio li {
   width: 246px;
}

/***** End *****/
}


/***** Place iPhone portrait view CSS under here (300px) *****/
@media only screen and (max-width: 767px) {
.font20 {
	font-size:100%;
}

.image_padding {
	margin-bottom:15px;
}

.row .row{
	padding:0px !important;
}

.send-message input[type="text"] {
	margin-bottom:25px;
}

.flex-caption h2 {
    background: none repeat scroll 0 0 #6bcb4e;
    color: #fff;
    font-size:100%;
}


#header{  background:#1f1f1f url(../images/logo-bg-repeat.png) top -9px repeat-x;}
.header{ width:300px;}
.logo{ background:white; width:100%; left:0;

}

.test{ background:#0F9}
.footlink a{ font-size:12px;}
.footlink span{ padding:0 3px;}
.footlink{ text-align:center;}
.social{ text-align:center; padding:10px 0px;}
#header{ height:146px;}

.flex-caption { left:5px; top:10%; position: absolute; }
.flex-caption h1{ font-size:24px;}
.flex-caption h1 span{font-size:14px;}
.flex-control-nav { left:10px !important; bottom: 10px !important;}
.flex-caption p{ display:none;}
.flex-caption a{ display:inline-block; background:#214c70; color:#FFF; font-size:11px; text-transform:uppercase; padding:5px 10px; margin-top:8px;}
.sr_box{ width:244px;}

#nav-wrap { margin:104px 0 0 0;}
.signup{ float:right; margin:104px 0 0 0;}
.signup a {font-size:12px !important; height:20px; padding:10px 15px 7px 15px;  }

.inr_top h1{ padding:15px 0 10px 0;}
.infolist ul{ display:none;}

.inr_top h1{ font-size:24px;}
.testi_img{ width:100%; float:none;}
.test_text{ width:100%; float:none;}
.map{ height:200px;}
.map iframe{height:200px; margin-bottom:20px;}
.portfolio li {
   width: 246px;
}


h1 {
   
    font-size: 23px;  
    padding: 5px;
}

/***** End *****/
}


/***** Place iPhone landscape view CSS under here (456px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#header{ height:146px;}
.header{ width:456px;}
.logo{  left:0px;  width:100%; height:102px;}
.test{ background:#FF3}
.flex-caption h1{ font-size:40px;}
.flex-caption h1 span{font-size:26px;}
.flex-caption a{ display:inline-block; background:#214c70; color:#FFF; font-size:14px; text-transform:uppercase; padding:6px 10px; margin-top:10px;}

.sr_box{ width:480px;}
.sr_box ul li{ margin:13px 11px;}
#nav-wrap { margin:104px 0 0 0;}


.signup{ float:right; margin:104px 0 0 0;}
.signup a {font-size:12px !important; height:20px; padding:10px 15px 7px 15px;  }

.inr_top h1{ font-size:24px;}

.map iframe{width:420px; height:200px;}

.ovelaySection img {
	width:100%;
}


/***** End *****/




}

@media only screen and (max-width:359px) {
.flex-caption h2 {
	padding:5px;
}

.registration_open {
	font-size:25px;
}

}

/*@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo{  left:0px;  width:100%; background-image:url(../images/logo-bg-repeat.png);   }


}*/