body{background:#fff; font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:16px; color:#444; position:relative; -webkit-font-smoothing:antialiased;}

/* fonts */
#top-info, .ph, .lead, #testimonials, .sf-menu li li{font-family: 'Open Sans', sans-serif;}
h1, h2, .sf-menu, .btn, .title, .intro-box{font-family: 'Bowlby One', sans-serif; font-weight:bold; text-transform: uppercase; letter-spacing: 1.5px;}


.bowlby-one{font-family: 'Bowlby One';}
.open-sans{font-family: 'Open Sans', sans-serif;}
.open-sans-condensed{font-family: 'Open Sans Condensed', sans-serif;}

/* 

.pt-sans-narrow{font-family: 'PT Sans Narrow', sans-serif; font-weight:bold; text-transform: uppercase; letter-spacing:1px;}
.pt-serif{font-family: 'PT Serif', serif;}
.forum{font-family: 'Forum', cursive; font-weight:normal;}
.roboto{font-family: 'Roboto', sans-serif;}
.roboto-condensed{font-family: 'Roboto Condensed', sans-serif;}
.montserrat{font-family: 'Montserrat', sans-serif;}
.lora{font-family: 'Lora', serif;}
.dosis{font-family: 'Dosis', sans-serif;}
.lobster{font-family: 'Lobster', cursive;}
.cinzel{font-family: 'Cinzel', serif;}
.cormorant-garamond{font-family: 'Cormorant Garamond', serif;}
.archivo-black{font-family: 'Archivo Black', sans-serif;}
.sorts-mill-goudy{font-family: 'Sorts Mill Goudy', serif;}
.advent-pro{font-family: 'Advent Pro', sans-serif;}
.press-start-2p{font-family: 'Press Start 2P', cursive;}
.major-mono-display{font-family: 'Major Mono Display', monospace;}
.voltaire{font-family: 'Voltaire', sans-serif;}
.nixie-one{font-family: 'Nixie One', cursive;}
.graduate{font-family: 'Graduate', cursive;}
.gravitas-one{font-family: 'Gravitas One', cursive;}
.bungee{font-family: 'Bungee', cursive;}

.podkova{font-family: 'Podkova', serif;}
.megrim{font-family: 'Megrim', cursive;}
.notable{font-family: 'Notable', sans-serif;}
.finger-paint{font-family: 'Finger Paint', cursive;}
.rubik-mono-one{font-family: 'Rubik Mono One', sans-serif;}
.montserrat-subrayada{font-family: 'Montserrat Subrayada', sans-serif;} */


/* colors */
.main{color:#5b841e;}
.dark{color:#24350c;}
.dark-gray{color:#404040;}
.gray{color:#ddd;}

.alpha{position:absolute; left:0; top:0; width:100%; height:100%;}


/* ********* STRUCTURE ********* */

body, html{position:relative; height:100%; margin:0; padding:0;}

.container-fluid{max-width:1170px; overflow:visible; margin:0 auto;}


#sticky-nav-wrapper{width:100%; position:fixed; overflow:hidden; opacity:0; top:0; height:0; background:#fff; transition:all .3s ease-in-out; z-index:999; border-bottom:thin solid #5b841e;}
#sticky-nav-wrapper.stuck{height:60px; overflow:visible; opacity:1;.}

#sticky-nav-logo{position:relative; top:0; left:0; padding:10px 0;}
		#sticky-nav-logo a{position:relative; z-index:999;}
#sticky-nav-logo img{height:40px;}
#sticky-nav-logo .ph{position:absolute; width:100%; left:65px; top:15px; font-weight:bold; font-size:18px; color:#999;}

	#sticky-nav-header{height:auto; position:relative;}
#sticky-nav{position:absolute; height:60px; right:0; top:0;}
			#sticky-nav .sf-menu li a{display:block; height:60px; line-height:60px; font-size:19px; border-top:none; color:#5b841e;}

			#sticky-nav .sf-menu li:hover a{color:#fff;}
			.sf-arrows .sf-with-ul:after{}
				#sticky-nav .sf-menu li li a{line-height:normal; height:auto; color:#fff; font-size:15px;}
				#sticky-nav .sf-menu li li a:hover{line-height:normal; color:#5b841e;}

#header-wrapper{padding:15px 0; z-index: 99; position: relative;}
	#header{height:auto; position:relative;}
#top-info{position:absolute; right:15px; font-size:18px; text-transform: uppercase; top:30px; z-index:99; color:#fff;}
			#top-info a{color:#fff; padding:7px 12px; opacity:.8; font-weight:bold; display:inline-block;}
			#top-info a:hover{color:#fff; opacity:1;}
			#top-info .ico{position:relative; top:1px; font-weight:bold;}
			#top-info .phone{background:#444; color:#fff; border-radius:2px; margin-left:10px;}
			#top-info .phone:hover{background:#fff; color:#5b841e;}

		#logo{position:relative; top:0; left:0; padding:30px 0;}
		#logo a{position:relative; z-index:999;}
#logo img{}
		#main-nav{position:absolute; height:60px; right:0; top:110px;  z-index:99;  color:#fff;}
			.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none;}
			.sf-menu li {position:relative;}
			.sf-menu ul ul {position:absolute; display:none; top:100%; left:0; z-index:99;}
			.sf-menu > li {float:left;}
			.sf-menu li:hover > ul, .sf-menu li.sfHover > ul{display:block;}
				.sf-menu a {display:block; position:relative;}
				.sf-menu ul ul {top:0; left:100%;}
			.sf-menu{position:relative; float:right; right:50%; z-index:2;}
				.sf-menu li{float:left; left:50%;}
				.sf-menu li a{display:block; padding:0 15px; height:60px; line-height:60px; font-size:19px; color:#fff;}
				.sf-menu li:hover a{background:#24350c; color:#fff;}
					.sf-arrows .sf-with-ul{padding-right:25px;}
					.sf-arrows .sf-with-ul:after{content:''; position:absolute; top:50%; right:15px; margin-top:-1px; height:0; width:0; border:4px solid transparent; border-top-color:#ddd;}
				.sf-menu li ul{left:0; top:100%; margin:0;}
				.sf-menu li li{float:none; left:0;}
				.sf-menu li li a{background:#24350c; height:auto; width:200px; display:block; padding:15px 15px; color:#fff; font-size:15px; line-height:normal;}
				.sf-menu li li a:hover{background:#fff; color:#5b841e;}


#featured-wrapper{height:98%; border-top:4px solid #24350c; position:relative; background:url(images/bg.jpg) center -60px no-repeat; background-size:cover;}
#featured-wrapper .alpha{background:#333; opacity:.3; display: none;}

.fcaption{text-align:center; position:absolute; text-transform:uppercase; bottom:25%; width:100%; max-width:100%; overflow:hidden;}	
.fcaption h1{font-size:88px; line-height:120%; color:#fff; margin-bottom:30px;}
.fcaption .ico{}
.fcaption .btn{border:none; color:#fff; background:#5b841e;}
.fcaption. btn:hover{background:#fff; color:#5b841e;}
		
#featured-wrapper-child{background:url(images/bg.jpg) center -60px no-repeat; background-size:cover; padding:0 0 60px; margin-bottom:0; position: relative;}
	
/* page heading */ #featured-child{text-align:center;}
		#featured-child h1{color:#fff; font-size:44px; margin:0; padding:0; margin-top:90px; }
	
.content-wrapper{position:relative;}
	.content{padding:90px 0;}
		.wide{position:relative;}
		.main{position:relative;}
		.sidebar{padding:0 0 20px 20px; border-left:thin dotted #ddd; border-bottom:thin dotted #ddd;}
		.left-sidebar{padding:0 20px 20px 0; border-right:thin dotted #ddd; border-bottom:thin dotted #ddd;}
			/* .sidebar .btn{margin-bottom:15px;}
			.sidebar p{border-top:thin dotted #ddd; padding:15px; margin:15px 0; display:block;} */
	.sidebar.affix{top:60px; width:300px; z-index: 999;}

#footer-wrapper{background:none; padding-bottom:90px;}
	#footer{position:relative; margin-bottom:30px; padding-top:30px; border-top:thin solid #ddd; font-size:13px; margin-top:60px;}
		#footer .inner{}
			#footer p{line-height:24px;}
			#footer ul, #footer li{margin:0; padding:0; list-style:none;}
				#footer li li{margin-left:10px;}
			#footer a{display:block;}
			#footer a:hover{color:#5b841e; opacity:.8;}
			#footer-logo{text-align:center;}
#footer-logo img{}
		
#very-bottom-wrapper{ padding:20px 0;}
	#very-bottom{text-align:center; font-size:7px; text-transform:uppercase; color:#999; letter-spacing:2px;}
		#very-bottom a{color:#333;}
		#very-bottom a:hover{color:#24350c;}
		
	
/* ********* CUSTOM LAYOUTS ********* */

.blog-post-list{padding:15px; border-top:2px solid #eee; margin-bottom:30px; clear:both;}


.pagination ul, .pagination li{list-style:none; padding:0; margin:0; display: inline-block;}
.pagination a{display:block; padding:5px; border:thin solid #ddd; margin:5px;}
.blog-post-entry{margin-bottom:30px; padding-bottom:30px; border-bottom:4px solid #eee;}
.sidebar h2{font-size:20px; text-transform: none; line-height: normal; margin-bottom:30px;}


#footer-fb{display: block; text-align: center;}
#footer-fb div{display:inline-block;}

.strong{font-weight:bold;}

.mission-statement{padding:45px; text-align: center;}

h2 span{display:block; opacity:.5; font-size:18px;}
.bio{margin:15px; padding:15px; border:4px solid #ddd; border-radius:8px;}

.intro-box{padding:30px; font-size:32px; border:4px solid #eee; border-radius:8px; text-align: center;}
.intro-box span{font-size:125px;}

#form{padding-top:45px;}

/* mega menu 2 */
.sf-menu .mega ul{width:962px; background:#5b841e; top:100%; margin:0; padding:15px;}
.sf-menu .mega li{float:none; left:0; display:inline-block; width:33%; vertical-align:top;}
.sf-menu .mega li a{background:#5b841e; height:auto; width:auto; display:block; padding:10px 5px; margin:5px; border-bottom:1px dotted #fff;  color:#fff; font-size:17px; line-height:normal; text-align:left;  text-transform:none; font-weight:bold;}
/* cols */
/* .sf-menu .mega.vvv li{width:20%;}
.sf-menu .mega.vvv li{width:20%;} */
/* position */
.sf-menu .mega.about ul{left:-260px;}
	.sf-menu .mega.programs ul{left:-419px;}
	.sf-menu .mega.galleries ul{left:-653px;}

#ini{margin-top:45px;}
#ini a.inner{text-align: center; padding:30px 0; vertical-align: text-bottom; border-radius:8px;}
#ini a.inner:hover{background:#eee;}
#ini img{margin-bottom:30px; height:45px; display: inline-block; vertical-align: text-bottom;}
#ini h3{text-transform: uppercase; }
#ini p{font-size:14px;}

#about{vertical-align: text-top;}
#about .entry{ border-top:5px solid #eee; padding:15px; margin:15px;}
#about h3, #about p{margin:0; padding:0;}


.portfolio-detail, .col2 {
-webkit-columns: 300px 3;
-moz-columns: 300px 3;
columns: 300px 3;
}


#mobile-nav-button{display:none;}

#back-top{position:fixed; right:45px; bottom:45px; z-index: 9999;}
#back-top a{opacity:.6;}
#back-top a:hover{opacity:1;}


#intro .content{position:relative; z-index: 9;}

#testi{background:url(images/b.png) center center no-repeat #5b841e; background-size:contain;  color:#fff; font-size:18px; text-align: center;}
#testi .alpha{background:#666; opacity:.98; z-index: 1;}
#testi .content{position:relative; z-index: 9; max-width:800px; margin:0 auto;}

#tslider-wrapper{height:auto; position:relative; padding:90px 0 ;}
#tslider{width:100% !important; height:auto; margin:0 auto;}
#tslider .item{width:100%; height:150px;}
#tslider .item .inner{max-width:980px; margin:0 auto; padding:0 60px;}
.carousel-control{background:none !important;}


#callout{background:url(images/b.png) center center no-repeat #5b841e; color:#fff; font-size:22px; text-align: center;}
body.Contact #callout{display:none;}

#callout .btn{background:none; color:#fff; border-color:#fff;}
#callout .btn:hover{background:#eee; color:#24350c;}
#testi .alpha{background:#666; opacity:.98; z-index: 1;}
#testi .content{position:relative; z-index: 9;}



#s1{background:url(images/bg1.jpg) right center no-repeat #f2f2f2; background-size:contain; padding:60px 0;}

#s2{background:url("images/pick-of-the-liter.jpg") left center no-repeat #f9f9f9; background-size:contain;  padding:60px 0 ;}

#s3{background:url(images/bg3.jpg) right center no-repeat #f2f2f2; background-size:contain;  padding:60px 0;}

#s1 .inner, #s2 .inner, #s3 .inner{background:#fff; padding:30px;}


#map{margin-top:45px;}


#landing{padding:15px 0 45px;}
.landing-box{background:#fff; max-width:940px; margin:0 auto; position:relative; display:block; padding:45px; border:thin solid #ddd; border-radius:4px; box-shadow:0 6px 9px rgba(0, 0, 0, .1);}
.landing-logo{text-align:center; margin-bottom:30px;}
.landing-info{font-size:18px; text-align:center; padding:15px 0 0 0; border-top:1px dotted #ddd;  border-bottom:1px dotted #ddd;}
.landing-form{}


/* ********* UI ********* */

/* .grecaptcha-badge{bottom:100px !important; z-index: 9999; display: none;}
body.Contact .grecaptcha-badge{bottom:100px !important; z-index: 9999; display:block;} */
.grecaptcha-badge{bottom:100px !important; z-index: 9999;}

.map-overlay {
background:transparent; 
position:absolute; 
width:100%;
height:100%;
left:0; top:0;
}

/* section heading/footer */
.section-header{}
.section-header h2{margin-bottom:30px; padding-bottom:15px; display:block; border-bottom:1px dotted #ddd;}
.section-footer{text-align:center;}
section-footer a{margin-bottom:15px;}

/* portoflio listing */
.portfolio-list{}
.portfolio-list .inner{height:300px; overflow: hidden; text-align:center; margin-bottom:30px; position:relative; border-radius:8px; overflow:hidden; background:#eee;}
.portfolio-list .title{background:url(images/black80.png) repeat; display:block; text-align:center; color:#fff; font-size:18px; padding:15px 0; position:absolute; bottom:0; width:100%;}
.portfolio-list a{position:absolute; top:0; left:0; width:100%; height:100%; background:#5b841e; opacity:0;}
.portfolio-list a:hover{opacity:.4;}

/* portoflio detail */	
.portfolio-detail{}
.portfolio-detail a img{padding:5px; border:thin solid #ddd; margin-bottom:15px;}
.portfolio-detail a:hover img{border:thin solid #5b841e;}
.portfolio-sidebar{border:none; padding-left:0; padding-bottom:0; width:280px;}
.portfolio-sidebar.affix{position:fixed; top:60px;}

/* accordion */
.accordion{}	
.accordion .heading{font-size:18px; margin-bottom:3px; display:block;}
.accordion .heading a{font-size:18px; background:#fff; border:thin solid #5b841e; color:#5b841e; padding:15px 20px; border-radius:4px; text-transform:uppercase; font-weight:normal; display:block; width:auto; cursor:pointer;}
.accordion .heading a:hover{background:#5b841e; color:#fff; text-decoration:none;}
.toggle{padding:10px 10px 30px 10px; text-align:left;}


/* galleria */
#galleria, #galleria2{width:980px; max-width:100%; height:700px; margin:0 auto;}
.galleria-container{/* background:#fff; */ background:none !important; /* border:thin solid #ddd; */ border:none !important; overflow:hidden;}
.galleria-stage{background:#eee !important;}
.galleria-thumb-nav-right:hover, .galleria-thumb-nav-left:hover{background-color:#eee !important;}

/* BC blog */
.blog-container h1{display:none;}
.post-title{font-size:32px !important;}
.blog-post{margin-bottom:30px; padding-bottom:30px; border-bottom:3px solid #eee;}

/* reserved */
.inner, .entry, .x{}

/* forms */
.webform{margin-top:10px; width:100%; position: relative;}
.webform .inner{position:relative;}
.webform label{display:inline;}
.webform input[type="radio"], input[type="checkbox"] {cursor:pointer; margin:3px 6px 3px 0;}
.webform td{}
.webform input[type="submit"] {background:#5b841e; display:block; width:200px; font-weight:bold; padding:20px 0; text-align:center; color:#fff; border-radius:4px; border:none; margin-top:10px;}
.webform input[type="submit"]:hover {background:#eee; color:#5b841e;}

.webform input[type="text"], .webform textarea, .webform input[type="email"], .webform input[type="password"] {width:100%; padding:10px; border:None; background:#f5f5f5; border:thin solid #eee;  margin-bottom:15px; border-radius:8px; color:#111;}
.webform textarea{min-height:200px;}

/* buttons */
.btn{background:#5b841e; padding:20px 30px; color:#fff; line-height:20px; border-radius:4px; font-size:18px;  display:inline-block; text-align:center;}
.btn:hover{background:#eee; color:#5b841e;}
.btn.full{width:100%; padding-left:0; padding-right:0; display:block;}

/* dividers */
hr{background:#eee; border:none; display:block; height:3px; margin:0 0 1.5em 0; padding:0; clear:both;}
hr.color{background:#5b841e;}
.divider{border-bottom:thin solid #ddd; width:100%; clear:both; display:block; margin:0 auto 30px auto; padding-top:30px;}
.spacer{height:30px; display:block; clear:both;}

.underline{border-bottom:thin solid #5b841e;}
.underline.subtle{border-bottom:thin solid #ddd;}


/* lists */
ul.list{padding-left:30px; margin-bottom:30px;}
.list li{margin-bottom:10px; padding-bottom:10px; border-bottom:thin dotted #ddd; list-style:circle;}

/* borders */
.border{border:thin solid #ddd;}
.border-top{border-top:thin dotted #ddd; padding-top:20px;}
.border-right{border-right:thin dotted #ddd; padding-right:20px;}
.border-left{border-left:thin dotted #ddd; padding-left:20px;}
.border-bottom{border-bottom:thin dotted #ddd; padding-bottom:20px;}
img.border{border:medium solid #ddd; border-radius:8px; overflow:hidden;}



/* ********* MISC ********* */

.req, .red {
color:#993300;
}

.btn-top {
position: fixed;  z-index: 9999;
right: 10px;
bottom: 10px;
z-index: -1;
width: 50px;
height: 50px;
opacity: 0;
background: #24350c;
color: #fff;
text-align: center;
text-indent: -9999px;
overflow: hidden;
-webkit-transition: opacity .4s, bottom .4s;
transition: opacity .4s, bottom .4s;
font-size: 34px;
line-height: 1;
outline: none;
}

.btn-top:after {
content: "\f0d8";
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -1px;
text-indent: 0;
font-family: FontAwesome;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: inherit;
line-height: 1;
}

.scroll .btn-top {
opacity: .8;
z-index: 155;
}

.btn-top:hover {
opacity: 1;
color: #fff;
}

.btn-top:focus {
color: #fff;
}

.checkbox-list,
.radio-list{
margin: 0 0 20px;
padding: 0;
list-style: none;
}
form.webform{
margin: 0 0 40px;
}
.webform label{
font-size: 13px;
font-weight: normal;
}
form.webform input[type="text"]{
display: block;
margin: 0 0 10px;
}
form.webform h4{
text-align: center;
border-bottom: 2px solid #eee;
padding-bottom: 15px;
}
form.webform h5{
border-top:thin dotted #ddd;
font-size: 16px;
font-weight: bold;
}
form.webform select{
display: block;
width: 100%;
padding: 10px;
border: none;
background: #f5f5f5;
border-radius: 8px;
margin: 0 0 10px;
}
.uppercase{text-transform:uppercase;}

.req, .red{color:#930;}

.hide{display:none;}
.hideform{display:none;}


p.contact-info{font-size:13px;}

span.div{display:inline-block; padding:0 7px; opacity:.5;}

.system-error-message, .system-message{padding:20px !important;}

.sf-menu img, .footer-nav img{display:none;}

img {vertical-align:bottom;}

.valign {display:table; width:100%;}
.valign > div, .valign > article{display:table-cell; vertical-align:middle;}​

.full{width:100%;}

img, object, embed{max-width:100% !important; height:auto;}
img{-ms-interpolation-mode:bicubic;}
#map_canvas img, .map_canvas img{max-width:none !important;}

.left, .columns.left{float:left;}
.right, .columns.right{float:right;}
.center{display:block; text-align:center; margin:0 auto;}

.aligncenter{margin-left:auto; margin-right:auto; text-align:center;}
.alignleft{margin-bottom:30px; margin-right:30px; float:left;}
.alignright{margin-bottom:30px; margin-left:30px; float:right;}

.shadow{box-shadow:0 1px 3px rgba(0, 0, 0, .2);}
.rounded{border-radius:8;}
.animate{-webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
.no-animate{-webkit-transition:all 0 ease-in-out; -moz-transition:all 0 ease-in-out; -o-transition:all 0 ease-in-out; transition:all 0 ease-in-out;}

.hide, .hidden{display:none;}
.highlight{background:#ff0;}
.disabled{cursor:auto;}

a{color:#5b841e; text-decoration:none; outline:0; line-height:inherit;
-webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
a:hover{color:#111; text-decoration:none;
-webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}

p{line-height:1.5; margin:0 0 18px;}
h1, h2, h3, h4, h5, h6{/* font-weight:normal; */line-height:1.5; margin-top:0;}

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

em{font-style:italic; line-height:inherit;}
strong{font-weight:bold; line-height:inherit;}
small{font-size:60%; line-height:inherit;}

.flex{position:relative; padding-top:25px; padding-bottom:67.5%; height:0; margin-bottom:16px; overflow:hidden;}
.flex iframe, .flex object, .flex embed{position:absolute; top:0; left:0; width:100%; height:100%;}
@media only screen and (max-device-width:800px), only screen and (device-width:1024px) and (device-height:600px), only screen and (width:1280px) and (orientation:landscape), only screen and (device-width:800px), only screen and (max-width:767px) {.flex{padding-top:0;} }


/* ********* COLUMNS ********* */

.one-half{width:48%;}
.one-third{width:31.3%;}
.two-third{width:62.6%;}
.one-fourth{width:23%;}
.three-fourth{width:69%;}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth{position:relative; margin:0 1%; float:left;}

/* ********* RESPONSIVE ********* */

/* show/hide */
.hidden-mobile{display:block;}
.visible-mobile{display:none;}
.hide-tablet{display:block;}

/* *** */
/* *** */
/* *** */
/* large tablet */
@media only screen and (max-width:1200px) {
	
	
	.hide-tablet{display:none;}

/* content padding */
.container-fluid{max-width:962px !important; overflow:visible; margin:0 auto;}
.content{padding:45px;}
	
}

/* *** */
/* *** */
/* *** */
/* tablet */
@media only screen and (max-width:992px) {
    
    .grecaptcha-badge{display:none !important;}
	
	#sticky-nav-wrapper{height:0; }
	#sticky-nav-wrapper.stuck{height:0;}
	
	.hide-tablet{display:block;}

/* content padding */
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
{margin-bottom:10px; padding-bottom:10px;}
.sidebar{border:thin dotted #ddd; padding:15px; margin:15px 0;}

/* nav/header */
#sticky-nav-wrapper{display:none; height:0 !important;}

#header{height:auto; position:relative; max-width:980px; margin:0 auto;}
#top-info{position:relative; text-align:center; right:auto; top:auto; padding:10px 0;}
#logo{position:relative; text-align:center; top:auto; left:auto; padding:10px 0;}
#main-nav{position:relative; top:auto; right:auto; bottom:auto;}


/* featured */
#featured-wrapper{max-height:540px; position:relative; background:url(images/bg-m.jpg) center top no-repeat; background-size:cover;}

.fcaption{bottom:15%;}	
.fcaption h1{font-size:44px; line-height:120%; color:#fff; margin-bottom:30px;}
.fcaption .btn{}


/* featured-child */
#featured-wrapper-child{background:url(images/bg-m.jpg) center bottom no-repeat; background-size:cover; padding:0 0 60px; margin-bottom:0; position: relative;}
#featured-child h1{color:#fff; font-size:32px;}


/* mobile nav */
#mobile-nav-button{display:block !important;}
#main-nav-wrapper, #header-wrapper{display:none;}
#main-nav-mobile{padding:15px; background:#f9f9f9;}
	
#mobile-nav-button{background:#f9f9f9; position:relative; left:0; width:100%; z-index:9999; color:#666; text-align:center;}
#mobile-nav-button:hover{background:#fff;}
#mobile-nav-button .inner{position:relative;}
#mobile-nav-button .lo{height:45px; position:absolute; left:22px; top:8px;}
#mobile-nav-button .na{height:30px;}
#mobile-nav-button .ph{position:absolute; width:100%; left:0; top:22px;  font-weight:bold; font-size:18px;}
#mobile-nav-button .ph a{position:relative; z-index: 99999;}
#mobile-nav-button a{color:#5b841e !important;}

#mobile-nav-button .nav-button{position:relative; width:100%; padding:20px; font-size:27px; text-align:right; display:block; z-index:99; right:0; background:none; color:#ddd; border:none; border-radius:0;}
#mobile-nav-button .nav-button:hover{color:#333;}

#mobile-nav .inner{background:#fff; color:#111;}
#mobile-nav .sf-menu ul{background:#fff;}
#mobile-nav .sf-menu{float:none; right:auto;}
#mobile-nav .sf-menu li{float:none; left:auto; display:block;}
#mobile-nav .sf-menu li a{ padding:15px !important; text-align: center; background:#fff; color:#111; font-size:15px; border:none !important; height:auto; line-height:normal;}
#mobile-nav .sf-menu li:first-child a{border:none;}
#mobile-nav .sf-menu li a:hover{background:#79c4bc; color:#111;}
#mobile-nav .sf-menu li:hover a{background:#fff; color:#555;}
#mobile-nav .sf-arrows .sf-with-ul{}
#mobile-nav .sf-arrows .sf-with-ul:after{display:none;}

#mobile-nav .sf-menu ul ul{display:block; position:relative; width:auto;}
#mobile-nav .sf-menu ul ul li a{width:auto;}

#mobile-nav .sf-menu li ul li a, .sf-menu li:hover li a{width:auto;color:#fff;}
#mobile-nav .sf-menu li:last-child li{left:auto;}
	
	#sub-nav-mobile a{padding:15px 0 !important; width:100%; display: block;text-align: center; background:#555; margin-bottom:5px; color:#fff; border:none !important; height:auto; line-height:normal;}


/* mega menu 2 */
.sf-menu .mega ul{width:100%; background:#5b841e; top:100%; margin:0; padding:15px;}
.sf-menu .mega li{float:none; left:0; display:inline-block; width:100%; vertical-align:top;}
.sf-menu .mega li a{background:#5b841e; height:auto; width:auto; display:block; padding:10px 5px; margin:5px; border-bottom:1px dotted #fff;  color:#fff; font-size:17px; line-height:normal; text-align:left;  text-transform:none; font-weight:bold;}
/* cols */
/* .sf-menu .mega.vvv li{width:20%;}
.sf-menu .mega.vvv li{width:20%;} */
/* position */
.sf-menu .mega.about ul{left:0;}
	.sf-menu .mega.programs ul{left:0;}
	.sf-menu .mega.galleries ul{left:0;}


/* webform input */
.webform input[type="text"], .webform textarea {padding-left:0; padding-right:0; width:100%;}


/* portfolio sidebar */
.portfolio-sidebar{}
.portfolio-sidebar.affix{position:relative !important; top:auto;}


#back-top{display:none;}


/* >custom */

#s1 {background:#fff;}
/*#s2{background:#fff;} */
#s3{background:#fff;}


}



/* *** */
/* *** */
/* *** */
/* phone */
@media only screen and (max-width:768px) {
	
	/* show/hide */
.hidden-mobile{display:none;}
.visible-mobile{display:block;}

/* content padding */
.content{padding:30px;}
.container-fluid{}
	
/* nav/header */
#featured-child{text-align:center; padding-top:0;}

#featured-wrapper-child{margin-bottom:0; padding-bottom:30px; background-position: center center;}
#featured-child h1{margin:0; padding:0; margin-top:30px; }

.fcaption h1,  h1, #callout h1{}


/* misc */
span.div{display:block; height:0; padding:0; opacity:0;}
	.alignleft, .alignright{float:none; margin:15px auto;}


/* standard */
#header{height:auto !important; position:relative; max-width:980px; margin:0 auto;}
#top-info a, #top-info span{display:none;}
#logo{position:relative; text-align:center; top:auto; left:auto;}
#main-nav{position:relative; width:auto; padding:10px; height:auto; top:auto; right:auto;}
.btn{margin-bottom:10px; padding:14px 18px; font-size:18px;}

/* hide blog sidebar */
.side-panel{display:none;}
.post-list{width:100% !important;}


/* >custom */
#testi{font-size:18px;}
#tslider .item{height:250px;}

#s1, #s2, #s3{padding:0; text-align: left; background-size:Cover;}
	#s1 .inner{padding:0;}
/* .center{text-align:left;} */	
	
	img.alignleft, img.alignright{width:100% !important; float:none; margin:0 auto; padding:0; margin-bottom:15px;}

	.nav-button.btn{margin:0;}

}