body,html{
  height:100%;
}

body{
	font-family: Georgia, Times, serif;
	font-weight: 300;
	line-height: 1.5em;
	 -webkit-text-size-adjust: 100%;
 	 -ms-text-size-adjust: 100%;
 	 text-size-adjust: 100%;
  	color: #777;
  	background: #fff;
  	
  	 
}



.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    margin-bottom: 20px;
    -webkit-backface-visibility: hidden;
   
  }
 
 

 .alignleft{float: left; margin: 0 20px 10px 0;border: 2px solid #eee;}
 .alignright{float: right; margin: 0 0 10px 20px;border: 2px solid #eee;}
 
 
/*-----------------LINK STYLES---------------*/  
  a{
 	color: #259EE8;
  	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

  }
  a:hover{color: #ccc;}
  
  
  
  
/*-----------------ALIGN STYLES---------------*/
  
  .alignleft{float: left;margin: 0 20px 20px 0;}
  .centeralign{text-align: center; padding: 40px 0;}
  .leftCol{margin-left: 0 !important;}
  .vtop{margin-top: 50px;}
  
  p{margin-bottom: 10px;}
 .bm{margin-bottom: 60px;}
 .text-right{text-align: right;}
 .ab-title{margin-right: 20%;}
	strong{color: #222;}
	.caption p, .big-caption p{padding: 0 10px 0 10px;}
	.caption a, .big-caption a{text-decoration: none;}
	.hearts{color: #ef7965;}
	.press-date{display: block;font-size: 0.8em;}
	.press-link{font-family: "lato", Helvetica,Arial; font-size: 0.6em;font-weight: 600;text-transform: uppercase;}
	p.status{margin: 30% 10px 0 10px;}
	
	
	
/*-----------------LAYOUT STYLES---------------*/  
  .container{
  	position: relative;
  	max-width:1200px;
  	min-height: 200px;
  	margin: 40px auto 0 auto; 
  	-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; 
  	
  	 opacity: 0;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;

	
  }
  
  #footer{
  	
  	opacity: 0;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
  	
  	}
  
   .load{opacity:1 !important;}
  
  .container.med{
  	max-width: 1000px;
  	
  }
  
  .mtop{
  	 margin-top: 80px; 
  		
  }
  
  .tpad{
  	margin-top: 30px;
  	
  }
  
  
  
  #header{
  	width: 100%;
  	height: 60px;
  	top:0px;
  	left: 0;
  	position: fixed;
  	z-index: 999;
  	background: #fff;
  	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	-o-box-shadow: 0 0 5px #666;
	-ms-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
 
  	
  }

  
  #header .logo {
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 310px;
	height: 55px;
	background: url("../images/logo.png") no-repeat;
	background-size: 100%;
	margin-top: 3px;
}

 #header .logo a{
 	display: block;
 	height: 55px;
 	
 }
  
  .gallery{
 		background: #27BACA url('../images/loader.gif') no-repeat center 225px;
  	  	width: 100%;
  	  	min-height: 200px; 
  	  	display:none; 
  	  	margin-top: 60px;
  	
  }
  
  span.cat{visibility: hidden;}
  
  .page-header{
 		background: #eee;
  	  	width: 100%;
  	  	max-height: 540px;  
  	  	position: relative;
  	  	overflow: hidden;
  	
  }
  
  .page-header img{
  	width: 100%;
  	height: auto;
  	position: relative;
  	z-index: 1;
  }
  
  
  #the_title{
  	position: absolute;
  	top: 55%;
	z-index: 2;
	opacity:0;
	width: 100%;
  	text-align: center;
  	
  }
  
 
  
  .page-header h1, #video-wrap h1{ 
  	
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 3.2em;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #fff;
	border-bottom: 5px solid #fff;
	padding-bottom: 18px;
	display: inline-block;
	margin: 0 auto;
	
  }
  
 
  
	#video-wrap{		
     	position: relative;
		background: #3C76DC url('../images/poster.jpg') no-repeat  center center fixed;
		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
		margin-top: 0;
		width: 100%;
		height: 100%;
		display: block;
		-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;
		
	}

	.vid-overlay {
		width: 100%;
		height: 100%;
		background-image: url(../images/grid.png);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		
		
	}
	
	#video_background {
		position: absolute;
		bottom: 0px;
		right: 0px;
		min-width:100%;
		min-height:100%;
		max-height:4000%;
		max-width:1000%;
		width: auto;
		height: auto;
		z-index: 1;
		overflow: hidden;
	}
	
	
	#brand{
		position: absolute;
		text-align: center;
		display: block;
		top:30%;
		width:100%;
		z-index:4;	
		cursor: pointer;
		opacity:0;
		
	}
	
	#brand img{
		display: inline-block;
	}
	
	#home_title{
		font-family: 'Lato', Helvetica, Arial, sans-serif;
	  	font-weight: 400;
	  	font-size: 1.2em;
	  	letter-spacing: 5px;
	  	color: #fff;
		display: block;
		opacity:0;
	  	
	  }
	
	
	#scrollme{
		position: absolute;
		bottom:20px;
		width:100%;
		height: 60px;
		color: #fff;
		z-index:3;	
		background: transparent url(../images/scroll_for_more.png) center 0 no-repeat;
		opacity:0;
	}
	
	
	  



  
  
