/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		/*font-family: "neuzeitofficeregular";*/
		color: #444;
		/*font-family:'circusfont';*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		
 }
 .ie8 body {
   background: #fff;
   font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
}
p a{text-decoration:underline;}

a {color: #444; text-decoration:none;
 -moz-transition: all 1s ease;  /* FF4+ */
       -o-transition: all 400mss ease;  /* Opera 10.5+ */
  -webkit-transition: all 400ms ease;/* Saf3.2+, Chrome */
      -ms-transition: all 400ms ease;  /* IE10? */
          transition: all 400ms ease;   }
a:hover {color:#00F;}
h1 {font-size: 19px;margin:20px 0px 10px 0px;}
h2 {font-size: 14px; }


.topmargin{margin-top:20px;}	
.donotshow{ display:none;}
.blog .sixcol:nth-child(2){
margin-right: 0px; }
.blog .threecol:nth-child(4){
margin-right: 0px; }
.ie8 body#front div.container div.row div.sixcol{
margin-right: 2%; }
p {
	/*font-size: 1em;*/
line-height: 1.25em;
	/*text-align: justify;*/
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 1.25em;
	margin-left: 0;
/*text-align: left;*/
font-family: "Helvetica",sans-serif;
font-weight: 300;
}

/* FRONT
================================================== */
/*#front h1*/ .margin{margin:20px 0 20px 0 ;}
#front p { margin: 0;}

/* #HEADER
================================================== */
header {
	height:140px; /*was 200*/
	padding-top:20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #aaa9a9;
	}
header h1{margin:0px;padding:0px;}
.logo a{
	
	text-indent:-9999px;
	width: 120px; height: 120px; /* was 160*/
	position: relative;
	display:block;
	background-repeat: no-repeat;
	background-size: 120px 120px;
	background: url("/images/circus_family.png");
	background-image:  none,url('/images/circus_family.svg'), url('/images/circus_family_120x120.png');
	background-size: 100% 100%;	
	}
.ie8 .logo a{
	text-indent: 100%;
white-space: nowrap;
overflow: hidden;
	width: 120px; height: 120px; /* was 160*/
	position: relative;
	display:block;
	background-image: url('/images/circus_family_120x120.png');
	
	}
	