/*-----------------HEADING STYLES---------------*/ 
  h1{
  	
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 1.6em;
	margin-bottom: 10px;
	text-transform: uppercase;
  	
  }
  
  h2{
  	
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom: 10px;
	text-transform: uppercase;
	padding-bottom: 8px;
	border-bottom: 4px solid #eee;
	display: inline-block;
  	
  }
  
  h2 a{
  	
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 3px ! important;
	text-decoration: none;
	color: #000;
  	
  }
 
  
  
  
   h2.post-title{
  	
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 2.2em;
	margin-bottom: 30px;
	text-transform: uppercase;
	padding-bottom: 0;
	border-bottom: 0;
	display: block;
  	
  }

  
   h3 {
  		
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	text-decoration: none;
	color: #000;
  	margin-bottom: 10px;
  	
  }
  
  h3 a{
  		
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	line-height: 0.2em;
	text-decoration: none;
	color: #000;
  	margin-bottom: 2px;
  	
  }
  
  h4{
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 1.4em;
	padding: 0 10px 0 10px;
  	margin-bottom: 5px;
  	
  }
  
  
   h4 a{
  
	color: #000;
  	
  }
  
   h5{
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #eee;
	font-size: 1.2em;
	padding: 20px 0 0 0;
  	margin-bottom: 10px;
  	
  }
  
  h6 {
  	
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
  	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 3px ! important;
	text-decoration: none;
	color: #000;
	padding-bottom: 8px;
	border-bottom: 4px solid #eee;
	display: block;
	margin-right: 20%;
  	
  }
  
  h6.ab { font-size: 1.8em;}
  h6.com{ margin-right: 0;}

  
   h6 a{
  	
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
  	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 3px ! important;
	text-decoration: none;
	color: #000;
	display: block;
	margin-right: 20%;
  	
  }

  
  .date{
  	font-size: 0.8em;
  	padding: 0 10px 0 10px;
  	
  }
  
  .blurb{
  	font-family: 'Lato', Helvetica, Arial, sans-serif;
  	color: #000;
  	border-top: 1px solid #eee;
  	border-bottom: 1px solid #eee;
  	padding: 30px 0;
  	font-size: 40px;
  	line-height: 1.2em;
  	font-weight: 400;
  	text-transform: uppercase;
  	text-align: center;
  	margin: 0 0 40px 0;
  	display: block;
  	width: 100%;
  	
  }
  
  blockquote {
		display: inline-block;
		padding-left: 18px;
		padding-bottom: 0;
		font-size: 15px;
		line-height: 1.2em;
		margin-left: 0px;
		margin-top: 10px;
		margin-bottom: 0;
		border-left: 5px solid #259EE8;
		font-size: 1.8em;
		font-style: italic;
	}

  
  p.tweet{ padding: 0 15px 30px 15px; font-size: 1.3em;}
  
  
  footer{
  	width: 100%;
  	min-height: 250px;
    background: #222;
    margin-top: 50px;
  	
  }
  
  footer img{
  	padding-top: 30px;
  }

 .footwrap{
  
  	max-width:1200px;
  	margin: 0 auto 0 auto; 	
  }





/*-----------------NAVIGATION STYLES---------------*/

#site-header{
  	position: relative;
  	max-width:1200px;
  	margin: 0 auto 0 auto; 
  	padding: 0 30px;	
  }
  
 nav{
 	position: relative;
 	height: 60px;
 	float: right;
 	overflow: hidden;
 	
 	
 }
 
 nav ul{
 	margin-top: 16px;
 	
 }

nav ul li{
	display: inline;	
	
	
}

nav ul li a{
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size:0.875em;
	color: #555;
	text-decoration: none;
	font-weight: 400;
	padding: 0.7em 1em;	
	text-transform: uppercase;
}

nav ul li a:hover{
	color: #ccc;
	
}


#menu-icon{
		visibility: hidden;
		position: absolute;
		z-index: 50;
		width: 50px;
		height: 50px;
		right: 0;
		top: 10px;
		
	}
	
	
	#menu-icon{
		visibility: hidden;
	}
	
	#menu-icon ul {margin: 0; padding: 12px 0 0 0;}
	
	#menu-icon li {
		display: block;
		height: 3px;
		width: 20px;
		background: #111B1D;
		margin: 0 0 3px 10px;
		text-align: left ! important;
		
	}
	
	#magic-line { 
	position: absolute;
	bottom: -21px; 
	left: 0; 
	width: 43px; 
	height: 20px; 
	background: transparent url(../images/shark-fin.png) center 0 no-repeat;
	}

	.current_page_item a { 
		color: #259EE8 !important; 
	}

/*----------------GALLERY FILTER--------------*/	

#gallery-filter{
	
}

#gallery-filter li{
	display: inline;
	padding: 0 20px;
	border-right: 1px solid #eee;
	cursor: pointer;
	color: #ccc;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	
}

#gallery-filter li:nth-child(3) {  
  border-right: none;
}

#gallery-filter li:hover{
	color: #555;
	font-weight: 900;
}

#gallery-filter li.on{
	color: #000;
	font-weight: 900;
	    
}


/*  BTN
----------------------------------------------------------------------------------------*/

.btn {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	min-width: 120px;
	border: 0;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	-moz-transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	-o-transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	-ms-transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	
		-webkit-border-radius:2px;
		-webkit-background-clip:padding-box;
		-moz-border-radius:2px;
		-moz-background-clip:padding;
		border-radius:2px;
		background-clip:padding-box;
		
		-webkit-appearance: none;
		 -moz-appearance: none;
	
		
	}
	
	.btn:hover{
		
	-webkit-border-radius: 26px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 26px;
	-moz-background-clip: padding;
	border-radius: 26px;
	background-clip: padding-box;
	}


.btn.white {
	background-color: #fff;
	color: #ccc;
	border: 2px solid #eee;
	height: 35px;
	padding: 10px 30px 4px 30px;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 1.2em;
		
	}
	
.btn.donate {
	color: #ef7965;
	border: 2px solid #ef7965;
	height: 35px;
	padding: 10px 30px 4px 30px;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 1.2em;
		
	}
	
	
	.btn.postit {
	background:  #27BACA;
	color: #fff;
	border: 2px solid #2AC8DA;
	height: 35px;
	padding: 1px 30px 1px 30px;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 1.2em;
	cursor: pointer;
	width: 100px;
		
	}
	
	.btn.postit:hover {
		background:  #27BACA;
		color: #fff;
		border: 2px solid #2AC8DA;
	}
	
	ul.children .even{
		margin: 10px 0 10px 5px;
		padding:5px;
		background: #e0e0e0;
		
	}
	
	
	ul.children .odd{
		margin: 10px 0 10px 5px;
		padding:5px;
		background: #eee;
		
	}
	li.comment{
		
		margin: 20px 10px;
		border-bottom: 1px solid #eee;
		padding: 5px 0 10px 0;
	}
	
	li.even{
		
	
		
	}
	
	
	.social-btn{
	
	width: 45px;
	height: 45px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border: 3px solid #535353;
	-webkit-transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	-moz-transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	-o-transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	-ms-transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	transition: all 500ms cubic-bezier(0.190,1.000,0.220,1.000);
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	
		-webkit-border-radius:1px;
		-webkit-background-clip:padding-box;
		-moz-border-radius:1px;
		-moz-background-clip:padding;
		border-radius:1px;
		background-clip:padding-box;
	
		
	}
	
	.social-btn:hover{
		border: 3px solid #259EE8;
		-webkit-border-radius: 28px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 28px;
		-moz-background-clip: padding;
		border-radius: 28px;
		background-clip: padding-box;
	}
	
	.twt{background: transparent url(../images/twitter.png) center -2px no-repeat;}
	.inst{background: transparent url(../images/instagram.png) center -2px no-repeat;}
	.fb{background: transparent url(../images/fb.png) center -2px no-repeat;}