.bump { display:none;}
nav { position:relative;top:105px; /*was 174*/  }
nav ul { width:100%;}
nav ul li {display: inline-block; width:15%;  margin-right: 5%; text-transform: uppercase;  }
.ie8 nav ul li {display: inline-block; width:15%;  margin-right: 2%; text-transform: uppercase;  }
nav ul li:last-child{margin-right: 0px;}
/*nav ul li:before{ margin-right:10px; content: "•";}*/
nav ul li:lastchild  {margin-right:0px; background-color:#FF0099;}
nav a:hover{color:#ccc;}
nav a active {border-bottom: 1px dotted #ccc;}
nav.sevencol{margin-right:0px;}
/*.social{display:block; width:100%; position:relative;right:0px;font-size:11px;}
.social input{ margin-top:2px; margin-bottom:5px;width:95%;}*/
ul.social{width: 100%; text-align:right;}
ul.social li {text-align:right;display: inline; list-style: none;  white-space: nowrap; margin-right: 10%; font-size:11px; }
ul.social li:last-child{margin-right: 0px;}
/*ul.social li:nth-child(1){width:25%; }
ul.social li:nth-child(2){width:10%; }
ul.social li:nth-child(3){width:15%; }
ul.social li:nth-child(4){width:20%; }*/

/*tst*/



.01 img{ max-width:16.66%}
div.instagram{margin-top:30px;}
/*.instagram {margin-top:0px;}

.instagram01 {margin-right: 3.8%;
float: left;
min-height: 1px;width: 22.05%;}*/
.instagram img:last-child{margin: 0; padding:0px; /*background-color:#CFF;*/}
.instagram .twocol:last-child{margin-right: 0px;padding:0px;}

.intro > p { font: 19px/24px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0px;}
/*.centerit {margin:auto;text-align:center; display:block; background-color:#FFFF00; overflow:hidden;	}*/
/*.centerit{
    display: block;
    border-top: solid 1px #EFEFEF;
    width: 100%;
    height: 20px;
	margin-top:40px;
    top: 50%;
    z-index: 1;
		text-align:center;
		margin-bottom:-5px;

  }

 .centerit span {
    background: #fff;
    padding: 0 20px 0px 20px ;
    margin-top:-30px;
    display: inline-block;
    z-index: 5;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	font-family: "Open Sans Condensed", sans-serif; text-align: center;
	font-size:16px;

  }*/

/* #WORK
================================================== */
#infscr-loading{ width: 100%; text-align:center; font-size:12px;}
.credits { margin-top:-0.3em;}
.credits p{ text-align: left; font-style:italic; line-height:1.8em}
.credits h2 {font-style:italic; font-weight:normal; margin-bottom:1.0em;}
.work-body h2 {margin:0 0 0.5em 0; padding:0; line-height:14px;}
.work-body img {margin:0.5em 0;}
h1.work-body  {margin: 20px 0 15px;}

/* #CASES
================================================== */
#cases a h1 {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
#cases a h1 {width: 98%; padding-left: 2%; margin: 0; position: relative; left: 0; bottom: 64px; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); margin-bottom:-64px; font-size: 20px; line-height: 58px; font-weight:normal;}
/*#cases a h1 {color: #6d6d6d; margin-left:0px; }*/

		
/* #contact
================================================== */
.direct p span { display:inline-block; width:30%;}



/* #jobs
================================================== */

ul.show ul{
margin: 12px;
padding: 0;
}
ul.show li{
margin: 0 0 12px 0;
font-size: .9em;
line-height: 1em;
}

body:nth-of-type(1) ul.show li{
list-style-type:none;
padding: 0 0 0 45px;
position:relative;
}

body:nth-of-type(1) ul.show li:before{
/*fill it with a blank space*/
content:"\00a0";

/*make it a block element*/
display: block;

/*adding an 8px round border to a 0x0 element creates an 8px circle*/
border: solid 9px #000;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;

/*Now position it on the left of the list item, and center it vertically
(so that it will work with multiple line list-items)*/
position: absolute;
left: 7px;
top: 40%;
margin-top: -8px;
}



body:nth-of-type(1) ul.show li:after{
/*Add another block-level blank space*/
content:"\00a0";
display:block;

/*Make it a small rectangle so the border will create an L-shape*/
width: 3px;
height: 6px;

/*Add a white border on the bottom and left, creating that 'L' */
border: solid #fff;
border-width: 0 2px 2px 0;

/*Position it on top of the circle*/
position:absolute;
left: 14px;
top: 40%;
margin-top: -4px;

/*Rotate the L 45 degrees to turn it into a checkmark*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}






/* #Footer
================================================== */
footer {margin-top:25px;height:200px;
	padding-top:15px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #aaa9a9;}
footer p{ margin: 0px 0px 0px 0px; text-align:center; text-transform:uppercase;}
footer span:before {margin:0px 5px 0px 5px;content: "•";}
footer a {text-decoration:none;}


/* #VIDEO
================================================== */
.mediaplayer{ }

/* --------------------------------------------------
  :: Make JW Player "fluid" (http://www.longtailvideo.com/support/forums/jw-player/using-playlists/22892/auto-rescale-of-playlist-player-to-adjust-to-browser-dimensions)
  -------------------------------------------------- */
  
.intrinsicRatio {
	position:relative;
	height:0;
}
.ratio16to9 {
	padding-bottom:56.25%;
}


.intrinsicRatio div,
.intrinsicRatio object,
.intrinsicRatio embed {
	z-index:1000;
	position:absolute !important;
	/* Everything following breaks iPhone and iPad(!) */
	/*
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:teal;	
	*/
}
#video-tint {position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:100;background:#000;opacity:0.9;filter:alpha(opacity=90);}

/* THUMBS
*/

#work .thumbs h2 {margin-bottom:15px;}
.thumbs h2{font-size: 14px; padding:0px;line-height:16px;font-style: normal;font-weight: normal;}
.thumbs h1 { 
	font-size: 14px; margin:0px; line-height:16px; font-style: normal; font-weight: normal;}

.mediaplayer_thumbs > li img { background-color:#fff;}
.mediaplayer_thumbs > li img{ opacity: 0.5;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
.mediaplayer_thumbs > li img:hover{ opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   padding-bottom:5px; border-bottom: 1px solid #ccc ;}
ul.mediaplayer_thumbs li.twocol:nth-child(6) { padding-right:0px; margin-right:0px;}
.mediaplayer_thumbs >.active img  {
    padding-bottom:5px; border-bottom: 1px solid #ccc ; opacity: 1;
    }
.thumbs .fourcol {position:relative;}
/* new */
.thumbs .fourcol .actions  {
	display:block;position:absolute;margin:35%;top: 0px;left: 0px;width: 30%;height: 30%;z-index: 100;
	display:block;position:absolute;
	opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.button img {width:40%;	overflow:hidden;	}
.quickplay img {	float:left;	}	
.moreinfo img {	float:right;	}	

.thumbs .fourcol:hover .actions { opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
.thumbs .fourcol:hover {}
   
   
 /* #TWEET
================================================== */  
   #tweet,
.query {
}

	.tweet_list {
		font-size:19px;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
		background-color:#fff;
	}
	
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			/*padding: 0.5em;*/
			list-style-type: none;
		}
		
			.tweet_list li a {
				color: #0000FF;
			}
		
		.tweet_list .tweet_even {
			background-color:#fff;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}
			
      #ticker ul.tweet_list {
        /*height:4em;*/
		height:50px;
        overflow-y:hidden;
      }
      #ticker .tweet_list li {
        height: 4em;
      }
			
	
/* BLOG
++++++++++++++++++++++++++++++++
*/

video {
            width: 100%;
            height: auto;
          }
    		  
.item img{width: 100%;}
.item {
  margin: 5px;
  padding: 5px;
   width: 265px;
  float: left;
}
#blogcontent p { margin-top:1em;}
#blogcontent h1 {font-size: 19px;margin:8px 0px 10px 0px;}


/*
FLEXSLIDER
*/

/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* 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 {width: 100%; margin: 0; margin-bottom:20px;  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 {max-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 {background: #fff; position: relative; zoom: 1; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 100%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 20px; line-height: 16px;}
.flex-caption span {color: #6d6d6d; margin-left:10px; }

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a { width: 100px; height: 100%; /*margin: -13px 0 0; */ display: block;  position: absolute; /*top: 0px;*/ cursor: pointer; text-indent: -999em;}
.flex-prev:hover { background: url(/images/right.png) no-repeat;  background-position:right;  opacity:100;}
.flex-next:hover { background: url(/images/left.png) no-repeat; background-position:left; left:0px;  opacity:100;}
.flex-prev {right:0px; top: 0px; background-position:right; opacity:0; }
.flex-next {left:0px; top: 0px; background-position:left;  opacity:0;}

.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(/images/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/*
 * photoswipe.css
 * Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for PhotoSwipe
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */

 
body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background: #fff;
	overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline: 0; 
}


/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}


/* UILayer */
div.ps-uilayer { 
	
	background: #000;
	cursor: pointer;
	
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}
div.ps-zoom-pan-rotate *  { display: block; }


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url(../css/loader.gif) no-repeat center center; 
}

div.ps-carousel-item-error 
{ 
	background: url(../css/error.gif) no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}

div.ps-caption-content
{
	padding: 13px;
	display: block;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(/images/photoswipe/icons.png);
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(/images/photoswipe/icons@2x.png);
	}
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}



/*
NEWSLETTER
*/

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:0px 0 0px 0}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:12px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:100%; padding-bottom:1%; min-height:20px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:10px; margin-right:0%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:0px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {


/* #HEADER
================================================== */	
header {
	height:120px; /*was 200*/
	padding-top:15px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #aaa9a9;
	}

header .threecol {display:block; height:75px; }
header form > input{display:none;}
nav > ul { width:100%;margin:0px; }
nav ul li {margin-right: 5%; margin-top:15px;}
nav ul li:nth-child(1){width:15%; }
nav ul li:nth-child(2){width:18%; }
nav ul li:nth-child(3){width:12%; }
nav ul li:nth-child(4){width:15%; }
nav ul li:nth-child(5){width:15%; }
nav ul li:last-child{margin-right: 0px;}
nav { position:relative; top:0px;}
nav a     {  }
nav select { display: inline-block; }
h1.logo {margin:auto 0 auto 0; /*position:inherit;*/}
h1.logo a{ z-index:2;
	text-indent:-9999px;
	width: 75px; height: 75px;
	display:block;
	margin:0px;
	background-size: 100% 100%;
	}
.ie8 h1.logo {
	width: 75px; height: 75px;
	margin:0px;
	/*display:block;*/
	}
	
.ie8 h1.logo a{
	background-image:  none;
	text-indent:-9999px;
	width: 100%;
    height: 100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/circus_family_120x120.png',
sizingMethod='scale');
}
header > .twocol { position: relative; top:-115px; width:50%; display:block; height:75px; }
.social { z-index:0;float:right; width: 50px; font-size:9px;}
header hgroup {margin:auto;}
ul.mediaplayer_thumbs {padding-left:20px;}
ul.mediaplayer_thumbs li.twocol {width: 13.45%; padding:0px;/*padding:5px;*/ margin-right: 3.2%;
float: left;
min-height: 1px;}
.instagram .twocol {
	width:30%;
	margin-right:3%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
	.instagram .twocol:last-child{padding:0px; padding-bottom: 15px;}
.social{display:block; width:100%; position:absolute;right:5px; top:10px;font-size:11px;}
.social input{ margin-top:2px; margin-bottom:5px;width:95%;}
ul.social li {text-align:right;display: inline; list-style: none;  white-space: nowrap; margin-right: 5%; font-size:11px; }



}

}
@media screen and (min-device-width: 481px) {

	
	}
@media handheld, only screen and (max-width: 480px) {
nav > ul { width:100%;margin:0px; }
nav ul li {margin-right: 5%; margin-top:15px;}
nav ul li:nth-child(1){width:12%; }
nav ul li:nth-child(2){width:18%; }
nav ul li:nth-child(3){width:12%; }
nav ul li:nth-child(4){width:12%; }
nav ul li:nth-child(5){width:12%; }
nav ul li:last-child{margin-right: 0}
.thumbs h2 {margin-bottom:10px;}
.social{display:block; width:100%; position:absolute;right:5px; top:10px;font-size:11px;}
.social input{ margin-top:2px; margin-bottom:5px;width:95%;}
ul.social li {text-align:right;display: inline; list-style: none;  white-space: nowrap; margin-right: 5%; font-size:11px; }
div.flex-viewport ul.slides li a p.flex-caption{ font-size:10px;}

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/
	.button { display:none;}

}