/* HOMEPAGE STYLES
============================================================================================== */


.mediabox{
  	background: #eee;
  	position: relative;
  	border: 1px solid #eee;
  	overflow: hidden;
  
  	
  }
  
.mediabox .caption{
	width: 100%;
	display: block;
	background: transparent url(../images/caption-bk.png);
	position:absolute;
	bottom:0;
	min-height: 60px;
	padding-top: 20px;
	overflow: hidden;

	
}

.mediabox .big-caption{
	width: 100%;
	display: block;
	background: transparent url(../images/caption-bk.png);
	position:absolute;
	bottom:0;
	min-height: 60px;
	padding-top: 20px;
	overflow: hidden;

	
}



.mediabox img{ 
	-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
      -ms-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
       -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
         transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
         
          -webkit-backface-visibility: hidden;

}
.mediabox img:hover{ 	
  	-webkit-transform: scale(1.2);
  	
  	-moz-transform: scale(1.2);
  	-ms-transform: scale(1.2);
  	-o-transform: scale(1.2);
  	transform: scale(1.2);
  }
  
 .caption h3, .big-caption h3{padding-left:10px; font-size:0.8em;} 
 
 .feature{ max-height: 350px; overflow: hidden;}
 .feature img{width: auto !important;}
 
 .icon{
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 40px;
 	height: 40px;
 	z-index: 5;
 	
 	
 }
 
 
 .comcon{
 	float: left;
 	width: 30px;
 	height: 30px;
 	margin-right: 10px;
 	
 	
 }

 
 
.blog-post{background: rgba(200, 200, 200, 0.9) url(../images/icons/blog.png) 0 0 no-repeat; background-size:100%;} 
.com-box{background: rgba(150, 150, 150, 0.9) url(../images/icons/blog.png) -6px -5px no-repeat; background-size:140%;} 
.twitter{background: rgba(200, 200, 200, 0.9) url(../images/icons/twitter.png) 0 0 no-repeat; background-size:100%;} 
.instagram{background: rgba(200, 200, 200, 0.9) url(../images/icons/instagram.png) 0 0 no-repeat; background-size:100%;}
.video{background: rgba(200, 200, 200, 0.9) url(../images/icons/video.png) 0 0 no-repeat; background-size:100%;display:none;} 
.tweets{min-height: 380px;}

.stoggle{
 	
 	border-bottom: 1px solid #eee;
 	display: none;
 	overflow: hidden;
 	
 }
 
 
  #search-icon{
 	position: absolute;
 	right: 20px;
 	top: -40px;
 	width: 50px;
 	height: 50px;
 	background: url(../images/search-icon.png) 0 0 no-repeat; background-size:100%;
 	cursor: pointer;
 	z-index: 200;
 	
 	}
 
 
 
 
 input, textarea{border: 1px solid #e5e5e5; background: #fff; min-height: 40px;font-size: 1.3em; margin-bottom: 5px;}
 input{width: 50%;}
 textarea{width: 70%;height: 200px;}
 label{display: block; font-size: 0.9em}
 
 
	.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
	}
	 
	.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#666;
	background: #fff;
	border: 1px solid #eee;
	}
	 
	.pagination a:hover{
	color:#fff;
	background: #447B99;
	}
	 
	.pagination .current{
	padding:6px 9px 5px 9px;
	background: #447B99;
	color:#fff;
	}
 
 

/* SLIDESHOW
============================================================================================== */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0 0;  position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.flex-viewport { max-height:850px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px; }
/*.loading {min-height: 300px; background: url('../images/loader.gif') no-repeat center center;}*/

.flexslider .slides {zoom: 1;}
/*.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}*/

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0 !important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

#slider{ max-width: 1200px; margin: 20px auto 0 auto;}
#carousel{ max-width: 1200px; margin: 5px auto 0 auto;}

#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


/* Custom sizes
============================================================================================== */
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	
    #magic-line { display: none;}
    h6 a{margin-right: 10%;}
    #video-wrap{display: none;}
 	.gallery{
 		background: #27BACA url('../images/loader.gif') no-repeat center 180px;
 		display: block;
   	  	min-height: 400px;  
  	  	margin-top: 60px;
  	
  		}
 	.page-header{max-height: 350px; }
 	
 	 #search-icon{
	 	right: 0;
	 	top: -90px;
	 	width: 50px;
	 	height: 50px;
 	
 	}

}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	 nav{display:block !important;}
	 p.tweet{ padding: 0 5px 30px 5px; font-size: 1em;}
   
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	p.tweet{ padding: 0 5px 30px 5px; font-size: 0.7em;}
	.tweets{min-height: 240px;}
	.spost{display:block !important;float: none !important;width:100% !important;margin-left:0 !important;}
	h6.sh6{margin-right: 0 !important;}

	   
}

/* Mobile ----------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */


	/*#header{position: relative !important;}*/

	#header .logo {
		width: 200px;
		height: 50px;
		background: url("../images/logo-mobile.png") no-repeat;
		background-size: 100%;
		margin-top: 7px;
	}
	
	.mtop{margin-top: 10px;}
	#carousel{display: none;}
	.flex-direction-nav{display: none;}


	.container {
	
		margin: 80px auto 0 auto;
		
	}
	
	.page-header{
		position: relative;
		top: 60px;
  	  	max-height: 200px;  	
  }
  
  .text-right{text-align: left;}
   h6 a{margin-right: 0;}
   
   
   #the_title {
		
		top: 40%;
		}
   .page-header h1{ 
  	
  	
	font-size: 100%;
	padding-bottom:2px;	
  }
  h6{margin-right: 0;}
  
  input{width: 94%;}
  textarea{width: 100%;height: 200px;}
  #video-wrap{display: none;}
  .gallery{
 		display: block;
   	  	min-height: 150px !important;  
  	  	margin-top: 60px;
  	  	background: #27BACA url('../images/loader.gif') no-repeat center 50px;
  	
  		}
  		
  	.blurb{margin-top: -60px;}
  	
  	
  	 #search-icon{
	 	right: 0;
	 	top: -70px;
	 	width: 50px;
	 	height: 50px;
 	
 	}

  		

}


@media only screen and (max-width: 480px) {
	
	 .excerpt, .post-meta{display:none;}

	}



/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1025px) {
	
	body{font-size: 18px;}
	
	 nav{display:block !important;}

	 
}

@media only screen 
and (min-width : 769px)  and (max-width: 900px) {
	
/*	#header .logo {width: 180px;}*/
	h6.ab {font-size: 1.3em;}
	

	
	 
}



@media only screen 
and (max-width: 1400px) {
	
	
	 
}




/*------------------------------------*\
    Media Queries Mobile & Tablet
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
	
	
	#header{opacity:1 !important;}
	
  .mtop{margin-top: 10px;}
   .alignleft{float: none;}
 .alignright{float: none;}
	
	#site-header{
	   	margin: 0; 
	  	padding: 0 10px;	
  	}

	h3 a{
	font-weight: 700;
	margin-bottom: 1px ! important;
	text-decoration: none;
	color: #000;
	font-size: 1.8em;
	line-height: 1.2em;
  }
  
  .mediabox .caption {
		min-height: 60px;
		padding-top: 20px;
	}

	#menu-icon{
		visibility: visible;
    }
    
    nav{
    position: absolute;
    top: 60px;
    left: 0;
 	width: 100%;
 	float: none;
 	background: #416F85;
 	height: auto;
 	overflow: hidden;
 	display: none;
 	
 	}
 	
 	nav ul{margin-top: 0;}
    
    nav ul li{
		display: block;	
		border-bottom: 1px solid #31596E;
	
	}
	
	nav ul li a{
		width: 100%;
		display: block;	
		color: #fff;
		
	}
	
	#magic-line { display: none;}
	
   .footwrap{padding: 0 10px;}
   .caption h3, .big-caption h3{  font-size:0.6em;line-height:0.8em;} 
   .ab-title{margin-right: 10%;}
 	/*#video-wrap,.vid-overlay{margin-top: 0px;}*/
	#header{top:0px !important;}
	
	#home_title{
	  	font-size: 1.2em;
	  	margin-top: -10px;  	
	  }
	  
	 
	 
	
}